/* Vollo Bedrijfspagina's 1.0.0: tokens gelijk aan vollo-toegang en de homepage. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.vpg-main{background:#F4F2FB}
body.vpg-page #main-content .container{max-width:none;width:100%;padding:0}
body.vpg-page .entry-title,body.vpg-page h1.entry-title{display:none}
.vpg{--ink:#1B1642;--navy2:#3A1FA8;--blue:#5B3FD6;--lila:#B39DFF;--mist:#F4F2FB;--line:#E6E2F5;--muted:#5A5578;--subkop:#9B95B8;--cta:#ff5722;--ok:#12805A;--red:#d5452c;--r:20px;
  --f:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;font-family:var(--f);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;
  padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,2.5rem);
  background:radial-gradient(60% 50% at 8% 0%,rgba(179,157,255,.35),transparent 60%),radial-gradient(45% 45% at 100% 100%,rgba(91,63,214,.14),transparent 60%),var(--mist)}
.vpg *{box-sizing:border-box}
.vpg h1,.vpg h2,.vpg h3{font-family:var(--f);font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 .6rem}
.vpg h1{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.1}
.vpg h2{font-size:clamp(1.35rem,2.3vw,1.8rem);line-height:1.2}
.vpg h3{font-size:1.15rem;line-height:1.3}
.vpg p{margin:0 0 1rem;color:var(--muted)}
.vpg a{color:var(--blue);text-decoration:none;font-weight:600}.vpg a:hover{text-decoration:underline}
.vpg-wrap{max-width:1120px;margin:0 auto}
.vpg-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:start}
.vpg-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.5rem,3.5vw,2.6rem);box-shadow:0 24px 60px -30px rgba(27,22,66,.28),0 8px 24px rgba(91,63,214,.07)}
.vpg-card-flat{box-shadow:none}
.vpg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--subkop);margin-bottom:.7rem}
.vpg-eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--lila)}
.vpg-lead{font-size:1.05rem}
.vpg-form{display:grid;gap:1rem}
.vpg-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.vpg-field{display:grid;gap:.35rem}
.vpg-field>span{font-size:.86rem;font-weight:700;color:var(--ink)}.vpg-field>span em{font-style:normal;font-weight:500;color:var(--subkop)}
.vpg input[type=text],.vpg input[type=email],.vpg input[type=tel],.vpg select,.vpg textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:.85rem 1rem;outline:none;transition:border-color .15s,box-shadow .15s;margin:0;min-height:0;line-height:1.3}
.vpg textarea{resize:vertical;min-height:130px}
.vpg input:focus,.vpg select:focus,.vpg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(91,63,214,.14)}
.vpg .is-invalid input,.vpg .is-invalid textarea{border-color:var(--red);box-shadow:0 0 0 4px rgba(213,69,44,.1)}
.vpg-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:1rem 1.7rem;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:1rem;line-height:1;text-decoration:none!important;transition:transform .16s,box-shadow .16s}
.vpg-button:hover{transform:translateY(-2px)}
.vpg-button:disabled{opacity:.6;cursor:wait;transform:none}
.vpg-button-primary{background:linear-gradient(135deg,var(--cta),#e94816);color:#fff!important;box-shadow:0 18px 34px -16px rgba(255,87,34,.8)}
.vpg-button-ghost{background:#fff;color:var(--navy2)!important;border:1.5px solid var(--line)}
.vpg-form .vpg-button{width:100%}
.vpg-status{min-height:1.2rem;font-size:.92rem;font-weight:650}
.vpg-status.is-loading{color:var(--muted)}.vpg-status.is-error{color:var(--red)}.vpg-status.is-success{color:var(--ok)}
.vpg-note{font-size:.78rem;color:var(--subkop);margin:0}
.vpg-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vpg-side{position:sticky;top:6rem;border-radius:var(--r);padding:clamp(1.5rem,3.5vw,2.4rem);color:#fff;background:linear-gradient(160deg,var(--blue),var(--navy2) 70%);box-shadow:0 30px 60px -28px rgba(58,31,168,.7)}
.vpg-side h2,.vpg-side h3{color:#fff}
.vpg-side p{color:rgba(255,255,255,.85)}
.vpg-side-eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:.6rem}
.vpg-channels{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.6rem}
.vpg-channels a{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.85rem 1rem;color:#fff;text-decoration:none!important;transition:background .15s}
.vpg-channels a:hover{background:rgba(255,255,255,.18)}
.vpg-channels b{display:block;font-size:1rem}.vpg-channels span{display:block;font-size:.82rem;color:rgba(255,255,255,.75);margin-top:.15rem}
.vpg-side-block{border-top:1px solid rgba(255,255,255,.18);padding-top:1.2rem;margin-bottom:1.2rem}
.vpg-faq{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.vpg-faq a{color:#fff;font-size:.92rem;font-weight:600}
.vpg-legal{border-top:1px solid rgba(255,255,255,.18);padding-top:1rem;font-size:.82rem;color:rgba(255,255,255,.75);line-height:1.55}
.vpg-legal b{color:#fff}
/* over ons */
.vpg-hero{max-width:820px;margin:0 auto clamp(2rem,4vw,3.2rem);text-align:center}
.vpg-hero .vpg-lead{font-size:1.1rem}
.vpg-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.2rem,3vw,2rem);align-items:start;margin-bottom:clamp(2rem,4vw,3.2rem)}
.vpg-founder{border-radius:var(--r);padding:clamp(1.5rem,3vw,2.2rem);color:#fff;background:linear-gradient(160deg,var(--blue),var(--navy2) 70%)}
.vpg-founder img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);margin-bottom:1rem}
.vpg-founder h3{color:#fff;font-size:1.35rem;margin-bottom:.1rem}
.vpg-founder-role{color:var(--lila)!important;font-weight:700;font-size:.9rem}
.vpg-founder p{color:rgba(255,255,255,.85);font-size:.95rem}
.vpg-founder .vpg-link{color:#fff}
.vpg-h2-center{text-align:center;margin-bottom:1.4rem}
.vpg-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:clamp(2rem,4vw,3.2rem)}
.vpg-three .vpg-card{padding:1.6rem}
.vpg-num{display:inline-block;font-weight:800;color:var(--lila);font-size:.9rem;letter-spacing:.1em;margin-bottom:.6rem}
.vpg-three p{font-size:.95rem;margin:0}
.vpg-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:clamp(2rem,4vw,3.2rem)}
.vpg-facts div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem}
.vpg-facts b{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--blue)}
.vpg-facts span{display:block;font-size:.85rem;color:var(--muted);margin-top:.2rem}
.vpg-cta{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:1.5rem;align-items:center;border-radius:var(--r);padding:clamp(1.6rem,3.5vw,2.6rem);color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy2));box-shadow:0 30px 60px -28px rgba(58,31,168,.7)}
.vpg-cta h2{color:#fff}.vpg-cta p{color:rgba(255,255,255,.85);margin:0}
.vpg-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap}
@media (max-width:900px){.vpg-grid,.vpg-cols,.vpg-cta{grid-template-columns:1fr}.vpg-side{position:static}.vpg-three{grid-template-columns:1fr}.vpg-facts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.vpg-two{grid-template-columns:1fr}.vpg-facts{grid-template-columns:1fr}.vpg{padding:1.4rem .9rem 2.5rem}}
