/* ==========================================================
   WHY TRUST US  (dark reason band)
   Shared by "Why Families Trust Us" (home) and "What Makes Us
   Different" (about). Both are 5 items, so the grid is 3-up and
   wraps 3+2 — the old 4-up left a lone orphan card on row 2.
   ========================================================== */
.ld-how{background:#063a52;padding:76px 0}
.ld-head--how{margin-bottom:44px}
.ld-how-eyebrow{font-size:11px;letter-spacing:2px;color:#bbdbf2;font-weight:700;margin-bottom:14px}
.ld-how-cta{background:#fff;color:#063a52;padding:14px 26px;border:0;border-radius:100px;font-family:inherit;font-weight:700;font-size:14px}
.ld-how-cta:hover {color: unset;}
.ld-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ld-step{background:#00557a;border-radius:18px;padding:26px 22px;border:1px solid rgba(255,255,255,0.06)}
.ld-step-icon{width:44px;height:44px;border-radius:12px;background:rgba(0,152,219,0.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ld-step-title{font-weight:700;font-size:17px;color:#fff;margin-bottom:8px}
.ld-step-desc{font-size:13px;line-height:1.6;color:rgba(255,255,255,0.55)}

/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620
   ========================================================== */

@media (max-width:900px){
  /* minmax(0,1fr), not 1fr: a 1fr track floors at its content's min-content
     width, which a long unbroken title can push past the container.
     minmax(0,..) removes that floor. */
  .ld-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
  .ld-how{padding:52px 0}
  .ld-steps{grid-template-columns:minmax(0,1fr);gap:12px}
}