/* Homepage v2: merkgids AutoSource */
:root{--navy:#10346C;--navy-donker:#0B2754;--geel:#FFD230;--zand:#F4F2F0}
/* hero in navy */
.hero.hero-v2{background:var(--navy)!important;color:#fff;padding:84px 0 150px!important;position:relative;overflow:hidden}
.hero-v2::after{content:"";position:absolute;right:-60px;top:-40px;width:520px;height:520px;opacity:.06;pointer-events:none;
 background:conic-gradient(#fff 0 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/130px 130px;transform:skewX(-12deg)}
.hero-v2 .hero-grid{grid-template-columns:1.1fr .9fr!important;gap:64px!important;position:relative;z-index:1}
.hero-v2 .eyebrow{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.hero-v2 .eyebrow::before{background:var(--geel)!important}
.hero-v2 h1{color:#fff!important;font-size:clamp(40px,5.2vw,68px)!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:0 0 24px!important}
.hero-v2 h1 .accent-line{color:var(--navy)!important;background:var(--geel)!important;padding:0 .14em!important;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline}
.hero-v2 .hero-sub{color:rgba(255,255,255,.82)!important;font-size:18px!important;line-height:1.65!important;max-width:560px}
.hero-v2 .btn-primary-lg{background:var(--geel)!important;color:var(--navy)!important;font-family:var(--font-display)!important;font-weight:700!important;padding:16px 30px!important}
.hero-v2 .btn-primary-lg:hover{background:#F5C400!important}
.hero-v2 .btn-secondary-lg{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
.hero-v2 .btn-secondary-lg:hover{border-color:#fff!important}
.hero-v2 .hero-fine{color:rgba(255,255,255,.6)!important}
/* telefoon met WhatsApp-melding */
.hero-telefoon{display:flex;flex-direction:column;align-items:center}
.tel{width:340px;max-width:100%;background:#ECE5DD;border-radius:34px;border:10px solid #0A1F44;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);overflow:hidden;transform:rotate(2deg)}
.tel-kop{display:flex;align-items:center;gap:10px;background:#075E54;color:#fff;padding:14px 16px}
.tel-kop b{display:block;font-family:var(--font-display);font-size:15px}
.tel-kop small{font-size:11.5px;opacity:.8}
.tel-avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tel-avatar img{width:26px;height:26px;object-fit:contain}
.tel-chat{padding:18px 14px 22px}
.tel-bericht{background:#fff;border-radius:4px 14px 14px 14px;padding:12px 14px 8px;color:#181412;font-size:13.5px;box-shadow:0 1px 1px rgba(0,0,0,.08);position:relative}
.tel-label{display:inline-block;background:var(--geel);color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 7px;margin-bottom:8px}
.tel-auto{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy)}
.tel-meta{color:#5E5955;font-size:12.5px;margin:2px 0 8px}
.tel-prijs{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin-bottom:8px}
.tel-prijs span{display:inline-block;vertical-align:middle;font-family:var(--font-body);font-size:12px;font-weight:700;color:#1F7A45;background:#E7F5EC;border-radius:6px;padding:3px 7px;margin-left:6px}
.tel-bericht ul{list-style:none;margin:0 0 10px;padding:8px 0 0;border-top:1px solid #EEE}
.tel-bericht li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;line-height:1.9}
.tel-bericht li span{color:#5E5955}
.tel-link{color:#0B66C3;font-weight:600;font-size:13px;border-top:1px solid #EEE;padding-top:8px}
.tel-tijd{text-align:right;font-size:10.5px;color:#8A8580;margin-top:2px}
.tel-onder{color:rgba(255,255,255,.55);font-size:12.5px;margin:18px 0 0}
/* cijferbalk als kaart over de hero */
.hero-v2 + .wrap .trust-bar{position:relative;z-index:2;margin-top:-84px!important;background:#fff!important;border:1px solid #E3DFDB!important;border-radius:18px!important;box-shadow:0 20px 50px -24px rgba(16,52,108,.35)!important;padding:30px 20px!important}
.hero-v2 + .wrap .trust-stat-getal{color:var(--navy)!important;font-size:34px!important}
/* deals deze week */
.deals-week{padding-top:72px!important}
.deal-kaarten{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.deal-kaart{border:1px solid #E3DFDB;border-radius:16px;padding:22px;background:#fff;border-top:4px solid var(--navy)}
.dk-kop{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:16px}
.dk-kop b{font-family:var(--font-display);color:#181412}
.dk-kop span{color:#5E5955;font-size:14px}
.dk-km{color:#5E5955;font-size:13.5px;margin:2px 0 14px}
.dk-prijs{font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.02em;color:#181412;margin-bottom:14px}
.dk-voet{display:flex;flex-wrap:wrap;gap:8px}
.dk-pct{background:#E7F5EC;color:#1F7A45;font-weight:700;font-size:12.5px;border-radius:999px;padding:4px 10px}
.dk-status{background:var(--zand);color:#3D3935;font-weight:600;font-size:12.5px;border-radius:999px;padding:4px 10px}
.dk-weg{background:#FFF3BF;color:#6B5200}
.deals-meer{margin:22px 0 0;font-weight:600}
.deals-meer a{color:var(--navy);text-decoration:none}
.deals-meer a:hover{text-decoration:underline}
/* afwisselende achtergronden */
.sectie-pijn,.sectie-features,.sectie-faq{background:var(--zand)!important}
.pain-card{background:#fff!important;border:1px solid #E3DFDB!important;border-radius:16px!important;padding:24px!important}
.sectie-features .feature{background:#fff;border:1px solid #E3DFDB;border-radius:16px;padding:24px!important;border-top:1px solid #E3DFDB!important}
.sectie-features .feature h3::before{content:"";display:block;width:28px;height:28px;margin-bottom:14px;border-radius:6px;
 background:conic-gradient(var(--navy) 0 25%,var(--geel) 0 50%,var(--navy) 0 75%,var(--geel) 0) 0 0/14px 14px}
.sectie-stappen .step-num{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border:none!important;border-radius:50%;background:var(--geel);color:var(--navy)!important;font-family:var(--font-display)!important;font-weight:800!important;padding:0!important}
.sectie-stappen .step{border-top:none!important}
.faq-item{background:#fff;border:1px solid #E3DFDB!important;border-radius:14px;padding:18px 22px!important;margin-bottom:10px}
/* mobiel */
@media (max-width:900px){
 .hero-v2 .hero-grid{grid-template-columns:1fr!important;gap:44px!important}
 .hero.hero-v2{padding:52px 0 130px!important}
 .tel{transform:none}
 .deal-kaarten{grid-template-columns:1fr}
}
.hero-v2 h1{font-size:clamp(38px,4.6vw,60px)!important}
@media (min-width:901px){.hero-v2 .hero-grid{grid-template-columns:1.25fr .75fr!important}}
.final-cta h2{line-height:1.12!important}
.deals-week{border-top:none!important}
/* ===== AI-tech uitstraling ===== */
:root{--diep:#081A38}
.nav.nav-donker{background:rgba(8,26,56,.92)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.nav-donker .nav-links > a,.nav-donker .nav-links .nav-link-full:not(.nav-cta){color:rgba(255,255,255,.78)!important}
.nav-donker .nav-links > a:hover{color:#fff!important}
.nav-donker .lang-dd-btn{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:transparent!important}
.nav-donker .nav-cta{background:var(--geel)!important;color:var(--navy)!important}
.nav-donker .mobile-menu-btn{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:transparent!important}
.hero.hero-ai{background:
  radial-gradient(900px 500px at 78% 30%,rgba(255,210,48,.10),transparent 60%),
  radial-gradient(800px 600px at 10% 0%,rgba(16,52,108,.9),transparent 70%),
  linear-gradient(180deg,var(--diep),#0D2B5C)!important}
.hero-ai::after{opacity:1!important;inset:0!important;width:auto!important;height:auto!important;transform:none!important;right:0!important;top:0!important;
 background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/48px 48px!important;
 -webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 75%)}
.hero-ai h1 .accent-line{background:none!important;color:var(--geel)!important;padding:0!important}
/* AI-paneel */
.ai-paneel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;backdrop-filter:blur(8px);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;max-width:470px;justify-self:end;width:100%}
.ai-kop{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.85);margin:2px 4px 14px}
.ai-tag{margin-inline-start:auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:2px 8px}
.ai-puls{width:9px;height:9px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:aipuls 1.8s infinite}
@keyframes aipuls{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
@media (prefers-reduced-motion:reduce){.ai-puls{animation:none}}
.ai-blok{border-radius:14px;padding:14px 16px}
.ai-advertentie{background:rgba(255,255,255,.95);color:#181412}
.ai-label{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7A746F;margin-bottom:8px}
.ai-advertentie p{margin:0;font-size:13.5px;line-height:1.65}
.ai-advertentie mark{background:#DCE6F7;color:var(--navy);border-radius:4px;padding:0 3px;font-weight:600}
.ai-advertentie mark.m-let{background:#FFF0B3;color:#6B5200}
.ai-pijl{text-align:center;color:var(--geel);font-size:18px;line-height:1;margin:8px 0;font-weight:700}
.ai-resultaat{background:rgba(8,26,56,.75);border:1px solid rgba(255,255,255,.12)}
.ai-rij{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
.ai-rij span{color:rgba(255,255,255,.6);white-space:nowrap}
.ai-rij b{text-align:end;font-weight:600;color:#fff}
.ai-rij b.b-let{color:#FFE27A}
.ai-oordeel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.ai-oordeel span{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--geel);border-radius:6px;padding:4px 8px}
.ai-oordeel b{font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff}
.ai-oordeel em{font-style:normal;font-size:12.5px;color:#7BE3A8;margin-inline-start:auto}
@media (max-width:900px){.ai-paneel{justify-self:stretch;max-width:none}}
.nav.nav-donker .nav-links a.nav-cta,.nav.nav-donker a.nav-cta{background:var(--geel)!important;color:var(--navy)!important;font-weight:700!important}
.nav.nav-donker a.nav-cta:hover{background:#F5C400!important}
.hero-ai h1{font-size:clamp(36px,4.4vw,58px)!important}
.trust-stat-getal,.dk-prijs,.tel-prijs,.ai-rij b bdi{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .ai-advertentie p{text-align:left}
html[dir="rtl"] .hero-v2::after{right:auto}
.nav .wrap.nav-inner{padding-left:max(24px,env(safe-area-inset-left,0px))!important;padding-right:max(24px,env(safe-area-inset-right,0px))!important}
@media (max-width:700px){.nav .wrap.nav-inner{padding-left:max(20px,env(safe-area-inset-left,0px))!important;padding-right:max(20px,env(safe-area-inset-right,0px))!important}}
.sectie-features .feature{background:#fff!important;border:1px solid #E3DFDB!important;border-radius:16px!important;padding:24px!important}