/* color-scheme tells the browser this UI is already dark. What it verifiably
   buys: native selects, date pickers, scrollbars and autofill backgrounds
   render dark instead of light against a dark page.

   It was originally added believing it explained a reported bug where pages
   went much darker until a refresh. That explanation did NOT hold up — force
   dark inverts lightness, so on a #0d0c0e page it would lighten, not darken,
   and Blink skips pages that are already dark. The line is worth keeping on
   its own merits; the cause of that bug is still open.

   ⚠️ NEVER PREPEND TO THIS FILE. It used to carry a UTF-8 BOM, and inserting
   text above it moved the BOM into the body, where U+FEFF is a valid CSS ident
   character — it fused with the next selector and silently killed that whole
   rule. On landing.css that was the entire design-token :root block. The BOMs
   have been removed; keep these files BOM-free. */
:root { color-scheme: dark; }


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #0a0a0a;
  color: #d0d0d0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  padding: 48px 24px 80px;
}

.legal-container {
  max-width: 680px;
  margin: 0 auto;
}

.back-link {
  display: inline-block;
  color: #555;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 32px;
  transition: color 0.15s;
}

.back-link:hover {
  color: #fff;
}

h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.effective {
  font-size: 13px;
  color: #555;
  margin-bottom: 28px;
}

h2 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-top: 36px;
  margin-bottom: 10px;
}

p {
  margin-bottom: 12px;
  color: #aaa;
}

ul {
  margin: 8px 0 12px 20px;
  color: #aaa;
}

ul li {
  margin-bottom: 6px;
}

a {
  color: #00C805;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}