@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#122d47;--deep:#0a1d30;--orange:#ed823b;--orange2:#f2a76c;--ink:#182a39;--muted:#617282;--line:#dce5eb;--off:#f4f7f9;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.7;background:white}h1,h2,h3,h4,.brand{font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;line-height:1.2}h1{font-size:clamp(2.6rem,5.7vw,5.2rem);margin:0 0 24px;font-weight:800}h2{font-size:clamp(2rem,3.4vw,3.35rem);margin:0 0 22px;font-weight:800}h3{font-size:1.3rem;margin:0 0 13px;font-weight:800}p{margin:0 0 18px}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:var(--max);margin:auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e8edf1}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:800;letter-spacing:-.04em;line-height:1.18;color:var(--navy)}.brand-image img{display:block;height:78px;width:auto;max-width:min(100%,460px);flex:none}.footer .brand-image{display:inline-flex;background:transparent;padding:0;border-radius:0}.footer .brand-image img{height:66px;max-width:min(100%,390px)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;font-weight:700;color:#415365;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--orange)}.nav-cta,.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 21px;border-radius:5px;background:var(--orange);color:var(--deep)!important;font-weight:800;font-size:13px;letter-spacing:.005em;border:1px solid var(--orange);transition:transform .2s,background .2s}.nav-cta{padding:12px 17px}.button:hover,.nav-cta:hover{background:var(--orange2);transform:translateY(-2px)}.button-outline{background:transparent;border-color:#b9c5cf;color:var(--navy)!important}.button-outline:hover{background:#fff}.menu-button{display:none;background:none;border:0;cursor:pointer;font-size:28px;color:var(--navy)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--orange);margin-bottom:20px}.eyebrow.dark{color:#b65b24}.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.75;color:#d7e2ed;max-width:670px}.lead-dark{color:#526778}.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;opacity:.24;background:linear-gradient(90deg,var(--deep) 27%,transparent),repeating-linear-gradient(0deg,transparent 0 71px,#51718c 72px),repeating-linear-gradient(90deg,transparent 0 71px,#51718c 72px);mask-image:linear-gradient(90deg,transparent 20%,black)}.hero:after{content:'';position:absolute;width:670px;height:670px;border:1px solid #41607c;border-radius:50%;right:-140px;top:-150px;box-shadow:0 0 0 95px #152f4733,0 0 0 190px #152f4728;pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.22fr .78fr;gap:54px;align-items:center;min-height:640px;padding-top:92px;padding-bottom:98px}.hero h1{max-width:780px}.accent{color:var(--orange2)}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero .button-outline{color:white!important;border-color:#7790a3}.hero .button-outline:hover{color:var(--deep)!important}.hero-graphic{position:relative;min-height:370px}.technical-card{border:1px solid #4d6981;background:linear-gradient(140deg,#213e59de,#10283fd9);box-shadow:0 24px 80px #020f1a78;backdrop-filter:blur(8px);border-radius:12px;padding:26px;position:absolute;width:90%;right:0;top:24px;transform:rotate(-4deg)}.technical-card .dots{display:flex;gap:6px;margin-bottom:20px}.technical-card .dots span{height:6px;width:6px;background:var(--orange);border-radius:50%}.technical-card svg{width:100%}.floating-note{position:absolute;bottom:13px;left:0;background:white;color:var(--navy);padding:19px 23px;border-left:4px solid var(--orange);box-shadow:0 16px 40px #0003;border-radius:3px;max-width:245px;font-weight:800;font-size:14px}.floating-note span{display:block;font-weight:500;color:#66788a;font-size:12px;margin-top:3px}.trustbar{border-bottom:1px solid var(--line);background:#fff}.trust-inner{padding-top:24px;padding-bottom:24px;display:flex;gap:36px;justify-content:space-between;align-items:center;flex-wrap:wrap}.trust-item{font-size:13px;font-weight:700;color:#41576b;display:flex;gap:10px;align-items:center}.check{color:#db7837;font-weight:900;font-size:19px}.section{padding:100px 0}.section.soft{background:var(--off)}.section-intro{max-width:760px;margin-bottom:45px}.section-intro p{color:var(--muted);font-size:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.service-card{padding:34px;border:1px solid var(--line);background:white;border-radius:6px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #15385212}.service-card .number{font-family:Manrope;font-size:12px;color:#d36e2b;font-weight:800;letter-spacing:.12em;margin-bottom:40px}.service-card p,.feature p,.step p{color:var(--muted)}.text-link{font-size:13px;font-weight:800;color:#b65c25;display:inline-block;margin-top:16px}.text-link:hover{text-decoration:underline}.dark-panel{background:var(--navy);color:white;padding:62px 68px;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.dark-panel p{color:#ccd7e0}.feature{padding:24px 0;border-bottom:1px solid #d9e4eb}.feature:first-child{padding-top:0}.feature:last-child{border-bottom:0}.feature h3{font-size:18px}.bullet-list{padding:0;list-style:none;margin:22px 0}.bullet-list li{padding:9px 0 9px 25px;position:relative}.bullet-list li:before{content:'';position:absolute;left:0;top:20px;width:9px;height:9px;background:var(--orange);border-radius:1px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid var(--orange);padding-top:23px}.step strong{font-family:Manrope;color:var(--orange);font-size:13px;letter-spacing:.1em}.step h3{margin-top:30px}.cta-section{background:var(--deep);color:white;padding:75px 0;position:relative;overflow:hidden}.cta-section:after{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;border:1px solid #34536b;border-radius:50%;box-shadow:0 0 0 90px #213b501c}.cta-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-inner h2{margin-bottom:12px}.cta-inner p{color:#d0dee8;margin-bottom:0;max-width:650px}.footer{background:#091a29;color:#a7b8c6;padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px}.footer .brand{color:white}.footer p{font-size:13px;max-width:300px;margin-top:15px}.footer h4{color:white;margin:0 0 18px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer a{display:block;font-size:13px;margin:10px 0}.footer a:hover{color:var(--orange)}.copyright{border-top:1px solid #304353;padding-top:18px;margin-top:38px;font-size:12px}.page-hero{background:var(--deep);padding:110px 0 100px;color:white;position:relative;overflow:hidden}.page-hero:after{content:'';width:450px;height:450px;border:1px solid #36546e;position:absolute;right:-100px;top:-200px;border-radius:50%;box-shadow:0 0 0 75px #39516b20,0 0 0 150px #39516b12}.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:900px;font-size:clamp(2.5rem,4.6vw,4.4rem)}.page-hero p{max-width:760px;font-size:19px;color:#cfdae4}.service-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:63px 0;border-bottom:1px solid var(--line)}.service-block:last-child{border-bottom:0}.service-block h2{font-size:clamp(1.9rem,2.6vw,2.9rem)}.service-block .bullet-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.highlight{background:#edf3f7;padding:24px;border-left:3px solid var(--orange);font-weight:700;color:var(--navy);margin-top:22px}.quote-panel{padding:50px;background:var(--off);border-left:4px solid var(--orange);font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.5;font-family:Manrope;color:var(--navy)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start}.about-visual{background:var(--navy);min-height:460px;border-radius:5px;padding:55px 35px;color:white;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.about-visual:before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;border:2px solid #647f93;top:-75px;right:-110px;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff07}.about-visual strong{font-family:Manrope;font-size:70px;line-height:1;color:var(--orange2)}.about-visual p{color:#d7e0e8;font-size:17px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.contact-card{padding:40px;background:var(--off);border-radius:7px}.contact-option{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #d6e2e8}.contact-option:last-child{border:0}.contact-icon{height:42px;width:42px;flex:none;display:grid;place-items:center;color:#c0662b;background:#fce8db;border-radius:4px;font-size:20px}.contact-option strong{display:block;font-size:15px}.contact-option p{font-size:13px;color:var(--muted);margin:3px 0}.setup-note{padding:18px;background:#fff3e7;border:1px solid #edc5aa;color:#7a4423;font-size:13px;border-radius:5px;margin-top:20px}.form-label{display:block;font-size:12px;font-weight:800;color:var(--navy);margin:18px 0 6px}.form-input{width:100%;padding:13px 15px;border:1px solid #c7d5df;border-radius:4px;font:inherit;font-size:14px;background:#fff}.form-input:focus{outline:2px solid var(--orange);outline-offset:2px}textarea.form-input{resize:vertical;min-height:145px}.form-status{font-size:13px;color:#6e4b1a;margin-top:12px}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:20px;top:10px;z-index:999;background:white;padding:10px}.small-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#a96637;margin-bottom:8px}.mobile-only{display:none}@media(max-width:900px){.nav-inner{min-height:73px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:25px 28px 30px;box-shadow:0 15px 30px #152b3c1c;flex-direction:column;align-items:stretch;gap:19px}.nav-links.open{display:flex}.nav-links a{font-size:16px}.nav-cta{align-self:flex-start}.hero-inner{grid-template-columns:1fr;padding-top:70px;min-height:0;gap:15px}.hero-graphic{min-height:280px;max-width:470px;width:100%}.technical-card{top:0}.floating-note{bottom:0}.grid3,.steps{grid-template-columns:1fr 1fr}.dark-panel,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.service-block{grid-template-columns:1fr;gap:10px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.section{padding:70px 0}}@media(max-width:600px){.container{padding:0 20px}.brand{font-size:14px}.brand-image img{height:52px;max-width:100%}.footer .brand-image img{height:50px}.hero-inner{padding-top:62px;padding-bottom:65px}.hero-graphic{min-height:250px}.technical-card{width:93%}.floating-note{font-size:12px;padding:14px}.grid3,.grid2,.steps{grid-template-columns:1fr}.service-card{padding:26px}.service-card .number{margin-bottom:22px}.section{padding:62px 0}.page-hero{padding:76px 0 67px}.dark-panel{padding:36px 26px}.service-block{padding:38px 0}.service-block .bullet-list{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:25px}.trust-inner{gap:15px}.trust-item{width:100%}.about-visual{min-height:340px}.contact-card{padding:25px}.mobile-only{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.button:disabled{opacity:.6;cursor:wait!important}

/* Accessible flag selector: hover on desktop; tap or keyboard on mobile. */
.flag-language{position:relative;flex-shrink:0;align-self:center;font-family:'DM Sans',Arial,sans-serif}
.flag-language summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;border:1px solid #d6e0e8;border-radius:5px;padding:6px 9px;background:#fff;min-height:40px;user-select:none}
.flag-language summary::-webkit-details-marker{display:none}
.flag-language summary:focus-visible,.flag-language a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.flag-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:23px;line-height:1.15}
.flag-chevron{font-size:16px;color:var(--navy);line-height:1}
.flag-options{display:none;position:absolute;right:0;top:calc(100% - 1px);padding-top:9px;z-index:80;min-width:148px}
.flag-language[open] .flag-options,.flag-language:focus-within .flag-options{display:block}
@media(hover:hover) and (pointer:fine){.flag-language:hover .flag-options{display:block}}
.nav-links .flag-options a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d6e0e8;border-radius:5px;box-shadow:0 10px 25px #102e492b;padding:10px 13px;font-weight:700;font-size:13px;color:var(--navy);white-space:nowrap}
.nav-links .flag-options a:hover{background:#f4f7f9;color:#af591e}
@media(max-width:900px){.flag-language{align-self:flex-start}.flag-options{right:auto;left:0}.nav-links{gap:14px}}
@media(min-width:901px) and (max-width:1180px){.nav-links{gap:14px}.brand-image img{height:58px}}

/* Keep language menu at the far-right end of the top header on all screen widths. */
.site-header .nav-inner > .nav-links{margin-left:auto}
.site-header .nav-inner > .flag-language{margin-left:12px;order:3}
.site-header .nav-inner > .flag-language .flag-options a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d6e0e8;border-radius:5px;box-shadow:0 10px 25px #102e492b;padding:10px 13px;font-weight:700;font-size:13px;color:var(--navy);white-space:nowrap}
.site-header .nav-inner > .flag-language .flag-options a:hover{background:#f4f7f9;color:#af591e}
@media(max-width:900px){
  .site-header .nav-inner{gap:14px}
  .site-header .nav-inner > .brand{margin-right:auto;min-width:0}
  .site-header .nav-inner > .menu-button{order:2;flex-shrink:0}
  .site-header .nav-inner > .nav-links{margin-left:0}
  .site-header .nav-inner > .flag-language{margin-left:0;align-self:center;flex-shrink:0}
  .site-header .nav-inner > .flag-language .flag-options{left:auto;right:0}
}
@media(max-width:440px){
  .site-header .nav-inner{gap:8px}
  .site-header .nav-inner > .brand-image img{height:auto;max-height:43px;max-width:min(55vw,220px)}
  .site-header .nav-inner > .flag-language summary{padding:5px 7px}
}

/* Text-only NL/EN selector, positioned at the far right of the header. */
.site-header .nav-inner > .text-language{margin-left:12px;order:3;flex-shrink:0;align-self:center}
.site-header .text-language summary{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--navy);min-width:44px;justify-content:center;padding:7px 11px}
.site-header .text-language summary::marker{content:""}
.site-header .text-language .flag-options{min-width:64px;right:0;left:auto}
.site-header .text-language .flag-options a{justify-content:center;padding:9px 14px;font-size:13px;font-weight:800;letter-spacing:.06em}
@media(max-width:900px){.site-header .nav-inner > .text-language{margin-left:0;align-self:center}.site-header .text-language .flag-options{right:0;left:auto}}
@media(max-width:440px){.site-header .text-language summary{padding:5px 8px;min-width:39px}}

/* Footer refresh: a clean white canvas for the original company logo,
   consistently applied to every Dutch and English page. */
.footer{background:#fff;color:#506579;border-top:1px solid #dce5eb}
.footer .brand{color:var(--navy)}
.footer .brand-image{background:transparent;padding:0;border-radius:0;margin:0}
.footer .brand-image img{display:block;height:78px;max-width:min(100%,460px)}
.footer h4{color:var(--navy)}
.footer a{color:#435a6d}
.footer a:hover,.footer a:focus-visible{color:#b65b24}
.footer .copyright{border-top-color:#dce5eb;color:#6b7c8a}
@media(max-width:600px){.footer .brand-image img{height:52px;max-width:100%}}

/* NL / EN header selector: remove native disclosure triangle on all devices. */
.site-header .text-language > summary{
  display:flex !important;
  list-style:none !important;
  list-style-type:none !important;
  -webkit-appearance:none;
  appearance:none;
  gap:0;
}
.site-header .text-language > summary::marker{content:"" !important;font-size:0 !important;display:none !important;}
.site-header .text-language > summary::-webkit-details-marker{display:none !important;}
.site-header .text-language > summary::before,
.site-header .text-language > summary::after{content:none !important;display:none !important;}

/* Final footer and selector fix – 31 Oct 2026. Applied to NL and EN. */
body .footer {background-color:#ffffff !important;color:#506579 !important;border-top:1px solid #dce5eb !important;}
body .footer .brand-image {background:transparent !important;padding:0 !important;box-shadow:none !important;border:0 !important;}
body .footer .brand-image img {background:#ffffff !important;}
body .footer h4 {color:#122d47 !important;}
body .footer p,body .footer .copyright {color:#617282 !important;}
body .footer a:not(.brand-image) {color:#435a6d !important;}
body .footer a:hover {color:#b65b24 !important;}
body .footer .copyright {border-top:1px solid #dce5eb !important;}
.site-header .nav-inner > .text-language {order:10 !important;margin-left:12px !important;flex-shrink:0;}
.site-header .text-language > summary {display:flex !important;align-items:center !important;justify-content:center !important;list-style:none !important;list-style-type:none !important;appearance:none !important;-webkit-appearance:none !important;cursor:pointer;}
.site-header .text-language > summary::marker {content:'' !important;display:none !important;font-size:0 !important;}
.site-header .text-language > summary::-webkit-details-marker {display:none !important;}
.site-header .text-language > summary::before,.site-header .text-language > summary::after {content:none !important;display:none !important;}
.site-header .text-language .flag-options {right:0 !important;left:auto !important;}
@media (max-width:900px){.site-header .nav-inner > .text-language{margin-left:0 !important;}}