.site-header {position: fixed;inset: 0 0 auto;z-index: 1000;}
.site-header__nav {padding: 30px 0;background: linear-gradient(180deg, rgba(4, 7, 12, 0.9), rgba(4, 7, 12, 0.3) 72%, transparent);transition: var(--transition-base);}
.site-header.is-scrolled .site-header__nav {padding: 12px 0;backdrop-filter: blur(12px);background: rgba(6, 8, 13, 0.92);}
.site-header__container {max-width: 1556px;}
.site-header__brand {display: inline-flex;align-items: center;gap: 28px;}
.site-header__brand-mark {display: inline-flex;width: 171px;}
.site-header__brand-wordmark {display: inline-flex;width: 124px;}
.site-header__logo,
.site-header__wordmark {width: 100%;}
.site-header__menu {gap: 22px;}
.site-header__desktop {flex: 1 1 auto;}
.site-header__item {position: relative;}
.site-header__item-row {display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.site-header__link {position: relative;padding: 0.25rem 0;color: rgba(255, 255, 255);font-size: 18px;font-weight: bold;}
.site-header__link::after {content: "";position: absolute;left: 0;bottom: -8px;width: 100%;height: 2px;background: var(--color-primary);transform: scaleX(0);transform-origin: center;transition: var(--transition-base);}
.site-header__link:hover,
.site-header__link.is-active {color: #ffffff;}
.site-header__link:hover::after,
.site-header__link.is-active::after {transform: scaleX(1);}
.site-header__cta {margin-left: 26px;font-weight: 500;min-width: 108px;min-height: 44px;}
.site-header__item--has-children {display: flex;align-items: center;gap: 8px;}
.site-header__submenu-toggle {display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;padding: 0;border: 0;background: transparent;}
.site-header__submenu-toggle span {width: 8px;height: 8px;border-right: 1.5px solid rgba(255, 255, 255, 0.82);border-bottom: 1.5px solid rgba(255, 255, 255, 0.82);transform: translateY(-2px) rotate(45deg);transition: var(--transition-base);}
.site-header__item--has-children:hover > .site-header__submenu-toggle span,
.site-header__item--has-children.site-header__item--is-open > .site-header__submenu-toggle span,
.site-header__item--has-children:hover > .site-header__item-row .site-header__submenu-toggle span,
.site-header__item--has-children.site-header__item--is-open > .site-header__item-row .site-header__submenu-toggle span {border-color: #ffffff;transform: translateY(1px) rotate(-135deg);}
.site-header__submenu {position: absolute;top: calc(100% + 18px);left: 0;z-index: 15;min-width: 320px;margin: 0;padding: 12px;list-style: none;border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 18px;background: rgba(8, 11, 17, 0.98);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);opacity: 0;visibility: hidden;transform: translateY(10px);transition: var(--transition-base);}
.site-header__item--has-children:hover > .site-header__submenu,
.site-header__item--has-children.site-header__item--is-open > .site-header__submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.site-header__submenu li + li {margin-top: 4px;}
.site-header__submenu-link {display: flex;align-items: center;width: 100%;padding: 10px 12px;border-radius: 12px;color: rgba(255, 255, 255, 0.78);font-size: 0.92rem;font-weight: 600;transition: var(--transition-base);}
.site-header__submenu-link:hover,
.site-header__submenu-link:focus-visible {color: #ffffff;background: rgba(239, 32, 40, 0.16);}
.site-header__toggler {display: none;flex-direction: column;gap: 5px;padding: 0;border: 0;background: transparent;}
.site-header__toggler span {width: 28px;height: 2px;background: #ffffff;}
.site-header__drawer {width: min(360px, 86vw);color: #ffffff;background: rgba(8, 11, 17, 0.98);border-left: 1px solid rgba(255, 255, 255, 0.08);backdrop-filter: blur(20px);}
.site-header__drawer-header {align-items: center;padding: 24px 24px 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.site-header__drawer-brand {display: inline-flex;align-items: center;}
.site-header__drawer-close {opacity: 1;box-shadow: none;}
.site-header__drawer-body {display: flex;flex-direction: column;padding: 24px;}
.site-header__drawer-title {margin: 0 0 24px;color: rgba(255, 255, 255, 0.56);font-size: 0.85rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;}
.site-header__drawer-menu {gap: 10px;}
.site-header__drawer-menu .site-header__item {display: block;}
.site-header__drawer-menu .site-header__item--has-children {gap: 0;}
.site-header__drawer-menu .site-header__link {display: inline-flex;align-items: center;flex: 1 1 auto;padding: 14px 0;font-size: 1.1rem;font-weight: 700;}
.site-header__drawer-menu .site-header__link::after {bottom: 4px;}
.site-header__drawer-menu .site-header__submenu-toggle {width: 36px;height: 36px;border-radius: 10px;background: rgba(255, 255, 255, 0.05);}
.site-header__drawer-menu .site-header__submenu {position: static;min-width: 0;margin-top: 6px;padding: 8px 0 4px 12px;border: 0;border-left: 1px solid rgba(255, 255, 255, 0.08);border-radius: 0;background: transparent;box-shadow: none;opacity: 1;visibility: visible;transform: none;display: none;}
.site-header__drawer-menu .site-header__item--is-open > .site-header__submenu {display: block;}
.site-header__drawer-menu .site-header__submenu-link {padding: 10px 0;border-radius: 0;color: rgba(255, 255, 255, 0.66);font-size: 0.96rem;font-weight: 600;}
.site-header__drawer-menu .site-header__submenu-link:hover,
.site-header__drawer-menu .site-header__submenu-link:focus-visible {background: transparent;color: #ffffff;}
.site-header__drawer-cta {width: 100%;margin-top: 28px;}
.navbar-expand-lg{flex-wrap: wrap;}
@media screen and (max-width: 1480px) {
    .site-header__link{font-size: 16px;}
    .site-header__menu{gap: 16px;}
    .site-header__brand{gap: 14px;}
}
@media (max-width: 992px) {
    .site-header__toggler {display: inline-flex;}
    .site-header__brand {gap: 14px;}
    .site-header__brand-mark {width: 136px;}
    .site-header__brand-wordmark {width: 102px;}
    .site-header__submenu {display: none;}
    .site-header__item--has-children:hover > .site-header__submenu {opacity: 1;visibility: visible;transform: none;}
    .site-header__item--has-children.site-header__item--is-open > .site-header__submenu {display: block;}
}
@media (max-width: 768px) {
    .site-header__nav {padding: 14px 0;}
    .site-header__drawer {width: min(320px, 88vw);}
    .site-header__drawer-header,
    .site-header__drawer-body {padding-left: 20px;padding-right: 20px;}
}