:root{--blue: #2563eb;--blue-light: #60a5fa;--blue-glow: rgba(37, 99, 235, .15);--blue-deep: #1d4ed8;--dark-1: #000000;--dark-2: #050510;--dark-3: #0a0a1a;--dark-4: #0f0f23;--dark-card: #0d0d1f;--white: #ffffff;--white-90: rgba(255,255,255,.9);--white-70: rgba(255,255,255,.7);--white-50: rgba(255,255,255,.5);--white-30: rgba(255,255,255,.3);--white-15: rgba(255,255,255,.15);--white-08: rgba(255,255,255,.08);--white-04: rgba(255,255,255,.04);--font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "Fira Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--white-15) transparent}body{font-family:var(--font);background:var(--dark-1);color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:18px;line-height:1.6}::-moz-selection{background:var(--blue);color:#fff}::selection{background:var(--blue);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:2px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.blue{color:var(--blue-light)}.container{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}nav{position:fixed;top:0;left:0;right:0;z-index:500;transition:background .5s,backdrop-filter .5s}nav.solid{background:#000000b3;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.nav-bar{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;height:56px}.nav-brand{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--white)}.nav-brand .blue{color:var(--blue-light)}.nav-menu{display:flex;gap:2rem;list-style:none;align-items:center}.nav-menu a{font-size:.8rem;color:var(--white-50);transition:color .3s}.nav-menu a:hover{color:var(--white)}.nav-contact-btn{background:var(--blue);color:#fff!important;padding:.45rem 1.1rem;border-radius:6px;font-weight:500;transition:background .3s,transform .2s,box-shadow .3s!important}.nav-contact-btn:hover{background:var(--blue-deep);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.nav-menu-header,.nav-close{display:none}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px}.hamburger span{display:block;width:18px;height:1.5px;background:var(--white-90);margin:4px 0;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(3.5px,3.5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(3.5px,-3.5px)}.hero{position:relative;height:300vh}.hero-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.35;transition:transform .1s linear;will-change:transform}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#0000001a,#0009 80%,#000)}.hero-center{position:relative;z-index:2;text-align:center;padding:0 2rem}.hero-name{font-size:clamp(3rem,9vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:1.5rem;will-change:opacity,transform}.hero-name .blue{color:var(--blue-light)}.hero-sub{font-size:clamp(1rem,2vw,1.35rem);color:var(--white-50);font-weight:400;letter-spacing:.02em;will-change:opacity,transform}.hero-scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:.4;transition:opacity .5s}.hero-scroll-hint span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--white-50)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--white-30),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}.intro{padding:10rem 0;position:relative}.intro-text{font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:500;line-height:1.5;letter-spacing:-.02em;max-width:900px}.intro-text .word{display:inline-block;color:var(--white-15);transition:color .4s ease;margin-right:.25em}.intro-text .word.lit{color:var(--white-90)}.intro-text .word.is-blue{color:var(--white-15);transition:color .4s ease}.intro-text .word.is-blue.lit{color:var(--blue-light)}.cotive-section{padding:0 0 6rem;position:relative}.cotive-card{--glow-x: 50%;--glow-y: 50%;--glow-opacity: 0;position:relative;display:flex;align-items:center;gap:clamp(2rem,4vw,3.5rem);padding:clamp(2.5rem,5vw,3.5rem);border-radius:24px;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;background:var(--dark-card);border:1px solid rgba(234,90,39,.25);transition:border-color .6s ease}.cotive-card:after{content:"";position:absolute;top:-60%;right:-20%;width:70%;height:200%;background:radial-gradient(ellipse,rgba(234,90,39,.07) 0%,transparent 65%);pointer-events:none}.cotive-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at var(--glow-x) var(--glow-y),rgba(234,90,39,.15) 0%,transparent 55%);pointer-events:none;opacity:var(--glow-opacity);transition:opacity .4s ease;z-index:1}.cotive-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:25px;background:radial-gradient(400px circle at var(--glow-x) var(--glow-y),rgba(234,90,39,.6) 0%,transparent 55%);opacity:var(--glow-opacity);transition:opacity .4s ease;z-index:-1}.cotive-card:hover .cotive-text{color:var(--white-70)}.cotive-card:hover .cotive-arrow{opacity:1;transform:translate(0)}.cotive-logo{flex:0 0 auto}.cotive-logo-svg{width:120px;height:auto;color:var(--white)}.cotive-content{flex:1}.cotive-text{font-size:1.05rem;color:var(--white-50);line-height:1.8;transition:color .5s ease}.cotive-arrow{flex:0 0 auto;width:24px;height:24px;color:#ea5a27;opacity:.3;transform:translate(-4px,4px);transition:opacity .4s ease,transform .4s ease}.cotive-arrow svg{width:24px;height:24px}@media(max-width:768px){.cotive-card{flex-direction:column;text-align:center;gap:1.5rem}.cotive-logo-svg{width:100px}.cotive-arrow{display:none}}.image-reveal{padding:4rem 0 10rem}.image-reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.reveal-img{overflow:hidden;border-radius:16px;position:relative}.reveal-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.15);transition:transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform}.reveal-img.in-view img{transform:scale(1)}.reveal-img-tall{grid-row:span 2;min-height:600px}.reveal-img-wide{min-height:280px}.reveal-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none}.services-section{position:relative}.service-block{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.service-block-inner{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.service-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem}.service-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.service-desc{font-size:1.05rem;color:var(--white-50);line-height:1.8;max-width:440px}.service-visual{display:flex;justify-content:flex-end;align-items:center}.service-img-frame{width:100%;max-width:420px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 40px 80px #00000080}.service-img-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-img-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:1px solid var(--white-08);z-index:2;pointer-events:none}.service-block:nth-child(1){background:var(--dark-1);z-index:10}.service-block:nth-child(2){background:var(--dark-2);z-index:20}.service-block:nth-child(3){background:var(--dark-3);z-index:30}.werkwijze{padding:10rem 0 6rem;overflow:hidden}.werkwijze-header{margin-bottom:4rem}.werkwijze-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em}.werkwijze-track{display:flex;gap:1.5rem;padding-bottom:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.werkwijze-track::-webkit-scrollbar{display:none}.werkwijze-card{flex:0 0 340px;background:var(--dark-card);border:1px solid var(--white-08);border-radius:20px;padding:2.5rem 2rem;transition:border-color .4s,transform .4s}.werkwijze-card:hover{border-color:#2563eb40;transform:translateY(-4px)}.card-num{font-family:var(--mono);font-size:.7rem;color:var(--blue);letter-spacing:.1em;margin-bottom:1.5rem}.werkwijze-card h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.8rem}.werkwijze-card p{font-size:.92rem;color:var(--white-50);line-height:1.75}.werkwijze-nav{display:flex;gap:.75rem;margin-top:1.5rem}.werkwijze-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--white-15);background:var(--dark-card);color:var(--white-50);cursor:pointer;transition:all .3s ease}.werkwijze-btn:hover{border-color:var(--blue);color:var(--blue-light);background:var(--blue-glow)}.werkwijze-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.werkwijze-btn svg{width:18px;height:18px}.tech-statement{padding:10rem 0;position:relative}.tech-statement:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:min(500px,100%);height:min(500px,100vw);background:radial-gradient(circle,var(--blue-glow) 0%,transparent 70%);pointer-events:none}.tech-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.5rem;position:relative;z-index:1}.tech-desc{font-size:1.1rem;color:var(--white-50);line-height:1.8;max-width:560px;position:relative;z-index:1}.tech-pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem;position:relative;z-index:1;max-width:560px}.tech-pill{padding:.6rem 1.4rem;border:1px solid var(--white-08);border-radius:100px;font-family:var(--mono);font-size:.82rem;color:var(--white-50);background:var(--dark-card);transition:all .4s ease}.tech-pill:hover{border-color:var(--blue);color:var(--blue-light);box-shadow:0 0 20px var(--blue-glow);transform:translateY(-2px)}.contact{padding:10rem 0;text-align:center;position:relative}.contact:before{content:"";position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:min(800px,100%);height:min(400px,50vw);background:radial-gradient(ellipse,var(--blue-glow) 0%,transparent 70%);pointer-events:none}.contact h2{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem;position:relative;z-index:1}.contact-sub{font-size:1.1rem;color:var(--white-50);max-width:460px;margin:0 auto 3rem;line-height:1.8;position:relative;z-index:1}.contact-links{display:flex;justify-content:center;gap:1rem;position:relative;z-index:1;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:100px;font-size:.92rem;font-weight:500;transition:all .4s ease}.contact-btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 24px #2563eb4d}.contact-btn-primary:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:0 8px 32px #2563eb66}.contact-btn-outline{border:1px solid var(--white-15);color:var(--white-70)}.contact-btn-outline:hover{border-color:var(--white-30);color:var(--white);transform:translateY(-2px)}.contact-btn svg{width:16px;height:16px}.contact-info{margin-top:4rem;display:flex;justify-content:center;gap:3rem;position:relative;z-index:1}.contact-info-item{text-align:center}.contact-info-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--white-30);margin-bottom:.3rem}.contact-info-value{font-size:.95rem;color:var(--white-70)}.contact-info-value a{color:var(--white-70);transition:color .3s}.contact-info-value a:hover{color:var(--blue-light)}.contact-social{display:flex;justify-content:center;gap:.8rem;margin-top:3rem;position:relative;z-index:1}.contact-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--white-08);color:var(--white-30);transition:all .3s ease}.contact-social a:hover{color:var(--blue-light);border-color:var(--blue);background:var(--blue-glow);transform:translateY(-2px)}.contact-social svg{width:18px;height:18px}footer{padding:2rem 0;border-top:1px solid var(--white-04)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:.75rem;color:var(--white-30)}.footer-copy a{color:var(--white-50);transition:color .3s}.footer-copy a:hover{color:var(--blue-light)}.footer-links{display:flex;gap:1.2rem}.footer-links a{color:var(--white-30);transition:color .3s;display:flex}.footer-links a:hover{color:var(--white-70)}.footer-links svg{width:16px;height:16px}[data-a]{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}[data-a].v{opacity:1;transform:translateY(0)}[data-a=sl]{transform:translate(-80px)}[data-a=sl].v{transform:translate(0)}[data-a=sr]{transform:translate(80px)}[data-a=sr].v{transform:translate(0)}[data-a=s]{transform:scale(.9)}[data-a=s].v{transform:scale(1)}[data-d="1"]{transition-delay:.1s}[data-d="2"]{transition-delay:.2s}[data-d="3"]{transition-delay:.3s}[data-d="4"]{transition-delay:.4s}[data-d="5"]{transition-delay:.5s}[data-d="6"]{transition-delay:.6s}[data-d="7"]{transition-delay:.7s}[data-d="8"]{transition-delay:.8s}@media(max-width:768px){body{font-size:16px}.hamburger{display:block}.nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .4s;z-index:100}.nav-menu.open{opacity:1;pointer-events:all}.nav-menu-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 clamp(1.5rem,4vw,3rem);position:absolute;top:0;left:0;height:56px}.nav-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--white-70);cursor:pointer;padding:6px;transition:color .3s}.nav-close:hover{color:var(--white)}.nav-close svg{width:24px;height:24px}.nav-menu a{font-size:1.2rem;color:var(--white-70)}.nav-contact-btn{margin-top:.5rem;padding:.6rem 1.6rem!important;font-size:1rem!important}.hero-name{font-size:clamp(3rem,13vw,4rem)}.hero-sub{font-size:1.1rem}.service-block{height:auto;min-height:100vh;padding:6rem 0}.service-block-inner{grid-template-columns:1fr;gap:2.5rem}.service-visual{justify-content:center}.service-img-frame{max-width:300px}.image-reveal-grid{grid-template-columns:1fr}.reveal-img-tall{min-height:400px;grid-row:span 1}.reveal-img-wide{min-height:250px}.werkwijze-card{flex:0 0 280px}.contact h2{font-size:clamp(2rem,8vw,3rem)}.contact-info{flex-direction:column;gap:1.5rem}.footer-inner{flex-direction:column;gap:1rem}}@media(max-width:480px){.hero-name{font-size:2.8rem}.intro-text{font-size:1.3rem}.service-title{font-size:1.8rem}.tech-big{font-size:1.5rem}.werkwijze-card{flex:0 0 260px;padding:2rem 1.5rem}.contact-links{flex-direction:column;align-items:center}}