html body .site-root .site-header:is(.sp-header,.hp-header){height:64px;min-height:64px;padding:0 clamp(16px,3vw,40px);gap:24px;display:flex;align-items:center;box-sizing:border-box;background:#1947ed;border-bottom:1px solid #ffffff26}
html body .site-root .site-header:is(.sp-header,.hp-header) .brand{display:inline-flex;align-items:center;gap:9px;font:650 20px/1 var(--font-ui);letter-spacing:0;white-space:nowrap;text-decoration:none;color:#fff}
html body .site-root .site-header:is(.sp-header,.hp-header) .brand img{height:30px;width:30px;object-fit:contain;transform:none;filter:brightness(0) invert(1)}
html body .site-root .site-header:is(.sp-header,.hp-header)>nav{margin-left:auto;display:flex!important;align-items:center;gap:28px}
html body .site-root .site-header:is(.sp-header,.hp-header)>nav a{font:650 14px/1.2 var(--font-ui);letter-spacing:.03em;text-transform:none;color:#e8efff;min-height:44px;display:inline-flex;align-items:center;padding:0;text-decoration:none;box-sizing:border-box}
html body .site-root .site-header:is(.sp-header,.hp-header)>nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px #b3ff32}
html body .site-root .site-header:is(.sp-header,.hp-header)>nav a[hidden]{display:none!important}
html body .site-root .site-header:is(.sp-header,.hp-header) :is(.site-mobile-menu,.hp-mobile-nav,.header-cta){display:none!important}
@media(max-width:600px){html body .site-root .site-header:is(.sp-header,.hp-header){height:60px;min-height:60px;gap:12px;padding-inline:16px}html body .site-root .site-header:is(.sp-header,.hp-header) .brand{font-size:17px;gap:6px}html body .site-root .site-header:is(.sp-header,.hp-header) .brand img{height:25px;width:25px}html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:14px}html body .site-root .site-header:is(.sp-header,.hp-header)>nav a{font-size:13px;letter-spacing:0}}
@media(max-width:360px){html body .site-root .site-header:is(.sp-header,.hp-header){padding-inline:12px}html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:10px}}

/* Legacy static headers are normalized after hydration to avoid a React text mismatch. */
html body .site-root .site-header:is(.sp-header,.hp-header):not([data-unified-header])>nav{visibility:hidden}
html body .site-root .site-header .header-telegram{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 16px;flex:none;background:#fff;border:1px solid #fff;color:#1643df;font:650 14px/1.2 var(--font-ui);text-decoration:none;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
html body .site-root .site-header .header-telegram svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .site-root .site-header .header-telegram:hover{background:#b3ff32;border-color:#b3ff32;color:#071321}
html body .site-root .site-header .header-telegram:focus-visible{outline:3px solid #b3ff32;outline-offset:4px}
@media(max-width:760px){html body .site-root .site-header:is(.sp-header,.hp-header){gap:10px;padding-inline:12px}html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:10px}html body .site-root .site-header .header-telegram{width:36px;height:40px;padding:0}html body .site-root .site-header .header-telegram span{display:none}}
@media(max-width:350px){html body .site-root .site-header:is(.sp-header,.hp-header) .brand span{display:none}}

/* Mobile header (17.10.2026): quieter Telegram button and a slim active marker under the text. */
@media(max-width:760px){
  html body .site-root .site-header:is(.sp-header,.hp-header){gap:12px;padding-inline:16px}
  html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:16px}
  html body .site-root .site-header:is(.sp-header,.hp-header)>nav a[aria-current=page]{box-shadow:none;text-decoration:underline 2px #b3ff32;text-underline-offset:7px}
  html body .site-root .site-header .header-telegram{width:40px;height:40px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
  html body .site-root .site-header .header-telegram:hover{background:#b3ff32;border-color:#b3ff32;color:#071321}
}
@media(max-width:380px){
  html body .site-root .site-header:is(.sp-header,.hp-header){gap:10px;padding-inline:12px}
  html body .site-root .site-header:is(.sp-header,.hp-header) .brand{font-size:16px;gap:5px}
  html body .site-root .site-header:is(.sp-header,.hp-header) .brand img{height:22px;width:22px}
  html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:11px}
}

/* Keep the existing compact wordmark and navigation separate on narrow phones. */
@media(max-width:420px){
  html body .site-root .site-header:is(.sp-header,.hp-header){gap:8px}
  html body .site-root .site-header:is(.sp-header,.hp-header) .brand{font-size:14px;gap:4px;flex-shrink:0}
  html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:8px}
}

/* Four shared directions remain fully visible on phones. */
@media(max-width:760px){
 html body .site-root .site-header:is(.sp-header,.hp-header){height:108px;min-height:108px;flex-wrap:wrap;gap:0 16px;padding:8px 16px;align-content:center}
 html body .site-root .site-header:is(.sp-header,.hp-header) .brand{font-size:18px}
 html body .site-root .site-header:is(.sp-header,.hp-header) .brand span{display:inline}
 html body .site-root .site-header:is(.sp-header,.hp-header) .header-telegram{margin-left:auto}
 html body .site-root .site-header:is(.sp-header,.hp-header)>nav{order:3;flex-basis:100%;margin-left:0;justify-content:space-between;gap:8px}
 html body .site-root .site-header:is(.sp-header,.hp-header)>nav a{font-size:13px;min-height:44px}
}

/* Four links need a compact contact button on tablets. */
.site-language{color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:650 var(--type-control-size)/1.4 var(--font-ui)}
@media(min-width:761px) and (max-width:1050px){
 html body .site-root .site-header:is(.sp-header,.hp-header){gap:20px}
 html body .site-root .site-header:is(.sp-header,.hp-header) .brand{flex-shrink:0}
 html body .site-root .site-header:is(.sp-header,.hp-header) .header-telegram{width:40px;padding:0}
 html body .site-root .site-header .header-telegram span{display:none}
 html body .site-root .site-header:is(.sp-header,.hp-header)>nav{gap:20px}
}