:root{--color-primary:33 185 162;--color-primary-hover:26 157 137;--color-on-dark:255 255 255;--color-text:15 23 42;--color-text-muted:71 85 105;--color-hero-dark:30 41 59;--color-hero-darker:15 23 42;--color-bg:248 250 252;--color-bg-elevated:255 255 255;--color-border:226 232 240;--color-accent:33 185 162;--color-error:185 28 28;--color-error-bg:239 68 68;--hero-overlay-opacity:.55;--hero-overlay:rgb(var(--color-hero-darker)/var(--hero-overlay-opacity));--container-max-width:72rem;--container-padding:1.5rem;--container-padding-edge:clamp(1rem,4vw,2rem);--hero-padding-top-mobile:1.25rem;--hero-padding-x-mobile:1rem;--hero-min-height-mobile:min(88svh,36rem);--section-gap:5rem;--section-gap-sm:2.5rem;--section-gap-tight:1.5rem;--section-gap-lg:7rem;--section-gap-mobile:2.5rem;--section-gap-lg-mobile:3.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-xxl:1.5rem;--shadow-card:0 4px 24px -4px #0000000f,0 8px 16px -8px #0000000a;--shadow-card-hover:0 12px 40px -8px #00000014,0 16px 24px -12px #0000000a;--transition-fast:.15s ease;--transition-normal:.28s cubic-bezier(.4,0,.2,1);--feature-zigzag-gap:2rem;--bp-sm:640px;--bp-md:768px;--bp-zigzag:480px;--over-ons-image-max-width:min(24rem,38vw);--bp-lg:1024px;--hero-slider-transition:.8s;--hero-slider-autoplay:5s;--why-zigzag-gap:1rem;--why-quiz-bg-gradient:linear-gradient(to bottom,rgb(var(--color-primary)/.04),rgb(var(--color-bg))40%);--why-quiz-dot-opacity:.06;--why-quiz-pattern-size:1.5rem;--projects-strip-bg:rgb(var(--color-bg-elevated));--projects-strip-tint:none;--projects-strip-border:1px solid rgb(var(--color-border)/.6);--services-cols-desktop:4;--services-card-gap:1rem;--services-grid-max-width:56rem;--services-zigzag-row-gap:1rem;--services-zigzag-row-padding:1.5rem 1.25rem;--services-container-padding-x:clamp(2rem,10vw,5rem);--cta-overlay:rgb(var(--color-text)/.55);--techniek-bg:linear-gradient(135deg,rgb(var(--color-hero-dark))0%,rgb(var(--color-hero-darker))100%);--bottom-flow-overlay-top:linear-gradient(to bottom,rgb(var(--color-primary)/.12)0%,transparent 35%);--bottom-flow-overlay-bottom:linear-gradient(to top,rgb(var(--color-primary))0%,transparent 55%);--hero-bg-gradient:linear-gradient(135deg,rgb(var(--color-text))0%,#1e293b 50%,rgb(var(--color-text))100%);--hero-shape-opacity:.08}@media (max-width:767px){:root{--section-gap:2.5rem;--section-gap-sm:1.5rem;--section-gap-tight:1rem;--section-gap-lg:3.5rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;margin:0;padding:0}body{color:rgb(var(--color-text));background-color:rgb(var(--color-bg));-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}body:before{content:"";background-image:radial-gradient(circle at 1px 1px,rgb(var(--color-border)/.12)1px,transparent 0);pointer-events:none;z-index:-1;opacity:.4;background-size:2.5rem 2.5rem;position:fixed;inset:0}.card-hover{transition:var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-card-hover)}.service-icon-img{transition:var(--transition-normal);filter:drop-shadow(0 1px 2px #0000000a)}.service-card:hover .service-icon-img{filter:drop-shadow(0 4px 8px rgb(var(--color-primary)/.2))}.service-card:hover{border-color:var(--service-accent,rgb(var(--color-primary)/.3))}.contact-input:focus,.contact-textarea:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.15);outline:none}.contact-input:hover:not(:disabled):not(:focus),.contact-textarea:hover:not(:disabled):not(:focus){border-color:rgb(var(--color-border)/.8)}.hero-slider{background-color:rgb(var(--color-text));position:absolute;inset:0;overflow:hidden}.hero-slider-track{height:100%;transition:transform var(--hero-slider-transition)cubic-bezier(.4,0,.2,1);will-change:transform;flex-wrap:nowrap;flex-shrink:0;display:flex}.hero-slider-slide{flex:0 0 calc(100%/var(--hero-slide-count,3));min-width:calc(100%/var(--hero-slide-count,3));position:relative;overflow:hidden}.hero-slider-slide img{object-fit:cover;object-position:center}@media (max-width:767px){.hero-section{min-height:var(--hero-min-height-mobile)}.hero-layer-content{padding-left:var(--hero-padding-x-mobile);padding-right:var(--hero-padding-x-mobile)}}.hero-section{background:var(--hero-bg-gradient);min-height:min(90vh,42rem)}@media (min-width:1024px){.hero-section{min-height:100vh}}.hero-design-bg{position:relative}.hero-shapes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape{background:rgb(var(--color-primary)/var(--hero-shape-opacity));border-radius:50%;position:absolute}.hero-shape-1{width:40vmax;height:40vmax;top:-15vmax;right:-10vmax}.hero-shape-2{width:25vmax;height:25vmax;bottom:-8vmax;left:-5vmax}.hero-shape-3{background:rgb(var(--color-on-dark)/.03);width:15vmax;height:15vmax;top:40%;left:10%}.hero-shape-4{background:rgb(var(--color-primary)/.05);width:20vmax;height:20vmax;bottom:20%;right:15%}.hero-layer-content{width:100%;padding-left:var(--container-padding-edge);padding-right:var(--container-padding-edge);box-sizing:border-box}.hero-content-with-image{grid-template-rows:auto auto;grid-template-columns:1fr;align-items:center;gap:1.25rem;min-height:auto;display:grid;position:relative}.hero-content-inner-wrap{padding-right:0;padding-top:var(--hero-padding-top-mobile);padding-bottom:.5rem}.hero-split-image-wrap{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);order:2;min-height:min(200px,40vh);display:block;position:relative;overflow:hidden}.hero-split-image-wrap:after{content:"";z-index:2;background:var(--hero-overlay);pointer-events:none;position:absolute;inset:0}.hero-split-slide{position:absolute;inset:0}.hero-split-slide img{object-fit:cover;object-position:center}@media (min-width:600px){.hero-content-with-image{grid-template-rows:1fr;grid-template-columns:1fr 38%;gap:1.5rem;min-height:55vh}.hero-content-inner-wrap{padding-right:1rem;padding-top:var(--section-gap-mobile);order:1}.hero-split-image-wrap{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);order:2;min-height:35vh}}@media (min-width:1024px){.hero-content-with-image{grid-template-columns:1fr 48%;gap:0;min-height:100%}.hero-content-inner-wrap{padding-top:0;padding-right:3rem}.hero-split-image-wrap{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);min-height:100%}.hero-layer-content{grid-template-columns:55% 1fr;align-items:center;min-height:100%;padding-right:0;display:grid}.hero-content-with-image{grid-column:1/-1;align-items:center}}.hero-overlay{z-index:1;background-color:var(--hero-overlay);pointer-events:none;position:absolute;inset:0}.over-ons-row{gap:var(--feature-zigzag-gap);grid-template-columns:1fr;align-items:center;width:100%;min-width:0;display:grid}@media (min-width:480px){.over-ons-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.over-ons-row>*{min-width:0}}.over-ons-content{min-width:0}.over-ons-image-wrap{max-width:var(--over-ons-image-max-width);border-radius:var(--radius-xl);transition:box-shadow var(--transition-normal);justify-self:end;overflow:hidden}.over-ons-image-wrap:hover{box-shadow:var(--shadow-card-hover)}.services-section-smooth{overflow:hidden}.services-content-wrap{padding-left:var(--services-container-padding-x);padding-right:var(--services-container-padding-x);max-width:var(--services-grid-max-width);margin-left:auto;margin-right:auto}.services-card-grid{gap:var(--services-card-gap);grid-template-columns:1fr;display:grid}.service-card-inner{align-items:flex-start;gap:var(--services-zigzag-row-gap);flex-direction:row;width:100%;display:flex}.service-card-zigzag[data-icon-right=true] .service-card-inner{flex-direction:row-reverse}.service-card-zigzag[data-icon-right=true] .service-card-text{text-align:right}.service-card-text{flex:1;min-width:0}.nav-logo-link{flex-shrink:0;overflow:visible}.nav-logo{max-height:var(--nav-logo-height,52px);object-fit:contain;display:block}.nav-services-link{display:none}@keyframes brand-slide{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.brand-slider-wrap{maskComposite:intersect;-webkit-mask-composite:source-in}.brand-slider-track{will-change:transform;backface-visibility:hidden}.feature-zigzag-row{gap:var(--feature-zigzag-gap);grid-template-columns:1fr;align-items:center;width:100%;min-width:0;display:grid}@media (max-width:479px){.feature-zigzag-image-wrap{margin-left:calc(-1*var(--container-padding-edge));margin-right:calc(-1*var(--container-padding-edge));width:calc(100% + 2*var(--container-padding-edge));box-sizing:content-box;max-width:100vw}}@media (min-width:480px){.feature-zigzag-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature-zigzag-row>*{min-width:0}.feature-zigzag-row[data-swap=true]{direction:rtl}.feature-zigzag-row[data-swap=true]>*{direction:ltr}}.why-zigzag-row{gap:var(--why-zigzag-gap);flex-direction:column;align-items:stretch;min-width:0;display:flex}.why-zigzag-content,.why-zigzag-image{flex:auto;min-width:0}@media (min-width:480px){.why-zigzag-row{flex-direction:row;align-items:center;gap:1.5rem}.why-zigzag-row--swap{flex-direction:row-reverse}.why-zigzag-content{flex:45%;min-width:0}.why-zigzag-image{flex:55%;min-width:0}}.techniek-section{isolation:isolate}.techniek-section-pattern{z-index:0;background-image:radial-gradient(ellipse 80% 50% at 15% 90%,rgb(var(--color-primary)/.15)0%,transparent 50%),radial-gradient(ellipse 60% 40% at 90% 10%,rgb(var(--color-on-dark)/.08)0%,transparent 45%),linear-gradient(180deg,transparent 0%,rgb(var(--color-hero-darker)/.2)100%);pointer-events:none;position:absolute;inset:0}.why-quiz-section{background:var(--why-quiz-bg-gradient);position:relative;overflow:hidden}.why-quiz-section:before{content:"";background-image:radial-gradient(circle,rgb(var(--color-primary)/var(--why-quiz-dot-opacity))1px,transparent 1px);background-size:var(--why-quiz-pattern-size)var(--why-quiz-pattern-size);pointer-events:none;position:absolute;inset:0}.why-quiz-option{animation:why-quiz-option-enter var(--transition-normal)ease-out backwards}.why-quiz-option:hover{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.06)}@keyframes why-quiz-option-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}