/* Standard section spacing rhythm */
.section-pad{
  padding: 80px 20px;
}

.section-pad--tight{ padding: 60px 20px; }
.section-pad--loose{ padding: 96px 20px; }

/* CTA demo section: slightly less top padding now that layout is single-column */
.section-pad--demo{ padding-top: 72px; padding-bottom: 200px; }

/* Ensure extra space before Pricing even if .cta-section padding overrides section-pad */
#demo{ padding-bottom: 200px !important; }

@media (max-width: 768px){
  .section-pad{ padding: 56px 16px; }
  .section-pad--tight{ padding: 48px 16px; }
  .section-pad--loose{ padding: 64px 16px; }
  .section-pad--demo{ padding-top: 48px; padding-bottom: 148px; }
  #demo{ padding-bottom: 148px !important; }
}