/* ==================================================================
   Rodar website — v6 design
   Used only by pages built on inc/v6/*. Old pages keep style.css.
   Colours: #222222 text/dark panels/footer, #F5F3EF beige sections,
   #2F55ED blue for buttons and links only.
   ================================================================== */

@font-face { font-family: 'Nolan'; src: url('../fonts/Nolan-Regular.woff2') format('woff2'), url('../fonts/Nolan-Regular.woff') format('woff'); font-weight: 300 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nolan'; src: url('../fonts/Nolan-Medium.woff2') format('woff2'), url('../fonts/Nolan-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nolan'; src: url('../fonts/Nolan-Bold.woff2') format('woff2'), url('../fonts/Nolan-Bold.woff') format('woff'); font-weight: 600 900; font-style: normal; font-display: swap; }

:root {
    --ink: #222222;
    --body: #555A61;
    --beige: #F5F3EF;
    --beige-2: #E9E3D8;
    --stone: #ECE9E3;
    --line: #ECE9E3;
    --line-2: #DDD8CF;
    --line-3: #E2DED6;
    --dash: #CFC9BE;
    --field: #FAF8F5;
    --blue: #2F55ED;
    --blue-h: #3E60E8;
    --gold: #FFC107;
    --dark-2: #2E2E2E;
    --muted-d: #BDBDBD;
    --soft-d: #CFCFCF;
    --text-d: #ECECEC;
    --red: #D32F2F;
    --shadow-sm: 0 2px 8px rgba(27, 27, 28, .06);
    --shadow-lg: 0 18px 48px rgba(27, 27, 28, .10);
    --shadow-blue: 0 12px 28px rgba(47, 85, 237, .28);
    --ease: cubic-bezier(.4, 0, .2, 1);
    --font: 'Nolan', 'Poppins', 'Outfit', 'Montserrat', Arial, sans-serif;
    --sec-pad: clamp(72px, 9vw, 120px);
    --gutter: clamp(20px, 4vw, 32px);
    --h2: clamp(28px, calc(20.3px + 1.975vw), 44px);
    --h3: clamp(22px, calc(19.1px + .74vw), 28px);
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.v6-body { margin: 0; background: #fff; font-family: var(--font); font-size: 16px; line-height: 1.5; color: var(--body); font-weight: 400; -webkit-font-smoothing: antialiased; overflow-x: clip; }
.v6-body img, .v6-body svg, .v6-body video { display: block; max-width: 100%; }
.v6-body svg { flex: none; }
.v6-body h1, .v6-body h2, .v6-body h3, .v6-body h4 { margin: 0; color: var(--ink); font-weight: 700; }
.v6-body p { margin: 0; line-height: 1.6; }
.v6-body a { color: var(--ink); text-decoration: none; }
.v6-body a:hover { text-decoration: underline; }
.v6-body button { font-family: inherit; font-weight: 500; }
.v6-body [hidden] { display: none !important; }
.v6-body :focus-visible { outline: 3px solid rgba(47, 85, 237, .45); outline-offset: 2px; }

.v6-wrap { max-width: 1264px; margin: 0 auto; padding: 0 var(--gutter); }
.v6-stack { display: flex; flex-direction: column; gap: clamp(28px, 3vw, 40px); }
.v6-sec { padding: var(--sec-pad) 0; }
.v6-sec--beige { background: var(--beige); }
.v6-sechead { display: flex; flex-direction: column; gap: 12px; }
.v6-eyebrow { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--body); line-height: 1.4; }
.v6-eyebrow--dark { color: var(--muted-d); }
.v6-h2 { font-size: var(--h2); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.v6-h2--light, .v6-h3--light { color: #fff !important; }
.v6-h3 { font-size: var(--h3); line-height: 1.2; letter-spacing: -.02em; }
.v6-lead { font-size: 18px; line-height: 1.6; color: var(--body); max-width: 70ch; }
.v6-note { font-size: 14px; color: var(--body); }
.v6-link { font-size: 16px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.v6-link--lg { font-size: 17px; }
.v6-link--end { align-self: flex-end; }
.v6-stars { color: var(--gold); font-size: 13px; letter-spacing: 1px; white-space: nowrap; }
.v6-stars--sm { font-size: 12px; }
.v6-stars--lg { font-size: 24px; letter-spacing: 2px; }

/* ---------- Buttons ---------- */
.v6-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1.5px solid transparent; border-radius: 999px; font-family: var(--font); font-weight: 600; line-height: 1; letter-spacing: -.01em; cursor: pointer; white-space: nowrap; text-decoration: none !important; transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease); }
.v6-btn--lg { min-height: 56px; padding: 0 34px; font-size: 18px; }
.v6-btn--sm { height: 44px; padding: 0 18px; font-size: 14px; }
.v6-btn--block { width: 100%; }
.v6-btn--primary { background: var(--blue); color: #fff !important; box-shadow: var(--shadow-blue); }
.v6-btn--primary:hover { background: var(--blue-h); }
.v6-btn--outline { background: transparent; border-color: var(--ink); color: var(--ink) !important; font-size: 16px; padding: 0 22px; }
.v6-btn--outline:hover { background: #fff; }
.v6-btn--ghostdark { align-self: flex-start; min-height: 48px; padding: 0 20px; background: var(--dark-2); border-color: rgba(255, 255, 255, .28); color: #fff !important; font-size: 16px; gap: 8px; }
.v6-btn--ghostdark:hover { background: #363636; }
.v6-btn__circle { width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .2); display: inline-flex; align-items: center; justify-content: center; margin-right: -14px; }
.v6-btn--lg.v6-btn--block .v6-btn__circle { margin-right: 0; }

/* ---------- Header ---------- */
.v6-header { position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.v6-header__bar { max-width: 1304px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 32px); height: 72px; display: flex; align-items: center; gap: 12px; transition: height .24s var(--ease); }
.v6-header.sticky .v6-header__bar { height: 62px; }
.v6-header__logo { display: flex; flex: none; }
.v6-header__logo img { height: 20px; width: auto; transition: height .24s; }
.v6-header.sticky .v6-header__logo img { height: 18px; }
.v6-nav { display: flex; align-items: center; margin-left: 6px; flex-wrap: nowrap; min-width: 0; }
.v6-nav__link { display: inline-flex; align-items: center; gap: 4px; padding: 8px 7px; border: none; border-radius: 999px; background: transparent; color: var(--ink) !important; font-size: 15px; font-weight: 500; white-space: nowrap; cursor: pointer; text-decoration: none !important; transition: background .2s; }
.v6-nav__link:hover { background: var(--beige); }
.v6-nav__link.is-on { background: var(--beige); font-weight: 600; }
.v6-nav__dropbtn svg { transition: transform .2s; }
.v6-nav__drop.is-open .v6-nav__dropbtn { background: var(--beige); }
.v6-nav__drop.is-open .v6-nav__dropbtn svg { transform: rotate(180deg); }
.v6-header__actions { margin-left: auto; display: flex; align-items: center; gap: 10px; flex: none; }
.v6-header__call { width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: #fff !important; display: flex; align-items: center; justify-content: center; flex: none; }
.v6-header__burger { display: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); background: #fff; color: var(--ink); align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.v6-header__burger .v6-ico-close { display: none; }
.v6-header__burger[aria-expanded="true"] .v6-ico-close { display: flex; }
.v6-header__burger[aria-expanded="true"] .v6-ico-menu { display: none; }
.v6-header__burger span { display: flex; }

/* Mega menu */
.v6-mega { position: absolute; top: 100%; left: 0; right: 0; z-index: 70; background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 24px 48px rgba(27, 27, 28, .10); }
.v6-mega__inner { max-width: 1304px; margin: 0 auto; padding: 40px clamp(16px, 4vw, 32px) 44px; display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
.v6-mega__find { display: flex; flex-direction: column; gap: 20px; min-width: 0; padding-right: 24px; }
.v6-mega__search { margin: 0; }
.v6-mega__search label { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 22px; border-radius: 999px; background: var(--beige); border: 1px solid var(--line); color: var(--body); cursor: text; }
.v6-mega__search input { flex: 1; min-width: 0; border: none; background: transparent; outline: none; font-family: inherit; font-size: 16px; color: var(--ink); }
.v6-mega__all { margin-top: auto; padding-top: 12px; font-size: 16px; font-weight: 600; color: var(--blue) !important; }
.v6-mega__col { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.v6-mega__colhead { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid var(--line); }
.v6-mega__colhead span { font-size: 18px; font-weight: 600; color: var(--ink); }
.v6-mega__colhead a { font-size: 15px; color: var(--body) !important; white-space: nowrap; }
.v6-mega__item { display: flex; align-items: center; gap: 16px; padding: 8px; margin: 0 -8px; border-radius: 14px; text-decoration: none !important; transition: background .2s; }
.v6-mega__item:hover { background: var(--field); }
.v6-mega__thumb { width: 112px; height: 68px; flex: none; border-radius: 12px; background: var(--beige); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.v6-mega__thumb img { width: 100%; height: 100%; object-fit: contain; }
.v6-mega__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.v6-mega__txt span:first-child { font-size: 17px; font-weight: 500; color: var(--ink); }
.v6-mega__txt span:last-child { font-size: 15px; color: var(--body); }
.v6-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.v6-chip { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 999px; border: 1px solid var(--line-2); background: #fff; color: var(--ink) !important; font-size: 15px; text-decoration: none !important; transition: background .2s, border-color .2s; }
.v6-chip:hover { background: var(--beige); border-color: var(--ink); }

/* Mobile menu */
.v6-mnav { border-top: 1px solid var(--line); background: #fff; padding: 8px 20px 20px; display: flex; flex-direction: column; max-height: 70vh; overflow: auto; }
.v6-mnav__link { padding: 14px 4px; font-size: 17px; border-bottom: 1px solid var(--line); }
.v6-mnav__link.is-on { font-weight: 600; }
.v6-mnav__vehicles { padding: 14px 4px; font-size: 17px; color: var(--ink); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.v6-mnav__vehicles .v6-mega__find { padding: 0; gap: 10px; }
.v6-mnav__vehicles .v6-mega__search label { height: 52px; padding: 0 20px; }
.v6-mnav__vehicles .v6-mega__all { order: 9; margin: 0; min-height: 44px; display: flex; align-items: center; padding: 0; }
.v6-mnav__vehicles .v6-mega__col { gap: 2px; }
.v6-mnav__vehicles .v6-mega__colhead { padding-bottom: 10px; margin-bottom: 4px; }
.v6-mnav__vehicles .v6-mega__colhead span { font-size: 16px; }
.v6-mnav__vehicles .v6-mega__colhead a { font-size: 14px; }
.v6-mnav__vehicles .v6-mega__item { padding: 6px 0; margin: 0; gap: 14px; }
.v6-mnav__vehicles .v6-mega__thumb { width: 88px; height: 54px; border-radius: 10px; }
.v6-mnav__vehicles .v6-mega__txt span:first-child { font-size: 16px; }
.v6-mnav__vehicles .v6-mega__txt span:last-child { font-size: 14px; }

@media (max-width: 1279.98px) {
    .v6-nav { display: none; }
    .v6-header__burger { display: flex; }
}
@media (min-width: 1280px) { .v6-mnav { display: none !important; } }
@media (max-width: 759.98px) { .v6-header__offer { display: none; } }

/* ---------- Form controls ---------- */
.v6-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.v6-field .Ro_dropdown_wrapper { display: flex; flex-direction: column; gap: 7px; }
.v6-label { font-size: 14px; font-weight: 600; color: var(--ink); }
.v6-select { position: relative; }
.v6-select select, .v6-input, .v6-modal .Ro_form_modal_input {
    -webkit-appearance: none; appearance: none; width: 100%; height: 50px; padding: 0 16px; font-family: var(--font); font-size: 16px; color: var(--ink);
    background: var(--field); border: 1.5px solid var(--line); border-radius: 14px; box-shadow: none; outline: none;
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.v6-select select { padding-right: 44px; cursor: pointer; color: var(--body); }
.v6-select select:disabled { background: #fff; cursor: not-allowed; opacity: .75; }
.v6-select select:focus, .v6-input:focus, .v6-modal .Ro_form_modal_input:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(34, 34, 34, .08); }
.v6-input::placeholder, .v6-modal .Ro_form_modal_input::placeholder { color: #8E8E8E; }
.v6-select__chev { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--body); }
.v6-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 759.98px) { .v6-pair { grid-template-columns: minmax(0, 1fr); } }

/* errors from main.js (class names unchanged) */
.Ro_label_form_error, .Ro_form_modal_error { display: none; font-size: 13px; color: var(--red); margin-top: 2px; }
.Ro_label_form_error.show, .Ro_form_modal_error.show { display: block; }
.Ro_build_price_field_error { font-size: 13px; color: var(--red); margin-top: 2px; }
.v6-body .error, .v6-body .Ro_build_price_field_invalid { border-color: var(--red) !important; }
/* model/variant loading spinner injected by main.js */
.Ro_partner_loading_spinner { position: absolute; right: 44px; transform: translateY(-50%); width: 18px; height: 18px; border: 2px solid var(--line-2); border-top-color: var(--ink); border-radius: 50%; animation: v6spin .7s linear infinite; pointer-events: none; }
.Ro_partner_loading_spinner i { display: none; }
@keyframes v6spin { to { transform: translateY(-50%) rotate(360deg); } }

/* ---------- Tabs ---------- */
.v6-tabs { display: inline-flex; gap: 4px; padding: 5px; background: var(--beige); border-radius: 999px; max-width: 100%; }
.v6-tabs--full { display: flex; width: 100%; }
.v6-tabs--full .v6-tabs__btn { flex: 1 1 0; justify-content: center; }
.v6-tabs--scroll { overflow-x: auto; scrollbar-width: none; }
.v6-tabs--scroll::-webkit-scrollbar { display: none; }
.v6-tabs__btn { display: inline-flex; align-items: center; gap: 8px; border: none; cursor: pointer; padding: 10px 20px; font-size: 15px; font-weight: 600; border-radius: 999px; background: transparent; color: var(--body); white-space: nowrap; min-width: 0; transition: background .2s, color .2s; }
.v6-tabs__btn.is-on { background: #fff; color: var(--blue); box-shadow: var(--shadow-sm); }
.v6-sec--beige .v6-tabs { background: #fff0; }
.v6-sec--beige .v6-tabs__btn.is-on { background: #fff; }
@media (max-width: 759.98px) { .v6-tabs__btn { padding: 10px 12px; } }

/* ---------- Hero ---------- */
.v6-hero { padding: 14px clamp(10px, 1.4vw, 20px) 0; }
.v6-hero__box { position: relative; border-radius: clamp(22px, 2.6vw, 32px); overflow: hidden; background: var(--beige); padding: 32px 48px 24px; }
.v6-hero__bg { position: absolute; inset: 0; background: url('../images/v6/rodar-hero-poster.webp') center 60% / cover no-repeat; }
.v6-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.v6-hero__video.is-ready { opacity: 1; }
.v6-hero__scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(245, 243, 239, .95) 0%, rgba(245, 243, 239, .85) 32%, rgba(245, 243, 239, .25) 58%, rgba(245, 243, 239, 0) 75%); }
.v6-hero__grid { position: relative; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, 1fr); grid-template-areas: "text form" "ben form" "car form"; column-gap: 48px; row-gap: 18px; align-items: start; }
.v6-hero__text { grid-area: text; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.v6-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, .7); border: 1px solid #E3DED5; border-radius: 999px; padding: 5px 16px 5px 5px; color: var(--ink) !important; font-size: 15px; font-weight: 500; text-decoration: none !important; }
.v6-badge b { font-weight: 700; }
.v6-badge .v6-stars { font-size: 15px; letter-spacing: 2px; }
.v6-badge__g { width: 28px; height: 28px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.v6-hero__title { font-size: clamp(40px, calc(26.4px + 2.47vw), 56px); line-height: 1.08; letter-spacing: -.02em; text-wrap: balance; }
.v6-hero__sub { color: var(--ink); font-size: clamp(18px, 1.6vw, 22px); }
.v6-hero__checks { grid-area: ben; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.v6-hero__checks li { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; line-height: 1.4; }
.v6-hero__checks b { color: var(--ink); font-weight: 700; }
.v6-hero__tick { width: 22px; height: 22px; flex: none; border-radius: 50%; border: 1.5px solid var(--ink); color: var(--ink); display: flex; align-items: center; justify-content: center; }
.v6-hero__road { grid-area: car; position: relative; width: 100%; height: 64px; }
.v6-hero__roadline { position: absolute; left: 26px; right: 26px; bottom: 16%; border-top: 2px dashed rgba(34, 34, 34, .35); }
.v6-hero__roadfill { position: absolute; left: 26px; bottom: 16%; width: calc(30% - 26px); border-top: 2px solid var(--ink); margin-bottom: 0; }
.v6-hero__roadcar { position: absolute; bottom: 16%; left: 30%; transform: translate(-50%, 50%); width: 44px; height: 44px; border-radius: 50%; background: var(--ink); border: 2px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 1; }
.v6-hero__roadyou { position: absolute; left: 0; bottom: 16%; transform: translateY(50%); width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 1px solid var(--line-2); color: var(--ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 7px rgba(255, 255, 255, .5); }
.v6-hero__roadhome { position: absolute; right: 0; bottom: 16%; transform: translateY(50%); width: 52px; height: 52px; border-radius: 50%; background: var(--body); border: 2px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; }
.v6-hero__form { grid-area: form; background: #fff; border-radius: 16px; box-shadow: 0 20px 50px rgba(34, 34, 34, .12); padding: 28px; display: flex; flex-direction: column; gap: 18px; scroll-margin-top: 90px; }
.v6-hero__fields { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.v6-hero__talk { align-self: center; min-height: 44px; display: flex; align-items: center; font-size: 15px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; text-align: center; }
.v6-hero__strip { grid-area: strip; display: none; height: 180px; border-radius: 20px; background: #ECE9E3 url('../images/v6/rodar-hero-poster-mobile.webp') 42% 78% / cover no-repeat; }

@media (max-width: 999.98px) {
    .v6-hero__box { padding: 36px 32px 28px; }
    .v6-hero__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "form" "car" "ben"; }
    .v6-hero__road { height: 64px; margin-top: 8px; }
}
@media (max-width: 759.98px) {
    .v6-hero { padding: 10px 10px 0; }
    .v6-hero__box { padding: 24px 16px; }
    .v6-hero__bg, .v6-hero__video { display: none; }
    .v6-hero__scrim { background: rgba(245, 243, 239, .80); }
    .v6-hero__grid { grid-template-areas: "text" "form" "strip" "car" "ben"; row-gap: 20px; }
    .v6-hero__title { font-size: 36px; }
    .v6-hero__form { padding: 20px; }
    .v6-hero__strip { display: block; }
}

/* Page hero (About etc.) */
.v6-hero--page .v6-hero__box { padding: 56px 48px 52px; }
.v6-phero { position: relative; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.v6-phero__h1 { font-size: 14px !important; color: var(--body) !important; font-weight: 600 !important; }
.v6-phero__title { color: var(--ink); font-weight: 700; font-size: clamp(40px, calc(26.4px + 2.47vw), 56px); line-height: 1.08 !important; letter-spacing: -.02em; text-wrap: balance; max-width: 20ch; }
.v6-phero__road { position: relative; display: flex; align-items: center; width: 100%; max-width: 560px; margin-top: 12px; }
.v6-phero__you { width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid var(--line-2); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; box-shadow: 0 0 0 6px rgba(255, 255, 255, .5); }
.v6-phero__track { position: relative; flex: 1; margin: 0 10px; border-top: 2px dashed rgba(34, 34, 34, .35); }
.v6-phero__fill { position: absolute; left: 0; top: -2px; width: 46%; border-top: 2px solid var(--ink); }
.v6-phero__car { position: absolute; left: 46%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; background: var(--ink); border: 2px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; }
.v6-phero__home { width: 44px; height: 44px; border-radius: 50%; background: var(--body); border: 2px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
@media (max-width: 999.98px) { .v6-hero--page .v6-hero__box { padding: 44px 32px 36px; } }
@media (max-width: 759.98px) {
    .v6-hero--page .v6-hero__box { padding: 32px 18px 28px; }
    .v6-phero__title { font-size: 36px; }
}

/* ---------- Trust strip ---------- */
.v6-trust { max-width: 1264px; margin: 32px auto 0; padding: 0 32px; }
.v6-trust__list { list-style: none; margin: 0; padding: 18px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; row-gap: 10px; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--ink); }
.v6-trust__item { display: inline-flex; align-items: center; gap: 8px; padding: 0 20px; white-space: nowrap; }
.v6-trust__item + .v6-trust__item { border-left: 1px solid var(--line-2); }
.v6-trust__ico { display: flex; color: var(--ink); }
@media (min-width: 1180px) { .v6-trust__list { flex-wrap: nowrap; } }
@media (max-width: 759.98px) {
    .v6-trust { padding: 32px 20px 0; margin: 0; }
    .v6-trust__list { flex-direction: column; align-items: stretch; padding: 0; border-top: 1px solid var(--line); border-bottom: none; font-size: 16px; }
    .v6-trust__item { white-space: normal; padding: 12px 0; gap: 12px; border-bottom: 1px solid var(--line); line-height: 1.4; }
    .v6-trust__item + .v6-trust__item { border-left: none; }
    .v6-trust__ico { width: 36px; height: 36px; border-radius: 10px; background: var(--beige); align-items: center; justify-content: center; flex: none; }
}

/* ---------- Reviews strip (marquee) ---------- */
.v6-rstrip { padding: 40px 0 var(--sec-pad); }
.v6-rstrip__viewport { overflow: hidden; padding: 4px 0 10px; }
.v6-rstrip__row { display: flex; gap: 16px; width: max-content; padding: 0 8px; animation: v6marquee 60s linear infinite; }
@media (hover: hover) and (pointer: fine) { .v6-rstrip__viewport:hover .v6-rstrip__row { animation-play-state: paused; } }
.v6-rcard { width: 320px; flex: none; background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 20px 24px; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--shadow-sm); }
.v6-rcard__head { display: flex; align-items: center; gap: 10px; }
.v6-rcard__avatar { width: 32px; height: 32px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex: none; }
.v6-rcard__name { font-size: 16px; font-weight: 600; color: var(--ink); flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v6-rcard__text { font-size: 16px; line-height: 1.5 !important; color: var(--body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.v6-rstrip__more { display: flex; justify-content: flex-end; margin-top: 12px; }
@keyframes v6marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Cards / grids ---------- */
.v6-cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 999.98px) { .v6-cards3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 759.98px) {
    .v6-cards3 { grid-template-columns: minmax(0, 1fr); }
    .v6-swipe { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -20px; padding: 4px 20px 8px; gap: 16px; }
    .v6-swipe::-webkit-scrollbar { display: none; }
    .v6-swipe > * { flex: none; width: 82%; scroll-snap-align: start; }
}
.v6-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 2.6vw, 32px); display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-sm); }
.v6-card .v6-h3 { margin-top: 8px; letter-spacing: -.01em; }
.v6-card p { font-size: 17px; color: var(--body); }
.v6-card__ico { width: 46px; height: 46px; border-radius: 13px; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; }
.v6-card__num { width: 46px; height: 46px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; }

/* Savings */
.v6-saving { background: var(--beige-2); border: 1px solid var(--beige-2); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-sm); transition: transform .2s var(--ease), box-shadow .2s; }
.v6-saving:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.v6-saving__top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 16px; color: var(--ink); }
.v6-saving__pill { background: var(--ink); color: #fff; border-radius: 999px; padding: 7px 14px; font-weight: 500; font-variant-numeric: tabular-nums; }
.v6-saving__pill b { font-weight: 700; }
.v6-saving img { width: 100%; height: 150px; object-fit: contain; }
.v6-saving__name { font-size: 20px !important; font-weight: 500 !important; letter-spacing: -.01em; }

/* Journey line */
.v6-journey { display: flex; align-items: center; }
.v6-journey__start { width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.v6-journey__end { width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid var(--ink); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; }
.v6-journey__track { position: relative; flex: 1; margin: 0 10px; border-top: 2px dashed var(--dash); }
.v6-journey__fill { position: absolute; left: 0; top: -2px; height: 2px; background: var(--ink); transition: width .8s cubic-bezier(.16, 1, .3, 1); }

/* How it works */
.v6-hiw__top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px 48px; align-items: center; }
.v6-hiw__img { width: 100%; aspect-ratio: 2.4 / 1; height: auto; object-fit: cover; object-position: center 45%; border-radius: 24px; background: var(--stone); }
.v6-hiw__top .v6-lead { max-width: 480px; }
.v6-steps4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; }
.v6-step { text-align: left; cursor: pointer; min-height: 210px; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 10px; background: #fff; border: 2px solid var(--line); box-shadow: var(--shadow-sm); transition: background .45s var(--ease), border-color .45s; }
.v6-step__row { display: flex; align-items: center; gap: 16px; width: 100%; }
.v6-step__chip { width: 46px; height: 46px; border-radius: 13px; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; transition: background .45s; }
.v6-step__bar { position: relative; flex: 1; height: 3px; border-radius: 3px; background: var(--line); }
.v6-step__bar span { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 3px; background: var(--ink); }
.v6-step__t { margin-top: 22px !important; font-size: 24px !important; font-weight: 500 !important; letter-spacing: -.01em; }
.v6-step__s { font-size: 17px; line-height: 1.55; color: var(--body); }
.v6-step.is-act { border-color: var(--ink); }
.v6-step.is-act .v6-step__chip { background: var(--ink); color: #fff; }
.v6-step.is-act .v6-step__bar span { width: 100%; transition: width 2.4s linear; }
.v6-step.is-done { background: var(--ink); border-color: var(--ink); }
.v6-step.is-done .v6-step__chip { background: rgba(255, 255, 255, .12); color: #fff; }
.v6-step.is-done .v6-step__bar { background: rgba(255, 255, 255, .2); }
.v6-step.is-done .v6-step__bar span { width: 100%; background: #fff; }
.v6-step.is-done .v6-step__t { color: #fff; }
.v6-step.is-done .v6-step__s { color: var(--text-d); }

/* Browse */
.v6-browse__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.v6-browse__titlerow { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.v6-life { position: relative; height: 260px; border-radius: 24px; overflow: hidden; border: 1px solid; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; text-decoration: none !important; }
.v6-life--w { background: #fff; border-color: var(--line); }
.v6-life--g { background: var(--stone); border-color: var(--stone); }
.v6-life--c { background: var(--dark-2); border-color: var(--dark-2); }
.v6-life img { position: absolute; left: 8%; top: 6%; width: 84%; height: 56%; object-fit: contain; filter: drop-shadow(0 16px 14px rgba(0, 0, 0, .25)); }
.v6-life__row { position: relative; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.v6-life__txt { display: flex; flex-direction: column; gap: 4px; }
.v6-life__eb { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--body); }
.v6-life__t { font-size: clamp(24px, 2.2vw, 28px); font-weight: 500; letter-spacing: -.01em; line-height: 1.05; color: var(--ink); }
.v6-life--c .v6-life__eb { color: var(--line-2); }
.v6-life--c .v6-life__t { color: #fff; }
.v6-life__btn { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; background: var(--ink); color: #fff; border: 1px solid var(--ink); border-radius: 999px; padding: 0 6px 0 16px; font-size: 16px; font-weight: 600; }
.v6-life--c .v6-life__btn { border-color: rgba(255, 255, 255, .35); }
.v6-life__btn span { width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, .16); display: flex; align-items: center; justify-content: center; }
.v6-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(46%, 140px), 1fr)); gap: 16px; }
.v6-brand { background: #fff; border: 1px solid var(--line); border-radius: 24px; min-height: 116px; padding: 14px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--ink) !important; text-decoration: none !important; box-shadow: var(--shadow-sm); transition: transform .2s, box-shadow .2s; text-align: center; }
.v6-brand:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.v6-brand img { height: 36px; width: auto; max-width: 80px; object-fit: contain; }
.v6-brand__n { font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.v6-brand__s { font-size: 14px; color: var(--body); font-weight: 600; }
.v6-types { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -4px; padding: 4px; }
.v6-types::-webkit-scrollbar { display: none; }
.v6-type { scroll-snap-align: start; flex: none; width: 240px; background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 12px; color: var(--ink) !important; text-decoration: none !important; box-shadow: var(--shadow-sm); }
.v6-type img { width: 100%; height: 110px; object-fit: contain; }
.v6-type__row { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 500; }
.v6-type__go { width: 34px; height: 34px; border-radius: 50%; background: var(--beige); display: flex; align-items: center; justify-content: center; }
.v6-pills { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.v6-pills::-webkit-scrollbar { display: none; }
.v6-pill { flex: none; height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--line-2); background: #fff; color: var(--ink); font-size: 16px; font-weight: 600 !important; cursor: pointer; transition: background .2s, color .2s; }
.v6-pill.is-on { background: var(--ink); border-color: var(--ink); color: #fff; }
.v6-chipbox { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 24px; display: flex; flex-wrap: wrap; gap: 10px; box-shadow: var(--shadow-sm); }
.v6-chipbox .v6-chip { font-size: 16px; }

/* Arrows */
.v6-arrows { display: flex; gap: 10px; }
.v6-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.v6-arrow--solid { border: none; background: #fff; color: var(--ink); }
.v6-arrow--light { border-color: var(--line-2); background: #fff; color: var(--ink); }
.v6-arrow--dark { border: none; background: var(--ink); color: #fff; }

/* ---------- Calculator ---------- */
.v6-calc { padding: var(--sec-pad) clamp(10px, 1.4vw, 20px); }
.v6-calc__box { max-width: 1300px; margin: 0 auto; border-radius: clamp(22px, 2.6vw, 32px); background: var(--ink); padding: clamp(24px, 5vw, 56px); }
.v6-calc__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "head res" "loan res" "opts res"; gap: 22px 48px; align-items: start; }
.v6-calc__head { grid-area: head; display: flex; flex-direction: column; gap: 22px; }
.v6-calc__toprow { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.v6-calc__help { color: #fff !important; font-size: 16px; text-decoration: underline !important; min-height: 44px; display: flex; align-items: center; }
.v6-calc__titles { display: flex; flex-direction: column; gap: 6px; }
.v6-calc__pre { font-size: 20px; color: var(--text-d); }
.v6-calc__lbl { font-size: 16px; font-weight: 600 !important; color: #fff; }
.v6-calc__lbl span { font-weight: 500; color: var(--soft-d); }
.v6-calc__loan { grid-area: loan; display: flex; flex-direction: column; gap: 10px; }
.v6-calc__amount { display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .18); border-radius: 14px; height: 56px; padding: 0 16px; }
.v6-calc__amount span { color: var(--soft-d); font-size: 18px; }
.v6-calc__amount input { flex: 1; min-width: 0; background: transparent; border: none; outline: none; color: #fff; font-family: inherit; font-size: 20px; font-weight: 500; }
.v6-calc__range { width: 100%; height: 32px; accent-color: var(--blue); cursor: pointer; }
.v6-calc__minmax { display: flex; justify-content: space-between; font-size: 14px; color: var(--soft-d); }
.v6-calc__opts { grid-area: opts; display: flex; flex-direction: column; gap: 22px; }
.v6-calc__group { display: flex; flex-direction: column; gap: 10px; }
.v6-seg { display: grid; gap: 8px; }
.v6-seg--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v6-seg--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v6-seg button { height: 48px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .05); color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: background .2s, color .2s; padding: 0 6px; }
.v6-seg button.active { background: #fff; border-color: #fff; color: var(--ink); }
.v6-calc__balloon { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.v6-select--dark select { height: 48px; min-width: 110px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .18); background: var(--dark-2); color: #fff; padding: 0 40px 0 12px; }
.v6-select--dark .v6-select__chev { color: #fff; right: 12px; }
.v6-calc__res { grid-area: res; background: #fff; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.v6-calc__est { display: flex; flex-direction: column; gap: 6px; }
.v6-calc__estlbl { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--body); }
.v6-calc__estlbl span { width: 26px; height: 26px; border-radius: 50%; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; font-weight: 700; }
.v6-calc__heading { font-size: 20px !important; font-weight: 400 !important; margin-top: 6px !important; }
.v6-calc__pay { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.v6-calc__big { font-size: clamp(56px, 6vw, 80px); line-height: 1; font-weight: 500; letter-spacing: -.03em; color: var(--ink); font-variant-numeric: tabular-nums; }
.v6-calc__per { font-size: 24px; font-weight: 500; color: var(--body); }
.v6-calc__rates { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v6-calc__rates > div { background: var(--beige); border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.v6-calc__rates span { font-size: 14px; color: var(--body); }
.v6-calc__rates b { font-size: 16px; font-weight: 600; color: var(--ink); }
.v6-calc__rates em { font-style: normal; font-size: 14px; font-weight: 500; color: var(--body); }
.v6-alert { padding: 14px 16px; border-radius: 14px; background: var(--beige); border: 1px solid var(--line); font-size: 14px; line-height: 1.5; color: var(--body); }
.v6-calc__disc { padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.55 !important; color: var(--body); }
.v6-calc__partners { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: clamp(32px, 4vw, 48px); padding-top: clamp(28px, 4vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: 12px 48px; align-items: center; }
.v6-calc__partners p { font-size: 17px; color: var(--text-d); }
.v6-lenders { overflow: hidden; margin-top: 24px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.v6-lenders__row { display: flex; gap: 12px; width: max-content; animation: v6marquee 40s linear infinite; }
@media (hover: hover) and (pointer: fine) { .v6-lenders:hover .v6-lenders__row { animation-play-state: paused; } }
.v6-lender { width: 176px; height: 84px; flex: none; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); display: flex; align-items: center; justify-content: center; padding: 20px 22px; }
.v6-lender img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: brightness(0) invert(1); }
@media (max-width: 999.98px) {
    .v6-calc__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "loan" "res" "opts"; }
    .v6-calc__opts { margin-top: 10px; }
}
@media (max-width: 759.98px) {
    .v6-calc__big { font-size: 52px; }
    .v6-calc__toprow { align-items: flex-start; }
    .v6-lenders { -webkit-mask-image: none; mask-image: none; overflow-x: auto; scrollbar-width: none; }
    .v6-lenders__row { animation: none; }
    .v6-lender[aria-hidden="true"] { display: none; }
}

/* ---------- Features ---------- */
.v6-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 64px; align-items: start; }
.v6-feat__col { display: flex; flex-direction: column; gap: 16px; }
.v6-feat__col[hidden] { display: flex !important; }
.v6-feat__tabs { display: none; align-self: flex-start; }
.v6-feat__fhead { display: flex; flex-direction: column; gap: 8px; }
.v6-feat__fhead p { font-size: 17px; color: var(--body); }
.v6-feat__btn { align-self: flex-start; }
.v6-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-bottom: 1px solid var(--line-3); }
.v6-list li { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--line-3); }
.v6-list__ico { width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; }
.v6-list li > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.v6-list__t { font-size: 17px; font-weight: 600; color: var(--ink); }
.v6-list__s { font-size: 16px; line-height: 1.55; color: var(--body); }
@media (max-width: 759.98px) {
    .v6-feat { grid-template-columns: minmax(0, 1fr); }
    .v6-feat__tabs { display: inline-flex; background: #fff0; }
    .v6-feat__h { display: none; }
    .v6-feat__col[hidden] { display: none !important; }
}

/* ---------- Reviews section ---------- */
.v6-reviews { padding: var(--sec-pad) clamp(10px, 1.4vw, 20px); scroll-margin-top: 70px; }
.v6-reviews__box { max-width: 1300px; margin: 0 auto; border-radius: clamp(22px, 2.6vw, 32px); background: var(--ink); padding: clamp(28px, 5vw, 56px); display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 32px 48px; align-items: center; }
.v6-reviews__summary { display: flex; flex-direction: column; gap: 14px; }
.v6-reviews__g { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 17px; font-weight: 600; color: #fff; }
.v6-reviews__gico { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.v6-reviews__score { display: flex; align-items: baseline; gap: 12px; }
.v6-reviews__num { font-size: clamp(72px, 8vw, 104px); line-height: 1; font-weight: 500; letter-spacing: -.04em; color: #fff; font-variant-numeric: tabular-nums; }
.v6-reviews__from { font-size: 17px; color: var(--soft-d); }
.v6-reviews__from b { color: #fff; }
.v6-reviews__right { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.v6-reviews__track { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; display: flex; gap: 16px; min-width: 0; outline: none; }
.v6-reviews__track::-webkit-scrollbar { display: none; }
.v6-review { scroll-snap-align: start; flex: none; width: min(80vw, 330px); background: #fff; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.v6-review__head { display: flex; align-items: center; gap: 12px; }
.v6-review__avatar { width: 44px; height: 44px; border-radius: 50%; color: #fff; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex: none; object-fit: cover; }
.v6-review__who { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.v6-review__name { font-size: 17px; font-weight: 600; color: var(--ink); }
.v6-review__date { font-size: 14px; color: var(--body); }
.v6-review__text { font-size: 16px; color: var(--body); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.v6-review.is-open .v6-review__text { -webkit-line-clamp: unset; display: block; }
.v6-review__more { align-self: flex-start; margin-top: auto; min-height: 44px; background: none; border: none; padding: 0; font-size: 16px; font-weight: 600 !important; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.v6-review__more.is-hidden { visibility: hidden; }
@media (max-width: 999.98px) { .v6-reviews__box { grid-template-columns: minmax(0, 1fr); } }

/* ---------- FAQ ---------- */
.v6-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(28px, 3vw, 40px) 48px; align-items: start; }
.v6-faq__list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.v6-faq__item { border-bottom: 1px solid var(--line); }
.v6-faq__item--more { display: none; }
.v6-faq__list.is-all .v6-faq__item--more { display: block; }
.v6-faq__q { font-size: inherit !important; font-weight: inherit !important; }
.v6-faq__q button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; min-height: 44px; background: none; border: none; text-align: left; font-size: clamp(18px, 1.6vw, 20px); font-weight: 500; color: var(--ink); cursor: pointer; }
.v6-faq__chip { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid var(--line-2); background: #fff; color: var(--ink); display: flex; align-items: center; justify-content: center; transition: transform .3s cubic-bezier(.16, 1, .3, 1), background .2s; }
.v6-faq__item.is-open .v6-faq__chip { transform: rotate(45deg); background: var(--ink); border-color: var(--ink); color: #fff; }
.v6-faq__a { display: none; }
.v6-faq__item.is-open .v6-faq__a { display: block; }
.v6-faq__a p { padding: 0 56px 22px 0; font-size: 17px; line-height: 1.65; color: var(--body); }
.v6-faq__all { align-self: flex-start; margin-top: 20px; min-height: 48px; background: #fff; }
@media (max-width: 759.98px) { .v6-faq { grid-template-columns: minmax(0, 1fr); } .v6-faq__a p { padding-right: 0; } }

/* ---------- CTA ---------- */
.v6-cta { padding: var(--sec-pad) var(--gutter) clamp(72px, 7vw, 96px); }
.v6-cta__box { max-width: 1264px; margin: 0 auto; background: var(--beige); border-radius: 24px; padding: clamp(28px, 5vw, 48px); display: flex; flex-direction: column; gap: clamp(28px, 3vw, 40px); }
.v6-cta__row { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.v6-cta__title { max-width: 620px; }
.v6-cta__btns { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 759.98px) { .v6-cta__btns .v6-btn { width: 100%; white-space: normal; text-align: center; padding: 10px 22px; line-height: 1.3; } }

/* ---------- About ---------- */
.v6-who { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 40px 64px; align-items: center; }
.v6-who__text { display: flex; flex-direction: column; gap: 16px; }
.v6-creds { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; margin-top: 12px; }
.v6-cred { display: flex; gap: 12px; align-items: flex-start; background: var(--beige); border-radius: 16px; padding: 16px; }
.v6-cred__ico { width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; }
.v6-cred > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.v6-cred__k { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: var(--body); }
.v6-cred__v { font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.4; }
.v6-dealers { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 2.6vw, 32px); display: flex; flex-direction: column; gap: 18px; box-shadow: var(--shadow-sm); }
.v6-dealers__tag { align-self: flex-start; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--body); background: var(--beige); border-radius: 999px; padding: 6px 12px; }
.v6-dealers__road { display: flex; align-items: center; gap: 10px; }
.v6-dealers__road > div { flex: 1; border-top: 2px dashed var(--dash); }
.v6-dealers__you { width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.v6-dealers__car { width: 40px; height: 40px; border-radius: 50%; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; }
.v6-dealers__bars { display: flex; flex-direction: column; gap: 12px; }
.v6-dealers__bar { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: center; }
.v6-dealers__bar > span { font-size: 15px; color: var(--body); font-weight: 500; }
.v6-dealers__bar > div { height: 14px; border-radius: 999px; background: var(--beige); }
.v6-dealers__bar > div > div { height: 100%; border-radius: 999px; background: var(--dash); }
.v6-dealers__bar.is-best > span { color: var(--ink); font-weight: 600; }
.v6-dealers__bar.is-best > div > div { background: var(--ink); }

/* ---------- Footer ---------- */
.v6-footer { padding: 0 clamp(10px, 1.4vw, 20px) 20px; }
.v6-footer__box { border-radius: clamp(22px, 2.6vw, 32px); background: var(--ink); overflow: hidden; }
.v6-footer__inner { max-width: 1264px; margin: 0 auto; padding: clamp(36px, 5vw, 64px) var(--gutter) 32px; display: flex; flex-direction: column; gap: 32px; }
.v6-footer a { color: var(--text-d); }
.v6-footer a:hover { color: #fff; }
.v6-footer__top { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.v6-footer__logo { height: 24px; width: auto; }
.v6-footer__build { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; background: #fff; color: var(--ink) !important; border-radius: 999px; padding: 0 8px 0 20px; font-size: 16px; font-weight: 600; text-decoration: none !important; }
.v6-footer__build span { width: 34px; height: 34px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; }
.v6-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(46%, 170px), 1fr)); gap: 28px 24px; }
.v6-footer__col { display: flex; flex-direction: column; gap: 12px; }
.v6-footer__colhead { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: none; padding: 0; cursor: default; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600 !important; color: var(--muted-d); text-align: left; }
.v6-footer__colhead svg { display: none; color: #fff; transition: transform .25s; }
.v6-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.v6-footer__links a { font-size: 16px; }
.v6-footer__contact { display: flex; flex-direction: column; gap: 8px; color: var(--text-d); font-size: 16px; }
.v6-footer__label { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--muted-d); }
.v6-footer__label ~ .v6-footer__label { margin-top: 8px; }
.v6-footer__phone { color: #fff !important; font-size: 22px; font-weight: 500; }
.v6-footer__creds { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 16px; padding: 20px; border-radius: 24px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); }
.v6-footer__cred { display: flex; gap: 12px; align-items: flex-start; }
.v6-footer__credico { width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, .08); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.v6-footer__cred > div { display: flex; flex-direction: column; gap: 2px; }
.v6-footer__credk { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--muted-d); }
.v6-footer__credv { font-size: 15px; font-weight: 600; color: #fff; line-height: 1.4; }
.v6-footer__bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12); }
.v6-footer__legal { display: flex; flex-direction: column; gap: 6px; max-width: 720px; }
.v6-footer__legal p { font-size: 14px; color: var(--soft-d); }
.v6-footer__social { display: flex; gap: 8px; flex-wrap: wrap; }
.v6-footer__social a { min-height: 44px; display: flex; align-items: center; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); color: #fff; font-size: 15px; text-decoration: none !important; }
.v6-footer__social a:hover { background: rgba(255, 255, 255, .08); }
@media (max-width: 759.98px) {
    .v6-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .v6-footer__col { gap: 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
    .v6-footer__colhead { min-height: 52px; cursor: pointer; }
    .v6-footer__colhead svg { display: flex; }
    .v6-footer__col.is-open .v6-footer__colhead svg { transform: rotate(180deg); }
    .v6-footer__links { display: none; padding-bottom: 12px; gap: 0; }
    .v6-footer__col.is-open .v6-footer__links { display: flex; }
    .v6-footer__links a { min-height: 44px; display: flex; align-items: center; }
    .v6-footer__contact { margin-top: 24px; }
}

/* ---------- Mobile action bar ---------- */
.v6-mbar { display: none; }
@media (max-width: 759.98px) {
    body.v6-body { padding-bottom: 84px; }
    .v6-mbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 8px; background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid var(--line); padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
    .v6-mbar--two { grid-template-columns: 1fr 1.5fr; }
    .v6-mbar__btn { height: 52px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--ink) !important; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; font-weight: 600; text-decoration: none !important; }
    .v6-mbar__btn--primary { border: none; background: var(--blue); color: #fff !important; box-shadow: var(--shadow-blue); }
}

/* ---------- Pop-up + loading screen (ids/classes from main.js) ---------- */
.v6-modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 16px; }
.v6-modal.active { display: flex; }
.v6-modal .Ro_processing_modal_overlay { position: absolute; inset: 0; background: rgba(34, 34, 34, .6); }
.v6-modal__card { position: relative; width: 100%; max-width: 540px; max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 24px; padding: clamp(22px, 4vw, 32px); display: flex; flex-direction: column; gap: 16px; box-shadow: 0 28px 70px rgba(0, 0, 0, .3); }
.v6-modal__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; min-height: 44px; }
.v6-modal__top img { height: 18px; width: auto; margin-top: 12px; }
.v6-modal__close { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); background: #fff; color: var(--ink); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.v6-modal__head { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.v6-modal__head h2 { font-size: 30px; letter-spacing: -.02em; line-height: 1.15; }
.v6-modal__head p { font-size: 16px; color: var(--body); }
.v6-modal__form { display: flex; flex-direction: column; gap: 12px; }
.v6-modal__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.v6-modal__field { display: flex; flex-direction: column; gap: 4px; }
.v6-modal__phone { position: relative; display: flex; align-items: center; }
.v6-modal__cc { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 600; color: var(--ink); pointer-events: none; }
.v6-modal__phone input { padding-left: 96px !important; padding-right: 80px !important; }
.v6-modal__hint { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 500; pointer-events: none; }
.v6-consent { display: flex; align-items: flex-start; gap: 12px; padding: 4px 0; }
.v6-consent .Ro_marketing_consent_box_wrap { display: flex; padding-top: 2px; }
.v6-consent input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: var(--ink); cursor: pointer; flex: none; }
.v6-consent label { font-size: 14px; line-height: 1.5; color: var(--body); cursor: pointer; }
.Ro_marketing_consent_req { color: var(--red); margin-left: 2px; }
.v6-consent.is_invalid label { color: var(--red); }
.v6-modal__form .v6-btn { margin-top: 4px; }
.v6-modal__loadtitle { font-size: 28px; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 16px !important; }
.v6-steps { display: flex; flex-direction: column; gap: 12px; }
.v6-steps .Ro_processing_step { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: var(--beige); }
.v6-steps__dot { width: 26px; height: 26px; border-radius: 50%; flex: none; display: flex; align-items: center; justify-content: center; background: var(--dash); color: #fff; transition: background .4s; }
.v6-steps .Ro_processing_step.completed .v6-steps__dot { background: var(--ink); }
.v6-steps .Ro_processing_step.active .v6-steps__dot { background: var(--body); animation: v6pulse 1s ease-in-out infinite; }
.v6-steps .Ro_processing_step_title { font-size: 16px; line-height: 1.5; font-weight: 600; color: var(--body); }
.v6-steps .Ro_processing_step_title_light { font-weight: 400; }
.v6-steps .Ro_processing_step.completed .Ro_processing_step_title, .v6-steps .Ro_processing_step.active .Ro_processing_step_title { color: var(--ink); }
@keyframes v6pulse { 50% { opacity: .5; } }

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
    .v6-rstrip__row, .v6-lenders__row { animation: none; }
    .v6-rstrip__viewport, .v6-lenders { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
    .v6-rcard[aria-hidden="true"], .v6-lender[aria-hidden="true"] { display: none; }
    .v6-hero__video { display: none; }
}

/* ==================================================================
   Contact Us
   ================================================================== */
.v6-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.v6-contact__left { display: flex; flex-direction: column; gap: 16px; }
.v6-contact__info { gap: 22px; }
.v6-contact__row { display: flex; gap: 14px; align-items: flex-start; }
.v6-contact__row > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.v6-contact__ico { width: 44px; height: 44px; border-radius: 12px; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; }
.v6-contact__k { font-size: 15px; font-weight: 600; color: var(--ink); }
.v6-contact__v { font-size: 17px; color: var(--body); line-height: 1.5; }
.v6-contact__a { font-size: 17px; min-height: 32px; display: flex; align-items: center; }
.v6-contact__social { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.v6-contact__social a { min-height: 44px; display: flex; align-items: center; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-2); font-size: 15px; text-decoration: none !important; }
.v6-contact__social a:hover { background: var(--beige); }
.v6-contact__map { width: 100%; height: 260px; border: 1px solid var(--line); border-radius: 24px; display: block; background: var(--beige); }
.v6-contact__formcard { gap: 16px; }
.v6-contact__fhead { display: flex; flex-direction: column; gap: 6px; }
.v6-contact__fhead p { font-size: 17px; color: var(--body); }
.v6-contact__form { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.v6-contact__form .v6-label { font-size: 15px; }
.v6-textarea { height: auto; min-height: 130px; padding: 14px 16px; resize: vertical; line-height: 1.5; }
.v6-phone { position: relative; display: flex; align-items: center; }
.v6-phone__cc { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 600; color: var(--ink); pointer-events: none; z-index: 1; }
.v6-phone .v6-input { padding-left: 96px; padding-right: 90px; }
.v6-phone__hint { display: none; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 500; pointer-events: none; }
.Ro_form_error { display: none; font-size: 13px; color: var(--red); margin-top: 2px; }
.Ro_form_error.active { display: block; }
.Ro_contact_form_response { display: none; padding: 14px 16px; border-radius: 14px; font-size: 15px; font-weight: 500; line-height: 1.5; }
.Ro_contact_form_response.success { display: block; background: var(--beige); color: var(--ink); border: 1px solid var(--line); }
.Ro_contact_form_response.fail { display: block; background: #FBEAEA; color: var(--red); border: 1px solid #F5B5B5; }
.Ro_contact_form_submit_btn[disabled] { opacity: .65; cursor: not-allowed; }
@media (max-width: 759.98px) { .v6-contact { grid-template-columns: minmax(0, 1fr); } }

/* ==================================================================
   Legal pages (Terms, Credit Guide)
   ================================================================== */
.v6-hero--plain .v6-hero__box { padding-top: clamp(40px, 5vw, 56px); padding-bottom: clamp(36px, 5vw, 52px); }
.v6-legal { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
.v6-legal__nav { position: sticky; top: 96px; align-self: start; display: flex; flex-direction: column; gap: 2px; border-left: 2px solid var(--line); padding-left: 4px; }
.v6-legal__nav a { padding: 8px 12px; border-radius: 10px; font-size: 15px; line-height: 1.4; color: var(--body) !important; text-decoration: none !important; }
.v6-legal__nav a:hover { background: var(--beige); color: var(--ink) !important; }
.v6-legal__body { display: flex; flex-direction: column; gap: 40px; min-width: 0; max-width: 760px; }
.v6-legal__intro, .v6-legal__sec { display: flex; flex-direction: column; gap: 16px; font-size: 17px; line-height: 1.75; color: var(--ink); }
.v6-legal__body p { line-height: 1.75; }
.v6-legal__sec { gap: 14px; padding-top: 32px; border-top: 1px solid var(--line); scroll-margin-top: 96px; }
.v6-legal__h3 { margin-top: 12px !important; font-size: 20px !important; font-weight: 600 !important; }
.v6-legal__body ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }
.v6-legal__body a { text-decoration: underline; text-underline-offset: 3px; }
.v6-legal__body .v6-note { line-height: 1.5; }
@media (max-width: 999.98px) {
    .v6-legal { grid-template-columns: minmax(0, 1fr); }
    .v6-legal__nav { display: none; }
}

/* ==================================================================
   Sell My Car
   ================================================================== */
.v6-split { position: relative; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, 1fr); gap: 32px 48px; align-items: center; }
.v6-hero--split .v6-hero__box { padding: 28px 48px; }
.v6-split > .v6-phero { margin: 0; max-width: none; min-width: 0; }
.v6-split > .v6-hero__form { grid-area: auto; min-width: 0; }
.v6-phero__lead { color: var(--body); font-size: 17px; line-height: 1.6; max-width: 60ch; }
.v6-pills--sm { padding: 0; }
.v6-pills--sm .v6-pill { display: inline-flex; align-items: center; cursor: default; font-size: 15px; padding: 0 16px; }
.v6-cards4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; }
.v6-card__list { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 17px; line-height: 1.6; color: var(--body); }
.v6-lead--ink { color: var(--ink); }
@media (max-width: 999.98px) {
    .v6-split { grid-template-columns: minmax(0, 1fr); }
    .v6-hero--split .v6-hero__box { padding: 36px 32px 28px; }
}
@media (max-width: 759.98px) {
    .v6-hero--split .v6-hero__box { padding: 24px 16px; }
    .v6-hero--split .v6-hero__form { padding: 20px; }
}

/* ==================================================================
   FAQ page
   ================================================================== */
.v6-faq--group { gap: 16px 48px; }
.v6-faq--group > .v6-h3 { padding-top: 8px; }
.v6-hero--plain .v6-phero .v6-link { margin-top: 4px; }

/* ==================================================================
   Partnerships
   ================================================================== */
.v6-phero__title--wide { max-width: none; }
.v6-btn--md { min-height: 52px; padding: 0 24px; font-size: 16px; gap: 8px; }
.v6-twocol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 64px; align-items: center; }
.v6-twocol--top { align-items: start; }
.v6-list--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; }
.v6-list--grid li:nth-child(1), .v6-list--grid li:nth-child(2) { border-top: 1px solid var(--line-3); }
.v6-list--beigeico .v6-list__ico { background: var(--beige); }
.v6-cards5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.v6-cards5 .v6-card { padding: 24px; }
.v6-cards5 .v6-h3 { font-size: clamp(20px, calc(17px + .6vw), 24px); }
.v6-cards5 .v6-card p { font-size: 16px; }
.v6-elevate { padding: var(--sec-pad) clamp(10px, 1.4vw, 20px) 0; }
.v6-elevate__box { max-width: 1300px; margin: 0 auto; border-radius: clamp(22px, 2.6vw, 32px); background: var(--ink); padding: clamp(28px, 5vw, 56px) clamp(28px, 5vw, 64px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 64px; align-items: center; }
.v6-elevate__box p { color: var(--text-d); font-size: 17px; }
.v6-partnerform { gap: 16px; }
.v6-partnerform__form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.v6-partnerform__form .v6-label { font-size: 14px; }
.v6-partnerform__note { font-size: 15px; font-weight: 600; color: var(--ink); margin-top: 6px; }
.v6-selectbg { padding-right: 44px; cursor: pointer; background: var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555A61' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 15px center; }
.Ro_partner_ready_error { display: none; font-size: 13px; color: var(--red); margin-top: 2px; }
@media (max-width: 1099.98px) { .v6-cards5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 999.98px) {
    .v6-twocol, .v6-elevate__box { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 759.98px) {
    .v6-list--grid { grid-template-columns: minmax(0, 1fr); }
    .v6-list--grid li:nth-child(2) { border-top: 1px solid var(--line-3); }
    .v6-cards5 { grid-template-columns: minmax(0, 1fr); }
}

/* ==================================================================
   EV page
   ================================================================== */
/* Vehicle Overview */
.v6-ov { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 56px; align-items: start; }
.v6-ov__media { display: flex; flex-direction: column; gap: 12px; }
.v6-ov__img { border-radius: 24px; background: linear-gradient(#fff, var(--beige)); border: 1px solid var(--line); padding: 24px; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; }
.v6-ov__img img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 18px 18px rgba(34, 34, 34, .18)); }
.v6-ov__note { font-size: 14px; color: var(--body); }
.v6-ov__body { display: flex; flex-direction: column; gap: 16px; }
.v6-ov__head { display: flex; flex-direction: column; gap: 6px; }
.v6-ov__model { font-size: 14px; color: var(--body); }
.v6-ov__list { margin: 0; border-top: 1px solid var(--line); }
.v6-ov__row { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
.v6-ov__row dt { font-weight: 400; color: var(--body); }
.v6-ov__row dd { margin: 0; font-weight: 600; color: var(--ink); text-align: right; }
.v6-ov__row--more { display: none; }
.v6-ov__body.is-open .v6-ov__row--more { display: flex; }
.v6-ov__btn { align-self: flex-start; min-height: 48px; }
.v6-ov__btn:hover { background: var(--beige); }

/* Electric vs petrol */
.v6-evp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.v6-evp__card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 2.6vw, 32px); display: flex; flex-direction: column; gap: 18px; box-shadow: var(--shadow-sm); }
.v6-evp__card--dark { background: var(--ink); border-color: var(--ink); }
.v6-evp__head { display: flex; align-items: center; gap: 14px; }
.v6-evp__head .v6-h3 { letter-spacing: -.01em; }
.v6-evp__card--dark .v6-h3 { color: #fff; }
.v6-evp__ico { width: 46px; height: 46px; flex: none; border-radius: 13px; background: var(--beige); color: var(--ink); display: flex; align-items: center; justify-content: center; }
.v6-evp__card--dark .v6-evp__ico { background: rgba(255, 255, 255, .12); color: #fff; }
.v6-evp__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.v6-evp__stat { background: var(--beige); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.v6-evp__stat span { font-size: 15px; color: var(--body); }
.v6-evp__stat strong { font-size: clamp(24px, 2.4vw, 30px); font-weight: 500; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.5; }
.v6-evp__card--dark .v6-evp__stat { background: rgba(255, 255, 255, .06); }
.v6-evp__card--dark .v6-evp__stat span { color: #CFCFCF; }
.v6-evp__card--dark .v6-evp__stat strong { color: #fff; }

/* Charging */
.v6-charge { flex-direction: row; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.v6-charge[hidden] { display: none; }
.v6-charge .v6-card__ico { flex: none; }
.v6-charge__body { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 10px; }
.v6-charge__body .v6-h3 { margin: 0; }
.v6-charge__body p { max-width: 70ch; }
.v6-charge__loc { font-size: 16px; color: var(--ink); }
.v6-charge__loc b { font-weight: 600; }

/* Range bars (built by js/main.js) + benefits */
.v6-range__bars { display: flex; flex-direction: column; gap: 14px; margin-top: 16px; }
.v6-range__bars .Ro_bar_range { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; font-size: 15px; color: var(--body); }
.v6-range__bars .Ro_bar_range strong { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.v6-range__bars .Ro_bar_range::after { content: ""; grid-column: 1 / -1; height: 8px; border-radius: 999px; background: linear-gradient(var(--ink), var(--ink)) 0 0 / var(--range, 0%) 100% no-repeat, var(--line-2); transition: background-size 1.2s var(--ease); }
.v6-range__why { display: flex; flex-direction: column; gap: 14px; }
.v6-range__why .v6-h3 { margin: 0; }
.v6-range__why p { font-size: 17px; color: var(--body); }

/* Incentives */
.v6-incent { display: flex; flex-direction: column; gap: 8px; }
.v6-incent__a { padding: 0 56px 22px 0; font-size: 17px; line-height: 1.65; color: var(--body); }
.v6-incent__a > * { margin: 0; }
.v6-incent__a > * + * { margin-top: 12px; }
.v6-incent__a p { padding: 0; }
.v6-incent__h { font-size: 18px; font-weight: 600; color: var(--ink); }
.v6-incent__a ul { padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }
.v6-incent__a b { font-weight: 600; color: var(--ink); }
.v6-faq__item.is-open .v6-incent__a { display: block; }

@media (max-width: 999.98px) {
    .v6-ov { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 759.98px) {
    .v6-evp { grid-template-columns: minmax(0, 1fr); }
    .v6-incent__a { padding-right: 0; }
}

/* ==================================================================
   Finance page
   ================================================================== */
.v6-finpane { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.v6-finpane .v6-h3 { margin: 0; }
.v6-finpane__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.v6-finpane__list li { display: flex; align-items: center; gap: 10px; font-size: 17px; color: var(--ink); }
.v6-finpane__list span { width: 22px; height: 22px; flex: none; border-radius: 50%; border: 1.5px solid var(--ink); display: flex; align-items: center; justify-content: center; }
.v6-finpane__btn { min-height: 48px; padding: 0 24px; background: var(--ink); color: #fff !important; font-size: 16px; }
.v6-finpane__btn:hover { background: #3A3A3A; }
.v6-calc__ptext { display: flex; flex-direction: column; gap: 12px; }
.v6-calc__partners .v6-calc__pstrong { font-size: 16px; color: #fff; }
.v6-calc__pstrong b { font-weight: 600; }
.v6-nov { gap: 32px 64px; }
.v6-nov__col { display: flex; flex-direction: column; gap: 14px; }
.v6-nov__col .v6-h3 { margin: 0; }
.v6-nov__col > p { font-size: 17px; color: var(--body); }
.v6-nov__col .v6-list { border-bottom: 1px solid var(--line-3); }
.v6-nov__more { color: var(--ink) !important; }
.v6-nov__more a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.v6-evp__p { font-size: 17px; color: var(--body); }

/* ==================================================================
   Top Reads (listing + post template)
   ================================================================== */
a.v6-pill { display: inline-flex; align-items: center; text-decoration: none !important; font-size: 15px; }
a.v6-pill:hover { border-color: var(--ink); }
a.v6-pill.is-on:hover { color: #fff; }
.v6-blogfilter { margin: 0 -4px; padding: 4px; }
.v6-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.v6-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
.v6-post:hover { transform: translateY(-3px); box-shadow: 0 18px 48px rgba(27, 27, 28, .10); }
.v6-post__img { display: block; aspect-ratio: 16 / 9; background: var(--line); overflow: hidden; }
.v6-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v6-post__body { padding: 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.v6-post__cats { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.v6-post__cats a { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--body); text-decoration: none; }
.v6-post__cats a:hover { color: var(--ink); }
.v6-post__title { font-size: var(--h3); line-height: 1.2; letter-spacing: -.01em; text-wrap: pretty; }
.v6-post__title a { color: var(--ink); text-decoration: none; }
.v6-post__title a::after { content: ""; position: absolute; inset: 0; }
.v6-post { position: relative; }
.v6-post__cats a, .v6-post__more { position: relative; z-index: 1; }
.v6-post__exc { font-size: 16px; line-height: 1.55; color: var(--body); }
.v6-post__meta { margin-top: auto; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 15px; color: var(--body); }
.v6-post__more { color: var(--ink); font-weight: 600; text-decoration: none; }
.v6-pager { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.v6-pager a, .v6-pager span { min-width: 44px; height: 44px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line-2); display: inline-flex; align-items: center; justify-content: center; font-weight: 600; color: var(--ink); text-decoration: none; background: #fff; }
.v6-pager a:hover { border-color: var(--ink); }
.v6-pager .is-on { background: var(--ink); border-color: var(--ink); color: #fff; }
@media (max-width: 999.98px) { .v6-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 759.98px) { .v6-posts { grid-template-columns: minmax(0, 1fr); } }

/* Post header */
.v6-posthero .v6-phero { gap: 16px; }
.v6-posthero__cats { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.v6-posthero__cats a { text-decoration: none; }
.v6-posthero__cats a:hover { color: var(--ink); }
.v6-posthero__title { max-width: 22ch; }
.v6-posthero__meta { font-size: 16px; color: var(--body); }
.v6-posthero__back { font-size: 16px; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.v6-preview-bar { background: #FFF3CD; border-bottom: 1px solid #FFE69C; color: #664D03; padding: 10px 16px; text-align: center; font-size: 14px; }

/* Post body */
.v6-article { max-width: 868px; margin: 0 auto; padding: 0 var(--gutter); display: flex; flex-direction: column; gap: 28px; }
.v6-article__img { margin: 0; border-radius: 24px; overflow: hidden; background: var(--line); aspect-ratio: 16 / 9; }
.v6-article__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v6-article__box { background: var(--beige); border-radius: 20px; padding: 24px 28px; }
.v6-article__box h2 { font-size: 18px; font-weight: 700; margin: 0 0 12px; }
.v6-article__box ul, .v6-article__box ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 16px; color: var(--body); }
.v6-article__toc a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.v6-article__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.v6-article__sources h2 { font-size: 20px; margin: 0 0 12px; }
.v6-article__sources ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--body); }
.v6-article__sources a { color: var(--ink); word-break: break-word; }
.v6-article__author { display: flex; gap: 16px; align-items: flex-start; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 24px 0; }
.v6-article__avatar { width: 56px; height: 56px; flex: none; border-radius: 50%; background: var(--ink); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.v6-article__aname { font-weight: 700; color: var(--ink); margin: 0 0 4px; }
.v6-article__aname a { color: var(--ink); }
.v6-article__abio { font-size: 15px; color: var(--body); margin: 0; }
.v6-article__cta { background: var(--ink); color: #fff; border-radius: 24px; padding: clamp(24px, 3vw, 36px); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.v6-article__cta h2 { color: #fff; font-size: var(--h3); margin: 0; }
.v6-article__cta p { color: #ECECEC; font-size: 17px; margin: 0; }
.v6-article__faq { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }

/* Article content from the CMS */
.v6-prose { font-size: 18px; line-height: 1.7; color: var(--body); overflow-wrap: break-word; }
.v6-prose > * + * { margin-top: 1em; }
.v6-prose h2 { font-size: clamp(26px, 2.4vw, 32px); line-height: 1.2; letter-spacing: -.02em; color: var(--ink); margin-top: 1.6em; scroll-margin-top: 90px; }
.v6-prose h3 { font-size: 22px; line-height: 1.3; color: var(--ink); margin-top: 1.4em; }
.v6-prose h4 { font-size: 18px; color: var(--ink); margin-top: 1.2em; }
.v6-prose p, .v6-prose ul, .v6-prose ol { margin-bottom: 0; }
.v6-prose ul, .v6-prose ol { padding-left: 24px; }
.v6-prose li + li { margin-top: .4em; }
.v6-prose a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.v6-prose strong, .v6-prose b { color: var(--ink); font-weight: 600; }
.v6-prose img { max-width: 100%; height: auto; border-radius: 16px; }
.v6-prose blockquote { margin: 1.2em 0 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--ink); color: var(--ink); }
.v6-prose table { width: 100%; border-collapse: collapse; font-size: 16px; }
@media (max-width: 759.98px) { .v6-prose table { display: block; overflow-x: auto; } }
.v6-prose th, .v6-prose td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.v6-prose th { color: var(--ink); font-weight: 600; background: var(--beige); }

/* ==================================================================
   Car model template
   ================================================================== */
.v6-carhero .v6-hero__box { background: var(--beige); }
.v6-carhero__price { display: flex; flex-direction: column; gap: 4px; font-size: 15px; color: var(--body); }
.v6-carhero__media { display: flex; justify-content: center; min-width: 0; }
.v6-carhero__media img { width: 100%; max-width: 620px; height: auto; aspect-ratio: 16 / 10; object-fit: contain; filter: drop-shadow(0 22px 22px rgba(34, 34, 34, .22)); }
.v6-specs { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.v6-specs__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 17px; }
.v6-specs__row:nth-child(1), .v6-specs__row:nth-child(2) { border-top: 1px solid var(--line); }
.v6-specs dt { font-weight: 400; color: var(--body); }
.v6-specs dd { margin: 0; font-weight: 600; color: var(--ink); text-align: right; }
.v6-specs dd.is-tbc { font-weight: 400; font-size: 15px; color: var(--body); }
@media (max-width: 759.98px) {
    .v6-specs { grid-template-columns: minmax(0, 1fr); }
    .v6-specs__row:nth-child(2) { border-top: 0; }
}

/* ==================================================================
   Sell My Car — thank-you page
   ================================================================== */
.v6-thanks .v6-phero { align-items: center; text-align: center; margin: 0 auto; }
.v6-thanks .v6-phero__lead { margin: 0 auto; }
.v6-thanks__icon { width: 64px; height: 64px; border-radius: 50%; background: #1E9E5A; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 28px rgba(30, 158, 90, .3); }
.v6-thanks__title { max-width: 22ch; }
.v6-thanks__title span:empty { display: none; }
.v6-thanks__meet { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(8px, 2vw, 24px); box-shadow: var(--shadow-sm); min-height: 200px; }
.v6-thanks__next { background: var(--ink); border-radius: 24px; padding: clamp(28px, 5vw, 48px); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.v6-thanks__next p { color: #ECECEC; font-size: 18px; margin-top: 8px; }
@media (max-width: 759.98px) { .v6-thanks__next .v6-btn { width: 100%; } }
.v6-calendly-head { max-width: 1264px; margin: 0 auto; padding: 72px var(--gutter) 0; text-align: center; }
.v6-body .v6-calendly-head__title { max-width: 70%; margin: 0 auto; font-size: 28px; font-weight: 400; line-height: 1.6; letter-spacing: 0; color: var(--ink); }
.v6-body .v6-calendly-head__sub { margin: 16px 0 0; font-size: 18px; color: var(--ink); }
@media (max-width: 768px) {
    .v6-calendly-head { padding-top: 40px; }
    .v6-body .v6-calendly-head__title { max-width: 100%; font-size: 20px; }
}
.v6-calendly { margin-top: 24px; }
.v6-calendly iframe { display: block; border: 0; }

/* Narrow phones (most Android phones are 360px wide): keep the Google
   badge on one line and the home heading on three lines, as in the design. */
.v6-badge { white-space: nowrap; max-width: 100%; }
@media (max-width: 389.98px) {
    .v6-badge { gap: 7px; padding: 4px 12px 4px 4px; font-size: clamp(12.5px, 3.75vw, 15px); }
    .v6-badge .v6-stars { font-size: clamp(12px, 3.6vw, 15px); letter-spacing: 1px; }
    .v6-badge__g { width: 26px; height: 26px; }
    .v6-hero__title { font-size: clamp(29px, 9.1vw, 36px); }
}

/* "What people are saying" link: bold, as in the design */
.v6-rstrip__more .v6-link { font-weight: 700 !important; }
/* "Prefer to Talk? Call us on 1300 810 751" stays on one line on narrow phones */
@media (max-width: 389.98px) {
    .v6-hero__talk { white-space: nowrap; font-size: clamp(12px, 3.7vw, 15px); letter-spacing: -.01em; }
}