.legal-page { background:#030913; color:#f7fbff; min-height:100%; }
.legal-hero { padding:7.5rem 1.25rem 2.25rem; background:linear-gradient(180deg,#061624 0%,#030913 100%); }
.legal-hero__inner,.legal-layout { width:min(100%,760px); margin-inline:auto; }
.legal-hero h1 { font-size:clamp(2.5rem,12vw,4.75rem); line-height:.98; letter-spacing:-.04em; hyphens:auto; overflow-wrap:anywhere; }
.legal-hero p { margin-top:1rem; color:rgba(247,251,255,.72); font-size:1rem; line-height:1.7; }
.legal-layout { padding:1.5rem 1.25rem 4rem; }
.legal-nav { display:flex; gap:.625rem; overflow-x:auto; padding:.25rem 0 1.5rem; scrollbar-width:none; }
.legal-nav a { flex:0 0 auto; border:1px solid rgba(143,245,255,.2); border-radius:999px; padding:.625rem .875rem; color:rgba(247,251,255,.78); font-size:.75rem; }
.legal-nav a[aria-current="page"] { background:#8ff5ff; color:#04121c; border-color:#8ff5ff; }
.legal-content { font-size:1rem; line-height:1.75; color:rgba(247,251,255,.82); }
.legal-content a { color:#8ff5ff; text-decoration:underline; text-underline-offset:.18em; }
.legal-content a:focus-visible { outline:2px solid #8ff5ff; outline-offset:3px; border-radius:.2rem; }
.legal-content section + section { margin-top:2.5rem; }
.legal-content h2 { margin-bottom:.875rem; color:#fff; font-size:1.6rem; line-height:1.15; }
.legal-content h3 { margin:1.5rem 0 .625rem; color:#8ff5ff; font-size:1.08rem; }
.legal-content p + p,.legal-content ul + p,.legal-content p + ul { margin-top:.875rem; }
.legal-content ul { padding-left:1.25rem; }
.legal-callout { margin-block:1.25rem; padding:1rem; border:1px solid rgba(143,245,255,.24); border-radius:1rem; background:rgba(143,245,255,.06); }
.legal-table-wrap { overflow-x:auto; }
.legal-table { width:100%; border-collapse:collapse; min-width:34rem; }
.legal-table th,.legal-table td { padding:.875rem; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; vertical-align:top; }
.legal-form { display:grid; gap:1rem; }
.legal-form label { display:grid; gap:.45rem; }
.legal-form input,.legal-form textarea { width:100%; border:1px solid rgba(255,255,255,.16); border-radius:.75rem; background:#071522; color:#fff; padding:.875rem 1rem; font:inherit; }
@media (max-width:640px) {
  .legal-hero { padding-top:6.5rem; }
  .legal-layout { padding-inline:1.125rem; }
  .legal-content { font-size:.975rem; line-height:1.72; }
}