@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap";:root{--klant-blauw:#241d50;--klant-rood:#e40615;--klant-goud:#b38a45;--klant-achtergrond:#faf8f3;--white:#fff;--primary:var(--klant-rood);--primary-hover:#bf0816;--primary-mint:var(--klant-goud);--text-main:var(--klant-blauw);--text-muted:color-mix(in srgb, var(--klant-blauw) 70%, white);--bg-light:var(--klant-achtergrond);--bg-mint-light:color-mix(in srgb, var(--klant-goud) 10%, white);--border:color-mix(in srgb, var(--klant-blauw) 18%, white);--header-height:80px;--shadow-sm:0 6px 18px #241d5014;--shadow:0 14px 30px #241d501a;--shadow-lg:0 24px 48px #241d5029;--radius-lg:24px}*{box-sizing:border-box;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}body{background:var(--klant-achtergrond);min-width:320px;min-height:100vh;color:var(--text-main);margin:0}#root{width:100%}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.main-content{background:var(--klant-achtergrond)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{color:var(--text-main);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.section-header-centered{text-align:center;margin-bottom:5rem}.section-subtitle{color:var(--text-muted);max-width:700px;font-size:1.125rem}.brand-section{background:color-mix(in srgb, var(--klant-goud) 8%, var(--white));justify-content:center;align-items:center;padding:4rem 0;display:flex}.brand-logo-container{opacity:.85;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.brand-logo-container:hover{opacity:1}.full-brand-logo{object-fit:contain;max-width:300px;height:auto}.services-section,.process-section,.faq-section,.pricing-section,.stats-target,.contact-page,.terms-page,.not-found-page{background:var(--klant-achtergrond)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.service-card-premium{background-color:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:28px;transition:all .35s;overflow:hidden}.service-card-premium:hover{box-shadow:var(--shadow-lg);border-color:var(--klant-goud);transform:translateY(-8px)}.card-image-container{width:100%;height:240px;position:relative;overflow:hidden}.card-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.service-card-premium:hover .card-image-container img{transform:scale(1.08)}.card-overlay{background:linear-gradient(#0000,#241d5033);position:absolute;inset:0}.card-content{padding:2.2rem}.card-content h3{color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;font-weight:800}.card-content p{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.65}.learn-more-btn{text-transform:uppercase;color:var(--primary);letter-spacing:.08em;font-size:.875rem;font-weight:800;position:relative}.learn-more-btn:after{content:"";background:var(--primary);width:20px;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.service-card-premium:hover .learn-more-btn:after{width:100%}.btn-primary{background:linear-gradient(135deg, var(--klant-rood), var(--klant-goud));color:var(--white);border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .3s;box-shadow:0 6px 18px #e4061540}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #e4061552}.btn-secondary,.btn-outline{border:2px solid var(--klant-blauw);color:var(--klant-blauw);background:0 0;border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .25s}.btn-secondary:hover,.btn-outline:hover{background:color-mix(in srgb, var(--klant-goud) 12%, var(--white));border-color:var(--klant-goud)}.footer{background:var(--klant-blauw);color:var(--white);border-top:4px solid var(--klant-rood);padding:8rem 0 3rem}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:4rem;display:grid}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:.875rem;font-weight:800}.footer-col ul{flex-direction:column;gap:.75rem;display:flex}.footer-col a,.footer-col button{color:color-mix(in srgb, var(--white) 72%, transparent);text-align:left;font-size:.95rem;font-weight:600}.footer-col a:hover,.footer-col button:hover{color:var(--klant-goud)}.footer-bottom{text-align:center;color:color-mix(in srgb, var(--white) 64%, transparent);border-top:1px solid #ffffff24;padding-top:2rem;font-size:.875rem;font-weight:500}@media (width<=1200px){.footer-grid{grid-template-columns:1fr 1fr}.footer-col.brand{grid-column:1/-1}}@media (width<=1023px){.app{padding-bottom:64px}}@media (width<=768px){.container{padding:0 1.25rem}.section-header-centered{margin-bottom:3rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.full-brand-logo{max-width:220px}}.header{height:var(--header-height);z-index:1000;pointer-events:none;align-items:center;display:flex;position:fixed;top:1.5rem;left:0;right:0}@media (width<=640px){.header{top:.75rem}}.header-inner{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);width:95%;max-width:1400px;height:70px;box-shadow:var(--shadow);background-color:#ffffffe0;border-radius:20px;justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.logo{color:var(--text-main);cursor:pointer;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:900;display:flex}.logo span{margin:0;line-height:1;display:block}.logo-img{width:auto;height:40px}.desktop-nav{display:none}@media (width>=1024px){.desktop-nav{gap:2.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}}.nav-link{color:var(--text-main);cursor:pointer;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:700;display:flex}.nav-link:hover{color:var(--primary)}.utility-nav{justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.btn-contact{background:linear-gradient(135deg, var(--klant-rood), var(--klant-goud));color:var(--white);cursor:pointer;border:none;border-radius:14px;padding:.75rem 1.75rem;font-weight:800;box-shadow:0 8px 14px #e4061538}.mega-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:1001;pointer-events:auto;box-shadow:var(--shadow-lg);background-color:#fffffff5;border-radius:24px;padding:2.4rem;position:absolute;top:85px;left:0;right:0}.mega-menu-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.mega-menu-column h3{text-transform:uppercase;letter-spacing:.06em;color:var(--klant-goud);margin-bottom:1rem;font-size:.75rem}.mega-menu-item{color:var(--text-main);align-items:center;gap:1rem;padding:.65rem 0;text-decoration:none;display:flex}.mega-menu-item:hover{color:var(--primary)}.mega-menu-icon{color:var(--primary);display:inline-flex}.hero{background:linear-gradient(160deg, color-mix(in srgb, var(--klant-rood) 8%, var(--klant-achtergrond)) 0%, var(--klant-achtergrond) 50%, color-mix(in srgb, var(--klant-goud) 10%, var(--white)) 100%);min-height:calc(100vh - var(--header-height));align-items:center;padding:8rem 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#e406151a 0%,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{z-index:1;grid-template-columns:1fr;align-items:center;gap:5rem;display:grid;position:relative}@media (width>=1024px){.hero-content{grid-template-columns:1.1fr .9fr}}.hero-full-logo{object-fit:contain;width:auto;height:80px;margin-bottom:2.5rem}@media (width<=640px){.hero-full-logo{height:60px;margin-bottom:2rem}}.hero-badge{background-color:color-mix(in srgb, var(--klant-goud) 14%, var(--white));color:var(--primary);border:1px solid var(--border);border-radius:100px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.badge-dot{background-color:var(--primary);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e4061533}.hero-text h1{color:var(--text-main);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05}.typing-container{min-width:250px;display:inline-block}.accent-text{color:var(--primary);background:linear-gradient(to right, var(--klant-rood), var(--klant-goud));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:3rem;font-size:1.25rem;line-height:1.7}.hero-bullets{flex-wrap:wrap;gap:2rem;margin-bottom:3.5rem;display:flex}.bullet-item{color:var(--text-main);align-items:center;gap:.75rem;font-weight:700;display:flex}.check-wrapper{background-color:color-mix(in srgb, var(--klant-goud) 15%, var(--white));border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.check-icon{color:var(--klant-goud)}.hero-actions{flex-wrap:wrap;gap:1.5rem;display:flex}.btn-outline{border:2px solid var(--klant-blauw);color:var(--klant-blauw);background-color:#0000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-outline:hover{border-color:var(--klant-goud);background-color:color-mix(in srgb, var(--klant-goud) 10%, var(--white))}.hero-image-wrapper{justify-content:center;align-items:center;height:600px;display:flex;position:relative}@media (width<=1023px){.hero-image-wrapper{height:400px;margin-top:2rem}.warehouse-bg-container{height:300px;transform:none}.typing-container{min-width:180px}}@media (width<=640px){.hero{padding:4rem 0}.hero-badge{margin-bottom:1.5rem}.hero-text h1{font-size:2.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1.125rem}.hero-bullets{gap:1rem;margin-bottom:2.5rem}.hero-actions{flex-direction:column;width:100%}.hero-actions button{justify-content:center;width:100%}.hero-image-wrapper{height:320px}.warehouse-bg-container{border-radius:24px;height:240px}.product-floating-card{width:140px;padding:.5rem}.card-1{top:-10%;right:0}.card-2{bottom:-10%;left:0}}.warehouse-bg-container{width:100%;height:450px;box-shadow:var(--shadow-lg);border-radius:40px;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)}.warehouse-image{object-fit:cover;width:100%;height:100%}.image-overlay{background:linear-gradient(#0000,#241d5047);position:absolute;inset:0}.product-floating-card{background-color:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:10;border-radius:20px;flex-direction:column;gap:.75rem;width:180px;padding:.75rem;display:flex;position:absolute}.product-floating-card img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.card-info{flex-direction:column;gap:.25rem;display:flex}.card-tag{text-transform:uppercase;color:var(--klant-goud);letter-spacing:.05em;font-size:.625rem;font-weight:800}.card-info h4{color:var(--klant-blauw);margin:0;font-size:.875rem;font-weight:800}.card-1{top:5%;right:-5%}.card-2{bottom:5%;left:-5%}.abstract-shape{filter:blur(80px);z-index:-1;opacity:.4;border-radius:50%;position:absolute}.shape-1{background-color:var(--klant-goud);width:300px;height:300px;top:10%;right:10%}.shape-2{background-color:var(--klant-rood);width:200px;height:200px;bottom:10%;left:10%}.stats-target{z-index:20;margin-top:-4rem;position:relative}@media (width<=640px){.stats-target{margin-top:-2rem}}.stats-bar{background-color:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;max-width:1000px;margin:0 auto;padding:2.5rem 0}@media (width<=1023px){.stats-bar{width:90%;padding:2rem 1rem}}.stats-grid{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2rem;display:flex}@media (width<=640px){.stats-grid{gap:1.5rem}}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--text-main);font-size:2rem;font-weight:800}@media (width<=640px){.stat-value{font-size:1.5rem}}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.875rem;font-weight:600}@media (width<=640px){.stat-label{font-size:.75rem}}.stat-divider{background-color:var(--border);width:1px;height:50px}@media (width<=768px){.stat-divider{display:none}}.target-section{padding:6rem 0}@media (width<=640px){.target-section{padding:4rem 0}}.target-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}@media (width<=640px){.target-grid{grid-template-columns:1fr;gap:1.5rem}}.target-card{background-color:var(--white);text-align:center;border:1px solid var(--border);border-radius:16px;padding:3rem 2rem;transition:all .3s}@media (width<=640px){.target-card{padding:2rem}}.target-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}.target-icon{background-color:var(--bg-light);width:70px;height:70px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .3s;display:flex}.target-card:hover .target-icon{background-color:var(--primary);color:var(--white)}.target-card h3{color:var(--text-main);font-size:1.25rem;font-weight:700}.process-section{background-color:var(--white);padding:10rem 0;position:relative}@media (width<=640px){.process-section{padding:5rem 0}}.process-content{grid-template-columns:1fr;align-items:center;gap:8rem;display:grid}@media (width<=1023px){.process-content{gap:4rem}}@media (width>=1024px){.process-content{grid-template-columns:.9fr 1.1fr}}.image-wrapper-styled{box-shadow:var(--shadow-lg);border-radius:40px;position:relative}.main-process-img{object-fit:cover;border-radius:40px;width:100%;height:600px}@media (width<=640px){.main-process-img{border-radius:24px;height:350px}}.experience-badge{background-color:var(--primary);color:var(--white);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;align-items:center;padding:2rem;display:flex;position:absolute;bottom:-2rem;right:-2rem}@media (width<=640px){.experience-badge{border-radius:16px;padding:1rem;bottom:-1rem;right:-1rem}.experience-badge .years{font-size:1.5rem!important}}.experience-badge .years{font-size:2.5rem;font-weight:900;line-height:1}.experience-badge .exp-text{text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:700}.process-text{padding-left:2rem}@media (width<=1023px){.process-text{padding-left:0}}.steps-list{flex-direction:column;margin-top:4rem;display:flex}@media (width<=640px){.steps-list{margin-top:2.5rem}}.step-item{gap:2rem;display:flex}@media (width<=640px){.step-item{gap:1.25rem}}.step-marker{flex-direction:column;align-items:center;display:flex}.icon-circle{background-color:var(--bg-mint-light);width:48px;height:48px;color:var(--primary);border:1px solid #e3061333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=640px){.icon-circle{width:40px;height:40px}}.step-line{background:linear-gradient(to bottom, var(--primary), transparent);opacity:.2;flex:1;width:2px;margin:1rem 0}.step-info{padding-bottom:3.5rem}@media (width<=640px){.step-info{padding-bottom:2.5rem}}.step-info h3{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}@media (width<=640px){.step-info h3{font-size:1.25rem}}.step-info p{color:var(--text-muted);margin-bottom:1.25rem;font-size:1.125rem;line-height:1.7}@media (width<=640px){.step-info p{font-size:1rem}}.step-learn-more{color:var(--primary);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;transition:gap .3s;display:inline-flex}.step-learn-more:hover{gap:.75rem}.faq-section{padding:10rem 0}.container.small{max-width:900px}.faq-list{flex-direction:column;gap:1.25rem;display:flex}.faq-item{background-color:var(--white);border:1px solid var(--border);border-radius:20px;transition:all .3s;overflow:hidden}.faq-item.open{border-color:var(--primary);box-shadow:var(--shadow)}.faq-question{width:100%;color:var(--text-main);text-align:left;letter-spacing:-.01em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:2rem;font-size:1.25rem;font-weight:800;display:flex}.chevron-circle{background-color:var(--bg-light);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.chevron-circle.active{background-color:var(--primary);color:var(--white);transform:rotate(180deg)}.faq-answer{overflow:hidden}.answer-inner{padding:0 2rem 2.5rem}.answer-inner p{color:var(--text-muted);font-size:1.125rem;line-height:1.8}.contact-page{background:var(--klant-achtergrond);color:var(--text-main);padding-top:120px}.contact-grid{flex-direction:column-reverse;gap:3rem;padding:2rem 0 5rem;display:flex}@media (width>=1024px){.contact-grid{grid-template-columns:.42fr .58fr;gap:2.5rem;display:grid}}.contact-info-cards{flex-direction:column;gap:1rem;display:flex}.info-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .25s,border-color .25s;display:flex}.info-card:hover{border-color:var(--klant-rood);transform:translate(6px)}.info-card .icon-box{width:52px;height:52px;color:var(--klant-rood);background:color-mix(in srgb, var(--klant-rood) 8%, var(--white));border:1px solid color-mix(in srgb, var(--klant-rood) 20%, var(--white));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-text h3{text-transform:uppercase;letter-spacing:.06em;color:var(--klant-goud);margin:0 0 .25rem;font-size:.8rem;font-weight:800}.info-text p{color:var(--text-main);margin:0 0 .1rem;font-weight:700}.info-text span{color:var(--text-muted);font-size:.875rem;font-weight:600}.contact-form-container{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:2.2rem}.form-header{align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.form-icon-box{background:linear-gradient(135deg, var(--klant-rood), var(--klant-goud));width:46px;height:46px;color:var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-header h2{color:var(--klant-blauw);margin:0;font-size:1.65rem;font-weight:800}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.input-group{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.input-group label{color:var(--klant-blauw);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--border);background:var(--klant-achtergrond);color:var(--text-main);border-radius:12px;padding:.95rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--klant-rood);outline:none;box-shadow:0 0 0 4px #e406151a}.btn-send{background:linear-gradient(135deg, var(--klant-rood), var(--klant-goud));width:100%;color:var(--white);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;margin-top:.75rem;padding:1rem 1.25rem;font-size:1rem;font-weight:800;transition:transform .25s,box-shadow .25s;display:flex}.btn-send:hover{transform:translateY(-2px);box-shadow:0 14px 24px #e4061542}.map-section{padding-bottom:6rem}.map-placeholder{width:100%;height:420px;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--white);border-radius:32px;overflow:hidden}@media (width<=768px){.contact-page{padding-top:100px}.contact-form-container{padding:1.4rem}.map-placeholder{border-radius:24px;height:320px}}