.legal-page { min-height: 100vh; display: flex; flex-direction: column; }
.legal-header { border-bottom: 1px solid var(--line); }
.legal-nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-back { color: #7050d1; font-size: 13px; font-weight: 700; }
.legal-main { flex: 1; padding: 68px 0 84px; background: linear-gradient(180deg, #fbf9ff 0, #fff 250px); }
.legal-content { max-width: 820px; }
.legal-content > .eyebrow { margin-bottom: 13px; }
.legal-content h1 { margin: 0 0 14px; font-size: clamp(38px, 6vw, 56px); font-weight: 800; line-height: 1.12; letter-spacing: -2px; }
.legal-updated { margin: 0 0 32px; color: var(--muted); font-size: 12px; }
.legal-notice { margin: 0 0 32px; padding: 17px 19px; color: #564932; background: #fff8e9; border: 1px solid #f1e2bb; border-radius: 12px; font-size: 13px; line-height: 1.7; }
.legal-notice strong { color: #3a3020; }
.legal-content > p:not(.eyebrow, .legal-updated), .legal-content li { color: #625e6d; font-size: 14px; line-height: 1.8; }
.legal-content > p:not(.eyebrow, .legal-updated) { margin: 0 0 17px; }
.legal-content h2 { margin: 34px 0 10px; font-size: 21px; font-weight: 800; letter-spacing: -.5px; }
.legal-content h3 { margin: 21px 0 7px; font-size: 15px; font-weight: 700; }
.legal-content ul, .legal-content ol { display: grid; gap: 7px; margin: 0 0 17px; padding-left: 22px; }
.legal-content a:not(.brand, .button) { color: #704bdb; text-decoration: underline; text-underline-offset: 3px; }
.legal-footer { padding: 22px 0; background: #fbfafc; border-top: 1px solid #f0edf3; }
.legal-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; color: #898493; font-size: 11px; }
.legal-footer-links { display: flex; flex-wrap: wrap; gap: 17px; }
.legal-footer-links a:hover { color: var(--purple); }
@media (max-width: 600px) {
  .legal-main { padding: 45px 0 60px; }
  .legal-content h1 { letter-spacing: -1.5px; }
  .legal-content > p:not(.eyebrow, .legal-updated), .legal-content li { font-size: 13px; }
  .legal-footer-inner { align-items: flex-start; flex-direction: column; }
}