/* =============================================
   Custom overrides for Webflow export
   Loaded after zbang-ai-3fa1f2.webflow.min.css
   ============================================= */

/* --- Skip-to-content (accessibility) --- */
.skip-to-content {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  padding: 12px 24px;
  background: var(--brand-color-01);
  color: #fff;
  font-weight: 600;
  border-radius: 0 0 8px 0;
  text-decoration: none;
  font-size: 14px;
}
.skip-to-content:focus {
  left: 0;
}

/* --- Nav CTA button: fix cramped padding, taller pill --- */
.button-secondary {
  height: auto !important;
  min-height: 56px !important;
  padding: 14px 32px !important;
}

/* --- Nav CTA: CSS-only hover fallback (Webflow JS may not load) --- */
.button-secondary-inner {
  transition: background-color 0.3s ease;
}
.button-secondary-text {
  transition: color 0.3s ease;
}
.button-secondary:hover .button-secondary-inner {
  background-color: #0d0d0d;
}
.button-secondary:hover .button-secondary-text {
  color: #32d9f6;
}

/* --- Nav link gap: 12px → 14px for breathing room --- */
.nav-links-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
}

/* --- Hero mobile: replace 35vw with stable value --- */
@media screen and (max-width: 479px) {
  .hero-wrapper {
    padding-top: 100px;
  }
  h3 {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 24px;
  }
}

/* --- Button border-radius unification --- */
.button-secondary,
.button-secondary-glow-wrapper,
.button-secondary-border,
.button-secondary-inner,
.button-secondary-hover {
  border-radius: 33px;
}