.steps{padding:var(--space-4xl) 0}.steps__grid{gap:var(--space-2xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.steps__grid{grid-template-columns:1fr}}.step-card{text-align:center;padding:var(--space-2xl) var(--space-lg)}.step-card__number{background:var(--color-text);width:48px;height:48px;color:var(--color-surface);font-weight:var(--font-weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-lg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step-card__icon{margin-bottom:var(--space-md);font-size:2.5rem;line-height:1}.step-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.step-card p{color:var(--color-text-secondary);font-size:var(--text-sm)}.pillars{background:var(--color-surface);padding:var(--space-4xl) 0}.pillars__grid{gap:var(--space-2xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.pillars__grid{grid-template-columns:1fr}}.pillar-card{padding:var(--space-2xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;position:relative}.pillar-card--active{border-color:var(--color-accent);background:#4a9e3f08;border-width:2px}.pillar-card--active:after{content:"Hier helpen wij";background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:999px;padding:.2rem .75rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pillar-card__icon{margin-bottom:var(--space-md);font-size:2rem;line-height:1}.pillar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.pillar-card p{color:var(--color-text-secondary);font-size:var(--text-sm)}.stats-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{text-align:center;padding:var(--space-xl) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.stat-card__number{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--space-xs);line-height:1.1}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.stat-card__source{color:var(--color-text-muted);font-size:.65rem}.stat-card__source a{color:var(--color-text-muted);text-decoration:underline}.stat-card__source a:hover{color:var(--color-accent)}.demo-section{padding:var(--space-4xl) 0}.demo-wrapper{max-width:560px;margin:var(--space-2xl) auto 0}.review-card{text-align:center;background:var(--color-surface);width:100%;padding:var(--space-4xl) var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.review-card__logo{object-fit:contain;width:72px;height:auto;margin:0 auto var(--space-lg)}.review-card h2{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.review-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.demo-label{background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);border-radius:999px;padding:.25rem .75rem;display:inline-block}.review-choices{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.review-choice{align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-2xl);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text);flex-direction:column;min-width:180px;text-decoration:none;display:flex}.review-choice:hover{color:var(--color-text)}.review-choice--happy:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);background:#4a9e3f0d;transform:translateY(-2px)}.review-choice--unhappy:hover{border-color:var(--color-warm);box-shadow:var(--shadow-md);background:#d4a0170d;transform:translateY(-2px)}.review-choice__emoji{font-size:3rem;line-height:1}.review-choice__label{font-weight:var(--font-weight-bold);font-size:var(--text-base)}.demo-result{display:none}.demo-result.active{display:block}.congrats-stars{letter-spacing:.15em;margin-bottom:var(--space-md);color:#f5b731;font-size:3rem}.demo-result h3{font-size:var(--text-xl);margin-bottom:var(--space-xs);color:var(--color-accent)}.demo-result .congrats-sub{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.congrats-mockup{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:380px;margin:0 auto var(--space-xl);align-items:center;gap:var(--space-md);display:flex}.congrats-mockup__avatar{background:var(--color-accent);color:#fff;width:42px;height:42px;font-weight:var(--font-weight-bold);font-size:var(--text-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.congrats-mockup__text{text-align:left}.congrats-mockup__name{font-weight:var(--font-weight-bold);font-size:var(--text-sm)}.congrats-mockup__stars{color:#f5b731;letter-spacing:.05em}.congrats-mockup__msg{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.demo-note{border-left:3px solid var(--color-accent);text-align:left;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);background:#4a9e3f0f;max-width:380px;margin:0 auto}.demo-note strong{color:var(--color-text)}.demo-note--warn{border-left-color:var(--color-warm);background:#d4a0170f}.demo-feedback{text-align:left;max-width:380px;margin:var(--space-xl) auto 0}.demo-feedback h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);text-align:center;color:var(--color-text)}.demo-feedback>p{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text-secondary);font-size:var(--text-sm)}.demo-feedback .form-group{margin-bottom:var(--space-md)}.demo-feedback .form-group label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);display:block}.demo-feedback .form-group input,.demo-feedback .form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-base);font-weight:var(--font-weight-light);color:var(--color-text);font-family:var(--font-family);transition:border-color var(--transition-fast);padding:.75rem 1rem}.demo-feedback .form-group input:focus,.demo-feedback .form-group textarea:focus{border-color:var(--color-text);outline:none}.demo-feedback .form-group textarea{resize:vertical;min-height:80px}.demo-feedback .btn{width:100%}.feedback-sent{text-align:center;padding:var(--space-xl) 0;display:none}.feedback-sent.active{display:block}.feedback-sent__emoji{margin-bottom:var(--space-sm);font-size:2.5rem}.demo-reset{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family);background:0 0;border:none;text-decoration:underline;display:inline-block}.demo-reset:hover{color:var(--color-text)}.offerte-section{background:var(--color-surface);padding:var(--space-4xl) 0}.offerte-section h2{text-align:center;margin-bottom:var(--space-sm)}.offerte-section>.container>p{text-align:center;color:var(--color-text-secondary);max-width:540px;margin:0 auto var(--space-2xl)}.offerte-form{max-width:480px;margin:0 auto}.offerte-form .form-group{margin-bottom:var(--space-lg)}.offerte-form .form-group label{font-size:var(--text-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-bottom:var(--space-xs);display:block}.offerte-form .form-group input,.offerte-form .form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-base);font-weight:var(--font-weight-light);color:var(--color-text);transition:border-color var(--transition-fast);font-family:var(--font-family);padding:.875rem 1rem}.offerte-form .form-group input:focus,.offerte-form .form-group textarea:focus{border-color:var(--color-text);outline:none}.offerte-form .form-group textarea{resize:vertical;min-height:90px}.offerte-form .btn{width:100%}.offerte-success{text-align:center;padding:var(--space-2xl) 0;display:none}.offerte-success.active{display:block}.offerte-success__emoji{margin-bottom:var(--space-md);font-size:3rem}