.track-hero{padding:2.2rem 0 2.5rem;background:#1e2a36;color:#e8edf2}
.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}
.track-grid h1{font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:800;line-height:1.35;margin-bottom:.75rem}
.track-grid h1 em{font-style:normal;color:#f59e0b}
.track-desc{color:#9aa8b6;font-size:.93rem;margin-bottom:1.1rem}
.track-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.15rem}
.track-hero .trust-cell{background:#2a3340;border-color:#3a4450}
.track-hero .trust-cell strong{color:#3ecf8e}
.track-hero .trust-cell span{color:#9aa8b6}
.map{background:#2a3340;border:1px solid #3a4450;padding:1rem;border-radius:4px}
.map-route{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;font-size:.72rem;color:#9aa8b6}
.map-route span.done{color:#3ecf8e;font-weight:800}
.map-route span.now{color:#f59e0b;font-weight:800}
.map-route span.wait{color:#6a7680}
.map-line{height:3px;background:#3a4450;margin:.5rem 0;position:relative}
.map-line::after{content:"";position:absolute;left:0;top:0;height:100%;width:66%;background:#2563eb}
.map img{width:100%;border:1px solid #3a4450;margin-top:.5rem}
.track-no{font-size:.72rem;color:#f59e0b;margin-top:.5rem;font-weight:800}

.hub-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hub{background:#fff;border:1px solid #d4dae2;padding:1.15rem;border-top:5px solid #2563eb}
.hub:nth-child(2){border-top-color:#f59e0b}
.hub:nth-child(3){border-top-color:#3ecf8e}
.hub .st{font-size:.7rem;font-weight:800;color:#2563eb;margin-bottom:.3rem}
.hub h3{font-size:.95rem;margin-bottom:.4rem;font-weight:800}
.hub p{font-size:.86rem;color:#5a6570;line-height:1.6}

.node-path{max-width:720px;margin:0 auto;background:#fff;border:1px solid #d4dae2}
.node{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #eef1f4;position:relative}
.node:last-child{border-bottom:none}
.node::before{content:"";position:absolute;left:1.35rem;top:2.2rem;bottom:-.5rem;width:2px;background:#d4dae2}
.node:last-child::before{display:none}
.dot{width:14px;height:14px;border-radius:50%;background:#2563eb;margin-top:.25rem;position:relative;z-index:1}
.node.done .dot{background:#3ecf8e}
.node.now .dot{background:#f59e0b}
.node strong{font-size:.75rem;color:#2563eb;display:block;margin-bottom:.25rem}
.node h3{font-size:.9rem;font-weight:800;margin-bottom:.2rem}
.node p{font-size:.82rem;color:#5a6570}

.pack-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pack{background:#fff;border:1px solid #d4dae2}
.pack h3{padding:.5rem .95rem;background:#1e2a36;color:#f59e0b;font-size:.84rem;font-weight:800}
.pack ul{padding:1rem 1.05rem}
.pack li{font-size:.84rem;color:#5a6570;padding:.3rem 0;border-bottom:1px solid #eef1f4}
.pack li:last-child{border-bottom:none}

.deliver-cta{background:#2563eb;color:#fff;text-align:center;padding:2.5rem 1rem}
.deliver-cta h2{font-size:clamp(1.15rem,3vw,1.4rem);margin-bottom:.4rem;font-weight:800}
.deliver-cta p{color:#c5d4f0;margin-bottom:1.1rem;font-size:.9rem}
.deliver-cta .btn-ship{background:#f59e0b;color:#1e2a36!important}

@media(max-width:900px){
  .track-grid,.hub-row,.pack-dual{grid-template-columns:1fr}
}