.em-systems-section .echo-system-explorer.echo-systems-v2{--system:#ef3340;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.82fr);min-height:650px;background:#070a0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}
.echo-systems-v2 *{box-sizing:border-box}.es2-visual{--tilt-x:0deg;--tilt-y:0deg;position:relative;min-width:0;padding:22px 22px 16px;background:radial-gradient(circle at 74% 38%,color-mix(in srgb,var(--system) 12%,transparent),transparent 34%),linear-gradient(145deg,#111820,#06090c 72%);transition:background .55s}.es2-status,.es2-help{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:3;color:#7d8a93;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.es2-status span{color:#cbd5db;font-weight:800}.es2-status i{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--system);border-radius:50%;box-shadow:0 0 14px var(--system);animation:es2blink 1.6s infinite}.es2-status b,.es2-help b{color:#fff}.es2-stage{position:relative;height:510px;perspective:1100px;overflow:hidden;isolation:isolate}.es2-grid{position:absolute;left:-8%;right:-8%;bottom:-20px;height:220px;background:repeating-linear-gradient(90deg,transparent 0 74px,rgba(255,255,255,.045) 75px 76px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.045) 35px 36px);transform:perspective(280px) rotateX(64deg);mask-image:linear-gradient(transparent,#000 60%);opacity:.7}.es2-aura{position:absolute;width:54%;height:43%;left:28%;top:31%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--system) 20%,transparent),transparent 68%);filter:blur(18px);animation:es2breathe 2.5s ease-in-out infinite}.es2-scan{position:absolute;z-index:4;top:62px;bottom:72px;left:8%;width:2px;background:linear-gradient(transparent,var(--system),transparent);box-shadow:0 0 18px var(--system);opacity:.45;animation:es2scan 4.7s ease-in-out infinite}.es2-car-rig{position:absolute;z-index:2;inset:38px 2% 35px;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) translate3d(0,0,25px);transition:transform .75s cubic-bezier(.16,.85,.2,1),filter .45s;animation:es2hover 5s ease-in-out infinite}.es2-car-rig img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 22px rgba(0,0,0,.7)) saturate(.94) contrast(1.08);pointer-events:none;user-select:none}.es2-effect{position:absolute;inset:9% 5% 10%;mix-blend-mode:screen;pointer-events:none}.es2-effect:before,.es2-effect:after,.es2-effect i,.es2-effect b,.es2-effect span{content:"";position:absolute;display:block;transition:.35s}.es2-visual[data-active="power"] .es2-effect:before{right:9%;top:38%;width:29%;height:32%;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,var(--system) 5%,color-mix(in srgb,var(--system) 25%,transparent) 20%,transparent 67%);animation:es2beat .88s ease-in-out infinite}.es2-visual[data-active="cooling"] .es2-effect:before{right:1%;top:34%;width:24%;height:42%;background:repeating-linear-gradient(0deg,transparent 0 12px,color-mix(in srgb,var(--system) 80%,transparent) 13px 14px,transparent 15px 23px);clip-path:polygon(37% 0,100% 24%,80% 100%,8% 72%);animation:es2flow 1.25s linear infinite}.es2-visual[data-active="exhaust"] .es2-effect:before{left:4%;right:8%;bottom:17%;height:4px;background:linear-gradient(90deg,#ffb36a,var(--system) 55%,transparent);box-shadow:0 0 14px var(--system);animation:es2torque 1.25s ease-in-out infinite}.es2-visual[data-active="drivetrain"] .es2-effect:before{left:23%;right:16%;bottom:24%;height:3px;background:linear-gradient(90deg,transparent,var(--system),#fff,var(--system),transparent);box-shadow:0 0 13px var(--system);animation:es2torque 1s ease-in-out infinite}.es2-visual[data-active="chassis"] .es2-effect:before,.es2-visual[data-active="chassis"] .es2-effect:after{bottom:10%;width:21%;aspect-ratio:1;border:3px solid var(--system);border-radius:50%;box-shadow:inset 0 0 24px var(--system),0 0 28px var(--system);animation:es2wheel 1.35s ease-in-out infinite}.es2-visual[data-active="chassis"] .es2-effect:before{left:8%}.es2-visual[data-active="chassis"] .es2-effect:after{right:9%;animation-delay:.2s}.es2-visual[data-active="electronics"] .es2-effect:before{inset:15% 10% 17%;background:repeating-linear-gradient(90deg,transparent 0 36px,color-mix(in srgb,var(--system) 28%,transparent) 37px 38px),repeating-linear-gradient(0deg,transparent 0 25px,color-mix(in srgb,var(--system) 22%,transparent) 26px 27px);clip-path:polygon(7% 33%,29% 10%,77% 12%,97% 50%,82% 80%,23% 86%,4% 60%);animation:es2flicker 1.7s steps(3) infinite}.es2-hotspot{position:absolute;z-index:6;left:var(--x);top:var(--y);border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.es2-hotspot i{position:absolute;left:0;top:0;width:18px;height:18px;transform:translate(-9px,-9px);background:var(--system);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb,var(--system) 17%,transparent),0 0 24px var(--system)}.es2-hotspot i:after{content:"";position:absolute;inset:-12px;border:1px solid var(--system);border-radius:50%;animation:es2ripple 2s infinite}.es2-hotspot span{display:block;min-width:102px;margin:-19px 0 0 18px;padding:8px 10px;background:rgba(5,8,10,.88);border-left:2px solid var(--system);font-size:10px;font-weight:800;text-align:left;opacity:.65;backdrop-filter:blur(8px);transition:.25s}.es2-hotspot:hover span,.es2-hotspot.is-active span{opacity:1;transform:translateX(5px);box-shadow:0 10px 25px rgba(0,0,0,.35)}.es2-hotspot.is-active i{background:#fff;transform:translate(-9px,-9px) scale(1.25)}.es2-mobile-tabs{display:none}.es2-help{padding-top:4px;border-top:1px solid rgba(255,255,255,.06);font-size:9px}.es2-panel{position:relative;padding:36px 28px 24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--system) 10%,transparent),transparent 38%),#10151a;border-left:1px solid rgba(255,255,255,.07);transition:.4s}.es2-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--system),transparent 72%)}.es2-close{display:none;position:absolute;right:16px;top:13px;border:0;background:transparent;color:#7c8990;font-size:24px}.es2-kicker{color:var(--system);font-size:9px;font-weight:900;letter-spacing:.18em}.es2-panel h3{margin:9px 0 5px;color:#f6f8fa;font-size:32px;line-height:1.04;letter-spacing:-.035em}.es2-sub{margin:0;color:#89959d;font-size:12px;line-height:1.5}.es2-counts{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 15px;border:1px solid rgba(255,255,255,.08);background:#080b0e}.es2-counts span{padding:11px;text-align:center}.es2-counts span+span{border-left:1px solid rgba(255,255,255,.08)}.es2-counts b,.es2-counts small{display:block}.es2-counts b{color:#fff;font-size:17px}.es2-counts small{margin-top:3px;color:#69767e;font-size:7px;letter-spacing:.1em}.es2-categories{display:flex;gap:6px;overflow:auto;padding-bottom:7px;scrollbar-width:none}.es2-categories a{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,255,255,.09);background:#151b20;color:#c5ced3!important;font-size:9px;font-weight:700;text-decoration:none!important}.es2-categories a span{margin-left:8px;color:var(--system)}.es2-preview-head{display:flex;justify-content:space-between;margin:14px 0 8px;color:#77858d;font-size:7px;letter-spacing:.1em}.es2-preview-head b{color:#b7c0c5}.es2-products{display:grid;gap:7px}.es2-products>a{display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr auto;min-height:65px;padding:6px;border:1px solid rgba(255,255,255,.08);background:#151b20;color:#fff!important;text-decoration:none!important;transition:.2s}.es2-products>a:hover{border-color:var(--system);transform:translateX(-3px)}.es2-products>a>span{grid-row:1/3;width:50px;height:50px;margin-right:9px;background:#080b0d;overflow:hidden}.es2-products img{width:100%;height:100%;object-fit:contain}.es2-products b{align-self:end;overflow:hidden;font-size:9px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.es2-products small{align-self:start;color:var(--system);font-size:8px}.es2-products--loading span{height:65px;background:linear-gradient(90deg,#11171b,#202a30,#11171b);background-size:200% 100%;animation:es2loading 1.2s infinite}.es2-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.es2-actions>a,.es2-actions>button{border:1px solid var(--system);background:color-mix(in srgb,var(--system) 8%,#10151a);color:#fff!important;padding:12px 10px;font-size:8px;font-weight:900;text-align:center;text-decoration:none!important;cursor:pointer}.es2-actions span{float:right}.es2-actions i{margin-left:4px;padding:3px;background:var(--system);color:#090c0f;font-size:6px;font-style:normal}.es2-catalog-fallback{display:block;padding:15px;border:1px solid rgba(255,255,255,.08);color:#dbe4e8!important;text-decoration:none!important}.es2-catalog-fallback span{float:right;color:var(--system)}.es2-progress{display:flex;gap:4px;margin:22px 0 18px}.es2-progress i{flex:1;height:3px;background:#293138}.es2-progress i.on{background:var(--system);box-shadow:0 0 8px var(--system)}.es2-build-card{position:relative;min-height:230px;padding:29px 22px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--system) 15%,transparent),transparent 48%),#161d22;border:1px solid rgba(255,255,255,.08);overflow:hidden}.es2-build-card:after{content:"E";position:absolute;right:-11px;bottom:-54px;color:rgba(255,255,255,.025);font-size:180px;font-style:italic;font-weight:900}.es2-build-card small{color:var(--system);font-size:8px;font-weight:900;letter-spacing:.15em}.es2-build-card strong{display:block;max-width:290px;margin:24px 0 12px;color:#fff;font-size:27px;line-height:1.08}.es2-build-card p{max-width:290px;color:#849099;font-size:11px;line-height:1.55}.es2-build-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.es2-build-actions button{padding:12px;border:1px solid rgba(255,255,255,.1);background:#11171b;color:#fff;font-size:8px;font-weight:900}.es2-build-actions button:last-child{border-color:var(--system)}.es2-build-actions button:disabled{opacity:.3}.es2-mode-link{display:block;margin:13px auto 0;border:0;background:transparent;color:#89959d;font-size:9px;cursor:pointer}
@keyframes es2blink{50%{opacity:.35}}@keyframes es2breathe{50%{transform:scale(1.1);opacity:.7}}@keyframes es2scan{0%,100%{left:8%;opacity:0}15%,60%{opacity:.45}55%{left:91%}}@keyframes es2hover{50%{transform:perspective(1100px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) translate3d(0,-7px,36px)}}@keyframes es2beat{50%{transform:scale(1.1);filter:brightness(1.5)}}@keyframes es2flow{to{background-position:0 24px}}@keyframes es2torque{50%{transform:scaleX(.94);filter:brightness(1.8)}}@keyframes es2wheel{50%{transform:scale(1.11);filter:brightness(1.6)}}@keyframes es2flicker{50%{filter:brightness(1.6)}}@keyframes es2ripple{from{transform:scale(.65);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes es2loading{to{background-position:-200% 0}}
@media(max-width:900px){.em-systems-section.em-desktop-home-only{display:block!important}.em-systems-section .echo-system-explorer.echo-systems-v2{display:block;min-height:0}.es2-visual{padding:18px 13px 15px}.es2-stage{height:390px;margin:0 -8px}.es2-car-rig{inset:29px -8% 31px}.es2-hotspot span{display:none}.es2-mobile-tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 11px;scrollbar-width:none}.es2-mobile-tabs button{flex:0 0 auto;padding:9px 11px;border:1px solid rgba(255,255,255,.09);background:#11171b;color:#85929a;font-size:9px}.es2-mobile-tabs button.is-active{border-color:var(--system);color:#fff}.es2-help span{display:none}.es2-panel{position:fixed;z-index:99999;left:0;right:0;bottom:0;max-height:72vh;overflow:auto;padding:31px 18px 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px 20px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.75);transform:translateY(110%)}.es2-panel.is-open{transform:translateY(0)}.es2-close{display:block}.es2-panel h3{font-size:27px}.es2-products{grid-template-columns:repeat(3,minmax(0,1fr))}.es2-products>a{display:block;min-height:0}.es2-products>a>span{display:block;width:100%;height:75px;margin:0 0 6px}.es2-products b{font-size:8px}.es2-products small{display:block;margin-top:5px}.es2-status b{display:none}}
@media(max-width:520px){.es2-stage{height:320px}.es2-car-rig{inset:23px -14% 23px}.es2-status{font-size:8px}.es2-hotspot i{width:15px;height:15px;border-width:3px}.es2-hotspot--cooling{transform:translateX(-8px)}.es2-hotspot--chassis{transform:translateX(-7px)}.es2-products>a>span{height:62px}.es2-actions{grid-template-columns:1fr}.es2-build-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.echo-systems-v2 *,.echo-systems-v2 *:before,.echo-systems-v2 *:after{animation:none!important;transition:none!important}}
.es2-car-rig img{object-fit:cover;border-radius:18px;filter:saturate(.92) contrast(1.13) brightness(.82);box-shadow:0 28px 70px rgba(0,0,0,.62)}