:root { --header-green: var(--brand-primary, #26B5A6); --header-ink: #172b36; --header-height: 96px; }

.site-header { position: fixed; top:0;right:0;bottom:auto;left:0;inset: 0 0 auto; z-index: 1000; height: var(--header-height); color: #fff; background: transparent; border-bottom: 1px solid rgba(255,255,255,.16); transition: height .35s ease, background-color .35s ease, box-shadow .35s ease, color .35s ease; }
.site-header.is-scrolled, .site-header.is-menu-open { height: 78px; color: var(--header-ink); background: rgba(255,255,255,.97); border-bottom-color: transparent; box-shadow: 0 8px 28px rgba(18,48,58,.09); -webkit-backdrop-filter:blur(12px);backdrop-filter: blur(12px); }
@supports not (width: min(1760px, calc(100% - 80px))) {
.site-header__inner { width: calc(100% - 80px); }
@media (min-width: 1840px) { .site-header__inner { width: 1760px; } }
}
.site-header__inner { width: min(1760px, calc(100% - 80px)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; grid-gap:48px;gap: 48px; }
.site-header__logo { display: flex; flex: 0 0 auto; align-items: center; }
.site-header__logo img { display: block;  height: 55px; filter: grayscale(1) brightness(0) invert(1); transition: filter .35s ease, width .35s ease; }
.site-header.is-scrolled .site-header__logo img, .site-header.is-menu-open .site-header__logo img {  filter: none; }
@supports not (gap: clamp(28px,3vw,58px)) {
.site-header__navigation { grid-gap: 3vw; }
.site-header__navigation { gap: 3vw; }
@media (max-width: 933.33333px) { .site-header__navigation { grid-gap: 28px; }
.site-header__navigation { gap: 28px; } }
@media (min-width: 1933.33333px) { .site-header__navigation { grid-gap: 58px; }
.site-header__navigation { gap: 58px; } }
}
.site-header__navigation { display: flex; align-items: center; justify-content: flex-end; grid-gap:clamp(28px,3vw,58px);gap: clamp(28px,3vw,58px); min-width: 0; }
@supports not (gap: clamp(22px,2.4vw,48px)) {
.site-nav > ul { grid-gap: 2.4vw; }
.site-nav > ul { gap: 2.4vw; }
@media (max-width: 916.66667px) { .site-nav > ul { grid-gap: 22px; }
.site-nav > ul { gap: 22px; } }
@media (min-width: 2000px) { .site-nav > ul { grid-gap: 48px; }
.site-nav > ul { gap: 48px; } }
}
.site-nav > ul { display: flex; align-items: stretch; grid-gap:clamp(22px,2.4vw,48px);gap: clamp(22px,2.4vw,48px); margin: 0; padding: 0; list-style: none; }
.site-nav > ul > li { position: relative; }
.site-nav > ul > li > a { position: relative; display: flex; align-items: center; height: var(--header-height); padding: 2px 0 0; color: inherit; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap; transition: height .35s ease, color .25s ease; }
.site-header.is-scrolled .site-nav > ul > li > a, .site-header.is-menu-open .site-nav > ul > li > a { height: 78px; }
.site-nav > ul > li > a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--header-green); transform: scaleX(0); transform-origin: center; transition: transform .25s ease; }
.site-nav > ul > li > a:hover, .site-nav > ul > li > a.active { color: var(--brand-interactive, #087E74); }
.site-nav > ul > li > a:hover::after, .site-nav > ul > li > a.active::after { transform: scaleX(1); }
@media (min-width: 992px) {
    .site-header:not(.is-scrolled):not(.is-menu-open) .site-nav > ul > li > a { text-shadow: 0 1px 4px rgba(0, 25, 30, .4); }
    .site-header:not(.is-scrolled):not(.is-menu-open) .site-nav > ul > li > a:hover,
    .site-header:not(.is-scrolled):not(.is-menu-open) .site-nav > ul > li > a.active { color: #fff; }
    .site-header:not(.is-scrolled):not(.is-menu-open) .site-nav > ul > li > a.active { font-weight: 700; }
    .site-header:not(.is-scrolled):not(.is-menu-open) .site-nav > ul > li > a::after { background: var(--brand-primary, #26B5A6); }
}
.site-nav__submenu { position: absolute; top: calc(100% + 12px); left: 50%; min-width: 170px; padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 16px 36px rgba(17,54,63,.14); opacity: 0; visibility: hidden; transform: translate(-50%,8px); transition: opacity .22s ease, transform .22s ease, visibility .22s ease; }
.site-nav li:hover > .site-nav__submenu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.site-nav__submenu a { display: block; padding: 11px 14px; color: var(--header-ink); text-decoration: none; white-space: nowrap; }
.site-nav__submenu a:hover { color: var(--brand-interactive, #087E74); background: #f2faf8; }
.site-header__business { display: inline-flex; align-items: center; justify-content: center; min-width: 112px; height: 44px; padding: 0 20px; color: #fff; border: 1px solid rgba(255,255,255,.8); border-radius: 2px; font-size: 15px; text-decoration: none; white-space: nowrap; transition: color .25s ease, border-color .25s ease, background-color .25s ease; }
.site-header__business:hover { color: #fff; border-color: var(--brand-interactive); background: var(--brand-interactive); }
.site-header.is-scrolled .site-header__business, .site-header.is-menu-open .site-header__business { color: var(--brand-interactive, #087E74); border-color: var(--header-green); }
.site-header.is-scrolled .site-header__business:hover, .site-header.is-menu-open .site-header__business:hover { color: #fff; }
.site-header__toggle { display: none; width: 42px; height: 42px; padding: 9px; color: inherit; background: transparent; border: 0; }
.site-header__toggle span { display: block; width: 100%; height: 2px; margin: 5px 0; background: currentColor; transition: transform .25s ease, opacity .25s ease; }

@media (max-width: 1199px) {
    :root { --header-height: 82px; }
    .site-header__inner { width: calc(100% - 40px); grid-gap:24px;gap: 24px; }
    .site-header__logo img { width: 150px; }
    .site-header__navigation { grid-gap:24px;gap: 24px; }
    .site-nav > ul { grid-gap:22px;gap: 22px; }
    .site-nav > ul > li > a { font-size: 15px; }
}

@media (max-width: 991px) {
    .site-header, .site-header.is-scrolled, .site-header.is-menu-open { height: 72px; }
    .site-header__inner { width: calc(100% - 32px); }
    .site-header__logo img, .site-header.is-scrolled .site-header__logo img, .site-header.is-menu-open .site-header__logo img { width: 142px; }
    .site-header__toggle { display: block; }
    .site-header__navigation { position: absolute; top: 72px; right: 0; left: 0; display: none; padding: 14px 24px 28px; background: #fff; box-shadow: 0 18px 30px rgba(18,48,58,.1); }
    .site-header.is-menu-open .site-header__navigation { display: block; }
    .site-nav > ul { display: block; }
    .site-nav > ul > li > a, .site-header.is-scrolled .site-nav > ul > li > a, .site-header.is-menu-open .site-nav > ul > li > a { height: 52px; color: var(--header-ink); border-bottom: 1px solid #edf2f2; }
    .site-nav > ul > li > a::after { right: auto; width: 36px; }
    .site-nav__submenu { display: none; position: static; transform: none; box-shadow: none; opacity: 1; visibility: visible; }
    .site-nav li:hover > .site-nav__submenu { display: block; transform: none; }
    .site-header__business { width: 100%; margin-top: 18px; color: #fff !important; background: var(--header-green); }
    .site-header.is-menu-open .site-header__toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .site-header.is-menu-open .site-header__toggle span:nth-child(2) { opacity: 0; }
    .site-header.is-menu-open .site-header__toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

@media (max-width: 575px) {
    .site-header, .site-header.is-scrolled, .site-header.is-menu-open { height: 64px; }
    .site-header__inner { width: calc(100% - 24px); }
    .site-header__logo img, .site-header.is-scrolled .site-header__logo img, .site-header.is-menu-open .site-header__logo img { width: 132px; }
    .site-header__navigation { top: 64px; padding-right: 18px; padding-left: 18px; }
}
