:root{
  --gel-ink:#172235;--gel-muted:#667085;--gel-brand:#126b58;--gel-brand-dark:#0b4f42;
  --gel-accent:#e56f18;--gel-accent-dark:#bd5410;--gel-soft:#f3f7f5;--gel-line:#dde4e1;--gel-cream:#fbfaf7;
}
html{scroll-behavior:smooth}body{color:var(--gel-ink);font-family:Arial,"Helvetica Neue",sans-serif;background:#fff}.container{max-width:1180px}
a{color:var(--gel-brand)}a:hover{color:var(--gel-brand-dark)}
.gel-topbar{background:#10253b;color:#e9eff4;font-size:.78rem;padding:.42rem 0}.gel-header{border-bottom:1px solid #edf0ee}.gel-header .navbar{min-height:76px}.gel-header .nav-link{font-weight:700;color:#27374b!important;font-size:.92rem}.gel-header .nav-link:hover,.gel-header .nav-link.active{color:var(--gel-brand)!important}.gel-nav-cta{border-radius:7px!important;padding:.68rem 1rem!important}
.gel-logo{display:inline-flex;align-items:center;gap:.55rem;line-height:1;text-decoration:none;color:var(--gel-ink)!important}.gel-logo-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--gel-brand);color:#fff;border-radius:10px;font-size:1.35rem}.gel-logo strong,.gel-logo em{display:block;font-style:normal}.gel-logo strong{font-size:.98rem;letter-spacing:-.02em}.gel-logo em{font-size:.78rem;font-weight:700;color:var(--gel-brand);margin-top:.16rem}.gel-logo-light{color:#fff!important}.gel-logo-light em{color:#bce2d7}
.btn{font-weight:700;border-radius:7px}.btn-primary{background:var(--gel-accent);border-color:var(--gel-accent);color:#fff}.btn-primary:hover,.btn-primary:focus{background:var(--gel-accent-dark);border-color:var(--gel-accent-dark);color:#fff}.btn-outline-primary{color:var(--gel-brand);border-color:var(--gel-brand)}.btn-outline-primary:hover{background:var(--gel-brand);border-color:var(--gel-brand)}
.gel-hero{background:linear-gradient(105deg,#f7f7f2 0%,#f2f7f5 62%,#eaf3ef 100%);border-bottom:1px solid var(--gel-line)}.gel-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--gel-brand);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.gel-hero h1{font-size:clamp(2.2rem,5vw,4.35rem);line-height:1.02;letter-spacing:-.045em;max-width:760px}.gel-hero .lead{font-size:1.16rem;line-height:1.62;color:#475569;max-width:680px}.gel-trustline{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.88rem;color:#415063}.gel-trustline i{color:var(--gel-brand);font-size:1.05rem}
.gel-compare-box{background:#fff;border:1px solid #d9e2de;border-radius:14px;box-shadow:0 16px 45px rgba(24,48,40,.08);overflow:hidden}.gel-compare-box .box-head{padding:1.25rem 1.35rem;background:#10253b;color:#fff}.gel-compare-box .box-body{padding:1.35rem}.gel-compare-box label{font-size:.78rem;font-weight:800;color:#39485b;margin-bottom:.35rem}.gel-compare-box .form-control,.gel-compare-box .form-select{border-radius:6px;border-color:#cfd9d5;min-height:46px;padding:.55rem .75rem}.gel-compare-box .form-control:focus,.gel-compare-box .form-select:focus{border-color:var(--gel-brand);box-shadow:0 0 0 .18rem rgba(18,107,88,.12)}
.gel-section-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--gel-brand);font-weight:800}.gel-section-title{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.15}.gel-muted{color:var(--gel-muted)}
.gel-offer{border:1px solid var(--gel-line);border-radius:10px;background:#fff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.gel-offer:hover{transform:translateY(-2px);border-color:#c3d5cd;box-shadow:0 10px 30px rgba(20,42,35,.07)}.gel-offer + .gel-offer{margin-top:.8rem}.gel-provider-mark{width:58px;height:58px;border:1px solid #dfe7e3;background:#f7faf8;border-radius:9px;display:grid;place-items:center;font-weight:900;color:#1f5146;letter-spacing:-.04em;flex:0 0 auto}.gel-provider-mark.lg{width:76px;height:76px;font-size:1.2rem}.gel-offer-title{font-size:1.06rem;font-weight:800;color:var(--gel-ink)}.gel-meta{font-size:.82rem;color:#657285}.gel-offer-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#7a8796;font-weight:800}.gel-offer-value{font-size:.9rem;font-weight:800;color:#26364b}.gel-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;border-radius:4px;padding:.27rem .48rem;background:#edf7f3;color:var(--gel-brand-dark)}.gel-badge.orange{background:#fff0e4;color:#a84d0b}.gel-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#10253b;color:#fff;font-size:.76rem;font-weight:800;position:absolute;left:-10px;top:-10px}
.gel-mini-card{height:100%;border-top:3px solid var(--gel-brand);background:#fff;border-left:1px solid var(--gel-line);border-right:1px solid var(--gel-line);border-bottom:1px solid var(--gel-line);padding:1.35rem;border-radius:7px}.gel-mini-card .icon{font-size:1.55rem;color:var(--gel-brand);margin-bottom:.7rem}.gel-mini-card h3{font-size:1.02rem;margin-bottom:.45rem}.gel-mini-card p{font-size:.88rem;color:#667085;margin-bottom:0}
.gel-soft{background:var(--gel-soft)}.gel-cream{background:var(--gel-cream)}
.gel-callout{border-left:4px solid var(--gel-accent);background:#fff7ef;padding:1rem 1.1rem;border-radius:0 6px 6px 0;font-size:.9rem;color:#4c3b2c}
.gel-provider-card{border:1px solid var(--gel-line);border-radius:9px;padding:1.2rem;height:100%;background:#fff}.gel-provider-card:hover{border-color:#b9cec5}.gel-provider-card h3{font-size:1.04rem}.gel-provider-card p{font-size:.84rem;color:#667085;min-height:2.8rem}
.gel-step{position:relative;padding-left:3.65rem}.gel-step-num{position:absolute;left:0;top:0;width:42px;height:42px;display:grid;place-items:center;background:#10253b;color:#fff;font-weight:800;border-radius:8px}.gel-step h3{font-size:1.06rem;margin-bottom:.3rem}.gel-step p{font-size:.9rem;color:#667085}
.gel-article-hero{background:#f4f7f5;border-bottom:1px solid var(--gel-line)}.gel-article{font-size:1rem;line-height:1.75}.gel-article h2{margin-top:2.6rem;font-size:1.65rem;letter-spacing:-.025em}.gel-article h3{margin-top:1.8rem;font-size:1.2rem}.gel-article ul li{margin-bottom:.45rem}.gel-sidebar{position:sticky;top:105px}.gel-sidebar-card{border:1px solid var(--gel-line);border-radius:9px;padding:1.25rem;background:#fff}
.gel-footer{background:#10253b;color:#cbd5df}.gel-footer h4{color:#fff;font-size:.95rem}.gel-footer .gel-logo-footer{color:#fff!important}.gel-footer .gel-logo-footer em{color:#bce2d7}.gel-footer-links li{margin:.5rem 0}.gel-footer-links a{color:#cbd5df;font-size:.88rem}.gel-footer-links a:hover{color:#fff}.gel-footer hr{border-color:#536274}.gel-footer .small{color:#9eabb7}
.gel-disclosure{font-size:.78rem;color:#667085;border-top:1px dashed #d8dedb;padding-top:.75rem;margin-top:.75rem}
.gel-filterbar{border:1px solid var(--gel-line);background:#fff;padding:1rem;border-radius:9px}.gel-filter-btn{border:1px solid #ced8d4;background:#fff;border-radius:6px;padding:.48rem .72rem;font-size:.8rem;font-weight:700;color:#445268}.gel-filter-btn.active,.gel-filter-btn:hover{background:#edf7f3;border-color:#9dc8b8;color:var(--gel-brand-dark)}
.gel-table{width:100%;border-collapse:separate;border-spacing:0}.gel-table th{background:#f4f7f5;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.gel-table th,.gel-table td{padding:.8rem;border-bottom:1px solid #e4e9e7}.gel-table td{font-size:.9rem}
@media(max-width:991.98px){.gel-header .navbar{min-height:68px}.gel-logo strong{font-size:.9rem}.gel-logo em{font-size:.7rem}.gel-offer .gel-actions{margin-top:1rem}.gel-sidebar{position:static}.gel-hero h1{font-size:2.65rem}.offcanvas-nav{background:#10253b!important}}
@media(max-width:767.98px){.gel-hero{padding-top:1.5rem}.gel-hero h1{font-size:2.35rem}.gel-compare-box{border-radius:10px}.gel-offer{padding:1rem!important}.gel-provider-mark{width:50px;height:50px}.gel-offer-title{font-size:.98rem}.gel-mobile-cta{position:sticky;bottom:0;z-index:20;background:#fff;border-top:1px solid #dce3e0;padding:.65rem;box-shadow:0 -8px 25px rgba(20,36,31,.08)}}
/* v2: conversion & provider presentation */
.gel-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:680px}.gel-proof-grid>div{border-left:2px solid #c7d8d1;padding-left:.85rem}.gel-proof-grid strong{display:block;font-size:1.15rem;line-height:1;color:#163d35}.gel-proof-grid span{display:block;font-size:.76rem;color:#667085;margin-top:.35rem;line-height:1.3}
.gel-provider-strip{border-bottom:1px solid var(--gel-line);background:#fff}.gel-strip-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8793a2;flex:0 0 auto}.gel-provider-logo{width:118px;height:52px;border:1px solid #dfe6e3;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:.45rem .65rem;flex:0 0 auto;overflow:hidden}.gel-provider-logo img{max-width:100%;max-height:38px;object-fit:contain}.gel-provider-logo span{font-size:.88rem;line-height:1.05;text-align:center;font-weight:900;letter-spacing:-.025em;color:#24364c}.gel-provider-logo.compact{height:42px;width:112px;background:#fafcfb}.gel-provider-logo.card-logo{width:132px;height:46px;justify-content:flex-start;border:0;padding:0;background:transparent}.gel-provider-logo.card-logo span{font-size:1rem;text-align:left}.gel-provider-logo.detail-logo{width:150px;height:70px}.gel-provider-logo.detail-logo span{font-size:1.15rem}.gel-provider-copy{min-width:0}
.gel-text-link{font-weight:800;text-decoration:none}.gel-cta-sub{font-size:.68rem;color:#7a8796;text-align:center;margin-top:.3rem}.gel-info-row{display:flex;align-items:flex-start;gap:.6rem;background:#f4f7f5;border:1px solid #dfe7e3;border-radius:7px;padding:.8rem 1rem;font-size:.82rem;color:#526173}.gel-info-row i{font-size:1.05rem;color:var(--gel-brand);margin-top:.05rem}
.gel-check-list{border-top:1px solid var(--gel-line)}.gel-check-list>div{display:flex;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--gel-line);font-size:.92rem;color:#516071}.gel-check-list i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#dff0e9;color:var(--gel-brand-dark);font-weight:800;flex:0 0 auto}.gel-check-list strong{color:var(--gel-ink)}
.gel-choice-card{display:block;height:100%;position:relative;border:1px solid var(--gel-line);border-radius:9px;padding:1.2rem 2.25rem 1.2rem 1.2rem;background:#fff;color:var(--gel-ink)!important;text-decoration:none;transition:.15s ease}.gel-choice-card:hover{border-color:#acc9bd;transform:translateY(-2px);box-shadow:0 8px 24px rgba(20,42,35,.06)}.gel-choice-card span{font-weight:900;font-size:1.04rem;display:block;margin-bottom:.35rem}.gel-choice-card small{display:block;color:#667085;line-height:1.45}.gel-choice-card i{position:absolute;right:1rem;top:1.15rem;color:var(--gel-brand);font-size:1.1rem}
.gel-offer-toolbar{border:1px solid var(--gel-line);border-radius:9px;background:#fbfcfc;padding:1.1rem}.gel-offer-toolbar label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#566577;margin-bottom:.35rem}.gel-offer-toolbar .form-select{border-radius:6px;border-color:#cfd9d5;min-height:45px}.gel-result-count{font-size:1rem;font-weight:900;color:var(--gel-ink)}.gel-empty-state{border:1px dashed #cdd8d4;border-radius:9px;padding:2rem;text-align:center;color:#667085;background:#fafcfb}
.gel-provider-tags{display:flex;gap:.4rem;flex-wrap:wrap}.gel-provider-tags span{font-size:.68rem;background:#f0f5f3;color:#526173;border-radius:4px;padding:.25rem .45rem}.gel-card-arrow{color:#92a09a;font-size:1.15rem}.gel-provider-card{position:relative;transition:.15s ease}.gel-provider-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,42,35,.05)}
.gel-mobile-offer-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;background:rgba(255,255,255,.97);border-top:1px solid #dce3e0;padding:.65rem .8rem;box-shadow:0 -8px 25px rgba(20,36,31,.09);transition:transform .2s ease}.gel-mobile-offer-bar.is-hidden{transform:translateY(110%)}
[hidden]{display:none!important}
@media(max-width:767.98px){.gel-proof-grid{grid-template-columns:1fr;gap:.55rem}.gel-proof-grid>div{display:flex;gap:.5rem;align-items:baseline}.gel-proof-grid span{margin-top:0}.gel-provider-strip .container{padding-right:0}.gel-provider-logo.compact{width:100px}.gel-offer-toolbar{padding:.9rem}.gel-provider-logo{width:106px;height:48px}.gel-provider-logo span{font-size:.8rem}.gel-provider-logo.detail-logo{width:120px;height:62px}.gel-offer .gel-provider-logo{width:96px}.gel-offer .gel-provider-copy{flex:1}.gel-hero .btn{width:100%}}
/* v4: compactere vergelijkkaarten en sterkere CTA-hiërarchie */
.gel-offer{padding:1.15rem 1.25rem!important;border-radius:12px}.gel-offer:hover{transform:none;border-color:#b7cdc4;box-shadow:0 8px 24px rgba(20,42,35,.06)}
.gel-offer .gel-provider-logo.offer-logo{width:112px;height:58px;background:#fff;border:1px solid #e1e7e4;padding:.5rem .7rem}.gel-offer .gel-provider-logo.offer-logo img{max-height:42px}.gel-offer .gel-provider-logo.offer-logo span{font-size:.92rem}
.gel-offer-tagline{font-size:.78rem;line-height:1.35;color:#6a7685;margin-top:.18rem;max-width:245px}.gel-offer-info{display:inline-block;font-size:.72rem;font-weight:800;margin-top:.38rem;text-decoration:none}.gel-offer-info:hover{text-decoration:underline}
.gel-contract-pills{display:flex;gap:.4rem;flex-wrap:wrap}.gel-contract-pills span{display:inline-flex;align-items:center;min-height:28px;padding:.28rem .58rem;border:1px solid #cbd8d3;border-radius:999px;background:#fff;font-size:.72rem;font-weight:800;color:#34465b}
.gel-offer-features{display:flex;gap:.45rem 1rem;flex-wrap:wrap}.gel-offer-features span{font-size:.72rem;font-weight:700;color:#4f5f70}.gel-offer-features i{color:var(--gel-brand);margin-right:.2rem}.gel-offer-note{font-size:.73rem;color:#7a8793;line-height:1.35}
.gel-offer-cta{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 5px 12px rgba(229,111,24,.12)}.gel-offer-cta:hover{transform:translateY(-1px)}.gel-cta-sub{font-size:.64rem;line-height:1.25;color:#7b8793;margin-top:.42rem}
.gel-provider-logo[data-brand="eneco"] img{max-height:44px}.gel-provider-logo[data-brand="essent"] img{max-height:34px}.gel-provider-logo[data-brand="engie"] img{max-height:39px}
.gel-provider-strip .gel-provider-logo{filter:none}.gel-provider-strip .gel-provider-logo:hover{border-color:#c2d1cb}
.gel-offer-toolbar{position:sticky;top:84px;z-index:20;box-shadow:0 8px 22px rgba(20,42,35,.04)}
.gel-provider-card .gel-provider-logo.card-logo{height:52px;width:145px}.gel-provider-card .gel-provider-logo.card-logo img{max-height:42px}.gel-provider-card .stretched-link{font-size:.82rem}
.gel-provider-card h3{font-size:1.08rem;letter-spacing:-.015em}.gel-provider-card p{min-height:3.1rem;line-height:1.5}
.gel-mini-card{border-top-width:2px}.gel-info-row{line-height:1.45}
@media(max-width:991.98px){.gel-offer .gel-actions{margin-top:.2rem}.gel-offer-tagline{max-width:none}.gel-offer .gel-provider-logo.offer-logo{width:104px}.gel-offer-toolbar{position:static}.gel-cta-sub{text-align:left}}
@media(max-width:767.98px){.gel-offer{padding:1rem!important}.gel-offer .gel-provider-logo.offer-logo{width:96px;height:54px}.gel-contract-pills{margin-top:.15rem}.gel-offer-cta{margin-top:.2rem}.gel-cta-sub{text-align:center}.gel-provider-card p{min-height:0}.gel-provider-card .gel-provider-logo.card-logo{width:126px}}
.gel-card-type-count{font-size:.65rem;font-weight:800;color:#7b8793;white-space:nowrap}.gel-provider-detail-link{width:38px;height:38px;border:1px solid #ccd7d3;border-radius:7px;display:grid;place-items:center;text-decoration:none;font-size:1.08rem;background:#fff}.gel-provider-detail-link:hover{background:#edf7f3;border-color:#aac7bc}.gel-provider-card .btn-sm{min-height:38px;display:flex;align-items:center;justify-content:center}.gel-provider-card{padding:1.3rem}

/* v5: verified deals and multi-offer presentation */
.gel-offer.has-deal{border-left:3px solid var(--gel-accent)}
.gel-deal-badge{display:inline-flex;align-items:center;border-radius:5px;background:#fff0e4;color:#9d470b;padding:.25rem .48rem;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.gel-verified{font-size:.66rem;color:#667085;font-weight:700}.gel-verified i{color:var(--gel-brand);margin-right:.15rem}
.gel-deal-title{font-size:.87rem;font-weight:800;color:#34445a;line-height:1.3}.gel-deal-bonus{font-size:1.28rem;font-weight:900;color:#b6530d;letter-spacing:-.025em;line-height:1.15;margin-top:.12rem}
.gel-contract-pills .term{background:#f5f6f7;color:#5e6a79;border-color:#d9dee3}
.gel-offer.has-deal .gel-offer-cta{box-shadow:0 7px 16px rgba(229,111,24,.16)}
@media(max-width:991.98px){.gel-deal-bonus{font-size:1.18rem}}
/* v6: productie, toegankelijkheid en content */
.gel-skip-link{position:fixed;left:12px;top:-60px;z-index:2000;background:#fff;color:#10253b;padding:.65rem .9rem;border:2px solid var(--gel-brand);border-radius:6px;font-weight:800}.gel-skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(18,107,88,.32);outline-offset:3px}
.gel-faq{border-top:1px solid var(--gel-line);padding-top:1.2rem}.gel-faq details{border-bottom:1px solid var(--gel-line);padding:.9rem 0}.gel-faq summary{cursor:pointer;font-weight:800;color:var(--gel-ink);list-style:none;padding-right:2rem;position:relative}.gel-faq summary::-webkit-details-marker{display:none}.gel-faq summary:after{content:'+';position:absolute;right:.2rem;top:-.05rem;color:var(--gel-brand);font-size:1.15rem}.gel-faq details[open] summary:after{content:'−'}.gel-faq-answer{padding-top:.7rem;color:#5e6c7c}.gel-faq-answer p{margin-bottom:0}
.gel-source-links{font-size:.84rem;line-height:1.8}.gel-source-links a{text-decoration:underline;text-underline-offset:2px}.gel-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gel-content-link{display:block;border:1px solid var(--gel-line);border-radius:9px;padding:1rem 1.15rem;background:#fff;color:var(--gel-ink)!important;text-decoration:none}.gel-content-link strong{display:block;margin-bottom:.3rem}.gel-content-link span{display:block;color:#667085;font-size:.8rem;line-height:1.45}.gel-content-link:hover{border-color:#abc7bc;box-shadow:0 7px 20px rgba(20,42,35,.05)}
.gel-legal-note{font-size:.78rem;color:#718092}.gel-contact-hint{font-size:.78rem;color:#667085;margin-top:.4rem}.gel-breadcrumbs{font-size:.74rem;color:#7a8794;margin-bottom:.85rem}.gel-breadcrumbs a{color:#5d6e80;text-decoration:none}.gel-breadcrumbs span{margin:0 .35rem}
@media(max-width:767.98px){.gel-content-grid{grid-template-columns:1fr}.gel-faq summary{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gel-offer,.gel-choice-card,.gel-provider-card,.gel-mobile-offer-bar{transition:none!important}}