/* Keep the scan focused: the landing-page video hero remains exclusive to home. */
body > .framer-kvjt16-container {
  position: relative;
  z-index: 30;
}

.scan-brand-hero {
  display: none !important;
}

body #main-content {
  position: relative;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  margin: -1px var(--page-gutter) 40px;
}

body .view-hero {
  position: relative;
  z-index: 2;
  min-height: min(780px, calc(100dvh - 58px));
  padding-top: clamp(64px, 9vw, 112px);
  padding-bottom: 48px;
  background: transparent;
}

body .view-hero #scan-title {
  margin-bottom: 24px;
  font-size: clamp(46px, 6vw, 76px);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: 1;
}

body .view-hero .hero-description {
  max-width: 690px;
}

body:has(#loading-view.is-active) #main-content,
body:has(#results-view.is-active) #main-content,
body:has(#error-view.is-active) #main-content {
  padding-top: 0;
}

@media(max-width: 700px) {
  body #main-content {
    margin-right: 12px;
    margin-left: 12px;
  }

  body .view-hero {
    min-height: auto;
    padding: 72px 10px 42px;
  }

  body .view-hero #scan-title {
    font-size: clamp(42px, 12vw, 58px);
  }
}