.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 72px;
    overflow: visible;
    border-bottom: 1px solid rgb(167 243 208 / 18%);
    background: linear-gradient(118deg, #063c31 0%, #075e48 58%, #0a7458 100%);
    box-shadow: 0 8px 28px rgb(6 78 59 / 17%);
}
.site-header .header-inner { position: relative; z-index: 2; width: min(1320px, calc(100% - 48px)); height: 100%; margin-inline: auto; padding: 0; display: flex; align-items: center; }
.site-header .brand { display: inline-flex; flex: 0 0 auto; align-items: center; border-radius: 8px; }
.site-header .brand img { display: block; width: 176px; height: auto; opacity: 1; filter: brightness(0) invert(1); }
.site-header .top-nav { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.site-header .top-nav > a { position: relative; display: inline-flex; min-height: 42px; padding: 10px 12px; align-items: center; justify-content: center; border-radius: 9px; color: #d9eee7; font-size: 13px; font-weight: 720; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.site-header .top-nav > a:hover, .site-header .top-nav > a[aria-current="page"] { color: #fff; background: rgb(255 255 255 / 10%); }
.site-header .top-nav > a:focus-visible, .site-menu-toggle:focus-visible { outline: 3px solid rgb(167 243 208 / 42%); outline-offset: 2px; }
.site-header .top-nav .nav-account { margin-left: 4px; padding-inline: 13px; color: #fff; background: rgb(255 255 255 / 11%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%); }
.site-header .top-nav .nav-account:hover, .site-header .top-nav .nav-account[aria-current="page"] { background: rgb(255 255 255 / 18%); }
.site-header .top-nav .nav-cta { min-height: 46px; margin-left: 8px; padding: 11px 18px; border: 1px solid rgb(255 255 255 / 78%); color: #075e48; background: #f6fff9; box-shadow: 0 6px 18px rgb(0 0 0 / 13%); }
.site-header .top-nav .nav-cta:hover { color: #064e3b; background: #fff; box-shadow: 0 8px 22px rgb(0 0 0 / 18%); transform: translateY(-1px); }
.site-header .language-switcher { display: inline-flex; align-items: center; gap: 5px; margin-left: 5px; padding: 0 8px; color: rgb(216 238 230 / 62%); font-size: 12px; font-weight: 800; }
.site-header .language-switcher a { padding: 8px 2px; border-radius: 5px; color: rgb(216 238 230 / 66%); text-decoration: none; }
.site-header .language-switcher a:hover, .site-header .language-switcher a[aria-current="page"] { color: #fff; text-decoration: none; }
.site-header .language-switcher a[aria-current="page"]::after { content: ""; display: block; height: 2px; margin-top: 1px; border-radius: 99px; background: #8ce3c3; }
.site-header .language-label { display: none; }
.site-menu-toggle { display: none; width: 46px; height: 46px; margin-left: auto; padding: 0; place-items: center; border: 1px solid rgb(255 255 255 / 26%); border-radius: 10px; color: #fff; background: rgb(255 255 255 / 9%); cursor: pointer; }
.site-menu-toggle:hover { background: rgb(255 255 255 / 15%); }
.menu-toggle-icon { position: relative; display: block; width: 22px; height: 16px; }
.menu-toggle-icon span { position: absolute; left: 0; width: 22px; height: 2px; border-radius: 99px; background: currentColor; transform-origin: center; transition: top .18s ease, transform .18s ease, opacity .14s ease; }
.menu-toggle-icon span:nth-child(1) { top: 0; }
.menu-toggle-icon span:nth-child(2) { top: 7px; }
.menu-toggle-icon span:nth-child(3) { top: 14px; }
.site-header.is-menu-open .menu-toggle-icon span:nth-child(1) { top: 7px; transform: rotate(45deg); }
.site-header.is-menu-open .menu-toggle-icon span:nth-child(2) { opacity: 0; }
.site-header.is-menu-open .menu-toggle-icon span:nth-child(3) { top: 7px; transform: rotate(-45deg); }

@media (max-width: 1024px) {
    body.site-menu-open { overflow: hidden; }
    .site-header { height: 66px; }
    .site-header .header-inner { width: min(100% - 28px, 1320px); }
    .site-header .brand img { width: 164px; }
    .site-menu-toggle { display: grid; }
    .site-header::before { content: ""; position: fixed; z-index: 0; inset: 66px 0 0; visibility: hidden; background: rgb(4 24 19 / 48%); opacity: 0; backdrop-filter: blur(2px); transition: opacity .18s ease, visibility .18s ease; }
    .site-header.is-menu-open::before { visibility: visible; opacity: 1; }
    .site-header .top-nav { position: absolute; top: calc(100% + 10px); right: 0; display: grid; width: min(390px, calc(100vw - 28px)); max-height: calc(100dvh - 88px); margin: 0; padding: 12px; overflow-y: auto; gap: 4px; border: 1px solid #cfe0d9; border-radius: 15px; visibility: hidden; opacity: 0; background: rgb(255 255 255 / 98%); box-shadow: 0 24px 70px rgb(5 42 32 / 28%); transform: translateY(-8px) scale(.985); transform-origin: top right; pointer-events: none; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
    .site-header.is-menu-open .top-nav { visibility: visible; opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
    .site-header .top-nav > a, .site-header .top-nav .nav-account, .site-header .top-nav .nav-cta { display: flex !important; width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; justify-content: flex-start; border: 0; border-radius: 9px; color: #24483d; background: transparent; box-shadow: none; font-size: 14px; }
    .site-header .top-nav > a:hover, .site-header .top-nav > a[aria-current="page"], .site-header .top-nav .nav-account:hover, .site-header .top-nav .nav-account[aria-current="page"] { color: #064e3b; background: #edf7f3; }
    .site-header .top-nav .nav-account { margin-top: 4px; border-top: 1px solid #e1ebe7; border-radius: 0 0 9px 9px; }
    .site-header .top-nav .nav-cta { margin-top: 6px; justify-content: center; color: #fff; background: #067052; box-shadow: 0 7px 18px rgb(6 112 82 / 20%); }
    .site-header .top-nav .nav-cta:hover { color: #fff; background: #055d45; transform: none; }
    .site-header .language-switcher { width: 100%; margin: 3px 0 0; padding: 9px 13px 4px; justify-content: flex-start; color: #8a9a94; }
    .site-header .language-label { display: inline; margin-right: auto; color: #687d75; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
    .site-header .language-switcher a { color: #597069; }
    .site-header .language-switcher a:hover, .site-header .language-switcher a[aria-current="page"] { color: #067052; }
}
@media (max-width: 420px) {
    .site-header .header-inner { width: min(100% - 22px, 1320px); }
    .site-header .brand img { width: 150px; }
    .site-menu-toggle { width: 44px; height: 44px; }
    .site-header .top-nav { width: calc(100vw - 22px); }
}
@media (prefers-reduced-motion: reduce) { .site-header .top-nav, .site-header::before, .menu-toggle-icon span { transition: none; } }