/* Language controls and English reading direction. */
.utility .wrap{height:auto;min-height:48px;gap:20px;padding-block:4px}
.utility .company-name{min-width:0;line-height:1.6}
.utility-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.utility .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:40px;padding:6px 12px;border:1px solid #c5d2e2;border-radius:7px;background:#fff;color:#143d68;font-size:13px;font-weight:700;white-space:nowrap}
.utility .language-switch:hover{background:#e7eef7}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:0}
html[lang=en] .hero-copy h1{font-size:clamp(42px,4.4vw,66px);line-height:1.12}
html[lang=en] .header-inner{gap:22px}
html[lang=en] #navigation{gap:20px}
html[lang=en] #navigation a{font-size:15px}
html[lang=en] .plan-name h3,html[lang=en] .location-select,html[lang=en] .location-row,html[lang=en] .leaflet-popup-content{text-align:start}
html[lang=en] .network-workspace .leaflet-popup-content{direction:ltr}
html[lang=en] .plan-price{justify-content:flex-start}
html[lang=en] .plan-price bdi{order:0}
html[lang=en] .plan-price span{order:1}
html[lang=en] .button>.icon:has(use[href="#i-arrow"]),html[lang=en] .text-link>.icon:has(use[href="#i-arrow"]),html[lang=en] .plan-action>.icon,html[lang=en] .service-bottom>.icon,html[lang=en] .hero-destinations .icon{transform:scaleX(-1)}
html[lang=en] .download-cta .icon,html[lang=en] .copy-code .icon{transform:none}
html[lang=en] .icon:has(use[href="#i-arrow"]){transform:scaleX(-1)}
html[lang=en] .plan-bottom,html[lang=en] .network-tools{gap:18px}
html[lang=en] .intro-line h1{font-size:43px}
html[lang=en] .download-divider{gap:10px}
html[lang=en] .downloader-code{letter-spacing:2px}
html[lang=en] .campaign-arrow{transform:rotate(180deg)}
html[lang=en] .campaign-arrow.previous{transform:none}
@media(max-width:1100px){
 html[lang=en] #menu{display:flex}
 html[lang=en] #navigation{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;padding:18px 32px;border-bottom:1px solid #dce3ec;box-shadow:0 12px 20px #071a3210;flex-direction:column;align-items:stretch;gap:0;z-index:1001}
 html[lang=en] #navigation.open{display:flex}
 html[lang=en] #navigation a{min-height:48px}
 html[lang=en] #navigation a[aria-current]:after{inset-inline:0 auto;width:32px;bottom:4px}
}
@media(max-width:640px){
 .utility .wrap{min-height:52px;gap:12px}
 .utility .company-name{font-size:11px}
 .utility-actions{gap:0}
 .utility-actions>.utility-phone{display:none}
 .utility .language-switch{min-width:70px;min-height:44px;font-size:12px;padding-inline:10px}
 html[lang=en] .utility .company-name{font-size:11px;max-width:235px}
 html[lang=en] .hero-copy h1{font-size:43px}
 html[lang=en] .intro-line h1{font-size:31px}
 html[lang=en] .header-inner{gap:10px}
 html[lang=en] .brand{width:115px}
 html[lang=en] .header-actions{gap:7px}
 html[lang=en] .account{width:44px;min-width:44px;padding:0;justify-content:center}
 html[lang=en] .account>span{display:none}
 html[lang=en] .downloads-nav{padding-inline:10px;gap:6px;font-size:13px}
 html[lang=en] #menu{width:44px;min-width:44px;height:48px}
 html[lang=en] .hero-actions{flex-wrap:wrap}
 html[lang=en] .network-heading h1{font-size:32px}
 html[lang=en] .plan-bottom{flex-direction:column;gap:7px}
 html[lang=en] .downloads-footer .wrap{gap:12px}
}
@media(max-width:360px){html[lang=en] .brand{width:93px}html[lang=en] .downloads-nav .icon{display:none}html[lang=en] .header-inner{gap:7px}html[lang=en] .hero-copy h1{font-size:37px}}