.landing {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: var(--inset-landing-top) var(--space-4) var(--space-6);
  text-align: center;
  color: var(--landing-text);
  background:
    radial-gradient(circle at 22% 24%, var(--landing-glow-warm) 0, transparent 42%),
    radial-gradient(circle at 82% 76%, var(--landing-glow-accent) 0, transparent 48%),
    linear-gradient(180deg, var(--landing-bg-top) 0%, var(--landing-bg-bottom) 100%);
}
.landing-content {
  margin: auto 0;
  max-width: 760px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-landing-grid);
}
.landing-title {
  padding: 0; color: var(--landing-text);
  font-size: var(--text-display);
  font-weight: 600;
  letter-spacing: var(--tracking-display);
  line-height: var(--lh-display);
  text-wrap: balance;
}
.landing-subtitle {
  max-width: 44ch;
  padding: 0;
  font-size: var(--text-lead);
  font-weight: 400;
  line-height: var(--lh-relaxed);
  color: var(--landing-text-muted);
}
.landing-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  margin-top: var(--gap-landing-cta);
}
.landing-btn-primary,
.landing-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  min-height: 52px;
  padding: 0 var(--space-6);
  font: 500 var(--text-base)/var(--lh-tight) var(--font-sans);
  text-decoration: none;
  color: var(--landing-text);
  border-radius: var(--radius-md);
}
.landing-btn-primary { background: var(--color-accent); font-weight: 600; }
.landing-btn-secondary { background: transparent; border: 1px solid var(--landing-line); }
.landing-btn-secondary:hover { background: var(--landing-hover); border-color: var(--landing-line-strong); }
@media (min-width: 769px) {
  .landing-actions { flex-direction: row; justify-content: center; }
  .landing-btn-primary, .landing-btn-secondary { width: auto; min-width: 180px; }
}
.landing-footer { display: flex; gap: var(--space-4); font-size: var(--text-sm); padding-top: var(--space-6); }
.landing-footer a { color: var(--landing-text-subtle); text-decoration: underline; }
.legal-container { max-width: 720px; margin: 0 auto; padding: var(--space-6) var(--space-4) calc(var(--space-6) * 2); }
.legal-nav { margin-bottom: var(--space-6); }
.legal-back { font-size: var(--text-base); color: var(--color-accent-text); text-decoration: none; }
.legal-article h1 { font-size: var(--text-2xl); margin-bottom: var(--space-4); }
.legal-article h2 { font-size: var(--text-lg); margin-top: var(--space-6); margin-bottom: var(--space-2); }
.legal-article h3 { font-size: var(--text-md); margin-top: var(--space-4); margin-bottom: var(--space-2); }
.legal-article p { font-size: var(--text-base); line-height: var(--lh-relaxed); margin-bottom: var(--space-3); }
.legal-article ul, .legal-article ol { margin-left: var(--space-6); margin-bottom: var(--space-3); }
.legal-article li { font-size: var(--text-base); line-height: var(--lh-relaxed); margin-bottom: var(--space-1); }