.site-nav{display:none}
@media(min-width:640px){
  .site-nav{
    display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:100;
    padding:16px clamp(24px,5vw,64px);
    background:rgba(16,37,27,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    font-family:'IBM Plex Mono',ui-monospace,monospace;
  }
  .site-mark{color:#f4f8f2;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:-.08em}
  .site-mark span{color:#8fe3b2}
}
@media(max-width:639px){.site-nav{display:none}}
.site-nav .gs-menu-btn{width:38px;height:38px}
.site-nav .gs-menu-panel{z-index:999}
.site-nav-left{display:flex;align-items:center;gap:12px}
.beta-pill{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;
  background:rgba(244,248,242,.1);border:1px solid rgba(244,248,242,.28);color:#eaf4ee;
  font:600 8.5px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:900px){.beta-pill{display:none}}