.how{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:820px){.how{grid-template-columns:1fr 1fr}}@media (max-width:480px){.how{grid-template-columns:1fr}}.how .step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}.how .step .n{background:var(--brand);width:30px;height:30px;color:var(--brand-ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:800;display:inline-flex}.how .step h4{margin-bottom:5px;font-size:1.02rem}.how .step p{color:var(--text-secondary);font-size:.9rem}