.site-header { position: fixed; inset: 0 0 auto 0; height: var(--header-h); z-index: 1000; transition: background .28s var(--ease), box-shadow .28s var(--ease), height .28s var(--ease), color .28s var(--ease); color: #fff; }
.site-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(3,22,40,.42), rgba(3,22,40,0)); opacity: 1; transition: opacity .28s var(--ease); }
.site-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; position: relative; z-index: 1; }
.site-header__brand { display: inline-flex; align-items: center; min-width: 390px; transition: transform .24s var(--ease); }
.site-header__brand:hover { transform: scale(1.025); }
.site-header__brand img { height: 86px; width: auto; filter: drop-shadow(0 6px 12px rgba(0,0,0,.24)); }
.site-header__logo--blue { display: none; }
.site-header.is-scrolled, .site-header--solid { background: rgba(255,255,255,.95); box-shadow: 0 10px 34px rgba(8,43,79,.10); backdrop-filter: blur(18px); color: var(--color-ink); }
.site-header.is-scrolled::before, .site-header--solid::before { opacity: 0; }
.site-header.is-scrolled .site-header__logo--white, .site-header--solid .site-header__logo--white { display: none; }
.site-header.is-scrolled .site-header__logo--blue, .site-header--solid .site-header__logo--blue { display: block; }
.site-header.is-scrolled .site-header__brand img, .site-header--solid .site-header__brand img { filter: none; }
.nav { display: flex; align-items: center; gap: .2rem; }
.nav__link { position: relative; padding: .65rem .74rem; border-radius: 999px; font-weight: 700; font-size: .96rem; color: inherit; text-shadow: 0 2px 10px rgba(0,0,0,.38); transition: transform .22s var(--ease), background .22s var(--ease), color .22s var(--ease), box-shadow .22s var(--ease); }
.nav__link:hover, .nav__link.is-active { background: rgba(255,255,255,.16); transform: translateY(-1px) scale(1.045); box-shadow: 0 10px 22px rgba(0,0,0,.10); }
.nav__link:active { transform: scale(.97); }
.site-header.is-scrolled .nav__link, .site-header--solid .nav__link { text-shadow: none; }
.site-header.is-scrolled .nav__link:hover, .site-header--solid .nav__link:hover, .site-header.is-scrolled .nav__link.is-active, .site-header--solid .nav__link.is-active { background: var(--color-primary-soft); color: var(--color-primary); }
.nav__cta { margin-left: .45rem; background: var(--color-accent); color: #142536 !important; box-shadow: 0 10px 24px rgba(242,169,0,.28); text-shadow: none; }
.nav__cta:hover { box-shadow: 0 14px 34px rgba(242,169,0,.38); }
.menu-toggle { display: none; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.12); color: currentColor; border-radius: 999px; align-items: center; justify-content: center; }
.site-header.is-scrolled .menu-toggle, .site-header--solid .menu-toggle { border-color: var(--color-border); background: #fff; }
.menu-toggle span { position: relative; width: 20px; height: 2px; background: currentColor; border-radius: 99px; transition: background .2s var(--ease); }
.menu-toggle span::before, .menu-toggle span::after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; border-radius: 99px; background: currentColor; transition: transform .22s var(--ease), top .22s var(--ease); }
.menu-toggle span::before { top: -7px; }
.menu-toggle span::after { top: 7px; }
body.menu-open { overflow: hidden; }
body.menu-open .menu-toggle span { background: transparent; }
body.menu-open .menu-toggle span::before { top: 0; transform: rotate(45deg); }
body.menu-open .menu-toggle span::after { top: 0; transform: rotate(-45deg); }
.drawer-backdrop { position: fixed; inset: 0; z-index: 998; background: rgba(8,43,79,.48); opacity: 0; pointer-events: none; transition: opacity .25s var(--ease); }
body.menu-open .drawer-backdrop { opacity: 1; pointer-events: auto; }