:root{--bg:#05070d;--bg-soft:#070b14;--ink:#eef4ff;--ink-soft:#b7c5dd;--ink-muted:#8194b4;--line:#8ba8dc29;--line-strong:#8ba8dc4d;--cyan:#38bdf8;--cyan-bright:#7dd3fc;--blue:#4f7cff;--amber:#fbbf24;--violet:#a78bfa;--emerald:#34d399;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--panel-bg:linear-gradient(165deg, #0f1626d6, #080c16ad);--panel-shadow:0 24px 64px #00000061;--z-canvas:0;--z-scrim:1;--z-labels:2;--z-content:3;--z-chrome:20}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(58rem 42rem at 74% 12%,#1d4ed829,#0000 62%),radial-gradient(44rem 36rem at 12% 78%,#b453091a,#0000 60%),radial-gradient(30rem 30rem at 50% 120%,#38bdf814,#0000 65%);margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:#38bdf847}a{color:var(--cyan-bright);text-underline-offset:3px;text-decoration-color:#7dd3fc66}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.1}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}code,.mono{font-family:var(--font-mono)}.skip-link{top:-100%;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--cyan);color:#041019;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:500;text-decoration:none;position:fixed}.skip-link:focus{top:0}.scene{z-index:var(--z-canvas);position:fixed;inset:0}.scene canvas{width:100%;height:100%;display:block}.labels{z-index:var(--z-labels);pointer-events:none;position:fixed;inset:0;overflow:hidden}.label-wrap{pointer-events:none;position:absolute;top:0;left:0}.label-wrap .label{align-items:center;gap:var(--space-2);color:#d7e6ff;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform, opacity;background:#070c16bd;border:1px solid #7dd3fc47;border-radius:999px;padding:.3rem .6rem;font-size:.62rem;font-weight:500;display:inline-flex}.label-wrap .label:before{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #38bdf8e6}.label-wrap[data-tone=sidecar] .label{border-color:#fbbf2457}.label-wrap[data-tone=sidecar] .label:before{background:var(--amber);box-shadow:0 0 8px #fbbf24e6}.label-wrap[data-tone=violet] .label{border-color:#a78bfa57}.label-wrap[data-tone=violet] .label:before{background:var(--violet);box-shadow:0 0 8px #a78bfae6}.label-wrap[data-tone=neutral] .label{color:var(--ink-soft);border-color:#8ba8dc42}.label-wrap[data-tone=neutral] .label:before{background:var(--ink-muted);box-shadow:none}.scrim{z-index:var(--z-scrim);pointer-events:none;background:linear-gradient(100deg,#05070df2 0%,#05070db8 28%,#05070d00 64%);position:fixed;inset:0}.vignette{z-index:var(--z-scrim);pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#0204089e 100%);position:fixed;inset:0}.no-webgl:not(body){display:none}body.no-webgl .no-webgl{z-index:60;top:var(--space-4);width:min(92vw,34rem);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:#ffe9be;background:#181006f0;border:1px solid #fbbf2466;font-size:.9rem;display:block;position:fixed;left:50%;transform:translate(-50%)}body.no-webgl .scene,body.no-webgl .scrim,body.no-webgl .vignette{display:none}.topbar{z-index:var(--z-chrome);padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-8)) var(--space-6);background:linear-gradient(#05070de6,#05070d00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none}.brand__dot{color:var(--cyan)}.topbar__stack{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem}.topbar__stack i{color:var(--amber);padding:0 .25rem;font-style:normal}.progress{background:#8ba8dc1f;height:2px;position:fixed;top:0;left:0;right:0}.progress__bar{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--violet) 55%, var(--amber));width:100%;height:100%;transform:scaleX(0)}.chapter-nav{top:50%;right:clamp(var(--space-3), 2.6vw, var(--space-6));z-index:var(--z-chrome);gap:var(--space-3);flex-direction:column;display:flex;position:fixed;transform:translateY(-50%)}.chapter-nav a{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:.4rem 0;text-decoration:none;display:flex}.chapter-nav__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);opacity:0;font-size:.62rem;transition:opacity .18s,transform .18s;transform:translate(4px)}.chapter-nav__dot{border:1px solid var(--line-strong);background:#070b14cc;border-radius:50%;width:8px;height:8px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.chapter-nav a:hover .chapter-nav__label,.chapter-nav a:focus-visible .chapter-nav__label{opacity:1;transform:translate(0)}.chapter-nav a[aria-current=true] .chapter-nav__label{opacity:1;color:var(--cyan-bright);transform:translate(0)}.chapter-nav a[aria-current=true] .chapter-nav__dot{background:var(--cyan);border-color:var(--cyan-bright);transform:scale(1.15);box-shadow:0 0 0 4px #38bdf824,0 0 12px #38bdf8b3}.chapter{z-index:var(--z-content);min-height:100svh;padding:clamp(5.5rem, 12vh, 8rem) clamp(var(--space-4), 5vw, 4.5rem) clamp(3rem, 8vh, 5rem);align-content:center;display:grid;position:relative}.chapter__inner{width:min(100%,36rem)}.panel{padding:clamp(var(--space-5), 3vw, var(--space-8));border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px)saturate(120%)}.chapter__index{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);font-size:.66rem;display:flex}.chapter__index .mono{color:var(--cyan)}.panel h2{margin-top:var(--space-3);letter-spacing:-.025em;color:var(--ink);font-size:clamp(1.85rem,4vw,2.6rem)}.lede{margin-top:var(--space-4);color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65}.body{margin-top:var(--space-4);color:var(--ink-soft);font-size:.97rem;line-height:1.75}.callout{gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid #fbbf2438;border-left:2px solid var(--amber);border-radius:var(--radius-md);background:#1c14066b;align-items:flex-start;display:flex}.callout p{color:#f4e3c4;font-size:.94rem;line-height:1.65}.callout__icon{background:#fbbf241f;border-radius:9px;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.callout__icon svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--amber);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.tick-list{margin-top:var(--space-5);gap:var(--space-2);display:grid}.tick-list li{color:var(--ink-soft);padding-left:1.5rem;font-size:.94rem;position:relative}.tick-list li:before{content:"";background:linear-gradient(135deg, var(--cyan), var(--blue));border-radius:2px;width:7px;height:7px;position:absolute;top:.55em;left:.25rem;box-shadow:0 0 10px #38bdf88c}.feature-grid{margin-top:var(--space-5);gap:var(--space-3);display:grid}.feature-card{padding:var(--space-4) var(--space-5);padding-left:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:#090e1a8c;position:relative}.feature-card:before{content:"";left:0;top:var(--space-3);bottom:var(--space-3);background:linear-gradient(180deg, var(--cyan), #38bdf800);border-radius:2px;width:2px;position:absolute}.feature-card h3{color:#dbe7ff;font-size:.98rem}.feature-card p{margin-top:var(--space-1);color:var(--ink-muted);font-size:.9rem;line-height:1.6}.feature-card code{color:var(--cyan-bright);background:#38bdf81a;border-radius:5px;padding:.1em .35em;font-size:.82em}.code{margin:var(--space-5) 0 0;padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-mono);color:#b9c8e6;background:#04070dd1;font-size:.78rem;line-height:1.8;overflow-x:auto}.code-line{white-space:pre;display:block}.tok-key{color:var(--cyan-bright)}.tok-comment{color:#7f92b8}.steps{margin-top:var(--space-5);gap:var(--space-2);counter-reset:step;display:grid}.step{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;transition:background .24s,border-color .24s,transform .24s;display:flex}.step__num{border:1px solid var(--line-strong);width:1.8rem;height:1.8rem;color:var(--ink-muted);border-radius:9px;flex:none;place-items:center;margin-top:.1rem;font-size:.76rem;transition:inherit;display:grid}.step h3{color:#dbe7ff;font-size:.98rem;transition:color .24s}.step p{color:var(--ink-muted);margin-top:.15rem;font-size:.9rem;line-height:1.6}#flow-steps[data-phase="1"] .step[data-step="1"],#flow-steps[data-phase="2"] .step[data-step="2"],#flow-steps[data-phase="3"] .step[data-step="3"],#flow-steps[data-phase="4"] .step[data-step="4"]{background:#38bdf814;border-color:#38bdf852;transform:translate(4px)}#flow-steps[data-phase="1"] .step[data-step="1"] .step__num,#flow-steps[data-phase="2"] .step[data-step="2"] .step__num,#flow-steps[data-phase="3"] .step[data-step="3"] .step__num,#flow-steps[data-phase="4"] .step[data-step="4"] .step__num{background:var(--cyan);border-color:var(--cyan-bright);color:#041019;box-shadow:0 0 14px #38bdf88c}#flow-steps .step[data-step]:hover{background:#8ba8dc0f}.concern-grid{margin-top:var(--space-5);gap:var(--space-3);display:grid}.concern{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:#090e1a80;position:relative}.concern h3{align-items:center;gap:var(--space-2);color:#dbe7ff;font-size:.96rem;display:flex}.concern h3:before{content:"";background:var(--cyan);border-radius:2px;width:7px;height:7px;box-shadow:0 0 8px #38bdf899}.concern:nth-child(2) h3:before{background:var(--amber);box-shadow:0 0 8px #fbbf2499}.concern:nth-child(3) h3:before{background:var(--violet);box-shadow:0 0 8px #a78bfa99}.concern:nth-child(4) h3:before{background:var(--emerald);box-shadow:0 0 8px #34d39999}.concern:nth-child(5) h3:before{background:var(--blue);box-shadow:0 0 8px #4f7cff99}.concern:nth-child(6) h3:before{background:var(--cyan-bright);box-shadow:0 0 8px #7dd3fc99}.concern p{color:var(--ink-muted);margin-top:.2rem;font-size:.89rem;line-height:1.6}.note{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--ink-soft);font-size:.92rem}.tradeoff-grid{margin-top:var(--space-5);gap:var(--space-4);display:grid}.tradeoff{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:#090e1a80}.tradeoff__title{letter-spacing:.02em;font-size:.92rem}.tradeoff__title--good{color:var(--emerald)}.tradeoff__title--cost{color:var(--amber)}.tradeoff ul{margin-top:var(--space-3);gap:var(--space-2);display:grid}.tradeoff li{color:var(--ink-soft);padding-left:1.4rem;font-size:.91rem;position:relative}.tradeoff li:before{content:"";background:var(--emerald);border-radius:2px;width:.55rem;height:2px;position:absolute;top:.5em;left:.15rem}.tradeoff:nth-child(2) li:before{background:var(--amber)}.world{margin-top:var(--space-5)}.world__label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);font-size:.64rem}.world__list{margin-top:var(--space-3);gap:var(--space-2);flex-wrap:wrap;display:flex}.world__list li{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);background:#090e1a80;border-radius:999px;padding:.35rem .7rem;font-size:.74rem}.closing{margin-top:var(--space-6);padding-left:var(--space-4);border-left:2px solid var(--cyan);font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5}.footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line);color:var(--ink-muted);font-size:.82rem;line-height:1.7}.chapter--last{padding-bottom:clamp(4rem,10vh,7rem)}.chapter--hero{padding-top:clamp(6rem,16vh,9rem)}.hero{justify-items:start;gap:var(--space-4);text-align:left;width:min(100%,36rem);display:grid;position:relative}.eyebrow{align-items:center;gap:var(--space-2);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b14a8;border-radius:999px;padding:.35rem .8rem;font-size:.66rem;display:inline-flex}.eyebrow:before{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #38bdf8e6}.hero__title{letter-spacing:-.035em;color:var(--ink);text-shadow:0 0 60px #38bdf838,0 0 120px #4f7cff2e;font-size:clamp(2.7rem,7vw,4.6rem);font-weight:700;line-height:1}.hero__title .word{white-space:nowrap;display:inline-block}.hero__title .ch{white-space:pre;will-change:transform, opacity;display:inline-block}.hero__lede{max-width:34rem;color:var(--ink-soft);font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.65}.hero__cue{margin-top:var(--space-3);align-items:center;gap:var(--space-3);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b1499;border-radius:999px;padding:.6rem 1.1rem;font-size:.68rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.hero__cue:hover{color:var(--ink);border-color:var(--line-strong)}.hero__cue svg{fill:none;width:.75rem;height:1.1rem;stroke:var(--cyan);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}html.js [data-reveal],html.js [data-split]{opacity:0}[data-reveal],[data-split] .ch{will-change:transform, opacity}@media (min-width:900px){.chapter{grid-template-columns:minmax(22rem,36rem) minmax(0,1fr);column-gap:clamp(2rem,6vw,6rem)}.chapter--hero{grid-template-columns:minmax(0,1fr)}.chapter__inner{grid-column:1}.feature-grid,.concern-grid,.tradeoff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.scrim{background:linear-gradient(#05070d0d 0%,#05070d40 22%,#05070ddb 58%,#05070df7 92%)}.chapter{align-content:end;padding-top:34svh}.panel{background:linear-gradient(165deg,#0b111ef0,#070b14e6)}.chapter--hero{align-content:center;padding-top:clamp(5rem,16vh,7rem)}.chapter--hero:before{background:radial-gradient(34rem 22rem at 50% 42%,#05070dd1,#05070d40 72%)}}@media (max-width:719px){.chapter-nav,.topbar__stack{display:none}.hero__title{font-size:clamp(2.5rem,13vw,3.6rem)}.label-wrap .label{letter-spacing:.1em;padding:.25rem .5rem;font-size:.54rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.step,.step h3,.step__num,.chapter-nav__dot,.chapter-nav__label,.hero__cue{transition:none}}