/* 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;width:104px;box-sizing:border-box;margin-right:-6px;padding:8px 10px;border:1px solid rgba(214,166,83,.62);border-radius:8px;line-height:1.1;font-size:13px;text-align:center;transition:background .35s ease,color .35s ease,border-color .35s ease}
  .menu-toggle[aria-expanded="true"]{background:#d6a653;border-color:#d6a653;color:#071126}
  .site-nav{display:none;position:absolute;top:70px;left:auto;right:18px;width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:10px 8px 0;flex-direction:column;align-items:stretch;gap:0;font-size:14px;background:rgba(8,14,30,.97);border:1px solid rgba(214,166,83,.42);border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.35);box-sizing:border-box}
  .site-nav.open{display:grid;grid-template-rows:repeat(7,38px) 39px;isolation:isolate}
  .site-nav.open::before{content:"";position:absolute;z-index:0;top:10px;right:8px;bottom:39px;left:8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,rgba(42,58,88,.70) 37px,rgba(42,58,88,.70) 38px);pointer-events:none}
  .site-header .site-nav.open a{position:relative;z-index:1;width:100%;height:38px;min-height:38px;box-sizing:border-box;margin:0;padding-inline:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;border-bottom:0}
  .site-nav.open a:last-child{height:39px;min-height:39px}
  .site-nav.open a:hover,.site-nav.open a:focus-visible{transform:scale(1.183708)}
  .nav-cta{text-align:center;margin-top:0}
  body main,body footer{transition:filter .25s ease}
  body:has(.site-nav.open) main,body:has(.site-nav.open) footer{filter:blur(20px)}
  .site-header .brand{margin-left:-6px;align-items:center;font-size:19.8636px;gap:12.0909px}
  .site-header .brand .site-logo{display:block;align-self:center;width:38px;height:38px}
  .site-header .brand>span{display:inline-flex;align-items:center;font-size:21.4527273px;line-height:1}
  .site-header .brand .maple-leaf{align-self:center;font-size:20.862px;margin-left:1.7273px;line-height:1;transform:translateY(-.8636364px)}
}