.production-journey{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#083a58 0,transparent 28%),radial-gradient(circle at 85% 75%,#251c5b 0,transparent 32%),linear-gradient(135deg,#06111d,#091a2b)}.production-journey:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#33caff12 1px,transparent 1px),linear-gradient(90deg,#33caff12 1px,transparent 1px);background-size:42px 42px;animation:processGrid 18s linear infinite}.production-journey>header,.journey-track{position:relative;z-index:2}.production-journey header>p:last-child{max-width:760px}.journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:60px}.journey-step{position:relative;min-width:0;animation:stepArrive .75s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--step-delay)}.step-visual{position:relative;height:170px;display:grid;place-items:center;border:1px solid #24516b;border-radius:26px;background:linear-gradient(145deg,#0b2638,#091722);box-shadow:0 20px 50px #0004;overflow:hidden}.step-visual:before{content:"";position:absolute;width:120px;height:120px;border:1px dashed #42ddff55;border-radius:50%;animation:spin 9s linear infinite}.step-visual:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#52e7ff,#5260ed);box-shadow:0 0 35px #36cbff4d;animation:visualBreathe 3s ease-in-out infinite}.step-visual svg{position:relative;z-index:3;width:38px;height:38px;color:white;stroke-width:1.7;animation:iconFloat 3s ease-in-out infinite}.step-visual b{position:absolute;right:14px;top:12px;z-index:3;color:#7aeebc;font-size:.68rem;letter-spacing:.1em}.step-pulse{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#62e6a6;box-shadow:0 0 14px #62e6a6;animation:orbitPulse 4s linear infinite}.step-copy{padding:24px 8px 0}.step-copy small{color:#66dff8;font-size:.63rem;font-weight:800;letter-spacing:.16em}.step-copy h3{margin:10px 0 12px;font-size:1.25rem}.step-copy p{margin:0;color:#9fb8c8;line-height:1.65;font-size:.9rem}.journey-link{position:absolute;z-index:6;right:-22px;top:72px;width:26px;color:#5de8b0}.journey-link svg{width:20px}.journey-link i{position:absolute;right:7px;top:9px;width:6px;height:6px;border-radius:50%;background:#65ecff;box-shadow:0 0 12px #65ecff;animation:handoff 1.8s ease-in-out infinite}.journey-step:nth-child(even) .step-visual:after{background:radial-gradient(circle at 30% 25%,#71f0ba,#087ccb)}.journey-step:nth-child(3) .step-visual:after{background:radial-gradient(circle at 30% 25%,#b990ff,#5062ed)}@keyframes processGrid{to{background-position:42px 42px}}@keyframes stepArrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes visualBreathe{50%{transform:scale(1.08);box-shadow:0 0 55px #36cbff77}}@keyframes iconFloat{50%{transform:translateY(-6px)}}@keyframes orbitPulse{from{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}@keyframes handoff{0%,100%{transform:translateX(-8px);opacity:.15}50%{transform:translateX(9px);opacity:1}}@media(max-width:1100px){.journey-track{grid-template-columns:repeat(3,1fr)}.journey-step:nth-child(3) .journey-link{display:none}}@media(max-width:720px){.journey-track{grid-template-columns:1fr;margin-top:42px}.journey-step{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center}.step-visual{height:130px}.step-copy{padding:0}.journey-link{right:auto;left:60px;top:auto;bottom:-22px;transform:rotate(90deg)}.journey-step:nth-child(3) .journey-link{display:block}.step-copy h3{font-size:1.15rem}}@media(max-width:460px){.journey-step{grid-template-columns:105px 1fr;gap:15px}.step-visual{height:105px;border-radius:20px}.step-visual:before{width:88px;height:88px}.step-visual:after{width:64px;height:64px}.step-visual svg{width:30px;height:30px}.step-copy p{font-size:.82rem}.step-copy h3{margin-block:7px}.step-pulse{display:none}}@media(prefers-reduced-motion:reduce){.production-journey:before,.journey-step,.step-visual:before,.step-visual:after,.step-visual svg,.step-pulse,.journey-link i{animation:none!important}}
