/* 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)}
html body footer{background-image:linear-gradient(180deg,#101515 0%,#070909 100%)!important}
html body .brand::before{content:"";display:block;order:-1;width:1.45rem;height:1.6rem;flex:0 0 1.45rem;background:url("https://apexclusive.nl/apexclusive-schild-randloos.svg") center/contain no-repeat;opacity:.92}
html body .brand{gap:.38em!important}
html body .page-hero p{color:rgba(244,241,235,.8)!important}
html body .field-lbl,html body .search-lbl{color:rgba(244,241,235,.64)!important}
html body .empty-state{padding:2.75rem 0 1rem!important}
html body .empty-title{color:rgba(244,241,235,.58)!important}
html body .empty-sub{color:rgba(244,241,235,.4)!important}
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(255,255,255,.018),transparent 38%,rgba(255,255,255,.012));opacity:.7}
.ey-tri,.ey-tri-r{display:none!important;width:0!important;height:0!important}
.ey{gap:0!important}
.ey::before,.ey::after{display:none!important}
.tri-div{background:var(--apex-silver)!important;opacity:.3!important}
header{background:rgba(8,8,8,.9)!important;border-bottom:1px solid rgba(198,203,209,.22)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
.topbar{background:rgba(8,8,8,.9)!important;border-bottom:1px solid rgba(198,203,209,.22)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
.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-excl{letter-spacing:.13em!important;color:rgba(215,218,220,.76)!important}
.brand-sep{display:none!important;width:0!important;height:0!important;margin:0!important;background:none!important}
.brand-sep span{display:none!important}
.back-btn{border-color:rgba(198,203,209,.2)!important;color:rgba(236,236,236,.72)!important}
.back-btn:hover{border-color:var(--apex-silver)!important;color:#fff!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{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(198,203,209,.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(198,203,209,.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(198,203,209,.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:#fff!important;border-color:transparent!important}
.btn.gh{background:transparent!important;color:var(--apex-silver)!important;border-color:rgba(198,203,209,.28)!important}
.btn.gh:hover{background:rgba(255,255,255,.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}
.method-tab{color:rgba(244,241,235,.7)!important;border-color:rgba(244,241,235,.18)!important;background:rgba(255,255,255,.025)!important;transition:color .25s,background .25s,border-color .25s,transform .25s}
.method-tab:hover{color:var(--apex-text)!important;background:rgba(183,119,72,.1)!important;border-color:rgba(213,167,127,.5)!important;transform:translateY(-1px)}
.method-tab.active{color:var(--apex-ink)!important;background:var(--apex-paper)!important;border-color:var(--apex-paper)!important}
.seg-btn{color:rgba(244,241,235,.62)!important;border-color:rgba(244,241,235,.16)!important;background:rgba(255,255,255,.025)!important}
.seg-btn:hover,.seg-btn.active{color:var(--apex-ink)!important;background:var(--apex-paper)!important;border-color:var(--apex-paper)!important}
.empty-state{color:rgba(244,241,235,.72)!important;font-weight:400!important}
.tools-cta p,.page-hero p{color:rgba(244,241,235,.86)!important}
.hero-points{justify-content:flex-start!important}
.hero-points span{border-color:rgba(198,203,209,.16)!important;background:rgba(255,255,255,.025)!important;color:rgba(198,203,209,.62)!important}
.betalen-wrap{border-width:1px!important}
.betalen-header{background:rgba(198,203,209,.035)!important}
.betalen-icon{border-radius:0!important;background:var(--apex-silver)!important;color:var(--apex-ink)!important}
footer{position:relative;background:linear-gradient(180deg,rgba(8,8,8,.94),rgba(12,12,12,.98))!important;border-top-color:rgba(198,203,209,.16)!important}
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(255,255,255,.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(198,203,209,.06);font-family:'DM Sans',sans-serif;font-size:.66rem;letter-spacing:.02em;color:rgba(198,203,209,.42);text-align:center}.site-credit a{color:rgba(198,203,209,.72);transition:color .25s}.site-credit a:hover{color:#fff}
.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(198,203,209,.18)!important}
@media(max-width:640px){header{padding:1rem var(--pd)!important}.page-hero{padding:4.5rem var(--pd) 3rem!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(prefers-reduced-motion:reduce){.page-hero h1 em{animation:none!important}}

/* One wordmark treatment everywhere: spacing carries the separation, not a line. */
.brand{gap:.34em!important}.brand .brand-divider,.brand .brand-sep,.brand-divider,.brand-sep{display:none!important;width:0!important;min-width:0!important;height:0!important;margin:0!important;border:0!important;background:none!important}
footer{border-top:1px solid rgba(244,241,235,.2)!important;background:linear-gradient(180deg,#101515 0%,#070909 100%)!important}footer::before{height:2px!important;background:linear-gradient(90deg,transparent,var(--apex-copper) 24%,var(--apex-paper) 50%,var(--apex-copper) 76%,transparent)!important;opacity:.72!important}footer .fg{padding-block:clamp(2.5rem,5vw,4rem) 2.25rem!important;gap:clamp(2rem,6vw,5rem)!important}footer .fg .brand{font-size:1.1rem!important}footer .fg .brand-excl{color:var(--apex-copper-light)!important}footer .fh{color:var(--apex-copper-light)!important;opacity:1!important}footer .fl{color:rgba(244,241,235,.68)!important}footer .fl a:hover{color:var(--apex-paper)!important;padding-left:0!important}footer .fb{border-top-color:rgba(244,241,235,.14)!important;color:rgba(244,241,235,.46)!important}
@media(max-width:640px){footer .fg{gap:2.2rem!important}footer .fb{padding-block:1rem!important}}

/* APEXclusive shared refinement: quiet luxury with clear tool hierarchy. */
:root{--apex-copper:#b77748;--apex-copper-light:#d5a77f;--apex-paper:#eef0ef;--apex-line-strong:rgba(238,240,239,.22)}
html{background:var(--apex-ink)}
body{background:radial-gradient(circle at 12% 0%,rgba(183,119,72,.08),transparent 30%),radial-gradient(circle at 92% 100%,rgba(0,146,70,.04),transparent 26%),var(--apex-ink)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
header,.topbar{background:rgba(10,13,14,.82)!important;border-bottom-color:rgba(244,241,235,.18)!important;backdrop-filter:blur(24px)!important}
.brand-apex{color:var(--apex-paper)!important}.brand-excl{color:var(--apex-copper-light)!important}
.page-hero{isolation:isolate;background:linear-gradient(135deg,rgba(183,119,72,.08),transparent 42%)!important}
.page-hero::before{background:radial-gradient(ellipse at 20% 60%,rgba(183,119,72,.1),transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(0,146,70,.05),transparent 42%)!important}
.page-hero h1{letter-spacing:-.02em!important}.page-hero h1 em{color:var(--apex-copper-light)!important}
.wrap{max-width:1080px!important}.ey{letter-spacing:.24em!important;color:rgba(244,241,235,.72)!important}
.form-card,.result-main,.betalen-wrap,.cta-wrap{background:rgba(19,24,25,.84)!important;border-color:rgba(244,241,235,.18)!important;box-shadow:0 22px 70px rgba(0,0,0,.16)!important}
.form-card::before,.result-main::before,.betalen-wrap::before,.cta-wrap::before{background:linear-gradient(90deg,transparent,var(--apex-copper) 22%,var(--apex-paper) 50%,var(--apex-copper) 78%,transparent)!important;opacity:.8!important}
.fi,.date-part,.cal-quick-input,.co2-unit,.chat-contact-input,.chat-inp,.sort-select{background:rgba(10,13,14,.72)!important;border-color:rgba(244,241,235,.18)!important;min-height:46px}
.fi:focus,.date-part:focus,.cal-quick-input:focus{border-color:var(--apex-copper-light)!important;box-shadow:0 0 0 3px rgba(183,119,72,.14)!important}
.btn:not(.gh),.calc-btn,.search-btn{background:var(--apex-paper)!important;color:var(--apex-ink)!important;border-color:var(--apex-paper)!important;min-height:48px}
.btn:not(.gh):hover,.calc-btn:hover,.search-btn:hover{background:var(--apex-copper)!important;border-color:var(--apex-copper)!important;color:#fff!important;transform:translateY(-2px)}
.btn.gh{border-color:rgba(244,241,235,.3)!important;color:var(--apex-paper)!important}.btn.gh:hover{background:rgba(244,241,235,.12)!important;border-color:var(--apex-paper)!important;color:var(--apex-paper)!important}
.hero-points span,.hero-note,.other-tools,.tool-link-sm,.value-summary-card,.compare-card,.compare-advice{border-color:rgba(244,241,235,.16)!important;background:rgba(255,255,255,.035)!important}
.hero-points span strong,.result-main strong,.result-value{color:var(--apex-copper-light)!important}
.apex-bubble{background:var(--apex-paper)!important;color:var(--apex-ink)!important}.apex-chat-win{background:rgba(19,24,25,.98)!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important}
footer{background:#070909!important;background-image:linear-gradient(180deg,#101515 0%,#070909 100%)!important}
@media(max-width:640px){.page-hero{padding-top:5.5rem!important}.wrap{padding-inline:1.1rem!important}.form-card{padding:0!important}.fg{padding-inline:1.1rem!important}.btn:not(.gh),.calc-btn,.search-btn{width:100%}}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--apex-copper-light)!important;outline-offset:3px!important}
.form-card,.result-main,.betalen-wrap,.cta-wrap{scroll-margin-top:6rem}
input::placeholder,textarea::placeholder{color:rgba(244,241,235,.42)!important;opacity:1}
main > section{scroll-margin-top:6rem}
h1,h2,h3{ text-wrap:balance }