/* Desktop: keep both regional contacts within the opening viewport. */
@media(min-width:1024px){
 .public-nav{padding-top:16px;padding-bottom:16px}
 .hero{grid-template-columns:1.15fr .85fr;gap:44px;padding-top:24px;padding-bottom:34px;align-items:center}
 .hero h1{font-size:clamp(36px,3.05vw,46px);line-height:1.09;margin:12px 0 14px;letter-spacing:-.045em}
 .hero>div>p{font-size:14px;line-height:1.6;max-width:530px}
 .hero .eyebrow{font-size:10px;letter-spacing:.16em}
 .hero-actions{margin:18px 0 14px;gap:10px}
 .hero-actions .button{min-height:44px;padding:11px 18px;font-size:13px}
 .hero .regional-contact-panel{margin:14px 0 13px;padding-top:14px;max-width:none}
 .hero .regional-contact-heading h3{font-size:14px;margin:5px 0 11px;max-width:none}
 .hero .regional-contact-heading>span{font-size:9px}
 .hero .regional-contact-card{padding:13px}
 .hero .regional-contact-title{gap:8px}
 .hero .regional-contact-title strong{font-size:12px;line-height:1.4}
 .hero .regional-contact-title small{font-size:10px;margin-top:3px}
 .hero .region-monogram{width:30px;height:30px;font-size:10px}
 .hero .regional-responsible{margin-top:10px;padding-top:9px;gap:3px}
 .hero .regional-responsible>span{font-size:10px}
 .hero .regional-responsible>strong{font-size:14px}
 .hero .regional-contact-panel .contact-actions{margin-top:10px;gap:7px}
 .hero .regional-contact-panel .whatsapp-button{min-height:46px;padding:8px 11px;font-size:13px}
 .hero .regional-contact-panel .button.outline{min-height:30px;padding:6px 10px;font-size:11px}
 .hero .trust-row{font-size:10px}
 .hero-preview{padding:22px;border-radius:22px}
 .hero-preview .preview-top{margin-bottom:18px}
 .hero-preview h2{font-size:24px}
 .hero-preview>p{font-size:13px;line-height:1.5}
 .hero-preview .mini-summary{padding:18px;margin-top:18px;margin-bottom:10px}
 .hero-preview .mini-summary>strong{font-size:32px}
 .hero-preview .mini-app{padding:15px 0;gap:14px}
 .hero-preview .mini-app h3{font-size:16px}
 .hero-preview .mini-app .ring{width:78px;height:78px;flex-shrink:0}
 .hero-preview .preview-nav{padding-top:18px}
 .hero-preview .floating-note{font-size:12px;padding:10px 13px;right:16px;bottom:-18px;gap:8px}
}
@media(min-width:1024px) and (max-height:720px){
 .public-nav{padding-top:11px;padding-bottom:11px}
 .hero{padding-top:16px;padding-bottom:24px;gap:32px}
 .hero h1{font-size:36px;margin-top:9px;margin-bottom:11px}
 .hero-actions{margin-top:13px;margin-bottom:10px}
 .hero .regional-contact-panel{margin-top:10px;padding-top:10px;margin-bottom:9px}
 .hero .regional-contact-card{padding:11px}
}
@media(min-width:1024px) and (max-height:720px){
 .hero>div>p{font-size:13px;line-height:1.5;max-width:550px}
 .hero .regional-responsible{margin-top:7px;padding-top:6px}
 .hero .regional-contact-panel .contact-actions{margin-top:7px}
 .hero .regional-contact-heading h3{margin-bottom:8px}
 .hero-preview .mini-summary{margin-top:12px;padding:14px}
}
@media(min-width:1024px){.hero-preview .mini-app .ring strong{font-size:25px;line-height:1.1}.hero-preview .mini-app .ring small{font-size:9px;line-height:1.25}}