:root{--ink:#0E1014;--soft:#F3F2EE}
body{font-size:16px;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
.wrap{max-width:1200px!important;padding-left:max(24px,env(safe-area-inset-left,0px))!important;padding-right:max(24px,env(safe-area-inset-right,0px))!important}
/* navigatie */
.nav{border-bottom:1px solid rgba(14,16,20,.06)!important;backdrop-filter:saturate(180%) blur(16px)!important}
.nav-inner{padding:14px 0!important}
.nav-links a{color:#3D424A!important;font-weight:500!important;font-size:14.5px!important}
.nav-brand{font-weight:650!important;letter-spacing:-0.02em!important}
.nav-cta,.mobile-menu-panel a.nav-cta{background:var(--ink)!important;color:#FFFFFF!important;border-radius:999px!important;padding:9px 18px!important;font-weight:550!important}
/* hero */
.hero{padding:112px 0 72px!important;text-align:left}
.hero .eyebrow{display:inline-block!important;background:var(--soft)!important;border:1px solid var(--border)!important;color:#3D424A!important;padding:6px 12px!important;border-radius:999px!important;font-size:13px!important;font-weight:500!important;font-family:var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:28px!important}
.hero h1{font-size:clamp(44px,6.4vw,84px)!important;letter-spacing:-0.045em!important;line-height:0.98!important;font-weight:650!important;margin-bottom:28px!important;color:var(--ink)!important}
.hero h1 .accent-line{color:var(--ink)!important}
.hero-sub{font-size:19px!important;line-height:1.6!important;color:#4A4F57!important;max-width:540px!important}
.hero-sub strong{color:var(--ink)!important;font-weight:600!important}
.hero-ctas{gap:12px!important;margin-top:36px!important}
.btn-primary-lg,.price-btn,.btn-primary,button[type=submit]{background:var(--ink)!important;color:#FFFFFF!important;border-radius:999px!important;padding:15px 26px!important;font-weight:550!important;font-size:16px!important;border:0!important}
.btn-primary-lg:hover,.price-btn:hover,.btn-primary:hover,button[type=submit]:hover{background:#2A2E35!important}
.btn-secondary-lg{border-radius:999px!important;border:1px solid var(--border)!important;background:#FFFFFF!important;color:var(--ink)!important;padding:15px 24px!important;font-weight:550!important}
.hero-fine{font-family:var(--font-body)!important;font-size:13.5px!important;color:#6B7079!important;letter-spacing:0!important}
/* deal-kaartjes in hero */
.sticker{background:#FFFFFF!important;border:1px solid rgba(14,16,20,.08)!important;border-radius:16px!important;transform:none!important;padding:18px 20px!important}
.sticker-tag{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important;color:#6B7079!important;font-size:12px!important;font-weight:500!important}
.sticker-car{font-weight:600!important;font-size:15px!important}
.sticker-price{font-family:var(--font-body)!important;font-weight:650!important;letter-spacing:-0.02em!important;font-size:28px!important;font-variant-numeric:tabular-nums}
.sticker-row{font-family:var(--font-body)!important}
.sticker-pct{color:#1F7A45!important;font-weight:600!important;background:#E7F4EC!important;padding:3px 8px!important;border-radius:6px!important}
.sticker-margin{background:var(--soft)!important;color:var(--ink)!important;border-radius:6px!important;padding:3px 8px!important;font-weight:600!important}
/* cijferband */
.trust-bar{border:0!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:28px 0!important}
.trust-stat{background:transparent!important;border:0!important}
.trust-stat-getal{font-family:var(--font-body)!important;font-size:30px!important;font-weight:650!important;letter-spacing:-0.03em!important}
.trust-stat-label{font-size:13.5px!important;color:#6B7079!important}
/* secties */
section{padding-top:128px!important;padding-bottom:128px!important}
section:nth-of-type(even){background:#FFFFFF}
.section-head{max-width:720px!important;margin-bottom:56px!important}
.section-eyebrow{font-size:14px!important;color:#6B7079!important;font-weight:500!important;margin-bottom:16px!important}
.section-head h2,.why-box h2{font-size:clamp(32px,4.2vw,52px)!important;line-height:1.05!important;letter-spacing:-0.035em!important;font-weight:650!important;color:var(--ink)!important}
.section-head p{font-size:18px!important;color:#4A4F57!important;line-height:1.6!important}
/* stappen, functies, pijnpunten: geen kaders */
.step,.feature,.pain-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.steps,.features,.pain-grid{gap:48px 40px!important}
.step-num{font-family:var(--font-body)!important;color:#6B7079!important;font-weight:500!important;border-top:1px solid var(--ink);padding-top:16px;display:block;margin-bottom:20px!important}
.step h3,.feature h3,.pain-card h3{font-size:19px!important;font-weight:600!important;letter-spacing:-0.015em!important;margin-bottom:10px!important}
.step p,.feature p,.pain-card p{font-size:16px!important;line-height:1.6!important;color:#4A4F57!important}
.feature{border-top:1px solid var(--border)!important;padding-top:24px!important}
.pain-card{border-top:1px solid var(--border)!important;padding-top:24px!important}
/* dashboard-voorbeeld */
.preview-frame{border-radius:18px!important;border:1px solid rgba(14,16,20,.08)!important;box-shadow:0 30px 80px -30px rgba(14,16,20,.25)!important}
.preview-stat{border-radius:12px!important;border:1px solid var(--border)!important;background:#FFFFFF!important}
.preview-stat-num{font-family:var(--font-body)!important;font-weight:650!important}
.preview-stat-label,.preview-section-label,.preview-url{font-family:var(--font-body)!important;letter-spacing:0!important}
.preview-notif{border-radius:12px!important}
.preview-notif-margin{font-family:var(--font-body)!important;color:#1F7A45!important}
/* prijzen */
.price-card{border-radius:20px!important;padding:36px!important;border:1px solid var(--border)!important;box-shadow:none!important}
.price-card.vip{border:1px solid var(--ink)!important;box-shadow:0 24px 60px -30px rgba(14,16,20,.3)!important}
.price-badge{background:var(--ink)!important;color:#FFFFFF!important;font-family:var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;border-radius:999px!important}
.price-name{font-family:var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;font-size:16px!important;color:var(--ink)!important}
.price-amount{font-size:52px!important;font-weight:650!important;letter-spacing:-0.04em!important;font-family:var(--font-body)!important}
.price-amount span{font-family:var(--font-body)!important;font-size:15px!important;letter-spacing:0!important;color:#6B7079!important;font-weight:400!important}
.price-trial{color:#1F7A45!important}
.price-btn{display:block!important;text-align:center!important}
.price-card:not(.vip) .price-btn{background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--border)!important}
/* vragen */
.faq-item{border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;padding:24px 0!important;box-shadow:none!important}
.faq-item h4{font-size:17px!important;font-weight:600!important}
.faq-more a{color:var(--ink)!important;font-weight:550!important}
/* waarom + vergelijk */
.why-box{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.why-vergelijk-tabel table{border-radius:14px!important;overflow:hidden}
.why-vergelijk-tabel td.highlight{background:#FAFAF7!important}
/* lead-box en slot */
.lead-box{background:#FFFFFF!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:none!important}
.lead-form input{border-radius:10px!important;background:#FFFFFF!important;border:1px solid #D9D6CE!important}
.final-cta{background:var(--ink)!important;color:#FFFFFF!important}
.final-cta h2{color:#FFFFFF!important;font-size:clamp(34px,4.6vw,60px)!important;letter-spacing:-0.04em!important}
.final-cta p{color:#B9BDC4!important}
.final-cta .btn-primary-lg{background:#FFFFFF!important;color:var(--ink)!important}
footer,.footer-inner{color:#6B7079!important}
.footer-links a{color:#3D424A!important}
@media (max-width:700px){
 .hero{padding:56px 0 40px!important}
 section{padding-top:72px!important;padding-bottom:72px!important}
 .price-card{padding:26px!important}
 .btn-primary-lg,.btn-secondary-lg{width:100%;text-align:center}
}

.nav-links a.nav-cta,.nav a.nav-cta{background:var(--ink)!important;color:#FFFFFF!important}
.features,.faq-list,.pain-grid,.steps{background:transparent!important;border:0!important;box-shadow:none!important}
.why-vergelijk-tabel thead th:last-child,.why-vergelijk-tabel td.highlight.vgl-tekst{color:var(--ink)!important}
.why-vergelijk-tabel thead th:last-child{background:#FFFFFF!important}
.why-vergelijk-tabel thead th.highlight,.why-vergelijk-tabel td.highlight{color:var(--ink)!important;background:#F3F2EE!important}
@media (max-width:700px){.nav-inner{padding-left:max(20px,env(safe-area-inset-left,0px))!important;padding-right:max(20px,env(safe-area-inset-right,0px))!important}.hero-sub{font-size:17px!important}}
.why-vergelijk-tabel table.vgl-2{min-width:0!important;width:100%}
.why-vergelijk-tabel table.vgl-2 th:not(:first-child),.why-vergelijk-tabel table.vgl-2 td:not(:first-child){width:32%!important;text-align:center}
.m-sticky{display:none}
@media (max-width:700px){
 .m-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(250,250,247,.94);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .m-sticky a{display:block;text-align:center;background:var(--ink);color:#FFFFFF;text-decoration:none;font-weight:550;padding:14px;border-radius:999px}
 body{padding-bottom:84px}
}