.stage1-hud{position:absolute;z-index:5;right:7%;bottom:100px;width:340px;color:#c7ddeb;font-size:11px;background:none;border:0;box-shadow:none}.stage1-header,.stage1-values,.stage1-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px}.stage1-toggle{display:flex;gap:12px}.stage1-hud button{background:none;border:0;color:#86ddf0;font:inherit;padding:5px 0;cursor:pointer}.stage1-toggle button[aria-pressed=true]{color:#00b4d8;border-bottom:1px solid #00b4d8}.stage1-hud button:focus-visible{outline:2px solid #71e5ff;outline-offset:3px}.stage1-values{font-variant-numeric:tabular-nums;direction:ltr;font-size:13px;letter-spacing:1px}.stage1-reference{font-size:8px;color:#4ecde9;gap:8px}.stage1-reference>span:first-child{max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stage1-note{white-space:nowrap;font-size:7px}.stage1-gains{position:absolute;z-index:4;top:15%;left:48%;right:8%;display:flex;justify-content:center;gap:38px;direction:ltr;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .55s,transform .55s}.stage1-gains strong{font:600 clamp(35px,4.2vw,67px)/1 'Barlow Condensed',Arial,sans-serif;color:#74e6ff;text-shadow:0 0 30px #1ab0d155;font-variant-numeric:tabular-nums;white-space:nowrap}.stage1-gains small{font:500 16px Barlow,Arial,sans-serif;color:#bddff2}.gains-ready.stage1-on .stage1-gains{opacity:1;transform:none}.stage1-curves{position:absolute;z-index:3;left:44%;width:48%;top:29%;height:32%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 7px #148ab577)}.stage1-curves path{fill:none;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.curve-stock{stroke:#d9e6ef;opacity:.65}.curve-tuned{stroke:#00b4d8;stroke-width:3!important}.home-screen:not(.stage1-on) .curve-tuned{opacity:0}.curves-playing .stage1-curves path{animation:drawPower 1.85s cubic-bezier(.22,.65,.25,1) both}.curves-playing .curve-tuned{animation-delay:.12s}.home-screen .hero-copy{justify-content:center}@keyframes drawPower{from{stroke-dasharray:1;stroke-dashoffset:1;transform:translateY(18px);opacity:0}15%{opacity:1}to{stroke-dasharray:1;stroke-dashoffset:0;transform:none}}html[dir=rtl] .stage1-hud{right:auto;left:7%}html[dir=rtl] .stage1-gains{left:8%;right:48%}html[dir=rtl] .stage1-curves{left:auto;right:44%}
@media(max-width:700px){.home-screen .hero-copy{justify-content:start}.carousel-stage,html[dir=rtl] .carousel-stage{top:18%;bottom:122px}.stage1-gains,html[dir=rtl] .stage1-gains{left:8%;right:8%;top:27%;gap:28px}.stage1-gains strong{font-size:42px}.stage1-gains small{font-size:13px}.stage1-curves,html[dir=rtl] .stage1-curves{left:9%;right:auto;top:36%;width:82%;height:23%}.stage1-hud,html[dir=rtl] .stage1-hud{left:10%;right:10%;width:auto;bottom:130px;font-size:9px}.stage1-header,.stage1-values,.stage1-reference{min-height:21px}.stage1-values{font-size:11px}.stage1-reference{font-size:6.5px}.stage1-note{font-size:6px}.carousel-controls{bottom:72px}}
@media(max-height:700px) and (max-width:700px){.stage1-gains,html[dir=rtl] .stage1-gains{top:27%}.stage1-gains strong{font-size:32px}.stage1-gains small{font-size:11px}.stage1-curves,html[dir=rtl] .stage1-curves{top:36%;height:21%}.carousel-stage,html[dir=rtl] .carousel-stage{top:22%;bottom:120px}.stage1-hud,html[dir=rtl] .stage1-hud{bottom:112px;font-size:8px}.stage1-header,.stage1-values,.stage1-reference{min-height:18px}.stage1-values{font-size:10px}.stage1-reference{font-size:6px}.stage1-note{font-size:5.5px}.carousel-controls{bottom:62px}html[lang=bn] .home-screen .hero-copy h1>em{font-size:24px;line-height:1.25}}
@media(max-height:480px) and (min-width:701px){.stage1-hud{bottom:68px;font-size:8px}.stage1-header,.stage1-values,.stage1-reference{min-height:18px}.stage1-values{font-size:10px}.stage1-gains{top:6%}.stage1-gains strong{font-size:32px}.stage1-curves{top:22%;height:30%}}
@media(prefers-reduced-motion:reduce){.stage1-gains{transition:none}.stage1-curves path{animation:none!important}}
.curve-stock{stroke:#e9f2f7;stroke-width:2.5;filter:drop-shadow(0 2px 2px #000);stroke-dasharray:.025 .012}.curves-playing .curve-stock{animation-name:drawOriginal}@keyframes drawOriginal{from{stroke-dasharray:1;stroke-dashoffset:1;transform:translateY(18px);opacity:0}15%{opacity:1}99%{stroke-dasharray:1;stroke-dashoffset:0}to{stroke-dasharray:.025 .012;stroke-dashoffset:0;transform:none;opacity:.85}}.stage1-toggle button:first-child:before{content:'';display:inline-block;width:12px;border-top:1px dashed #e9f2f7;margin-inline-end:5px;vertical-align:middle}.stage1-toggle button:last-child:before{content:'';display:inline-block;width:12px;border-top:1px solid #00b4d8;margin-inline-end:5px;vertical-align:middle}
.stage1-curves path{vector-effect:none;stroke-width:3}.stage1-curves .curve-stock{stroke-width:3.5;opacity:.9;stroke-dasharray:.025 .012}.stage1-curves .curve-tuned{stroke-width:4!important}
/* Keep the illustration, its comparison and carousel controls on one centre line. */
@media(min-width:701px){.stage1-hud,.carousel-controls{left:70%;right:auto;width:340px;transform:translateX(-50%)}html[dir=rtl] .stage1-hud,html[dir=rtl] .carousel-controls{left:30%;right:auto}.stage1-curves{left:43%;right:auto;top:17%;width:23%;height:18%}html[dir=rtl] .stage1-curves{left:4%;right:auto}.stage1-gains{left:67%;right:6%;top:17%;gap:24px}html[dir=rtl] .stage1-gains{left:28%;right:45%}.stage1-gains strong{font-size:clamp(32px,3.5vw,56px)}}
.stage1-values{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px}.stage1-values>span{white-space:nowrap}.stage1-header,.stage1-reference{padding-inline:8px}
@media(max-width:700px){.stage1-hud,html[dir=rtl] .stage1-hud{left:50%;right:auto;width:80%;transform:translateX(-50%)}.stage1-curves,html[dir=rtl] .stage1-curves{left:8%;right:auto;top:27%;width:40%;height:14%}.stage1-gains,html[dir=rtl] .stage1-gains{left:51%;right:7%;top:28%;gap:12px}.stage1-gains strong{font-size:32px}.stage1-gains small{font-size:10px}}
@media(max-width:700px) and (max-height:700px){.stage1-curves,html[dir=rtl] .stage1-curves{top:27%;height:12%}.stage1-gains,html[dir=rtl] .stage1-gains{top:28%}.stage1-gains strong{font-size:27px}.stage1-gains small{font-size:9px}}
@media(min-width:701px) and (max-height:480px){.stage1-curves{top:6%;height:18%}.stage1-gains{top:6%}.stage1-gains strong{font-size:28px}}

/* Keep both overlays above the car while preserving the compact comparison. */
@media(min-width:701px){.carousel-stage,html[dir=rtl] .carousel-stage{top:21%;bottom:120px}.stage1-curves,html[dir=rtl] .stage1-curves{top:10%;height:20%}.stage1-gains,html[dir=rtl] .stage1-gains{top:14%}}
@media(max-width:700px){.carousel-stage,html[dir=rtl] .carousel-stage{top:32%;bottom:155px}.stage1-curves,html[dir=rtl] .stage1-curves{top:23%;height:14%}.stage1-gains,html[dir=rtl] .stage1-gains{top:26%}}
@media(max-width:700px) and (max-height:700px){.carousel-stage,html[dir=rtl] .carousel-stage{top:34%;bottom:142px}.stage1-curves,html[dir=rtl] .stage1-curves{top:23%;height:12%}.stage1-gains,html[dir=rtl] .stage1-gains{top:25%}}
@media(max-width:700px){.carousel-stage,html[dir=rtl] .carousel-stage{top:27%}}
/* Larger, clearer comparison beneath the car. */
.stage1-hud{font-size:13px;text-shadow:0 1px 6px #000c}.stage1-header,.stage1-values,.stage1-reference{min-height:30px}.stage1-values{font-size:19px;font-weight:600;color:#e4f3fc;letter-spacing:.5px}.stage1-reference{font-size:11px;color:#abc4d5}.stage1-note{font-size:9px;color:#63d3ec}.stage1-toggle{gap:18px}.stage1-toggle button[aria-pressed=true]{color:#79e6ff}.stage1-hud button{color:#bdd8e9}
@media(min-width:701px){.stage1-hud,html[dir=rtl] .stage1-hud{width:clamp(350px,36vw,440px);bottom:92px}}
@media(max-width:700px){.stage1-hud,html[dir=rtl] .stage1-hud{width:88%;bottom:125px;font-size:11px}.stage1-header,.stage1-values,.stage1-reference{min-height:24px}.stage1-values{font-size:15px;letter-spacing:.2px}.stage1-reference{font-size:9px}.stage1-note{font-size:7.5px}.stage1-toggle{gap:14px}.stage1-header,.stage1-reference{padding-inline:5px}}
@media(max-width:700px) and (max-height:700px){.stage1-hud,html[dir=rtl] .stage1-hud{bottom:108px;font-size:10px}.stage1-header,.stage1-values,.stage1-reference{min-height:21px}.stage1-values{font-size:13px}.stage1-reference{font-size:8px}.stage1-note{font-size:7px}}
@media(min-width:701px) and (max-height:480px){.stage1-hud,html[dir=rtl] .stage1-hud{bottom:66px;font-size:10px;width:340px}.stage1-header,.stage1-values,.stage1-reference{min-height:21px}.stage1-values{font-size:14px}.stage1-reference{font-size:8px}.stage1-note{font-size:7px}}

/* Primary vehicle lookup directly below the headline, including on phones. */
.power-consultant{pointer-events:auto}
@media(max-width:700px){.home-screen .hero-buttons{position:static;inset:auto;margin-top:15px;justify-content:flex-start;pointer-events:auto}.home-screen .hero-buttons .button{width:auto;min-width:210px;max-width:100%;padding:12px 20px;font-size:12px;margin-top:0}.stage1-curves,html[dir=rtl] .stage1-curves{top:30%;height:13%}.stage1-gains,html[dir=rtl] .stage1-gains{top:31%}.carousel-stage,html[dir=rtl] .carousel-stage{top:36%}}
@media(max-width:700px) and (max-height:700px){.home-screen .hero-buttons{margin-top:10px}.home-screen .hero-buttons .button{padding:9px 16px;font-size:11px;min-width:190px}.stage1-curves,html[dir=rtl] .stage1-curves{top:31%;height:11%}.stage1-gains,html[dir=rtl] .stage1-gains{top:32%}.carousel-stage,html[dir=rtl] .carousel-stage{top:34%}}
/* More presence for the car and its comparison, within the same viewport. */
.carousel-image{transform:scale(1.15);transform-origin:50% 52%}.carousel-image.active{transform:scale(1.12)}
@media(min-width:701px){.carousel-stage{left:33%;right:-7%;top:19%;bottom:100px}html[dir=rtl] .carousel-stage{left:-7%;right:33%;top:19%;bottom:100px}.stage1-hud,html[dir=rtl] .stage1-hud{width:clamp(370px,40vw,500px);bottom:70px;font-size:14px}.stage1-header,.stage1-values,.stage1-reference{min-height:34px}.stage1-values{font-size:25px;font-weight:700}.stage1-reference{font-size:12px}.stage1-note{font-size:10px}.carousel-controls{min-width:360px}.carousel-caption #carousel-name{font-size:11px;letter-spacing:1px}}
@media(max-width:700px){.carousel-image{transform:scale(1.15)}.carousel-image.active{transform:scale(1.12)}.carousel-stage,html[dir=rtl] .carousel-stage{left:-10%;right:-10%;top:34%;bottom:138px}.stage1-hud,html[dir=rtl] .stage1-hud{width:92%;bottom:88px;font-size:12px}.stage1-header,.stage1-values{min-height:28px}.stage1-reference{min-height:24px;font-size:10px}.stage1-values{font-size:19px;font-weight:700;gap:8px}.stage1-note{font-size:8px}.carousel-controls,html[dir=rtl] .carousel-controls{bottom:20px;width:90%;min-width:0}.carousel-caption #carousel-name{font-size:10px}.carousel-caption>span:last-child{font-size:6px}}
@media(max-width:700px) and (max-height:700px){.carousel-stage,html[dir=rtl] .carousel-stage{top:34%;bottom:115px}.carousel-image.active{transform:scale(1.1)}.stage1-hud,html[dir=rtl] .stage1-hud{bottom:68px;font-size:11px}.stage1-header{min-height:24px}.stage1-values{min-height:28px;font-size:17px}.stage1-reference{min-height:22px;font-size:9px}.stage1-note{font-size:7.5px}.carousel-controls,html[dir=rtl] .carousel-controls{bottom:8px}.carousel-caption #carousel-name{font-size:9px}}
@media(min-width:701px) and (max-height:480px){.carousel-stage,html[dir=rtl] .carousel-stage{top:22%;bottom:90px}.stage1-hud,html[dir=rtl] .stage1-hud{bottom:62px;font-size:10px;width:340px}.stage1-header,.stage1-values,.stage1-reference{min-height:21px}.stage1-values{font-size:16px}.stage1-reference{font-size:8px}.stage1-note{font-size:7px}.carousel-controls{min-width:280px}.carousel-caption #carousel-name{font-size:8px}}
@media(max-width:700px){.carousel-stage,html[dir=rtl] .carousel-stage{left:-2%;right:-2%}.carousel-image.active{transform:scale(1.04)}}
@media(max-width:700px) and (max-height:700px){.carousel-stage,html[dir=rtl] .carousel-stage{left:-6%;right:-6%}.carousel-image.active{transform:scale(1.04)}}
@media(max-width:700px){.carousel-image.active{transform:scale(1.1)}}
@media(max-width:700px) and (max-height:700px){.carousel-image.active{transform:scale(1.06)}}
.carousel-caption #carousel-name{font-weight:600;color:#c2d8e8}
/* Final +10% adjustment relative to the approved carousel scale. */
.carousel-image{transform:scale(1.265)}.carousel-image.active{transform:scale(1.232)}
@media(max-width:700px){.carousel-image.active{transform:scale(1.21)}}
@media(max-width:700px) and (max-height:700px){.carousel-image.active{transform:scale(1.166)}}
@media(prefers-reduced-motion:reduce){.carousel-image,.carousel-image.active{transform:scale(1.1)!important}}
/* All fifteen cars share one subject frame, irrespective of source-image margins. */
.carousel-image[data-normalized]{inset:auto;object-fit:fill;max-width:none;max-height:none;transform:scale(1.025)}.carousel-image[data-normalized].active{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.carousel-image[data-normalized],.carousel-image[data-normalized].active{transform:scale(1)!important}}