/* Keep the offer and primary action in view on wide, low browser windows. */
@media(min-width:1050px) and (max-height:820px){
 .nav{height:80px}
 .nav .brand img.official-logo{width:100px;height:50px}
 .hero{min-height:calc(100svh - 80px);padding:28px 0 36px;display:flex;align-items:center}
 .hero-grid{align-items:center}
 .hero h1{font-size:clamp(52px,min(6.5vw,12svh),104px);line-height:1.02}
 .cloud-stage{height:clamp(300px,calc(100svh - 144px),560px)}
 .cloud-stage .orbit{left:0;right:0;margin-inline:auto;width:min(94%,calc(100svh - 156px),540px)}
 .hero-copy>p{font-size:18px;line-height:1.6;margin-top:20px;max-width:480px}
 .hero .hero-offer{margin-top:18px}
 .hero .actions{margin-top:22px}
 .hero-scroll{bottom:12px}
}
@media(min-width:1050px) and (max-height:540px){
 .nav{height:64px}
 .nav .brand img.official-logo{width:84px;height:42px}
 .hero{min-height:calc(100svh - 64px);padding:18px 0 22px}
 .hero h1{font-size:clamp(44px,min(6.2vw,12svh),76px)}
 .cloud-stage{height:max(210px,calc(100svh - 104px))}
 .cloud-stage .orbit{width:min(94%,calc(100svh - 116px))}
 .hero-copy>p{font-size:17px;line-height:1.55;margin-top:14px;max-width:460px}
 .hero .hero-offer{margin-top:14px;gap:16px}
 .hero .hero-offer strong{font-size:20px}
 .hero .actions{margin-top:18px;gap:24px}
 .hero .button{min-height:48px;padding-block:13px}
 .hero-scroll{display:none}
}