/* Landing presentation, aligned with the customer catalogue and booking pages. */
body.landing-client{--paper:#f0f0f0;--ink:#171717;--muted:#858585;--line:#dedede;--blue:#171717;--blue-soft:#ededed;--radius:32px;background:var(--paper);color:var(--ink)}
.landing-client ::selection{background:#d8d8d8;color:#171717}
.landing-client :focus-visible{outline:2px solid #777;outline-offset:4px}
.landing-client .wrap{width:min(1240px,calc(100% - 64px))}
.landing-client .wordmark em{color:#8b8b8b}
.landing-client .eyebrow{font-size:11px;letter-spacing:.06em;color:#858585}
.landing-client .btn{border-radius:19px;min-height:52px;padding:15px 23px;font-size:14px;font-weight:400}
.landing-client .btn-blue{background:#171717;color:#fff}
.landing-client .btn-blue:hover{background:#353535}
.landing-client .btn-white{background:#fff;color:#171717}
.landing-client .btn-white:hover{background:#eee}

/* Keep the floating navigation, using the same white surfaces as the account. */
body.landing-client #main-nav,
body.landing-client #main-nav.is-scrolled,
body.landing-client #main-nav:has(.menu-toggle[aria-expanded=true]){background:#ffffffed;color:#171717;border-color:#ffffff;box-shadow:0 6px 24px #00000004}
body.landing-client #main-nav .wordmark{color:#171717}
body.landing-client #main-nav .wordmark em{color:#8c8c8c}
body.landing-client #main-nav .brand-mark{background:#171717;color:#fff}
body.landing-client #main-nav .nav-links{color:#858585}
body.landing-client #main-nav .nav-links a:hover{color:#171717;background:#f0f0f0}
body.landing-client #main-nav .nav-links a[aria-current]{background:#171717;color:#fff}
body.landing-client #main-nav .header-contact{background:#f1f1f1;border-color:transparent;color:#555}
body.landing-client #main-nav .account-btn{background:#171717;color:#fff}
body.landing-client #main-nav .account-btn:hover{background:#353535;color:#fff}
body.landing-client #main-nav .menu-toggle{background:#f0f0f0;border-color:transparent;color:#171717}
body.landing-client #main-nav .mobile-menu a,
body.landing-client #main-nav .mobile-menu button{color:#171717}
body.landing-client #main-nav .mobile-menu a:hover,
body.landing-client #main-nav .mobile-menu button:hover{background:#f1f1f1}
body.landing-client #main-nav .mobile-menu button{background:#f0f0f0}
body.landing-client #main-nav .mobile-menu .icon{color:#8b8b8b}
body.landing-client #main-nav :focus-visible{outline-color:#777}
.landing-client #menu-backdrop{background:#17171755}

.landing-client .hero{min-height:0;background:var(--paper);color:#171717;scroll-margin-top:0;padding-top:126px;overflow:hidden}
.landing-client .hero::after{display:none}
.landing-client .hero-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:42px;row-gap:32px;padding:0;align-items:center}
.landing-client .hero-copy{padding:28px 0 22px;display:flex;justify-content:center;min-width:0}
.landing-client .hero-copy .eyebrow{color:#858585;letter-spacing:.06em;font-size:11px;margin-bottom:27px}
.landing-client .hero-copy .eyebrow::before{background:#999;box-shadow:none}
.landing-client .hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.12;letter-spacing:0;font-weight:400;max-width:100%;text-wrap:initial}
.landing-client .hero h1 span{color:#999}
.landing-client .hero-description{color:#818181;font-size:15px;line-height:1.8;max-width:400px;margin-top:25px}
.landing-client .hero-actions{margin-top:28px;width:auto}
.landing-client .hero-actions .btn{width:auto;min-height:58px;font-size:14px;border-radius:20px;padding:18px 24px;gap:25px}
.landing-client .hero-media{position:relative;inset:auto;z-index:0;width:100%;height:clamp(390px,40vw,650px);min-height:0;overflow:visible;border-radius:0;margin:0;background:transparent;pointer-events:none}
.landing-client .hero-photo{position:static;inset:auto;display:block;width:auto;max-width:none;height:100%;object-fit:contain;object-position:left center;z-index:auto}
.landing-client .hero-media::after{display:none}
.landing-client .hero-footer{grid-column:1/-1;order:initial;margin:0;border-top:1px solid #dadada;padding:20px 0 0;gap:20px}
.landing-client .hero-bottom,.landing-client .hero-signature,.landing-client .hero-scroll{color:#8a8a8a;font-size:11px}
.landing-client .hero-bottom span+span::before{color:#b9b9b9}
.landing-client .hero-scroll .circle-btn{background:#fff;border-color:transparent;color:#171717;border-radius:15px}
.landing-client .hero-scroll:hover .circle-btn{background:#171717;color:#fff}

.landing-client .search-section{padding:44px 0 72px}
.landing-client .section-caption>span{font-size:11px}
.landing-client .search-box{padding:25px;border:0;border-radius:30px}
.landing-client .field label,.landing-client .field-label{font-size:11px;color:#858585}
.landing-client .field input,.landing-client .field textarea{background:#f0f0f0;color:#171717;border:1px solid transparent;border-radius:15px;min-height:50px;font-size:14px}
.landing-client .field input:focus,.landing-client .field textarea:focus{border-color:#aaa;background:#f5f5f5}
.landing-client .field input::placeholder,.landing-client .field textarea::placeholder{color:#999}
.landing-client .field input[type=date]{color:#646464}
.landing-client .find-btn{border-radius:15px;min-height:50px;font-size:13px}
.landing-client .filter-foot{font-size:11px;padding-top:17px}
.landing-client .filter-reset:hover{color:#171717}
.landing-client h2{font-size:clamp(30px,3.1vw,43px);font-weight:400;letter-spacing:0;line-height:1.2}
.landing-client .section-description{font-size:13px}
.landing-client .brand-pill{background:#fff;border:0;color:#777;border-radius:17px;font-size:12px;padding:12px 18px;min-height:44px}
.landing-client .brand-pill.active{background:#171717;color:#fff}
.landing-client .brand-pill:hover{background:#e5e5e5;color:#171717}
.landing-client .brand-pill.active:hover{background:#333;color:#fff}
.landing-client .catalog-meta,.landing-client .sort-wrap select{font-size:12px;color:#858585}
.landing-client .car-grid{gap:22px}
.landing-client .car-card{display:flex;flex-direction:column;background:#fff;border:0;border-radius:30px;padding:0;overflow:hidden}
.landing-client .car-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000005}
.landing-client .car-details{display:contents}
.landing-client .car-heading{order:0;min-height:0;padding:26px 26px 0}
.landing-client .car-heading h3{font-size:25px;font-weight:400;line-height:1.15;letter-spacing:0}
.landing-client .car-heading p{font-size:13px;color:#999;margin-top:8px}
.landing-client .car-picture{order:1;border-radius:0;background:#fff;aspect-ratio:1.65;margin:7px 0 0}
.landing-client .car-picture img{padding:13px 18px;mix-blend-mode:multiply}
.landing-client .car-label,.landing-client .car-number{display:none}
.landing-client .car-footer{order:2;margin:0 26px;padding:18px 0 25px;border-top:1px solid #eee;gap:10px;flex-wrap:nowrap}
.landing-client .car-price{font-size:25px;letter-spacing:0;font-weight:400;white-space:nowrap}
.landing-client .car-price small{font-size:11px;color:#999;letter-spacing:0}
.landing-client .book-link{display:inline-flex;background:#171717;color:#fff;border-radius:17px;padding:13px 16px;font-size:12px;gap:10px}
.landing-client .book-link .circle-btn{width:18px;height:22px;border:0;border-radius:0;background:none;color:inherit}
.landing-client .book-link:hover,.landing-client .book-link:hover .circle-btn{background:#333;border-color:transparent}
.landing-client .load-more .btn{border:0;background:#fff;border-radius:18px}
.landing-client .empty-state{border-radius:30px;border:0}
.landing-client .image-fallback,.landing-client .empty-state>.icon{color:#aaa}

.landing-client .how-grid{gap:20px}
.landing-client .how-intro{background:#171717;color:#fff;border-radius:30px;padding:32px}
.landing-client .how-intro .eyebrow{color:#aaa;font-size:10px}
.landing-client .how-intro h2{font-size:34px;font-weight:400;letter-spacing:0}
.landing-client .how-intro .text-link{color:#ddd;font-size:12px}
.landing-client .how-card{background:#fff;border:0;border-radius:30px;padding:30px}
.landing-client .how-card-top{font-size:10px;color:#999}
.landing-client .how-icon{background:#f0f0f0;color:#171717;border-radius:17px}
.landing-client .how-card h3{font-size:25px;font-weight:400;letter-spacing:0}
.landing-client .how-card p{font-size:13px;color:#858585;line-height:1.7}
.landing-client .faq-section{gap:70px}
.landing-client .faq-intro p,.landing-client .faq-answer{font-size:14px;line-height:1.75;color:#858585}
.landing-client .faq-intro button{color:#171717;font-size:13px}
.landing-client .faq-list{display:flex;flex-direction:column;gap:10px}
.landing-client .faq-item{border:0;border-radius:23px;padding:0 24px;background:#fff;overflow:hidden}
.landing-client .faq-item summary{font-size:15px;min-height:77px;gap:20px}
.landing-client .faq-item[open] summary{padding-bottom:13px}
.landing-client .faq-symbol{background:#f0f0f0;border:0;flex-shrink:0;width:32px;height:32px}
.landing-client .faq-answer{padding-bottom:24px}

.landing-client .contact-box{background:#fff;color:#171717;border-radius:34px;padding:45px;gap:70px}
.landing-client .contact-box::before{display:none}
.landing-client .contact-copy .eyebrow{color:#999}
.landing-client .contact-copy h2{font-size:40px;font-weight:400;letter-spacing:0}
.landing-client .contact-copy p{font-size:14px;line-height:1.8;color:#858585}
.landing-client .lead-form .field label{color:#858585;font-size:12px}
.landing-client .lead-form .field input{background:#f0f0f0;border-color:transparent;color:#171717;border-radius:16px;min-height:54px}
.landing-client .lead-form .field input:focus{border-color:#aaa}
.landing-client .contact-submit{border-radius:17px;font-size:14px}
.landing-client .agreement{color:#999;font-size:11px;line-height:1.6}
.landing-client .agreement input{accent-color:#171717;flex-shrink:0}
.landing-client .lead-form .form-status{color:#555}
.landing-client .form-status[data-error]{color:#b34141}
.landing-client .footer-top{grid-template-columns:2fr 1fr 1fr;gap:56px}
.landing-client .footer-about p,.landing-client .footer-col ul{font-size:13px;line-height:1.75;color:#858585}
.landing-client .footer-col h3{font-size:13px;font-weight:400}
.landing-client .subscribe-form{border-color:#d4d4d4}
.landing-client .subscribe-form input{font-size:12px}
.landing-client .subscribe-form button{color:#171717}
.landing-client .footer-bottom{font-size:11px}
.landing-client .footer-signoff,.landing-client .footer-signoff span{color:#dedede}
.landing-client dialog{border-radius:30px}
.landing-client dialog::backdrop{background:#17171766}
.landing-client .dialog-kicker{color:#888}
.landing-client .dialog-form .btn{border-radius:17px}
.landing-client .success-icon{background:#f0f0f0;color:#171717}

@media(max-width:1150px){
 .landing-client .hero-content{column-gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .landing-client .hero-media{height:clamp(360px,42vw,460px)}
 .landing-client .hero h1{font-size:46px}
 .landing-client .filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}
 .landing-client .filter-row .search-field{grid-column:span 2}
 .landing-client .find-btn{grid-column:span 2}
 .landing-client .car-footer{margin-inline:20px;gap:6px;flex-wrap:wrap}
 .landing-client .car-heading{padding-inline:20px}
 .landing-client .car-price{font-size:22px}
 .landing-client .book-link{padding:12px;font-size:11px;gap:6px}
 .landing-client .contact-box{gap:40px;padding:34px}
}
@media(max-width:900px){
 .landing-client .wrap{width:calc(100% - 40px)}
 .landing-client .hero{padding-top:110px}
 .landing-client .hero h1{font-size:38px}
 .landing-client .hero-copy .eyebrow{font-size:9px;margin-bottom:20px}
 .landing-client .hero-media{height:clamp(340px,46vw,414px)}
 .landing-client .hero-description{font-size:13px;line-height:1.75;margin-top:20px}
 .landing-client .hero-actions .btn{font-size:12px;gap:15px;padding:15px 18px;min-height:52px}
 .landing-client .hero-signature{display:none}
 .landing-client .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-client .faq-section{gap:35px}
 .landing-client .contact-copy h2{font-size:32px}
 .landing-client .footer-top{gap:30px}
}
@media(max-width:680px){
 .landing-client .wrap{width:calc(100% - 40px)}
 .landing-client .hero{padding-top:104px}
 .landing-client .hero-content{display:flex;flex-direction:column;gap:0;padding:0}
 .landing-client .hero-copy{width:100%;order:0;padding:13px 4px 0}
 .landing-client .hero-copy .eyebrow{font-size:10px;margin-bottom:22px}
 .landing-client .hero h1{font-size:clamp(35px,9.4vw,56px);font-weight:400;line-height:1.12;letter-spacing:0}
 .landing-client .hero-description{max-width:420px;font-size:14px;line-height:1.7;margin-top:22px}
 .landing-client .hero-actions{width:100%;margin-top:25px}
 .landing-client .hero-actions .btn{width:100%;justify-content:space-between;font-size:14px;min-height:56px;padding:17px 22px;border-radius:19px}
 .landing-client .hero-media{order:1;width:100%;height:clamp(230px,76vw,390px);aspect-ratio:auto;margin:26px 0 0 8px;border-radius:0;background:transparent}
 .landing-client .hero-photo{width:auto;height:100%;object-fit:contain;object-position:left center}
 .landing-client .hero-footer{order:2;width:100%;padding:18px 4px 0;border:0;margin:0;gap:8px}
 .landing-client .hero-bottom{font-size:10px;gap:10px;flex-wrap:nowrap}
 .landing-client .hero-bottom span+span::before{margin-right:10px}
 .landing-client .hero-scroll>span:first-child{display:none}
 .landing-client .hero-scroll .circle-btn{width:38px;height:38px;border-radius:13px}
 .landing-client .search-section{padding:40px 0 55px}
 .landing-client .section-caption>span{display:none}
 .landing-client .search-box{padding:20px;border-radius:26px}
 .landing-client .filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .landing-client .filter-row>*{grid-column:auto}
 .landing-client .filter-row .search-field,.landing-client .find-btn{grid-column:1/-1}
 .landing-client .field input,.landing-client .field input[type=date],.landing-client .field textarea{font-size:16px;min-height:50px;padding-inline:12px}
 .landing-client .search-field input{padding-left:38px}
 .landing-client .field label{font-size:11px}
 .landing-client .filter-foot>span{display:none}
 .landing-client .filter-foot{justify-content:flex-end;padding-top:16px}
 .landing-client .find-btn{font-size:14px;min-height:52px}
 .landing-client .section-head{margin-bottom:22px}
 .landing-client h2{font-size:34px;line-height:1.2}
 .landing-client .brand-list{gap:8px}
 .landing-client .brand-pill{font-size:12px;padding:12px 16px}
 .landing-client .catalog-meta,.landing-client .sort-wrap select{font-size:11px}
 .landing-client .car-grid{grid-template-columns:1fr;gap:20px}
 .landing-client .car-heading{padding:25px 23px 0}
 .landing-client .car-heading h3{font-size:27px}
 .landing-client .car-picture{aspect-ratio:1.6;margin-top:6px}
 .landing-client .car-footer{padding:18px 0 24px;margin:0 23px}
 .landing-client .car-price{font-size:25px}
 .landing-client .book-link{padding:14px 16px;font-size:12px;gap:9px}
 .landing-client .fleet,.landing-client .how-section,.landing-client .faq-section{padding-bottom:56px}
 .landing-client .how-grid{grid-template-columns:1fr;gap:15px}
 .landing-client .how-intro{display:flex;grid-column:auto;padding:28px;min-height:285px;border-radius:28px}
 .landing-client .how-intro h2{font-size:33px}
 .landing-client .how-card{min-height:245px;padding:28px;border-radius:28px}
 .landing-client .how-card h3{font-size:25px}
 .landing-client .how-card p{font-size:13px;max-width:100%}
 .landing-client .faq-section{grid-template-columns:1fr;gap:26px}
 .landing-client .faq-intro p{font-size:13px}
 .landing-client .faq-item{padding-inline:20px;border-radius:22px}
 .landing-client .faq-item summary{font-size:14px;min-height:75px}
 .landing-client .faq-answer{font-size:13px;padding-bottom:22px}
 .landing-client .contact-box{grid-template-columns:1fr;gap:28px;padding:27px 23px;border-radius:29px}
 .landing-client .contact-copy h2{font-size:31px;line-height:1.2}
 .landing-client .contact-copy p{font-size:13px}
 .landing-client .contact-submit{min-height:54px;font-size:14px}
 .landing-client .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
 .landing-client .footer-about{grid-column:1/-1}
 .landing-client .footer-about p,.landing-client .footer-col ul{font-size:12px}
 .landing-client .subscribe-form input{font-size:16px}
 .landing-client .footer-bottom{font-size:10px}
 .landing-client dialog .field input,.landing-client dialog .field textarea{font-size:16px}
}
@media(max-width:359px){
 .landing-client .wrap{width:calc(100% - 32px)}
 .landing-client .hero-copy{padding-inline:0}
 .landing-client .hero h1{font-size:33px}
 .landing-client .hero-bottom{font-size:9px;gap:7px}
 .landing-client .hero-bottom span+span::before{margin-right:7px}
 .landing-client .search-box{padding:18px 16px}
 .landing-client .filter-row{grid-template-columns:1fr}
 .landing-client .car-footer{margin-inline:20px;gap:6px;flex-wrap:wrap}
 .landing-client .car-price{font-size:23px}
 .landing-client .book-link{font-size:11px;padding:13px}
 .landing-client .contact-copy h2{font-size:28px}
}