/* A shared release-stage banner across all website variants. */
:root { --pre-alpha-height: 36px; }
.pre-alpha-banner { display: flex; align-items: center; justify-content: center; gap: 12px; height: var(--pre-alpha-height); padding: 0 20px; background: var(--surface); border-bottom: 1px solid var(--border); color: var(--muted); font: 400 11px/1.4 'Geist Mono', monospace; text-align: left; }
.pre-alpha-banner strong { color: var(--accent); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; }
.hero--product .hero-orb { top: calc(64px + var(--pre-alpha-height)); height: calc(100svh - 64px - var(--pre-alpha-height)); }
html { scroll-padding-top: calc(80px + var(--pre-alpha-height)); }
@media (max-width: 860px) {
  .top .mobile-nav:not([hidden]) { max-height: calc(100svh - 64px - var(--pre-alpha-height)); }
  html[data-menu] .top .mobile-nav:not([hidden]) { top: calc(64px + var(--pre-alpha-height)); }
}
@media (max-width: 560px) {
  :root { --pre-alpha-height: 48px; }
  .pre-alpha-banner { gap: 10px; padding-inline: 20px; font-size: 10px; }
}