:root{--ink:#050505;--paper:#f3f5f7;--accent:#008cff;--accent-dark:#0057e7}

.policy-header{justify-content:space-between}
.policy-home{margin-left:auto;color:#fff;font:700 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.policy-home:hover,.policy-home:focus-visible{color:var(--accent)}
.policy-hero{padding:80px 0 65px;background:#101820;border-bottom:1px solid #25313b}
.policy-hero h1{margin:20px 0 18px;font:400 clamp(56px,8vw,96px)/.95 var(--display);text-transform:uppercase}
.policy-hero p:not(.section-label){max-width:700px;color:#d6dce2;font-size:18px}
.policy-hero p.policy-date{margin-top:34px;color:#9dacb7;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.policy-content{background:var(--paper);color:var(--ink);padding:72px 0 96px}
.policy-layout{display:grid;grid-template-columns:220px minmax(0,760px);align-items:start;gap:70px}
.policy-nav{position:sticky;top:112px;display:grid;gap:13px}
.policy-nav span{margin-bottom:5px;color:#646f79;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.policy-nav a{font-size:14px;font-weight:700;color:#34404a}
.policy-nav a:hover,.policy-nav a:focus-visible{color:#0057a8;text-decoration:underline}
.policy-article section{scroll-margin-top:110px;padding:30px 0 34px;border-bottom:1px solid #cbd4da}
.policy-article section:first-child{padding-top:0}
.policy-article section:last-child{border-bottom:0}
.policy-article h2{margin-bottom:16px;font:400 clamp(26px,3vw,34px)/1.1 var(--display);text-transform:uppercase}
.policy-article p,.policy-article li{color:#26323b;font-size:16px;line-height:1.75}
.policy-article p+p{margin-top:14px}
.policy-article ul{margin:0 0 17px 22px}
.policy-article li+li{margin-top:7px}
.policy-article a{color:#0057a8;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.policy-footer{padding:27px 0;background:#050505}
.policy-footer .container{display:flex;justify-content:space-between;gap:24px;color:#abb5bd;font:600 12px var(--mono);text-transform:uppercase}
.policy-footer a{color:#fff}
.policy-footer a:hover{color:var(--accent)}
@media(max-width:850px){.policy-layout{grid-template-columns:1fr}.policy-nav{display:none}}
@media(max-width:560px){.policy-hero{padding:58px 0 50px}.policy-hero p:not(.section-label){font-size:16px}.policy-content{padding:40px 0 68px}.policy-article section{scroll-margin-top:78px}.policy-footer .container{flex-direction:column}}
