*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--size-body-md);font-weight:var(--weight-body);-webkit-font-smoothing:antialiased}
a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--color-primary-hover)}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
img,svg{display:block}
h1,h2,h3{margin:0;font-weight:var(--weight-display)}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
.qz-skip{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:#fff;padding:12px 16px;z-index:999}
.qz-skip:focus{left:0;color:#fff}
.qz-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}
.qz-eyebrow{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-xs)}
.qz-eyebrow-light{color:rgba(255,255,255,.72)}
.qz-eyebrow-dark{color:var(--color-primary)}
.qz-h2{font-size:var(--size-display-lg);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg);color:var(--color-body-on-light)}
.qz-h2-light{color:var(--color-ink)}
.qz-h3-light{font-size:var(--size-display-md);line-height:1.25;color:var(--color-ink);font-weight:var(--weight-display)}
.qz-lede{font-size:var(--size-body-md);line-height:var(--lh-body-md);color:#5c5c5c;max-width:46ch;margin-top:var(--space-xs)}
/* wordmark */
.qz-lockup{display:inline-flex;align-items:center;gap:var(--space-xxs)}
.qz-logo{display:block;width:auto;flex:0 0 auto}
.qz-btn-link{display:inline-flex;text-decoration:none}
.qz-btn-link>*{width:100%}
.qz-mark{display:block;flex:0 0 auto}
.qz-wordmark{font-weight:var(--weight-title);letter-spacing:.5px;color:var(--color-ink);display:inline-flex;gap:1px}
.qz-wordmark-accent{color:var(--color-primary)}
/* nav */
.qz-nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline)}
.qz-nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md);height:72px;display:flex;align-items:center;gap:var(--space-md)}
.qz-nav-brand{margin-right:auto}
.qz-nav-links{display:flex;gap:var(--space-xs);flex-wrap:nowrap}
.qz-nav-link{font-size:var(--size-nav-link);font-weight:600;letter-spacing:var(--ls-nav-link);text-transform:uppercase;color:var(--color-body);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.qz-nav-link:hover{color:var(--color-ink)}
.qz-nav-link.is-active{color:var(--color-ink);border-bottom-color:var(--color-primary)}
.qz-nav-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm)}
.qz-nav-fav{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body);display:inline-flex;align-items:center;gap:6px}
.qz-nav-fav:hover{color:var(--color-ink)}
.qz-nav-fav-count{background:var(--color-canvas-elevated);color:var(--color-ink);border-radius:var(--radius-full);padding:2px 8px;font-size:11px}
.qz-nav-burger{display:none;background:none;border:1px solid var(--color-hairline);width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}
.qz-nav-burger span{width:18px;height:1px;background:var(--color-ink);display:block}
.qz-nav-mobile{display:none;flex-direction:column;padding:var(--space-xs) var(--space-md) var(--space-sm);border-top:1px solid var(--color-hairline);gap:var(--space-xs)}
.qz-nav-mobile-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}
/* hero */
.qz-hero{position:relative;min-height:640px;height:78vh;display:flex;align-items:flex-end;background:var(--gradient-dark);overflow:hidden}
.qz-hero-media{position:absolute;inset:0}
.qz-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.qz-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,24,24,.5) 0%,rgba(24,24,24,.08) 42%,rgba(24,24,24,.82) 100%);pointer-events:none}
.qz-hero-body{position:relative;z-index:1;max-width:var(--container-max);width:100%;margin:0 auto;padding:0 var(--space-md) var(--space-lg);pointer-events:none}
.qz-hero-body::before{content:"";position:absolute;left:0;right:35%;top:-24px;bottom:0;background:linear-gradient(90deg,rgba(24,24,24,.82),rgba(24,24,24,.55) 55%,transparent);z-index:-1;pointer-events:none}
.qz-hero-body>*{pointer-events:auto}
.qz-hero-title{font-size:var(--size-display-mega);line-height:var(--lh-display-mega);letter-spacing:var(--ls-display-mega);max-width:16ch;font-weight:var(--weight-body);color:rgba(255,255,255,.28);pointer-events:auto;transition:color var(--duration-base) var(--ease-standard)}
.qz-hero-title:hover{color:var(--color-ink)}
.qz-hero-title em{font-style:normal;color:rgba(218,41,28,.32);transition:color var(--duration-base) var(--ease-standard)}
.qz-hero-title:hover em{color:var(--color-primary)}
.qz-hero-sub{margin-top:var(--space-sm);max-width:52ch;color:var(--color-body);line-height:var(--lh-body-md)}
.qz-hero-cta{display:flex;gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;position:relative;z-index:3;pointer-events:auto}
/* search */
.qz-search{position:relative;z-index:2;max-width:var(--container-max);margin:calc(-1 * var(--space-lg)) auto 0;padding:0 var(--space-md)}
.qz-search-card{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);padding:var(--space-sm) var(--space-md) var(--space-md)}
.qz-search-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-xs)}
.qz-search-head .qz-eyebrow{margin-bottom:0}
.qz-search-count{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body)}
.qz-search-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--space-xs) var(--space-sm);align-items:end}
.qz-search-submit{display:flex;align-items:flex-end;height:48px}
.qz-search-submit button{height:48px}
/* bands */
.qz-band{padding:var(--space-xxl) 0}
.qz-band-light{background:var(--color-canvas-light);color:var(--color-body-on-light)}
.qz-band-soft{background:var(--color-surface-soft-light);color:var(--color-body-on-light)}
.qz-band-dark{background:var(--color-canvas)}
.qz-band-hair{border-top:1px solid var(--color-hairline)}
.qz-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}
.qz-viewall{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-primary);white-space:nowrap}
/* tabs + chips */
.qz-tabs{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--color-hairline-on-light);margin-bottom:var(--space-sm)}
.qz-tab{background:none;border:none;border-bottom:2px solid transparent;padding:12px 0;cursor:pointer;font-family:var(--font-sans);font-size:var(--size-nav-link);font-weight:600;letter-spacing:var(--ls-nav-link);text-transform:uppercase;color:var(--color-muted);transition:color var(--duration-fast) var(--ease-standard)}
.qz-tab.is-active{color:var(--color-body-on-light);border-bottom-color:var(--color-primary)}
.qz-chips{display:flex;gap:var(--space-xxs);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-sm)}
.qz-chips>span{background:var(--color-surface-soft-light)!important;color:var(--color-body-on-light)!important;border-color:var(--color-hairline-on-light)!important}
.qz-clear{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--size-caption);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--ls-caption-upper)}
.qz-empty{border:1px solid var(--color-hairline-on-light)}
.qz-empty>div{color:var(--color-body-on-light)!important}
.qz-empty>div>div:nth-child(2){color:#5c5c5c!important}
/* vehicle grid */
.qz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}
.qz-card{background:var(--color-canvas-light);border:1px solid var(--color-hairline-on-light);display:flex;flex-direction:column;transition:box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}
.qz-card:hover{box-shadow:var(--shadow-small);border-color:var(--color-muted-soft)}
.qz-card-feature{grid-column:span 2;grid-row:span 2}
.qz-card-media{position:relative;aspect-ratio:4/3;background:var(--color-surface-strong-light)}
.qz-card-feature .qz-card-media{aspect-ratio:auto;flex:1;min-height:340px}
.qz-card-badge{position:absolute;top:12px;left:12px}
.qz-badge-primary{background:var(--color-primary);color:var(--color-on-primary);font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);display:inline-block}
.qz-fav{position:absolute;bottom:12px;left:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-light);border:1px solid var(--color-hairline-on-light);color:var(--color-body-on-light);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}
.qz-fav.is-on{color:var(--color-primary);border-color:var(--color-primary)}
.qz-card-count{position:absolute;bottom:12px;right:12px;background:var(--color-overlay-dark);color:var(--color-ink);font-size:var(--size-caption);padding:6px 10px}
.qz-card-body{padding:var(--space-sm)}
.qz-card-title{font-size:var(--size-title-md);font-weight:var(--weight-title);line-height:var(--lh-title-md);color:var(--color-body-on-light)}
.qz-card-title a{color:inherit}
.qz-card-title a:hover{color:var(--color-primary)}
.qz-card-feature .qz-card-title{font-size:var(--size-display-md);font-weight:var(--weight-display)}
.qz-card-variant{color:var(--color-muted);font-weight:var(--weight-body);font-size:var(--size-body-md)}
.qz-card-price{font-size:var(--size-display-md);font-weight:var(--weight-title);color:var(--color-primary);margin-top:var(--space-xxs)}
.qz-card-specs{display:flex;flex-wrap:wrap;gap:var(--space-xxs) var(--space-xs);margin-top:var(--space-xs);font-size:var(--size-caption);color:var(--color-muted);text-transform:uppercase;letter-spacing:var(--ls-caption-upper)}
.qz-card-specs li{border:1px solid var(--color-hairline-on-light);padding:5px 10px}
.qz-card-specs .qz-spec-year{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}
/* brands */
.qz-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-hairline);border:1px solid var(--color-hairline)}
.qz-brand{background:var(--color-canvas);border:none;padding:var(--space-md) var(--space-sm);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xxs);transition:background var(--duration-base) var(--ease-standard)}
.qz-brand:hover{background:var(--color-canvas-elevated)}
.qz-brand-name{font-family:var(--font-sans);font-size:var(--size-title-md);color:var(--color-ink);font-weight:var(--weight-title)}
.qz-brand-count{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body)}
/* why */
.qz-why-head{margin-bottom:var(--space-md);max-width:40ch}
.qz-why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-hairline);border:1px solid var(--color-hairline)}
.qz-why-card>div{height:100%}
.qz-assure{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-hairline)}
.qz-assure-list{display:flex;flex-wrap:wrap;gap:var(--space-xxs) var(--space-sm);font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body)}
.qz-assure-list li{display:flex;align-items:center;gap:8px}
.qz-assure-list li::before{content:"";width:6px;height:6px;background:var(--color-primary);display:block}
/* sell/trade split */
.qz-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-hairline)}
.qz-split-half{position:relative;min-height:520px;display:flex;align-items:flex-end;background:var(--color-canvas);overflow:hidden}
.qz-split-media{position:absolute;inset:0}
.qz-split-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,24,24,.25),rgba(24,24,24,.9));pointer-events:none}
.qz-split-body{position:relative;padding:var(--space-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);pointer-events:none}
.qz-split-body>*{pointer-events:auto}
.qz-split-sub{color:var(--color-body);max-width:44ch;line-height:var(--lh-body-md)}
/* testimonials */
.qz-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}
.qz-quote{margin:0;background:var(--color-canvas-light);border:1px solid var(--color-hairline-on-light);padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md)}
.qz-quote blockquote{margin:0;font-size:var(--size-title-md);line-height:1.55;color:var(--color-body-on-light);font-weight:var(--weight-display)}
.qz-quote figcaption{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-hairline-on-light);padding-top:var(--space-xs)}
.qz-quote-name{font-size:var(--size-body-md);font-weight:var(--weight-title);color:var(--color-body-on-light)}
.qz-quote-role{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-muted)}
/* admin controls */
.qz-nav-admin{display:flex;align-items:center;padding-right:var(--space-xs);border-right:1px solid var(--color-hairline);margin-right:var(--space-xxs)}
.qz-nav-admin label{font-size:var(--size-caption-upper)!important;letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body)!important;white-space:nowrap}
.qz-section-actions{display:flex;align-items:center;gap:var(--space-sm)}
.qz-card-admin{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--color-hairline-on-light)}
.qz-card-admin-label{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-muted)}
.qz-card-remove{background:none;border:1px solid var(--color-hairline-on-light);color:var(--color-primary);font-family:var(--font-sans);font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;font-weight:var(--weight-title);padding:14px 16px;min-height:44px;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.qz-card-remove:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}
.qz-form{display:flex;flex-direction:column;gap:var(--space-sm)}
.qz-form-modal{max-height:calc(100vh - 200px);overflow-y:auto}
.qz-form-scroll{display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;min-height:0;padding-right:4px}
.qz-form-modal .qz-form-actions{position:sticky;bottom:0;background:var(--color-canvas-elevated);padding-top:var(--space-xs);flex:0 0 auto}
.qz-form-actions button{white-space:nowrap}
.qz-page button{white-space:nowrap}
.qz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}
.qz-form-grid>*,.qz-panel-grid>*,.qz-panel-grid-3>*{min-width:0}
.qz-form-grid input,.qz-form-grid select,.qz-form-grid textarea{width:100%;max-width:100%;box-sizing:border-box}
.qz-form-note{font-size:var(--size-caption);color:var(--color-body)}
.qz-form-actions{display:flex;justify-content:flex-end;gap:var(--space-xxs)}
/* contact */
.qz-contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}
.qz-contact-rows{display:flex;flex-direction:column;border-top:1px solid var(--color-hairline)}
.qz-contact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-hairline)}
.qz-contact-label{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xxxs)}
.qz-contact-num{font-size:var(--size-display-md);color:var(--color-ink);font-weight:var(--weight-display)}
.qz-contact-num:hover{color:var(--color-primary)}
.qz-contact-actions{display:flex;gap:var(--space-xxs)}
/* stats */
.qz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}
.qz-stat-n{font-size:var(--size-display-mega);line-height:var(--lh-display-mega);letter-spacing:var(--ls-display-mega);color:var(--color-ink);font-weight:var(--weight-display)}
.qz-stat-l{font-size:var(--size-caption-upper);letter-spacing:var(--ls-caption-upper);text-transform:uppercase;color:var(--color-body);margin-top:var(--space-xs)}
/* newsletter + legal */
.qz-newsletter{background:var(--color-canvas-elevated);padding:var(--space-xl) 0;position:relative}
.qz-newsletter-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}
.qz-newsletter-form{display:flex;gap:var(--space-xxs);align-items:flex-end}
.qz-newsletter-form>label{min-width:280px}
.qz-toast{position:fixed;bottom:var(--space-sm);right:var(--space-sm);z-index:var(--z-toast)}
.qz-legal{background:var(--color-canvas);border-top:1px solid var(--color-hairline);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--size-caption);color:var(--color-muted);max-width:var(--container-max);margin:0 auto}
.qz-legal-links{display:flex;gap:var(--space-sm)}
.qz-legal-links a{color:var(--color-muted)}
.qz-legal-links a:hover{color:var(--color-ink)}
/* tablet */
@media (max-width:1180px){
.qz-nav-links{display:none}.qz-nav-actions{display:none}.qz-nav-burger{display:flex}.qz-nav-mobile{display:flex}
.qz-hero-title{font-size:var(--size-display-xl);line-height:var(--lh-display-xl);letter-spacing:var(--ls-display-xl)}
.qz-search-grid{grid-template-columns:repeat(2,1fr)}.qz-search-submit{grid-column:span 2}.qz-search-submit button{width:100%}
.qz-grid,.qz-quotes{grid-template-columns:repeat(2,1fr)}
.qz-card-feature{grid-column:span 2;grid-row:auto}.qz-card-feature .qz-card-media{aspect-ratio:16/9;min-height:0}
.qz-brands,.qz-why,.qz-stats{grid-template-columns:repeat(2,1fr)}
.qz-split{grid-template-columns:1fr}
.qz-contact{grid-template-columns:1fr;gap:var(--space-lg)}
footer>div{grid-template-columns:repeat(2,1fr)!important}
}
/* mobile */
@media (max-width:720px){
.qz-band{padding:var(--space-xl) 0}
.qz-hero{min-height:520px;height:auto;padding-top:var(--space-xxl)}
.qz-hero-body{padding-bottom:var(--space-xl)}
.qz-hero-title{font-size:var(--size-display-lg);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg)}
.qz-hero-cta button{width:100%}
.qz-search{margin-top:calc(-1 * var(--space-sm))}
.qz-search-grid{grid-template-columns:1fr}.qz-search-submit{grid-column:span 1}
.qz-grid,.qz-quotes,.qz-brands,.qz-why,.qz-stats{grid-template-columns:1fr}
.qz-card-feature{grid-column:span 1}
.qz-section-head{flex-direction:column;align-items:flex-start}
.qz-tabs{gap:var(--space-xs);overflow-x:auto}
.qz-split-body{padding:var(--space-md)}
.qz-split-half{min-height:420px}
.qz-stat-n{font-size:var(--size-display-xl)}
.qz-newsletter-form{flex-direction:column;align-items:stretch;width:100%}
.qz-newsletter-form>label{min-width:0}
.qz-form-grid{grid-template-columns:1fr}
footer>div{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:1ms!important}}