/* Identical shell geometry across the static site, WHMCS and Pterodactyl. */
:is(body > header, .bx-site-header) {
    box-sizing:border-box; height:68px; min-height:68px;
    padding:8px clamp(20px,3.2vw,52px);
    font-family:'Segoe UI Variable Text','Segoe UI',Arial,sans-serif;
    font-size:16px; line-height:normal; letter-spacing:normal;
}
:is(body > header, .bx-site-header) * { box-sizing:border-box; letter-spacing:normal; }
:is(body > header, .bx-site-header) .brand-logo { width:clamp(168px,14vw,205px); height:auto; }
:is(body > header, .bx-site-header) .language-switcher,
:is(body > header, .bx-site-header) .language-switcher :is(a,button) {
    font-family:inherit; font-size:13.12px; font-weight:700; line-height:normal;
}
:is(body > header, .bx-site-header) .header-right { border-left:1px solid rgba(148,163,184,.12); }
:is(body > header, .bx-site-header) .header-right a { border-left:0; border-right:1px solid rgba(148,163,184,.12); }
@media(max-width:1024px) {
    :is(body > header, .bx-site-header) { height:69px; min-height:69px; padding:12px 30px; }
    :is(body > header, .bx-site-header) nav { transform:translateY(-8px); }
    :is(body > header, .bx-site-header).menu-open nav { transform:translateY(0); }
}
@media(max-width:768px) {
    :is(body > header, .bx-site-header) { height:68px; min-height:68px; padding:10px 20px; }
    :is(body > header, .bx-site-header) .brand-logo { width:164px; }
}
@media(max-width:480px) {
    :is(body > header, .bx-site-header) { padding:10px 14px; }
    :is(body > header, .bx-site-header) .brand-logo { width:142px; }
}