/* polish-a: October 2026 aesthetic pass, agent A */

/* ---------- Who we work for: three cards level, footer note pinned to the bottom ---------- */
.hero-cards{align-items:stretch}
.hero-cards .hcard{display:flex;flex-direction:column}
.hero-cards .hcard .hcard__note{display:block;text-align:center;margin-top:auto;padding-top:12px}
/* Phone: the supplier card footer stacks its two phrases instead of orphaning a word */
@media(max-width:440px){
  .hero-cards .hcard--green .hcard__note>.sep{display:none}
  .hero-cards .hcard--green .hcard__note>.nowrap{display:block;line-height:1.5}
}

/* ---------- What we supply: six raised tiles ---------- */
.wwm .wwm__grid{gap:14px}
.wwm .wwm__item{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;
  margin:0;padding:22px 14px;
  background:#fff;border:1px solid #D6DEEA;border-radius:14px;
  color:var(--navy);text-decoration:none;
  box-shadow:0 1px 1px rgba(11,31,58,.04),0 2px 5px rgba(11,31,58,.05),0 9px 18px rgba(11,31,58,.06),0 20px 40px rgba(11,31,58,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.wwm .wwm__item:first-child{border-left:1px solid #D6DEEA}
.wwm .wwm__item .wwm__ico{
  width:52px;height:52px;flex:0 0 auto;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(30,111,217,.10);color:var(--blue);
  transition:background-color .2s ease,color .2s ease;
}
.wwm .wwm__item .wwm__ico svg{width:28px;height:28px;color:inherit}
.wwm .wwm__item .wwm__lbl{font-family:var(--font-head);font-weight:700;font-size:.95rem;line-height:1.3;color:var(--navy)}
.wwm .wwm__item:hover{
  transform:translateY(-4px);border-color:var(--blue);
  box-shadow:0 2px 3px rgba(11,31,58,.05),0 6px 12px rgba(11,31,58,.07),0 16px 30px rgba(11,31,58,.10),0 30px 56px rgba(11,31,58,.12);
}
.wwm .wwm__item:hover .wwm__ico{background:var(--blue);color:#fff}
@media(max-width:980px){.wwm .wwm__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wwm .wwm__grid{grid-template-columns:repeat(2,1fr);gap:12px}.wwm .wwm__item{padding:20px 12px}}
@media(prefers-reduced-motion:reduce){
  .wwm .wwm__item,.wwm .wwm__item .wwm__ico{transition:none}
  .wwm .wwm__item:hover{transform:none}
}