:root{
  --bg:#070707;
  --bg-2:#101010;
  --card:#151515;
  --card-hair:#1f1f1f;
  --gold:#D4AF37;
  --ink:#f3f1ea;
  --ink-dim:#a3a09a;
  --ink-faint:#6b6862;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
.font-display{font-family:'Inter Tight','Inter',system-ui,sans-serif;}
a{color:var(--gold); text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible, button:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; border-radius:6px; }

header.site-nav{
  position:sticky; top:0; z-index:50;
  background:rgba(7,7,7,0.85);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.nav-inner{
  max-width:960px; margin:0 auto;
  padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between;
}
.brand{ display:flex; align-items:center; gap:10px; font-family:'Inter Tight'; font-weight:700; color:#fff; }
.brand .mark{
  width:30px; height:30px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#f6e6ab,#D4AF37,#8a752c);
  color:#171206; font-size:14px;
}
.gold-text{
  background:linear-gradient(100deg,#f4e2a1 0%, var(--gold) 45%, #a8842a 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.back-link{ font-size:14px; color:var(--ink-dim); }
.back-link:hover{ color:var(--gold); }

main.legal{
  max-width:760px;
  margin:0 auto;
  padding:56px 20px 80px;
}
.legal .eyebrow{
  font-size:12px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold);
  margin:0 0 12px;
}
.legal h1{
  font-family:'Inter Tight'; font-weight:800; font-size:2.2rem; color:#fff;
  margin:0 0 8px; line-height:1.15;
}
.legal .updated{ font-size:13px; color:var(--ink-faint); margin-bottom:40px; }
.legal .card{
  background:var(--card);
  border:1px solid var(--card-hair);
  border-radius:20px;
  padding:32px;
  margin-bottom:20px;
}
.legal h2{
  font-family:'Inter Tight'; font-weight:700; font-size:1.15rem; color:#fff;
  margin:0 0 14px;
  display:flex; align-items:center; gap:10px;
}
.legal h2 .n{
  font-size:12px; color:var(--gold); font-family:'Inter Tight'; font-weight:700;
}
.legal p, .legal li{ font-size:14.5px; color:var(--ink-dim); margin:0 0 12px; }
.legal ul{ padding-left:20px; margin:0 0 12px; }
.legal li{ margin-bottom:8px; }
.legal strong{ color:#e9e6df; }
.legal .placeholder{
  color:var(--gold); font-style:normal; border-bottom:1px dashed rgba(212,175,55,0.5);
}
.legal .disclaimer-box{
  border:1px solid rgba(212,175,55,0.25);
  background:rgba(212,175,55,0.05);
  border-radius:14px;
  padding:20px 24px;
  margin-bottom:20px;
}
.legal .disclaimer-box p{ color:var(--ink-dim); margin:0; }

footer.site-footer{
  border-top:1px solid var(--card-hair);
  background:var(--bg-2);
  padding:32px 20px;
  text-align:center;
}
footer.site-footer p{ font-size:12.5px; color:var(--ink-faint); margin:0; }
footer.site-footer .links{ margin-bottom:10px; }
footer.site-footer .links a{ color:var(--ink-dim); font-size:13px; margin:0 10px; }
footer.site-footer .links a:hover{ color:var(--gold); }
