/* ═══════════════════════════════════════════════════════════════════════
   START HERE — three-step onboarding section (homepage)
   Uses the existing HU palette. Prefix hs- avoids the global wildcard traps
   (hero / eyebrow / -card / -tile / tag / badge / -section / metric / stat-).
   ═══════════════════════════════════════════════════════════════════════ */
#page-home .hs-steps{
  background:#FFFFFF;
  padding:72px 20px 78px;
  border-bottom:1px solid #EAE2D4;
}
#page-home .hs-in{ max-width:960px; margin:0 auto; text-align:center; }

#page-home .hs-eb{
  display:inline-block;
  font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:#E8A9B8 !important; -webkit-text-fill-color:#E8A9B8 !important;   /* pale pink accent */
  margin:0 0 14px;
}
#page-home h2.hs-h{
  font-family:'Playfair Display',serif; font-weight:700;
  font-size:clamp(1.7rem,3.4vw,2.5rem); line-height:1.15;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important;   /* soft sage heading */
  margin:0 0 14px;
}
#page-home .hs-lead{
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;   /* navy supporting text */
  font-size:1.05rem; max-width:60ch; margin:0 auto 48px; line-height:1.6;
}

/* three equal columns, 01 -> 03 left to right */
#page-home ol.hs-list{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  list-style:none; margin:0 0 36px; padding:0; text-align:left;
  counter-reset:none;
}
#page-home .hs-step{
  position:relative;
  background:#FBF6EC;                      /* existing cream */
  border:1px solid #EAE2D4;
  border-radius:18px;
  padding:24px 22px 22px;
  box-shadow:0 8px 22px rgba(51,64,47,.05);
}
#page-home .hs-num{
  display:block;
  font-family:'Playfair Display',serif; font-weight:700; font-size:1.2rem; line-height:1;
  color:#E8A9B8 !important; -webkit-text-fill-color:#E8A9B8 !important;   /* pale pink step number */
  margin-bottom:11px;
}
#page-home .hs-ico{
  display:grid; place-items:center;
  width:40px; height:40px; border-radius:12px;
  background:#EAF1E4; color:#5E7E57;
  margin-bottom:12px;
}
#page-home .hs-ico svg{ width:20px; height:20px; }
#page-home h3.hs-t{
  font-family:'Playfair Display',serif; font-weight:700; font-size:1.05rem;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important;   /* sage */
  margin:0 0 6px;
}
#page-home .hs-p{
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;   /* navy */
  font-size:.9rem; line-height:1.55; margin:0;
}

/* CTAs */
#page-home .hs-cta{ display:flex; flex-direction:column; align-items:center; gap:16px; }
#page-home .hs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:#5E7E57; border:2px solid #5E7E57; border-radius:999px;
  color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important;
  font:inherit; font-weight:800; font-size:1rem;
  padding:15px 40px; min-height:52px; cursor:pointer; transition:.16s;
}
#page-home .hs-btn:hover{ background:#4d6a47; border-color:#4d6a47; transform:translateY(-1px); }
#page-home .hs-btn:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }

#page-home .hs-link{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:6px 10px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
  font-weight:700; font-size:.95rem; text-decoration:none;
  border-bottom:2px solid #E8A9B8;          /* pale pink underline */
  border-radius:4px; cursor:pointer;
}
#page-home .hs-link:hover{ color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important; }
#page-home .hs-link:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }

#page-home .hs-note{
  color:#78766c !important; -webkit-text-fill-color:#78766c !important;
  font-size:.88rem; margin:2px 0 0;
}

/* soft fade-up, disabled for reduced motion */
@media (prefers-reduced-motion:no-preference){
  #page-home .hs-step{ opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease; }
  #page-home .hs-step.hs-in-view{ opacity:1; transform:none; }
  #page-home .hs-step:nth-child(2){ transition-delay:.08s; }
  #page-home .hs-step:nth-child(3){ transition-delay:.16s; }
}
@media (prefers-reduced-motion:reduce){
  #page-home .hs-step{ opacity:1 !important; transform:none !important; transition:none !important; }
  #page-home .hs-btn{ transition:none !important; }
}

/* tablet */
@media (max-width:900px){
  #page-home .hs-steps{ padding:56px 18px 60px; }
  #page-home ol.hs-list{ grid-template-columns:repeat(3,1fr); gap:10px; }
}
/* mobile */
@media (max-width:600px){
  #page-home .hs-steps{ padding:44px 15px 50px; }
  #page-home .hs-lead{ margin-bottom:32px; }
  #page-home .hs-step{ padding:20px 18px 18px; }
  #page-home .hs-btn{ width:100%; padding:15px 24px; }
  #page-home .hs-cta{ width:100%; }
}