:root{--ink:#050406;--ink-2:#110916;--paper:#f3f1f5;--muted:#706a76;--line:#d9d4dd;--accent:#a600ff;--accent-dark:#6500a5;--lime:#e04bff}
body{background:linear-gradient(135deg,#f7f6f8 0%,#eeeaf1 100%);color:#110f13}
.topbar{background:#030303;border-bottom:1px solid #3b154d}.site-header{background:rgba(248,247,249,.96);border-bottom-color:#d6ccdc}.brand{gap:10px}.brand-logo{width:45px;height:48px;display:block;overflow:hidden;background:#000;border:1px solid #5c1b78;box-shadow:0 0 12px rgba(166,0,255,.24)}.brand-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%;transform:scale(1.78)}.brand b{letter-spacing:.055em}.brand small{color:#725b7c}.hero,.model-hero,.location-hero,.section-dark{background:radial-gradient(circle at 75% 8%,rgba(166,0,255,.13),transparent 32%),linear-gradient(145deg,#030304 0%,#0c0710 55%,#050306 100%)}.hero-glow{background:#bd00ff!important;opacity:.22!important}.hero-grid{background-image:linear-gradient(rgba(204,79,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(204,79,255,.22) 1px,transparent 1px)}.eyebrow,.eyebrow.light{color:#c32cff}.hero h1 em,.model-hero h1 em,.location-hero h1 em{color:#b6aebb;text-shadow:0 0 24px rgba(184,0,255,.15)}.hero-points i{color:#d74aff}.button-accent,.option-grid article.active,.engine-cards article.primary,.quote-section{background:linear-gradient(135deg,#b000f0,#7200b8)}.button-accent:hover{background:linear-gradient(135deg,#c82cff,#8200ca)}.button-dark{background:#08050a;border:1px solid #31163e}.card-form,.full-form{border:1px solid #d3c5da;box-shadow:0 25px 70px rgba(23,0,31,.25)}.reg-input span{background:linear-gradient(#9811d2,#6500a5)}.symptom:hover,.symptom.featured{background:linear-gradient(145deg,#0b0710,#1a0922)}.symptom-icon,.text-link span,.marque a span,.card-no{color:#a600ff}.marque.jlr{background:linear-gradient(145deg,#08060a,#210b2a);border-color:#b000f0}.marque:hover,.directory-card:hover,.area-card.local{border-color:#a600ff}.step-pill{background:#eee5f2;color:#511168}.process,.e8e4db{background:#e8e2eb}.quote-copy .eyebrow{color:#f3c7ff}.quote-copy p{color:#f2dff7}.final-cta{background:radial-gradient(circle at 50% 0,rgba(166,0,255,.22),transparent 42%),#09060b}.final-cta .button-accent{box-shadow:0 0 28px rgba(176,0,240,.3)}footer{background:#020203;border-top:1px solid #30123d}.inverse .brand-logo{border-color:#8a22ad;box-shadow:0 0 18px rgba(166,0,255,.25)}.footer-explore .all-services-link,.business-address a,.directory-contact a:hover{color:#c844ff!important}.mobile-actions .whatsapp{background:#6f008f}.choice-grid input:checked+span{background:#16091d;border-color:#a600ff}.accordion summary span{color:#a600ff}.directory-hero{background:radial-gradient(circle at 70% 15%,rgba(166,0,255,.24),transparent 35%),#050306}.area-card>span,.batch-values span,.batch-cards span,.collection-grid span,.location-facts span{color:#a600ff}.engine-tag,.vehicle-list span{color:#d14aff}.warning-banner{border-left-color:#a600ff;background:#eee7f2}.warning-banner>span{color:#8700bd}
@media(min-width:901px){.hero:before,.model-hero:before,.location-hero:before{content:"";position:absolute;right:1%;top:8%;width:390px;height:560px;background:url('engine-wizard-logo-compact.png') center/contain no-repeat;opacity:.055;filter:saturate(1.4);pointer-events:none;mix-blend-mode:screen}.model-hero:before,.location-hero:before{right:32%;top:10%;width:330px;height:460px}.hero-layout,.model-hero-layout,.location-hero-grid{position:relative;z-index:1}}
@media(max-width:600px){.brand-logo{width:38px;height:40px}.brand b{font-size:.78rem}.brand small{font-size:.5rem}.site-header{background:rgba(248,247,249,.98)}}

/* Compact logo: preserve the complete emblem without cropping or distortion. */
.brand-logo{width:60px;height:60px;display:grid;place-items:center;flex:0 0 60px;overflow:visible;background:#000;border-radius:6px}
.brand-logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transform:none}
.inverse .brand-logo{width:120px;height:120px;flex-basis:120px}
footer .brand.inverse{align-items:flex-start;gap:16px}
@media(max-width:600px){.brand-logo{width:48px;height:48px;flex-basis:48px}.inverse .brand-logo{width:96px;height:96px;flex-basis:96px}}