:root{
  --porselein:#F4F2ED;
  --zand:#E9E5DC;
  --noir:#101010;
  --noir-soft:#1A1A18;
  --grafiet:#4A4842;
  --steen:#8A8579;
  --oranje:#E8490F;
  --lijn:rgba(16,16,16,.14);
  --lijn-licht:rgba(244,242,237,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Switzer',sans-serif;background:var(--porselein);color:var(--noir);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.serif{font-family:'Zodiak',serif}
.mono{font-family:'Spline Sans Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1,h2{font-family:'Zodiak',serif;font-weight:400;line-height:1.05;letter-spacing:-0.015em}
h1{font-size:clamp(44px,6.4vw,92px)}
h2{font-size:clamp(32px,4.2vw,58px)}
h3{font-family:'Switzer';font-weight:600;font-size:19px}
em.acc{font-style:italic;color:var(--oranje)}
.container{max-width:1240px;margin:0 auto;padding:0 28px}
section{padding:112px 0}
.rule{border:none;border-top:1px solid var(--lijn)}
.kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.kicker .mono{color:var(--grafiet)}
.kicker::after{content:"";flex:1;height:1px;background:var(--lijn)}
.dark .kicker .mono{color:var(--steen)}
.dark .kicker::after{background:var(--lijn-licht)}
.lede{font-size:19px;color:var(--grafiet);max-width:58ch}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--noir);color:var(--porselein);font-weight:500;font-size:15px;padding:18px 34px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:background .25s,gap .25s}
.btn::after{content:"→";transition:transform .25s}
.btn:hover{background:var(--oranje);gap:18px}
.btn-light{background:var(--porselein);color:var(--noir)}
.btn-light:hover{background:var(--oranje);color:var(--porselein)}
.btn-line{background:transparent;color:var(--noir);border:1px solid var(--noir)}
.btn-line:hover{background:var(--noir);color:var(--porselein)}
.fade{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}
.fade.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.fade{opacity:1;transform:none;transition:none}}
.dark{background:var(--noir);color:var(--porselein)}
.dark .lede{color:var(--steen)}

/* NAV */
nav{position:sticky;top:0;z-index:60;background:rgba(244,242,237,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--lijn)}
.nav-inner{max-width:1240px;margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between}
.wordmark{font-family:'Zodiak',serif;font-size:22px;color:var(--noir);text-decoration:none;letter-spacing:.01em;display:inline-flex;flex-direction:column;line-height:1.05}
.wordmark .wm{display:inline-block}
.wordmark .wm sup{font-size:10px;vertical-align:super;margin-left:2px}
.wordmark .tagline{font-family:'Spline Sans Mono',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--grafiet);margin-top:5px}
footer .wordmark .tagline{color:var(--steen)}
.wordmark sup{font-size:10px;color:var(--oranje)}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{color:var(--noir);text-decoration:none;font-size:14px;font-weight:500}
.nav-links a:hover{color:var(--oranje)}
.nav-cta{border:1px solid var(--noir);border-radius:999px;padding:10px 22px}
.nav-cta:hover{background:var(--noir);color:var(--porselein) !important}
@media(max-width:920px){.nav-links a:not(.nav-cta){display:none}}

/* HERO */
.hero{padding:120px 0 96px;position:relative;overflow:hidden}
.hero .colophon{margin-top:84px;padding-top:18px;border-top:1px solid var(--lijn);display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.hero .colophon span{color:var(--grafiet)}
@media(max-width:640px){.hero .colophon{flex-direction:column;gap:10px}}
.hero h1{max-width:14ch}
.hero .lede{margin:36px 0 44px}
.hero-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.hero-note{font-size:13px;color:var(--grafiet)}
/* leap arc */
.arc{position:absolute;right:-4%;bottom:-2%;width:56%;min-width:480px;pointer-events:none}
.arc path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1.8s .3s ease-out forwards}
.arc circle{opacity:0;animation:pop .4s 1.9s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{to{opacity:1}}
@media(max-width:920px){.arc{display:none}}

/* REGISTER (signature trust element) */
.register{background:var(--noir);color:var(--porselein);padding:56px 0;border-top:1px solid var(--noir)}
.register .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px;gap:16px;flex-wrap:wrap}
.register .head .mono{color:var(--steen)}
.reg-table{width:100%;border-collapse:collapse;font-family:'Spline Sans Mono',monospace;font-size:13px}
.reg-table th{text-align:left;color:var(--steen);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:0 16px 12px 0;border-bottom:1px solid var(--lijn-licht)}
.reg-table td{padding:16px 16px 16px 0;border-bottom:1px solid var(--lijn-licht);vertical-align:top}
.reg-table .res{color:var(--oranje)}
.reg-table .ok{white-space:nowrap}
.reg-note{margin-top:18px;font-size:12px;color:var(--steen);font-family:'Spline Sans Mono',monospace}


/* MANIFESTO */
.manifesto .grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
@media(max-width:920px){.manifesto .grid{grid-template-columns:1fr}}
.manifesto h2{max-width:16ch}
.manifesto .col p{color:var(--grafiet);margin-bottom:20px}
.manifesto .col p b{color:var(--noir);font-weight:600}
.pain{margin-top:8px}
.pain li{list-style:none;padding:18px 0;border-bottom:1px solid var(--lijn);display:flex;gap:20px;align-items:baseline}
.pain .mono{color:var(--oranje);flex-shrink:0}

/* METHOD */
.method{background:var(--zand)}
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lijn);border:1px solid var(--lijn);margin-top:56px}
@media(max-width:920px){.m-grid{grid-template-columns:1fr}}
.m-cell{background:var(--zand);padding:40px 32px;transition:background .3s}
.m-cell:hover{background:var(--porselein)}
.m-cell .no{font-family:'Zodiak',serif;font-style:italic;font-size:15px;color:var(--oranje);margin-bottom:22px;display:block}
.m-cell h3{font-family:'Zodiak',serif;font-weight:400;font-size:28px;margin-bottom:14px}
.m-cell p{color:var(--grafiet);font-size:15px}
.m-cell .mono{display:block;margin-top:24px;color:var(--grafiet)}
.method-note{margin-top:36px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.method-note p{font-size:14px;color:var(--grafiet)}

/* CASE */
.case .head{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end;margin-bottom:64px}
@media(max-width:920px){.case .head{grid-template-columns:1fr}}
.bignum{font-family:'Zodiak',serif;font-style:italic;font-size:clamp(80px,11vw,168px);line-height:.9;color:var(--porselein)}
.bignum small{font-family:'Spline Sans Mono';font-style:normal;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--steen);display:block;margin-top:18px}
.case-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid var(--lijn-licht);padding-top:48px}
@media(max-width:920px){.case-cols{grid-template-columns:1fr}}
.case-cols .mono{color:var(--oranje);display:block;margin-bottom:14px}
.case-cols p{color:var(--steen);font-size:15px}
.case-cols b{color:var(--porselein);font-weight:500}
.track{margin-top:64px;padding-top:36px;border-top:1px solid var(--lijn-licht);display:flex;gap:14px 44px;flex-wrap:wrap;align-items:baseline}
.track .mono{color:var(--steen)}
.track span{font-family:'Zodiak',serif;font-size:17px;color:var(--porselein);opacity:.75}

/* HOUSE MODEL (scalability) */
.house .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
@media(max-width:920px){.house .grid{grid-template-columns:1fr}}
.house h2{max-width:14ch}
.house .lede{margin-top:28px}
.tiles{display:grid;gap:1px;background:var(--lijn);border:1px solid var(--lijn)}
.tile{background:var(--porselein);padding:30px 32px;display:grid;grid-template-columns:44px 1fr;gap:20px}
.tile .mono{color:var(--oranje);padding-top:4px}
.tile p{color:var(--grafiet);font-size:15px;margin-top:6px}
.founder-line{margin-top:44px;display:flex;gap:24px;align-items:center}
.f-badge{width:64px;height:64px;border-radius:50%;background:var(--noir);color:var(--porselein);font-family:'Zodiak',serif;font-style:italic;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.founder-line p{font-size:15px;color:var(--grafiet);max-width:44ch}
.founder-line b{color:var(--noir)}

/* OFFER */
.offer{background:var(--zand)}
.offer-card{border:1px solid var(--noir);background:var(--porselein);margin-top:56px;display:grid;grid-template-columns:1.15fr .85fr}
@media(max-width:920px){.offer-card{grid-template-columns:1fr}}
.offer-main{padding:56px;border-right:1px solid var(--noir)}
@media(max-width:920px){.offer-main{border-right:none;border-bottom:1px solid var(--noir)}}
.offer-main h3{font-family:'Zodiak',serif;font-weight:400;font-size:36px;margin-bottom:8px}
.offer-main .mono{color:var(--oranje)}
.offer-main ul{list-style:none;margin-top:32px}
.offer-main li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--lijn);font-size:15px}
.offer-main li span:last-child{font-family:'Spline Sans Mono';font-size:12px;color:var(--grafiet);white-space:nowrap;padding-top:3px}
.offer-main .tot{border-bottom:none;font-weight:600}
.offer-main .tot span:last-child{color:var(--oranje)}
/* certificate */
.cert{padding:56px;background:var(--porselein);position:relative}
.cert h4{font-family:'Zodiak',serif;font-weight:400;font-size:22px;margin-bottom:26px}
.cert ol{list-style:none;counter-reset:g}
.cert li{counter-increment:g;padding:14px 0;border-top:1px solid var(--lijn);font-size:14px;color:var(--grafiet);display:flex;gap:16px}
.cert li::before{content:counter(g,decimal-leading-zero);font-family:'Spline Sans Mono';font-size:12px;color:var(--oranje);padding-top:2px}
.cert li b{color:var(--noir);font-weight:600}
.stamp{margin-top:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.stamp .sig{font-family:'Zodiak',serif;font-style:italic;font-size:24px}
.stamp .mono{color:var(--grafiet)}
.seal{width:74px;height:74px;border:1px solid var(--oranje);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--oranje);font-family:'Spline Sans Mono';font-size:9px;text-align:center;line-height:1.5;transform:rotate(-8deg)}
.offer-foot{margin-top:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.offer-foot .mono{color:var(--grafiet)}

/* PRICING */
.pricing .p-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lijn);border:1px solid var(--lijn);margin-top:56px}
@media(max-width:920px){.pricing .p-row{grid-template-columns:1fr}}
.p-cell{background:var(--porselein);padding:44px 36px;display:flex;flex-direction:column}
.p-cell.mid{background:var(--noir);color:var(--porselein)}
.p-cell .mono{color:var(--grafiet);margin-bottom:18px}
.p-cell.mid .mono{color:var(--oranje)}
.p-cell h3{font-family:'Zodiak',serif;font-weight:400;font-size:30px}
.p-cell .amt{font-family:'Zodiak',serif;font-style:italic;font-size:40px;margin:18px 0 6px}
.p-cell .per{font-size:13px;color:var(--grafiet)}
.p-cell.mid .per{color:var(--steen)}
.p-cell ul{list-style:none;margin:26px 0 34px;flex:1}
.p-cell li{padding:9px 0;font-size:14px;color:var(--grafiet);border-top:1px solid var(--lijn)}
.p-cell.mid li{color:var(--steen);border-top:1px solid var(--lijn-licht)}
.p-note{margin-top:28px;font-size:14px;color:var(--grafiet);text-align:center}

/* FAQ */
.faq-list{max-width:820px;margin:56px auto 0}
details{border-top:1px solid var(--lijn);padding:24px 0}
details:last-child{border-bottom:1px solid var(--lijn)}
summary{cursor:pointer;font-family:'Zodiak',serif;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
summary::after{content:"+";color:var(--oranje);font-family:'Switzer';font-size:22px}
details[open] summary::after{content:"·"}
details p{margin-top:14px;color:var(--grafiet);font-size:15px;max-width:64ch}

/* CTA */
.cta{background:var(--noir);color:var(--porselein);text-align:left}
.cta .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
@media(max-width:920px){.cta .grid{grid-template-columns:1fr}}
.cta h2{max-width:14ch}
.cta .lede{margin:28px 0 36px}
.form{background:var(--porselein);color:var(--noir);padding:44px;border:1px solid var(--noir)}
.form label{display:block;font-family:'Spline Sans Mono';font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grafiet);margin:20px 0 8px}
.form label:first-child{margin-top:0}
.form input{width:100%;padding:14px 0;border:none;border-bottom:1px solid var(--noir);font-size:16px;font-family:'Switzer';background:transparent}
.form input:focus{outline:none;border-bottom:2px solid var(--oranje)}
.form .btn{width:100%;justify-content:center;margin-top:34px}
.form-note{margin-top:20px;font-size:13px;color:var(--grafiet)}

/* FOOTER */
footer{background:var(--noir);color:var(--steen);padding:0 0 40px;font-size:14px}
footer .top{border-top:1px solid var(--lijn-licht);padding-top:48px;display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:56px}
footer .wordmark{color:var(--porselein);font-size:26px}
footer a{color:var(--steen);text-decoration:none;display:block;margin-top:10px}
footer a:hover{color:var(--oranje)}
footer .cols{display:flex;gap:72px;flex-wrap:wrap}
footer b{color:var(--porselein);font-weight:500;font-family:'Spline Sans Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase}
footer .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--lijn-licht);padding-top:26px;font-size:12px;font-family:'Spline Sans Mono'}


/* ===== Hardening tegen externe stylesheets (Elementor kit / oude theme) ===== */
.site-pl h1,.site-pl h2,.site-pl h3,.site-pl h4{color:inherit}
.site-pl a{text-decoration:none}
.site-pl nav .wordmark,.site-pl nav .wordmark .wm{color:var(--noir) !important}
.site-pl nav .nav-links a{color:var(--noir) !important}
.site-pl nav .nav-links a:hover{color:var(--oranje) !important}
.site-pl .btn,.site-pl a.btn,.site-pl button.btn{background:var(--noir) !important;color:var(--porselein) !important;border:none !important}
.site-pl .btn:hover{background:var(--oranje) !important;color:var(--porselein) !important}
.site-pl .btn-light{background:var(--porselein) !important;color:var(--noir) !important}
.site-pl .btn-light:hover{background:var(--oranje) !important;color:var(--porselein) !important}
.site-pl .btn-line{background:transparent !important;color:var(--noir) !important;border:1px solid var(--noir) !important}
.site-pl .btn-line:hover{background:var(--noir) !important;color:var(--porselein) !important}
.site-pl .dark,.site-pl .dark h1,.site-pl .dark h2,.site-pl .dark h3,.site-pl .register,.site-pl .cta h2{color:var(--porselein) !important}
.site-pl .dark .lede,.site-pl .register .reg-note{color:var(--steen) !important}
.site-pl .p-cell.mid,.site-pl .p-cell.mid h3,.site-pl .p-cell.mid .amt{color:var(--porselein) !important}
.site-pl .p-cell.mid .per,.site-pl .p-cell.mid li{color:var(--steen) !important}
.site-pl em.acc{color:var(--oranje) !important}
.site-pl .form,.site-pl .form label{color:var(--noir)}
.site-pl .form input{color:var(--noir) !important;background:transparent !important}
.site-pl .bignum{color:var(--porselein) !important}
/* Verberg resten van de oude Elementor header/footer als templates nog actief zijn */
.elementor-location-header,.elementor-location-footer{display:none !important}


/* ===== Mobiele optimalisatie (v1.0.2) ===== */
html{-webkit-text-size-adjust:100%}
@media(max-width:760px){
  section{padding:64px 0}
  .container{padding:0 20px}
  h1{font-size:clamp(36px,10.5vw,44px)}
  h2{font-size:clamp(28px,8vw,34px)}
  .lede{font-size:17px}
  .hero{padding:56px 0 48px}
  .hero .colophon{margin-top:48px}
  .hero-cta{flex-direction:column;align-items:flex-start;gap:14px}
  .hero .btn{width:100%;justify-content:center}
  .nav-inner{padding:14px 20px}
  .wordmark{font-size:19px}
  .nav-cta{padding:9px 16px;font-size:13px}

  /* Register: tabel wordt gestapelde kaarten */
  .register{padding:48px 0}
  .reg-table,.reg-table tbody,.reg-table tr,.reg-table td{display:block;width:100%}
  .reg-table tr:first-child{display:none} /* kolomkoppen verbergen */
  .reg-table tr{border-bottom:1px solid var(--lijn-licht);padding:18px 0}
  .reg-table td{border:none;padding:3px 0}
  .reg-table td:first-child{color:var(--oranje);font-size:11px}
  .reg-table .ok{padding-top:8px}

  /* Kaarten en grids */
  .m-cell{padding:28px 22px}
  .case .head{gap:28px;margin-bottom:36px}
  .bignum{font-size:clamp(64px,20vw,96px)}
  .case-cols{gap:28px;padding-top:32px}
  .track{gap:10px 24px;margin-top:40px}
  .offer-main{padding:28px 22px}
  .cert{padding:28px 22px}
  .stamp{flex-direction:column;align-items:flex-start;gap:18px}
  .offer-foot{flex-direction:column;align-items:flex-start}
  .offer-foot .btn{width:100%;justify-content:center}
  .p-cell{padding:32px 24px}
  .p-cell .btn,.p-cell .btn-line,.p-cell .btn-light{width:100%;justify-content:center;text-align:center}
  .faq-list{margin-top:36px}
  summary{font-size:18px}
  .cta .grid{gap:40px}
  .form{padding:26px 20px}
  .form .btn{padding:16px 20px}
  .founder-line{align-items:flex-start}
  footer .cols{gap:32px}
  footer .top{flex-direction:column}
}
@media(max-width:400px){
  h1{font-size:34px}
  .bignum{font-size:64px}
}


/* ===== Tablet, toegankelijkheid en PageSpeed (v1.0.3) ===== */

/* Skip-link */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--noir);color:var(--porselein);padding:12px 20px;border-radius:0 0 10px 0;font-size:14px}
.skip-link:focus{left:0}

/* Zichtbare focus voor toetsenbordgebruikers */
.site-pl a:focus-visible,.site-pl button:focus-visible,.site-pl input:focus-visible,.site-pl summary:focus-visible{outline:3px solid var(--oranje);outline-offset:3px;border-radius:4px}
.site-pl .form input:focus{outline:none}
.site-pl .form input:focus-visible{outline:3px solid var(--oranje);outline-offset:3px}

/* Contrast: donkerder oranje voor kleine tekst op lichte achtergrond (WCAG AA) */
:root{--oranje-donker:#C13A08}
.m-cell .no,.tiles .tile>.mono,.cert li::before,.p-card .no,.pain .mono,.reg-table td:first-child{color:var(--oranje-donker)}
.seal{border-color:var(--oranje-donker);color:var(--oranje-donker)}

/* Reduced motion: ook de leap-arc stilzetten */
@media (prefers-reduced-motion: reduce){
  .arc path{animation:none;stroke-dashoffset:0}
  .arc circle{animation:none;opacity:1}
  .btn,.p-card,.b-card{transition:none}
}

/* Rendering-optimalisatie onder de vouw */
.site-pl main section{content-visibility:auto;contain-intrinsic-size:auto 700px}
.site-pl main .hero,.site-pl main header{content-visibility:visible}

/* ===== Tablet (761 t/m 1100px) ===== */
@media (min-width:761px) and (max-width:1100px){
  .container{padding:0 32px}
  section{padding:80px 0}
  h1{font-size:clamp(42px,6.5vw,64px)}
  h2{font-size:clamp(30px,4.5vw,44px)}
  .arc{width:48%;min-width:380px;opacity:.9}
  .m-cell{padding:30px 24px}
  .case .head{grid-template-columns:1fr;gap:28px}
  .bignum{font-size:clamp(80px,12vw,120px)}
  .case-cols{gap:28px}
  .s-grid{gap:32px}
  .offer-main,.cert{padding:36px 30px}
  .p-row{grid-template-columns:1fr}
  .p-cell{display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:start;padding:32px}
  .p-cell ul{grid-column:1 / -1;margin:14px 0 18px}
  .p-cell .btn,.p-cell .btn-line,.p-cell .btn-light{grid-column:1 / -1;justify-content:center}
  .house .grid,.cta .grid{gap:44px}
  .form{padding:32px}
}
@media (min-width:761px) and (max-width:920px){
  .hero-cta{gap:14px}
  .track{gap:12px 28px}
}


/* ===== Kennisbank (v1.0.5) ===== */
.kb-hero{padding-bottom:56px}
.kb-hero h1{max-width:18ch}
.kb-item{border-top:1px solid var(--lijn);padding:40px 0;max-width:820px}
.kb-item:last-of-type{border-bottom:1px solid var(--lijn)}
.kb-date{color:var(--grafiet);display:block;margin-bottom:12px}
.kb-title{font-size:clamp(24px,3vw,34px);line-height:1.15}
.kb-title a{color:var(--noir);text-decoration:none}
.kb-title a:hover{color:var(--oranje-donker)}
.kb-excerpt{color:var(--grafiet);margin-top:12px;max-width:64ch}
.kb-more{display:inline-block;margin-top:16px;color:var(--oranje-donker);font-weight:600;text-decoration:none}
.kb-pagination{margin-top:40px}
.kb-pagination a{color:var(--noir);font-weight:600;text-decoration:none;margin-right:20px}

.artikel{padding:96px 0}
.artikel-container{max-width:760px}
.artikel h1{font-size:clamp(34px,4.5vw,52px);margin-bottom:32px}
.artikel-body{font-size:17px;color:var(--ink-80,#2A2823)}
.artikel-body p{color:var(--grafiet);margin-bottom:20px}
.artikel-body h2{font-family:'Switzer',sans-serif;font-weight:600;font-size:26px;line-height:1.25;margin:44px 0 16px;color:var(--noir)}
.artikel-body h3{font-size:20px;margin:32px 0 12px;color:var(--noir)}
.artikel-body ul,.artikel-body ol{margin:0 0 20px 22px;color:var(--grafiet)}
.artikel-body li{margin-bottom:10px}
.artikel-body a{color:var(--oranje-donker);text-decoration:underline;text-underline-offset:3px}
.artikel-body strong{color:var(--noir)}
/* Antwoordblok: het directe antwoord bovenaan elk artikel (AEO) */
.artikel-body .antwoord,.antwoord{background:var(--zand);border-left:3px solid var(--oranje);padding:24px 28px;margin:0 0 36px;font-size:18px;color:var(--noir)}
.antwoord p{color:var(--noir);margin:0}
.artikel-cta{background:var(--noir);color:var(--porselein);padding:44px 40px;margin-top:56px}
.artikel-cta h2{font-size:26px;color:var(--porselein) !important}
.artikel-cta p{color:var(--steen);margin:14px 0 24px}
.artikel-terug{margin-top:40px}
.artikel-terug a{color:var(--grafiet);text-decoration:none}
.artikel-terug a:hover{color:var(--oranje-donker)}
@media(max-width:760px){
  .artikel{padding:56px 0}
  .artikel-cta{padding:28px 22px}
  .kb-item{padding:28px 0}
}


/* ===== Fluent Forms in huisstijl (v1.0.6) ===== */
.form .frm-fluent-form .ff-el-input--label label,.form .ff-el-input--label label{font-family:'Spline Sans Mono',monospace !important;font-size:11px !important;letter-spacing:.08em;text-transform:uppercase;color:var(--grafiet) !important;font-weight:400 !important;margin-bottom:6px}
.form .ff-el-form-control{width:100% !important;padding:12px 0 !important;border:none !important;border-bottom:1px solid var(--noir) !important;border-radius:0 !important;background:transparent !important;font-size:16px !important;font-family:'Switzer',sans-serif !important;color:var(--noir) !important;box-shadow:none !important}
.form .ff-el-form-control:focus{outline:none !important;border-bottom:2px solid var(--oranje) !important}
.form .ff-el-form-control:focus-visible{outline:3px solid var(--oranje) !important;outline-offset:3px}
.form .ff-el-group{margin-bottom:18px !important}
.form .ff-btn-submit,.form .ff_btn_style{display:inline-flex !important;align-items:center;justify-content:center;width:100% !important;background:var(--noir) !important;color:var(--porselein) !important;font-weight:500 !important;font-size:15px !important;padding:18px 34px !important;border-radius:999px !important;border:none !important;cursor:pointer;transition:background .25s;margin-top:16px}
.form .ff-btn-submit:hover,.form .ff_btn_style:hover{background:var(--oranje) !important}
.form .ff-el-is-error .ff-el-form-control{border-bottom-color:var(--oranje-donker) !important}
.form .error,.form .ff-el-is-error .text-danger{color:var(--oranje-donker) !important;font-size:13px !important;font-family:'Switzer',sans-serif !important}
.form .ff-message-success{background:var(--zand) !important;border:1px solid var(--noir) !important;color:var(--noir) !important;padding:20px !important;border-radius:0 !important}
/* Calendly-embed op de bedanktpagina */
.artikel-body .calendly-inline-widget{min-height:680px;margin-top:24px}
