.charging-hero-simulator{position:relative;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)}
.simulator-preview{align-self:center;display:block;width:min(92%,590px);margin:34px auto;padding:22px;border:1px solid rgba(157,237,222,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 30px 70px rgba(0,0,0,.24);color:#fff;text-decoration:none;backdrop-filter:blur(12px);transition:transform .25s,border-color .25s}
.simulator-preview:hover{transform:translateY(-5px);border-color:rgba(168,232,63,.55)}
.simulator-preview-head,.simulator-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:16px}
.simulator-preview-head span{display:block;color:#75ddcc;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.simulator-preview-head strong{display:block;margin-top:5px;font-size:20px}
.simulator-preview-head i{padding:9px 12px;border-radius:10px;background:#a8e83f;color:#17310d;font-style:normal;font-size:12px;font-weight:900}
.simulator-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.simulator-preview-metrics span{padding:10px;border:1px solid rgba(181,231,223,.14);border-radius:11px;background:rgba(2,21,29,.3);color:#bcd1d3;font-size:10px}
.simulator-preview-metrics b{display:block;margin-bottom:3px;color:#fff;font-size:15px}
.simulator-preview-scene{padding:16px;border-radius:17px;background:linear-gradient(145deg,#082b35,#0b4650)}
.mini-factory{display:flex;justify-content:space-between;color:#c5dcdd;font-size:11px}
.mini-flow{height:2px;margin:13px 5%;background:linear-gradient(90deg,#18b99b,#a8e83f);box-shadow:0 0 10px rgba(168,232,63,.45)}
.mini-parking{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini-bay{position:relative;height:118px;padding:9px;border:1px solid rgba(198,239,232,.15);border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.mini-car{position:relative;z-index:2;display:block;width:42px;height:74px;margin:7px auto 2px;border-radius:16px 16px 12px 12px/20px 20px 13px 13px;background:linear-gradient(90deg,#53656d 0 7%,#d7e2e4 13%,#f3f6f6 31%,#a9b7bc 50%,#f3f6f6 69%,#d7e2e4 87%,#53656d 93%);box-shadow:0 8px 13px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.6)}
.mini-car::before{content:"";position:absolute;inset:15px 6px 19px;border-radius:11px 11px 8px 8px;background:linear-gradient(#365866 0 23%,#071f2a 24% 72%,#294d59 73%);box-shadow:inset 0 0 0 1px rgba(194,239,236,.24)}
.mini-car::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:3px;border-radius:5px;background:#ff526d;box-shadow:0 0 7px rgba(255,82,109,.7)}
.car-b{filter:hue-rotate(145deg)}
.car-c{filter:brightness(.63)}
.mini-charger{position:absolute;z-index:3;top:8px;right:7px;width:14px;height:24px;border:1px solid #88a4a3;border-radius:4px;background:#dbe8e6;box-shadow:0 5px 9px rgba(0,0,0,.22)}
.mini-charger::before{content:"AC";position:absolute;inset:3px 2px auto;padding:1px 0;border-radius:2px;background:#0c665e;color:#fff;font-size:5px;font-weight:900;line-height:7px}
.mini-charger::after{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;border-radius:50%;background:#a8e83f;animation:chargingBlink 1.3s ease-in-out infinite}
.mini-cable{position:absolute;z-index:1;top:27px;right:13px;width:34px;height:49px;border-right:2px solid #a8e83f;border-bottom:2px solid #a8e83f;border-radius:0 0 14px 0;filter:drop-shadow(0 0 3px rgba(168,232,63,.75))}
.mini-port{position:absolute;z-index:4;right:-4px;bottom:13px;width:8px;height:8px;border:2px solid #173842;border-radius:50%;background:#a8e83f;box-shadow:0 0 0 1px rgba(168,232,63,.22),0 0 5px rgba(168,232,63,.6)}
.mini-port::after{content:"";position:absolute;inset:1px;border-radius:50%;background:#efffcf}
.mini-bay small{font-size:9px;color:#d6e7e6}
.simulator-preview-foot{margin-top:15px;color:#bcd1d3;font-size:11px}
.simulator-preview-foot span{display:flex;align-items:center;gap:7px}
.simulator-preview-foot i{width:7px;height:7px;border-radius:50%;background:#a8e83f;box-shadow:0 0 0 4px rgba(168,232,63,.1)}
.simulator-preview-foot strong{color:#a8e83f}
@keyframes chargingBlink{50%{opacity:.2;box-shadow:0 0 0 7px rgba(168,232,63,0)}}
@media(prefers-reduced-motion:reduce){.mini-charger::after{animation:none}.simulator-preview{transition:none}}
@media(max-width:980px){.charging-hero-simulator{grid-template-columns:1fr}.simulator-preview{width:calc(100% - 48px);margin:0 auto 48px}}
@media(max-width:560px){.simulator-preview{width:calc(100% - 28px);padding:15px}.simulator-preview-metrics{grid-template-columns:1fr}.mini-parking{gap:5px}.simulator-preview-head{align-items:flex-start}.simulator-preview-head i{white-space:nowrap}.simulator-preview-foot{align-items:flex-start;flex-direction:column}}