.how__list{display:grid;gap:var(--sp-6);margin:0;padding:0;list-style:none;counter-reset:none}
@media (min-width:750px){.how__list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-5)}}
.step-card{display:grid;gap:var(--sp-3)}
.step-card__media{position:relative}
.step-card__num{position:absolute;top:var(--sp-3);left:var(--sp-3);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c-text);color:var(--c-bg);font-weight:var(--font-body-weight-bold);font-size:var(--fs-lg)}
.step-card__title{margin:0;font-size:var(--fs-h4);font-family:var(--font-heading)}
.step-card__text{margin:0;color:var(--c-text-soft)}
.how__tip{display:flex;align-items:flex-start;justify-content:center;gap:var(--sp-2);max-width:720px;margin:var(--sp-6) auto 0;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius);background:var(--c-surface);text-align:left}
.how__tip .icon{flex:none;color:var(--c-brand);margin-top:2px}