:root {
  --legal-ink: #f4f1df;
  --legal-muted: #aeb9bc;
  --legal-line: rgba(185, 208, 204, .2);
  --legal-night: #111827;
  --legal-panel: #1b2c3a;
  --legal-teal: #6ed1ca;
  --legal-gold: #ffd15b;
  --legal-orange: #f39a27;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--legal-night); color: var(--legal-ink); font-family: Manrope, sans-serif; }
a { color: inherit; text-decoration: none; }

.legal-shell { width: min(860px, calc(100% - 36px)); margin: 0 auto; }
.legal-header { display: flex; align-items: center; justify-content: space-between; min-height: 82px; border-bottom: 1px solid var(--legal-line); }
.legal-brand { display: inline-flex; align-items: center; gap: 9px; font: 800 13px 'DM Mono', monospace; letter-spacing: .16em; }
.legal-brand img { width: 28px; height: 28px; object-fit: contain; }
.back-link { color: var(--legal-gold); font-size: 12px; font-weight: 800; }
.legal-main { padding: 74px 0 90px; }
.eyebrow { color: var(--legal-teal); font: 800 10px 'DM Mono', monospace; letter-spacing: .17em; }
.legal-main h1 { margin: 14px 0 12px; color: #fff8df; font-size: clamp(35px, 7vw, 56px); letter-spacing: -.06em; line-height: 1; }
.legal-intro { max-width: 610px; margin: 0 0 44px; color: var(--legal-muted); font-size: 15px; line-height: 1.65; }
.legal-card { display: grid; gap: 27px; padding: 28px; border: 2px solid #2f4b57; border-radius: 16px; background: linear-gradient(145deg, rgba(38, 63, 73, .82), rgba(24, 36, 52, .84)); }
.legal-card section + section { padding-top: 26px; border-top: 1px solid var(--legal-line); }
.legal-card h2 { margin: 0 0 9px; color: #fff8df; font-size: 19px; letter-spacing: -.03em; }
.legal-card p, .legal-card li { color: var(--legal-muted); font-size: 13px; line-height: 1.7; }
.legal-card p { margin: 0; }
.legal-card ul { margin: 10px 0 0; padding-left: 19px; }
.legal-note { margin-top: 18px !important; color: #f4c978 !important; font-size: 11px !important; }
.legal-footer { display: flex; gap: 18px; padding: 22px 0 30px; border-top: 1px solid var(--legal-line); color: var(--legal-muted); font: 500 10px 'DM Mono', monospace; }
.legal-footer a:hover { color: var(--legal-gold); }
@media (max-width: 560px) {
  .legal-shell { width: min(100% - 28px, 620px); }
  .legal-header { min-height: 68px; }
  .legal-main { padding: 54px 0 65px; }
  .legal-card { padding: 20px; }
  .legal-footer { flex-wrap: wrap; }
}