.legal-main { min-height: 70vh; background: var(--bg); }
.legal-hero { position: relative; overflow: hidden; padding: 72px 0 60px; background: radial-gradient(circle at 80% 0, rgba(101,229,165,.09), transparent 35%), linear-gradient(180deg,#07131d,#06111a); border-bottom: 1px solid var(--line); }
.legal-hero::after { content:""; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(121,181,200,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(121,181,200,.2) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,black,transparent); }
.legal-hero .shell { position:relative; z-index:1; }
.legal-hero h1 { max-width:800px; margin:0; font-size:clamp(38px,6vw,64px); letter-spacing:-.045em; line-height:1.04; }
.legal-hero p:not(.section-kicker) { max-width:760px; margin:20px 0 0; color:#9eb4bd; font-size:17px; }
.legal-nav { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.legal-nav a { padding:8px 12px; color:#a9c0c9; background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:999px; font-size:11px; font-weight:700; text-decoration:none; }
.legal-nav a[aria-current="page"], .legal-nav a:hover { color:#062219; background:var(--green); border-color:var(--green); }
.legal-section { padding:56px 0 90px; }
.legal-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:28px; align-items:start; }
.legal-toc { position:sticky; top:22px; padding:20px; background:#081721; border:1px solid var(--line); border-radius:15px; }
.legal-toc strong { display:block; margin-bottom:12px; color:#c9d9df; font-size:11px; letter-spacing:.12em; }
.legal-toc a { display:block; padding:7px 0; color:#78939e; border-top:1px solid rgba(151,187,205,.08); font-size:11px; text-decoration:none; }
.legal-toc a:hover { color:var(--green); }
.legal-document { padding:clamp(22px,5vw,46px); background:#0b1a25; border:1px solid var(--line-strong); border-radius:20px; box-shadow:var(--shadow); }
.legal-status { display:flex; align-items:flex-start; gap:12px; margin-bottom:30px; padding:15px 17px; color:#91aeb9; background:rgba(86,214,232,.055); border:1px solid rgba(86,214,232,.14); border-radius:12px; font-size:11px; }
.legal-status svg { flex:0 0 auto; width:20px; height:20px; fill:none; stroke:var(--cyan); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.legal-document section { scroll-margin-top:25px; padding:30px 0; border-top:1px solid var(--line); }
.legal-document section:first-of-type { padding-top:0; border-top:0; }
.legal-document h2 { margin:0 0 13px; color:#eef8fa; font-size:21px; letter-spacing:-.02em; }
.legal-document h3 { margin:22px 0 8px; color:#d6e5e9; font-size:15px; }
.legal-document p, .legal-document li { color:#95aeb8; font-size:13px; }
.legal-document p { margin:0 0 12px; }
.legal-document ul { margin:10px 0 13px; padding-left:20px; }
.legal-document li + li { margin-top:6px; }
.legal-document a { color:var(--green); overflow-wrap:anywhere; }
.legal-document address { padding:18px; color:#c9dce2; background:#07141d; border:1px solid var(--line); border-radius:12px; font-style:normal; line-height:1.8; }
.legal-document address a { text-decoration:none; }
.legal-document .meta { margin-top:28px; color:#637e89; font-size:10px; }
.legal-callout { margin:18px 0; padding:17px 18px; background:rgba(101,229,165,.055); border-left:3px solid var(--green); border-radius:0 11px 11px 0; }
.legal-callout strong { display:block; margin-bottom:5px; color:#bdebd4; font-size:12px; }
.legal-callout p { margin:0; font-size:12px; }
@media(max-width:820px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;display:none}.legal-hero{padding:55px 0 45px}.legal-section{padding:28px 0 65px}}
@media(max-width:620px){.legal-document{padding:22px 17px}.legal-hero p:not(.section-kicker){font-size:15px}.legal-document section{padding:24px 0}}