.legal-page {
  min-height: 100vh;
  color: #edf6ff;
  background:
    radial-gradient(circle at 12% 8%, rgba(47, 194, 255, .1), transparent 28rem),
    radial-gradient(circle at 92% 30%, rgba(110, 91, 255, .1), transparent 28rem),
    #050a14;
}

.legal-hero { padding: 182px 0 66px; }
.legal-container { width: min(900px, calc(100% - 48px)); margin: 0 auto; }
.legal-eyebrow { margin: 0 0 16px; color: #2fc2ff; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.legal-hero h1 { margin: 0; color: #fff; font-size: clamp(3rem, 5vw, 5.5rem); font-weight: 650; letter-spacing: -.05em; line-height: .98; }
.legal-meta { margin: 22px 0 0; color: rgba(226, 239, 255, .58); font-size: 15px; }
.legal-content { padding: 0 0 116px; }
.legal-content__inner { padding: 44px 0 6px; border-top: 1px solid rgba(221, 236, 255, .14); }
.legal-nav { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0 0 54px; }
.legal-nav a { color: rgba(226, 239, 255, .58) !important; font-size: 15px; }
.legal-nav a:hover, .legal-nav a:focus-visible, .legal-nav a[aria-current="page"] { color: #2fc2ff !important; }
.legal-content h2 { margin: 52px 0 16px; color: #fff; font-size: clamp(1.5rem, 2.3vw, 2.05rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.15; }
.legal-content h2:first-of-type { margin-top: 0; }
.legal-content p, .legal-content li { color: rgba(226, 239, 255, .73); font-size: 17px; line-height: 1.72; }
.legal-content p { margin: 0; }
.legal-content p + p { margin-top: 18px; }
.legal-content ul { display: grid; gap: 9px; margin: 20px 0 0; padding-left: 22px; }
.legal-content li::marker { color: #2fc2ff; }
.legal-content strong { color: #edf6ff; font-weight: 650; }
.legal-content a { color: #8be5ff; text-decoration: underline !important; text-decoration-color: rgba(139, 229, 255, .45) !important; text-underline-offset: 3px; }
.legal-content a:hover, .legal-content a:focus-visible { color: #fff; }

@media (max-width: 720px) {
  .legal-hero { padding: 126px 0 44px; }
  .legal-container { width: min(100% - 28px, 900px); }
  .legal-hero h1 { font-size: 42px; }
  .legal-content { padding-bottom: 72px; }
  .legal-content__inner { padding-top: 32px; }
  .legal-nav { margin-bottom: 38px; }
  .legal-content h2 { margin-top: 40px; font-size: 25px; }
  .legal-content p, .legal-content li { font-size: 16px; line-height: 1.65; }
}