:root {
  color-scheme: dark;
  --bg: #0a1119;
  --surface: #101d29;
  --surface-2: #142533;
  --surface-3: #192c3a;
  --edge: #29404a;
  --text: #e8f2ee;
  --muted: #a3b7b5;
  --soft: #728f91;
  --mint: #b2f08b;
  --cyan: #89cfda;
  --amber: #e7b277;
  --rose: #e39d9b;
  --radius: 14px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font: 16px/1.68 system-ui, -apple-system, "Segoe UI", sans-serif; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .25;
  background-image: linear-gradient(#1a2e32 1px, transparent 1px), linear-gradient(90deg,#1a2e32 1px, transparent 1px);
  background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
::selection { background: #b2f08b; color: #071014; }
a { color: var(--cyan); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 4px; }
:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; }
.skip-link { position: absolute; left: 16px; top: -120px; background:var(--mint);color: #0a1119; padding: 8px 14px;z-index:100; }
.skip-link:focus { top: 10px; }
.site-shell { width: min(1170px, calc(100% - 64px)); margin: 0 auto; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:25px 0; border-bottom:1px solid var(--edge); }
.brand { display:flex; align-items:center; gap:13px; color:var(--text); flex-shrink:0; }
.brand:hover { text-decoration:none; }
.brand-glyph { display:flex; width:55px;height:55px; align-items:center;justify-content:center; border:1px solid #638c73; border-radius:12px; background:#1a3028; color:#eef9e8; font:800 18px/.95 ui-monospace, "Consolas",monospace; letter-spacing:-.14em; }
.brand-glyph span { color:var(--mint); }
.brand-glyph .brand-dot{color:var(--amber)}
.brand-name { display:flex;flex-direction:column; font-size:19px;font-weight:800;letter-spacing:-.045em;line-height:1.13; }
.brand-name>span { color:var(--mint); display:inline; }
.brand-name small { font:500 9px/1.9 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.1em; color:var(--soft); }
.site-nav { display:flex; flex-wrap:wrap;align-items:center;justify-content:flex-end; gap:7px 14px; }
.site-nav a { padding:7px 9px; color:#c3d7d4; font:650 12px/1.4 ui-monospace,"Consolas",monospace; border-radius:7px; }
.site-nav a:hover,.site-nav a[aria-current="page"] { text-decoration:none; color:var(--mint); background:#21342d; }
main { min-height:70vh; }
.eyebrow,.eyebrow a,.kicker{ display:flex;align-items:center; gap:11px; font:700 11px/1.6 ui-monospace,"Consolas",monospace; text-transform:uppercase;letter-spacing:.14em;color:var(--mint); }
.signal-dot { width:7px;height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 5px rgba(178,240,139,.09);flex-shrink:0; }
.hero { position:relative; display:grid;grid-template-columns:1.55fr 1fr; gap:48px;align-items:center; padding:105px 0 85px; }
.hero h1 { font-size:clamp(44px,5.1vw,78px);letter-spacing:-.066em;line-height:1.04;max-width:800px;margin:22px 0 23px;font-weight:780; }
.hero h1 em,.highlight { font-style:normal;color:var(--mint); }
.hero p.lead { font-size:clamp(17px,1.55vw,21px);max-width:620px;color:#b6c9c5;line-height:1.55;margin:0 0 31px; }
.hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button { display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #607c71;border-radius:9px; padding:12px 18px; color:var(--text);font:750 13px/1.4 ui-monospace,"Consolas",monospace; }
.button:hover {text-decoration:none; transform:translateY(-1px);}
.button.primary { background:var(--mint); color:#0e211a;border-color:var(--mint); }
.button.secondary { background:#152c2b; }
.instrument{position:relative; border:1px solid #386052; border-radius:16px; padding:20px; background:linear-gradient(160deg,#16332f,#101c29 60%,#142837);box-shadow:0 28px 80px #030a0f80;}
.instrument-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;color:#b3c4ba;font:650 10px ui-monospace,monospace;letter-spacing:.11em;}
.indicator{display:inline-flex;gap:6px;align-items:center;}.indicator:before{content:'';width:7px;height:7px;background:var(--mint);border-radius:50%;}
.board-visual{border:1px solid #4a6557;border-radius:7px;padding:16px 11px;background:#d4d7c1;color:#33473e;transform:rotate(-2.5deg);box-shadow:0 9px 0 #07110e8c;}
.board-label{font:700 10px ui-monospace,monospace;letter-spacing:.14em;text-align:center;margin-bottom:11px;}
.board-rail{display:flex;justify-content:space-around;gap:3px;border-top:2px solid #bd7167;border-bottom:1px solid #bd7167;padding:6px 0;}
.board-rail.blue{border-color:#6d8a9b;margin-top:8px}
.board-rail i,.board-strip i{background:#4b5650;border-radius:50%;width:5px;height:5px;box-shadow:inset 0 1px 1px #0007}
.board-grid{display:grid;grid-template-columns:repeat(28,1fr);gap:7px 3px;padding:10px 2px 3px}.board-grid i{width:5px;height:5px;border-radius:50%;background:#53675e;justify-self:center}.board-grid i.hot{background:#a95a44;box-shadow:0 0 0 3px #b97a4a44}.board-grid i.power{background:#4a9b6f;box-shadow:0 0 0 3px #56a87b44}
.instrument-bottom{display:flex;justify-content:space-between;gap:15px;color:#a8b8b1;font:550 10px/1.55 ui-monospace,monospace;margin-top:20px}
.instrument-bottom strong{color:var(--mint)}
.block{border-top:1px solid var(--edge);padding:63px 0 69px;}.block h2{font-size:clamp(28px,3.3vw,43px);letter-spacing:-.05em;line-height:1.15;margin:10px 0 18px;max-width:800px}.block>p{color:var(--muted);max-width:870px;font-size:17px}.kicker{margin:0 0 12px;color:var(--cyan)}
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.tile{background:#101f2b;border:1px solid var(--edge);padding:24px;border-radius:var(--radius)}.tile .tile-code{font:700 11px ui-monospace,monospace;color:var(--mint)}.tile h3{font-size:20px;letter-spacing:-.04em;margin:15px 0 7px}.tile p{font-size:14px;color:var(--muted);margin:0}
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:25px 0}.pipeline .node{border:1px solid var(--edge);background:#132532;border-radius:12px;padding:19px 15px;min-height:137px}.node strong{display:block;font:750 16px/1.4 ui-monospace,monospace;color:var(--text)}.node small{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}.pipeline .node.hot{background:#21392d;border-color:#5d956c}.pipeline .node.hot strong{color:var(--mint)}
.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;background:#11212e;border:1px solid var(--edge);border-radius:10px;padding:15px 18px}.status-row strong{font-size:14px;line-height:1.5}.pill{font:750 10px/1.3 ui-monospace,monospace;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em;border-radius:99px;padding:5px 9px;color:#0d1d19;background:#a6dcb1}.pill.experimental{background:#f3ca89}.pill.pending{color:#e8d9d8;background:#563b48}.pill.partial{background:#b6caee}
.small-note{font-size:13px!important;color:var(--soft)!important}.linkline{margin:21px 0 0;font-weight:650}.section-end{margin-top:28px}
.page-heading{padding:76px 0 43px;border-bottom:1px solid var(--edge)}.page-heading h1{font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-.063em;max-width:970px;margin:18px 0}.page-deck{font-size:20px;max-width:900px;color:var(--muted);line-height:1.55;margin:20px 0 0}
.prose{max-width:920px;padding:35px 0 100px;color:#dce8e3}.prose h2{font-size:28px;letter-spacing:-.045em;line-height:1.2;margin:52px 0 18px;color:var(--text)}.prose h3{font-size:21px;letter-spacing:-.03em;line-height:1.35;margin:32px 0 13px;color:var(--mint)}.prose p{margin:14px 0 19px}.prose p, .prose li {max-width:880px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:7px 0}.prose strong{color:var(--text)}.prose hr{border:0;border-top:1px solid var(--edge);margin:40px 0}.prose a{color:var(--cyan)}.prose table{display:block;overflow-x:auto;border-collapse:collapse;margin:27px 0 30px;width:100%;font-size:14px}.prose th,.prose td{border-bottom:1px solid var(--edge);padding:13px 15px;text-align:left;vertical-align:top;min-width:140px}.prose th{color:var(--mint);font:750 12px/1.5 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.prose tr:nth-child(even){background:#13233285}.prose blockquote{margin:27px 0;padding:12px 25px;border-left:3px solid var(--mint);background:#142932;color:#c9ddd3;border-radius:0 9px 9px 0}.prose blockquote p{margin:8px 0}.prose pre{background:#0d1924;border:1px solid #2c4951;border-radius:11px;overflow-x:auto;padding:22px 20px;font-size:13px;line-height:1.58}.prose code{background:#22323c;color:#d9f29b;border-radius:4px;padding:2px 5px;font:550 .9em ui-monospace,"Consolas",monospace}.prose pre code{background:transparent;color:#cbe0d7;padding:0;white-space:pre}.prose .callout{padding:21px;border:1px solid #426859;background:#172d2a;border-radius:12px}.prose .callout p:last-child{margin-bottom:0}
.prose .diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:28px 0}.prose .diagram>div{padding:15px;background:#162a31;border:1px solid var(--edge);border-radius:9px;font:650 12px/1.5 ui-monospace,monospace}.prose .diagram .active{background:#234131;border-color:#8cb886;color:var(--mint)}
.site-footer{display:flex;justify-content:space-between;gap:35px;border-top:1px solid var(--edge);padding:31px 0 50px}.footer-brand{color:var(--mint);font:800 19px ui-monospace,monospace}.footer-brand span{color:var(--amber)}.footer-brand strong{color:var(--text);font:750 15px system-ui,sans-serif}.footer-brand:hover{text-decoration:none}.site-footer p{color:var(--soft);font-size:12px;line-height:1.6}.footer-right{max-width:540px;text-align:right}.footer-right a{font-size:13px;margin-left:17px}.footer-right p{margin:10px 0 0}
@media (max-width: 1020px){.site-header{align-items:flex-start;flex-direction:column;gap:17px}.site-nav{justify-content:flex-start}.hero{grid-template-columns:1fr 330px;gap:28px}.tile-grid{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.site-shell{width:min(100% - 36px,1170px)}.hero{grid-template-columns:1fr;padding:70px 0 50px}.instrument{max-width:430px}.tile-grid,.status-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.page-heading{padding:55px 0 32px}.page-deck{font-size:17px}.site-footer{flex-direction:column;gap:15px}.footer-right{text-align:left}.footer-right a{margin:0 19px 0 0}.prose .diagram{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.site-shell{width:calc(100% - 26px)}.brand-name{font-size:17px}.brand-glyph{width:46px;height:46px;font-size:15px}.site-nav{gap:3px 5px}.site-nav a{font-size:11px;padding:6px}.hero h1{font-size:43px}.hero p.lead{font-size:17px}.tile-grid,.pipeline,.prose .diagram{grid-template-columns:1fr}.node{min-height:0!important}.status-row{flex-direction:column}.prose{font-size:15px}.prose pre{font-size:11px}}