/*
 * Minimal sync fallbacks before try-asb-landing.css applies.
 * Critical: keep the product-flow overlay out of document flow — otherwise
 * vb-product-flow.js can inject a full-section-height SVG and push the hero down.
 */

.vb-try-section--flow {
  position: relative;
}

.vb-product-flow-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  overflow: visible;
}

.vb-hero-wide--above-flow {
  position: relative;
  z-index: 1;
}

/* Screenshot frames: reserve ratio so images don't pop in */
.vb-screenshot-card__frame {
  aspect-ratio: 1664 / 862;
}

#vb-screenshot-lightbox-img {
  aspect-ratio: 1664 / 862;
  width: 100%;
  height: auto;
}