/* V7 — Android-inspired Material 3 expressive theme. Non-destructive override. */
:root{font-family:Inter,Roboto,'Segoe UI',system-ui,sans-serif;color:#f4f1fa;background:#101116;--m3-bg:#101116;--m3-surface:#1c1d25;--m3-high:#292b35;--m3-outline:#444653;--m3-primary:#c6baff;--m3-secondary:#a6b9ff}
html{scroll-behavior:smooth}body{background:var(--m3-bg);color:#f4f1fa}
header{background:#181920eb;border-bottom:1px solid #ffffff12;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.bar{min-height:80px}.logo{letter-spacing:-.9px}.logo span{color:#c9bdff}.logo small{color:#a4a2b5}
nav{gap:5px}nav a{padding:11px 15px;border-radius:100px;color:#d3d0df;transition:background .2s,color .2s}nav a:hover{background:#35303f;color:#fff}
#language{border-radius:100px;background:#30303c;border-color:#5d5a6a;padding:10px 14px}
.hero{background:radial-gradient(ellipse at 82% 28%,#34304e 0%,transparent 45%),radial-gradient(ellipse at 18% 70%,#1d2a3b 0%,transparent 52%),#111218;min-height:680px;border-radius:0 0 48px 48px;overflow:hidden}
.hero:before{opacity:.08}.hero:after{opacity:.28}.hero h1{font-size:clamp(43px,5.4vw,76px);letter-spacing:-3px;font-weight:780}.hero h1 em{background:linear-gradient(100deg,#e5dcff,#a5a9ff);background-clip:text;color:transparent;font-style:normal}
.hero p{color:#c8c6d6}.eyebrow,.blue{color:#c9bcff}.live-dot{background:#c6baff;box-shadow:0 0 14px #c6baff}
.btn{background:#c9bdff!important;color:#221b3a!important;border:0!important;border-radius:100px!important;box-shadow:none!important;padding:16px 27px;font-weight:750}.btn:hover{background:#e0d9ff!important;transform:translateY(-2px)}.ghost{background:#2d2b39;border:1px solid #58536c;border-radius:100px;padding:15px 24px;color:#e7dfff}
.hero-visual{filter:hue-rotate(32deg)}.glass-report{border-radius:30px;background:linear-gradient(145deg,#454252e8,#20202be8 35%,#16151ce8);border-color:#b9b0d855;box-shadow:0 30px 75px #0008}.float-pill{border-radius:100px;background:#373244;border-color:#7d7294}
.car-stage{opacity:.45}.stats{gap:16px;flex-wrap:wrap}.stats>div{background:#ffffff0a;border:1px solid #ffffff1b;border-radius:24px;padding:15px 20px;backdrop-filter:blur(12px)}.stats strong{color:#e0d9ff}.stats small{color:#aaa9bd}
.section{padding-top:78px;padding-bottom:90px}.section h1,.section h2,.cards h3{color:#f6f2ff}.section-kicker{color:#9e9bac}
.cards{gap:20px}.cards article,.vehicle,.panel,.steps div,.empty,details{background:#20212a;border:1px solid #3b3b49;border-radius:30px;box-shadow:none;color:#f4f1fa}
.cards article{padding:34px;transition:transform .28s,background .28s,border-color .28s}.cards article:hover{background:#2b2a39;border-color:#8b80b6;transform:translateY(-5px)}.cards article p,.empty p{color:#bbb8ca}.cards a{color:#d1c5ff}.symbol{background:#40365b;border:0;border-radius:20px;color:#e0d6ff}.card-index{color:#a9a3bd}
.light{background:#171820;border-radius:42px}.steps div{background:#272834;padding:27px}.steps b{color:#c8bbff}
.vehicle,.panel{background:#22232d;border-radius:28px;padding:26px}.vehiclePrice,.orderline,.sumline{border-color:#494553}
label{color:#e8e4f2}label input,label select,input,select{background:#30313e;border:1px solid #5a5869;border-radius:16px;color:#f8f4ff;padding:14px;min-height:47px}label input:focus,label select:focus,input:focus{outline:2px solid #c6baff;outline-offset:1px}.hint,.sample{color:#bdb9ce}.sample{background:#30303e;border-radius:18px;color:#c9c3dc}.add{background:#2d293e;border:1px dashed #8b7cb3;border-radius:22px;color:#d6c9ff}.add:hover{background:#3b3452}.remove{border-radius:100px;background:#53333d;color:#ffced7;padding:10px 14px}.back{border-radius:100px;background:#353342}.notice{border-radius:18px;background:#3a3345;color:#f2d9ae}
.empty{background:#22232d}details{padding:20px 24px;margin:12px 0}footer{background:#111116;border-top:1px solid #ffffff16}
.mobile-nav{display:none}
@media(max-width:760px){body{padding-bottom:78px}.bar{min-height:68px;gap:12px}.bar nav{display:none}.logo{font-size:20px}.logo small{font-size:7px}.hero{min-height:620px;border-radius:0 0 32px 32px;padding:68px 0 35px}.hero h1{letter-spacing:-2px}.hero .wrap{padding-left:22px;padding-right:22px}.stats{gap:9px;margin-top:45px}.stats>div{padding:12px 13px;border-radius:17px}.stats strong{font-size:22px}.stats small{font-size:8px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section{padding-top:50px;padding-bottom:60px}.fields{grid-template-columns:1fr}.checkout{flex-wrap:wrap}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:75px;padding:6px 8px max(8px,env(safe-area-inset-bottom));background:#252530f5;border-top:1px solid #575168;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#bdb8d0;text-decoration:none;font-size:10px;border-radius:17px}.mobile-nav a span{font-size:20px;line-height:1.1}.mobile-nav a.active{color:#dfd5ff;background:#48405c}.car-stage{opacity:.23}}
@media(max-width:400px){.steps{grid-template-columns:1fr}.stats>div{padding:10px}.ghost{margin:10px 0 0}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cards article,.btn{transition:none}}

/* Align the brand mark with both lines of the wordmark. */
.bar .logo{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:9px;row-gap:4px;align-items:center;min-width:0;white-space:normal;line-height:1.15;letter-spacing:-.6px;flex-shrink:0}
.bar .logo .logo-mark{grid-column:1;grid-row:1 / 3;align-self:center;color:#eaf2ff;font-size:25px;line-height:1}
.bar .logo .logo-name{grid-column:2;grid-row:1;color:#eaf2ff;font-size:20px;font-weight:850}
.bar .logo small{grid-column:2;grid-row:2;margin:0;font-size:9px;line-height:1.4;letter-spacing:2px}
@media(min-width:761px) and (max-width:1100px){.bar{flex-wrap:wrap;gap:16px;padding-top:14px;padding-bottom:14px}.bar nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.bar #language{margin-left:auto}}
@media(max-width:760px){.bar .logo{flex:1;grid-template-columns:18px minmax(0,1fr);column-gap:7px;row-gap:4px}.bar .logo .logo-mark{font-size:21px}.bar .logo .logo-name{font-size:clamp(13px,3.3vw,20px);letter-spacing:-.3px;line-height:1.25;text-wrap:balance}.bar .logo small{font-size:7px;letter-spacing:1px}.bar #language{flex-shrink:0}}

/* Payment method marks beside the hosted checkout button. */
.checkout-payment-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}
.checkout-payment-logos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.checkout-payment-logo{display:inline-flex;align-items:center;justify-content:center;width:58px;height:36px;border-radius:6px;background:#fff;border:1px solid #ddd}
.checkout-payment-logo img{display:block;width:44px;height:26px;object-fit:contain}
.checkout-payment-note{display:block;margin-top:10px;color:var(--muted,#bcb8cc);font-size:12px}