.illustration-motion{--illustration-cycle:15s;--illustration-step:3s;--illustration-play-state:paused}.illustration-motion.is-playing{--illustration-play-state:running}.illustration-cycle>svg,.illustration-entry>svg{width:100%;height:auto;display:block}.illustration-orbit{fill:none;stroke:var(--ec-gray);stroke-width:3px;opacity:.35}.illustration-station{fill:var(--ec-gray)}.illustration-phase,.illustration-endpoint{fill:var(--ec-coral);opacity:0}.illustration-cycle>svg>g:first-of-type .illustration-phase{opacity:1}.illustration-cycle-state{justify-content:center;align-items:center;gap:var(--ec-space-3);opacity:0;color:var(--ec-white);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:25% 27%}.illustration-cycle-state:first-of-type{opacity:1}.illustration-cycle-state strong{font-size:var(--ec-fs-small)}.illustration-cycle-symbol{aspect-ratio:1;flex-shrink:0;width:80%;display:block}.illustration-cycle-symbol .ec-icon,.illustration-cycle-symbol svg{width:100%;height:100%}.illustration-entry{--illustration-cycle:21s}.illustration-branch{fill:none;stroke:var(--ec-gray);stroke-width:3px;opacity:.35}.illustration-branch-active{fill:none;stroke:var(--ec-coral);stroke-width:4px;opacity:0}.illustration-input{fill:none;stroke:var(--ec-coral);stroke-width:5px;stroke-linecap:round}.illustration-paths .illustration-path-step{padding:var(--ec-space-3);border-radius:var(--ec-radius-card);background:var(--ec-gray);color:var(--ec-navy);font-size:var(--ec-fs-small);transition:transform var(--ec-dur-fast) var(--ec-ease-out-expo);text-decoration:none;position:relative}.illustration-path-number{opacity:.65}.illustration-path-marker{width:var(--ec-space-5);border-radius:var(--ec-radius-pill);background:var(--ec-coral);height:.3rem}.illustration-paths .illustration-path-step:hover,.illustration-paths .illustration-path-step:focus-visible{color:var(--ec-navy);transform:translateY(-4px)}.illustration-paths .illustration-path-step:focus-visible{outline:3px solid var(--ec-coral);outline-offset:5px}.illustration-journey{--illustration-cycle:9s}@media (width>=992px){.illustration-cycle{opacity:.65}}@media (prefers-reduced-motion:no-preference){.illustration-motion.is-enabled .illustration-cycle-state,.illustration-motion.is-enabled .illustration-phase{animation:illustration-cycle-state var(--illustration-cycle) var(--ec-ease-out-expo) infinite;animation-delay:calc(var(--phase) * var(--illustration-step) - var(--illustration-cycle));animation-play-state:var(--illustration-play-state)}.illustration-motion.is-enabled .illustration-branch-active,.illustration-motion.is-enabled .illustration-endpoint{animation:illustration-entry-state var(--illustration-cycle) var(--ec-ease-out-expo) infinite;animation-delay:calc(var(--phase) * var(--illustration-step) - var(--illustration-cycle));animation-play-state:var(--illustration-play-state)}.illustration-motion.is-enabled .illustration-path-marker{animation:illustration-path-pass var(--illustration-cycle) var(--ec-ease-out-expo) both;animation-delay:calc(var(--phase) * var(--illustration-step));animation-play-state:var(--illustration-play-state);transform-origin:0}}@keyframes illustration-cycle-state{0%,16%{opacity:1}20%,96%{opacity:0}to{opacity:1}}@keyframes illustration-entry-state{0%,10%{opacity:1}14.285%,96%{opacity:0}to{opacity:1}}@keyframes illustration-path-pass{0%{opacity:.3;transform:scaleX(.25)}12%,28%{opacity:1;transform:scaleX(1)}38%,to{opacity:1;transform:scaleX(.65)}}@media (prefers-reduced-motion:reduce){.illustration-paths .illustration-path-step{transition:none}.illustration-paths .illustration-path-step:hover,.illustration-paths .illustration-path-step:focus-visible{transform:none}}.illustration-journey>li{position:relative}.illustration-journey>li:not(:last-child):after{content:"";left:var(--ec-space-5);height:var(--bs-gutter-y);background:var(--ec-coral);width:2px;position:absolute;top:100%}@media (width<=767.98px){.illustration-path-step svg{transform:rotate(90deg)}}@media (width>=768px){.illustration-journey>li:not(:last-child):after{left:calc(100% - var(--bs-gutter-x) / 2);width:var(--bs-gutter-x);height:2px;top:50%}}
