/* Homepage v21: shorter, clearer buying journey.
   Flow: Hero > Demo > Song Types + CTA > How It Works > Mission > FAQ > CTA.
   The approved top and bottom hills, artwork, and two song-card interiors stay untouched.
*/
#main > .listen-section.section-padding{
  padding-bottom:17px;
}
/* The removed benefits strip no longer interrupts listening and choosing. */
#main > .song-section.section-padding {
  padding-top:39px;
}
#main > .song-section .song-quick-cta {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:19px auto 0;
  position:relative;
  z-index:3;
}
#main > .song-section .song-quick-cta .button {
  text-align:center;
  min-width:min(270px,100%);
}
/* The botanical inter-section hand-off remains outside the cards. */
#main > .how-section{
  padding-top:34px;
}
/* Tighten the informational sections without flattening their art. */
#main > .message-section.section-padding {
  padding-top:43px;
  padding-bottom:44px;
}
#main > .faq-section.section-padding{
  padding-top:39px;
  padding-bottom:38px;
}
@media(max-width:559px){
  #main > .listen-section.section-padding{padding-bottom:14px}
  #main > .song-section.section-padding{padding-top:35px}
  #main > .song-section .song-quick-cta{margin-top:18px}
  #main > .song-section .song-quick-cta .button{width:auto;max-width:100%;padding-inline:25px}
  #main > .how-section{padding-top:37px}
  #main > .message-section.section-padding{padding-top:37px;padding-bottom:40px}
}
@media(min-width:850px){
  #main > .song-section.section-padding{padding-top:52px}
  #main > .how-section{padding-top:55px}
  #main > .message-section.section-padding{padding-top:49px;padding-bottom:49px}
}