/* Shared styles for Privacy / Terms */
:root{
  --void:#07080B;
  --slate:#0E1116;
  --edge:#1B2029;
  --ash:#6C7684;
  --bone:#E8EAED;
  --ice:#7FD9E8;
  --ice-deep:#2E7F91;
  --ff-display:'Archivo', system-ui, sans-serif;
  --ff-body:'Inter Tight', system-ui, sans-serif;
  --ff-mono:'JetBrains Mono', ui-monospace, monospace;
  --gut:clamp(20px, 4.5vw, 72px);
  --maxw:720px;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--void);
  color:var(--bone);
  font-family:var(--ff-body);
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--ice); text-decoration:none; }
a:hover{ text-decoration:underline; }
nav{
  position:sticky; top:0; z-index:20;
  display:flex; align-items:center; justify-content:space-between;
  gap:20px;
  padding:18px var(--gut);
  background:rgba(7,8,11,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--edge);
}
.wordmark img{ display:block; height:24px; width:auto; }
.nav-back{
  font-family:var(--ff-display);
  font-size:13px;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--bone);
  opacity:.8;
}
.nav-back:hover{ opacity:1; text-decoration:none; }
main{
  width:min(100%, var(--maxw));
  margin:0 auto;
  padding:48px var(--gut) 80px;
}
h1{
  margin:0 0 12px;
  font-family:var(--ff-display);
  font-size:clamp(1.8rem, 4vw, 2.4rem);
  letter-spacing:-.03em;
  line-height:1.15;
}
.meta{
  margin:0 0 36px;
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ash);
}
h2{
  margin:36px 0 12px;
  font-family:var(--ff-display);
  font-size:1.2rem;
  letter-spacing:-.015em;
}
p, li{ color:#B7BEC8; font-size:15px; }
ul{ padding-left:1.2em; }
li{ margin:6px 0; }
.note{
  margin-top:40px;
  padding:16px 18px;
  border:1px solid var(--edge);
  border-radius:12px;
  background:var(--slate);
  color:var(--ash);
  font-size:13px;
}
footer{
  border-top:1px solid var(--edge);
  padding:28px var(--gut);
  display:flex; flex-wrap:wrap; gap:14px 24px;
  justify-content:space-between;
  font-family:var(--ff-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ash);
}
footer a{ color:var(--ash); }
footer a:hover{ color:var(--ice); text-decoration:none; }
