/* Homepage v5: gebouwd op het "sp"-systeem van de live dienstpagina's (capoto, insuflado, alternativa ao capoto). Kleuren, letters, knoppen en kaarten zijn die van energyease.pt. */
:root{color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:110px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.sp{--dk:#16232b;--dk2:#121c22;--gr:#29b675;--tx:#56626a;--mu:#65737b;--ln:#e4e7e9;--bg:#f5f7f8;--mint:#f1faf5;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--tx);font-size:16px;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}.sp *,.sp *::before,.sp *::after{box-sizing:border-box}.sp :where(h1,h2,h3,p,ul,ol,figure,table,blockquote,dl,dd){margin:0;padding:0}.sp :where(h1,h2,h3){color:var(--dk);text-transform:none;font-family:inherit;text-wrap:balance;font-weight:700}.sp p,.sp li,.sp figcaption,.sp td,.sp th{text-wrap:pretty}.sp :where(ul,ol){list-style:none}.sp :where(a){color:var(--dk);text-decoration:none}.sp a:hover{color:var(--gr)}.sp img{max-width:100%;display:block}.sp svg{flex-shrink:0}.sp-wrap{max-width:1240px;margin:0 auto;padding:0 32px}.sp-sec{padding:110px 0}.sp-eyebrow{color:var(--gr);font-size:13px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:14px!important}.sp-h2{font-size:40px;line-height:50px;font-weight:700;letter-spacing:-.6px}.sp-h2 span{color:var(--gr)}.sp-lead{font-size:17px;line-height:29px}.sp-center{max-width:780px;margin:0 auto 50px;text-align:center}.sp-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 32px;background:var(--gr);color:#fff!important;border-radius:14px;font-size:16px;font-weight:700;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}.sp-btn:hover{background:#23a067}.sp-link{font-size:15px;font-weight:700;color:var(--dk);border-bottom:2px solid var(--gr);padding-bottom:2px}.sp-hero{position:relative;background:var(--dk);overflow:hidden;padding:185px 0 150px}.sp-hero .sp-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:60px;align-items:start}.sp-hero-txt{max-width:640px}.sp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:34px;font-size:13px}.sp-crumb a{color:rgba(255,255,255,.62)}.sp-crumb a:hover{color:#fff}.sp-crumb span{color:rgba(255,255,255,.5)}.sp-crumb span.cur{color:#fff;font-weight:600}.sp-pill{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:8px 16px;width:fit-content;margin-bottom:26px}.sp-stars{color:#ffc94d;font-size:14px;letter-spacing:2px}.sp-pill .t{color:#fff;font-size:13px;font-weight:600}.sp-hero h1{color:#fff;font-size:56px;line-height:64px;font-weight:700;letter-spacing:-1px;margin-bottom:24px}.sp-hero h1 span{color:var(--gr);display:block;text-wrap:balance}.sp-hero .lead{color:#d3dde2;font-size:18px;line-height:30px;margin-bottom:14px;max-width:580px}.sp-by{color:rgba(255,255,255,.62);font-size:13px;line-height:20px;margin-bottom:26px!important}.sp-by span{color:#fff;font-weight:600}.sp-checks{display:flex;flex-direction:column;gap:12px}.sp-checks li{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:500;line-height:24px}.sp-wedge{position:absolute;left:0;bottom:0;width:100%;height:80px;display:block}.sp-card{background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.28);padding:34px 32px 30px;border-radius:20px;margin-top:50px;position:relative}.sp-card .k{color:var(--gr);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px}.sp-card .h{font-size:25px;line-height:33px;font-weight:700;color:var(--dk);letter-spacing:-.3px;margin-bottom:8px}.sp-card .i{font-size:15px;line-height:24px;margin-bottom:20px}.sp-card .alt{font-size:13px;line-height:21px;color:var(--mu);margin-top:16px;text-align:center}.sp-card .alt a{text-decoration:underline;font-weight:600}.sp-card .priv{font-size:12px;line-height:19px;color:var(--mu);margin-top:8px;text-align:center}.sp-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sp-f{display:flex;flex-direction:column;gap:6px;min-width:0}.sp-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-row2 .sp-f input{padding:0 13px}.sp-f label{font-size:13px;font-weight:600;color:var(--dk);margin:0}.sp-f input,.sp-f select{height:48px;border:1px solid #d3d9dc;padding:0 16px;font-family:inherit;font-size:15px;color:var(--dk);width:100%;border-radius:10px;background:#fff;margin:0;box-shadow:none}.sp-f select{padding:0 14px}.sp-f input:focus,.sp-f select:focus{outline:2px solid var(--gr);outline-offset:1px;border-color:var(--gr)}.sp-card .ee-sp-form{display:block!important;margin:0}.sp-card .w-form-done,.sp-card .w-form-fail{border-radius:10px;padding:18px;font-size:15px;line-height:24px;text-align:left}.sp-card .w-form-done{background:var(--mint);color:var(--dk)}.sp-card .w-form-fail{background:#fdeeee;color:#8a1f1f;margin-top:12px}.sp-card input[type=submit]{width:100%;height:58px;-webkit-appearance:none;appearance:none}.sp-noform{font-size:15px;line-height:24px}.sp-trust{border-bottom:1px solid #edf0f1;padding:22px 0 38px}.sp-trust .sp-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.sp-trust .it{display:flex;align-items:center;gap:14px}.sp-trust .a{font-size:15px;font-weight:700;color:var(--dk)}.sp-trust .b{font-size:13px;color:var(--mu)}.sp-tbl{width:100%;border-collapse:collapse;margin-top:6px}.sp-tbl th{font-size:13px;font-weight:700;color:var(--dk);text-align:left;padding:0 0 14px;border-bottom:2px solid var(--dk)}.sp-tbl td{font-size:16px;padding:22px 0;border-bottom:1px solid var(--ln)}.sp-tbl td:first-child{font-size:17px;font-weight:600;color:var(--dk)}.sp-tbl .r{text-align:right}.sp-tbl td.pm{font-size:17px;font-weight:700;color:var(--dk)}.sp-mint{background:var(--mint)}.sp-cmp{max-width:1080px;margin:0 auto;background:#fff;box-shadow:0 20px 60px rgba(22,35,43,.08);width:100%;border-collapse:collapse;table-layout:fixed}.sp-cmp col.l{width:250px}.sp-cmp thead th{padding:26px 30px;text-align:left;vertical-align:top}.sp-cmp thead th.c1{background:var(--dk)}.sp-cmp thead th.c2{background:var(--gr)}.sp-cmp thead .k{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;color:var(--gr)}.sp-cmp thead .c2 .k{color:#fff}.sp-cmp thead .v{color:#fff;font-size:22px;font-weight:700;line-height:30px}.sp-cmp tbody tr{border-bottom:1px solid #e9eced}.sp-cmp tbody tr:last-child{border-bottom:0}.sp-cmp tbody th{padding:22px 28px;font-size:14px;line-height:26px;font-weight:700;color:var(--dk);text-align:left;vertical-align:top}.sp-cmp td{padding:22px 30px;font-size:16px;line-height:26px;vertical-align:top}.sp-cmp td.x{font-size:20px;font-weight:700;color:var(--dk)}.sp-dark{position:relative;background:var(--dk2);padding:110px 0 96px;overflow:hidden}.sp-dark .wedge-top{position:absolute;left:0;top:0;width:100%;height:60px;display:block}.sp-dark .sp-wrap{display:flex;justify-content:space-between;align-items:center;gap:60px;position:relative}.sp-dark h2{color:#fff;margin-bottom:14px}.sp-dark p{color:#b6c2c9;font-size:17px;line-height:29px;max-width:760px}.sp-dark .cta{display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0}.sp-dark .cta .sp-btn{min-width:260px}.sp-dark .cta a.tel{color:#fff;font-size:15px;font-weight:600}.sp-rev{background:var(--dk);padding:100px 0}.sp-rev .sp-wrap{display:flex;gap:70px;align-items:flex-start}.sp-rev .l{width:360px;flex-shrink:0}.sp-rev h2{color:#fff;margin-bottom:26px}.sp-rev .score{color:#fff;font-size:56px;line-height:60px;font-weight:800;letter-spacing:-1px}.sp-rev .stars{color:#ffc94d;font-size:18px;letter-spacing:3px;margin:6px 0!important}.sp-rev .from{color:#b6c2c9;font-size:15px}.sp-rev .grid{flex-grow:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sp-rev blockquote{font-style:normal;border-left:0;font-size:16px;margin:0;background:#fff;border-top:3px solid var(--gr);padding:28px 30px}.sp-rev blockquote.w{grid-column:1/3;padding:34px 36px}.sp-rev blockquote p.q{font-size:16px;line-height:27px;color:var(--dk);margin-bottom:16px}.sp-rev blockquote.w p.q{font-size:22px;line-height:34px;font-weight:500;margin-bottom:18px}.sp-rev .who{font-size:15px;font-weight:700;color:var(--dk)}.sp-rev .who span{font-weight:400;color:var(--mu)}.sp-faq .sp-wrap{display:flex;gap:80px;align-items:flex-start}.sp-faq .l{width:400px;flex-shrink:0}.sp-faq .l h2{margin-bottom:20px}.sp-faq .l p:not(.sp-eyebrow){font-size:16px;line-height:28px}.sp-faq .l a{font-weight:700;border-bottom:2px solid var(--gr)}.sp-faq .list{flex-grow:1;border-top:1px solid #d3d9dc}.sp-faq details{padding:26px 0;border-bottom:1px solid #d3d9dc}.sp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq h3{font-size:20px;line-height:30px;font-weight:700}.sp-faq details[open] summary{margin-bottom:12px}.sp-faq details[open] .pv{display:none}.sp-faq .ans{font-size:16px;line-height:28px;max-width:660px}.sp-faq .ans a{font-weight:600;border-bottom:2px solid var(--gr)}.sp-rel{background:var(--bg);padding:80px 0 120px}.sp-rel h2{margin-bottom:30px}.sp-rel .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sp-rel a.c{display:flex;flex-direction:column;background:#fff;padding:24px 26px;border:1px solid var(--ln)}.sp-rel a.c:hover{border-color:var(--gr);color:inherit}.sp-rel .a{font-size:17px;line-height:25px;font-weight:700;color:var(--dk);margin-bottom:6px}.sp-rel .b{font-size:14px;line-height:22px;color:var(--tx)}.sp-rel .m{font-size:14px;font-weight:700;color:var(--dk);margin-top:auto;padding-top:14px}.sp-end{position:relative;background:var(--dk);padding:96px 0 80px;overflow:hidden}.sp-end .wedge-top{position:absolute;left:0;top:0;width:100%;height:60px;display:block}.sp-end .sp-wrap{display:flex;justify-content:space-between;align-items:center;gap:60px;position:relative}.sp-end .l{display:flex;align-items:center;gap:26px}.sp-end .l img{width:64px;height:64px}.sp-end .a{color:#fff;font-size:26px;line-height:36px;font-weight:700}.sp-end .a a{color:#fff;border-bottom:2px solid rgba(41,182,117,.6)}.sp-end .b{color:var(--gr);font-size:26px;line-height:36px;font-weight:700}.sp-end .sp-btn{min-width:260px;flex-shrink:0}.sp-sticky{display:none}@media (max-width:991px){.sp-hero{padding-top:112px}}@media (max-width:1100px){.sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr) 400px;gap:40px}.sp-hero h1{font-size:46px;line-height:54px}.sp-rev .sp-wrap,.sp-faq .sp-wrap{flex-direction:column;gap:40px}.sp-rev .l,.sp-faq .l{width:auto}.sp-rel .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-end .sp-wrap,.sp-dark .sp-wrap{flex-direction:column;align-items:flex-start}.sp-dark .cta{align-items:flex-start}}@media (max-width:767px){.sp-wrap{padding:0 18px}.sp-sec{padding:56px 0}.sp-h2{font-size:28px;line-height:36px;letter-spacing:-.4px}.sp-eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:10px!important}.sp-lead{font-size:15px;line-height:26px}.sp-center{text-align:left;margin-bottom:28px}.sp-hero{padding:94px 0 96px}.sp-hero .sp-wrap{grid-template-columns:1fr;gap:0}.sp-crumb{gap:7px;margin-bottom:22px;font-size:12px}.sp-pill{padding:7px 13px;gap:8px;margin-bottom:18px}.sp-pill .t{font-size:12px}.sp-stars{font-size:12px;letter-spacing:1.5px}.sp-hero .sp-eyebrow{margin-bottom:10px!important}.sp-hero h1{font-size:32px;line-height:40px;letter-spacing:-.6px;margin-bottom:16px}.sp-hero .lead{font-size:16px;line-height:27px;margin-bottom:10px}.sp-by{font-size:12px;line-height:19px;margin-bottom:18px!important}.sp-checks{gap:10px;margin-bottom:26px}.sp-checks li{align-items:flex-start;gap:10px;font-size:15px;line-height:22px}.sp-checks svg{width:20px;height:20px;margin-top:1px}.sp-wedge{height:50px}.sp-card{margin-top:0;padding:24px 20px 22px}.sp-card .k{letter-spacing:1px;margin-bottom:8px}.sp-card .h{font-size:21px;line-height:29px;margin-bottom:6px}.sp-card .i{font-size:14px;line-height:22px;margin-bottom:18px}.sp-card .sp-row2.pe{grid-template-columns:1fr;gap:12px}.sp-f input,.sp-f select{height:50px;font-size:16px;padding:0 14px}.sp-trust{padding:22px 0 26px}.sp-trust .sp-wrap{grid-template-columns:1fr;gap:12px}.sp-trust .it{gap:10px}.sp-trust svg{width:32px;height:32px}.sp-trust .a{font-size:14px}.sp-trust .b{font-size:12px}.sp-tbl th{font-size:12px}.sp-tbl td{font-size:14px;padding:16px 0}.sp-tbl td:first-child,.sp-tbl td.pm{font-size:15px}.sp-dark{padding:64px 0 56px}.sp-dark .wedge-top,.sp-end .wedge-top{height:40px}.sp-dark p{font-size:15px;line-height:26px}.sp-dark .cta{width:100%;align-items:stretch;text-align:center}.sp-dark .cta .sp-btn{min-width:0;width:100%}.sp-rev{padding:56px 0}.sp-rev .grid{grid-template-columns:1fr;gap:14px}.sp-rev blockquote.w{grid-column:auto;padding:24px 22px}.sp-rev blockquote{padding:22px}.sp-rev blockquote.w p.q{font-size:18px;line-height:29px}.sp-rev .score{font-size:44px;line-height:48px}.sp-faq h3{font-size:17px;line-height:25px}.sp-faq details{padding:20px 0}.sp-faq .ans{font-size:15px;line-height:25px}.sp-rel{padding:50px 0 44px}.sp-rel .grid{grid-template-columns:1fr;gap:12px}.sp-rel h2{margin-bottom:20px}.sp-end{padding:64px 0 56px}body.sp-on{padding-bottom:80px}.sp-end .l{flex-direction:column;align-items:flex-start;gap:16px}.sp-end .l img{width:48px;height:48px}.sp-end .a{font-size:21px;line-height:30px}.sp-end .b{font-size:17px;line-height:25px}.sp-end .sp-btn{width:100%;min-width:0}.sp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--ln);box-shadow:0 -6px 24px rgba(0,0,0,.08);padding:12px 16px 16px;gap:10px}.sp-sticky a{height:52px;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.sp-sticky a.call{width:104px;border:1.5px solid var(--dk);color:var(--dk)}.sp-sticky a.go{flex-grow:1;background:var(--gr);color:#fff}body.sp-on #ee-chat{bottom:92px!important}}@media (prefers-reduced-motion:reduce){.sp *{animation:none!important;transition:none!important}}.sp-grey{background:var(--bg)}.sp-src{font-size:13px;line-height:22px;color:var(--mu);margin-top:10px!important}.sp-src a{color:#56626a;border-bottom:1px solid #c9d1d5}.sp-num{width:28px;height:28px;border-radius:50%;background:var(--gr);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sp .sr{position:absolute;left:-9999px}.sp-sec .top{max-width:800px;margin-bottom:40px}.sp-sec .top .sp-h2{margin-bottom:16px}.sp-tab{display:flex;align-items:center;gap:14px;position:relative;text-align:left;background:#fff;border:1.5px solid var(--ln);border-radius:14px;padding:16px 44px 16px 18px;cursor:pointer;font-family:inherit;color:var(--dk);box-shadow:0 2px 8px rgba(22,35,43,.05);transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.sp-tab::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid #9aa6ac;border-bottom:2px solid #9aa6ac;transform:translateY(-60%) rotate(-45deg);transition:right .2s,border-color .2s}.sp-tab:hover{border-color:var(--gr);background:#f6fcf9;transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,35,43,.10)}.sp-tab:hover::after{right:15px;border-color:var(--gr)}.sp-tab:hover .a{color:#1d8a58}.sp-tab[aria-selected=true]::after{border-color:var(--gr);transform:translateY(-80%) rotate(45deg)}.sp-walls.go:not(.touched) .sp-tab[aria-selected=false]{animation:spPulse 2s ease-out .8s 1}.sp-walls.go:not(.touched) .sp-tab[aria-selected=false]+.sp-tab[aria-selected=false]{animation-delay:1.4s}@keyframes spPulse{0%{box-shadow:0 0 0 0 rgba(41,182,117,.5);border-color:var(--gr)}70%{box-shadow:0 0 0 12px rgba(41,182,117,0);border-color:var(--gr)}100%{box-shadow:0 2px 8px rgba(22,35,43,.05)}}.sp-tab .n{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--dk);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.sp-tab .l{display:flex;flex-direction:column;min-width:0}.sp-tab .a{font-size:17px;font-weight:700;line-height:23px}.sp-tab .b{font-size:13px;line-height:19px;color:var(--mu)}.sp-tab[aria-selected=true]{border-color:var(--gr);box-shadow:0 10px 30px rgba(41,182,117,.14);background:#f6fcf9}.sp-tab[aria-selected=true] .a{color:#1d8a58}.sp-tab[aria-selected=true] .n{background:var(--gr);border-color:var(--gr);color:#fff}.sp-tab:focus-visible{outline:2px solid var(--gr);outline-offset:2px}.sp-panel{background:var(--bg);padding:26px 44px 34px 34px;border-radius:20px}.sp-walls.js .sp-panel[hidden],.sp-walls.js .sp-var[hidden]{display:none}.sp-walls:not(.js) .sp-panel+.sp-panel{margin-top:20px}.sp-walls:not(.js) .sp-var+.sp-var{margin-top:28px}.sp-opts{display:flex;flex-wrap:wrap;gap:8px}.sp-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid var(--ln);border-radius:12px;padding:9px 16px 9px 38px;cursor:pointer;font-family:inherit;color:var(--dk);transition:border-color .2s,box-shadow .2s,background .2s}.sp-opt::before{content:"";position:absolute;left:13px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid #b3bdc2;background:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.sp-opt:hover{border-color:var(--gr);background:#f6fcf9}.sp-opt[aria-checked=true]{border-color:var(--gr);box-shadow:0 6px 18px rgba(41,182,117,.14)}.sp-opt[aria-checked=true]::before{border-color:var(--gr);box-shadow:inset 0 0 0 3px #fff;background:var(--gr)}.sp-opt:focus-visible{outline:2px solid var(--gr);outline-offset:2px}.sp-opt .nm{font-size:15px;line-height:20px;font-weight:700}.sp-var{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center}.sp-wfig{position:relative;background:#fff;border-radius:14px;aspect-ratio:820/620}.sp-wfig img{width:100%;height:auto;display:block}.sp-wfig figcaption{position:absolute;left:18px;bottom:12px;font-size:12px;color:var(--mu)}.sp-cmp3 col.l{width:220px}.sp-cmp3 thead th.c3{background:#3d5360}.sp-cmp3 thead .c3 .k{color:#bfe9d4}.sp-cmp3 td.c2{background:#fafdfb}.sp-cmp3 td{padding:20px 24px;font-size:15px;line-height:24px}.sp-cmp3 thead th{padding:24px}.sp-cmp3 tbody th{padding:20px 24px}.sp-cmpm{display:none}.sp-rev .l .sp-btn{margin-top:28px}.sp-cnote{max-width:1080px;margin:18px auto 0;font-size:14px;line-height:22px;color:var(--mu)}.sp-law .sp-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:start}.sp-law h2{margin-bottom:22px}.sp-law .t{font-size:16px;line-height:28px}.sp-law .t+.t{margin-top:16px}.sp-utbl caption{text-align:left;font-size:13px;font-weight:700;color:var(--dk);padding-bottom:10px}.sp-utbl td span{display:block;font-size:13px;line-height:20px;font-weight:400;color:var(--mu);margin-top:2px}@media (max-width:1100px){.sp-var{grid-template-columns:1fr;gap:26px}.sp-law .sp-wrap{grid-template-columns:1fr;gap:30px}}@media (max-width:767px){.sp-sec .top{margin-bottom:24px}.sp-tab{padding:11px 10px;border-radius:12px}.sp-tab::after{display:none}.sp-tab:hover{transform:none}.sp-tab .n{width:26px;height:26px;font-size:12px}.sp-tab .a{font-size:14px;line-height:19px}.sp-tab .b{font-size:11.5px;line-height:15px;margin-top:2px}.sp-panel{padding:0;background:none}.sp-var{gap:18px}.sp-opts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.sp-opt{padding:8px 8px 8px 10px;border-radius:10px;justify-content:flex-start}.sp-opt::before{display:none}.sp-opt[aria-checked=true]{background:#f6fcf9;box-shadow:inset 0 0 0 1px var(--gr)}.sp-opt .nm{font-size:13px;line-height:17px}.sp-wfig{margin:0 -18px;border-radius:0;background:var(--bg)}.sp-cmp3{display:none}.sp-cmpm{display:flex;flex-direction:column;gap:14px}.sp-cmpm .m{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(22,35,43,.07)}.sp-cmpm .hd{padding:14px 16px}.sp-cmpm .c2 .hd{background:var(--gr)}.sp-cmpm .c1 .hd{background:var(--dk)}.sp-cmpm .c3 .hd{background:#3d5360}.sp-cmpm .k{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;opacity:.85}.sp-cmpm .c1 .k{color:var(--gr);opacity:1}.sp-cmpm .v{font-size:18px;line-height:24px;font-weight:700;color:#fff}.sp-cmpm dl{margin:0;padding:4px 16px 8px}.sp-cmpm dl div{padding:9px 0;border-bottom:1px solid #edf0f1}.sp-cmpm dl div:last-child{border-bottom:0}.sp-cmpm dt{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mu);margin-bottom:2px}.sp-cmpm dd{margin:0;font-size:14px;line-height:21px}.sp-cmpm dd.x{font-size:17px;font-weight:700;color:var(--dk)}.sp-cnote{font-size:13px}.sp-law .t{font-size:15px;line-height:26px}}.sp-mcta,.sp-sheet-x,.sp-sheet-bg{display:none}@media (max-width:767px){.sp-mcta{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}.sp-mcta .sp-btn{width:100%;min-width:0;height:54px}.sp-mcta .sp-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:14px;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-size:16px;font-weight:700}.sp.js-sheet .sp-card#quote{position:fixed;left:0;right:0;bottom:0;z-index:100001;max-height:92vh;overflow-y:auto;margin:0;border-radius:20px 20px 0 0;padding-top:26px;transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;box-shadow:0 -20px 60px rgba(0,0,0,.35)}.sp.js-sheet.sheet-open .sp-card#quote{transform:none;visibility:visible;transition:transform .3s ease}.sp.js-sheet .sp-sheet-x{display:flex;position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:#eef1f2;color:var(--dk);font-size:24px;line-height:1;align-items:center;justify-content:center;cursor:pointer}.sp.js-sheet .sp-sheet-bg{display:block;position:fixed;inset:0;z-index:100000;background:rgba(10,18,22,.55);opacity:0;pointer-events:none;transition:opacity .3s}.sp.js-sheet.sheet-open .sp-sheet-bg{opacity:1;pointer-events:auto}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.sp.js-sheet .sp-card#quote,.sp.js-sheet .sp-sheet-bg{transition:none}}html.sp-sheet-lock #ee-chat{display:none!important}@media (max-width:767px){.sp.js-sheet .sp-card .k{padding-right:46px}.sp.js-sheet .sp-hero .sp-card{margin-top:0}}.sp-sticky a.wa{width:132px;border:1.5px solid #1d8a58;color:#1d8a58;gap:6px}.sp-sticky a.wa svg{width:18px;height:18px}@media (max-width:767px){.sp-trust .sp-wrap{grid-template-columns:1fr 1fr;gap:14px 10px}.sp-trust .it{align-items:flex-start}}@media (max-width:767px){body.sp-on #ee-chat{display:none!important}}.sp-walls.go .sp-tab[aria-selected=true],.sp-walls.go .sp-opt[aria-checked=true]{background-image:linear-gradient(110deg,rgba(41,182,117,0) 38%,rgba(41,182,117,.26) 50%,rgba(41,182,117,0) 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:spShine 2.2s ease-in-out .4s 3}@keyframes spShine{0%{background-position:160% 0;box-shadow:0 10px 30px rgba(41,182,117,.14)}45%{box-shadow:0 0 0 5px rgba(41,182,117,.22),0 10px 30px rgba(41,182,117,.18)}100%{background-position:-60% 0;box-shadow:0 10px 30px rgba(41,182,117,.14)}}@media (prefers-reduced-motion:reduce){.sp-walls.go .sp-tab[aria-selected=true],.sp-walls.go .sp-opt[aria-checked=true]{animation:none}}.sp-fac .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sp-fac .c{border:1px solid var(--ln);border-radius:16px;padding:24px 24px 26px}.sp-fac .c .sp-num{margin-bottom:14px}.sp-fac h3{font-size:19px;line-height:26px;margin-bottom:8px}.sp-fac .c p{font-size:15px;line-height:24px}@media (max-width:1100px){.sp-fac .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.sp-fac .grid{grid-template-columns:1fr;gap:12px}.sp-fac .c{padding:20px}}.sp-tf #teto-novo-info .sp-lead{max-width:760px}.sp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sp-two-c{background:#fff;border-radius:20px;padding:30px 32px;border-top:4px solid var(--dk);box-shadow:0 14px 40px rgba(22,35,43,.06)}.sp-two-c.i{border-top-color:var(--gr)}.sp-two-c .k{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--gr);margin-bottom:6px}.sp-two-c h3{font-size:22px;line-height:30px;margin-bottom:6px}.sp-two-c ul{display:flex;flex-direction:column;gap:10px}.sp-two-c li{position:relative;padding-left:22px;font-size:15px;line-height:24px}.sp-two-c li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--gr)}.sp-two-s .sp-cnote{margin-top:22px;font-size:14px;line-height:22px;color:var(--mu)}@media (max-width:991px){.sp-two{grid-template-columns:1fr}}@media (max-width:767px){.sp-two-c{padding:22px 20px}.sp-two-c h3{font-size:19px;line-height:26px}}.sp-ins #duvidas .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.sp-ins #duvidas .grid{grid-template-columns:1fr}}.sp-ins .sp-wfig{aspect-ratio:auto}.sp-ins .sp-wfig img{aspect-ratio:820/640}.sp-ins .sp-wfig figcaption{position:static;padding:0 18px 12px}.sp-ins.sp .sp-hero{background:radial-gradient(900px 520px at 12% 0%,rgba(41,182,117,.14),transparent 62%),var(--dk)}.sp-ins .sp-hero .sp-card{margin-top:0;padding-top:0;overflow:hidden}.sp-hero-ph{margin:0 -32px 22px;position:relative;aspect-ratio:440/140;overflow:hidden}.sp-hero-ph img{width:100%;height:100%;object-fit:cover;object-position:60% 22%;display:block}.sp-hero-ph figcaption{position:absolute;left:14px;bottom:9px;font-size:11.5px;line-height:15px;color:#fff;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.8)}@media (max-width:767px){.sp-hero-ph{margin:0 -20px 18px}.sp-ins .sp-hero .sp-card{margin-top:26px}}.sp-ins .sp-cnote{max-width:none;margin-left:0;margin-right:0;color:#56666e}.sp-hq{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--gr);background:#f6fcf9;border-radius:0 10px 10px 0}.sp-hq p{font-size:13.5px;line-height:21px;color:var(--dk);margin:0 0 4px!important;font-style:italic}.sp-hq footer{font-size:12px;color:var(--mu);font-weight:600}#paredes .sp-wrap{position:relative}#paredes .top{max-width:640px;min-height:250px}@media (max-width:1100px){#paredes .top{min-height:0}}@media (max-width:767px){.sp-trust .sp-wrap{grid-template-columns:1fr 1fr;gap:14px 10px}.sp-trust .it{align-items:flex-start}}@media (max-width:767px){.sp-hero-ph-m{display:block;margin:22px 0 0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;position:relative}.sp-ins .sp-card .sp-hero-ph{display:none}}.sp-hero-ph-m{display:none}.sp-ins .sp-hero .sp-hq{max-width:480px;margin-top:26px;background:rgba(255,255,255,.06);border-left-color:var(--gr)}.sp-ins .sp-hero .sp-hq p{color:#e4ecef}.sp-ins .sp-hero .sp-hq footer{color:#9fb0b8}.sp-ins .sp-card .h{margin-bottom:16px}@media (max-width:767px){.sp-ins .sp-hero .sp-hq{margin-top:18px}}.sp-ca #porque .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-ca #porque .sp-cnote,.sp-ca #capoto .sp-cnote{margin-top:22px}.sp-dec .sp-decp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;padding:30px 34px}.sp-dq .q{font-size:17px;line-height:24px;font-weight:700;color:var(--dk);margin-bottom:12px}.sp-dq .sp-opt{padding-right:18px}.sp-dres{grid-column:1/-1;background:#fff;border:1.5px solid var(--gr);border-radius:16px;padding:22px 26px;box-shadow:0 10px 30px rgba(41,182,117,.10)}.sp-dres[hidden],.sp-dres .r[hidden]{display:none}.sp-dres .k{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#1d8a58;margin-bottom:4px}.sp-dres .h{font-size:22px;line-height:30px;font-weight:700;color:var(--dk);margin-bottom:6px}.sp-dres .d{font-size:16px;line-height:26px;margin-bottom:14px}.sp-dres .l{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0}.sp-dno{grid-column:1/-1;margin:0;padding-left:18px}.sp-dno li{font-size:15px;line-height:24px;margin-bottom:6px}.sp-alt .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sp-alt .c{border:1px dashed #b9c4c9;border-radius:16px;padding:22px 24px}.sp-alt .c .k{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mu);margin-bottom:6px}.sp-alt h3{font-size:19px;line-height:26px;margin-bottom:8px}.sp-alt .c p{font-size:15px;line-height:24px}.sp-ca .sp-utbl td.r{white-space:nowrap}@media (max-width:991px){.sp-ca #porque .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.sp-ca #porque .grid{grid-template-columns:1fr}.sp-dec .sp-decp{grid-template-columns:1fr;gap:20px;padding:0}.sp-dres{padding:18px}.sp-dres .h{font-size:19px;line-height:26px}.sp-alt .grid{grid-template-columns:1fr;gap:12px}.sp-alt .c{padding:18px}}
.hp{--dk:#16232b;--dk2:#121c22;--gr:#29b675;--gr-d:#1d8a58;--tx:#56626a;--mu:#65737b;--ln:#e4e7e9;--bg:#f5f7f8;--mint:#f1faf5;--mint2:#dbfaec}
.hp .pv-note{background:var(--gr);color:#0c2a1c;font-size:13px;font-weight:700;text-align:center;padding:7px 16px}

/* kop zoals de live site */
.hp-top{background:var(--dk2);color:#fff;font-size:13px;position:relative;overflow:hidden}
.hp-top .sp-wrap{display:flex;align-items:center;gap:26px;height:38px;position:relative;z-index:1}
.hp-top span{display:inline-flex;align-items:center;gap:8px;color:#fff}
.hp-top svg{width:15px;height:15px}
.hp-top .r{margin-left:auto;font-weight:600}
.hp-top::after{content:"";position:absolute;right:0;top:0;bottom:0;width:36%;background:var(--gr);clip-path:polygon(24px 0,100% 0,100% 100%,0 100%)}
.hp-nav{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 6px 30px rgba(22,35,43,.06)}
.hp-nav .sp-wrap{display:flex;align-items:center;gap:34px;height:86px}
.hp-nav .logo img{height:29px;width:auto}
.hp-nav nav{display:flex;gap:30px;margin-left:auto}
.hp-nav nav a{font-size:15px;font-weight:600;color:var(--dk)}
.hp-nav nav a.on{color:var(--gr)}
.hp-nav nav a i{font-style:normal;font-size:11px;margin-left:4px}
.hp-nav .sp-btn{height:48px;padding:0 24px;gap:10px}
.hp-nav .flag{width:30px;height:auto;display:block}
.hp-menu{display:none}

/* hero met foto, donkere laag en calculator */
.hp .sp-hero{padding:60px 0 130px;background:var(--dk)}
.hp-hbg{position:absolute;inset:0;overflow:hidden}
.hp-hbg img,.hp-hbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 35%}

@keyframes hpKb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hp-hbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,28,34,.95) 0%,rgba(18,28,34,.86) 36%,rgba(18,28,34,.5) 62%,rgba(18,28,34,.42) 100%),radial-gradient(900px 520px at 10% 0%,rgba(41,182,117,.18),transparent 62%)}
.hp .sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr) 460px;align-items:center}
.hp .sp-hero h1{font-size:54px;line-height:61px}
.hp .sp-card{margin-top:0;padding:28px 30px 26px;overflow:hidden}
.hp .sp-hero-ph{margin:0 -30px 18px;aspect-ratio:460/118}
.hp .sp-hero-ph video,.hp .sp-hero-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hp .sp-hero-ph .vb{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer}
.hp .sp-hero-ph figcaption{z-index:1}
.hp-calc .sp-fields{gap:12px;margin-bottom:16px}
.hp-res{background:var(--mint);border:1px solid #cfeedd;border-radius:14px;padding:16px 18px 14px;margin-bottom:16px;transition:box-shadow .3s}
.hp-res.flash{box-shadow:0 0 0 4px rgba(41,182,117,.25)}
.hp-res .l{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr-d)}
.hp-res .l span{letter-spacing:0;text-transform:none;font-weight:600;color:var(--mu)}
.hp-res .v{font-size:36px;line-height:44px;font-weight:800;color:var(--dk);letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-top:2px}
.hp-res .v small{font-size:18px;font-weight:700;margin-left:4px}
.hp-spec{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#bfe9d3,var(--gr));margin:12px 0 6px}
.hp-spec i{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--gr);transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.22,1,.36,1)}
.hp-res .e{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);font-variant-numeric:tabular-nums}
.hp-res .e b{color:var(--dk);font-weight:700}
.hp-res .s{font-size:13.5px;line-height:20px;color:var(--tx);margin-top:8px}
.hp-calc .sp-btn{width:100%;gap:10px}
.hp-calc .sp-btn svg{width:20px;height:20px}

/* logobalk */
.hp-logos{padding:34px 0 40px;border-bottom:1px solid #edf0f1}
.hp-logos .sp-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.hp-logos p{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--mu);margin:0}
.hp-logos img{height:40px;width:auto;max-width:150px;object-fit:contain}
.hp-logos img.kn{height:24px}.hp-logos img.ce{height:38px}.hp-logos img.fa{height:22px;max-width:none}.hp-logos img.ad{height:46px}

/* diensten */
.hp-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hp-sc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ln);border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.hp-sc:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(22,35,43,.10);border-color:#cfeedd}
.hp-sc .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.hp-sc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.hp-sc:hover .ph img{transform:scale(1.05)}
.hp-sc .ph .tg{position:absolute;left:14px;top:14px;background:var(--gr);color:#0c2a1c;font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px}
.hp-sc .b{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.hp-sc .k{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mu)}
.hp-sc h3{font-size:22px;line-height:30px;margin:6px 0 4px!important}
.hp-sc h3 a::after{content:"";position:absolute;inset:0}
.hp-sc .p{font-size:16px;font-weight:700;color:var(--gr-d)}
.hp-sc .d{font-size:15px;line-height:24px;margin:10px 0 16px!important;flex:1}
.hp-sc .go{font-size:15px;font-weight:700;color:var(--dk);display:inline-flex;align-items:center;gap:6px}
.hp-sc .go svg{transition:transform .2s}
.hp-sc:hover .go svg{transform:translateX(4px)}
.hp-sc.feat{grid-column:span 2;flex-direction:row;border-color:var(--gr);background:var(--mint)}
.hp-sc.feat .ph{aspect-ratio:auto;width:46%;flex:none}
.hp-sc.feat h3{font-size:28px;line-height:36px}
.hp-sc.feat .b{padding:30px 32px}
.hp-svc-note{font-size:14px;color:var(--mu);margin-top:22px!important}

/* hoe het werkt, zoals de live homepage */
.hp-steps{margin-top:10px;border-top:1px dashed #cfd6da}
.hp-step{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:28px 0;border-bottom:1px dashed #cfd6da}
.hp-step .n{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--dk);display:grid;place-items:center;font-size:22px;color:var(--dk);transition:background .3s,color .3s,border-color .3s}
.hp-step.on .n{background:var(--gr);border-color:var(--gr);color:#fff}
.hp-step h3{font-size:24px;line-height:32px}
.hp-step p{font-size:16px;line-height:26px}
.hp-step .t{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr-d);display:block;margin-bottom:4px}

/* dentro da parede, donker */
.hp-wall{position:relative;background:var(--dk);color:#fff;padding:120px 0 110px}
.hp-wall .sp-h2{color:#fff}
.hp-wall .sp-lead{color:#d3dde2;max-width:640px}
.hp-wall-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;margin-top:40px}
.hp-chs{min-width:0}
.hp-ch{min-height:66vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .3s}
.hp-ch.on{opacity:1}
.hp-ch .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gr);color:#fff;font-weight:700;font-size:15px}
.hp-ch h3{color:#fff;font-size:30px;line-height:38px;margin:14px 0 10px!important}
.hp-ch p{color:#d3dde2;font-size:17px;line-height:28px;max-width:44ch}
.hp-ch .f{display:inline-flex;gap:10px;align-items:baseline;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.hp-ch .f b{font-size:22px;color:var(--gr)}
.hp-ch .f span{color:#9fb0b8;font-size:15px}
.hp-figc{min-width:0}
.hp-fig{position:sticky;top:120px;background:#1b2a33;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px}
.hp-fig .top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.hp-fig .cap{color:#fff;font-weight:600;font-size:15px;margin:0}
.hp-seg{display:inline-flex;padding:4px;border-radius:99px;background:rgba(255,255,255,.08);gap:4px}
.hp-seg button{height:36px;padding:0 14px;border-radius:99px;border:0;background:transparent;color:#d3dde2;font:700 14px 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.hp-seg button[aria-pressed="true"]{background:#fff;color:var(--dk)}
.hp-fig .wb{position:relative}
.hp-fig svg.w{display:block;width:100%;height:auto;border-radius:12px}
.hp-fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--fill,0))}
.hp-fd{transition:opacity .3s}
.hp-ins{position:absolute;right:10px;top:46px;width:30%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;border:2px solid #fff}
.hp-ins img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.hp-ins img.on{opacity:1}
.hp-dots{display:flex;gap:8px;margin-top:12px}
.hp-dots button{flex:1;height:36px;border-radius:99px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#d3dde2;font:700 13px 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.hp-dots button[aria-current="step"]{background:var(--gr);border-color:var(--gr);color:#0c2a1c}
.hp-leg{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:#9fb0b8}
.hp-leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* groene band zoals op de live homepage */
.hp-mq{position:relative;background:var(--dk);padding:28px 0 0;overflow:hidden}
.hp-mq .band{background:var(--gr);transform:rotate(-2deg);margin:0 -40px;padding:16px 0;overflow:hidden}
.hp-mq .row{display:flex;gap:40px;width:max-content;white-space:nowrap}
@media (prefers-reduced-motion: no-preference){.hp-mq .row{animation:hpMq 38s linear infinite}}
@keyframes hpMq{to{transform:translateX(-50%)}}
.hp-mq .row span{display:inline-flex;align-items:center;gap:40px;font-size:30px;font-weight:600;color:var(--dk);letter-spacing:-.5px}
.hp-mq .row svg{width:22px;height:22px}

/* condomínios en zona */
.hp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hp-two .c{border:1px solid var(--ln);border-radius:20px;padding:38px 40px;background:#fff}
.hp-two .c h3{font-size:26px;line-height:34px;margin:8px 0 12px!important}
.hp-two .c p{font-size:16px;line-height:26px;margin-bottom:10px!important}
.hp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.hp-chips a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:99px;border:1px solid #cfd6da;font-size:14px;font-weight:600}
.hp-chips a:hover{border-color:var(--gr)}

/* rodapé zoals live */
.hp-ftr{background:var(--dk);color:#c9d3d8;padding:80px 0 0;font-size:15px}
.hp-ftr .g{display:grid;grid-template-columns:1.1fr 1fr 1.6fr 1.1fr;gap:30px}
.hp-ftr img{height:26px;width:auto}
.hp-ftr h4{color:#fff;font-size:16px;margin:0 0 18px!important}
.hp-ftr a{display:block;color:#c9d3d8;margin:0 0 10px;font-size:14.5px}
.hp-ftr a:hover{color:#fff}
.hp-ftr .about{margin-top:18px!important;font-size:14px;line-height:23px;max-width:280px}
.hp-ftr .lr{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:700;font-size:13.5px}
.hp-ftr .bt{margin-top:56px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:13.5px;color:#9fb0b8}

/* zwevende WhatsApp zoals live */
.hp-fab{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:flex-end;gap:12px}
.hp-fab .bub{background:#fff;color:var(--dk);font-size:14px;line-height:20px;font-weight:600;padding:12px 16px;border-radius:16px 16px 4px 16px;box-shadow:0 12px 34px rgba(0,0,0,.18);max-width:240px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.hp-fab .bub.on{opacity:1;transform:none}
.hp-fab .bub button{float:right;margin:-6px -8px 0 6px;border:0;background:none;color:var(--mu);font-size:18px;cursor:pointer;line-height:1}
.hp-fab a{width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.45);flex:none}
.hp-fab a svg{width:32px;height:32px;fill:#fff}

/* beweging bij scrollen */
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
.hp-sc,.hp-step,.hp-two .c{animation:hpIn linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
}}
@keyframes hpIn{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.hp *{animation:none!important;transition:none!important}}

@media (max-width:1100px){
.hp-nav nav{display:none}
.hp-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp-sc.feat{grid-column:span 2}
.hp-wall-g{gap:32px}
.hp-ftr .g{grid-template-columns:1fr 1fr}
}
@media (max-width:991px){
.hp .sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr)}
.hp .sp-card{margin-top:30px}
}
@media (max-width:767px){
.hp-top{display:none}
.hp-nav .sp-wrap{height:64px;gap:12px}
.hp-nav .logo img{height:22px}
.hp-nav .sp-btn{height:42px;padding:0 14px;font-size:14px}
.hp-nav .sp-btn svg,.hp-nav .flag{display:none}
.hp .sp-hero{padding:40px 0 90px}
.hp .sp-hero h1{font-size:32px;line-height:39px}
.hp .sp-hero .sp-checks,.hp .sp-hero .sp-hq,.hp .sp-hero .sp-eyebrow{display:none}
.hp .sp-card .sp-hero-ph{display:none}
.hp .sp-card{padding-top:20px}
.hp .sp-hero .lead{font-size:15px;line-height:25px}
.hp .sp-card{margin-top:20px}
.hp .sp-card{padding:22px 20px 20px}
.hp .sp-hero-ph{margin:0 -20px 16px}
.hp-res .v{font-size:30px;line-height:38px}
.hp-res .l{flex-direction:column;gap:2px}
.hp-logos .sp-wrap{justify-content:center;gap:22px 30px}

.hp-logos img{height:30px}.hp-logos img.kn{height:17px}.hp-logos img.ce{height:28px}.hp-logos img.fa{height:17px}.hp-logos img.ad{height:36px}
.hp-svc{grid-template-columns:minmax(0,1fr);gap:14px}
.hp-sc.feat{grid-column:auto;flex-direction:column}
.hp-sc.feat .ph{width:100%;aspect-ratio:16/10}
.hp-sc.feat .b{padding:22px 22px 24px}
.hp-sc.feat h3{font-size:24px;line-height:32px}
.hp-step{grid-template-columns:52px minmax(0,1fr);gap:6px 16px;padding:22px 0}
.hp-step .n{width:44px;height:44px;font-size:18px;grid-row:span 2}
.hp-step h3{font-size:19px;line-height:26px}
.hp-step p{font-size:15px;line-height:24px}
.hp-wall{padding:64px 0 60px}
.hp-wall-g{display:flex;flex-direction:column;margin-top:20px}
.hp-figc{order:-1}
.hp-figc{position:sticky;top:64px;z-index:2;margin:0 -18px;padding:8px 18px 4px;background:var(--dk)}
.hp-fig{position:static;padding:10px;border-radius:16px}
.hp-fig .cap{font-size:13px}
.hp-seg button{height:30px;padding:0 10px;font-size:12px}
.hp-leg{display:none}
.hp-ins{top:34px;width:28%}
.hp-dots button{height:30px;font-size:12px}
.hp-ch{min-height:56vh}
.hp-ch h3{font-size:22px;line-height:30px}
.hp-ch p{font-size:15px;line-height:25px}
.hp-mq .row span{font-size:20px;gap:24px}.hp-mq .row{gap:24px}
.hp-two{grid-template-columns:minmax(0,1fr);gap:14px}
.hp-two .c{padding:24px 22px}
.hp-ftr .g{grid-template-columns:minmax(0,1fr)}
.hp-fab{display:none}
}

.hp-step .t{margin:0 0 4px!important}
@media (max-width:767px){
.hp-calc{display:flex;flex-direction:column}

}
@media (min-width:768px) and (max-height:780px){.hp .sp-hero{padding-top:30px}.hp .sp-hero-ph{aspect-ratio:460/84;margin-bottom:14px}.hp .sp-hero .sp-pill{margin-bottom:14px}}
.hp-hbg::after{z-index:1}
.hp-vb{position:absolute;right:24px;top:24px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(18,28,34,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.hp-vb:hover{background:rgba(18,28,34,.8)}
.hp .sp-hero .sp-wrap{z-index:2}
@media (max-width:767px){.hp-vb{right:14px;top:14px;width:34px;height:34px}}

/* ===== v5.4: knoppen, menu, hero, calculadora ===== */
.hp .sp-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s}
.hp .sp-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.hp .sp-btn:hover{background:#23a067;transform:translateY(-2px);box-shadow:0 14px 30px rgba(41,182,117,.38)}
.hp .sp-btn:hover::after{transform:translateX(110%)}
.hp .sp-btn:active{transform:translateY(0) scale(.98);box-shadow:0 6px 14px rgba(41,182,117,.3)}
.hp .sp-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px rgba(41,182,117,.55)}
.hp .sp-btn .ar{transition:transform .25s}
.hp .sp-btn:hover .ar{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.hp .sp-btn,.hp .sp-btn::after{transition:none}.hp .sp-btn:hover{transform:none}}
.hp-burger{display:none;width:44px;height:44px;border:1px solid var(--ln);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.hp-burger span{width:20px;height:2px;border-radius:2px;background:var(--dk);transition:transform .25s,opacity .2s}
.hp-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hp-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hp-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hp-nav nav a{position:relative;transition:color .2s}
.hp-nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--gr);transform:scaleX(0);transition:transform .25s}
.hp-nav nav a:hover{color:var(--gr-d)}.hp-nav nav a:hover::after,.hp-nav nav a.on::after{transform:scaleX(1)}
@media (max-width:1100px){
.hp-burger{display:flex;margin-left:12px}
.hp-nav .sp-btn{margin-left:auto}
.hp-nav nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:0;padding:8px 24px 18px;box-shadow:0 18px 30px rgba(22,35,43,.12);border-top:1px solid var(--ln)}
.hp-nav nav.open{display:flex}
.hp-nav nav a{padding:14px 0;border-bottom:1px solid #eef1f2;font-size:16px}.hp-nav nav a::after{display:none}
.hp-nav .sp-wrap{position:relative}
}
@media (max-width:767px){.hp-burger{width:40px;height:40px;margin-left:6px}.hp-nav nav{padding:4px 20px 14px}}
/* hero */
.hp .sp-hero .sp-eyebrow{color:#7ee0b0}
.hp .sp-hero .lead{color:#e6eef1;max-width:560px}
.hp .sp-checks li{text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hp-pill{transition:background .2s,border-color .2s}.hp-pill:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.hp-pill .t b{font-weight:800}
.hp-rev{margin:26px 0 0;max-width:500px;background:rgba(255,255,255,.95);border-radius:16px;padding:16px 18px 14px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.hp-rev .top{display:flex;align-items:center;gap:10px}
.hp-rev .av{width:36px;height:36px;border-radius:50%;background:#dbfaec;color:var(--gr-d);font-size:13px;font-weight:800;display:grid;place-items:center;flex:none}
.hp-rev .who{display:flex;flex-direction:column;line-height:1.2}
.hp-rev .who b{font-size:14px;color:var(--dk)}
.hp-rev .st{color:#f5b400;font-size:13px;letter-spacing:1px}
.hp-rev .src{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mu);background:var(--bg);border-radius:99px;padding:4px 10px}
.hp-rev blockquote{margin:10px 0 8px;padding:0;border:0;font-size:15px;line-height:23px;color:var(--dk);font-weight:500}
.hp-rev figcaption{font-size:12.5px;color:var(--mu)}
.hp-rev figcaption a{color:var(--gr-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}
/* calculadora */
.hp .hp-calc{padding:26px 28px 22px}
.cq-head .k{margin-bottom:6px!important}
.cq-head .h{font-size:24px!important;line-height:31px!important;margin:0 0 16px!important}
.cq-f{margin-bottom:14px}
.cq-f label,.cq-lab label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--dk);margin:0 0 8px}
.cq-f label i,.cq-lab label i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--dk);color:#fff;font-size:12px;display:grid;place-items:center}
.cq-sel{display:flex;gap:8px}
.cq-sel select{flex:1;height:52px;border:1.5px solid #cfd8dc;border-radius:12px;padding:0 40px 0 14px;font:inherit;font-size:15.5px;font-weight:600;color:var(--dk);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316232b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:0}
.cq-sel select:hover{border-color:var(--gr)}
.cq-sel select:focus{outline:none;border-color:var(--gr);box-shadow:0 0 0 4px rgba(41,182,117,.18)}
.cq-info{flex:none;width:52px;height:52px;border-radius:12px;border:1.5px solid #cfd8dc;background:#fff;color:var(--dk);font:inherit;font-size:18px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cq-info:hover,.cq-info[aria-expanded="true"]{background:var(--dk);border-color:var(--dk);color:#fff}
.cq-info:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(41,182,117,.3)}
.cq-box{margin-top:8px;background:#f3f6f7;border-radius:12px;padding:12px 14px;font-size:14px;line-height:21px;color:var(--tx);animation:cqIn .25s ease}
.cq-box p{margin:0 0 6px!important}
.cq-box a{font-size:14px;font-weight:700;color:var(--gr-d)}
@keyframes cqIn{from{opacity:0;transform:translateY(-4px)}}
.cq-seg[hidden]{display:none}.cq-seg{display:flex;gap:6px;margin-top:8px;background:#f3f6f7;border-radius:12px;padding:4px}
.cq-seg button{flex:1;height:38px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14px;font-weight:700;color:var(--mu);cursor:pointer}
.cq-seg button.on{background:#fff;color:var(--dk);box-shadow:0 2px 8px rgba(22,35,43,.1)}
.cq-lab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cq-lab label{margin:0}
.cq-m2{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--mu)}
.cq-m2 input{width:78px;height:40px;border:1.5px solid #cfd8dc;border-radius:10px;text-align:center;font:inherit;font-size:17px;font-weight:800;color:var(--dk)}
.cq-m2 input:focus{outline:none;border-color:var(--gr);box-shadow:0 0 0 4px rgba(41,182,117,.18)}
.cq-rng{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:6px 0 2px;cursor:pointer;--p:31%}
.cq-rng::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--gr) var(--p),#e1e7ea var(--p))}
.cq-rng::-moz-range-track{height:8px;border-radius:99px;background:#e1e7ea}
.cq-rng::-moz-range-progress{height:8px;border-radius:99px;background:var(--gr)}
.cq-rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--gr);margin-top:-9px;box-shadow:0 3px 10px rgba(22,35,43,.2);transition:transform .15s}
.cq-rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--gr);box-shadow:0 3px 10px rgba(22,35,43,.2)}
.cq-rng:hover::-webkit-slider-thumb,.cq-rng:active::-webkit-slider-thumb{transform:scale(1.12)}
.cq-rng:focus-visible{outline:none}.cq-rng:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(41,182,117,.25)}
.cq-hint{font-size:12.5px;line-height:18px;color:var(--mu);margin:0!important}
.hp-calc .hp-res{position:relative;background:linear-gradient(160deg,#f1faf5,#e3f7ec);border:1px solid #c6ecd8;border-radius:16px;padding:14px 16px 12px;margin:4px 0 14px}
.hp-calc .hp-res .v{font-size:38px;line-height:46px}
.hp-res .pm{font-size:13px;font-weight:600;color:var(--gr-d);margin:0!important}
.hp-res .fin{margin:10px 0 0!important;padding-top:10px;border-top:1px dashed #b9e3cc;font-size:13.5px;line-height:20px;color:var(--dk)}
.hp-res .fin b{font-size:16px;font-weight:800;color:var(--gr-d)}
.hp-res .fin sup{color:var(--mu)}
.hp-res .s{margin-top:6px!important}
.cq-cta{width:100%;height:60px!important;font-size:17px!important;gap:10px;border-radius:14px!important;box-shadow:0 10px 24px rgba(41,182,117,.32)}
.cq-cta>span{flex:none}
.cq-cta.nudge{animation:cqNudge .9s ease}
@keyframes cqNudge{0%,100%{box-shadow:0 10px 24px rgba(41,182,117,.32)}40%{box-shadow:0 0 0 7px rgba(41,182,117,.22),0 10px 24px rgba(41,182,117,.32)}}
.cq-call{display:block;text-align:center;font-size:13.5px;color:var(--mu);margin-top:10px;transition:color .2s}
.cq-call b{color:var(--dk)}.cq-call:hover{color:var(--dk)}.cq-call:hover b{text-decoration:underline}
.cq-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:10px 0 0;padding:0}
.cq-trust li{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--dk)}
.hp-calc .priv{font-size:11px!important;line-height:16px!important;margin-top:10px!important;text-align:left!important;color:#7d8a91!important}
@media (max-width:767px){
.hp-rev{display:none}
.hp .hp-calc{padding:20px 18px 18px}
.cq-head .h{font-size:21px!important;line-height:28px!important;margin-bottom:12px!important}
.hp-calc{display:flex;flex-direction:column}

.hp-calc .hp-res .v{font-size:32px;line-height:40px}
.cq-cta{font-size:16px!important}
}

/* ===== v5.5: calculadora mais calma, preço verde ===== */
.hp .sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr) 470px}
.hp .hp-calc{padding:30px 30px 24px;border-radius:22px}
.hp-calc>.k{margin:0 0 6px!important}
.hp-calc>.h{font-size:25px!important;line-height:32px!important;margin:0 0 20px!important}
.hp-calc .cq-f{margin-bottom:16px}
.hp-calc .cq-f label,.hp-calc .cq-lab label{font-size:14px;font-weight:600;color:var(--dk);margin:0 0 8px}
.hp-calc .cq-lab label{margin:0}
.hp-calc .cq-rng{margin:10px 0 0}
.cq-res{background:#f1faf5;border-radius:16px;padding:16px 18px 14px;margin:0 0 16px;transition:box-shadow .3s}
.cq-res.flash{box-shadow:0 0 0 4px rgba(41,182,117,.22)}
.cq-res .l{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px!important;font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--mu)}
.cq-res .l span+span{letter-spacing:0;text-transform:none;font-weight:600}
.cq-res .fr{display:flex;align-items:center;gap:8px;margin:0 0 2px!important;background:#fff;border-radius:10px;padding:6px 10px;font-size:14px;line-height:20px;font-weight:600;color:var(--dk)}
.cq-res .fr svg,.cq-res li svg{flex:none}
.cq-res .fr b{margin-left:auto;background:var(--gr);color:#fff;border-radius:7px;padding:1px 9px;font-size:12.5px;line-height:20px;font-weight:700}
.cq-res .lst{list-style:none;margin:0!important;padding:0 0 0 10px!important}
.cq-res .lst li{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:19px;color:var(--dk);padding:4px 0;border-bottom:1px dashed #cfe9db;margin:0!important}
.cq-res .tot{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0}
.cq-res .tot p{margin:0!important}
.cq-res .tot p:first-child{flex:1 1 110px;font-size:12.5px;line-height:17px;color:var(--mu)}
.cq-res .tot p:first-child b{display:block;font-size:14px;line-height:19px;color:var(--dk);font-weight:700}
.cq-res .v{display:flex;align-items:baseline;gap:6px;color:#1d8a58;font-variant-numeric:tabular-nums}
.cq-res .v b{font-size:30px;line-height:38px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}
.cq-res .v .eu{font-size:22px;font-weight:800}
.cq-res .lg{list-style:none;display:flex;flex-wrap:wrap;gap:2px 14px;margin:8px 0 0!important;padding:0!important}
.cq-res .lg li{display:flex;align-items:center;gap:5px;font-size:12.5px;line-height:18px;color:var(--mu);margin:0!important}
.cq-res .lg svg{width:14px;height:14px}
.cq-res.na .v b{color:var(--mu)}
.cq-sub{text-align:center;font-size:13px;font-weight:600;color:var(--dk);margin:12px 0 0!important}
.hp-calc .cq-call{display:block;text-align:center;font-size:13px;color:var(--mu);margin:6px 0 0!important}
.hp-calc .cq-call a{color:var(--dk);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.hp-calc .cq-call a:hover{color:var(--gr-d)}
.hp-calc .priv{text-align:center!important;margin-top:8px!important}
/* review en pil met o logótipo Google do site */
.hp-pill .g5{height:15px;width:auto;display:block}
.hp-rev .who span{font-size:12.5px;color:var(--mu)}
.hp-rev .g5{margin-left:auto;height:16px;width:auto}
/* pausa do vídeo: canto inferior esquerdo, longe da calculadora */
.hp-vb{top:auto!important;right:auto!important;left:24px;bottom:104px;width:34px;height:34px;opacity:.75}
.hp-vb:hover{opacity:1}
@media (max-width:1100px){.hp .sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr) 430px}}
@media (max-width:991px){.hp .sp-hero .sp-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
.hp .hp-calc{padding:22px 18px 18px}
.hp-calc>.h{font-size:21px!important;line-height:28px!important;margin-bottom:14px!important}
.hp-calc{display:flex;flex-direction:column}
.hp-calc>.k{order:1}.hp-calc>.h{order:2}.hp-calc>.cq-t{order:3}.hp-calc>.cq-a{order:4}.hp-calc>.cq-res{order:5}.hp-calc>#cta{order:6}
.cq-res .l span+span{display:none}.cq-res .lst{padding-left:4px!important}.hp-calc>.cq-sub{order:7}.hp-calc>.cq-call{order:8}.hp-calc>.priv{order:9}
.cq-res .v b{font-size:27px;line-height:34px}
.hp-vb{left:auto;right:14px!important;bottom:auto;top:14px!important}
.cq-sel select{font-size:14.5px;padding:0 30px 0 12px;background-position:right 10px center}
}
@media (max-width:380px){.cq-sel select{font-size:14px;padding-left:11px}}

/* ===== v5.7: calculadora alinhada com o título; compacta em ecrãs baixos ===== */
@media (min-width:992px){
.hp .sp-hero .sp-wrap{align-items:start}
.hp .sp-hero .hp-calc{margin-top:var(--h1off,99px)}
}
@media (min-width:992px) and (max-height:859px){
.hp .sp-hero{padding-top:28px}
.hp .sp-hero .hp-calc{margin-top:0;padding:22px 26px 18px}
.hp-calc>.h{margin-bottom:14px!important}
.hp-calc .cq-f{margin-bottom:12px}
.cq-sel select,.cq-info{height:46px}.cq-info{width:46px}
.hp-calc .cq-rng{margin-top:6px}
.cq-res{padding:12px 16px 10px;margin-bottom:12px}
.cq-res .v b{font-size:28px;line-height:36px}
.cq-res .lst li{padding:3px 0}
.cq-cta{height:54px!important}
.cq-sub{margin-top:8px!important}
}

/* ===== v6: prijsblok 4a is hoger; kaart op schermen tot 1000 px hoog bovenaan de hero ===== */
@media (min-width:992px) and (max-height:999px){.hp .sp-hero .hp-calc{margin-top:0}}
@media (min-width:992px) and (max-height:779px){.cq-res .l{display:none}.hp-calc>.h{margin-bottom:10px!important}.cq-res .lst li{padding:2px 0}}
@media (min-width:992px) and (max-height:859px){.hp-calc>.k{margin-bottom:2px!important}.cq-res .l{margin-bottom:6px!important}.cq-res .tot{margin-top:6px}.cq-res .lg{margin-top:6px!important}.hp-calc .cq-f{margin-bottom:10px}}

/* ===== v5.8: één keer aandacht, geen knipperen; fab wijkt voor de calculator ===== */
.hp-fab{transition:opacity .3s,transform .3s}
.hp-fab.away{opacity:0;transform:translateY(16px);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
.cq-cta.shine::after{transition:transform 1s cubic-bezier(.22,1,.36,1);transform:translateX(110%)}
.cq-info.hint{animation:cqHint 1.6s ease-out 2}
}
.cq-cta:not(.shine):not(:hover)::after{transition:none}
@keyframes cqHint{0%{box-shadow:0 0 0 0 rgba(41,182,117,.5)}70%{box-shadow:0 0 0 10px rgba(41,182,117,0)}100%{box-shadow:0 0 0 0 rgba(41,182,117,0)}}

/* ===== v5.9: logobalk ===== */
.hp-logos{padding:30px 0 34px}
.hp-logos .sp-wrap{display:block}
.lg-track{display:block}
.lg-set{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:24px}
.lg-dup{display:none}
.hp-logos img{height:44px;width:auto;max-width:100%;object-fit:contain}
.hp-logos img.ad{height:50px}.hp-logos img.ca{height:40px}.hp-logos img.kn{height:22px}.hp-logos img.fa{height:20px}.hp-logos img.ce{height:36px}
@media (max-width:767px){
.hp-logos{padding:20px 0 22px;overflow:hidden}
.hp-logos .sp-wrap{padding:0}
.lg-track{display:flex;width:max-content}
.lg-set,.lg-dup{display:flex;gap:40px;padding-right:40px}
.hp-logos img{height:32px;max-width:none}
.hp-logos img.ad{height:38px}.hp-logos img.ca{height:30px}.hp-logos img.kn{height:16px}.hp-logos img.fa{height:15px}.hp-logos img.ce{height:28px}
@media (prefers-reduced-motion:no-preference){.lg-track{animation:lgRun 28s linear infinite}.hp-logos:hover .lg-track,.hp-logos:active .lg-track{animation-play-state:paused}}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
.lg-track{width:auto}.lg-dup{display:none}
.lg-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:0 20px;justify-items:center}
}
@keyframes lgRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* v5.17: '?' op de labelregel (alle breedtes); rustiger prijsblok */
.cq-t label{padding-right:40px}
.cq-sel{position:relative}
.cq-sel .cq-info{position:absolute;right:0;top:-35px;width:30px!important;height:30px!important;border-radius:50%;font-size:14px;padding:0;border-width:1.5px}
.cq-res .tot{align-items:center}
.cq-res .tot span:empty{display:none}

/* v5.24: warmte als gloeiende golven, endoscoop met licht */
.hp-fig .hw-flow{stroke-dasharray:5 31;animation:hwFlow 1.3s linear infinite}
@keyframes hwFlow{to{stroke-dashoffset:-36}}
.hp-fig .hw-beam{transform-box:view-box;transform-origin:280px 124px;animation:hwSweep 3.2s ease-in-out infinite alternate}
@keyframes hwSweep{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
.hp-fig .hw-led{animation:hwLed 1.6s ease-in-out infinite alternate}
@keyframes hwLed{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hp-fig .hw-flow,.hp-fig .hw-beam,.hp-fig .hw-led{animation:none}}

/* v5.34: mobiel korter scrollblok insuflado */
@media (max-width:767px){.hp-ch{min-height:50vh}}
/* v5.37 conversie: vertrouwen bij de calculator (mobiel), sticky weg bij calculator */
.hp-rev.hp-rev-m{display:none}
.cq-trust{display:none}
@media (max-width:767px){
.hp .sp-hero .hp-rev.hp-rev-m{display:block;margin:14px 0 0;max-width:none}
.hp-calc>.cq-trust{order:10;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;list-style:none;margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid var(--ln)}
.cq-trust li{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--dk);margin:0!important;padding:0!important}
.cq-trust li::before{display:none!important}
.cq-trust svg{flex:none}
.cq-sub .dt{display:none}.cq-sub .nb{display:block;font-weight:500;color:var(--mu)}
}
#sticky{transition:transform .25s ease,visibility .25s}
#sticky.off{transform:translateY(110%);visibility:hidden}
@media (prefers-reduced-motion:reduce){#sticky{transition:none}}

.hs-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.hs-tab{font:inherit;font-size:15px;font-weight:700;color:var(--dk);background:#fff;border:1px solid var(--ln);border-radius:99px;padding:11px 20px;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:background .2s,border-color .2s,color .2s,transform .2s}
.hs-tab small{font-size:12.5px;font-weight:600;color:var(--mu)}
.hs-tab:hover{border-color:var(--gr);transform:translateY(-1px)}
.hs-tab[aria-selected="true"]{background:var(--dk);border-color:var(--dk);color:#fff}
.hs-tab[aria-selected="true"] small{color:#9fe6c2}
.hs2-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:26px;margin-top:28px;align-items:start}
.hs2-stage{background:linear-gradient(180deg,#f3f8f6,#f5f7f8);border:1px solid var(--ln);border-radius:20px;padding:18px 18px 14px;position:relative}
.hs2-sub{display:flex;gap:6px;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:4px;width:fit-content;margin:0 auto 4px;position:relative;z-index:2}
.hs2-sub[hidden]{display:none}
.hs2-sub button{border:0;background:transparent;border-radius:9px;padding:8px 14px;font:inherit;font-size:14px;font-weight:700;color:var(--mu);cursor:pointer}
.hs2-sub button[aria-pressed="true"]{background:var(--gr);color:#fff}
.hs2-fig{position:relative;aspect-ratio:820/640}
.hs2-fig>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hs2-cam{position:absolute;right:2%;top:4%;width:27%;margin:0;opacity:0;transform:scale(.85);transition:opacity .4s,transform .4s;pointer-events:none}
.hs2-cam.on{opacity:1;transform:none}
.hs2-cam[data-pos=l]{right:auto;left:2%}
.hs2-cam img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:55% 30%;border:4px solid #fff;box-shadow:0 12px 30px rgba(22,35,43,.25)}
.hs2-cam figcaption{margin-top:6px;text-align:center;font-size:12px;font-weight:700;color:var(--dk);background:#fff;border-radius:99px;padding:3px 8px;box-shadow:0 4px 12px rgba(22,35,43,.1)}
.hs2-mini{position:absolute;left:0;top:0;width:17%;z-index:1;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:6px 8px 4px;box-shadow:0 6px 18px rgba(22,35,43,.08)}
.hs2-mini span{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mu)}
.hs2-mini svg{display:block;width:100%;height:auto}
.hs2-mini .mz{opacity:0;transition:opacity .3s}.hs2-mini .mz.on{opacity:1}
.hs2-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;margin-top:10px}
.hs2-prog{grid-column:1/-1;display:flex;gap:6px}
.hs2-prog i{flex:1;height:5px;border-radius:99px;background:#dfe6e9;overflow:hidden;position:relative}
.hs2-prog i::after{content:"";position:absolute;inset:0;background:var(--gr);transform:scaleX(var(--f,0));transform-origin:left}
.hs2-cap{margin:0!important;font-size:16px;line-height:24px;font-weight:600;color:var(--dk);min-height:24px}
.hs2-cap b{display:inline-block;min-width:34px;font-size:13px;font-weight:800;color:var(--gr-d);margin-right:4px}
.hs2-rp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln);background:#fff;border-radius:99px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--dk);cursor:pointer;transition:border-color .2s,color .2s}
.hs2-rp:hover{border-color:var(--gr);color:var(--gr-d)}
.hs-pan{background:#fff;border:1px solid var(--ln);border-radius:20px;padding:28px 28px 24px;box-shadow:0 18px 44px rgba(22,35,43,.06)}
.hs-p[hidden]{display:none}
.hs-p{animation:hsIn .35s ease}
@keyframes hsIn{from{opacity:0;transform:translateY(6px)}}
.hs-p .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hs-p .top .sp-eyebrow{margin:0!important}
.hs-p .tag{font-size:12px;font-weight:700;color:#0c2a1c;background:#dbfaec;border-radius:99px;padding:4px 10px}
.hs-p h3{font-size:26px;line-height:33px;margin:8px 0 8px!important;color:var(--dk)}
.hs-p .d{font-size:15.5px;line-height:25px;margin:0 0 16px!important}
.hs-st{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.hs-st div{background:var(--mint);border-radius:14px;padding:12px 14px}
.hs-st span{display:block;font-size:12px;font-weight:600;color:var(--mu)}
.hs-st b{display:block;font-size:22px;line-height:30px;color:#1d8a58;font-weight:800}
.hs-st small{font-size:12px;color:var(--mu);font-weight:500}
.hs-bn{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.hs-bn li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:21px;color:var(--dk)}
.hs-bn svg{margin-top:2px}
.hs-bn a{color:var(--gr-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.hs-dt{border-top:1px solid var(--ln);padding-top:12px;margin-bottom:16px}
.hs-dt summary{cursor:pointer;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mu);list-style:none;display:flex;justify-content:space-between}
.hs-dt summary::-webkit-details-marker{display:none}
.hs-dt summary::after{content:"+";font-size:18px;line-height:1;color:var(--gr-d)}
.hs-dt[open] summary::after{content:"–"}
.hs-lg{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:7px;counter-reset:l}
.hs-lg li{font-size:14px;line-height:21px;color:var(--dk);padding-left:22px;position:relative}
.hs-lg li::before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--gr)}
.hs-lg.num li{counter-increment:l;padding-left:30px}
.hs-lg.num li::before{content:counter(l);left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--gr);color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center}
.hs-p .acts{display:flex;flex-direction:column;gap:12px}
.hs-p .acts .sp-btn{width:100%;justify-content:center}
.hs-more{font-size:15px;font-weight:700;color:var(--dk);display:inline-flex;align-items:center;gap:6px;align-self:center}
.hs-more:hover{color:var(--gr-d)}
.hs-note{font-size:13.5px;color:var(--mu);margin-top:18px!important;text-align:center}
@media (min-width:992px){.hs2 .sp-sec,.hs2{padding-top:84px}}
@media (max-width:991px){.hs2-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
.hs-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:20px 0 0;padding:0 0 4px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.hs-tabs::-webkit-scrollbar{display:none}
.hs-tab{flex:none;font-size:14px;padding:9px 14px}
.hs2-grid{margin-top:16px;gap:14px}
.hs2-stage{padding:12px 10px 10px;border-radius:16px}
.hs2-sub button{font-size:13px;padding:7px 10px}
.hs2-mini{width:22%}
.hs2-cam{width:36%}.hs2-cam figcaption{font-size:11px;padding:2px 7px}
.hs2-cap{font-size:15px;line-height:22px}
.hs2-rp{padding:6px 10px;font-size:12px}
.hs-pan{padding:20px 18px 18px}
.hs-p h3{font-size:22px;line-height:29px}
.hs-st b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.hs-p{animation:none}.hs2-cam{transition:none}}
.hs-dot{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:2px solid var(--gr);background:#fff;color:var(--gr-d);font:inherit;font-size:15px;font-weight:800;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(22,35,43,.16);transition:background .2s,color .2s,transform .2s;z-index:2;padding:0}
.hs-dot::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--gr);opacity:0}
.hs-dot:hover{transform:translate(-50%,-50%) scale(1.08)}
.hs-dot[aria-pressed="true"]{background:var(--gr);color:#fff}
.hs-dot .lb{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;background:var(--dk);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}
.hs-dot[aria-pressed="true"] .lb,.hs-dot:hover .lb,.hs-dot:focus-visible .lb{opacity:1}
@media (prefers-reduced-motion:no-preference){.hs-dot:not([aria-pressed="true"])::before{animation:hsPulse 2.2s ease-out infinite}}
@keyframes hsPulse{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.7);opacity:0}}
.hs-z{transform-box:fill-box;opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .3s}
.hs-z.v{transform-origin:50% 100%;transform:scaleY(0)}
.hs-z.h{transform-origin:0 50%;transform:scaleX(0)}
.hs-fig.done .hs-z.on{opacity:1;transform:none}
.hs-heat{opacity:0;transition:opacity .4s}
.hs-heat.on{opacity:1}
.hs-fig.done .hs-heat.on{opacity:.16}
.hs-heat path{stroke:#e8743b;stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:10 9}
.hs-heat .hd{fill:#e8743b;stroke:none}
@media (prefers-reduced-motion:no-preference){.hs-heat path:not(.hd){animation:hsFlow .9s linear infinite}}
@keyframes hsFlow{to{stroke-dashoffset:-19}}
.hs-dot{width:34px;height:34px;font-size:13px}
.hs-dot .lb{display:none}

.hs-dot{width:44px;height:44px}
.hs3-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;position:relative;z-index:3}
.hs2-stage[data-mode="detail"] .hs3-top{min-height:44px;margin-bottom:6px}
.hs3-back{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln);background:#fff;border-radius:99px;padding:8px 14px;font:inherit;font-size:14px;font-weight:700;color:var(--dk);cursor:pointer;transition:border-color .2s,color .2s,transform .2s}
.hs3-back[hidden]{display:none}
.hs3-back:hover{border-color:var(--gr);color:var(--gr-d);transform:translateX(-2px)}
.hs3-top .hs2-sub{margin:0 0 0 auto}
.hs2-fig{position:relative;aspect-ratio:820/640;overflow:hidden;border-radius:14px}
.hs3-house,.hs3-det{position:absolute;inset:0}
.hs3-house{transition:transform .85s cubic-bezier(.6,0,.3,1),opacity .35s ease .5s;will-change:transform}
.hs3-hz{position:absolute;left:50%;top:50%;width:94%;aspect-ratio:700/500;transform:translate(-50%,-50%)}
.hs3-hz svg{width:100%;height:100%;display:block}
.hs3-house .hs-dot{position:absolute}
.hs3-det{opacity:0;transform:scale(.94);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.hs3-det>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hs2-stage[data-mode="detail"] .hs3-house{opacity:0;pointer-events:none}
.hs2-stage[data-mode="detail"] .hs3-det{opacity:1;transform:none;transition-delay:.62s;pointer-events:auto}
.hs3-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--dk);margin:10px 0 2px!important}
.hs3-hint[hidden],.hs2-bar[hidden]{display:none}
.hs3-hint b{width:9px;height:9px;border-radius:50%;background:var(--gr);display:inline-block;box-shadow:0 0 0 4px rgba(41,182,117,.2)}
.hs-ovl{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.hs-ovl button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.hs-ovl button:hover{border-color:var(--gr);background:var(--mint);transform:translateX(3px)}
.hs-ovl b{display:block;font-size:15px;color:var(--dk)}
.hs-ovl small{display:block;font-size:12.5px;color:var(--mu);margin-top:1px}
.hs-ovl em{font-style:normal;font-size:14px;font-weight:800;color:#1d8a58;white-space:nowrap}
.hs-ovl em::after{content:"›";margin-left:8px;color:var(--mu);font-size:18px}
@media (max-width:767px){.hs-dot{width:36px;height:36px;font-size:13px}.hs-dot .lb{display:none}.hs3-back{font-size:13px;padding:7px 11px}.hs3-top .hs2-sub button{font-size:12px;padding:6px 8px}.hs2-stage[data-mode="detail"] .hs3-top{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.hs3-house,.hs3-det{transition:none!important}}

/* Webflow: vaste topbalk (45px, vanaf 992px) en navbar (96px; 72px op mobiel) liggen over de pagina */
.sp.hp#top{padding-top:141px}
html{scroll-padding-top:156px}
@media (max-width:991px){.sp.hp#top{padding-top:96px}html{scroll-padding-top:110px}}
@media (max-width:767px){.sp.hp#top{padding-top:72px}html{scroll-padding-top:86px}}

/* v4: site chat bubble sits above the mobile sticky bar while the bar is shown */
@media (max-width:767px){#ee-chat{transition:bottom .25s ease}body:has(#sticky.sp-sticky.on) #ee-chat{bottom:calc(env(safe-area-inset-bottom,0px) + 92px)!important}}

/* v4: sticky bar only after the visitor has scrolled past the calculator (JS adds .on) */
#sticky.sp-sticky:not(.on){transform:translateY(110%);visibility:hidden}

/* v5: oude footerband ("Isolamento Térmico e Acústico...") alleen op deze pagina verborgen; de slot-CTA #fim vervangt hem */
.footer-two-top{display:none!important}

/* v6: vergelijkingstabel op mobiel als kaarten per eigenschap (de tabel stond op mobiel op display:none zonder alternatief) */
@media (max-width:767px){
.hp .sp-cmp3{display:block;width:100%;background:none;box-shadow:none;table-layout:auto}
.hp .sp-cmp3 colgroup,.hp .sp-cmp3 thead{display:none}
.hp .sp-cmp3 tbody{display:flex;flex-direction:column;gap:14px}
.hp .sp-cmp3 tbody tr{display:block;background:#fff;border:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(22,35,43,.07)}
.hp .sp-cmp3 tbody th{display:block;padding:12px 16px;background:var(--dk);color:#fff;font-size:12px;line-height:18px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.hp .sp-cmp3 td{display:flex;gap:14px;align-items:baseline;padding:11px 16px;border-bottom:1px solid #edf0f1;font-size:14px;line-height:21px;background:#fff}
.hp .sp-cmp3 td:last-child{border-bottom:0}
.hp .sp-cmp3 td::before{content:attr(data-l);flex:0 0 40%;font-size:12px;line-height:18px;font-weight:700;color:var(--mu)}
.hp .sp-cmp3 td.c2{background:#f3fbf7}
.hp .sp-cmp3 td.c2::before{color:#1d8a58}
.hp .sp-cmp3 td.x{font-size:16px;line-height:22px}
html[lang="en"] .hp .sp-cmp3 td.c1::before{content:"Capoto (ETICS)"}
html[lang="en"] .hp .sp-cmp3 td.c2::before{content:"Blown-in insulation"}
html[lang="en"] .hp .sp-cmp3 td.c3::before{content:"Insulated false wall"}
}

/* v7: muursectie op mobiel compacter, zodat er onder de vastgezette tekening ruimte is om elke stap volledig te lezen */
@media (max-width:767px){
.hp-wall .hp-figc{padding:6px 18px 2px}
.hp-wall .hp-fig{padding:8px}
.hp-wall .hp-fig .cap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-wall .hp-fig .top{margin-bottom:8px}
.hp-wall .hp-dots{margin-top:8px}
#ee-chat{transition:bottom .25s ease,opacity .25s ease}
body.hp-in-wall #sticky.sp-sticky{transform:translateY(110%);visibility:hidden}
body.hp-in-wall #ee-chat,body.hp-at-cta #ee-chat{opacity:0;pointer-events:none}
.hp-wall .hp-ch .n{display:none}
.hp-wall .hp-ch{justify-content:flex-start;padding-top:4px}
.hp-wall .hp-ch h3{margin-top:0;font-size:22px;line-height:28px}
.hp-wall .hp-ch p{font-size:15px;line-height:22px}
.hp-wall .hp-ch .f{margin-top:10px;padding-top:10px}
}

/* v8: calculator compacter op mobiel, prijs en WhatsApp-knop binnen één schermhoogte */
.cq-more{display:none}
@media (max-width:767px){
#quote.hp-calc{padding:18px 16px 14px}
#quote.hp-calc>.k{font-size:11px;letter-spacing:1px;margin:0 0 4px!important}
#quote.hp-calc>.h{font-size:19px!important;line-height:25px!important;margin-bottom:12px!important}
#quote .cq-f{margin-bottom:12px}
#quote .cq-f label{margin-bottom:6px}
#quote .cq-rng{margin-top:8px}
#quote .cq-res{padding:10px 14px;margin:0 0 12px}
#quote .cq-res .l{margin-bottom:6px}
#quote .cq-res .lst{display:none}
#quote .cq-res.open .lst{display:block;margin-top:4px}
#quote .cq-more{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:2px 0 4px;margin:0;font:inherit;font-size:13px;font-weight:600;color:#1d8a58;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#quote .cq-more svg{transition:transform .2s ease}
#quote .cq-res.open .cq-more svg{transform:rotate(180deg)}
#quote .cq-res .tot{margin-top:6px}
#quote.hp-calc>.cq-trust{display:none!important}
#quote .cq-sub{font-size:12.5px;line-height:18px;margin-top:8px!important}
#quote .cq-sub .dt{display:inline}
#quote .cq-sub .nb{display:inline;font-weight:500}
#quote .cq-call{font-size:12.5px;line-height:18px;margin-top:4px!important}
#quote .priv{margin-top:4px!important}
}
/* v8: review onder de calculator op mobiel als lichte strook op de donkere hero in plaats van een tweede witte kaart */
@media (max-width:767px){
.hp .hp-rev.hp-rev-m{background:none;box-shadow:none;border-radius:0;padding:16px 4px 4px;margin:4px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.hp .hp-rev.hp-rev-m .av{display:none}
.hp .hp-rev.hp-rev-m .top{gap:8px}
.hp .hp-rev.hp-rev-m .who{flex-direction:row;align-items:baseline;gap:6px;flex-wrap:wrap}
.hp .hp-rev.hp-rev-m .who b{font-size:13px;color:#fff}
.hp .hp-rev.hp-rev-m .who span{font-size:12px;color:rgba(255,255,255,.65)}
.hp .hp-rev.hp-rev-m .g5{height:13px}
.hp .hp-rev.hp-rev-m blockquote{margin:8px 0 6px;font-size:14px;line-height:21px;font-style:italic;font-weight:500;color:rgba(255,255,255,.92)}
.hp .hp-rev.hp-rev-m blockquote::before,.hp .hp-rev.hp-rev-m blockquote::after{display:none}
.hp .hp-rev.hp-rev-m figcaption{font-size:12px;color:rgba(255,255,255,.6)}
.hp .hp-rev.hp-rev-m figcaption a{color:#5fd39b}
}
/* v9 (wens Florian): op mobiel niets meer onder de groene knop; de drie punten altijd zichtbaar; disclaimer klein direct onder de prijs */
@media (max-width:767px){
#quote .cq-res .lst{display:block;margin-top:2px}
#quote .cq-res .lst li{padding-top:5px!important;padding-bottom:5px!important;font-size:13.5px;line-height:19px}
#quote .cq-more{display:none!important}
#quote.hp-calc>.cq-sub,#quote.hp-calc>.cq-call{display:none!important}
#quote.hp-calc>.priv{order:5;text-align:left!important;margin:-4px 2px 12px!important;font-size:11px!important;line-height:15px!important}
#quote.hp-calc{padding-bottom:16px}
#quote .cq-res .l{display:none}
#quote .cq-res{padding-top:12px}
#quote .cq-f{margin-bottom:10px}
}
/* v9 (wens Florian): op mobiel geen losse chatknop op de homepage; de calculatorknop en de balk onderaan zijn al WhatsApp */
@media (max-width:767px){#ee-chat{display:none!important}}
/* v10 (wens Florian): meer lucht tussen het lijstje en het totaal met de prijs */
#quote .cq-res .lst li:last-child{border-bottom:0}
#quote .cq-res .tot{margin-top:14px!important;padding-top:14px;border-top:1px solid rgba(29,138,88,.22)}
@media (max-width:767px){#quote .cq-res .tot{margin-top:12px!important;padding-top:12px}}

/* v11 10-10-2026: desktop content even breed als menu en footer (Webflow container 1320 px, 15 px padding) */
@media (min-width:992px){.sp.hp .sp-wrap{max-width:1320px;padding-left:15px;padding-right:15px}}