/* Shared look for the secondary pages (privacy, terms, 404). Tokens match index.html. */
:root{--night:#05081A;--n-ink:#F2F4FF;--n-muted:#9AA4CC;--n-line:rgb(255 255 255 / .09);--paper:#F6F7FB;--paper-2:#FFFFFF;--ink:#0B1030;--muted:#5A6386;--line:#E3E6F0;--blue-ink:#3F5FF2;--glow:#7C93FF;--red:#E0262F;
  --f-display:"Archivo","Manrope",system-ui,sans-serif;--f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--gut:clamp(18px,3.4vw,48px);color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--blue-ink)}
:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:6px}
.wrap{max-width:1320px;margin:0 auto;padding:0 max(var(--gut),env(safe-area-inset-left,0px))}
.top{background:var(--night);color:var(--n-ink);border-bottom:1px solid var(--n-line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}
.logoplate{background:#fff;border-radius:11px;padding:8px 12px;display:inline-flex}
.logoplate img{height:22px;width:auto;display:block}
.back{color:var(--n-ink);text-decoration:none;font-weight:700;font-size:14.5px;display:inline-flex;gap:8px;align-items:center;padding:11px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16)}
.back:hover{box-shadow:inset 0 0 0 1px currentColor}
.hero{background:var(--night);color:var(--n-ink);padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,64px);background-image:radial-gradient(800px 400px at 85% 0%,rgb(77 107 255 / .28),transparent 65%)}
.label{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-display);font-stretch:104%;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--glow)}
.label::before{content:"";width:22px;height:1px;background:currentColor;opacity:.6}
h1,h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance}
.hero h1{font-size:clamp(34px,4.4vw,60px);font-stretch:104%;margin-top:18px}
.hero p{color:var(--n-muted);margin:14px 0 0;max-width:62ch}
.doc{padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,112px)}
.doc .wrap{display:grid;grid-template-columns:minmax(0,240px) minmax(0,760px);gap:clamp(28px,5vw,80px)}
.toc{position:sticky;top:24px;align-self:start;display:grid;gap:4px;font-size:14.5px}
.toc a{text-decoration:none;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line)}
.toc a:hover{color:var(--ink)}
.doc h2{font-size:clamp(22px,2vw,28px);font-stretch:104%;margin:40px 0 12px;scroll-margin-top:24px}
.doc h2:first-child{margin-top:0}
.doc p,.doc li{color:#353D5E}
.doc ul{padding-left:20px}
.doc li{margin:6px 0}
.box{background:var(--paper-2);border-radius:20px;padding:22px 24px;box-shadow:inset 0 0 0 1px var(--line);margin-top:28px}
footer{background:var(--night);color:var(--n-muted);font-size:13px;padding:24px 0 calc(24px + env(safe-area-inset-bottom,0px))}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--n-ink);text-decoration:none}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:860px){.doc .wrap{grid-template-columns:minmax(0,1fr)}.toc{position:static}}
@media (max-width:480px){.back span{display:none}.logoplate img{height:20px}}