/* ============================================================
   COMPONENT — Pillars band
   Recreates the three-pillar layout from BizzGrow's own brand
   sheet (Seller Account Creation / Store Setup & Management /
   Grow Your Business Online) using the real icon crops in
   /images, plus the dark "one stop solution" badge pill.
   ============================================================ */
.pillars{background:var(--paper); padding:64px 0 58px; border-bottom:1px solid var(--line-light);}

.pillars-row{
  display:grid; grid-template-columns:repeat(3,1fr);
  align-items:start;
  position:relative;
}
.pillar{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:0 24px; position:relative;
}
.pillar::before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:var(--line-light);
}
.pillar:first-child::before{display:none;}
.pillar img{width:64px; height:auto; margin-bottom:16px;}
.pillar h3{font-size:15.5px; font-weight:700; line-height:1.4; letter-spacing:0.01em;}
.pillar h3 em{font-style:normal; color:var(--orange-600);}

.pillars-badge{
  display:flex; justify-content:center; margin-top:40px;
}
.pillars-badge span{
  background:var(--navy-950); color:var(--paper);
  font-family:var(--ff-mono); font-size:12.5px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase;
  padding:14px 30px; border-radius:100px;
}
.pillars-badge span em{font-style:normal; color:var(--orange-300);}

/* ---- responsive ---- */
@media (max-width:720px){
  .pillars{padding:48px 0 44px;}
  .pillars-row{grid-template-columns:1fr; gap:32px;}
  .pillar::before{display:none;}
  .pillars-badge span{font-size:11px; padding:12px 20px; text-align:center;}
}