/* ============================================================
   DRIVE — the car-loan desk
   Scoped to body.d-drive. 1rem = 10px.
   ============================================================ */
body.d-drive{
  --dv-navy:#0b1f3a;--dv-navy2:#081629;--dv-blue:#1c4fd8;--dv-sun:#ffc93c;--dv-sun2:#ffb800;--dv-ice:#f3f6fb;
  --dv-ink:#0e1a2b;--dv-soft:#4a5870;--dv-mute:#7d8aa0;--dv-line:#e1e7f0;
  --bg-primary:#fff;--bg-secondary:var(--dv-ice);--bg-card:#fff;--bg-inset:var(--dv-ice);
  --fg-primary:var(--dv-ink);--fg-soft:var(--dv-soft);--fg-muted:var(--dv-mute);--border-color:var(--dv-line);--border-strong:#cfd8e5;
  background:#fff;color:var(--dv-ink);font-family:'Inter',system-ui,sans-serif
}
body.d-drive :where(h1,h2,h3){font-family:'Sora',system-ui,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.04;color:var(--dv-ink)}
body.d-drive :where(em){font-style:normal;color:var(--dv-blue)}
.dv-kick{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dv-blue);margin-bottom:1.2rem}

body.d-drive .bx-nav{background:rgba(11,31,58,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.d-drive .bx-brand-mark{border-radius:10px;background:var(--dv-sun);color:var(--dv-navy);font-family:'Sora',sans-serif;font-weight:800}
body.d-drive .bx-brand-txt b{font-family:'Sora',sans-serif;color:#fff;font-size:1.9rem}
body.d-drive .bx-brand-txt small{color:rgba(255,255,255,.6)}
body.d-drive .bx-nav-links a{font-size:1.4rem;color:rgba(255,255,255,.72)}
body.d-drive .bx-nav-links a:hover,body.d-drive .bx-nav-links a.active{color:#fff}
body.d-drive .bx-nav-links a::after{background:var(--dv-sun)}
body.d-drive .bx-nav-cta{background:var(--dv-sun);color:var(--dv-navy);border-radius:10px}
body.d-drive .burger span{background:#fff}

/* hero — the night road */
.dv-hero{position:relative;overflow:hidden;padding-top:var(--nav-h);background:linear-gradient(180deg,var(--dv-navy2) 0,var(--dv-navy) 70%,#14294a 100%);color:#fff}
.dv-lights{position:absolute;inset:0;background:radial-gradient(ellipse 40% 50% at 85% 20%,rgba(28,79,216,.45),transparent 70%),radial-gradient(ellipse 30% 40% at 10% 90%,rgba(255,201,60,.16),transparent 70%)}
.dv-hero-in{position:relative;max-width:var(--max-w);margin:0 auto;padding:7rem 3rem 13rem;display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}
.dv-hero-in>*{min-width:0}
.dv-chip{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:1.3rem;font-weight:600;color:rgba(255,255,255,.85)}
.dv-chip i{color:var(--dv-sun)}
.dv-hero h1{font-size:clamp(4.6rem,6.6vw,8.2rem);color:#fff;margin-top:2.6rem}
.dv-hero h1 em{color:var(--dv-sun)}
.dv-lede{font-size:1.75rem;line-height:1.6;color:rgba(255,255,255,.75);margin-top:2.4rem;max-width:54ch}
.dv-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}
.dv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:1.6rem 2.6rem;border-radius:12px;font-family:'Sora',sans-serif;font-size:1.5rem;font-weight:600;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.dv-btn-main{background:var(--dv-sun);color:var(--dv-navy);box-shadow:0 12px 30px rgba(255,201,60,.25)}
.dv-btn-main:hover{background:var(--dv-sun2);transform:translateY(-2px)}
.dv-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
.dv-btn-ghost:hover{background:rgba(255,255,255,.16)}
.dv-btn-block{width:100%;margin-top:2rem}

.dv-road{position:absolute;left:0;right:0;bottom:0;height:9rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));overflow:hidden}
.dv-road::before{content:"";position:absolute;left:0;right:0;bottom:4.2rem;height:1px;background:rgba(255,255,255,.12)}
.dv-road span{position:absolute;left:0;bottom:2.6rem;width:200%;height:6px;background:repeating-linear-gradient(90deg,var(--dv-sun) 0 70px,transparent 70px 140px);opacity:.85;animation:dv-lane 2.2s linear infinite}
@keyframes dv-lane{to{transform:translateX(-140px)}}
@media (prefers-reduced-motion:reduce){.dv-road span{animation:none}}

.dv-calc{position:relative;padding:2.8rem;border-radius:20px;background:#fff;color:var(--dv-ink);box-shadow:0 40px 80px rgba(0,0,0,.35)}
.dv-calc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-family:'Sora',sans-serif;font-weight:600;font-size:1.5rem}
.dv-calc-head i{color:var(--dv-blue);margin-right:.6rem}
.dv-calc-head small{font-size:1.15rem;font-weight:600;color:var(--dv-navy);background:var(--dv-sun);padding:.3rem 1rem;border-radius:999px}
.dv-range{display:block;margin-bottom:1.8rem}
.dv-range>span{display:flex;justify-content:space-between;font-size:1.35rem;color:var(--dv-soft);margin-bottom:.9rem}
.dv-range b{color:var(--dv-ink);font-family:'Sora',sans-serif}
.dv-range input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--dv-blue) var(--fill,50%),var(--dv-line) var(--fill,50%));outline:0}
.dv-range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--dv-blue);box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}
.dv-range input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:5px solid var(--dv-blue);cursor:pointer}
.dv-out{margin-top:2.2rem;padding:2rem;border-radius:14px;background:var(--dv-ice)}
.dv-emi small{display:block;font-size:1.25rem;color:var(--dv-mute);font-weight:600}
.dv-emi b{font-family:'Sora',sans-serif;font-size:3.8rem;letter-spacing:-.03em;color:var(--dv-navy)}
.dv-bar{height:10px;border-radius:99px;background:var(--dv-sun);overflow:hidden;margin:1.4rem 0}
.dv-bar span{display:block;height:100%;width:var(--share,70%);background:var(--dv-blue);border-radius:99px;transition:width .3s var(--ease)}
.dv-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dv-split p{font-size:1.25rem;color:var(--dv-mute)}
.dv-split b{display:block;font-family:'Sora',sans-serif;font-size:1.6rem;color:var(--dv-ink)}
.dv-k{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.6rem}
.dv-k1{background:var(--dv-sun)}.dv-k2{background:var(--dv-blue)}
.dv-note{font-size:1.15rem;color:var(--dv-mute);margin-top:1.2rem;text-align:center}

/* gauges */
.dv-gauges{position:relative;z-index:2;max-width:var(--max-w);margin:-5rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;padding:0 3rem}
.dv-gauges>div{padding:2.8rem 2.4rem;border-radius:18px;background:#fff;border:1px solid var(--dv-line);box-shadow:0 20px 40px rgba(11,31,58,.08)}
.dv-gauges i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--dv-ice);color:var(--dv-blue);font-size:1.8rem;margin-bottom:1.6rem}
.dv-gauges b{display:block;font-family:'Sora',sans-serif;font-size:4.2rem;font-weight:700;letter-spacing:-.04em;color:var(--dv-navy);line-height:1}
.dv-gauges span{display:block;font-weight:700;font-size:1.45rem;margin-top:.6rem}
.dv-gauges small{display:block;font-size:1.3rem;color:var(--dv-mute);margin-top:.4rem;line-height:1.45}

/* sections */
.dv-sec{padding:9rem 3rem 0}
.dv-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.dv-head{margin-bottom:4rem}
.dv-sec h2{font-size:clamp(3.4rem,4.6vw,5.4rem)}
.dv-txt{font-size:1.65rem;line-height:1.7;color:var(--dv-soft);margin:1.6rem 0 2.6rem}

.dv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.dv-card{display:flex;flex-direction:column;gap:1.2rem;padding:3rem;border-radius:20px;background:var(--dv-ice);color:inherit;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s}
.dv-card:hover{background:#fff;border-color:var(--dv-line);box-shadow:0 24px 50px rgba(11,31,58,.08);transform:translateY(-4px)}
.dv-card>i{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--dv-navy);color:var(--dv-sun);font-size:2.2rem}
.dv-card h3{font-size:2.2rem}
.dv-card p{font-size:1.5rem;line-height:1.6;color:var(--dv-soft);flex:1}
.dv-card>span{font-family:'Sora',sans-serif;font-weight:600;font-size:1.35rem;color:var(--dv-blue);display:inline-flex;gap:.6rem;align-items:center}

.dv-brands{margin-top:4rem;padding:2.4rem 0;border-top:1px solid var(--dv-line);border-bottom:1px solid var(--dv-line);overflow:hidden;display:flex;align-items:center;gap:3rem}
.dv-brands p{flex:none;position:relative;z-index:1;background:#fff;padding-right:2.4rem;box-shadow:16px 0 16px #fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.4rem;color:var(--dv-mute)}
.dv-brand-track{display:flex;gap:4rem;width:max-content;animation:dv-brands 40s linear infinite}
.dv-brand-track span{font-family:'Sora',sans-serif;font-size:2rem;font-weight:700;color:#c3ccd9;white-space:nowrap}
@keyframes dv-brands{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dv-brand-track{animation:none}}

.dv-steps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
.dv-steps::before{content:"";position:absolute;left:2%;right:2%;top:2.6rem;height:4px;background:repeating-linear-gradient(90deg,var(--dv-sun) 0 24px,transparent 24px 40px)}
.dv-steps li{position:relative}
.dv-steps span{position:relative;display:flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;background:var(--dv-navy);color:var(--dv-sun);font-family:'Sora',sans-serif;font-weight:700;font-size:1.6rem;border:5px solid #fff;box-shadow:0 0 0 1px var(--dv-line)}
.dv-steps h3{font-size:2rem;margin:2rem 0 .8rem}
.dv-steps p{font-size:1.5rem;line-height:1.6;color:var(--dv-soft)}

.dv-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;padding:5rem;border-radius:24px;background:var(--dv-ice)}
.dv-about>*{min-width:0}
.dv-sig{display:flex;align-items:center;gap:1.4rem;margin-top:3rem}
.dv-sig>span{width:56px;height:56px;border-radius:50%;background:var(--dv-navy);color:var(--dv-sun);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:1.8rem}
.dv-sig b{display:block;font-family:'Sora',sans-serif;font-size:1.7rem}
.dv-sig small{font-size:1.3rem;color:var(--dv-mute)}
.dv-prose p{font-size:1.65rem;line-height:1.75;color:var(--dv-soft)}
.dv-prose p+p{margin-top:1.4rem}
.dv-areas{list-style:none;margin:2.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}
.dv-areas li{padding:.8rem 1.4rem;border-radius:999px;background:#fff;border:1px solid var(--dv-line);font-weight:600;font-size:1.35rem}
.dv-areas i{color:var(--dv-blue)}
.dv-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.dv-rev figure{padding:2.6rem;border-radius:18px;background:var(--dv-ice)}
.dv-rev blockquote{font-size:1.7rem;line-height:1.55}
.dv-rev figcaption{margin-top:1rem;color:var(--dv-mute)}

.dv-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;border-radius:24px;background:var(--dv-navy);color:#fff}
.dv-contact>*{min-width:0}
.dv-contact h2{color:#fff}
.dv-contact h2 em{color:var(--dv-sun)}
.dv-contact .dv-kick{color:var(--dv-sun)}
.dv-contact .dv-txt{color:rgba(255,255,255,.72)}
.dv-hours{margin-top:2.4rem}
body.d-drive .dv-contact .ci{border-radius:12px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
body.d-drive .dv-contact .ci b{color:#fff}
body.d-drive .dv-contact .ci small{color:rgba(255,255,255,.65)}
body.d-drive .dv-contact .ci>i{color:rgba(255,255,255,.5)}
body.d-drive .ci-ico{background:var(--dv-sun);color:var(--dv-navy)}
body.d-drive .ci-ico.wa{background:#25d366;color:#fff}
body.d-drive .contact-form{border-radius:18px}
body.d-drive .contact-form h3{font-size:2.4rem;margin-bottom:1.6rem}
body.d-drive .cf-field input,body.d-drive .cf-field textarea{border-radius:10px}
body.d-drive .btn-onbiz{background:var(--dv-blue);border-radius:12px}
body.d-drive .hours-card{border-radius:14px}
.dv-map{margin-top:3rem}
.dv-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-drive .bx-foot{background:var(--dv-navy2);color:rgba(255,255,255,.72);margin-top:8rem}
body.d-drive .bx-foot p,body.d-drive .bx-foot li,body.d-drive .bx-foot a{color:rgba(255,255,255,.68)}
body.d-drive .bx-foot h2{color:var(--dv-sun)}
body.d-drive .bx-foot .bx-brand-txt b{color:#fff}
body.d-drive .bx-foot .btn-onbiz{background:var(--dv-sun);color:var(--dv-navy)}
body.d-drive .bx-foot .btn-outline{border-color:rgba(255,255,255,.3);color:#fff}
body.d-drive .bx-foot-bottom{border-top-color:rgba(255,255,255,.1)}

@media (max-width:1080px){
  .dv-cards{grid-template-columns:1fr 1fr}
  .dv-gauges{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .dv-hero-in{grid-template-columns:1fr;padding:5rem 2rem 12rem;gap:4rem}
  .dv-steps{grid-template-columns:1fr 1fr;row-gap:3.4rem}
  .dv-steps::before{display:none}
  .dv-about,.dv-contact{grid-template-columns:1fr;gap:3rem}
}
@media (max-width:640px){
  .dv-hero h1{font-size:4.4rem}
  .dv-lede{font-size:1.6rem}
  .dv-calc{padding:2.2rem 1.8rem}
  .dv-emi b{font-size:3.2rem}
  .dv-gauges{padding:0 1.6rem;gap:1.2rem}
  .dv-gauges>div{padding:2rem 1.6rem}
  .dv-gauges b{font-size:3.2rem}
  .dv-sec{padding:6.4rem 1.6rem 0}
  .dv-cards,.dv-steps{grid-template-columns:1fr}
  .dv-brands{flex-direction:column;align-items:flex-start;gap:1.4rem}
  .dv-about,.dv-contact{padding:2.8rem 1.8rem}
  .dv-share{padding:0 1.6rem}
}