/* The plain pages: /privacy, /terms and the 404. Same fonts, palette and
   masthead as the board and the landing pages (STYLE in api/pages.js), in one
   file because three static pages would otherwise carry three copies. */
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/fonts/bc-700.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(/fonts/bc-800.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:400;font-display:swap;src:url(/fonts/bsc-400.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:700;font-display:swap;src:url(/fonts/bsc-700.woff2) format("woff2")}
:root{--bg:#080d15;--header:#0d1420;--rail:#0b1119;--card:#0e1626;
--border-strong:#24344c;--border:#1e2b40;
--accent:#8ec8ef;--accent-ink:#08111c;
--text:#e8eef6;--t2:#9fb5cd;--t3:#7c93ae;--t4:#6f86a4;
--cond:"Barlow Condensed","Barlow Semi Condensed",system-ui,sans-serif;--ui:"Barlow Semi Condensed",system-ui,sans-serif}
:root[data-theme="light"]{--bg:#eaf2f9;--header:#fff;--rail:#f6fafd;--card:#fff;
--border-strong:#9bbdd8;--border:#b7d0e4;
--accent:#1f6fb8;--accent-ink:#fff;
--text:#0b1220;--t2:#33475e;--t3:#4a5f76;--t4:#5b7085}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--bg)}
body{margin:0;color:var(--text);font:16px/1.45 var(--ui)}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--t4)}

.masthead{background:var(--header);border-bottom:1px solid var(--border)}
.masthead .wrap{max-width:1040px;display:flex;align-items:center;gap:14px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:16px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.brand img{width:34px;height:34px;border-radius:8px}
.brand b{font-family:var(--cond);font-size:23px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.brand b span{color:var(--accent)}
.pill{margin-left:auto;font-size:13px;font-weight:700;line-height:1;padding:9px 15px;border-radius:999px;
background:var(--accent);color:var(--accent-ink);text-decoration:none;white-space:nowrap}
.pill:hover{filter:brightness(.94)}

.hero{background:linear-gradient(180deg,var(--header),var(--bg));border-bottom:1px solid var(--border)}
.hero .wrap{padding-top:26px;padding-bottom:26px}
h1{font-family:var(--cond);font-size:clamp(34px,5vw,50px);font-weight:800;line-height:1;letter-spacing:-.005em;text-transform:uppercase;margin:10px 0 12px}
.lede{color:var(--t2);font-size:17px;margin:0;max-width:40em}

main .wrap{padding-bottom:calc(50px + env(safe-area-inset-bottom))}
.doc section{margin-top:34px}
.doc h2{font-family:var(--cond);font-size:26px;font-weight:700;line-height:1.1;margin:0 0 8px}
.doc p,.doc li{color:var(--t2);line-height:1.55}
.doc p{margin:0}
.doc p+p{margin-top:10px}
.doc ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.doc b{color:var(--text)}
.doc .short{padding:20px 22px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);text-decoration:none;
font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:8px}
.cta:hover{filter:brightness(.94)}
.cta.out{background:transparent;color:var(--t2);border:1.5px solid var(--border-strong);font-family:var(--ui);font-size:14px;letter-spacing:0;text-transform:none;font-weight:700;padding:9px 16px}
.cta.out:hover{border-color:var(--accent);color:var(--accent);filter:none}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
footer{border-top:1px solid var(--border);margin-top:44px;padding-top:20px;color:var(--t4);font-size:13.5px}
.social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;color:var(--t3)}
.social a:hover{border-color:var(--accent);color:var(--accent)}
.social svg{width:17px;height:17px;fill:currentColor}

@media(max-width:760px){
.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.brand img{width:28px;height:28px}.brand b{font-size:19px;letter-spacing:.04em}
.masthead .wrap{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px;gap:10px}
.hero .wrap{padding-top:18px;padding-bottom:20px}
.lede{font-size:16px}
.doc h2{font-size:23px}
}
@media(max-width:400px){.brand b{font-size:17px}.pill{padding:8px 11px}}