/* 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; }
/* Structured landing pages inherit the live theme palette and typography. */
body#top .gg-lp-shell{width:calc(100% - 40px);max-width:1280px!important;margin:0 auto 35px!important;padding:0!important}
.gg-lp,.gg-lp *{box-sizing:border-box}.gg-lp{--lp-ink:var(--gg85-heading,#493729);--lp-muted:var(--gg85-ink,#756554);--lp-gold:var(--gg85-primary,#9b7448);--lp-line:var(--gg85-border,#e5d9c8);color:var(--lp-ink);font-family:var(--vv-font-sans,sans-serif)}
.gg-lp :is(h2,h3){font-family:var(--vv-font-serif,Georgia,serif);font-weight:500;color:var(--lp-ink);line-height:1.15!important;margin:10px 0 18px!important}.gg-lp h2{font-size:clamp(29px,3.3vw,43px)!important}.gg-lp h3{font-size:29px!important}.gg-lp p{font:400 14px/1.95 var(--vv-font-sans,sans-serif)!important;color:var(--lp-muted);margin:12px 0!important;overflow-wrap:anywhere}.gg-lp-eyebrow{font:600 10px/1.8 var(--vv-font-sans,sans-serif);letter-spacing:.12em;color:var(--lp-gold)}
.gg-lp-nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.gg-lp-nav a{padding:10px 17px;border:1px solid var(--lp-line);border-radius:99px;background:var(--gg85-card,#fffdf9);color:var(--lp-ink);font-size:12px;text-decoration:none;min-height:44px}
.gg-lp-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;margin:35px 0;padding:25px 10px}.gg-lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0}.gg-lp-card{padding:30px;border:1px solid var(--lp-line);border-radius:20px;background:var(--gg85-card,#fffdf9)}.gg-lp-card h2{font-size:30px!important}.gg-lp-number{font:500 30px/1 var(--vv-font-serif,Georgia,serif);color:var(--lp-gold)}
.gg-lp-section{margin:35px 0;padding:35px;border:1px solid var(--lp-line);border-radius:20px;background:var(--gg85-card,#fffdf9);scroll-margin-top:25px}.gg-lp-soft,.gg-lp-final{background:linear-gradient(120deg,var(--gg85-card,#fffdf9),var(--gg85-bg,#f1e5d4))}.gg-lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:decimal-leading-zero;padding-left:25px;margin:30px 0 0}.gg-lp-steps li{padding-left:6px;margin-left:15px}.gg-lp-steps li::marker{color:var(--lp-gold);font-family:var(--vv-font-serif,Georgia,serif);font-size:24px}.gg-lp-quote{margin:35px 0;padding:35px;background:#f4ecdf;border-radius:20px;text-align:center}.gg-lp-quote blockquote{border:0;padding:0;margin:0}.gg-lp-quote blockquote p{font:500 30px/1.5 var(--vv-font-serif,Georgia,serif)!important}.gg-lp-quote figcaption{font-size:12px;color:var(--lp-muted)}
.gg-lp details{border-top:1px solid var(--lp-line);padding:0;margin:0}.gg-lp summary{font-size:15px;font-weight:600;padding:20px 0;cursor:pointer;line-height:1.7}.gg-lp details p{padding-bottom:20px}.gg-lp-final{text-align:center;padding:50px 35px;border:1px solid var(--lp-line);border-radius:20px;margin:35px 0}.gg-lp-final p{max-width:780px;margin:15px auto 25px!important}.gg-lp a.gg-lp-button{display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:99px;background:var(--lp-gold);color:#fff;text-decoration:none;font-size:13px}.gg-lp-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gg-lp-related-link{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--lp-line);padding:18px;border-radius:12px;text-decoration:none;color:var(--lp-ink);font-size:13px}.gg-lp :is(a,summary):focus-visible{outline:2px solid var(--lp-gold);outline-offset:4px}
@media(max-width:800px){.gg-lp-grid,.gg-lp-steps{grid-template-columns:1fr}.gg-lp-story{grid-template-columns:1fr;gap:10px}.gg-lp-card,.gg-lp-section{padding:26px 23px}}
@media(max-width:680px){body#top .gg-lp-shell{width:calc(100% - 20px)!important}.gg-lp-nav{gap:8px}.gg-lp-nav a{font-size:11px;padding:10px 13px}.gg-lp-story{padding:5px 0;margin:25px 0}.gg-lp-grid,.gg-lp-section,.gg-lp-final{margin:25px 0}.gg-lp-related{grid-template-columns:1fr}.gg-lp-final{padding:32px 23px}.gg-lp-quote{margin:25px 0;padding:25px}.gg-lp-quote blockquote p{font-size:26px!important}.gg-lp-button{width:100%}.gg-lp-steps{gap:18px}}
