@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-primary:#05060a;--bg-card:#0d0f14;--accent:#00e5ff;--accent-glow:#00e5ff26;--accent-subtle:#00e5ff14;--text-primary:#e8eaed;--text-heading:#fff;--text-muted:#8a8f98;--border-subtle:#00e5ff14;--font-family:"Outfit", sans-serif;--font-light:300;--font-regular:400;--font-semibold:600;--font-bold:700;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:100px;--max-width:1200px;--radius:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-regular);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{color:var(--text-heading);line-height:1.2}h1{font-size:clamp(36px,5vw,60px);font-weight:var(--font-bold)}h2{font-size:clamp(28px,3.5vw,44px);font-weight:var(--font-bold)}h3{font-size:20px;font-weight:var(--font-semibold)}p{font-size:18px;font-weight:var(--font-light);color:var(--text-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}section{padding:var(--space-2xl) var(--space-lg)}.nav{z-index:100;width:100%;padding:var(--space-sm) var(--space-lg);transition:background var(--transition-normal), backdrop-filter var(--transition-normal);position:fixed;top:0;left:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);background:#05060ad9}.nav__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{font-size:24px;font-weight:var(--font-bold);color:var(--text-heading)}.nav__logo span{color:var(--accent)}.nav__links{gap:var(--space-md);display:flex}.nav__links a{font-size:15px;font-weight:var(--font-regular);color:var(--text-primary);transition:color var(--transition-fast)}.nav__links a:hover{color:var(--accent)}.nav__cta{font-size:14px}.nav__hamburger{cursor:pointer;padding:var(--space-xs);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav__hamburger span{background:var(--text-heading);width:24px;height:2px;transition:var(--transition-fast);display:block}.section__inner{max-width:var(--max-width);margin:0 auto}.hero{text-align:center;min-height:100vh;padding:var(--space-2xl) var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.4;pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__content{z-index:1;max-width:800px;position:relative}.hero__content p{margin-top:var(--space-md);color:var(--text-muted);font-size:clamp(16px,2vw,20px)}.accent{color:var(--accent)}.problem{text-align:center}.section__subtitle{color:var(--text-muted);margin-top:var(--space-sm);margin-bottom:var(--space-xl)}.problem__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.services{text-align:center}.services__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.werkwijze{text-align:center}.werkwijze__paths{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.credibility{text-align:center;padding:var(--space-xl) var(--space-lg)}.credibility__inner{max-width:700px}.credibility h2{font-size:clamp(24px,3vw,36px)}.credibility p{color:var(--text-muted);margin-top:var(--space-sm)}.contact{text-align:center}.contact__wrapper{gap:var(--space-xl);text-align:left;margin-top:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}.contact__info{gap:var(--space-md);padding-top:var(--space-lg);flex-direction:column;display:flex}.contact__info a{color:var(--accent)}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-lg)}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__logo{font-size:20px;font-weight:var(--font-bold);color:var(--text-heading)}.footer__logo span{color:var(--accent)}.footer__links{gap:var(--space-md);display:flex}.footer__links a{color:var(--text-muted);transition:color var(--transition-fast);font-size:14px}.footer__links a:hover{color:var(--accent)}.footer__copy{color:var(--text-muted);font-size:13px}@media (width<=768px){section{padding:var(--space-xl) var(--space-md)}.nav__links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:var(--space-md);gap:var(--space-sm);background:#05060af2;flex-direction:column;display:none;position:absolute;top:100%;left:0}.nav__links--open{display:flex}.nav__cta{display:none}.nav__hamburger{display:flex}.nav__hamburger--active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__hamburger--active span:nth-child(2){opacity:0}.nav__hamburger--active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{padding:var(--space-2xl) var(--space-md)}.hero__glow{width:300px;height:300px}.problem__grid,.services__grid,.werkwijze__paths,.contact__wrapper,.form__row{grid-template-columns:1fr}.footer__inner{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (width<=480px){.form__toggle{flex-direction:column}}.btn{border-radius:var(--radius);font-family:var(--font-family);font-size:16px;font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;padding:12px 28px;display:inline-block}.btn--primary{background:var(--accent);color:var(--bg-primary)}.btn--primary:hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn--large{margin-top:var(--space-lg);padding:16px 36px;font-size:18px}.problem__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;transition:all var(--transition-normal)}.problem__card:hover{border-color:#00e5ff33;transform:translateY(-5px)}.problem__icon{color:var(--accent);margin-bottom:var(--space-sm)}.problem__card p{font-size:16px;font-weight:var(--font-regular)}.service__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);text-align:left;transition:all var(--transition-normal)}.service__card:hover{border-color:#00e5ff33;transform:translateY(-5px)}.service__icon{color:var(--accent);margin-bottom:var(--space-md)}.service__card h3{margin-bottom:var(--space-sm)}.service__card p{color:var(--text-muted);font-size:16px}.path{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left}.path__header h3{margin-bottom:var(--space-md);color:var(--accent);font-size:18px}.path__steps{gap:var(--space-sm);flex-direction:column;display:flex}.path__step{align-items:center;gap:var(--space-sm);display:flex}.path__number{background:var(--accent-subtle);width:32px;min-width:32px;height:32px;color:var(--accent);font-weight:var(--font-semibold);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.path__step p{font-size:16px}.form__toggle{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.toggle__btn{padding:12px var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-family);font-size:14px;font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);flex:1}.toggle__btn--active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.form__variant{display:none}.form__variant--active{display:block}.form__field{margin-bottom:var(--space-sm)}.form__field label{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);display:block}.form__field input,.form__field textarea,.form__field select{width:100%;padding:12px var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-heading);font-family:var(--font-family);transition:border-color var(--transition-fast);font-size:16px}.form__field input::placeholder,.form__field textarea::placeholder{color:var(--text-muted)}.form__field input:focus,.form__field textarea:focus,.form__field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.form__field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8f98' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form__row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.form__checkboxes{margin-bottom:var(--space-sm);border:none}.form__checkboxes legend{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.form__checkboxes label{align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);margin:4px;padding:8px 14px;font-size:14px;display:inline-flex}.form__checkboxes label:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.form__checkboxes input[type=checkbox]{display:none}.form__submit{width:100%;margin-top:var(--space-md)}.form__success{text-align:center;padding:var(--space-xl) 0}.form__success h3{color:var(--accent);margin-bottom:var(--space-sm)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--stagger>*{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal--stagger.reveal--visible>*{opacity:1;transform:translateY(0)}.reveal--stagger.reveal--visible>:first-child{transition-delay:0s}.reveal--stagger.reveal--visible>:nth-child(2){transition-delay:.1s}.reveal--stagger.reveal--visible>:nth-child(3){transition-delay:.2s}.reveal--stagger.reveal--visible>:nth-child(4){transition-delay:.3s}.reveal--stagger.reveal--visible>:nth-child(5){transition-delay:.4s}.reveal--stagger.reveal--visible>:nth-child(6){transition-delay:.5s}
