.ideaImpact{height:500vh;background:#f4f8fb;position:relative}
.impactSticky{position:sticky;top:0;height:100vh;min-height:720px;display:grid;grid-template-columns:1fr min(48vh,520px) 1fr;gap:4vw;align-items:center;padding:100px 6vw 45px;overflow:hidden}
.impactIntro{position:relative;z-index:2}.impactIntro h2{font-size:clamp(38px,4.2vw,66px);line-height:1.36;letter-spacing:-.055em}.impactIntro h2 em{font-style:normal;color:var(--blue)}.impactIntro>p:last-child{font-size:13px;line-height:2;color:var(--muted);max-width:430px}
.morphVisual{position:relative;width:100%;height:min(86vh,930px);margin:0 auto;border-radius:2px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(16,66,120,.14)}
.morphStage{position:absolute;inset:0;background-image:url('../images/idea-to-impact-stages.webp');background-size:400% auto;background-repeat:no-repeat;opacity:0;transform:scale(1.025);filter:blur(3px);transition:opacity .85s ease,transform 1.2s ease,filter 1s ease}.morphStage.active{opacity:1;transform:scale(1);filter:none}.stageSeed{background-image:url('../images/idea-stage-00-simple-girl.webp');background-size:cover;background-position:center;background-color:#f9fbfd}.stageText{background-position:0% 50%}.stageCode{background-position:33.333% 50%}.stageIllustration{background-position:66.666% 50%}.stageReality{background-position:100% 50%}
.morphScan{position:absolute;z-index:5;top:0;bottom:0;width:2px;left:0;background:linear-gradient(transparent,var(--cyan),transparent);box-shadow:0 0 25px var(--cyan);animation:morphScan 3.5s ease-in-out infinite}.morphCounter{position:absolute;z-index:6;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35);font:700 10px var(--font-en)}.morphCounter i{height:1px;background:rgba(255,255,255,.65);flex:1}.morphCounter b{font-weight:700}
.impactSteps{position:relative;min-height:330px}.impactStep{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease;pointer-events:none}.impactStep.active{opacity:1;transform:none}.impactStep>span{font:700 9px var(--font-en);letter-spacing:.17em;color:var(--blue)}.impactStep h3{font-size:clamp(23px,2.2vw,34px);line-height:1.55;letter-spacing:-.035em;margin:22px 0}.impactStep p{font-size:12px;line-height:2;color:var(--muted)}
@keyframes morphScan{0%,100%{left:4%;opacity:.2}50%{left:94%;opacity:1}}
@media(max-width:950px){.impactSticky{grid-template-columns:.8fr 1.2fr;gap:4vw}.impactSteps{grid-column:1/-1;min-height:160px}.impactStep{padding-left:calc(40% + 2vw)}.impactIntro h2{font-size:40px}}
@media(max-width:650px){.ideaImpact{height:450vh}.impactSticky{height:100svh;min-height:680px;display:block;padding:85px 5vw 25px}.impactIntro h2{font-size:32px;line-height:1.3;margin-bottom:12px}.impactIntro>p:last-child{display:none}.impactIntro .micro{margin-bottom:14px}.morphVisual{width:min(62vw,300px);height:auto;aspect-ratio:418/941;margin:18px auto 0}.impactSteps{min-height:150px}.impactStep{padding:16px 6px 0}.impactStep h3{font-size:22px;margin:10px 0}.impactStep p{font-size:11px;line-height:1.7}.morphScan{display:none}}
@media(prefers-reduced-motion:reduce){.ideaImpact{height:auto;padding:90px 6vw}.impactSticky{position:relative;height:auto;display:block;padding:0;overflow:visible}.morphVisual{height:auto;aspect-ratio:418/941;width:auto;max-width:340px;margin:0 auto;background:url('../images/idea-to-impact-stages.webp') left center/400% auto}.morphStage,.morphScan{display:none}.impactSteps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.impactStep{position:relative;opacity:1;transform:none;padding:20px;background:#fff}}
