/* Static-export support.
   The React version mounted only the active slide / tab. The exported HTML
   ships every state so navigation works without a framework, so these rules
   decide which one is visible. */

/* --- hero slider --- */
.hero-video-overlay {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.hero-video-overlay.active {
  opacity: 1;
}

.hero-text-block {
  display: none;
}
.hero-text-block.active {
  display: block;
  animation: heroTextIn 0.7s ease both;
}
@keyframes heroTextIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}

/* --- solution tabs --- */
.solutions-blurb {
  display: none;
}
.solutions-blurb.active {
  display: block;
}
.solutions-grid {
  display: none;
}
.solutions-grid.active {
  display: grid;
}

/* --- static form notice --- */
.static-form-note {
  margin-top: 0.85rem;
  padding: 0.7rem 0.9rem;
  border-radius: 10px;
  background: rgba(14, 165, 233, 0.1);
  border: 1px solid rgba(14, 165, 233, 0.35);
  color: #0369a1;
  font-size: 0.9rem;
  line-height: 1.5;
}
.qw-form .static-form-note {
  color: #e0f2fe;
  background: rgba(14, 165, 233, 0.18);
}

/* --- no-JavaScript fallback: never leave content invisible --- */