.button{display:inline-flex;align-items:center;justify-content:center;height:39px;padding:10px;border-radius:var(--radius-small);border:none;cursor:pointer;font-family:var(--font-button);font-weight:700;font-size:var(--text-body);line-height:normal;white-space:nowrap;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .25s ease;will-change:transform}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;filter:brightness(1.08)}.button:active{transform:scale(.92) translateY(0);box-shadow:0 1px 4px #0000001a;transition:transform .1s ease-in,box-shadow .1s ease-in}.button--primary:hover{box-shadow:0 4px 16px #57623859}.button--secondary:hover{box-shadow:0 4px 16px #ffd95e66}.button--outline:hover{background-color:var(--surface-brand);color:var(--surface-primary)}.button--outline-light:hover{background-color:var(--border-inversed);color:var(--surface-brand)}.button--primary{background-color:var(--surface-brand);color:var(--surface-primary)}.button--secondary{background-color:var(--button-secondary);color:var(--text-primary)}.button--outline{background-color:transparent;border:var(--border-width-regular) solid var(--surface-brand);color:var(--surface-brand)}.button--outline-light{background-color:transparent;border:var(--border-width-regular) solid var(--border-inversed);color:var(--text-inversed)}.button--light{background-color:var(--surface-primary);color:var(--button-primary)}.button--rounded{border-radius:var(--radius-xxlarge)}.button--full-width{width:100%}.button--shake{animation:buttonShake .4s ease}@keyframes buttonShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(120%);display:flex;align-items:center;gap:var(--space-150);padding:var(--space-200) var(--space-400);background-color:var(--surface-brand);color:var(--text-inversed);font-family:var(--font-body);font-size:var(--text-body);border-radius:var(--radius-medium);box-shadow:0 8px 32px #0003;z-index:9999;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.toast--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast__icon{width:24px;height:24px;flex-shrink:0;filter:brightness(0) invert(1)}.toast__message{white-space:nowrap}.navbar{display:flex;align-items:center;justify-content:space-between;position:absolute;top:65px;left:clamp(32px,4vw,64px);right:clamp(32px,4vw,64px);z-index:10}.navbar__logo{height:50px}.navbar__logo img{width:100%;height:100%}.navbar__menu{display:flex;align-items:center;gap:var(--space-400)}.navbar__link{font-family:var(--font-heading);font-weight:500;font-size:var(--text-h5);color:#000;text-decoration:none;position:relative;display:inline-block;padding-bottom:4px;white-space:nowrap;cursor:pointer;transition:color .22s ease}.navbar__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--surface-brand);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.navbar__link:hover:after,.navbar__link:focus-visible:after{transform:scaleX(1)}.navbar__actions{display:flex;align-items:center;gap:var(--space-200)}.navbar__hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-100);flex-direction:column;gap:6px;z-index:11}.navbar__hamburger-line{display:block;width:32px;height:3px;background-color:var(--text-primary);border-radius:2px}@media(max-width:834px){.navbar{top:32px;left:32px;right:32px}.navbar__hamburger{display:flex}.navbar__menu{display:none;position:fixed;inset:0;background-color:var(--surface-primary);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-400);z-index:10}.navbar__menu--open{display:flex}.navbar__actions{flex-direction:column;gap:var(--space-200)}}.hero{position:relative;width:100%;height:100vh;background-color:#fff;overflow:hidden}.hero__background{position:absolute;width:80vw;max-width:1136px;aspect-ratio:1;right:max(-10vw,calc((100vw - 1440px)/2 - 144px));top:calc(50% + 150px);transform:translateY(-50%);pointer-events:none}.hero__background img{width:100%;height:100%}.hero__plant{position:absolute;width:clamp(400px,45vw,846px);height:auto;right:max(0px,calc((100vw - 1440px)/2));top:50%;transform:translateY(-45%);pointer-events:none}.hero__plant img{width:100%;height:auto;object-fit:contain}.hero__content{position:relative;left:0;top:0;transform:none;display:flex;flex-direction:column;justify-content:center;gap:var(--space-800);width:717px;min-height:100vh;margin-left:max(64px,calc((100vw - 1440px)/2 + 64px));z-index:2}.hero__text{display:flex;flex-direction:column;gap:var(--space-200)}.hero__title{font-family:var(--font-heading);font-weight:500;font-size:clamp(48px,6vw,var(--text-hero));line-height:1;color:var(--surface-brand)}.hero__subtitle{font-family:var(--font-heading);font-weight:400;font-size:var(--text-h5);line-height:normal;color:#000;max-width:563px}.hero__actions{display:flex;flex-direction:column;gap:var(--space-400)}.hero__search{display:flex;align-items:center;justify-content:space-between;max-width:563px;width:100%;padding:var(--space-100) var(--space-100) var(--space-100) var(--space-200);background-color:var(--surface-secondary);box-shadow:0 5px 15.4px #00000040}.hero__search-inner{display:flex;align-items:center;gap:var(--space-100);flex:1;min-width:0}.hero__search-icon{width:32px;height:32px;flex-shrink:0}.hero__search-icon img{width:100%;height:100%}.hero__search-input{font-family:var(--font-heading);font-weight:400;font-size:var(--text-h5);color:var(--text-primary);background:transparent;border:none;outline:none;width:100%;min-width:0}.hero__search-input::placeholder{color:var(--text-muted)}.hero__buttons{display:flex;gap:var(--space-200)}@media(max-width:834px){.hero{height:auto;min-height:100vh}.hero__background{width:610px;right:50%;transform:translate(50%);top:0}.hero__plant{position:relative;width:342px;right:auto;top:auto;transform:none;margin:0 auto;z-index:1}.hero__content{width:100%;max-width:100%;min-height:auto;gap:var(--space-600);justify-content:flex-start;margin:0 auto;padding:32px;align-items:center;text-align:center}.hero__text{align-items:center}.hero__actions{width:100%;align-items:center}.hero__search{width:100%}.hero__title{font-size:64px}.hero__subtitle{max-width:340px}.hero__search{max-width:338px}.hero__search-button{display:none}}@media(max-width:480px){.hero__content{gap:var(--space-400);margin:0;padding:32px;text-align:center}.hero__title{font-size:48px}.hero__subtitle{font-size:var(--text-body);max-width:100%}.hero__search{max-width:100%}.hero__plant{width:100%;max-width:342px}}.app{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;overflow-x:hidden}.section--about{padding:clamp(32px,8vw,128px);display:flex;flex-direction:column;gap:var(--space-800);width:100%;max-width:1440px}@media(max-width:834px){.section--about{padding:32px}}@media(max-width:480px){.section--about{padding:32px;gap:var(--space-400)}}:root{--surface-primary: #fdfbf7;--surface-secondary: #faf9f5;--surface-brand: #576238;--surface-secondary-liquid: rgba(251, 246, 234, .2);--text-primary: #36392b;--text-secondary: #56594d;--text-muted: #6e7060;--text-brand: #576238;--text-inversed: #faf9f5;--border-accent: #ffd95e;--border-secondary: #56594d;--border-inversed: #faf9f5;--button-primary: #576238;--button-secondary: #ffd95e;--button-disabled: #b5b8a7;--icon-primary: #36392b;--icon-inversed: #faf9f5;--groen-200: #8b9468;--groen-300: #7b845f;--groen-500: #576238;--geel-500: #ffd95e;--wit-0: #ffffff;--wit-50: #fdfbf7;--wit-200: #ded8ca;--offblack-100: #b5b8a7;--offblack-900: #36392b;--space-050: 4px;--space-075: 6px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-600: 48px;--space-800: 64px;--space-1000: 80px;--radius-small: 4px;--radius-medium: 6px;--radius-large: 8px;--radius-xlarge: 12px;--radius-xxlarge: 16px;--radius-full: 999px;--border-width-regular: 2px;--font-heading: "Kanit", sans-serif;--font-body: "Satoshi", sans-serif;--font-button: "Inter", sans-serif;--text-hero: 96px;--text-h1: 48.828px;--text-h2: 39.063px;--text-h3: 31.25px;--text-h4: 25px;--text-h5: 20px;--text-body: 16px;--text-small: 12.8px;--font-weight-h2: 700;--font-weight-h4: 600;--font-weight-h5: 500;--font-weight-body: 400}@media(max-width:834px){:root{--text-h1: 39.063px;--text-h2: 31.25px;--text-h3: 25px;--text-h4: 20px;--text-h5: 16px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background-color:#fff;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1}p{line-height:normal}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:8px 16px;background:var(--surface-brand);color:var(--text-inversed);font-family:var(--font-heading);font-size:var(--text-body);text-decoration:none}.skip-link:focus{top:0}