/* marketingbuddy-site - site.css
   Alle waarden komen uit de live-meting (meting/live-home.json + live-struct-1707.txt).
   Geen schattingen: elke maat, kleur, font en afstand is gemeten op marketingbuddy.nl. */

/* ===== Fonts: exact dezelfde bestanden als live (gemeten via @font-face-regels op marketingbuddy.nl) ===== */
@font-face{font-family:"Onest";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/onest-700.woff2") format("woff2");}
@font-face{font-family:"Onest";font-weight:300;font-style:normal;font-display:swap;src:url("fonts/onest-300.woff2") format("woff2");}
@font-face{font-family:"Onest";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/onest-400.woff2") format("woff2");}
@font-face{font-family:"Onest";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/onest-500.woff2") format("woff2");}
@font-face{font-family:"Onest";font-weight:600;font-style:normal;font-display:swap;src:url("fonts/onest-600.woff2") format("woff2");}
@font-face{font-family:"Bricolage Grotesque";font-weight:700 800;font-style:normal;font-display:swap;src:url("fonts/bricolage-grotesque-700.woff2") format("woff2");}
@font-face{font-family:"Figtree";font-weight:400 600;font-style:normal;font-display:swap;src:url("fonts/figtree-400.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/inter-400.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/inter-500.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("fonts/inter-600.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/inter-700.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:900;font-style:normal;font-display:swap;src:url("fonts/inter-900.woff2") format("woff2");}
@font-face{font-family:"Switzer";font-weight:600;font-style:normal;font-display:swap;src:url("fonts/switzer-600.woff2") format("woff2");}
@font-face{font-family:"Switzer";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/switzer-400.woff2") format("woff2");}

/* ===== Tokens (gemeten) ===== */
:root{
  --accent:#00FFAB;
  --accent-hover:#00F7A5;
  --white:#FFFFFF;
  --ink:#050505;
  --navy:#171B2B;
  --card-navy:#1F2638;
  --offwhite:#FBFBFB;
  --grey-bg:#F4F6F8;
  --body-gray:#333333;
  --checklist-gray:#CACACA;
  --muted:#787878;
  --intro-p:#2E3648;
  --cream:#F6F4E8;
  --divider:#333333;
  --faq-divider:#DCC7E2;
  --font-heading:"Onest","Onest Placeholder",sans-serif;
  --font-body:"Inter","Inter Placeholder",sans-serif;
  --font-ui:"Switzer","Switzer Placeholder",Arial,sans-serif;
}

/* ===== Reset ===== */
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;word-break:break-word;font-family:var(--font-heading);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-feature-settings:"blwf","cv03","cv04","cv09","cv11";}
img,video{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;}
i{font-style:normal;}

/* ===== Layout ===== */
.sec{padding:100px 50px;overflow:hidden;}
.section{padding:100px 50px;overflow:hidden;}
.container{width:100%;max-width:1300px;margin-inline:auto;}

/* ===== Typografie (gemeten presets) ===== */
.eyebrow{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:.64px;color:var(--navy);}
.eyebrow>i{width:16px;height:16px;background:var(--accent);flex:0 0 auto;}
.eyebrow:not(:has(>i))::before{content:"";width:16px;height:16px;background:var(--accent);flex:0 0 auto;}
.eyebrow--white{color:var(--white);}
.eyebrow--ink{color:var(--ink);}
.h1{font-weight:600;font-size:80px;line-height:80px;font-family:var(--font-heading);letter-spacing:-3.2px;color:var(--white);}
.h2{font-weight:600;font-size:52px;line-height:57.2px;font-family:var(--font-heading);letter-spacing:-2.08px;color:var(--ink);}
.h2--intro{font-weight:700;font-size:48px;line-height:50.4px;font-family:var(--font-heading);letter-spacing:-1.44px;color:var(--navy);text-wrap:balance;}
.h2--white{color:var(--white);}
.h2--ink{color:var(--ink);}
.h3{font-weight:600;font-size:32px;line-height:35.2px;font-family:var(--font-heading);letter-spacing:-1.28px;color:var(--white);}
.text-lg{font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;}
.text-inter{font-weight:400;font-size:18px;line-height:29.25px;font-family:var(--font-body);letter-spacing:-.36px;color:var(--intro-p);}
.text-md{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;}

.rich p+p{margin-top:29.25px;}

/* ===== Knoppen (3 gemeten varianten: 40 / 56 / 60 hoog) ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:60px;padding:8px 12px 8px 16px;border-radius:6px;background:var(--accent);color:var(--ink);font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);white-space:nowrap;overflow:hidden;transition:background-color .3s ease,color .3s ease;}
.btn:hover{background:var(--accent-hover);color:var(--navy);}

.btn--secondary{background:var(--white);color:var(--ink);}
.btn--secondary:hover{background:var(--checklist-gray);color:var(--ink);}
.btn--nav,.btn--40{height:40px;}
.btn--56{height:56px;padding:16px 24px;}
.btn--static:hover{background:var(--accent);color:var(--ink);}
.btn-ico{position:relative;width:24px;height:24px;border-radius:2px;background:var(--white);flex:0 0 auto;overflow:hidden;}
.btn-ico svg{position:absolute;top:8px;left:8px;width:8px;height:8px;display:block;transition:left .3s ease;}
.btn-ico svg:first-child{left:-10px;}
.btn:hover .btn-ico svg:first-child{left:8px;}
.btn:hover .btn-ico svg:last-child{left:26px;}
.btn-ico--plain{background:transparent;}
.btn>.icon{width:24px;height:24px;padding:8px;border-radius:2px;background:var(--white);color:var(--ink);flex:0 0 auto;}

/* ===== Randen als ::after-overlay (zo tekent live ze: inset 0, zelfde radius) ===== */
.btn{position:relative;}
.btn:not(.btn--secondary):not(.btn--static):not(.btn--noring)::after{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:6px;pointer-events:none;}
.tag{position:relative;}
.tag::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:99px;pointer-events:none;}
.review{position:relative;}
.review::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:16px;pointer-events:none;}
.badge{position:relative;display:block;}
.badge::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:8px;pointer-events:none;}
.faq-item{position:relative;}
.faq-item::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:10px;pointer-events:none;}
.newsletter .field{position:relative;}
.newsletter .field::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:8px;pointer-events:none;}
.avatar{position:relative;display:block;width:32px;height:32px;border-radius:100%;}
.avatar::after{content:"";position:absolute;inset:0;border:2px solid var(--white);border-radius:100%;pointer-events:none;}
.avatar-stack .avatar+.avatar{margin-left:-10px;}

/* ===== Reveal (progressive enhancement, eindstand = live) ===== */
.reveal{transition:opacity .7s ease,transform .7s ease;}
.reveal.js-armed{opacity:0;transform:translateY(20px);}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.word-reveal .word{display:inline-block;transition:opacity .6s ease,filter .6s ease,transform .6s ease;}
.word-reveal.js-armed .word{opacity:0;filter:blur(10px);transform:translateY(10px);}
.word-reveal.is-in .word{opacity:1;filter:blur(0);transform:translateY(0);}

/* ===== Nav (statisch, 76px, binnenbalk 100vw-120px) ===== */
.nav{height:76px;padding:8px 60px;display:flex;flex-direction:column;align-items:center;}
.nav-inner{width:100%;height:60px;background:var(--white);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;overflow:visible;}
.nav-logo{display:block;width:180px;height:62.3px;flex:0 0 auto;overflow:hidden;}
.nav-logo img{width:100%;height:100%;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:24px;}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-links a{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);transition:opacity .2s ease;}
.nav-links a:hover{opacity:.8;}
/* Diensten-dropdown (gemeten op live 23-09-2026, 1440 en 1000: paneel 20px pad, kolom gap 10, r10, schaduw rgba(0,0,0,.12) 0 10 20,
   links 73,9px voor het woord Diensten, 10px eronder; items Switzer 14/18.2, hover .8). ::before overbrugt de 10px zodat hover blijft */
.nav-links li{position:relative;}
.nav-links li:hover>a{opacity:.8;}
.nav-sub{position:absolute;top:calc(100% + 8.6px);left:-73.9px;z-index:40;display:flex;flex-direction:column;gap:10px;width:max-content;padding:20px;border-radius:10px;background:var(--white);box-shadow:rgba(0,0,0,.12) 0 10px 20px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;}
.nav-sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;}
.nav-sub:empty{display:none;}
.nav-links li:hover>.nav-sub,.nav-links li:focus-within>.nav-sub{opacity:1;visibility:visible;transform:none;}
.nav-burger{display:none;}

/* ===== Hero (80vh, content onderaan, foto 110% met parallax) ===== */
.hero{position:relative;height:80vh;overflow:hidden;padding:0 50px 100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--white);}
.hero-bg{position:absolute;top:-7px;right:-65px;height:793px;left:-22px;overflow:hidden;transform:scale(1.1);z-index:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:52.1% 30.5%;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 8.55856%,rgb(0,0,0) 77.9279%);z-index:1;}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1300px;overflow:hidden;}
.hero-stack{max-width:1000px;display:flex;flex-direction:column;gap:50px;align-items:flex-start;}
.hero-top{display:flex;flex-direction:column;gap:24px;align-items:flex-start;overflow:hidden;}
.hero-content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.hero-h1 .word.is-accent{color:var(--accent);}
.hero-sub{font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--white);}
.hero-btns{display:flex;gap:16px;align-items:center;}
.hero-social{display:flex;align-items:center;gap:8px;}
.avatar-stack{display:flex;}
.avatar-stack img{width:32px;height:32px;border-radius:100%;object-fit:fill;}
.hero-social>span{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--white);}

/* ===== Logobalk (20vh, logo's 100x50, 30% dekking, marquee 63.52s) ===== */
.logobar{height:20vh;background:var(--offwhite);padding:0 20px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;}
.logobar--auto{height:auto;padding-bottom:70px;}
.logobar-inner{width:100%;max-width:1300px;opacity:.3;}
.marquee{height:41px;max-width:100%;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 6%,rgb(0,0,0) 94%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 6%,rgb(0,0,0) 94%,rgba(0,0,0,0) 100%);}
.marquee ul{display:flex;align-items:center;gap:100px;flex:0 0 auto;animation:marquee 63.52s linear infinite;}
.marquee li{flex:0 0 auto;height:50px;}
.marquee img{height:50px;width:100px;object-fit:contain;}
.marquee img[data-w="88.3"]{width:88.3px;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-1588.3px);}}
.logobar-head{text-align:center;padding:100px 0 50px;}

/* ===== "Herken je dit?" (About us) ===== */
.about{background:var(--grey-bg);}
.about .container{display:flex;gap:64px;align-items:flex-start;}
.about-bento{flex:1 0 0;position:relative;height:560px;}
.about-bento>img{width:100%;height:100%;object-fit:cover;border-radius:24px;}
.about-card{position:absolute;right:30px;bottom:-48px;width:351px;padding:30px 24px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;background:var(--card-navy);border-radius:16px;box-shadow:rgb(120,120,120) 0px 0px 15px 1px;}
.about-card-name{font-weight:400;font-size:14px;line-height:19.6px;font-family:var(--font-heading);letter-spacing:2.8px;color:var(--cream);}
.about-card-name strong{font-weight:700;font-size:14px;line-height:19.6px;font-family:var(--font-body);letter-spacing:2.8px;color:var(--accent);}
.about-card-quote{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--white);}
.about-card-quote .brand{color:var(--accent);}
.pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;background:var(--white);border-radius:200px;font-weight:600;font-size:14px;line-height:14px;font-family:var(--font-ui);color:var(--navy);}
.about-text{flex:1 0 0;padding-top:50px;}
.about-content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}

/* ===== "Geen bureau" (What we power) ===== */
.power{background:var(--offwhite);}
.power .container{display:flex;flex-direction:column;gap:60px;}
.power-head{display:flex;justify-content:space-between;align-items:flex-end;}
.power-head-left{flex:1 0 0;display:flex;flex-direction:column;gap:28px;align-items:flex-start;}
.power-head-left h2{text-wrap:balance;}
.power-head>p{flex:1 0 0;max-width:500px;color:var(--body-gray);}
.power-media{display:flex;flex-direction:column;gap:60px;align-items:center;}
.power-media>img{width:100%;height:560px;object-fit:cover;object-position:49.8% 57%;}
.usp-row{width:100%;display:flex;gap:50px;align-items:flex-start;}
.usp{flex:1 0 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.usp-ico{width:24px;height:24px;border-radius:60px;background:var(--accent);display:flex;align-items:center;justify-content:center;}
.usp-ico svg{width:10px;height:7px;display:block;}
.usp-body{display:flex;flex-direction:column;gap:8px;}
.usp-body h3{font-weight:500;font-size:24px;line-height:28.8px;font-family:var(--font-heading);letter-spacing:-.72px;color:var(--ink);}
.usp-body p{color:var(--muted);}

/* ===== Diensten (navy, zigzag) ===== */
.diensten{position:relative;background:var(--navy);color:var(--white);}
.diensten .container{position:relative;z-index:1;display:flex;flex-direction:column;gap:64px;}
.diensten-head{max-width:606px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.dienst-list{display:flex;flex-direction:column;gap:100px;align-items:center;overflow:hidden;}
.dienst{width:100%;display:flex;gap:50px;align-items:center;}
.dienst>:first-child{width:45%;flex:0 0 auto;}
.dienst>:last-child{flex:1 0 0;}
.dienst.is-reverse{flex-direction:row-reverse;}
.dienst.is-reverse>:first-child{width:auto;flex:1 0 0;}
.dienst.is-reverse>:last-child{width:45%;flex:0 0 auto;}
.dienst-img{height:612px;border-radius:12px;overflow:hidden;}
.dienst-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
.dienst-body{display:flex;flex-direction:column;gap:32px;align-items:flex-start;}
.dienst-content{display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.dienst-content p{color:var(--checklist-gray);}
.dienst-checks{display:flex;flex-direction:column;gap:20px;}
.dienst-checks li{display:flex;gap:20px;align-items:flex-start;color:var(--checklist-gray);}
.dienst-checks img{width:24px;height:24px;flex:0 0 auto;object-fit:contain;}
.dienst-btns{display:flex;gap:10px;align-items:center;}
.bg-circle{position:absolute;top:-608px;right:-515px;width:1031px;height:1031px;z-index:0;}
.bg-circle svg{width:100%;height:100%;display:block;}

/* ===== Cases (Projects) ===== */
.projects{background:var(--offwhite);overflow:visible;}
.projects .container{display:flex;flex-direction:column;gap:50px;}
.projects-head{display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;}
.projects-head-left{max-width:606px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.projects-head-left h2{width:468px;}
.see-all{display:flex;align-items:center;height:24px;font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);}
.case-list{width:100%;display:flex;flex-direction:column;gap:50px;align-items:center;}
.case-card{width:100%;height:390px;padding:20px;display:flex;gap:40px;align-items:center;background:var(--white);border-radius:16px;box-shadow:rgba(0,0,0,.2) 0px 4px 24px -20px;position:sticky;top:100px;}
.case-card::after{content:"";position:absolute;inset:0;border:2px solid #DCC7E2;border-radius:16px;pointer-events:none;}
.case-body{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:50px;align-items:flex-start;}
.case-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.case-copy h3{color:var(--ink);}
.case-copy p{color:var(--muted);white-space:pre-wrap;}
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
.tag{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;background:var(--offwhite);border-radius:99px;font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);white-space:nowrap;}
.tag svg{width:16px;height:16px;display:block;flex:0 0 auto;}
.tag svg.ico-20{width:20px;height:20px;}
.case-media{position:relative;width:44%;height:350px;flex:0 0 auto;}
.slides{position:absolute;inset:0;overflow:hidden;border-radius:12px;}
.slides ul{display:flex;gap:10px;height:100%;transition:transform .6s ease;}
.slides li{flex:0 0 100%;height:100%;}
.slides img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;border-radius:12px;}
.car-controls{position:absolute;inset:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;}
.car-btn{width:40px;height:40px;border-radius:40px;background:rgba(0,0,0,.2);overflow:hidden;pointer-events:auto;}
.car-btn img{width:40px;height:40px;}
.dots{position:absolute;bottom:10px;left:50%;transform:translateX(-45px);width:90px;height:30px;border-radius:50px;background:rgba(0,0,0,.2);display:flex;overflow:hidden;}
.dots button{display:flex;align-items:center;justify-content:center;padding:10px 5px;}
.dots button:first-child{padding-left:10px;}
.dots button:last-child{padding-right:10px;}
.dot{width:10px;height:10px;border-radius:50%;background:var(--white);opacity:.5;display:block;}
.dot.is-active{opacity:1;}

/* ===== BrandBuddy ===== */
.brandbuddy{background:var(--grey-bg);}
.brandbuddy .container{position:relative;display:flex;gap:85px;align-items:center;justify-content:center;}
.bb-text{flex:1 0 0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.bb-content{width:531px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.bb-content .rich{color:var(--body-gray);padding-bottom:29.25px;}
.bb-visual{position:relative;width:500px;height:620px;flex:0 0 auto;}
.bb-main{position:absolute;top:46px;right:0;bottom:109px;left:149px;border-radius:8px;overflow:hidden;box-shadow:rgba(0,0,0,.25) 0px 1px 25px 2px;}
.bb-main img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.bb-badge{position:absolute;left:calc(96.636% - 28.5px);top:51.48px;width:57px;height:57px;overflow:clip;}
.bb-badge img{width:100%;height:100%;object-fit:cover;}
.bb-small{position:absolute;left:13px;top:374px;width:300px;height:244px;border-radius:8px;box-shadow:rgb(150,150,150) 8px 0px 30px 0px;}
.bb-small img{width:100%;height:100%;object-fit:cover;border-radius:8px;}

/* ===== Reviews ===== */
.reviews{background:var(--offwhite);}
.reviews .container{display:flex;flex-direction:column;gap:50px;}
.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;}
.reviews-head-left{flex:1 0 0;max-width:606px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.badges{display:flex;gap:8px;align-items:center;}
.badges img{border-radius:8px;object-fit:contain;}
.badge-tp{width:129px;height:52px;}
.badge-g{width:160px;height:53px;}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:hidden;}
.review{height:400px;padding:20px;background:var(--white);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.review-top{width:100%;display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.quote{width:41px;height:41px;display:block;color:var(--ink);}
.review-top p{color:var(--intro-p);}
.stars{width:142px;height:20px;display:block;}
.reviewer{width:100%;display:flex;gap:12px;align-items:center;}
.reviewer img{width:60px;height:60px;border-radius:12px;object-fit:fill;}
.reviewer-info{flex:1 0 0;display:flex;flex-direction:column;gap:4px;}
.reviewer-info strong{font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--intro-p);}
.reviewer-info span{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--muted);}
.review--video{position:relative;overflow:hidden;justify-content:flex-end;gap:100px;}
.review--video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.review--video .overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 66%,rgb(0,0,0) 91%);}
.video-row{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;}
.video-meta{flex:1 0 0;display:flex;flex-direction:column;gap:12px;}
.video-meta .info{display:flex;flex-direction:column;gap:8px;}
.video-meta strong{font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--white);}
.video-meta span{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--offwhite);}
.play{width:50px;height:50px;border-radius:50px;background:rgba(255,255,255,.4);padding:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;}
.play img{width:24px;height:24px;object-fit:contain;}
.review--video.is-playing .play,.review--video.is-playing .overlay{opacity:0;pointer-events:none;}

/* ===== CTA ===== */
.cta-sec{padding:50px;overflow:hidden;}
.cta{position:relative;width:100%;max-width:1300px;margin-inline:auto;border-radius:12px;overflow:hidden;padding:100px 50px 50px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--white);}
.cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:12px;z-index:0;}
.cta-overlay{position:absolute;inset:0;background:rgba(5,5,5,.4);z-index:1;}
.cta-row{position:relative;z-index:2;width:100%;display:flex;gap:34px;align-items:flex-end;justify-content:center;}
.cta-row>*{flex:1 0 0;}
.cta-right{display:flex;flex-direction:column;gap:32px;align-items:flex-start;}
.cta-right p{color:var(--white);}
.cta-btns{display:flex;gap:16px;align-items:center;}

/* ===== FAQ ===== */
.faq{background:var(--grey-bg);padding:50px;overflow:hidden;display:flex;flex-direction:column;align-items:center;}
.faq-inner{width:100%;max-width:816px;display:flex;flex-direction:column;gap:50px;align-items:center;}
.faq-head{max-width:726px;display:flex;flex-direction:column;gap:20px;align-items:center;}
.faq-head h2{text-align:center;}
.faq-list{width:100%;display:flex;flex-direction:column;gap:8px;padding-bottom:8px;}
.faq-item{background:var(--white);border-radius:10px;display:flex;flex-direction:column;}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;text-align:left;}
.faq-q-text{flex:1 0 0;max-width:90%;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--ink);}
.faq-ico{position:relative;width:24px;height:24px;flex:0 0 auto;overflow:hidden;transition:transform .3s ease;}
.faq-ico i{position:absolute;top:11px;right:3px;bottom:11px;left:3px;background:var(--ink);border-radius:7.5px;}
.faq-ico i+i{transform:rotate(-90deg);}
.faq-item.is-open .faq-ico{transform:rotate(135deg);}
.faq-a{display:none;padding:0 20px 16px;}
.faq-item.is-open .faq-a{display:block;}
.faq-a>div{max-width:90%;}
.faq-a p{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--muted);white-space:pre-wrap;}
.faq-foot{width:100%;display:flex;gap:24px;align-items:center;}
.faq-foot .btn{flex:0 0 auto;}
.faq-foot p{flex:1 1 0;min-width:0;}
.faq-foot i{width:1px;height:40px;background:var(--faq-divider);flex:0 0 auto;}
.faq-foot p{color:var(--muted);}
/* Bedankt-pagina: zelfde FAQ-component in een offwhite kaart (gemeten: sectie 150/50/100, kaart padding 50 radius 16) */
.faq--bedankt{background:var(--offwhite);padding:150px 50px 100px;}
.faq--bedankt .faq-inner{padding:50px;border-radius:16px;background:var(--offwhite);}
.faq--bedankt .faq-list{padding-bottom:0;}

/* ===== Footer ===== */
.footer{background:var(--navy);color:var(--white);padding:100px 0 50px;display:flex;flex-direction:column;align-items:center;overflow:hidden;}
.footer-inner{width:100%;max-width:1200px;padding:0 50px;display:flex;flex-direction:column;gap:50px;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;}
.footer-col1{width:307px;display:flex;flex-direction:column;gap:31px;}
.footer-brand{display:flex;flex-direction:column;gap:20px;}
.footer-logo{display:block;width:133px;height:46px;overflow:hidden;}
.footer-logo img{width:100%;height:100%;object-fit:contain;}
.footer-brand p{color:var(--checklist-gray);}
.footer-form{display:flex;flex-direction:column;gap:20px;}
.newsletter{display:flex;flex-direction:column;gap:10px;overflow:hidden;}
.newsletter .field{height:46px;background:var(--white);border-radius:8px;padding:16px;display:flex;align-items:center;}
.newsletter input{flex:1 1 0;min-width:0;height:14px;border:0;outline:0;padding:0;margin:0;background:transparent;font-weight:400;font-size:16px;line-height:19.2px;font-family:var(--font-ui);color:#151515;}
.newsletter input::placeholder{color:var(--muted);}
.newsletter button{width:100%;height:46px;padding:0;gap:0;border-radius:8px;justify-content:center;}
.newsletter button::after{display:none;}
.privacy-note{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--checklist-gray);}
.privacy-note a{color:var(--white);text-decoration:underline;}
.privacy-note a[aria-current="page"]{color:var(--accent);}
.footer-cols{display:flex;gap:89px;justify-content:flex-end;align-items:flex-start;}
.footer-col{display:flex;flex-direction:column;gap:20px;}
.footer-col h4{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--white);}
.footer-col ul{display:flex;flex-direction:column;gap:12px;}
.footer-col a{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--checklist-gray);}
.footer-divider{width:100%;height:1px;background:var(--divider);}
.footer-bottom{height:36px;display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{color:var(--checklist-gray);}
.footer-social{display:flex;align-items:center;gap:20px;}
.footer-social>span{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--checklist-gray);}
.social-list{display:flex;gap:8px;align-items:center;}
.social-icon{width:36px;height:36px;border-radius:100px;background:var(--offwhite);display:flex;align-items:center;justify-content:center;}
.social-icon svg{width:16px;height:16px;display:block;fill:var(--ink);}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ===== Gradient-hero (gemeten op 404 en juridisch: container inset 8px, radius 12, padding 150/50/100, "Top Lines"-beeld top -120 hoog 454) ===== */
body.bg-offwhite{background:var(--offwhite);}
.ghero{padding:8px;overflow:hidden;--ghero-from:var(--navy);--ghero-to:rgb(0,255,171);}
.ghero--groen{--ghero-from:rgb(20,58,43);}
.ghero-box{position:relative;overflow:hidden;border-radius:12px;padding:150px 50px 100px;background:linear-gradient(var(--ghero-from) 49%,var(--ghero-to) 145%);display:flex;flex-direction:column;align-items:center;}
.ghero-content{position:relative;z-index:1;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;}
.ghero-title{width:100%;color:var(--white);text-align:center;}
.ghero-sub{color:var(--checklist-gray);text-align:center;}
.ghero-lines{position:absolute;top:-120px;left:0;width:100%;height:454px;object-fit:fill;}
.ghero--blog{--ghero-to:rgb(0,0,0);}
.ghero--blog .ghero-box{padding:72px 50px 100px;}
.ghero--blog .ghero-content{gap:20px;}
.ghero--blog .ghero-sub{color:var(--offwhite);}
.h1-md{font-weight:600;font-size:64px;line-height:64px;font-family:var(--font-heading);letter-spacing:-2.56px;}
.err-stack{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:50px;}
.err-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.err-code{font-weight:600;font-size:128px;line-height:128px;letter-spacing:-5.12px;color:var(--white);}
.err-content p{color:var(--white);text-align:center;}

/* ===== Juridisch (gemeten: offwhite, padding 80/20, kolom max 900 (tablet 700), Framer-richtext: blokken zonder marge, lijstnummers als ::before) ===== */
.legal{background:var(--offwhite);padding:80px 20px;overflow:hidden;display:flex;justify-content:center;}
.legal-col{width:100%;max-width:900px;color:var(--navy);}
.rt{white-space:pre-wrap;overflow-wrap:break-word;}
.rt p,.rt ol,.rt ul,.rt h2,.rt h3,.rt h4{margin:0;padding:0;}
.rt ol,.rt ul{position:relative;list-style:none;}
.rt li{position:relative;counter-increment:list-item;padding-inline-start:2ch;}
.rt ol>li{padding-inline-start:calc((var(--d,1) + 1)*1ch);}
.rt ol>li::before{content:counter(list-item) ".";font-variant-numeric:tabular-nums;position:absolute;inset-inline-start:0;}
.rt ul>li::before{content:"‚2";position:absolute;inset-inline-start:0;}

/* ===== Blogkaarten (gemeten op /blog: sectie 50, wrap 1300 gap 50; liggend 640x360 beeld 40%, staand 420x603 beeld vult) ===== */
.bk-sec{padding:50px;overflow:hidden;display:flex;flex-direction:column;align-items:center;}
.bk-wrap{width:100%;max-width:1300px;display:flex;flex-direction:column;gap:50px;align-items:flex-start;}
.bk-row{display:flex;gap:20px;width:100%;align-items:flex-start;}
.bk-row>.bk{flex:1 0 0;}
.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;align-items:start;}
.bk{position:relative;display:flex;background:var(--white);border-radius:12px;overflow:hidden;color:var(--ink);}
.bk::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:12px;pointer-events:none;}
.bk--h{flex-direction:row;align-items:center;height:360px;}
.bk--h .bk-img{width:40%;flex:0 0 auto;height:100%;}
.bk--h .bk-details{flex:1 0 0;justify-content:center;padding:24px;}
.bk--h .bk-text{max-width:90%;}
.bk--v{flex-direction:column;height:603px;}
.bk--v .bk-img{flex:1 0 0;width:100%;min-height:0;}
.bk--v .bk-details{flex:0 0 auto;padding:20px;}
.bk-img{overflow:hidden;}
.bk-img img{width:100%;height:100%;object-fit:cover;}
.bk-details{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;}
.bk-meta{display:flex;align-items:center;gap:16px;width:100%;}
.bk-tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--ink);border-radius:100px;color:var(--white);font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);}
.bk-time{display:flex;align-items:center;gap:4px;flex:1 0 0;min-width:0;}
.bk-time>span{flex:0 0 auto;white-space:nowrap;}
.bk-time{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);}
.bk-text{display:flex;flex-direction:column;gap:8px;width:100%;}
.bk-title{font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--ink);}
.bk-excerpt{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--muted);}
.bk-author{display:flex;align-items:center;gap:15px;width:100%;}
.bk-avatar{width:55px;height:55px;border-radius:100%;object-fit:cover;object-position:50% 0%;flex:0 0 auto;}
.bk-name{display:flex;flex-direction:column;gap:4px;flex:1 0 0;}
.bk-name-t{font-weight:500;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--ink);}
.bk-date{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--muted);}

/* ===== Dienst-template (gemeten op /conversieoptimalisatie) ===== */
.page{background:var(--white);}
.pagemain{position:relative;background:var(--offwhite);}
.w1200{width:100%;max-width:1200px;margin:0 auto;}
.wit{color:var(--white);}
.accent{color:var(--accent);}
.lila{color:var(--faq-divider);}
.zwart{color:#000;}
.grijs{color:var(--checklist-gray);}
.offwit{color:var(--offwhite);}
.muted{color:var(--muted);}
.slate{color:rgb(58,66,88);}
.eyebrow>i.lila{background:var(--faq-divider);}
.eyebrow>i.accent{background:var(--accent);}

.h2-inter{font-weight:700;font-size:54px;line-height:62.1px;font-family:var(--font-body);letter-spacing:-1.08px;color:var(--navy);}
.letters .ltr{display:inline-block;}
.appear{opacity:0;transform:perspective(1200px) translateY(32px);transition:opacity .6s ease,transform .6s ease;}
.appear.is-in{opacity:1;transform:perspective(1200px) translateY(0);}
/* decoratieve blobs (blur), absoluut t.o.v. de pagina onder de nav */
.blob{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;}
.blob i{display:block;flex:0 0 auto;width:288px;height:288px;background-size:100% 100%;background-image:url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 288 288%22 overflow=%22visible%22><path d=%22M 144 0 C 223.529 0 288 64.471 288 144 C 288 223.529 223.529 288 144 288 C 64.471 288 0 223.529 0 144 C 0 64.471 64.471 0 144 0 Z%22 fill=%22rgba(0, 255, 171, 0.2)%22></path></svg>');}
.blob--hero{top:735px;left:0;width:170px;height:299px;filter:blur(64px);z-index:10;}
.blob--herken{top:1217px;right:8px;width:203px;height:868px;filter:blur(62px);z-index:1;}
.blob--herken i{background-image:url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 288 288%22 overflow=%22visible%22><path d=%22M 144 0 C 223.529 0 288 64.471 288 144 C 288 223.529 223.529 288 144 288 C 64.471 288 0 223.529 0 144 C 0 64.471 64.471 0 144 0 Z%22 fill=%22rgba(0, 255, 171, 0.1)%22></path></svg>');}
/* hero */
.dh{position:relative;padding:8px 0;overflow:hidden;}
.dh-box{min-height:var(--hh,839px);padding:var(--hpad,100px 50px 20px);display:flex;flex-direction:column;align-items:center;gap:var(--hgap,80px);overflow:hidden;border-radius:0 0 12px 12px;background:linear-gradient(rgb(20,33,59) 49%,rgb(0,255,171) 145%);}
.dh-stack{width:100%;max-width:1000px;flex:0 0 auto;display:flex;flex-direction:var(--sdir,row);justify-content:var(--sjc,center);align-items:var(--sai,flex-end);padding:var(--spad,0);gap:var(--sgap,0);}
.dh-content{width:var(--cw,523px);min-height:var(--ch,auto);flex:0 0 auto;display:flex;flex-direction:column;gap:20px;padding-bottom:var(--cpb,50px);align-items:flex-start;}
.dh-title{width:var(--h1w,100%);font-weight:700;font-size:56px;line-height:58.8px;font-family:var(--font-heading);letter-spacing:-1.68px;color:var(--white);text-align:left;}
.dh-title.accent{color:var(--accent);}
.navy{color:var(--navy);}
.ink{color:var(--ink);}
.h2-inter.accent,.h2-inter.lila,.h2-inter.wit{color:inherit;}
.h2-inter.accent{color:var(--accent);}
.h2-inter.lila{color:var(--faq-divider);}
.h2-inter.wit{color:var(--white);}
.da-title.wit{color:var(--white);}
.da-title.accent{color:var(--accent);}
.dh-side{flex:0 0 auto;width:var(--sw,477px);min-width:0;display:flex;flex-direction:column;align-items:var(--side-ai,center);justify-content:var(--side-jc,center);gap:32px;}
.dh-text{width:var(--pw,471px);flex:0 0 auto;color:var(--checklist-gray);}
.dh-btns{display:flex;flex-direction:var(--ctadir,row);gap:var(--ctagap,16px);align-items:center;}
.btn--donker{gap:8px;}
.btn-ico--donker{width:20px;height:20px;background:var(--navy);border-radius:2px;display:flex;align-items:center;justify-content:center;}
.btn-ico--donker svg{position:static;width:18px;height:18px;display:block;}
.btn-ico--std{display:none;}
.btn--pad24{padding:8px 24px;}
.ticker{width:100%;height:var(--tickh,292px);flex:0 0 auto;overflow:hidden;display:var(--tick,flex);align-items:center;}
.ticker ul{display:flex;align-items:center;gap:20px;flex:0 0 auto;animation:ticker 61s linear infinite;}
.ticker li{flex:0 0 auto;width:285px;height:var(--tickh,292px);}
.ticker img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-1525px);}}
/* herken je dit */
.dk{width:100%;max-width:1200px;margin:0 auto;padding:100px 50px;display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;background:linear-gradient(rgb(251,251,251) 0%,rgb(255,255,255) 100%);}
.dk-head{width:100%;max-width:1300px;display:flex;justify-content:space-between;align-items:flex-end;}
.dk-content{width:var(--h2w,599px);max-width:100%;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.dk-content h2{max-width:var(--h2max,834px);}
.dk-text{flex:1 0 0;max-width:var(--pmax,500px);font-weight:400;font-size:16px;line-height:26px;font-family:var(--font-body);letter-spacing:-.32px;color:rgb(58,66,88);}
.dk-grid{width:100%;max-width:1310px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:10px;overflow:hidden;align-items:stretch;}
.dk-card{position:relative;display:flex;flex-direction:column;gap:40px;padding:32px;background:var(--white);border-radius:24px;box-shadow:rgba(0,0,0,.02) 0 4px 50px 4px;overflow:hidden;}
.dk-mark{position:absolute;left:16px;bottom:-1px;width:3px;height:8px;background:var(--accent);opacity:0;}
.dk-iconbox{position:absolute;top:22px;left:32px;width:56px;height:56px;background:rgb(22,33,58);border-radius:16px;box-shadow:rgba(168,240,208,.98) 0 0 2px 2px,rgba(0,0,0,.25) 0 2px 4px 0;}
.dk-icon{position:absolute;top:34px;left:44px;width:31px;height:31px;object-fit:contain;z-index:1;}
.dk-body{display:flex;flex-direction:column;gap:8px;padding-top:70px;width:100%;}
.dk-title{font-weight:600;font-size:20px;line-height:26px;font-family:var(--font-body);letter-spacing:-.2px;color:rgb(22,33,58);}
.dk-p{font-weight:400;font-size:15px;line-height:19.5px;font-family:var(--font-heading);letter-spacing:-.15px;color:rgb(58,66,88);}
/* waarom */
.dw{padding:var(--dwpad,100px 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:clip;background:linear-gradient(rgb(251,251,251) 0%,rgb(255,255,255) 100%);}
.dw-inner{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dw-col{flex:1 0 0;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:flex-start;}
.dw-title{width:100%;max-width:var(--h2w,540px);}
.dw-text{width:100%;max-width:var(--pw,597px);color:var(--navy);text-wrap:balance;}
.dw-item{width:88%;display:flex;gap:20px;align-items:flex-start;}
.dw-item img{width:24px;height:24px;flex:0 0 auto;object-fit:contain;}
.dw-item p{flex:1 0 0;color:inherit;}
.dw-item{color:var(--navy);}
.dw-item.zwart{color:#000;}
.dw-item strong{font-weight:500;}
.dw-img{position:relative;width:var(--imgw,461px);flex:0 0 auto;align-self:stretch;border-radius:32px;overflow:hidden;}
.dw-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px;}
/* aanpak / tijdlijn */
.da{padding:100px 50px;display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;background:radial-gradient(50% 50%,rgb(51,60,94) 0%,rgb(23,27,43) 100%);}
.da-head{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;}
.da-content{width:var(--cw,700px);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;}
.da-title{color:var(--accent);text-align:center;max-width:800px;}
.da-text{width:var(--pw,653px);max-width:100%;text-align:center;color:var(--checklist-gray);}
.tl{font-feature-settings:normal;width:100%;max-width:1200px;padding:57px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;}
.tl-row{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:48px;overflow:hidden;}
.tl-row:nth-child(even){flex-direction:row-reverse;}
.tl-row:nth-child(3){height:400px;}
.tl-row:nth-child(4){height:350px;}
.tl-row:nth-child(4) .tl-bar-wrap{min-height:400px;}
.tl-blank{flex:1 0 0;max-width:610px;min-height:385px;}
.tl-row:nth-child(3) .tl-blank{min-height:0;}
.tl-bar-wrap{width:100px;flex:0 0 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;}
.tl-nr{font-weight:700;font-size:64px;line-height:76.8px;font-family:var(--font-body);letter-spacing:-.5px;color:var(--white);opacity:.05;}
.tl-bar{position:relative;width:3px;flex:1 0 0;background:rgba(255,255,255,.05);overflow:hidden;}
.tl-fill{position:absolute;left:0;right:0;top:0;height:100%;background:var(--accent);transform:translateY(-100%);visibility:hidden;}
.tl-text{flex:1 0 0;max-width:610px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding-bottom:128px;overflow:hidden;}
.tl-row:nth-child(n+3) .tl-text{padding-bottom:0;}
.tl-head{display:flex;flex-direction:column;gap:4px;width:100%;overflow:hidden;}
.tl-label{font-weight:400;font-size:12px;line-height:18px;font-family:var(--font-body);letter-spacing:.5px;color:rgb(2,222,149);}
.tl-h{font-weight:600;font-size:36px;line-height:54px;font-family:var(--font-body);letter-spacing:-.5px;color:var(--white);}
.tl-p{font-weight:400;font-size:16px;line-height:24px;font-family:var(--font-body);letter-spacing:0;color:rgb(171,171,186);}
/* partner + klanten */
.dp{padding:var(--dp-pt,100px) 50px 110px 100px;display:flex;flex-direction:column;align-items:center;gap:19px;overflow:hidden;background:var(--offwhite);}
.dp-title{text-align:center;}
.dp-row{width:100%;max-width:1200px;display:flex;gap:50px;padding-top:50px;align-items:flex-start;}
.dp-card{flex:1 0 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.dp-icon{width:48px;height:48px;border-radius:60px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.dp-icon i{display:block;width:24px;height:24px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 0 7.5 L 6 13.5 L 15 0\" fill=\"transparent\" height=\"13.5px\" id=\"FQkWEb0p5\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" stroke=\"var(--szd5nr, black)\" transform=\"translate(4.5 5.25)\" width=\"15px\"/></svg>");mask:url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 0 7.5 L 6 13.5 L 15 0\" fill=\"transparent\" height=\"13.5px\" id=\"FQkWEb0p5\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" stroke=\"var(--szd5nr, black)\" transform=\"translate(4.5 5.25)\" width=\"15px\"/></svg>");}
.dp-body{display:flex;flex-direction:column;gap:8px;width:100%;}
.dp-h{font-weight:500;font-size:24px;line-height:28.8px;font-family:var(--font-heading);letter-spacing:-.72px;color:var(--ink);}
.dp-p{color:var(--muted);}
.dkl{height:100px;padding:50px 0;display:flex;align-items:center;justify-content:center;overflow:clip;}
.dkl-logos{height:185px;padding:0 20px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;}
.dkl-inner{width:100%;max-width:1300px;opacity:.3;}
.marquee--klanten ul{animation:marquee7 55.5s linear infinite;}
.marquee--klanten img{width:100px;}
@keyframes marquee7{from{transform:translateX(0);}to{transform:translateX(-1388.3px);}}
/* lokale resultaten (alleen lokale-lp) */
.dr{width:100%;max-width:1200px;margin:0 auto;padding:100px 50px;display:flex;flex-direction:column;align-items:flex-start;gap:19px;overflow:hidden;background:var(--offwhite);}
.dr-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;width:100%;overflow:clip;}
.dr-title{width:450px;max-width:100%;font-weight:600;font-size:32px;line-height:35.2px;font-family:var(--font-heading);letter-spacing:-1.28px;color:var(--navy);}
.dr-text{width:658px;max-width:100%;font-weight:300;font-size:14px;line-height:22.75px;font-family:var(--font-heading);letter-spacing:-.28px;color:var(--navy);}
.dr-row{width:100%;max-width:1200px;display:flex;gap:40px;padding-top:40px;align-items:flex-start;}
.dr-card{flex:1 0 0;display:flex;flex-direction:column;align-items:center;background:var(--white);border-radius:16px;box-shadow:rgba(0,0,4,.06) 0 1px 6px 1px;overflow:hidden;}
.dr-img{width:100%;height:190px;object-fit:cover;flex:0 0 auto;}
.dr-meta{width:100%;display:flex;align-items:flex-start;gap:6px;padding:24px 24px 16px;}
.dr-tag{display:flex;align-items:center;padding:3px 8px;background:var(--cream);border-radius:60px;overflow:clip;font-weight:500;font-size:11px;line-height:11px;font-family:var(--font-heading);letter-spacing:-.22px;color:rgba(23,27,43,.71);}
.dr-dot{position:relative;display:block;width:16px;height:12px;min-height:12px;padding:2px 8px;overflow:hidden;}
.dr-dot i{position:absolute;top:-7px;left:8px;transform:translateX(-2.1875px);font-weight:500;font-size:18px;line-height:18px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--navy);}
.dr-cat{display:flex;align-items:center;padding:3px 0;border-radius:60px;overflow:hidden;font-weight:500;font-size:11px;line-height:11px;font-family:var(--font-heading);letter-spacing:-.22px;color:var(--muted);}
.dr-name{width:100%;display:flex;padding-left:24px;}
.dr-name span{display:flex;align-items:center;padding-bottom:16px;overflow:hidden;font-weight:500;font-size:16px;line-height:16px;font-family:var(--font-heading);letter-spacing:-.32px;color:rgb(26,26,26);}
.dr-line{display:block;width:90%;height:1px;background:rgb(217,217,217);flex:0 0 auto;}
.dr-stat{width:100%;display:flex;padding-left:24px;}
.dr-stat-inner{flex:1 0 0;display:flex;align-items:center;gap:10px;padding:16px 0;overflow:hidden;}
.dr-ico{display:block;width:16px;height:16px;flex:0 0 auto;background:rgb(63,174,140);-webkit-mask:url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 22 0 L 12 10 L 7 5 L 0 12 M 15 0 L 22 0 L 22 7\" fill=\"transparent\" height=\"12px\" id=\"n8qk2dfOn\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke=\"var(--1df8v9o, rgb(0,0,0))\" transform=\"translate(1 6)\" width=\"22px\"/></svg>");mask:url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 22 0 L 12 10 L 7 5 L 0 12 M 15 0 L 22 0 L 22 7\" fill=\"transparent\" height=\"12px\" id=\"n8qk2dfOn\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke=\"var(--1df8v9o, rgb(0,0,0))\" transform=\"translate(1 6)\" width=\"22px\"/></svg>");}
.dr-stat-col{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;gap:1px;overflow:clip;}
.dr-nr{font-weight:700;font-size:18px;line-height:18px;font-family:var(--font-heading);letter-spacing:0;color:rgb(57,158,128);}
.dr-lbl{font-weight:300;font-size:11px;line-height:11px;font-family:var(--font-heading);letter-spacing:-.22px;color:rgb(26,26,26);}
.dr-foot{width:100%;display:flex;padding-left:24px;}
.dr-foot span{display:block;width:73px;min-height:11px;height:11px;}
/* FAQ-variant op de dienstpagina's: geen vlak, knop-tekst-streep */
.faq--dienst{background:none;padding:50px 50px 100px;}
.faq--dienst .faq-foot p{order:2;}
.faq--dienst .faq-foot i{order:3;}
/* quickscan-blok */
.qs{display:flex;justify-content:center;align-items:center;gap:35px;padding:100px 50px 20px;background:linear-gradient(rgb(0,255,171) -63%,rgb(23,27,43) 24.7748%);}
.qs-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:530.5px 530.5px;grid-template-rows:1fr 1fr;column-gap:39px;row-gap:0;overflow:hidden;}
.qs-content{width:488px;max-width:100%;display:flex;flex-direction:column;gap:20px;align-items:flex-start;align-self:start;}
.qs-title{color:var(--white);max-width:800px;}
.qs-p{color:var(--offwhite);text-align:left;}
.qs-form{grid-column:2;grid-row:1/3;align-self:start;display:flex;flex-direction:column;gap:20px;padding:34px;background:var(--white);border-radius:12px;overflow:hidden;}
.qs-form-title{font-weight:600;font-size:28px;line-height:30.8px;font-family:var(--font-heading);letter-spacing:-1.12px;color:var(--navy);max-width:800px;}
.qs-field{display:flex;flex-direction:column;gap:10px;width:100%;}
.qs-field>span:first-child{color:var(--muted);}
.qs-input{position:relative;display:flex;align-items:center;height:50px;border-radius:8px;overflow:hidden;padding:0 16px;}
.qs-input::after{content:"";position:absolute;inset:0;border:1px solid var(--faq-divider);border-radius:8px;pointer-events:none;}
.qs-input input,.qs-input select{flex:1;min-width:0;border:0;background:none;font-weight:400;font-size:16px;line-height:19.2px;font-family:var(--font-ui);color:var(--muted);appearance:none;outline:none;}
.qs-input input::placeholder{color:rgb(181,181,181);}
.qs-select::before{content:"";order:2;width:16px;height:16px;flex:0 0 auto;margin-left:10px;background-color:rgb(153,153,153);-webkit-mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22><path d=%22M 3.5 6 L 8 10.5 L 12.5 6%22 fill=%22transparent%22 stroke-width=%221.5%22 stroke=%22rgb(153, 153, 153)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/></svg>") center/16px no-repeat;mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22><path d=%22M 3.5 6 L 8 10.5 L 12.5 6%22 fill=%22transparent%22 stroke-width=%221.5%22 stroke=%22rgb(153, 153, 153)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/></svg>") center/16px no-repeat;}
.qs-submit{height:54px;border-radius:8px;background:var(--accent);color:var(--ink);font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);display:flex;align-items:center;justify-content:center;width:100%;}
.qs-side{grid-column:1;grid-row:2;align-self:start;width:457px;display:flex;flex-direction:column;gap:10px;}
.qs-contact{display:flex;flex-direction:column;gap:24px;width:100%;}
.qs-row{display:flex;gap:16px;align-items:flex-start;border-radius:12px;box-shadow:rgba(0,0,0,.02) 0 4px 50px 4px;color:var(--white);}
.qs-row img{width:24px;height:24px;flex:0 0 auto;object-fit:contain;}
.qs-row-body{flex:1 0 0;display:flex;flex-direction:column;gap:8px;}
.qs-row-body .text-md{color:var(--accent);}
.qs-val{font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--white);}
.qs-val.u{text-decoration:underline;}
.qs-badges{width:500px;height:120px;padding:30px 15px 0;display:flex;align-items:flex-end;gap:10px;overflow:clip;}
.qs-tp{width:200px;height:90px;border-radius:8px;object-fit:contain;flex:0 0 auto;}
.qs-g{display:block;width:252px;height:91px;border-radius:8px;overflow:hidden;flex:0 0 auto;}
.qs-g img{width:100%;height:100%;object-fit:contain;border-radius:8px;}

/* ===== Case-detail (gemeten op /projects/case-opkoper) ===== */
.ch{position:relative;overflow:hidden;}
.ch-pattern{position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22126%22 height=%22126%22><path id=%22a%22 d=%22M126 0v21.584L21.584 126H0v-17.585L108.415 0H126Zm0 108.414V126h-17.586L126 108.414Zm0-84v39.171L63.585 126H24.414L126 24.414Zm0 42v39.17L105.584 126h-39.17L126 66.414ZM105.586 0 0 105.586V66.415L66.415 0h39.171Zm-42 0L0 63.586V24.415L24.415 0h39.171Zm-42 0L0 21.586V0h21.586Z%22 fill=%22rgb(136, 136, 136, 0.2)%22 fill-rule=%22evenodd%22/></svg>');background-repeat:repeat;background-position:left top;background-size:64px auto;}
.ch-box{position:relative;overflow:hidden;border-radius:12px;padding:180px 50px 100px;background:linear-gradient(rgb(20,59,43) 44.5946%,rgb(0,255,171) 100%);display:flex;flex-direction:column;align-items:center;}
.ch-content{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:24px;}
.ch-tags{display:flex;gap:8px;align-items:flex-start;}
.tag img{width:20px;height:20px;display:block;flex:0 0 auto;object-fit:contain;}
.ch-title{width:100%;color:var(--white);text-align:center;max-width:800px;}
.ch-text{color:var(--offwhite);text-align:center;}
.ch-lines{position:absolute;top:-120px;left:0;width:100%;height:454px;object-fit:fill;}
.ch-photo{position:absolute;top:0;left:0;right:-8px;bottom:-123px;opacity:.08;}
.ch-photo img{width:100%;height:100%;object-fit:cover;}
.cg{padding:40px 20px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;overflow:hidden;}
.cg-inner{width:100%;max-width:1300px;}
.cg{--tickh:342px;--tickh-t:342px;--tickh-p:355px;}
.ticker--case img{border-radius:10px;}
.ticker--case ul{animation:tickercase 48.8s linear infinite;}
@keyframes tickercase{from{transform:translateX(0);}to{transform:translateX(-1220px);}}
.cc{display:flex;flex-direction:column;align-items:center;gap:24px;border-radius:48px;}
.cc-inner{width:100%;max-width:880px;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;}
.cc-post{width:100%;display:flex;align-items:flex-start;}
/* artikel-opmaak zoals de live custom code voor "Project content"/"Blog content" */
.rt-art{--g:#00C471;--gm:#00a85f;--dk:#0f1a13;--bd:#e2e8f0;--bg:#f8fafb;width:100%;display:flex;flex-direction:column;align-items:flex-start;font-weight:400;font-size:17px;line-height:29.75px;font-family:var(--font-heading);letter-spacing:-.17px;color:#2d3748;}
.rt-art p{margin:16px 0 20px;}
.rt-art strong{font-weight:500;}
.rt-art h2{font-weight:700;font-size:26px;line-height:28.6px;font-family:"Bricolage Grotesque",sans-serif;letter-spacing:-1.04px;color:var(--dk);margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--g);}
.rt-art a{color:var(--gm);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;}
.rt-art ul,.rt-art ol{list-style:none;padding:0;margin:20px 0;}
.rt-art li{position:relative;padding:10px 12px 10px 40px;margin:0 0 8px;background:var(--bg);border-radius:8px;border-left:3px solid var(--g);color:var(--muted);}
.rt-art li p{margin:0;font-size:16px;line-height:25.6px;letter-spacing:-.16px;color:#2d3748;}
.rt-art ul>li::before{content:"";position:absolute;left:14px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--g);}
.rt-art ol{counter-reset:mb;}
.rt-art ol>li{counter-increment:mb;}
.rt-art ol>li::before{content:counter(mb);position:absolute;left:13px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--g);color:#fff;border-radius:50%;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.rt-art figure{margin:28px 0;border-radius:10px;overflow:hidden;overflow-x:auto;box-shadow:0 0 0 1px var(--bd);}
.rt-art table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;word-break:normal;font-size:15px;font-family:"Figtree",sans-serif;border:1px solid rgba(153,153,153,.25);border-radius:8px;overflow:hidden;}
.rt-art table p{font-family:var(--font-heading);}
.rt-art th,.rt-art td{overflow-wrap:anywhere;vertical-align:top;min-width:16ch;}
.rt-art th{background:var(--dk);color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:13px 16px;text-align:left;}
.rt-art td{padding:12px 16px;border-bottom:1px solid var(--bd);}
.rt-art tr+tr td,.rt-art tr+tr th{border-top:1px solid rgba(153,153,153,.25);}
.rt-art td+td,.rt-art th+th,.rt-art td+th,.rt-art th+td{border-left:1px solid rgba(153,153,153,.25);}
.rt-art tr:last-child td{border-bottom:none;}
.rt-art th p{background:var(--dk);color:#fff;font-size:12px;font-weight:600;line-height:1.75;letter-spacing:.05em;text-transform:uppercase;margin:0;}
.rt-art td p{font-size:14px;line-height:1.5;letter-spacing:-.01em;color:#374151;margin:0;}
.rt-art li th p{font-size:16px;line-height:25.6px;letter-spacing:.8px;}
.rt-art li td p{font-size:16px;line-height:25.6px;letter-spacing:-.16px;}

/* ===== Blogpost (gemeten op /blog/b2b-online-marketing) ===== */
.bh{padding:8px;overflow:hidden;}
.bh-box{border-radius:12px;background:linear-gradient(rgb(23,27,43) 52.2523%,rgb(0,255,170) 100%);overflow:hidden;display:flex;flex-direction:column;align-items:center;}
.bh-stack{width:100%;max-width:1300px;display:flex;gap:50px;padding:160px 50px 100px;align-items:center;}
.bh-col{flex:1 0 0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;}
.bh-content{width:100%;max-width:600px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.bh-meta{width:100%;display:flex;align-items:center;gap:16px;}
.bh-tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--accent);border-radius:100px;color:var(--navy);font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);}
.bh-time{display:flex;align-items:center;gap:4px;flex:1 0 0;min-width:0;font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--checklist-gray);}
.bh-time>span{flex:0 0 auto;white-space:nowrap;}
.bh-title{width:100%;color:var(--white);max-width:800px;}
.bh-intro{color:var(--offwhite);}
.bh-author{width:100%;display:flex;align-items:center;gap:14px;}
.bh-avatar{width:50px;height:50px;border-radius:100%;object-fit:cover;object-position:46.8% 13.1%;flex:0 0 auto;}
.bh-name{flex:1 0 0;display:flex;flex-direction:column;gap:4px;}
.bh-name-t{font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--white);}
.bh-date{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--checklist-gray);}
.bh-share{display:flex;align-items:center;gap:20px;}
.bh-share-label{font-weight:500;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--white);}
.bh-banner{flex:1 0 0;height:525px;border-radius:12px;overflow:hidden;}
.bh-banner img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
.bm{padding:50px 50px 100px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.bm-inner{width:100%;max-width:1300px;display:flex;flex-direction:column;gap:50px;}
.bm-head{display:flex;justify-content:space-between;align-items:center;overflow:hidden;}
.bm-link{display:flex;align-items:center;height:24px;border-radius:6px;overflow:hidden;font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);}
.rt-art>:not(img){width:100%;}
.rt-art h2{line-height:31.2px;letter-spacing:normal;}
.rt-art h2.pr-ya4yvr{line-height:28.6px;letter-spacing:-1.04px;}
.rt-art h6{font-weight:600;font-size:28px;line-height:30.8px;font-family:var(--font-heading);letter-spacing:-1.12px;color:var(--ink);margin:20px 0 0;}
.rt-art>p:first-child,.rt-art>h6:first-child,.rt-art>blockquote:first-child{margin-top:0;}
.rt-art blockquote{position:relative;margin:20px 0 0;padding:0 0 0 22px;font-family:"Inter",sans-serif;font-style:italic;letter-spacing:0;}
.rt-art blockquote::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#ddd;border-radius:1px;}
.rt-art blockquote p{margin:20px 0;}
.rt-art blockquote p:first-child{margin-top:0;}
.rt-art blockquote strong{font-weight:700;font-style:normal;}
.rt-art a.pr-1j212rf{font-size:16px;line-height:28px;}
.rt-art li a.pr-1j212rf{line-height:inherit;}
.rt-art ol>li{padding:12px 12px 12px 52px;border-left:0;border:1px solid var(--bd);}
.rt-art img{display:block;max-width:100%;height:auto;}

/* ===== Breakpoint-tonen (d=desktop, t=tablet, p=telefoon; combinaties dt/dp/tp) ===== */
.bp-t,.bp-p,.bp-tp{display:none!important;}
@media (min-width:1200px){.hide-d{display:none!important;}.qab .qab-inner{width:1200px;max-width:none;flex:0 0 auto;}}
.float-cta{position:fixed;right:20px;bottom:64px;z-index:50;}
/* ===== Over ons (gemeten uit struct-over-ons-deep-*) ===== */
.h6{margin:0;font-weight:600;font-size:28px;line-height:30.8px;font-family:var(--font-heading);letter-spacing:-1.12px;color:var(--ink);}
.ghero--over{--ghero-to:rgb(0,0,0);}
.ghero--over .ghero-box{padding:76px 0 20px;gap:50px;}
.ghero--over .ghero-content{max-width:853px;padding:0 20px;gap:24px;}
.ghero--over .ghero-title{max-width:808px;}
.ghero--over .ghero-sub{width:100%;color:var(--checklist-gray);}
.ghero-graphic{color:#000;position:absolute;top:-661px;left:-437px;right:-438px;height:686px;z-index:0;pointer-events:none;}
.ghero-graphic svg{display:block;width:100%;height:100%;}
.ghero--over .ticker{position:relative;z-index:1;}
.ticker--over{--tickh:342px;--tickh-t:342px;--tickh-p:355px;}
.ticker--over ul{animation:tickercase 48.8s linear infinite;}
.logobar--over{height:auto;padding:0 20px;}
.logobar--over .logobar-inner{background:var(--offwhite);width:1200px;max-width:none;flex:0 0 auto;height:185px;padding:0 20px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;}
.logobar--over .marquee{width:100%;opacity:.3;}
.st{padding:0 50px 50px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.st-inner{width:100%;max-width:1300px;display:flex;align-items:center;gap:50px;}
.st-img{position:relative;flex:1 0 0;min-width:0;height:588px;border-radius:12px;overflow:hidden;}
.st-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;border-radius:12px;}
.st-content{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:40px;align-items:flex-start;}
.st-title{width:100%;max-width:800px;}
.st-text{width:100%;}
.st-text p{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--muted);}
.st-text strong{font-weight:700;}
.st-sig{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:10px;overflow:clip;}
.st-sig-col{width:250px;flex:0 0 auto;display:flex;flex-direction:column;gap:24px;align-items:flex-start;overflow:hidden;}
.st-logo{display:block;width:132px;height:66.8px;object-fit:cover;}
.st-author{width:100%;display:flex;align-items:center;gap:14px;}
.st-avatar{display:block;width:60px;height:60px;border-radius:12px;object-fit:fill;flex:0 0 auto;}
.st-name{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.st-name-t{font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--ink);}
.st-role{font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--muted);}
.st-sig-blank{width:250px;height:18px;flex:0 0 auto;}
.tm{padding:100px 50px;background:var(--navy);display:flex;justify-content:center;align-items:center;overflow:hidden;}
.tm-inner{width:100%;max-width:1300px;display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.tm-head{width:100%;display:flex;gap:50px;align-items:flex-end;}
.tm-content{flex:1 0 0;max-width:600px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.tm-title{width:100%;max-width:800px;}
.tm-text{flex:1 0 0;max-width:600px;min-width:0;}
.tm-text p{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--checklist-gray);}
.tm-text strong{font-weight:700;}
.tm-gridwrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:clip;}
.tm-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.tm-card{height:361px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;overflow:hidden;box-shadow:rgba(0,0,0,.06) 0 10px 100px 0;}
.tm-img{position:relative;flex:1 0 0;width:100%;min-height:0;border-radius:12px;overflow:hidden;}
.tm-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;}
.tm-details{width:100%;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.tm-name{font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--white);}
.tm-role{font-weight:400;font-size:16px;line-height:22.4px;font-family:var(--font-heading);letter-spacing:-.16px;color:var(--accent);}
.stt{padding:50px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.stt-inner{width:100%;max-width:1300px;display:flex;flex-direction:column;align-items:center;gap:50px;}
.stt-title{font-weight:600;font-size:40px;line-height:44px;font-family:var(--font-heading);letter-spacing:-1.6px;color:var(--ink);text-align:center;}
.stt-row{width:100%;display:flex;align-items:center;gap:20px;}
.stt-item{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;}
.stt-item p{font-weight:400;font-size:16px;line-height:19.2px;font-family:var(--font-heading);letter-spacing:-.16px;color:rgb(110,110,110);text-align:center;font-feature-settings:normal;}
.stt-item p,.stt-item .h6{white-space:pre;}
.stt-div{display:block;width:3px;height:79px;flex:0 0 auto;}
.oc{min-height:650px;padding:50px;display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.oc-box{position:relative;width:100%;max-width:1300px;flex:1 0 0;min-height:0;border-radius:12px;overflow:hidden;padding:100px 50px 50px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;}
.oc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;}
.oc-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(0,0,0,0) 30%,rgb(0,0,0) 72.5225%);}
.oc-phone{display:contents;}
.oc-slot{position:relative;z-index:2;width:100%;height:238px;flex:0 0 auto;}
.oc-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;display:flex;justify-content:center;align-items:flex-end;gap:34px;}
.oc-title{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.oc-right{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:32px;align-items:flex-start;}
.oc-text{color:var(--white);}
.oc-btns{display:flex;gap:16px;align-items:center;}
.faq--over{padding:69px 50px;}
.pagemain--over{display:flex;flex-direction:column;gap:50px;}

/* ===== Contact / feedback (gemeten uit struct-contact-deep-*) ===== */
.chero{padding:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;}
.chero-box{position:relative;width:100%;overflow:hidden;border-radius:12px;padding:0 50px 46px;background:linear-gradient(rgb(23,27,43) 65.2027%,rgb(0,0,0) 120%);display:flex;flex-direction:column;align-items:center;gap:10px;}
.chero-box .ghero-lines{z-index:1;pointer-events:none;}
.qs--contact{background:none;padding:61px 50px 20px;}
.qs--contact .qs-grid{grid-template-columns:538.5px 538.5px;grid-template-rows:330px 330px;grid-auto-rows:330px;column-gap:23px;height:672px;}
.qs--contact .qs-p{color:var(--offwhite);}
.co{padding:100px 50px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.co-inner{width:100%;max-width:1300px;display:flex;flex-direction:column;gap:60px;align-items:flex-start;}
.co-head{width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
.co-left{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:28px;align-items:flex-start;}
.co-title{width:100%;}
.co-text{width:500px;flex:0 0 auto;color:var(--body-gray);}
.co-show{width:100%;display:flex;flex-direction:column;align-items:center;gap:60px;}
.co-img{position:relative;width:100%;height:560px;border-radius:12px;overflow:hidden;}
.co-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;}
.co-cards{width:100%;display:flex;gap:50px;align-items:flex-start;}
.co-card{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.co-ico{width:24px;height:24px;border-radius:60px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.co-ico svg{display:block;width:10px;height:7px;}
.co-card-body{width:100%;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.co-card-t{font-weight:500;font-size:24px;line-height:28.8px;font-family:var(--font-heading);letter-spacing:-.72px;color:var(--ink);}
.co-card-p{color:var(--muted);}
.ck{padding:100px 50px 50px;background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.ck-inner{width:100%;max-width:1300px;display:flex;flex-direction:column;gap:52px;align-items:flex-start;}
.ck-head{width:560px;max-width:100%;display:flex;flex-direction:column;gap:28px;align-items:flex-start;}
.ck-title{width:100%;text-wrap:balance;}
.ck-text{width:500px;max-width:100%;color:var(--checklist-gray);}
.ck-row{width:100%;display:flex;justify-content:center;align-items:center;gap:33px;overflow:clip;}
.ck-map,.ck-card{position:relative;}
.ck-map::after,.ck-card::after{content:"";position:absolute;inset:0;border:1px solid rgb(51,65,85);border-radius:24px;pointer-events:none;}
.ck-map{flex:1 0 0;min-width:0;height:450px;min-height:420px;background:var(--white);border-radius:24px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.ck-map iframe{display:block;width:600px;height:450px;border:0;flex:0 0 auto;}
.ck-card{width:50%;flex:0 0 auto;padding:40px;background:rgb(30,41,59);border-radius:24px;overflow:hidden;display:flex;align-items:flex-start;}
.ck-card-inner{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.ck-eyebrow{font-weight:400;font-size:15px;line-height:21px;font-family:var(--font-heading);letter-spacing:.6px;color:var(--accent);}
.ck-h6{width:560px;max-width:none;color:var(--white);}
.ck-p{width:500px;max-width:100%;}
.ck-p p{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--checklist-gray);}
/* blog/case: kopjes zonder preset (Framer-standaard Inter 16), h4-preset xydmul, beeld-preset jfqprf, Bricolage-h2 zonder cv-features */
.rt-art h2:not([class]){font-feature-settings:normal;}
.rt-art li h2:not([class]){line-height:36.4px;letter-spacing:-.26px;font-feature-settings:"blwf","cv03","cv04","cv09","cv11";}
.rt-art li :is(h3,h4,h5,h6):not([class]){font-family:var(--font-heading);font-size:16px;line-height:22.4px;letter-spacing:-.16px;color:var(--muted);font-feature-settings:"blwf","cv03","cv04","cv09","cv11";}
.rt-art li :is(h3,h4,h5,h6):not([class]):not(:first-child){margin-top:16px;}
.rt-art :is(h3,h4,h5,h6):not([class]){margin:0;font-weight:400;font-size:16px;line-height:19.2px;font-family:"Inter",sans-serif;letter-spacing:0;color:#000;font-feature-settings:normal;}
.rt-art h4.pr-xydmul{margin:0;font-weight:600;font-size:42px;line-height:46.2px;font-family:var(--font-heading);letter-spacing:-1.68px;color:var(--ink);}
.rt-art img.pr-jfqprf{border-radius:12px;}

/* ===== Quickscan aanvragen (struct-quickscan-hero-deep-*, struct-quickscan-aanvragen-deep-*) ===== */
.qsa{padding:8px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;}
.qsa-box{position:relative;width:100%;flex:0 0 auto;overflow:hidden;border-radius:12px;padding:100px 50px;background:linear-gradient(rgb(23,27,43) 65.2027%,rgb(23,27,43) 120%);display:flex;flex-direction:column;align-items:center;gap:10px;}
.qsa-box .ghero-lines{z-index:1;pointer-events:none;}
.qsa-row{width:100%;display:flex;justify-content:center;align-items:center;gap:50px;}
.qsa-content{flex:1 0 0;min-width:0;max-width:600px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.qsa-main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
.qsa-title{width:100%;color:var(--white);text-align:left;}
.qsa-p{width:100%;color:var(--offwhite);text-align:left;}
.qsa-form-p{display:none;}
.qsa-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
.qsa-list-title{width:100%;font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--offwhite);text-align:left;}
.qsa-ul,.qab-ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;}
.qsa-ul{width:488.3px;max-width:100%;}
.qsa-ul li,.qab-ul li{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;font-weight:500;font-size:18px;line-height:18px;font-family:"Inter",sans-serif;letter-spacing:0;font-feature-settings:normal;}
.qsa-ul li{color:var(--white);}
.qsa-check{position:relative;display:block;width:32px;height:25px;flex:0 0 auto;color:#00C471;}
.qsa-check svg{position:absolute;top:-7px;left:0;width:32px;height:32px;display:block;}
.qsa-badges{width:100%;}
.qsa .qs-form{width:450px;max-width:520px;flex:0 0 auto;}
.qsa-list-title strong{font-family:"Inter",sans-serif;font-weight:700;}
.qsa-li-t{flex:1 0 0;min-width:0;}
@media (min-width:810px){.qsa-ul li,.qab-ul li{white-space:nowrap;}}
.qab{padding:75px 50px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;}
.qab-inner{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;}
.qab-bento{position:relative;width:600px;height:620px;flex:0 0 auto;border-radius:8px;}
.qab-img1{position:absolute;top:328px;left:-66px;width:400px;height:338px;border-radius:8px;overflow:hidden;box-shadow:rgb(150,150,150) 8px 0 30px 0;}
.qab-img2{position:absolute;top:-39px;left:119px;width:348px;height:522px;border-radius:8px;overflow:hidden;box-shadow:rgba(0,0,0,.25) 0 1px 25px 2px;}
.qab-img1 img,.qab-img2 img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;}
.qab-head{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.qab-content{width:100%;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.qab-title{width:100%;text-wrap:balance;}
.qab-p{width:100%;}
.qab-p p{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:rgb(46,54,72);}
.qab-ul{width:463.3px;max-width:100%;}
.qab-ul li{color:var(--ink);}
/* ===== Cases-hero (struct-projects-deep-*) ===== */
.ph{padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow:hidden;}
.ph-box{position:relative;width:100%;overflow:hidden;border-radius:12px;padding:180px 50px 100px;background:linear-gradient(rgb(20,58,43) 90.5405%,rgb(0,255,171) 145%);display:flex;flex-direction:column;align-items:center;}
.ph-box .ghero-lines{z-index:1;pointer-events:none;}
.ph-stack{width:100%;max-width:1300px;display:flex;align-items:center;gap:50px;}
.ph-left{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:50px;align-items:flex-start;overflow:hidden;}
.ph-content{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.ph-title{width:100%;color:var(--white);text-align:left;}
.ph-cta{display:flex;gap:16px;align-items:center;}
.ph-img{position:relative;flex:1 0 0;min-width:0;height:525px;border-radius:12px;overflow:hidden;}
.ph-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;}
.projects--center{padding-bottom:50px;}
.projects--center .projects-head{flex-direction:column;align-items:center;gap:0;}
.projects--center .projects-head-left{max-width:none;align-items:center;gap:0;}
.projects--center .projects-head-left h2{width:606px;max-width:100%;text-align:center;}
.projects--center .eyebrow{color:var(--ink);}
/* ===== Vacatures (struct-vacatures-deep-*) ===== */
.vk{width:100%;max-width:1200px;padding:100px 50px;display:flex;flex-direction:column;align-items:center;gap:50px;overflow:hidden;background:linear-gradient(rgb(251,251,251) 0%,rgb(255,255,255) 100%);}
.vk-head{width:100%;max-width:1300px;display:flex;justify-content:space-between;align-items:flex-end;}
.vk-content{width:755px;max-width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.vk-title{width:100%;}
.vk-text{width:345px;flex:0 0 auto;font-weight:400;font-size:16px;line-height:26px;font-family:var(--font-body);letter-spacing:-.32px;color:rgb(58,66,88);}
.vk-card{position:relative;display:flex;flex-direction:column;gap:40px;align-items:flex-start;width:100%;height:207px;padding:32px;background:var(--white);border-radius:24px;box-shadow:rgba(0,0,0,.02) 0 4px 50px 4px;overflow:clip;color:inherit;text-decoration:none;}
.vk-bar{position:absolute;bottom:-1px;left:16px;width:3px;height:8px;background:var(--accent);opacity:0;overflow:clip;}
.vk-row{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;}
.vk-body{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:14px;align-items:flex-start;}
.vk-card-t{font-weight:600;font-size:20px;line-height:26px;font-family:var(--font-body);letter-spacing:-.2px;color:var(--navy);}
.vk-card-p{font-weight:400;font-size:15px;line-height:19.5px;font-family:var(--font-heading);letter-spacing:-.15px;color:rgb(58,66,88);}
.lbv{width:100%;}
.lbv-head{height:100px;display:flex;justify-content:center;align-items:center;overflow:visible;}
.lbv-head h2{text-align:center;white-space:nowrap;}
.logobar--vac{padding:0;background:transparent;}
.logobar--vac .logobar-inner{background:transparent;}
/* ===== Vacature-detail (struct-vacatures__afstudeerstage-online-marketing-deep-*) ===== */
.ghero--vac{--ghero-to:rgb(0,255,171);}
.ghero--vac .ghero-content{max-width:800px;align-items:flex-start;text-align:left;}
.vh-title{width:100%;font-weight:600;font-size:64px;line-height:64px;font-family:var(--font-heading);letter-spacing:-2.56px;color:var(--white);text-align:left;}
.vh-text{width:100%;}
.vh-text p{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;color:var(--white);text-align:left;}
.vh-text strong{font-weight:700;}
.vs{width:1000px;max-width:100%;margin:0 auto;padding:0 0 50px;display:flex;flex-direction:column;align-items:center;gap:50px;background:var(--offwhite);overflow:hidden;}
.vs-block{width:100%;display:flex;flex-direction:column;gap:40px;align-items:flex-start;}
.vs-title{width:100%;max-width:800px;}
.vs-text{width:100%;}
.vs-text p,.vs-text li{margin:0;font-weight:500;font-size:18px;line-height:29.25px;font-family:var(--font-heading);letter-spacing:-.36px;}
.vs-text.bodygrijs,.vs-text.bodygrijs p,.vs-text.bodygrijs li{color:var(--body-gray);}
.vs-text.slate,.vs-text.slate p,.vs-text.slate li{color:rgb(46,54,72);}
.vs-text strong{font-weight:700;}
.vs-text ul>li,.vh-text ul>li{padding-inline-start:23.868px;}
/* ===== Download-calculator (struct-download-calculator-deep-*) ===== */
.dlc{padding:0 50px 100px;background:var(--offwhite);display:flex;flex-direction:column;align-items:center;overflow:hidden;}
.dlc-blok{background:linear-gradient(rgb(251,251,251) 0%,rgb(255,255,255) 100%);display:flex;flex-direction:column;align-items:center;gap:10px;overflow:clip;}
.dlc-blok1{width:1000px;max-width:100%;padding:38px 0 0;}
.dlc-row{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.dlc-inner{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding:53px 0;}
.dlc-h2{width:100%;font-weight:700;font-size:40px;line-height:46px;font-family:var(--font-body);letter-spacing:-.8px;color:var(--navy);text-align:center;}
.dlc-item{width:710px;max-width:100%;display:flex;gap:20px;align-items:flex-start;}
.dlc-item img{width:24px;height:24px;flex:0 0 auto;object-fit:contain;}
.dlc-item p{flex:1 0 0;min-width:0;font-weight:500;}
.dlc-item p.navy{color:var(--navy);}
.dlc-item p.zwart{color:#000;}
.dlc-calc{width:100%;max-width:800px;}
.dlc-calc iframe{display:block;width:100%;height:538px;border:0;}
.dlc-blok2{width:800px;max-width:100%;padding:38px 0;}
.dlc-row2{width:1000px;max-width:none;flex:0 0 auto;}
.dlc-inner2{width:100%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:75px 0 0;}
.dlc-sub-wrap{width:100%;}
.dlc-sub{font-weight:400;font-size:14px;line-height:19.6px;font-family:var(--font-heading);letter-spacing:2.8px;color:rgba(255,255,255,.8);text-align:left;}
.dlc-p{width:800px;max-width:100%;color:var(--navy);text-align:left;font-weight:500;}
.dlc-bg1,.dlc-bg2{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:-1;}
.dlc-bg1{height:538px;}
.dlc-bg2{height:100vh;}
body:has(.dlc){position:relative;}
.dlc-cal{width:100%;}
.dlc-cal iframe,.dlb-cal iframe{display:block;width:100%;height:750px;border:0;}
/* ===== Download-bedankt (struct-download-*-deep-*) ===== */
.dlb{padding:var(--pad,100px 50px 0);height:var(--h,auto);background:var(--offwhite);display:flex;flex-direction:column;align-items:center;gap:var(--gap,20px);overflow:hidden;}
.dlb-stap{width:600px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;overflow:clip;}
.dlb-stap.eerste{padding-bottom:32px;}
.dlb-badge,.dlb-knop{position:relative;}
.dlb-badge::after,.dlb-knop::after{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:6px;pointer-events:none;}
.dlb-badge{width:var(--bw,auto);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px 8px 16px;border-radius:6px;background:var(--accent);font-weight:400;font-size:14px;line-height:18.2px;font-family:var(--font-ui);color:var(--ink);}
.dlb-h2{width:100%;font-weight:700;font-size:40px;line-height:46px;font-family:var(--font-body);letter-spacing:-.8px;color:var(--navy);text-align:center;}
.dlb-h2 strong{font-weight:900;}
.dlb-h2 mark{background:none;color:inherit;}
.dlb-p{width:100%;color:var(--navy);text-align:center;}
.dlb-lijst{width:600px;max-width:100%;padding:0 0 38px;background:linear-gradient(rgb(251,251,251) 0%,rgb(255,255,255) 100%);display:flex;flex-direction:column;align-items:center;gap:10px;overflow:clip;}
.dlb-lijst-row{width:1000px;flex:0 0 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.dlb-lijst-inner{width:600px;display:flex;flex-direction:column;align-items:center;gap:22px;}
.dlb-h3{width:100%;font-weight:700;font-size:28px;line-height:32.2px;font-family:var(--font-body);letter-spacing:-.56px;color:var(--navy);text-align:center;}
.dlb-item{width:528px;max-width:100%;display:flex;gap:20px;align-items:flex-start;}
.dlb-item img{width:24px;height:24px;flex:0 0 auto;object-fit:contain;}
.dlb-item p{flex:1 0 0;min-width:0;}
.dlb-item p.navy{color:var(--navy);}
.dlb-item p.zwart{color:#000;}
.dlb-knop{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px 8px 16px;border-radius:6px;background:var(--accent);font-weight:500;font-size:20px;line-height:26px;font-family:var(--font-heading);letter-spacing:-.6px;color:var(--ink);text-decoration:none;}
.dlb-cal{width:100%;}
.dlx{padding:20px 50px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.dlb-p strong,.dlb-item p strong{font-weight:500;}
.dlb-knop-label{flex:0 0 auto;}
.dlx .dlb-h2,.dlx .dlb-p{width:600px;max-width:100%;}
.dlx-p-t{display:none;}
.dlx-frame{display:block;width:100%;height:767.5px;border:0;}
.dlb-knop-ico{width:24px;height:24px;flex:0 0 auto;display:block;}
.faq--tel .faq-btn-std{display:none;}
.pagemain--vac{background:none;}
.pagemain--gap{display:flex;flex-direction:column;gap:50px;}
.btn-ico--tel{background:var(--navy);}
.btn-ico--tel svg{position:absolute;top:4px;left:4px;width:16px;height:16px;color:rgb(0,0,238);}
.btn-ico--tel svg:first-child{left:4px;}
.btn:hover .btn-ico--tel svg{left:4px;}

@media (min-width:810px){  }

@media (min-width:810px){  }
@media (min-width:1200px){  }

@media (min-width:810px){  }

@media (min-width:810px){  }

@media (min-width:810px){  }

@media (min-width:810px){  }

@media (min-width:810px){  }

@media (min-width:810px){  }

.case-hero{background:linear-gradient(180deg,#143B2B 0%,var(--accent) 160%);color:var(--white);padding-block:120px 56px;text-align:center;overflow:hidden;}

@media (min-width:810px){ .case-hero{padding-block:150px 72px;} }

@media (min-width:810px){  }

.case-content{max-width:760px;margin-inline:auto;}
.case-content h2{margin-top:48px;margin-bottom:18px;padding-left:16px;border-left:4px solid var(--accent);}
.case-content h2:first-child{margin-top:0;}
.case-content h3{margin-top:36px;margin-bottom:14px;color:var(--ink);}

.case-content p{color:var(--body-gray);margin-bottom:18px;}

.case-content img{width:100%;border-radius:10px;margin:8px 0 28px;}

/* ===== Tablet 810-1199.98px (gemeten op 1000x900) ===== */
@media (min-width:810px) and (max-width:1199.98px){
  .h1{font-size:62px;line-height:62px;letter-spacing:-2.48px;}
  .h2{font-size:48px;line-height:52.8px;letter-spacing:-1.92px;}
  .h3{font-size:48px;line-height:52.8px;letter-spacing:-1.92px;}
  .usp-body h3{font-size:20px;line-height:24px;letter-spacing:-.6px;}
  .ghero-box{padding:150px 40px 100px;}
  .ghero--blog .ghero-box{padding:222px 50px 150px;}
  .h1-md{font-size:52px;line-height:52px;letter-spacing:-2.08px;}
  .faq--bedankt{padding:50px 50px 100px;}
  /* dienst-template (tablet) */
  .page--dienst{height:7861px;}
  .page--dienst .pagemain{height:7785px;}
  .h2-inter{font-size:48px;line-height:55.2px;letter-spacing:-.96px;}
  .dh-box{min-height:0;height:var(--hh-t,704px);padding:var(--hpad-t,50px);gap:var(--hgap-t,94px);}
  .dh-stack{max-width:1199px;flex-direction:var(--sdir-t,row);justify-content:var(--sjc-t,flex-start);align-items:var(--sai-t,flex-start);padding:var(--spad-t,0);gap:var(--sgap-t,154px);}
  .dh-content{width:var(--cw-t,298.4px);min-height:0;height:var(--ch-t,328px);padding-bottom:var(--cpb-t,50px);}
  .dh-title{width:var(--h1w-t,300px);font-size:40px;line-height:42px;letter-spacing:-1.2px;}
  .dh-side{width:var(--sw-t,373px);align-items:var(--side-ai-t,center);justify-content:var(--side-jc-t,center);}
  .dh-text{width:var(--pw-t,471px);}
  .dh-btns{flex-direction:var(--ctadir-t,row);gap:var(--ctagap-t,16px);}
  .ticker{display:var(--tick-t,flex);}
  .ticker,.ticker li{height:var(--tickh-t,292px);}
  .btn--donker{gap:12px;}
  .btn-ico--donker{display:none;}
  .btn-ico--std{display:block;}
  .dh-btns .btn::after{display:none;}
  .dk{padding:60px 40px;}
  .dk-head{flex-direction:column;gap:40px;align-items:flex-start;}
  .dk-text{flex:0 0 auto;width:100%;max-width:none;}
  .dw,.dkl-logos{display:none;}
  .dp-h{font-size:20px;line-height:24px;letter-spacing:-.6px;}
  .da{padding:60px 40px;}
  .da-head{align-items:flex-start;gap:40px;}
  .tl-row{gap:20px;}
  .dp{padding:60px 40px;}
  .faq--dienst{width:721px;margin:0 auto;padding:50px 50px 100px;}
  .ch-box{padding:222px 50px 150px;}
  .bh-stack{flex-direction:column;gap:40px;padding:150px 40px 40px;align-items:flex-start;}
  .bh-col{width:100%;flex:0 0 auto;gap:32px;justify-content:center;}
  .bh-banner{width:100%;flex:0 0 auto;}
  .bm{padding:60px 40px;gap:40px;}
  .bm-inner{gap:40px;}
  .bm-head{flex-direction:column;align-items:flex-start;gap:40px;}
  .rt-art h6{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .cc-inner{max-width:none;padding:60px 40px;}
  .qsa{height:959px;justify-content:center;}
  .qsa-box{padding:100px 50px 50px;}
  .qsa-row{gap:26px;align-items:flex-start;}
  .qsa-content{max-width:none;gap:186px;align-self:stretch;}
  .qsa-main{flex:1 0 1px;height:1px;min-height:0;}
  .qsa-title{font-size:46px;line-height:46px;letter-spacing:-1.84px;}
  .qsa-badges{width:100%;height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 15px 20px;}
  .qsa-badges .qs-g{height:90px;}
  .qsa .qs-form{width:325px;}
  .qab{padding:60px 40px;gap:40px;}
  .qab-inner{flex-direction:column;align-items:center;}
  .qab-bento{width:601px;height:488.8px;}
  .qab-img1{top:0;left:0;width:100%;height:100%;}
  .qab-head{flex:0 0 auto;width:100%;padding-top:102px;}
  .ph-box{padding:222px 50px 20px;}
  .ph-stack{flex-direction:column;gap:40px;align-items:flex-start;}
  .ph-left{flex:0 0 auto;width:100%;}
  .ph-img{flex:0 0 auto;width:100%;}
  .ph-cta .btn::after{display:none;}
  .projects--center .case-card{width:730px;}
  .vk{padding:60px 40px;}
  .vk-head{flex-direction:column;gap:40px;align-items:flex-start;}
  .vk-text{width:100%;}
  .logobar--vac .logobar-inner{display:none;}
  .vh-title{font-size:62px;line-height:62px;letter-spacing:-2.48px;}
  .ghero--vac .ghero-content{max-width:600px;}
  .vs{width:100%;padding:15px 40px;gap:40px;}
  .dlc{padding:50px 50px 100px;}
  .dlc-blok1{width:100%;}
  .dlc-inner{padding:20px 0 53px;}
  .dlc-h2{font-size:48px;line-height:55.2px;letter-spacing:-.96px;}
  .dlc-item{width:639px;}
  .dlc-blok2{width:100%;padding:75px 0 38px;}
  .dlc-row2{width:100%;}
  .dlc-p{width:100%;}
  .dlb-badge{width:auto;}
  .dlb{padding:var(--pad-t,50px 50px 0);height:var(--h-t,auto);}
  .dlb-lijst{width:100%;}
  .dlx{padding:20px 50px;gap:24px;}
  .vs-title--vast{font-size:52px;line-height:57.2px;letter-spacing:-2.08px;}
  .projects--center .case-list{align-items:flex-start;}
  .dlx-p-t{display:block;}
  .dlx-frame{height:754.5px;}
  .chero-box{padding:0 40px 40px;}
  .qs.qs--contact{width:auto;margin:0;padding:50px 50px 20px;}
  .qs--contact .qs-grid{grid-template-columns:804px;grid-template-rows:auto;grid-auto-rows:auto;row-gap:40px;height:auto;}
  .qs--contact .qs-content{width:804px;}
  .co{padding:60px 40px;gap:40px;}
  .co-head{flex-direction:column;gap:32px;align-items:flex-start;}
  .co-left{flex:0 0 auto;width:100%;gap:16px;}
  .co-card-t{font-size:20px;line-height:24px;letter-spacing:-.6px;}
  .ck{height:966px;padding:60px 40px;gap:40px;}
  .ck-head{gap:16px;}
  .ck-inner{flex:1 0 0;min-height:0;}
  .ck-row{flex:1 0 0;min-height:0;}
  .ck-map{height:auto;align-self:stretch;background:rgb(30,41,59);}
  .ck-card-inner{gap:16px;}
  .ck-p{width:100%;}
  .bp-d,.bp-p,.bp-dp,.hide-t{display:none!important;}
  .bp-t,.bp-tp{display:initial!important;}
  .h6{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .ghero--over .ghero-box{padding:31px 0 20px;}
  .ghero--over .ghero-content{max-width:600px;}
  .st{padding:60px 40px;gap:40px;}
  .st-inner{flex-direction:column;gap:40px;}
  .st-img{flex:0 0 auto;width:100%;height:579.7px;}
  .st-content{width:100%;}
  .tm{padding:60px 40px;}
  .tm-inner{gap:40px;}
  .tm-head{flex-direction:column;gap:40px;align-items:flex-start;}
  .tm-content{flex:0 0 auto;width:600px;max-width:100%;}
  .tm-text{flex:0 0 auto;width:100%;max-width:none;}
  .tm-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stt-title{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .logobar--over{height:auto;}
  .oc{min-height:650px;flex:0 0 auto;}
  .oc-stack{width:100%;}
  .faq--over{padding:50px 50px 69px;}
  .dr{padding:60px 40px;}
  .dr-title{font-size:48px;line-height:52.8px;letter-spacing:-1.92px;}
  .qs{width:810px;margin:0 auto;padding:50px 50px 20px;flex-direction:column;}
  .qs-grid{grid-template-columns:710px;grid-template-rows:auto;row-gap:40px;}
  .qs-content{width:710px;grid-column:1;grid-row:auto;}
  .qs-form{grid-column:1;grid-row:auto;width:100%;}
  .qs-form-title{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .qs-side{grid-column:1;grid-row:auto;width:700px;gap:27px;}

  .bk-sec{padding:60px 40px;}
  .bk-wrap{gap:40px;}
  .bk--h{height:276px;}
  .bk--v{height:501px;}
  .bk-grid{grid-template-columns:repeat(2,1fr);}
  .legal{padding:60px 20px;}
  .legal-col{max-width:700px;}
  .hero{padding-bottom:150px;}
  .about{padding:60px 40px;}
  .about .container{flex-direction:column;}
  .about-bento,.about-text{width:100%;flex:0 0 auto;}
  .about-card{width:529px;bottom:-47px;}
  .power{padding:60px 40px;}
  .power-head{flex-direction:column;align-items:flex-start;gap:32px;}
  .power-head-left{flex:0 0 auto;gap:16px;}
  .power-head>p{flex:0 0 auto;}
  .dienst,.dienst.is-reverse{flex-direction:column;align-items:flex-start;gap:50px;}
  .dienst>:first-child,.dienst>:last-child,.dienst.is-reverse>:first-child,.dienst.is-reverse>:last-child{width:100%;flex:0 0 auto;}
  .dienst:first-child .dienst-btns .btn:first-child{padding:8px 16px;}
  .projects{padding:60px 40px;}
  .case-list{gap:40px;}
  .case-card{height:auto;padding:14px;flex-direction:column;align-items:stretch;gap:24px;}
  .case-media{width:100%;height:290px;order:-1;}
  .car-controls{display:none;}
  .dots{width:82px;height:28px;transform:translateX(-41px);}
  .dot{width:8px;height:8px;}
  .case-body{gap:24px;}
  .case-card .btn{height:40px;}
  .brandbuddy{padding:60px 40px;}
  .brandbuddy .container{flex-direction:column;gap:85px;align-items:center;}
  .bb-text{width:100%;flex:0 0 auto;align-self:auto;justify-content:flex-start;gap:48px;}
  .bb-badge{left:calc(78.767% - 28.5px);top:759.5px;}
  .review-grid{grid-template-columns:repeat(2,1fr);}
  .review:nth-child(1){order:1;}
  .review:nth-child(2){order:4;}
  .review:nth-child(3){order:2;}
  .review:nth-child(4){order:3;}
  .review:nth-child(5){order:5;}
  .review:nth-child(6){order:6;}
  .cta-sec{padding:50px 40px;}
  .cta{padding:80px 40px;}
  .cta-row{flex-direction:column;align-items:flex-start;gap:34px;}
  .cta-row>*{flex:0 0 auto;width:100%;}
  .footer{padding:25px 40px 80px;}
  .footer-inner{gap:40px;}
  .footer-top{flex-direction:column;gap:40px;}
  .footer-col1{width:400px;gap:30px;}
  .footer-cols{width:100%;justify-content:flex-start;}
  .footer-col{flex:1 0 0;}
}

/* Tablet en phone: hero-, CTA- en case-knoppen zijn de "Tablet/Phone"-variant zonder ring */
@media (max-width:1199.98px){
  .hero-btns .btn::after,.cta-btns .btn::after,.case-card .btn::after{display:none;}
}

/* ===== Phone <=809.98px (gemeten op 390x844) ===== */
@media (max-width:809.98px){
  .h1{font-size:38px;line-height:38px;letter-spacing:-1.52px;}
  .h2{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .h2--intro{font-size:38px;line-height:39.9px;letter-spacing:-1.14px;}
  .h3{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .text-lg,.text-inter,.hero-sub{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .rich p+p{margin-top:26px;}
  .ghero-box{padding:150px 20px 100px;}
  .ghero-content{gap:20px;}
  .ghero--blog .ghero-box{padding:150px 20px 80px;}
  .bk-sec{padding:40px 20px;}
  .bk-wrap{gap:40px;}
  .bk-row{flex-direction:column;}
  .bk-row>.bk{flex:0 0 auto;width:100%;}
  .bk--h{flex-direction:column;align-items:stretch;height:501px;}
  .bk--h .bk-img{width:100%;height:auto;flex:1 0 0;min-height:0;}
  .bk--h .bk-details{flex:0 0 auto;padding:20px;justify-content:flex-start;}
  .bk--h .bk-text{max-width:100%;}
  .bk--v{height:501px;}
  .bk-grid{display:flex;flex-direction:column;}
  .h1-md{font-size:52px;line-height:52px;letter-spacing:-2.08px;}
  .legal{padding:60px 20px;}
  .usp-body h3{font-size:18px;line-height:21.6px;letter-spacing:-.54px;}
  .nav{height:60px;padding:0;}
  .nav-inner{position:relative;}
  .nav-right{display:none;}
  .nav-burger{display:flex;position:absolute;left:310px;top:12px;width:36px;height:36px;align-items:center;justify-content:center;}
  .nav-burger svg{width:36px;height:36px;display:block;}
  .nav.is-open .nav-right{display:flex;position:absolute;top:60px;left:0;right:0;z-index:20;flex-direction:column;align-items:flex-start;gap:16px;background:var(--white);padding:16px;}
  .nav.is-open .nav-links{flex-direction:column;align-items:flex-start;gap:16px;}
  .nav-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;width:auto;padding:14px 0 0 14px;gap:14px;}
  .nav-sub::before{display:none;}
  .hero{height:100vh;padding:150px 20px 80px;}
  .hero-overlay{background:linear-gradient(rgba(0,0,0,0) 14%,rgb(0,0,0) 70%);}
  .hero-btns{flex-direction:column;align-items:stretch;gap:16px;width:100%;}
  .logobar{height:12vh;}
  .about{padding:40px 20px 80px;}
  .about .container{flex-direction:column-reverse;gap:60px;}
  .about-bento,.about-text{width:100%;flex:0 0 auto;}
  .about-card{width:265px;right:auto;left:53%;transform:translateX(-132.5px);bottom:-40px;}
  .power{padding:40px 20px;}
  .power-head{flex-direction:column;align-items:flex-start;gap:24px;}
  .power-head-left{flex:0 0 auto;gap:16px;}
  .power-head>p{flex:0 0 auto;}
  .power-media>img{height:340px;}
  .usp-row{flex-direction:column;gap:50px;}
  .usp{flex:0 0 auto;width:100%;}
  .diensten{padding:50px 20px;}
  .dienst,.dienst.is-reverse{flex-direction:column;align-items:flex-start;gap:50px;}
  .dienst>:first-child,.dienst>:last-child,.dienst.is-reverse>:first-child,.dienst.is-reverse>:last-child{width:100%;flex:0 0 auto;}
  .dienst-img{height:340px;}
  .dienst-btns{flex-direction:column;align-items:stretch;width:100%;}
  .dienst:first-child .dienst-btns .btn:first-child{padding:8px 16px;}
  .projects{padding:40px 20px;}
  .projects .container{gap:40px;}
  .projects-head{flex-direction:column;align-items:flex-start;gap:24px;}
  .projects-head-left h2{width:100%;}
  .case-list{gap:40px;}
  .case-card{height:auto;padding:14px;flex-direction:column;align-items:stretch;gap:24px;}
  .case-media{width:100%;height:290px;order:-1;}
  .car-controls{display:none;}
  .dots{width:82px;height:28px;transform:translateX(-41px);}
  .dot{width:8px;height:8px;}
  .case-body{gap:24px;}
  .tags{row-gap:8px;}
  .case-card .btn{height:40px;}
  .brandbuddy{padding:40px 20px;}
  .brandbuddy .container{flex-direction:column;align-items:flex-start;gap:60px;}
  .bb-text{width:100%;flex:0 0 auto;align-self:auto;justify-content:flex-start;gap:48px;}
  .bb-content{width:100%;}
  .bb-visual{width:346px;height:208px;}
  .bb-main,.bb-badge{display:none;}
  .bb-small{left:0;top:0;width:346px;height:208px;}
  .reviews{padding:50px 20px 100px;}
  .reviews-head{flex-direction:column;align-items:flex-start;gap:16px;}
  .reviews-head-left{width:100%;max-width:none;flex:0 0 auto;align-items:center;}
  .reviews-head-left h2{text-align:center;}
  .review-grid{grid-template-columns:1fr;}
  .review:nth-child(3){order:1;}
  .review:nth-child(1){order:2;}
  .review:nth-child(2){order:3;}
  .review:nth-child(4){order:4;}
  .review:nth-child(5){order:5;}
  .review:nth-child(6){order:6;}
  .bb-content .rich{padding-bottom:26px;}
  .reviewer-info strong,.video-meta strong{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .cta-sec{padding:40px 20px;}
  .cta{padding:40px 20px;}
  .cta-bg{object-fit:cover;}
  .cta-row{flex-direction:column;align-items:flex-start;gap:24px;}
  .cta-row>*{flex:0 0 auto;width:100%;}
  .cta-btns{flex-direction:column;align-items:stretch;gap:8px;width:100%;}
  .faq{padding:32px 20px;}
  .faq--bedankt .faq-inner{padding:10px;}
  /* dienst-template (phone) */
  .h2-inter{font-size:33px;line-height:37.95px;letter-spacing:-.66px;}
  .dh{overflow:clip;}
  .dh-box{min-height:0;height:var(--hh-p,839px);padding:var(--hpad-p,50px 25px 20px);gap:var(--hgap-p,77px);overflow:clip;}
  .dh-stack{flex-direction:var(--sdir-p,column);justify-content:var(--sjc-p,flex-start);align-items:var(--sai-p,flex-start);padding:var(--spad-p,0);gap:var(--sgap-p,24px);}
  .dh-content{width:var(--cw-p,340px);min-height:0;height:var(--ch-p,198px);padding-bottom:var(--cpb-p,50px);}
  .dh-title{width:var(--h1w-p,100%);font-size:36px;line-height:37.8px;letter-spacing:-1.08px;}
  .dh-side{width:var(--sw-p,340px);flex:0 0 auto;align-items:var(--side-ai-p,center);justify-content:var(--side-jc-p,center);}
  .dh-text{width:var(--pw-p,340px);}
  .dh-btns{flex-direction:var(--ctadir-p,column);width:100%;gap:var(--ctagap-p,16px);align-items:stretch;}
  .btn--donker{gap:12px;}
  .btn-ico--donker{display:none;}
  .btn-ico--std{display:block;}
  .dh-btns .btn::after{display:none;}
  .ticker{display:var(--tick-p,flex);}
  .ticker,.ticker li{height:var(--tickh-p,372px);}
  .dk{padding:40px 20px;gap:40px;}
  .dk-head{flex-direction:column;gap:40px;align-items:flex-start;}
  .dk-content{width:100%;}
  .dk-text{flex:0 0 auto;width:100%;max-width:none;}
  .dk-grid{display:flex;flex-direction:column;align-items:center;}
  .dk-card{width:100%;}
  .dw{padding:var(--dwpad-p,0 50px);}
  .dw-inner{flex-direction:column;gap:20px;padding-bottom:40px;align-items:center;}
  .dw-col{flex:0 0 auto;width:100%;gap:21px;}
  .dw-title,.dw-text{width:100%;}
  .dw-img{flex:1 0 0;align-self:center;height:0;}
  .da{padding:40px 20px;gap:40px;}
  .da-head{gap:40px;align-items:flex-start;}
  .da-content{width:100%;}
  .tl{padding:57px 20px;}
  .tl-row{gap:16px;}
  .tl-row:nth-child(3){height:auto;}
  .tl-row:nth-child(even){flex-direction:row;}
  .tl-blank{display:none;}
  .tl-bar-wrap{width:64px;}
  .tl-nr{font-size:48px;line-height:57.6px;}
  .dp{padding:40px 20px;gap:40px;}
  .dp-row{flex-direction:column;gap:50px;padding-top:0;}
  .dp-card{align-items:center;width:100%;}
  .dp-body{align-items:center;text-align:center;}
  .dp-h{font-size:18px;line-height:21.6px;letter-spacing:-.54px;}
  .ch-box{padding:150px 20px 80px;}
  .bh-stack{flex-direction:column;gap:24px;padding:150px 20px 40px;align-items:flex-start;}
  .bh-col{width:100%;flex:0 0 auto;gap:32px;justify-content:center;}
  .bh-content{gap:20px;}
  .bh-name-t{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .bh-banner{width:100%;height:330px;flex:0 0 auto;}
  .bm{padding:40px 20px;gap:40px;}
  .bm-inner{gap:40px;}
  .bm-head{flex-direction:column;align-items:flex-start;gap:40px;}
  .bm-link{display:none;}
  .rt-art h6{font-size:24px;line-height:26.4px;letter-spacing:-.96px;}
  .ch-content{gap:20px;}
  .ch-tags{justify-content:center;flex-wrap:wrap;width:100%;}
  .cc-inner{padding:40px 20px;}
  .page--blog .cc-inner{padding:60px 20px;}
  .qsa{padding:0 8px;gap:8px;}
  .qsa-box{padding:25px 20px;}
  .qsa-row{flex-direction:column;gap:26px;}
  .qsa-content{max-width:none;width:100%;gap:0;}
  .qsa-eyebrow{gap:10px;}
  .qsa-main{padding:20px 0;gap:15px;}
  .qsa-title{font-size:43px;line-height:43px;letter-spacing:-1.72px;}
  .qsa-p{font-size:18px;line-height:29.25px;letter-spacing:-.36px;}
  .qsa-form-p{display:block;width:100%;}
  .qsa .qs-form{width:100%;max-width:520px;}
  .qsa-ul{width:100%;}
  .qsa .qs-badges{width:100%;height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 15px 20px;}
  .qsa .qs-g{height:90px;}
  .qab{padding:40px 20px;gap:40px;}
  .qab-inner{flex-direction:column-reverse;gap:60px;align-items:flex-start;}
  .qab-bento{width:100%;height:284.7px;}
  .qab-img1{top:0;left:0;width:100%;height:100%;}
  .qab-head{flex:0 0 auto;width:100%;padding-top:0;}
  .qab-p p{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .qab-ul{width:100%;}
  .ph-box{padding:150px 20px 20px;}
  .ph-stack{flex-direction:column;gap:24px;align-items:flex-start;}
  .ph-left{flex:0 0 auto;width:100%;}
  .ph-cta{flex-direction:column;align-items:stretch;width:100%;}
  .ph-cta .btn::after{display:none;}
  .ph-img{flex:0 0 auto;width:100%;height:330px;}
  .projects--center .projects-head-left h2{width:100%;}
  .vk{padding:40px 20px;gap:40px;}
  .vk-head{flex-direction:column;gap:40px;align-items:flex-start;}
  .vk-content{width:100%;}
  .vk-text{width:100%;}
  .vk-card{height:auto;}
  .logobar--vac.logobar--over{padding:0;}
  .logobar--vac .logobar-inner{display:flex;width:100%;height:185px;padding:0 20px 18px;}
  .vh-title{font-size:38px;line-height:38px;letter-spacing:-1.52px;}
  .ghero--vac .ghero-content{max-width:none;gap:20px;}
  .vh-text p{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .vs{padding:40px 20px;gap:40px;}
  .vs-block{gap:24px;}
  .vs-text p,.vs-text li{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .vs-text ul>li,.vh-text ul>li{padding-inline-start:21.216px;}
  .faq--tel .faq-foot{flex-direction:row;align-items:center;}
  .faq--tel .faq-foot i{display:block;}
  .faq--tel .faq-foot p{flex:1 1 0;min-width:0;text-align:left;}
  .dlc{padding:32px 20px;}
  .dlc-blok1{width:100%;padding:0 20px;}
  .dlc-row{flex-direction:column;gap:20px;padding:0 0 40px;overflow:hidden;}
  .dlc-inner{flex:0 0 auto;width:100%;align-items:flex-start;gap:21px;padding:53px 0;}
  .dlc-h2{font-size:33px;line-height:37.95px;letter-spacing:-.66px;}
  .dlc-item{width:100%;}
  .dlc-blok2{width:100%;padding:50px 20px 0;}
  .dlc-row2{width:100%;}
  .dlc-inner2{gap:0;padding:75px 0 0;align-items:flex-start;}
  .dlc-sub-wrap{height:1px;width:343.9px;overflow:visible;}
  .dlb{padding:var(--pad-p,32px 20px);height:var(--h-p,auto);}
  .dlb-lijst{padding:0 20px;}
  .dlb-lijst-row{width:100%;flex-direction:column;gap:20px;padding:0 0 40px;}
  .dlb-lijst-inner{width:100%;align-items:flex-start;gap:21px;}
  .dlb-item{width:100%;}
  .dlb-knop{width:100%;height:40px;padding:8px 12px 8px 16px;font-size:14px;line-height:18.2px;letter-spacing:-.42px;}
  .dlx{padding:20px 10px;}
  .dlb-knop{color:var(--kp,var(--ink));}
  .dlb-badge{width:auto;}
  .dlx .dlb-h2{font-size:34px;line-height:39.1px;letter-spacing:-.68px;}
  .dlx-frame{height:929px;}
  .chero-box{padding:0 20px 20px;}
  .qs.qs--contact{width:fit-content;margin:0;padding:50px 15px 20px;}
  .qs--contact .qs-grid{grid-template-columns:327px;grid-template-rows:auto;grid-auto-rows:auto;row-gap:25px;height:auto;}
  .co{padding:40px 20px;gap:50px;}
  .co-head{flex-direction:column;gap:24px;align-items:flex-start;}
  .co-left{flex:0 0 auto;width:100%;gap:16px;}
  .co-text{width:100%;}
  .co-img{height:340px;}
  .co-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:50px;}
  .co-card-t{font-size:18px;line-height:21.6px;letter-spacing:-.54px;}
  .ck{padding:40px 20px;gap:50px;}
  .ck-head{width:100%;gap:16px;}
  .ck-text{width:100%;}
  .ck-row{flex-direction:column-reverse;gap:33px;}
  .ck-map{flex:0 0 auto;width:100%;height:420px;}
  .ck-card{width:100%;}
  .ck-card-inner{gap:16px;}
  .ck-p{width:100%;}
  .ck-p p{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .ck-title{text-wrap:wrap;}
  .rt-art h4.pr-xydmul{font-size:32px;line-height:35.2px;letter-spacing:-1.28px;}
  .oc-btns .btn::after{display:none;}
  .bp-d,.bp-t,.bp-dt,.hide-p{display:none!important;}
  .bp-p,.bp-dp,.bp-tp{display:initial!important;}
  .h6{font-size:24px;line-height:26.4px;letter-spacing:-.96px;}
  .ghero--over .ghero-box{padding:45px 20px 20px;}
  .ghero--over .ghero-content{gap:20px;}
  .logobar--over{height:auto;padding:40px 20px 20px;}
  .st{padding:40px 20px;gap:40px;}
  .st-inner{flex-direction:column;gap:40px;}
  .st-img{flex:0 0 auto;width:100%;height:300px;}
  .st-content{width:100%;gap:24px;}
  .st-text p{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .st-sig{gap:0;}
  .st-sig-blank{display:none;}
  .tm{padding:40px 20px;}
  .tm-inner{gap:40px;}
  .tm-head{flex-direction:column;gap:24px;align-items:flex-start;}
  .tm-content{flex:0 0 auto;width:100%;}
  .tm-text{flex:0 0 auto;width:100%;max-width:none;}
  .tm-text p{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .tm-grid{grid-template-columns:minmax(0,1fr);gap:16px;}
  .tm-card{height:253px;}
  .stt{padding:50px 20px;}
  .stt-title{font-size:28px;line-height:30.8px;letter-spacing:-1.12px;}
  .stt-row{flex-direction:column;gap:20px;}
  .stt-item{flex:0 0 auto;width:100%;}
  .stt-div{width:100%;height:1px;}
  .oc{min-height:0;padding:0;}
  .oc-box{flex:0 0 auto;padding:0;}
  .oc-phone{display:flex;position:relative;z-index:2;width:100%;justify-content:center;align-items:center;gap:10px;background:rgba(23,27,43,.41);}
  .oc-slot{position:static;width:320px;height:auto;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:34px;}
  .oc-stack{position:static;transform:none;width:100%;flex-direction:column;align-items:flex-start;gap:34px;}
  .oc-title,.oc-right{flex:0 0 auto;width:100%;}
  .oc-btns{flex-direction:column;align-items:stretch;gap:16px;width:100%;}
  .dr{padding:40px 20px;gap:40px;}
  .dr-title,.dr-text{width:100%;text-align:center;}
  .dr-row{flex-direction:column;gap:40px;padding-top:0;}
  .dr-card{flex:0 0 auto;width:100%;}
  .qs{padding:50px 15px 20px;max-width:390px;margin:0 auto;flex-direction:column;}
  .qs-grid{width:327px;grid-template-columns:327px;grid-template-rows:auto;row-gap:25px;max-width:100%;}
  .qs-content{width:327px;grid-column:1;grid-row:auto;}
  .qs-title{font-size:35px;line-height:38.5px;letter-spacing:-1.4px;}
  .qs-form{grid-column:1;grid-row:auto;width:327px;}
  .qs-form-title{font-size:24px;line-height:26.4px;letter-spacing:-.96px;}
  .qs-side{grid-column:1;grid-row:auto;width:457px;gap:10px;}
  .qs-badges{width:282px;height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 15px 20px;}
  .qs-g{height:90px;}

  .faq-q-text{font-size:16px;line-height:26px;letter-spacing:-.32px;}
  .faq-foot{flex-direction:column;align-items:center;}
  .faq-foot i{display:none;}
  .faq-foot p{flex:0 0 auto;text-align:center;}
  .footer{padding:25px 20px 60px;}
  .footer-inner{padding:0;gap:30px;}
  .footer-top{flex-direction:column;gap:40px;}
  .footer-col1{width:100%;gap:30px;}
  .footer-cols{flex-direction:column;gap:40px;width:100%;}
  .footer-bottom{height:auto;flex-direction:column;align-items:center;gap:32px;}
  .footer-social{flex-direction:column;gap:20px;}
}

/* ===== Blokkenbibliotheek (CMS, 23-09-2026) =====
   Nieuwe blokken voor het CMS: patronen uit UI-libraries (zie docs/CMS-BOUWSTAND.md), nagebouwd in de
   huisstijl. Anders dan de rest van dit bestand niet gemeten maar vloeiend: geen vaste hoogtes, alleen
   max-breedtes, zodat marketeers elke tekstlengte kwijt kunnen. Alleen klassen bl-*; raakt bestaande
   pagina's niet. Breakpoints zoals de site: tablet 810-1199, telefoon <810. */
.bl{position:relative;padding:100px 50px;overflow:hidden;color:var(--navy);}
.bl--wit{background:var(--white);}
.bl--offwit{background:var(--offwhite);}
.bl--grijs{background:var(--grey-bg);}
.bl--navy{background:var(--navy);color:var(--white);}
.bl--gloed{background:radial-gradient(50% 60% at 100% 0%,rgba(0,255,171,.14),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(0,255,171,.10),transparent 70%),var(--offwhite);}
.bl-in{width:100%;max-width:1200px;margin:0 auto;}
.bl .h2{color:var(--navy);text-wrap:balance;}
.bl--navy .h2,.bl--navy .eyebrow{color:var(--white);}
.bl-titel .accent{color:var(--accent);}
.bl-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 80px;margin-bottom:56px;}
.bl-kop--midden{flex-direction:column;align-items:center;text-align:center;}
.bl-kop-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:760px;}
.bl-kop--midden .bl-kop-tekst{align-items:center;}
.bl-intro{max-width:440px;font-family:var(--font-heading);font-weight:400;font-size:17px;line-height:27px;letter-spacing:-.17px;color:var(--muted);}
.bl-kop--midden .bl-intro{max-width:640px;}
.bl--navy .bl-intro{color:rgba(255,255,255,.72);}
.bl-knoppen{display:flex;flex-wrap:wrap;gap:12px;}
.bl--wit .btn--secondary,.bl--offwit .btn--secondary,.bl--grijs .btn--secondary,.bl--gloed .btn--secondary{box-shadow:inset 0 0 0 1px rgba(23,27,43,.14);}
.bl-vink{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--accent);display:grid;place-items:center;}
.bl-vink svg{width:10px;height:9px;}
.bl-check{display:flex;flex-direction:column;gap:12px;}
.bl-check:empty{display:none;}
.bl-check li{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-heading);font-size:17px;line-height:24px;color:var(--intro-p);}
.bl--navy .bl-check li{color:rgba(255,255,255,.85);}
.bl-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-family:var(--font-ui);font-size:14px;line-height:18.2px;color:var(--navy);}
.bl--navy .bl-link{color:var(--accent);}
.bl-link .btn-ico{background:transparent;}
.bl-link:hover .btn-ico svg:first-child{left:8px;}
.bl-link:hover .btn-ico svg:last-child{left:26px;}

/* rich text in blokken */
.bl-rt{font-family:var(--font-heading);font-weight:400;font-size:17px;line-height:28px;letter-spacing:-.17px;color:var(--intro-p);}
.bl-rt>*+*{margin-top:16px;}
.bl-rt h3{font-weight:600;font-size:24px;line-height:30px;letter-spacing:-.72px;color:var(--navy);margin-top:32px;}
.bl-rt strong{font-weight:600;color:var(--navy);}
.bl-rt a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent);text-decoration-thickness:2px;}
.bl-rt ul,.bl-rt ol{padding-left:22px;}
.bl-rt ul{list-style:none;}
.bl-rt ul>li{position:relative;}
.bl-rt ul>li::before{content:"";position:absolute;left:-18px;top:11px;width:7px;height:7px;background:var(--accent);}
.bl-rt ol{list-style:decimal;}
.bl-rt li+li{margin-top:6px;}
.bl--navy .bl-rt{color:rgba(255,255,255,.78);}
.bl--navy .bl-rt strong,.bl--navy .bl-rt h3{color:var(--white);}

/* tekstblok */
.bl-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
.bl-tekst--smal{max-width:760px;}
.bl-tekst--midden{max-width:760px;align-items:center;text-align:center;}
.bl-tekst--midden .bl-rt ul{display:inline-block;text-align:left;}

/* kaartenrij (feature grid) + spotlight en hover-lift */
.bl-kaarten{display:grid;grid-template-columns:repeat(var(--kol,3),minmax(0,1fr));gap:20px;}
.bl-kol-2{--kol:2;}
.bl-kol-3{--kol:3;}
.bl-kol-4{--kol:4;}
.bl-kaart{position:relative;display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:20px;background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.06);transition:transform .3s ease,box-shadow .3s ease;}
.bl-kaart:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(23,27,43,.11);}
.bl--wit .bl-kaart{box-shadow:0 0 0 1px rgba(23,27,43,.07),0 12px 40px rgba(23,27,43,.05);}
.bl--navy .bl-kaart{background:var(--card-navy);box-shadow:none;}
.bl-spot .bl-kaart::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(0,255,171,.16),transparent 45%);opacity:0;transition:opacity .3s ease;pointer-events:none;}
.bl-spot .bl-kaart:hover::before{opacity:1;}
.bl-icoon{width:56px;height:56px;margin-bottom:12px;border-radius:12px;background:var(--navy);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,255,171,.4);}
.bl--navy .bl-icoon{background:var(--navy);}
.bl-icoon img{width:28px;height:28px;object-fit:contain;}
.bl-kaart-titel{font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:27px;letter-spacing:-.66px;color:inherit;}
.bl-kaart-tekst{font-family:var(--font-heading);font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.16px;color:var(--muted);}
.bl--navy .bl-kaart-tekst{color:rgba(255,255,255,.7);}

/* content + beeld */
.bl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;}
.bl-split--links .bl-split-beeld{order:-1;}
.bl-split-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:24px;}
.bl-split-beeld img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;}

/* cijfers + teller */
.bl-cijfers-titel{text-align:center;margin-bottom:48px;}
.bl-cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.bl-cijfer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 24px;text-align:center;border-left:1px solid rgba(23,27,43,.09);}
.bl-cijfer:first-child{border-left:0;}
.bl--navy .bl-cijfer{border-color:rgba(255,255,255,.12);}
.bl-getal{font-family:var(--font-heading);font-weight:700;font-size:60px;line-height:60px;letter-spacing:-2.4px;font-variant-numeric:tabular-nums;color:var(--navy);}
.bl--navy .bl-getal{color:var(--white);}
.bl-getal b{font-weight:inherit;color:var(--accent);}
.bl-cijfer p{font-family:var(--font-heading);font-size:16px;line-height:22px;color:var(--muted);}
.bl--navy .bl-cijfer p{color:rgba(255,255,255,.7);}
.bl-cijfers--kaarten{gap:20px;}
.bl-cijfers--kaarten .bl-cijfer{padding:36px 24px;border:0;border-radius:20px;background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.06);}
.bl--navy .bl-cijfers--kaarten .bl-cijfer{background:var(--card-navy);box-shadow:none;}

/* stappen (horizontaal of als tijdlijn) */
.bl-stappen{counter-reset:stap;display:grid;gap:32px 24px;}
.bl-stappen--horizontaal{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.bl-stap{counter-increment:stap;position:relative;display:flex;flex-direction:column;gap:10px;padding-top:28px;border-top:2px solid rgba(23,27,43,.1);}
.bl-stap::before{content:counter(stap,decimal-leading-zero);align-self:flex-start;margin-bottom:6px;padding:4px 9px;border-radius:6px;background:var(--accent);font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:18px;letter-spacing:.06em;color:var(--navy);}
.bl-stap::after{content:"";position:absolute;top:-2px;left:0;width:56px;height:2px;background:var(--accent);}
.bl-stap h3{font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:27px;letter-spacing:-.66px;}
.bl-stap p{font-family:var(--font-heading);font-size:16px;line-height:24px;color:var(--muted);}
.bl--navy .bl-stap{border-color:rgba(255,255,255,.14);}
.bl--navy .bl-stap p{color:rgba(255,255,255,.7);}
.bl-stappen--verticaal{max-width:760px;gap:0;}
.bl-stappen--verticaal .bl-stap{padding:0 0 40px 72px;border-top:0;}
.bl-stappen--verticaal .bl-stap::before{position:absolute;left:0;top:0;margin:0;}
.bl-stappen--verticaal .bl-stap::after{top:36px;left:19px;width:2px;height:calc(100% - 44px);background:rgba(23,27,43,.12);}
.bl-stappen--verticaal .bl-stap:last-child{padding-bottom:0;}
.bl-stappen--verticaal .bl-stap:last-child::after{display:none;}
.bl--navy .bl-stappen--verticaal .bl-stap::after{background:rgba(255,255,255,.16);}

/* cta-banner */
.bl-cta-sec{padding-top:50px;padding-bottom:50px;}
.bl-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:56px;border-radius:24px;}
.bl-cta--navy{background:radial-gradient(70% 140% at 100% 100%,rgba(0,255,171,.38),transparent 60%),var(--navy);color:var(--white);}
.bl-cta--accent{background:var(--accent);}
.bl-cta--licht{background:var(--white);box-shadow:0 0 0 1px rgba(23,27,43,.07),0 18px 50px rgba(23,27,43,.07);}
.bl-cta .h2{margin:0;}
.bl-cta--navy .h2{color:var(--white);}
.bl-cta--navy .h2 .accent{color:var(--accent);}
.bl-cta--accent .h2 .accent{color:var(--white);}
.bl-cta-tekst{display:flex;flex-direction:column;gap:14px;max-width:640px;}
.bl-cta-tekst p{font-family:var(--font-heading);font-size:18px;line-height:28px;opacity:.82;}
.bl-cta-knoppen{flex:0 0 auto;}
.bl-cta--accent .btn:not(.btn--secondary){background:var(--navy);color:var(--white);}
.bl-cta--accent .btn:not(.btn--secondary)::after{display:none;}
.bl-cta--licht .btn--secondary{box-shadow:inset 0 0 0 1px rgba(23,27,43,.14);}

/* reviews-grid (uit de gedeelde reviewlijst) */
.bl-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}
.bl-reviews:has(>.bl-review:nth-child(2):last-child),.bl-reviews:has(>.bl-review:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.bl-review{display:flex;flex-direction:column;gap:18px;height:100%;margin:0;padding:28px;border-radius:20px;background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.06);}
.bl--wit .bl-review{box-shadow:0 0 0 1px rgba(23,27,43,.07),0 12px 40px rgba(23,27,43,.05);}
.bl-sterren{width:96px;height:14px;color:var(--accent);}
.bl-review blockquote{margin:0;font-family:var(--font-heading);font-size:17px;line-height:27px;letter-spacing:-.17px;color:var(--intro-p);}
.bl-review figcaption{display:flex;align-items:center;gap:12px;margin-top:auto;}
.bl-review figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.bl-review figcaption b{display:block;font-weight:600;color:var(--navy);}
.bl-review figcaption span{font-family:var(--font-heading);font-size:14px;line-height:20px;color:var(--muted);}

/* prijstabel (+ maand/jaar-schakelaar en border beam op het uitgelichte plan) */
.bl-periode-wrap{display:flex;justify-content:center;margin:-16px 0 40px;}
.bl-periode{display:inline-flex;padding:4px;border-radius:99px;background:var(--white);box-shadow:0 0 0 1px rgba(23,27,43,.08);}
.bl-periode button{padding:9px 18px;border-radius:99px;font-family:var(--font-ui);font-size:14px;color:var(--navy);transition:background .2s ease,color .2s ease;}
.bl-periode button[aria-pressed="true"]{background:var(--navy);color:var(--white);}
.bl-plannen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch;}
.bl-plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:36px 32px;border-radius:24px;background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.06);}
.bl-plan h3{font-family:var(--font-heading);font-weight:600;font-size:24px;line-height:30px;letter-spacing:-.72px;}
.bl-plan-oms{font-family:var(--font-heading);font-size:16px;line-height:24px;color:var(--muted);}
.bl-prijs{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-family:var(--font-heading);font-weight:700;font-size:48px;line-height:52px;letter-spacing:-1.92px;}
.bl-prijs small{font-weight:400;font-size:15px;letter-spacing:0;color:var(--muted);}
.bl-prijs-jaar{display:none;}
.bl-prijzen[data-periode="jaar"] .bl-plan:has(.bl-prijs-jaar) .bl-prijs-maand{display:none;}
.bl-prijzen[data-periode="jaar"] .bl-prijs-jaar{display:inline;}
.bl-kenmerken{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid rgba(23,27,43,.08);}
.bl-kenmerken li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-heading);font-size:16px;line-height:24px;}
.bl-plan .btn{width:100%;margin-top:auto;}
.bl-plan:not(.bl-plan--uit) .btn{background:var(--navy);color:var(--white);}
.bl-plan:not(.bl-plan--uit) .btn::after{display:none;}
.bl-plan--uit{background:var(--navy);color:var(--white);}
.bl-plan--uit .bl-plan-oms,.bl-plan--uit .bl-prijs small{color:rgba(255,255,255,.7);}
.bl-plan--uit .bl-kenmerken{border-color:rgba(255,255,255,.14);}
.bl-badge{align-self:flex-start;padding:4px 10px;border-radius:99px;background:var(--accent);font-family:var(--font-ui);font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);}
@property --bl-hoek{syntax:"<angle>";inherits:false;initial-value:0deg;}
.bl-plan--uit::before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--bl-hoek),transparent 0 65%,var(--accent) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bl-beam 4s linear infinite;pointer-events:none;}
@keyframes bl-beam{to{--bl-hoek:360deg;}}
@media (min-width:810px){.bl-plannen:has(.bl-badge) .bl-plan:not(:has(.bl-badge)) h3{margin-top:40px;}}
.bl-noot{margin-top:24px;text-align:center;font-family:var(--font-heading);font-size:14px;color:var(--muted);}

/* tabs (feature-switcher); zonder JS staan alle panelen onder elkaar */
.bl-tabs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;}
.bl-tabs:not(.js-tabs){grid-template-columns:1fr;}
.bl-tabs:not(.js-tabs) .bl-tab-knoppen{display:none;}
.bl-tab-knoppen{display:flex;flex-direction:column;gap:8px;}
.bl-tab-knop{position:relative;padding:18px 20px 18px 24px;border-radius:14px;text-align:left;font-family:var(--font-heading);font-weight:600;font-size:18px;line-height:24px;color:var(--navy);transition:background .2s ease,box-shadow .2s ease;}
.bl-tab-knop:hover{background:rgba(23,27,43,.04);}
.bl-tab-knop[aria-selected="true"]{background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.08);}
.bl-tab-knop[aria-selected="true"]::before{content:"";position:absolute;left:10px;top:16px;bottom:16px;width:3px;border-radius:2px;background:var(--accent);}
.bl--navy .bl-tab-knop{color:var(--white);}
.bl--navy .bl-tab-knop[aria-selected="true"]{background:var(--card-navy);box-shadow:none;}
.bl-tab-panelen{display:grid;gap:20px;}
.js-tabs .bl-tab-paneel:not(.is-actief){display:none;}
.bl-tab-paneel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px;border-radius:24px;background:var(--white);box-shadow:0 12px 40px rgba(23,27,43,.06);}
.bl-tab-paneel:not(:has(img)){grid-template-columns:1fr;}
.bl--navy .bl-tab-paneel{background:var(--card-navy);box-shadow:none;}
.bl-tab-paneel h3{margin-bottom:12px;font-family:var(--font-heading);font-weight:600;font-size:26px;line-height:31px;letter-spacing:-.78px;}
.bl-tab-paneel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;}

/* hero-split */
.bl-hero{padding:72px 50px 100px;}
.bl-hero.bl--navy{background:linear-gradient(rgb(20,33,59) 50%,rgb(0,255,171) 190%);}
.bl-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;}
.bl-hero-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:24px;}
.bl-hero-titel{font-family:var(--font-heading);font-weight:700;font-size:64px;line-height:67px;letter-spacing:-2.56px;color:var(--navy);text-wrap:balance;}
.bl--navy .bl-hero-titel{color:var(--white);}
.bl-hero-sub{max-width:520px;font-family:var(--font-heading);font-size:19px;line-height:30px;letter-spacing:-.19px;color:var(--muted);}
.bl--navy .bl-hero-sub{color:rgba(255,255,255,.75);}
.bl-hero-beeld img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px;}

@media (max-width:1199.98px){
  .bl{padding:80px 40px;}
  .bl-hero{padding:56px 40px 80px;}
  .bl-kol-3,.bl-kol-4{--kol:2;}
  .bl-split{gap:48px;}
  .bl-hero-in{gap:40px;}
  .bl-hero-titel{font-size:48px;line-height:52px;letter-spacing:-1.92px;}
  .bl-tabs{grid-template-columns:240px minmax(0,1fr);}
  .bl-tab-paneel{grid-template-columns:1fr;}
  .bl-cta{flex-direction:column;align-items:flex-start;gap:28px;padding:44px;}
  .bl-prijs{font-size:40px;line-height:44px;letter-spacing:-1.6px;}
}
@media (max-width:809.98px){
  .bl{padding:60px 20px;}
  .bl-cta-sec{padding-top:30px;padding-bottom:30px;}
  .bl-hero{padding:40px 20px 64px;}
  .bl-kop{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px;}
  .bl-kop--midden{align-items:center;}
  .bl-kaarten,.bl-kol-2,.bl-kol-3,.bl-kol-4{--kol:1;}
  .bl-kaart{padding:28px 24px;}
  .bl-split{grid-template-columns:1fr;gap:32px;}
  .bl-split--links .bl-split-beeld{order:0;}
  .bl-cijfers{grid-template-columns:1fr 1fr;row-gap:28px;}
  .bl-cijfer{border-left:0;padding:0 8px;}
  .bl-getal{font-size:44px;line-height:46px;letter-spacing:-1.76px;}
  .bl-cta{flex-direction:column;align-items:flex-start;gap:28px;padding:36px 24px;border-radius:20px;}
  .bl-reviews,.bl-reviews:has(>.bl-review:nth-child(2):last-child),.bl-reviews:has(>.bl-review:nth-child(4):last-child){grid-template-columns:1fr;}
  .bl-prijs{font-size:40px;line-height:44px;}
  .bl-tabs{grid-template-columns:1fr;gap:20px;}
  .bl-tab-knoppen{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;}
  .bl-tab-knop{flex:0 0 auto;padding:12px 16px 12px 20px;font-size:16px;white-space:nowrap;}
  .bl-tab-knop[aria-selected="true"]::before{left:8px;top:12px;bottom:12px;}
  .bl-tab-paneel{padding:24px 20px;}
  .bl-hero-in{grid-template-columns:1fr;gap:36px;}
  .bl-hero-titel{font-size:38px;line-height:41px;letter-spacing:-1.52px;}
  .bl-hero-sub{font-size:17px;line-height:27px;}
}
@media (prefers-reduced-motion:reduce){
  .bl-kaart,.bl-kaart::before{transition:none;}
  .bl-kaart:hover{transform:none;}
  .bl-plan--uit::before{animation:none;background:linear-gradient(var(--accent),var(--accent));opacity:.5;}
}

/* Formulieren: melding na versturen (site.js, sectie 9) */
.form-melding{margin:0;font-size:14px;line-height:1.4;}