:root{--f:system-ui,-apple-system,'Segoe UI',sans-serif;--s:Georgia,serif}*{box-sizing:border-box}
body{--waves:#bfe3e0,#8fcdc8,#5fb3ad;margin:0;font:18px/1.6 var(--f);color:#12343b;background:#f6fbfa}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:20}button,input{font-family:var(--f);font-size:16px}
.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;z-index:10;background:#f6fbfaee;backdrop-filter:blur(6px)}.logo{font:700 18px var(--s)}a.join{background:#12343b;color:#fff;text-decoration:none;padding:7px 18px;border-radius:99px;font-size:15px}
#bar{position:fixed;top:0;left:0;height:4px;background:#2a9d8f;z-index:11}
.hero{position:relative;height:100vh;min-height:560px;display:grid;place-items:center;overflow:hidden}#cv{position:absolute;inset:0;width:100%;height:100%}.hero-in{position:relative;text-align:center;padding:0 24px;margin-top:-10vh}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:700;color:#1f7a6f}h1{font:700 clamp(40px,8vw,96px)/1 var(--s);margin:10px auto;max-width:14ch;letter-spacing:-.02em}.scroll-cue{color:#4d6f75;margin-top:24px}
.chapter{min-height:150vh}.pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:900px;margin:0 auto;padding:0 28px}.num{font:700 16px var(--s);color:#1f7a6f;margin:0}h2{font:700 clamp(34px,6vw,64px)/1.05 var(--s);margin:4px 0 18px}.words{font:clamp(24px,3.6vw,40px)/1.3 var(--s);margin:0}.words span{opacity:.15;transition:opacity .3s}.words span.on{opacity:1}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:80px 28px}.stats div{text-align:center}.big{font:700 clamp(44px,7vw,80px)/1 var(--s);margin:0;color:#2a9d8f}.stats p:last-child{margin:6px 0 0;color:#4d6f75}
.hscroll{height:320vh}.sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:30px}.hh{padding:0 40px;margin:0;font-size:clamp(28px,4vw,48px)}.track{display:flex;gap:28px;padding:0 40px;will-change:transform}
.panel{flex:0 0 min(420px,78vw);height:min(380px,50vh);border-radius:20px;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.p0{background:#264653}.p1{background:#2a9d8f}.p2{background:#e9a23b;color:#2b1d05}.p3{background:#e76f51}.pn{font:700 64px var(--s);opacity:.5;margin-bottom:auto}.panel h3{font:700 32px var(--s);margin:0}.panel p{margin:4px 0 0}
section.join{max-width:720px;margin:0 auto;padding:100px 28px;text-align:center}section.join h2{margin-bottom:10px}.row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.row input{flex:1 1 240px;padding:13px 16px;border:2px solid #b9d6d3;border-radius:99px}label{display:block;text-align:left;font-weight:600;font-size:15px}.btn{background:#2a9d8f;color:#fff;border:0;border-radius:99px;padding:13px 24px;font-weight:700;cursor:pointer}[aria-invalid=true]{border-color:#c0392b!important}#msg{min-height:1.5em}.ok{color:#1d7a6e}.err{color:#c0392b}.foot{text-align:center;color:#4d6f75;padding:30px;font-size:14px}
:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.words span{transition:none}}
@media(prefers-reduced-motion:reduce){.hscroll{height:auto;padding:60px 0}.sticky{position:static;height:auto;overflow:visible}.track{flex-wrap:wrap;transform:none!important}.chapter{min-height:auto;padding:60px 0}.pin{position:static;height:auto}}
