/* Steps */
.steps{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:20px;
    max-width:900px;
    margin:0 auto;
}
.step{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:28px 24px;
    transition:.25s;
}
.step:hover{transform:translateY(-6px);border-color:rgba(25,195,125,.4)}
.step-icon{
    width:52px;height:52px;border-radius:14px;background:rgba(25,195,125,.12);
    display:grid;place-items:center;color:var(--accent);font-size:20px;margin-bottom:18px;
}
.step h3{font-size:18px;margin-bottom:10px}
.step p{color:var(--muted);font-size:15px}
.step-num{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.12em;margin-bottom:12px}

@media (max-width: 760px){
    .steps{grid-template-columns:1fr;gap:14px}
    .step{padding:22px 20px}
    .step h3{font-size:17px}
    .step p{font-size:14px}
    .step-icon{width:44px;height:44px;font-size:17px;margin-bottom:14px}
}