.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;max-width:15rem;font:800 .95rem/1.2 var(--head)}
.top nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.cta{display:flex;gap:10px}
.frame{padding:0 18px 18px}
.hero{position:relative;overflow:hidden;background:var(--indigo);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:clamp(40px,7vw,90px) clamp(24px,5vw,72px)}
.hero h1{font-size:clamp(2.6rem,6.2vw,5.2rem);margin-bottom:20px;max-width:7em}
.hero>*{position:relative}
.hero-art{text-align:center}
.page-head{position:relative;overflow:hidden;background:var(--indigo);color:#fff;padding:clamp(48px,8vw,96px) clamp(24px,5vw,72px)}
.page-head h1{font-size:clamp(2.6rem,7.5vw,5.6rem);position:relative}
.page-head p{margin:14px 0 0;font-size:1.2rem;position:relative}
.stats{background:var(--navy);color:#fff;padding:36px clamp(24px,5vw,72px)}
.stats dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:20px 32px;margin:0}
.stats dt{font:800 clamp(1.8rem,3.6vw,2.7rem)/1.1 var(--head);color:var(--lime)}
.stats dd{margin:2px 0 0}
.band{padding:clamp(48px,7vw,92px) clamp(24px,5vw,72px)}
.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.split{display:grid;grid-template-columns:1fr 2fr;gap:24px 56px;background:var(--tint)}
.about{position:relative;overflow:hidden}
.find{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;background:var(--indigo);color:#fff}
.find h2{margin-bottom:6px}.find p{margin:0}
.site-foot{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding:56px clamp(24px,5vw,72px);background:var(--navy);color:#fff}
.site-foot img{margin-bottom:16px}
.site-foot h2{font-size:1.5rem;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:44px}
@media (max-width:1150px){.top{flex-wrap:wrap;padding:10px 14px}.top nav{order:3;width:100%;margin:0}.cta{margin-left:auto}}
@media (max-width:900px){
.hero,.offer,.split{grid-template-columns:1fr}.stats dl{grid-template-columns:1fr 1fr}.frame{padding:0 8px 8px}}