.how__steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;margin:0;padding:0;counter-reset:none}.how__steps:before{content:"";position:absolute;top:2rem;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,transparent,var(--frost-300) 15%,var(--frost-300) 85%,transparent)}.how__step{position:relative;text-align:center}.how__num{position:relative;display:inline-grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.how__num span{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--grad-cool);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;box-shadow:0 8px 20px #2563eb59}.how__step h3{margin-top:1.2rem;font-size:1.12rem}.how__step p{margin:.5rem auto 0;max-width:16rem;color:var(--muted);font-size:.95rem}@media (max-width: 860px){.how__steps{grid-template-columns:1fr;gap:0;max-width:30rem;margin-inline:auto}.how__steps:before{top:2rem;bottom:2rem;left:2rem;right:auto;width:2px;height:auto;background:var(--frost-300)}.how__step{display:grid;grid-template-columns:4rem 1fr;column-gap:1.2rem;text-align:left;padding-bottom:1.8rem}.how__num{grid-row:span 2}.how__step h3{margin-top:.6rem}.how__step p{margin:.3rem 0 0;max-width:none}}