.site-header{position:sticky;z-index:var(--z-header);top:0;border-bottom:1px solid rgba(199,219,242,.8);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 2px 12px rgba(29,44,89,.04);backdrop-filter:blur(14px)}
.site-header.is-scrolled{box-shadow:0 6px 20px rgba(29,44,89,.12)}
.site-header__inner{display:flex;min-height:var(--header-height);align-items:center;gap:clamp(.8rem,1.8vw,1.5rem)}
.brand{display:flex;min-width:18.7rem;align-items:center;gap:.75rem;color:var(--brand-navy);text-decoration:none}.brand__logo{width:4.9rem;height:4.9rem;flex:0 0 auto;object-fit:contain}.brand__copy{display:flex;flex-direction:column;line-height:1.08}.brand__prefix{font-size:12px}.brand__name{margin-top:.25rem;font-size:.76rem}.brand__motto{margin-top:.55rem;color:var(--brand-cyan);font-size:12px;font-weight:800;letter-spacing:.2em;white-space:nowrap}
.brand__asset-placeholder{display:grid;width:4.5rem;height:4.5rem;place-items:center;border:1px dashed var(--brand-steel);border-radius:50%;font-size:12px}
.primary-nav{min-width:0;margin-left:auto}.primary-nav>ul{display:flex;align-items:center;gap:clamp(.15rem,.55vw,.55rem)}.primary-nav a{display:block;padding:.85rem .2rem;border-bottom:2px solid transparent;color:var(--brand-navy);font-size:clamp(.75rem,.78vw,.85rem);font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap}.primary-nav a:hover,.primary-nav a:focus-visible{border-color:var(--brand-cyan);color:var(--brand-blue)}
.nav-item{position:relative}.nav-item__main,.submenu__item-main{display:flex;align-items:center}.nav-item__main button,.submenu__item-main button{width:1.35rem;min-width:1.35rem;height:2rem;padding:0;border:0;background:transparent;color:var(--brand-navy);cursor:pointer}.submenu{position:absolute!important;top:calc(100% - .25rem);left:0;width:max-content;display:block!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-.55rem);padding:.55rem!important;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-md);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.submenu a{padding:.65rem .7rem;border:0;border-radius:.25rem;font-size:.78rem;white-space:normal}.submenu a:hover,.submenu a:focus-visible{background:var(--surface-soft)}.submenu__item{position:relative}.submenu__item-main>a{flex:1}.submenu--nested{top:-.55rem;left:calc(100% + .5rem);transform:translateX(.55rem)}.nav-item--has-children:hover>.submenu,.nav-item--has-children:focus-within>.submenu,.nav-item--has-children.is-open>.submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.submenu__item.nav-item--has-children:hover>.submenu--nested,.submenu__item.nav-item--has-children:focus-within>.submenu--nested,.submenu__item.nav-item--has-children.is-open>.submenu--nested{transform:translateX(0)}.nav-item--has-children:hover>.nav-item__main>a,.nav-item--has-children:focus-within>.nav-item__main>a,.nav-item--has-children.is-open>.nav-item__main>a{border-color:var(--brand-cyan);color:var(--brand-blue)}
.primary-nav>ul>.nav-item--has-children>.submenu{top:calc(100% + .5rem);z-index:5}
.primary-nav>ul>.nav-item--has-children::after{content:"";position:absolute;top:100%;left:0;width:19rem;height:.5rem}
[data-theme="dark"] .brand,[data-theme="dark"] .brand__name,[data-theme="dark"] .brand__prefix,[data-theme="dark"] .primary-nav a{color:var(--text)}
[data-theme="dark"] .brand__motto{color:#63CCFF}
[data-theme="dark"] .nav-item__main button,[data-theme="dark"] .submenu__item-main button{color:#63CCFF}
@media(max-width:48rem){.container{width:min(calc(100% - 32px),var(--container))}}
@media(max-width:36rem){.container{width:min(calc(100% - 32px),var(--container))}}
.site-header__actions{display:flex;flex:0 0 auto;align-items:center;gap:.35rem}.icon-button{width:2.35rem;height:2.35rem}.theme-switch{width:3.15rem;min-height:2.35rem;justify-content:center;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface-soft);color:var(--brand-blue)}.theme-switch .icon{width:1rem;height:1rem}.button--account{min-height:2.65rem;padding:.55rem .85rem;background:var(--brand-blue);color:#fff;font-size:12px}.button--account .icon{width:1.1rem;height:1.1rem}.menu-toggle{display:none}.mobile-drawer[hidden]{display:none}.mobile-drawer{position:fixed;z-index:var(--z-drawer);inset:0}.mobile-drawer__backdrop{position:absolute;inset:0;border:0;background:rgba(10,19,39,.68)}.mobile-drawer__panel{position:absolute;top:0;right:0;width:min(24rem,90vw);height:100%;overflow:auto;padding:1.25rem;background:var(--surface);box-shadow:var(--shadow-md)}.mobile-drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mobile-nav a{display:block;padding:.9rem 0;border-bottom:1px solid var(--border);color:var(--text);font-weight:700;text-decoration:none}.mobile-nav__parent{display:flex;align-items:center}.mobile-nav__parent>a{flex:1}.mobile-nav__parent button{width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text)}.mobile-submenu{padding-left:1rem}.mobile-submenu a{font-weight:550}.mobile-submenu ul{padding-left:1rem}.mobile-submenu ul a{font-size:.9rem}.mobile-drawer__panel>.button{width:100%;margin-top:.75rem}
.site-footer{min-height:7.2rem;background:linear-gradient(100deg,var(--brand-navy),var(--brand-navy));color:#fff}.site-footer__bottom{display:grid;min-height:7.2rem;grid-template-columns:17rem 1fr auto;align-items:center;gap:1rem;font-size:12px}.site-footer__bottom p{margin:0;color:var(--blue-soft-3);line-height:1.5}.site-footer__bottom nav{display:flex;align-items:center;justify-content:center}.site-footer__bottom nav a{padding:.15rem .75rem;border-right:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none}.site-footer__mark{display:flex;align-items:center;gap:.8rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.35)}.site-footer__mark img{width:6rem;height:auto;opacity:.48}.site-footer__mark strong{font-size:12px;line-height:1.4}.social-link span:first-child{background:var(--brand-blue);color:#fff}
@media(max-width:72rem){.brand{min-width:16rem}.brand__prefix{font-size:12px}.brand__name{font-size:12px}.brand__motto{font-size:12px}.primary-nav a{font-size:12px}.button--account span{display:none}.button--account{width:2.65rem;padding:0}}
/* Keep the header collision-free on laptop/tablet widths: the full nav returns
   only when there is room for the brand, links and actions together. */
@media (min-width:56.01rem) and (max-width:100rem){.primary-nav{display:none}.menu-toggle{display:grid}.site-header__inner{gap:12px}.brand{min-width:0;margin-right:auto}.button--account span{display:none}.button--account{width:2.65rem;padding:0}}
@media(max-width:56rem){.primary-nav{display:none}.menu-toggle{display:grid}.site-header__inner{min-height:4.8rem}.brand{min-width:0;margin-right:auto}.brand__logo{width:3.9rem;height:3.9rem}.brand__prefix,.brand__motto{display:none}.brand__name{font-size:12px}.button--account{display:none}.site-footer__bottom{grid-template-columns:1fr auto}.site-footer__bottom nav{grid-column:1/-1;grid-row:1;justify-content:flex-start;padding-top:1rem}.site-footer__mark img{display:none}}
@media(max-width:36rem){.container{width:min(calc(100% - 1.25rem),var(--container))}.brand__name{display:none}.site-header__actions{gap:.2rem}.site-footer__bottom{grid-template-columns:1fr}.site-footer__bottom nav{display:grid;grid-template-columns:1fr 1fr}.site-footer__bottom nav a{border:0;padding:.3rem 0}.site-footer__mark{border:0;padding:0 0 1rem}}
@media(min-width:80rem){
  .site-header__inner{width:min(calc(100% - 4rem),100rem);display:grid;grid-template-columns:minmax(25rem,28rem) minmax(0,1fr) auto;gap:1.5rem}
  .brand{min-width:0}
  .primary-nav{margin-left:0}
  .primary-nav>ul{justify-content:flex-end;gap:.35rem}
  .primary-nav a{font-size:.75rem}
}