[data-journey]{--flow-implementation:var(--color-cyan-300);--flow-go-live:#9be8bb;--flow-after-go-live:var(--color-green-status)}[data-journey] [data-step-phase=implementation]{--phase:var(--flow-implementation)}[data-journey] [data-step-phase=go-live]{--phase:var(--flow-go-live)}[data-journey] [data-step-phase=after-go-live]{--phase:var(--flow-after-go-live)}@media (prefers-reduced-motion:no-preference){[data-journey-art][data-active] [data-a]{animation-duration:.56s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both;animation-delay:var(--d,0s)}[data-journey-art][data-active] [data-a=rise]{animation-name:art-rise}[data-journey-art][data-active] [data-a=pop]{animation-name:art-pop;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}[data-journey-art][data-active] [data-a=drop]{animation-name:art-drop;animation-timing-function:cubic-bezier(.34,1.3,.64,1)}[data-journey-art][data-active] [data-a=grow]{transform-origin:0;animation-name:art-grow}[data-journey-art][data-active] [data-a=grow-y]{transform-origin:top;animation-name:art-grow-y}[data-journey-art][data-active] [data-a=draw]{stroke-dasharray:1;animation-name:art-draw;animation-duration:.9s;animation-timing-function:ease-in-out}[data-journey-art][data-active] [data-a=live]{animation-name:art-live;animation-duration:.42s}[data-journey-art][data-active] [data-a=toggle]{animation-name:art-track}[data-journey-art][data-active] [data-a=toggle]>span{animation:.56s cubic-bezier(.2,.8,.2,1) both art-knob;animation-delay:var(--d,0s)}[data-journey-art][data-active] [data-a=spin]{animation-name:art-spin;animation-duration:.9s;animation-timing-function:ease-in-out}[data-journey-art][data-active] [data-a=blink]{animation-name:art-blink;animation-duration:.9s}[data-journey-art][data-active] [data-a=glow]{animation-name:art-glow;animation-duration:.9s}}@keyframes art-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes art-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes art-drop{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:none}}@keyframes art-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes art-grow-y{0%{transform:scaleY(0)}to{transform:none}}@keyframes art-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes art-live{0%{background-color:#ffffff0a;border-color:#ffffff26}}@keyframes art-track{0%{background-color:#0000002e}}@keyframes art-knob{0%{transform:translate(-1rem)}to{transform:none}}@keyframes art-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes art-blink{0%,50%,to{opacity:1}25%,75%{opacity:.2}}@keyframes art-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 .5rem color-mix(in oklab, var(--phase) 28%, transparent)}}
[data-journey] :is([data-step-phase=implementation],[data-rail-phase=implementation]){--phase-ink:var(--color-cyan-700);--phase-fill:var(--color-cyan-500)}[data-journey] :is([data-step-phase=go-live],[data-rail-phase=go-live]){--phase-ink:var(--color-emerald-ink);--phase-fill:var(--color-green-icon)}[data-journey] :is([data-step-phase=after-go-live],[data-rail-phase=after-go-live]){--phase-ink:var(--color-green-ink);--phase-fill:var(--color-green-status)}[data-journey-link][aria-current=step] [data-journey-number],[data-journey-step][data-current] [data-journey-number]{border-color:var(--phase-fill);background-color:var(--phase-fill);color:var(--color-navy-900);box-shadow:0 0 0 6px color-mix(in srgb, var(--phase-fill) 18%, transparent)}[data-journey-link][aria-current=step] [data-journey-title]{color:var(--fg);font-weight:600}@media screen and (prefers-reduced-motion:no-preference){[data-journey-number]{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}[data-journey-step][data-reveal=wait] [data-rise]{opacity:0;transform:translateY(1.75rem)}[data-journey-step][data-reveal=in] [data-rise]{opacity:1;transition:opacity .64s,transform .76s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * .11s);transform:none}}
.band-navy:has([data-implementation-path]){background-image:radial-gradient(64rem 40rem at 8% -12%, color-mix(in srgb, var(--color-loop-cobalt-a) 36%, transparent), transparent 70%), radial-gradient(56rem 36rem at 96% 112%, color-mix(in srgb, var(--color-loop-violet-a) 22%, transparent), transparent 70%)}@media (min-width:80rem){[data-implementation-path]>ol{grid-template-columns:repeat(var(--steps-before-last), minmax(0, 1fr)) minmax(0, 1.4fr)}}@media (prefers-reduced-motion:no-preference){[data-implementation-path][data-reveal=wait] [data-path-dot],[data-implementation-path][data-reveal=wait] [data-path-text],[data-implementation-path][data-reveal=wait] [data-path-phase-label]{opacity:0}[data-implementation-path][data-reveal] [data-path-seg]{transform-origin:top}[data-implementation-path][data-reveal=wait] [data-path-seg]{transform:scaleY(0)}[data-implementation-path][data-reveal=in] [data-path-dot]{animation:.42s cubic-bezier(.2,.8,.2,1) both path-pop;animation-delay:calc(var(--i,0) * .42s)}[data-implementation-path][data-reveal=in] [data-path-text]{animation:.5s ease-out both path-rise;animation-delay:calc(var(--i,0) * .42s + .12s)}[data-implementation-path][data-reveal=in] [data-path-phase-label]{animation:.5s ease-out both path-rise;animation-delay:calc(var(--i,0) * .42s)}[data-implementation-path][data-reveal=in] [data-path-seg]{animation:.38s linear both path-grow-y;animation-delay:calc(var(--i,0) * .42s + .24s)}@media (min-width:80rem){[data-implementation-path][data-reveal] [data-path-seg]{transform-origin:0}[data-implementation-path][data-reveal=wait] [data-path-seg]{transform:scaleX(0)}[data-implementation-path][data-reveal=in] [data-path-seg]{animation-name:path-grow-x}}}@keyframes path-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes path-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes path-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes path-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-request]{view-timeline:--request block}[data-request-message]{animation:linear both request-type;animation-timeline:--request;animation-range:entry 60% cover 35%}[data-request-reply]{animation:linear both request-reply;animation-timeline:--request;animation-range:entry 90% cover 50%}}}@keyframes request-type{0%,10%{clip-path:inset(0 0 100% round 1rem)}to{clip-path:inset(0 round 1rem)}}@keyframes request-reply{0%,40%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
