.site-header { position: relative; z-index: 2; color: white; background: #171225; border-bottom: 1px solid #3a2e4c; }
.nav-row { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; flex-shrink: 0; align-items: center; }
.brand img { width: 170px; height: auto; }
.site-nav { display: flex; align-items: center; gap: clamp(14px, 2.5vw, 33px); }
.site-nav > a:not(.button) { display: inline-flex; align-items: center; min-height: 44px; color: #e7e0f2; font-size: .92rem; font-weight: 650; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current] { color: #d9c2ff; text-decoration: underline; }
.nav-cta, .nav-mobile.button { background: #c8aaff; color: #22123b; font-size: .9rem; }
.nav-cta:hover, .nav-mobile.button:hover { color: #22123b; background: #dfceff; }
.site-nav .nav-mobile, .menu-toggle { display: none; }
@media (max-width: 830px) {
    .nav-row { min-height: 68px; flex-wrap: wrap; gap: 0 12px; }
    .nav-cta { display: none; }
    .menu-toggle { display: flex; align-items: center; gap: 8px; min-height: 44px; border: 1px solid #6b567e; border-radius: 8px; color: white; background: transparent; padding-inline: 10px; }
    .site-nav { display: flex; width: 100%; flex-wrap: wrap; column-gap: 20px; row-gap: 5px; padding-bottom: 14px; }
    .site-nav .nav-mobile { display: inline-flex; }
}