.site-header { box-sizing: border-box; position: fixed; inset: 0 0 auto; z-index: 110; min-height: 76px; display: flex; align-items: center; gap: 36px; padding: 0 max(28px, calc((100vw - 1400px)/2)); background: #090d16f5; border-bottom: 1px solid #ffffff14; font: 500 13px/1.5 Manrope,system-ui,sans-serif; color: #eff4ff; }
.site-header * { box-sizing: border-box; }
.site-header a { color: #b5c0d2; text-decoration: none; }
.site-header a:hover { color: #fff; }
.site-header a:focus-visible,.site-header button:focus-visible { outline: 2px solid #a4bfff; outline-offset: 5px; }
.site-brand { display: flex; align-items: center; gap: 11px; flex-shrink: 0; color: #eff4ff !important; font-size: 17px; letter-spacing: -.025em; }
.site-brand b { font-weight: 500; color: #c0cbe0; }
.brand-logo { display:block; width:140px; height:30px; object-fit:contain; flex:none; }
.mkt-brand .brand-logo { width:150px; height:33px; }
.demo-wordmark .brand-logo { width:120px; height:26px; }
.brand-diagram-mark { object-fit:contain; z-index:2; }
.showcase-control-visual > .brand-diagram-mark { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.mkt-radar > .brand-diagram-mark { position:relative; }
.site-brand-symbol { display: flex; align-items: end; gap: 3px; width: 26px; height: 24px; }
.site-brand-symbol i { width: 5px; background: #a4bfff; border-radius: 1px; height: 14px; }
.site-brand-symbol i:nth-child(2) { height: 23px; }.site-brand-symbol i:nth-child(3) { height: 18px; }
.site-menu-panel { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 25px; min-width: 0; }
.site-menu-panel nav { display: flex; align-items: center; gap: clamp(16px,1.7vw,28px); }
.site-menu-panel nav a { position: relative; padding: 27px 0; white-space: nowrap; }
.site-menu-panel nav a[aria-current=page] { color: #fff; }
.site-menu-panel nav a[aria-current=page]::after { content: ''; position: absolute; height: 2px; background: #a4bfff; bottom: 16px; left: 0; right: 0; border-radius: 2px; }
.site-account-links { display: flex; gap: 20px; align-items: center; white-space: nowrap; }
.site-account-links .site-access-link { display: inline-flex; align-items: center; gap: 15px; padding: 11px 15px; border-radius: 6px; color: #09101f; background: #c2d3fb; font-weight: 700; }
.site-account-links .site-access-link:hover { background: #dce6ff; color: #09101f; }
.site-menu-button { background: #151e2f; border: 1px solid #ffffff25; color: #eff4ff; border-radius: 6px; min-height: 44px; padding: 9px 13px; font: inherit; cursor: pointer; }
.site-menu-button span { margin-left: 10px; }
.site-header [hidden] { display: none !important; }
.has-site-header :target { scroll-margin-top: 104px; }
@media (max-width: 1120px) {
  .site-header { min-height: 68px; padding: 12px 24px; justify-content: space-between; flex-wrap: wrap; gap: 0; background:#090d16; }
  .site-header:not(.menu-ready) { position: relative; }
  html.site-menu-open { overflow:hidden; scrollbar-gutter:stable; }
  .site-menu-panel { flex:0 0 100%; display:flex; flex-direction:column; align-items:stretch; gap:24px; overflow-y:auto; overscroll-behavior:contain; padding:24px; background:#090d16; }
  .menu-ready .site-menu-panel { position:fixed; inset:68px 0 0; max-height:calc(100dvh - 68px); border-top:1px solid #ffffff16; padding-bottom:max(24px,env(safe-area-inset-bottom)); }
  .site-menu-panel nav { display:flex; flex-direction:column; align-items:stretch; flex:none; gap:6px; width:100%; max-width:560px; margin:0 auto; }
  .site-menu-panel nav a { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; min-height:52px; border-radius:8px; font-size:17px; border:1px solid transparent; }
  .site-menu-panel nav a::after { content:'↗'; position:static; color:#7f91ae; font-size:16px; }
  .site-menu-panel nav a[aria-current=page] { background:#19263d; border-color:#a4bfff40; color:#edf3ff; }
  .site-menu-panel nav a[aria-current=page]::after { content:'•'; position:static; width:auto; height:auto; background:none; color:#baceff; }
  .site-account-links { flex:none; width:100%; max-width:560px; margin:0 auto; padding:24px 0 0; border-top:1px solid #ffffff20; display:grid; grid-template-columns:1fr 1fr; gap:12px; text-align:center; }
  .site-account-links > a { display:flex; min-height:48px; align-items:center; justify-content:center; border:1px solid #ffffff25; border-radius:8px; }
  .site-account-links .site-access-link { padding:12px; gap:8px; border-radius:8px; }
}
@media (max-width: 420px) { .site-header { padding-inline:18px; }.site-menu-panel { padding:18px; }.site-account-links { font-size:13px; } }