/* Homepage v31: concise purchase inclusions below the already approved three-step section. */
.how-section .included-with-song {
  max-width:1010px;
  display:grid;
  grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);
  gap:24px 36px;
  margin:27px auto 0;
  padding:25px 30px 25px;
  border:1px solid rgba(36,54,75,.1);
  border-radius:20px;
  background:rgba(255,252,248,.91);
  box-shadow:0 10px 28px rgba(60,61,54,.045);
}
.included-heading { min-width:0; }
.included-heading .section-kicker{margin:0 0 9px;color:var(--sage-deep)}
.included-heading h3{
  margin:0;
  font:500 clamp(1.6rem,3vw,2.2rem)/1.15 var(--serif);
  letter-spacing:-.035em;
  color:var(--midnight)
}
.included-heading h3 em {font-weight:400;color:var(--apricot-deep)}
.included-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;min-width:0}
.included-details p{margin:0;line-height:1.43}
.included-details strong{display:block;font-size:.85rem;line-height:1.4;color:var(--midnight);font-weight:700;margin-bottom:3px}
.included-details span{display:block;color:#5F6E70;font-size:.81rem;line-height:1.48}
@media(max-width:800px) {
 .how-section .included-with-song{grid-template-columns:1fr;gap:19px;padding:23px 22px;margin-top:22px}
 .included-heading h3{font-size:clamp(1.65rem,5vw,2.15rem)}
}
@media(max-width:460px) {
 .how-section .included-with-song{padding:20px 17px;gap:15px}
 .included-details{gap:14px 13px}
 .included-details strong{font-size:.78rem}
 .included-details span{font-size:.73rem}
}
@media(max-width:335px){.included-details{grid-template-columns:1fr}}


/* Exact approved brand accents for prominent elements, overriding older homepage revisions. */
.hero .hero-actions .button,
.hero-actions .button{
 background:var(--apricot)!important;
 color:var(--midnight)!important;
}
.hero .hero-actions .button:hover,
.hero-actions .button:hover{background:var(--apricot-deep)!important}
.how-section .section-title em{color:var(--apricot-deep)!important}
.message-section h2 em{color:var(--sage-deep)!important}
.demo-body .small-label{color:var(--bronze)!important}