:root { --legal-night:#111326; --legal-ink:#17182a; --legal-muted:#727485; --legal-line:#d8d7cf; --legal-lime:#d8f56a; --legal-lilac:#aaa2ff; --legal-coral:#ff806f; --legal-paper:#f4f2eb; --legal-white:#fffdf7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--legal-paper); }
body { margin:0; color:var(--legal-ink); background:var(--legal-paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; }
.legal-header { display:flex; align-items:center; justify-content:space-between; min-height:78px; padding:0 max(24px,calc((100% - 1180px) / 2)); color:var(--legal-white); background:var(--legal-night); border-bottom:1px solid rgb(255 255 255 / 14%); }
.legal-brand { display:inline-flex; align-items:center; gap:10px; color:var(--legal-white); font-size:20px; font-weight:850; letter-spacing:-.04em; text-decoration:none; }
.legal-brand img { width:37px; height:37px; object-fit:cover; border:2px solid var(--legal-lime); border-radius:50%; }
.legal-brand small { color:var(--legal-lime); font-size:9px; letter-spacing:.15em; }
.legal-nav { display:flex; gap:20px; }
.legal-nav a { color:#b8bac9; font-size:11px; font-weight:760; text-decoration:none; }
.legal-nav a:hover,.legal-nav a[aria-current="page"] { color:var(--legal-lime); }
.legal-main { width:min(calc(100% - 48px),1000px); margin:auto; padding:58px 0 92px; }
.legal-intro { padding:48px 50px 45px; color:var(--legal-white); background:var(--legal-night); }
.legal-eyebrow { margin:0 0 19px; color:var(--legal-coral); font-size:10px; font-weight:900; letter-spacing:.16em; }
.legal-intro h1 { max-width:760px; margin:0; font-size:clamp(45px,6vw,75px); letter-spacing:-.075em; line-height:.92; }
.legal-intro>p:not(.legal-eyebrow) { max-width:700px; margin:23px 0 0; color:#bfc1cf; font-size:16px; line-height:1.65; }
.legal-meta { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:25px; color:var(--legal-lime); font-size:10px; font-weight:800; }
.legal-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:55px; padding-top:48px; }
.legal-toc { position:sticky; top:24px; align-self:start; display:grid; gap:11px; padding:18px; color:#bfc1cf; background:var(--legal-night); }
.legal-toc a { font-size:10px; font-weight:750; line-height:1.4; text-decoration:none; }
.legal-toc a:hover { color:var(--legal-lime); }
.legal-content section { scroll-margin-top:28px; padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid var(--legal-line); }
.legal-content section:last-child { padding-bottom:0; margin-bottom:0; border:0; }
.legal-content h2 { margin:0 0 14px; color:var(--legal-night); font-size:25px; letter-spacing:-.045em; line-height:1.1; }
.legal-content h3 { margin:24px 0 9px; font-size:15px; }
.legal-content p,.legal-content li { color:#555766; font-size:14px; line-height:1.75; }
.legal-content p { margin:0 0 14px; }
.legal-content ul,.legal-content ol { margin:0 0 16px; padding-left:22px; }
.legal-content li { margin:6px 0; }
.legal-content strong { color:var(--legal-ink); }
.legal-content a { color:#6357d9; text-underline-offset:3px; }
.legal-note,.legal-warning { margin-top:21px; padding:16px 18px; background:#e9e6ff; border-left:4px solid var(--legal-lilac); }
.legal-action { display:inline-flex; align-items:center; justify-content:center; min-height:45px; padding:0 18px; color:var(--legal-night) !important; background:var(--legal-lime); border-radius:3px; font-size:12px; font-weight:850; text-decoration:none !important; }
.legal-footer { display:flex; justify-content:space-between; gap:20px; width:min(calc(100% - 48px),1000px); margin:auto; padding:23px 0 33px; color:var(--legal-muted); border-top:1px solid var(--legal-line); font-size:10px; }
.legal-footer a { color:#6357d9; font-weight:750; }
@media (max-width:760px) { .legal-header { min-height:66px; padding:0 16px; }.legal-nav { gap:11px; }.legal-nav a:not([aria-current="page"]) { display:none; }.legal-main { width:calc(100% - 32px); padding-top:32px; }.legal-intro { padding:35px 24px 32px; }.legal-intro h1 { font-size:48px; }.legal-layout { display:block; padding-top:30px; }.legal-toc { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin-bottom:34px; }.legal-content h2 { font-size:23px; }.legal-action { width:100%; }.legal-footer { display:grid; width:calc(100% - 32px); gap:9px; }.legal-brand small { display:none; } }
