:root{--tint:var(--sky)}:where(.dl){font-size:16px;line-height:1.65}:where(.dl) svg{display:block;max-width:100%}:where(.dl) strong,:where(.dl) b{font-weight:500;color:var(--ink)}:where(.dl) h3{font:500 17px/1.4 var(--font-body);margin:0 0 8px}:where(.dl) p{margin:0 0 16px;max-width:62ch}.dl .mono{color:var(--muted);font-size:11.5px;letter-spacing:.14em}.mono-lc{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--muted)}.tint{color:var(--tint)}.hero{position:relative;padding:88px 0 calc(var(--sec) / 2);overflow:hidden}.hero:before{content:"";position:absolute;inset:-220px -220px auto auto;width:900px;height:600px;background:radial-gradient(closest-side,#7dd3fc1a,#7dd3fc00);pointer-events:none}.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px 80px;align-items:end}.eyebrow{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-bottom:28px}.dl .eyebrow .num{color:var(--tint)}.dl h1{font:400 clamp(40px,4.6vw,68px)/1.04 var(--font-display);letter-spacing:-.015em;margin:0 0 28px;max-width:16ch}.dl h1 em{font-style:italic;color:var(--cobalt)}.dl .pill--sky{gap:8px;padding:7px 14px;font-size:11px;letter-spacing:.12em;color:var(--tint);background:#7dd3fc0f}.dl .pill--sky .dot{width:7px;height:7px;background:var(--tint)}.dl .pill--sky .dot:after{display:none}.pillrow{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin:0 0 32px}.lede{font-size:18px;line-height:1.6;color:var(--muted);max-width:56ch;margin:0}.lede strong{color:var(--ink)}.stats{display:grid;grid-template-columns:1fr;gap:28px;border-left:1px solid var(--line);padding-left:40px}.stat{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:baseline}.stat .n{font:400 52px/1 var(--font-display);color:var(--tint);letter-spacing:-.02em}.stat .l{font-size:14px;color:var(--muted);line-height:1.5;max-width:26ch}.dl-sec{padding:calc(var(--sec) / 2) 0}.dl-sec+.dl-sec{border-top:1px solid var(--line)}.dl .sec-head{justify-content:flex-start;gap:28px;margin-bottom:40px}.dl .sec-head .k{font-size:12px;letter-spacing:.14em;color:var(--tint);white-space:nowrap}.dl .h2{font-size:clamp(28px,2.6vw,40px);line-height:1.15;max-width:26ch}.dl .h2 em{color:var(--tint)}.two{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,11fr);gap:var(--block) 64px;align-items:start}.two p{font-size:17px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:var(--card-pad)}.card.old{border-style:dashed;background:transparent}.card.built{border-color:#7dd3fc59;box-shadow:inset 0 1px #7dd3fc40}.card .tag{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:28px;flex-wrap:wrap}.caption{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--muted);letter-spacing:.01em;margin:24px 0 0;max-width:none}ol.plain{margin:0 0 20px;padding-left:24px;color:var(--muted);font-size:17px}ol.plain li{margin-bottom:12px}ol.plain li strong{color:var(--ink)}.old-draw{width:100%;height:auto;color:var(--muted-2);overflow:visible}.old-draw text{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;fill:var(--muted)}.old-draw .ph{display:none}.old-draw .q text{fill:var(--ink)}.old-draw .q .mark{font-family:var(--font-display);font-size:24px;font-style:italic;fill:var(--muted)}.intro{font-size:17px;color:var(--muted);max-width:62ch;margin:0 0 var(--block)}.flow{display:flex;align-items:stretch;gap:0;margin:8px 0 0}.node{flex:1 1 0;min-width:0;background:var(--panel-2);border:1px solid rgba(125,211,252,.35);border-radius:14px;padding:18px 20px 16px;position:relative}.node .t{font-size:15px;font-weight:500;color:var(--ink);line-height:1.35}.node .s{font-family:var(--font-mono);font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--muted);margin-top:8px}.wire{flex:0 0 36px;position:relative}.wire:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--sky) 0 6px,transparent 6px 12px);opacity:.75;animation:flow 1.1s linear infinite}.node.decide{flex:0 0 160px;background:transparent;border:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diamond{width:32px;height:32px;border:2px solid var(--live);transform:rotate(45deg);border-radius:5px;margin:6px 0 14px;box-shadow:0 0 #4ade8073;animation:ping 2.4s ease-out infinite}.node.decide .t{color:var(--live);font-size:13.5px}.legend{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.legend span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--muted)}.legend .sw{width:20px;height:2px;background:repeating-linear-gradient(90deg,var(--sky) 0 5px,transparent 5px 9px)}.legend .sw.solid{background:var(--sky);height:10px;width:10px;border-radius:3px}.legend .sw.d{width:9px;height:9px;border:2px solid var(--live);transform:rotate(45deg);border-radius:2px;background:none}.legend .sw.g{width:10px;height:10px;border:1.5px dashed var(--muted-2);background:none;border-radius:2px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);margin-top:var(--block)}.chart-title{font:500 17px/1.35 var(--font-body);margin:0 0 6px;max-width:none}.chart-sub{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted);margin:0 0 28px;max-width:none}.bars{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;position:relative}.bar-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 52px;gap:16px;align-items:center}.bar-row .lab{font-size:13.5px;line-height:1.3;color:var(--ink)}.bar-row .lab small{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted-2);margin-top:3px;line-height:1.35}.track{position:relative;height:12px;background:#ffffff0a;border-radius:3px}.fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 1%);border-radius:3px;background:var(--sky);transform-origin:left center;animation:grow .35s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 30ms)}.bar-row.base .fill{background:#3c4553}.bar-row.ref .fill{background:var(--ink)}.bar-row .val{font-family:var(--font-mono);font-size:12px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.bar-row.base .val{color:var(--muted)}.refline{position:absolute;top:-2px;bottom:-2px;left:calc(236px + (100% - 304px)*.7746);width:0;border-left:1px dashed var(--muted);opacity:.7;pointer-events:none}.axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--muted-2);margin:12px 0 0;padding-left:236px;padding-right:68px;letter-spacing:.06em}.line-chart{width:100%;height:auto;overflow:visible}.line-chart text{font-family:var(--font-mono);font-size:14px;fill:var(--muted);letter-spacing:.04em}.line-chart .grid{stroke:var(--line);stroke-width:1}.line-chart .ser{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .5s ease-out forwards}.line-chart .ser.dash{stroke-dasharray:.012 .012;stroke-dashoffset:0;animation:none;opacity:.9}.line-chart .pt{stroke:var(--canvas);stroke-width:1.5}.lg{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px}.lg span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.02em}.lg i{width:16px;height:2px;display:inline-block}.lg i.dash{background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 7px)}.finding{margin-top:var(--block);background:var(--navy);border:1px solid rgba(125,211,252,.28);border-radius:16px;padding:var(--card-pad) 48px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}.finding h3{font:400 clamp(24px,2vw,30px)/1.2 var(--font-display);margin:12px 0 16px;max-width:26ch}.finding p{color:#c7d0da;font-size:16px;margin-bottom:14px;max-width:58ch}.finding p.caption{font-size:12px;color:var(--muted)}.scorecards{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.sc{background:#0b0d108c;border:1px solid var(--line);border-radius:12px;padding:20px 20px 16px}.sc .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sc .t{font-size:13.5px;font-weight:500;line-height:1.35;margin:8px 0 16px}.sc svg{width:100%;height:auto}.neq{font:400 36px/1 var(--font-display);color:var(--tint);text-align:center}.dr{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--card-gap);align-items:stretch}.decide-block{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:var(--card-pad)}.decide-block .big{width:40px;height:40px;border:2px solid var(--live);transform:rotate(45deg);border-radius:6px;margin:10px 10px 0 8px;box-shadow:0 0 #4ade8073;animation:ping 2.4s ease-out infinite}.decide-block p{margin:0;font-size:17px;line-height:1.65;color:var(--ink);max-width:52ch}.decide-block p strong{color:var(--live)}.decide-block .mono{display:block;margin-bottom:16px}.tiles{display:grid;grid-template-columns:1fr;gap:20px}.tile{display:grid;grid-template-columns:24px minmax(0,1fr);gap:20px;align-items:start;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--tint);border-radius:14px;padding:24px 28px}.tile svg{width:24px;height:24px;color:var(--tint);margin-top:1px}.tile h3{margin-bottom:6px;font-size:15.5px}.tile p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}.tiles-head{display:block;margin:0 0 20px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 56px}.step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-content:start;padding:28px 0 32px;border-top:1px solid var(--line)}.step .n{font:400 36px/1 var(--font-display);color:var(--tint)}.step p{margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.65}.step.tools{display:block;padding:28px 0 32px}.steps:after{content:"";grid-column:1/-1;border-top:1px solid var(--line)}.step .sg{grid-column:1/-1;margin:0 0 18px;line-height:0}.step .sg svg{width:240px;height:140px;max-width:100%;aspect-ratio:240/140}.sg .hi{stroke:var(--tint);stroke-opacity:1}.sg .box{fill:#14171c}.sg .go{stroke:#4ade80;stroke-opacity:1}.sg .pk{fill:var(--tint);stroke:none}.sg text{font:12px/1 var(--font-mono);letter-spacing:.06em;fill:var(--muted);stroke:none}.sg .sg-win{animation:sg-win 5s ease-in-out infinite alternate}.sg .sg-pk{animation:sg-pk 5s ease-in-out infinite}.sg .sg-scan{animation:sg-scan 6s ease-in-out infinite alternate}.sg .sg-job{animation:sg-job 4s ease-in-out infinite}.sg .sg-net{transform-box:fill-box;transform-origin:50% 100%;animation:sg-net 5s ease-in-out infinite alternate}@keyframes sg-win{0%{transform:translate(-118px)}to{transform:translate(0)}}@keyframes sg-pk{0%{transform:translate(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(216px);opacity:0}}@keyframes sg-scan{0%{transform:translateY(0)}to{transform:translateY(96px)}}@keyframes sg-job{0%{transform:translate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(96px);opacity:0}}@keyframes sg-net{0%{transform:scaleY(1.64)}to{transform:scaleY(1)}}.techblock{margin:var(--block) 0 0;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--tint);border-radius:14px;padding:32px var(--card-pad)}.techblock .mono{display:block;margin-bottom:20px}.techblock dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 28px;margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.7;letter-spacing:.02em;color:var(--muted)}.techblock dt{color:var(--ink);font-weight:500;white-space:nowrap}.techblock dd{margin:0;max-width:100ch}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--ink);letter-spacing:.02em}.chip svg{width:13px;height:13px;fill:currentColor;color:var(--muted)}table.parts{width:100%;border-collapse:collapse;font-size:15px}table.parts th{text-align:left;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:0 32px 16px 0;border-bottom:1px solid var(--line);vertical-align:bottom}table.parts th.g{color:var(--live)}table.parts td{vertical-align:top;padding:28px 48px 28px 0;border-bottom:1px solid var(--line);color:var(--ink);width:33.33%}table.parts td ul{margin:0;padding-left:20px}table.parts td li{margin-bottom:10px;color:var(--muted)}table.parts td li::marker{color:var(--tint)}table.parts td.g li::marker{color:var(--live)}table.parts td .parts-note{margin:16px 0 0;font-size:13.5px;color:var(--muted);line-height:1.6}table.parts .h{display:none;font-weight:500;color:var(--ink);margin-bottom:12px}.next{border-top:1px solid var(--line);padding:48px 0 56px}.next .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.next__back{display:inline-flex;align-items:center;gap:8px;font:400 20px/1.2 var(--font-display);color:var(--ink)}.next__back svg{width:18px;height:18px;stroke:var(--cobalt);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.next__link{font:400 22px/1.2 var(--font-display);color:var(--cobalt)}.next__link small{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.next__fine{font-family:var(--font-mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.04em;width:100%;margin-top:24px;line-height:1.6}@keyframes flow{to{background-position:24px 0}}@keyframes flowv{to{background-position:0 24px}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{0%{box-shadow:0 0 #4ade8073}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media(prefers-reduced-motion:reduce){.wire:before,.fill,.line-chart .ser,.diamond,.decide-block .big{animation:none!important}.sg .sg-win,.sg .sg-pk,.sg .sg-scan,.sg .sg-job,.sg .sg-net{animation:none!important}.sg .sg-net{transform:none}.line-chart .ser{stroke-dashoffset:0}}@media(max-width:1100px){.charts{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.finding{grid-template-columns:1fr;gap:40px}}@media(max-width:860px){.dl{--block:28px;--card-pad:24px;--card-gap:24px}.hero{padding:48px 0 calc(var(--sec) / 2)}.hero .wrap{grid-template-columns:1fr;gap:36px}.hero .wrap>div{min-width:0}.dl h1{margin-bottom:24px}.dl .pill--sky{white-space:normal;line-height:1.4;padding:7px 14px}.pillrow{margin-bottom:24px}.stats{border-left:0;padding-left:0;grid-template-columns:1fr 1fr 1fr;gap:20px 16px;border-top:1px solid var(--line);padding-top:28px}.stat{grid-template-columns:1fr;gap:8px}.stat .n{font-size:40px}.two,.charts,.finding,.dr,.steps{grid-template-columns:1fr}.two{gap:var(--block)}.two p,ol.plain,.intro,.decide-block p{font-size:16px}.flow{flex-direction:column}.wire{flex:0 0 28px;height:28px}.wire:before{inset:0 auto 0 50%;height:auto;width:2px;background:repeating-linear-gradient(180deg,var(--sky) 0 6px,transparent 6px 12px);animation:flowv 1.1s linear infinite}.node.decide{flex:0 0 auto;padding:8px 0 0}.card .tag,.chart-sub{margin-bottom:20px}.bars{gap:10px}.bar-row{grid-template-columns:minmax(0,118px) minmax(0,1fr) 44px;gap:10px}.refline{left:calc(128px + (100% - 182px)*.7746)}.axis{padding-left:128px;padding-right:54px}.finding{padding:var(--card-pad);gap:28px}.finding h3{margin-top:8px}.decide-block{grid-template-columns:1fr;padding:var(--card-pad);gap:8px}.decide-block .big{margin:8px 0 14px 8px}.tiles{gap:16px}.tile{padding:20px}.step{grid-template-columns:40px minmax(0,1fr);padding:24px 0;gap:12px}.step .n{font-size:28px}.step .sg{margin-bottom:16px}.step .sg svg{width:200px;height:auto}.steps:after{display:none}.techblock{padding:24px}table.parts,table.parts thead,table.parts tbody,table.parts tr,table.parts td,table.parts th{display:block;width:100%}table.parts thead{display:none}table.parts td{padding:24px 0}table.parts .h{display:block}.dl .sec-head{flex-direction:column;gap:10px;margin-bottom:28px}.old-draw text{font-size:18px}.old-draw .micro,.old-draw .dk{display:none}.old-draw .ph{display:block}.line-chart text{font-size:20px}.techblock dl{grid-template-columns:1fr;gap:4px}.techblock dt{margin-top:12px}.next{padding:36px 0 40px}.next__link{font-size:19px}}
