.pkw-smart-hero .wrap{pointer-events:none}.pkw-smart-hero .wrap a{pointer-events:auto}.car-demo{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.car-demo-key{position:absolute;pointer-events:auto;border:2px solid #75deeb99;border-radius:50%;background:transparent;cursor:pointer;padding:0;min-width:24px;min-height:24px}.car-demo-key:hover,.car-demo-key:focus-visible{background:#70deeb33;outline:2px solid #b8f8ff;outline-offset:3px}.car-demo-light{position:absolute;border-radius:50%;background:#ffac20;opacity:0;box-shadow:0 0 12px 6px #ffa500,0 0 26px 12px #ffad0066;pointer-events:none}.car-demo-light.on{opacity:1}.car-demo-status{position:absolute;bottom:16px;right:24px;z-index:4;font-size:12px;color:#c4e7eb;background:#05212bc9;padding:6px 10px;pointer-events:none}
.car-demo-key{border:2px solid #b4f7ff;background:#32b8ce24;box-shadow:0 0 9px #59dbeaaa}.car-demo-key::before{content:"";position:absolute;inset:-6px;border:2px solid #9df3ff;border-radius:50%;animation:demo-pulse 2.4s ease-out infinite;pointer-events:none}.car-demo-key:nth-child(2)::before{animation-delay:1.2s}.car-demo-key::after{content:attr(data-label);position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);padding:4px 6px;background:#08333f;color:#d1fbff;border:1px solid #72d9e5;font:700 10px/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none}.car-demo-key:hover{background:#73dfed66;box-shadow:0 0 15px #8cebf5}.car-demo-key:active{background:#b4f7ff88}@keyframes demo-pulse{0%{transform:scale(.9);opacity:.8}85%,100%{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.car-demo-key::before{animation:none;opacity:.5}}

.car-demo-key{display:grid;place-items:center;background:#063440;color:#b9f6ff}.car-demo-key svg{width:58%;height:66%;display:block;pointer-events:none}.car-demo-key:hover{background:#0c5361}

.car-demo-dome{position:absolute;pointer-events:none;opacity:0;transition:opacity .3s}.car-demo-dome.armed{opacity:1}.car-demo-dome svg{width:100%;height:100%;overflow:visible}.car-demo-dome path{fill:none;stroke:#ff4545;vector-effect:non-scaling-stroke}.dome-halo{stroke-width:2;opacity:.5}.dome-runner{stroke-width:3;stroke-dasharray:6 94;filter:drop-shadow(0 0 5px #ff3434)}.car-demo-dome.armed .dome-runner{animation:dome-travel 4s linear infinite}.car-demo-dome.armed .dome-halo{animation:dome-breathe 2.4s ease-in-out infinite}@keyframes dome-travel{to{stroke-dashoffset:-100}}@keyframes dome-breathe{50%{opacity:.18}}@media(prefers-reduced-motion:reduce){.car-demo-dome.armed .dome-runner{display:block;animation:dome-travel 8s linear infinite!important}.car-demo-dome.armed .dome-halo{animation:dome-breathe 5s ease-in-out infinite!important}}

.mobile-car-demo{display:none}@media(max-width:700px){.pkw-smart-hero .car-demo,.pkw-smart-hero .car-demo-status{display:none}.mobile-car-demo{display:block;position:relative;background:#062732;padding:22px 0 110px;overflow:hidden}.mobile-car-demo h2{font-size:22px!important;color:#d0f4f7!important;padding:0 20px;margin:0 0 18px}.mobile-car-demo .reference-hero-image{display:block;width:100%;height:auto;object-position:50% 50%}.mobile-car-demo .car-demo{overflow:visible}.mobile-car-demo .car-demo-key{top:auto!important;bottom:46px;width:calc(50% - 26px)!important;height:46px!important;left:18px!important;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-car-demo .car-demo-key:nth-child(2){left:auto!important;right:18px}.mobile-car-demo .car-demo-key svg{width:22px;height:25px}.mobile-car-demo .car-demo-key:after{position:static;transform:none;border:0;padding:0;background:none;font-size:14px}.mobile-car-demo .car-demo-key:before{display:none}.mobile-car-demo .car-demo-status{bottom:8px;left:12px;right:12px;text-align:center;font-size:11px}}

@media(max-width:700px){.reference-page .mobile-car-demo .reference-hero-image{position:relative;inset:auto;z-index:0;width:100%;height:auto;min-height:0;opacity:1}}

@media(max-width:700px){.mobile-car-demo{background:#061c26}.mobile-car-demo h2{color:#b9dfe5!important;font-size:20px!important;letter-spacing:.02em}.mobile-car-demo .car-demo-key{background:#102e39;border-color:#7099a4;box-shadow:0 0 5px #4b819533;color:#d2e9ec}.mobile-car-demo .car-demo-key:hover{background:#1a414d}.mobile-car-demo .car-demo-status{background:transparent;color:#97b7c0}}

/* Separate the effect layer from the interactive controls and headline. */
.pkw-smart-hero .car-demo{z-index:auto}.pkw-smart-hero .car-demo-dome,.pkw-smart-hero .car-demo-light{z-index:1}.pkw-smart-hero .wrap{position:relative;z-index:3}.car-demo-key{z-index:5}.car-demo-status{z-index:5}.dome-runner{stroke-dasharray:6 44 6 44}
@media(min-width:701px) and (max-width:1366px) and (pointer:coarse){.car-demo-dome .dome-halo{stroke-width:3.5}.car-demo-dome .dome-runner{stroke-width:5}.car-demo-dome.armed .dome-runner{animation:dome-travel 2.8s linear infinite!important}}
@media(max-width:700px){.mobile-car-demo{background:linear-gradient(145deg,#112f3b,#071b25);border-top:2px solid #739da5}.mobile-car-demo h2{display:flex;align-items:center;gap:10px;color:#e4f6f7!important;font-size:25px!important;font-weight:700!important;letter-spacing:.025em;padding:0 20px;margin-bottom:22px}.mobile-car-demo h2:before{content:"";width:9px;height:9px;background:#e6c98c;border-radius:50%;box-shadow:0 0 10px #e6c98c66}.mobile-car-demo .car-demo-key{background:#193e4a;border-color:#81b6c0;color:#e4f6f7;box-shadow:0 3px 10px #0003}.mobile-car-demo .car-demo-key:hover{background:#255463}.mobile-car-demo .car-demo-status{color:#bbd5da}.mobile-car-demo .car-demo{z-index:2}}

/* Two independent lights with half-lap phase separation. */
.pkw-smart-hero{isolation:isolate}.pkw-smart-hero .car-demo{z-index:0!important}.pkw-smart-hero .wrap{z-index:4!important}.pkw-smart-hero .car-demo-key{z-index:6}.dome-runner{stroke-dasharray:6 94!important}.car-demo-dome.armed .dome-runner{animation:dome-travel 2.8s linear infinite!important}.car-demo-dome.armed .dome-runner-second{animation:dome-travel-second 2.8s linear infinite!important}@keyframes dome-travel-second{from{stroke-dashoffset:-50}to{stroke-dashoffset:-150}}
@media(max-width:700px){.mobile-car-demo{background:#f6f4ef;border-top:2px solid #d2bb8b}.mobile-car-demo h2{color:#25343c!important}.mobile-car-demo h2:before{background:#ac884d;box-shadow:none}.mobile-car-demo .car-demo-key{background:#fff;color:#263b45;border:1px solid #a8b5ba;box-shadow:0 2px 5px #182b3312}.mobile-car-demo .car-demo-key:after{color:#263b45}.mobile-car-demo .car-demo-key:hover{background:#eee9df}.mobile-car-demo .car-demo-status{color:#53616a}}

@media(max-width:700px){.mobile-car-demo{background:#19252e;border-top-color:#ad9469}.mobile-car-demo h2{color:#f2f3f1!important}.mobile-car-demo .car-demo-key{background:#273640;color:#edf2f3;border-color:#71838c;box-shadow:0 2px 5px #0002}.mobile-car-demo .car-demo-key:after{color:#edf2f3}.mobile-car-demo .car-demo-key:hover{background:#354752}.mobile-car-demo .car-demo-status{color:#bac5ca}}

.impact-test{position:absolute;right:24px;bottom:58px;z-index:7;max-width:390px;background:#102631ee;color:#edf5f7;border:1px solid #8aa7b0;padding:14px 16px;display:grid;gap:8px;font-size:13px}.impact-test[hidden]{display:none}.impact-test>div{display:flex;flex-wrap:wrap;gap:8px}.impact-test button{background:#e0f1f3;color:#16313c;border:0;padding:10px 12px;font-weight:700;cursor:pointer}.impact-test button[data-stop]{background:#f3d4bc}.impact-test button[hidden]{display:none}.hammer{width:35px;height:35px;color:#e6c98c}.hammer svg{width:100%;height:100%}.striking .hammer{animation:hammer-strike .35s ease-in-out 2}@keyframes hammer-strike{50%{transform:rotate(-40deg)}}@media(max-width:700px){.pkw-smart-hero .impact-test{display:none}.mobile-car-demo .impact-test{position:relative;right:auto;bottom:auto;margin:110px 16px -95px;max-width:none}.mobile-car-demo:has(.impact-test:not([hidden])) .car-demo-key{bottom:unset;top:calc(100% - 330px)!important}.mobile-car-demo:has(.impact-test:not([hidden])){padding-bottom:110px}}@media(prefers-reduced-motion:reduce){.striking .hammer{animation:none}}

@media(max-width:700px){.mobile-car-demo .car-demo-key,.mobile-car-demo:has(.impact-test:not([hidden])) .car-demo-key{top:var(--demo-buttons-top)!important;bottom:auto}.mobile-car-demo .impact-test{margin-top:84px;margin-bottom:0}.mobile-car-demo:has(.impact-test:not([hidden])){padding-bottom:44px}}

.impact-test{right:26px;bottom:65px;width:350px;max-width:calc(100% - 52px);padding:16px 18px;background:#f5f4f0;color:#21343d;border:0;border-top:2px solid #c6aa76;box-shadow:0 6px 22px #0002;gap:6px}.impact-test>.hammer{display:none}.impact-test>strong{font-size:18px;letter-spacing:-.02em}.impact-test>span:not(.hammer){font-size:12px;color:#60727a}.impact-test>div{display:grid;grid-template-columns:1fr 1fr;margin-top:7px;gap:8px}.impact-test button{border:1px solid #b9c7ca;background:white;color:#21343d;font-size:13px;min-height:46px;padding:10px 8px}.impact-test button:hover{background:#e8eff0;border-color:#477681}.impact-test button[data-impact="strong"]{border-color:#bca57d;background:#eee7db}.impact-test button[data-stop]{grid-column:1/-1;background:#fff;border-color:#aa5d53;color:#963f36}.impact-hammer{position:absolute;color:#f0cf8e;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px #0009);transform-origin:80% 90%}.impact-hammer[hidden]{display:none}.impact-hammer svg{width:100%;height:100%}.impact-hammer.swing{animation:impact-swing .4s ease-in-out 1}@keyframes impact-swing{0%{transform:rotate(25deg)}60%{transform:rotate(-55deg)}100%{transform:rotate(0)}}@media(max-width:700px){.mobile-car-demo .impact-test{width:auto;max-width:none;background:#f5f4f0;margin-left:16px;margin-right:16px;box-shadow:none}.mobile-car-demo .impact-hammer{min-width:22px;min-height:28px}}@media(prefers-reduced-motion:reduce){.impact-hammer.swing{animation:none}}

.impact-test{display:none!important}.impact-hammer{pointer-events:auto!important;cursor:pointer;z-index:8!important;background:#132a34d9;border:1px solid #c4aa79;border-radius:50%;padding:8px;min-width:44px;min-height:44px;color:#efd29c;box-shadow:0 2px 10px #0003}.impact-hammer:hover{background:#29414b}.impact-hammer:focus-visible{outline:3px solid #f2d192;outline-offset:3px}.impact-hint{position:absolute;right:24px;bottom:49px;z-index:6;color:#e4d3b0;font-size:12px;pointer-events:none}.impact-hint[hidden],.impact-stop[hidden]{display:none!important}.impact-stop{position:absolute;right:24px;bottom:78px;z-index:8;padding:7px 12px;background:#1b3039;color:#fff;border:1px solid #ae7970;font-size:12px;cursor:pointer}@media(max-width:700px){.pkw-smart-hero .impact-hint,.pkw-smart-hero .impact-stop{display:none}.mobile-car-demo{padding-bottom:140px}.mobile-car-demo .car-demo-status{bottom:10px}.mobile-car-demo .impact-hint{left:12px;right:12px;bottom:42px;text-align:center;font-size:11px}.mobile-car-demo .impact-stop{bottom:66px;right:16px;padding:5px 10px}.mobile-car-demo .impact-hammer{padding:6px}}

.impact-hammer img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.impact-hammer{padding:3px}@media(max-width:700px){.mobile-car-demo .impact-hammer{padding:3px}}

.impact-hammer{padding:6px;color:#bcecf3;border-color:#86b5bf;background:#122d38e8}.impact-hammer.swing{animation:car-shudder .38s ease-in-out 2}@keyframes car-shudder{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-3deg)}75%{transform:translateX(3px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.impact-hammer.swing{animation:none}}

.impact-hammer:after{content:attr(data-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font:700 11px/1.3 Arial,sans-serif;color:#eaf5f7;background:#102630e8;padding:3px 5px;pointer-events:none}.impact-strong{color:#f2c587;border-color:#c9a66e}.impact-strong svg{stroke-width:3}.impact-strong:after{color:#f2c587}@media(max-width:700px){.mobile-car-demo .impact-hammer{left:calc(50% - 78px)!important;top:calc(var(--demo-buttons-top) - 65px)!important;width:44px!important;height:44px!important}.mobile-car-demo .impact-strong{left:calc(50% + 34px)!important}.mobile-car-demo .impact-hammer:after{font-size:10px;top:100%}}

@media(max-width:700px){.mobile-car-demo.demo-is-armed{padding-bottom:250px}.mobile-car-demo .impact-hammer{top:calc(var(--demo-buttons-top) + 68px)!important;left:calc(25% - 34px)!important;width:68px!important;height:68px!important;min-width:68px;min-height:68px;padding:10px}.mobile-car-demo .impact-strong{left:calc(75% - 34px)!important}.mobile-car-demo .impact-hammer:after{font-size:13px;top:calc(100% + 7px);padding:4px 7px}.mobile-car-demo .impact-hint{bottom:43px;font-size:11px}.mobile-car-demo .impact-stop{bottom:68px;right:50%;transform:translateX(50%);min-height:36px}}

.impact-stop{display:none!important}.car-demo-key.alarm-stop-active{background:#9b3029!important;border-color:#ffd0b1!important;color:#fff!important;animation:alarm-stop-pulse 1.2s ease-in-out infinite}.car-demo-key.alarm-stop-active:after{color:#fff!important;background:#9b3029}.car-demo-key.alarm-stop-active:before{border-color:#ffb59b}@keyframes alarm-stop-pulse{50%{box-shadow:0 0 0 5px #f5785644,0 0 18px #ef735788}}@media(prefers-reduced-motion:reduce){.car-demo-key.alarm-stop-active{animation:none;border-width:3px}}