/* How it works: three cards on the tinted band. */
.how{background:var(--bg-3)}
.steps{display:grid;gap:28px;margin-top:36px}
.steps div{background:var(--bg-2);border-radius:var(--radius);padding:22px;border-top:4px solid var(--accent)}
.steps h3{margin-bottom:6px}
.steps p{color:var(--ink-2);font-size:.95rem}

@media(min-width:768px){ /* breakpoint: tablet */
  .steps{grid-template-columns:repeat(3,1fr)}
}