:root{--text: #ffffff;--accent: #d0ff71;--bg: #1a1a1b;--border: #5c5c5c;--muted: #b5b5b5;--card: #333333;--nav-bg: rgba(15, 15, 15, .9);--on-accent: #303030}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-weight:300;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}main{position:relative;z-index:1}h1,h2,h3,h4{font-family:Antonio,sans-serif;text-transform:uppercase;color:var(--text)}h1{font-size:120px;font-weight:700;letter-spacing:-.03em;line-height:1.1}h2{font-size:60px;font-weight:700;line-height:1.3}h3{font-size:32px;font-weight:400;line-height:1.3}h4{font-size:26px;font-weight:400;line-height:1.3}p.lead{font-size:18px;max-width:500px}.small{font-size:14px;line-height:1.5}@media (max-width: 1199px){h1{font-size:96px}h2{font-size:48px}h4{font-size:20px}body,p.lead{font-size:16px}}@media (max-width: 809px){h1{font-size:56px}h2{font-size:42px}h3{font-size:24px}}.noise-bg{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;z-index:0;pointer-events:none;opacity:.12;background:url(/images/noise.gif) repeat left top;background-size:250px auto}.section-container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.section-container.wide{padding:120px 40px}.text-wrap{display:flex;flex-direction:column;gap:20px}@media (max-width: 809px){.section-container{padding:0 20px}.section-container.wide{padding:80px 20px}}.nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;padding:8px 10px;border:1px solid var(--border);border-radius:28px;background:var(--nav-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.nav-row{display:flex;align-items:center;gap:40px}.nav-avatar{width:40px;height:40px;border-radius:99px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:20px;padding-right:16px}.flip-link{display:block;perspective:1200px;font-size:16px;line-height:1.5}.flip-inner{position:relative;display:block;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.4,0,.2,1)}.flip-a,.flip-b{display:block;backface-visibility:hidden}.flip-a{transform:translateZ(.65em)}.flip-b{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--accent);transform:rotateX(-90deg) translateZ(.65em)}.flip-link:hover .flip-inner{transform:rotateX(90deg)}.nav-cta{position:relative;display:block;padding:3px 30px 4px;border-radius:99px;background:var(--text);color:var(--bg);font-size:16px;overflow:hidden}.nav-toggle{display:none;position:relative;width:40px;height:40px;border-radius:99px;background:var(--accent)}.nav-toggle span{display:block;position:absolute;left:50%;width:14px;height:2px;margin-left:-7px;background:var(--on-accent)}.nav-toggle span:first-child{top:15px}.nav-toggle span:last-child{bottom:15px}.nav-mobile{overflow:hidden}.nav-mobile-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:25px 10px 20px}@media (max-width: 809px){.nav-row{gap:20px}.nav-links,.nav-cta{display:none}.nav-toggle{display:block}.nav-open{width:300px}.nav-open .nav-row{justify-content:space-between}}.hero-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:130px 20px 60px}.hero-mobile h1{line-height:1;font-size:clamp(30px,11vw,46px);white-space:nowrap}.hero-mobile-card{width:210px;aspect-ratio:.714286;border-radius:20px;overflow:hidden}.hero-mobile-card img{width:100%;height:100%;object-fit:cover}.hero-tagline-mobile{max-width:300px;margin-top:6px;color:var(--muted);font-size:16px;line-height:1.5}.hero-zone{position:relative;height:300vh}.sticky-holder{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}.flip-mover{transform-style:preserve-3d}.flip-stack{position:relative;width:340px;aspect-ratio:.714286;transform-style:preserve-3d}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px}.flip-top{z-index:10}@media (max-width: 1199px){.flip-stack{width:260px}}@media (max-width: 809px){.flip-stack{width:180px}}.zone-content{position:absolute;top:0;left:0;width:100%;z-index:1}.hero{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:center;gap:370px;width:100%;max-width:1200px;height:100%}.hero-left,.hero-right{flex:1;max-width:50%;display:flex}.hero-left{justify-content:flex-end}.hero-right{justify-content:flex-start}.heading-wrap{position:relative;width:max-content}.hero-tagline{position:absolute;bottom:-65px;right:0;width:90%;text-align:right}@media (max-width: 1199px){.hero-inner{flex-direction:column;gap:430px}.hero-left,.hero-right{flex:none;max-width:100%;width:100%}.hero-left{justify-content:flex-start;padding-left:100px}.hero-right{justify-content:flex-end;padding-right:100px}.hero-tagline{text-align:left}}@media (max-width: 809px){.hero-inner{gap:280px}.hero-left,.hero-right{justify-content:center;padding:0}.hero-tagline{position:static;width:100%;text-align:center;margin-top:12px}}.services,.about{min-height:100vh;display:flex;align-items:center}@media (max-width: 809px){.services,.about{min-height:auto;align-items:stretch;padding:60px 0}}.services-col,.about-col{display:flex;flex-direction:column;gap:40px;width:600px;max-width:100%}.acc-item{border-bottom:1px solid var(--border)}.acc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:20px 0;text-align:left}.acc-chevron{display:inline-flex;width:30px;height:30px;color:var(--text);flex:none}.acc-chevron svg{width:100%;height:100%}.acc-body{overflow:hidden}.acc-body-inner{padding-bottom:25px}.check-list{list-style:none;display:flex;flex-direction:column;gap:15px}.check-list li{display:flex;align-items:flex-start;gap:10px}.check-icon{color:var(--accent);flex:none;margin-top:3px}.about-contact{display:flex;flex-direction:column;gap:4px}.contact-label{font-weight:600;font-size:18px;line-height:1.3}.contact-value{color:var(--accent);transition:color .2s}.contact-value:hover{color:var(--text)}.social-row{display:flex;align-items:center;gap:20px}.social-row a{color:var(--text);transition:color .2s,transform .2s}.social-row a:hover{color:var(--accent);transform:translateY(-2px)}.projects-stack{display:flex;flex-direction:column;gap:120px;margin-top:40px}.project-sticky{position:sticky;top:80px}.project-card{position:relative;display:block;border-radius:20px;overflow:hidden}.project-img{width:100%;aspect-ratio:3 / 2;max-height:640px;object-fit:cover;border-radius:20px;transition:transform .6s cubic-bezier(.3,0,.2,1)}.project-card:hover .project-img{transform:scale(1.04)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c0c0d73,#0c0c0dcc);opacity:.6;pointer-events:none}.project-info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 20px;pointer-events:none;text-align:center}.project-title{color:#fff;text-align:center}.project-desc{color:#fff;font-size:14px;max-width:600px;text-align:center}.badge{display:inline-block;padding:3px 15px;border-radius:99px;font-size:14px;line-height:1.5}.badge-fill{background:var(--accent);color:var(--on-accent)}.badge-outline{border:1px solid var(--accent);color:var(--accent)}@media (max-width: 809px){.project-sticky{position:relative;top:0}.projects-stack{gap:32px}.project-card{display:flex;flex-direction:column;min-height:440px;border:1px solid rgba(255,255,255,.1)}.project-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.project-overlay{background:linear-gradient(180deg,#0c0c0d40,#0c0c0de6 78%);opacity:1}.project-info{position:relative;inset:auto;z-index:2;margin-top:auto;justify-content:flex-end;align-items:flex-start;text-align:left;padding:22px;gap:12px}.project-title{text-align:left;font-size:26px}.project-desc{text-align:left;color:#f0f0f0;max-width:100%}}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(50px,1fr));gap:20px;margin-top:40px}.testimonial-card,.stat-card{border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:20px}.testimonial-card{background:var(--card)}.testimonial-content{display:flex;flex-direction:column;gap:10px}.stars{display:flex;gap:8px;color:var(--accent)}.testimonial-card .small{color:var(--text)}.stat-card{justify-content:space-between;min-height:240px}.stat-dark{background:var(--text)}.stat-accent{background:var(--accent)}.stat-dark .small,.stat-accent .small,.stat-dark .stat-number,.stat-accent .stat-number{color:var(--on-accent)}.stat-dark .small,.stat-dark .stat-number{color:var(--bg)}.stat-bottom{display:flex;flex-direction:column;gap:5px}.stat-number{font-family:Antonio,sans-serif;font-weight:700;font-size:60px;line-height:1;font-feature-settings:"zero" on,"tnum" on}@media (max-width: 1199px){.testimonial-grid{grid-template-columns:repeat(2,minmax(50px,1fr))}}@media (max-width: 809px){.testimonial-grid{grid-template-columns:1fr}}.faq-layout{display:flex;gap:80px;align-items:flex-start}.faq-sticky{position:sticky;top:100px;flex:1}.faq-list{flex:1.4;min-width:0}.faq-q{display:flex;gap:8px;align-items:flex-start;text-align:left}.faq-num{flex:none}.faq-a{max-width:100%}.faq-list .acc-head{padding:30px 0}@media (max-width: 1199px){.faq-layout{gap:40px}}@media (max-width: 809px){.faq-layout{flex-direction:column}.faq-sticky{position:relative;top:0}.faq-list{width:100%}}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(50px,1fr));gap:40px;margin-top:40px}.blog-card{display:flex;flex-direction:column;gap:20px}.blog-img-wrap{border-radius:20px;overflow:hidden}.blog-img{width:100%;height:320px;object-fit:cover;transition:transform .6s cubic-bezier(.3,0,.2,1)}.blog-card:hover .blog-img{transform:scale(1.04)}.blog-meta{display:flex;align-items:center;gap:10px}.blog-meta .small{color:var(--muted)}.blog-card>.small{color:var(--muted)}.blog-btn-wrap{display:flex;justify-content:center;margin-top:60px}@media (max-width: 809px){.blog-grid{grid-template-columns:1fr}.blog-img{height:200px}}.repo-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.repo-card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);transition:border-color .2s,transform .2s}.repo-card:hover{border-color:var(--accent);transform:translateY(-3px)}.repo-top{display:flex;align-items:center;justify-content:space-between;color:var(--text)}.repo-lang{font-size:12px}.repo-name{font-size:26px;text-transform:none}.repo-desc{color:var(--muted);flex:1}.repo-link{color:var(--accent);font-size:14px;font-weight:600}@media (max-width: 1199px){.repo-grid{grid-template-columns:1fr}}.fill-btn{position:relative;overflow:hidden;border-radius:99px}.fill-btn .fill-bg{position:absolute;left:-19px;bottom:-15px;width:20px;height:20px;border-radius:99px;background:var(--accent);transform:scale(1);transition:transform .5s cubic-bezier(.5,0,.2,1);z-index:0}.fill-btn:hover .fill-bg{transform:scale(30)}.fill-btn .label{position:relative;z-index:1;transition:color .3s}.outline-btn{display:inline-block;padding:6px 40px 8px;border:1px solid var(--accent)}.outline-btn .label h4{color:var(--accent);transition:color .3s}.outline-btn:hover .label h4,.nav-cta:hover .label{color:var(--on-accent)}.contact-layout{display:flex;align-items:center;gap:0}.contact-avatar-col{flex:1;display:flex;justify-content:center}.contact-avatar{width:340px;aspect-ratio:.714286;object-fit:cover;border-radius:20px}.contact-form-col{flex:1;display:flex;flex-direction:column;gap:40px}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:560px}.form-row{display:flex;gap:20px}.form-row .form-field{flex:1}.form-field{display:flex;flex-direction:column;gap:10px}.form-label{font-size:14px;color:var(--accent)}.contact-form input,.contact-form select,.contact-form textarea{font-family:Inter,sans-serif;font-weight:300;font-size:16px;color:var(--text);background:var(--card);border:1px solid transparent;border-radius:99px;padding:12px 20px;outline:none;width:100%;transition:border-color .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M 3.5 6 L 8 10.5 L 12.5 6' fill='transparent' stroke-width='1.5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;cursor:pointer}.contact-form select:invalid{color:var(--muted)}.contact-form textarea{border-radius:20px;min-height:140px;padding:20px;resize:vertical}.submit-btn{align-self:flex-start;cursor:pointer}.submit-btn:disabled{opacity:.6;cursor:wait}.form-status-success{color:var(--accent);font-size:18px;font-weight:600}.form-status-error{color:#ff6b6b;font-size:14px}.form-status-error a{color:var(--accent);text-decoration:underline}@media (max-width: 1199px){.contact-layout{flex-direction:column;gap:80px;align-items:stretch}}@media (max-width: 809px){.contact-layout{gap:40px}.form-row{flex-direction:column}.submit-btn{align-self:stretch;text-align:center}}.footer{position:relative;z-index:1;background:var(--bg);border-top:1px solid rgba(255,255,255,.14);color:#fff}.footer-container{max-width:1200px;margin:0 auto;padding:50px 40px 40px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between;gap:20px}.footer-col{display:flex;flex-direction:column;gap:6px}.footer-col .small{color:var(--muted)}.footer-right{align-items:flex-end}.footer-name{font-size:22px;color:#fff}.footer-mail{color:var(--accent);font-weight:600;font-size:18px;line-height:1.3;transition:color .2s}.footer-mail:hover{color:#fff}.footer-kvk{margin-top:4px}.footer-social{display:flex;align-items:center;gap:14px;margin-top:8px}.footer-social a{color:#fff;transition:color .2s,transform .2s}.footer-social a:hover{color:var(--accent);transform:translateY(-2px)}.footer-divider{height:1px;background:#ffffff24}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-bottom .small{color:var(--muted)}.footer-legal{display:flex;gap:24px}.footer-legal a,.footer-legal-btn{font-size:14px;font-weight:300;color:var(--muted);transition:color .2s}.footer-legal a:hover,.footer-legal-btn:hover{color:var(--accent)}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:200;max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;background:#111113;border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 10px 40px #00000080}.cookie-banner .small{color:#d6d6d6;margin:0}.cookie-banner a{color:var(--accent);text-decoration:underline}.cookie-actions{display:flex;gap:10px;flex:none}.cookie-accept{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:9px 26px;font-size:14px;font-weight:600;transition:opacity .2s}.cookie-accept:hover{opacity:.85}.cookie-reject{border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:99px;padding:9px 22px;font-size:14px;transition:border-color .2s}.cookie-reject:hover{border-color:#fff}@media (max-width: 809px){.cookie-banner{flex-direction:column;align-items:stretch;text-align:left;left:10px;right:10px;bottom:10px;padding:18px 20px}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}}@media (max-width: 809px){.footer-container{padding:40px 20px 30px;gap:24px;text-align:center}.footer-top{flex-direction:column;gap:24px;align-items:center}.footer-col,.footer-right{align-items:center}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;align-items:center;gap:14px}.footer-legal{justify-content:center;flex-wrap:wrap}}.legal-page{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:160px 40px 120px;min-height:100vh}.legal-back{display:inline-block;color:var(--accent);font-size:14px;margin-bottom:30px;transition:color .2s}.legal-back:hover{color:#fff}.legal-page h1{font-size:48px;margin-bottom:10px}.legal-meta{color:var(--muted);font-size:14px;margin-bottom:40px}.legal-page h2{font-size:22px;margin:36px 0 12px}.legal-page p,.legal-page li{font-size:16px;color:#d6d6d6;margin-bottom:10px}.legal-page ul{padding-left:22px}.legal-page strong{color:#fff;font-weight:600}@media (max-width: 809px){.legal-page{padding:130px 20px 80px}.legal-page h1{font-size:36px}}.notfound-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:140px 20px 100px}.notfound-code{font-size:clamp(90px,22vw,180px);line-height:1;color:var(--accent)}.notfound-text{font-size:20px;color:var(--muted);margin-bottom:14px}.werk-page{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:150px 40px 120px;min-height:100vh}.werk-page h1{font-size:60px;margin-bottom:10px}.werk-empty{color:var(--muted);font-size:16px}.werk-empty code{color:var(--accent);font-size:14px}.werk-grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.werk-tile{position:relative;min-width:0;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--card);padding:0}.werk-tile img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .5s cubic-bezier(.3,0,.2,1)}.werk-tile:hover img{transform:scale(1.06)}.werk-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:30px;background:#0d0d0e;cursor:zoom-out;overscroll-behavior:contain}.werk-lightbox.zoomed{overflow:auto;align-items:flex-start;padding:0}.werk-lightbox img.fit{max-width:100%;max-height:100%;border-radius:12px;cursor:zoom-in;box-shadow:0 20px 60px #0009}.werk-lightbox img.zoomed{width:auto;max-width:none;height:165vh;border-radius:0;cursor:zoom-out}.werk-close{position:fixed;top:24px;right:28px;z-index:3001;width:44px;height:44px;font-size:30px;line-height:1;color:#fff;border-radius:99px;background:#ffffff1f;transition:background .2s}.werk-close:hover{background:#ffffff40}@media (max-width: 809px){.werk-page{padding:120px 20px 80px}.werk-page h1{font-size:42px}.werk-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}