/* Separated product chapters. Meaning remains visible without motion. */
:root { --electric:#2151f5; --muted:#626b79; --line:#d9dde3; }
button, input, a { touch-action:manipulation; }
button:focus-visible, input:focus-visible { outline:3px solid #b06608; outline-offset:5px; }
[hidden] { display:none!important; }
.feature-section { padding:48px var(--gutter) 0; scroll-margin-top:0; }
.feature-section:focus,.combined-feature:focus { outline:none; }
.feature-kicker { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:11px; font-weight:500; letter-spacing:.1em; line-height:1.5; }
.feature-kicker>span:last-child { display:none; }
.feature-section h2,.combined-feature h2 { font-weight:500; font-size:clamp(42px,12vw,62px); letter-spacing:-.065em; line-height:1.02; }
.feature-section h2>span { color:var(--electric); }
.boost-vehicle img,.kd-car,.combined-art img { height:auto; }
.solid-button { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 20px; min-height:56px; border:0; border-radius:5px; color:white; background:#1b2029; font-size:16px; font-weight:500; text-align:left; }
.solid-button>span { font-size:23px; line-height:1; }
.solid-button:hover { background:var(--electric); }
.solid-button:disabled { opacity:.6; cursor:default; }
.reset-button { padding:13px 5px 13px 14px; border:0; color:#47505e; background:none; font-size:14px; white-space:nowrap; min-height:48px; }
.reset-button>span { padding-left:6px; font-size:20px; }
.feature-footnote { margin:23px 0 34px; color:var(--muted); font-size:14px; line-height:1.6; }
.feature-footnote a,.combined-note a { text-decoration:underline; text-underline-offset:3px; }
.feature-questions { border-top:1px solid var(--line); margin-top:32px; }
.feature-questions details { border-bottom:1px solid var(--line); }
.feature-questions summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:21px 0; font-size:17px; line-height:1.4; cursor:pointer; list-style:none; }
.feature-questions summary::-webkit-details-marker { display:none; }
.feature-questions summary>span { font-size:25px; line-height:1; font-weight:300; transition:transform .2s; }
.feature-questions details[open] summary>span { transform:rotate(45deg); }
.feature-questions details>div { padding:0 0 25px; max-width:800px; font-size:16px; line-height:1.65; color:#535d6c; }
.feature-questions p+p { margin-top:12px; }
.feature-questions details a { display:inline-flex; align-items:center; color:#1741c4; margin-top:12px; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.feature-questions summary:focus-visible { outline:3px solid var(--electric); outline-offset:4px; }

/* The opening now reveals benefits; the actual module appears at the end. */
.module-section { min-height:790px; }
.module-heading h2 { font-size:clamp(38px,11vw,52px); }
.module-heading>p:last-child { font-size:18px; }
.possibility-graphic { display:none; }
.module-section .benefits { margin-top:42px; width:100%; }
.module-section .chapter-links { gap:0; }
.module-section .chapter-links a { padding:20px 0; border-radius:0; border:0; border-top:1px solid #ffffff38; background:none; gap:17px; min-height:84px; }
.module-section .chapter-links strong { font-size:19px; letter-spacing:-.035em; font-weight:500; }
.module-section .chapter-links small { font-size:11px; letter-spacing:.06em; color:#dae4ff; margin-bottom:7px; }
.module-section .chapter-links b { margin-left:auto; font-weight:400; font-size:26px; }
.chapter-count { color:#b6cbff; font-size:12px; font-variant-numeric:tabular-nums; }
.module-section .module-support { font-size:15px; line-height:1.55; margin-top:23px; }
.module-section .compat-inline { font-size:15px; min-height:44px; }
.enhanced .module-section { padding-top:80px; }
.enhanced .module-section .benefits { margin-top:30px; }

/* BOOST: a range, a car and an actual explanation of the comparison. */
.boost-feature { background:#f6f6f2; }
.boost-heading { margin-top:30px; }
.power-range { display:flex; align-items:baseline; gap:8px; margin-top:27px; white-space:nowrap; }
.power-range strong { font-size:clamp(52px,15.4vw,74px); font-weight:500; letter-spacing:-.075em; line-height:1; font-variant-numeric:tabular-nums; }
.power-range span { font-size:15px; color:#69727f; }
.range-explanation { margin-top:16px; font-size:18px; line-height:1.45; }
.range-explanation a { text-decoration:underline; text-underline-offset:4px; text-decoration-color:#aab3c1; }
.desktop-break { display:none; }
.availability-note { margin-top:17px; display:flex; align-items:center; gap:9px; color:#3d4858; font-size:15px; line-height:1.45; }
.availability-note>span { display:flex; align-items:center; justify-content:center; border:1px solid #afb7c3; width:22px; height:22px; flex:0 0 22px; border-radius:50%; }
.boost-scene { position:relative; height:255px; margin:18px calc(-1 * var(--gutter)) 0; isolation:isolate; overflow:hidden; }
.boost-backdrop { position:absolute; inset:0; z-index:-1; }
.scene-watermark { position:absolute; top:5px; left:3%; color:#e0e4e8; font-weight:600; letter-spacing:-.085em; font-size:30vw; line-height:1; transform:translateY(var(--parallax,0px)); }
.scene-horizon { position:absolute; top:41%; left:-20%; width:140%; height:38%; background:radial-gradient(ellipse at 50% 50%,#d0ddf4aa,transparent 65%); filter:blur(8px); transition:opacity .6s; }
.scene-floor { position:absolute; inset:53% -30% -10%; background:repeating-linear-gradient(90deg,transparent 0,transparent 17%,#b9c1ce4a 17.2%,transparent 17.4%),linear-gradient(#c6cdd226,transparent 75%); transform:perspective(500px) rotateX(68deg); transform-origin:top; }
.boost-vehicle { position:absolute; bottom:50px; width:94%; left:3%; transform:translateX(-5px); transition:transform 1s cubic-bezier(.2,.7,.1,1); will-change:transform; }
.boost-vehicle img { width:100%; position:relative; z-index:2; }
.vehicle-shadow { position:absolute; left:12%; right:8%; bottom:-3%; height:17%; background:radial-gradient(ellipse,#15243b66,transparent 69%); filter:blur(4px); transform:scaleX(.95); }
.boost-scene[data-boost=off] .boost-vehicle { transform:translateX(4px); }
.boost-scene[data-boost=off] .scene-horizon { opacity:.35; }
.scene-streaks { position:absolute; inset:35% -30% 20%; transform:rotate(-2deg); opacity:0; pointer-events:none; }
.scene-streaks i { position:absolute; left:0; height:2px; width:65%; background:linear-gradient(90deg,transparent,#5587ff7a,transparent); top:15%; }
.scene-streaks i:nth-child(2) { top:35%; width:80%; }
.scene-streaks i:nth-child(3) { top:70%; left:12%; }
.scene-streaks i:nth-child(4) { top:95%; width:100%; height:3px; }
.is-boost-pulse .scene-streaks { animation:road-impulse .95s ease-out; }
@keyframes road-impulse { 0%{opacity:0;transform:translateX(-22%) rotate(-2deg)} 30%{opacity:1} 100%{opacity:0;transform:translateX(25%) rotate(-2deg)} }
.image-caption { position:absolute; bottom:10px; left:var(--gutter); right:var(--gutter); display:flex; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.06em; color:#687384; }
.image-caption>span { color:#6c7583; font-size:9px; }
.boost-controls { margin-top:19px; }
.segmented { padding:4px; background:#e6e8eb; border-radius:8px; display:grid; grid-template-columns:1fr 1fr; }
.segmented button { border:0; background:none; border-radius:5px; min-height:46px; color:#556071; font-size:16px; }
.segmented button[aria-pressed=true] { background:white; color:#1d2b43; box-shadow:0 2px 8px #162d5010; }
.segmented button span { margin-left:12px; }
.boost-result { display:grid; grid-template-columns:1fr auto; align-items:end; gap:4px 10px; padding-top:22px; min-height:109px; }
.boost-result>span { font-size:15px; line-height:1.4; color:#566272; max-width:145px; }
.boost-result>strong { font-size:48px; line-height:1; font-weight:500; letter-spacing:-.06em; color:#1644d9; white-space:nowrap; }
.boost-result>strong small { font-size:15px; letter-spacing:0; font-weight:400; }
.boost-result>p { grid-column:1/-1; margin-top:8px; font-size:14px; color:#606a78; line-height:1.5; }
.boost-result.is-base>strong { font-size:33px; color:#334055; }
.gain-track { height:4px; border-radius:4px; background:#dce1e9; margin-top:18px; overflow:hidden; }
.gain-track>i { display:block; width:100%; height:100%; border-radius:4px; background:var(--electric); transform-origin:left; transform:scaleX(var(--gain,1)); transition:transform .7s cubic-bezier(.18,.65,.15,1); }
.example-picker { margin-top:24px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.example-picker>span { font-size:14px; line-height:1.45; max-width:120px; color:#526075; }
.example-picker>div { display:flex; gap:8px; }
.example-picker button { border:1px solid #cbd0d8; border-radius:5px; padding:10px 12px; min-height:48px; background:transparent; font-size:15px; color:#37465c; }
.example-picker button>span { display:block; font-size:12px; margin-top:3px; color:#58677c; }
.example-picker button[aria-pressed=true] { border-color:#2151f5; background:#e8edff; color:#1640cb; }
.example-note { font-size:13px; color:#67717f; line-height:1.55; margin-top:15px; }
.feature-actions { display:flex; flex-direction:column; gap:14px; margin-top:27px; }
.feature-actions>span { font-size:14px; color:#687282; }
.chapter-next { display:flex; flex-direction:column; gap:16px; padding:32px 0 39px; border-top:1px solid var(--line); }
.chapter-next>span { font-size:10px; letter-spacing:.12em; color:#657081; }
.chapter-next strong { display:flex; justify-content:space-between; align-items:center; font-size:22px; font-weight:500; letter-spacing:-.04em; }
.chapter-next strong>span { font-size:30px; color:var(--electric); }

/* KICKDOWN: pedal input and latched mode are different state. */
.kickdown-feature { background:#eaf0f7; }
.kd-heading { margin-top:30px; }
.kd-heading h2 { font-size:clamp(40px,11.5vw,60px); }
.kd-heading>p { font-size:18px; line-height:1.5; margin-top:21px; color:#4e5b6c; }
.kd-principle { display:flex; align-items:center; gap:12px; font-size:13px; margin-top:22px; color:#536780; }
.kd-principle i { font-style:normal; color:#3861cc; }
.kd-demo { margin:30px calc(-1 * var(--gutter)) 0; padding:26px var(--gutter) 24px; position:relative; background:linear-gradient(130deg,#f8fbff,#e5edf7); overflow:hidden; --pedal:.3; --pedal-pct:30%; }
.kd-status { position:relative; z-index:3; display:grid; gap:10px; }
.kd-status>span:first-child { font-size:10px; letter-spacing:.12em; color:#626f83; }
.kd-status>strong { font-size:36px; font-weight:500; letter-spacing:-.06em; line-height:1.05; color:#29374b; }
.kd-indicator { position:absolute; right:0; bottom:11px; width:10px; height:10px; border-radius:50%; background:#8395ac; box-shadow:0 0 0 6px #8395ac15; transition:background .3s,box-shadow .3s; }
.kd-demo[data-active=true] .kd-status>strong { color:#164be9; }
.kd-demo[data-active=true] .kd-indicator { background:var(--electric); box-shadow:0 0 0 6px #2151f51a; }
.kd-visual { height:215px; position:relative; margin:0 calc(-1 * var(--gutter)); isolation:isolate; overflow:hidden; }
.kd-road { position:absolute; left:-10%; width:115%; height:76px; top:130px; background:linear-gradient(#cbd8ed33,transparent); transform:rotate(-4deg); }
.kd-road i { position:absolute; top:35%; width:100%; height:1px; background:linear-gradient(90deg,transparent,#8fa9ca70,transparent); }
.kd-road i:nth-child(2) { top:60%; }.kd-road i:nth-child(3) { top:85%; }
.kd-car { position:absolute; width:76%; left:3%; top:32px; opacity:.94; filter:drop-shadow(0 8px 8px #11264220); transform:translateX(0); transition:transform .4s; }
.kd-demo[data-active=true] .kd-car,.combined-demo[data-active=true] .combined-art img { transform:translateX(-12px); }
.kd-demo.is-crossing .kd-car { animation:car-impulse 1s cubic-bezier(.2,.7,.2,1); }
@keyframes car-impulse { 0%{transform:translateX(0)} 65%{transform:translateX(-16px)} 100%{transform:translateX(-12px)} }
.kd-demo.is-crossing .kd-road { animation:road-impulse .9s ease-out; }
.signal-path { position:absolute; inset:45px 0 auto; width:100%; height:160px; fill:none; stroke:#a4b5cc; stroke-width:1; stroke-dasharray:3 5; }
.signal-path circle { fill:#7f99be; stroke:none; }
.kd-demo[data-active=true] .signal-path { stroke:#3665ee; }
.kd-demo.is-crossing .signal-path path { animation:signal-flow .8s linear; }
@keyframes signal-flow { to{stroke-dashoffset:64} }
.precision-pedal { position:absolute; right:27px; top:58px; width:98px; height:150px; perspective:500px; }
.pedal-hinge { position:absolute; top:0; width:12px; height:47px; left:45%; background:linear-gradient(90deg,#637084,#cbd2db,#637084); transform:rotate(-10deg); border-radius:4px; }
.precision-face { position:absolute; width:71px; height:118px; top:24px; left:12px; border-radius:13px 13px 18px 18px; background:linear-gradient(135deg,#fdfefe 4%,#d9e1eb 45%,#a8b5c5); border:1px solid #94a5b9; box-shadow:5px 7px 0 #8b9caf,8px 20px 22px #1a344e23,inset 0 1px 0 white; transform:rotate(-15deg) rotateX(calc(var(--pedal) * 30deg)); transform-origin:50% 15%; transition:transform .08s linear; display:flex; flex-direction:column; gap:10px; padding:20px 12px; }
.precision-face i { height:5px; flex:0 0 5px; background:#6d7d91; border-radius:4px; box-shadow:0 1px 0 #ffffffa6; }
.precision-face>span { position:absolute; top:8px; left:24px; width:22px; height:3px; background:#7e91ab; border-radius:3px; }
.kd-demo[data-active=true] .precision-face>span { background:var(--electric); box-shadow:0 0 10px #2151f599; }
.pedal-ground { position:absolute; bottom:-1px; left:5px; right:-10px; height:12px; background:#17345022; filter:blur(8px); z-index:-1; border-radius:50%; }
.pedal-readout { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:14px; }
.pedal-readout label { color:#344157; }
.pedal-readout output { font-weight:500; font-variant-numeric:tabular-nums; margin-left:5px; color:#1644d8; }
.pedal-readout>span { color:#586b84; font-size:13px; white-space:nowrap; }
.pedal-readout b { font-weight:500; }
.pedal-range { position:relative; height:48px; margin:5px 0 0; }
.pedal-rail { position:absolute; top:24px; left:12px; right:12px; height:3px; border-radius:4px; background:#b7c6da; }
.pedal-rail>i { display:block; width:var(--pedal-pct,30%); height:100%; background:var(--electric); border-radius:4px; }
.pedal-rail>span { position:absolute; left:80%; top:-7px; height:17px; width:1px; background:#184ddd; }
.pedal-range input { position:relative; width:100%; height:48px; margin:0; appearance:none; -webkit-appearance:none; background:transparent; cursor:ew-resize; touch-action:pan-y; z-index:2; }
.pedal-range input::-webkit-slider-runnable-track { height:3px; background:transparent; }
.pedal-range input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:25px; height:25px; margin-top:-11px; border-radius:50%; border:5px solid #fff; background:#2151f5; box-shadow:0 1px 7px #27416540; }
.pedal-range input::-moz-range-track { height:3px; background:transparent; }
.pedal-range input::-moz-range-thumb { width:15px; height:15px; border-radius:50%; border:5px solid white; background:#2151f5; box-shadow:0 1px 7px #27416540; }
.pedal-range .threshold-tick { display:none; }
.pedal-scale { display:flex; justify-content:space-between; font-size:11px; color:#697a91; margin:-2px 0 0; padding:0 4px; }
.kd-message { margin-top:18px; min-height:67px; font-size:16px; line-height:1.5; color:#44556c; }
.kd-buttons { display:flex; gap:10px; align-items:center; }
.kd-buttons>.solid-button { flex:1; min-width:0; }
.demo-context { font-size:12px; color:#65768d; line-height:1.6; margin-top:18px; }
.kd-takeaway { display:flex; flex-direction:column; gap:17px; padding:35px 0 0; }
.takeaway-number { font-size:59px; font-weight:450; letter-spacing:-.065em; line-height:1; color:#1c4be0; white-space:nowrap; }
.takeaway-number>span { font-size:25px; margin-left:6px; }
.kd-takeaway h3 { font-size:25px; font-weight:500; letter-spacing:-.04em; margin:0 0 13px; }
.kd-takeaway p { font-size:17px; color:#526176; line-height:1.6; }
.kickdown-feature .feature-footnote { padding-bottom:35px; margin-bottom:0; }

/* The combined chapter retains the already available Boost; no second gain. */
.combined-feature { position:relative; isolation:isolate; overflow:hidden; background:#2151ef; color:white; padding:45px var(--gutter) 30px; scroll-margin-top:0; }
.combined-orbit { position:absolute; width:150vw; height:150vw; left:10%; top:7%; border:1px solid #ffffff20; border-radius:50%; z-index:-1; box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff03; }
.combined-heading { margin-top:29px; }
.combined-heading h2 { font-size:clamp(46px,14vw,72px); }
.combined-heading h2>span { color:#a9c7ff; }
.combined-heading>p { color:#e4ecff; margin-top:24px; font-size:18px; line-height:1.5; }
.combined-demo { --pedal:.3; --pedal-pct:30%; margin-top:29px; }
.boost-ready { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; line-height:1.4; color:#e7efff; }
.boost-ready>span { border:1px solid #ffffff66; border-radius:50%; width:20px; height:20px; display:grid; place-items:center; font-size:12px; }
.boost-ready>b { font-weight:500; color:white; margin-left:auto; }
.combined-art { height:215px; position:relative; margin:10px calc(-1 * var(--gutter)); isolation:isolate; overflow:hidden; }
.combined-x { position:absolute; font-size:255px; line-height:.75; font-weight:300; color:#ffffff15; left:16%; top:0; }
.combined-art img { position:absolute; width:94%; left:3%; top:51px; filter:drop-shadow(0 17px 12px #071d7c44); transition:transform .6s; }
.combined-road { position:absolute; left:-15%; width:130%; top:167px; height:60px; background:linear-gradient(#081f7c28,transparent); transform:rotate(-3deg); }
.combined-streaks { position:absolute; left:-10%; right:-10%; top:40%; height:50%; opacity:0; }
.combined-streaks i { position:absolute; width:90%; height:1px; background:linear-gradient(90deg,transparent,#b3d6ff,transparent); top:10%; }
.combined-streaks i:nth-child(2) { top:55%; width:70%; left:30%; }.combined-streaks i:nth-child(3) { top:90%; width:100%; }
.combined-demo.is-crossing .combined-art img { animation:car-impulse 1s cubic-bezier(.2,.7,.2,1); }
.combined-demo.is-crossing .combined-streaks { animation:road-impulse .9s ease-out; }
.combined-status { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:12px 0 22px; border-bottom:1px solid #ffffff36; }
.combined-status>span { font-size:10px; letter-spacing:.1em; max-width:80px; line-height:1.6; color:#c2d4ff; }
.combined-status>strong { font-size:27px; font-weight:500; letter-spacing:-.05em; text-align:right; }
.combined-demo[data-active=true] .combined-status>strong { color:#fff; text-shadow:0 0 25px #a3d8ff90; }
.combined-instrument { padding-top:24px; }
.combined-instrument .pedal-readout label,.combined-instrument .pedal-readout output { color:white; }
.combined-instrument .pedal-readout>span { color:#d4e2ff; }
.combined-instrument .pedal-rail { background:#ffffff4a; }
.combined-instrument .pedal-rail>i,.combined-instrument .pedal-rail>span { background:#c3dbff; }
.combined-instrument .pedal-range input::-webkit-slider-thumb { background:#153bb1; border-color:white; }
.combined-instrument .pedal-range input::-moz-range-thumb { background:#153bb1; border-color:white; }
.combined-instrument .kd-message { color:#e7efff; min-height:49px; }
.combined-instrument .solid-button { background:white; color:#1943c9; }
.combined-instrument .solid-button:hover { background:#e9f0ff; }
.combined-instrument .reset-button { color:#e2ebff; }
.combined-example { margin-top:18px; font-size:12px; color:#d2e0ff; line-height:1.6; }
.combined-bottom { border-top:1px solid #ffffff40; margin-top:38px; padding-top:26px; }
.combined-bottom p { font-size:18px; color:#e5eeff; line-height:1.6; letter-spacing:-.015em; }
.combined-bottom strong { color:white; font-weight:500; }
.combined-bottom>a { display:flex; justify-content:space-between; align-items:center; font-size:17px; margin-top:23px; min-height:48px; }
.combined-bottom>a>span { font-size:25px; }
.combined-note { font-size:12px; line-height:1.6; color:#d3e0ff; margin-top:26px; }
.no-motion-explanation { margin-top:20px; font-size:17px; line-height:1.6; }

@media(min-width:700px) {
 .feature-section { padding-top:70px; }
 .feature-kicker { font-size:12px; }.feature-kicker>span:last-child{display:block}
 .feature-section h2 { font-size:clamp(55px,7.1vw,110px); }
 .possibility-graphic { display:block; position:absolute; left:49%; top:18%; width:55%; height:75%; overflow:hidden; }
 .possibility-graphic svg { position:absolute; top:28%; width:130%; fill:none; stroke:url(#route-light); stroke-width:1.5; }
 .possibility-graphic svg circle { fill:white; stroke:none; }
 .possibility-graphic>span { position:absolute; left:0; top:13%; color:#ffffff12; font-size:8vw; font-weight:600; letter-spacing:-.07em; line-height:.92; }
 .module-heading { width:52%; }.module-heading h2{font-size:clamp(49px,6vw,92px)}
 .module-section .benefits { width:43%; max-width:530px; }
 .module-section .chapter-links strong { font-size:22px; }
 .enhanced .module-section { padding-top:110px; }
 .boost-layout { display:grid; grid-template-columns:1.05fr 1fr; column-gap:45px; position:relative; }
 .boost-heading { grid-column:1;grid-row:1;margin-top:40px; }
 .boost-scene { grid-column:1/-1;grid-row:2;height:430px;margin-top:25px; }
 .boost-controls { grid-column:2;grid-row:1;margin-top:45px;align-self:end; }
 .power-range strong{font-size:clamp(60px,8vw,100px)}
 .boost-vehicle { width:90%;left:5%;bottom:55px; }.scene-watermark{font-size:26vw;left:8%;top:-8px}
 .boost-result{min-height:125px}.boost-result>strong{font-size:55px}
 .feature-actions { flex-direction:row;align-items:center;gap:28px;margin-top:32px; }
 .feature-actions>.solid-button{min-width:360px}.feature-actions>span{font-size:15px}
 .feature-questions{margin-top:45px}.feature-questions summary{font-size:19px;padding-block:25px}
 .feature-footnote{font-size:15px}.chapter-next{padding-block:40px 50px}.chapter-next strong{font-size:30px}
 .kd-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px;align-items:start}
 .kd-heading{margin-top:10px}.kd-heading h2{font-size:clamp(44px,5.3vw,80px)}
 .kd-heading>p{font-size:19px;margin-top:30px}.kd-principle{font-size:15px;margin-top:35px}
 .kd-demo{margin:0;padding:30px 25px;border-radius:8px}.kd-visual{margin:0 -25px;height:230px}
 .kd-status>strong{font-size:34px}.precision-pedal{right:20px}
 .kd-takeaway{flex-direction:row;gap:40px;align-items:center;padding-top:60px}.kd-takeaway>div{max-width:500px}.takeaway-number{font-size:72px}
 .combined-feature{padding-top:65px;padding-bottom:40px}.combined-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;margin-top:40px}
 .combined-heading{margin-top:15px}.combined-heading h2{font-size:clamp(57px,7vw,106px)}.combined-heading>p{font-size:20px}
 .combined-demo{margin-top:0}.combined-art{height:270px;margin-inline:-20px}.combined-art img{top:80px}.combined-x{font-size:330px;left:23%}
 .combined-road{top:70%}.combined-status>strong{font-size:30px}.combined-orbit{width:90vw;height:90vw;left:38%;top:-25%}
 .combined-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px}.combined-bottom>a{margin-top:0;min-width:260px}.combined-bottom p{font-size:20px}
 .combined-note{max-width:740px;font-size:13px}
}
@media(min-width:1100px) {
 .boost-layout{grid-template-columns:42% 58%;column-gap:0;min-height:650px}
 .boost-heading{grid-column:1;grid-row:1 / span 2;align-self:start;z-index:2}
 .boost-scene{grid-column:2;grid-row:1;align-self:start;height:clamp(350px,30vw,510px);margin:25px calc(-1 * var(--gutter)) 0 0}
 .boost-vehicle{width:94%;left:3%;bottom:53px}.scene-watermark{font-size:20vw;left:0;top:20px}
 .boost-controls{grid-column:2;grid-row:2;align-self:start;margin:15px 0 0 60px;max-width:650px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}
 .boost-controls .segmented{grid-column:1/-1}.boost-result{min-height:111px;padding-top:20px}.boost-result>strong{font-size:52px}
 .boost-controls .gain-track{grid-column:1;grid-row:3;margin-top:13px}.example-picker{grid-column:2;grid-row:2;align-self:center;margin-top:20px}.example-note{grid-column:1/-1;margin-top:16px}
 .example-note br{display:none}.desktop-break{display:block}.range-explanation{font-size:20px;line-height:1.5}.power-range{margin-top:38px}.availability-note{font-size:16px;margin-top:23px}
 .kd-layout{grid-template-columns:1fr 1.1fr;gap:70px}.kd-demo{padding:35px 35px 26px}.kd-visual{margin:0 -35px;height:250px}.kd-car{width:76%;top:45px}.kd-road{top:160px}.precision-pedal{right:45px;top:78px}
 .kd-status>strong{font-size:43px}.kd-message{min-height:48px}.kd-takeaway{gap:65px}.takeaway-number{font-size:95px}
 .combined-layout{grid-template-columns:1fr 1.1fr;gap:80px}.combined-art{height:310px}.combined-art img{top:75px}.combined-x{font-size:380px;top:-30px}.combined-road{top:76%}
}
@media(max-width:360px) {
 .feature-section{padding-top:35px}.feature-kicker{font-size:10px}.feature-section h2{font-size:43px}.power-range{gap:6px}.power-range strong{font-size:53px}.power-range span{font-size:13px}
 .range-explanation{font-size:17px}.availability-note{font-size:14px}.boost-scene{height:220px}.image-caption{font-size:9px}.image-caption>span{font-size:8px}
 .solid-button{font-size:14px;padding:16px 15px}.example-picker button{padding-inline:10px}.example-picker>span{max-width:100px}.boost-result>strong{font-size:43px}
 .kd-heading h2{font-size:39px}.kd-heading>p{font-size:17px}.kd-status>strong{font-size:31px}.pedal-readout{font-size:12px}.pedal-readout>span{font-size:12px}.kd-visual{height:200px}.kd-car{top:40px}.precision-pedal{right:17px;transform:scale(.9);transform-origin:right bottom}
 .kd-message{font-size:15px;min-height:68px}.reset-button{font-size:13px;padding-left:5px}.kd-buttons{gap:6px}.demo-context{font-size:11px}.takeaway-number{font-size:52px}
 .combined-heading h2{font-size:46px}.combined-heading>p{font-size:17px}.boost-ready{font-size:11px;gap:6px}.boost-ready>b{margin-left:0}.combined-art{height:190px}.combined-art img{top:50px}.combined-road{top:145px}.combined-status>strong{font-size:24px}.combined-example{font-size:11px}
 .module-section .chapter-links strong{font-size:17px}.module-section .chapter-links a{padding-block:17px;min-height:74px}.module-section .benefits{margin-top:30px}.module-section .module-support{font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
 .boost-vehicle,.kd-car,.combined-art img,.scene-watermark { transform:none!important; }
 .scene-streaks,.combined-streaks { display:none; }
 .possibility-graphic { opacity:1; }
}
html:not(.js) .boost-controls .segmented,html:not(.js) .example-picker,html:not(.js) .kd-instrument,html:not(.js) .combined-instrument { display:none; }
html:not(.js) .combined-status { display:none; }
html:not(.js) .boost-controls { display:block; }
/* Product grounding r3: conditional vehicle examples replace the motor-only picker. */
.boost-result>strong.is-range{font-size:clamp(34px,9.5vw,48px)}
.boost-result>span{max-width:128px}
.boost-reference{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.boost-reference>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:18px;line-height:1.4;padding:22px 0;cursor:pointer;list-style:none}
.boost-reference>summary::-webkit-details-marker{display:none}
.boost-reference>summary>span{font-size:25px;transition:transform .2s}
.boost-reference[open]>summary>span{transform:rotate(45deg)}
.boost-reference>summary:focus-visible{outline:3px solid var(--electric);outline-offset:3px}
.reference-body{padding:0 0 25px;font-size:16px;line-height:1.6;color:#505d6d}
.reference-body>p{max-width:860px;margin-bottom:20px}
.scoped-examples{padding:0;margin:25px 0;list-style:none}
.scoped-examples>li{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;border-top:1px solid #dce0e6;padding:18px 0}
.scoped-examples strong{display:block;font-size:15px;line-height:1.5;font-weight:500;color:#202f44}
.scoped-examples li span{display:block;font-size:13px;line-height:1.65;margin-top:6px}
.scoped-examples b{font-size:18px;font-weight:500;color:#1644d9;white-space:nowrap}
.scoped-examples .needs-check{color:#59677c;font-size:14px;white-space:normal;max-width:88px;text-align:right}
.reference-body>.reference-note{font-size:14px}
.reference-body>a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px;color:#1644d9}
@media(min-width:700px){.reference-body{max-width:980px}.scoped-examples{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.boost-reference>summary{font-size:20px}}
@media(min-width:1100px){.boost-controls{display:block}.boost-result{min-height:110px;grid-template-columns:1fr auto}.boost-result>strong.is-range{font-size:52px}.boost-result>span{max-width:none}.boost-controls .gain-track{margin-top:15px}.example-note{font-size:14px}}
@media(max-width:360px){.boost-result>span{max-width:85px;font-size:14px}.boost-reference>summary{font-size:17px}.scoped-examples{font-size:14px}.scoped-examples>li{gap:12px}.scoped-examples b{font-size:16px}.scoped-examples strong{font-size:14px}.scoped-examples .needs-check{font-size:13px}}
/* R4: a clear offer first; supporting detail stays close and readable. */
.power-source{display:block;margin-top:14px;font-size:14px;line-height:1.55;color:#57616f;max-width:440px}
.power-source a{white-space:nowrap}
.kd-principle{flex-wrap:wrap}
.purchase-questions{padding-bottom:50px;border-top:1px solid #dce0e6}
.purchase-questions>.eyebrow{margin-bottom:24px;color:#57616f}
.purchase-questions>h2{font-size:clamp(36px,10.5vw,54px);max-width:900px}
.purchase-questions>h2>span{color:#204bed}
.purchase-questions>.feature-questions{max-width:980px}
.use-condition{max-width:900px;margin-top:32px;font-size:14px;line-height:1.6;color:#57616f}
.use-condition a{text-decoration:underline;text-underline-offset:3px;display:inline-block}
.comfort .context-question:last-child{margin-bottom:40px}
@media(min-width:700px){.power-source{font-size:15px}.purchase-questions>h2{font-size:clamp(48px,5.5vw,76px)}}
