:root{--m50:#fde8f4;--m100:#fbc4e6;--m200:#f483cb;--m400:#d40f7d;--m500:#aa0c65;--m600:#840950;--n50:#f8f5f7;--n100:#ede7eb;--n200:#d4c8d0;--n400:#9c8896;--n600:#5e4f5a;--white:#fff;--surface:#fdf7fb;--border:#e8c8de;--border-light:#f2dcea;--ink:#1a0e17;--ink-mid:#3d2238;--ink-light:#7a5572;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 6px rgba(212,15,125,.08);--shadow-md:0 6px 28px rgba(212,15,125,.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.workflow-main-con{align-items:center;display:flex;justify-content:center;margin:3rem 0}.workflow{align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;width:80%}.workflow-step{background:var(--white);border-radius:0;border-right:1px solid var(--border-light);flex:1;padding:1.25rem .85rem;text-align:center;transition:background .15s}.workflow-step:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.workflow-step:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-right:none}.workflow-step:only-child{border-radius:var(--radius-lg)}.workflow-step.active{background:var(--m50)}.ws-num{align-items:center;background:var(--n100);border-radius:50%;color:var(--n600);display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;margin:0 auto .6rem;transition:background .15s,color .15s;width:28px}.workflow-step.active .ws-num{background:var(--m400);color:var(--white)}.ws-title{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.3}.ws-sub{color:var(--ink-light);font-size:11px;margin-top:3px}.ws-badge{background:var(--m400);border-radius:99px;color:var(--white);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;margin-top:8px;padding:2px 9px}@media (max-width:900px){.workflow-step{padding:1rem .5rem}.ws-title{font-size:11px}.ws-sub{font-size:10px}}@media (max-width:640px){.workflow{box-shadow:none;flex-direction:column}.workflow-step{border-bottom:1px solid var(--border-light);border-radius:0;border-right:none;padding:1.5rem 2rem;width:100%}.workflow-step:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.workflow-step:last-child{border-bottom:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.workflow-step:only-child{border-radius:var(--radius-lg)}.ws-title{font-size:14px}.ws-sub{font-size:12px}}