:root{--bg:#fff;--panel:#f2f5f8;--line:#d9e0e6;--text:#141b23;--muted:#536170;--accent:#0866ce;color-scheme:light}[data-theme=dark]{--bg:#111820;--panel:#19232e;--line:#354554;--text:#eef4fa;--muted:#b2c0ce;--accent:#78baff;color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.preview{text-align:center;background:#15283a;color:#fff;padding:8px;font-size:10px;letter-spacing:1px}header{max-width:1440px;gap:20px;padding:20px 32px}.aez-brand{flex-shrink:0}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.preferences{display:flex;align-items:center;gap:8px;margin-left:auto}.preferences button,.preferences select,.menu{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;min-height:44px;padding:8px 10px;margin:0;display:flex;align-items:center;gap:6px}.preferences svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}nav{gap:18px;font-size:12px}.menu{display:none}main{max-width:1280px}.hero{min-height:530px;gap:70px}h1{font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-3px}.hero p{font-size:18px}.eyebrow{font-size:11px}.primary,.tabs button.active{background:#0866ce;color:white;border-radius:5px}.primary:hover{background:#0755ae}.dial{background:repeating-conic-gradient(from 220deg,var(--line) 0deg 1deg,transparent 1deg 6deg);will-change:transform}.dial-inner{border-color:var(--line)}.config{background:var(--bg);padding:32px;border-radius:10px;box-shadow:0 12px 55px #102c4a08}.brand,.metric,.selection-column,.chart-panel{background:var(--panel)}.selection-column h3{background:var(--panel);color:var(--text)}.choice:hover,.choice.chosen{background:var(--bg);border-color:var(--accent)}.brand:hover{background:var(--bg);transform:translateY(-3px);box-shadow:0 8px 20px #102c4a12}.brand{transition:transform .2s,box-shadow .2s,border-color .2s}.close{color:var(--text)}.chart-panel svg text{fill:var(--muted)}.chart-panel .gridline{stroke:var(--line)}.demo-note{font-size:12px}.text-btn,.tabs button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.search:focus-within{border-color:var(--accent)}.search input{min-width:0}.result-head,.result-bottom{gap:20px}.tabs{flex-wrap:wrap}.price small{font-size:12px;max-width:320px}.extra-specs{overflow-wrap:anywhere}.metric{min-width:0}.metric strong{font-size:clamp(28px,3.5vw,42px)}#result:not(:empty){animation:enter .5s ease both}.curve{stroke-dasharray:2000;animation:draw 1.3s ease both}.curve.dashed{stroke-dasharray:6 5;animation:enter .8s ease both}#request .primary{margin:8px 6px 0 0}.skip{position:absolute;top:-80px;background:var(--bg);padding:15px;z-index:30}.skip:focus{top:0}footer{gap:20px;flex-wrap:wrap}.stages article{transition:transform .5s,opacity .5s}.stages article.waiting{opacity:0;transform:translateY(25px)}
html:not([data-theme=dark]) .brand-logo{filter:none!important;mix-blend-mode:normal!important}html:not([data-theme=dark]) .brand[data-url*="genesis"] img{filter:invert(1)!important}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes draw{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}
@media(max-width:1150px){header{flex-wrap:wrap}nav{width:100%;justify-content:center}}@media(max-width:650px){header{padding:16px;gap:10px}.aez-brand img{width:125px;height:auto}.theme-label{display:none}nav{display:none;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px}.menu{display:block}.hero{min-height:380px;display:block;padding:35px 0}.dial{display:block}main{padding:0 16px}.config{padding:16px}.section-head{flex-wrap:wrap}.section-head .text-btn{max-width:none}h1{letter-spacing:-2px}.result-bottom{align-items:flex-start;flex-direction:column}.metric>div{white-space:normal}.selection-columns{min-width:0}.selection-column{min-width:0}.choice{overflow-wrap:anywhere}.chart-panel{padding:10px}.chart-heading{flex-wrap:wrap}.stages{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.dial{transform:none!important}.stages article.waiting{opacity:1;transform:none}}
.choice{border-top-color:var(--line)}.gain-percent{background:#0866ce0d;border-color:var(--line)}html:not([data-theme=dark]) .engine-status{color:#855d13}#searchResults{max-height:420px;overflow:auto}.chart-panel>p{font-size:12px}
#changeVehicle{display:block;padding-left:0;max-width:none}.selection-column:focus,#result:focus,.selection-columns:focus,#konfigurator:focus{outline:none}.selection-column:focus-visible,#result:focus-visible,.selection-columns:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1050px){.result-head{display:block}.result-head .tabs{margin:16px 0}.result-head h3{font-size:26px}}

/* Stationary dial: only the needle moves, never the face or lettering. */
.dial{width:min(100%,350px);height:auto;aspect-ratio:1;padding:0;background:none;transform:none!important;will-change:auto;--needle-angle:-105deg}
.dial:after{display:none}.rpm-face{width:100%;height:100%;overflow:visible}.rpm-rim{fill:var(--bg);stroke:var(--line);stroke-width:1}.rpm-track{fill:none;stroke:var(--line);stroke-width:4;stroke-linecap:round}.rpm-redline{fill:none;stroke:#ed484f;stroke-width:7;stroke-linecap:round}.rpm-tick{stroke:var(--muted);stroke-width:1.5}.rpm-tick.red{stroke:#ed484f;stroke-width:2}.rpm-number{fill:var(--text);font-size:15px;text-anchor:middle;font-variant-numeric:tabular-nums}.rpm-caption{fill:var(--text);font-size:17px;font-weight:600;text-anchor:middle;letter-spacing:3px}.rpm-caption.small{font-size:9px;letter-spacing:2px;fill:var(--muted)}.rpm-unit{fill:var(--muted);font-size:10px;text-anchor:middle}.rpm-needle{transform-origin:160px 160px;transform:rotate(var(--needle-angle));transition:transform .5s cubic-bezier(.22,1,.36,1);fill:#ed484f}.rpm-needle circle{fill:var(--text)}.rpm-hub{fill:var(--bg);stroke:var(--line)}.dial-tag{transform:none;left:50%;translate:-50% 0;bottom:-8px;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.rpm-needle{transition:none;transform:rotate(-105deg)}}

/* Original typographic centre, with a peripheral motorsport pointer. */
.sport-dial{isolation:isolate;width:min(100%,360px);filter:drop-shadow(0 18px 28px #00182a18)}
.sport-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sport-rim{fill:none;stroke:var(--line);stroke-width:1}.sport-inner-ring{stroke:var(--line);stroke-width:1}
.sport-track{fill:none;stroke:url(#sport-ring);stroke-width:2;stroke-linecap:round}
.sport-redline{fill:none;stroke:#f14850;stroke-width:5;stroke-linecap:butt;stroke-dasharray:2 2}
.sport-tick{stroke:var(--muted);stroke-width:1;opacity:.55}.sport-tick.major{stroke-width:2;opacity:1}.sport-tick.hot{stroke:#fa515b;opacity:1}
.sport-pointer{transform-origin:160px 160px;transform:rotate(var(--needle-angle));transition:transform .65s cubic-bezier(.16,1,.3,1)}
.sport-hand{fill:#ff3d4b;stroke:#ffabb0;stroke-width:.6;filter:drop-shadow(0 0 5px #ff304e88)}
.sport-trail{fill:none;stroke:#ff3d4b;stroke-width:4;opacity:.45;stroke-linecap:round}.sport-tip{stroke:#ff7880;stroke-width:1.5}
.sport-dial .dial-inner{position:absolute;inset:24%;height:auto;background:none;border:0;transform:none;pointer-events:none;text-align:center}
.sport-dial .dial-inner strong{font-size:clamp(28px,3.6vw,40px);line-height:1.06;margin:18px 0;letter-spacing:-1.6px}
.sport-dial .dial-inner small{font-size:9px;letter-spacing:2.5px}.sport-dial .dial-inner span{font-size:7px;white-space:nowrap;letter-spacing:1.4px}
.sport-dial .dial-inner em{color:var(--accent)}.sport-dial .dial-tag{bottom:-12px;border-radius:3px;padding:10px 20px;font-size:9px;background:var(--bg)}
@media(prefers-reduced-motion:reduce){.sport-pointer{transition:none;transform:rotate(-105deg)}}

/* Fine instrument needle, without a luminous block or trailing arc. */
.sport-hand{fill:#f04c55;stroke:none;filter:none}
.sport-trail,.sport-tip{display:none}

/* Subtle trailing light behind the fine needle. */
.sport-trail{display:block;stroke-width:3;opacity:.28;filter:drop-shadow(0 0 3px #ff304e66)}
.sport-hand{filter:drop-shadow(0 0 3px #ff304e66)}

/* Keep the instrument visible and comfortably sized on phones. */
@media(max-width:650px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:35px 0 46px;min-height:0}.hero .sport-dial{display:block;flex:none;width:min(76vw,300px);max-width:100%;margin:0 auto 12px;align-self:center}.sport-dial .dial-inner strong{font-size:clamp(26px,7vw,34px);margin:12px 0}.sport-dial .dial-inner small{font-size:8px;letter-spacing:2px}.sport-dial .dial-inner span{font-size:6px;letter-spacing:1px}}
