/* ─────────────── shared styles for /privacy and /terms ─────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --night:#040810; --night-2:#0A0E18;
  --surface:#0E1118; --surface-2:#13161E;
  --line:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.14);
  --pink:#FF3CAC; --gold:#FFD166;
  --text:#EDF0F5; --text-2:#9098A8; --text-3:#4A5260;
  --pad-x:clamp(20px,5vw,52px);
}
html{scroll-behavior:smooth}
body{
  background:var(--night);color:var(--text);
  font-family:'Outfit',system-ui,sans-serif;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--pink);text-decoration:none;border-bottom:1px solid rgba(255,60,172,.3);transition:border-color .2s,color .2s}
a:hover{color:#fff;border-color:#fff}

::selection{background:var(--pink);color:var(--night)}

.grain{
  position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 1, 0 0 0 0 1, 0 0 0 0 1, 0 0 0 .6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")
}

/* ── Nav ── */
header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad-x);
  background:rgba(4,8,16,.85);backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);
}
header .logo{font-size:22px;font-weight:800;letter-spacing:-.04em;color:var(--text);border:none}
header .logo b{color:var(--pink)}
header .back{
  font-family:'DM Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-2);border:none;
}
header .back:hover{color:var(--text)}

/* ── Page ── */
.legal-wrap{
  position:relative;z-index:2;
  max-width:780px;margin:0 auto;
  padding:60px var(--pad-x) 80px;
}
.legal-eyebrow{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--pink);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;
}
.legal-eyebrow::before{content:'';width:24px;height:1px;background:currentColor;opacity:.6}
h1{
  font-size:clamp(40px,6vw,68px);font-weight:800;letter-spacing:-.04em;line-height:1;
  margin-bottom:14px;
}
h1 em{font-family:'Instrument Serif',serif;font-style:italic;color:var(--pink);font-weight:400}
.meta{
  font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-3);margin-bottom:32px;
}
.meta b{color:var(--text-2);font-weight:500}

.lede{
  font-size:18px;line-height:1.7;color:var(--text);
  border-left:2px solid var(--pink);
  padding:6px 0 6px 22px;margin:14px 0 40px;
  background:linear-gradient(90deg,rgba(255,60,172,.06),transparent);
}
.lede strong{color:#fff;font-weight:600}

/* ── TOC ── */
.toc{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:22px 26px;margin-bottom:48px;
}
.toc h3{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-3);font-weight:500;margin-bottom:14px;
}
.toc ol{list-style:none;counter-reset:t;column-count:2;column-gap:24px}
@media(max-width:540px){.toc ol{column-count:1}}
.toc ol li{counter-increment:t;font-size:14px;padding:5px 0;break-inside:avoid}
.toc ol li::before{
  content:counter(t,decimal-leading-zero) ' ';
  font-family:'DM Mono',monospace;color:var(--text-3);margin-right:8px;font-size:11px;letter-spacing:.08em;
}
.toc a{color:var(--text);border:none}
.toc a:hover{color:var(--pink)}

/* ── Sections ── */
section.s{margin-bottom:42px;scroll-margin-top:90px}
section.s h2{
  font-size:24px;font-weight:700;letter-spacing:-.02em;color:#fff;
  margin-bottom:14px;display:flex;align-items:baseline;gap:14px;
}
section.s h2 .num{
  font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.18em;color:var(--pink);
  font-weight:500;flex-shrink:0;
}
section.s h3{
  font-size:15px;font-weight:600;letter-spacing:-.005em;color:#fff;
  margin:18px 0 8px;
}
section.s p{color:var(--text-2);font-size:15.5px;line-height:1.75;margin-bottom:12px}
section.s p strong{color:var(--text);font-weight:600}
section.s ul{margin:8px 0 14px;padding-left:0;list-style:none}
section.s ul li{
  color:var(--text-2);font-size:15px;line-height:1.7;padding:4px 0 4px 22px;position:relative;
}
section.s ul li::before{
  content:'';position:absolute;left:4px;top:.85em;width:6px;height:6px;border-radius:50%;
  background:var(--pink);opacity:.6;
}
section.s ul li strong{color:var(--text);font-weight:600}

/* highlight callout (e.g. "what we DON'T do") */
.callout{
  margin:16px 0;padding:16px 22px;
  background:rgba(46,204,113,.06);border:1px solid rgba(46,204,113,.22);
  border-radius:14px;color:var(--text);font-size:14.5px;
}
.callout b{color:#2ECC71;font-weight:700;letter-spacing:.02em}
.callout.warn{background:rgba(255,209,102,.06);border-color:rgba(255,209,102,.22)}
.callout.warn b{color:var(--gold)}

/* Contact card */
.contact-card{
  margin-top:18px;padding:22px 26px;
  background:linear-gradient(160deg,rgba(255,60,172,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,60,172,.22);
  border-radius:18px;
}
.contact-card .lbl{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--pink);margin-bottom:8px;
}
.contact-card .ln{color:var(--text);font-size:15.5px;line-height:1.7}
.contact-card .ln a{color:#fff;border-color:rgba(255,255,255,.4)}

/* Footer */
footer{
  padding:40px var(--pad-x);border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
  background:var(--night);position:relative;z-index:2;
}
footer .logo{font-size:22px;font-weight:800;letter-spacing:-.04em}
footer .logo b{color:var(--pink)}
.foot-copy{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--text-3)}
.foot-links{display:flex;gap:24px}
.foot-links a{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-3);border:none;
}
.foot-links a:hover{color:var(--text)}