/* Remove repeated empty space while preserving the approved section design. */
main > .section:not(.hero) {
  padding-top: clamp(76px, 7vw, 100px);
  padding-bottom: clamp(76px, 7vw, 100px);
}

/* Demo section had its own inline 110px bottom padding and a second title gap. */
#demo-download {
  padding-bottom: 42px !important;
}
#demo-download .section-heading {
  margin-bottom: 24px !important;
}
#demo-download .demo-download-grid {
  margin-top: 0 !important;
}

/* Product cards already provide their own internal spacing. */
#pricing-v2 {
  padding-bottom: 52px !important;
}
#pricing-v2 .addon-products {
  margin-top: 30px !important;
  padding-top: 24px !important;
}
#pricing-v2 .addon-products-head {
  margin-bottom: 20px !important;
}
#pricing-v2 .addon-card {
  min-height: 0 !important;
}

/* The ecosystem diagram used a fixed 660px canvas even when content was shorter. */
.eco-stage {
  height: clamp(540px, 50vw, 620px) !important;
  margin-top: 28px !important;
}
.eco-cta {
  margin-top: 22px !important;
}

@media (max-width: 760px) {
  main > .section:not(.hero) {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  #demo-download {
    padding-bottom: 34px !important;
  }
  #pricing-v2 {
    padding-bottom: 38px !important;
  }
  #pricing-v2 .addon-products {
    margin-top: 26px !important;
    padding-top: 20px !important;
  }
}
