*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-light:#c8dc82;--green-main:#8bbf3c;--green-dark:#5a8a1e;--purple-toe:#7b5ea7;--blue-toe:#3a8fc4;--green-toe:#4aae6b;--yellow-toe:#e8c933;--orange-toe:#e07828;--cream:#f8faf2;--warm-white:#f2f5e8;--sand:#dde5c4;--text-dark:#1e2e0a;--text-mid:#4a6020;--text-light:#7a8f5a;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-dark);background:#fff;font-size:16px;font-weight:300;line-height:1.7}nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--sand);background:#fff;justify-content:space-between;align-items:center;height:128px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo img{width:auto;height:120px}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{letter-spacing:.05em;text-transform:uppercase;color:var(--text-mid);font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-dark)}.nav-cta{border-radius:3px;padding:.5rem 1.25rem;background:var(--green-main)!important;color:#fff!important}.nav-cta:hover{background:var(--green-dark)!important}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-dark);width:22px;height:1.5px;display:block}@media (width<=700px){.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{background:var(--cream);border-bottom:1px solid var(--sand);flex-direction:column;gap:1.5rem;padding:1.5rem 2rem;display:flex;position:fixed;top:128px;left:0;right:0}}main{padding-top:128px}footer{background:var(--cream);color:var(--dark);text-align:center;border-top:1px solid var(--sand);padding:3rem 2rem;font-size:.85rem}footer a{color:var(--text-dark);text-decoration:none}footer a:hover{color:var(--green-dark)}footer p+p{margin-top:.5rem}.footer-logo{opacity:.9;width:auto;height:120px;margin-bottom:1.25rem}.footer-keurmerk{border-top:1px solid var(--sand);flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;display:flex}.footer-keurmerk a{transition:opacity .2s;display:inline-flex}.footer-keurmerk a:hover{opacity:.75}.footer-keurmerk svg{width:auto;height:56px;display:block}.footer-keurmerk span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);font-size:.72rem}.container{max-width:1040px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--green-main);margin-bottom:.75rem;font-size:.72rem;font-weight:500}.section-title{font-family:var(--font-display);color:var(--text-dark);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.2}.divider{background:var(--green-main);width:40px;height:2px;margin-bottom:2rem}.toe-dots{gap:6px;margin-bottom:1.25rem;display:flex}.toe-dots span{border-radius:50%;width:10px;height:14px;display:block}.toe-dots span:first-child{background:var(--purple-toe)}.toe-dots span:nth-child(2){background:var(--blue-toe)}.toe-dots span:nth-child(3){background:var(--green-toe)}.toe-dots span:nth-child(4){background:var(--yellow-toe)}.toe-dots span:nth-child(5){background:var(--orange-toe)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.7s forwards fadeUp}.fade-up-delay-1{opacity:0;animation-delay:.15s}.fade-up-delay-2{opacity:0;animation-delay:.3s}.fade-up-delay-3{opacity:0;animation-delay:.45s}.btn-primary{background:var(--green-main);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:3px;padding:.85rem 2rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{border:1.5px solid var(--green-main);color:var(--green-dark);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;padding:.85rem 2rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:var(--warm-white)}
