@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-serif-display-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-serif-display-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-serif-display-latin-ext-400-italic.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-serif-display-latin-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-ext-300-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-300-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d1117;--ink-60:#0d111799;--ink-30:#0d11174d;--ink-10:#0d111712;--cream:#f6f4f0;--white:#fff;--blue:#1246c8;--blue-light:#eef3ff;--rule:#0d111714;--serif:"DM Serif Display",Georgia,serif;--sans:"Plus Jakarta Sans",system-ui,sans-serif;--max:1200px;--pad:max(5%,calc(50% - 600px))}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--white);font-weight:300;overflow-x:hidden}#hero{background:var(--ink);min-height:100vh;padding:0 var(--pad);align-items:center;display:flex;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#1246c80f 1px,#0000 1px),linear-gradient(90deg,#1246c80f 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-glow{pointer-events:none;background:radial-gradient(circle,#1246c82e 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite glow-drift;position:absolute;top:-100px;right:-100px}@keyframes glow-drift{0%,to{transform:translate(0)}50%{transform:translate(-40px,40px)}}.hero-inner{max-width:var(--max);z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;margin:0 auto;padding:120px 0 80px;display:grid;position:relative}.hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:#1246c81f;border:1px solid #1246c840;border-radius:100px;align-items:center;gap:8px;margin-bottom:2rem;padding:.4rem 1rem;font-size:.72rem;font-weight:500;display:inline-flex}.hero-kicker:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--white);margin-bottom:1.5rem;font-size:clamp(3rem,5.5vw,5rem);font-weight:400;line-height:1.05}.hero-h1 em{color:#0000;background:linear-gradient(135deg,#4a7fff,#1246c8);-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-body{color:#ffffff80;max-width:44ch;margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-badges{flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;display:flex}.hero-badge{color:#ffffff73;letter-spacing:.01em;align-items:center;gap:.4rem;font-size:.72rem;font-weight:400;display:flex}.btn-primary{background:var(--blue);color:var(--white);letter-spacing:.02em;border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 24px #1246c866}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1246c880}.btn-primary:after{content:"→";transition:transform .2s}.btn-primary:hover:after{transform:translate(4px)}.btn-ghost{color:#fff9;border-bottom:1px solid #fff3;padding-bottom:2px;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .15s}.btn-ghost:hover{color:var(--white);border-color:#fff9}.hero-mockup{animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mockup-browser{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0d}.mockup-bar{background:#ffffff0f;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:44px;padding:0 16px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-content{padding:28px}.m-nav{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:24px}.m-hero{background:linear-gradient(135deg,#1246c833,#1246c80d);border-radius:10px;align-items:center;gap:12px;height:80px;margin-bottom:20px;padding:16px;display:flex}.m-hero-text{flex:1}.m-h1{background:#fff3;border-radius:3px;width:80%;height:14px;margin-bottom:8px}.m-h2{background:#ffffff1a;border-radius:3px;width:60%;height:10px}.m-btn{background:var(--blue);opacity:.8;border-radius:12px;width:60px;height:24px}.m-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.m-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;height:56px}.m-text-rows{flex-direction:column;gap:6px;display:flex}.m-row{background:#ffffff12;border-radius:3px;height:7px}.m-row:nth-child(2){width:80%}.m-row:nth-child(3){width:60%}.marquee-strip{background:var(--blue);padding:14px 0;display:flex;overflow:hidden}.marquee-track{white-space:nowrap;gap:0;animation:20s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{letter-spacing:.1em;text-transform:uppercase;color:#fffc;align-items:center;gap:1rem;padding:0 2.5rem;font-size:.78rem;font-weight:500;display:flex}.marquee-item:after{content:"✦";opacity:.6;font-size:.5rem}section{padding:8rem var(--pad)}section.alt{background:var(--cream)}.wrap{max-width:var(--max);margin:0 auto}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin-bottom:1.25rem;font-size:.7rem;font-weight:600;display:flex}.section-label:before{content:"";background:var(--blue);width:20px;height:1.5px}h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.1}h2 em{color:var(--blue);font-style:italic}.diensten-top{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:5rem;display:grid}.diensten-body{color:var(--ink-60);font-size:.95rem;font-weight:300;line-height:1.8}.diensten-grid{background:var(--rule);border:1px solid var(--rule);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.dienst-item{background:var(--white);padding:2.5rem 2rem;transition:background .2s;position:relative;overflow:hidden}.dienst-item:after{content:"";background:var(--blue);transform-origin:0;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.dienst-item:hover{background:var(--blue-light)}.dienst-item:hover:after{transform:scaleX(1)}.dienst-num{letter-spacing:.12em;color:var(--blue);opacity:.7;margin-bottom:1.5rem;font-size:.65rem;font-weight:600}.dienst-item h3{font-family:var(--serif);color:var(--ink);margin-bottom:.75rem;font-size:1.2rem;font-weight:400;line-height:1.2}.dienst-item p{color:var(--ink-60);font-size:.83rem;font-weight:300;line-height:1.75}.stappen{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;display:grid}.stap{background:var(--white);border:1px solid var(--rule);border-radius:16px;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.stap:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0d111714}.stap-num{font-family:var(--serif);color:var(--ink-10);font-size:3.5rem;font-weight:400;line-height:1;position:absolute;top:2rem;right:2rem}.stap h3{color:var(--ink);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.stap p{color:var(--ink-60);font-size:.82rem;font-weight:300;line-height:1.75}#prijzen{background:var(--ink)}#prijzen .section-label{color:#fff6}#prijzen .section-label:before{background:#ffffff4d}#prijzen h2{color:var(--white)}#prijzen h2 em{color:#4a7fff}.prijzen-intro{color:#fff6;max-width:50ch;font-size:.92rem;font-weight:300;line-height:1.8}.prijzen-top{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:4rem;display:grid}.prijzen-grid{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.prijs-card{background:#ffffff08;padding:3rem 2.5rem;transition:background .2s;position:relative}.prijs-card:hover{background:#ffffff0f}.prijs-card.featured{background:var(--blue)}.prijs-card.featured:hover{background:#1550e0}.prijs-tier{letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin-bottom:2rem;font-size:.65rem;font-weight:600}.prijs-card.featured .prijs-tier{color:#ffffffb3}.prijs-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;background:#fff3;border-radius:100px;margin-left:.6rem;padding:.2rem .6rem;font-size:.58rem;display:inline-block}.prijs-amount{font-family:var(--serif);letter-spacing:-.03em;color:var(--white);margin-bottom:.25rem;font-size:4rem;line-height:1}.prijs-sup{vertical-align:super;font-size:1.6rem}.prijs-period{letter-spacing:.08em;color:#ffffff4d;margin-bottom:.25rem;font-size:.7rem}.prijs-hosting{color:#ffffff80;margin-bottom:2.5rem;font-size:.78rem}.prijs-card.featured .prijs-hosting{color:#ffffffa6}.prijs-divider{background:#ffffff14;height:1px;margin-bottom:2rem}.prijs-list{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;list-style:none;display:flex}.prijs-list li{color:#ffffffa6;align-items:flex-start;gap:.75rem;font-size:.84rem;font-weight:300;line-height:1.5;display:flex}.prijs-list li:before{content:"";background:#ffffff26 url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L6 10L11 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:1px}.prijs-card.featured .prijs-list li{color:#ffffffd9}.prijs-note{color:#ffffff59;margin-bottom:1.5rem;font-size:.72rem;font-weight:300;line-height:1.6}.btn-prijs{text-align:center;letter-spacing:.02em;cursor:pointer;font-size:.83rem;font-weight:500;font-family:var(--sans);border:none;border-radius:100px;width:100%;padding:.9rem 1.5rem;text-decoration:none;transition:all .2s;display:block}.btn-prijs-outline{color:#ffffffb3;background:0 0;border:1px solid #ffffff26}.btn-prijs-outline:hover{color:var(--white);border-color:#fff6}.btn-prijs-featured{background:var(--white);color:var(--blue)}.btn-prijs-featured:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}#over{grid-template-columns:1fr 1fr;padding:0;display:grid}.over-left{padding:8rem var(--pad);background:var(--cream)}.over-right{padding:8rem var(--pad);background:var(--white)}.over-left h2{margin-bottom:1.5rem}.over-left p{color:var(--ink-60);margin-bottom:1rem;font-size:.95rem;font-weight:300;line-height:1.8}.waarden{flex-direction:column;gap:0;display:flex}.waarde{border-bottom:1px solid var(--rule);grid-template-columns:2.5rem 1fr;align-items:start;gap:1.5rem;padding:1.75rem 0;transition:transform .2s;display:grid}.waarde:first-child{border-top:1px solid var(--rule)}.waarde:hover{transform:translate(6px)}.waarde-n{letter-spacing:.12em;color:var(--blue);opacity:.7;padding-top:.2rem;font-size:.6rem;font-weight:600}.waarde h3{color:var(--ink);margin-bottom:.35rem;font-size:.9rem;font-weight:600}.waarde p{color:var(--ink-60);font-size:.82rem;font-weight:300;line-height:1.7}.faq-list{border-top:1px solid var(--rule)}.faq-item{border-bottom:1px solid var(--rule)}.faq-q{cursor:pointer;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;display:flex}.faq-icon{background:var(--ink-10);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.faq-item.open .faq-icon{background:var(--blue);transform:rotate(45deg)}.faq-icon svg{stroke:var(--ink);transition:stroke .2s}.faq-item.open .faq-icon svg{stroke:#fff}.faq-a{padding-bottom:1.5rem;display:none}.faq-item.open .faq-a{display:block}.faq-a p{color:var(--ink-60);max-width:65ch;font-size:.88rem;font-weight:300;line-height:1.8}#contact{background:var(--ink);padding:8rem var(--pad)}.contact-inner{max-width:var(--max);grid-template-columns:1fr 1fr;gap:6rem;margin:0 auto;display:grid}.contact-left .section-label{color:#ffffff4d}.contact-left .section-label:before{background:#fff3}.contact-left p{color:#fff6;margin-bottom:2rem;font-size:.92rem;font-weight:300;line-height:1.8}.contact-link{color:#ffffff8c;border-bottom:1px solid #ffffff0f;align-items:center;gap:1rem;padding:1.25rem 0;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.contact-link:first-of-type{border-top:1px solid #ffffff0f}.contact-link:hover{color:var(--white);padding-left:8px}.cl-icon{background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.form-field{border-bottom:1px solid #ffffff14;transition:border-color .2s}.form-field:first-of-type{border-top:1px solid #ffffff14}.form-field:focus-within{border-bottom-color:#1246c899}.form-field label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;padding:1rem 0 .4rem;font-size:.6rem;font-weight:600;display:block}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--white);font-family:var(--sans);caret-color:var(--blue);background:0 0;border:none;outline:none;padding:0 0 1rem;font-size:.92rem;font-weight:300;display:block}.form-field select option{background:var(--ink)}.form-field textarea{resize:none}.form-note{color:#fff3;padding:1rem 0 1.5rem;font-size:.72rem;line-height:1.6}.btn-submit{background:var(--blue);color:var(--white);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;border:none;border-radius:100px;width:100%;padding:1rem 2rem;font-size:.88rem;font-weight:500;transition:all .2s;box-shadow:0 4px 20px #1246c866}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1246c880}#formSuccess{color:#fff9;padding:3rem 0;font-size:.95rem;line-height:1.8}#formSuccess strong{color:var(--white)}#portfolio{background:var(--cream)}.portfolio-top{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:4rem;display:grid}.portfolio-intro{color:var(--ink-60);font-size:.95rem;font-weight:300;line-height:1.8}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.portfolio-card{background:var(--white);border:1px solid var(--rule);color:inherit;border-radius:20px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0d11171a}.portfolio-card-img{background:var(--ink);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.portfolio-card-body{padding:2rem}.portfolio-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:.75rem;font-size:.62rem;font-weight:600;display:block}.portfolio-card-body h3{font-family:var(--serif);color:var(--ink);margin-bottom:.5rem;font-size:1.3rem;font-weight:400;line-height:1.2}.portfolio-card-body p{color:var(--ink-60);margin-bottom:1.25rem;font-size:.83rem;font-weight:300;line-height:1.7}.portfolio-link{color:var(--blue);align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;transition:gap .2s;display:inline-flex}.portfolio-card:hover .portfolio-link{gap:.75rem}.portfolio-cta-row{text-align:center;margin-top:3rem}.portfolio-cta-row p{color:var(--ink-60);font-size:.88rem;font-weight:300}.portfolio-cta-row strong{color:var(--ink);font-weight:500}.testimonial-wrap{margin-top:3rem}.testimonial{background:var(--white);border:1px solid var(--rule);border-left:4px solid var(--blue);border-radius:0 16px 16px 0;max-width:720px;margin:0 auto;padding:2rem 2.5rem;position:relative}.testimonial:before{content:"\"";font-family:var(--serif);color:var(--blue-light);pointer-events:none;font-size:5rem;line-height:1;position:absolute;top:.5rem;left:1.5rem}.testimonial-quote{color:var(--ink);margin-bottom:1.25rem;padding-left:2rem;font-size:1rem;font-style:italic;font-weight:300;line-height:1.8}.testimonial-cite{flex-direction:column;gap:.2rem;padding-left:2rem;display:flex}.testimonial-name{color:var(--ink);font-size:.85rem;font-weight:600}.testimonial-role{color:var(--ink-60);font-size:.75rem}.sticky-cta{z-index:300;background:var(--blue);text-align:center;padding:1rem 1.25rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #1246c866}.sticky-cta a{color:#fff;font-size:.9rem;font-weight:500;text-decoration:none}.js .reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.reveal.vis{opacity:1;transform:none}.js .reveal-left{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-28px)}.reveal-left.vis{opacity:1;transform:none}.js .reveal-right{opacity:0;transition:opacity .65s,transform .65s;transform:translate(28px)}.reveal-right.vis{opacity:1;transform:none}@media (width<=900px){.sticky-cta{display:block}body{padding-bottom:60px}.hero-inner{grid-template-columns:1fr;padding:100px 0 60px}.hero-mockup{display:none}.diensten-grid,.stappen{grid-template-columns:1fr 1fr}#over{grid-template-columns:1fr}.over-left,.over-right{padding:5rem var(--pad)}.prijzen-top{grid-template-columns:1fr;gap:1.5rem}.prijzen-grid{grid-template-columns:1fr}.diensten-top{grid-template-columns:1fr;gap:1.5rem}#faq .faq-top{grid-template-columns:1fr;gap:1rem}.contact-inner{grid-template-columns:1fr;gap:3rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-top{grid-template-columns:1fr;gap:1.5rem}section{padding:5rem var(--pad)}}@media (width<=480px){.diensten-grid,.stappen{grid-template-columns:1fr}section{padding:3.5rem var(--pad)}.hero-h1{font-size:clamp(2.2rem,8vw,3rem)}.hero-badges{gap:.75rem}.hero-badge{font-size:.68rem}.prijs-card{padding:2rem 1.5rem}h2{font-size:clamp(1.9rem,6vw,2.8rem)}}@media (width<=360px){section{padding:3rem var(--pad)}.hero-h1{font-size:2rem}}.skip-link{z-index:1000;background:var(--blue);color:var(--white);border-radius:8px;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #4a7fff}nav#mainNav{z-index:200;padding:0 var(--pad);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);background:#ffffffeb;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}nav#mainNav.dark{background:#070f24eb;border-bottom-color:#ffffff0f}.nav-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:1.5rem;height:68px;margin:0 auto;display:flex}.nav-logo img{width:auto;height:34px;display:block}.nav-logo .logo-donker,nav.dark .nav-logo .logo-licht{display:none}nav.dark .nav-logo .logo-donker{display:block}.nav-links{align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-links>li{align-items:center;display:flex;position:relative}.nav-links>li>a{color:var(--ink-60);letter-spacing:.01em;white-space:nowrap;padding:0 .85rem;font-size:.82rem;font-weight:400;line-height:68px;text-decoration:none;transition:color .15s;display:block}.nav-links>li.has-sub>a{padding-right:.2rem}nav.dark .nav-links>li>a{color:#fff9}.nav-links>li>a:hover,.nav-links>li>a[aria-current]{color:var(--ink)}nav.dark .nav-links>li>a:hover,nav.dark .nav-links>li>a[aria-current]{color:var(--white)}.nav-links>li>a[aria-current]:after{content:"";background:var(--blue);border-radius:2px;height:2px;margin-top:-18px;margin-bottom:16px;display:block}nav.dark .nav-links>li>a[aria-current]:after{background:#4a7fff}.nav-links-cta{display:none!important}.sub-toggle{color:var(--ink-60);cursor:pointer;background:0 0;border:0;border-radius:4px;margin-right:.35rem;padding:.4rem;display:inline-flex}nav.dark .sub-toggle{color:#fff9}.sub-toggle svg{transition:transform .2s}.has-sub.open .sub-toggle svg,.has-sub:hover .sub-toggle svg{transform:rotate(180deg)}.sub{opacity:0;visibility:hidden;background:#0d1117;border:1px solid #ffffff14;border-radius:14px;min-width:260px;margin:0;padding:.5rem;list-style:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:absolute;top:calc(100% - 8px);left:-.5rem;transform:translateY(6px);box-shadow:0 24px 48px #00000059}.has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.open .sub{opacity:1;visibility:visible;transition:opacity .18s,transform .18s,visibility;transform:none}.sub a{border-radius:10px;gap:2px;padding:.7rem .85rem;text-decoration:none;transition:background .15s;display:grid}.sub a strong{color:var(--white);font-size:.85rem;font-weight:500}.sub a span{color:#ffffff80;font-size:.74rem;font-weight:300}.sub a:hover,.sub a[aria-current]{background:#4a7fff24}.nav-cta{background:var(--blue);color:var(--white);white-space:nowrap;letter-spacing:.02em;border-radius:100px;padding:.65rem 1.4rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 16px #1246c840}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #1246c859}.nav-hamburger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;display:none}.nav-hamburger span{background:var(--ink);width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}nav.dark .nav-hamburger span{background:#fffc}.nav-hamburger[aria-expanded=true] span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (width<=1080px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-links.open{padding:1rem var(--pad)2rem;z-index:199;background:#070f24fa;flex-direction:column;align-items:stretch;display:flex;position:fixed;inset:68px 0 0;overflow-y:auto}.nav-links.open>li{border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between}.nav-links.open>li>a{color:#fffc;padding:1.1rem 0;font-size:1rem;line-height:1}.nav-links.open>li>a[aria-current]:after{display:none}.nav-links.open .sub-toggle{color:#ffffffb3;margin:0;padding:.9rem}.nav-links.open .sub{opacity:1;visibility:visible;min-width:0;box-shadow:none;background:0 0;border:0;flex-basis:100%;padding:0 0 .75rem;display:none;position:static;transform:none}.nav-links.open .has-sub.open .sub{display:block}.nav-links.open .has-sub:hover .sub-toggle svg{transform:none}.nav-links.open .has-sub.open .sub-toggle svg{transform:rotate(180deg)}.nav-links.open .nav-links-cta{border:0;padding-top:1.5rem;display:block!important}.nav-links.open .nav-links-cta a{text-align:center;background:var(--blue);color:var(--white);border-radius:100px;padding:1rem;line-height:1;display:block}body.menu-open{overflow:hidden}}.page-top{background:var(--ink);padding:0 var(--pad);position:relative;overflow:hidden}.page-top-inner{max-width:var(--max);z-index:2;margin:0 auto;padding:150px 0 88px;position:relative}.page-h1{font-family:var(--serif);color:var(--white);letter-spacing:-.02em;text-wrap:balance;max-width:18ch;margin-bottom:1.5rem;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:400;line-height:1.05}.page-h1 em{color:#0000;background:linear-gradient(135deg,#4a7fff,#1246c8);-webkit-background-clip:text;background-clip:text;font-style:italic}.page-lead{color:#fff9;max-width:56ch;margin-bottom:2.25rem;font-size:1.02rem;font-weight:300;line-height:1.8}.page-top .hero-kicker{margin-bottom:1.5rem}.crumbs{margin-bottom:1.75rem}.crumbs ol{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:.74rem;list-style:none;display:flex}.crumbs li{color:#ffffff73;align-items:center;gap:.4rem;display:flex}.crumbs li+li:before{content:"/";color:#ffffff40}.crumbs a{color:#ffffff8c;text-decoration:none}.crumbs a:hover{color:var(--white)}.crumbs [aria-current]{color:#fffc}.prose{max-width:65ch}.prose p,.prose li{color:var(--ink-60);font-size:.98rem;font-weight:300;line-height:1.85}.prose p+p{margin-top:1rem}.prose h2{margin-bottom:1.25rem}.prose h3{font-family:var(--serif);color:var(--ink);margin:2.5rem 0 .75rem;font-size:1.5rem;font-weight:400;line-height:1.2}.prose ul{gap:.5rem;margin:1rem 0 0 1.1rem;display:grid}.prose strong{color:var(--ink);font-weight:500}.prose a{color:var(--blue)}.split{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.section-head{max-width:40rem;margin-bottom:3.5rem}.section-head p:not(.section-label){color:var(--ink-60);margin-top:1.25rem;font-size:.95rem;font-weight:300;line-height:1.8}.more-link{color:var(--blue);gap:.4rem;margin-top:2.5rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.more-link:hover{gap:.75rem}a.dienst-item{color:inherit;text-decoration:none;display:block}.dienst-more{color:var(--blue);margin-top:1.25rem;font-size:.78rem;font-weight:500;display:inline-block}.todo{background:var(--blue-light);color:var(--ink-60);border:1.5px dashed #1246c859;border-radius:12px;max-width:65ch;padding:1.1rem 1.25rem;font-size:.85rem;line-height:1.6}.todo strong{color:var(--blue);margin-right:.35rem;font-weight:600}.todo+.todo{margin-top:.75rem}.btw-note{color:#fff6;text-align:center;margin-top:1.5rem;font-size:.78rem}section.light .btw-note{color:var(--ink-60)}ol.stappen{padding:0;list-style:none}.diensten-grid--3{grid-template-columns:repeat(3,1fr);margin-top:1rem}.portfolio-empty{cursor:default;text-align:center;background:repeating-linear-gradient(135deg,var(--white)0px,var(--white)20px,var(--cream)20px,var(--cream)40px);justify-content:center;align-items:center;min-height:340px;padding:3rem;display:flex}.portfolio-empty:hover{box-shadow:none;transform:none}.portfolio-plus{opacity:.25;margin-bottom:1rem;font-size:2.5rem}.portfolio-empty p{color:var(--ink-60);max-width:24ch;margin:0 auto;font-size:.85rem;font-weight:300;line-height:1.7}.portfolio-empty a{color:var(--blue);font-weight:500;text-decoration:none}.tabel-wrap{border:1px solid var(--rule);border-radius:16px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;min-width:640px;font-size:.88rem}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-60);padding:1rem 1.25rem;font-weight:300}.tabel thead th{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--cream);font-size:.7rem;font-weight:600}.tabel tbody th{color:var(--ink);font-weight:500}.tabel tr:last-child th,.tabel tr:last-child td{border-bottom:0}.tabel td{font-variant-numeric:tabular-nums}.tabel-note{color:var(--ink-60);margin-top:1rem;font-size:.78rem}.faq-heading{font:inherit;margin:0}.faq-q{text-align:left;width:100%;font-family:var(--sans);color:inherit;cursor:pointer;background:0 0;border:0}.faq-q-text{color:var(--ink);font-size:.95rem;font-weight:400;line-height:1.5;transition:color .15s}.faq-q:hover .faq-q-text{color:var(--blue)}.form-status{color:#ff8a8a;min-height:1.2em;margin-top:1rem;font-size:.82rem}.contact-left>p{color:#ffffff80;margin-bottom:2rem;font-size:.92rem;font-weight:300;line-height:1.8}.cta-band{background:var(--ink)}.cta-band-inner{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;display:grid}.cta-band .section-label{color:#fff6}.cta-band .section-label:before{background:#ffffff4d}.cta-band h2{color:var(--white)}.cta-band h2 em{color:#4a7fff}.cta-band p{color:#ffffff8c;max-width:46ch;margin-bottom:2rem;font-size:.95rem;font-weight:300;line-height:1.8}.dark-section{background:var(--ink)}.dark-section .section-label{color:#fff6}.dark-section .section-label:before{background:#ffffff4d}.dark-section h2{color:var(--white)}.dark-section h2 em{color:#4a7fff}.dark-section .section-head p{color:#ffffff80}.contact-page{background:var(--ink);padding-top:0}footer{padding:4rem var(--pad)2rem;background:#060a12}.footer-inner{max-width:var(--max);grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:start;gap:3rem;margin:0 auto;display:grid}.footer-brand img{width:auto;height:28px;margin-bottom:1rem}.footer-brand p{color:#fff6;max-width:30ch;font-size:.8rem;line-height:1.7}.footer-col{gap:.6rem;display:grid}.footer-col a,.footer-head{color:#ffffff73;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#ffffffd9}.footer-head{margin-bottom:.25rem;font-weight:500;color:#fffc!important}.footer-bottom{max-width:var(--max);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:3rem auto 0;padding-top:1.5rem;display:flex}.footer-bottom p,.footer-bottom a{color:#ffffff59;font-size:.74rem;text-decoration:none}.footer-bottom a:hover{color:#ffffffb3}.footer-legal{gap:1.5rem;display:flex}@media (width<=900px){.split,.cta-band-inner{grid-template-columns:1fr;gap:2rem}.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.page-top-inner{padding:120px 0 64px}}@media (width<=480px){.footer-inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dark-section .section-label,.cta-band .section-label,#prijzen .section-label,.contact-left .section-label{color:#ffffff9e}.form-field label{color:#fff9}.form-note{color:#ffffff94}.prijs-tier{color:#ffffff9e}.prijs-period{color:#ffffff94}.prijs-note{color:#ffffff9e!important}.prijs-card.featured .prijs-hosting,.prijs-card.featured .prijs-period,.prijs-card.featured .prijs-tier{color:#ffffffe0}.btw-note{color:#ffffff9e}.footer-brand p{color:#fff9}.footer-col a{color:#ffffffa6}.footer-bottom p,.footer-bottom a{color:#ffffff94}.prijs-card.featured .prijs-note{color:#ffffffe6!important}.portfolio-card-img img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.privacy h2{margin:3rem 0 1rem;font-size:clamp(1.6rem,3vw,2.1rem)}.privacy .tabel-wrap{margin-top:1rem}.privacy .tabel{min-width:760px}.prose.privacy{max-width:1000px}.privacy>p,.privacy>ul,.privacy>h2{max-width:65ch}.prijs-hosting-mnd{opacity:.85;margin-top:.3rem;font-size:.72rem;display:block}.tabel-sub{color:var(--ink-60);font-size:.78rem}.page-top-inner.has-foto{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:4rem;display:grid}.page-top-foto{aspect-ratio:4/5;object-fit:cover;border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff0f}@media (width<=900px){.page-top-inner.has-foto{grid-template-columns:minmax(0,1fr);gap:2.5rem}.page-top-foto{max-width:320px}}@media (width<=1080px){body.menu-open nav#mainNav{-webkit-backdrop-filter:none;background:#070f24}body.menu-open .sticky-cta{display:none!important}.nav-links.open{background:#070f24}}@media (width<=600px){.form-field input,.form-field select,.form-field textarea{min-height:44px;padding-top:.35rem;font-size:16px}.form-field label,.portfolio-tag,.prijs-tier{font-size:.75rem}.hero-badge{font-size:.8rem}.prijs-period,.prijs-hosting-mnd{font-size:.78rem}.btn-ghost{padding:.75rem 0 .45rem;display:inline-block}.more-link{padding-block:.8rem}.crumbs a{padding-block:.5rem;display:inline-block}.nav-logo{padding-block:.35rem}.footer-col{gap:0}.footer-col a,.footer-col .footer-head{padding-block:.6rem}.footer-legal a,.footer-bottom p a{padding-block:.6rem;display:inline-block}.stap{padding:2rem 1.5rem}.stap-num{font-size:2.6rem;top:1.5rem;right:1.25rem}.stap h3,.stap p{padding-right:3.25rem}.section-label,.hero-kicker{font-size:.75rem}.form-note{font-size:.82rem}}@media (width<=900px){.sticky-cta{padding:0}.sticky-cta a{padding:1.1rem 1.25rem calc(1.1rem + env(safe-area-inset-bottom,0px));display:block}}@media (width<=600px){.footer-col a,.footer-col .footer-head{padding-block:.75rem}.prijs-note{font-size:.8rem}}.prose ul+p,.prose ul+.more-link{margin-top:1.25rem}@media (width<=900px){.contact-page .contact-inner>div:last-child{order:-1}.contact-page{padding-top:3rem}}.is-offscreen,.is-offscreen *,.is-offscreen :before,.is-offscreen :after{animation-play-state:paused!important}@media (width<=900px){#hero{align-items:flex-start;min-height:0}}