:root{--bg:#f1f0ef;--surface:#fff;--text:#14312f;--accent:#0e6e68;--border:#14312f1f;--donker:#0f2a28;--op-donker:#edf3f1;--accent-donker:#35b5a6;--lijn-donker:#edf3f129}@font-face{font-family:Funnel Display;src:url(/fonts/funnel-display-variable-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-variable-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Sligoil;src:url(/fonts/sligoil-variable-latin.woff2)format("woff2");font-weight:90 120;font-style:normal;font-display:swap}.skip{background:var(--accent);color:#fff;z-index:100;border-radius:10px;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .2s;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.navbar{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f1f0efeb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:18px 32px;display:flex}.logo img{width:auto;height:40px}.nav-links{align-items:center;gap:36px;display:none}.nav-links a.nav-link{color:var(--text);font-size:.98rem;font-weight:600;transition:color .2s}.nav-links a.nav-link:hover{color:var(--accent)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 30px -12px #0e6e688c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px #0e6e689e}.btn-secondary{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.nav-cta{display:none}.hamburger{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:inline-flex}.hamburger span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--surface);border-bottom:1px solid var(--border);max-height:0;transition:max-height .35s;overflow:hidden}.mobile-menu.open{max-height:420px}.mobile-menu-inner{flex-direction:column;gap:4px;padding:16px 32px 28px;display:flex}.mobile-menu-inner a.nav-link{border-bottom:1px solid var(--border);padding:12px 4px;font-size:1.05rem;font-weight:600}.mobile-menu-inner .btn{width:100%;margin-top:16px}.hero{padding:72px 0 96px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:56px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.01em;margin-bottom:22px;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.02em;color:var(--text);max-width:19ch;margin-bottom:26px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(2.3rem,4.1vw,3.5rem);font-weight:600;line-height:1.05}.hero-intro{color:var(--text);max-width:46ch;margin-bottom:36px;font-size:1.15rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.hero-phone{letter-spacing:.02em;color:var(--text);font-family:Sligoil,Manrope,monospace;font-size:1rem;font-weight:90}.hero-visual{opacity:0;animation:.45s .1s forwards reveal-up;position:relative;transform:translateY(14px)}.door-frame{background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -24px #14312f47}.door-frame img{width:100%;height:auto;display:block}.config-panel{background:var(--surface);border-radius:24px;padding:24px 26px 22px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 20px 60px -20px #14312f47}.panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-head h2{letter-spacing:-.01em;color:var(--text);font-family:Funnel Display,Manrope,sans-serif;font-size:1.05rem;font-weight:600}.live-label{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:10px;padding:5px 11px;font-family:Sligoil,Manrope,monospace;font-size:.72rem;font-weight:90}.panel-rows{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.panel-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:9px;font-size:.88rem;display:flex}.panel-row:last-child{border-bottom:none;padding-bottom:0}.panel-row .label{color:var(--text);opacity:.68}.panel-row .value{color:var(--text);text-align:right;font-family:Sligoil,Manrope,monospace;font-weight:90}.panel-footer{color:var(--accent);border-top:1px solid var(--border);align-items:center;gap:9px;padding-top:14px;font-size:.86rem;font-weight:600;display:flex}.panel-footer .check{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:inline-flex}.router{padding:40px 0 112px}.router h2{letter-spacing:-.02em;color:var(--text);margin-bottom:40px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.waarom-regel{border-top:1px solid var(--border);letter-spacing:-.01em;color:var(--text);text-wrap:balance;max-width:58ch;margin-top:clamp(40px,6vh,64px);padding-top:clamp(28px,4vh,40px);font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.2rem,2vw,1.45rem);font-weight:500;line-height:1.5}.router-grid{grid-template-columns:1fr;gap:24px;display:grid}.router-card{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:24px;flex-direction:column;padding:32px 30px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.45s forwards reveal-up;display:flex;transform:translateY(14px);box-shadow:0 20px 60px -30px #14312f24}.router-card:hover,.router-card:has(.router-knop:focus-visible){border-color:#0e6e6859;transform:translateY(-6px);box-shadow:0 30px 70px -24px #14312f42}.router-card h3{letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-family:Funnel Display,Manrope,sans-serif;font-size:1.3rem;font-weight:600}.router-card p{color:var(--text);opacity:.82;flex-grow:1;margin-bottom:22px;font-size:.98rem;line-height:1.6}.footer-bar{border-top:1px solid var(--border);padding:20px 0}.footer-bar .wrap{color:var(--text);opacity:.6;font-size:.85rem}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.router-card{position:relative}.router-knop{border:1.5px solid var(--accent);color:var(--accent);white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-self:flex-start;align-items:center;margin-top:22px;padding:13px 26px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.router-knop:after{content:"";border-radius:inherit;position:absolute;inset:0}.router-card:hover .router-knop{background:var(--accent);color:#fff;border-color:var(--accent)}.router-knop:focus-visible{outline:3px solid var(--accent);outline-offset:3px}body{background:var(--donker)}.navbar{border-bottom-color:var(--lijn-donker);background:#0f2a28eb}.navbar .nav-links a.nav-link{color:var(--op-donker)}.navbar .nav-links a.nav-link:hover{color:var(--accent-donker)}.navbar .btn-primary,.mobile-menu .btn-primary{background:var(--accent-donker);color:var(--donker);box-shadow:none}.navbar .btn-primary:hover,.mobile-menu .btn-primary:hover{box-shadow:none;background:#4ad3c4}.hamburger span{background:var(--op-donker)}.mobile-menu{background:var(--donker);border-top:1px solid var(--lijn-donker)}.mobile-menu .mobile-menu-inner a.nav-link{color:var(--op-donker);border-bottom-color:var(--lijn-donker)}.hero{background:var(--donker)}.hero .eyebrow{color:var(--accent-donker)}.hero h1{color:var(--op-donker)}.hero .hero-intro{color:var(--op-donker);opacity:.86}.hero .hero-phone{color:var(--op-donker)}.hero .btn-primary{background:var(--accent-donker);color:var(--donker);box-shadow:none}.hero .btn-primary:hover{box-shadow:none;background:#4ad3c4}.hero .btn-secondary{color:var(--op-donker);border-color:var(--lijn-donker)}.hero .btn-secondary:hover{border-color:var(--accent-donker);color:var(--accent-donker)}.hero .door-frame{box-shadow:0 40px 90px -24px #0009}.hero .config-panel{box-shadow:0 26px 70px -18px #0000008c}.router{background:var(--bg)}.navbar a:focus-visible,.navbar button:focus-visible,.hero a:focus-visible{outline-color:var(--accent-donker)}.implementatie{background:var(--bg);padding:8px 0 100px}.implementatie h2{letter-spacing:-.02em;color:var(--text);max-width:18ch;margin-bottom:18px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.implementatie-intro{color:var(--text);opacity:.82;max-width:58ch;margin-bottom:52px;font-size:1.05rem;line-height:1.65}.groep{margin-bottom:44px}.groep:last-of-type{margin-bottom:0}.groepskop{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700}.onderdelen{grid-template-columns:1fr;gap:26px 44px;display:grid}.onderdeel{align-items:flex-start;gap:18px;display:flex}.onderdeel-nummer{background:var(--accent);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Sligoil,Manrope,monospace;font-size:1rem;font-weight:90;display:inline-flex}.onderdeel-body h4{color:var(--text);margin-bottom:6px;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:700}.onderdeel-body p{color:var(--text);opacity:.82;font-size:.96rem;line-height:1.6}.implementatie .btn{margin-top:52px}:root{--paneel-donker:#16302e}.vastloopt{background:var(--donker);padding:92px 0}.vastloopt h2{letter-spacing:-.02em;color:var(--op-donker);max-width:18ch;margin-bottom:40px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.vastloopt-grid{grid-template-columns:1fr;gap:20px;margin-bottom:44px;display:grid}.vastloopt-item{background:var(--paneel-donker);border:1px solid var(--lijn-donker);border-radius:24px;padding:30px 28px}.vastloopt-item h3{letter-spacing:-.01em;color:var(--op-donker);margin-bottom:12px;font-family:Funnel Display,Manrope,sans-serif;font-size:1.2rem;font-weight:600}.vastloopt-item p{color:var(--op-donker);opacity:.86;font-size:.96rem;line-height:1.6}.vastloopt .btn-secondary{color:var(--op-donker);border-color:var(--lijn-donker)}.vastloopt .btn-secondary:hover{border-color:var(--accent-donker);color:var(--accent-donker)}.vastloopt a:focus-visible{outline-color:var(--accent-donker)}.bewijs{background:var(--bg);padding:100px 0}.bewijs h2{letter-spacing:-.02em;color:var(--text);max-width:18ch;margin-bottom:32px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.bewijs-kaart{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-bottom:40px;padding:38px 34px;box-shadow:0 20px 60px -30px #14312f24}.bewijs-kaart ul{flex-direction:column;gap:20px;list-style:none;display:flex}.bewijs-kaart li{align-items:flex-start;gap:14px;display:flex}.bewijs-vink{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.75rem;display:inline-flex}.bewijs-kaart li p{color:var(--text);font-size:1rem;line-height:1.6}.bewijs-slotregel{letter-spacing:-.01em;color:var(--text);max-width:54ch;margin-bottom:40px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:500;line-height:1.5}.faq{background:var(--bg);padding:100px 0}.faq h2{letter-spacing:-.02em;color:var(--text);margin-bottom:40px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.faq-lijst{flex-direction:column;gap:14px;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:4px 28px;box-shadow:0 16px 44px -30px #14312f24}.faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:Manrope,sans-serif;font-size:1.02rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.faq-chevron{width:20px;height:20px;color:var(--accent);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-antwoord{padding:0 0 26px}.faq-antwoord p{color:var(--text);opacity:.85;max-width:68ch;font-size:.98rem;line-height:1.65}.slot{background:var(--donker);padding:84px 0 100px;overflow:visible}.slot-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}.slot-content h2{letter-spacing:-.02em;color:var(--op-donker);max-width:18ch;margin-bottom:18px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600}.slot-content p{color:var(--op-donker);opacity:.86;max-width:42ch;margin-bottom:30px;font-size:1.05rem;line-height:1.6}.slot-portret{order:-1}.slot-portret img{border-radius:24px;width:100%;max-width:340px;height:auto;margin:0 auto;display:block;box-shadow:0 30px 80px -20px #0000008c}.slot .btn-primary{background:var(--accent-donker);color:var(--donker);box-shadow:none}.slot .btn-primary:hover{box-shadow:none;background:#4ad3c4}.slot a:focus-visible{outline-color:var(--accent-donker)}.footer-bar .wrap{opacity:1;color:var(--text);font-size:1rem}.footer-bar{background:var(--bg);padding:68px 0 28px}.footer-grid{grid-template-columns:1fr;gap:36px;margin-bottom:40px;display:grid}.footer-col h2{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col li{color:var(--text);opacity:.82;font-size:.95rem}.footer-col a{transition:color .2s}.footer-col a:hover{color:var(--accent)}.footer-phone{letter-spacing:.01em;font-family:Sligoil,Manrope,monospace;font-weight:90}.footer-onderregel{border-top:1px solid var(--border);color:var(--text);opacity:.6;padding-top:20px;font-size:.85rem}.implementatie h2,.vastloopt h2,.bewijs h2{max-width:26ch}.vastloopt{overflow:visible}.bewijs-grid{grid-template-columns:1fr;align-items:start;gap:40px;display:grid}.bewijs-intro{color:var(--text);max-width:58ch;margin-bottom:18px;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.72}.bewijs-portret img{aspect-ratio:1;object-fit:cover;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 30px 70px -28px #14312f66}.bewijs-kaart{margin-top:28px}.slot-grid{grid-template-columns:1fr!important}.slot-content{max-width:34ch}.slot-content h2{max-width:none}.bewijs{padding:100px 0 76px}.bewijs-boven{grid-template-columns:1fr;align-items:start;gap:36px;display:grid}.bewijs-portret{order:-1}.bewijs-portret img{aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 30px 70px -28px #14312f6b}.bewijs-knop{margin-top:8px}.bewijs-kaart{margin-top:44px;margin-bottom:0}.bewijs-kaart ul{grid-template-columns:1fr;gap:16px;display:grid}.slot{padding:92px 0 104px}.slot-grid{display:block!important}.slot-content{text-align:center;max-width:54ch;margin:0 auto}.slot-content h2{max-width:none;margin-bottom:16px}.slot-content p{margin-bottom:30px}.impl-intro{color:var(--text);opacity:.82;max-width:56ch;margin-bottom:44px;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7}.fase-lijst{gap:20px;display:grid}.fase{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(28px,3.4vw,40px);box-shadow:0 20px 60px -34px #14312f29}.fase-kop{align-items:center;gap:16px;margin-bottom:24px;display:flex}.fase-num{background:var(--accent);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;display:flex}.fase-kop h3{letter-spacing:-.01em;color:var(--text);font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:600}.fase-kolommen{grid-template-columns:1fr;gap:22px;display:grid}.fase-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.7rem;display:block}.fase-kolom p{color:var(--text);opacity:.85;font-size:.99rem;line-height:1.7}.impl-knop{margin-top:36px}.hero-content-breed h1{max-width:28ch}.hero-content-breed .hero-intro{max-width:68ch}.diensten-onderdelen{background:var(--bg);padding:64px 0 100px}.fase-kolom p+p{margin-top:16px}.fase-oplevert{margin-top:24px}.fase[id]{scroll-margin-top:110px}.fase-kolommen.fase-kolommen-3{grid-template-columns:1fr;gap:22px}.duidelijk{background:var(--bg);padding:100px 0}.duidelijk h2{letter-spacing:-.02em;color:var(--text);max-width:26ch;margin-bottom:20px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.duidelijk p{color:var(--text);opacity:.85;max-width:64ch;font-size:1.05rem;line-height:1.7}.duidelijk+.duidelijk{padding-top:0}.eerlijk{background:var(--donker);padding:100px 0}.eerlijk h2{letter-spacing:-.02em;color:var(--op-donker);max-width:22ch;margin-bottom:36px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.eerlijk-tekst{max-width:62ch}.eerlijk-tekst p{color:var(--op-donker);opacity:.86;margin-bottom:22px;font-size:1.05rem;line-height:1.7}.eerlijk-tekst p:last-child{margin-bottom:0}.eerlijk-slotregel{letter-spacing:-.01em;color:var(--op-donker);max-width:62ch;margin-top:36px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:500;line-height:1.5}#oorsprong,#partner,#een-persoon{scroll-margin-top:110px}.bezwaar-tekst{max-width:62ch}.bezwaar-tekst p{color:var(--op-donker);opacity:.9;margin-bottom:22px;font-size:1.05rem;line-height:1.7}.bezwaar-tekst p:last-child{margin-bottom:0}.contact-duo{grid-template-columns:1fr;align-items:start;gap:44px;display:grid}.contact-form-card{background:var(--surface);border-radius:24px;padding:clamp(28px,3.4vw,44px);box-shadow:0 20px 60px -30px #14312f24}.contact-form-card h2{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600}.form-intro{color:var(--text);opacity:.82;margin-bottom:30px;font-size:1rem;line-height:1.6}.form-field{margin-bottom:22px}.form-field label{color:var(--text);margin-bottom:8px;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:700;display:block}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--text);background:var(--surface);border:1.5px solid #14312f8c;border-radius:12px;padding:12px 14px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.5;display:block}.form-field textarea{resize:vertical}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:12px}.form-error{min-height:1.2em;color:var(--text);margin-top:6px;font-size:.85rem;font-weight:700;display:block}.form-submit{margin-top:6px}.form-onderregel{color:var(--text);opacity:.68;margin-top:14px;font-size:.88rem}.form-confirmatie p{color:var(--text);font-size:1.1rem;line-height:1.6}.contact-gegevens p{margin-bottom:14px}.contact-gegevens a:hover{color:var(--accent)}.contact-gegevens a[href=\#],.contact-gegevens a[href^=mailto\:]{font-weight:700}.contact-phone{letter-spacing:-.01em;color:var(--text);margin-bottom:20px;font-size:clamp(1.6rem,2.6vw,2.1rem);display:block}.contact-phone:hover{color:var(--accent)}.mono{font-family:Sligoil,Manrope,monospace;font-weight:90}.contact-gegevens .bewijs-kaart{margin-top:34px;margin-bottom:0}.contact-gegevens .bewijs-kaart ul{grid-template-columns:1fr}.nav-links a.nav-link[aria-current=page]{color:var(--accent-donker);border-bottom:2px solid var(--accent-donker);padding-bottom:4px;font-weight:800}.mobile-menu-inner a.nav-link[aria-current=page]{color:var(--accent-donker);border-left:3px solid var(--accent-donker);padding-left:12px;font-weight:800}@media (prefers-reduced-motion:reduce){.hero-content,.hero-visual,.router-card{opacity:1!important;animation:none!important;transform:none!important}.router-card:hover,.router-card:has(.router-knop:focus-visible){transform:none}.faq-chevron{transition:none}}@media (width>=640px){.hero-actions{flex-wrap:nowrap}}@media (width>=820px){.nav-links{display:flex}.nav-cta{display:inline-flex}.hamburger,.mobile-menu{display:none}.hero-grid{grid-template-columns:1fr 1fr}.router-grid{grid-template-columns:repeat(3,1fr)}.onderdelen,.vastloopt-grid{grid-template-columns:1fr 1fr}.slot-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px}.slot-portret{order:0;align-self:start;margin-top:-140px}.slot-portret img{max-width:100%}.footer-grid{grid-template-columns:repeat(3,1fr);gap:40px}.bewijs-grid{grid-template-columns:1.2fr .8fr;gap:64px}.bewijs-boven{grid-template-columns:1fr .76fr;gap:64px}.bewijs-portret{z-index:2;order:0;margin-top:-170px;position:relative}.bewijs-portret img{aspect-ratio:4/5}.bewijs-kaart ul{grid-template-columns:1fr 1fr;gap:18px 40px}.navbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.navbar .logo{justify-self:start}.navbar .nav-links{justify-self:center}.navbar .nav-cta{justify-self:end}.contact-duo{grid-template-columns:1.05fr .9fr;gap:60px}}@media (width>=1100px){.hero-grid{grid-template-columns:1.25fr .85fr}}@media (width<=820px){.router-knop{width:100%}}@media (width>=760px){.fase-kolommen{grid-template-columns:1fr 1fr;gap:44px}}@media (width>=900px){.fase-kolommen.fase-kolommen-3{grid-template-columns:1fr 1fr 1fr;gap:32px}}@media (width>=1080px){.eerlijk .wrap{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:start;column-gap:clamp(48px,6vw,96px);display:grid}.eerlijk h2{max-width:14ch;margin-bottom:0;position:sticky;top:120px}.eerlijk-tekst,.eerlijk-slotregel{grid-column:2;max-width:66ch}}.slot-content p{margin-left:auto;margin-right:auto}.hero:not(.hero-home){padding:64px 0 76px}@media (width>=900px){.hero-content-breed{grid-template:"eyebrow intro""kop intro""acties intro"1fr/minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,5vw,72px);display:grid}.hero-content-breed .eyebrow{grid-area:eyebrow}.hero-content-breed h1{grid-area:kop;max-width:none;margin-bottom:0}.hero-content-breed .hero-actions{grid-area:acties;align-self:start;margin-top:34px}.hero-content-breed .hero-intro{grid-area:intro;align-self:end;max-width:44ch;margin-bottom:6px}}.diensten-inhoud .fase-oplevert p{margin:0}.diensten-inhoud .groepskop{margin-bottom:34px;display:block}.diensten-inhoud .groep{margin-bottom:72px}.diensten-inhoud .groep:last-of-type{margin-bottom:0}.groepskop{margin-top:0;font-size:.85rem;line-height:1.3}.stappen-kop{letter-spacing:-.02em;color:var(--text);margin-bottom:36px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.7rem,2.6vw,2.2rem);font-weight:600}.dw-tekst>*+*{margin-top:24px}.hero-subregel{color:var(--op-donker);opacity:.82;max-width:52ch;margin-top:14px;font-size:1.02rem;line-height:1.6}.blokken-intro{color:var(--text);opacity:.7;max-width:60ch;margin:clamp(36px,5vh,52px) 0 24px;font-size:.98rem}.diensten-blokken{margin-top:clamp(28px,4vh,40px)}@media (width>=640px){.diensten-blokken{columns:2;column-gap:20px}.blok{break-inside:avoid;margin:0 0 18px}.blok-breed{column-span:all}}.blok{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:18px;transition:border-color .2s,box-shadow .2s}.blok:last-child{margin-bottom:0}.blok[open]{column-span:all;border-color:var(--accent);box-shadow:0 24px 60px -30px #173b363d}.blok-summary{cursor:pointer;padding:clamp(22px,2.6vw,30px);list-style:none;display:block;position:relative}.blok-summary::-webkit-details-marker{display:none}.blok-summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:18px}.blok-plus{width:16px;height:16px;transition:transform .2s var(--snap);position:absolute;top:clamp(22px,2.6vw,30px);right:clamp(22px,2.6vw,30px)}.blok-plus:before,.blok-plus:after{content:"";background:var(--text);opacity:.55;transition:background .2s,opacity .2s;position:absolute;top:50%;left:50%}.blok-plus:before{width:16px;height:1.5px;transform:translate(-50%,-50%)}.blok-plus:after{width:1.5px;height:16px;transform:translate(-50%,-50%)}.blok[open] .blok-plus{transform:rotate(45deg)}.blok[open] .blok-plus:before,.blok[open] .blok-plus:after{background:var(--accent);opacity:1}.blok-summary h3{letter-spacing:-.01em;color:var(--text);margin-bottom:10px;padding-right:40px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.05rem,1.6vw,1.22rem);font-weight:600}@media (width>=640px){.blok-4 .blok-summary h3,.blok-6 .blok-summary h3{font-size:clamp(1.2rem,1.9vw,1.5rem)}}.blok-oplevert{color:var(--text);opacity:.78;max-width:46ch;font-size:.96rem;line-height:1.6}.blok-detail{max-width:66ch;padding:0 clamp(22px,2.6vw,30px) clamp(24px,3vw,32px)}.blok-detail p{color:var(--text);opacity:.85;font-size:.98rem;line-height:1.7}.blok-detail p+p{margin-top:14px}@media (prefers-reduced-motion:reduce){.blok,.blok-plus{transition:none}}.tekst-lijst{color:var(--text);opacity:.85;flex-direction:column;gap:10px;max-width:64ch;padding-left:22px;font-size:1.05rem;line-height:1.7;list-style:outside;display:flex}.dw-link{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.dw-link:hover{color:var(--text)}.vergelijk-blok+.vergelijk-blok{margin-top:48px}.vergelijk-blok h3{letter-spacing:-.01em;color:var(--text);margin-bottom:16px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:600}.tabel-scroll{border:1px solid var(--border);border-radius:16px;overflow-x:auto}.tabel-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:2px}table.vergelijk{border-collapse:collapse;background:var(--surface);width:100%;min-width:560px}table.vergelijk th,table.vergelijk td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);color:var(--text);padding:16px 20px;font-size:.95rem;line-height:1.5}table.vergelijk thead th{color:var(--accent);letter-spacing:.02em;font-size:.8rem}table.vergelijk th[scope=row]{font-family:Manrope,sans-serif;font-weight:700}table.vergelijk tbody tr:last-child th,table.vergelijk tbody tr:last-child td{border-bottom:none}.slot .btn-secondary{color:var(--op-donker);border-color:var(--lijn-donker)}.slot .btn-secondary:hover{border-color:var(--accent-donker);color:var(--accent-donker)}.tabel-kop{letter-spacing:-.01em;color:var(--text);margin-bottom:18px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:600}h1[id],h2[id],h3[id],section[id]{scroll-margin-top:110px}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-verzendfout{border:1px solid var(--accent);background:var(--bg);color:var(--text);border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:.95rem;line-height:1.5}.form-confirmatie:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.footer-onderregel{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 28px;display:flex}.positie-kader{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-top:clamp(32px,4.5vh,48px);margin-bottom:44px;padding:clamp(24px,3vw,32px)}.positie-kader p{color:var(--text);max-width:62ch;margin:0;font-size:1.02rem;line-height:1.7}.positie-kader strong{font-weight:700}.pakketten-rij{grid-template-columns:1fr;gap:20px;display:grid}.pakketten-rij .pakket{flex-direction:column;display:flex}.pakketten-rij .pakket h3{letter-spacing:-.01em;color:var(--text);margin-bottom:12px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600}.pakketten-rij .pakket p{color:var(--text);opacity:.85;font-size:.99rem;line-height:1.7}.pakketten-rij .pakket-link{opacity:1;margin-top:auto;padding-top:20px}@media (width>=880px){.pakketten-rij{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}.fase-uitleg{margin-top:18px}.fase-uitleg>summary{width:fit-content;font-family:var(--font-mono,"Sligoil", monospace);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);cursor:pointer;align-items:center;gap:10px;padding:8px 0;font-size:.72rem;list-style:none;display:flex}.fase-uitleg>summary::-webkit-details-marker{display:none}.fase-uitleg>summary:after{content:"";border-bottom:1.6px solid;border-right:1.6px solid;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)translate(-2px,-2px)}.fase-uitleg[open]>summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.fase-uitleg>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.fase-uitleg>summary:hover{opacity:.75}.fase-uitleg .fase-kolom{padding-top:6px}.diensten-inhoud .fase-oplevert{margin-top:22px}@media (prefers-reduced-motion:reduce){.fase-uitleg>summary:after{transition:none}}.diensten-inhoud .fase{padding:clamp(22px,2.4vw,28px)}.diensten-inhoud .fase-kop{margin-bottom:16px}.diensten-inhoud .fase-oplevert{background:0 0;border-radius:0;margin-top:0;padding:0}@media (width>=1080px){.diensten-inhoud .fase-lijst{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.diensten-inhoud .fase-lijst>.fase:only-child{grid-column:1/-1}}.bewijs-kaart+.bewijs-slotregel{margin-top:clamp(32px,4vh,48px)}.bewijs-kaart{border:none;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:clamp(30px,4vh,42px) 0 0}.bewijs-kaart ul{gap:18px 56px}.bewijs-kaart li p{opacity:.88}a.hero-phone{text-underline-offset:.25em;text-decoration:none;transition:color .2s;display:inline-block}a.hero-phone:hover{text-decoration:underline}.hero a.hero-phone:hover{color:var(--accent-donker)}a.hero-phone:focus-visible{outline:3px solid var(--accent-donker);outline-offset:4px;border-radius:4px}.router-card .router-knop{align-self:stretch;width:100%;margin-top:4px}.router-card p{margin-bottom:26px}.duidelijk+.duidelijk,.diensten-onderdelen+.duidelijk,.duidelijk+.diensten-onderdelen,.bewijs+.faq,.router+.implementatie{padding-top:clamp(28px,4vh,44px)}:root{--snap:cubic-bezier(.7, 0, .2, 1)}.js-motion .m-in{opacity:0;transform:translateY(12px)}.js-motion .m-in.is-in{opacity:1;transition:opacity .42s var(--snap), transform .42s var(--snap);transform:none}.js-motion .hero .panel-row,.js-motion .hero .panel-footer{opacity:.22;transition:opacity .3s var(--snap)}.js-motion .hero .panel-row.is-in,.js-motion .hero .panel-footer.is-in{opacity:1}@media (prefers-reduced-motion:reduce){.js-motion .m-in,.js-motion .hero .panel-row,.js-motion .hero .panel-footer{opacity:1!important;transition:none!important;transform:none!important}}.tijdlijn{margin:0;padding:0;list-style:none}.stap{grid-template-columns:52px minmax(0,1fr);column-gap:26px;padding-bottom:clamp(36px,5vh,56px);display:grid;position:relative}.stap:last-child{padding-bottom:0}.stap:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:60px;bottom:6px;left:25px}.stap-node{background:var(--accent);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;display:flex}.stap-inhoud{padding-top:4px}.stap-inhoud h3{letter-spacing:-.02em;color:var(--text);margin-bottom:20px;font-family:Funnel Display,Manrope,sans-serif;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600}.stap-kolommen{grid-template-columns:1fr;gap:20px;display:grid}.stap-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.7rem;display:block}.stap-kolom p{color:var(--text);opacity:.85;font-size:.98rem;line-height:1.7}@media (width>=900px){.stap-kolommen{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}@media (width<=560px){.stap{grid-template-columns:40px minmax(0,1fr);column-gap:18px}.stap-node{border-radius:13px;width:40px;height:40px;font-size:.88rem}.stap:not(:last-child):before{top:48px;left:19px}}h1,h2,h3,.stappen-kop,.bewijs-slotregel{text-wrap:balance}p,li,summary{text-wrap:pretty}.slot-content h2{letter-spacing:-.03em;font-size:clamp(2.1rem,4.4vw,3.4rem)}.eerlijk h2{letter-spacing:-.03em;max-width:14ch;font-size:clamp(2rem,4vw,3rem)}.faq-item{border:none;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0}.faq-item:first-child{border-top:1px solid var(--border)}.faq-item>summary,.faq-antwoord{padding-left:0;padding-right:0}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tijdlijn-kop{border-bottom:1px solid var(--border);grid-template-columns:52px minmax(0,1fr);column-gap:26px;margin-bottom:8px;padding-bottom:18px;display:none}@media (width>=900px){.tijdlijn-kop{display:grid}}.stap-kolom:nth-child(2) p{color:var(--text);opacity:1}.bewijs-portret .bewijs-kaart{border-top:1px solid var(--border);margin-top:26px;padding-top:24px}.bewijs-portret .bewijs-kaart ul{grid-template-columns:1fr;gap:14px}.bewijs-portret .bewijs-kaart li p{font-size:.92rem;line-height:1.55}.bewijs-portret .bewijs-vink{width:18px;height:18px}@media (width>=820px){.bewijs-boven{align-items:start}}.bewijs>.wrap>.bewijs-kaart{border-top:none;margin-top:clamp(44px,6vh,68px);padding-top:0}.bewijs>.wrap>.bewijs-kaart ul{grid-template-columns:1fr;gap:16px 40px}.bewijs>.wrap>.bewijs-kaart li p{opacity:.82;font-size:.92rem;line-height:1.55}.bewijs>.wrap>.bewijs-kaart .bewijs-vink{width:18px;height:18px}@media (width>=900px){.bewijs>.wrap>.bewijs-kaart ul{grid-template-columns:repeat(3,minmax(0,1fr))}}h2{line-height:1.12}h3{line-height:1.25}.slot-content h2,.eerlijk h2{line-height:1.02}.stappen-kop,.tabel-kop{line-height:1.15}.bewijs-slotregel{line-height:1.35}.diensten-inhoud .fase-lijst{align-items:stretch}.diensten-inhoud .fase{flex-direction:column;display:flex}.diensten-inhoud .fase-uitleg{margin-top:auto}.tijdlijn-intro{color:var(--text);opacity:.82;max-width:56ch;margin-bottom:clamp(30px,4vh,44px);font-size:1.02rem;line-height:1.7}.stap-inhoud{max-width:68ch}.stap-tekst{color:var(--text);opacity:.88;font-size:clamp(1.02rem,1.3vw,1.12rem);line-height:1.72}.stap-zelf{color:var(--text);opacity:.72;margin-top:16px;padding-left:26px;font-size:.95rem;line-height:1.62;position:relative}.stap-zelf:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:4px}.router-card,.diensten-inhoud .fase{box-shadow:0 1px 2px #14312f0d,0 6px 16px -10px #14312f29}.router-card:hover,.router-card:has(.router-knop:focus-visible){box-shadow:0 2px 4px #14312f0f,0 22px 44px -20px #14312f47}@media (prefers-reduced-motion:reduce){.router-card:hover,.router-card:has(.router-knop:focus-visible){transform:none}}@media (width>=900px){.contact-duo{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.form-paar{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.contact-gegevens{position:sticky;top:110px}}.form-paar .form-field{margin-bottom:0}.form-paar{margin-bottom:22px}@media (width<=480px){.btn{white-space:normal;text-align:center}}.hero-content,.hero-actions,.hero-visual,.hero-grid>*{min-width:0}.referentie{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:18px;padding:clamp(26px,3vw,34px);display:flex;box-shadow:0 20px 60px -34px #173b3629}.referentie-citaat{color:var(--text);flex-grow:1;font-size:1.02rem;line-height:1.6}.referentie-citaat:before{content:open-quote}.referentie-citaat:after{content:close-quote}.referentie-bron{flex-direction:column;gap:2px;display:flex}.referenties-kop{justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(28px,4vh,40px);display:flex}.referenties-kop h2{margin:0}.slider-knoppen{flex-shrink:0;gap:10px;display:flex}.slider-knop{border:1.5px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:flex}.slider-knop svg{width:18px;height:18px}.slider-knop:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.slider-knop:disabled{opacity:.32;cursor:default}.slider-knop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.referenties-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:20px;margin:0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.referenties-slider::-webkit-scrollbar{display:none}.referenties-slider:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}.referentie-kaart{scroll-snap-align:start;flex:0 0 86%;min-width:0}@media (width>=640px){.referentie-kaart{flex-basis:calc(50% - 10px)}}@media (width>=900px){.referentie-kaart{flex-basis:calc(33.3333% - 13.3333px)}}@media (prefers-reduced-motion:reduce){.referenties-slider{scroll-behavior:auto}}.referentie-naam{color:var(--text);font-size:.95rem;font-weight:700}.referentie-bedrijf{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-family:Sligoil,Manrope,monospace;font-size:.78rem}.duidelijk+.duidelijk,.bewijs+.bewijs,.diensten-onderdelen+.duidelijk,.router+.implementatie{background:var(--bg)}@media (width<=480px){.wrap{padding:0 20px}.fase,.diensten-inhoud .fase{padding:20px}}.referentie-logo{height:26px;margin-bottom:14px}.referentie-logo img{object-fit:contain;width:auto;max-width:130px;height:100%;display:block}@media (hover:hover){.referentie-logo img{filter:grayscale();opacity:.72;transition:filter .25s,opacity .25s}.referentie:hover .referentie-logo img{filter:grayscale(0);opacity:1}}