

        .w{max-width:calc(var(--content-max) + var(--content-pad)*2);margin:0 auto;padding-left:var(--content-pad);padding-right:var(--content-pad)}

        /* NAV */

.nav__logo:hover{opacity:.8}

.nav__link:hover{color:var(--accent)}
.nav__cta:hover{background:var(--accent-hover)}
.nav__mobile span{width:100%;height:1.5px;background:var(--gray-900)}

        /* PAGE HEADER */
        .pg-header{padding:110px 0 48px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}
        .pg-bc{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--gray-400);margin-bottom:20px}
        .pg-bc a{color:var(--gray-500);transition:color .3s}.pg-bc a:hover{color:var(--accent)}
        .pg-bc svg{width:10px;height:10px;stroke:var(--gray-300);fill:none;stroke-width:2}
        .pg-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--gray-900);letter-spacing:-.5px;margin-bottom:14px}
        .pg-meta{display:flex;gap:20px;font-size:13px;color:var(--gray-500);flex-wrap:wrap}
        .pg-meta svg{width:14px;height:14px;stroke:var(--gray-400);fill:none;stroke-width:2;vertical-align:-2px;margin-right:4px}

        /* LEGAL LAYOUT */
        .legal-layout{display:grid;grid-template-columns:220px 1fr;gap:56px;padding:56px 0 100px}
        .legal-nav{position:sticky;top:80px;align-self:start}
        .legal-nav__title{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px}
        .legal-nav__list{list-style:none;display:flex;flex-direction:column;gap:4px}
        .legal-nav__list a{display:block;font-size:13px;font-weight:400;color:var(--gray-500);padding:8px 14px;border-radius:8px;border-left:2px solid transparent;transition:all .3s var(--ease)}
        .legal-nav__list a:hover{color:var(--accent);background:var(--accent-light);border-left-color:var(--accent)}
        .legal-nav__list a.active{color:var(--accent);background:var(--accent-light);border-left-color:var(--accent);font-weight:600}

        /* CONTENT */
        .legal-content{max-width:760px}
        .legal-section{margin-bottom:48px;scroll-margin-top:80px}
        .legal-section h2{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:16px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}
        .legal-section h2 .num{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-light);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
        .legal-section h3{font-size:15px;font-weight:700;color:var(--gray-800);margin:20px 0 8px}
        .legal-section p{font-size:14px;font-weight:300;color:var(--gray-600);line-height:1.9;margin-bottom:14px}
        .legal-section ul{list-style:none;margin:10px 0 18px;padding-left:0}
        .legal-section ul li{font-size:14px;font-weight:300;color:var(--gray-600);line-height:1.8;padding:4px 0 4px 22px;position:relative}
        .legal-section ul li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
        .legal-section a{color:var(--accent);border-bottom:1px solid rgba(0,102,255,.2);transition:border-color .3s}.legal-section a:hover{border-color:var(--accent)}
        .legal-box{padding:20px 24px;border-radius:12px;background:var(--accent-light);border:1px solid rgba(0,102,255,.1);margin:20px 0}
        .legal-box p{color:var(--gray-700);margin:0}

        /* FOOTER */
        
        
        
        
        
        
        .footer__nl a:hover{color:#fff}
        
        
        

        @media(max-width:1024px){:root{--content-pad:40px}.legal-layout{grid-template-columns:200px 1fr;gap:40px}}
        @media(max-width:768px){:root{--content-pad:24px}.legal-layout{grid-template-columns:1fr;gap:0}.legal-nav{position:relative;top:0;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--gray-100)}.legal-nav__title{display:none}.legal-nav__list{flex-direction:row;flex-wrap:wrap;gap:6px}.legal-nav__list a{padding:6px 14px;font-size:11px;border-radius:16px;border-left:none;border:1px solid var(--gray-200);background:var(--white)}.legal-nav__list a:hover{background:var(--accent-light);border-color:var(--accent)}}
        @media(max-width:480px){:root{--content-pad:16px}}
    
@media(max-width:768px){.legal-nav__list a.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}}
