[hidden]{display:none!important}.customer-scenery{position:relative;background:linear-gradient(90deg,#030b13a6,#030b1300 85%),url('/assets/images/hero.webp') 62% center/cover;color:white}.customer-masthead.header{position:absolute;top:12px;left:0;right:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;background:transparent;border:0;padding:0 13px;gap:12px;height:auto}.customer-masthead>div:first-child{flex:1;min-width:0}.brand-plate{display:inline-block;background:#fff;border:1px solid #ffffff7a;padding:5px 8px;border-radius:8px;box-shadow:0 2px 8px #0001}.customer-masthead .brand-plate .logo{display:block;width:148px;height:auto}.customer-masthead .masthead-location{color:white;font-size:11px;margin:5px 5px 0;display:flex;gap:6px;align-items:center}.masthead-location svg{width:15px;height:15px}.customer-masthead .masthead-tools{display:flex;align-items:center;gap:11px;flex:none}.masthead-tools a{position:relative;width:34px;height:34px;border:1px solid #ffffffbc;border-radius:8px;display:grid;place-items:center;background:#111a2399;color:#fff;backdrop-filter:blur(4px)}.masthead-tools svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.masthead-tools .masthead-phone svg{fill:#fff;width:20px;height:20px}.masthead-bell i{position:absolute;top:0;right:2px;width:8px;height:8px;background:#f5001c;border-radius:50%;border:1px solid #1d242a}.compact-scenery{height:96px;background-position:62% 32%}.compact-scenery .customer-masthead{top:15px}.compact-surface{position:relative;margin-top:-8px;border-radius:17px 17px 0 0;background:white;z-index:5;padding-top:15px!important;min-height:calc(100svh - 150px)}.home-scenery{height:310px;max-height:none;margin:0}.home-scenery .masthead-bell{border-color:transparent;background:transparent;backdrop-filter:none}.home-scenery .buyer-hero{position:absolute;inset:0;height:100%;min-height:0;max-height:none;background:none;border-radius:0;margin:0;overflow:visible}.home-scenery .hero-copy{left:17px;top:97px;bottom:auto;right:auto}.home-scenery .hero-copy h1{font-size:35px;line-height:1.02;margin:0 0 8px;letter-spacing:-.8px}.home-scenery .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.2;margin-bottom:30px}.home-scenery .eyebrow{font-size:11px!important;margin-bottom:4px!important}.home-scenery .hero-copy .red{padding:11px 13px;font-size:14px;gap:12px;border-radius:8px}.home-scenery .arrival-label{top:76px;right:12px;background:#101b24bd;border:1px solid #ffffffa6;border-radius:8px;padding:7px 8px;font-size:11px}.home-scenery .dots{position:absolute;bottom:5px;left:0;right:0;height:14px;margin:0}.home-scenery .dots>*{width:7px;height:7px}.home-surface{position:relative;z-index:5;background:white;border-radius:17px 17px 0 0;margin-top:-2px;padding:16px 0 6px}.home-surface .buyer-search{height:38px;margin:0 14px 8px}.home-surface .buyer-search input{font-size:12px}.home-surface .categories{margin-bottom:10px;gap:6px}.home-surface .categories button{font-size:10px;padding:8px 7px}.home-surface .trust{margin:0 9px 12px;border-radius:9px;padding:10px 5px;gap:0}.home-surface .trust>span{font-size:9px;gap:6px;white-space:nowrap}.home-surface .trust svg{width:20px;height:22px}.home-surface .section-title h2{font-size:23px;letter-spacing:-.6px}.home-surface .section-title{margin:10px 15px 9px}.home-surface .featured{gap:7px;margin-inline:14px}.home-surface .car-photo{aspect-ratio:1.65}.home-surface .car-info{padding:6px 10px}.home-surface .car-info h3{font-size:15px}.home-surface .car-info p{font-size:10px}.home-surface .car-price strong{font-size:18px}.home-surface .arrivals{position:relative;height:70px;padding:0;margin:8px 15px 0;border-radius:9px;overflow:hidden;background:#0a1219}.arrival-feature{position:absolute;inset:0;display:block;color:white}.arrival-feature img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center}.arrival-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071017f5,#071017bc 40%,transparent 72%)}.arrival-feature>span{position:absolute;top:8px;left:13px;z-index:2}.arrival-feature b{display:block;font-size:17px;letter-spacing:-.5px}.arrival-feature strong{display:block;font-size:13px;font-weight:400;margin-top:1px}.arrival-feature small{display:block;font-size:10px;margin-top:3px;color:#cbd1d7}.arrival-all{position:absolute;right:8px;top:7px;background:#f5001c;color:white;border-radius:7px;padding:6px 7px;font-size:10px;z-index:3;display:flex;align-items:center;gap:5px}.arrival-all svg{width:15px;height:15px}.compact-surface .offer-search{margin-top:0}.compact-surface .offer-tools{margin:9px 0}.compact-surface .grid .vehicle-photo{aspect-ratio:1.55}.compact-surface .grid .vehicle-info{padding:7px 8px}.compact-surface .grid .vehicle-title h3{font-size:14px;letter-spacing:-.4px}.compact-surface .grid .mileage{font-size:10px;min-height:12px}.compact-surface .grid .vehicle-specs{flex-wrap:nowrap;font-size:9px;gap:3px}.compact-surface .grid .vehicle-bottom{gap:6px}.compact-surface .grid .price{font-size:18px;letter-spacing:-.6px}.compact-surface .grid .details-button{font-size:12px;padding:7px;border-radius:6px;box-shadow:none}.compact-surface .offer-cards{gap:7px}.compact-surface .grid .share svg{width:15px;height:15px}.compact-surface .grid .vehicle-title h3{overflow-wrap:normal}.compact-surface .grid .vehicle-state{font-size:9px;padding:4px 5px}.compact-surface .grid .photo-count{font-size:10px;padding:4px 5px}.compact-surface .grid .photo-count svg{width:16px;height:16px}.compact-surface .grid .favorite{width:28px;height:28px}.compact-surface .grid .favorite svg{width:22px;height:22px}.compact-surface .grid .vehicle-title{min-height:16px}.compact-surface .grid .vehicle-specs svg{flex:none}.compact-surface .grid .vehicle-specs i{margin:0 1px}.compact-surface .offer-note{margin-top:7px}@media(min-width:600px){.home-scenery{height:440px}.customer-masthead .brand-plate .logo{width:215px}.customer-masthead.header{top:18px;padding-inline:22px}.compact-scenery{height:135px}.home-scenery .hero-copy{top:140px;left:25px}.home-scenery .hero-copy h1{font-size:50px}.home-scenery .hero-copy>p:not(.eyebrow){font-size:19px}.home-scenery .arrival-label{top:100px;right:22px}.home-scenery .hero-copy .red{font-size:18px}.home-surface .car-info h3{font-size:21px}.home-surface .car-info p{font-size:14px}.home-surface .car-price strong{font-size:25px}.home-surface .arrivals{height:100px}.arrival-feature b{font-size:24px}.arrival-feature strong{font-size:18px}}

@media(max-width:599px){.home-scenery{height:285px}.home-scenery .hero-copy{top:90px}.home-scenery .hero-copy>p:not(.eyebrow){margin-bottom:23px}.home-scenery .dots{bottom:5px}.home-surface .trust{padding-block:9px;margin-bottom:10px}}
@media(max-width:599px){.home-scenery .customer-masthead{top:6px}.home-scenery .hero-copy{top:75px}.home-scenery .arrival-label{top:66px}}
/* One original image, with the same scale and top origin on every customer tab. */
:root{--native-status-inset:0px}
.customer-scenery{background-image:linear-gradient(90deg,#030b1340,transparent 85%),url('/assets/images/customer-scene.png');background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#071018}
.home-scenery{height:calc(380px + var(--native-status-inset) + 22px)}
.compact-scenery{height:calc(110px + var(--native-status-inset));background-position:center top}
.home-scenery .customer-masthead.header{top:calc(6px + var(--native-status-inset))}
.compact-scenery .customer-masthead.header{top:calc(15px + var(--native-status-inset))}
.home-scenery .hero-copy{top:calc(75px + var(--native-status-inset))}
.home-scenery .arrival-label{top:calc(66px + var(--native-status-inset))}
.home-scenery .dots{bottom:29px}
.home-surface,.compact-surface{margin-top:-22px;border-radius:22px 22px 0 0;background:#fff;background-clip:padding-box;isolation:isolate;overflow:clip;position:relative;z-index:5}
@media(min-width:600px){.home-scenery{height:calc(550px + var(--native-status-inset) + 22px)}.compact-scenery{height:calc(150px + var(--native-status-inset))}.home-scenery .hero-copy{top:calc(140px + var(--native-status-inset))}.home-scenery .customer-masthead.header{top:calc(18px + var(--native-status-inset))}.home-scenery .arrival-label{top:calc(100px + var(--native-status-inset))}}
/* Calm selectable scenes and supplied transparent header artwork. */
.customer-scenery{background-image:linear-gradient(90deg,#030b134d,transparent 90%),var(--customer-scene,url('/assets/images/customer-scene-volvo.png'))}
.customer-masthead .brand-plate{position:relative;background:none;border:0;box-shadow:none;padding:0;width:171px;height:35px;border-radius:0;overflow:hidden}
.customer-masthead .brand-plate .logo{position:absolute;width:171px;height:auto;max-width:none;left:0;top:-11px}
.customer-masthead .masthead-tools{gap:8px}
.customer-masthead .masthead-tools a{width:36px;height:36px;border:0;background:none;backdrop-filter:none;border-radius:0;overflow:visible}
.masthead-tools a img{position:absolute;left:-5px;top:-5px;width:46px;height:46px;object-fit:contain;display:block;pointer-events:none}
.home-scenery{height:calc(356px + var(--native-status-inset) + 22px);touch-action:pan-y}
.home-scenery .customer-masthead.header{top:calc(12px + var(--native-status-inset));padding-inline:17px}
.home-scenery .hero-copy{top:calc(65px + var(--native-status-inset));left:18px;right:12px;user-select:none}
.home-scenery .hero-copy h1{font-size:37px;line-height:1.02;margin-bottom:8px;letter-spacing:-.8px}
.home-scenery .eyebrow{font-size:10px!important;letter-spacing:1.2px;margin-bottom:7px!important;font-weight:700}
.home-scenery .eyebrow:before{display:none}
.home-scenery .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.3;margin-bottom:12px;white-space:normal}
.home-scenery .hero-copy .red{padding:11px 13px;font-size:14px;gap:11px;display:flex;width:max-content}
.new-arrivals-link{color:#fff;text-decoration:underline;text-underline-offset:3px;display:flex;align-items:center;gap:7px;font-size:12px;width:max-content;margin-top:9px}
.new-arrivals-link svg{width:18px;height:18px}
.home-scenery .dots{bottom:29px;height:20px;gap:1px;z-index:6}
.home-scenery .dots button{position:relative;padding:0;border:0;border-radius:0;background:none;width:20px;height:20px;cursor:pointer}
.home-scenery .dots button:after{content:'';position:absolute;width:7px;height:7px;left:6px;top:6px;background:#ffffff80;border-radius:50%}
.home-scenery .dots button.selected:after{background:#f5001c}
.home-scenery .dots button:focus-visible{outline:2px solid white;outline-offset:1px;border-radius:50%}
.home-surface .car-info{padding:6px 10px 7px}
.home-surface .car-price strong{color:#0c1116;font-size:17px}
.home-surface .round-arrow{background:none;color:#101820;padding:0;border-radius:0}
.home-surface .round-arrow svg{width:17px;height:17px}
.home-surface .car-info .spec{display:block;color:#6b7480;font-size:10px}
.home-surface .arrivals{display:none}
@media(min-width:600px){.customer-masthead .brand-plate{width:240px;height:46px}.customer-masthead .brand-plate .logo{width:240px;top:-16px}.home-scenery{height:calc(520px + var(--native-status-inset) + 22px)}.home-scenery .hero-copy{top:calc(110px + var(--native-status-inset))}.home-scenery .hero-copy h1{font-size:52px}.home-scenery .hero-copy>p:not(.eyebrow){font-size:19px}.home-surface .car-price strong{font-size:25px}}
/* Supplied lettering and the reference's low hero action. */
.brand-subline{display:block;position:relative;width:150px;height:12px;overflow:hidden;margin:-3px 0 0 13px}
.brand-subline img{display:block;position:absolute;width:150px;height:auto;max-width:none;top:-20px;left:0}
.home-scenery .hero-copy.lettering-copy{top:calc(58px + var(--native-status-inset));left:16px;right:12px}
.home-scenery .hero-copy h1.brush-heading{margin:0 0 3px;font-size:0;line-height:0;width:250px;height:auto;max-width:75vw;letter-spacing:normal}
.brush-heading img{display:block;width:100%;height:auto}
.home-scenery .hero-copy>p.hero-promise{font-size:13px;line-height:1.35;margin:0;white-space:normal;text-shadow:0 1px 5px #0006}
.hero-bottom-action{position:absolute;left:16px;bottom:36px;z-index:5}
.hero-bottom-action>p{font-size:9px;letter-spacing:1.5px;font-weight:700;margin:0 0 4px 3px;color:white}
.hero-bottom-action .red{border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 15px;font-size:16px;font-weight:700;min-width:176px}
.hero-bottom-action .red svg{width:24px;height:24px}
.home-scenery .dots{left:auto;right:8px;bottom:31px;gap:0}
.home-scenery .dots button{width:17px;height:20px}
.home-scenery .dots button:after{left:5px;width:7px;height:7px}
@media(min-width:600px){.brand-subline{width:205px;height:16px;margin-left:20px}.brand-subline img{width:205px;top:-27px}.home-scenery .hero-copy.lettering-copy{top:calc(90px + var(--native-status-inset));left:25px}.home-scenery .hero-copy h1.brush-heading{width:350px;max-width:75vw}.home-scenery .hero-copy>p.hero-promise{font-size:18px}.hero-bottom-action{left:25px;bottom:44px}.hero-bottom-action .red{font-size:20px;min-width:240px}.hero-bottom-action>p{font-size:12px}}
@media(max-width:599px){.home-scenery .hero-copy.lettering-copy{top:calc(48px + var(--native-status-inset))}.home-scenery .hero-copy h1.brush-heading{width:225px}}
/* Geometry measured from the user's 827 px reference; retain the PNG proportions. */
.brand-subline{position:relative;width:118px;height:12px;margin:-2px 0 0 28px;overflow:hidden}
.brand-subline img{position:static;display:block;width:118px;height:auto;max-width:none}
@media(max-width:599px){
 .home-scenery{height:calc(max(110.16vw, var(--native-status-inset) + 330px) + 22px)}
 .home-scenery .customer-masthead.header{top:max(calc(var(--native-status-inset) + 8px),13.1vw);padding-inline:4.84vw}
 .home-scenery .brand-subline{position:absolute;top:8.8vw;left:12.1vw;width:29.2vw;height:3.2vw;margin:0}
 .home-scenery .brand-subline img{width:29.2vw;height:auto}
 .home-scenery .hero-copy.lettering-copy{top:max(calc(var(--native-status-inset) + 48px),24.3vw);left:2.2vw;right:auto;width:65vw}
 .home-scenery .hero-copy h1.brush-heading{width:59vw;max-width:none;height:auto;margin:0 0 12px}
 .home-scenery .hero-copy>p.hero-promise{margin-left:3.24vw;font-size:3.3vw;line-height:1.35}
 .hero-bottom-action{left:4.23vw;bottom:calc(3.03vw + 22px)}
 .hero-bottom-action>p{font-size:2.3vw;line-height:1;letter-spacing:1.5px;margin:0 0 4px 3px}
 .hero-bottom-action .red{width:44.86vw;min-width:0;height:9.67vw;min-height:36px;padding:0 3.63vw;font-size:4vw;gap:8px;border-radius:10px}
 .hero-bottom-action .red svg{width:6vw;height:6vw;flex:none}
 .home-scenery .dots{right:1vw;bottom:calc(4.11vw + 12px)}
 .home-surface .section-title>button{display:none}
 .home-surface .section-title{margin-left:3.75vw;margin-right:3.75vw}
}
@media(min-width:600px){.brand-subline{width:165px;height:16px;margin-left:38px}.brand-subline img{width:165px;height:auto}}
/* Keep the complete masthead at the home-screen coordinates on every tab. */
@media(max-width:599px){
 .customer-scenery .customer-masthead.header{top:max(calc(var(--native-status-inset) + 8px),13.1vw);padding-inline:4.84vw}
 .customer-scenery .brand-subline{position:absolute;top:8.8vw;left:12.1vw;width:29.2vw;height:3.2vw;margin:0}
 .customer-scenery .brand-subline img{width:29.2vw;height:auto}
}
@media(min-width:600px){
 .customer-scenery .customer-masthead.header{top:calc(18px + var(--native-status-inset));padding-inline:22px}
}

.customer-scenery{background-image:linear-gradient(90deg,#030b1330,transparent 90%),url('/assets/images/customer-scene-overcast.png');background-position:center top;background-size:100% auto}.home-scenery .dots button:after{animation:roto-dot 2.4s infinite;animation-delay:var(--dot-delay,0s)}@keyframes roto-dot{0%,65%,100%{background:#ffffff80;transform:scale(1)}20%{background:#f5001c;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.home-scenery .dots button:after{animation:none}.home-scenery .dots button:nth-child(4):after{background:#f5001c}}