:root{color-scheme:dark;--bg:#1c1a1d;--surface:#242129;--ink:#eef1ed;--muted:#adb8ae;--line:#3a453d;--lime:#c7ff68;--amber:#ffb19b;--slate:#d9bfff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-underline-offset:5px;overflow-wrap:anywhere}a:hover{color:var(--lime)}:focus-visible{outline:3px solid var(--amber);outline-offset:5px}button,input,summary{font:inherit}.wrap{width:min(1280px,calc(100% - 88px));margin:auto}.skip{position:fixed;top:10px;left:10px;z-index:30;padding:12px 20px;background:var(--lime);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}.mast{display:flex;align-items:center;gap:30px;padding:27px 44px;border-bottom:1px solid var(--line)}.brand{font:700 13px var(--mono);text-decoration:none;letter-spacing:.06em;white-space:nowrap}.brand-mark{color:var(--lime);padding:0 12px 0 4px}.mast nav{display:flex;gap:25px;flex-wrap:wrap;margin-left:auto;font:12px var(--mono)}.mast nav a{text-decoration:none}.issue{font:10px var(--mono);color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.draft{color:var(--muted);font:11px/1.7 var(--mono);border-bottom:1px dashed var(--line);padding:15px 0;margin:0}.draft strong{color:var(--lime)}.eyebrow{font:11px/1.7 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.port{display:inline-block;width:8px;height:8px;background:var(--lime);margin-right:8px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:80px 0 70px;align-items:center}.hero h1{font-size:clamp(65px,7.5vw,112px);font-weight:620;letter-spacing:-.075em;line-height:.99;margin:22px 0 30px}.plus{font-weight:250;color:var(--muted)}.terminal{font-weight:400;color:var(--lime)}.hero-lede{font-size:19px;line-height:1.6;max-width:550px;color:var(--muted);margin:0}.hero-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;font:11px/1.7 var(--mono)}.hero-links a:first-child{color:var(--lime)}.assembly{margin:0;padding:24px;border:1px solid #64765a;background:linear-gradient(90deg,transparent 24px,#26312655 25px,transparent 26px),linear-gradient(transparent 24px,#26312655 25px,transparent 26px),#171d19;background-size:26px 26px;position:relative;box-shadow:10px 10px 0 #0f1411}.board-label{display:flex;justify-content:space-between;gap:12px;font:9px/1.5 var(--mono);color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.assembly-lane{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line);color:var(--slate)}.assembly-lane>b{font:24px var(--mono)}.assembly-lane>div{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.node{font:11px/1.5 var(--mono);padding:9px 10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.assembly-lane.b{color:var(--amber)}.assembly-lane.c{color:var(--lime)}.node.static{border-color:var(--lime);color:var(--lime)}.connector{color:inherit}.assembly-lane small{display:block;flex-basis:100%;font-size:11px;color:var(--muted);margin-top:7px}.island-dot{color:var(--lime);margin-right:4px}.assembly figcaption{font:10px/1.8 var(--mono);color:var(--muted);padding-top:18px}.choice{display:grid;grid-template-columns:.95fr 1.5fr;gap:70px;border-top:3px solid var(--lime);border-bottom:1px solid var(--line);padding:35px 0 36px}.choice h2{font-size:36px;line-height:1.15;letter-spacing:-.045em;margin:0}.choice-copy p:first-child{margin-top:0}.choice strong{font-weight:600;color:var(--ink)}.choice-copy>p:first-child strong{color:var(--lime)}.qualification{font-size:13px;color:var(--muted)}.chapter{padding:80px 0 0}.chapter-heading{display:grid;grid-template-columns:185px 1fr;column-gap:35px;margin-bottom:32px}.chapter-heading .eyebrow{padding-top:8px}.chapter-heading h2{font-size:clamp(29px,3.2vw,44px);line-height:1.15;font-weight:520;letter-spacing:-.045em;margin:0 0 18px}.section-lede{grid-column:2;max-width:830px;color:var(--muted);margin:0}.origin-note{display:grid;grid-template-columns:185px 1fr;gap:35px;border-top:1px solid var(--line);padding:25px 0 32px}.origin-note h3{font-size:22px;margin:0 0 12px}.origin-note p{color:var(--muted);margin:0 0 14px;max-width:850px}.origin-note a{font:12px var(--mono);color:var(--slate)}.step-id{font:10px/1.8 var(--mono);color:var(--muted);padding-top:7px}.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.architecture{background:var(--bg);padding:30px;position:relative;min-width:0;overflow:hidden;border-top:3px solid var(--slate)}.architecture.b{border-color:var(--amber)}.architecture.c{border-color:var(--lime);background:#1b221a}.architecture .eyebrow{position:relative;max-width:80%;font-size:10px;min-height:34px}.architecture-id{position:absolute;right:18px;top:15px;font:58px/1 var(--mono);color:#38433a}.architecture.b .architecture-id{color:#58472d}.architecture.c .architecture-id{color:#42582e}.architecture h3{position:relative;font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:17px 0 27px}.pipeline{padding:0;list-style:none;counter-reset:pipeline}.pipeline li{counter-increment:pipeline;border:1px solid var(--line);font:11px/1.6 var(--mono);padding:11px 9px;margin:0 0 10px;position:relative;min-height:43px}.pipeline li:before{content:counter(pipeline,decimal-leading-zero);color:var(--muted);margin-right:8px}.pipeline li:not(:last-child):after{content:"";height:10px;width:1px;background:var(--line);position:absolute;bottom:-11px;left:21px}.architecture p:not(.eyebrow){font-size:14px;color:var(--muted)}.architecture .verdict{border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.verdict strong{display:block;color:var(--ink);font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}.context-note{font-size:13px;color:var(--muted);border-left:2px solid var(--line);padding:5px 0 5px 18px;margin:26px 0}.context-note a{color:var(--ink)}.table-scroll{max-width:100%;overflow:auto;scrollbar-color:var(--line) var(--bg)}table{border-collapse:collapse;width:100%;font-size:13px}caption{text-align:left;color:var(--muted);font:11px/1.7 var(--mono);padding:0 0 16px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 18px 15px 0;vertical-align:top}thead th{font:10px/1.7 var(--mono);letter-spacing:.03em;color:var(--muted);white-space:nowrap}tbody th{font-weight:500}tbody td:last-child{color:var(--lime)}tbody td{min-width:145px}tbody th{min-width:175px}tr{break-inside:avoid}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:32px 0 28px;padding:25px 0;border-bottom:1px solid var(--line)}.proof-strip strong{display:block;font-size:37px;letter-spacing:-.04em;font-weight:500}.proof-strip span{display:block;font:10px/1.7 var(--mono);color:var(--muted);margin-top:8px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:55px}.two-column h3,.reading h3,.method-note h3{font-size:22px;letter-spacing:-.02em;font-weight:520;line-height:1.3}.two-column p,.reading p,.method-note p{color:var(--muted);font-size:15px}.two-column strong,.reading strong{color:var(--ink)}.measurement-note{padding:20px 24px;background:var(--surface);border-left:3px solid var(--amber);color:var(--muted);font-size:14px;margin:0 0 26px}.measurement-note strong{color:var(--ink)}.plot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plot{margin:0;padding:24px;border:1px solid var(--line);background:#171d19;min-width:0}.plot figcaption{margin:0 0 19px;font-size:16px;font-weight:550}.plot figcaption small{display:block;font:10px/1.8 var(--mono);font-weight:400;color:var(--muted);margin-top:4px}.axis{display:flex;justify-content:space-between;margin:0 83px 10px 0;border-bottom:1px solid #65725f;padding:0 0 5px;font:9px/1.5 var(--mono);color:var(--muted)}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) 83px;gap:5px 15px;align-items:center;margin:18px 0 0}.bar-name{grid-column:1/-1;display:flex;align-items:center;font:11px/1.6 var(--mono);gap:10px}.bar-name b{font-weight:500;color:var(--slate)}.b .bar-name b{color:var(--amber)}.c .bar-name b{color:var(--lime)}.track{height:11px;background:#283129;display:block;min-width:0;position:relative}.track:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#5e6a5833 calc(25% - 1px),#5e6a5833 25%)}.track i{display:block;height:100%;background:var(--slate);position:relative}.b .track i{background:var(--amber)}.c .track i{background:var(--lime)}.bar-row strong{font:13px/1.4 var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.bar-row strong small{font-size:9px;color:var(--muted)}.reading{display:grid;grid-template-columns:1fr 1fr;gap:20px 55px;padding-top:18px}.reading h3{grid-column:1/-1;margin-bottom:0}.scenario-board{border-top:1px solid var(--line);padding:22px 0 6px;margin-top:23px}.scenario-board>h3{font-size:20px;font-weight:500;margin:0 0 18px}.numbers{border-block:1px solid var(--line);padding:18px 0;margin-top:30px}.numbers summary{cursor:pointer;font-size:14px;color:var(--amber)}.numbers[open] summary{margin-bottom:25px}.method-note{max-width:900px}.delivery{display:grid;grid-template-columns:.8fr 1.3fr;gap:60px;align-items:center;margin:0 0 35px;border-block:1px solid var(--line);padding:28px 0}.delivery-number>strong{font:600 clamp(75px,9vw,130px)/1 var(--sans);letter-spacing:-.07em;color:var(--lime);display:block}.delivery-number>strong>span{font:400 28px var(--mono);padding-left:10px;letter-spacing:0;color:var(--muted)}.delivery-number>span:last-child{color:var(--muted);font:10px/1.8 var(--mono);display:block;margin-top:15px}.delivery h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:500}.delivery p{color:var(--muted);font-size:15px}.decision-list{border-top:1px solid var(--line)}.decision-list article{display:grid;grid-template-columns:185px 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--line)}.decision-list article>span{font:10px/1.7 var(--mono);color:var(--lime);padding-top:6px}.decision-list h3{font-weight:500;font-size:24px;margin:0 0 12px;letter-spacing:-.025em}.decision-list p{font-size:15px;color:var(--muted);margin:0;max-width:850px}.decision-list+.two-column{margin-top:28px}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.evidence-grid a{padding:17px 0;border-bottom:1px solid var(--line);font:12px/1.7 var(--mono);text-decoration:none;display:flex;justify-content:space-between;gap:12px}.evidence-grid a span{color:var(--lime)}.source-stamp{border:1px solid var(--line);padding:18px;display:flex;justify-content:space-between;gap:20px;margin:30px 0;font:11px/1.8 var(--mono)}.source-stamp>span{color:var(--muted)}#evidence>p{max-width:940px;font-size:14px;color:var(--muted)}.report-footer{margin-top:70px;border-top:1px solid var(--line);padding:26px 0 35px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font:11px/1.8 var(--mono);color:var(--muted)}.report-footer a{text-decoration:none}code{font:.9em var(--mono);overflow-wrap:anywhere}
@media(min-width:1600px){.hero h1{font-size:118px}}
@media(max-width:1050px){.mast{padding-inline:30px;gap:20px}.issue{display:none}.wrap{width:calc(100% - 60px)}.hero{gap:35px;padding-top:58px}.hero h1{font-size:83px}.assembly{padding:18px}.board-label{font-size:8px}.assembly-lane{gap:8px;grid-template-columns:25px 1fr}.node{font-size:10px;padding:8px}.choice{gap:35px}.choice h2{font-size:32px}.chapter-heading,.origin-note,.decision-list article{grid-template-columns:150px 1fr;gap:25px}.architecture{padding:23px}.architecture h3{font-size:24px}.plot{padding:20px}.two-column{gap:30px}}
@media(max-width:760px){.mast{flex-wrap:wrap;padding:21px 22px;gap:19px}.mast nav{margin-left:0;gap:22px;font-size:11px}.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1fr;padding:44px 0 40px;gap:35px}.hero h1{font-size:clamp(65px,13vw,95px)}.hero-lede{font-size:18px}.assembly{box-shadow:6px 6px 0 #0f1411}.board-label{font-size:9px}.node{font-size:11px}.assembly-lane{grid-template-columns:28px 1fr;gap:12px}.choice{grid-template-columns:1fr;gap:25px;padding-top:27px}.choice h2{font-size:34px}.chapter{padding-top:55px}.chapter-heading{display:block;margin-bottom:25px}.chapter-heading .eyebrow{padding:0;margin-bottom:15px}.chapter-heading h2{font-size:34px}.origin-note{grid-template-columns:1fr;gap:13px}.architecture-grid{grid-template-columns:1fr}.architecture{padding:28px}.architecture .eyebrow{min-height:0}.architecture h3{font-size:29px}.architecture p:not(.eyebrow){font-size:15px}.pipeline{max-width:100%}.proof-strip{grid-template-columns:1fr 1fr;gap:25px 18px}.proof-strip strong{font-size:34px}.two-column,.reading{grid-template-columns:1fr;gap:0}.reading h3{grid-column:auto}.plot-grid{grid-template-columns:1fr;gap:15px}.plot{padding:22px}.measurement-note{padding:18px;font-size:14px}.scenario-board{padding-top:20px}.decision-list article{grid-template-columns:1fr;gap:12px}.delivery{grid-template-columns:1fr;gap:12px;padding-bottom:20px}.delivery-number>strong{font-size:110px}.delivery h3{font-size:26px}.evidence-grid{grid-template-columns:1fr}.source-stamp{flex-direction:column;gap:8px}.report-footer{flex-direction:column;gap:12px}th,td{padding-right:18px}.table-scroll:focus-visible{outline-offset:3px}.draft{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:black}.draft,.mast,.report-footer{display:none}.wrap{width:100%}.hero{padding-top:0}.chapter{break-before:auto}.plot,.architecture,.choice,.scenario-board{break-inside:avoid}.plot-grid{grid-template-columns:1fr 1fr}a{color:inherit}.track{background:#ddd}.track i{background:#333!important}}

/* Composable systems: Nift green, TanStack coral, interfaces lavender. */
.hero{grid-template-columns:1fr 1.12fr;gap:60px;padding:65px 0 74px}.hero h1{font-family:var(--mono);font-size:clamp(55px,6.1vw,86px);letter-spacing:-.075em;line-height:1.08;font-weight:700}.word-nift{color:var(--lime);display:block}.hero .plus{font:300 50px/1.4 var(--sans);display:block;color:var(--slate);padding-left:5px}.word-tanstack{color:var(--amber);display:block;white-space:nowrap}.hero-lede strong{display:block;color:var(--ink);font-weight:500;margin-bottom:15px}.assembly{border:0;background:transparent;padding:0;box-shadow:none}.board-label{border-color:var(--slate)}.module{position:relative;padding:24px 26px;border:1px solid;border-radius:3px 24px 3px 3px;display:grid;gap:12px;background:#201f24}.static-module{border-color:var(--lime);margin:22px 55px 0 0;box-shadow:7px 7px 0 #c7ff6815}.interactive-module{border-color:var(--amber);margin-left:40px;box-shadow:7px 7px 0 #ffb19b15}.module-label{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.module>strong{font:600 29px/1.2 var(--mono);letter-spacing:-.05em;color:var(--lime)}.interactive-module>strong{color:var(--amber)}.module>span:not(.module-label){font:11px/1.8 var(--mono);color:var(--muted)}.page-tiles{display:flex;gap:8px;margin-top:5px}.page-tiles i{width:28px;height:34px;border:1px solid var(--lime);background:linear-gradient(0deg,#c7ff6818,#c7ff6800);border-radius:0 6px 0 0}.interface{font:10px/1.8 var(--mono);text-align:center;padding:21px 0;color:var(--slate)}.interface>span{font-size:21px;padding:0 8px}.island-map{display:flex;gap:8px;flex-wrap:wrap}.island-map span{font:10px/1.5 var(--mono);border:1px dashed var(--amber);padding:8px;color:var(--amber);border-radius:12px}.assembly figcaption{margin-top:15px;color:var(--muted)}.chapter-heading{border-top:1px solid var(--slate);padding-top:25px}.chapter-heading .eyebrow{color:var(--slate)}.architecture-grid{gap:16px;border:0;background:none}.architecture{border:1px solid var(--slate);border-top:5px solid var(--slate);border-radius:0 20px 0 0;background:#201f24}.architecture.b{border-color:var(--amber)}.architecture.c{background:#20251e}.plot{background:#201f24;border-radius:0 18px 0 0;border-color:#514858}.track{background:#302b35}.choice{border-top-color:var(--slate)}.choice h2{font-family:var(--mono);font-size:32px;letter-spacing:-.055em}.architecture.b .architecture-id{color:#66483e}.architecture.a .architecture-id{color:#51465f}
@media(min-width:1600px){.hero h1{font-size:90px}}@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:clamp(45px,6.1vw,70px)}.module{padding:20px}.static-module{margin-right:25px}.interactive-module{margin-left:20px}.module>strong{font-size:24px}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding:42px 0}.hero h1{font-size:clamp(43px,11.7vw,77px);margin-top:15px}.hero .plus{font-size:36px;line-height:1.2}.static-module{margin-right:25px}.interactive-module{margin-left:20px}.module>strong{font-size:26px}.interface{font-size:9px}.interface>span{padding:0 3px}.choice h2{font-size:30px}}
