/* Legal / policy pages — CDN-cacheable. */
:root{
  --bg:#09090B; --fg:#FAFAFA; --muted:#27272A; --muted-fg:#A1A1AA;
  --accent:#8E7BFF; --border:#3F3F46;
  --font:"Sora","Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.legal-nav{
  border-bottom:1px solid var(--border);
  padding:18px clamp(20px,3vw,40px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.legal-nav .brand img{height:36px;width:auto;display:block}
.legal-nav .nav-links{display:flex;flex-wrap:wrap;gap:16px 22px}
.legal-nav .nav-links a{
  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;
  color:var(--muted-fg);text-decoration:none;
}
.legal-nav .nav-links a:hover,.legal-nav .nav-links a.is-active{color:var(--accent);text-decoration:none}
.legal-wrap{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,3vw,40px) 96px}
.legal-wrap h1{
  text-transform:uppercase;font-weight:700;letter-spacing:-0.03em;line-height:0.95;
  font-size:clamp(2rem,5vw,3rem);margin-bottom:12px;
}
.legal-meta{color:var(--muted-fg);font-size:13px;margin-bottom:28px}
.legal-draft{
  border:1px solid var(--border);background:rgba(142,123,255,.06);
  color:var(--muted-fg);font-size:12px;line-height:1.5;padding:12px 14px;margin-bottom:32px;
}
.legal-wrap h2{
  text-transform:uppercase;font-weight:700;letter-spacing:-0.02em;
  font-size:clamp(1rem,2vw,1.15rem);margin:32px 0 12px;color:var(--fg);
}
.legal-wrap p,.legal-wrap li{color:var(--muted-fg);font-size:15px;margin-bottom:12px}
.legal-wrap ul{padding-left:1.25rem;margin-bottom:12px}
.legal-wrap li{margin-bottom:8px}
.legal-wrap strong{color:var(--fg);font-weight:600}
.legal-foot{
  margin-top:48px;padding-top:24px;border-top:1px solid var(--border);
  font-size:12px;color:var(--muted-fg);
}
.legal-foot a{margin-right:14px}
@media(max-width:640px){
  .legal-nav{flex-direction:column;align-items:flex-start}
}