/* Production exposes the marketing story only. Authentication and the app stay staging-only. */
.nav-links,
.nav-login,
.nav-mobile-login,
.nav-toggle,
.mobile-drawer,
[data-public-auth-cta],
.pricing-preview {
  display: none !important;
}

.hero .microcopy,
.final-cta {
  visibility: hidden;
}

.production-preview-ready .hero .microcopy,
.production-preview-ready .final-cta {
  visibility: visible;
}

.development-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(8, 104, 144, 0.2);
  border-radius: 999px;
  background: rgba(231, 243, 246, 0.86);
  color: #086890;
  padding: 10px 15px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.development-badge::before {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f59e0b;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.12);
  content: "";
}

.production-preview-ready .footer-inner {
  grid-template-columns: minmax(0, 1fr);
}

.footer-development-status {
  color: #086890;
  font-weight: 700;
}

@media (max-width: 760px) {
  body {
    overflow-x: hidden;
  }

  .slogan-hero-copy {
    min-width: 0;
    max-width: 100%;
  }

  .slogan-hero h1 {
    min-width: 0;
    max-width: 100%;
    font-size: clamp(2.05rem, 10.4vw, 4rem);
  }

  .slogan-hero-lede {
    max-width: 31ch;
    font-size: clamp(0.94rem, 4.2vw, 1.08rem);
  }

  .development-badge {
    padding: 9px 11px;
    font-size: 0.65rem;
    letter-spacing: 0.06em;
  }

  .production-preview-ready .nav-actions {
    display: flex !important;
  }
}