/* Legal pages and the 404: same tokens as the front door (docs/DESIGN.md). */
:root{
  --canvas:#141518;--panel:#1b1c20;--panel-2:#24262b;--line:#35383e;--line-soft:#2a2c31;
  --ink:#f1ede6;--ink-dim:#b9b6b0;--ink-faint:#95938f;
  --stencil:#a99bf6;--stencil-fill:#8c7ff2;--on-stencil:#14121c;
  --display:'Anton',Impact,'Arial Narrow Bold',sans-serif;
  --ui:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--canvas)}
body{background:var(--canvas);color:var(--ink);font:16px/1.6 var(--ui);-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}
:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--stencil)}

header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;height:64px;padding-inline:24px;
  background:rgba(20,21,24,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
.wordmark{font:26px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.wordmark span{color:var(--stencil)}
header nav{display:flex;gap:4px;margin-left:8px}
header nav a{font:500 13px/1 var(--ui);color:var(--ink-dim);text-decoration:none;padding:12px 10px;border-radius:8px;display:inline-flex;align-items:center;min-height:44px}
header nav a:hover{color:var(--ink);background:rgba(255,255,255,.06)}
header .cta{margin-left:auto}

.cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding-inline:18px;border-radius:999px;
  background:var(--stencil-fill);color:var(--on-stencil);font:600 13px/1 var(--ui);text-decoration:none;white-space:nowrap;transition:background .15s}
.cta:hover{background:#9c90f5;color:var(--on-stencil)}
.btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;height:48px;padding-inline:24px;border-radius:999px;
  background:var(--stencil-fill);color:var(--on-stencil);font:600 14px/1 var(--ui);text-decoration:none}
.btn:hover{background:#9c90f5;color:var(--on-stencil)}

main{width:min(720px,100% - 48px);margin:0 auto;padding:64px 0 96px;flex:1}
main a{color:var(--stencil);text-decoration:underline;text-underline-offset:3px}
main a:hover{color:var(--ink)}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stencil);margin-bottom:14px}
h1{font:400 clamp(2.6rem,6vw,4.5rem)/.96 var(--display);letter-spacing:.005em;text-transform:uppercase;margin-bottom:12px;text-wrap:balance}
.updated{font:500 12px/1 var(--mono);color:var(--ink-faint);margin-bottom:36px}
h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:40px 0 10px;color:var(--ink)}
p,ul,ol{margin-bottom:14px;color:var(--ink-dim)}
li{margin:6px 0 6px 20px}
strong{color:var(--ink);font-weight:600}
.lede{font-size:19px;line-height:1.5;color:var(--ink);margin-bottom:24px}
.box{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:20px 22px;margin:20px 0}
.box p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--line-soft);padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;font-size:13px;color:var(--ink-faint)}
footer nav{display:flex;gap:18px;margin-left:auto}
footer a{color:var(--ink-dim);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
footer a:hover{color:var(--ink)}

@media(max-width:640px){
  header{padding-inline:16px;gap:12px}
  header nav{display:none}
  main{width:min(720px,100% - 32px);padding:40px 0 64px}
  footer{justify-content:center}footer nav{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.cta,.btn{transition:none}}