:root{--ink:#171717;--muted:#626a75;--line:#dce1e7;--blue:#087ee7;--pink:#ed1e79;--orange:#f58220;--purple:#7b34aa;--paper:#f5f6f8;--white:#fff;--dark:#111315;--shadow:0 18px 55px rgba(22,30,44,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;z-index:100;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),#ffc20e,var(--orange))}
a{color:var(--blue)}
a:focus-visible{outline:3px solid rgba(8,126,231,.3);outline-offset:3px}
.site-header{position:sticky;z-index:50;top:0;height:82px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.95);border-bottom:1px solid rgba(220,225,231,.9);backdrop-filter:blur(14px)}
.brand{display:flex;margin-right:auto}.brand img{display:block;width:180px;height:auto}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#4d5560;text-decoration:none;font-size:13px;font-weight:500}.site-header nav a:hover{color:var(--blue)}
.login{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 17px;background:var(--dark);color:#fff;text-decoration:none;font-weight:600}
main{max-width:1180px;margin:auto;padding:0 24px 90px}
.legal-hero{position:relative;padding:76px 0 58px;border-bottom:1px solid var(--line)}.legal-hero::after{content:"";position:absolute;right:0;top:30px;width:270px;height:270px;border-radius:50%;background:conic-gradient(from 80deg,rgba(237,30,121,.1),rgba(123,52,170,.1),rgba(8,126,231,.11),rgba(255,194,14,.1),rgba(245,130,32,.09));z-index:-1}.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:500;letter-spacing:.19em}.legal-hero h1{max-width:800px;margin:13px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:600}.legal-hero>p{max-width:790px;margin:0;color:var(--muted);font-size:19px}.effective{display:flex;gap:10px;margin-top:28px;color:var(--muted);font-size:13px}.effective strong{color:var(--ink);font-weight:500}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:76px;align-items:start;padding-top:56px}
aside{position:sticky;top:112px;display:grid;gap:5px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}aside strong{margin-bottom:7px;font-size:14px;font-weight:600}aside a{padding:4px 0;color:#59616c;text-decoration:none;font-size:13px}aside a:hover{color:var(--blue)}
.legal-copy{min-width:0}.legal-copy section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.legal-copy section:last-child{border-bottom:0}.legal-copy h2{margin:0 0 14px;font-size:26px;line-height:1.25;letter-spacing:-.025em;font-weight:600}.legal-copy p{margin:0 0 15px;color:#424a54}.legal-copy ul{padding-left:22px;color:#424a54}.legal-copy li{margin:8px 0}.legal-copy strong{font-weight:600}.legal-copy address{padding:22px;border-radius:13px;background:#fff;border:1px solid var(--line);font-style:normal;color:#424a54}
footer{display:grid;grid-template-columns:auto 1fr auto;gap:18px 35px;align-items:center;padding:38px max(24px,calc((100vw - 1132px)/2));background:#fff;border-top:1px solid var(--line);color:var(--muted)}footer>a img{display:block;width:145px;height:auto}footer p{margin:0}footer nav{display:flex;gap:20px}footer nav a{color:#3c444d;text-decoration:none;font-size:13px;font-weight:500}footer small{grid-column:2/-1}
@media(max-width:880px){.site-header nav{display:none}.legal-layout{grid-template-columns:1fr;gap:32px}aside{position:static;grid-template-columns:1fr 1fr}aside strong{grid-column:1/-1}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:600px){.site-header{height:70px;padding:0 16px}.brand img{width:137px}.login{padding:9px 12px;font-size:12px}main{padding:0 18px 65px}.legal-hero{padding:55px 0 44px}.legal-hero h1{font-size:42px}.legal-hero>p{font-size:17px}.legal-layout{padding-top:35px}aside{grid-template-columns:1fr}.legal-copy h2{font-size:23px}footer{padding:32px 18px}footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
