:root{--bg: #f1e9dc;--surface: #f7f1e6;--border: #e3d6c4;--accent: #b5502e;--accent-secondary: #5c4632;--on-accent: #fff8f0;--text: #2e2118;--text-muted: #8a7a67;--success: #6e8257;--success-bg: #e6e8d6;--danger: #a3321e;--danger-bg: #f3e0d8;--radius: 10px;--shadow: 0 1px 2px rgba(46, 33, 24, .06), 0 6px 16px -10px rgba(46, 33, 24, .3);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #211a14;--surface: #2b221a;--border: #3a2e22;--accent: #d97c54;--accent-secondary: #a9835f;--on-accent: #2e1208;--text: #f0e6d8;--text-muted: #b3a38c;--success: #8fa478;--success-bg: #2f3526;--danger: #e2735c;--danger-bg: #3f2a22;color-scheme:dark}}:root[data-theme=dark]{--bg: #211a14;--surface: #2b221a;--border: #3a2e22;--accent: #d97c54;--accent-secondary: #a9835f;--on-accent: #2e1208;--text: #f0e6d8;--text-muted: #b3a38c;--success: #8fa478;--success-bg: #2f3526;--danger: #e2735c;--danger-bg: #3f2a22;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.logo-light{display:inline-block}.logo-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:inline-block}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:inline-block}.landing{min-height:100%;background:var(--bg);color:var(--text)}.landing-wrap{max-width:980px;margin:0 auto;padding:0 20px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.landing-merk{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.landing-nav-acties{display:flex;align-items:center;gap:8px}.landing-taal{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text-muted)}.landing-knop{padding:11px 20px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.landing-knop-rustig{background:transparent;color:var(--accent-secondary);border-color:var(--border)}.landing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:48px 0 64px}.landing-label{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;margin-bottom:18px}.landing h1{font-size:clamp(32px,6vw,48px);line-height:1.1;margin:0 0 16px;letter-spacing:-.01em}.landing-lead{font-size:17px;color:var(--text-muted);margin:0 0 26px;max-width:34em}.landing-cta{display:flex;flex-wrap:wrap;gap:10px}.landing-hero-beeld{display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:var(--shadow)}.landing-hero-beeld img{max-width:60%;height:auto}.landing-sectie{padding:56px 0;border-top:1px solid var(--border)}.landing h2{font-size:clamp(24px,4vw,32px);margin:0 0 8px;letter-spacing:-.01em}.landing-sectie-intro{color:var(--text-muted);margin:0 0 28px;max-width:40em}.landing-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-kaart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.landing-kaart h3{margin:0 0 6px;font-size:16.5px}.landing-kaart p{margin:0;color:var(--text-muted);font-size:14.5px}.landing-aantal{font-size:13px;color:var(--text-muted);font-weight:400}.landing-recepten{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-recepten ul{margin:10px 0 0;padding:0;list-style:none;font-size:14.5px;display:grid;gap:4px}.landing-stappen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:stap}.landing-stappen .landing-kaart:before{counter-increment:stap;content:counter(stap);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;margin-bottom:12px}.landing-droog{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.landing-demo{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow);display:grid;gap:14px}.landing-demo-kop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.landing-demo-kop strong{font-size:16px}.landing-demo-tag{font-size:12px;color:var(--text-muted)}.landing-demo-cijfer{font-size:34px;font-weight:700;line-height:1}.landing-balk{position:relative;height:14px;border-radius:999px;background:var(--border);overflow:hidden}.landing-balk-vul{position:absolute;inset:0 auto 0 0;width:78%;background:var(--success);border-radius:999px}.landing-balk-doel{position:absolute;top:0;bottom:0;left:85.7%;right:0;border-left:2px solid var(--accent-secondary);opacity:.55}.landing-demo-status{display:flex;align-items:center;gap:8px;font-size:14px;background:var(--success-bg);border-radius:8px;padding:8px 10px}.landing-stip{width:12px;height:12px;border-radius:50%;background:var(--success);flex:none}.landing-demo-klimaat{font-size:13.5px;color:var(--text-muted)}.landing-eerlijk{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:grid;gap:8px}.landing-eerlijk h3{margin:0;font-size:17px}.landing-eerlijk p{margin:0;color:var(--text-muted)}.landing-slot{text-align:center;padding:64px 0;border-top:1px solid var(--border)}.landing-slot .landing-cta{justify-content:center}.landing-voet{padding:22px 0 32px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);text-align:center}@media(max-width:820px){.landing-hero,.landing-droog{grid-template-columns:1fr;gap:28px}.landing-hero{padding-top:24px}.landing-hero-beeld{order:-1;padding:24px}.landing-raster,.landing-stappen{grid-template-columns:1fr}.landing-recepten{grid-template-columns:1fr 1fr}}@media(max-width:480px){.landing-recepten{grid-template-columns:1fr}}