/* Lightning geometry is part of the frame and section edges; the photo stays readable. */
.electric-frame{position:relative;isolation:isolate}
.electric-frame-person{padding:14px 32px 20px 0}
.charging-stage .electric-frame-person .person-concept{height:auto;aspect-ratio:3/2;border-radius:0;clip-path:polygon(7% 0,100% 0,100% 86%,91% 100%,0 100%,0 12%);background:#1a4234}
.electric-frame-person::before{content:'';position:absolute;inset:5px 31px 8px 14px;background:#eaf4da;clip-path:polygon(7% 0,100% 0,100% 86%,91% 100%,0 100%,0 12%);z-index:-1}
.electric-architecture{position:absolute;width:178px;height:calc(100% + 10px);right:-35px;top:-6px;z-index:4;pointer-events:none;filter:drop-shadow(0 8px 12px #173e3514);overflow:visible}
.architecture-fill{fill:#d6ed98}
.architecture-edge{stroke:#60884c;stroke-width:1;opacity:.3}
.architecture-current{stroke:#f8ffe7;stroke-width:3;stroke-dasharray:8 92;stroke-linecap:round;animation:architecture-flow 8s linear infinite;animation-play-state:paused}
.electric-frame-person:has(.energy-running) .architecture-current{animation-play-state:running}
.electric-frame-person .electric-photo{transform-origin:48% 49%;animation:person-camera 20s ease-in-out infinite;animation-play-state:paused}
.electric-frame-person .electric-photo>img{object-position:50% 50%}
.person-charging-energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.person-cable-glow{stroke:#d3f9af;stroke-width:9;opacity:.07;filter:blur(4px)}
.person-cable-current{stroke:#e0ffc1;stroke-width:4;stroke-dasharray:8 92;stroke-linecap:round;opacity:.85;animation:person-charge-flow 6s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px #c3f49788)}
.person-charge-port{fill:#d8fba5;opacity:0;filter:blur(3px);animation:person-port-breathe 6s ease-in-out infinite;animation-play-state:paused}
.person-charge-led{stroke:#bded97;stroke-width:4;stroke-linecap:round;opacity:.8}
.electric-frame-person .energy-running .electric-photo,.electric-frame-person .energy-running .person-cable-current,.electric-frame-person .energy-running .person-charge-port{animation-play-state:running}
.electric-frame-person .person-concept::after{background:linear-gradient(180deg,#102d1e20,transparent 27%,transparent 52%,#0b2c2188 83%,#0b2c21bf)}
.electric-frame-person .electric-scene-label{left:32px;top:18px;font-size:8px;padding:9px 11px}
.electric-frame-person .charging-motion-control{right:18px;top:17px;min-height:38px}
.electric-frame-person .electric-scene-caption{left:25px;bottom:37px;right:auto;max-width:60%}
.electric-frame-person .electric-scene-caption>strong{font-size:25px;line-height:1.15}
.electric-frame-person .electric-scene-caption>span{font-size:8px;margin-bottom:8px}
.charging-stage .electric-frame-person figcaption{left:25px;bottom:15px;font-size:9px}
.charging-car-story .charging-wordstream{margin-top:-20px;height:112px}
.charging-hero .charging-benefits{position:relative;padding-top:36px;border-top:0}
.charging-hero .charging-benefits::before{content:'';position:absolute;inset:0 0 auto;height:19px;background:#d9e8c5;clip-path:polygon(0 45%,44% 45%,46% 0,49% 0,47% 45%,100% 45%,100% 55%,47% 55%,45% 100%,42% 100%,44% 55%,0 55%)}
.charging-hero .charging-benefit-icon{border-radius:4px 15px 4px 15px}
body[data-public="true"] .market-heading::after{opacity:.075;width:215px;height:240px}
body[data-public="true"] .market-band{position:relative}
body[data-public="true"] .market-band::before{content:'';position:absolute;top:-1px;left:57%;width:130px;height:32px;background:#fff;clip-path:polygon(37% 0,100% 0,66% 38%,77% 38%,0 100%,26% 40%,11% 40%);pointer-events:none}
body[data-public="true"] .product-card{position:relative}
body[data-public="true"] .product-card::before{content:'';position:absolute;right:0;top:0;width:85px;height:75px;pointer-events:none;background:#d6e6bf80;clip-path:polygon(52% 0,100% 0,100% 58%,75% 100%,80% 44%,44% 44%)}
body[data-public="true"] .product-top{position:relative;z-index:1}
body[data-public="true"] .quote-energy-mark{border-radius:0;clip-path:polygon(15% 0,100% 0,100% 80%,82% 100%,0 100%,0 20%);transform:none}
body[data-public="true"] .quote-energy-mark .ev-icon{transform:none}
body[data-public="true"] .charger-visual{overflow:hidden;border:1px solid #e5e9df;border-radius:16px;background:#f2f4ee}
body[data-public="true"] .charger-visual img{display:block;width:100%;height:280px;object-fit:contain;background:#f2f4ee;border-radius:0}
body[data-public="true"] .charger-visual figcaption{padding:9px 10px;margin:0;background:#f7f8f3;color:#536657;font-size:10px;line-height:1.4;text-align:center}
@media(min-width:1151px){.charging-hero-layout{grid-template-columns:.82fr 1.18fr;gap:32px}.charging-hero-copy{padding-bottom:28px}}
@keyframes person-camera{0%,100%{transform:scale(1.006) translateX(0)}50%{transform:scale(1.025) translateX(-.2%)}}
@keyframes person-charge-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes person-port-breathe{0%,70%,100%{opacity:0}82%{opacity:.45}}
@keyframes architecture-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(min-width:1500px){.electric-architecture{width:198px;right:-32px}.electric-frame-person{padding-right:48px}}
@media(max-width:1150px) and (min-width:761px){.electric-frame-person{padding-right:30px}.electric-architecture{width:145px;right:-30px}.electric-frame-person .electric-scene-caption{left:20px;right:60px}.electric-frame-person .electric-scene-caption>strong{font-size:25px}.electric-frame-person .electric-scene-label{font-size:7px;left:20px}.charging-stage .electric-frame-person figcaption{left:20px}.electric-frame-person .charging-motion-control{right:12px}}
@media(max-width:760px){.electric-frame-person{padding:16px 21px 17px 0}.electric-frame-person::before{inset:5px 14px 7px 9px}.electric-architecture{width:98px;height:calc(100% + 8px);right:-16px;top:-5px}.electric-frame-person .electric-scene-label{left:18px;top:14px;font-size:6.5px;padding:7px 9px;letter-spacing:.03em}.electric-frame-person .charging-motion-control{top:11px;right:9px;font-size:9px;min-height:33px;padding:7px 9px}.electric-frame-person .electric-scene-caption{left:18px;bottom:32px;right:42px}.electric-frame-person .electric-scene-caption>span{font-size:6px;margin-bottom:5px}.electric-frame-person .electric-scene-caption>strong{font-size:20px}.charging-stage .electric-frame-person figcaption{left:18px;bottom:12px;font-size:8px}.charging-car-story .charging-wordstream{height:88px;margin-top:-18px}.charging-hero .charging-benefits{padding-top:32px}body[data-public="true"] .market-heading::after{width:120px;height:155px}.person-cable-current{stroke-width:4.5}.person-concept .electric-photo>img{object-position:50% center}}
/* The portrait is closer now; keep its face clear on narrow screens. */
@media(max-width:760px){.electric-frame-person .electric-scene-label{display:none}.electric-frame-person .electric-scene-caption>strong{font-size:18px}.electric-architecture{width:88px;right:-19px}}
@media(prefers-reduced-motion:reduce){.electric-frame-person .electric-photo,.person-cable-current,.person-charge-port,.architecture-current{animation:none}.electric-frame-person .energy-opt-in .electric-photo{animation:person-camera 20s ease-in-out infinite;animation-play-state:paused}.energy-opt-in .person-cable-current{animation:person-charge-flow 6s linear infinite;animation-play-state:paused}.energy-opt-in .person-charge-port{animation:person-port-breathe 6s ease-in-out infinite;animation-play-state:paused}.electric-frame-person:has(.energy-opt-in) .architecture-current{animation:architecture-flow 8s linear infinite;animation-play-state:paused}.electric-frame-person .energy-opt-in.energy-running .electric-photo,.energy-opt-in.energy-running .person-cable-current,.energy-opt-in.energy-running .person-charge-port,.electric-frame-person:has(.energy-opt-in.energy-running) .architecture-current{animation-play-state:running}.person-concept:not(.energy-opt-in) .person-cable-current{opacity:0}}
/* One shared top edge, two readable headline lines, and a stronger charging signature. */
body[data-page="home"] .charging-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:start}
body[data-page="home"] .charging-hero-copy{padding:14px 0 0}
.charging-kicker{display:flex;align-items:center;gap:13px;width:fit-content;max-width:100%;margin:0 0 27px;color:#183e35}
.charging-kicker-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#183e35;color:#d3f29d;border-radius:13px 5px 13px 5px;box-shadow:4px 4px 0 #e8f2d8}
.charging-kicker .ev-icon{width:27px;height:30px}
.charging-kicker strong{display:block;font-size:13px;font-weight:750;letter-spacing:.12em;line-height:1.4}
.charging-kicker>span>span{display:block;font-size:14px;line-height:1.5;font-weight:500;color:#46663f;margin-top:3px}
body[data-page="home"] .charging-hero h1{font-size:clamp(46px,5.15vw,72px);line-height:1.06;letter-spacing:-.055em}
body[data-page="home"] .charging-hero h1>span{white-space:nowrap}
body[data-page="home"] .charging-lede{max-width:450px;margin:28px 0;font-size:16px;line-height:1.75}
@media(min-width:761px) and (max-width:1100px){body[data-page="home"] .charging-hero-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}body[data-page="home"] .charging-hero h1{font-size:clamp(39px,5vw,55px)}.charging-kicker{gap:10px}.charging-kicker strong{font-size:12px}.charging-kicker>span>span{font-size:13px}body[data-page="home"] .charging-lede{font-size:15px}}
@media(max-width:760px){body[data-page="home"] .charging-hero-layout{grid-template-columns:minmax(0,1fr);gap:28px}body[data-page="home"] .charging-hero-copy{padding:0}.charging-kicker{margin-bottom:26px}.charging-kicker-icon{width:43px;height:43px}.charging-kicker strong{font-size:12px}.charging-kicker>span>span{font-size:13px}body[data-page="home"] .charging-hero h1{font-size:clamp(42px,11.5vw,68px)}body[data-page="home"] .charging-lede{font-size:15px;margin:24px 0}}