:root {
      --primary: #0d6efd;
      --bg-step: #f7f9fc;
      --text: #212529;
    }
    /* *{box-sizing:border-box;margin:0;padding:0} */
    body{font-family:Arial,Helvetica,sans-serif;color:var(--text);}

    .steps-flow{
      display:flex;
      flex-wrap:wrap;
      gap:2rem;
      justify-content:center;
      position:relative; /* anchor for LeaderLines */
    }
    .step{
      width:200px;
      min-height:185px;
      background:var(--bg-step);
      border-radius:12px;
      box-shadow:0 2px 6px rgba(0,0,0,.08);
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      padding:1.25rem 1rem;
    }
    .step-icon{font-size:36px;color:var(--primary);margin-bottom:.5rem}
    .step-title{font-weight:700;margin-bottom:.4rem;font-size:1rem}
    .step-desc{font-size:.9rem;line-height:1.35}
    .step-desc a{color:var(--primary);text-decoration:none}
    .step-desc a:hover{text-decoration:underline}
    @media(max-width:500px){.step{width:100%}}

    /* Ensure lines sit underneath boxes */
    .leader-line{z-index:0!important}
    .step{z-index:5}