.legalpage{background:var(--bg)}
.lhero{background:radial-gradient(100% 140% at 70% 0%,#123049,var(--space) 65%);color:#fff;padding:140px 0 56px}
.lhero h1{font-family:var(--f-d);font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;margin:0 0 10px;letter-spacing:-.03em}
.lupd{color:#b9d3df;margin:0}
.lmain{padding:56px 0 96px}
.legal-doc{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.legal-toc{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.legal-toc h4{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.legal-toc a{display:block;text-decoration:none;font-size:.9rem;padding:5px 0;color:var(--ink)}
.legal-toc a:hover{color:var(--cyan-d)}
.legal-body,.legal-doc>div:last-child{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px;max-width:820px}
.legal-doc h2{font-family:var(--f-d);font-size:1.4rem;margin:28px 0 8px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc h3{font-size:1.05rem;margin:20px 0 6px}
.legal-doc p,.legal-doc li{color:#36424d;max-width:72ch}
@media (max-width:820px){.legal-doc{grid-template-columns:1fr}.legal-toc{position:static}.legal-body,.legal-doc>div:last-child{padding:22px}}