/* Version 4 Revision 1: tracking focus, independent transport scenes, larger process art. */
.v4-upgrade .backend-tracking-form input:is(:focus,:focus-visible){border-color:#039c8f;outline:2px solid #0eac9b20;outline-offset:1px;box-shadow:none}

/* Static labels replace the hero tabs; every scene is visible without a click. */
.v4-motion-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;background:#fffdf8;color:#315b69;font-size:11px;font-weight:550;line-height:1.4}
.v4-motion-heading>a{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d9e6df;border-radius:50%;color:#4b6b78}
.v4-upgrade .v4-motion-heading svg{width:15px;height:15px}
.v4-r1-journey .v4-motion-stage img{display:block;width:100%;height:100%;object-fit:contain}
.v4-r1-car-panel{max-width:780px;margin:28px auto 0}
.v4-upgrade .service-hero-media{display:grid;gap:12px;min-width:0}

/* Tightly framed SVG copies enlarge the art without clipping it or changing its text. */
.v4-process-grid .v4-motion-art{aspect-ratio:1200/720;max-height:none;overflow:hidden}
.v4-process-grid .v4-motion-art object{transform:none}
@media(max-width:760px){
 .v4-motion-heading{padding:6px 12px;font-size:10px}
 .v4-r1-car-panel{margin-top:22px;border:1px solid #d8e6e1;border-radius:12px}
 .v4-upgrade .service-hero-media{gap:0}
 .v4-process-grid article{grid-template-columns:144px minmax(0,1fr);gap:14px}
 .v4-process-grid .v4-motion-art{width:144px;height:144px;max-height:none;aspect-ratio:1/1}
}
@media(max-width:380px){
 .v4-process-grid article{grid-template-columns:1fr;gap:0}
 .v4-process-grid .v4-motion-art{width:220px;height:155px;max-height:none;aspect-ratio:auto}
}