:root{--bg: #faf6ec;--surface: #fffcf4;--border: #e7dfcd;--accent: #d89b3c;--accent-secondary: #8b5a2b;--on-accent: #412402;--text: #3a332b;--text-muted: #746b5e;--success: #7a9471;--success-bg: #eaf0e6;--danger: #a3321e;--danger-bg: #f6e6e1;--radius: 10px;--shadow: 0 1px 2px rgba(58, 51, 43, .06), 0 6px 16px -10px rgba(58, 51, 43, .3);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #211c16;--surface: #2c2620;--border: #3d362c;--accent: #e3a94a;--accent-secondary: #a9784a;--on-accent: #412402;--text: #f2ead8;--text-muted: #b8ad98;--success: #93ac89;--success-bg: #33402f;--danger: #e2735c;--danger-bg: #3f2a22;color-scheme:dark}}:root[data-theme=dark]{--bg: #211c16;--surface: #2c2620;--border: #3d362c;--accent: #e3a94a;--accent-secondary: #a9784a;--on-accent: #412402;--text: #f2ead8;--text-muted: #b8ad98;--success: #93ac89;--success-bg: #33402f;--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-secondary);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-tagline{font-size:14px;font-style:italic;color:var(--text-muted);margin:0 0 12px;max-width:34em}.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-klein{margin:14px 0 0;font-size:13px;color:var(--text-muted)}.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-raster .landing-kaart:last-child{grid-column:1 / -1}.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-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:6px}.landing-premium{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;color:var(--accent-secondary);border:1px solid var(--accent-secondary);border-radius:999px;padding:0 7px;white-space:nowrap;vertical-align:middle}.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-rijping{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-rij{display:flex;justify-content:space-between;gap:12px;font-size:14px}.landing-demo-rij span{color:var(--text-muted)}.landing-stoplichten{display:grid;gap:8px}.landing-stoplicht{display:flex;align-items:center;gap:8px;font-size:14px;border-radius:8px;padding:8px 10px;background:var(--bg);border:1px solid var(--border)}.landing-stoplicht-groen{background:var(--success-bg);border-color:var(--success)}.landing-stip{width:12px;height:12px;border-radius:50%;flex:none}.landing-stip-groen{background:var(--success)}.landing-stip-geel{background:var(--accent)}.landing-stip-rood{background:var(--danger)}.landing-twee{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-lijst{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14.5px}.landing-lijst li{position:relative;padding-left:20px}.landing-lijst li:before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.landing-prijs{margin:16px 0 0;font-size:14px;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;display:grid;gap:4px}.landing-voet a{color:var(--accent-secondary)}@media(max-width:820px){.landing-hero,.landing-rijping{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,.landing-twee{grid-template-columns:1fr}}