.legal {
  width: 90%;
  max-width: 780px;
  margin: 0 auto;
  padding: 140px 0 100px;
}

.legal-card {
  background: #0e0e10;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 48px;
  line-height: 1.75;
  color: var(--text-muted);
}

.legal-card h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--text);
  margin-bottom: 12px;
}

.legal-card h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--text);
  margin: 40px 0 12px;
}

.legal-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text);
  margin: 24px 0 8px;
}

.legal-card p,
.legal-card ul { margin-bottom: 14px; }

.legal-card ul { padding-left: 22px; }

.legal-card li { margin-bottom: 4px; }

.legal-card strong { color: var(--text); font-weight: 500; }

.legal-card a:not(.cta-button) {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-decoration: none;
}

.legal-updated {
  font-size: 0.85rem;
  font-family: monospace;
  color: var(--text-faint);
}

.legal-center { text-align: center; }

.legal-center .cta-button { margin-top: 12px; }

@media (max-width: 768px) {
  .legal { padding-top: 130px; }
  .legal-card { padding: 28px 22px; }
  .legal-card h1 { font-size: 2rem; }
}