:root{--bg:#0b0d10;--panel:#12161b;--line:#232a33;--text:#d8dee6;--dim:#7d8794;--accent:#7ee0a1;--bad:#ff6b6b;--warm:#f2c46d;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(16px, 6vw, 96px);--max:1500px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:18px/1.6 var(--sans);margin:0;overflow-x:hidden}h1,h2{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.1}h1{font-size:clamp(2.2rem,6vw,4.2rem)}h2{font-size:clamp(1.7rem,3.5vw,2.6rem)}code,.mono{font-family:var(--mono)}code{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.05em .35em;font-size:.88em}strong{color:#fff}.dim{color:var(--dim)}.good{color:var(--accent)}.bad{color:var(--bad)}.big{margin:0;font-size:clamp(1.5rem,4vw,2.4rem)}.kicker{font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 1rem}.hero{min-height:100vh;padding:8vh var(--gutter);max-width:var(--max);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.lede{color:var(--dim);max-width:40ch;font-size:1.25rem}.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.25rem;max-width:820px;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.stats strong{font:600 2rem/1 var(--mono);color:var(--accent);display:block}.stats span{color:var(--dim);font-size:.85rem}.scroll-hint{font:.8rem var(--mono);color:var(--dim);margin-top:4rem}.act{max-width:var(--max);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin:0 auto;display:grid}.graphic{height:100vh;padding:4vh var(--gutter);grid-area:1/2;place-items:center;display:grid;position:sticky;top:0}.graphic-inner{width:100%;max-width:620px}.steps{padding:0 var(--gutter) 30vh;grid-area:1/1}.step{opacity:.35;min-height:85vh;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;display:flex}.step.active{opacity:1}.prose{max-width:36ch}.prose p{margin:0 0 1em}@media (width<=860px){.act{display:block}.graphic{z-index:0;background:linear-gradient(var(--bg) 85%, transparent);height:55vh;padding:16px}.steps{z-index:1;padding:0 16px 20vh;position:relative}.steps .step{justify-content:flex-start;min-height:70vh}.steps .step .prose,.steps .step h2,.steps .step .kicker{background:color-mix(in srgb, var(--panel) 92%, transparent)}.steps .step>*{padding:0 1rem}.steps .step>:first-child{border-radius:10px 10px 0 0;padding-top:1rem}.steps .step>:last-child{border-radius:0 0 10px 10px;padding-bottom:.5rem}.prose{max-width:none}}[data-stage]{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(8px)}[data-stage].on{opacity:1;transform:none}.swap{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-stage],.step,.cell{transition:none!important;transform:none!important}}figure{margin:0}.panel,.term,.rules,.bucket{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.25rem}.surface{gap:1rem;display:grid}.surface>.panel:not(.hosts){grid-area:1/1}.surface .panel:not(.on){pointer-events:none}.surface .panel[data-until]{grid-row:1}.surface .hosts{grid-area:1/1}.hosts ul{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.hosts li{font:.8rem var(--mono);border:1px solid var(--line);color:var(--accent);border-radius:6px;padding:.4rem .6rem}.ip{border-top:1px dashed var(--line);color:var(--warm);margin:0;padding-top:.75rem;font-size:.85rem}.rules{color:var(--bad);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;font-size:.85rem;list-style:none;display:flex}.g418-grid{grid-template-columns:repeat(22,1fr);gap:3px;display:grid}.g418-grid[data-stage]{opacity:1;transform:none}.cell{aspect-ratio:1;background:var(--line);transition:background .6s var(--ease);border-radius:2px}.g418-grid.on .cell{background:color-mix(in srgb, var(--bad) 70%, var(--bg))}.g418-grid.on .cell.real{background:var(--accent);box-shadow:0 0 10px var(--accent)}.g418 figcaption{height:2.5em;font:.9rem var(--mono);color:var(--dim);margin-top:1rem;position:relative}.chain{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.chain li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr;gap:.1rem 1rem;padding:.9rem 1rem;display:grid}.chain li.on{opacity:.55}.chain li.current{opacity:1;border-left-color:var(--accent)}.chain .n{color:var(--dim);grid-row:span 2;padding-top:.2rem;font-size:.8rem}.chain .label{color:#fff}.chain .note{color:var(--dim);font-size:.9rem}.pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.term-title{font:600 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 .5rem}.term pre{font:.78rem/1.6 var(--mono);white-space:pre-wrap;margin:0}.term:first-child pre{color:var(--bad)}.term:nth-child(2) pre{color:var(--accent)}.verdict{text-align:center;font:.85rem var(--mono);color:var(--warm);grid-column:1/-1;margin:0}.bucket{grid-column:1/-1;font-size:.85rem}@media (width<=520px){.pair{grid-template-columns:1fr}}.unscored{display:grid}.unscored>*{grid-area:1/1}.zero{gap:.35rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.zero li{border-bottom:1px solid var(--line);grid-template-columns:3.2rem 1fr auto;gap:.75rem;padding:.35rem .6rem;display:grid}.zero li span{color:var(--dim)}.zero li b{color:var(--bad)}.stores .bar{grid-template-columns:1fr 1.2fr;align-items:center;gap:1rem;margin:.5rem 0;font-size:.85rem;display:grid}.stores i{width:var(--w);background:var(--accent);color:var(--bg);font:600 .8rem var(--mono);border-radius:3px;padding:.2rem .5rem;font-style:normal;display:block}.timeline{gap:1rem;display:grid}.deploys{grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0;padding:0;font-size:.7rem;list-style:none;display:grid}.deploys li{border:1px solid var(--line);color:var(--dim);border-radius:5px;padding:.3rem .45rem}.deploys li:last-child{border-color:var(--accent);color:var(--accent)}.deploys span{letter-spacing:-.1em;display:block;overflow:hidden}.timeline svg{width:100%;height:auto}.timeline text{fill:var(--dim);font:10px var(--mono)}circle.ph-seq,.legend .ph-seq:before{fill:#5b8def;background:#5b8def}circle.ph-panel,.legend .ph-panel:before{fill:var(--warm);background:var(--warm)}circle.ph-solo,.legend .ph-solo:before{fill:#b48ef0;background:#b48ef0}circle.ph-lanes,.legend .ph-lanes:before{fill:var(--accent);background:var(--accent)}.legend{font:.75rem var(--mono);color:var(--dim);gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.legend li:before{content:"";border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.flags ol{gap:.25rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.flags li{border-bottom:1px solid var(--line);transition-delay:calc(var(--i) * 40ms);grid-template-columns:3rem 1fr;gap:0 .75rem;padding:.3rem 0;display:grid}.flags .id{color:var(--accent);grid-row:span 2}.flags .f{color:var(--dim);word-break:break-all;font-size:.72rem}.climb{margin:0 0 1rem;font-size:2rem}.climb b{color:var(--accent)}footer{border-top:1px solid var(--line);padding:3rem var(--gutter);max-width:var(--max);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;font-size:.85rem;display:flex}footer p{max-width:60ch;margin:0}.present-toggle{font:.8rem var(--mono);color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem .9rem}.present-toggle:hover{border-color:var(--accent)}html.present{scroll-snap-type:y mandatory}html.present [data-present]{scroll-snap-align:center;min-height:100vh}html.present body{font-size:22px}html.present .step{opacity:1}.resume{margin:0;font-size:.8rem}.act--wide{grid-template-columns:minmax(0,.68fr) minmax(0,2fr);max-width:1800px}.act--wide .graphic-inner{max-width:1250px}.act--wide .graphic{padding-inline:2vw var(--gutter)}.ag svg{width:100%;height:auto;max-height:82vh;display:block}.ag-edge{fill:none;stroke:#3a4552;stroke-width:1.4px}.ag-flag-edge{stroke-dasharray:3 4}.ag-node rect{fill:var(--panel);stroke:var(--line);stroke-width:1.2px}.ag-node.sev-critical rect{stroke:color-mix(in srgb, var(--bad) 55%, var(--line))}.ag-node.sev-high rect{stroke:color-mix(in srgb, var(--warm) 45%, var(--line))}.ag-node.root rect{fill:#1a2129;stroke:var(--dim)}.ag-flag rect{fill:color-mix(in srgb, var(--accent) 12%, var(--bg));stroke:color-mix(in srgb, var(--accent) 60%, var(--bg))}.ag-none rect{fill:none;stroke:var(--bad);stroke-dasharray:4 3}.ag-none text{fill:var(--bad)!important}.ag-label{font:600 11.5px var(--sans);fill:var(--text)}.ag-sub{font:9px var(--mono);fill:var(--dim)}.ag-flag .ag-label{font:10.5px var(--mono);fill:var(--accent)}.ag-num{font-weight:600}.ag-el{transition:opacity .45s var(--ease), stroke .3s}.ag[data-focus]:not([data-focus=all]) .ag-el:not(.lit){opacity:.12}.ag[data-focus]:not([data-focus=all]) .ag-edge.lit{stroke:var(--accent)}.ag.tracing .ag-el:not(.trace){opacity:.1!important}.ag.tracing .ag-el.trace{opacity:1!important}.ag.tracing .ag-edge.trace{stroke:var(--warm);stroke-width:2px}.ag-node,.ag-flag[data-id]{cursor:default}.graphic:has(.ag){pointer-events:auto}.ag-detail{min-height:1.6em;color:var(--warm);margin:.6rem 0 0;font-size:.8rem}.ag-mobile{display:none}@media (width<=860px){.act--wide .graphic-inner{max-width:none}.ag svg,.ag-detail{display:none}.ag-mobile{display:grid}.ag-mobile>ol{columns:2;grid-area:1/1;column-gap:1rem;margin:0;padding:0;font-size:.8rem;list-style:none}.ag-mobile li{break-inside:avoid;border-bottom:1px solid var(--line);padding:.3rem 0}.ag-mobile b{font-family:var(--mono);color:var(--accent);margin-right:.3rem}}.ag-store{font-family:var(--sans);fill:var(--text)}