.brand img{display:block;width:190px;height:auto;filter:drop-shadow(0 5px 12px rgba(39,172,238,.24))}
.site-footer .brand img{width:210px}
.street-map{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.72) brightness(.72) contrast(1.05)}
.map:before,.map:after{display:none}
.active-route{fill:none;stroke:#21aaf5;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(23,169,248,.65))}
.truck-dot{fill:#1db2ff;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 7px #159fe8)}
.pin{z-index:2}
.pin.one{left:14%;top:69%}
.pin.two{left:50%;top:45%}
.pin.three{right:13%;bottom:auto;top:22%}
.route-panel{z-index:3}
.map-card{transform:none;padding:12px;background:linear-gradient(145deg,#10283c,#071623);border-color:rgba(142,200,233,.28)}
.map-top{height:64px;padding:4px 12px 16px}
.map{height:auto;background:#0a1b2b;border-radius:12px;overflow:hidden}
.satellite-route{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.route-panel{position:relative;left:auto;right:auto;bottom:auto;margin:0;border:0;border-top:1px solid #344c60;border-radius:0;box-shadow:none;grid-template-columns:1fr 1fr;gap:1px}
.route-panel>div{padding:17px 20px;background:#0b2032}
.route-panel small{font-size:.75rem;letter-spacing:.09em;margin-bottom:5px;color:#a2bdcf}
.route-panel strong{font-size:1rem;white-space:nowrap}
.route-panel>div:nth-child(2) strong{color:#ffc668}
@media(max-width:560px){.map-card{padding:8px}.map{height:auto}.map-top{padding:4px 6px 14px}.route-panel{left:auto;right:auto;bottom:auto}.route-panel>div{padding:14px 12px}.route-panel strong{white-space:normal}.live-pill{font-size:.75rem}}
@media(max-width:560px){.brand img{width:150px}.site-footer .brand img{width:185px}.map-labels{font-size:11px}}