.site-header{position:fixed;top:0;left:0;right:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;transition:padding .25s}.site-header .header-row{border:1px solid transparent;border-radius:16px;transition:background .25s,border-color .25s,box-shadow .25s}.site-header.has-scrolled{padding:8px 0}.site-header.has-scrolled .header-row{background:#142033de;border-color:#a5bfd421;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 35px #07122125}.hero{padding-top:78px}.site-header .mobile-nav:not([hidden]){background:#142033f5;border:1px solid #a5bfd421;border-radius:16px;max-height:calc(100dvh - 90px);overflow-y:auto}.header-actions>#language{display:block}.site-header:not(.has-scrolled):not(:has(.mobile-nav:not([hidden]))){background:transparent}@media(max-width:800px){.hero{padding-top:66px}.site-header.has-scrolled{padding:5px 0}}@media(prefers-reduced-motion:reduce){.site-header,.site-header .header-row{transition:none}}
/* Stable geometry: only the surface changes on scroll. */
.site-header,.site-header.has-scrolled{padding:8px 0;transition:none}.site-header .header-row{width:min(1220px,calc(100% - 32px));height:72px;padding:0 20px;box-sizing:border-box;gap:24px;flex-wrap:nowrap}.site-header .header-row>.brand,.site-header .header-actions{flex-shrink:0}.site-header .desktop-nav{white-space:nowrap}.site-header.has-scrolled .header-row{background:#142033f0}.hero{padding-top:88px}html{scroll-padding-top:108px}
@media(min-width:801px) and (max-width:1000px){.site-header .header-row{gap:16px;padding-inline:16px}.site-header .desktop-nav{font-size:12px;gap:16px}.site-header .header-actions{gap:12px}.site-header .header-actions>.button{padding-inline:12px;font-size:10px}}
@media(max-width:800px){.site-header,.site-header.has-scrolled{padding:5px 0}.site-header .header-row{width:calc(100% - 20px);height:60px;padding:0 8px;gap:12px}.site-header .mobile-nav:not([hidden]){margin-top:7px;width:calc(100% - 20px);padding-inline:16px}.hero{padding-top:70px}html{scroll-padding-top:88px}}

.site-header .mobile-nav:not([hidden]) {
  background: #142033;
  padding: 8px;
  box-shadow: 0 18px 40px #070f20a6;
}
.site-header .mobile-nav a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 9px;
}
.site-header .mobile-nav a:is(:hover,:focus-visible) { background: #22334d; }
.site-header .mobile-nav a:last-child { background: #243650; margin-top: 5px; }