/* Motion explains the handoff once, then settles. No endlessly moving content. */
.svc-blueprint-step,.svc-workflow li{isolation:isolate}
.svc-blueprint-step:after,.svc-workflow li:after{content:'';position:absolute;inset:-1px;border:2px solid #55a78e;border-radius:inherit;pointer-events:none;opacity:0}
.svc-flow-playing .svc-blueprint-step:after,.svc-flow-playing.svc-workflow li:after{animation:svc-focus-step 1.35s ease-in-out both;animation-delay:calc(var(--svc-step,0)*.85s)}
.svc-blueprint-step:nth-child(2),.svc-workflow li:nth-child(2){--svc-step:1}
.svc-blueprint-step:nth-child(3),.svc-workflow li:nth-child(3){--svc-step:2}
.svc-workflow li:nth-child(4){--svc-step:3}
.svc-flow-playing .svc-blueprint-step i{animation:svc-packet-down 1.1s ease-in-out both;animation-delay:calc(.7s + var(--svc-step,0)*.85s)}
.svc-flow-playing .svc-flow-arrow{animation:svc-packet-right 1.1s ease-in-out both;animation-delay:calc(.7s + var(--svc-step,0)*.85s)}
.svc-workflow li:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d08b52,#48a58b);transform:scaleX(0);transform-origin:left;border-radius:5px;pointer-events:none}
.svc-flow-playing.svc-workflow li:before{animation:svc-progress-step 1.3s ease-out both;animation-delay:calc(var(--svc-step,0)*.85s)}
.svc-workflow figcaption{align-items:center;flex-wrap:wrap;min-height:76px}
.svc-flow-replay{border:1px solid #adc9ba;background:#fcfdf6;color:#235d50;font:inherit;letter-spacing:0;border-radius:24px;min-height:44px;padding:8px 18px;cursor:pointer;margin-left:auto}
.svc-flow-replay:hover{background:#e5f0e7}.svc-flow-replay:focus-visible{outline:3px solid #9b562e;outline-offset:4px}.svc-flow-replay[hidden]{display:none}
@keyframes svc-focus-step{0%,100%{opacity:0;box-shadow:0 0 0 0 #4d9a8210}30%,65%{opacity:1;box-shadow:0 0 0 7px #4d9a8212}}
@keyframes svc-packet-down{0%,100%{transform:translateY(0);color:#2e8874}50%{transform:translateY(5px);color:#b9773c}}
@keyframes svc-packet-right{0%,100%{transform:translateX(0);color:#2e8874}50%{transform:translateX(5px);color:#b9773c}}
@keyframes svc-progress-step{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.svc-flow-playing .svc-flow-arrow{animation-name:svc-packet-mobile}.svc-flow-replay{margin-top:12px;margin-left:0}@keyframes svc-packet-mobile{0%,100%{transform:translateY(0) rotate(90deg);color:#2e8874}50%{transform:translateY(5px) rotate(90deg);color:#b9773c}}}
@media(prefers-reduced-motion:reduce){.svc-flow-playing *,.svc-flow-playing *:before,.svc-flow-playing *:after{animation:none!important;transition:none!important}.svc-flow-replay{display:none}}