:root{
  --navy:#07101F;
  --navy-soft:#0C1828;
  --card:#101C2E;
  --ivory:#F4F0E7;
  --gold:#C9A84C;
  --muted:#8996A7;
  --border:rgba(255,255,255,.09);
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--ivory);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.topbar{border-bottom:1px solid var(--border);background:rgba(7,16,31,.94)}
.topbar-inner,.legal-wrap{width:min(900px,calc(100% - 40px));margin:0 auto}
.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font:21px var(--serif);text-decoration:none}.brand b{color:var(--gold);font-weight:400}
.back{color:var(--gold);font-size:14px;text-underline-offset:4px}
.legal-hero{padding:74px 0 36px}
.eyebrow{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:12px}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.15}
h1{font-size:clamp(40px,7vw,64px);max-width:750px}
.intro{max-width:720px;color:var(--muted);font-size:18px;margin-top:18px}
.status{margin:28px 0 0;padding:16px 18px;border:1px solid rgba(201,168,76,.35);border-radius:12px;background:rgba(201,168,76,.08);color:#D9C584;font-size:14px}
.legal-content{padding:20px 0 80px}
.legal-card{padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--card);margin-top:18px}
.legal-card h2{font-size:27px;margin-bottom:14px}
.legal-card p,.legal-card li{color:var(--muted)}
.legal-card p+p{margin-top:12px}
.legal-card ul{padding-left:20px;margin-top:10px}
.legal-card li+li{margin-top:7px}
.legal-card strong{color:var(--ivory)}
.placeholder{display:inline-block;color:#F0D982;background:rgba(201,168,76,.12);border:1px dashed rgba(201,168,76,.5);border-radius:5px;padding:1px 7px;font-weight:700}
.legal-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:13px}
.footer-inner{width:min(900px,calc(100% - 40px));margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:var(--gold);text-underline-offset:4px}
@media(max-width:640px){
  .topbar-inner{min-height:68px}
  .legal-hero{padding-top:54px}
  .legal-card{padding:23px 20px}
  .footer-inner{flex-direction:column}
}