@import url(base.css);
body{background:#F6F8FB}
.site{border-bottom:1px solid var(--line);background:rgba(246,248,251,.92)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:calc(100dvh - 73px);padding-block:clamp(24px,5vh,56px)}
.copy{display:grid;gap:22px;max-width:620px}
h1{font-size:clamp(38px,4.1vw,64px);line-height:1.02}
h1 em{display:block}
.lead{max-width:44ch}
.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(18px,3vw,44px);margin-top:10px;padding-top:22px;border-top:1px solid var(--line)}
.facts b{display:block;font:800 clamp(24px,2.2vw,32px)/1 var(--f);letter-spacing:-.03em;color:var(--ink)}
.facts span{font-size:13.5px;color:var(--mut)}
.stage{position:relative;justify-self:end;width:min(620px,100%)}
.nav-v{position:fixed;right:16px;bottom:16px;z-index:99;display:flex;gap:6px;font:700 12px var(--m)}
.nav-v a{background:#0E1B2E;color:#fff;text-decoration:none;padding:8px 11px;border-radius:4px;opacity:.85}.nav-v a.cur{background:var(--b1)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:20px}.stage{justify-self:center;order:-1;width:min(420px,100%)}.facts{grid-template-columns:repeat(3,1fr)}.bar nav{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}