.wf{position:relative;margin:0;padding:40px 32px 28px;background:var(--deep);border:1px solid var(--line-dark);border-radius:8px;text-align:left}.wf__track{position:relative}.wf__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--wf-n, 5),minmax(0,1fr));gap:24px;position:relative;z-index:1}.wf__steps li{display:flex;flex-direction:column;gap:8px}.wf__dot{position:relative;width:15px;height:15px;border-radius:50%;background:var(--deep);border:2px solid var(--mist);box-sizing:border-box;margin-bottom:12px}.wf__dot:after{content:"";position:absolute;inset:-7px;border-radius:50%;background:rgba(217,8,60,.28);opacity:0;transform:scale(.6)}.wf__steps li:last-child .wf__dot{background:var(--binatec-red);border-color:var(--binatec-red)}.wf__name{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.25rem;line-height:1.2;color:#fff}.wf__steps p{margin:0;font-size:1rem;line-height:1.55;color:var(--mist)}.wf__steps .wf__links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.wf__links a{display:inline-block;padding:4px 0;font-size:.9375rem;font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:var(--line-dark);text-underline-offset:4px;transition:text-decoration-color .15s var(--ease-out)}.wf__links a:hover{text-decoration-color:var(--binatec-red)}.wf__rail{position:absolute;top:7px;left:7px;right:calc((100% - (var(--wf-n, 5) - 1) * 24px) / var(--wf-n, 5) - 7px);height:1px;background:var(--line-dark);overflow:hidden}.wf__pulse{position:absolute;inset:-1px 0;background:linear-gradient(90deg,transparent 0%,transparent 72%,rgba(255,51,95,.9) 99%,transparent 100%);transform:translate(-100%)}.wf__loop{margin-top:24px}.wf__loop-path{position:relative;display:block;height:24px;margin:0 calc((100% - (var(--wf-n, 5) - 1) * 24px) / var(--wf-n, 5) - 7px) 0 7px;border:1px dashed var(--mist);border-top:0;border-radius:0 0 8px 8px;opacity:.55}.wf__loop-path:before{content:"";position:absolute;left:-5px;top:-7px;border:5px solid transparent;border-top:0;border-bottom:7px solid var(--mist)}.wf__loop p{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#fff;font-size:.9375rem;font-weight:600}.wf figcaption{margin-top:28px;padding-top:16px;border-top:1px solid var(--line-dark);color:var(--mist);font-size:.9375rem}@media (prefers-reduced-motion: no-preference){.wf__pulse{animation:wf-travel 6s linear infinite}.wf__dot:after{animation:wf-hit 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * var(--wf-step, .9s))}}@keyframes wf-travel{0%{transform:translate(-100%)}60%,to{transform:translate(0)}}@keyframes wf-hit{0%{opacity:1;transform:scale(1)}12%,to{opacity:0;transform:scale(.6)}}@media (max-width: 1023px){.wf{padding:32px 24px 24px}.wf__steps{grid-template-columns:minmax(0,1fr);gap:24px;padding-left:36px}.wf__steps li{position:relative}.wf__dot{position:absolute;left:-36px;top:5px;margin:0}.wf__rail{inset:12px auto 0 7px;width:1px;height:auto}.wf__steps li:last-child:after{content:"";position:absolute;left:-36px;top:20px;bottom:0;width:15px;background:var(--deep)}.wf__pulse{inset:0 -1px;background:linear-gradient(180deg,transparent 0%,transparent 72%,rgba(255,51,95,.9) 99%,transparent 100%);transform:translateY(-100%)}@keyframes wf-travel{0%{transform:translateY(-100%)}60%,to{transform:translateY(0)}}.wf__dot:after{animation-delay:calc(var(--i) * var(--wf-step-v, .78s))}.wf__loop-path{display:none}.wf__loop p{justify-content:flex-start;margin:0}}@media (max-width: 639px){.wf{padding:28px 20px 20px}.wf__name{font-size:1.125rem}}