/* Static layout is the fallback; scroll choreography is progressively enabled. */
.hero-stage{width:100%}.hero-scroll-cue{display:none}
#home.hero-scroll{display:block;height:220svh;min-height:0;padding:0;overflow:visible;background:#fff}
.hero-scroll .hero-stage{position:sticky;top:88px;height:calc(100svh - 88px);overflow:clip}
.hero-scroll .hero-cols{height:100%;display:block;position:relative;max-width:1440px;margin:auto}
.hero-scroll .hero-grid{position:absolute;left:5%;top:50%;width:45%;transform:translateY(-50%);opacity:var(--copy,0)}
.hero-scroll .hero-grid .h-in{animation:none;opacity:1;transform:none}
.hero-scroll h1{font-size:clamp(54px,5.3vw,86px);line-height:1.04}
.hero-scroll .hero-grid h1{clip-path:inset(0 0 calc((1 - var(--copy,0))*100%) 0)}
.hero-scroll .hero-grid .sub{font-size:16px;line-height:1.6;margin-top:22px;max-width:42ch}
.hero-scroll .hero-grid .kicker{margin-bottom:20px}.hero-scroll .hero-grid .ctas{margin-top:22px}.hero-scroll .founder{margin-top:22px}
.hero-scroll .growth-figure{position:absolute;left:50%;top:50%;width:min(660px,65vw);padding:0;margin:0;transform:translate(-50%,-50%);transform-origin:center;animation:none;opacity:1;will-change:transform}
.hero-scroll .growth-svg{width:100%;margin:0;max-height:calc(100svh - 235px)}
.hero-scroll .figure-top{border:0;padding-top:0}.hero-scroll .growth-figure figcaption{font-size:11px;padding:10px 0}.hero-scroll .compound-line,.hero-scroll .graph-callout,.hero-scroll .cohort-curves path{animation:none}
.hero-scroll .growth-milestones circle{transition:none}.hero-scroll .growth-traveller{filter:none}
.hero-scroll .hero-scroll-cue{display:flex;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);align-items:center;gap:22px;font-size:10px;letter-spacing:.14em;white-space:nowrap;opacity:var(--cue,1)}.hero-scroll-cue span{font-size:20px}
body.hero-in-view>.wa{visibility:hidden;pointer-events:none}
@media(min-width:801px) and (max-height:800px){.hero-scroll h1{font-size:clamp(44px,4.9vw,68px)}.hero-scroll .hero-grid .sub{font-size:15px;margin-top:16px}.hero-scroll .founder{margin-top:16px}.hero-scroll .hero-grid .kicker{margin-bottom:14px}.hero-scroll .btn{padding:13px 18px}}
@media(max-width:800px){#home.hero-scroll{height:175svh}.hero-scroll .hero-stage{top:74px;height:calc(100svh - 74px)}.hero-scroll .growth-figure{width:calc(100% - 44px);max-width:430px}.hero-scroll .hero-grid{left:22px;width:calc(100% - 44px);top:220px;transform:none}.hero-scroll h1{font-size:clamp(38px,10vw,56px);line-height:1.03}.hero-scroll .hero-grid .kicker{font-size:9px;margin-bottom:12px}.hero-scroll .hero-grid .sub{font-size:14px;line-height:1.5;margin-top:15px;max-width:43ch}.hero-scroll .hero-grid .ctas{margin-top:18px;gap:15px}.hero-scroll .btn{padding:13px 15px;font-size:12px}.hero-scroll .btn.ghost{margin-left:0;padding-left:0;padding-right:0}.hero-scroll .founder{margin-top:18px}.hero-scroll .founder p{font-size:11px}.hero-scroll .founder img{width:34px;height:34px}.hero-scroll .figure-top{font-size:10px}.hero-scroll .growth-figure figcaption{font-size:10px}.hero-scroll .hero-scroll-cue{bottom:16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue,.growth-traveller{display:none}}

/* Alignment and stronger final word; the mobile chart hands the screen to the copy. */
#home .hero-compound{display:inline-block;font-size:1.43em;line-height:.98;letter-spacing:-.025em}
#home .figure-top{padding-left:7.258%;padding-right:7.258%;align-items:center}
#home .growth-figure figcaption{justify-content:center;text-align:center;margin-left:7.258%;margin-right:7.258%}
@media(max-width:800px){.hero-scroll .hero-grid{top:50%;transform:translateY(-50%)}.hero-scroll .growth-figure{pointer-events:none}.hero-scroll .hero-grid h1{font-size:clamp(38px,10vw,56px)}}
@media(min-width:801px){.hero-scroll .growth-figure{width:min(660px,65vw,calc((100svh - 260px)*1.12727))}}