/* Compact, intentional section rhythm for the approved acquisition homepage. */
.production-stats-section {
  padding-top: 32px;
  padding-bottom: 32px;
}

.features-section {
  padding-top: 36px;
  padding-bottom: 84px;
}

.features-section .acquisition-intro-panel {
  padding-top: 34px;
  padding-bottom: 42px;
}

.features-section .acquisition-intro-panel + .dark-feature-grid {
  margin-top: 42px;
}

.results.section,
.comparison.section {
  padding-top: 64px;
  padding-bottom: 64px;
}

.stack-section {
  padding-top: 48px;
  padding-bottom: 84px;
}

@media (max-width: 900px) {
  .production-stats-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .features-section {
    padding-top: 32px;
    padding-bottom: 72px;
  }

  .features-section .acquisition-intro-panel {
    padding-top: 32px;
    padding-bottom: 38px;
  }

  .features-section .acquisition-intro-panel + .dark-feature-grid {
    margin-top: 34px;
  }

  .results.section,
  .comparison.section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .stack-section {
    padding-top: 44px;
    padding-bottom: 76px;
  }
}

@media (max-width: 600px) {
  .production-stats-section {
    padding-top: 22px;
    padding-bottom: 24px;
  }

  .features-section {
    padding-top: 26px;
    padding-bottom: 60px;
  }

  .features-section .acquisition-intro-panel {
    padding-top: 28px;
    padding-bottom: 34px;
  }

  .features-section .acquisition-intro-panel + .dark-feature-grid {
    margin-top: 28px;
  }

  .results.section,
  .comparison.section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .stack-section {
    padding-top: 40px;
    padding-bottom: 68px;
  }
}