/* Legal pages — same system as the landing. White / black / silver. Calm. */
@font-face { font-family:"Space Grotesk"; src:url("../assets/SpaceGrotesk-Variable.woff2") format("woff2"); font-weight:300 700; font-display:swap; }
@font-face { font-family:"Inter"; src:url("../assets/Inter-Variable.woff2") format("woff2"); font-weight:300 600; font-display:swap; }

:root{
  --nadir:#05070A; --surface:#0A0E14;
  --ink:#FFFFFF; --ink-2:#C9D1D9; --ink-3:#8A94A1; --ink-4:#59616C;
  --silver:#E3E8EE;
  --hair:rgba(201,209,217,0.10); --hair-strong:rgba(201,209,217,0.18);
  --font-display:"Space Grotesk",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--font-body); color:var(--ink-2); background:var(--nadir);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:relative; min-height:100vh;
}
body::before{ /* faint depth haze */
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    linear-gradient(180deg, var(--surface), var(--nadir) 70%),
    radial-gradient(60% 30% at 50% -5%, rgba(120,150,185,0.06), transparent 60%);
}
::selection{background:rgba(255,255,255,0.16);color:#fff}
a{color:inherit;text-decoration:none}

.wrap{max-width:760px;margin-inline:auto;padding:clamp(4.5rem,9vw,8rem) clamp(1.4rem,5vw,2rem);
  padding-top:max(4.5rem,env(safe-area-inset-top)); padding-bottom:max(4.5rem,env(safe-area-inset-bottom));}

.back{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-4);font-family:var(--font-display);
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:clamp(3rem,7vw,4.5rem);transition:color .25s}
.back:hover{color:var(--ink-2)}
.back img{width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(255,255,255,0.2))}

h1.legal{font-family:var(--font-display);font-weight:700;color:var(--ink);
  font-size:clamp(2rem,5.5vw,2.9rem);letter-spacing:-0.02em;line-height:1.04;margin-bottom:.9rem}
.updated{color:var(--ink-4);font-size:.84rem;margin-bottom:clamp(2.6rem,5vw,3.5rem)}

.sections{display:flex;flex-direction:column;gap:clamp(2.4rem,5vw,3.2rem)}
.sections h2{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:clamp(1.15rem,2.2vw,1.4rem);
  letter-spacing:-0.01em;margin-bottom:1rem}
.sections p{color:var(--ink-3);line-height:1.7;font-weight:300}
.sections p + p{margin-top:.8rem}
strong{color:var(--ink);font-weight:500}

ul.bare{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:.4rem}
ul.bare li{padding-left:1.1rem;border-left:1px solid var(--hair);color:var(--ink-3);line-height:1.6;font-weight:300}
ul.bare li.key{border-left-color:var(--hair-strong)}

.callout{border-left:2px solid var(--hair-strong);padding:.2rem 0 .2rem 1.2rem;color:var(--ink);font-weight:400;line-height:1.6}

.notice{border:1px solid var(--hair-strong);border-radius:12px;padding:clamp(1.4rem,3vw,1.9rem);
  background:rgba(255,255,255,0.025)}
.notice .tag{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem}
.notice .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 10px rgba(255,255,255,.7)}
.notice p{color:var(--ink-2);line-height:1.7}
.notice.center p{text-align:center;font-family:var(--font-display);letter-spacing:.04em}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.4rem}
.tile{border:1px solid var(--hair);border-radius:10px;padding:1.2rem}
.tile h3{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:.92rem;margin-bottom:.5rem}
.tile p{font-size:.88rem;color:var(--ink-4);line-height:1.55}

.tablewrap{overflow-x:auto;border:1px solid var(--hair);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:520px}
th{text-align:left;padding:.85rem 1rem;font-family:var(--font-display);font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--hair-strong);font-weight:600}
td{padding:.85rem 1rem;color:var(--ink-3);border-bottom:1px solid var(--hair);vertical-align:top;font-weight:300}
tr:last-child td{border-bottom:0}

.rule{height:1px;margin:clamp(3.5rem,8vw,5.5rem) 0;background:linear-gradient(90deg,transparent,var(--hair-strong),transparent)}

.legal-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  margin-top:clamp(3.5rem,7vw,5rem);padding-top:1.8rem;border-top:1px solid var(--hair)}
.legal-foot p{color:var(--ink-4);font-size:.78rem}
.legal-foot a{color:var(--ink-3);font-size:.85rem;transition:color .25s}
.legal-foot a:hover{color:var(--ink)}
a.inline{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ink-4)}
a.inline:hover{text-decoration-color:var(--ink)}

@media (max-width:560px){ .grid2{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }