/* Peeked — legal pages (privacy · terms). Self-contained, matches "Ink & Acid". */
:root{
  --ink:#0B0B0C; --ink-2:#131417; --ink-3:#1D1E22;
  --lime:#C6F24E; --lime-dim:#A6D62F; --cyan:#35E0E0;
  --paper:#F5F5F6; --muted:#9A9BA1;
  --display:'Fraunces',Georgia,serif; --ui:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:#060608; color:var(--paper);
  font-family:var(--ui); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:var(--lime); text-decoration:none}
a:hover{text-decoration:underline}

/* top bar */
.legal-nav{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 22px;
  background:rgba(11,11,12,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{display:inline-flex; align-items:center; gap:10px; color:var(--paper)}
.brand:hover{text-decoration:none}
.brand__eye{width:26px; height:26px; border-radius:50%; object-fit:cover}
.brand__word{font-family:var(--display); font-weight:900; font-size:20px; letter-spacing:-.02em}
.legal-nav .back{color:var(--muted); font-weight:500; font-size:14px}
.legal-nav .back:hover{color:var(--paper); text-decoration:none}

/* document */
.legal{max-width:760px; margin:0 auto; padding:46px 22px 96px}
.legal .eyebrow{
  font-family:var(--ui); font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  font-size:12px; color:var(--cyan); margin:0 0 10px;
}
.legal h1{
  font-family:var(--display); font-weight:900; line-height:.94; letter-spacing:-.03em;
  font-size:clamp(38px,7vw,60px); margin:0 0 8px; color:var(--paper);
}
.legal .updated{color:var(--muted); font-size:14px; margin:0 0 34px}
.legal h2{
  font-family:var(--display); font-weight:800; font-size:24px; letter-spacing:-.01em;
  margin:38px 0 10px; color:var(--lime);
}
.legal h3{font-size:17px; font-weight:700; margin:22px 0 6px; color:var(--paper)}
.legal p, .legal li{color:#D6D7DB}
.legal .lead{font-size:18px; color:var(--paper)}
.legal ul{padding-left:20px; margin:8px 0}
.legal li{margin:6px 0}
.legal strong{color:var(--paper)}
.legal .box{
  background:var(--ink-2); border:1px solid rgba(255,255,255,.07);
  border-radius:14px; padding:16px 18px; margin:16px 0;
}
.legal table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px}
.legal th, .legal td{
  text-align:left; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top;
}
.legal th{color:var(--cyan); font-weight:700; white-space:nowrap}
hr.rule{border:0; border-top:1px solid rgba(255,255,255,.08); margin:40px 0}

/* footer */
.legal-foot{
  border-top:1px solid rgba(255,255,255,.08); padding:26px 22px;
  display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:center;
  color:var(--muted); font-size:14px;
}
.legal-foot a{color:var(--muted)}
.legal-foot a:hover{color:var(--paper); text-decoration:none}