:root {
    --ink:#f3f3ee;
    --muted:#999da5;
    --blue:#ed3b40;
    --teal:#ed3b40;
    --line:#ffffff13;
    --paper:#101114;
    --soft:#181a1f;
    --dark:#0b0c0e;
    --radius:20px
}
html {
    scroll-padding-top:110px
}
body {
    background:var(--paper);
    color:var(--ink);
    font-size:15px
}
h1,h2,h3 {
    letter-spacing:-.065em;
    font-weight:750
}
h2 span {
    color:#8a8f99
}
p {
    color:var(--muted);
    line-height:1.8
}
.container {
    width:min(1480px,calc(100% - 96px))
}
.section {
    padding-block:100px
}
.eyebrow {
    color:#eb6268;
    font-size:10px;
    letter-spacing:.17em;
    font-weight:750
}
.btn {
    background:#ed3b40;
    border:1px solid transparent;
    border-radius:10px;
    min-height:55px;
    font-size:13px;
    padding:16px 23px;
    gap:24px;
    font-weight:750;
    box-shadow:none
}
.btn:hover {
    background:#fb4d52;
    box-shadow:0 12px 30px #ed3b4028;
    transform:translateY(-3px)
}
.btn span {
    font-size:22px
}
.btn-small {
    min-height:45px;
    padding:12px 18px;
    font-size:12px
}
.btn-outline {
    color:#f4f4f0;
    background:transparent;
    border-color:#ffffff24
}
.btn-outline:hover {
    background:#ffffff09;
    box-shadow:none
}
.btn-dark {
    background:#282b32
}
.arrow-link {
    display:inline-flex;
    align-items:center;
    gap:24px;
    font-size:13px;
    font-weight:700
}
.arrow-link span {
    display:grid;
    place-items:center;
    border:1px solid #ffffff30;
    border-radius:50%;
    width:36px;
    height:36px;
    font-size:20px;
    transition:.25s
}
.arrow-link:hover span {
    background:#ed3b40;
    border-color:#ed3b40;
    transform:rotate(45deg)
}
label {
    color:#b0b4bc;
    font-size:11px;
    font-weight:650
}
input,select,textarea {
    color:#f5f5f1;
    background:#22242a;
    border:1px solid #ffffff13;
    border-radius:10px;
    margin-top:8px;
    min-height:51px;
    padding:13px 15px;
    font-size:14px;
    color-scheme:dark
}
input:focus,select:focus,textarea:focus {
    border-color:#ef5358;
    box-shadow:0 0 0 3px #ed3b4015
}
input::placeholder {
    color:#747983
}
select {
    padding-right:32px
}
::selection {
    background:#ed3b4050
}
button:focus-visible,a:focus-visible,summary:focus-visible {
    outline:2px solid #ef5358;
    outline-offset:5px
}
.site-header {
    position:sticky;
    top:0;
    background:#101114e8;
    backdrop-filter:blur(22px);
    border-bottom:1px solid #ffffff09;
    z-index:50
}
.nav-wrap {
    height:88px;
    gap:28px
}
.brand-logo {
    display:block;
    flex-shrink:0
}
.brand-logo img {
    width:164px;
    height:62px;
    object-fit:contain
}
nav#navigation {
    gap:28px;
    font-size:12px;
    font-weight:600;
    color:#c0c3ca
}
#navigation>a[aria-current=page] {
    color:#fff
}
#navigation>a[aria-current=page]:after {
    background:#ed3b40
}
.nav-saved {
    font-size:24px
}
.nav-saved span {
    background:#26292f;
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:10px
}
.drive-hero {
    min-height:740px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:#08090b
}
.drive-hero-image {
    position:absolute;
    inset:0;
    object-fit:cover;
    object-position:67% 55%;
    width:100%;
    height:100%;
    z-index:-3;
    animation:hero-arrive 1.3s ease-out both
}
.hero-gradient {
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(90deg,#08090bed 0%,#08090bc9 25%,#08090b45 57%,#08090b0a 85%),linear-gradient(0deg,#101114 0%,#10111400 35%)
}
.drive-hero-content {
    padding-top:104px;
    padding-bottom:100px;
    position:relative
}
.hero-topline {
    display:flex;
    gap:10px;
    align-items:center;
    font-size:9px;
    letter-spacing:.15em;
    color:#c1c4cc;
    margin-bottom:32px;
    font-weight:650
}
.status-dot {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ed3b40;
    box-shadow:0 0 0 5px #ed3b4016;
    animation:statusPulse 4s infinite
}
.slash {
    color:#ed3b40;
    margin:0 4px
}
.drive-hero h1 {
    font-size:clamp(65px,7.5vw,108px);
    line-height:1;
    letter-spacing:-.08em;
    font-weight:800;
    max-width:900px;
    animation:content-arrive .8s ease-out both
}
.drive-hero h1 span {
    color:#a2a5ae
}
.drive-hero-content>p {
    font-size:16px;
    color:#acb1ba;
    margin-top:30px;
    line-height:1.9;
    animation:content-arrive .8s .12s both
}
.hero-actions {
    gap:30px;
    margin:32px 0 0;
    animation:content-arrive .8s .2s both
}
.hero-text-link {
    display:inline-flex;
    align-items:center;
    gap:18px;
    font-size:12px;
    font-weight:600
}
.hero-text-link span {
    font-size:20px
}
.hero-inventory {
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:46px
}
.hero-inventory a {
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:10px;
    color:#969ca6
}
.hero-inventory strong {
    font-size:13px;
    font-weight:650;
    color:#e2e4e9
}
.inventory-dots {
    display:flex
}
.inventory-dots i {
    width:32px;
    height:32px;
    border-radius:50%;
    background:#191d24;
    border:2px solid #0a0b0e;
    margin-left:-8px;
    position:relative
}
.inventory-dots i:first-child {
    margin-left:0;
    background:#c84e52
}
.inventory-dots i:nth-child(2) {
    background:#9399a3
}
.inventory-dots i:last-child {
    background:#dddcd5
}
.hero-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:absolute;
    bottom:31px;
    left:0;
    right:0;
    font-size:8px;
    letter-spacing:.14em;
    color:#787e88
}
.scroll-cue {
    display:flex;
    gap:13px;
    align-items:center
}
.scroll-cue>span {
    width:30px;
    height:30px;
    border:1px solid #ffffff1f;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:17px
}
.hero-bottom small {
    font-size:8px;
    letter-spacing:0;
    color:#646b77
}
.hero-progress {
    position:absolute;
    right:28px;
    top:80px;
    display:flex;
    align-items:center;
    gap:14px;
    writing-mode:vertical-rl;
    color:#747b85;
    font-size:9px;
    letter-spacing:.2em
}
.hero-progress i {
    height:65px;
    width:2px;
    background:linear-gradient(#ed3b40,#ed3b4000)
}
@keyframes hero-arrive {
    from {
        transform:scale(1.04);
        opacity:.3
    }
    to {
        transform:scale(1);
        opacity:1
    }

}
@keyframes content-arrive {
    from {
        opacity:0;
        transform:translateY(22px)
    }
    to {
        opacity:1;
        transform:none
    }

}
@keyframes statusPulse {
    50% {
        box-shadow:0 0 0 8px #ed3b4007
    }

}
.discovery-section {
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    z-index:4;
    margin-top:-8px;
    padding:34px 38px;
    background:#1b1d23;
    border:1px solid #ffffff0d;
    border-radius:20px;
    box-shadow:0 25px 70px #0002
}
.discovery-title {
    min-width:235px
}
.discovery-title .eyebrow {
    margin-bottom:10px
}
.discovery-title h2 {
    font-size:29px;
    letter-spacing:-.05em
}
.discovery-form {
    display:grid;
    grid-template-columns:1fr 1.35fr auto;
    gap:15px;
    align-items:end;
    width:100%
}
.discovery-form label {
    font-size:10px
}
.discovery-form select,.discovery-form input {
    background:#252830
}
.discovery-form .btn {
    min-height:51px
}
.section-heading {
    margin-bottom:36px;
    align-items:flex-end;
    gap:30px
}
.section-heading h2 {
    font-size:clamp(36px,4vw,54px);
    letter-spacing:-.055em
}
.section-heading .eyebrow {
    margin-bottom:15px
}
.collection-section {
    padding-top:95px
}
.car-grid {
    gap:24px;
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.car-card {
    border-radius:20px;
    background:#1b1d23;
    border:1px solid #ffffff0c;
    overflow:hidden;
    box-shadow:none;
    transition:transform .4s,border-color .4s,box-shadow .4s;
    position:relative;
    min-width:0
}
.car-card:hover {
    transform:translateY(-7px);
    border-color:#ffffff25;
    box-shadow:0 20px 40px #0003
}
.card-visual {
    padding:9px;
    position:relative
}
.car-photo {
    border-radius:13px;
    aspect-ratio:1.43;
    background:#2b2d33
}
.car-photo img {
    border-radius:13px;
    transition:transform .75s
}
.car-card:hover .car-photo img {
    transform:scale(1.06)
}
.photo-count {
    left:12px;
    bottom:12px;
    border:1px solid #ffffff25;
    background:#13151aaa;
    backdrop-filter:blur(15px);
    color:#fff;
    font-size:9px;
    letter-spacing:.02em;
    border-radius:6px;
    padding:5px 9px
}
.photo-arrow {
    background:#ed3b40;
    right:12px;
    bottom:12px;
    width:32px;
    height:32px;
    font-size:17px
}
.favorite {
    top:22px;
    right:22px;
    border:1px solid #ffffff25;
    border-radius:50%;
    background:#13151a9c;
    backdrop-filter:blur(10px);
    color:white;
    width:35px;
    height:35px;
    font-size:22px
}
.favorite[aria-pressed=true] {
    background:#ed3b40;
    color:white;
    border-color:#ed3b40
}
.car-body {
    padding:18px 23px 24px
}
.card-brand {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:12px;
    gap:15px
}
.card-brand .eyebrow {
    color:#aaaeb7;
    font-size:9px;
    letter-spacing:.1em;
    margin:0
}
.card-brand>span {
    font-size:10px;
    color:#8a909c
}
.car-body h3 {
    font-size:26px;
    line-height:1.14;
    min-height:30px;
    letter-spacing:-.04em
}
.car-version {
    color:#838995;
    font-size:11px;
    line-height:1.7;
    margin:9px 0 18px;
    min-height:36px
}
.car-facts {
    gap:8px;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px
}
.car-facts span {
    background:#24272f;
    color:#aeb3bf;
    font-size:9px;
    padding:6px 9px;
    border-radius:5px;
    border:0
}
.car-facts span:before {
    display:none
}
.car-bottom {
    border-top:1px solid #ffffff12;
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:space-between;
    padding-top:19px
}
.car-bottom strong {
    font-size:25px;
    letter-spacing:-.06em;
    font-weight:750;
    color:#f4f4f0;
    white-space:nowrap
}
.card-rate {
    display:block;
    font-size:9px!important;
    color:#969eac!important;
    font-weight:450!important;
    margin-top:3px;
    letter-spacing:0
}
.compare-add {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:7px 8px;
    min-height:32px;
    color:#acb2bd;
    background:#262931;
    border:1px solid #ffffff13;
    border-radius:7px;
    font-size:9px;
    white-space:nowrap
}
.compare-add>span {
    font-size:17px;
    line-height:1
}
.compare-add[aria-pressed=true] {
    background:#ed3b401b;
    border-color:#ed3b4055;
    color:#ff8186
}
.rate-card-note {
    font-size:9px;
    color:#737b88;
    line-height:1.8;
    margin-top:22px;
    margin-bottom:0;
    max-width:900px
}
.collection-tools {
    display:flex;
    justify-content:center;
    gap:50px;
    margin-top:37px;
    color:#888f9b;
    font-size:11px
}
.collection-tools b {
    color:#dadddf;
    margin-right:8px;
    font-size:17px;
    font-weight:400
}
.finance-experience {
    position:relative;
    background:#16181d;
    padding:100px 0;
    overflow:hidden;
    border-block:1px solid #ffffff08
}
.finance-experience:before {
    content:'';
    position:absolute;
    top:-140px;
    left:-200px;
    width:650px;
    height:650px;
    background:radial-gradient(ellipse,#ed3b400e,transparent 68%);
    pointer-events:none
}
.finance-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:95px;
    align-items:center
}
.finance-story h2 {
    font-size:clamp(45px,4.7vw,65px);
    line-height:1.06;
    letter-spacing:-.065em;
    margin-bottom:25px
}
.finance-story h2 span {
    color:#ed555b
}
.finance-story>p {
    max-width:480px;
    font-size:14px;
    margin-bottom:30px
}
.finance-controls {
    display:flex;
    align-items:flex-start;
    gap:17px;
    margin:35px 0 26px
}
.finance-number {
    font-size:12px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#ed3b4015;
    color:#ff6c72;
    border:1px solid #ed3b4033;
    display:grid;
    place-items:center;
    flex-shrink:0;
    margin-top:7px
}
.finance-controls>div {
    width:100%;
    min-width:0
}
.finance-controls strong {
    font-size:12px;
    font-weight:650
}
.finance-controls select {
    font-size:12px;
    max-width:100%;
    background:#23262d
}
.finance-features {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-bottom:30px
}
.finance-features>span {
    font-size:9px;
    background:#1e2128;
    color:#929aa7;
    border:1px solid #ffffff0a;
    border-radius:30px;
    padding:7px 11px
}
.calculator {
    background:#20232b;
    border:1px solid #ffffff14;
    border-radius:24px;
    padding:32px;
    box-shadow:0 25px 70px #0002;
    color:#f4f4f0;
    min-width:0;
    position:relative
}
.calc-head {
    margin-bottom:25px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.calc-head .eyebrow {
    color:#b1b7c2;
    margin:0;
    font-size:9px
}
.calc-icon {
    width:37px;
    height:37px;
    border-radius:11px;
    background:#ed3b4018;
    color:#f27379;
    font-size:17px;
    border:1px solid #ed3b4033
}
.calc-fields {
    gap:17px
}
.calc-fields label {
    color:#a9b0be;
    font-size:10px
}
.calc-fields input,.calc-fields select {
    background:#2a2e38;
    border:1px solid #ffffff0e;
    font-size:14px;
    border-radius:9px;
    min-height:47px;
    color:#eee
}
.calc-result {
    margin-top:28px;
    border-radius:13px;
    background:#ed3b40;
    border:0;
    color:#fff;
    padding:25px 23px;
    display:flex;
    align-items:end;
    justify-content:space-between
}
.calc-result span {
    color:#ffd7d9;
    font-size:9px
}
.calc-result strong {
    display:block;
    font-size:49px;
    color:#fff;
    font-weight:700;
    letter-spacing:-.08em;
    line-height:1.25
}
.calc-result>span {
    font-size:11px;
    color:#ffd7d9;
    margin-bottom:8px
}
.calc-summary {
    border:0;
    margin-top:18px;
    gap:8px
}
.calc-summary span {
    color:#848e9f;
    font-size:10px;
    padding:7px 0;
    border-bottom:1px solid #ffffff07
}
.calc-summary b {
    color:#d1d6e0;
    font-size:11px;
    font-weight:550
}
.calculator .fineprint {
    font-size:8px;
    line-height:1.85;
    color:#7b8595;
    margin-top:18px
}
.rate-source {
    margin-top:15px;
    border-top:1px solid #ffffff13;
    padding-top:13px;
    color:#929aa9;
    font-size:9px
}
.rate-source summary {
    font-size:9px
}
.rate-source p {
    font-size:9px;
    line-height:1.8;
    margin-top:15px
}
.rate-source .text-button {
    color:#aab2c0;
    font-size:10px
}
.calc-error {
    font-size:11px;
    color:#ff969c;
    margin-top:20px
}
.calc-slider {
    width:100%;
    height:3px!important;
    min-height:3px!important;
    margin:13px 0 0!important;
    padding:0!important;
    accent-color:#ef474d;
    border:0!important;
    box-shadow:none!important;
    cursor:pointer
}
.finance-page-head {
    padding-top:70px;
    padding-bottom:40px
}
.finance-page-head h1 {
    font-size:clamp(48px,6vw,84px);
    line-height:1.03
}
.finance-page-head h1 span {
    color:#878f9e
}
.finance-page-head>p:last-child {
    margin:24px 0 0
}
.finance-page-layout {
    padding-bottom:110px;
    align-items:start
}
.finance-explain>div {
    padding:22px 0;
    border-bottom:1px solid #ffffff10;
    position:relative;
    padding-left:40px
}
.finance-explain b {
    position:absolute;
    left:0;
    top:27px;
    font-size:10px;
    color:#ed555b;
    font-weight:450
}
.finance-explain h3 {
    font-size:22px;
    letter-spacing:-.035em;
    margin-bottom:10px
}
.finance-explain p {
    font-size:12px;
    margin:0
}
.finance-page-layout .btn {
    margin-top:30px
}
.sell-feature {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center
}
.sell-feature-art {
    position:relative;
    min-height:560px;
    border-radius:22px;
    overflow:hidden;
    background:#24272e
}
.sell-feature-art>img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(.85)
}
.sell-art-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,#0b0d12e8 0%,#0b0d1230 50%,#0b0d1230 100%)
}
.feature-tag {
    position:absolute;
    top:24px;
    left:26px;
    border:1px solid #ffffff35;
    background:#16191a77;
    backdrop-filter:blur(15px);
    color:#fff;
    padding:8px 12px;
    font-size:8px;
    letter-spacing:.12em;
    border-radius:25px
}
.sell-art-caption {
    position:absolute;
    left:30px;
    bottom:38px;
    font-size:54px;
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.055em;
    color:#fff
}
.sell-art-caption span {
    color:#b7bdc6
}
.sell-art-sticker {
    position:absolute;
    right:26px;
    top:43%;
    width:115px;
    height:115px;
    border-radius:50%;
    transform:rotate(12deg);
    background:#ed3b40;
    color:white;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:9px;
    line-height:1.5;
    font-weight:700;
    box-shadow:0 10px 25px #0003
}
.sell-art-sticker span {
    font-size:24px;
    margin-bottom:3px
}
.sell-feature-copy h2 {
    font-size:clamp(37px,4vw,53px);
    margin-bottom:25px
}
.sell-feature-copy>p {
    font-size:14px;
    max-width:460px
}
.sell-path {
    margin:28px 0 32px
}
.sell-path>div {
    display:flex;
    gap:17px;
    margin-bottom:22px;
    align-items:center
}
.sell-path b {
    width:36px;
    height:36px;
    border:1px solid #ffffff18;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#ee757a;
    font-size:10px;
    font-weight:500;
    flex-shrink:0
}
.sell-path span {
    font-size:13px;
    font-weight:600
}
.sell-path small {
    display:block;
    color:#7d8694;
    font-size:10px;
    font-weight:400;
    margin-top:3px
}
.feature-fineprint {
    display:block;
    font-size:9px;
    color:#7e8693;
    margin-top:16px
}
.about-tim {
    padding:65px 0 95px;
    border-top:1px solid #ffffff10
}
.about-tim-top {
    display:flex;
    justify-content:space-between;
    margin-bottom:40px
}
.about-coordinate {
    font-size:9px;
    color:#626d7d;
    letter-spacing:.1em
}
.about-tim-grid {
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:80px
}
.about-tim-grid h2 {
    font-size:clamp(38px,4.6vw,65px);
    line-height:1.07;
    letter-spacing:-.06em
}
.about-tim-grid .lead {
    color:#e0e4ea;
    font-size:23px;
    line-height:1.5;
    margin-bottom:23px
}
.about-tim-grid p:not(.lead) {
    font-size:13px;
    max-width:500px
}
.about-tim-grid .arrow-link {
    margin-top:10px
}
.visit-section {
    border-radius:24px;
    padding:55px;
    background:#ed3b40;
    background-image:radial-gradient(ellipse at 80% 80%,#ff7c5f44,transparent 65%);
    margin-bottom:5px;
    position:relative;
    overflow:hidden
}
.visit-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    position:relative;
    z-index:2
}
.visit-header .eyebrow {
    color:#ffd1d3;
    font-size:9px;
    margin-bottom:18px
}
.visit-header h2 {
    font-size:clamp(36px,4vw,58px);
    line-height:1.07
}
.visit-header h2 span {
    color:#ffc2c5
}
.circle-link {
    width:90px;
    height:90px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:white;
    color:#d83138;
    font-size:39px;
    flex-shrink:0;
    transition:transform .3s
}
.circle-link:hover {
    transform:rotate(45deg)
}
.visit-bottom {
    display:flex;
    align-items:center;
    gap:34px;
    border-top:1px solid #ffffff3a;
    margin-top:36px;
    padding-top:25px;
    font-size:10px;
    color:#ffdadd
}
.visit-bottom a {
    margin-left:auto;
    color:white;
    font-size:12px;
    font-weight:650
}
.visit-bottom span:first-child {
    display:flex;
    align-items:center;
    gap:7px
}
.visit-bottom i {
    width:5px;
    height:5px;
    background:#fff;
    border-radius:50%
}
.faq-layout {
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:80px
}
.faq-layout h2 {
    font-size:43px
}
.faq-layout details {
    border-bottom:1px solid #ffffff14;
    padding:22px 0
}
.faq-layout details:first-child {
    padding-top:5px
}
.faq-layout summary {
    font-size:15px;
    font-weight:650;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    list-style:none;
    gap:20px
}
.faq-layout summary::-webkit-details-marker {
    display:none
}
.faq-layout summary span {
    color:#939daa;
    font-size:19px;
    transition:transform .3s
}
.faq-layout details[open] summary span {
    transform:rotate(45deg);
    color:#ed3b40
}
.faq-layout details p {
    margin:20px 0 0;
    font-size:12px;
    max-width:590px;
    line-height:1.85
}
.site-footer {
    background:#090a0c;
    padding:55px 0 25px;
    border-top:1px solid #ffffff10;
    color:#929ba9
}
.footer-call {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:35px;
    margin-bottom:40px;
    border-bottom:1px solid #ffffff13;
    color:#b7bec9;
    font-size:13px
}
.footer-call a {
    font-size:25px;
    letter-spacing:-.05em;
    color:#ebedf2;
    font-weight:600
}
.footer-top {
    gap:40px;
    grid-template-columns:1.3fr 1fr 1fr 1.2fr
}
.footer-top .eyebrow {
    color:#5e6878;
    font-size:8px;
    margin-bottom:20px;
    display:block
}
.footer-top .brand-logo {
    margin-bottom:20px
}
.footer-top p {
    font-size:11px;
    color:#697485;
    line-height:1.85
}
.footer-top a:not(.brand-logo) {
    font-size:11px;
    color:#a1abba;
    line-height:2.2
}
.location-dot {
    display:flex;
    align-items:center;
    gap:7px;
    font-size:9px;
    color:#697485
}
.location-dot:before {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ed3b40
}
.footer-bottom {
    border-top:1px solid #ffffff0b;
    padding-top:24px;
    margin-top:40px;
    color:#4e5b6d;
    font-size:9px;
    gap:20px
}
.footer-bottom a,.footer-bottom button {
    font-size:9px;
    color:#6b778a
}
.back-top {
    background:#252b34;
    color:#b3bccc;
    bottom:25px;
    right:25px;
    border-radius:50%;
    width:37px;
    height:37px;
    border:1px solid #ffffff18
}
.toast {
    background:#292e38;
    color:#e5e9ee;
    border:1px solid #ffffff20;
    border-radius:12px;
    z-index:100
}
.stock-head {
    background:#101114;
    padding:68px 0 35px;
    position:relative;
    overflow:hidden
}
.stock-head:after {
    content:'';
    width:480px;
    height:480px;
    position:absolute;
    right:-220px;
    top:-270px;
    background:radial-gradient(ellipse,#ed3b4012,transparent 70%);
    pointer-events:none
}
.stock-head h1 {
    font-size:clamp(48px,6vw,84px);
    letter-spacing:-.065em;
    line-height:1.05
}
.stock-head h1 span {
    color:#8b929e
}
.stock-intro-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-bottom:20px
}
.stock-intro-top .eyebrow {
    margin:0
}
.stock-total {
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #ffffff16;
    border-radius:30px;
    padding:8px 13px;
    font-size:10px;
    color:#a2abb8
}
.stock-total:before {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ed3b40
}
.brand-chips {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:30px
}
.brand-chips a {
    padding:8px 15px;
    font-size:11px;
    border:1px solid #ffffff16;
    border-radius:30px;
    color:#959eac;
    transition:.2s
}
.brand-chips a:hover,.brand-chips a.active {
    background:#ed3b40;
    color:white;
    border-color:#ed3b40
}
.stock-layout {
    display:block;
    padding-top:20px;
    padding-bottom:80px
}
.filter-panel {
    background:#191c22;
    border:1px solid #ffffff0d;
    border-radius:20px;
    padding:28px;
    margin-bottom:40px;
    position:static
}
.filter-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px
}
.filter-heading .eyebrow {
    font-size:8px;
    margin-bottom:6px;
    color:#757e8c
}
.filter-heading h2 {
    font-size:22px;
    letter-spacing:-.035em
}
.filter-heading>a {
    font-size:10px;
    color:#858fa1
}
.filter-panel form {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px
}
.filter-panel .filter-selects,.filter-panel .filter-numbers {
    display:contents
}
.filter-panel .stock-search-label {
    grid-column:span 2
}
.filter-panel label {
    font-size:9px
}
.filter-panel input,.filter-panel select {
    background:#242830;
    font-size:11px;
    min-height:44px;
    padding:10px 12px;
    border-radius:8px
}
.filter-panel .btn {
    font-size:11px;
    min-height:44px;
    align-self:end;
    padding:12px
}
.results-toolbar {
    margin-bottom:26px
}
.results-toolbar strong {
    font-size:22px;
    color:#e5e9ef;
    font-weight:600
}
.results-toolbar span {
    font-size:10px;
    color:#717d90
}
.sort-control {
    font-size:10px;
    color:#848e9f
}
.sort-control select {
    min-height:39px;
    border-radius:7px;
    font-size:10px;
    background:#1d222b
}
.stock-grid.car-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
.stock-note {
    font-size:9px;
    color:#657186;
    line-height:1.8
}
.pagination a {
    background:#1f252f;
    color:#adb8c9;
    border-color:#ffffff15
}
.pagination a[aria-current=page] {
    background:#ed3b40
}
.empty-state {
    background:#1b2029;
    border:1px solid #ffffff15;
    color:#cad4e2;
    border-radius:20px
}
.empty-state p {
    color:#8b9ab0
}
.detail-main {
    padding-top:30px
}
.breadcrumbs {
    font-size:10px;
    color:#66778e
}
.detail-heading h1 {
    font-size:clamp(43px,5vw,67px);
    color:#f1f3f7
}
.detail-heading p:not(.eyebrow) {
    color:#858fa0;
    font-size:14px
}
.detail-actions .icon-btn {
    background:#252a34;
    border-color:#ffffff15;
    color:#d4dce7
}
.detail-layout {
    gap:35px
}
.gallery {
    border-radius:19px;
    overflow:hidden;
    background:#1d222b;
    border:1px solid #ffffff0a
}
.gallery-stage {
    border-radius:16px;
    overflow:hidden
}
.gallery-thumbs {
    padding:12px;
    gap:8px;
    background:#1c2028
}
.gallery-thumbs button {
    border-radius:8px;
    border-color:transparent;
    flex-shrink:0
}
.gallery-thumbs button[aria-pressed=true] {
    border-color:#ed3b40
}
.gallery-thumbs img {
    border-radius:6px
}
.gallery-prev,.gallery-next {
    background:#10131a9e;
    color:white;
    backdrop-filter:blur(10px);
    border:1px solid #ffffff25;
    border-radius:50%
}
.gallery-play,.gallery-counter {
    background:#121620af;
    border:1px solid #ffffff20;
    backdrop-filter:blur(10px);
    border-radius:7px;
    color:#e2e6ed;
    font-size:10px
}
.quick-facts {
    background:#1b2029;
    border-radius:14px;
    border:1px solid #ffffff0c;
    margin-top:20px;
    padding:22px;
    gap:10px
}
.quick-facts span {
    font-size:8px;
    color:#687a92
}
.quick-facts strong {
    font-size:14px;
    font-weight:600;
    color:#dce4ee
}
.quick-facts>div+div {
    border-color:#ffffff14
}
.purchase-card {
    background:transparent
}
.purchase-inner {
    background:#1c2028;
    border:1px solid #ffffff12;
    border-radius:18px;
    padding:28px;
    top:110px;
    box-shadow:none
}
.purchase-inner .eyebrow {
    font-size:8px;
    color:#ec7379
}
.vehicle-price {
    font-size:43px;
    color:#f4f4f0;
    letter-spacing:-.065em
}
.price-note {
    font-size:9px;
    color:#687d98
}
.purchase-inner hr {
    border-color:#ffffff15
}
.purchase-title {
    color:#d1dae7;
    font-size:16px
}
.purchase-title span {
    color:#7e8da2;
    font-size:10px
}
.purchase-inner .btn {
    width:100%;
    font-size:12px;
    min-height:48px;
    padding:12px
}
.purchase-finance {
    color:#e25d66;
    font-size:10px
}
.purchase-contact {
    border-color:#ffffff12
}
.purchase-contact strong {
    color:#ccd6e3
}
.purchase-contact p {
    font-size:11px
}
.purchase-contact a {
    font-size:10px;
    color:#9dabbe
}
.purchase-inner small {
    color:#637a97;
    font-size:8px
}
.detail-tabs {
    background:#101114d9;
    backdrop-filter:blur(10px);
    border-color:#ffffff14;
    top:88px
}
.detail-tabs a {
    font-size:11px;
    color:#788da8
}
.detail-tabs a.active {
    color:#e06570;
    border-color:#ed3b40
}
.detail-section {
    border-color:#ffffff10;
    padding-block:45px
}
.detail-section h2 {
    font-size:38px;
    margin-bottom:25px
}
.spec-grid>div {
    border-color:#ffffff10;
    padding-block:13px
}
.spec-grid dt {
    font-size:10px;
    color:#70849f
}
.spec-grid dd {
    font-size:12px;
    color:#c4d1e1
}
.feature-list li {
    background:#1e2530;
    border:1px solid #ffffff09;
    border-radius:8px;
    padding:11px 15px;
    font-size:11px;
    color:#a7b8cf
}
.feature-list li:before {
    color:#e4646d
}
.vehicle-description {
    font-size:12px;
    color:#a0b0c5;
    line-height:1.95
}
.fineprint {
    color:#667a96;
    font-size:9px;
    line-height:1.85
}
.link-arrow {
    color:#a5b3c6;
    border-color:#7c4251;
    font-size:11px
}
.mobile-purchase {
    background:#181e28;
    border-top-color:#ffffff10;
    color:#fff
}
.booking-main {
    background:#101114;
    padding-top:60px;
    padding-bottom:85px
}
.booking-heading {
    margin-bottom:35px
}
.booking-heading h1 {
    font-size:clamp(44px,5vw,65px);
    line-height:1.07
}
.booking-heading h1 span {
    color:#8b96a8
}
.booking-heading>div>p:last-child {
    font-size:12px;
    color:#8594aa;
    line-height:1.85
}
.booking-stamp {
    border:1px solid #ed3b404a!important;
    background:#ed3b4013!important;
    color:#ed6773!important;
    transform:rotate(10deg);
    border-radius:50%;
    width:98px;
    height:98px
}
.booking-layout {
    gap:30px;
    grid-template-columns:310px 1fr
}
.booking-location {
    background:#1d232e!important;
    border:1px solid #ffffff10;
    border-radius:18px!important;
    padding:30px!important
}
.booking-location h2 {
    font-size:30px;
    line-height:1.1;
    color:#dce5ef
}
.booking-location>p {
    color:#7f91aa!important;
    font-size:11px
}
.booking-location .eyebrow {
    font-size:8px;
    color:#d67983!important
}
.booking-info {
    border-color:#ffffff12!important
}
.booking-info>span {
    color:#df6b77!important;
    font-size:9px
}
.booking-info strong {
    font-size:11px;
    color:#c0ccdd
}
.booking-info small {
    font-size:10px;
    color:#7387a4!important
}
.booking-help {
    color:#7387a4;
    font-size:10px
}
.booking-help a {
    font-size:14px;
    color:#bccbdf
}
.booking-help p {
    font-size:9px
}
.booking-panel {
    background:#1a202a!important;
    border:1px solid #ffffff12;
    border-radius:20px!important;
    box-shadow:none!important;
    padding:32px!important;
    color:#c7d5e8
}
.booking-steps {
    border-color:#ffffff10!important
}
.booking-steps>span {
    color:#5e7493!important;
    font-size:11px
}
.booking-steps b {
    background:#2b3545!important;
    color:#7388a7!important
}
.booking-steps .active {
    color:#e29ca4!important
}
.booking-steps .active b {
    background:#ed3b40!important;
    color:white!important
}
.booking-steps i {
    background:#334050!important
}
.booking-section-title h2 {
    font-size:25px;
    color:#d1def0
}
.booking-section-title>span {
    font-size:8px;
    color:#60799a
}
.calendar-nav {
    background:#202a38!important;
    border-radius:10px
}
.calendar-nav strong {
    font-size:13px;
    color:#bccce2
}
.calendar-nav button {
    background:#303e53!important;
    color:#b5c7e1!important;
    border:1px solid #ffffff08!important;
    border-radius:7px
}
.calendar-week span {
    color:#5e7a9f!important;
    font-size:9px
}
.calendar-days button {
    background:#242f40!important;
    color:#b7cbe8!important;
    border:1px solid #ffffff04!important;
    border-radius:9px
}
.calendar-days button[aria-pressed=true] {
    background:#ed3b40!important;
    color:#fff!important;
    border-color:#ed3b40!important;
    box-shadow:0 5px 15px #ed3b4030!important
}
.calendar-days button:disabled {
    background:#1b2533!important;
    color:#384c69!important;
    opacity:.65
}
.calendar-days button:not(:disabled):after {
    background:#e98896!important
}
.calendar-legend {
    color:#567498!important;
    font-size:8px
}
.calendar-legend i {
    background:#ea7d8c!important
}
.slot-heading {
    margin-top:24px
}
.slot-heading h3 {
    font-size:15px;
    color:#c1d2e9
}
.slot-heading span {
    font-size:8px;
    color:#6481a7
}
.booking-slots {
    gap:9px
}
.booking-slots button {
    background:#263348!important;
    border:1px solid #ffffff0b!important;
    color:#bbcfed!important;
    border-radius:9px;
    font-size:12px;
    padding:13px 7px
}
.booking-slots button small {
    color:#6e8eb9!important;
    font-size:8px
}
.booking-slots button[aria-pressed=true] {
    background:#ed3b4029!important;
    border-color:#ed3b40!important;
    color:#ffafb7!important;
    box-shadow:none!important
}
.booking-slots button[aria-pressed=true] small {
    color:#de8291!important
}
.booking-slots button:disabled {
    background:#202c3e!important;
    color:#486588!important
}
.booking-slots button:disabled small {
    color:#3b587c!important
}
.booking-bottom {
    border-color:#ffffff12!important
}
.booking-bottom>span {
    font-size:9px;
    color:#6785ad!important
}
.booking-selected {
    background:#263348!important;
    border-color:#ffffff0b!important;
    border-radius:11px
}
.booking-selected>span {
    background:#ed3b4029!important;
    color:#ef8694!important
}
.booking-selected strong {
    color:#bacfe9
}
.booking-selected small {
    color:#6c8bb5!important
}
.booking-selected button {
    color:#de8190!important
}
.booking-input-grid input,.booking-input-grid textarea,.booking-input-grid select {
    background:#263348;
    color:#d5e3f6;
    border-color:#ffffff0b
}
.booking-input-grid label {
    font-size:10px;
    color:#849fc4
}
.booking-consent {
    font-size:9px;
    color:#7793ba!important
}
.booking-consent a {
    color:#df8896
}
.booking-consent input {
    accent-color:#ed3b40;
    min-height:15px
}
.booking-email-note {
    font-size:8px!important;
    color:#54749f!important
}
.booking-alert {
    background:#4a2632!important;
    color:#ffb9c3!important;
    border-color:#ed3b40!important;
    border-radius:8px
}
.booking-success h2 {
    font-size:48px;
    color:#e1e9f3
}
.booking-success-mark {
    background:#ed3b401b!important;
    color:#ed8a97!important;
    border-color:#ed3b40!important
}
.booking-ticket {
    background:#263349!important;
    border-color:#ffffff0e!important;
    border-radius:14px
}
.booking-ticket strong {
    color:#d3e1f5
}
.booking-ticket span,.booking-ticket p {
    color:#91afd6!important
}
.booking-ticket small {
    color:#718eb6!important
}
.booking-ticket hr {
    border-color:#ffffff14
}
.booking-ticket b {
    color:#e88f9c
}
.booking-success>p:not(.eyebrow) {
    color:#7d9abf!important;
    font-size:12px
}
.sell-heading {
    padding:65px 0 35px
}
.sell-heading h1 {
    font-size:clamp(45px,5.4vw,74px);
    line-height:1.08
}
.sell-heading h1 span {
    color:#8393a9
}
.sell-heading>p:last-child {
    margin:23px 0 0;
    font-size:13px
}
.sell-layout {
    display:grid;
    grid-template-columns:290px 1fr;
    gap:40px;
    align-items:start;
    padding-bottom:100px
}
.sell-aside {
    position:sticky;
    top:115px
}
.sell-steps {
    margin:0 0 30px;
    padding:0;
    list-style:none
}
.sell-steps li {
    display:flex;
    align-items:center;
    gap:15px;
    padding:19px 0;
    border-bottom:1px solid #ffffff10;
    color:#4b6381
}
.sell-steps b {
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid #344763;
    display:grid;
    place-items:center;
    font-size:11px;
    flex-shrink:0
}
.sell-steps strong {
    font-size:12px;
    display:block
}
.sell-steps small {
    font-size:9px
}
.sell-steps .active {
    color:#baccdf
}
.sell-steps .active b {
    color:white;
    background:#ed3b40;
    border-color:#ed3b40;
    box-shadow:0 0 0 6px #ed3b400b
}
.sell-steps .done b {
    color:#fda2b0;
    background:#ed3b4019;
    border-color:#ed3b4038
}
.sell-aside>p {
    font-size:11px;
    color:#5f7ba2
}
.sell-aside>a {
    font-size:14px;
    color:#acbfdb
}
.sell-panel {
    padding:36px;
    border-radius:20px;
    background:#1b2431;
    border:1px solid #ffffff10;
    min-width:0
}
.sell-progress {
    height:3px;
    border-radius:4px;
    background:#2b3c53;
    margin-bottom:28px;
    overflow:hidden
}
.sell-progress span {
    display:block;
    width:25%;
    height:100%;
    background:#ed3b40;
    transition:width .4s
}
.sell-counter {
    color:#e78b9a;
    font-size:9px;
    letter-spacing:.17em;
    margin-bottom:9px
}
.sell-panel h2 {
    font-size:31px;
    color:#d3e0ef;
    line-height:1.15;
    margin-bottom:12px
}
.sell-panel .intro {
    font-size:11px;
    color:#7895bc;
    margin-bottom:25px
}
.sell-panel fieldset {
    padding:0;
    border:0;
    margin:0;
    min-width:0;
    animation:content-arrive .3s ease
}
.sell-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
.sell-grid .full {
    grid-column:1/-1
}
.sell-grid label {
    font-size:10px;
    color:#8ca7cd
}
.sell-grid label small {
    font-size:9px;
    color:#526f96;
    font-weight:400
}
.sell-grid input,.sell-grid select,.sell-grid textarea {
    background:#293950;
    border-color:#ffffff0b;
    color:#d1e1f7;
    font-size:12px;
    min-height:48px;
    border-radius:9px
}
.sell-grid input::placeholder,.sell-grid textarea::placeholder {
    color:#6281a9
}
.sell-bottom {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding-top:25px;
    margin-top:30px;
    border-top:1px solid #ffffff0f
}
.sell-bottom .small-note {
    font-size:9px;
    color:#6889b5
}
.sell-back {
    background:none;
    border:0;
    color:#97b2d8;
    font-size:11px
}
.sell-bottom .btn {
    min-height:48px;
    font-size:12px;
    padding:13px 20px
}
.sell-error {
    background:#532935;
    border-left:3px solid #ed3b40;
    border-radius:7px;
    padding:13px;
    font-size:11px;
    color:#ffb7c4;
    margin-bottom:20px
}
.drop-zone {
    display:block;
    border:1px dashed #597ba6;
    border-radius:14px;
    background:#24344c;
    text-align:center;
    padding:36px 20px;
    cursor:pointer;
    transition:.3s
}
.drop-zone.dragging {
    border-color:#ed3b40;
    background:#ed3b4019;
    transform:scale(1.01)
}
.drop-zone .upload-icon {
    display:block;
    font-size:34px;
    color:#ed8191;
    font-weight:400
}
.drop-zone strong {
    display:block;
    color:#a9c4e8;
    font-size:16px;
    margin:10px 0
}
.drop-zone small {
    font-size:10px;
    color:#5c82b5
}
.file-picker {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    clip-path:inset(50%);
    overflow:hidden;
    min-height:0!important
}
.previews {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin-top:18px
}
.preview {
    position:relative;
    min-width:0
}
.preview img {
    width:100%;
    aspect-ratio:1.4;
    object-fit:cover;
    border-radius:9px
}
.preview button {
    position:absolute;
    top:7px;
    right:7px;
    border:0;
    border-radius:50%;
    width:27px;
    height:27px;
    background:#172235cc;
    color:white;
    backdrop-filter:blur(10px)
}
.preview small {
    display:block;
    font-size:8px;
    color:#688dc0;
    margin-top:6px;
    overflow-wrap:anywhere
}
.document-box {
    background:#263952;
    border:1px solid #ffffff0b;
    border-radius:12px;
    padding:22px;
    margin-top:25px
}
.document-box label {
    color:#93b4de;
    font-size:11px
}
.document-box input {
    font-size:10px;
    background:#304967;
    color:#9bb9de
}
.document-box p {
    font-size:9px;
    color:#5c85bb;
    margin:12px 0 0
}
.small-note {
    font-size:9px;
    color:#668cc0;
    margin-top:17px
}
.sell-consent {
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:9px;
    font-weight:450;
    color:#708eb8;
    margin-top:24px
}
.sell-consent input {
    width:15px;
    height:15px;
    min-height:15px;
    flex-shrink:0;
    accent-color:#ed3b40;
    margin-top:3px
}
.sell-consent a {
    color:#df8596
}
.sell-summary {
    padding:18px;
    border-radius:11px;
    background:#283c59;
    border:1px solid #ffffff0b;
    color:#9bbbeb;
    font-size:12px;
    line-height:1.85;
    margin-bottom:25px
}
.sell-upload-progress {
    width:100%;
    accent-color:#ed3b40;
    margin-top:20px
}
.sell-success {
    text-align:center;
    padding:30px 5px
}
.sell-success .mark {
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    background:#ed3b401a;
    border:1px solid #ed3b4055;
    color:#fda0b1;
    border-radius:50%;
    font-size:30px;
    margin:0 auto 24px
}
.sell-success h2 {
    font-size:45px;
    line-height:1.13
}
.sell-success p {
    font-size:12px;
    color:#7a9dd0
}
.sell-success strong {
    display:block;
    padding:20px;
    background:#2a4060;
    border-radius:12px;
    color:#a6c6f5;
    margin:24px 0;
    font-size:18px;
    letter-spacing:.06em
}
.honeypot {
    position:absolute;
    left:-10000px;
    width:1px;
    overflow:hidden
}
.contact-page {
    padding-top:65px;
    padding-bottom:100px
}
.contact-page h1 {
    font-size:clamp(44px,5.5vw,75px)
}
.contact-page h1 span {
    color:#8492a6
}
.contact-page>p:not(.eyebrow) {
    font-size:13px;
    color:#7c94b4
}
.contact-option {
    background:#1d293b;
    border:1px solid #ffffff0b;
    border-radius:15px;
    color:#a5c0e6;
    padding:23px;
    transition:.25s
}
.contact-option:hover {
    transform:translateX(5px);
    border-color:#ed3b4055;
    background:#213147
}
.contact-option small {
    font-size:8px;
    color:#547cae
}
.contact-option strong {
    font-size:17px;
    color:#a6c1e7
}
.contact-option>span {
    color:#e47f92;
    font-size:22px
}
.location-card {
    background:#1d293b;
    border:1px solid #ffffff0b;
    border-radius:20px;
    padding:38px
}
.location-card h2 {
    font-size:35px;
    color:#c4d7f0
}
.location-card p {
    font-size:12px;
    color:#6b95ce
}
.location-card strong {
    color:#b3cbeb
}
.legal {
    padding-top:65px
}
.legal h1 {
    font-size:65px
}
.legal h2 {
    color:#b5c9e6;
    font-size:27px
}
.legal p {
    color:#769bcf;
    font-size:13px
}
.legal-note {
    background:#263957;
    border-color:#ed3b40;
    color:#a4c6f6!important;
    border-radius:10px;
    font-size:11px!important
}
.compare-tray {
    position:fixed;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:22px;
    background:#202a3ae8;
    backdrop-filter:blur(20px);
    border:1px solid #ffffff22;
    border-radius:17px;
    padding:12px 15px;
    box-shadow:0 20px 60px #0007;
    z-index:80;
    max-width:calc(100% - 30px);
    width:max-content;
    color:#a3bbdd;
    font-size:11px
}
.compare-tray>b {
    color:white
}
.compare-mini {
    display:flex;
    gap:6px
}
.compare-mini img {
    width:42px;
    height:32px;
    object-fit:cover;
    border-radius:6px
}
.tray-clear {
    border:0;
    background:none;
    font-size:23px;
    color:#7394c5
}
.compare-tray .btn {
    font-size:10px;
    min-height:38px;
    padding:10px 15px
}
.compare-tray span {
    white-space:nowrap
}
#compare-dialog {
    width:min(1080px,calc(100vw - 36px));
    max-height:85vh;
    padding:35px;
    border:1px solid #ffffff20;
    border-radius:22px;
    background:#152033;
    color:#b6d0f4;
    box-shadow:0 35px 100px #0009
}
#compare-dialog::backdrop {
    background:#050910bc;
    backdrop-filter:blur(8px)
}
.compare-dialog-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px
}
.compare-dialog-head h2 {
    font-size:32px;
    color:#c6daf7
}
.compare-dialog-head .eyebrow {
    margin-bottom:12px;
    font-size:8px
}
.dialog-close {
    border:1px solid #ffffff20;
    border-radius:50%;
    width:34px;
    height:34px;
    background:#233550;
    color:#accbf8;
    font-size:24px
}
.compare-content {
    overflow-x:auto
}
.compare-table {
    width:100%;
    border-collapse:collapse;
    text-align:left;
    font-size:11px;
    min-width:530px
}
.compare-table th,.compare-table td {
    border-bottom:1px solid #ffffff12;
    padding:16px;
    vertical-align:top;
    min-width:170px
}
.compare-table th:first-child,.compare-table td:first-child {
    font-size:9px;
    color:#4d81c7;
    min-width:100px;
    width:110px;
    padding-left:0
}
.compare-table th {
    font-size:16px;
    letter-spacing:-.035em;
    color:#b3cef5;
    font-weight:600
}
.compare-table img {
    width:100%;
    aspect-ratio:1.5;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:15px
}
.compare-table strong {
    font-size:21px;
    color:#e49daf;
    letter-spacing:-.04em
}
.compare-table a {
    display:inline-block;
    font-size:11px;
    color:#d0829b;
    margin-top:9px
}
.compare-table .compare-remove {
    color:#608ad0;
    font-size:9px;
    border:0;
    background:none;
    margin-top:10px;
    padding:0
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
[hidden] {
    display:none!important
}
@media(max-width:1150px) {
    .container {
        width:calc(100% - 56px)
    }
    nav#navigation {
        gap:20px
    }
    .brand-logo img {
        width:145px
    }
    .drive-hero {
        min-height:690px
    }
    .drive-hero h1 {
        font-size:80px
    }
    .drive-hero-content {
        padding-top:95px
    }
    .finance-layout,.sell-feature {
        gap:55px
    }
    .finance-story h2 {
        font-size:53px
    }
    .discovery-section {
        gap:25px;
        padding:29px
    }
    .discovery-title {
        min-width:190px
    }
    .discovery-title h2 {
        font-size:26px
    }
    .car-body {
        padding:17px 18px 22px
    }
    .car-bottom strong {
        font-size:23px
    }
    .compare-add {
        font-size:8px;
        padding:6px
    }
    .car-body h3 {
        font-size:24px
    }
    .sell-feature-art {
        min-height:530px
    }
    .sell-art-caption {
        font-size:44px
    }
    .about-tim-grid {
        gap:50px
    }
    .about-tim-grid h2 {
        font-size:50px
    }
    .footer-top {
        gap:25px
    }
    .booking-layout {
        grid-template-columns:270px 1fr;
        gap:25px
    }
    .filter-panel form {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }

}
@media(max-width:980px) {
    .menu-toggle {
        display:flex;
        width:38px;
        height:38px;
        border:1px solid #ffffff1b;
        border-radius:9px;
        background:#222936;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        padding:10px;
        order:2
    }
    .menu-toggle span {
        height:1px;
        background:#c3d5ef;
        width:100%;
        display:block
    }
    .site-header #navigation {
        display:none;
        position:absolute;
        top:88px;
        left:0;
        right:0;
        background:#141c29;
        border-bottom:1px solid #ffffff20;
        padding:24px 28px;
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
        font-size:14px
    }
    .site-header #navigation.open {
        display:flex
    }
    .nav-wrap {
        justify-content:space-between
    }
    .drive-hero h1 {
        font-size:76px
    }
    .hero-gradient {
        background:linear-gradient(90deg,#08090be8,#08090b9e 45%,#08090b10 90%),linear-gradient(0deg,#101114,transparent 40%)
    }
    .discovery-section {
        display:block;
        padding:27px
    }
    .discovery-title {
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:20px
    }
    .discovery-title .eyebrow {
        margin:0
    }
    .finance-layout {
        gap:35px
    }
    .calculator {
        padding:26px
    }
    .calc-result strong {
        font-size:43px
    }
    .finance-story h2 {
        font-size:47px
    }
    .car-grid,.stock-grid.car-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .collection-section>.car-grid>.car-card:last-child {
        display:none
    }
    .stock-grid.car-grid>.car-card:last-child {
        display:block
    }
    .collection-tools {
        gap:25px;
        font-size:10px
    }
    .sell-feature {
        gap:35px
    }
    .sell-feature-art {
        min-height:490px
    }
    .sell-art-sticker {
        width:100px;
        height:100px;
        font-size:8px
    }
    .sell-feature-copy h2 {
        font-size:37px
    }
    .about-tim-grid {
        grid-template-columns:1fr 1fr;
        gap:35px
    }
    .about-tim-grid h2 {
        font-size:41px
    }
    .about-tim-grid .lead {
        font-size:20px
    }
    .visit-section {
        padding:40px
    }
    .visit-bottom {
        gap:22px
    }
    .visit-bottom a {
        font-size:10px
    }
    .booking-layout {
        grid-template-columns:230px 1fr;
        gap:20px
    }
    .booking-location {
        padding:25px!important
    }
    .booking-location h2 {
        font-size:25px
    }
    .booking-panel {
        padding:25px!important
    }
    .sell-layout {
        grid-template-columns:230px 1fr;
        gap:25px
    }
    .sell-panel {
        padding:28px
    }
    .faq-layout {
        gap:40px
    }
    .footer-top {
        grid-template-columns:1fr 1fr
    }
    .footer-call a {
        font-size:22px
    }

}
@media(max-width:700px) {
    .container {
        width:calc(100% - 36px)
    }
    .nav-wrap {
        height:78px
    }
    .brand-logo img {
        width:142px;
        height:56px
    }
    .site-header #navigation {
        top:78px;
        padding:22px 20px
    }
    .drive-hero {
        min-height:725px
    }
    .drive-hero-image {
        height:100%;
        object-position:62% center;
        opacity:.75
    }
    .hero-gradient {
        background:linear-gradient(0deg,#101114,#08090b10 45%,#08090bdf 85%),linear-gradient(90deg,#08090bd9,#08090b50 70%)
    }
    .drive-hero-content {
        padding-top:57px;
        padding-bottom:0
    }
    .hero-topline {
        font-size:7px;
        gap:7px;
        margin-bottom:24px
    }
    .drive-hero h1 {
        font-size:clamp(42px,10.8vw,70px);
        letter-spacing:-.07em;
        line-height:1.05
    }
    .drive-hero h1 span {
        color:#c2c9d4
    }
    .drive-hero-content>p {
        font-size:13px;
        margin-top:22px;
        line-height:1.9
    }
    .hero-actions {
        gap:22px;
        margin-top:25px;
        flex-wrap:wrap;
        align-items:center
    }
    .hero-actions .btn {
        min-height:49px;
        font-size:11px;
        padding:14px 18px;
        gap:15px
    }
    .hero-text-link {
        font-size:11px;
        gap:9px
    }
    .hero-text-link span {
        font-size:17px
    }
    .hero-inventory {
        margin-top:27px;
        gap:13px
    }
    .hero-inventory strong {
        font-size:11px
    }
    .hero-inventory a {
        font-size:8px
    }
    .inventory-dots i {
        width:26px;
        height:26px
    }
    .hero-bottom {
        bottom:38px;
        gap:15px;
        flex-wrap:wrap;
        font-size:7px
    }
    .hero-bottom>span {
        display:none
    }
    .hero-bottom small {
        font-size:7px
    }
    .hero-progress {
        right:13px;
        top:25px;
        font-size:7px;
        gap:10px
    }
    .hero-progress i {
        height:35px
    }
    .discovery-section {
        margin-top:0;
        padding:23px 19px;
        border-radius:17px
    }
    .discovery-title {
        display:block;
        margin-bottom:20px
    }
    .discovery-title .eyebrow {
        font-size:8px;
        margin-bottom:8px
    }
    .discovery-title h2 {
        font-size:26px
    }
    .discovery-form {
        grid-template-columns:1fr 1fr;
        gap:12px
    }
    .discovery-form label {
        font-size:9px
    }
    .discovery-form input,.discovery-form select {
        font-size:11px;
        min-height:46px;
        padding:11px 12px
    }
    .discovery-form .btn {
        grid-column:1/-1;
        min-height:46px;
        font-size:11px;
        padding:12px
    }
    .section {
        padding-block:64px
    }
    .collection-section {
        padding-top:62px
    }
    .section-heading {
        display:flex;
        align-items:flex-start;
        gap:20px;
        margin-bottom:25px
    }
    .section-heading h2 {
        font-size:36px;
        line-height:1.08;
        max-width:240px
    }
    .section-heading .eyebrow {
        font-size:8px;
        max-width:220px;
        line-height:1.8
    }
    .section-heading .arrow-link {
        font-size:9px;
        gap:8px;
        white-space:nowrap;
        padding-top:32px
    }
    .section-heading .arrow-link span {
        width:28px;
        height:28px;
        font-size:17px
    }
    .car-grid,.stock-grid.car-grid {
        grid-template-columns:1fr;
        gap:23px
    }
    .collection-section>.car-grid>.car-card:last-child {
        display:block
    }
    .car-card {
        border-radius:18px
    }
    .car-body {
        padding:19px 22px 23px
    }
    .car-body h3 {
        font-size:27px
    }
    .car-version {
        font-size:11px;
        min-height:0
    }
    .car-bottom strong {
        font-size:26px
    }
    .compare-add {
        font-size:9px;
        padding:8px 10px
    }
    .card-brand .eyebrow {
        font-size:9px
    }
    .card-brand>span {
        font-size:10px
    }
    .car-facts span {
        font-size:9px
    }
    .rate-card-note {
        font-size:8px;
        margin-top:18px
    }
    .collection-tools {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:16px;
        font-size:9px;
        margin-top:24px
    }
    .collection-tools>a {
        grid-column:1/-1;
        justify-self:center
    }
    .finance-experience {
        padding:65px 0
    }
    .finance-layout {
        grid-template-columns:1fr;
        gap:36px
    }
    .finance-story h2 {
        font-size:46px
    }
    .finance-story>p {
        font-size:12px;
        line-height:1.9;
        margin-bottom:24px
    }
    .finance-controls {
        margin:27px 0 22px;
        gap:13px
    }
    .finance-number {
        width:30px;
        height:30px;
        font-size:10px
    }
    .finance-controls strong {
        font-size:11px
    }
    .finance-controls select {
        font-size:11px;
        min-height:47px;
        padding:12px;
        max-width:100%
    }
    .finance-features {
        margin-bottom:22px
    }
    .finance-features>span {
        font-size:8px;
        padding:6px 10px
    }
    .calculator {
        padding:25px 20px;
        border-radius:20px
    }
    .calc-head {
        margin-bottom:22px
    }
    .calc-fields {
        gap:16px 13px
    }
    .calc-fields input,.calc-fields select {
        font-size:12px;
        min-height:47px;
        padding:11px 12px
    }
    .calc-fields label {
        font-size:9px
    }
    .calc-result {
        padding:21px 20px;
        margin-top:24px
    }
    .calc-result strong {
        font-size:45px
    }
    .calc-summary span {
        font-size:9px
    }
    .calc-summary b {
        font-size:10px
    }
    .calculator .fineprint {
        font-size:8px;
        line-height:1.8
    }
    .finance-page-head {
        padding-top:42px;
        padding-bottom:25px
    }
    .finance-page-head h1 {
        font-size:49px
    }
    .finance-page-head>p:last-child {
        font-size:12px
    }
    .finance-page-layout {
        padding-bottom:65px
    }
    .finance-explain>div {
        padding:18px 0 18px 35px
    }
    .finance-explain h3 {
        font-size:21px
    }
    .finance-explain p {
        font-size:11px
    }
    .finance-explain b {
        top:23px
    }
    .finance-page-layout .btn {
        font-size:11px;
        min-height:47px
    }
    .sell-feature {
        grid-template-columns:1fr;
        gap:35px
    }
    .sell-feature-art {
        min-height:425px;
        border-radius:18px
    }
    .sell-art-caption {
        font-size:44px;
        bottom:28px;
        left:25px
    }
    .sell-art-sticker {
        top:40%;
        right:20px;
        width:100px;
        height:100px
    }
    .sell-feature-copy h2 {
        font-size:39px
    }
    .sell-feature-copy>p {
        font-size:12px
    }
    .sell-path>div {
        margin-bottom:19px
    }
    .sell-path span {
        font-size:12px
    }
    .sell-feature-copy .btn {
        font-size:12px
    }
    .about-tim {
        padding:38px 0 62px
    }
    .about-tim-top {
        margin-bottom:22px;
        gap:20px
    }
    .about-tim-top .eyebrow {
        font-size:8px;
        margin:0
    }
    .about-coordinate {
        font-size:7px;
        white-space:nowrap
    }
    .about-tim-grid {
        grid-template-columns:1fr;
        gap:30px
    }
    .about-tim-grid h2 {
        font-size:clamp(35px,9.8vw,52px)
    }
    .about-tim-grid .lead {
        font-size:21px;
        margin-bottom:18px
    }
    .about-tim-grid p:not(.lead) {
        font-size:12px
    }
    .visit-section {
        padding:30px 24px;
        border-radius:18px
    }
    .visit-header {
        align-items:center;
        gap:13px
    }
    .visit-header h2 {
        font-size:36px
    }
    .visit-header .eyebrow {
        font-size:7px;
        max-width:210px;
        line-height:1.8;
        margin-bottom:13px
    }
    .circle-link {
        width:55px;
        height:55px;
        font-size:27px
    }
    .visit-bottom {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:13px;
        font-size:8px;
        padding-top:21px;
        margin-top:25px
    }
    .visit-bottom a {
        margin-left:0;
        font-size:9px
    }
    .faq-layout {
        grid-template-columns:1fr;
        gap:28px
    }
    .faq-layout h2 {
        font-size:36px
    }
    .faq-layout summary {
        font-size:13px;
        line-height:1.55;
        gap:15px
    }
    .faq-layout details p {
        font-size:11px
    }
    .faq-layout details {
        padding:19px 0
    }
    .site-footer {
        padding-top:35px
    }
    .footer-call {
        display:block;
        padding-bottom:23px;
        margin-bottom:28px
    }
    .footer-call>span {
        font-size:11px
    }
    .footer-call a {
        display:block;
        font-size:26px;
        margin-top:8px
    }
    .footer-top {
        gap:25px;
        grid-template-columns:1fr 1fr
    }
    .footer-top>div:first-child {
        grid-column:1/-1
    }
    .footer-top>div:last-child {
        grid-column:1/-1
    }
    .footer-top p {
        font-size:10px
    }
    .footer-top a:not(.brand-logo) {
        font-size:10px
    }
    .footer-top .eyebrow {
        margin-bottom:12px;
        font-size:8px
    }
    .footer-bottom {
        flex-direction:column;
        align-items:flex-start;
        margin-top:27px;
        gap:15px
    }
    .footer-bottom>div {
        flex-wrap:wrap;
        gap:15px
    }
    .stock-head {
        padding-top:42px;
        padding-bottom:20px
    }
    .stock-head h1 {
        font-size:47px
    }
    .stock-intro-top {
        display:block;
        margin-bottom:18px
    }
    .stock-intro-top .eyebrow {
        font-size:8px;
        margin-bottom:13px
    }
    .stock-total {
        font-size:9px;
        padding:6px 10px
    }
    .brand-chips {
        margin-top:25px;
        gap:7px
    }
    .brand-chips a {
        font-size:9px;
        padding:7px 12px
    }
    .stock-layout {
        padding-top:15px;
        padding-bottom:60px
    }
    .filter-panel {
        padding:22px 18px;
        border-radius:17px;
        margin-bottom:29px
    }
    .filter-heading h2 {
        font-size:20px
    }
    .filter-heading>a {
        font-size:8px;
        white-space:nowrap
    }
    .filter-panel form {
        grid-template-columns:1fr 1fr;
        gap:12px
    }
    .filter-panel .stock-search-label {
        grid-column:1/-1
    }
    .filter-panel .btn {
        grid-column:1/-1
    }
    .filter-panel label {
        font-size:9px
    }
    .filter-panel input,.filter-panel select {
        font-size:11px;
        min-height:43px
    }
    .results-toolbar {
        align-items:center;
        gap:15px;
        margin-bottom:20px
    }
    .results-toolbar strong {
        font-size:18px
    }
    .results-toolbar span {
        font-size:8px;
        max-width:170px
    }
    .sort-control {
        font-size:8px
    }
    .sort-control select {
        font-size:9px;
        max-width:145px;
        min-height:35px;
        padding:8px
    }
    .detail-main {
        padding-top:20px
    }
    .detail-heading h1 {
        font-size:40px
    }
    .detail-heading .eyebrow {
        font-size:8px
    }
    .detail-heading p:not(.eyebrow) {
        font-size:11px
    }
    .detail-layout {
        display:flex;
        flex-direction:column;
        gap:25px
    }
    .detail-left {
        width:100%;
        min-width:0
    }
    .purchase-card {
        order:-1;
        width:100%
    }
    .purchase-inner {
        padding:22px;
        border-radius:16px;
        position:static
    }
    .vehicle-price {
        font-size:39px
    }
    .purchase-inner .eyebrow {
        font-size:8px
    }
    .purchase-inner .btn {
        min-height:45px;
        font-size:11px
    }
    .purchase-title {
        font-size:15px
    }
    .purchase-inner hr {
        margin-block:17px
    }
    .purchase-contact {
        display:none
    }
    .purchase-finance {
        margin:18px 0 14px
    }
    .purchase-inner small {
        font-size:8px
    }
    .gallery {
        border-radius:15px
    }
    .gallery-stage {
        border-radius:13px
    }
    .gallery-thumbs {
        padding:10px;
        gap:7px
    }
    .gallery-thumbs button {
        width:75px
    }
    .quick-facts {
        grid-template-columns:1fr 1fr;
        gap:18px;
        padding:20px
    }
    .quick-facts>div+div {
        border:0
    }
    .quick-facts strong {
        font-size:13px
    }
    .detail-tabs {
        top:78px;
        font-size:9px;
        overflow-x:auto;
        gap:19px;
        white-space:nowrap
    }
    .detail-tabs a {
        font-size:9px;
        flex-shrink:0
    }
    .detail-section {
        padding-block:32px
    }
    .detail-section h2 {
        font-size:31px
    }
    .spec-grid {
        gap:0 17px
    }
    .spec-grid dt {
        font-size:9px
    }
    .spec-grid dd {
        font-size:11px
    }
    .feature-list {
        gap:9px
    }
    .feature-list li {
        font-size:10px;
        padding:9px 12px
    }
    .vehicle-description {
        font-size:11px
    }
    .mobile-purchase {
        display:none
    }
    .booking-main {
        padding-top:38px;
        padding-bottom:65px
    }
    .booking-heading h1 {
        font-size:41px!important
    }
    .booking-heading h1 span {
        font-size:inherit!important
    }
    .booking-heading>div>p:last-child {
        font-size:11px
    }
    .booking-stamp {
        display:none
    }
    .booking-layout {
        display:flex;
        flex-direction:column;
        gap:25px
    }
    .booking-aside {
        width:100%;
        order:2
    }
    .booking-location {
        display:none
    }
    .booking-help {
        margin:0;
        text-align:center;
        font-size:10px
    }
    .booking-help a {
        display:block;
        font-size:15px;
        margin-top:5px
    }
    .booking-panel {
        width:100%;
        padding:23px 18px!important;
        border-radius:17px!important
    }
    .booking-steps {
        gap:9px;
        margin-bottom:22px!important;
        padding-bottom:20px!important
    }
    .booking-steps>span {
        font-size:9px
    }
    .booking-steps b {
        width:25px;
        height:25px;
        font-size:10px
    }
    .booking-steps i {
        width:15px
    }
    .booking-section-title h2 {
        font-size:24px
    }
    .booking-section-title>span {
        display:none
    }
    .calendar-days button {
        min-height:39px;
        font-size:11px;
        border-radius:7px
    }
    .calendar-week span {
        font-size:8px
    }
    .calendar-nav {
        padding:10px!important
    }
    .calendar-nav strong {
        font-size:12px
    }
    .calendar-nav button {
        width:28px;
        height:28px
    }
    .calendar-legend {
        font-size:7px
    }
    .calendar-legend>span:last-child {
        display:none
    }
    .slot-heading h3 {
        font-size:14px
    }
    .booking-slots {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px
    }
    .booking-slots button {
        font-size:11px;
        padding:12px 4px
    }
    .booking-slots button small {
        font-size:7px
    }
    .booking-bottom {
        display:block;
        padding-top:21px;
        margin-top:25px
    }
    .booking-bottom>.btn {
        width:100%;
        margin-top:15px;
        font-size:11px;
        min-height:46px
    }
    .booking-bottom>span {
        display:block;
        font-size:8px
    }
    .booking-input-grid {
        grid-template-columns:1fr;
        gap:17px
    }
    .booking-input-grid .full {
        grid-column:auto
    }
    .booking-input-grid input,.booking-input-grid select,.booking-input-grid textarea {
        font-size:12px
    }
    .booking-selected {
        padding:14px;
        gap:10px
    }
    .booking-selected strong {
        font-size:12px
    }
    .booking-selected small {
        font-size:9px
    }
    .booking-selected .text-button {
        font-size:9px
    }
    .booking-success h2 {
        font-size:38px
    }
    .booking-ticket {
        padding:23px 18px
    }
    .booking-ticket strong {
        font-size:23px
    }
    .booking-ticket p {
        font-size:9px
    }
    .booking-success-actions {
        display:flex;
        flex-direction:column
    }
    .booking-success-actions .btn {
        font-size:11px;
        min-height:45px
    }
    .sell-heading {
        padding-top:40px;
        padding-bottom:27px
    }
    .sell-heading h1 {
        font-size:41px
    }
    .sell-heading .eyebrow {
        font-size:8px
    }
    .sell-heading>p:last-child {
        font-size:11px;
        line-height:1.8
    }
    .sell-layout {
        display:block;
        padding-bottom:60px
    }
    .sell-aside {
        position:static
    }
    .sell-aside>p,.sell-aside>a {
        display:none
    }
    .sell-steps {
        display:flex;
        justify-content:space-between;
        gap:8px;
        margin-bottom:24px
    }
    .sell-steps li {
        display:block;
        padding:0;
        text-align:center;
        flex:1;
        border:0;
        min-width:0
    }
    .sell-steps b {
        margin:0 auto 9px;
        width:30px;
        height:30px;
        font-size:9px
    }
    .sell-steps strong {
        font-size:8px;
        line-height:1.5
    }
    .sell-steps small {
        display:none
    }
    .sell-panel {
        padding:25px 18px;
        border-radius:17px
    }
    .sell-panel h2 {
        font-size:28px
    }
    .sell-panel .intro {
        font-size:10px
    }
    .sell-grid {
        grid-template-columns:1fr;
        gap:16px
    }
    .sell-grid .full {
        grid-column:auto
    }
    .sell-grid label {
        font-size:10px
    }
    .sell-grid input,.sell-grid select,.sell-grid textarea {
        min-height:46px;
        font-size:12px
    }
    .sell-bottom {
        gap:15px
    }
    .sell-bottom .btn {
        font-size:11px;
        min-height:46px;
        padding:12px 17px
    }
    .sell-back {
        font-size:10px
    }
    .sell-bottom .small-note {
        font-size:8px
    }
    .drop-zone {
        padding:30px 15px;
        border-radius:12px
    }
    .drop-zone strong {
        font-size:15px
    }
    .drop-zone small {
        font-size:9px
    }
    .previews {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
    .document-box {
        padding:18px;
        border-radius:10px
    }
    .document-box label {
        font-size:10px
    }
    .document-box input {
        font-size:9px;
        max-width:100%
    }
    .document-box p {
        font-size:8px;
        line-height:1.9
    }
    .sell-summary {
        font-size:11px
    }
    .sell-success h2 {
        font-size:36px
    }
    .sell-success p {
        font-size:11px
    }
    .sell-success .btn {
        font-size:11px
    }
    .contact-page {
        padding-top:40px;
        padding-bottom:65px
    }
    .contact-page h1 {
        font-size:46px
    }
    .contact-page>p:not(.eyebrow) {
        font-size:11px
    }
    .contact-layout {
        gap:24px
    }
    .contact-option {
        padding:20px;
        border-radius:13px
    }
    .contact-option strong {
        font-size:15px
    }
    .contact-option small {
        font-size:7px
    }
    .location-card {
        padding:28px;
        border-radius:17px
    }
    .location-card h2 {
        font-size:33px
    }
    .location-card p {
        font-size:11px
    }
    .location-card .btn {
        font-size:11px
    }
    .legal {
        padding-top:40px
    }
    .legal h1 {
        font-size:46px
    }
    .legal h2 {
        font-size:26px
    }
    .legal p {
        font-size:11px
    }
    .compare-tray {
        bottom:13px;
        gap:12px;
        padding:10px 12px;
        border-radius:13px;
        width:calc(100% - 26px);
        font-size:9px;
        justify-content:space-between
    }
    .compare-mini {
        display:none
    }
    .compare-tray .btn {
        font-size:9px;
        min-height:35px;
        padding:9px 12px;
        gap:8px
    }
    .tray-clear {
        font-size:19px
    }
    .compare-tray>span {
        font-size:9px
    }
    #compare-dialog {
        padding:23px 18px;
        border-radius:17px;
        max-height:86vh;
        width:calc(100vw - 24px)
    }
    .compare-dialog-head {
        gap:15px;
        margin-bottom:20px
    }
    .compare-dialog-head h2 {
        font-size:25px
    }
    .compare-dialog-head .eyebrow {
        font-size:7px
    }
    .dialog-close {
        width:29px;
        height:29px;
        flex-shrink:0
    }
    .compare-table {
        font-size:10px
    }
    .compare-table th,.compare-table td {
        padding:13px;
        min-width:160px
    }
    .compare-table th {
        font-size:14px
    }
    .compare-table strong {
        font-size:19px
    }
    .compare-table th:first-child,.compare-table td:first-child {
        font-size:8px;
        min-width:90px
    }
    .compare-table .compare-remove {
        font-size:8px
    }
    .back-top {
        right:15px;
        bottom:18px;
        width:33px;
        height:33px
    }
    .toast {
        bottom:80px;
        font-size:11px;
        max-width:calc(100% - 40px);
        text-align:center
    }

}
@media(max-width:370px) {
    .drive-hero h1 {
        font-size:39px
    }
    .drive-hero {
        min-height:690px
    }
    .hero-actions {
        gap:16px
    }
    .hero-actions .btn {
        font-size:10px
    }
    .hero-text-link {
        font-size:10px
    }
    .section-heading h2 {
        font-size:32px
    }
    .section-heading .arrow-link {
        font-size:8px;
        gap:5px
    }
    .about-tim-grid h2 {
        font-size:33px
    }
    .visit-header h2 {
        font-size:32px
    }
    .calc-result strong {
        font-size:39px
    }
    .card-bottom strong {
        font-size:24px
    }
    .sell-heading h1,.booking-heading h1 {
        font-size:37px!important
    }
    .discovery-form {
        grid-template-columns:1fr
    }
    .discovery-form .btn {
        grid-column:auto
    }

}
@media(prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important
    }
    .drive-hero-image {
        transform:none!important
    }
    .js-motion .reveal {
        opacity:1!important;
        transform:none!important
    }

}
@media print {
    body {
        background:white!important;
        color:black!important
    }
    .site-header,.site-footer,.compare-tray,.back-top,.mobile-purchase,.detail-actions,.gallery-play {
        display:none!important
    }
    .detail-layout {
        display:block
    }
    .purchase-inner,.quick-facts,.feature-list li {
        background:white!important;
        color:black!important
    }
    .detail-heading h1,.vehicle-price,.spec-grid dd,.vehicle-description {
        color:black!important
    }
    .calculator {
        break-inside:avoid;
        background:white!important;
        color:black!important
    }

}
.scroll-progress {
    position:fixed;
    left:0;
    top:0;
    height:2px;
    background:#ed3b40;
    z-index:100;
    pointer-events:none;
    box-shadow:0 0 12px #ed3b4066
}
#compare-dialog[open] {
    animation:content-arrive .25s ease
}
.car-card.reveal.in-view {
    transition:transform .4s,border-color .4s,box-shadow .4s
}
.skip-link {
    background:#ed3b40;
    color:#fff
}
/* Readable controls on desktop and small touchscreens. */ label,.sell-grid label,.booking-input-grid label {
    font-size:12px
}
.sell-grid input,.sell-grid select,.sell-grid textarea,.booking-input-grid input,.booking-input-grid select,.booking-input-grid textarea {
    font-size:14px
}
.sell-panel .intro {
    font-size:12px;
    color:#94abc9
}
.sell-panel label small {
    font-size:11px;
    color:#8299b7
}
.sell-steps strong {
    font-size:13px
}
.sell-steps small {
    font-size:11px;
    color:#8295b0
}
.sell-aside>p {
    font-size:12px;
    color:#879cba
}
.booking-consent,.sell-consent {
    font-size:11px;
    color:#9aaeca!important
}
.booking-email-note {
    font-size:10px!important;
    color:#849bb9!important
}
.calendar-legend {
    color:#8fa3c0!important;
    font-size:10px
}
.booking-slots button small {
    color:#92a9c9!important;
    font-size:10px
}
.booking-section-title>span,.slot-heading span {
    font-size:10px;
    color:#8ca4c3
}
.booking-info small {
    color:#94a8c6!important;
    font-size:11px
}
.booking-location>p {
    color:#9ba9bd!important;
    font-size:12px
}
.calc-fields label {
    font-size:11px
}
.calc-summary span {
    font-size:11px
}
.calc-summary b {
    font-size:12px
}
.car-version {
    font-size:12px;
    color:#a2a7b0
}
.car-facts span {
    font-size:10px;
    color:#b5bac5
}
.card-rate {
    font-size:10px!important;
    color:#a2aabb!important
}
.compare-add {
    font-size:10px
}
.filter-panel label {
    font-size:11px
}
.filter-panel input,.filter-panel select {
    font-size:13px
}
.stock-note,.rate-card-note {
    font-size:10px;
    color:#8992a2
}
.footer-top p {
    font-size:12px;
    color:#949ba7
}
.footer-top a:not(.brand-logo) {
    font-size:12px;
    color:#bbc1cb
}
.footer-bottom a,.footer-bottom button,.footer-bottom {
    font-size:10px;
    color:#8d98a9
}
.finance-story>p,.sell-feature-copy>p {
    font-size:15px
}
.discovery-form input,.discovery-form select {
    font-size:14px
}
.document-box p {
    font-size:11px;
    color:#8fa8ca
}
.contact-page>p:not(.eyebrow),.location-card p {
    color:#99aeca
}
.legal p {
    color:#a0b5d3
}
.spec-grid dt {
    color:#8ba0bc;
    font-size:11px
}
.spec-grid dd {
    font-size:13px
}
.vehicle-description {
    font-size:14px;
    color:#a9b9cf
}
.feature-list li {
    font-size:12px;
    color:#b5c5db
}
.fineprint {
    font-size:10px;
    color:#8495ae
}
.faq-layout details p {
    font-size:14px
}
.faq-layout summary {
    font-size:16px
}
@media(max-width:700px) {
    .sell-steps strong {
        font-size:9px
    }
    .sell-steps small {
        display:none
    }
    .filter-panel label {
        font-size:10px
    }
    .filter-panel input,.filter-panel select {
        font-size:12px
    }
    .sell-grid label,.booking-input-grid label {
        font-size:12px
    }
    .sell-grid input,.sell-grid select,.sell-grid textarea,.booking-input-grid input,.booking-input-grid select,.booking-input-grid textarea {
        font-size:16px
    }
    .calc-fields input,.calc-fields select {
        font-size:14px
    }
    .calc-fields label {
        font-size:11px
    }
    .calendar-legend {
        font-size:9px
    }
    .booking-slots button small {
        font-size:9px
    }
    .booking-consent,.sell-consent {
        font-size:11px
    }
    .sell-panel .intro {
        font-size:12px
    }
    .finance-story>p,.sell-feature-copy>p {
        font-size:14px
    }
    .car-version {
        font-size:12px
    }
    .compare-add {
        font-size:10px
    }
    .footer-top a:not(.brand-logo),.footer-top p {
        font-size:11px
    }
    .faq-layout summary {
        font-size:14px
    }
    .faq-layout details p {
        font-size:12px
    }
    .vehicle-description {
        font-size:12px
    }
    .spec-grid dt {
        font-size:10px
    }
    .spec-grid dd {
        font-size:12px
    }
    .document-box p {
        font-size:10px
    }
    .discovery-form input,.discovery-form select {
        font-size:13px
    }

}