@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f6e5797ad9fd88cc.001-r-7mugpfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/33ff89548488d79f.016j3pq2se5f3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f99c309598d4ef8a.p.2mx8o19a7jz1u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.big_shoulders_49967fc7-module__fCzClW__className{font-family:Big Shoulders;font-style:normal}.big_shoulders_49967fc7-module__fCzClW__variable{--font-display:"Big Shoulders"}
@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/481eac7be1c268b7-s.1shg3f9j2jih-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/31a9145ccb84606d-s.p.3j3x29wbycqkn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Fallback;src:local(Arial);ascent-override:93.46%;descent-override:24.67%;line-gap-override:0.0%;size-adjust:104.49%}.schibsted_grotesk_1bbc9267-module__0UY8da__className{font-family:Schibsted Grotesk,Schibsted Grotesk Fallback;font-style:normal}.schibsted_grotesk_1bbc9267-module__0UY8da__variable{--font-body:"Schibsted Grotesk", "Schibsted Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_623088c-module__r482RW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_623088c-module__r482RW__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#04060a;--ink:#090c13;--panel:#10151f;--rule:#252c3e;--dim:#454c63;--muted:#8e94a8;--fg:#ede8dd;--r:#ff5f52;--y:#ffc53d;--b:#58a2ff;--accent:var(--y);--display:var(--font-display),"Arial Narrow",Impact,sans-serif;--body:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:var(--font-mono),ui-monospace,"Cascadia Mono",Consolas,monospace;--bar:clamp(40px,6.2vh,62px);--gutter:clamp(16px,4vw,56px)}:root[data-phase=r]{--accent:var(--r)}:root[data-phase=b]{--accent:var(--b)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--fg);font-family:var(--body);margin:0;font-size:16px;line-height:1.55}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}::selection{background:var(--accent);color:var(--ink)}img{max-width:100%}[hidden]{display:none!important}main{z-index:1;padding-inline:var(--gutter);padding-block:0;position:relative;overflow-x:clip}#bg{z-index:0;pointer-events:none;position:fixed;top:0;left:0}.fx{z-index:55;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grain{opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(6,end) infinite grain;position:absolute;inset:-50%}.vig{background:radial-gradient(120% 90% at 50% 45%,transparent 55%,color-mix(in srgb,var(--void) 78%,transparent));position:absolute;inset:0}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-8%,4%)}40%{transform:translate(6%,-6%)}60%{transform:translate(-4%,8%)}80%{transform:translate(8%,2%)}to{transform:translate(0)}}
.bar{z-index:60;padding-inline:var(--gutter);background:var(--void);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:clamp(10px,2vw,24px);font-size:10.5px;display:flex;position:fixed;left:0;right:0}.bar-top{height:calc(var(--bar) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);justify-content:space-between;animation:1s cubic-bezier(.7,0,.2,1) .1s both barTop;top:0}.bar-bot{height:calc(var(--bar) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);animation:1s cubic-bezier(.7,0,.2,1) .1s both barBot;bottom:0}@keyframes barTop{0%{transform:translateY(-100%)}}@keyframes barBot{0%{transform:translateY(100%)}}.rec{color:var(--fg);white-space:nowrap;align-items:center;gap:8px;display:flex}.rec i{background:var(--r);border-radius:50%;width:8px;height:8px;animation:1.2s infinite blink}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:.15}}.hud-scene{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);flex:1;overflow:hidden}.hud-scene:after{content:"_";color:var(--accent);animation:1s infinite blink}.tc{font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.tc em{color:var(--muted);margin-right:8px;font-style:normal}.phases{white-space:nowrap;align-items:center;gap:5px;display:flex}.phases b{border:1px solid var(--rule);letter-spacing:0;width:18px;height:18px;color:var(--dim);border-radius:3px;place-items:center;font-size:9.5px;font-weight:600;transition:background-color .3s,color .3s,border-color .3s;display:grid}:root[data-phase=r] .ph-r,:root[data-phase=all] .ph-r{color:var(--ink);background:var(--r);border-color:var(--r)}:root[data-phase=y] .ph-y,:root[data-phase=all] .ph-y{color:var(--ink);background:var(--y);border-color:var(--y)}:root[data-phase=b] .ph-b,:root[data-phase=all] .ph-b{color:var(--ink);background:var(--b);border-color:var(--b)}.hz{color:var(--fg);font-variant-numeric:tabular-nums;min-width:8ch;margin-left:6px}.scrub{flex:1;min-width:0;height:26px;position:relative}.scrub:before{content:"";background:var(--rule);height:1px;position:absolute;top:50%;left:0;right:0}.scrub-fill{background:var(--accent);transform-origin:0;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.mark{cursor:pointer;background:0 0;border:0;width:18px;height:22px;margin:-11px 0 0 -9px;padding:0;position:absolute;top:50%}.mark:before{content:"";background:var(--dim);width:2px;height:8px;margin:-4px 0 0 -1px;transition:background-color .3s,height .3s,margin .3s;position:absolute;top:50%;left:50%}.mark.act:before{background:var(--muted);height:16px;margin-top:-8px}.mark.on:before{background:var(--accent);height:16px;margin-top:-8px}.mark:after{content:attr(data-label);white-space:nowrap;background:var(--panel);border:1px solid var(--rule);color:var(--fg);font:10px/1.2 var(--mono);letter-spacing:.1em;opacity:0;pointer-events:none;border-radius:3px;padding:5px 8px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mark:first-child:after{left:0;transform:none}.mark:last-child:after{left:auto;right:0;transform:none}.mark:hover:after,.mark:focus-visible:after{opacity:1}.fmt-tag{white-space:nowrap}.scene{height:calc(var(--len,3) * 100svh);position:relative}.stage{top:env(safe-area-inset-top,0px);height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:100%;max-width:1280px;padding-block:calc(var(--bar) + clamp(10px,2.6vh,34px));align-content:center;gap:clamp(12px,2.2vh,26px);margin-inline:auto;display:grid;position:sticky}.slug{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.4em 1em;margin:0;font-size:11.5px;display:flex}.slug b{color:var(--accent);font-weight:600}.scene-head{align-content:start;gap:clamp(8px,1.6vh,16px);min-width:0;display:grid}h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-size:min(clamp(34px,5vw,74px),8.4vh);font-weight:800;line-height:.92}.lede{max-width:58ch;color:var(--muted);margin:0;font-size:clamp(14px,1.2vw,17px);line-height:1.5}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.illus{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:9.5px}code.inline{font-family:var(--mono);color:var(--accent);font-size:.86em}.packet{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent),0 0 24px var(--accent);z-index:2;pointer-events:none;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:0;left:0}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;min-width:0;overflow:hidden}.mon-top{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:12px;padding:10px 14px;font-size:11px;display:flex}.mon-mode{color:var(--accent)}.mon-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mon-foot{justify-content:flex-end;padding:0 14px 10px;display:flex}.ticks{gap:clamp(6px,1.2vh,12px);min-width:0;margin:0;padding:0;font-size:clamp(13px,1.1vw,15.5px);line-height:1.4;list-style:none;display:grid}.ticks li{color:var(--muted);padding-left:24px;transition:color .3s;position:relative}.ticks li:before{content:"";border:1px solid var(--dim);width:10px;height:10px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:absolute;top:.38em;left:0}.ticks li.on{color:var(--fg)}.ticks li.on:before{background:var(--accent);border-color:var(--accent)}.ticks li.cur:before{box-shadow:0 0 14px var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:11px;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}.chips li.on{color:var(--ink);background:var(--accent);border-color:var(--accent)}.chips li.cur{box-shadow:0 0 18px -2px var(--accent)}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--rule);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px}
.hero .stage{align-content:end;gap:clamp(14px,2.4vh,28px);overflow:clip}.hero-title{font-family:var(--display);letter-spacing:-.005em;transform-origin:42% 55%;will-change:transform;margin:0;font-size:clamp(110px,27vw,400px);font-weight:900;line-height:.8;display:flex}.ch{padding:.02em .015em 0;display:inline-block;overflow:hidden}.ch>i{animation:1.1s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i) * 80ms + .35s);font-style:normal;display:inline-block}@keyframes rise{0%{transform:translateY(105%)}}.ch:nth-child(3)>i{color:#0000;-webkit-text-stroke:2px var(--fg)}.phase-rule{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(520px,100%);height:4px;display:grid}.phase-rule span{transform-origin:0;animation:1.2s cubic-bezier(.2,.8,.2,1) both draw}.phase-rule span:first-child{background:var(--r);animation-delay:.8s}.phase-rule span:nth-child(2){background:var(--y);animation-delay:.95s}.phase-rule span:nth-child(3){background:var(--b);animation-delay:1.1s}@keyframes draw{0%{transform:scaleX(0)}}.hero-meta{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 40px;display:grid}.role{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px;font-size:clamp(26px,3vw,42px);font-weight:800;line-height:1}.sub{max-width:56ch;color:var(--muted);margin:0;font-size:clamp(15px,1.3vw,18px)}.where{text-align:right;justify-items:end;gap:8px;display:grid}.where p{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11.5px}.cue{color:var(--fg)!important}.cue span{color:var(--accent);animation:1.6s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translate(5px)}}.actst{text-align:center;align-content:center;justify-items:center}.act-inner{will-change:transform;justify-items:center;gap:16px;display:grid}.act-num{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px}h2.act-title{font-size:min(clamp(64px,13vw,200px),22vh);font-weight:900;line-height:.85}.act-rule{background:linear-gradient(90deg,var(--r) 0 33%,var(--y) 33% 66%,var(--b) 66%);width:min(360px,60vw);height:3px}.act-sub{color:var(--muted);max-width:46ch;margin:0;font-size:clamp(14px,1.3vw,18px)}.amrst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head lanes""hops lanes";align-items:start;column-gap:clamp(24px,4vw,64px)}.amrst .scene-head{grid-area:head}.hops-wrap{grid-area:hops;position:relative}.hops{gap:2px;margin:0;padding:0 0 0 28px;list-style:none;display:grid;position:relative}.hops:before{content:"";background:var(--rule);width:1px;position:absolute;top:12px;bottom:12px;left:9px}.hops li{flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:4px 0;display:flex;position:relative}.hops li:before{content:"";border:1px solid var(--dim);background:var(--ink);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:absolute;top:50%;left:-23px}.hops b{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;opacity:.5;font-size:clamp(17px,1.6vw,22px);font-weight:800;transition:opacity .3s}.hops span{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-size:10.5px}.hops li.done b,.hops li.cur b{opacity:1}.hops li.done:before,.hops li.cur:before{background:var(--accent);border-color:var(--accent)}.hops li.cur:before{box-shadow:0 0 12px var(--accent)}.lanes-panel{grid-area:lanes;align-self:center}.sem{align-items:center;gap:6px;padding:12px 14px 2px;display:flex}.sem:before{content:"Semaphore";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:10px}.sem i{width:24px;height:8px;box-shadow:inset 0 0 0 1px var(--dim);border-radius:2px;transition:background-color .2s,box-shadow .2s}.sem i.on{background:var(--accent);box-shadow:none}.lanes{gap:9px;padding:12px 14px 14px;display:grid}.lane{font-family:var(--mono);color:var(--muted);grid-template-columns:52px minmax(0,1fr) 116px;align-items:center;gap:10px;font-size:10.5px;display:grid}.ln{color:var(--fg)}.lt{background:var(--ink);height:8px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:2px;position:relative;overflow:hidden}.lt:after{content:"";background:color-mix(in srgb,var(--r) 70%,transparent);width:2px;position:absolute;top:0;bottom:0;right:0}.lf{transform-origin:0;background:var(--accent);position:absolute;inset:0;transform:scaleX(0)}.lane.act .ls{color:var(--accent)}.lane.done .lf{background:color-mix(in srgb,var(--b) 75%,var(--ink))}.lane.done .ls{color:var(--b)}.lane.to .lf{background:var(--r)}.lane.to .ls{color:var(--r)}.legst{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"head viz""steps steps";align-items:center;column-gap:clamp(24px,4vw,64px)}.legst .scene-head{grid-area:head}.legst .ticks li:before{border-color:color-mix(in srgb,var(--r) 50%,var(--dim))}.leg-viz{grid-area:viz;min-width:0;height:min(46vh,400px);position:relative}.leg-viz svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leg-viz path{fill:none;stroke-width:1.5px}.leg-viz path.old{stroke:color-mix(in srgb,var(--r) 60%,var(--dim))}.leg-viz path.new{stroke:var(--b);stroke-width:2px}.lnode{border:1px solid var(--rule);background:var(--panel);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--fg);border-radius:4px;padding:8px 10px;font-size:clamp(9px,.85vw,11px);position:absolute;top:0;left:0}.lnode.prog{border-color:color-mix(in srgb,var(--r) 55%,var(--rule))}.lnode.exis{font-family:var(--display);letter-spacing:.06em;border-color:var(--b);color:var(--b);box-shadow:0 0 40px -10px var(--b);opacity:0;padding:8px 18px;font-size:clamp(22px,2.6vw,36px);font-weight:900}.hang{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--r);opacity:0;white-space:nowrap;font-size:10px;position:absolute;top:0;left:0}.hang.on{opacity:1;animation:1s infinite blink}.legst .chips{grid-area:steps}.migst{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"head count""regions regions";align-items:end;column-gap:clamp(24px,4vw,64px)}.migst .scene-head{grid-area:head}.mig-count{text-align:right;grid-area:count;justify-self:end}.mig-count b{font-family:var(--display);color:var(--b);font-variant-numeric:tabular-nums;font-size:min(clamp(96px,14vw,220px),24vh);font-weight:900;line-height:.85;display:block}.mig-count span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.regions{grid-area:regions;grid-template-columns:12fr 10fr;gap:clamp(20px,4vw,56px);width:100%;max-width:min(100%,105vh);display:grid}.region .label b{color:var(--fg)}.gcells{gap:clamp(2px,.35vw,5px);margin-top:10px;display:grid}#migSouth{grid-template-columns:repeat(12,minmax(0,1fr))}#migWest{grid-template-columns:repeat(10,minmax(0,1fr))}.gc{aspect-ratio:1;background:color-mix(in srgb,var(--r) 20%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r) 45%,transparent);border-radius:3px;transition:background-color .35s,box-shadow .35s;display:block}.gc.x{background:var(--b);box-shadow:0 0 10px -2px var(--b)}.gc.pin{outline:2px solid var(--y);outline-offset:2px}.pin-note{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--y);margin:10px 0 0;font-size:10.5px}.comst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head term""layers term";align-items:start;column-gap:clamp(24px,4vw,64px)}.comst .scene-head{grid-area:head}.layers{grid-area:layers;gap:5px;margin:0;padding:0;list-style:none;display:grid}.layers li{margin-left:calc(var(--d) * 14px);border-left:2px solid var(--rule);background:color-mix(in srgb,var(--panel) 70%,transparent);flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:6px 12px;transition:background-color .3s,border-color .3s;display:flex}.layers b{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;min-width:9ch;font-size:clamp(16px,1.4vw,20px);font-weight:800}.layers code{font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;font-size:10.5px}.layers li.on{border-left-color:var(--accent)}.layers li.cur{background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.layers li.cur code{color:var(--fg)}.term{background:var(--void);grid-area:term;align-self:center}.term pre{min-height:13em;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg);margin:0;padding:14px 16px;font-size:clamp(10px,.95vw,12.5px);line-height:1.75}.gridst{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"head stats""ports ports""cap legend";align-items:end;column-gap:clamp(20px,4vw,56px)}.gridst .scene-head{grid-area:head}.stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:min(clamp(36px,4.4vw,64px),8vh);font-weight:800;line-height:1;display:block}.stat span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat:nth-child(2) b{color:var(--r)}.stat:nth-child(3) b{color:var(--y)}.ports-wrap{grid-area:ports;min-width:0;position:relative}.ports{grid-template-rows:repeat(8,auto);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(1px,.3vw,4px);max-width:150vh;margin-inline:auto;display:grid}.port{aspect-ratio:1;background:var(--panel);box-shadow:inset 0 0 0 1px var(--rule);border-radius:2px;transition:background-color .25s,box-shadow .25s;display:block}.port.kept{background:color-mix(in srgb,var(--y) 72%,var(--ink));box-shadow:none}.port.gap{background:var(--ink)}.port.flag{background:color-mix(in srgb,var(--r) 20%,var(--ink));box-shadow:inset 0 0 0 1px var(--r)}.port.added{background:var(--b);box-shadow:0 0 8px color-mix(in srgb,var(--b) 55%,transparent)}.grid-cap{grid-area:cap;max-width:64ch;min-height:3em;margin:0;font-size:clamp(14px,1.2vw,17px)}.legend{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;grid-area:legend;justify-content:flex-end;align-self:start;gap:8px 18px;font-size:10px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend .lk{background:color-mix(in srgb,var(--y) 72%,var(--ink))}.legend .lf2{box-shadow:inset 0 0 0 1px var(--r)}.legend .la{background:var(--b)}.ini{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--y);opacity:0;-webkit-backdrop-filter:blur(6px);width:min(450px,100%);box-shadow:0 30px 60px -20px var(--void);pointer-events:none;border-radius:6px;margin:0;padding:12px 16px 14px;transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;right:0;transform:translateY(-38%)}.ini.on{opacity:1;transform:translateY(-50%)}.ini figcaption{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--y);justify-content:space-between;gap:12px;font-size:10px;display:flex}.ini pre{font-family:var(--mono);white-space:pre;color:var(--fg);margin:8px 0 0;font-size:clamp(10px,.95vw,12px);line-height:1.6;overflow-x:auto}.ini .c{color:var(--muted)}.ini .s{color:var(--y)}.proc{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"head mon""fix mon";align-items:start;column-gap:clamp(24px,4vw,64px)}.proc .scene-head{grid-area:head}.monitor{grid-area:mon;align-self:center}.code-stack{padding:14px 16px;display:grid;overflow-x:auto}.code{font-family:var(--mono);color:var(--fg);white-space:pre;grid-area:1/1;margin:0;font-size:clamp(10px,1vw,13px);line-height:1.6}.code .k{color:var(--accent)}.code .c{color:var(--muted)}.c-set{opacity:0}.rows{border-top:1px dashed var(--rule);height:clamp(80px,14vh,120px);margin:0 16px 12px;position:relative}.dot{background:var(--dim);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:border-radius .3s,background-color .2s,box-shadow .2s;position:absolute;top:0;left:0}.dot.done{background:color-mix(in srgb,var(--accent) 50%,var(--ink))}.dot.cur{background:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent),0 0 14px var(--accent)}.dot.moving{background:var(--accent);border-radius:2px}.dot.set{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:1px}.proc .ticks{grid-area:fix}.charst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head demo""steps demo";align-items:center;column-gap:clamp(24px,5vw,80px)}.charst .scene-head{grid-area:head;align-self:end}.char-demo{transform-origin:30%;grid-area:demo;justify-items:start;gap:22px;display:grid}.ddl{font-family:var(--mono);color:var(--muted);font-size:clamp(14px,1.4vw,18px)}.ddl b{color:var(--accent);font-weight:600}.cells{gap:10px;margin-bottom:18px;display:flex}.cell{aspect-ratio:1;border:1.5px solid var(--dim);background:var(--panel);border-radius:4px;place-items:center;width:min(26vw,150px,16vh);transition:border-color .3s,box-shadow .3s;display:grid;position:relative}.cell b{font-family:var(--display);opacity:0;font-size:calc(min(26vw,150px,16vh)/1.6129);font-weight:900;line-height:1;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);transform:scale(.6)}.cell small{text-align:center;font-family:var(--mono);color:var(--muted);font-size:10px;position:absolute;top:calc(100% + 6px);left:0;right:0}.cell.on b{opacity:1;transform:none}#cell2.on{border-color:var(--r);box-shadow:0 0 0 1px var(--r),0 0 40px -6px var(--r)}#cell2.on b{color:var(--r);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.cmp{opacity:.28;flex-wrap:wrap;align-items:center;gap:8px 16px;transition:opacity .4s;display:flex}.cmp.on{opacity:1}.cmp code{font-family:var(--mono);font-size:clamp(15px,1.6vw,22px)}.cmp .lhs{color:var(--r)}.cmp .types{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}#cmpRes{font-family:var(--display);letter-spacing:.04em;color:var(--muted);font-size:clamp(30px,3vw,46px);font-weight:900;line-height:1}#cmpRes.bad{color:var(--r);text-shadow:0 0 24px color-mix(in srgb,var(--r) 60%,transparent)}.char-steps{grid-area:steps;align-self:start;gap:10px;max-width:46ch;display:grid}.char-steps p{color:var(--muted);border-left:2px solid var(--rule);margin:0;padding-left:14px;font-size:clamp(14px,1.25vw,17px);transition:color .3s,border-color .3s}.char-steps p.on{color:var(--fg);border-left-color:var(--accent)}.dtst{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"head viz""out viz";align-items:start;column-gap:clamp(24px,4vw,64px)}.dtst .scene-head{grid-area:head}.dt-viz{grid-area:viz;align-self:center;gap:10px;min-width:0;display:grid}.sources{flex-wrap:wrap;gap:6px;display:flex}.sources span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:10.5px;transition:color .3s,border-color .3s}.sources span.on{color:var(--fg);border-color:var(--accent)}.dt-flow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:10.5px;display:flex}.dt-flow:after{content:"";background:linear-gradient(90deg,var(--accent),transparent);flex:1;height:1px}.field{width:100%;max-width:76vh;position:relative}.tdot{width:var(--ds,10px);height:var(--ds,10px);margin:calc(var(--ds,10px) / -2) 0 0 calc(var(--ds,10px) / -2);background:var(--dim);border-radius:50%;transition:background-color .3s,box-shadow .3s;position:absolute;top:0;left:0}.tdot.r0{background:color-mix(in srgb,var(--b) 35%,var(--dim))}.tdot.r1{background:color-mix(in srgb,var(--y) 45%,var(--dim))}.tdot.r2{background:var(--y)}.tdot.r3{background:var(--r)}.tdot.hot{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--r),0 0 16px var(--r)}.dt-out{grid-area:out;gap:14px;display:grid}.decision{color:var(--muted);border-left:2px solid var(--rule);margin:0;padding-left:14px;font-size:clamp(15px,1.3vw,18px);transition:color .3s,border-color .3s}.decision.on{color:var(--fg);border-left-color:var(--r)}.apist{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"head jwt""gates gates""states states";align-items:center;column-gap:clamp(24px,4vw,64px)}.apist .scene-head{grid-area:head}.jwt{grid-area:jwt}.jwt pre{font-family:var(--mono);white-space:pre;margin:0;padding:12px 16px;font-size:clamp(10.5px,1vw,13px);line-height:1.65;overflow-x:auto}.jwt [data-c]{color:var(--muted);transition:color .3s}.jwt [data-c].on{color:var(--fg)}.jwt [data-c].on:after{content:"  ✓";color:var(--accent)}.gates-wrap{grid-area:gates;position:relative}.gates{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.gates li{border:1px solid var(--rule);background:var(--panel);text-align:center;font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;border-radius:6px;padding:12px 8px;font-size:clamp(14px,1.4vw,19px);font-weight:800;transition:border-color .3s,box-shadow .3s}.gates li.done{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule))}.gates li.cur{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 40px -18px var(--accent)}.states{grid-area:states;gap:10px;display:grid}.state-row{flex-wrap:wrap;gap:8px;display:flex}.state-row span{font-family:var(--mono);border:1px solid var(--rule);color:var(--muted);border-radius:4px;padding:6px 10px;font-size:12px;transition:color .3s,background-color .3s,border-color .3s}.state-row span.cur{color:var(--ink);background:var(--accent);border-color:var(--accent)}#stateDesc{color:var(--fg);min-height:1.5em;margin:0;font-size:14.5px}.protost{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""ocpi sap";align-items:start;column-gap:clamp(20px,3vw,40px)}.protost .scene-head{grid-area:head}.proto{border:1px solid var(--rule);background:color-mix(in srgb,var(--panel) 80%,transparent);border-radius:6px;gap:12px;min-width:0;padding:16px;display:grid}.proto.ocpi{grid-area:ocpi}.proto.sap{grid-area:sap}.proto .label b{color:var(--accent)}.seq{gap:4px;display:grid;position:relative}.seq:before,.seq:after{content:"";background:var(--rule);width:1px;position:absolute;top:22px;bottom:0}.seq:before{left:4px}.seq:after{right:4px}.seq-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);justify-content:space-between;font-size:10px;display:flex}.msg{height:30px;position:relative}.msg span{text-align:center;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;transition:color .3s;position:absolute;top:0;left:12px;right:12px;overflow:hidden}.msg i{background:var(--accent);height:1px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:6px;left:4px;right:4px;transform:scaleX(0)}.msg.r i{transform-origin:0}.msg.l i{transform-origin:100%}.msg i:after{content:"";border:4.5px solid #0000;position:absolute;top:-4px}.msg.r i:after{border-left:7px solid var(--accent);border-right:0;right:-1px}.msg.l i:after{border-right:7px solid var(--accent);border-left:0;left:-1px}.msg.on i{transform:scaleX(1)}.msg.on span{color:var(--fg)}.err{font-family:var(--mono);border:1px solid var(--r);color:var(--r);background:color-mix(in srgb,var(--r) 10%,transparent);border-radius:4px;padding:8px 12px;font-size:12px;transition:color .4s,border-color .4s,background-color .4s}.err:before{content:"✕ "}.err.done{border-color:var(--rule);color:var(--muted);background:0 0}.err.done:after{content:" · traced through the chain";color:var(--accent)}.sapchain{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sapchain li{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);border-radius:4px;padding:7px 10px;font-size:11px;transition:color .3s,border-color .3s,background-color .3s}.sapchain li:not(:last-child):after{content:"→";color:var(--dim);margin-left:8px}.sapchain li.on{color:var(--fg);border-color:var(--accent)}.sapchain li.cur{background:color-mix(in srgb,var(--accent) 18%,transparent)}.ngxst{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"head side""viz viz";align-items:end;column-gap:clamp(24px,4vw,64px)}.ngxst .scene-head{grid-area:head}.ngx-viz{grid-area:viz;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:12px clamp(30px,8vw,140px);min-width:0;display:grid;position:relative}#nInet{grid-area:1/1/4}#nNginx{grid-area:1/2/4}#nApp0{grid-area:1/3}#nApp1{grid-area:2/3}#nApp2{grid-area:3/3}.nnode{z-index:1;border:1px solid var(--rule);background:var(--panel);font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;border-radius:6px;gap:2px;padding:12px 14px;font-size:clamp(15px,1.5vw,20px);font-weight:800;transition:box-shadow .3s;display:grid;position:relative}.nnode b{font-family:var(--mono);letter-spacing:.04em;text-transform:none;color:var(--muted);font-size:11px;font-weight:600}.nnode.gw{border-color:var(--accent);color:var(--accent);text-align:center}.nnode.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nnode.mine b{color:var(--accent)}.nnode.hit{box-shadow:0 0 0 1px var(--accent),0 0 28px -6px var(--accent)}#ngxLines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#ngxLines path{fill:none;stroke:var(--rule);stroke-width:1.5px}#ngxLines path.mine{stroke:color-mix(in srgb,var(--accent) 60%,var(--rule))}.reqs{pointer-events:none;z-index:2;position:absolute;inset:0}.rq{background:var(--muted);opacity:0;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0}.rq.mine{background:var(--accent);box-shadow:0 0 10px var(--accent)}.ngx-side{grid-area:side;gap:10px;min-width:0;display:grid}.conf{background:var(--void);border:1px solid var(--rule);font-family:var(--mono);white-space:pre;border-radius:6px;margin:0;padding:12px 14px;font-size:clamp(10px,.95vw,12px);line-height:1.6;overflow-x:auto}.conf .c{color:var(--muted)}.conf .k{color:var(--accent)}.voltst{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"head feats""viz viz";align-items:end;column-gap:clamp(20px,4vw,56px)}.voltst .scene-head{grid-area:head}.volt-side{grid-area:feats;gap:14px;display:grid}.volt-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.volt-nums b{font-family:var(--display);color:var(--b);font-variant-numeric:tabular-nums;font-size:min(clamp(36px,4.4vw,64px),8vh);font-weight:800;line-height:1;display:block}.volt-nums span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.feats li{color:var(--fg)}.volt-viz{grid-area:viz;min-width:0;height:min(40vh,380px);position:relative}.doc{border:1px solid var(--rule);background:var(--panel);border-radius:3px;position:absolute}.doc:before{content:"VOLT · scope document";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9.5px;position:absolute;top:9px;left:14px}.board{grid-template-columns:repeat(22,minmax(0,1fr));display:grid;position:absolute}.col{border-left:1px solid var(--rule);font-family:var(--mono);color:var(--muted);white-space:nowrap;padding:2px 0 0 3px;font-size:9px;overflow:hidden}.board.tight .col{font-size:0}.vchips{pointer-events:none;position:absolute;inset:0}.chip{transform-origin:0 0;background:var(--dim);border-radius:1px;transition:background-color .35s;position:absolute;top:0;left:0}.chip.fly{background:color-mix(in srgb,var(--b) 65%,var(--fg))}.chip.in{background:var(--b)}.fmt .chip.in[data-s="0"]{background:var(--r)}.fmt .chip.in[data-s="1"]{background:var(--y)}.fmt .chip.in[data-s="2"]{background:var(--b)}.atsst{grid-template-columns:minmax(0,1fr)}.orch{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:10.5px;display:flex}.orch:before,.orch:after{content:"";background:var(--rule);flex:1;height:1px}.pipe-wrap{gap:14px;display:grid;position:relative}.pipe{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pipe li{border:1px solid var(--rule);background:var(--panel);border-radius:6px;align-content:start;gap:4px;min-width:0;padding:12px 14px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative}.pipe b{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(17px,1.6vw,22px);font-weight:800;line-height:1}.pipe span{color:var(--muted);font-size:12.5px;line-height:1.35}.pipe li.done{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule))}.pipe li.cur{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 40px -18px var(--accent)}.ledger{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 16px;display:grid}.ledger .label{color:var(--fg)}.track{background:var(--panel);height:6px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:3px;overflow:hidden}#ledgerFill{background:linear-gradient(90deg,var(--r),var(--y),var(--b));transform-origin:0;height:100%;transform:scaleX(0)}.ledger p:last-child{color:var(--muted);grid-column:1/-1;margin:0;font-size:13.5px}.ats-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);display:grid}.ats-side ul{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ats-side li{border:1px solid var(--rule);color:var(--muted);border-radius:999px;padding:6px 11px;font-size:13px;transition:color .3s,border-color .3s}.ats-side li.on{color:var(--fg);border-color:var(--accent)}.ats-side li em{font-style:normal;font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-left:6px;font-size:9.5px}.toolkit{gap:clamp(24px,4vh,48px);padding-block:clamp(90px,16vh,180px);display:grid}.toolkit>.slug,.kit{width:100%;max-width:1280px;margin-inline:auto}.marquees{margin-inline:calc(-1 * var(--gutter));gap:2px;display:grid}.marquee{white-space:nowrap;overflow:hidden}.mtrack{will-change:transform;display:inline-flex}.mtrack span{font-family:var(--display);text-transform:uppercase;padding-right:.3em;font-size:clamp(48px,9vw,136px);font-weight:900;line-height:1.04}.marquee.outline .mtrack span{color:#0000;-webkit-text-stroke:1.5px var(--fg)}.mtrack .sep{color:var(--accent);-webkit-text-stroke:0!important}.marquee.outline .mtrack .sep{color:var(--accent)}.kit{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px);display:grid}.kit h3{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11px;font-weight:600}.kit ul{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.kit li{border-bottom:1px solid var(--rule);padding:8px 0;font-size:15px}.journst{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"head strata""inter inter";align-items:center;column-gap:clamp(24px,4vw,64px)}.journst .scene-head{grid-area:head}.questions{gap:10px;margin:0;padding:0;list-style:none;display:grid}.questions li{color:var(--dim);font-size:clamp(14px,1.2vw,16px);transition:color .3s}.questions li.past{color:var(--muted)}.questions li.cur{font-family:var(--display);text-transform:uppercase;color:var(--fg);text-wrap:balance;font-size:min(clamp(28px,3.6vw,52px),6.2vh);font-weight:800;line-height:.98}.strata-wrap{grid-area:strata;gap:10px;min-width:0;display:grid}.strata{flex-direction:column-reverse;gap:3px;margin:0;padding:0;list-style:none;display:flex}.strata li{--c:var(--b);border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 6%,var(--panel));opacity:.3;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 12px;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),background-color .35s;display:flex;transform:translate(16px)}.strata li:nth-child(3n+1){--c:var(--r)}.strata li:nth-child(3n+2){--c:var(--y)}.strata li.on{opacity:1;background:color-mix(in srgb,var(--c) 16%,var(--panel));transform:none}.strata b{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:clamp(14px,1.3vw,18px);font-weight:800}.strata span{font-family:var(--mono);color:var(--muted);text-align:right;font-size:10px}.intersect{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--dim);text-wrap:balance;grid-area:inter;margin:0;font-size:min(clamp(20px,2.6vw,38px),5vh);font-weight:800;transition:color .4s}.intersect.on{color:var(--fg)}.intersect i{color:var(--accent);font-style:normal}.manifesto{font-family:var(--body);letter-spacing:-.012em;text-wrap:pretty;max-width:30ch;margin:0;font-size:min(clamp(25px,3.6vw,54px),5.4vh);font-weight:600;line-height:1.16}.manifesto em{font-style:normal}.manifesto .w{color:var(--dim);transition:color .25s}.manifesto .w.on{color:var(--fg)}.manifesto .w.em.on{color:var(--accent)}.credst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(24px,5vw,80px)}.next{align-content:center;gap:16px;display:grid}.next-title{font-size:min(clamp(42px,6vw,96px),10vh)}.contact{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.email{font-family:var(--mono);color:var(--fg);border:1px solid var(--rule);background:var(--panel);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:4px;padding:10px 14px;font-size:clamp(13px,1.4vw,17px)}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--accent);cursor:pointer;border:0;border-radius:4px;padding:12px 16px;font-size:11px}.btn.ghost{color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.btn:hover{filter:brightness(1.1)}.btn:focus-visible,.mark:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.roll-window{height:min(64vh,580px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.roll{text-align:center;will-change:transform}.roll dl{gap:2px;margin:0;display:grid}.roll dt{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:20px;font-size:10px}.roll dd{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.1}.roll .note{max-width:30ch;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:44px auto 0;font-size:11px}.roll .fin{font-family:var(--display);color:var(--accent);margin:30px 0 0;font-size:clamp(84px,10vw,150px);font-weight:900;line-height:1}
.pbtn{border:1px solid var(--accent);height:28px;color:var(--fg);font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;transition:background-color .2s,color .2s;display:inline-flex}.pbtn .ico{color:var(--accent);letter-spacing:0;font-size:10px}.pbtn.ghost{border-color:var(--rule);color:var(--muted);padding:0 9px}.pbtn:hover{border-color:var(--accent);color:var(--fg)}.pbtn:focus-visible,.hero-play:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.i-pause,.playing .i-play{display:none}.playing .i-pause{display:inline}.playing #playBtn{background:var(--accent);color:var(--ink)}.playing #playBtn .ico{color:var(--ink)}.playing.idle,.playing.idle *{cursor:none!important}.hero-play{color:var(--fg);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;font-size:11.5px;display:inline-flex}.disc{aspect-ratio:1;background:var(--accent);width:clamp(52px,6vw,72px);color:var(--ink);border-radius:50%;place-items:center;animation:2.4s infinite ping;display:grid}.disc svg{width:36%;height:36%}.disc .i-play{margin-left:10%}.hero-play small{color:var(--muted);letter-spacing:.1em;margin-top:5px;font-size:10px;display:block}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%,to{box-shadow:0 0 0 18px #0000}}.leader{z-index:58;background:var(--ink);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.leader:before,.leader:after{content:"";background:color-mix(in srgb,var(--fg) 16%,transparent);position:absolute}.leader:before{height:1px;top:50%;left:0;right:0}.leader:after{width:1px;top:0;bottom:0;left:50%}.leader-ring{z-index:1;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--fg) 55%,transparent);width:min(56vmin,420px);box-shadow:0 0 0 14px var(--ink),0 0 0 16px color-mix(in srgb,var(--fg) 28%,transparent);background:conic-gradient(color-mix(in srgb,var(--accent) 24%,transparent) var(--a,0deg),transparent 0);border-radius:50%;place-items:center;display:grid;position:relative}.leader-ring span{font-family:var(--display);color:var(--fg);font-size:min(34vmin,260px);font-weight:900;line-height:1}.leader-skip{z-index:1;bottom:calc(var(--bar) + 28px);text-align:center;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px;position:absolute;left:0;right:0}.still .play-ui,.motion-ui{display:none!important}.still .motion-ui{display:inline-flex!important}.still *,.still :before,.still :after{transition:none!important;animation:none!important}.still .scene{height:auto}.still .stage{height:auto;min-height:0;padding-block:clamp(72px,12vh,140px);position:relative;top:0}.still .roll-window{height:auto;-webkit-mask-image:none;mask-image:none}.still .hud-scene:after{content:none}
@media (max-width:820px){.proc,.charst,.gridst,.voltst,.credst,.amrst,.legst,.migst,.comst,.dtst,.apist,.protost,.ngxst,.journst{grid-template-columns:minmax(0,1fr)}.amrst{grid-template-areas:"head""hops""lanes"}.legst{grid-template-areas:"head""viz""steps"}.migst{grid-template-areas:"head""count""regions"}.comst{grid-template-areas:"head""layers""term"}.proc{grid-template-areas:"head""mon""fix"}.charst{grid-template-areas:"head""demo""steps"}.gridst{grid-template-areas:"head""stats""ports""cap""legend"}.dtst{grid-template-areas:"head""viz""out"}.apist{grid-template-areas:"head""gates""jwt""states"}.protost{grid-template-areas:"head""ocpi""sap"}.ngxst{grid-template-areas:"head""viz""side"}.voltst{grid-template-areas:"head""feats""viz"}.journst{grid-template-areas:"head""strata""inter"}.mig-count{text-align:left;justify-self:start}.gates{grid-template-columns:repeat(3,minmax(0,1fr))}.questions li:not(.cur):not(.prev){display:none}.layers li{margin-left:calc(var(--d) * 5px)}.leg-viz{height:28vh}.rows,.mon-foot{display:none}.legend{justify-content:flex-start}.pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.ats-side,.hero-meta{grid-template-columns:minmax(0,1fr)}.where{text-align:left;justify-items:start}.fmt-tag,.tc em{display:none}.hud-scene{text-align:left}.volt-viz{height:34vh}.roll-window{height:36vh}.ini{left:0;right:auto}}@media (max-width:640px){.proc .lede,.atsst .lede,.voltst .lede,.amrst .lede,.comst .lede,.dtst .lede,.apist .lede,.ngxst .lede,.term,.conf,.proto .tags,.hops span,.pipe span{display:none}.pipe li.cur span{display:block}.pipe li{padding:9px 11px}.ticks{font-size:12.5px}.hz,.rec-name,.pbtn .lbl,#speedBtn{display:none}.pbtn{padding:0 10px}.stat span,.volt-nums span{font-size:9px}.lane{grid-template-columns:44px minmax(0,1fr) 96px;font-size:9.5px}.sources span{padding:4px 7px;font-size:9.5px}.ngx-viz{column-gap:22px}.nnode{padding:8px 9px;font-size:13px}.nnode b{font-size:9.5px}.chips li{padding:5px 9px;font-size:9.5px}.ats-side li{padding:5px 9px;font-size:12px}}@media (max-width:640px) and (max-height:760px){.ats-side>div:not(:first-child),.dt-flow,.orch{display:none}.hops li{padding:2px 0}.lanes{gap:6px;padding-block:8px 10px}.mon-top{padding-block:7px}.strata li{padding-block:3px}.msg{height:26px}.decision{font-size:14px}.stage{gap:12px}}