:root{--primary:#111;--primary-light:#2a2a2a;--accent:#f0a500;--accent-hover:#d4920a;--green:#27ae60;--text:#1a1a1a;--text-muted:#4b5563;--bg:#fff;--bg-light:#f5f5f5;--bg-dark:#000;--border:#e5e9ef;--nav-height:125px;--shadow-sm:0 2px 8px #0000000f;--shadow:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #00000029;--radius-sm:8px;--radius:14px;--radius-lg:20px;--transition:.3s cubic-bezier(.4,0,.2,1);--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}h2{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.25}h3{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;line-height:1.35}p{color:var(--text-muted)}strong{color:var(--text)}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:88px 0}.section--light{background:var(--bg-light)}.section--dark{background:var(--bg-dark);color:#fff}.section--dark p{color:#ffffffb8}.section-tag{color:#9a6800;letter-spacing:.1em;text-transform:uppercase;background:#f0a5001f;border-radius:100px;margin-bottom:14px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-header h2{margin-bottom:14px}.section-header:after{content:"";background:var(--accent);border-radius:2px;width:52px;height:4px;margin:0 auto;display:block}.btn{transition:var(--transition);white-space:nowrap;border-radius:50px;align-items:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f5a62361}.btn--secondary{color:#fff;background:0 0;border:2px solid #ffffff73}.btn--secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.btn--outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn--outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn--white{color:var(--primary);background:#fff}.btn--white:hover{background:var(--bg-light);box-shadow:var(--shadow);transform:translateY(-2px)}.btn--lg{padding:17px 38px;font-size:1rem}.btn:disabled{opacity:.8;cursor:default;transform:none!important}.nav{height:var(--nav-height);z-index:1000;transition:var(--transition);position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(24px);background:#0a0a0af7;box-shadow:0 4px 24px #0006}.nav__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__logo{color:#fff;transition:var(--transition);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.nav--scrolled .nav__logo{color:#fff}.nav__logo-img{object-fit:contain;width:auto;height:105px;margin-top:10px}.nav__links{align-items:center;gap:2px;display:flex}.nav__link{color:#ffffffe0;transition:var(--transition);border-radius:8px;padding:8px 13px;font-size:.875rem;font-weight:500}.nav--scrolled .nav__link{color:#ffffffd9}.nav__link:hover{color:#fff;background:#ffffff1f}.nav--scrolled .nav__link:hover{color:#fff;background:#ffffff1a}.nav__link.active{color:#fff;background:#ffffff26;font-weight:600}.nav--scrolled .nav__link.active{color:var(--accent);background:#f0a50026}.nav__cta{margin-left:6px;background:var(--accent)!important;color:#fff!important;border-radius:50px!important;padding:9px 20px!important}.nav--scrolled .nav__cta{color:#fff!important}.nav__cta:hover{transform:translateY(-1px);background:var(--accent-hover)!important}.nav__hamburger{flex-direction:column;gap:5px;padding:6px;display:none}.nav__hamburger span{width:24px;height:2.5px;transition:var(--transition);background:#fff;border-radius:3px;display:block}.nav--scrolled .nav__hamburger span{background:#fff}.nav__hamburger.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.nav__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.nav__mobile{top:var(--nav-height);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:var(--transition);z-index:999;background:#0d0d0d;padding:8px 24px 24px;position:fixed;left:0;right:0;transform:translateY(-10px)}.nav__mobile.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav__mobile-link{color:#ffffffd9;transition:var(--transition);border-bottom:1px solid #ffffff14;padding:14px 0;font-size:.97rem;font-weight:500;display:block}.nav__mobile-link:last-child{border-bottom:none}.nav__mobile-link:hover{color:var(--accent);padding-left:6px}.hero{min-height:100vh;padding-top:var(--nav-height);background:linear-gradient(135deg,#000 0%,#0d0d0d 60%,#1a1a1a 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 75% 20%,#f0a50047 0%,#0000 55%),radial-gradient(at 10% 80%,#f0a5001f 0%,#0000 50%);position:absolute;inset:0}.hero__wave{line-height:0;position:absolute;bottom:-2px;left:0;right:0;overflow:hidden}.hero__wave svg{width:100%;display:block}.hero__inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding:80px 0 120px;display:grid;position:relative}.hero__badge{color:#fbc54a;background:#f5a62324;border:1px solid #f5a62347;border-radius:100px;align-items:center;gap:9px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.hero h1{color:#fff;margin-bottom:20px}.hero h1 em{color:var(--accent);font-style:normal}.hero__sub{color:#ffffffd6;max-width:490px;margin-bottom:38px;font-size:1.08rem}.hero__sub strong{color:#fff;font-weight:600}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__visual{justify-content:flex-end;display:flex}.hero__card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff24;width:100%;max-width:360px;padding:28px}.hero__card-title{color:#fff;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:20px;font-size:.88rem;font-weight:700;display:flex}.hero__card-title-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero__stat{border-bottom:1px solid #ffffff17;align-items:center;gap:14px;padding:13px 0;display:flex}.hero__stat:last-child{border-bottom:none;padding-bottom:0}.hero__stat-icon{background:#f5a62326;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.hero__stat-text strong{color:#fff;font-size:.88rem;font-weight:600;display:block}.hero__stat-text span{color:#ffffff8c;font-size:.78rem}.page-hero{padding:calc(var(--nav-height) + 96px) 0 80px;text-align:center;background:linear-gradient(160deg,#000 0%,#111 60%,#1a1a1a 100%);position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#f5a62338 0%,#0000 65%);position:absolute;inset:0}.page-hero__wave{line-height:0;position:absolute;bottom:-2px;left:0;right:0}.page-hero__wave svg{width:100%;display:block}.page-hero__inner{z-index:1;position:relative}.page-hero h1{color:#fff;margin-bottom:16px}.page-hero p{color:#ffffffdb;max-width:560px;margin:0 auto;font-size:1.08rem}.page-hero .section-tag{color:#ffffffd9;background:#ffffff1f}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:32px 26px}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#f0a50066;transform:translateY(-5px)}.feature-card__icon{border-radius:var(--radius-sm);background:#f0a5002e;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:1.5rem;display:flex}.feature-card h3{color:var(--primary);margin-bottom:10px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.steps-grid--5{grid-template-columns:repeat(5,1fr)}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--accent), var(--primary-light));opacity:.25;height:2px;position:absolute;top:34px;left:calc(12.5% + 20px);right:calc(12.5% + 20px)}.step{text-align:center;position:relative}.step__num{background:var(--accent);color:#fff;z-index:1;width:68px;height:68px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex;position:relative}.step:hover .step__num{background:var(--accent-hover);transform:scale(1.08)}.step h3{color:var(--primary);margin-bottom:10px}.steps-detail{max-width:820px;margin:0 auto}.step-detail{border-bottom:1px solid var(--border);transition:var(--transition);border-left:3px solid #0000;grid-template-columns:80px 1fr;align-items:start;gap:28px;padding:36px 0 36px 16px;display:grid}.step-detail:hover{border-left-color:var(--accent)}.step-detail:last-child{border-bottom:none}.step-detail:hover .step-detail__num{background:var(--accent-hover);transform:scale(1.05)}.step-detail__num{background:var(--accent);color:#fff;width:68px;height:68px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.step-detail__body h3{color:var(--primary);margin-bottom:10px;font-size:1.25rem}.step-detail__body p{font-size:.95rem;line-height:1.75}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:36px 28px 32px;position:relative;overflow:hidden}.pricing-card--featured{border-color:var(--accent);transform:scale(1.04);box-shadow:0 12px 48px #f5a6232e}.pricing-card--featured:before{content:"Meest gekozen";background:var(--accent);color:#fff;letter-spacing:.05em;padding:5px 44px;font-size:.72rem;font-weight:700;position:absolute;top:18px;right:-30px;transform:rotate(35deg)}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-size:.78rem;font-weight:700}.pricing-card__price{color:var(--primary);align-items:flex-start;gap:2px;margin-bottom:4px;font-size:3rem;font-weight:800;line-height:1;display:flex}.pricing-card__price sup{margin-top:8px;font-size:1.3rem;font-weight:700}.pricing-card__sub{color:var(--text-muted);margin-bottom:26px;font-size:.83rem}.pricing-card__divider{background:var(--border);height:1px;margin:0 0 22px}.pricing-card__features{margin-bottom:28px}.pricing-card__feature{color:var(--text);border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:8px 0;font-size:.875rem;display:flex}.pricing-card__feature:last-child{border-bottom:none}.pricing-card__check{color:var(--accent);flex-shrink:0;font-weight:700}.includes-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.include-item{border-radius:var(--radius);border:1px solid var(--border);background:#fff;align-items:flex-start;gap:14px;padding:22px;display:flex}.include-item__icon{flex-shrink:0;font-size:1.4rem}.include-item h4{color:var(--primary);margin-bottom:4px;font-size:.9rem}.include-item p{font-size:.82rem}.faq-list{max-width:780px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);margin-bottom:10px;overflow:hidden}.faq-item.open{border-color:#f0a50066;box-shadow:0 2px 12px #f0a5001a}.faq-question{text-align:left;width:100%;color:var(--text);transition:color var(--transition);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover,.faq-item.open .faq-question{color:var(--primary)}.faq-icon{background:var(--bg-light);width:28px;height:28px;transition:var(--transition);color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:300;display:flex}.faq-item.open .faq-icon{background:var(--accent);color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;color:var(--text-muted);background:#fff;padding:0 22px;font-size:.91rem;line-height:1.75;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:600px;padding:0 22px 20px}.form-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:40px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group--full{grid-column:1/-1}.form-group label{color:var(--text);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);background:#fff;outline:none;padding:12px 15px;font-size:.92rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#bdc3cb}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0a5001f}.form-group textarea{resize:vertical;min-height:120px}.form-submit{text-align:center;grid-column:1/-1}.form-note{color:var(--text-muted);text-align:center;grid-column:1/-1;margin-top:4px;font-size:.82rem}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:64px;display:grid}.contact-info__item{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.contact-info__icon{border-radius:var(--radius-sm);background:#f0a5001a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.contact-info__label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:4px;font-size:.77rem;font-weight:700}.contact-info__value{color:var(--text);font-size:.95rem;font-weight:600}.contact-info__value a:hover{color:var(--primary);text-decoration:underline}.cta-banner{text-align:center;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);padding:80px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(#f5a6233d 0%,#0000 68%);position:absolute;inset:0}.cta-banner__inner{z-index:1;position:relative}.cta-banner h2{color:#fff;margin-bottom:14px}.cta-banner p{color:#ffffffb8;margin-bottom:34px;font-size:1.05rem}.cta-banner__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer{background:var(--bg-dark);color:#ffffffa6;padding:64px 0 32px}.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:52px;display:grid}.footer__brand p{max-width:275px;margin-top:14px;font-size:.86rem;line-height:1.7}.footer__logo{color:#fff;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.footer__col-title{text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:16px;font-size:.75rem;font-weight:700}.footer__links{flex-direction:column;gap:10px;display:flex}.footer__link{transition:var(--transition);font-size:.86rem}.footer__link:hover{color:#fff;padding-left:5px}.footer__bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:28px;font-size:.81rem;display:flex}.footer__bottom a{color:var(--accent)}.footer__bottom a:hover{text-decoration:underline}.notice-box{border:1px solid #f5a62347;border-left:4px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);background:#f5a62312;padding:16px 20px;font-size:.9rem}.notice-box strong{color:#9a6200}.info-list{flex-direction:column;gap:12px;display:flex}.info-list li{color:var(--text-muted);align-items:flex-start;gap:11px;font-size:.92rem;line-height:1.6;display:flex}.info-list li:before{content:"✓";color:var(--accent);flex-shrink:0;margin-top:1px;font-weight:700}.badge{border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge--green{color:#1a7a42;background:#27ae601a}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.animate-on-scroll.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media (width<=1024px){.hero__inner{text-align:center;grid-template-columns:1fr;padding:60px 0 100px}.hero__sub{margin:0 auto 36px}.hero__actions{justify-content:center}.hero__visual{display:none}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid--5{grid-template-columns:repeat(3,1fr)}.steps-grid:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pricing-card--featured{transform:none}.footer__grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:36px}.includes-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--nav-height:135px}.nav__logo-img{height:110px;margin-top:15px}.nav__links{display:none}.nav__inner{justify-content:center;position:relative}.nav__logo{flex:unset}.nav__hamburger{display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.section{padding:64px 0}.features-grid,.steps-grid{grid-template-columns:1fr}.steps-grid--5{grid-template-columns:repeat(2,1fr)}.step-detail{grid-template-columns:60px 1fr;gap:20px}.step-detail__num{width:56px;height:56px;font-size:1.3rem}.form-grid{grid-template-columns:1fr}.form-group--full{grid-column:1}.form-card{padding:28px 22px}.footer__grid{grid-template-columns:1fr}.footer__bottom{text-align:center;flex-direction:column}.includes-grid{grid-template-columns:1fr}}@media (width<=480px){:root{--nav-height:125px}.nav__logo-img{height:100px}.steps-grid--5{grid-template-columns:1fr}.hero__actions,.cta-banner__actions{flex-direction:column;align-items:center}h1{font-size:2rem}}
