/* Shared menu in the light theme (v1078), for public pages with body.site-light. Same rules the home uses. */
:root {
    --hl-bg: #fafaf8;
    --hl-surface: #ffffff;
    --hl-soft: #f2f3f7;
    --hl-ink: #0f1222;
    --hl-text: #3d4456;
    --hl-muted: #5a6275;
    --hl-line: #e6e8ef;
    --hl-line-strong: #d5d9e4;
    --hl-accent: #5b3df5;
    --hl-accent-ink: #4327d9;
    --hl-accent-soft: #efecff;
    --hl-cyan: #0bb5d6;
    --hl-gradient: linear-gradient(100deg, #0bb5d6 0%, #5b3df5 70%);
    --hl-success: #0f9d6b;
    --hl-danger: #d6324f;
    --hl-shadow-sm: 0 1px 2px rgba(15, 18, 34, .05);
    --hl-shadow: 0 1px 2px rgba(15, 18, 34, .04), 0 12px 32px rgba(15, 18, 34, .06);
    --hl-shadow-lg: 0 2px 4px rgba(15, 18, 34, .04), 0 24px 60px rgba(15, 18, 34, .1);
    --hl-font-head: 'Plus Jakarta Sans', 'Outfit', system-ui, sans-serif;
    --hl-font-body: 'Inter', 'Outfit', system-ui, sans-serif;
}
.site-light .site-header { --accent-primary: var(--hl-accent); --glass-border: var(--hl-line); --text-muted: var(--hl-muted); --font-heading: var(--hl-font-head); color: var(--hl-ink); font-family: var(--hl-font-body); background: rgba(250, 250, 248, .78); border-bottom: 1px solid transparent; backdrop-filter: saturate(1.6) blur(16px); -webkit-backdrop-filter: saturate(1.6) blur(16px); }
.site-light .site-header.site-header--home:not(.scrolled):not(.mobile-nav-open) { background: rgba(250, 250, 248, .55); }
.site-light .site-header.scrolled { background: rgba(255, 255, 255, .88); border-bottom-color: var(--hl-line); box-shadow: 0 6px 24px rgba(15, 18, 34, .05); }
.site-light .site-header .logo { color: var(--hl-ink); }
.site-light .site-header .logo span { color: var(--hl-accent); }
/* v1078: a white logo would vanish on the light header, so it is shown in the ink color. */
.site-light .site-header .logo[data-logo-tone="light"] img,
.site-light .site-footer-logo[data-logo-tone="light"] img { filter: brightness(0) saturate(100%); opacity: .9; }
.site-light .site-header .nav-links > li > a { color: var(--hl-text); font-weight: 500; transition: color .2s; }
.site-light .site-header .nav-links > li > a:hover { color: var(--hl-ink); }
.site-light .site-header .nav-links > li > a:not(.btn-outline)::after { background: var(--hl-gradient); height: 2px; border-radius: 2px; }
.site-light .site-header .nav-links > li > a[aria-current] { color: var(--hl-ink); }
.site-light .site-header .nav-links > li > a[aria-current]:not(.btn-outline)::after { width: 100%; }
.site-light .site-header .nav-client-trigger { color: var(--hl-ink); }
.site-light .site-header .nav-client-trigger .icon-svg { color: var(--hl-accent); }
.site-light .site-header .nav-client-trigger:hover, .site-light .site-header .nav-client-trigger[aria-expanded="true"] { background: var(--hl-soft); border-color: var(--hl-line); }
.site-light .site-header .nav-links > li > a.btn-outline { background: var(--hl-ink); color: #fff; border-color: var(--hl-ink); font-weight: 600; }
.site-light .site-header .nav-links > li > a.btn-outline:hover { color: #fff; background: var(--hl-accent); border-color: var(--hl-accent); }
.site-light .site-header .hamburger { color: var(--hl-ink); background: var(--hl-surface); border-color: var(--hl-line); }
.site-light .site-header .client-popover-card { background: var(--hl-surface); border-color: var(--hl-line); box-shadow: var(--hl-shadow-lg); color: var(--hl-text); backdrop-filter: none; }
.site-light .site-header .client-popover-card::before { display: none; }
.site-light .site-header .client-popover-kicker { color: var(--hl-accent); background: var(--hl-accent-soft); border-color: transparent; }
.site-light .site-header .client-popover-head h3 { color: var(--hl-ink); }
.site-light .site-header .client-popover-copy, .site-light .site-header .client-popover-field label { color: var(--hl-muted); }
.site-light .site-header .client-popover-close { color: var(--hl-ink); background: var(--hl-soft); border-color: var(--hl-line); }
.site-light .site-header .client-popover-field input { background: var(--hl-surface); color: var(--hl-ink); border-color: var(--hl-line-strong); }
.site-light .site-header .client-popover-field input:focus { border-color: var(--hl-accent); box-shadow: 0 0 0 4px var(--hl-accent-soft); }
.site-light .site-header .client-popover-submit { background: var(--hl-ink); color: #fff; box-shadow: none; }
.site-light .site-header .client-popover-submit:hover { background: var(--hl-accent); }
.site-light .site-header .client-popover-links a { color: var(--hl-accent); }
.site-light .site-header .client-popover-notice { background: #fdecef; color: var(--hl-danger); border-color: #f7c6cf; }
.site-light .site-header .client-popover-notice.success { background: #e7f7f0; color: var(--hl-success); border-color: #bfe8d6; }
.site-light .site-header .site-account-links a:hover { background: var(--hl-soft); }
.site-light .site-header .site-account-links .site-account-logout { color: var(--hl-danger); }
@media (max-width: 1180px) {
    .site-light .site-header .nav-links { background: var(--hl-surface); border-color: var(--hl-line); box-shadow: var(--hl-shadow-lg); }
    .site-light .site-header .nav-links > li > a, .site-light .site-header .nav-client-trigger { background: transparent; }
    .site-light .site-header .nav-links > li > a:hover, .site-light .site-header .nav-links > li > a[aria-current] { background: var(--hl-soft); }
    .site-light .site-header .nav-links .btn-outline { justify-content: center; color: #fff; background: var(--hl-ink); }
}