:root{--ink:#05080D;--navy:#021526;--deep:#041B2E;--teal:#024059;--mid:#3F768C;--pale:#C9E7F2;--white:#FFFFFF;--line:rgba(201,231,242,.12);--line2:rgba(201,231,242,.22);--muted:#86A9BA;--soft:rgba(201,231,242,.06);--sans:"Josefin Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Cardo,Georgia,"Times New Roman",serif;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink)}body{margin:0;color:var(--pale);font-family:var(--serif);font-size:17px;line-height:1.6;padding-block:0;padding-inline:clamp(16px,4vw,56px);background:radial-gradient(1200px 600px at 78% -10%,rgba(63,118,140,.28),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(2,64,89,.35),transparent 60%),var(--ink)}.wrap{max-width:1280px;margin:0 auto}h1,h2,h3,.sans{font-family:var(--sans)}h1,h2,h3{color:var(--white);margin:0;text-wrap:balance}.kicker{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.kicker b{color:var(--pale);font-weight:600}.top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.top .me{color:var(--white);font-weight:600}.top .tag{display:inline-flex;align-items:center;gap:8px}.top .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pale);box-shadow:0 0 12px var(--pale)}.hero{padding-block:clamp(48px,8vw,96px) 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.hero h1{font-weight:300;font-size:clamp(38px,5.6vw,76px);line-height:1.02;letter-spacing:-.01em;max-width:16ch}.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--pale)}.hero p{max-width:60ch;font-size:clamp(18px,1.6vw,21px);margin:0;color:var(--pale);opacity:.92}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.stat{padding:22px 22px 20px 0}.stat + .stat{padding-left:22px;border-left:1px solid var(--line)}.stat .n{font-family:var(--sans);font-weight:300;font-size:clamp(34px,4vw,52px);color:var(--white);line-height:1;font-variant-numeric:tabular-nums}.stat .l{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:10px}@media (max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}section{padding-block:clamp(48px,6vw,80px) 0}.shead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end;margin-bottom:26px}.shead h2{font-weight:300;font-size:clamp(28px,3vw,40px);line-height:1.1;margin-top:10px}.shead p{margin:10px 0 0;max-width:62ch;color:var(--pale);opacity:.85}@media (max-width:820px){.shead{grid-template-columns:1fr}}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:4px;gap:2px;background:rgba(2,21,38,.6);backdrop-filter:blur(6px)}.seg button{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pale);background:transparent;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .2s,color .2s}.seg button:hover{background:var(--soft);color:var(--white)}.seg button.on{background:var(--pale);color:var(--navy)}.seg button:focus-visible{outline:2px solid var(--pale);outline-offset:2px}.stage{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(4,27,46,.92),rgba(2,21,38,.92));box-shadow:0 40px 120px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(201,231,242,.06);overflow:hidden}.stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(201,231,242,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.scroll{overflow-x:auto;position:relative}svg.pipe{display:block;width:100%;min-width:980px;height:auto}svg text{font-family:var(--sans)}.ln{fill:none;stroke:rgba(201,231,242,.18);stroke-width:1.4}.ln.gate{stroke:rgba(255,255,255,.35);stroke-dasharray:2 5}.ln.data{stroke:rgba(63,118,140,.7)}.ln.loop{stroke:rgba(201,231,242,.28);stroke-dasharray:1 7;stroke-linecap:round;stroke-width:2}.lane-l{fill:var(--muted);font-size:11px;letter-spacing:.24em;font-weight:600}.lane-r{stroke:var(--line);stroke-width:1}.spk{fill:var(--white)}.spk.d{fill:var(--pale)}.node rect.b{fill:#06263D;stroke:rgba(201,231,242,.22);stroke-width:1;transition:fill .35s,stroke .35s}.node .t{fill:var(--white);font-size:14px;font-weight:600;letter-spacing:.01em}.node .s{fill:var(--muted);font-size:12px;font-weight:400;letter-spacing:.02em}.node .i{fill:var(--mid);font-size:11px;font-weight:600;letter-spacing:.2em}.node{cursor:pointer}.node:hover rect.b{stroke:rgba(201,231,242,.55)}.node.done rect.b{stroke:rgba(201,231,242,.4)}.node.done .i{fill:var(--pale)}.node.active rect.b{fill:#0B3A57;stroke:var(--white);stroke-width:1.4}.node.active .glow{opacity:1}.glow{opacity:0;transition:opacity .4s}.gatep rect{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.55);stroke-width:1}.gatep text{fill:var(--white);font-size:11px;font-weight:600;letter-spacing:.18em}.gatep.hot rect{fill:rgba(255,255,255,.14);stroke:var(--white)}.sys rect{fill:rgba(2,21,38,.85);stroke:rgba(201,231,242,.14)}.sys .t{fill:var(--pale);font-size:12.5px;font-weight:600}.sys .s{fill:var(--muted);font-size:11px}.sys.hot rect{stroke:rgba(201,231,242,.5)}.rec rect{fill:rgba(63,118,140,.12);stroke:rgba(63,118,140,.7)}.rec .t{fill:var(--white);font-size:12px;font-weight:600;letter-spacing:.24em}.rec .f{fill:var(--pale);font-size:12px;letter-spacing:.04em}.slot{fill:rgba(201,231,242,.08);stroke:rgba(201,231,242,.18)}.slot.on{fill:var(--pale);stroke:var(--pale)}.loopbox rect{fill:rgba(2,21,38,.95);stroke:rgba(201,231,242,.35)}.loopbox .t{fill:var(--white);font-size:13px;font-weight:600}.loopbox .s{fill:var(--muted);font-size:11.5px}.badge rect{fill:var(--white)}.badge text{fill:var(--navy);font-size:11px;font-weight:600;letter-spacing:.08em}.ring{fill:none;stroke:var(--white);stroke-width:1.5;opacity:0}.ring.go{animation:ring 1s ease-out 1}@keyframes ring{0%{opacity:.8;r:8}100%{opacity:0;r:34}}.legend{display:flex;flex-wrap:wrap;gap:22px;padding:16px 22px;border-top:1px solid var(--line);font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);position:relative}.legend i{display:inline-block;width:22px;height:0;border-top:1.5px solid rgba(201,231,242,.4);margin-right:10px;vertical-align:middle}.legend .g i{border-top:1.5px dotted #fff}.legend .d i{border-top-color:var(--mid)}.legend .a i{border-top:2px dotted var(--pale)}@media (prefers-reduced-motion:reduce){.spk{display:none}}.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;margin-top:20px;align-items:start}@media (max-width:960px){.duo{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:18px;background:rgba(4,27,46,.72);padding:clamp(20px,2.4vw,30px)}.detail{position:sticky;top:20px}.detail h3{font-weight:300;font-size:30px;line-height:1.1;margin:10px 0 12px}.detail .lead{margin:0 0 18px;font-size:18px;color:var(--pale)}.kv{display:grid;grid-template-columns:112px minmax(0,1fr);border-top:1px solid var(--line)}.kv dt,.kv dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}.kv dt{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:15px}.kv dd{font-size:16px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--white);background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:1px 6px;white-space:nowrap}.tag{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--pale);border:1px solid var(--line2);border-radius:999px;padding:4px 10px;margin:0 6px 6px 0}.tag small{color:var(--muted);font-size:10px;letter-spacing:.14em;margin-right:6px}.board h3{font-weight:300;font-size:26px;margin:10px 0 6px}.board .sub{margin:0 0 16px;color:var(--muted);font-size:15px}.rows{display:grid}.row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 128px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line);transition:background .3s}.row.hot{background:linear-gradient(90deg,rgba(201,231,242,.07),transparent)}.row .id{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--white)}.row .tt{font-size:15px;color:var(--pale);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .ch{font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.04em}.row .own{font-size:14px;color:var(--pale)}.track{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:8px}.track i{height:3px;border-radius:2px;background:rgba(201,231,242,.12)}.track i.f{background:var(--mid)}.track i.c{background:var(--white)}.pill{justify-self:start;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 11px;background:rgba(63,118,140,.3);color:var(--white);border:1px solid transparent;white-space:nowrap}.pill.gate{background:transparent;border-color:rgba(255,255,255,.6)}