/* Zerox editorial guide, independent of the former card carousel. */
.zx-order-guide {padding-top:64px;padding-bottom:64px;}
.zx-guide-layout {display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,90px);padding:44px clamp(24px,4vw,56px);position:relative;background:#0c0c12;border:1px solid #ffffff12;border-radius:28px;overflow:hidden;}
.zx-guide-intro {align-self:center;min-width:0;}
.zx-guide-kicker {display:flex;align-items:center;gap:12px;color:#b0aaba;font:700 10px/1.4 'Space Grotesk',sans-serif;letter-spacing:.19em;text-transform:uppercase;margin:0 0 25px;}
.zx-guide-logo {display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;mix-blend-mode:screen;filter:none;transform:none;}
.zx-guide-intro h2 {margin:0;color:#f6f4fa;font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-.055em;font-weight:700;}
.zx-guide-intro h2 em {font-style:normal;color:#ff3b62;}
.zx-guide-description {max-width:340px;margin:22px 0 26px;color:#a3a0ad;font-size:14px;line-height:1.8;}
.zx-guide-cta {display:inline-flex;align-items:center;gap:25px;border-radius:10px;padding:13px 18px;background:#ff1744;color:white;text-decoration:none;font-weight:700;font-size:13px;transition:background .2s,box-shadow .2s;}
.zx-guide-cta svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s;}
.zx-guide-cta:hover,.zx-guide-cta:focus-visible {background:#ed1240;color:#fff;box-shadow:0 6px 26px #ff174435;outline:2px solid #ff7892;outline-offset:4px;}
.zx-guide-cta:hover svg {transform:translateX(3px);}
.zx-guide-signature {display:flex;align-items:center;gap:12px;margin-top:34px;color:#736a80;font:600 9px/1.5 'Space Grotesk',sans-serif;letter-spacing:.25em;}
.zx-guide-signature span {width:24px;height:1px;background:#ff1744;}
.zx-guide-route {list-style:none;position:relative;margin:0;padding:0;min-width:0;}
.zx-guide-route::before {content:'';position:absolute;left:20px;top:36px;bottom:40px;width:1px;background:linear-gradient(#ff1744,#a855ff66);}
.zx-guide-stop {position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:22px;padding:23px 0;}
.zx-guide-stop:not(:last-child)::after {content:'';position:absolute;bottom:0;left:64px;right:0;height:1px;background:#ffffff0e;}
.zx-guide-index {position:relative;display:grid;place-items:center;width:42px;height:42px;background:#100e16;border:1px solid #554057;border-radius:50%;color:#c4b2ce;font:500 12px/1 'Space Grotesk',sans-serif;transition:border-color .25s,color .25s,box-shadow .25s;}
.zx-guide-stop:first-child .zx-guide-index {border-color:#ff1744;color:#ff6484;box-shadow:0 0 22px #ff174423;animation:zx-guide-pulse 4s ease-in-out infinite;}
.zx-guide-stop h3 {margin:0 0 7px;color:#eeeaf4;font:600 clamp(17px,1.5vw,21px)/1.25 'Space Grotesk',sans-serif;letter-spacing:-.025em;}
.zx-guide-stop p {margin:0;color:#a09aa9;font-size:13px;line-height:1.7;}
.zx-guide-stop>svg {width:23px;height:23px;fill:none;stroke:#aa71d4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,transform .25s;}
.zx-guide-stop:hover .zx-guide-index {color:#fff;border-color:#ff1744;box-shadow:0 0 18px #ff174422;}
.zx-guide-stop:hover>svg {stroke:#ff5276;transform:translateY(-2px);}
@keyframes zx-guide-pulse {50% {box-shadow:0 0 28px #ff174447;}}
@media(max-width:767px){.zx-order-guide{padding-block:36px;}.zx-guide-layout{grid-template-columns:1fr;gap:25px;padding:30px 8px;}.zx-guide-intro{padding-inline:8px;}.zx-guide-intro h2{font-size:36px;}.zx-guide-kicker{margin-bottom:19px;}.zx-guide-signature{display:none;}.zx-guide-description{margin-block:18px 22px;}.zx-guide-stop{gap:16px;padding-block:21px;}.zx-guide-stop:not(:last-child)::after{left:58px;}.zx-guide-stop p{font-size:12px;}}
@media(prefers-reduced-motion:reduce){.zx-guide-stop:first-child .zx-guide-index{animation:none;}.zx-guide-cta,.zx-guide-cta svg,.zx-guide-index,.zx-guide-stop>svg{transition:none;}}

/* Continuous motion remains decorative: these are instructions, not order status. */
.zx-guide-layout {isolation:isolate;}
.zx-guide-layout::before {content:none;}
.zx-guide-logo {animation:none;}
.zx-guide-route::after {content:'';position:absolute;left:18px;top:36px;width:5px;height:28px;border-radius:8px;background:linear-gradient(transparent,#e49cff,#ff1744);box-shadow:0 0 14px #ff1744;pointer-events:none;animation:zx-guide-travel 8s ease-in-out infinite;}
.zx-guide-stop {--stage:0s;}
.zx-guide-stop:nth-child(2) {--stage:-6s;}
.zx-guide-stop:nth-child(3) {--stage:-4s;}
.zx-guide-stop:nth-child(4) {--stage:-2s;}
.zx-guide-stop .zx-guide-index,.zx-guide-stop:first-child .zx-guide-index {animation:zx-guide-stage 8s ease-in-out var(--stage) infinite;}
.zx-guide-stop>svg {animation:zx-guide-icon 8s ease-in-out var(--stage) infinite;}
.zx-order-guide.is-revealed .zx-guide-stop>div {animation:zx-guide-enter .7s ease-out both;}
.zx-order-guide.is-revealed .zx-guide-stop:nth-child(2)>div {animation-delay:.12s;}
.zx-order-guide.is-revealed .zx-guide-stop:nth-child(3)>div {animation-delay:.24s;}
.zx-order-guide.is-revealed .zx-guide-stop:nth-child(4)>div {animation-delay:.36s;}
.zx-guide-motion {display:block;margin-top:20px;padding:4px 0;border:0;background:none;color:#a39aaf;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;}
.zx-guide-motion[hidden] {display:none;}
.zx-guide-motion:hover {color:#ff6686;}
.zx-guide-motion:focus-visible {outline:2px solid #ff1744;outline-offset:5px;}
.zx-order-guide:not(.is-running) *,.zx-order-guide:not(.is-running) *::before,.zx-order-guide:not(.is-running) *::after {animation-play-state:paused!important;}
@keyframes zx-guide-travel {0%{top:36px;opacity:0;}8%{opacity:1;}90%{opacity:1;}100%{top:calc(100% - 50px);opacity:0;}}
@keyframes zx-guide-stage {0%,20%{border-color:#ff1744;color:#fff;box-shadow:0 0 22px #ff174445;}28%,100%{border-color:#554057;color:#c4b2ce;box-shadow:none;}}
@keyframes zx-guide-icon {0%,20%{stroke:#ff5276;transform:translateY(-3px);}28%,100%{stroke:#aa71d4;transform:translateY(0);}}
@keyframes zx-guide-enter {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.zx-order-guide *,.zx-order-guide *::before,.zx-order-guide *::after{animation:none!important;transition:none!important;}.zx-guide-route::after{display:none;}}

/* Sequential confirmation treatment; the logo stays secondary to the heading. */
.zx-guide-logo {width:48px;height:48px;}
.zx-guide-route::before,.zx-guide-route::after {top:var(--rail-top,44px);bottom:auto;height:var(--rail-height,300px);left:20px;width:1px;}
.zx-guide-route::before {background:#ffffff12;}
.zx-guide-route::after {width:2px;background:linear-gradient(#ff1744,#b57aff);box-shadow:0 0 12px #b57aff80;transform-origin:top;transform:scaleY(var(--rail-progress,0));transition:transform .9s cubic-bezier(.22,1,.36,1);animation:none;}
.zx-guide-stop .zx-guide-index,.zx-guide-stop:first-child .zx-guide-index {z-index:1;animation:none;border-color:#554057;color:#c4b2ce;box-shadow:none;}
.zx-guide-stop>svg {animation:none;}
.zx-guide-stop.is-current .zx-guide-index {border-color:#ff174455;color:#fff;box-shadow:0 0 26px #ff17442b;}
.zx-guide-stop.is-current .zx-guide-index::before {content:'';position:absolute;inset:-4px;border:1px solid transparent;border-top-color:#ff1744;border-right-color:#ff1744;border-radius:50%;animation:zx-guide-orbit 1.6s linear infinite;}
.zx-guide-stop.is-current>svg {stroke:#ff6686;transform:translateY(-2px);filter:drop-shadow(0 0 6px #ff174450);}
.zx-guide-stop.is-current h3 {color:#fff;}
.zx-guide-stop.is-complete .zx-guide-index {border-color:#b57aff88;background:#20152e;box-shadow:0 0 20px #a855ff20;}
.zx-guide-digit {transition:opacity .25s,transform .35s;}
.zx-guide-check {position:absolute;width:22px;height:22px;fill:none;stroke:#c799ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.7);transition:opacity .3s,transform .4s;}
.zx-guide-check path {stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s .1s;}
.is-complete .zx-guide-digit {opacity:0;transform:scale(.6);}
.is-complete .zx-guide-check {opacity:1;transform:scale(1);}
.is-complete .zx-guide-check path {stroke-dashoffset:0;}
.zx-guide-stop.is-complete>svg {stroke:#c799ff;}
@keyframes zx-guide-orbit {to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.zx-guide-route::after{display:none;}.zx-guide-stop.is-current .zx-guide-index::before{display:none;}}