/* Drive&Sell EU v13 — navy hero across the viewport, approved car retained. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 44%,#245b86 0%,#102c50 32%,#0a1630 60%,#080f24 100%);color:#fff;border-bottom:4px solid #ffd400}
.hero-stage .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:20px;min-height:645px;padding-top:38px;padding-bottom:34px}
.hero-stage .hero-copy{padding-block:23px;position:relative;z-index:2}
.hero-stage .hero .eyebrow{font-size:12px;color:#c6dcf7;letter-spacing:1.6px;margin-bottom:24px;line-height:1.8;max-width:490px}
.hero-stage .hero .eyebrow>span{background:#ffd400;width:27px;height:3px}
.hero-stage .hero h1{font-size:clamp(48px,4.95vw,72px);font-weight:750;line-height:1.08;letter-spacing:-2.5px;color:#fff;margin-bottom:25px}
.hero-stage .hero h1 em{font-family:inherit;font-style:normal;font-weight:750;font-size:1em;color:#ffd400;text-decoration:none}
.hero-stage .promise{font-size:18px;line-height:1.7;font-weight:650;color:#f3f7ff;margin-bottom:13px;max-width:510px}
.hero-stage .hero-intro{font-size:17px;line-height:1.85;color:#c6d7ec;max-width:455px;margin-bottom:28px}
.hero-stage .hero-actions{display:flex;flex-direction:row;align-items:center;gap:23px;flex-wrap:wrap}
.hero-stage .hero-primary{font-size:17px;min-height:61px;border-radius:8px;padding:17px 25px;box-shadow:0 6px 22px #00000025;gap:18px}
.hero-stage .hero-primary:hover{background:#ffe56a;transform:translateY(-2px)}
.hero-stage .hero-actions .text-link{font-size:16px;font-weight:650;color:#fff;gap:12px;line-height:1.6;padding-block:8px}
.hero-stage .hero-actions .text-link>span{color:#ffd400;font-size:20px}
.hero-stage .hero-actions .text-link:hover{color:#ffd400;text-decoration-color:#ffd400}
.hero-stage .hero-contact{color:#fff;font-size:16px;margin-top:27px}
.hero-stage .hero-contact svg{color:#ffd400}
.hero-stage .hero-contact>span{color:#c6d7ec;font-weight:400}
.hero-stage .hero-visual{background:none;border:0;border-radius:0;box-shadow:none;margin:0;overflow:visible;min-width:0;align-self:center}
.hero-stage .hero-art{aspect-ratio:1.43}
.hero-stage .hero-halo{inset:3% -3% 1% -3%;background:radial-gradient(ellipse at 50% 40%,#6aafdf69 0%,#3688c13d 35%,transparent 68%);border-radius:50%;transform:rotate(-8deg)}
.hero-stage .hero-art>.hero-car-frame{width:112%;left:-4%;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 25px 14px #01091675)}
.hero-stage .hero-road{left:-3%;width:106%;bottom:1%}
.hero-stage .hero-road .road-faint{stroke:#75b7e1;stroke-width:1;opacity:.18}
.hero-stage .hero-road .road-blue{stroke:#60b3ec;stroke-width:1;opacity:.35}
.hero-stage .hero-road .road-yellow{stroke:#ffd400;stroke-width:5;opacity:.95}
.hero-stage .hero-caption{color:#f4f8ff;border-left:2px solid #ffd400;margin:-3px 0 0 22px;padding-left:17px;max-width:420px}
.hero-stage .hero-caption p{font-size:19px;line-height:1.55;font-weight:550;letter-spacing:-.2px;margin-bottom:5px}
.hero-stage .hero-caption small{color:#c6d7ec;font-size:12px;line-height:1.7}
.hero-stage .trust{border-top:1px solid #ffffff2b;border-bottom:0;background:none;color:#fff;padding-block:26px;gap:0}
.hero-stage .trust>div{border-color:#ffffff2b;gap:16px;padding-left:30px}
.hero-stage .trust>div:first-child{padding-left:0}
.hero-stage .trust svg{color:#ffd400;width:29px;height:29px}
.hero-stage .trust b{color:#fff;font-size:18px;font-weight:650}
.hero-stage .trust p>span{color:#c6d7ec;font-size:14px;line-height:1.6;margin-top:4px}
.hero-stage a:focus-visible{outline-color:#ffd400;outline-offset:5px}
@media(min-width:1500px){.hero-stage .hero{min-height:680px;gap:24px;padding-top:43px;padding-bottom:42px}.hero-stage .hero-art>.hero-car-frame{width:116%;left:-6%}}
@media(max-width:1100px){.hero-stage .hero{gap:12px;min-height:610px;padding-top:28px;padding-bottom:30px}.hero-stage .hero h1{font-size:clamp(47px,5.2vw,61px)}.hero-stage .hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero-stage .promise{font-size:17px}.hero-stage .hero-intro{font-size:16px}.hero-stage .hero-actions{gap:18px}.hero-stage .hero-primary{font-size:16px;padding-inline:21px}.hero-stage .hero-actions .text-link{font-size:15px}.hero-stage .hero-caption{margin-left:8px}.hero-stage .hero-art>.hero-car-frame{width:105%;left:-2.5%}.hero-stage .hero-caption p{font-size:18px}.hero-stage .trust>div{padding-left:20px;gap:13px}.hero-stage .trust b{font-size:17px}}
@media(max-width:960px){.hero-stage{background:radial-gradient(ellipse at 70% 65%,#224f78 0%,#0e2444 40%,#080f24 85%)}.hero-stage .hero{grid-template-columns:1fr;min-height:0;gap:0;padding-top:24px;padding-bottom:26px}.hero-stage .hero-copy{padding-top:10px;padding-bottom:0}.hero-stage .hero h1{font-size:clamp(51px,8vw,72px)}.hero-stage .hero .eyebrow{font-size:12px;letter-spacing:1.5px;max-width:650px}.hero-stage .hero-intro{font-size:18px;max-width:650px}.hero-stage .promise{font-size:19px;max-width:700px}.hero-stage .hero-actions{gap:25px}.hero-stage .hero-visual{width:min(100%,660px);margin:8px auto 0}.hero-stage .hero-art{aspect-ratio:1.85}.hero-stage .hero-art>.hero-car-frame{width:100%;left:0}.hero-stage .hero-halo{inset:0 -1% -4%}.hero-stage .hero-caption{margin:0 12px 5px;padding-left:16px;max-width:510px}.hero-stage .hero-caption p{font-size:19px}.hero-stage .hero-road{bottom:-5%;left:0;width:100%}.hero-stage .trust{padding-block:23px}.hero-stage .trust b{font-size:16px}.hero-stage .trust p>span{font-size:13px}}
@media(max-width:600px){.hero-stage{border-bottom-width:3px}.hero-stage .hero{padding-top:25px;padding-bottom:24px}.hero-stage .hero-copy{padding-top:0}.hero-stage .hero h1{font-size:clamp(45px,10.4vw,59px);letter-spacing:-1.7px;margin-bottom:23px}.hero-stage .hero .eyebrow{font-size:10px;letter-spacing:1px;gap:9px;margin-bottom:22px}.hero-stage .hero .eyebrow>span{width:20px}.hero-stage .promise{font-size:17px;line-height:1.8;margin-bottom:14px}.hero-stage .hero-intro{font-size:17px;line-height:1.8;margin-bottom:24px}.hero-stage .hero-actions{align-items:flex-start;gap:12px 22px}.hero-stage .hero-primary{font-size:17px;min-height:60px;padding:16px 23px}.hero-stage .hero-actions .text-link{font-size:16px}.hero-stage .hero-contact{margin-top:22px;font-size:16px}.hero-stage .hero-visual{margin-top:15px}.hero-stage .hero-art{aspect-ratio:1.6}.hero-stage .hero-art>.hero-car-frame{width:104%;left:-2%}.hero-stage .hero-caption{margin:1px 5px 2px;padding-left:13px}.hero-stage .hero-caption p{font-size:18px}.hero-stage .hero-caption small{font-size:11px}.hero-stage .trust{display:grid;grid-template-columns:1fr;gap:18px;padding-block:24px}.hero-stage .trust>div,.hero-stage .trust>div:first-child{padding:0;border:0;gap:15px;align-items:center}.hero-stage .trust svg{width:26px;height:26px}.hero-stage .trust b{font-size:17px}.hero-stage .trust p>span{font-size:14px;margin-top:1px}.hero-stage .trust p{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px}}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-primary:hover{transform:none}}
@media print{.hero-stage{background:#fff;color:#101b3a;border-color:#101b3a}.hero-stage .hero h1,.hero-stage .hero h1 em,.hero-stage .promise,.hero-stage .hero-intro,.hero-stage .hero-caption,.hero-stage .hero-caption small,.hero-stage .hero .eyebrow,.hero-stage .trust b,.hero-stage .trust p>span{color:#101b3a}.hero-stage .hero-art>.hero-car-frame{filter:none}.hero-stage .hero{min-height:0}.hero-stage .trust{border-color:#ccc}.hero-stage .trust svg{color:#101b3a}}




/* Both images use the same canvas so the plate tracks the bumper at every size. */
.hero-car-frame > img { display: block; width: 100%; height: auto; }
.hero-car-frame > .hero-plate { position: absolute; inset: 0; height: 100%; pointer-events: none; }