/* Shared header: one site-wide source for logo, navigation, and menu layout.
   CCU: keep one base rule per expression; state rules are explicit and ordered.
   The final state selectors below intentionally win only during hover. */
:root{--max:1180px;--line:rgba(184,204,255,.15);--white:#f6f8ff;--header-blue-soft:#6da4ff}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);height:78px;margin:auto;padding:0 24px;background:rgba(5,8,20,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:.12em;font-size:14px;text-decoration:none;transform-origin:center center;transition:transform .35s ease}
.brand:hover,.brand:focus-visible{transform:scale(1.056)}
.site-header .brand{font-size:23px;gap:14px}
.site-header .brand > span{font-size:24.84px;color:#f6f8ff}
.brand b{color:var(--header-blue-soft);transition:color 0s}
.brand:hover b,.brand:focus-visible b{color:#d6a653}
.brand b.brand-global-active{color:#d6a653}
.site-logo{display:block;width:44px;height:44px;flex:none;object-fit:contain}
.maple-leaf{display:inline-block;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:24.156px;line-height:1;margin-left:2px;transform:translateY(-1px);filter:grayscale(1) brightness(0) saturate(100%) invert(23%) sepia(98%) saturate(4054%) hue-rotate(335deg) brightness(89%) contrast(88%)}
.site-nav{display:flex;align-items:center;gap:30px;font-size:17px;font-weight:600;color:#d9e1f3}
.site-nav a,.site-nav a:visited{color:#d9e1f3;transform-origin:center center;transition:color .2s ease,transform .35s ease;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#d6a653}
.site-nav a:hover{transform:scale(1.183708)}
.site-nav:has(a:hover) a[aria-current="page"]:not(:hover){color:#d9e1f3}
.site-header:has(.site-nav a:hover) .brand b.brand-global-active{color:var(--header-blue-soft)}
.site-header:has(.brand b:hover) .site-nav a[aria-current="page"]{color:#d9e1f3}
.domain-nav{display:block;padding:12px 0}
.nav-cta{padding:10px 17px;border:1px solid rgba(109,164,255,.55);border-radius:999px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--white);padding:9px 13px;border-radius:999px;font:inherit}
@media(max-width:820px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:16px;right:16px;padding:18px;flex-direction:column;align-items:stretch;gap:18px;font-size:14px;background:rgba(8,14,30,.97);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.site-nav.open{display:flex}.site-nav a{padding:13px 8px}.nav-cta{text-align:center;margin-top:6px}.site-header .brand{font-size:18px;gap:11px}}