/* Shared APEXclusive automotive tool presentation layer. */
:root{
  --apex-ink:#0d0f10;
  --apex-ink2:#141719;
  --apex-ink3:#1b1f20;
  --apex-text:#f0f1f1;
  --apex-muted:#c1c6c7;
  --apex-silver:#c6cbd1;
  --apex-green:#009246;
  --apex-red:#ce2b37;
  --apex-tricolore:linear-gradient(90deg,var(--apex-green) 0 33.33%,#fff 33.33% 66.66%,var(--apex-red) 66.66% 100%);
  --apex-display:'Cormorant Garamond',serif;
  --apex-logo:'DM Sans',sans-serif;
  --apex-label:'Oswald',sans-serif;
  --gold:var(--apex-silver);
  --cream:var(--apex-text);
}
html{background:var(--apex-ink)}
body{background:radial-gradient(circle at 8% 0%,rgba(0,146,70,.035),transparent 25%),radial-gradient(circle at 92% 100%,rgba(206,43,55,.035),transparent 25%),var(--apex-ink)!important;color:var(--apex-text)!important;font-family:'DM Sans',sans-serif!important}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(var(--wv),.018),transparent 38%,rgba(var(--wv),.012));opacity:.7}
.ey-tri,.ey-tri-r{display:none!important;width:0!important;height:0!important}
.ey{gap:0!important}
header:not(.topbar){background:rgba(8,8,8,.9)!important;border-bottom:1px solid rgba(var(--sv),.16)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
header:not(.topbar)::after{content:'';position:absolute;left:12%;right:12%;bottom:0;height:1px;background:var(--apex-tricolore);opacity:.7;pointer-events:none}
.brand{font-family:var(--apex-logo)!important;font-size:1.08rem!important;letter-spacing:.08em!important}
.brand-apex{letter-spacing:.15em!important;color:var(--apex-silver)!important}
.brand-apex{font-weight:500!important}
.brand-excl{font-weight:300!important;letter-spacing:.13em!important;color:rgba(var(--sv2),.76)!important}
.brand-sep{display:block!important;width:1px!important;height:.66em!important;margin:0 .5rem!important;background:rgba(var(--wv),.62)!important}
.brand-sep span{display:none!important}
.back-btn{border-color:rgba(var(--sv),.2)!important;color:rgba(var(--sv2),.72)!important}
.back-btn:hover{border-color:var(--apex-silver)!important;color:var(--wh)!important}
.page-hero{padding:clamp(5.5rem,10vw,8rem) var(--pd) clamp(3.5rem,7vw,6rem)!important;border-bottom:0!important;text-align:left!important}
.page-hero::after{top:auto!important;bottom:0!important;height:1px!important;background:var(--apex-tricolore)!important;opacity:.7!important}
.page-hero::before{background:radial-gradient(ellipse at 25% 60%,rgba(0,146,70,.06),transparent 52%),radial-gradient(ellipse at 75% 60%,rgba(206,43,55,.05),transparent 52%)!important}
.page-hero-inner{max-width:1160px!important;margin:0 auto!important}
.page-hero h1{font-size:clamp(3rem,7vw,5.8rem)!important;line-height:.95!important;letter-spacing:.01em!important}
.page-hero h1 em{display:block;margin-top:.15em;font-size:.55em;background:none!important;color:var(--apex-silver)!important;opacity:.9}
.page-hero p{max-width:42ch!important;margin:1.5rem 0 0!important;font-size:clamp(1rem,2vw,1.12rem)!important}
.ey{color:rgba(232,235,236,.72)!important}
.tri-div{background:linear-gradient(90deg,transparent,var(--apex-green) 18% 33.33%,#fff 33.33% 66.66%,var(--apex-red) 66.66% 82%,transparent)!important;opacity:.55!important}
.wrap{max-width:920px!important;padding:clamp(2.5rem,6vw,5rem) var(--pd) clamp(4rem,8vw,7rem)!important}
.form-card,.dblock,.betalen-wrap,.result-main,.offers-section,.detail-section,.disclaimer,.other-tools,.cta-wrap,.methodology,.insight-strip,.ad-copy-block{border-radius:0!important;border-color:rgba(var(--sv),.16)!important;background:rgba(20,23,25,.88)!important;box-shadow:none!important}
.form-card::before,.result-main::before,.betalen-wrap::before,.cta-wrap::before{background:var(--apex-tricolore)!important;opacity:.65!important;height:1px!important}
.form-card::after{background:linear-gradient(to bottom,var(--apex-green),rgba(var(--sv),.35),var(--apex-red))!important;opacity:.42!important}
.fi,.date-part,.cal-quick-input,.co2-unit,.chat-contact-input,.chat-inp,.sort-select{border-radius:0!important;background:rgba(27,31,32,.92)!important;border-color:rgba(var(--sv),.14)!important;color:var(--apex-text)!important}
.fi:focus,.date-part:focus,.cal-quick-input:focus{border-bottom-color:var(--apex-silver)!important;background:rgba(37,42,43,.96)!important}
.btn,.calc-btn,.search-btn,.wizard-btn{border-radius:0!important;font-family:var(--apex-label)!important;letter-spacing:.2em!important;text-transform:uppercase!important}
.btn:not(.gh),.calc-btn,.search-btn{background:#f1f3f4!important;color:var(--apex-ink)!important;border-color:#f1f3f4!important}
.btn:not(.gh):hover,.calc-btn:hover,.search-btn:hover{background:var(--apex-tricolore)!important;color:var(--wh)!important;border-color:transparent!important}
.btn.gh{background:transparent!important;color:var(--apex-silver)!important;border-color:rgba(var(--sv),.28)!important}
.btn.gh:hover{background:rgba(var(--wv),.92)!important;color:var(--apex-ink)!important}
.hero-points span,.hero-note,.other-tools,.tool-link-sm,.value-summary-card,.compare-card,.compare-advice{border-radius:0!important}
.hero-points{justify-content:flex-start!important}
.hero-points span{border-color:rgba(var(--sv),.16)!important;background:rgba(var(--wv),.025)!important;color:rgba(var(--sv),.62)!important}
.betalen-wrap{border-width:1px!important}
.betalen-header{background:rgba(var(--sv),.035)!important}
.betalen-icon{border-radius:0!important;background:var(--apex-silver)!important;color:var(--apex-ink)!important}
footer{background:linear-gradient(180deg,rgba(8,8,8,.94),rgba(12,12,12,.98))!important;border-top-color:rgba(var(--sv),.16)!important}
footer{position:relative}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--apex-tricolore)!important;opacity:.55!important;pointer-events:none}
footer .ft-tri span:nth-child(1){background:var(--apex-green)!important}footer .ft-tri span:nth-child(3){background:var(--apex-red)!important}
.fg{max-width:1160px;margin:0 auto;padding:2.75rem 0 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.fg .brand{font-size:1.05rem!important}.fg>div>p{font-size:.82rem;margin-top:.8rem;max-width:33ch;color:#9b9d9f;line-height:1.72}
.fh{font-family:var(--apex-label);font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--apex-silver);margin-bottom:.9rem;font-weight:500;opacity:.8}
.fl{list-style:none;display:flex;flex-direction:column;gap:.55rem;font-size:.82rem;color:#8c8e90}.fl a{transition:color .3s,padding-left .3s}.fl a:hover{color:var(--apex-silver);padding-left:4px}
.fb{max-width:1160px;margin:0 auto;padding:1.1rem 0;border-top:1px solid rgba(var(--wv),.09);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--apex-label);font-size:.58rem;color:#626568;letter-spacing:.05em}
.site-credit{max-width:1160px;margin:0 auto;padding:.9rem 0 1.25rem;border-top:1px solid rgba(var(--sv),.06);font-family:'DM Sans',sans-serif;font-size:.66rem;letter-spacing:.02em;color:rgba(var(--sv),.42);text-align:center}.site-credit a{color:rgba(var(--sv),.72);transition:color .25s}.site-credit a:hover{color:var(--wh)}
.fb .tric{position:relative;display:inline-block;width:3px;height:12px;background:#fff;border-radius:999px;vertical-align:middle;margin:0 .42rem;opacity:.72;transform:translateY(-.04em)}.fb .tric::before,.fb .tric::after{content:'';position:absolute;bottom:0;width:2px;height:8px;border-radius:999px}.fb .tric::before{right:100%;margin-right:2px;background:var(--apex-green)}.fb .tric::after{left:100%;margin-left:2px;background:var(--apex-red)}
.apex-bubble{border-radius:0!important;background:rgba(241,243,244,.96)!important;color:var(--apex-ink)!important}
.apex-chat-win{border-radius:0!important;border-color:rgba(var(--sv),.18)!important}
.plate-input{color:#0d0f10!important;font-family:var(--apex-label)!important;font-weight:400!important}
body{background:linear-gradient(180deg,#0d0f10 0%,#141719 52%,#0d0f10 100%)!important}
body::before,body::after{background:linear-gradient(115deg,rgba(var(--wv),.018),transparent 38%,rgba(var(--wv),.012))!important}
header:not(.topbar)::after,footer::before,.page-hero::after,.form-card::before,.result-main::before,.betalen-wrap::before,.cta-wrap::before{background:linear-gradient(90deg,transparent,rgba(var(--sv),.16) 18%,rgba(var(--wv),.3) 50%,rgba(var(--sv),.16) 82%,transparent)!important}
.page-hero::before{background:radial-gradient(ellipse at 50% 40%,rgba(var(--sv),.035),transparent 58%)!important}
.tri-div{background:linear-gradient(90deg,transparent,rgba(var(--sv),.16),transparent)!important}
footer .ft-tri{display:none!important}
.btn:not(.gh):hover,.calc-btn:hover,.search-btn:hover{background:#f1f3f4!important;color:var(--apex-ink)!important;border-color:#f1f3f4!important}
@media(max-width:640px){header:not(.topbar){padding:1rem var(--pd)!important}.page-hero{padding:2.6rem var(--pd) 2.4rem!important}.hero-points{display:none!important}.page-hero .ey{font-size:.5rem!important;letter-spacing:.22em!important;margin-bottom:.8rem!important}.page-hero>.page-hero-inner>p:not(.ey){font-size:.92rem!important;line-height:1.6!important}.page-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)!important}.back-btn{padding:.48rem .75rem!important;font-size:.52rem!important}.form-inner{padding:1.35rem 1.1rem!important}.btn{width:100%}.fg{grid-template-columns:1fr!important}.fb{flex-direction:column;gap:.5rem}}
@media(max-width:640px){.page-hero h1{width:100%!important;max-width:100%!important;margin-left:0!important;font-size:clamp(2rem,8.5vw,3rem)!important;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.page-hero h1 em{animation:none!important}}

/* ══ Licht thema (schakelaar in header; palet gelijk aan kentekencheck.apexclusive.nl) ══ */
:root[data-theme="light"]{--apex-ink:#f4f1ea;--apex-ink2:#ffffff;--apex-ink3:#f0ece3;--apex-text:#26221c;--apex-muted:#5e584f;--apex-silver:#3a4149;--gold:#9c5f28;--cream:#26221c}
:root[data-theme="light"] html,:root[data-theme="light"] body{background:#f4f1ea!important;color:#26221c!important}
:root[data-theme="light"] body::before,:root[data-theme="light"] body::after{background:none!important;opacity:0}
:root[data-theme="light"] .form-card,:root[data-theme="light"] .dblock,:root[data-theme="light"] .betalen-wrap,:root[data-theme="light"] .result-main,:root[data-theme="light"] .offers-section,:root[data-theme="light"] .detail-section,:root[data-theme="light"] .disclaimer,:root[data-theme="light"] .other-tools,:root[data-theme="light"] .cta-wrap,:root[data-theme="light"] .methodology,:root[data-theme="light"] .insight-strip,:root[data-theme="light"] .ad-copy-block{background:#fff!important;border-color:rgba(60,52,42,.18)!important}
:root[data-theme="light"] .fi,:root[data-theme="light"] .date-part,:root[data-theme="light"] .cal-quick-input,:root[data-theme="light"] .co2-unit,:root[data-theme="light"] .chat-contact-input,:root[data-theme="light"] .chat-inp,:root[data-theme="light"] .sort-select{background:#faf8f3!important;border-color:rgba(60,52,42,.16)!important;color:#26221c!important}
:root[data-theme="light"] .fi:focus,:root[data-theme="light"] .date-part:focus,:root[data-theme="light"] .cal-quick-input:focus{background:#fff!important;border-bottom-color:#9c5f28!important}
:root[data-theme="light"] .btn:not(.gh),:root[data-theme="light"] .calc-btn,:root[data-theme="light"] .search-btn{background:#9c5f28!important;color:#fff!important;border-color:#9c5f28!important}
:root[data-theme="light"] .btn:not(.gh):hover,:root[data-theme="light"] .calc-btn:hover,:root[data-theme="light"] .search-btn:hover{background:#7d4b1d!important;color:#fff!important;border-color:#7d4b1d!important}
:root[data-theme="light"] .btn.gh{color:#9c5f28!important;border-color:rgba(156,95,40,.5)!important}
:root[data-theme="light"] .btn.gh:hover{background:#9c5f28!important;color:#fff!important}
:root[data-theme="light"] .page-hero h1 em{color:#9c5f28!important}
:root[data-theme="light"] .ey{color:#9c5f28!important}
:root[data-theme="light"] .hero-points span{background:#fff!important;border-color:rgba(60,52,42,.2)!important;color:#5c554a!important}
:root[data-theme="light"] .betalen-header{background:rgba(156,95,40,.06)!important}
:root[data-theme="light"] .betalen-icon{background:#9c5f28!important;color:#fff!important}
:root[data-theme="light"] footer{background:#ece7dc!important;border-top-color:rgba(60,52,42,.18)!important}
:root[data-theme="light"] .fg>div>p{color:#5e584f}
:root[data-theme="light"] .fh{color:#9c5f28}
:root[data-theme="light"] .fl{color:#4c463d}
:root[data-theme="light"] .fl a:hover{color:#9c5f28}
:root[data-theme="light"] .fb{color:#6a6358;border-top-color:rgba(60,52,42,.14)}
:root[data-theme="light"] .site-credit{color:#6a6358;border-top-color:rgba(60,52,42,.1)}
:root[data-theme="light"] .site-credit a{color:#4c463d}
:root[data-theme="light"] .site-credit a:hover{color:#9c5f28}
:root[data-theme="light"] .apex-bubble{background:#9c5f28!important;color:#fff!important}
:root[data-theme="light"] .page-hero::before{background:radial-gradient(ellipse at 50% 40%,rgba(156,95,40,.07),transparent 58%)!important}
:root[data-theme="light"] .tri-div,:root[data-theme="light"] .page-hero::after,:root[data-theme="light"] .form-card::before,:root[data-theme="light"] .result-main::before,:root[data-theme="light"] .betalen-wrap::before,:root[data-theme="light"] .cta-wrap::before,:root[data-theme="light"] footer::before{background:linear-gradient(90deg,transparent,rgba(156,95,40,.35) 30%,#9c5f28 50%,rgba(156,95,40,.35) 70%,transparent)!important}
:root[data-theme="light"] .form-card::after{background:linear-gradient(to bottom,#9c5f28,rgba(156,95,40,.35),#9c5f28)!important}
:root[data-theme="light"] .plate-input{color:#0d0f10!important}
:root[data-theme="light"] footer .fg>div>p,:root[data-theme="light"] .fl,:root[data-theme="light"] .fl a,:root[data-theme="light"] .fb,:root[data-theme="light"] .site-credit,:root[data-theme="light"] .site-credit a{color:#4c463d!important}
:root[data-theme="light"] .fg .fh{color:#9c5f28!important}
:root[data-theme="light"] .fl a:hover,:root[data-theme="light"] .site-credit a:hover{color:#9c5f28!important}
:root[data-theme="light"] footer .brand-apex,:root[data-theme="light"] .footer-wordmark .brand-apex{color:#2b2620!important}
:root[data-theme="light"] footer .brand-excl{color:#9c5f28!important}
:root[data-theme="light"] footer .brand-sep{background:#9c5f28!important}
:root[data-theme="light"] .fb .tric{background:#4c463d}