:root{
  --bg:#070908;--ink:#f4f3ec;--muted:#b7bbb3;--soft:#8f968d;--accent:#c8e9a3;--line:rgba(244,243,236,.13);
  --safe-top:max(18px,env(safe-area-inset-top));--safe-bottom:max(20px,env(safe-area-inset-bottom));
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;overflow:hidden}
body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overscroll-behavior:none}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#070908}

.fallback-art{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 44%,#1b211b 0,#0b0e0b 42%,#070908 76%);opacity:1;transition:opacity .5s ease}
.webgl-ready .fallback-art{opacity:0}
.fallback-arc{position:absolute;left:50%;top:51%;border:1px solid rgba(211,229,198,.12);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);box-shadow:0 0 60px rgba(160,190,138,.05)}
.fallback-arc.a1{width:82vw;height:82vw}.fallback-arc.a2{width:61vw;height:61vw}.fallback-arc.a3{width:39vw;height:39vw}
.fallback-surface{position:absolute;left:-15%;right:-15%;bottom:-12%;height:44%;border-radius:50% 50% 0 0/36% 36% 0 0;background:linear-gradient(180deg,#1d251c,#0b0e0b);box-shadow:0 -40px 90px rgba(157,187,135,.08);transform:rotate(-3deg)}

.film{position:fixed;inset:-35%;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .48s steps(2) infinite}
.edge{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(0,0,0,.13) 58%,rgba(0,0,0,.62) 125%)}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-2%)}}
.chrome{position:fixed;z-index:30;top:var(--safe-top);left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:10px;letter-spacing:.22em;color:rgba(244,243,236,.62)}
.brand{font-weight:750}.brand span{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(200,233,163,.55)}
.story{position:relative;z-index:5;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.story::-webkit-scrollbar{display:none}
.chapter{height:100svh;min-height:100svh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;padding:calc(var(--safe-top) + 58px) 24px calc(var(--safe-bottom) + 46px);display:flex;align-items:center;justify-content:center}
.copy{position:relative;z-index:8;max-width:520px}.copy-top{position:absolute;left:24px;right:24px;top:calc(var(--safe-top) + 70px);max-width:380px}.copy-center{text-align:center;margin:auto;max-width:460px;text-shadow:0 2px 24px rgba(0,0,0,.48)}.compact{max-width:360px}.narrow{max-width:340px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.25em;color:rgba(220,236,207,.78);margin:0 0 16px}.warn{color:#ffd2a6}
h1,h2,p{margin-top:0}h1,h2{font-weight:760;letter-spacing:-.065em;text-wrap:balance}h1{font-size:clamp(64px,18vw,96px);line-height:.84;margin:0 0 24px}h2{font-size:clamp(48px,13vw,74px);line-height:.92;margin:0 0 20px}h1 em,h2 em{font-style:normal;color:var(--accent)}
.lead{font-size:18px;line-height:1.46;color:#d4d6d0;margin:0;max-width:370px}.copy-center .lead{margin-left:auto;margin-right:auto}.lead strong{color:white}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:250px;max-width:100%;margin-top:28px;padding:10px 10px 10px 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#f2f1e9;color:#101210;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.13em;box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 white}
.cta b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#121612;color:#eaf7da;font-size:20px}.gesture{position:absolute;bottom:calc(var(--safe-bottom) + 10px);font-size:9px;letter-spacing:.2em;color:#72786f;margin:0}
.facts{position:absolute;left:24px;right:24px;bottom:calc(var(--safe-bottom) + 70px);display:flex;flex-wrap:wrap;gap:8px;z-index:8;max-width:390px}.facts span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(7,9,8,.54);font-size:9px;letter-spacing:.13em;color:#d7dbd1}
.statline{position:absolute;left:24px;right:24px;bottom:calc(var(--safe-bottom) + 72px);z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#b8beb5;font-size:10px;line-height:1.35;letter-spacing:.08em}.statline span{display:block}.statline b{display:block;margin-bottom:3px;font-size:24px;color:#f0f2eb;letter-spacing:-.04em}
.pipeline{position:absolute;left:24px;right:24px;bottom:calc(var(--safe-bottom) + 72px);z-index:8;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#eef0ea}.pipeline i{height:1px;background:linear-gradient(90deg,rgba(200,233,163,.15),rgba(200,233,163,.9),rgba(200,233,163,.15));position:relative}.pipeline i:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translateY(-50%);box-shadow:0 0 12px rgba(200,233,163,.7)}
.archive-note{position:absolute;z-index:8;right:24px;bottom:calc(var(--safe-bottom) + 72px);width:min(70vw,280px);padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(7,9,8,.72);box-shadow:0 24px 70px rgba(0,0,0,.35)}.archive-note span{display:block;font-size:8px;letter-spacing:.18em;color:#aab0a7;margin-bottom:7px}.archive-note b{font-size:11px;line-height:1.4;letter-spacing:.08em}
.protocol{background:linear-gradient(180deg,rgba(4,5,4,.05),rgba(4,5,4,.25))}.protocol-copy{text-align:left;width:100%;max-width:520px;z-index:8}.rule{font-size:clamp(28px,8vw,44px);font-weight:760;letter-spacing:-.045em;line-height:1.06;margin:24px 0;color:#d8dbd4}.rule s{text-decoration-thickness:2px;text-decoration-color:#83927c}.correction{font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:#8d948b;margin:50px 0 14px}.protocol h2{font-size:clamp(58px,16vw,88px);margin:0}.payoff-copy .lead{max-width:430px}.payoff-line{margin-top:46px;font-size:16px;color:#adb3aa}.payoff-big{font-size:clamp(42px,12vw,72px);font-weight:780;letter-spacing:-.06em;color:#f5f4ee;margin-top:6px}.gpu-copy{max-width:420px}.laura{font-size:clamp(44px,12vw,70px);font-weight:780;letter-spacing:-.06em;color:var(--accent);margin:4px 0 14px}.gpu-joke{font-size:14px;line-height:1.45;color:#aeb4ab;max-width:340px;margin:14px 0 0}.tiny{font-size:10px;color:#7f877e;max-width:300px;margin:14px 0 0;line-height:1.5}.gpu-chapter footer{position:absolute;left:24px;right:24px;bottom:calc(var(--safe-bottom) + 2px);font-size:8px;letter-spacing:.18em;color:#626960}.dots{position:fixed;z-index:30;right:15px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.dots button{width:5px;height:5px;border:0;border-radius:999px;padding:0;background:rgba(255,255,255,.24);transition:.35s ease}.dots button.active{height:25px;background:var(--accent);box-shadow:0 0 14px rgba(200,233,163,.35)}
.js .chapter .copy,.js .facts,.js .statline,.js .pipeline,.js .archive-note,.js .protocol-copy{opacity:.18;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.js .chapter.is-active .copy,.js .chapter.is-active .facts,.js .chapter.is-active .statline,.js .chapter.is-active .pipeline,.js .chapter.is-active .archive-note,.js .chapter.is-active .protocol-copy{opacity:1;transform:none}
@media(max-width:380px){.chapter{padding-left:20px;padding-right:20px}.copy-top{left:20px;right:20px}.facts,.statline,.pipeline{left:20px;right:20px}.lead{font-size:16px}.cta{min-width:230px}.chrome{left:20px;right:20px}}
@media(max-height:720px){h1{font-size:58px}h2{font-size:46px}.lead{font-size:16px}.copy-top{top:calc(var(--safe-top) + 54px)}.facts,.statline,.pipeline{bottom:calc(var(--safe-bottom) + 48px)}.protocol .rule{font-size:28px;margin:18px 0}.correction{margin-top:32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.story{scroll-behavior:auto}.film{display:none}}