/* How it works: four steps on one track, then one clear button. */
.z-flow-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:none}
.z-flow-steps::before{content:'';position:absolute;top:27px;left:12.5%;right:12.5%;height:2px;border-radius:2px;background:linear-gradient(90deg,#1aa3f5,#36d399)}
.z-flow-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.z-flow-dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0d2236;border:2px solid #1aa3f5;color:#fff;font:800 20px 'Bricolage Grotesque',sans-serif;box-shadow:0 0 0 6px #0a1626}
.z-flow-steps li:nth-child(2) .z-flow-dot{border-color:#22b2dc}
.z-flow-steps li:nth-child(3) .z-flow-dot{border-color:#2cc2b8}
.z-flow-steps li:last-child .z-flow-dot{border-color:#36d399;background:#36d399;color:#05231a;box-shadow:0 0 0 6px #0a1626,0 0 26px rgba(54,211,153,.45)}
.z-flow-dot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.z-flow-steps h3{font:800 19px/1.25 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#fff;margin:18px 0 6px}
.z-flow-steps li:last-child h3{color:#7de6c0}
.z-flow-steps p{font-size:14px;line-height:1.5;color:#8fb2d4;margin:0}
.z-flow-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;text-align:center}
.z-flow-button{display:inline-flex;align-items:center;gap:11px;padding:17px 30px;border-radius:14px;background:linear-gradient(145deg,#1aa3f5,#2e89d6);color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(26,163,245,.35);transition:transform .2s,box-shadow .2s}
.z-flow-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(26,163,245,.45)}
.z-flow-button:focus-visible{outline:2px solid #b4e7ff;outline-offset:4px}
.z-flow-button svg{width:18px;height:18px}
.z-flow-cta p{font-size:12.5px;color:#7397b4;margin:0}
@media(max-width:720px){
  .z-flow-steps{grid-template-columns:1fr;gap:0;max-width:420px;margin:0 auto}
  .z-flow-steps::before{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#1aa3f5,#36d399)}
  .z-flow-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:center;text-align:left;padding:10px 0}
  .z-flow-dot{grid-row:span 2}
  .z-flow-steps h3{margin:0 0 3px;font-size:18px;align-self:end}
  .z-flow-steps p{align-self:start}
  .z-flow-cta{margin-top:30px}
  .z-flow-button{width:100%;max-width:420px;justify-content:center;box-sizing:border-box}
}