/* CoBuy Car — site styles. No framework; every rule here is plain CSS. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0E100F;--bg:#F4F5F2;--lime:#C6F135;--lime-hi:#D6FA5A;--panel:#1A1D1B;--panel-line:#2E322F;
  --muted:#4A5048;--body:#3A3F39;--soft:#B9BEB7;--pale:#D5D9D2;--green:#4D6B00;--focus:#8DB000;--err:#B3261E;
  --lime-wash:#F6FBE6;--lime-wash2:#EAF6C4;--line:#E4E6E1;--field:#DADDD6;--placeholder:#5F655D;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip}
a{color:var(--ink)} a:hover{color:var(--green)}
img{max-width:100%}
section[id],[id=join]{scroll-margin-top:76px}
*:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
input::placeholder{color:var(--placeholder)}
[hidden]{display:none!important}
.wrap{max-width:1288px;margin:0 auto;padding-left:24px;padding-right:24px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn-reset{all:unset;cursor:pointer;box-sizing:border-box}
.btn-reset:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* ── Top line + header ── */
.topline{background:var(--ink);color:var(--soft);font-size:12px;border-bottom:1px solid #222523}
.topline .wrap{padding-top:8px;padding-bottom:8px;display:flex;justify-content:space-between;gap:16px}
.topline__txt{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}
.topline a{color:var(--soft);text-decoration:none;white-space:nowrap} .topline a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:40;background:var(--ink);color:#fff;border-bottom:1px solid #222523}
.site-header .wrap{padding-top:12px;padding-bottom:12px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:9px;flex:none;text-decoration:none;color:#fff}
.brand:hover{color:#fff}
.brand svg{display:block;flex:none}
.wordmark{display:block;font-weight:800;font-size:22px;line-height:1;letter-spacing:-0.04em;padding-bottom:3px}
.wordmark span,.lime{color:var(--lime)}
.city{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--panel-line);border-radius:10px;font-size:14px;font-weight:600;color:#E4E6E1;white-space:nowrap;flex:none}
.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:600;min-width:0}
.main-nav__links{display:flex;gap:26px}
.main-nav__links a{color:#E4E6E1;text-decoration:none;white-space:nowrap}
.main-nav__links a:hover{color:var(--lime)}
.cta{background:var(--lime);color:var(--ink);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:12px;white-space:nowrap;flex:none}
.cta:hover{background:var(--lime-hi);color:var(--ink)}
.wide-only{display:none!important}
@media (min-width:1121px){.wide-only{display:flex!important}}
@media (max-width:639px){.not-narrow{display:none!important}}

/* ── Hero ── */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;z-index:-1;pointer-events:none;right:-14%;top:-30%;width:min(1200px,120vw);height:auto}
.hero__grid{padding-top:36px;padding-bottom:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));grid-auto-flow:row dense;grid-template-rows:auto 1fr;gap:22px 36px;align-items:start}
.hero h1{margin:0;font-size:clamp(40px,5.4vw,68px);line-height:1;font-weight:800;letter-spacing:-0.045em}
.stack{display:grid;gap:20px;min-width:0}
.fee-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:26px;padding:clamp(18px,2.4vw,26px);display:grid;gap:8px}
.fee-card__tag{margin:0;font-size:13px;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.1em}
.fee-card__big{margin:0;font-size:clamp(32px,3.8vw,46px);line-height:1;font-weight:800;letter-spacing:-0.045em;color:#fff}
.fee-card__txt{margin:2px 0 0;font-size:16px;line-height:1.55;color:var(--pale)}
.fee-card__note{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--panel-line);font-size:14px;line-height:1.55;color:var(--soft)}
.promises{display:grid;gap:18px;min-width:0}
.promise{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.tick{width:36px;height:36px;border-radius:10px;background:var(--lime);display:grid;place-items:center}
.promise strong{display:block;font-size:16px;font-weight:800;color:#fff}
.promise span.t{font-size:14px;color:var(--soft)}
.drive{margin-top:6px;border-top:1px solid var(--panel-line);padding-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.drive span{font-size:14px;color:var(--soft)}
.drive .lbl{font-weight:600}
.drive strong{font-size:28px;font-weight:800;letter-spacing:-0.03em;color:var(--lime)}

/* ── Join card ── */
.join{grid-column:-2 / -1;grid-row:span 2;align-self:stretch;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:22px;padding:clamp(18px,2.6vw,28px);min-width:0;box-shadow:0 24px 60px rgba(0,0,0,.35);scroll-margin-top:84px}
.pool-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);background:var(--bg);border-radius:14px}
.pool-box__lbl{display:grid;gap:2px}
.pool-box__lbl b{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.pool-box__lbl small{font-size:12px;font-weight:600;color:var(--muted)}
.timer{display:flex;align-items:flex-start;gap:6px}
.timer__sep{color:var(--placeholder);font-weight:800;font-size:20px;line-height:34px}
.timer__cell{display:grid;justify-items:center;gap:3px}
.timer__v{min-width:40px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid var(--field);border-radius:9px;font-size:20px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.timer__u{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.stepbar{display:flex;gap:6px;margin:0 0 6px}
.stepbar span{flex:1;display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--placeholder)}
.stepbar i{height:4px;border-radius:2px;background:var(--line)}
.stepbar .on{color:var(--ink)} .stepbar .on i{background:var(--lime)}
.stepbar .done{color:var(--ink)} .stepbar .done i{background:var(--ink)}
.jform{display:grid;gap:14px}
.jform--grow{flex:1;display:flex;flex-direction:column}
.jtitle{margin:8px 0 0;font-weight:800;font-size:22px;letter-spacing:-0.02em}
.jsub{margin:-8px 0 0;font-size:14px;color:var(--muted);line-height:1.55}
.flabel{font-size:13px;font-weight:700;color:var(--body)}
.flabel .soft{font-weight:600;color:var(--muted)}
.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--body);min-width:0}
.field .help{font-weight:500;color:var(--muted)}
.input,.select{font:inherit;font-size:16px;font-weight:500;padding:12px;border:1.5px solid var(--field);border-radius:12px;background:#fff;color:var(--ink);width:100%;min-width:0}
.select{appearance:auto}
.input:focus,.select:focus{border-color:var(--ink);outline:none}
.input[aria-invalid=true]{border-color:var(--err)}
.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));gap:10px}
.qcar{position:relative;display:grid;gap:4px;padding:8px 8px 10px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:border-color .15s;text-align:left}
.qcar:hover{border-color:var(--ink)}
.qcar__art{display:block;height:64px;border-radius:9px;overflow:hidden;background:var(--bg)}
.qcar__art img{width:100%;height:100%;object-fit:contain;display:block;padding:4px}
.qcar__m{padding:0 2px;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qcar__b{padding:0 2px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qcar__chk{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--lime);display:none;place-items:center}
.qcar[aria-pressed=true]{border-color:var(--ink);background:var(--lime-wash)}
.qcar[aria-pressed=true] .qcar__art{background:var(--lime-wash2)}
.qcar[aria-pressed=true] .qcar__chk{display:grid}
.picked{background:var(--lime-wash);border:1px solid var(--lime);border-radius:12px;padding:12px 14px;display:grid;gap:4px;font-size:14px;line-height:1.5;color:#2B3A00}
.picked strong{font-size:16px;color:var(--ink)}
.err{margin:0;font-size:14px;font-weight:600;color:var(--err)}
.btn-main{display:block;width:100%;cursor:pointer;text-align:center;background:var(--lime);color:var(--ink);font:inherit;font-weight:800;font-size:16px;padding:15px;border-radius:14px;border:0;text-decoration:none}
.btn-main:hover{background:var(--lime-hi);color:var(--ink)}
.btn-main[disabled]{opacity:.6;cursor:progress}
.btn-dark{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;cursor:pointer;background:var(--ink);color:#fff;border:0;font:inherit;text-decoration:none;font-weight:800;font-size:16px;padding:15px;border-radius:14px}
.btn-dark:hover{background:#2B2E2C;color:#fff}
.btn-dark--lime{color:var(--lime);font-weight:700;padding:14px;border-radius:12px}
.btn-dark--lime:hover{color:var(--lime)}
.mt-auto{margin-top:auto}
.fine{margin:0;text-align:center;font-size:13px;color:var(--muted);font-weight:600}
.back{justify-self:start;font-size:14px;font-weight:700;color:var(--muted)}
.back:hover{color:var(--ink)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{padding:9px 14px;border-radius:999px;border:1.5px solid var(--field);background:#fff;color:var(--ink);font-size:14px;font-weight:700}
.pill--sm{padding:8px 12px;font-size:13px}
.pill--wide{padding:9px 18px}
.pill[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--lime)}
.group{display:grid;gap:8px}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.5;color:var(--body)}
.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
.phone{display:flex;align-items:stretch;border:1.5px solid var(--field);border-radius:12px;overflow:hidden;background:#fff}
.phone:focus-within{border-color:var(--ink)}
.phone span{display:grid;place-items:center;padding:0 12px;background:var(--bg);font-weight:700;font-size:16px;border-right:1.5px solid var(--field)}
.phone input{border:0;border-radius:0;outline:none}
.otp{letter-spacing:.5em;font-size:22px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.linkbtn{font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.linkbtn[disabled]{color:var(--muted);text-decoration:none;cursor:default}
.summary{margin:0;white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.55;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.note{background:var(--lime-wash);border:1px solid var(--lime);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.55;color:#2B3A00;display:grid;gap:6px}
.note strong{color:var(--ink)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px}
.row .muted{color:var(--muted)}
.invite{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}
.invite span{flex:1;min-width:180px;color:var(--body)}
.btn-outline{font-weight:700;color:var(--ink);border:1.5px solid var(--ink);border-radius:12px;padding:9px 14px;text-decoration:none}
.btn-outline:hover{background:var(--lime-wash);color:var(--ink)}
.ref{font-variant-numeric:tabular-nums;font-weight:800}
.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── Section commons ── */
.eyebrow{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em}
.eyebrow--lime{color:var(--lime)}
.h2{margin:8px 0 0;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-0.03em;line-height:1.15}
.how{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.how .wrap{padding-top:72px;padding-bottom:72px}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.steps li{background:var(--bg);border-radius:18px;padding:20px;display:grid;gap:8px;align-content:start}
.chip{width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800;font-size:16px}
.steps li:first-child .chip{background:var(--lime);color:var(--ink)}
.steps h3{margin:4px 0 0;font-size:17px;font-weight:800;letter-spacing:-0.01em}
.steps p{margin:0;font-size:14px;line-height:1.6;color:var(--body)}
.film-toggle{margin-top:24px}
.film-toggle summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--green)}
.pools{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.pool{border:1.5px solid var(--line);border-radius:18px;padding:20px 22px}
.pool.live{border-color:var(--ink)}
.pool__head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pool h3{margin:0;font-size:18px;font-weight:800}
.pool h3 span{font-weight:600;color:var(--muted);font-size:14px}
.pool__chip{background:#ECEEEA;color:var(--body);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pool.live .pool__chip{background:var(--lime);color:var(--ink)}
.pool ol{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pool li{display:grid;gap:4px;padding-top:10px;border-top:3px solid var(--line);font-size:13px;line-height:1.4}
.pool li.now{border-top-color:var(--focus)}
.pool li strong{font-weight:700;font-variant-numeric:tabular-nums}
.pool li span{color:var(--muted)}
.small-note{margin:14px 0 0;font-size:14px;color:var(--muted)}

/* ── Cars ── */
.cars{padding-top:56px;padding-bottom:72px}
.cars__head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.cars__head .h2{margin:0}
.cars__head p{margin:6px 0 0;color:var(--muted);font-size:14px}
.finder{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 8px 20px;margin-top:20px}
.tabs{display:flex;gap:4px;padding:4px;border-bottom:1px solid #ECEEEA;overflow-x:auto}
.tab{white-space:nowrap;padding:12px 16px;font-weight:700;font-size:14px;border-bottom:3px solid transparent;color:var(--muted)}
.tab[aria-selected=true]{border-bottom-color:var(--lime);color:var(--ink)}
.finder__body{padding:18px 16px 0}
.brand-tiles{display:flex;flex-wrap:wrap;gap:8px}
.btile{display:flex;align-items:center;height:44px;padding:0 16px;border:1.5px solid #E3E6E0;background:#fff;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}
.btile:hover,.bodytile:hover{border-color:var(--ink)}
.btile[aria-pressed=true],.bodytile[aria-pressed=true]{border-color:var(--ink);background:var(--lime-wash)}
.body-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.bodytile{display:grid;justify-items:center;gap:6px;padding:12px;border:1.5px solid #ECEEEA;background:#fff;border-radius:14px;font-size:14px;font-weight:700}
.bodytile img{width:100%;max-width:130px;height:auto}
.model-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.model-form .input,.model-form .select{padding:14px}
.car-grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:16px}
.car{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.car:hover{box-shadow:0 14px 36px rgba(14,16,15,.12);transform:translateY(-3px)}
.car__art{background:linear-gradient(180deg,#F7F8F5,#EEF0EB);padding:18px 14px 8px}
.car__art img{width:100%;height:auto;aspect-ratio:460/230;object-fit:contain;display:block}
.car__body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.car__meta{font-size:13px;color:var(--muted);font-weight:600}
.car h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-0.02em}
.car__when{margin-top:6px;font-size:13px;color:var(--muted)}
.car__acts{margin-top:auto;padding-top:14px;display:flex;gap:8px}
.car__join{flex:1;text-align:center;border:1.5px solid var(--ink);font-weight:700;font-size:14px;padding:11px;border-radius:12px}
.car__join:hover{background:var(--ink);color:var(--lime)}
.car__wa{width:44px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:12px;color:var(--ink)}
.car__wa:hover{border-color:var(--ink);background:var(--lime-wash);color:var(--ink)}
.empty{margin-top:16px;background:#fff;border:1px dashed #C9CDC5;border-radius:18px;padding:32px;text-align:center}
.empty p{margin:0;font-weight:700;font-size:18px}
.empty p+p{margin:6px 0 16px;color:var(--muted);font-weight:400;font-size:16px}
.btn-pill-dark{display:inline-block;background:var(--ink);color:var(--lime);text-decoration:none;font-weight:700;padding:12px 20px;border-radius:12px}
.btn-pill-dark:hover{color:var(--lime);background:#2B2E2C}

/* ── Pricing ── */
.sec-pad{padding-bottom:72px}
.dark-card{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px}
.dark-card h2{margin:8px 0 0;font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-0.035em;line-height:1.05}
.facts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px;font-size:15px;line-height:1.6;color:var(--pale)}
.facts li{display:grid;grid-template-columns:24px 1fr;gap:10px}
.facts svg{margin-top:2px}
.facts strong{color:#fff;font-weight:700}
.bid{background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;padding:22px;display:grid;gap:10px}
.bid > strong{font-size:18px}
.bid__row{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:10px;border-top:1px solid var(--panel-line);font-size:14px;line-height:1.5}
.bid__row span:first-child{color:var(--pale)}
.bid__row b{color:#fff;font-weight:700;display:block}
.bid__row span:last-child{font-weight:700;color:var(--soft);white-space:nowrap}
.bid__row span.hi{color:var(--lime)}
.share{background:var(--lime);color:var(--ink);border-radius:20px;padding:22px;display:grid;gap:12px;align-content:start}
.share h3{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-0.03em;line-height:1.1}
.share p{margin:0;font-size:15px;line-height:1.6;color:#22300A}
.btn-wa{justify-self:start;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:13px 18px;border-radius:14px}
.btn-wa:hover{background:#2B2E2C;color:#fff}

/* ── Loans ── */
.white-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;align-items:start}
.white-card h2{margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-0.035em;line-height:1.08}
.white-card p{margin:0}
.lead{font-size:16px;line-height:1.6;color:var(--body)}
.muted-note{font-size:14px;line-height:1.6;color:var(--muted)}
.fin{background:var(--bg);border-radius:20px;padding:20px;display:grid;gap:14px}
.seg{display:flex;gap:6px;background:#fff;border-radius:999px;padding:4px;justify-self:start}
.seg button{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--body)}
.seg button[aria-selected=true]{background:var(--ink);color:var(--lime)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.tiny{margin:0;font-size:13px;color:var(--muted)}

/* ── FAQ ── */
.faq{max-width:1168px;margin:0 auto;padding:64px 24px 64px}
.faq .h2{text-align:center;margin:0}
.faq__grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px;align-items:start}
.qa{background:#fff;border:1px solid var(--line);border-radius:16px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--ink);font-size:18px;font-weight:800;line-height:1;font-style:normal}
.qa summary i::before{content:"+"}
.qa[open] summary i{background:var(--ink);color:var(--lime)}
.qa[open] summary i::before{content:"–"}
.qa p{margin:-4px 0 0;padding:0 20px 18px;font-size:15px;line-height:1.65;color:var(--body)}

/* ── Alerts ── */
.alerts{background:var(--ink);color:#fff;border-radius:28px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:center}
.alerts h2{margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-0.035em;line-height:1.08}
.alerts p{margin:0;font-size:16px;line-height:1.6;color:var(--pale);max-width:46ch}
.btn-lime{justify-self:start;display:flex;align-items:center;gap:10px;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:800;font-size:16px;padding:15px 22px;border-radius:14px}
.btn-lime:hover{background:var(--lime-hi);color:var(--ink)}

/* ── Dealer page ── */
.dealer-hero{background:var(--ink);color:#fff}
.dealer-hero .wrap{padding-top:40px;padding-bottom:48px;display:grid;gap:12px}
.dealer-hero a{color:#C9CDC5;text-decoration:none;font-size:14px;font-weight:700}
.dealer-hero a:hover{color:var(--lime)}
.dealer-hero h1{margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-0.04em;line-height:1.02}
.dealer-hero p.lead{margin:0;max-width:62ch;color:var(--pale)}
.dealer-body{padding-top:32px;padding-bottom:72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:12px}
.card > p.t{margin:0;font-weight:800;font-size:20px}
.grid-200{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.rules{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;font-size:14px;line-height:1.6;color:var(--body)}
.rules strong{color:var(--ink)}
.ok{background:var(--lime-wash);border:1px solid var(--lime);border-radius:12px;padding:12px 14px;font-size:14px;color:#2B3A00}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ── Footer ── */
.site-footer{background:var(--ink);color:var(--soft);font-size:14px}
.site-footer .wrap{padding-top:56px;padding-bottom:28px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px}
.foot-about{grid-column:1 / -1;display:grid;gap:14px;align-content:start;max-width:640px}
.foot-about p{margin:0;line-height:1.6}
.foot-col{display:grid;gap:10px;align-content:start}
.foot-col strong{color:#fff;font-size:14px}
.foot-col a{color:var(--soft);text-decoration:none}
.foot-col a:hover{color:var(--lime)}
.foot-col span{line-height:1.55}
.foot-base{margin-top:40px;padding-top:20px;border-top:1px solid #222523;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.sticky{display:none}
@media (max-width:639px){
  .sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--ink);color:#fff;border-radius:16px;padding:10px 10px 10px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px rgba(0,0,0,.3)}
  .sticky span{flex:1;font-size:13px;line-height:1.35;color:var(--pale)}
  .sticky a{background:var(--lime);color:var(--ink);text-decoration:none;font-weight:800;font-size:14px;padding:11px 16px;border-radius:12px;white-space:nowrap}
  .site-footer{padding-bottom:84px}
  .pool ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.dealer-view .sticky{display:none}
.noscript{background:#FFF4D6;color:var(--ink);padding:10px 20px;font-size:14px;text-align:center}

/* ───────── v2 design additions ───────── */
.err{color:#C0261A}
.tiny{margin:0;font-size:12px;line-height:1.5;color:var(--placeholder)}
.muted-14{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.soft{font-weight:500;color:var(--placeholder)}
.tnum{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lime{color:var(--lime)}
.pool-box__live{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.pool-dot{width:8px;height:8px;border-radius:50%;background:var(--focus)}
.timer__sep{color:#9A9F98}
.timer__u{font-size:10px;color:var(--placeholder)}
.stepbar span{color:#6B7068}
.jtitle{margin:0}
.jsub{margin:-6px 0 0}
.flabel,.field{font-size:12px}
.quick .qcar__art{height:72px}
.qcar__name{display:flex;align-items:center;gap:6px;padding:0 2px;min-width:0}
.qcar__name img{width:20px;height:20px;object-fit:contain;flex:none;filter:brightness(0)}
.qcar__name span{flex:1;min-width:0;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qcar__n{padding:0 2px;font-size:12px;font-weight:600;color:var(--placeholder);font-variant-numeric:tabular-nums}
.picked{gap:8px}
.picked__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.picked__grid > div{display:grid;gap:2px;min-width:0}
.picked__k{font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em}
.picked__v{font-size:18px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.picked__v--sm{font-size:16px}
.picked__s{font-size:12px}
.picked__line{margin:0;padding-top:8px;border-top:1px dashed var(--lime);font-weight:600}
.pill{padding:8px 12px;font-weight:600}
.verified{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px}
.verified__tick{width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}
.verified > span:last-child{display:grid;gap:2px;min-width:0}
.verified b{font-size:12px;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.verified > span:last-child > span{font-size:16px;font-weight:700;line-height:1.35}
.sumbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:8px;font-size:14px}
.sumbox > div{display:flex;justify-content:space-between;gap:12px}
.sumbox > div span{color:var(--placeholder)}
.sumbox > div strong{text-align:right}
.sumbox__total{padding-top:10px;border-top:1px dashed var(--line)}
.sumbox__total span{color:var(--ink)!important;font-weight:700}
.sumbox__total strong{font-size:18px}
.sumbox__note{margin:0;font-size:12px;color:var(--green);font-weight:600}
.sumbox--rows{padding:4px 16px;gap:0}
.sumbox--rows > div{padding:10px 0;border-bottom:1px solid #ECEEEA}
.sumbox--rows > div:last-child{border-bottom:0}
.done-head{display:flex;align-items:center;gap:12px}
.done-head h3{margin:0;font-size:24px;font-weight:800}
.done-tick{width:40px;height:40px;flex:none;border-radius:50%;background:var(--lime);display:grid;place-items:center}
.wa-box{display:flex;align-items:center;gap:12px;background:#E9F9D6;border:1px solid #B9E27A;border-radius:14px;padding:14px 16px}
.wa-box svg{flex:none}
.wa-box > span{display:grid;gap:2px}
.wa-box strong{font-size:15px}
.wa-box span span{font-size:13px;color:var(--body)}
.receipt{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.receipt__doc{width:36px;height:42px;flex:none;border-radius:6px;background:#F4F4EF;border:1px solid var(--line);display:grid;place-items:center}
.receipt > span:last-child{display:grid;gap:2px;min-width:0}
.receipt strong{font-size:14px}
.receipt .tnum{font-size:12px;color:var(--placeholder)}
.invite-dark{margin-top:6px;background:var(--ink);color:#fff;border-radius:16px;padding:18px;display:grid;gap:12px}
.invite-dark p{margin:0;font-size:14px;line-height:1.55;color:#C9CDC5}
.invite-dark p.t{font-weight:800;font-size:18px;color:#fff}
.btn-lime-sm{justify-self:start;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;padding:11px 16px;border-radius:12px}
.btn-lime-sm:hover{background:var(--lime-hi);color:var(--ink)}
.result-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:26px;padding:clamp(18px,2.4vw,26px);display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.4vw,26px);align-items:center}
.result-card img{width:clamp(96px,11vw,136px);height:clamp(96px,11vw,136px);border-radius:50%;object-fit:cover;object-position:50% 30%;border:3px solid var(--lime);display:block}
.result-card__body{min-width:0;display:grid;gap:4px}
.result-card p{margin:0}
.result-card__tag{font-size:12px;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.1em}
.result-card__big{font-size:clamp(36px,4.2vw,52px);line-height:.95;font-weight:800;letter-spacing:-0.05em;color:var(--lime);font-variant-numeric:tabular-nums}
.result-card__who{margin-top:4px!important;font-size:clamp(16px,1.6vw,20px);font-weight:700;line-height:1.35;color:#fff}
.result-card__fine{margin-top:2px!important;font-size:14px;line-height:1.5;color:#9A9F98;font-variant-numeric:tabular-nums}
.film-slot{margin-top:32px}
.film-toggle summary{font-size:14px}
.steps{margin-top:20px}
.pool li{font-size:12px}
.mark{display:block;margin:0 0 10px}
.mark--center{display:flex;justify-content:center;margin:0 0 12px}
.cars__head .tiny{margin-top:4px}
.btile{gap:10px;height:48px;padding:0 16px 0 8px;font-weight:600}
.btile__logo{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#F3F4F1;flex:none}
.btile__logo--wide{width:84px}
.btile__logo img{max-height:18px;max-width:20px;width:auto;height:auto;filter:brightness(0);opacity:.85}
.btile__logo--wide img{max-width:72px}
.btile__n{font-size:12px;font-weight:600;color:#6B7068;font-variant-numeric:tabular-nums}
.car__art{position:relative;padding:34px 14px 10px}
.car__art img.art{width:100%;height:auto;aspect-ratio:460/250;object-fit:contain;display:block}
.car__chip{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;white-space:nowrap;background:var(--ink);color:var(--lime);font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px}
.car__chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime)}
.car__chip--new{background:#fff;color:var(--ink);border:1px solid var(--line)}
.car__chip--new::before{background:var(--focus)}
.car__logo{position:absolute;top:12px;right:14px;max-height:20px;max-width:72px;width:auto;height:auto;filter:brightness(0);opacity:.55}
.car__body{padding:16px 18px 18px}
.car__meta{font-size:12px;color:var(--placeholder)}
.car__saved{margin-top:12px;padding:12px 14px;background:var(--lime-wash);border:1px solid var(--lime);border-radius:12px;display:grid;gap:2px;font-variant-numeric:tabular-nums}
.car__saved span{font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em}
.car__saved strong{font-size:24px;font-weight:800;letter-spacing:-0.03em}
.car__when{margin-top:10px;font-size:12px;color:var(--placeholder)}
.dark-card--single{grid-template-columns:1fr;padding:clamp(28px,4vw,56px)}
.dark-card__bg{position:absolute;z-index:-1;pointer-events:none;left:-12%;bottom:-40%;width:min(820px,100vw);height:auto}
.eyebrow--lime{color:var(--lime)}
.facts{gap:14px;font-size:14px;line-height:1.55;color:#C9CDC5}
.offers{margin-top:28px;border-top:1px solid var(--panel-line);padding-top:20px;display:grid;gap:12px}
.offers > strong{color:#fff;font-size:16px;font-weight:800}
.offers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.offers__grid > div{border:1px solid var(--panel-line);border-radius:14px;padding:14px;display:grid;gap:4px;min-width:0}
.offers__grid span:first-child{font-size:12px;font-weight:700;color:var(--lime)}
.offers__grid strong{color:#fff;font-size:15px;font-weight:800}
.offers__grid span:last-child{font-size:12px;color:var(--soft)}
.offers__fine{font-size:12px;color:#8E948C}
.white-card{padding:clamp(24px,4vw,48px);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px 36px}
.white-card h2{font-size:clamp(28px,3.4vw,42px);line-height:1.05}
.lead-col{display:grid;gap:14px;font-size:16px;line-height:1.6;color:var(--muted)}
.lead-col p{margin:0}
.faq .h2{margin:0}
.qa p{font-size:14px;color:var(--muted)}
.qa summary i{width:28px;height:40px;background:none!important;border-radius:0;position:relative}
.qa summary i::before{content:""!important;position:absolute;left:3px;top:9px;width:22px;height:22px;border:2.2px solid var(--ink);border-radius:50%;box-sizing:border-box;transition:transform .5s cubic-bezier(.5,1.5,.5,1)}
.qa summary i::after{content:"";position:absolute;left:3px;top:9px;width:22px;height:22px;border:2.2px solid var(--ink);border-radius:50%;box-sizing:border-box;transition:transform .5s cubic-bezier(.5,1.5,.5,1),background .35s;}
.qa[open] summary i::before{transform:translateY(-6px)}
.qa[open] summary i::after{transform:translateY(6px)}
.qa summary b.lens{display:none}
/* dealer room */
.dealer-hero{position:relative;overflow:hidden;isolation:isolate}
.dealer-hero__bg{position:absolute;z-index:-1;pointer-events:none;right:-6%;top:-60%;width:min(760px,90vw);height:auto}
.dealer-hero .wrap{padding-top:40px;padding-bottom:36px;gap:14px}
.dealer-hero .back-link{color:var(--soft);font-weight:600}
.dealer-hero p.lead{max-width:70ch;color:var(--soft)}
.bw-line{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:14px;color:var(--soft)}
.bw-line strong{color:#fff}
.bw-status{background:#2B2E2C;color:#E4E6E1;font-weight:700;font-size:12px;padding:4px 10px;border-radius:999px}
.bw-status.open{background:var(--lime);color:var(--ink)}
.dealer-body{padding-top:32px;padding-bottom:72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;align-items:start}
.dealer-main{grid-column:span 2;min-width:0}
@media (max-width:720px){.dealer-main{grid-column:auto}}
.dealer-stack{display:grid;gap:16px}
.card{padding:clamp(20px,3vw,32px)}
.card--block{display:block;padding:20px 22px}
.dform{display:grid;gap:14px}
.dform:not(#dRegister){max-width:460px}
.consent--14{font-size:14px;color:var(--muted);cursor:pointer}
.locked{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.locked__blur{filter:blur(5px);opacity:.55;padding:20px;display:grid;gap:12px}
.locked__blur .b1{height:14px;width:40%;background:var(--line);border-radius:6px}
.locked__blur .b2{height:44px;background:var(--bg);border-radius:10px}
.locked__msg{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;padding:20px}
.locked__msg strong{font-size:16px}
.locked__msg span:last-child{font-size:14px;color:var(--placeholder)}
.lock-ic{width:44px;height:44px;border-radius:50%;background:var(--ink);display:grid;place-items:center;justify-self:center}
.room{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.room__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #ECEEEA}
.room__who{display:flex;align-items:center;gap:12px}
.room__who strong{display:block;font-size:16px}
.room__who span:not(.room__badge){font-size:14px;color:var(--placeholder)}
.room__badge{width:40px;height:40px;border-radius:12px;background:var(--lime);display:grid;place-items:center}
.linkbtn--muted{color:var(--placeholder)}
.room__steps{padding:20px 22px;border-bottom:1px solid #ECEEEA;display:grid;gap:18px}
.room__k{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--placeholder)}
.room__step{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.room__step--line{padding-top:18px;border-top:1px solid #ECEEEA}
.room__stepbody{display:grid;gap:8px;min-width:0}
.room__stepbody > strong{font-size:16px}
.stepdot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:14px}
.stepdot.ok{border:0;background:var(--lime);font-size:0}
.stepdot.ok::after{content:"";width:10px;height:5px;border:3px solid var(--ink);border-top:0;border-right:0;transform:translateY(-2px) rotate(-45deg)}
.ag-open{display:grid;gap:12px}
.ag-items{display:grid;gap:10px}
.ag-items label{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.5;color:var(--muted);cursor:pointer;border:1.5px solid var(--field);border-radius:12px;padding:12px 14px}
.ag-items input{width:18px;height:18px;margin-top:1px;accent-color:var(--ink)}
.ag-items strong{display:block;color:var(--ink)}
.btn-outline-dark{justify-self:start;cursor:pointer;background:#fff;border:1.5px solid var(--ink);font:inherit;font-weight:800;font-size:14px;padding:11px 18px;border-radius:12px;color:var(--ink);text-decoration:none}
.btn-outline-dark:hover{background:var(--bg)}
.btn-dark--sm{width:auto;justify-self:start;font-size:14px;padding:12px 18px;border-radius:12px;color:var(--lime)}
.btn-dark--sm:hover{color:var(--lime)}
.btn-auto{width:auto;justify-self:start;padding:14px 22px}
.room__locked{padding:32px 22px;display:grid;gap:6px;justify-items:center;text-align:center}
.room__locked strong{font-size:16px}
.room__empty{padding:32px 22px;text-align:center}
.room__empty p{margin:6px 0 0;font-size:14px;color:var(--placeholder)}
.table-wrap{overflow-x:auto}
.bidtable{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}
.bidtable th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--placeholder);text-align:left;padding:12px 8px;font-weight:700}
.bidtable th:first-child,.bidtable td:first-child{padding-left:22px}
.bidtable th:last-child,.bidtable td:last-child{padding-right:22px}
.bidtable td{padding:12px 8px;border-top:1px solid #ECEEEA;vertical-align:middle}
.bidtable .r{text-align:right}
.bidtable td strong{display:block}
.bidtable td small{font-size:12px;color:var(--placeholder)}
.bidtable .col{background:var(--bg);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.bidtable .n{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.bidtable input{font:inherit;font-size:14px;padding:9px 10px;border:1.5px solid var(--field);border-radius:12px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.bidtable input.price{width:150px}
.bidtable input.units{width:70px}
.room__foot{padding:18px 22px;border-top:1px solid #ECEEEA;display:grid;gap:12px}
.bid-done{background:var(--lime-wash);border:1.5px solid var(--lime);border-radius:22px;padding:22px;display:grid;gap:12px}
.bid-done strong{font-size:18px}
.bid-done p{margin:0;font-size:14px;color:var(--muted)}
.dealer-aside{display:grid;gap:16px;min-width:0}
.your-bid{background:var(--ink);color:#fff;border-radius:22px;padding:20px 22px;display:grid;gap:10px;font-size:14px;font-variant-numeric:tabular-nums}
.your-bid > strong{font-size:16px}
.your-bid > div{display:flex;justify-content:space-between}
.your-bid span{color:var(--soft)}
.your-bid__total{padding-top:10px;border-top:1px solid #2B2E2C}
.your-bid__total strong{color:var(--lime)}
.rules{font-size:14px;line-height:1.55;color:var(--muted)}
.site-footer{position:relative;overflow:hidden;isolation:isolate}
.site-footer__bg{position:absolute;z-index:-1;pointer-events:none;right:-10%;bottom:-45%;width:min(900px,110vw);height:auto}
.foot-about{grid-column:span 2;max-width:420px}
@media (max-width:420px){.foot-about{grid-column:1 / -1}}
.foot-base{font-size:12px}
.sticky span{font-size:12px;color:#C9CDC5}
.qa-ic{flex:none;display:block;overflow:visible}
.qa-ic .r1,.qa-ic .r2{transition:transform .5s cubic-bezier(.5,1.5,.5,1)}
.qa-ic .lens{opacity:0;transform-origin:12px 18px;transform:scale(.3);transition:opacity .35s ease .15s,transform .45s cubic-bezier(.3,1.4,.5,1) .1s}
.qa[open] .qa-ic .r1{transform:translateY(-6px)}
.qa[open] .qa-ic .r2{transform:translateY(6px)}
.qa[open] .qa-ic .lens{opacity:1;transform:scale(1)}

/* ───────── Sales features (v3) ───────── */
.ref-note{margin:0;background:var(--lime-wash);border:1px solid var(--lime);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;color:#2B3A00}
.trust{list-style:none;margin:-4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:12px;font-weight:600;color:var(--body)}
.trust li{display:flex;align-items:center;gap:6px}
.trust svg{flex:none}
.why-ask{margin:0;font-size:13px;line-height:1.5;color:var(--body);background:var(--bg);border-radius:12px;padding:10px 12px}
.why-ask b{color:var(--ink)}
.guard{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;background:var(--lime-wash);border:1px solid var(--lime);border-radius:14px;padding:14px 16px}
.guard__ic{width:40px;height:40px;border-radius:12px;background:var(--lime);display:grid;place-items:center}
.guard div{display:grid;gap:2px}
.guard strong{font-size:15px}
.guard span:not(.guard__ic){font-size:13px;line-height:1.5;color:#2B3A00}
.objections{display:grid;gap:6px}
.objections details{border:1px solid var(--line);border-radius:12px;background:#fff}
.objections summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:10px}
.objections summary::-webkit-details-marker{display:none}
.objections summary::after{content:"+";font-weight:800;color:var(--green)}
.objections details[open] summary::after{content:"–"}
.objections p{margin:0;padding:0 12px 12px;font-size:13px;line-height:1.55;color:var(--muted)}
.linkbtn--lime{color:var(--lime)}
.compare{padding-top:64px;padding-bottom:8px}
.vs-wrap{margin-top:24px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:20px}
.vs{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.5}
.vs th,.vs td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid #ECEEEA}
.vs thead th{border-top:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--placeholder)}
.vs tbody th{font-weight:800;width:18%;color:var(--ink)}
.vs td{color:var(--muted);width:41%}
.vs td:last-child{color:var(--ink);font-weight:600;background:var(--lime-wash)}
.vs thead .vs__us{color:var(--green);background:var(--lime-wash)}
.vs tbody tr:last-child td:last-child{border-bottom-right-radius:20px}
.vs-cta{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vs-cta span{font-size:13px;font-weight:600;color:var(--muted)}
.btn-inline{display:inline-block;width:auto;padding:14px 22px}
.later{background:var(--ink);color:#fff;border-radius:28px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:center}
.later h2{margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-0.035em;line-height:1.08}
.later p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--pale);max-width:46ch}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:45;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(14,16,15,.18)}
.wa-float svg{color:#1FA855}
.wa-float:hover{color:var(--ink);border-color:var(--ink)}
.sticky__wa{display:none}
@media (max-width:639px){
  .wa-float{display:none}
  .sticky .sticky__wa{display:grid;place-items:center;background:transparent!important;border:1.5px solid #2E322F;color:#fff!important;padding:9px!important}
  .trust{grid-template-columns:1fr 1fr}
}
body.dealer-view .wa-float{display:none}

/* ───────── Thumb-friendly tap targets on phones (≥40px tall) ───────── */
@media (pointer:coarse){
  .foot-col a,.foot-col #footBrands a{display:block;padding:9px 0;margin:-9px 0}
  .film-toggle summary,.back,.back-link,.linkbtn{display:inline-block;padding:10px 0;margin:-10px 0}
  .brand{padding:8px 0;margin:-8px 0}
  .timer__u{font-size:11px}
}

/* ───────── Phones: put the join form right under the headline ───────── */
@media (max-width:639px){
  .hero__grid{gap:18px}
  .hero__grid > .stack{display:contents}
  .hero__grid h1{order:1}
  .hero__grid .join{order:2;grid-row:auto}
  .hero__grid .fee-card,.hero__grid .result-card{order:3}
  .hero__grid .promises{order:4}
  .hero .fee-card__note{display:none}
  .sticky span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:359px){ .hero h1{font-size:36px} .sticky span{-webkit-line-clamp:3;font-size:11px} }

/* Real car photos (uploaded on /admin.html) fill their frame; illustrations stay contained */
.car__art img.art.is-photo{object-fit:cover;border-radius:10px}
.car__art:has(img.is-photo){padding:34px 10px 10px}
.qcar__art img.is-photo{object-fit:cover;padding:0}

/* ───────── My orders ───────── */
.orders-page{background:var(--bg)}
.ord-main{padding-top:32px;padding-bottom:72px;display:grid;gap:16px;max-width:820px}
.ord-main h1{margin:0;font-size:clamp(28px,3.4vw,40px);letter-spacing:-0.03em}
.ord-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:14px}
.ord-sign{max-width:460px}
.ord-list{display:grid;gap:16px}
.ord-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ord-car{margin:0;font-size:20px;font-weight:800;letter-spacing:-0.02em}
.ord-spec{margin:2px 0 0;font-size:13px;color:var(--muted)}
.ord-pill{white-space:nowrap;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--bg);color:var(--body)}
.ord-pill--paid,.ord-pill--offer,.ord-pill--booked{background:var(--lime);color:var(--ink)}
.ord-pill--delivered{background:var(--ink);color:var(--lime)}
.ord-pill--awaiting{background:#FFF4D6;color:#6B4E00}
.ord-pill--cancelled,.ord-pill--refunded{background:#F1F1EE;color:var(--muted)}
.ord-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--placeholder)}
.ord-meta b{color:var(--ink);font-weight:700}
.ord-price{display:grid;gap:2px;background:var(--lime-wash);border:1px solid var(--lime);border-radius:14px;padding:12px 14px}
.ord-price span{font-size:12px;font-weight:700;color:var(--green)}
.ord-price strong{font-size:26px;letter-spacing:-0.03em}
.ord-note{margin:0;font-size:14px;color:var(--body);background:var(--bg);border-radius:12px;padding:10px 12px}
.ord-tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ord-tl li{display:grid;grid-template-columns:22px 1fr;gap:10px;position:relative;padding-bottom:12px}
.ord-tl li:not(:last-child)::before{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--line)}
.ord-tl li.done:not(:last-child)::before{background:var(--focus)}
.ord-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--field);background:#fff;box-sizing:border-box}
.ord-tl li.done .ord-dot{background:var(--focus);border-color:var(--focus)}
.ord-tl li.now .ord-dot{border-color:var(--ink);box-shadow:0 0 0 4px var(--lime-wash2)}
.ord-tl b{display:block;font-size:14px}
.ord-tl small{font-size:12px;color:var(--placeholder)}
.ord-tl li:not(.done):not(.now) b{color:var(--muted);font-weight:600}
.ord-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ord-refund{color:var(--muted)}
.ord-empty{justify-items:start}
.topline__right{display:flex;gap:18px;align-items:center}
.topline .orders-link{color:var(--lime);font-weight:700}
.linkbtn{white-space:nowrap}
/* My orders: final price, choices, payments, tracker */
.ord-next{margin:0;font-size:15px;font-weight:700;line-height:1.45;color:#2B3A00;background:var(--lime-wash);border-left:4px solid var(--lime);border-radius:8px;padding:10px 12px}
.of{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}
.of-title{margin:0;font-size:18px;font-weight:800;letter-spacing:-0.02em}
.of-sub{margin:0;font-size:15px;font-weight:800}
.of-head{display:grid;gap:2px}
.of-big{margin:0;font-size:22px;font-weight:800;letter-spacing:-0.02em}
.of-lines summary,.of-docs summary,.ord-log summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--green);padding:4px 0}
.of-lines{display:grid;gap:4px}
.of-lines[open] .of-row{padding:6px 0;border-bottom:1px dashed var(--line)}
.of-group{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.of-group legend{font-size:14px;font-weight:800;padding:0;margin-bottom:8px}
.opt{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:12px;border:1.5px solid var(--field);border-radius:14px;background:#fff;cursor:pointer}
.opt input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink)}
.opt b{display:block;font-size:15px}
.opt small{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:2px}
.opt:has(input:checked){border-color:var(--ink);background:var(--lime-wash)}
.opt:has(input:disabled){cursor:default}
.of-loanbits{display:grid;gap:10px}
.of-loanbits:empty{display:none}
.of-sum{background:var(--bg);border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.of-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--body)}
.of-row b{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.of-total{border-top:1px solid var(--field);padding-top:8px;margin-top:2px;font-weight:700}
.of-you{font-size:17px;font-weight:800;color:var(--ink)}
.of-you b{font-size:20px}
.of-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.of-dealer{margin:0;display:grid;gap:2px;font-size:14px;color:var(--body)}
.of-dealer b{font-size:16px;color:var(--ink)}
.pay-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pay-list li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}
.pay-list b{color:var(--ink);font-variant-numeric:tabular-nums}
.pay-list em{font-style:normal;font-weight:700;font-size:12px;color:var(--green)}
.pay-list .pay-reported em{color:#6B4E00}.pay-list .pay-rejected em{color:var(--err)}.pay-list .pay-refunded em{color:var(--muted)}
.pay-rest{display:grid;gap:10px;background:#fff;border:1.5px solid var(--ink);border-radius:16px;padding:14px}
.pay-rest > div{display:grid;gap:10px}
.pay-rest .seg{justify-self:start}
.of-docs ul{margin:6px 0;padding-left:18px;font-size:14px;line-height:1.6;color:var(--body)}
.ord-tl__note{display:block;font-weight:700;color:var(--green) !important}
.ord-log ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.ord-log li{display:grid;gap:1px;font-size:14px;color:var(--body);border-left:2px solid var(--line);padding-left:10px}
.ord-log small{font-size:12px;color:var(--placeholder)}
.ord-cancel{display:grid;gap:10px;background:var(--bg);border-radius:14px;padding:14px}
.pay-rest .seg{background:var(--bg)}
/* Dealer room: CoBuy bookings */
.dbk{display:grid;gap:12px}
.dbk__list{display:grid;gap:12px}
.dbk__card{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px;background:#fff}
.dbk__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.dbk__meta,.dbk__kv{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted)}
.dbk__meta a{font-weight:700}
.dbk__h{margin:4px 0 0;font-weight:800;font-size:14px}
.dbk__steps{display:grid;gap:8px}
.dbk__step{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:12px;background:var(--bg)}
.dbk__step.done{background:var(--lime-wash)}
.dbk__step .input{padding:8px 10px;font-size:14px}
.dbk__step .btn-outline-dark{padding:8px 12px}
.dbk__msg{font-size:13px;font-weight:700;color:var(--green)}
.dbk__msg:empty{display:none}
.dbk__step .dbk__msg{grid-column:1/-1}
.dbk__pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;background:#FFF4D6;border-radius:12px;padding:8px 10px}
.dbk__pay > span:first-child{flex:1 1 220px}
@media (max-width:640px){.dbk__step{grid-template-columns:1fr}}
.of-sum > .of-total:first-child{border-top:0;padding-top:0;margin-top:0}