.nav{position:fixed;z-index:10;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:14px;padding:7px 10px 7px 12px;border-radius:999px}
.nav nav{display:flex;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.hero{background:var(--blue);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:150px 6vw 80px}
.hero h1{font-size:clamp(2.2rem,5.5vw,4.4rem);margin-bottom:18px}
.badge{justify-self:center;width:min(100%,380px);border:6px solid var(--yellow)}
.facts{background:var(--yellow);padding:34px 6vw}
.facts dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0}
.facts dt{font:800 clamp(1.6rem,3.4vw,2.4rem)/1.1 var(--head)}
.facts dd{margin:2px 0 0;font-weight:500}
.band{padding:clamp(44px,7vw,84px) 6vw}
.band.split{display:grid;grid-template-columns:1fr 2fr;gap:24px 48px;border-top:1px solid var(--line)}
.band.tint{background:var(--tint)}
.band.blue{background:var(--blue);color:#fff;border:0}
.page-head{background:var(--blue);color:#fff;padding:150px 6vw 56px}
.page-head h1{font-size:clamp(2.4rem,7vw,5rem)}
.page-head p{margin:12px 0 0;font-size:1.15rem;opacity:.9}
.site-foot{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding:52px 6vw;background:#101A47;color:#fff}
.site-foot img{margin-bottom:14px;border-radius:6px}
.site-foot h2{font-size:1.4rem;margin-bottom:8px}
.site-foot p{margin:0 0 4px;opacity:.8}
.site-foot ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:120px}.badge{justify-self:start;width:240px}.facts dl{grid-template-columns:1fr 1fr}.band.split{grid-template-columns:1fr}.nav{border-radius:26px}}