.legal-page { min-height: 100vh; background:
  radial-gradient(circle at 85% 8%, rgba(66,232,223,.12), transparent 28%),
  radial-gradient(circle at 8% 45%, rgba(148,102,255,.1), transparent 30%), var(--bg); }
.legal-header { position: static; padding-bottom: 0; }
.legal-header .nav-shell { background: rgba(11,14,22,.92); }
.legal-nav { display: flex; align-items: center; gap: 18px; }
.legal-nav a:not(.button) { color: #aeb4c0; font-size: 10px; font-weight: 800; text-decoration: none; }
.legal-nav a:hover, .legal-nav a:focus-visible { color: #fff; }
.legal-main { width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 88px 0 35px; }
.legal-hero { padding: 30px 0 58px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { max-width: 820px; margin: 0; font-size: clamp(48px, 8vw, 86px); line-height: .92; letter-spacing: -.06em; text-transform: uppercase; }
.legal-hero > p:not(.eyebrow) { max-width: 680px; margin: 24px 0 0; color: var(--muted-strong); font-size: 15px; line-height: 1.7; }
.legal-meta { display: flex; margin-top: 26px; color: #7f8798; flex-wrap: wrap; gap: 10px 22px; font: 800 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.legal-content { padding: 45px 0; }
.legal-content section { padding: 28px 0; border-bottom: 1px solid var(--line); }
.legal-content h2 { margin: 0 0 14px; color: #fff; font-size: 25px; letter-spacing: -.035em; }
.legal-content h3 { margin: 22px 0 9px; color: #d9dde6; font-size: 15px; }
.legal-content p, .legal-content li { color: var(--muted); font-size: 13px; line-height: 1.75; }
.legal-content p { margin: 10px 0; }
.legal-content ul, .legal-content ol { margin: 12px 0; padding-left: 22px; }
.legal-content li + li { margin-top: 7px; }
.legal-content a { color: var(--cyan); text-underline-offset: 3px; }
.legal-callout { margin: 24px 0; padding: 20px 22px; border: 1px solid rgba(66,232,223,.25); border-radius: 18px; background: rgba(66,232,223,.055); }
.legal-callout strong { color: #fff; }
.legal-table { width: 100%; margin: 18px 0; border-collapse: collapse; }
.legal-table th, .legal-table td { padding: 13px; border: 1px solid var(--line); color: var(--muted); text-align: left; vertical-align: top; font-size: 12px; line-height: 1.6; }
.legal-table th { color: #fff; background: rgba(255,255,255,.035); }
.contact-card { display: grid; margin: 22px 0; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.035); gap: 8px; }
.contact-card strong { color: #fff; font-size: 17px; }
.contact-card address { color: var(--muted-strong); font-size: 12px; font-style: normal; line-height: 1.65; }
.contact-card span { color: var(--muted); font-size: 12px; }
.contact-card a { width: fit-content; color: var(--cyan); font-size: 14px; font-weight: 850; }
@media (max-width: 760px) {
  .legal-header .nav-shell { align-items: flex-start; flex-direction: column; padding: 16px; }
  .legal-nav { width: 100%; justify-content: space-between; gap: 10px; }
  .legal-main { width: calc(100% - 28px); padding-top: 55px; }
  .legal-hero h1 { font-size: clamp(43px, 14vw, 64px); }
  .legal-table, .legal-table tbody, .legal-table tr, .legal-table th, .legal-table td { display: block; }
  .legal-table th { border-bottom: 0; }
}
