.wjh{--wjh-gap:48px;--wjh-green:#10b981;width:100%;max-width:980px;margin:0 auto;font-family:var(--font-body);text-align:left}.wjh-lane{position:relative;height:48px;margin-bottom:14px}.wjh-who{position:absolute;top:0;left:calc((100% - (var(--n) - 1)*var(--wjh-gap))/var(--n)*(var(--at) + .5) + var(--at)*var(--wjh-gap));display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--crm-200);border-radius:999px;background:var(--white);font-size:14px;font-weight:600;color:var(--text-1);white-space:nowrap;box-shadow:0 12px 28px -16px rgba(37,99,235,.5);opacity:0;transform:translate(-50%,6px);transition:left 1.2s cubic-bezier(.45,0,.2,1),opacity .6s ease,transform .6s ease,border-color .6s ease}.wjh-who.is-on{opacity:1;transform:translate(-50%)}.wjh-who.is-done{border-color:#a7f3d0}.wjh-who:after{content:"";position:absolute;left:50%;bottom:-13px;width:1px;height:12px;background:var(--crm-200)}.wjh-who__dot{width:7px;height:7px;border-radius:50%;background:var(--crm-600);transition:background .6s ease}.wjh-who.is-done .wjh-who__dot{background:var(--wjh-green)}.wjh-stages{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-gap:var(--wjh-gap);gap:var(--wjh-gap);margin:0;padding:0;list-style:none}.wjh-stage{position:relative;display:flex;flex-direction:column;gap:8px;min-height:176px;padding:24px 24px 26px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:var(--white);box-shadow:0 16px 36px -28px rgba(15,23,42,.35);transition:border-color .6s ease,box-shadow .6s ease}.wjh-stage:not(:last-child):after,.wjh-stage:not(:last-child):before{content:"";position:absolute;top:50%;left:100%;width:var(--wjh-gap);height:1px;background:var(--crm-200)}.wjh-stage:not(:last-child):after{background:var(--wjh-green);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.4,0,.2,1)}.wjh-stage.is-done:not(:last-child):after{transform:scaleX(1)}.wjh-stage__label{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-4);transition:color .6s ease}.wjh-stage__check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #cbd5e1;color:rgba(0,0,0,0);transition:all .6s ease}.wjh-stage__check .pi{font-size:8px}.wjh-stage__title{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--text-1)}.wjh-stage__detail{font-size:14.5px;line-height:1.5;color:var(--text-3);opacity:0;transition:opacity .7s ease .3s}.wjh-stage.is-next{box-shadow:none}.wjh-stage.is-next .wjh-stage__title{color:var(--text-3)}.wjh-stage.is-now{border-color:var(--crm-300);box-shadow:0 20px 44px -26px rgba(37,99,235,.55)}.wjh-stage.is-now .wjh-stage__label{color:var(--crm-600)}.wjh-stage.is-now .wjh-stage__check{border-color:var(--crm-600)}.wjh-stage.is-done .wjh-stage__detail,.wjh-stage.is-now .wjh-stage__detail{opacity:1}.wjh-stage.is-done{border-color:#bbf7d0}.wjh-stage.is-done .wjh-stage__label{color:#047857}.wjh-stage.is-done .wjh-stage__check{border-color:var(--wjh-green);background:var(--wjh-green);color:var(--white)}@media(max-width:900px){.wjh{--wjh-gap:28px}.wjh-stage{min-height:156px;padding:20px}.wjh-stage__title{font-size:17px}}@media(max-width:640px){.wjh-lane{display:none}.wjh-stages{grid-template-columns:minmax(0,1fr);gap:14px}.wjh-stage{min-height:0}.wjh-stage:not(:last-child):after,.wjh-stage:not(:last-child):before{top:100%;left:32px;width:1px;height:14px}.wjh-stage:not(:last-child):after{transform:scaleY(0);transform-origin:top}.wjh-stage.is-done:not(:last-child):after{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.wjh-stage,.wjh-stage:after,.wjh-stage__check,.wjh-stage__detail,.wjh-stage__label,.wjh-who{transition:none}}