.hero-flow-stage{--hero-flow-thumb-width: 36px;--hero-flow-thumb-height: 46px;position:relative;display:grid;grid-template-columns:minmax(0,.62fr) auto minmax(0,1.18fr);align-items:center;gap:clamp(1rem,4.5vw,3.25rem);min-height:360px;padding:1.5rem 0 3.25rem}.hero-flow-glow{position:absolute;inset:0;z-index:-1;border-radius:1.5rem;background:linear-gradient(90deg,#8b5cf62e,#ec48992e,#0f6cbd29);filter:blur(48px);transform:scale(.95)}.hero-flow-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.hero-flow-lines path{fill:none;stroke:#a78bfa;stroke-width:2.5;stroke-dasharray:5 9;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0;animation:heroFlowDash 1.1s linear infinite}.hero-flow-lines [data-segment=delivery]{stroke:#f472b6}@keyframes heroFlowDash{to{stroke-dashoffset:-28}}.hero-flow-intake{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px solid rgba(124,58,237,.16);border-radius:16px;background:#fffffff5;box-shadow:0 14px 30px #4c1d951f;opacity:0}.hero-flow-platforms{display:flex;align-items:center;justify-content:center;gap:.65rem;padding-bottom:.65rem;border-bottom:1px solid rgba(124,58,237,.1)}.hero-flow-platform{position:relative;display:grid;flex:1;min-width:0;place-items:center;padding:.3rem;opacity:.55}.hero-flow-platform+.hero-flow-platform:before{content:"";position:absolute;top:50%;left:-.325rem;width:1px;height:22px;background:#7c3aed1f;transform:translateY(-50%)}.hero-flow-platform img{display:block;width:100%;height:28px;max-width:84px;object-fit:contain}.hero-flow-slot{position:relative;display:grid;height:197px;place-items:center;border:1px dashed rgba(139,92,246,.3);border-radius:12px;background:#f5f3ff80}.hero-flow-slot-label{position:absolute;left:50%;top:50%;display:flex;max-width:84%;align-items:center;justify-content:center;gap:.3rem;color:#6d28d966;font-size:.6rem;font-weight:700;letter-spacing:.1em;line-height:1.4;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%)}.hero-flow-slot-label-done{flex-direction:column;gap:.4rem;color:#059669;opacity:0}.hero-flow-slot-label-done svg{width:15px;height:15px;flex:none}.hero-flow-engine-column{position:relative;z-index:3;display:flex;justify-content:center}.hero-flow-engine{position:relative;display:grid;width:106px;height:106px;place-items:center;opacity:0}.hero-flow-engine-ring{position:absolute;inset:0;border:1px solid rgba(124,58,237,.25);border-top-color:#8b5cf6;border-right-color:#ec4899;border-radius:999px;box-shadow:0 0 30px #8b5cf640;animation:heroFlowEngineSpin 3s linear infinite}.hero-flow-engine-ring:after{content:"";position:absolute;inset:11px;border:1px dashed rgba(236,72,153,.45);border-radius:inherit;animation:heroFlowEngineSpin 4.5s linear infinite reverse}.hero-flow-engine-core{position:relative;z-index:1;display:grid;width:74px;height:74px;place-items:center;border:4px solid rgba(255,255,255,.92);border-radius:999px;background:#fff;box-shadow:0 12px 30px #4c1d9533}.hero-flow-engine-core img{width:76%;height:auto;object-fit:contain}.hero-flow-engine-caption{position:absolute;top:calc(50% + 62px);left:50%;width:130px;color:#6d28d9;font-size:.6rem;font-weight:700;letter-spacing:.1em;line-height:1.3;opacity:0;text-align:center;text-transform:uppercase;transform:translate(-50%)}@keyframes heroFlowEngineSpin{to{transform:rotate(360deg)}}.hero-flow-delivery{position:relative;z-index:2;opacity:0;text-align:left}.hero-flow-packet{position:absolute;top:0;left:0;z-index:6;width:142px;height:181px;overflow:hidden;border:1px solid #edebe9;border-radius:8px;background:#fff;box-shadow:0 14px 30px #0f172a47;visibility:hidden}.hero-flow-packet img{width:100%;height:100%;object-fit:cover;object-position:top center}@media(max-width:1023px){.hero-flow-stage{grid-template-columns:minmax(0,.66fr) auto minmax(0,1.2fr)}.hero-flow-engine{width:88px;height:88px}.hero-flow-engine-core{width:60px;height:60px}.hero-flow-engine-caption{top:calc(50% + 54px);width:110px;font-size:.55rem}}@media(max-width:767px){.hero-flow-stage{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.5rem;min-height:0;padding:.5rem 0 3rem}.hero-flow-intake{width:100%;max-width:300px}.hero-flow-slot{height:168px}.hero-flow-engine-column{width:100%}.hero-flow-engine{width:78px;height:78px}.hero-flow-engine-core{width:54px;height:54px}.hero-flow-engine-caption{display:none}.hero-flow-delivery{width:100%}.hero-flow-packet{width:115px;height:147px}}@media(prefers-reduced-motion:reduce){.hero-flow-engine-ring,.hero-flow-lines path{animation:none}}