/* Tracking preview: explicit SVG paint prevents the default black fills. */
body[data-page="home"] .mock { min-width:0; overflow:hidden; background:var(--surface); border:1px solid #36506c; border-radius:18px; box-shadow:0 18px 48px #0003; }
body[data-page="home"] .mock-top { display:flex; align-items:center; gap:5px; padding:14px 18px; background:#142236; border-bottom:1px solid #30445c; color:#b5c7dc; font-size:.75rem; }
body[data-page="home"] .mock-top i { width:6px; height:6px; border-radius:50%; background:#57708c; }
body[data-page="home"] .mock-top > span { margin-left:10px; }
body[data-page="home"] .mock-map { background:#162a3e; border-bottom:1px solid #30445c; }
body[data-page="home"] .mock-map svg { display:block; width:100%; height:auto; aspect-ratio:3; }
body[data-page="home"] .mock-map .il-block { fill:#253e54; stroke:#38536b; stroke-width:1; }
body[data-page="home"] .mock-map .il-park { fill:#244c47; stroke:#39665d; stroke-width:1; }
body[data-page="home"] .mock-map .il-water { fill:#1e435e; stroke:#2c5a78; stroke-width:1; }
body[data-page="home"] .mock-map .il-street { fill:none; stroke:#49627a; stroke-width:8; }
body[data-page="home"] .mock-map .il-street-2 { fill:none; stroke:#3d556c; stroke-width:5; }
body[data-page="home"] .mock-map .il-route { fill:none; stroke:#8bbfff; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
body[data-page="home"] .mock-map .il-pin { fill:#91beff; stroke:#d8eaff; stroke-width:1; }
body[data-page="home"] .mock-map .il-pin-2 { fill:#52c5ad; stroke:#b8f3e4; stroke-width:1; }
body[data-page="home"] .mock-body { padding:24px; }
body[data-page="home"] .mock-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
body[data-page="home"] .mock-head .ref { color:#c0d1e5; font-size:.8rem; letter-spacing:.05em; }
body[data-page="home"] .mock-steps { margin:0; padding:0; list-style:none; }
body[data-page="home"] .mock-steps li { position:relative; display:grid; grid-template-columns:16px 1fr auto; gap:12px; align-items:center; padding-bottom:20px; color:var(--muted); font-size:.85rem; }
body[data-page="home"] .mock-steps li:not(:last-child)::after { content:''; position:absolute; left:5px; top:16px; bottom:2px; width:2px; background:#3c526a; }
body[data-page="home"] .mock-steps .d { width:12px; height:12px; border-radius:50%; border:2px solid #60758f; }
body[data-page="home"] .mock-steps .done .d { background:#52c5ad; border-color:#52c5ad; }
body[data-page="home"] .mock-steps .now { color:#c3ddff; }
body[data-page="home"] .mock-steps .now .d { background:#91beff; border-color:#d2e6ff; box-shadow:0 0 0 4px #91beff20; }
body[data-page="home"] .mock-driver { display:flex; align-items:center; gap:12px; border-top:1px solid var(--line); padding-top:18px; font-size:.83rem; }
body[data-page="home"] .mock-driver .av { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#2a4665; color:#c5e0ff; }
body[data-page="home"] .mock-driver b,body[data-page="home"] .mock-driver span { display:block; }
body[data-page="home"] .mock-driver span { color:var(--muted); font-size:.75rem; }
body[data-page="home"] .mock-driver .eta { margin-left:auto; text-align:right; }
/* Use actual hover state, including embedded browsers with no hover capability flag. */
@media(prefers-reduced-motion:no-preference) {
 body[data-page="home"] .svc-art .transport-scene .drive-city { animation:fleet-city 14s linear infinite paused; }
 body[data-page="home"] .svc-art .transport-scene .drive-road { animation:fleet-road .45s linear infinite paused; }
 body[data-page="home"] .svc-art .transport-scene .drive-rim { transform-box:fill-box; transform-origin:center; animation:fleet-wheel .7s linear infinite paused; }
 body[data-page="home"] .svc-art .transport-scene .drive-vehicle { animation:fleet-suspension .65s ease-in-out infinite paused; }
 body[data-page="home"] .svc-card:hover .transport-scene .drive-city,
 body[data-page="home"] .svc-card:hover .transport-scene .drive-road,
 body[data-page="home"] .svc-card:hover .transport-scene .drive-rim,
 body[data-page="home"] .svc-card:hover .transport-scene .drive-vehicle { animation-play-state:running; }
}