/* Stationary photography with local lighting only; no video, canvas or render loop. */
.landing-page .public-car-media { transform: none; transition: none; }
.landing-page .public-car-media .public-car-layer, .landing-page .public-car-media .public-car-layer.is-active { transform: none; transition: opacity .6s ease; }
.public-hero-crm-link { display: inline-flex; align-items: center; gap: 18px; margin-top: 21px; padding: 7px 0; color: #626b64; font-size: 12px; text-decoration: none; border-bottom: 1px solid #d9ded3; }
.public-hero-crm-link:hover { color: #202520; border-color: #73816f; }
.public-hero-crm-link span { font-size: 17px; }
.landing-page [data-view="overview"] { --view-accent: #347c85; }
.landing-page .public-car-dynamics { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.landing-page .public-car-lightpass { position: absolute; inset: 24% auto 23% -20%; width: 14%; opacity: 0; transform: skewX(-22deg); background: linear-gradient(90deg, transparent, #eafcffaa, transparent); mix-blend-mode: soft-light; }
.landing-page [data-view="overview"][data-animate="true"][data-detail-motion="true"] .public-car-lightpass { animation: public-digital-light 5.4s ease-in-out infinite; }
.landing-page .public-circuit-motion { display: block; width: 100%; height: 100%; opacity: 0; color: #52c4d5; transition: opacity .7s; }
.landing-page [data-view="wiring"] .public-circuit-motion { opacity: .8; }
.landing-page .public-circuit-motion path { stroke-width: 2; stroke-dasharray: 9 30; stroke-dashoffset: 0; }
.landing-page [data-view="wiring"][data-animate="true"][data-detail-motion="true"] .public-circuit-motion path { animation: public-circuit-flow 3s linear infinite; }
.landing-page .public-circuit-motion path:nth-child(2) { animation-delay: -.8s !important; }
.landing-page .public-circuit-motion path:nth-child(3) { animation-delay: -1.6s !important; }
.landing-page .public-circuit-nodes { fill: #efffff; stroke: #52c4d5; stroke-width: 2; }
.landing-page [data-view="wiring"][data-animate="true"][data-detail-motion="true"] .public-circuit-nodes { animation: public-circuit-pulse 2.4s ease-in-out infinite; }
.landing-page .public-car-layer-service { background: none; }
.landing-page .public-car-media .public-car-layer-service img { width: 100%; height: 100%; object-fit: contain; }
/* The overlay shares the image's viewBox and contain-fit, including letterboxing. */
.landing-page .public-mechanical-light { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.public-mechanical-engine { color: #79d0da; opacity: .55; }
.public-mechanical-transmission { color: #e9bd77; opacity: .55; }
.public-mechanical-aura { fill: none; stroke: currentColor; stroke-width: 13; stroke-opacity: .12; stroke-linejoin: round; stroke-linecap: round; }
.public-mechanical-surface { stroke: currentColor; stroke-width: 1.6; stroke-opacity: .5; stroke-linejoin: round; }
.public-mechanical-edge { fill: none; stroke: currentColor; stroke-width: 2; stroke-opacity: .85; stroke-linejoin: round; stroke-linecap: round; }
.landing-page [data-view="service"][data-detail-motion="true"] .public-mechanical-engine,
.landing-page [data-view="service"][data-detail-motion="true"] .public-mechanical-transmission { animation: public-mechanical-glow 4.8s ease-in-out infinite; }
.landing-page .public-mechanical-transmission { animation-delay: -2.4s !important; }
.landing-page [data-detail-motion="false"] .public-mechanical-light { opacity: .65; }
.landing-page .public-visual-modes button { position: relative; overflow: hidden; }
.landing-page .public-visual-modes button::after { content: ""; position: absolute; bottom: 0; left: 12%; right: 12%; height: 2px; border-radius: 2px; background: #55a5b3; transform: scaleX(0); transform-origin: left; }
.landing-page [data-autoplay="true"] .public-visual-modes button[aria-pressed="true"]::after { animation: public-slide-time 3s linear both; }
.landing-page [data-animate="false"] .public-car-dynamics *, .landing-page [data-animate="false"] .public-mechanical-light * { animation-play-state: paused !important; }
.landing-page [data-view]:not([data-view="wiring"]) .public-circuit-motion, .landing-page [data-view]:not([data-view="overview"]) .public-car-lightpass { animation: none; opacity: 0; }
@keyframes public-digital-light { 0%, 12% { transform: translateX(0) skewX(-22deg); opacity: 0; } 32%, 65% { opacity: .7; } 88%, 100% { transform: translateX(850%) skewX(-22deg); opacity: 0; } }
@keyframes public-circuit-flow { to { stroke-dashoffset: -156; } }
@keyframes public-circuit-pulse { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }
@keyframes public-mechanical-glow { 0%, 100% { opacity: .32; } 50% { opacity: .95; } }
@keyframes public-slide-time { to { transform: scaleX(1); } }
.landing-page [data-animate="false"] .public-car-scan, .landing-page [data-animate="false"] .public-callout-label, .landing-page [data-animate="false"] .public-callout-char, .landing-page [data-animate="false"] .public-callout-caret { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .landing-page .public-car-dynamics *, .landing-page .public-mechanical-light *, .landing-page .public-visual-modes button::after { animation: none !important; }
  .landing-page .public-car-lightpass { display: none; }
}