.system-path.carousel-ready{display:block!important;position:relative;height:470px;padding:0!important;border:0!important;background:radial-gradient(ellipse at 50% 62%,#9c380c22,transparent 60%)!important;perspective:1100px;overflow:hidden;isolation:isolate}
.system-path.carousel-ready:before,.system-path.carousel-ready:after{display:none!important}
.carousel-ready .workflow-card{position:absolute!important;left:50%;top:50%;width:min(560px,82%);height:190px;box-sizing:border-box;padding:36px 42px!important;display:flex!important;flex-direction:column;justify-content:center;gap:15px;background:linear-gradient(135deg,#26373d,#101c22 70%)!important;border:1px solid #aa80554d!important;border-radius:8px;box-shadow:0 25px 65px #0009,inset 0 1px #dfc8a422;transform:translate(-50%,-50%) translateY(var(--card-y)) translateZ(var(--card-z)) rotateX(var(--card-tilt));opacity:var(--card-opacity);transition:transform 1.35s cubic-bezier(.22,.7,.2,1),opacity 1.1s,filter 1.1s;filter:brightness(var(--card-light));z-index:var(--card-layer);overflow:hidden}
.carousel-ready .workflow-card:before{content:attr(data-step);position:absolute;right:28px;top:15px;font-size:100px;line-height:1;color:#e9a65c0c;font-weight:700}
.carousel-ready .workflow-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ff9a3012 50%,transparent 75%)}
.carousel-ready .workflow-card strong{font-size:clamp(22px,3vw,32px);color:#f4ede2}
.carousel-ready .workflow-card small{font-size:14px;color:#afbdc0}
.carousel-ready .workflow-card .workflow-kicker{font-size:10px;letter-spacing:.18em;color:#f4b465}
.workflow-controls{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;z-index:20;white-space:nowrap}
.workflow-controls button{background:#152228;border:1px solid #bc8b514f;color:#f3c28b;width:38px;height:38px;border-radius:50%;cursor:pointer}.workflow-controls button:hover{border-color:#ffae60;background:#513019}.workflow-controls .workflow-pause{width:auto;padding:0 15px;border-radius:20px;font-size:11px}.workflow-status{font-size:11px;letter-spacing:.15em;color:#e3b77f;min-width:48px;text-align:center}
.workflow-lava{position:absolute;left:50%;top:50%;width:min(560px,82%);height:190px;transform:translate(-50%,-50%);border-radius:8px;z-index:12;pointer-events:none}
@media(max-width:600px){.system-path.carousel-ready{height:420px}.carousel-ready .workflow-card{height:165px;padding:26px!important}.workflow-lava{height:165px}}
@media(prefers-reduced-motion:reduce){.carousel-ready .workflow-card{transition:none}}

/* Each next card is uncovered by the molten leading edge. */
.carousel-ready .workflow-card{transition:opacity .25s;transform:translate(-50%,-50%) translateZ(80px) rotateX(-3deg)!important}

.workflow-lava{transform:translate(-50%,-50%) translateZ(80px) rotateX(-3deg);}
