.wp-block-devnet-workflow{--devnet-workflow--backgroundColor:#f8fafc;--devnet-workflow--textColor:#0f172a;--devnet-workflow--mutedColor:#64748b;--devnet-workflow--stepColor:#635bff;--devnet-workflow--nextColor:#3b82f6;--devnet-workflow--flowStepDuration:1.45s;background:transparent;border:0;border-radius:10px;box-shadow:none;box-sizing:border-box;color:var(--devnet-workflow--textColor);overflow:hidden;padding:clamp(1.35rem,3vw,3rem)}.wp-block-devnet-workflow.has-wrapper-background{background:radial-gradient(circle at 12% 20%,rgba(99,91,255,.1),transparent 25%),radial-gradient(circle at 88% 76%,rgba(56,189,248,.12),transparent 26%),var(--devnet-workflow--backgroundColor);box-shadow:0 22px 60px rgba(15,23,42,.06)}.wp-block-devnet-workflow.has-wrapper-border{border:1px solid rgba(148,163,184,.22)}.wp-block-devnet-workflow .devnet-workflow__viewport{box-sizing:border-box;margin:0 auto;max-width:1180px;overflow-x:auto;padding:.9rem .2rem 1rem;scrollbar-color:rgba(99,91,255,.42) transparent}.wp-block-devnet-workflow .devnet-workflow__track{--devnet-workflow--flowCount:8;--devnet-workflow--flowDuration:calc(var(--devnet-workflow--flowCount)*var(--devnet-workflow--flowStepDuration));align-items:stretch;display:flex;min-width:-moz-min-content;min-width:min-content;width:100%}.wp-block-devnet-workflow .devnet-workflow__step{align-items:center;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(99,91,255,.35),rgba(56,189,248,.22)) border-box;border:1px solid transparent;border-radius:8px;box-shadow:0 18px 38px rgba(15,23,42,.08),inset 0 0 0 1px hsla(0,0%,100%,.7);box-sizing:border-box;display:flex;flex:0 0 clamp(9.25rem,13vw,10.75rem);flex-direction:column;justify-content:center;min-height:10.75rem;min-width:9.25rem;padding:1.35rem 1rem 1.2rem;position:relative;text-align:center}.wp-block-devnet-workflow .devnet-workflow__step:before{background:linear-gradient(135deg,color-mix(in srgb,var(--devnet-workflow--stepColor) 15%,transparent),transparent 62%);border-radius:inherit;content:"";inset:0;opacity:.72;pointer-events:none;position:absolute}.wp-block-devnet-workflow .devnet-workflow__number{background:var(--devnet-workflow--stepColor);box-shadow:0 10px 18px color-mix(in srgb,var(--devnet-workflow--stepColor) 28%,transparent);font-size:.72rem;font-weight:800;height:2.1rem;left:50%;line-height:1;position:absolute;top:0;transform:translate(-50%,-50%);width:2.1rem;z-index:2}.wp-block-devnet-workflow .devnet-workflow__icon,.wp-block-devnet-workflow .devnet-workflow__number{align-items:center;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;justify-content:center}.wp-block-devnet-workflow .devnet-workflow__icon{background:linear-gradient(135deg,var(--devnet-workflow--stepColor),color-mix(in srgb,var(--devnet-workflow--stepColor) 66%,#38bdf8));box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);height:4.05rem;margin-bottom:1.1rem;overflow:hidden;position:relative;width:4.05rem;z-index:1}.wp-block-devnet-workflow .devnet-workflow__icon:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);content:"";inset:-18% auto -18% -55%;opacity:0;pointer-events:none;position:absolute;transform:skewX(-18deg) translateX(0);width:45%}.wp-block-devnet-workflow .devnet-workflow__icon-svg{display:block;height:1.9rem;position:relative;width:1.9rem;z-index:1}.wp-block-devnet-workflow .devnet-workflow__icon.has-custom-icon{color:var(--devnet-workflow--stepColor)}.wp-block-devnet-workflow .devnet-workflow__icon-image{display:block;height:auto;max-height:2.45rem;max-width:2.45rem;-o-object-fit:contain;object-fit:contain;position:relative;width:auto;z-index:1}.wp-block-devnet-workflow .devnet-workflow__title{color:var(--devnet-workflow--textColor);font-size:clamp(.98rem,1.2vw,1.1rem);font-weight:800;letter-spacing:0;line-height:1.22;margin:0;position:relative;z-index:1}.wp-block-devnet-workflow .devnet-workflow__description{color:var(--devnet-workflow--mutedColor);font-size:.88rem;line-height:1.45;margin:.45rem auto 0;max-width:13rem;position:relative;z-index:1}.wp-block-devnet-workflow .devnet-workflow__connector{align-self:center;display:block;flex:1 1 clamp(2rem,3.5vw,4rem);height:2rem;margin:0 -.15rem;min-width:2rem;position:relative}.wp-block-devnet-workflow .devnet-workflow__connector:before{background:linear-gradient(90deg,var(--devnet-workflow--stepColor),var(--devnet-workflow--nextColor));border-radius:999px;box-shadow:0 8px 18px color-mix(in srgb,var(--devnet-workflow--stepColor) 14%,transparent);content:"";height:.32rem;left:0;opacity:.32;position:absolute;right:.28rem;top:50%;transform:translateY(-50%);transform-origin:left center}.wp-block-devnet-workflow .devnet-workflow__connector:after{border-bottom:.52rem solid transparent;border-left:.72rem solid var(--devnet-workflow--nextColor);border-top:.52rem solid transparent;content:"";opacity:.38;position:absolute;right:0;top:50%;transform:translateY(-50%)}.wp-block-devnet-workflow.shape-circles .devnet-workflow__step{background:transparent;border:0;box-shadow:none;flex-basis:clamp(8.6rem,14vw,11.25rem);min-height:8.75rem;padding:.25rem .5rem 0}.wp-block-devnet-workflow.shape-circles .devnet-workflow__step:before{display:none}.wp-block-devnet-workflow.shape-circles .devnet-workflow__icon{height:5.7rem;margin-bottom:1.25rem;width:5.7rem}.wp-block-devnet-workflow.shape-circles .devnet-workflow__icon-svg{height:2.35rem;width:2.35rem}.wp-block-devnet-workflow.shape-circles .devnet-workflow__icon-image{max-height:3.35rem;max-width:3.35rem}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step:before{animation:devnet-workflow-card-flow var(--devnet-workflow--flowDuration) ease-in-out infinite;animation-delay:calc(var(--devnet-workflow--flowIndex)*var(--devnet-workflow--flowStepDuration))}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__number{animation:devnet-workflow-number-flow var(--devnet-workflow--flowDuration) ease-in-out infinite;animation-delay:calc(var(--devnet-workflow--flowIndex)*var(--devnet-workflow--flowStepDuration))}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__icon{animation-delay:calc(var(--devnet-workflow--flowIndex)*var(--devnet-workflow--flowStepDuration));animation-duration:var(--devnet-workflow--flowDuration);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-pulse .devnet-workflow__icon{animation-name:devnet-workflow-icon-pulse}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-scan .devnet-workflow__icon{animation-name:devnet-workflow-icon-scan}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-scan .devnet-workflow__icon:after{animation:devnet-workflow-icon-scan-sweep var(--devnet-workflow--flowDuration) ease-in-out infinite;animation-delay:calc(var(--devnet-workflow--flowIndex)*var(--devnet-workflow--flowStepDuration))}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-lift .devnet-workflow__icon{animation-name:devnet-workflow-icon-lift}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-orbit .devnet-workflow__icon{animation-name:devnet-workflow-icon-orbit}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__step.animation-handoff .devnet-workflow__icon{animation-name:devnet-workflow-icon-handoff}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector:after,.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector:before{animation-delay:calc(var(--devnet-workflow--flowIndex)*var(--devnet-workflow--flowStepDuration));animation-duration:var(--devnet-workflow--flowDuration);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-lift:before,.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-orbit:before,.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-pulse:before{animation-name:devnet-workflow-line-flow}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-scan:before{animation-name:devnet-workflow-line-scan}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-handoff:before{animation-name:devnet-workflow-line-handoff}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-orbit:after,.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-pulse:after,.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-scan:after{animation-name:devnet-workflow-arrow-flow}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-lift:after{animation-name:devnet-workflow-arrow-lift}.wp-block-devnet-workflow:not(.no-flow-animation) .devnet-workflow__connector.animation-handoff:after{animation-name:devnet-workflow-arrow-handoff}@keyframes devnet-workflow-card-flow{0%,16%{opacity:1}26%,to{opacity:.72}}@keyframes devnet-workflow-icon-pulse{0%,to{box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);transform:scale(1)}16%,8%{box-shadow:0 20px 34px color-mix(in srgb,var(--devnet-workflow--stepColor) 34%,transparent),0 0 0 12px color-mix(in srgb,var(--devnet-workflow--stepColor) 16%,transparent);transform:scale(1.08)}}@keyframes devnet-workflow-icon-scan{0%,to{box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);transform:scale(1)}18%,8%{box-shadow:0 18px 30px color-mix(in srgb,var(--devnet-workflow--stepColor) 28%,transparent),0 0 0 9px color-mix(in srgb,var(--devnet-workflow--stepColor) 14%,transparent);transform:scale(1.03)}}@keyframes devnet-workflow-icon-scan-sweep{0%,24%,6%,to{opacity:0;transform:skewX(-18deg) translateX(0)}10%{opacity:.9}20%{opacity:0;transform:skewX(-18deg) translateX(280%)}}@keyframes devnet-workflow-icon-lift{0%,to{box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);transform:translateY(0) scale(1)}18%,8%{box-shadow:0 24px 34px color-mix(in srgb,var(--devnet-workflow--stepColor) 28%,transparent),0 0 0 10px color-mix(in srgb,var(--devnet-workflow--stepColor) 14%,transparent);transform:translateY(-.42rem) scale(1.04)}}@keyframes devnet-workflow-icon-orbit{0%,to{box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);transform:rotate(0deg) scale(1)}8%{transform:rotate(-8deg) scale(1.04)}16%{box-shadow:0 20px 34px color-mix(in srgb,var(--devnet-workflow--stepColor) 32%,transparent),0 0 0 11px color-mix(in srgb,var(--devnet-workflow--stepColor) 16%,transparent);transform:rotate(10deg) scale(1.06)}}@keyframes devnet-workflow-icon-handoff{0%,to{box-shadow:0 16px 26px color-mix(in srgb,var(--devnet-workflow--stepColor) 22%,transparent),0 0 0 7px color-mix(in srgb,var(--devnet-workflow--stepColor) 12%,transparent);transform:scale(1)}8%{box-shadow:0 16px 28px color-mix(in srgb,var(--devnet-workflow--stepColor) 30%,transparent),0 0 0 6px color-mix(in srgb,var(--devnet-workflow--stepColor) 10%,transparent);transform:scale(.96)}18%{box-shadow:0 22px 36px color-mix(in srgb,var(--devnet-workflow--stepColor) 36%,transparent),0 0 0 13px color-mix(in srgb,var(--devnet-workflow--stepColor) 18%,transparent);transform:scale(1.09)}}@keyframes devnet-workflow-number-flow{0%,to{box-shadow:0 10px 18px color-mix(in srgb,var(--devnet-workflow--stepColor) 28%,transparent)}16%,8%{box-shadow:0 12px 22px color-mix(in srgb,var(--devnet-workflow--stepColor) 42%,transparent)}}@keyframes devnet-workflow-line-flow{0%{opacity:.32;transform:translateY(-50%) scaleX(.22)}22%,8%{opacity:1;transform:translateY(-50%) scaleX(1)}34%,to{opacity:.32;transform:translateY(-50%) scaleX(1)}}@keyframes devnet-workflow-line-scan{0%{opacity:.28;transform:translateY(-50%) scaleX(.35)}10%,22%{opacity:1;transform:translateY(-50%) scaleX(1)}34%,to{opacity:.32;transform:translateY(-50%) scaleX(1)}}@keyframes devnet-workflow-line-handoff{0%{opacity:.26;transform:translateY(-50%) scaleX(.12)}14%{opacity:1;transform:translateY(-50%) scaleX(1)}28%,to{opacity:.32;transform:translateY(-50%) scaleX(1)}}@keyframes devnet-workflow-arrow-flow{0%,to{opacity:.38;transform:translateY(-50%) scale(1)}10%,22%{opacity:1;transform:translateY(-50%) scale(1.14)}}@keyframes devnet-workflow-arrow-lift{0%,to{opacity:.38;transform:translateY(-50%) scale(1)}10%,22%{opacity:1;transform:translateY(-50%) scale(1.12)}}@keyframes devnet-workflow-arrow-handoff{0%,to{opacity:.38;transform:translateY(-50%) scale(.94)}12%{opacity:.8;transform:translateY(-50%) scale(.92)}24%{opacity:1;transform:translateY(-50%) scale(1.2)}}@media(prefers-reduced-motion:reduce){.wp-block-devnet-workflow .devnet-workflow__connector:after,.wp-block-devnet-workflow .devnet-workflow__connector:before,.wp-block-devnet-workflow .devnet-workflow__icon,.wp-block-devnet-workflow .devnet-workflow__icon:after,.wp-block-devnet-workflow .devnet-workflow__number,.wp-block-devnet-workflow .devnet-workflow__step:before{animation:none}}@media screen and (max-width:720px){.wp-block-devnet-workflow{padding:clamp(1.1rem,5vw,1.75rem)}.wp-block-devnet-workflow .devnet-workflow__viewport{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.wp-block-devnet-workflow .devnet-workflow__step{flex-basis:10.25rem}.wp-block-devnet-workflow .devnet-workflow__connector{flex-basis:2.75rem}}