/* Energie-check landing (template-energie-landing.php) — scoped onder .vsel */
.vsel{
  --el-bg:var(--vs2-bone,#f4f1ea);
  --el-bg2:#ebe7dc;
  --el-brand:var(--vs2-forest,#1f3d2f);
  --el-brand-deep:var(--vs2-deep,#141c17);
  --el-green:var(--vs2-amber,#5db040);
  --el-green-dark:var(--vs2-amber-dark,#3f8a28);
  --el-tint:var(--vs2-pale,#e7ede4);
  --el-ink:var(--vs2-ink,#1c2620);
  --el-body:var(--vs2-body,#3a4a41);
  --el-muted:var(--vs2-muted,#5f6b62);
  --el-line:var(--vs2-line,rgba(28,38,32,.09));
  --el-warn:#b4801f;
  --el-warn-tint:#f0e7d0;
  --el-shadow:0 14px 40px rgba(30,49,38,.10);
  --el-shadow-lg:0 30px 70px rgba(30,49,38,.16);
  background:var(--el-bg);
  color:var(--el-ink);
  line-height:1.65;
}
.vsel-wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.vsel h1,.vsel h2,.vsel h3{line-height:1.08;letter-spacing:-.02em;color:var(--el-ink);font-weight:800;}
.vsel-center{text-align:center;margin-top:40px;}
.vsel-muted{color:var(--el-muted);margin-top:14px;font-size:1.06rem;}

/* Eyebrow */
.vsel-eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.82rem;color:var(--el-brand);background:var(--el-tint);padding:8px 15px;border-radius:999px;}
.vsel-eyebrow--dark{color:#ddf0d0;background:rgba(255,255,255,.1);}
.vsel-dot{width:8px;height:8px;border-radius:50%;background:var(--el-green);}

/* Knoppen */
.vsel-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:1.02rem;border:none;cursor:pointer;border-radius:14px;padding:16px 26px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;text-decoration:none;}
.vsel-btn--lg{padding:18px 32px;font-size:1.08rem;}
.vsel-btn--primary{background:var(--el-green);color:#0f2213 !important;box-shadow:0 10px 24px rgba(93,176,64,.34);}
.vsel-btn--primary:hover{background:var(--el-green-dark);color:#fff !important;transform:translateY(-2px);box-shadow:0 16px 30px rgba(93,176,64,.4);}
.vsel-btn--dark{background:var(--el-brand);color:#fff !important;box-shadow:0 10px 24px rgba(31,61,47,.24);}
.vsel-btn--dark:hover{background:var(--vs2-mid,#2f6b4f);transform:translateY(-2px);}
.vsel-btn--ghost{background:#fff;color:var(--el-ink) !important;border:1.5px solid rgba(28,38,32,.18);}
.vsel-btn--ghost:hover{border-color:var(--el-brand);background:var(--el-tint);}

/* Hero */
.vsel-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 520px at 80% -10%, var(--el-tint) 0%, transparent 60%),
  radial-gradient(680px 420px at 4% 112%, #e4efe0 0%, transparent 55%);}
.vsel-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:78px;}
.vsel-h1{font-size:clamp(2.6rem,5vw,4rem);margin:20px 0 0;letter-spacing:-.03em;}
.vsel-serifline{font-family:var(--vs2-font-serif,Georgia,serif);font-style:italic;font-weight:500;color:#3e6951;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.1;margin-top:8px;}
.vsel-lede{font-size:1.18rem;color:var(--el-body);margin-top:22px;max-width:36ch;}
.vsel-hero__cta{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap;}
.vsel-assure{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap;color:var(--el-muted);font-size:.9rem;font-weight:500;}
.vsel-assure span{display:inline-flex;align-items:center;gap:7px;}
.vsel-assure i{font-style:normal;color:var(--el-green-dark);font-weight:800;}
.vsel-trustline{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid var(--el-line);font-size:.9rem;color:var(--el-muted);}
.vsel-trustline b{color:var(--el-ink);}
.vsel-stars{display:inline-flex;gap:2px;color:var(--el-green);}

/* Rapportkaart */
.vsel-rc{background:#fff;border:1px solid var(--el-line);border-radius:26px;box-shadow:var(--el-shadow-lg);padding:28px;position:relative;}
.vsel-rc--flat{box-shadow:var(--el-shadow);}
.vsel-rc__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.vsel-rc__tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--el-brand);background:var(--el-tint);padding:6px 12px;border-radius:999px;}
.vsel-rc__count{font-size:.8rem;color:var(--el-muted);font-weight:700;}
.vsel-rc__title{font-weight:800;font-size:1.3rem;margin-top:4px;letter-spacing:-.02em;}
.vsel-gauge__wrap{display:flex;flex-direction:column;align-items:center;margin:10px 0 4px;}
.vsel-gauge{position:relative;width:230px;height:126px;}
.vsel-gauge__num{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:center;gap:3px;}
.vsel-gauge__num b{font-size:2.6rem;font-weight:800;color:var(--el-ink);line-height:1;letter-spacing:-.03em;}
.vsel-gauge__num i{font-style:normal;font-size:.95rem;color:var(--el-muted);font-weight:600;}
.vsel-gauge__cap{margin-top:12px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--el-warn);background:var(--el-warn-tint);padding:6px 14px;border-radius:999px;}
.vsel-rc__rows{margin-top:16px;display:flex;flex-direction:column;gap:10px;}
.vsel-rc__row{display:flex;align-items:center;gap:12px;font-size:.94rem;color:var(--el-body);}
.vsel-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-weight:800;}
.vsel-ic--good{background:var(--el-tint);color:var(--el-green-dark);}
.vsel-ic--warn{background:var(--el-warn-tint);color:var(--el-warn);}
.vsel-rc__float{position:absolute;background:#fff;border:1px solid var(--el-line);box-shadow:var(--el-shadow);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:700;}
.vsel-rc__float span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--el-tint);color:var(--el-green-dark);}
.vsel-rc__float--tl{top:-18px;left:-22px;}
.vsel-rc__float--br{bottom:-16px;right:-18px;}

/* Sectie-opbouw */
.vsel-blk{padding:88px 0;}
.vsel-blk--tint{background:var(--el-bg2);}
.vsel-head{max-width:680px;margin:0 auto 50px;text-align:center;}
.vsel-head h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:18px 0 0;}
.vsel-head p{color:var(--el-body);font-size:1.1rem;margin-top:16px;}
.vsel-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vsel-card{background:#fff;border:1px solid var(--el-line);border-radius:22px;padding:30px;box-shadow:0 2px 8px rgba(30,49,38,.06);transition:transform .18s,box-shadow .18s;}
.vsel-card:hover{transform:translateY(-4px);box-shadow:var(--el-shadow);}
.vsel-card__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--el-tint);color:var(--el-green-dark);margin-bottom:18px;}
.vsel-card h3{font-size:1.26rem;font-weight:700;}
.vsel-card p{color:var(--el-muted);margin-top:10px;font-size:.98rem;}
.vsel-card--left{text-align:left;}

/* Stappen */
.vsel-step{background:#fff;border:1px solid var(--el-line);border-radius:22px;padding:32px 28px;}
.vsel-step__num{width:46px;height:46px;border-radius:13px;background:var(--el-brand);color:#fff;font-weight:800;font-size:1.3rem;display:grid;place-items:center;margin-bottom:18px;}
.vsel-step h3{font-size:1.22rem;font-weight:700;}
.vsel-step p{color:var(--el-muted);margin-top:9px;font-size:.98rem;}

/* Wat je krijgt */
.vsel-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.vsel-h2{font-size:clamp(1.95rem,3vw,2.6rem);margin-top:16px;}
.vsel-feats{list-style:none;margin:26px 0 0 0;padding:0;display:flex;flex-direction:column;gap:18px;}
.vsel-feats li{display:flex;gap:14px;align-items:flex-start;}
.vsel-ck{width:30px;height:30px;border-radius:9px;background:var(--el-green);color:#0f2213;display:grid;place-items:center;flex-shrink:0;margin-top:2px;font-weight:800;}
.vsel-feats b{display:block;font-weight:700;font-size:1.04rem;}
.vsel-feats span{color:var(--el-muted);font-size:.96rem;}
.vsel-bar{margin:9px 0;}
.vsel-bar__l{display:flex;justify-content:space-between;font-size:.86rem;color:var(--el-body);font-weight:700;margin-bottom:7px;}
.vsel-bar__track{height:10px;border-radius:999px;background:var(--el-bg2);overflow:hidden;}
.vsel-bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--el-green-dark),var(--el-green));}

/* Donkere CTA-band */
.vsel-convert{background:linear-gradient(180deg,var(--el-brand) 0%,var(--el-brand-deep) 100%);color:#e7efe7;position:relative;overflow:hidden;}
.vsel-convert::before{content:"";position:absolute;pointer-events:none;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(93,176,64,.22),transparent 65%);top:-160px;right:-120px;}
.vsel-convert__inner{position:relative;z-index:1;text-align:center;max-width:760px;padding-top:92px;padding-bottom:92px;display:flex;flex-direction:column;align-items:center;}
.vsel-convert h2{color:#fff !important;font-size:clamp(2.05rem,3.6vw,2.9rem);margin-top:16px;} /* theme forceert kopkleur met !important op native pagina's */
.vsel-convert__lede{color:#cbdccb;font-size:1.12rem;margin:16px auto 0;max-width:48ch;}
.vsel-convert__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;margin:26px 0 4px;}
.vsel-convert__benefits span{display:inline-flex;align-items:center;gap:9px;color:#d8e6d6;font-weight:600;font-size:.98rem;}
.vsel-convert__benefits i{width:24px;height:24px;border-radius:7px;background:rgba(93,176,64,.24);color:#b7e39a;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.8rem;}
.vsel-convert .vsel-btn--primary{margin-top:24px;}
.vsel-convert__fine{color:#afc3b1;font-size:.86rem;margin-top:20px;max-width:56ch;line-height:1.5;}

/* Reviews */
.vsel-tpbadge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--el-line);border-radius:999px;padding:10px 18px;font-weight:700;font-size:.95rem;box-shadow:0 2px 8px rgba(30,49,38,.06);margin-bottom:10px;}
.vsel-tpstar{width:22px;height:22px;background:#00b67a;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:.8rem;}
.vsel-quote{color:var(--el-body);font-size:1.02rem;margin-top:6px;}
.vsel-who{display:flex;align-items:center;gap:12px;margin-top:20px;}
.vsel-who i{width:42px;height:42px;border-radius:50%;background:var(--el-tint);color:var(--el-green-dark);display:grid;place-items:center;font-weight:800;font-style:normal;}
.vsel-who b{display:block;font-size:.94rem;font-weight:700;}
.vsel-who small{color:var(--el-muted);font-size:.82rem;}

/* Productbrug */
.vsel-bridge{background:#fff;border:1px solid var(--el-line);border-radius:28px;box-shadow:var(--el-shadow);display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;padding:44px;max-width:1100px;}
.vsel-bridge__visual{background:linear-gradient(160deg,var(--el-tint),#dcebd3);border-radius:20px;min-height:300px;display:grid;place-items:center;position:relative;padding:24px;}
.vsel-bridge__visual img{max-height:280px;width:auto;max-width:100%;}
.vsel-bridge__badge{position:absolute;top:16px;right:16px;background:var(--el-green);color:#0f2213;font-weight:800;font-size:.78rem;border-radius:999px;padding:7px 13px;box-shadow:0 2px 8px rgba(30,49,38,.12);z-index:1;}
.vsel-pills{list-style:none;margin:18px 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.vsel-pills li{display:inline-flex;align-items:center;gap:7px;background:var(--el-bg2);border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:600;color:var(--el-body);}
.vsel-pills li span{color:var(--el-green-dark);font-weight:800;}
.vsel-bridge__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}

/* FAQ */
.vsel-faq{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.vsel-fitem{background:#fff;border:1px solid var(--el-line);border-radius:16px;overflow:hidden;}
.vsel-fq{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;cursor:pointer;font-weight:700;font-size:1.06rem;color:var(--el-ink);background:none;border:none;text-align:left;font-family:inherit;}
.vsel-chev{transition:transform .2s;color:var(--el-green-dark);flex-shrink:0;}
.vsel-fa{max-height:0;overflow:hidden;transition:max-height .28s ease;color:var(--el-muted);}
.vsel-fa p{padding:0 24px 22px;font-size:.98rem;margin:0;}
.vsel-fitem.open .vsel-chev{transform:rotate(180deg);}

/* Slot-CTA */
.vsel-final{padding-bottom:96px;}
.vsel-final__box{background:linear-gradient(150deg,var(--el-brand),var(--el-brand-deep));border-radius:30px;padding:64px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;}
.vsel-final__box::after{content:"";position:absolute;pointer-events:none;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(93,176,64,.26),transparent 65%);bottom:-180px;left:50%;transform:translateX(-50%);}
.vsel-final__box h2{color:#fff !important;font-size:clamp(2rem,3.5vw,2.9rem);position:relative;}
.vsel-final__serif{font-family:var(--vs2-font-serif,Georgia,serif);font-style:italic;font-weight:500;color:#b7e39a;font-size:clamp(1.5rem,2.6vw,2.1rem);display:block;margin-top:4px;}
.vsel-final__box p{color:#cbdccb;font-size:1.12rem;margin:18px auto 0;max-width:52ch;position:relative;}
.vsel-final__box .vsel-btn{margin-top:28px;position:relative;}
.vsel-disc{max-width:640px;margin:26px auto 0;text-align:center;color:var(--el-muted);font-size:.82rem;}

/* Responsief */
@media (max-width:940px){
  .vsel-hero__grid{grid-template-columns:1fr;gap:44px;padding-top:44px;padding-bottom:52px;}
  .vsel-rc__float--tl{left:0;} .vsel-rc__float--br{right:0;}
  .vsel-split{grid-template-columns:1fr;gap:38px;}
  .vsel-bridge{grid-template-columns:1fr;padding:30px;}
}
@media (max-width:820px){
  .vsel-grid3{grid-template-columns:1fr;}
  .vsel-blk{padding:60px 0;}
  .vsel-convert__inner{padding-top:64px;padding-bottom:64px;}
}