.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.svc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 14px;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary)}
.svc b{color:var(--ink);font-size:17px}
.svc small{color:var(--muted);font-size:13px;line-height:1.4}
.how{background:var(--ink)}
.how h2{color:#fff}
.steps{counter-reset:s;display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:0}
.steps li{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:24px 22px 24px 84px;background:rgba(255,255,255,.04)}
.steps li::before{counter-increment:s;content:"0" counter(s);position:absolute;left:22px;top:20px;font-size:38px;font-weight:800;color:var(--gold);line-height:1}
.steps h3{color:#fff;font-size:20px;margin:0 0 4px}
.steps p{margin:0;color:rgba(255,255,255,.72)}
@media(min-width:700px){.svc-grid{grid-template-columns:repeat(3,1fr);gap:16px}.steps{grid-template-columns:repeat(3,1fr);gap:16px}.steps li{padding:76px 24px 28px}.steps li::before{top:22px}}