/* Design tokens (colours, fonts, shadows), dark mode, reset. Change the brand look here. */
:root{
  --bg:#f5f7fb;--surface:#fff;--ink:#0b1b3a;--muted:#56627a;--line:#dfe5f0;
  --brand:#1d4ed8;--brand2:#3b82f6;--accent:#e11d48;--chip:#eaeff9;
  --grad:linear-gradient(135deg,#2563eb,#1e40af);
  --shadow:0 1px 2px rgba(11,27,58,.05),0 10px 30px rgba(11,27,58,.07);
  --ml:34%;
  --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-head:'Space Grotesk','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#07112a;--surface:#0e1c3d;--ink:#e8eefc;--muted:#9fb0d0;--line:#1f2f55;--brand:#7db3ff;--brand2:#60a5fa;--accent:#fb7185;--chip:#16264b;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--ml:74%}
}
:root[data-theme="dark"]{--bg:#07112a;--surface:#0e1c3d;--ink:#e8eefc;--muted:#9fb0d0;--line:#1f2f55;--brand:#7db3ff;--brand2:#60a5fa;--accent:#fb7185;--chip:#16264b;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--ml:74%}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;line-height:1.2}
a{color:var(--brand)}
button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:780px}
.muted{color:var(--muted)}
.small{font-size:14px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}