.workflow{--workflow-line:#5e5e5d;--workflow-muted:#5e5e5d;--workflow-yellow:#ffbe0b;--workflow-coral:#ff704c;--workflow-green:#00d69f}.workflow-muted{color:var(--workflow-muted)}.workflow-stage{grid-template-rows:7.8cqw auto;grid-template-columns:repeat(5,1fr);gap:0 2.4615%;display:grid;position:relative}.workflow-paths{grid-area:1/1/auto/-1}.workflow-wires{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.workflow-flow path,.workflow-flow line{stroke-width:2px;stroke-dasharray:2 100;stroke-dashoffset:14px;opacity:0}.workflow-tag{z-index:2;justify-content:center;align-items:center;height:clamp(24px,2.4cqw,32px);font-size:clamp(11px,1.06cqw,14px);display:flex;position:absolute;top:3.5cqw}.workflow-card{border-top:3px solid var(--accent);background:#242424;flex-direction:column;grid-row:2;padding:clamp(14px,1.7cqw,22px);transition:transform .18s,box-shadow .18s;display:flex}.workflow-card-container{--accent:#ffbe0b}.workflow-card-content{--accent:#ff704c}.workflow-card-structure{--accent:#00d69f}.workflow-ruler{margin-top:36px}.workflow-ticks{background-image:repeating-linear-gradient(to right, var(--workflow-line) 0 1px, transparent 1px 12.13px);height:9px}.workflow-scale{color:var(--workflow-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}@media (width<=991px){.workflow{padding:56px 0}.workflow-head{gap:14px;margin-bottom:20px}.workflow-stage{flex-direction:column;align-items:center;gap:0;max-width:480px;margin:0 auto;display:flex}.workflow-wires{display:none}.workflow-tag{z-index:auto;width:auto;height:auto;margin-top:22px;padding:7px 16px;font-size:14px;position:relative;top:auto;left:auto}.workflow-stage>.workflow-tag:first-of-type{margin-top:0}.workflow-card{text-align:center;width:100%;margin-top:14px}.workflow-card:hover{box-shadow:none;transform:none}.workflow-card-icon svg{width:20px}.workflow-card-body{font-size:14px}.workflow-ruler{margin-top:40px}.workflow-stage:before{content:"";background-image:linear-gradient(#5e5e5d 50%,#0000 50%);background-repeat:repeat-y;background-size:1px 4px;width:1px;position:absolute;top:40px;bottom:0;left:0}.workflow-card.workflow-card-structure:before{content:"";background:#1a1a1a;width:3px;height:calc(100% + 32px);position:absolute;top:-32px;left:-16px}}@media (width<=420px){.workflow-inner{padding:0 18px}}@keyframes workflowRise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes workflowWipe{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes workflowFlow{0%{stroke-dashoffset:14px;opacity:0}8%{opacity:1}38%{stroke-dashoffset:-100px;opacity:1}46%{stroke-dashoffset:-100px;opacity:0}to{stroke-dashoffset:-100px;opacity:0}}.workflow.is-in .workflow-tag{animation:.55s cubic-bezier(.22,.68,.24,1) both workflowRise}.workflow.is-in .workflow-tag-container{animation-delay:60ms}.workflow.is-in .workflow-tag-content{animation-delay:.12s}.workflow.is-in .workflow-tag-structure{animation-delay:.18s}.workflow.is-in .workflow-card{animation:.6s cubic-bezier(.22,.68,.24,1) .24s both workflowRise}.workflow.is-in .workflow-tag-content~.workflow-card{animation-delay:.3s}.workflow.is-in .workflow-card+.workflow-card{animation-delay:.36s}.workflow.is-in .workflow-card+.workflow-card+.workflow-card{animation-delay:.42s}.workflow.is-in .workflow-tag-structure~.workflow-card{animation-delay:.48s}@media (prefers-reduced-motion:reduce){.workflow-head,.workflow-tag,.workflow-card,.workflow-ruler,.workflow-track,.workflow-flow *{opacity:1!important;clip-path:none!important;animation:none!important;translate:none!important}.workflow-flow *{opacity:0!important}.workflow-card{transition:none}}@media (width<=991px){.workflow{padding:56px 0}.workflow-head{gap:14px;margin-bottom:20px}.workflow-stage{flex-direction:column;align-items:center;gap:0;max-width:480px;margin:0 auto;display:flex}.workflow-wires{display:none}.workflow-tag{z-index:auto;width:auto;height:auto;margin-top:22px;padding:7px 16px;font-size:14px;position:relative;top:auto;left:auto}.workflow-stage>.workflow-tag:first-of-type{margin-top:0}.workflow-card{width:100%;margin-top:14px}.workflow-card:hover{box-shadow:none;transform:none}.workflow-card-icon svg{width:20px}.workflow-card-title{font-size:16px}.workflow-card-body{font-size:14px}.workflow-ruler{margin-top:40px}}@media (width<=420px){.workflow-inner{padding:0 18px}}.workflow.is-armed .workflow-head,.workflow.is-armed .workflow-tag,.workflow.is-armed .workflow-card,.workflow.is-armed .workflow-ruler,.workflow.is-armed .workflow-track{opacity:0}.workflow.is-in .workflow-head{animation:.6s cubic-bezier(.22,.68,.24,1) both workflowRise}.workflow.is-in .workflow-tag{animation:.55s cubic-bezier(.22,.68,.24,1) both workflowRise;animation-delay:calc(var(--i,0) * 60ms)}.workflow.is-in .workflow-track{animation:.7s .26s both workflowWipe}.workflow.is-in .workflow-card{animation:.6s cubic-bezier(.22,.68,.24,1) both workflowRise;animation-delay:calc(var(--i,0) * 60ms)}.workflow.is-in .workflow-ruler{animation:.6s .56s both workflowRise}.workflow.is-in .workflow-flow .flow-1{animation:3s linear 1.1s infinite workflowFlow}.workflow.is-in .workflow-flow .flow-2{animation:3s linear 2.25s infinite workflowFlow}@media (prefers-reduced-motion:reduce){.workflow-head,.workflow-tag,.workflow-card,.workflow-ruler,.workflow-track,.workflow-flow *{opacity:1!important;clip-path:none!important;animation:none!important;translate:none!important}.workflow-flow *{opacity:0!important}.workflow-card{transition:none}}.workflow-stage :focus-visible{outline:2px solid var(--green);outline-offset:2px}