.iis-middle .iis-future{background:#f6f3ed;padding:64px 0;color:#172b2c;overflow:hidden}
.future-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.future-kicker{display:block;color:#ae3035;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.iis-middle .future-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px}
.future-copy>p{font-size:1rem;line-height:1.7;color:#576767;max-width:48ch;margin:0 0 24px}
.future-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.future-choices button{font:inherit;font-size:.85rem;cursor:pointer;border:1px solid #cbd3cd;background:transparent;color:#274340;padding:11px 15px;border-radius:100px;transition:background .2s,color .2s,transform .2s}
.future-choices button[aria-pressed=true]{background:#193b38;color:white;border-color:#193b38}
.future-choices button:hover{transform:translateY(-2px)}
.future-choices button:focus-visible,.future-answer a:focus-visible{outline:3px solid #bc353c;outline-offset:4px}
.future-answer{padding:20px 0 0;border-top:1px solid #ced6ce;min-height:170px}
.iis-middle .future-answer h3{font-size:1.1rem;line-height:1.4;margin:0 0 10px}
.future-answer p{font-size:.9rem;line-height:1.65;color:#576767;margin:0 0 16px;max-width:49ch}
.future-answer a{color:#ae3035;font-size:.9rem;font-weight:700;text-decoration:none}
.future-answer a:hover{text-decoration:underline}
.future-answer.is-changing{animation:future-in .35s ease both}
.future-scene{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1;border-radius:180px 180px 24px 24px;background:#e7ece5;box-shadow:0 20px 45px #203f3510}
.future-scene svg{width:100%;height:100%;position:absolute;bottom:0;left:0}
.future-sun{position:absolute;top:15%;left:18%;width:25%;aspect-ratio:1;border-radius:50%;background:#efd4a5;animation:future-float 7s ease-in-out infinite}
.future-scene-label{position:absolute;top:41%;left:8%;font-size:.65rem;letter-spacing:.1em;color:#36594f;font-weight:700;z-index:1}
.future-route{animation:future-travel 12s linear infinite}
.future-marker{transform-origin:437px 262px;animation:future-pulse 3s ease-in-out infinite}
.future-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;color:#fff}
.future-cross{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#c5363b;font-size:2rem;font-weight:700;flex:none}
.future-caption strong{display:block;font-size:.95rem;line-height:1.4}.future-caption div>span{font-size:.75rem;color:#d3e1d9;display:block;margin-top:4px}
@keyframes future-travel{to{stroke-dashoffset:-160}}
@keyframes future-float{50%{transform:translateY(-12px)}}
@keyframes future-pulse{50%{transform:scale(1.2)}}
@keyframes future-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.iis-middle .iis-future{padding:40px 0}.future-layout{grid-template-columns:minmax(0,1fr);gap:28px}.iis-middle .future-copy h2{font-size:2.25rem}.future-scene{aspect-ratio:1.25;max-width:460px;width:100%;margin:auto;border-radius:120px 120px 20px 20px}.future-scene svg{height:auto}.future-answer{min-height:0}.future-choices button{font-size:.8rem;padding:10px 12px}.future-caption{bottom:18px;left:20px;right:16px}.future-scene-label{top:31%}}
@media(prefers-reduced-motion:reduce){.future-sun,.future-route,.future-marker,.future-answer.is-changing{animation:none}.future-choices button{transition:none}}
.iis-middle .iis-flip__takeaway{display:block;border-top:1px solid #ffffff40;padding-top:12px;margin-top:4px;font-size:.85rem;font-weight:700;line-height:1.5}
.iis-middle .comparison-sources{margin-top:20px;border-top:1px solid var(--iis-line);padding-top:16px;font-size:.85rem}
.iis-middle .comparison-sources summary{cursor:pointer;font-weight:700;color:var(--iis-ink-soft)}
.iis-middle .comparison-sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding-top:16px}
.iis-middle .comparison-sources a{color:var(--iis-ink-soft);text-decoration:underline;text-underline-offset:3px;line-height:1.5}
@media(max-width:600px){.iis-middle .comparison-sources>div{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.iis-middle .iis-flip__inner{transition:none}}
