.legal-page { background: white; }
.legal-header { color: white; background: var(--navy-950); border-bottom: 1px solid rgba(255,255,255,.12); }
.legal-header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.legal-back { color: rgba(255,255,255,.66); font-size: 13px; font-weight: 700; }
.legal-back span { margin-left: 8px; color: var(--teal); }
.legal-hero { color: white; background: radial-gradient(circle at 85% 20%, rgba(67,192,176,.18), transparent 30%), var(--navy-900); }
.legal-hero-inner { padding-block: 85px 78px; }
.legal-hero .section-tag { margin-bottom: 24px; }
.legal-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(42px, 5.4vw, 76px); line-height: 1.02; letter-spacing: -.045em; text-transform: uppercase; }
.legal-hero-inner > p:last-child { max-width: 800px; margin: 25px 0 0; color: rgba(255,255,255,.64); font-size: 18px; line-height: 1.6; }
.legal-document { max-width: 900px; padding-block: 78px 110px; }
.legal-meta { margin: 0 0 60px; padding: 22px 24px; border: 1px solid var(--line); background: var(--paper); }
.legal-meta div { display: grid; grid-template-columns: 110px 1fr; gap: 20px; }
.legal-meta div + div { margin-top: 9px; }
.legal-meta dt { color: var(--navy-900); font-weight: 750; }
.legal-meta dd { margin: 0; color: var(--slate-700); }
.legal-document h2 { margin: 51px 0 17px; color: var(--navy-900); font-size: clamp(25px, 2.6vw, 34px); line-height: 1.18; letter-spacing: -.025em; }
.legal-document p { margin: 0 0 18px; color: #334a58; font-size: 17px; line-height: 1.78; }
.legal-document ul { margin: 0 0 22px; padding-left: 25px; }
.legal-document li { margin-bottom: 9px; padding-left: 5px; color: #334a58; font-size: 17px; line-height: 1.68; }
.legal-document a { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.legal-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 18px; color: rgba(255,255,255,.52); font-size: 12px; }
.legal-footer nav a:hover { color: var(--teal-soft); }

@media (max-width: 820px) {
  .legal-header-inner { min-height: 76px; }
  .legal-hero-inner { padding-block: 64px 59px; }
  .legal-document { padding-block: 58px 80px; }
}

@media (max-width: 560px) {
  .legal-back { font-size: 0; }
  .legal-back span { margin: 0; font-size: 20px; }
  .legal-hero h1 { font-size: 38px; }
  .legal-hero-inner > p:last-child, .legal-document p, .legal-document li { font-size: 16px; }
  .legal-meta { padding: 17px; }
  .legal-meta div { grid-template-columns: 1fr; gap: 1px; }
  .legal-meta div + div { margin-top: 13px; }
}