:root{--site-nav-height:76px}
.site-nav{position:sticky;top:0;z-index:60;background:rgba(16,24,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.6}
.site-nav,.site-nav *{box-sizing:border-box}
.site-nav .nav-inner{max-width:1228px;height:var(--site-nav-height);margin:0 auto;padding:14px 24px;align-items:center}
.site-nav .nav-brand{display:flex;align-items:center;gap:11px;color:#fff;flex-shrink:0}
.site-nav .nav-brand svg{width:21px;height:28px;flex-shrink:0}
.nav-wordmark{display:flex;flex-direction:column;line-height:1}
.nav-wordmark b{font-size:26px;font-weight:800;letter-spacing:-.05em;color:#80c3e8}
.nav-wordmark>span{font-size:11px;font-weight:600;letter-spacing:.02em;color:#9aa3b0;margin-top:3px}
.nav-wordmark em{font-style:normal;color:#fa0}
@media(max-width:900px){
  :root{--site-nav-height:72px}
  /* A filtered ancestor would make the fixed mobile menu relative to the navbar. */
  .site-nav{--nav-inset:clamp(20px,6vw,32px);background:#101820;backdrop-filter:none}
  .site-nav .nav-inner{padding:14px var(--nav-inset)}
}