/* V149 — one identical top navigation for every subpage */
:root{
  --v149-nav-line: rgba(255,255,255,.14);
  --v149-nav-line-hover: rgba(255,255,255,.32);
  --v149-nav-bg: rgba(8,8,9,.90);
  --v149-nav-button: #0b0b0c;
  --v149-nav-button-hover: #151517;
}

/* Old page-specific headers are replaced by the shared header below. */
body > .boost-brandbar,
body > .story-header,
body > .download-header,
body > .fonts-header,
body > header.top,
body > main.shell > .topbar{
  display:none !important;
}

.boost-unified-nav{
  position:fixed !important;
  top:max(10px, env(safe-area-inset-top)) !important;
  left:10px !important;
  right:10px !important;
  z-index:1000 !important;
  width:auto !important;
  max-width:1180px !important;
  min-height:62px !important;
  margin:0 auto !important;
  padding:9px 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border:1px solid var(--v149-nav-line) !important;
  border-radius:15px !important;
  background:var(--v149-nav-bg) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  animation:v149-nav-in .45s cubic-bezier(.2,.8,.2,1) both;
}

.boost-unified-nav-button{
  position:relative !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  flex:0 0 42px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border:1px solid var(--v149-nav-line) !important;
  border-radius:12px !important;
  background:var(--v149-nav-button) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:none !important;
  line-height:1 !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), border-color .18s ease, background .18s ease !important;
}

.boost-unified-nav-button:hover,
.boost-unified-nav-button:focus-visible{
  border-color:var(--v149-nav-line-hover) !important;
  background:var(--v149-nav-button-hover) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
.boost-unified-nav-button:active{transform:scale(.96) !important}

.boost-unified-nav-logo img{
  width:34px !important;
  height:34px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  border-radius:9px !important;
  background:#000 !important;
  box-shadow:none !important;
  animation:none !important;
}

/* Visually balanced chat bubble. The three dots are exactly centered in the bubble body. */
.boost-unified-nav-contact svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform:none !important;
  transform-origin:center !important;
}
.boost-unified-nav-contact svg circle{
  fill:currentColor !important;
  stroke:none !important;
}

.boost-unified-nav-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

.boost-unified-nav-spacer{
  display:block !important;
  width:100% !important;
  height:calc(82px + env(safe-area-inset-top)) !important;
  pointer-events:none !important;
}

@keyframes v149-nav-in{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:620px){
  .boost-unified-nav{
    left:10px !important;
    right:10px !important;
    min-height:60px !important;
    padding:8px 9px !important;
    border-radius:14px !important;
  }
  .boost-unified-nav-button{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    flex-basis:40px !important;
    border-radius:11px !important;
  }
  .boost-unified-nav-logo img{
    width:32px !important;
    height:32px !important;
    border-radius:8px !important;
  }
  .boost-unified-nav-contact svg{
    width:20px !important;
    height:20px !important;
  }
  .boost-unified-nav-spacer{
    height:calc(78px + env(safe-area-inset-top)) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .boost-unified-nav,
  .boost-unified-nav-button{
    animation:none !important;
    transition:none !important;
  }
}