/* Mobile conversion-focus variant: service -> call -> proof -> trust */
@media (max-width: 620px) {
  .hero,
  .hero-content {
    min-height: 540px !important;
  }

  .hero-content {
    justify-content: center !important;
    padding: 30px 0 28px !important;
  }

  .location-chip,
  .hero-offer-line,
  .hero-callback,
  .hero-next {
    display: none !important;
  }

  .obvious-result-title {
    margin-top: 0 !important;
  }

  .hero-copy {
    max-width: 330px;
    margin-top: 18px !important;
    font-size: 17px !important;
    line-height: 1.42 !important;
  }
  .primary-actions {
    width: min(350px, 100%) !important;
    margin-top: 20px !important;
  }

  .action-call-primary {
    min-height: 62px !important;
    font-family: var(--body) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  .hero-proof {
    width: min(350px, 100%);
    margin-top: 18px !important;
  }

  .hero-proof-rating {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .hero-proof-credentials {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .trust-rail strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

/* Spring-replacement hero example */
.spring-example-title .obvious-result-highlight {
  font-size: .82em;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .spring-example-title .obvious-result-highlight {
    font-size: .72em;
  }
}

/* v3: first mobile viewport ends with the moving brand strip */
@media (max-width: 620px) {
  .hero,
  .hero-content {
    min-height: calc(100svh - 184px) !important;
  }

  .hero-content {
    justify-content: center !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}