.legal-page { background:#f6f6f3; }
.legal-hero { min-height:650px; display:flex; align-items:flex-end; padding:150px 0 85px; position:relative; overflow:hidden; background:#17171a; }
.legal-hero::before { content:'LEGAL'; position:absolute; right:-35px; bottom:-85px; color:rgba(255,255,255,.025); font-size:clamp(180px,24vw,390px); font-weight:900; letter-spacing:-28px; }.privacy-hero::before { content:'DATA'; }
.legal-hero .philosophy-shell { position:relative; z-index:1; }.legal-hero .philosophy-kicker { color:#8d8d94; }.legal-hero h1 { margin:28px 0 26px; color:white; font-size:clamp(64px,7.5vw,120px); line-height:.82; letter-spacing:-7px; }.legal-hero h1 strong { color:var(--red); }.legal-hero p { max-width:660px; color:#aaaab1; font-size:14px; }.legal-hero .philosophy-scroll { color:white; }
.legal-layout { padding:110px 0 150px; display:grid; grid-template-columns:260px minmax(0,880px); justify-content:space-between; gap:clamp(50px,8vw,120px); align-items:start; }
.legal-sidebar { position:sticky; top:110px; max-height:calc(100svh - 140px); overflow:auto; padding-right:14px; scrollbar-width:thin; }.legal-sidebar>span { display:block; padding-bottom:17px; border-bottom:3px solid var(--red); color:#77777d; font-size:8px; font-weight:900; letter-spacing:1.5px; }.legal-sidebar nav { display:flex; flex-direction:column; }.legal-sidebar a { padding:12px 0; border-bottom:1px solid #dededa; color:#6e6e74; font-size:9px; font-weight:700; line-height:1.35; transition:color .2s,padding-left .2s; }.legal-sidebar a:hover { padding-left:6px; color:var(--red); }
.legal-document { min-width:0; padding:clamp(35px,5vw,75px); border:1px solid #dfdfda; background:#fff; box-shadow:0 24px 80px rgba(20,20,24,.055); }.legal-loading { min-height:300px; display:grid; place-items:center; align-content:center; gap:15px; color:#8b8b91; }.legal-loading i { color:var(--red); font-size:26px; }.legal-loading span { font-size:9px; font-weight:800; letter-spacing:1px; }
.legal-document h1 { margin:0 0 24px; color:#17171a; font-size:clamp(29px,3vw,44px); line-height:1.08; letter-spacing:-2px; }.legal-document h1:first-child { color:var(--red); font-size:12px; letter-spacing:2px; }.legal-document h2 { margin:72px 0 22px; padding-top:17px; border-top:4px solid var(--red); color:#17171a; font-size:clamp(22px,2.2vw,32px); line-height:1.15; letter-spacing:-1px; }.legal-document h3 { margin:38px 0 14px; color:#242428; font-size:17px; line-height:1.3; }.legal-document p,.legal-document li { color:#404046; font-size:12px; line-height:1.85; }.legal-document p { margin:0 0 17px; }.legal-document ul,.legal-document ol { margin:0 0 24px; padding-left:22px; }.legal-document li { margin-bottom:7px; }.legal-document strong { color:#17171a; font-weight:800; }.legal-document a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }.legal-document hr { margin:60px 0; border:0; border-top:1px solid #dededa; }.legal-document blockquote { margin:30px 0; padding:24px; border-left:4px solid var(--red); background:#f6f6f3; }.legal-error { padding:30px; border:1px solid rgba(230,0,18,.25); color:#6b1b23; background:#fff2f3; font-size:12px; line-height:1.7; }
@media(max-width:980px){.legal-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}.legal-document{padding:42px}}
@media(max-width:820px){.legal-hero{min-height:560px;padding:130px 0 70px}.legal-hero h1{font-size:clamp(57px,15vw,90px);letter-spacing:-4px}.legal-layout{padding:70px 0 100px;grid-template-columns:1fr}.legal-sidebar{position:relative;top:0;max-height:280px}.legal-document{padding:32px}.legal-document h2{margin-top:55px}}
@media(max-width:520px){.legal-hero{min-height:520px}.legal-document{padding:25px 20px}.legal-document p,.legal-document li{font-size:11px}.legal-hero h1{font-size:14vw;letter-spacing:-2px}}