/* APEXclusive Garage tools: same visual language as the homepage, optimized for focused work. */
:root{--tool-ink:#0b0e0e;--tool-panel:#151b1b;--tool-paper:#f1eee8;--tool-muted:#aeb5af;--tool-copper:#ba7e53;--tool-copper-light:#dfb18d;--tool-line:rgba(244,241,235,.16);--tool-display:'Manrope','DM Sans',Arial,sans-serif;--tool-serif:'Playfair Display',Georgia,serif;--pd:clamp(1.1rem,5vw,4rem)}
html{background:var(--tool-ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(circle at 80% 0,rgba(186,126,83,.1),transparent 30%),linear-gradient(145deg,#0b0e0e,#111817 60%,#0b0e0e)!important;color:var(--tool-paper);font-family:var(--tool-display)!important;min-width:320px}body:before{opacity:.035!important;background-size:90px 90px!important}
.topbar{height:78px!important;position:sticky!important;top:0!important;z-index:20;padding:0 var(--pd)!important;background:rgba(9,13,13,.9)!important;border-bottom:1px solid var(--tool-line)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar .brand{gap:.5em!important;font-family:var(--tool-display)!important;letter-spacing:.14em!important;font-size:.9rem!important}.topbar .brand:before{content:''!important;display:block!important;width:1.25rem;height:1.4rem;flex:0 0 1.25rem;background:url('apexclusive-schild-randloos.svg') center/contain no-repeat;opacity:.92}.topbar .brand-divider{display:none!important}.topbar .brand-apex{color:var(--tool-paper)!important}.topbar .brand-excl{color:var(--tool-copper-light)!important;letter-spacing:.16em!important}.back{font-family:var(--tool-display)!important;color:rgba(244,241,235,.7)!important;font-size:.58rem!important}.back:hover{color:var(--tool-copper-light)!important}
main{max-width:1080px!important;padding:clamp(3rem,7vw,6.5rem) var(--pd)!important}.intro{position:relative;border:0!important;padding:0 0 clamp(2.5rem,5vw,4.5rem)!important;margin:0 0 clamp(2rem,4vw,3.5rem)!important}.intro:after{content:'APEXCLUSIVE GARAGE';position:absolute;right:0;top:1rem;color:rgba(244,241,235,.035);font:600 clamp(3rem,9vw,8rem)/.8 var(--tool-display);letter-spacing:-.08em;white-space:nowrap;pointer-events:none;z-index:-1}.intro h1{font-family:var(--tool-serif)!important;font-size:clamp(3.2rem,7vw,6.6rem)!important;line-height:.92!important;letter-spacing:-.04em!important;max-width:10ch}.intro h1 em{color:var(--tool-copper-light)!important}.intro>p:not(.ey):not(.progress-note){max-width:58ch!important;margin-top:1.5rem;color:#c7cbc4!important;font-size:1rem!important;line-height:1.85!important}.ey{font-family:var(--tool-display)!important;color:var(--tool-copper-light)!important;letter-spacing:.2em!important;font-size:.58rem!important}.ey:before{background:linear-gradient(var(--tool-copper),var(--tool-copper)) 0 4px/2px 8px no-repeat,linear-gradient(#f4f1eb,#f4f1eb) 4px 0/3px 12px no-repeat,linear-gradient(#ce2b37,#ce2b37) 9px 4px/2px 8px no-repeat!important}.progress-note{display:inline-flex!important;margin-top:1.4rem!important;padding:.65rem .8rem;border:1px solid rgba(223,177,141,.35);background:rgba(186,126,83,.08);color:var(--tool-copper-light)!important;font:600 .6rem/1 var(--tool-display)!important;letter-spacing:.12em;text-transform:uppercase}
.step-card{position:relative;background:rgba(21,27,27,.88)!important;border:1px solid var(--tool-line)!important;padding:clamp(1.4rem,3vw,2.4rem)!important;margin-bottom:1rem!important;box-shadow:0 18px 55px rgba(0,0,0,.15)}.step-card:before{height:2px!important;background:linear-gradient(90deg,var(--tool-copper),var(--tool-paper),transparent)!important;opacity:.65!important}.step-card h2{font-family:var(--tool-serif)!important;font-size:clamp(1.8rem,3vw,2.7rem)!important;color:var(--tool-paper)!important;letter-spacing:-.02em}.step-card p{max-width:65ch;color:#b8beb8!important;font-size:.92rem!important}.step-num{font-family:var(--tool-display)!important;color:var(--tool-copper-light)!important;font-size:.58rem!important;letter-spacing:.2em!important}.checklist{gap:.45rem!important;margin-top:1.2rem!important}.checklist li{background:rgba(244,241,235,.035)!important;border:1px solid rgba(244,241,235,.12)!important;transition:background .2s,border-color .2s}.checklist li:hover{background:rgba(186,126,83,.1)!important;border-color:rgba(223,177,141,.4)!important}.checklist label{display:flex;align-items:flex-start;gap:.7rem;width:100%;cursor:pointer}.checklist input{margin-top:.15rem!important}.checklist span{color:#c8ccc5!important;font-size:.9rem!important;line-height:1.65!important}.checklist li:has(input:checked){background:rgba(105,179,139,.06)!important;border-color:rgba(105,179,139,.32)!important}.checklist li:has(input:checked) span{color:#89958d!important}
.field-grid{gap:1rem!important;margin-top:1.3rem!important}label.field{font-family:var(--tool-display)!important;color:#deddd6!important;font-size:.58rem!important;letter-spacing:.12em!important}label.field .hint{color:#9da59e!important}input,textarea,select{border-radius:0!important;background:rgba(7,10,10,.76)!important;border:1px solid rgba(244,241,235,.2)!important;color:var(--tool-paper)!important;min-height:48px!important;font-size:16px!important}input:focus,textarea:focus,select:focus{border-color:var(--tool-copper-light)!important;box-shadow:0 0 0 3px rgba(186,126,83,.14)!important}.actions{gap:.8rem!important;margin-top:1.5rem!important}.btn{border-radius:0!important;min-height:48px!important;font-family:var(--tool-display)!important;font-weight:600!important;letter-spacing:.14em!important}.btn.primary,.btn:not(.gh){background:var(--tool-paper)!important;border-color:var(--tool-paper)!important;color:var(--tool-ink)!important}.btn.primary:hover,.btn:not(.gh):hover{background:var(--tool-copper)!important;border-color:var(--tool-copper)!important;color:#fff!important}.btn.gh{color:var(--tool-paper)!important;border-color:rgba(244,241,235,.28)!important}.result{background:rgba(21,27,27,.95)!important;border-color:rgba(223,177,141,.35)!important;box-shadow:0 24px 70px rgba(0,0,0,.2)}.result:before{content:'';display:block;height:2px;margin:-1rem -1.5rem 1.2rem;background:linear-gradient(90deg,var(--tool-copper),var(--tool-paper),transparent)}.result pre{color:#cbd0c9!important}.cta{background:rgba(186,126,83,.08)!important;border-color:rgba(223,177,141,.3)!important}.cta:before{background:linear-gradient(90deg,var(--tool-copper),var(--tool-paper),transparent)!important}.cta strong{font-family:var(--tool-serif)!important;color:var(--tool-paper)!important}.cta p{color:#c0c6c0!important}.cta a{color:var(--tool-copper-light)!important;border-color:rgba(223,177,141,.5)!important}footer{background:#070909!important;border-top:1px solid var(--tool-line)!important;color:#7e8780!important;font-family:var(--tool-display)!important}footer a{color:var(--tool-copper-light)!important}
@media(max-width:620px){.topbar{height:72px!important}.topbar .brand{font-size:.78rem!important}.back{font-size:.52rem!important}.intro:after{display:none}.intro h1{font-size:clamp(2.8rem,13vw,4.6rem)!important}.field-grid{grid-template-columns:1fr!important}.actions{align-items:stretch!important;flex-direction:column}.actions .btn{width:100%}.step-card{padding:1.2rem!important}.checklist span{font-size:.86rem!important}}
.progress-meter{height:4px;max-width:420px;margin:-.55rem 0 1.7rem;background:rgba(244,241,235,.12);overflow:hidden}.progress-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--tool-copper),var(--tool-copper-light));transition:width .35s ease}
/* Zwevende WhatsApp-knop (tools) */
.whatsapp-launcher{position:fixed;left:var(--pd);bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:58;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.35);transition:background .25s,transform .25s}
.whatsapp-launcher:hover{background:#1eb958;transform:translateY(-2px)}
.whatsapp-launcher:focus-visible{outline:2px solid var(--tool-paper);outline-offset:3px}
.whatsapp-launcher svg{width:26px;height:26px;fill:currentColor}
@media(max-width:620px){.whatsapp-launcher{left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));width:44px;height:44px}.whatsapp-launcher svg{width:24px;height:24px}}
@media print{.whatsapp-launcher{display:none!important}}
@media(prefers-reduced-motion:reduce){.whatsapp-launcher{transition:none}}

/* ===== Deel-/download-balk (word-of-mouth) ===== */
.share-bar{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;justify-content:space-between;margin:1.4rem 0;padding:1rem 1.1rem;border:1px solid rgba(223,177,141,.3);background:rgba(186,126,83,.07)}
.share-bar-label{font:600 .56rem/1 var(--tool-display);letter-spacing:.14em;text-transform:uppercase;color:var(--tool-copper-light)}
.share-bar-row{display:flex;flex-wrap:wrap;gap:.6rem}
.share-bar .btn{display:inline-flex;align-items:center;gap:.55rem;min-height:0;padding:.62rem .9rem;font-size:.72rem}
.share-bar .btn svg{width:15px;height:15px}
.share-bar .btn.is-shared{background:var(--tool-copper-light);border-color:var(--tool-copper-light);color:var(--tool-ink)}

/* ===== Maandkosten calculator (TCO) ===== */
.tco-result{margin:1.6rem 0 0;padding:clamp(1.4rem,3vw,2.2rem);background:rgba(21,27,27,.95);border:1px solid rgba(223,177,141,.35);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.tco-result:before{content:'';display:block;height:2px;margin:-1.4rem -2.2rem 1.6rem;background:linear-gradient(90deg,var(--tool-copper),var(--tool-paper),transparent)}
@media(max-width:620px){.tco-result:before{margin:-1.4rem -1.4rem 1.4rem}}
.tco-result-label{font:600 .58rem/1 var(--tool-display);letter-spacing:.2em;text-transform:uppercase;color:var(--tool-copper-light);margin:0}
.tco-total{font-family:var(--tool-serif);font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--tool-paper);margin:.6rem 0 .4rem}
.tco-sub{color:#aeb5af;font-size:.95rem;margin:0 0 1.4rem}
.tco-breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}
.tco-breakdown li{display:grid;grid-template-columns:11rem 1fr 7.5rem;align-items:center;gap:1rem}
.tco-item-label{font:500 .82rem/1.3 var(--tool-display);color:#c8ccc5}
.tco-item-bar{height:6px;background:rgba(244,241,235,.1);overflow:hidden}
.tco-item-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tool-copper),var(--tool-copper-light));transition:width .3s ease}
.tco-item-value{font:600 .85rem/1 var(--tool-display);color:var(--tool-paper);text-align:right}
.tco-once{margin:1.1rem 0 0;font:500 .78rem/1.5 var(--tool-display);color:var(--tool-copper-light)}
.tco-disclaimer{margin:1.4rem 0 0;color:#8a928b;font-size:.78rem;line-height:1.7;max-width:70ch}
.tco-disclaimer strong{color:#b9beb7}
@media(max-width:560px){
  .tco-breakdown li{grid-template-columns:1fr;gap:.3rem}
  .tco-item-value{text-align:left}
  .share-bar{flex-direction:column;align-items:flex-start}
}