/* Vers & Vorm Landingspagina Frontend Stijlen */
.vv-hero { background: #F8FAFC; padding: 4rem 2rem; border-radius: 12px; text-align: center; margin-bottom: 3rem; }
.vv-hero h1 { font-size: 2.8rem; color: #1A202C; margin-bottom: 1rem; font-family: Georgia, serif; }
.vv-hero p { font-size: 1.2rem; color: #4A5568; max-width: 700px; margin: 0 auto 2rem; line-height: 1.6; }
.vv-btn-primary { background: #FD6721; color: #FFF; padding: 12px 28px; border-radius: 8px; font-weight: 700; text-decoration: none; display: inline-block; box-shadow: 0 4px 14px rgba(253,103,33,0.3); }
.vv-btn-primary:hover { background: #E55613; color: #FFF; }

.vv-problem { margin: 3rem 0; padding: 2rem; background: #FFF; border-left: 4px solid #FD6721; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-radius: 0 8px 8px 0; }
.vv-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0; }
.vv-feature-box { background: #FFF; padding: 2rem; border-radius: 10px; border: 1px solid #E2E8F0; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
.vv-qualification { background: #F8FAFC; padding: 2.5rem; border-radius: 12px; margin: 3rem 0; border: 1px solid #E2E8F0; }
.vv-social-proof { margin: 3rem 0; font-style: italic; background: #FFF5F0; padding: 2.5rem; border-radius: 12px; border: 1px solid #FFD8CC; text-align: center; }
.vv-faq { margin: 3rem 0; }
.vv-faq-item { margin-bottom: 1.5rem; background: #FFF; padding: 1.5rem; border-radius: 8px; border: 1px solid #E2E8F0; }
.vv-final-cta { text-align: center; background: #1A202C; color: #FFF; padding: 4rem 2rem; border-radius: 14px; margin: 4rem 0; }
.vv-final-cta h2 { color: #FFF; font-family: Georgia, serif; font-size: 2.2rem; margin-bottom: 1rem; }
.vv-final-cta p { color: #CBD5E0; max-width: 600px; margin: 0 auto 2rem; }