:root{
      --navy-deep:#0a1f3d;
      --navy:#0d2a57;
      --navy-2:#123a72;
      --slate:#2C3E50;
      --red:#e53f3f;
      --green:#0B852A;
      --green-light:#0d9c30;
      --cyan:#67e8f9;
      --bg:#f6f7fb;
    }
    body{ font-family:'Poppins',sans-serif; background:var(--bg); color:#1e2a3b; }
    .mono{ font-family:'Space Mono', monospace; letter-spacing:.08em; }
 
    .route-line{
      position:absolute; left:27px; top:0; bottom:0; width:2px;
      background-image: linear-gradient(to bottom, rgba(13,42,87,0.28) 0 8px, transparent 8px 16px);
      background-size: 2px 16px;
    }
    @media (max-width:767px){ .route-line{ left:23px; } }
 
    .stop-dot{
      box-shadow:0 0 0 5px #f6f7fb, 0 4px 10px rgba(13,42,87,.18);
    }
 
    .glow{
      background-image:
        radial-gradient(circle at 15% 15%, rgba(147,197,253,.22) 0, transparent 32%),
        radial-gradient(circle at 85% 75%, rgba(103,232,249,.20) 0, transparent 38%);
    }
 
    .truck-path{ stroke-dasharray: 6 6; animation: dash 18s linear infinite; }
    @keyframes dash{ to{ stroke-dashoffset:-240; } }
 
    @media (prefers-reduced-motion: reduce){
      .truck-path{ animation:none; }
    }
 
    .card-lift{ transition: transform .25s ease, box-shadow .25s ease; }
    .card-lift:hover{ transform: translateY(-4px); box-shadow: 0 18px 30px -14px rgba(13,42,87,.25); }