.laeyo-flow{
  --lf-text:#0f172a; --lf-muted:rgba(15,23,42,.72); --lf-line:rgba(2,24,73,.10);
  --lf-blue-800:#0648b9; --lf-radius-xl:22px; --lf-radius-lg:16px;
  --lf-gap:18px;
  --lf-font-title:"Poppins-Bold",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif;
  --lf-font-body:"Poppins-Regular",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif;
  box-sizing:border-box; width:100%; max-width:1440px; margin:18px auto 0;
  font-family:var(--lf-font-body); color:var(--lf-text); font-size:15px;
  line-height:1.5; text-align:left; -webkit-text-size-adjust:100%;
}
.laeyo-flow *,.laeyo-flow *::before,.laeyo-flow *::after{ box-sizing:border-box; }

.laeyo-flow .laeyo-flow-card{
  background:#fff; border:1px solid var(--lf-line); border-radius:var(--lf-radius-xl);
  box-shadow:0 12px 28px rgba(8,87,222,.08); padding:22px;
}
.laeyo-flow .laeyo-flow-steps{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--lf-gap); align-items:stretch;
}
.laeyo-flow .laeyo-flow-step{
  position:relative; border:1px solid var(--lf-line); border-radius:var(--lf-radius-lg);
  background:rgba(255,255,255,.88); padding:18px 16px 16px;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.laeyo-flow .laeyo-flow-step:hover{
  transform:translateY(-2px); border-color:rgba(11,94,215,.25);
  box-shadow:0 18px 40px rgba(2,6,23,.10);
  background:
    radial-gradient(900px 240px at 10% -20%, rgba(11,94,215,.10), transparent 55%),
    radial-gradient(900px 240px at 110% 120%, rgba(255,122,0,.10), transparent 55%),
    rgba(255,255,255,.95);
}
.laeyo-flow .laeyo-flow-no{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:999px; margin-bottom:12px;
  background:rgba(8,87,222,.08); border:1px solid rgba(8,87,222,.18);
  color:var(--lf-blue-800); font-family:var(--lf-font-title);
  font-size:12.5px; font-weight:700; line-height:1; letter-spacing:.4px;
}
.laeyo-flow .laeyo-flow-t{
  margin:0 0 8px; font-family:var(--lf-font-title);
  font-size:15.5px; font-weight:700; line-height:1.35;
  letter-spacing:-.2px; color:var(--lf-text);
}
.laeyo-flow .laeyo-flow-d{ margin:0; color:var(--lf-muted); font-size:13.5px; line-height:1.6; }
.laeyo-flow .laeyo-flow-step:not(:last-child)::after{
  content:""; position:absolute; top:50%; right:-13px; width:8px; height:8px;
  border-top:2px solid rgba(8,87,222,.35); border-right:2px solid rgba(8,87,222,.35);
  transform:translateY(-50%) rotate(45deg); pointer-events:none;
}

@media (prefers-reduced-motion: reduce){
  .laeyo-flow .laeyo-flow-step{ transition:none; }
  .laeyo-flow .laeyo-flow-step:hover{ transform:none; }
}
@media (max-width:720px){
  .laeyo-flow{ margin-top:14px; }
  .laeyo-flow .laeyo-flow-card{ padding:16px; }
  .laeyo-flow .laeyo-flow-steps{ grid-template-columns:1fr; }
  .laeyo-flow .laeyo-flow-step:not(:last-child)::after{ display:none; }
}