.how{padding:40px 0 30px}
.how__head{text-align:center;margin-bottom:34px}
.how__head h2{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;line-height:1.15}
.how__head p{margin-top:12px;color:var(--ink-2);font-size:15px}

.how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.step{
  background:#fff;border-radius:20px;box-shadow:var(--shadow);
  padding:26px 22px;position:relative;overflow:hidden;
}
.step__num{
  position:absolute;top:14px;right:18px;font-size:56px;font-weight:900;
  color:#EAF5DD;line-height:1;letter-spacing:-2px;
}
.step__ico{
  width:52px;height:52px;border-radius:14px;background:#EAF5DD;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.step__ico svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.step h4{font-size:16px;font-weight:800;line-height:1.3;margin-bottom:6px}
.step p{font-size:13px;color:var(--muted);line-height:1.5}

@media (max-width:960px){.how__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){
  .how{padding:16px 0 10px}
  .how__head{margin-bottom:14px}
  .how__head h2{font-size:15px}
  .how__head p{font-size:11px;margin-top:6px}
  .how__grid{grid-template-columns:1fr;gap:8px}
  .step{padding:14px}
  .step__num{font-size:32px;top:6px;right:10px}
  .step__ico{width:36px;height:36px;border-radius:9px;margin-bottom:10px}
  .step__ico svg{width:18px;height:18px}
  .step h4{font-size:13px}
  .step p{font-size:11px}
}