/* Shared styling for terms.html and privacy.html — same tokens as index.html */
:root{
  --ink:#0A0A0A; --ink-2:#121110; --orange:#FF431E; --gold:#D9B450;
  --paper:#FFFFFF; --smoke:#8F8985;
  --display:"Archivo", system-ui, sans-serif;
  --body:"Archivo", system-ui, sans-serif;
  --gut:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--body);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--orange)}
a:hover{color:var(--paper)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

.topbar{
  position:sticky;top:0;z-index:10;display:flex;align-items:center;
  justify-content:space-between;gap:20px;padding:16px var(--gut);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(10,10,10,.94);backdrop-filter:blur(8px);
}
.topbar img{width:78px;display:block}
.topbar nav{display:flex;gap:20px}
.topbar nav a{
  font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--smoke);text-decoration:none;
}
.topbar nav a:hover,.topbar nav a[aria-current]{color:var(--paper)}

main{max-width:760px;margin:0 auto;padding:clamp(56px,8vw,100px) var(--gut) 100px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
h1{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(34px,6vw,60px);line-height:.96;letter-spacing:-.03em;margin:18px 0 14px;
}
.updated{color:var(--smoke);font-size:13px;margin:0 0 8px}
.intro{color:var(--smoke);font-size:16.5px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:34px;margin-bottom:8px}
h2{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(18px,2vw,23px);letter-spacing:-.01em;line-height:1.2;
  margin:52px 0 14px;padding-top:6px;
}
h2 .num{color:var(--gold);margin-right:12px;font-variant-numeric:tabular-nums}
h3{font-family:var(--display);font-weight:700;font-size:16px;margin:28px 0 8px}
p,li{color:var(--smoke);font-size:15.5px}
strong{color:var(--paper);font-weight:600}
ul{padding-left:20px}
li{margin-bottom:8px}
.callout{
  border-left:2px solid var(--orange);background:var(--ink-2);
  padding:20px 24px;margin:28px 0;
}
.callout p{margin:0;color:var(--paper);font-size:15px}
.contact{border:1px solid rgba(255,255,255,.12);padding:24px 26px;margin-top:44px;background:var(--ink-2)}
.contact p{margin:0}
footer{
  border-top:1px solid rgba(255,255,255,.1);padding:34px var(--gut) 60px;
  color:var(--smoke);font-size:11.5px;max-width:760px;margin:0 auto;
}
@media(max-width:620px){
  .topbar{flex-wrap:wrap}
  h2{margin-top:40px}
}