:root{color-scheme:dark;--bg:#003663;--panel:#0b416d;--ink:#f3f7fb;--muted:#c0d3e2;--line:#477399;--accent:#F7941C;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-underline-offset:.23em}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:5;background:var(--accent);color:var(--bg);padding:.6rem 1rem}.skip:focus{top:1rem}.mast{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1.15rem clamp(1.25rem,5vw,5rem)}.brand{font-family:var(--mono);font-size:1.08rem;font-weight:600;text-decoration:none;white-space:nowrap}.mark{color:var(--accent)}nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);font-family:var(--mono);font-size:.78rem}nav a{text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--accent)}.eyebrow{font:600 .72rem/1.5 var(--mono);letter-spacing:.14em;color:var(--accent)}.indicator{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);margin-right:.55rem}.hero{min-height:670px;display:grid;grid-template-columns:1fr minmax(360px,.86fr);align-items:center;gap:clamp(2rem,5vw,7rem);padding:clamp(4rem,8vw,9rem) clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,#263d27 0,transparent 40%)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.6rem,6vw,7rem);line-height:.99;letter-spacing:-.075em;font-weight:600;margin:2rem 0}.hero h1 em{font-style:normal;color:var(--accent)}.lede{font-size:clamp(1.08rem,1.6vw,1.35rem);color:#c7d3ca;max-width:36rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem;margin:2.5rem 0 1.6rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--accent);color:#111a12;text-decoration:none;padding:.9rem 1.2rem;font:600 .83rem var(--mono);transition:background .2s}.button:hover{background:#efffb6}.quiet-link{font:500 .82rem var(--mono)}.release-note{font:.72rem/1.6 var(--mono);color:var(--muted);max-width:33rem}.terminal{border:1px solid #6a8269;background:#0b120e;box-shadow:18px 18px 0 #24392a;min-width:0;transform:rotate(1deg)}.terminal-bar,.terminal-foot{display:flex;justify-content:space-between;gap:1rem;align-items:center;font:500 .65rem var(--mono);letter-spacing:.08em;color:#b9cab7;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.window-dots{letter-spacing:.15em;color:var(--accent)}.terminal-body{padding:2.2rem clamp(1rem,3vw,2.3rem);font:500 clamp(.72rem,1vw,.92rem)/1.8 var(--mono);min-height:340px;overflow-wrap:anywhere}.terminal-body p{margin:.3rem 0 1.7rem}.prompt{color:var(--accent);margin-right:.8rem}.muted{color:#acbcb0}.terminal-body .path{display:flex;align-items:center;gap:.7rem;color:#e5ebe4}.path span{border:1px solid #405941;padding:.3rem .55rem}.path b{color:var(--accent)}.terminal-body .divider{color:#7f9a84;font-size:.65rem;letter-spacing:.13em;margin:2.5rem 0}.cursor{color:var(--accent)}.terminal-foot{border-top:1px solid var(--line);border-bottom:0}.workflow,.boundary,.closing{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line)}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.section-heading h2,.boundary h2,.closing h2,.docs-index h1{font-size:clamp(2.6rem,4vw,5rem);line-height:1.04;letter-spacing:-.06em;font-weight:600}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.6rem 0;border-top:1px solid var(--line)}.step-number,.boundary-grid span{font:.72rem var(--mono);color:var(--accent)}.steps h3,.boundary-grid h3{font-size:1.35rem;margin:0 0 .5rem}.steps p,.boundary-grid p,.closing p{color:var(--muted);max-width:34rem}.boundary{background:#18231a}.boundary h2{max-width:40rem}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.boundary-grid>div{border-top:1px solid #627761;padding-top:1.25rem}.boundary-grid h3{margin:1.6rem 0 .6rem}.boundary-grid code{font-family:var(--mono);color:var(--accent)}.closing{text-align:center}.closing p{margin:0 auto 2rem}.closing h2{margin-bottom:1.5rem}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem clamp(1.25rem,5vw,5rem);font:.7rem var(--mono);color:var(--muted)}.doc-shell{display:grid;grid-template-columns:240px minmax(0,800px);gap:clamp(2rem,5vw,6rem);padding:4rem clamp(1.25rem,5vw,5rem);min-height:70vh}.doc-nav{display:flex;flex-direction:column;gap:.8rem;font:.8rem var(--mono);border-right:1px solid var(--line)}.doc-nav a{text-decoration:none;color:#c9d7c8}.doc-nav a:hover{color:var(--accent)}.prose{min-width:0}.prose h1{font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-.05em;line-height:1.08}.prose h2{font-size:1.8rem;letter-spacing:-.04em;margin:3rem 0 1rem}.prose p,.prose li{color:#c9d7c8}.prose table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:1.5rem 0}.prose td,.prose th{text-align:left;border-bottom:1px solid var(--line);padding:.7rem 1rem .7rem 0;vertical-align:top;min-width:8rem}.prose th{font:.7rem var(--mono);color:var(--accent)}.prose code,.prose pre{font-family:var(--mono);font-size:.85em}.prose :not(pre)>code{background:#26392a;padding:.14rem .3rem}.prose pre{overflow-x:auto;background:#090f0b;padding:1.3rem;border:1px solid var(--line)}.prose a{color:var(--accent)}.docs-index{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);min-height:70vh}.docs-index>p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.doc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem;max-width:850px}.doc-cards a{display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--line);background:var(--panel);padding:1.6rem;text-decoration:none}.doc-cards a:hover{border-color:var(--accent)}.doc-cards span{font:.7rem var(--mono);color:var(--accent)}.doc-cards strong{font-size:1.5rem;line-height:1.2}
@media(max-width:900px){.hero,.workflow{grid-template-columns:1fr}.hero{min-height:0}.terminal{transform:none;box-shadow:8px 8px 0 #24392a}.boundary-grid{grid-template-columns:1fr}.doc-shell{grid-template-columns:1fr}.doc-nav{border-right:0;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.doc-cards{grid-template-columns:1fr}}
@media(max-width:520px){.mast{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:space-between}.hero h1{font-size:3.5rem}.terminal-body .path{flex-wrap:wrap}.terminal-body{min-height:0}.terminal-foot{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero{background:radial-gradient(circle at 80% 30%,#155484 0,transparent 42%)}
.terminal{background:#052b4a;border-color:#608bb0;box-shadow:18px 18px 0 #124874}
.terminal-body .path{color:var(--ink)}
.path span{border-color:#6389a9}
.terminal-body .divider{color:#b5cce0}
.terminal-bar,.terminal-foot{color:#d5e5f1}
.boundary{background:#082c4b}
.boundary-grid>div{border-color:#6288a6}
.prose p,.prose li,.doc-nav a{color:#d7e5f0}
.prose :not(pre)>code{background:#174e78}
.prose pre{background:#052947}
.button{color:#082a46}
.button:hover{background:#ffb350}
@media(max-width:900px){.terminal{box-shadow:8px 8px 0 #124874}}

/* The v1 landing's orbit/stream rhythm, redrawn in the mbm2 palette. */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-copy,.hero .terminal{position:relative;z-index:1}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.8}
.hero-atmosphere svg{display:block;width:100%;height:100%}
.hero-atmosphere .orbit{transform-origin:910px 330px;fill:none;stroke:#F7941C;stroke-width:1.2;opacity:.42;animation:orbit 30s linear infinite}
.hero-atmosphere .orbit-two{stroke:#95b6d1;opacity:.38;animation-direction:reverse;animation-duration:24s}
.hero-atmosphere .orbit-three{opacity:.3;animation-duration:38s}
.hero-atmosphere .network{fill:none;stroke:#83acc9;stroke-width:1;opacity:.33}
.hero-atmosphere .signals path{stroke:url(#signal);stroke-width:2;animation:signal-flow 6s linear infinite}
.hero-atmosphere .signals path:nth-child(2n){animation-delay:-3s;animation-duration:7s}
.hero-atmosphere .nodes{fill:#F7941C;animation:node-glow 4s ease-in-out infinite}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes signal-flow{from{transform:translateY(-140px)}to{transform:translateY(840px)}}
@keyframes node-glow{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){
  .hero-atmosphere .orbit,.hero-atmosphere .signals path,.hero-atmosphere .nodes{animation:none}
}