/* Light glass navigation. Its reserved space keeps content still as it compacts. */
.header-space{height:84px}
.header{position:fixed;inset:0 0 auto;height:84px;padding:0 28px;gap:20px;background:rgba(247,251,255,.94);color:#20384a;border-bottom:1px solid rgba(107,151,179,.18);box-shadow:0 1px 0 #ffffffa6;transition:height .28s ease,background .28s ease,box-shadow .28s ease;isolation:isolate}
.header .brand{width:86px;background:#fff;border-radius:8px;transition:width .28s ease;flex-shrink:0}
.header .brand img{display:block;width:100%;height:58px;transition:height .28s ease}
.header .nav{display:flex;position:static;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;background:none;box-shadow:none;flex-direction:row}
.header .nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 11px;font-size:12px;line-height:1.2;font-weight:500;color:#294257;border:1px solid transparent;border-radius:11px;white-space:nowrap;transition:background .22s,border-color .22s,color .22s,transform .22s;}
.header .nav a[aria-current]{color:#155b86;background:#dceefb;border-color:#c2e0f4}
.header .nav a[aria-current]:after{display:none}
.header .nav a:hover{color:#12496e;background:#d4eafb;border-color:#b5d7ef;transform:translateY(-1px)}
.header .nav a:focus-visible,.header .header-call:focus-visible,.header .menu-toggle:focus-visible{outline:2px solid #256a99;outline-offset:3px}
.header .header-call{display:none;color:#203b50;min-height:44px;justify-content:center;margin:0;transform:none;text-shadow:none}
.header .header-call span{font-size:14px}
.header .header-call small{color:#526d82;font-size:10px}
.header .menu-toggle{display:none;color:#203b50}
.header.is-compact{height:60px;background:rgba(245,250,255,.8);box-shadow:0 4px 22px #274d6a0b}
.header.is-compact .brand{width:64px}
.header.is-compact .brand img{height:44px}
.header.is-compact .nav a{background:#ffffffa6;border-color:#cbdfec85;min-height:36px;padding-block:8px}
.header.is-compact .nav a[aria-current]{background:#d9edfc;border-color:#b8dcf5;color:#155b86}
.header.is-compact .nav a:hover{background:#cfe8fb;border-color:#acd2ec}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.header{backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}}
@supports not ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.header,.header.is-compact{background:#f3f9fd}}
@media(min-width:1600px){.header .header-call{display:flex}}
@media(max-width:1300px){
  .header-space{height:70px}
  .header{height:70px;padding:0 18px;gap:12px}
  .header .brand{width:77px}.header .brand img{height:52px}
  .header .header-call{display:flex;margin-left:auto;align-items:flex-end}
  .header .header-call span{font-size:13px}.header .header-call small{font-size:10px}
  .header .menu-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;font-size:22px;border:1px solid #c4dcecf0;background:#edf7ff;border-radius:12px;padding:0;transition:background .2s}
  .header .menu-toggle:hover,.header .menu-toggle[aria-expanded=true]{background:#d4eafb;border-color:#9ec9e8}
  .header .nav{display:none}
  .header .nav.open{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:calc(100% + 7px);left:12px;right:12px;gap:6px;padding:12px;align-items:stretch;background:#f6fbff;box-shadow:0 12px 32px #254b6824;border:1px solid #ccdfec;border-radius:16px;max-height:calc(100dvh - 90px);overflow-y:auto}
  .header .nav.open a{font-size:14px;white-space:normal;line-height:1.35;min-height:48px;justify-content:flex-start;padding:12px;color:#294257;background:#fff;border:1px solid #dce8f1;border-radius:10px}
  .header .nav.open a[aria-current]{background:#d9edfc;border-color:#b8dcf5;color:#155b86}
  .header .nav.open a:hover{background:#cfe8fb}
  .header.is-compact{height:56px}
  .header.is-compact .brand{width:60px}.header.is-compact .brand img{height:40px}
  .header.is-compact .header-call small{display:none}
}
@media(max-width:360px){.header{padding-inline:12px;gap:9px}.header .header-call span{font-size:12px}.header .nav.open{left:8px;right:8px;padding:9px;gap:5px}.header .nav.open a{font-size:13px}}
.reduced .header,.reduced .header *{transition:none!important}
@media(prefers-reduced-motion:reduce){.header,.header *{transition:none!important}}