/* =============================================================
   STEPS — "how it works" 3-step row.
   ============================================================= */
.steps-section{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{position:relative;padding-top:20px}
.step .num{font-size:15px;font-weight:900;color:#1c1305;background:var(--gold);
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.step h3{font-size:20px}
.step p{color:var(--ink-2);font-size:14.5px;margin-top:8px}

/* Dotted connector between steps */
.step:not(:last-child)::after{content:"";position:absolute;top:39px;left:52px;right:-13px;height:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px)}

@media (max-width:760px){
  .steps{grid-template-columns:1fr;gap:18px}
  .step:not(:last-child)::after{display:none}
}