/* AutoYolo theme v3 — light, orange + graphite. Loads after page CSS. */
:root{--r:12px;--shadow:0 1px 2px rgba(20,24,31,.05),0 12px 32px -14px rgba(20,24,31,.18);--glow:#EEF0FF}
body{background:var(--paper);letter-spacing:-.003em}
h1,h2,h3,h4{letter-spacing:-.025em;line-height:1.08}
.btn{border-radius:999px;font-weight:600;font-size:1rem;padding:14px 26px;letter-spacing:0;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-hivis{box-shadow:0 8px 20px -8px rgba(191,10,48,.7)}
.btn-hivis:hover{background:#9B0826;border-color:#9B0826}
.btn-dark{background:var(--ink)}
.btn-sm{padding:10px 20px;font-size:.92rem}
input,select,textarea{border-radius:12px;border-color:var(--line);background-color:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--hivis);box-shadow:0 0 0 4px rgba(191,10,48,.18)}
/* topbar + header */
.topbar{background:var(--pit);font-size:.84rem}
header{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(20,24,31,.07)}
nav a{font-weight:500;padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
nav a:hover{color:var(--ink);border-bottom-color:var(--hivis)}
.brand-word{font-size:1.35rem;letter-spacing:-.02em}
.brand-word .nx{font-weight:500}.brand-word .ap{font-weight:700;color:var(--hivis-dark)}
.brand-tag{font-weight:500}
.header-phone strong{font-weight:700;font-size:1.05rem}
.menu-toggle{border-radius:10px}
/* hero: light */
.hero{background:radial-gradient(900px 420px at 88% -10%,rgba(191,10,48,.16),transparent 60%),radial-gradient(700px 380px at -5% 110%,rgba(20,24,31,.07),transparent 60%),linear-gradient(180deg,#fff 0%,var(--glow) 100%);color:var(--ink)}
.hero::before{display:none}
.hero .wrap{padding:64px 20px 72px;gap:56px;align-items:center}
.hero .eyebrow,.hero .eyebrow+*{}
.hero .eyebrow{display:inline-block;background:#fff;border:1px solid rgba(191,10,48,.35);color:var(--hivis-dark);padding:6px 14px;border-radius:999px;font-size:.76rem;letter-spacing:.06em}
.hero h1{font-size:3.2rem;font-weight:700;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.hero h1 em{color:var(--hivis-dark);position:relative;white-space:nowrap}
.hero p.lead{color:#475264;font-size:1.12rem}
.proof li,.bul li{color:var(--ink)}
.proof li::before,.bul li::before{color:#0B1B3D;background:var(--hivis);width:19px;height:19px;border-radius:50%;font-size:.7rem;display:grid;place-items:center;top:2px}
.bul li::before{left:0}
.hero .btn-line{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}
.hero .btn-line:hover{border-color:var(--ink)!important}
.crumbs,.crumbs a{color:#6B7482!important}
.quote,.lp-card{background:#fff;border:1px solid rgba(20,24,31,.08);border-radius:22px;box-shadow:0 2px 4px rgba(20,24,31,.04),0 40px 80px -36px rgba(20,24,31,.35)}
.quote::before{display:none}
.lp-card p{color:var(--steel)}
.qt-step,.sms-consent{border-radius:12px}
.qt-num{background:var(--hivis);color:var(--ink)}
.vin-fastpath{border-radius:14px}
/* trust + stats */
.trustbar{background:#fff}
.tb svg{stroke:var(--hivis-dark)}
.tb b{font-weight:600}
.stats{background:linear-gradient(120deg,#0B1B3D,#0A3A8C)}
.stat b{font-weight:700;color:var(--hivis)}
.stats .stat span{color:#AEB8DA}
/* sections */
section{padding:76px 0}
.section-head .eyebrow{display:inline-block;background:#EEF0FF;color:var(--hivis-dark);padding:5px 12px;border-radius:999px;font-size:.74rem;letter-spacing:.07em;margin-bottom:12px}
.section-head h2{font-size:2.35rem;font-weight:700;letter-spacing:-.03em}
.makes-grid a{border-radius:16px;border-color:transparent;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.makes-grid a:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 18px 30px -16px rgba(191,10,48,.5)}
.steps{counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.step .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--hivis);color:var(--ink);font-size:1.05rem;font-weight:700}
.step h3{margin-top:14px}
.why-bg{background:linear-gradient(180deg,#fff,#FBFBFC);border-color:var(--line)}
.why div{background:#fff;border:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.why div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hivis)}
.cat{border-radius:18px;border-color:var(--line);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.cat:hover{transform:translateY(-3px);border-color:var(--hivis)}
.cat svg{stroke:var(--hivis-dark)}
.payban{background:linear-gradient(110deg,#BF0A30,#FDE047)}
.warehouses{background:linear-gradient(135deg,#0B1B3D,#0A3A8C)}
.wh-stats div{border-radius:16px}
.cmp-wrap{border-radius:18px;box-shadow:var(--shadow);border-color:var(--line)}
.cmp thead th{background:#F5F6FB;font-weight:600}
.cmp .us{background:#EEF0FF}.cmp thead .us{background:var(--hivis);color:var(--ink)}
.faq details{border-radius:16px;padding:16px 20px;box-shadow:0 1px 2px rgba(20,24,31,.04)}
.faq details[open]{border-color:rgba(191,10,48,.5);box-shadow:var(--shadow)}
.faq summary{font-weight:600;font-size:1.05rem}
.final-cta{background:radial-gradient(600px 300px at 80% 0%,rgba(191,10,48,.35),transparent 60%),linear-gradient(135deg,#0B1B3D,#0A3A8C)}
.final-cta .btn-line{background:transparent!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
footer{background:#0B1450}
.foot-logo b{font-weight:700}.foot-logo .nx{font-weight:500}.foot-logo .ap{color:var(--hivis)}
.chips a,.chips span{border-radius:999px;box-shadow:0 1px 2px rgba(20,24,31,.04)}
.chips a:hover{border-color:var(--hivis);color:var(--hivis-dark)}
.mbar a.acc{background:var(--hivis)}
@media(max-width:820px){.hero h1{font-size:2.4rem}.hero .wrap{padding:40px 20px 48px;gap:32px}.section-head h2{font-size:1.9rem}section{padding:56px 0}.hero h1 em{white-space:normal}}

.header-phone,.header-phone span,.header-phone strong{white-space:nowrap}
@media(max-width:1180px){.header-phone{display:none}}

/* wordmark */
.brand-word,.foot-logo b{font-family:"Sora","Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.035em;font-size:1.4rem;text-transform:none}
.brand-word .nx,.foot-logo .nx{font-weight:700}
.brand-word .ap{color:var(--hivis-dark)}

/* larger logo */
.brand-icon{width:46px;height:46px}
.brand-word,.brand b{font-size:1.8rem}
.brand-tag{font-size:.66rem}
.foot-logo svg{width:44px;height:44px}
.foot-logo b{font-size:1.8rem}
@media(max-width:900px){.brand-icon{width:40px;height:40px}.brand-word,.brand b{font-size:1.5rem}}
@media(max-width:1380px){.header-phone{display:none}}

/* logo v3: bigger, Yolo always yellow */
.brand-word .ap,.foot-logo .ap{color:var(--hivis)}
.brand-icon{width:54px;height:54px}
.brand-word,.brand b{font-size:2.1rem}
.brand-tag{font-size:.7rem}
.foot-logo svg{width:54px;height:54px}
.foot-logo b{font-size:2.1rem}
@media(max-width:900px){.brand-icon{width:44px;height:44px}.brand-word,.brand b{font-size:1.7rem}.foot-logo svg{width:48px;height:48px}.foot-logo b{font-size:1.8rem}}