/* Car-led storytelling. Home only; original artwork and code-native motion. */
.charging-hero-layout { grid-template-columns: .88fr 1.12fr; gap:48px; }
.charging-hero { padding-top:25px; }
.charging-hero-copy { padding-bottom:45px; }
.charging-hero h1 { font-size:clamp(58px,5.45vw,84px);line-height:1.07;letter-spacing:-.058em;font-weight:600; }
.charging-hero h1>span { display:inline-block;position:relative;color:#3e7a3b; }
.charging-hero h1>span::after { content:'';display:block;position:absolute;left:1%;right:1%;bottom:-8px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='12' viewBox='0 0 460 12'%3E%3Cpath d='M3 8C120 1 299 1 457 7' stroke='%23bcd69f' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.charging-lede { max-width:410px;margin-top:31px; }
.charging-car-story { position:relative; }
.charging-stage .charging-car-scene { height:400px;border-radius:26px 26px 10px 26px;box-shadow:none;border:0;isolation:isolate; }
.charging-photo-world { position:absolute;inset:0;transform:scale(1.015);transform-origin:75% 55%; }
.charging-photo-world>img { width:100%;height:100%;object-fit:cover;object-position:center; }
.charging-car-scene::after { background:linear-gradient(180deg,#0e241a30,transparent 35%,transparent 60%,#0a241a9c); }
.charging-car-scene .energy-cable-halo { opacity:.16;stroke-width:10; }
.charging-car-scene .energy-cable-pulse { stroke-width:3.5;stroke:#deffb9;stroke-dasharray:10 90; }
.charging-car-label { display:flex;align-items:center;gap:8px;position:absolute;z-index:2;top:22px;left:22px;color:#fff;font-size:9px;font-weight:550;letter-spacing:.1em;padding:10px 12px;border:1px solid #ffffff45;background:#173c33b8;border-radius:50px;backdrop-filter:blur(10px); }
.car-label-dot { display:inline-block;width:5px;height:5px;border-radius:50%;background:#d5eea6;box-shadow:0 0 0 3px #cce8a125; }
.charging-car-scene .charging-motion-control { top:20px;right:18px;min-height:36px;font-size:10px;background:#16372bbd;backdrop-filter:blur(10px); }
.charging-car-caption { position:absolute;z-index:2;left:25px;bottom:31px;color:white; }
.charging-car-caption>span { display:block;font-size:9px;letter-spacing:.13em;margin-bottom:7px;color:#e4eddd; }
.charging-car-caption>strong { display:block;font-size:31px;letter-spacing:-.04em;font-weight:500;line-height:1.15; }
.charging-stage .charging-car-scene figcaption { bottom:27px;right:20px;font-size:9px;background:#163729b5;border:1px solid #ffffff22;padding:5px 9px; }
.charging-wordstream { position:relative;z-index:2;height:130px;margin:-4px -20px 4px;pointer-events:none; }
.charging-wordstream>svg { display:block;width:100%;height:100%;overflow:hidden; }
.everyday-route-shadow { stroke:#c5d8ae;stroke-width:36;transform:translateY(6px);opacity:.2; }
.everyday-route-line { stroke:#1c4a38;stroke-width:30;stroke-linecap:round; }
.everyday-route-words { fill:#edf5df;font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:.55px;font-weight:500; }
.charging-car-story+.charging-picker { margin:0;box-shadow:0 8px 35px -27px #27582e50;padding:12px 17px 11px;border-radius:17px;background:#fcfdf9; }
.charging-car-story+.charging-picker .charging-picker-top { border:0;padding-bottom:0; }
.charging-car-story+.charging-picker .charging-selection { padding-top:6px;min-height:80px;grid-template-columns:65px 1fr auto; }
.charging-car-story+.charging-picker .charging-selection>img { width:65px;height:65px; }
.charging-car-story+.charging-picker .charging-image-note { margin-top:6px;font-size:9px; }
.charging-car-story+.charging-picker .charging-selection strong { font-size:25px; }
.charging-hero .charging-benefits { margin-top:33px; }
.charging-photo-world { animation:car-world-drift 18s ease-in-out infinite;animation-play-state:paused; }
.flow-seal-ring { animation:car-seal-pulse 4s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center; }
.energy-running .charging-photo-world { animation-play-state:running; }
.car-flow-running .flow-seal-ring { animation-play-state:running; }
@keyframes car-world-drift { 0%,100%{transform:scale(1.015)}50%{transform:scale(1.045)} }
@keyframes car-seal-pulse { 0%,100%{transform:scale(1)}50%{transform:scale(1.1)} }
@media(min-width:1500px){.charging-stage .charging-car-scene{height:450px}.charging-hero-layout{gap:65px}}
@media(max-width:1150px) and (min-width:761px){.charging-hero-layout{gap:32px;grid-template-columns:.9fr 1.1fr}.charging-hero h1{font-size:clamp(52px,5.6vw,65px)}.charging-stage .charging-car-scene{height:390px}.charging-car-label{font-size:8px;left:16px;top:18px;letter-spacing:.03em;padding:10px}.charging-car-scene .charging-motion-control{top:17px;right:14px}.charging-car-caption{left:20px}.charging-car-caption>strong{font-size:27px}.charging-stage .charging-car-scene figcaption{bottom:11px;right:13px;font-size:8px}.charging-car-story+.charging-picker{padding:12px}.charging-car-story+.charging-picker .charging-selection{gap:10px}.charging-wordstream{margin-inline:-10px}}
@media(max-width:760px){.charging-hero{padding-top:20px}.charging-hero-layout{grid-template-columns:1fr;gap:26px}.charging-hero-copy{padding:0}.charging-hero h1{font-size:clamp(53px,12.9vw,80px)}.charging-lede{margin-top:27px;max-width:500px}.charging-stage .charging-car-scene{height:auto;aspect-ratio:3/2;border-radius:21px}.charging-car-label{top:16px;left:14px;font-size:7px;letter-spacing:.06em;padding:9px}.charging-car-scene .charging-motion-control{right:12px;top:13px;min-height:36px;font-size:9px;padding:8px 10px}.charging-car-caption{left:18px;bottom:29px}.charging-car-caption>span{font-size:8px}.charging-car-caption>strong{font-size:24px}.charging-stage .charging-car-scene figcaption{bottom:9px;right:13px;font-size:8px}.charging-wordstream{height:90px;margin:1px -12px 4px}.everyday-route-words{font-size:22px}.everyday-route-line{stroke-width:42}.everyday-route-shadow{stroke-width:48}.charging-car-story+.charging-picker{padding:14px}.charging-car-story+.charging-picker .charging-selection{padding-top:9px}.charging-hero .charging-benefits{margin-top:28px}}
@media(max-width:370px){.charging-hero h1{font-size:48px}.charging-stage .charging-car-scene{height:auto}.charging-car-label{font-size:6.5px;left:11px}.charging-car-caption>strong{font-size:25px}.charging-car-story+.charging-picker{padding:12px}}
@media(prefers-reduced-motion:reduce){.charging-photo-world,.flow-seal-ring{animation:none}.energy-opt-in.energy-running .charging-photo-world{animation:car-world-drift 18s ease-in-out infinite}.ev-motion-opt-in:not(.ev-motion-paused) .car-flow-running .flow-seal-ring{animation:car-seal-pulse 4s ease-in-out infinite}}