.cargo-route{background:#061827;color:#fff;padding:64px max(5vw,32px) 70px;overflow:hidden}
.cargo-route-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:1320px;margin:0 auto 48px}
.cargo-route-heading p{margin:0;color:#20d6e7;font-size:11px;font-weight:800;letter-spacing:.18em}
.cargo-route-heading h2{margin:0;font-size:clamp(42px,4.7vw,70px);line-height:.94;letter-spacing:-.055em}
.cargo-route-heading em{color:#20d6e7;font-style:normal}
.cargo-route-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:1320px;margin:auto;padding-top:48px}
.cargo-route-line{position:absolute;left:2%;right:2%;top:20px;height:3px;background:linear-gradient(90deg,#20d6e7,#2388ff,#20d6e7);box-shadow:0 0 18px rgba(32,214,231,.28)}
.cargo-truck{position:absolute;left:0;top:-8px;width:64px;height:38px;z-index:2;filter:drop-shadow(0 0 9px #20d6e7);animation:cargo-drive 16s ease-in-out infinite}
.cargo-truck svg{width:100%;height:100%;fill:#167ef4;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.cargo-phase{position:relative;padding:12px 10px 0;color:#fff;text-decoration:none;opacity:.48;transition:opacity .35s ease,transform .35s ease}
.cargo-phase i{position:absolute;left:10px;top:-36px;width:14px;height:14px;border-radius:50%;background:#20d6e7;border:4px solid #061827;box-shadow:0 0 0 2px #20d6e7}
.cargo-phase strong{display:block;font-size:20px;line-height:1.2;margin-bottom:7px}.cargo-phase span{color:#a7bdcb;font-size:14px}
.cargo-phase.is-active{opacity:1;transform:translateY(-4px)}.cargo-phase.is-active i{background:#fff;box-shadow:0 0 0 2px #20d6e7,0 0 22px #20d6e7}
@keyframes cargo-drive{0%,12%{left:var(--cargo-p0,0px);opacity:1}25%,37%{left:var(--cargo-p1,25%);opacity:1}50%,62%{left:var(--cargo-p2,50%);opacity:1}75%,88%{left:var(--cargo-p3,75%);opacity:1}89%{left:var(--cargo-p3,75%);opacity:0}89.1%{left:var(--cargo-p0,0px);opacity:0}90%,100%{left:var(--cargo-p0,0px);opacity:1}}
@media(max-width:700px){.cargo-route{padding:52px 20px 60px}.cargo-route-heading{display:block;margin-bottom:36px}.cargo-route-heading p{margin-bottom:14px}.cargo-route-heading h2{font-size:42px}.cargo-route-track{display:flex;flex-direction:column;gap:28px;padding:10px 0 0 58px}.cargo-route-line{left:20px;right:auto;top:0;bottom:0;width:3px;height:auto}.cargo-truck{left:-8px!important;top:0;width:58px;animation:cargo-drive-mobile 16s ease-in-out infinite}.cargo-phase{padding:0 0 0 12px;min-height:70px}.cargo-phase i{left:-45px;top:7px}@keyframes cargo-drive-mobile{0%,12%{top:var(--cargo-p0,0px);opacity:1}25%,37%{top:var(--cargo-p1,25%);opacity:1}50%,62%{top:var(--cargo-p2,50%);opacity:1}75%,88%{top:var(--cargo-p3,75%);opacity:1}89%{top:var(--cargo-p3,75%);opacity:0}89.1%{top:var(--cargo-p0,0px);opacity:0}90%,100%{top:var(--cargo-p0,0px);opacity:1}}}
@media(prefers-reduced-motion:reduce){.cargo-truck{animation:none}.cargo-phase{opacity:1;transform:none}}
