/* Компактный первый экран для страниц /raschet и /tseny. */
@media (min-width: 981px) {
  .hero-text {
    max-width: min(690px, 52vw) !important;
  }

  .hero-h1 {
    font-size: clamp(42px, 3.75vw, 54px) !important;
    line-height: 1 !important;
    margin: 12px 0 !important;
  }

  .hero-lead {
    font-size: 17px !important;
    line-height: 1.42 !important;
    margin-bottom: 14px !important;
  }

  .hero-bottom {
    margin-top: 18px !important;
  }

  .hero-ctas {
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  .hero-ctas .btn-primary,
  .hero-ctas .btn-secondary {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .hero-ctas .btn-primary-core {
    flex: 1 1 auto !important;
    justify-content: center !important;
    padding: 13px 14px !important;
  }

  .hero-ctas .btn-primary-text,
  .hero-ctas .btn-secondary {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .hero-micro {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}