/* Atlas design system (dark).
   Plan: near-black ink (#08090c) with panels (#0e1015), hairline borders (#1f232c), cool white text (#eceef3).
   Two accents only, and they differ by hue, shape and label: MAP = blue circle, MODEL = amber diamond.
   Type: Inter Tight for everything, JetBrains Mono for traces and code. Left aligned, 8px scale.
   Boldness is spent in one place: the two-run trace in the landing hero. Everything else stays quiet. */
:root{
  color-scheme:dark;
  --bg:#08090c;--surface:#0e1015;--surface-2:#151821;--fg:#eceef3;--muted:#9aa1b0;--line:#1f232c;--line-2:#2c313d;
  --accent:#6aa9ff;--accent-fg:#06101f;--accent-soft:#12203a;
  --map:#6aa9ff;--model:#f5b042;--good:#4cd6a0;--bad:#ff7b72;--idle:#6b7385;
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:96px;--r:8px;
  --font:"Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 var(--font);overflow-x:hidden}
h1,h2,h3{line-height:1.12;margin:0;font-weight:600;letter-spacing:-.02em}
a{color:var(--accent)}
code,pre{font-family:var(--mono)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:44px;padding:0 var(--s3);
  border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);color:var(--fg);font:500 15px var(--font);
  text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.btn:hover{border-color:var(--muted);background:var(--surface-2)}
.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}
.btn.primary:hover{background:#fff;border-color:#fff}
.btn:disabled{opacity:.5;cursor:not-allowed}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--s2)}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--fg);text-decoration:none}
.brand svg{width:24px;height:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* step badges: shape plus label, not colour alone */
.badge{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--mono);padding:2px 8px;border-radius:99px;border:1px solid currentColor}
.badge::before{content:"";width:7px;height:7px;background:currentColor}
.badge.map{color:var(--map)}.badge.map::before{border-radius:50%}
.badge.model{color:var(--model)}.badge.model::before{transform:rotate(45deg) scale(.9)}