.variant-b-hero{isolation:isolate;background:#061522!important}
.variant-b-car{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3}
.variant-b-hero .hero-copy{max-width:650px}
.variant-b-mobile-lede{display:none}
.offer-shell:has(.variant-b-hero) .offer-nav{position:relative!important;top:auto!important}
.variant-b-desktop-callouts{display:none}
.variant-b-proof-window{overflow:hidden;margin-top:16px;width:100%}
.variant-b-proof-track{display:flex;width:max-content;animation:variant-b-proof-scroll 30s linear infinite}
#approved-offer-hero .variant-b-hero .variant-b-proof-track .hero-proof{flex:none;flex-wrap:nowrap;white-space:nowrap;margin:0;padding-right:30px;gap:30px}
@keyframes variant-b-proof-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.variant-b-proof-track{animation:none}.variant-b-proof-window{overflow:auto}}
.variant-b-car-stage{display:contents}.variant-b-callouts{display:none}
@media(min-width:761px){
 #approved-offer-hero .variant-b-hero::before{background:none}
 .variant-b-desktop-callouts{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
 .variant-b-desktop-callouts svg{width:100%;height:100%}
 .variant-b-desktop-callouts path{fill:none;stroke:#83e6ff;stroke-width:1.5}
 .variant-b-desktop-callouts text{fill:#fff;font:700 18px Barlow,sans-serif;paint-order:stroke;stroke:#061522;stroke-width:3px;stroke-linejoin:round}
 .variant-b-desktop-callouts tspan{font-size:15px;fill:#b5eafa}
 .variant-b-desktop-callouts circle{fill:white;stroke:#27cfff;stroke-width:2;filter:drop-shadow(0 0 4px #27cfff);transform-box:fill-box;transform-origin:center;animation:car-dot-pulse 2.2s ease-in-out infinite}
}
.variant-b-hero h1{font-family:Teko,sans-serif!important;line-height:.95!important;font-size:clamp(52px,5.2vw,78px)!important}
.variant-b-hero .first-line{color:#fff!important}
.variant-b-hero .variant-b-flow{filter:drop-shadow(0 2px 3px #03101d)}
.mw-electric-book{color:#fff!important;text-transform:none!important}
.variant-b-hero h2{font:600 32px/1.1 Teko,sans-serif!important;color:#fff!important;max-width:430px}
.variant-b-flow,.claim-special-gradient{background:linear-gradient(110deg,#189aff,#8be2ff 30%,#e9bd64 65%,#189aff);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;animation:variant-b-flow 9s ease-in-out infinite alternate}
@keyframes variant-b-flow{to{background-position:100% 50%}}
.offer-service-tiles{grid-template-columns:1.3fr 1fr 1fr!important}
.offer-service-tile--ceramic{grid-column:1;grid-row:1}.offer-service-tile--wash{grid-column:2;grid-row:1}.offer-service-tile--visit{grid-column:3;grid-row:1}
.offer-service-tile--ceramic .offer-service-tile__price strong{font-size:36px}
.claim-dialog .claim-body h2{font-family:Teko,sans-serif!important;font-weight:600!important;font-size:36px!important;line-height:1.08!important;letter-spacing:0!important}
.claim-dialog .claim-body>p,.claim-dialog .claim-body label{font-family:Barlow,sans-serif}
.claim-dialog .claim-body h2 em{font-style:italic;padding-right:5px}
.claim-dialog:not(.claim-success) .claim-art{height:210px;aspect-ratio:auto}
.claim-dialog .claim-art img{object-fit:cover!important}
.claim-dialog:not(.claim-success) .claim-art{height:238px;background:#121d28}
.claim-dialog:not(.claim-success) .claim-art .mw-closing-scene__picture{inset:28px 0 0;background:url('/assets/variant-b-lucid.jpg') center/cover}
.claim-dialog:not(.claim-success) .claim-art img{width:100%;max-width:none;object-position:center!important;transform:translateX(18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%);mask-image:linear-gradient(90deg,transparent,#000 8%)}
.offer-shell:has(.variant-b-hero) .offer-nav{margin-bottom:-88px;background:transparent}
#approved-offer-hero .variant-b-hero{padding-top:88px}
.claim-dialog .claim-kicker{border:0!important;box-shadow:none!important;border-radius:0!important;background:none!important}
.claim-dialog .claim-brand,.claim-dialog.claim-success .claim-brand{width:180px!important;height:80px!important;overflow:hidden;left:18px!important;right:auto!important;top:10px!important}
.claim-dialog .claim-brand img,.claim-dialog.claim-success .claim-brand img{position:absolute!important;left:0!important;top:50%!important;width:180px!important;height:180px!important;max-width:none!important;object-fit:contain!important;transform:translateY(-50%)!important;filter:drop-shadow(0 2px 5px #0009)}
.claim-dialog.claim-success .claim-brand{position:relative!important;left:auto!important;top:auto!important;margin:8px 18px 0!important}
.mw-electric-book::before{background:linear-gradient(110deg,#06378e,#0064ef 38%,#40d9f3 70%,#06378e)!important;background-size:280% 100%!important;animation:variant-b-flow 6s ease-in-out infinite alternate!important}
@media(max-width:760px){.offer-shell:has(.variant-b-hero) .offer-nav{margin-bottom:-72px}#approved-offer-hero .variant-b-hero{min-height:0!important;padding-top:72px;padding-bottom:220px}.variant-b-car{inset:0;height:100%;object-position:58% center}.variant-b-hero .hero-copy{padding-bottom:0!important}.variant-b-hero h1{font-size:48px!important}.variant-b-hero h2{font-size:29px!important}.offer-service-tiles{grid-template-columns:1fr!important}.offer-service-tile--ceramic,.offer-service-tile--wash,.offer-service-tile--visit{grid-column:auto;grid-row:auto}.offer-service-tile--ceramic{order:-1}.offer-service-tile--wash{order:0}.offer-service-tile--visit{order:1}}
@media(prefers-reduced-motion:reduce){.variant-b-flow,.claim-special-gradient,.mw-electric-book::before{animation:none!important}}
@media(max-width:760px){
 #approved-offer-hero .variant-b-hero{padding-bottom:180px}
 #approved-offer-hero .variant-b-hero .hero-copy{padding:16px 22px 0}
 #approved-offer-hero .variant-b-hero h2,#approved-offer-hero .variant-b-hero .hero-lede:not(.variant-b-mobile-lede){display:none}
 #approved-offer-hero .variant-b-hero .variant-b-mobile-lede{display:block;margin-top:10px;font-size:15px;line-height:1.4}
 #approved-offer-hero .variant-b-hero h1{font-size:42px!important}
 #approved-offer-hero .variant-b-hero .hero-actions{margin-top:12px;gap:8px}
 #approved-offer-hero .variant-b-hero .hero-proof{margin-top:12px;gap:5px 12px;font-size:11px}
 #approved-offer-hero .variant-b-hero::before{z-index:-4;background:url('/assets/variant-b-lucid-right.jpg') left top / auto 420% no-repeat}
 #approved-offer-hero .variant-b-car{inset:auto 0 0;height:auto;width:100%;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%);mask-image:linear-gradient(180deg,transparent,#000 12%)}
}
@media(max-width:760px){
 #approved-offer-hero .variant-b-hero{padding-bottom:22px;background:#061522!important}
 #approved-offer-hero .variant-b-hero::before{background:none}
 #approved-offer-hero .variant-b-hero .hero-copy{padding-top:16px}
 #approved-offer-hero .variant-b-hero h1{font-size:40px!important}
 .variant-b-car-stage{display:block;position:relative;aspect-ratio:390/310;margin:14px -22px 0;isolation:isolate;overflow:hidden;background:#061522}
 #approved-offer-hero .variant-b-car-stage .variant-b-car{position:absolute;inset:13% 0 auto;width:100%;height:auto;z-index:0;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent)}
 .variant-b-callouts{display:block;position:absolute;inset:0;z-index:1;pointer-events:none}
 .variant-b-callouts svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
 .variant-b-callouts path{fill:none;stroke:#83e6ff;stroke-width:1;filter:drop-shadow(0 0 2px #03111c)}
 .variant-b-callouts circle{fill:#fff;stroke:#27cfff;stroke-width:2;filter:drop-shadow(0 0 4px #27cfff);transform-box:fill-box;transform-origin:center;animation:car-dot-pulse 2.2s ease-in-out infinite}
 .car-callout{position:absolute;color:#fff;font:700 12px/1.25 Barlow,sans-serif;text-shadow:0 1px 4px #000;max-width:46%}
 .car-callout small{display:block;color:#b5eafa;font-size:10px;font-weight:500}
 .car-callout--ceramic{left:3%;top:41%;max-width:42%}.car-callout--rim{right:4%;top:28%;text-align:right}.car-callout--tire{right:4%;top:73%;text-align:right}
 #approved-offer-hero .variant-b-hero .variant-b-mobile-lede{margin-top:0}
}
@keyframes car-dot-pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.65);opacity:1}}
@media(prefers-reduced-motion:reduce){.variant-b-callouts circle,.variant-b-desktop-callouts circle{animation:none}}
