/* Preserve the original left-aligned typography and compact 2-by-2 suite cards. */
.launch-intro{height:300svh;min-height:2150px;--scroll:0;--copy-opacity:1;--copy-y:0px;--heading-opacity:0;--heading-y:18px;--speed-opacity:0;--speed-top:72%}
.launch-sticky{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;isolation:isolate}
.launch-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 42%,#3869b539,transparent 54%),radial-gradient(ellipse at 95% 99%,#4169a320,transparent 60%),#101722}
.launch-copy{text-align:left;z-index:5}
.morph-visual{position:absolute;inset:0;pointer-events:none;z-index:2;mask-image:linear-gradient(to bottom,transparent,transparent var(--visual-safe-top,0px),#000 calc(var(--visual-safe-top,0px) + 35px),#000 calc(100% - 50px),transparent)}
#idea-morph{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%}
.depth-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.transform-heading{position:absolute;top:11%;left:6%;right:6%;text-align:center;z-index:4;pointer-events:none;opacity:var(--heading-opacity);transform:translateY(var(--heading-y))}
.transform-heading>span{display:block;width:max-content;margin-inline:auto;font-size:calc((10px) * var(--ark-type-scale,1));letter-spacing:.2em;margin-bottom:9px;color:#b8cde9;font-weight:400;transform-origin:center;transform:translateY(var(--idea-y,20px)) scale(var(--idea-scale,3.6))}
.transform-heading h2{font-size:calc((clamp(34px,4vw,55px)) * var(--ark-type-scale,1));line-height:1.15;font-weight:500;letter-spacing:-.05em;opacity:var(--result-opacity,0);transform:translateY(var(--result-y,18px))}
.lightning-caption{position:absolute;left:50%;top:var(--speed-top);display:flex;align-items:center;justify-content:center;gap:8px;transform:translate(-50%,calc((1 - var(--speed-opacity))*12px));opacity:var(--speed-opacity);white-space:nowrap;pointer-events:none;z-index:4;color:#b8cde9;font-size:calc((10px) * var(--ark-type-scale,1));font-weight:400;letter-spacing:.2em;text-transform:uppercase}
.lightning-caption svg{display:none}
.launch-scroll-cue{position:absolute;bottom:44px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.12em;color:#b5c3d7;opacity:var(--copy-opacity);z-index:6}
.launch-scroll-cue>span:last-child{font-size:calc((22px) * var(--ark-type-scale,1))}
.launch-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#a9c9ff0c}
.launch-progress i{display:block;height:100%;width:calc(var(--scroll)*100%);background:var(--blue)}
/* Original feature typography and light divider treatment, with eight numbered features. */
.story-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 30px}
.story-feature-grid article{border:0;border-top:2px solid #a9c9ff4d;border-radius:0;background:none;padding:6px 0 0}
.story-feature-grid h4{font-size:calc((17px) * var(--ark-type-scale,1));line-height:1.5;letter-spacing:normal;margin:13px 0 9px}
.story-feature-grid p{font-size:calc((14px) * var(--ark-type-scale,1));line-height:1.75}
.story-feature-intro h3{font-size:calc((28px) * var(--ark-type-scale,1));max-width:410px}
.story-feature-intro>p{font-size:calc((16px) * var(--ark-type-scale,1))}
.story-feature-cta{margin-top:28px}
.story-copy>p strong{font-weight:650;color:#c5dcff}
.reaktor{display:block}.reaktor>div{max-width:900px}
.reaktor h2{font-size:calc((clamp(34px,3.5vw,52px)) * var(--ark-type-scale,1))}
@media(max-width:1100px){.story-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-sticky{min-height:800px}}
@media(max-width:760px){
 .launch-intro{height:295svh;min-height:2000px}.launch-sticky{min-height:800px}
 .transform-heading{top:14%;left:5%;right:5%}.transform-heading>span{font-size:calc((8px) * var(--ark-type-scale,1));margin-bottom:10px}.transform-heading h2{font-size:calc((32px) * var(--ark-type-scale,1));max-width:520px;margin:auto}
 .lightning-caption{font-size:calc((8px) * var(--ark-type-scale,1))}
 .launch-scroll-cue{bottom:25px;font-size:calc((8px) * var(--ark-type-scale,1));padding-top:12px}.launch-scroll-cue>span:last-child{font-size:calc((18px) * var(--ark-type-scale,1))}
 .story-feature-grid{gap:25px 18px}.story-feature-grid h4{font-size:calc((16px) * var(--ark-type-scale,1))}.story-feature-grid p{font-size:calc((14px) * var(--ark-type-scale,1))}.story-feature-intro h3{font-size:calc((27px) * var(--ark-type-scale,1))}.story-feature-intro>p{font-size:calc((15px) * var(--ark-type-scale,1))}
 .story-feature-cta .button{font-size:calc((12px) * var(--ark-type-scale,1));width:100%}.reaktor h2{font-size:calc((35px) * var(--ark-type-scale,1));line-height:1.15}
}
.motion-paused .launch-intro{height:auto;min-height:0}.motion-paused .launch-sticky{position:relative}.motion-paused .launch-copy{opacity:1;transform:none}.motion-paused .transform-heading,.motion-paused .lightning-caption,.motion-paused .launch-progress{display:none}.motion-paused .launch-scroll-cue{opacity:1}
@media(prefers-reduced-motion:reduce){.launch-intro{height:auto;min-height:0}.launch-sticky{position:relative}.launch-copy{opacity:1;transform:none}.transform-heading,.lightning-caption,.launch-progress{display:none}.launch-scroll-cue{opacity:1}}

@media(max-width:600px){.story-feature-grid{grid-template-columns:1fr}}
