@font-face{ font-family: Barlow; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/barlow-acc3a2d8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: Barlow; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/barlow-81281c6a.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: Barlow; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/barlow-4b3ff090.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: Barlow; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/barlow-c68ac8cd.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root{--brand:#225be3;--deep:#123b8f;--end:#4388f5;--ink:#14181e;--soft:#f3f6fc;--line:#e1e8f2;--glow-rgb:34,91,227;--gradient:linear-gradient(90deg,#225be3 0%,#326ccc 61.06%,#2e68cf 96.63%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.6 Barlow,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
figure{margin:0}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
h2{font-size:48px;line-height:1.2;letter-spacing:-2.6px;font-weight:600}
h3{font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:600}
[hidden]{display:none!important}
.wrap,.selector-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.section{padding:100px 0}
.section-heading{text-align:center;max-width:800px;margin:0 auto 50px}
.section-heading .badge{margin-bottom:23px}
.section-heading p{max-width:650px;margin:22px auto 0}
.badge{display:inline-block;font-size:14px;line-height:20px;padding:7px 21px;color:#245bcc;border:1px solid #e4e8f3;border-radius:30px;background:#f5f7fe}
.gradient-text{background:linear-gradient(90deg,#0b172a 1.17%,#123b8f 24.77%,#225be3 95.57%);background-clip:text;-webkit-text-fill-color:transparent}
.skip{position:fixed;top:-100px;left:20px;z-index:100}
.skip:focus{top:10px;padding:10px;background:white}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:8px 10px 8px 30px;border:0;border-radius:24px;background:var(--gradient);color:#fff;font-size:18px;line-height:28.8px;font-weight:500;box-shadow:inset 0 1px #ffffff33,0 2px 8px #00000019,.5px .5px var(--deep);transition:box-shadow .3s,background .3s}
.pill:hover{background:linear-gradient(90deg,#123b8f 18.75%,#4388f5 100%);box-shadow:0 4px 20px #225be32b}
.pill i{font-style:normal;display:flex;align-items:center;justify-content:center;background:#ffffff1a;box-shadow:inset 0 1px #ffffff1a;border-radius:20px;padding:0 10px;height:29px}
.pill svg{width:20px;height:20px}
.pill i svg{transition:transform .3s}
.pill:hover i svg{transform:translateX(3px)}
.announcement{height:39px;display:flex;align-items:center;justify-content:center;gap:14px;background:#f1f5fd;font-size:16px;font-weight:500}
.nav-shell{position:absolute;z-index:20;top:49px;width:100%;padding:0 12px}
.nav-shell.is-sticky{position:fixed;top:10px}
.nav-bar{height:52px;max-width:1200px;margin:auto;background:#272727b8;backdrop-filter:blur(14px);border-radius:12px;display:flex;align-items:center;padding:8px 15px;gap:20px;color:#fff}
.brand{display:block;flex-shrink:0}
.brand img{width:72px;height:41px;object-fit:contain}
.nav-links{display:flex;align-items:center;justify-content:space-evenly;gap:20px;flex:1}
.nav-links a,.about-nav{position:relative;font-size:17px;white-space:nowrap;transition:color .3s,text-shadow .3s;isolation:isolate}
.nav-phone{font:22px Arial,sans-serif}
.nav-cta{padding:2px 8px 2px 25px;font-size:14px;line-height:28px;gap:16px}
.nav-cta i{height:25px}
.nav-cta svg{width:17px;height:17px}
.menu-toggle{width:26px;height:27px;background:none;border:0;padding:3px 0;display:flex;flex-direction:column;justify-content:space-between;color:#fff;flex-shrink:0}
.menu-toggle span{height:2px;background:currentColor;border-radius:2px;width:100%}
.menu-toggle span:last-child{width:65%;align-self:center}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-media picture{display:contents}
.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:left center}
.hero-video{display:none}
.hero-shade{z-index:-1;background:linear-gradient(180deg,#09192a45,#09192a66 55%,#09192a8c)}
.google-mark{width:26px;height:26px;stroke:none;flex-shrink:0}
.google-mark path{stroke:none}
.stars{color:#fbbc04;letter-spacing:1px;font-size:20px;line-height:1.2}
.review-count{font-size:13px}
.selector-nav button[aria-selected=true]{background:#dce8fc;border-color:#bbd0f5}
.product-editorial{padding:100px 0}
.product-split{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:80px}
.product-split.reverse .product-photo{order:2}
.product-copy>.badge{margin-bottom:24px}
.product-copy h2{margin-bottom:24px}
.product-copy>p{max-width:485px}
.product-facts{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px}
.product-facts li{display:flex;gap:16px;font-size:16px;line-height:25px}
.product-facts svg{width:28px;height:28px;color:var(--brand);margin-top:3px}
.product-facts strong{display:block;font-weight:600;font-size:18px}
.product-photo{position:relative;min-height:510px;border-radius:18px;overflow:hidden}
.photo-label{position:absolute;top:20px;left:20px;background:#ffffffc9;border:1px solid #fff;border-radius:30px;font-size:12px;padding:7px 14px;z-index:2}
.fox-catalogue{background:radial-gradient(ellipse at 80% 70%,#c1d4f255,transparent 60%),linear-gradient(135deg,#f5f7fa,#edf1f7);isolation:isolate}
.fox-catalogue>img{position:absolute;right:40px;bottom:47px;width:46%;height:76%;object-fit:contain;filter:drop-shadow(5px 20px 13px #29446a24)}
.catalogue-caption{position:absolute;left:32px;top:35px;z-index:1;max-width:46%}
.catalogue-caption>span{font-size:14px;letter-spacing:2px;font-weight:600;color:#42526b}
.catalogue-caption>p{font-size:42px;font-weight:500;letter-spacing:-2px;line-height:1.3;margin-top:8px}
.catalogue-caption>small{display:block;font-size:16px;line-height:24px;max-width:150px;margin-top:12px;color:#566779}
.fox-catalogue figcaption{position:absolute;bottom:18px;left:32px;font-size:11px;color:#5c6d80}
.zaptec-editorial{padding-top:0}
.zaptec-photo{display:grid;place-items:center;background:radial-gradient(ellipse at 70% 35%,#cddff7,transparent 70%),#f4f7fc}
.zaptec-photo>img{width:52%;height:380px;object-fit:contain;z-index:1;filter:drop-shadow(15px 18px 14px #29446a26)}
.mid-detail{position:absolute;bottom:20px;left:24px;font-size:14px;color:#40597c}
.mid-detail strong{font-size:19px;margin-right:8px}
.product-halo{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff8,transparent 68%)}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.work-story{position:relative;background:radial-gradient(ellipse 55% 70% at 0% 20%,#d9e7ffb3,transparent 80%),linear-gradient(#f9fbff,#edf3fd 65%,#f6f8fd);padding-top:25px}
.work-story .section-heading{padding-top:35px}
.project{min-width:0;height:480px;position:relative;overflow:hidden;border-radius:19px;color:white;display:flex;align-items:flex-end;background:#17314a}
.project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.project:hover>img{transform:scale(1.035)}
.project:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#071529e8)}
.project>div{padding:26px;position:relative;z-index:1;width:100%}
.project span{display:inline-block;padding:3px 10px;background:#ffffffed;color:#254771;font-size:12px;border-radius:20px;margin-bottom:13px}
.project h3{font-size:29px;max-width:270px}
.project p{font-size:15px;line-height:23px;color:#e6edf8;margin-top:15px;padding-right:20px}
.project svg{position:absolute;right:22px;bottom:28px}
.project:first-child img{object-position:40% center}
.google-reviews{background:radial-gradient(ellipse 45% 85% at 18% 70%,#dce8ff96,transparent 75%),linear-gradient(#f6f8fd,#fff);padding:100px 0}
.google-reviews>.wrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:35px 60px;align-items:center}
.reviews-heading{grid-column:1;grid-row:1/3}
.reviews-heading .badge{margin-bottom:22px}
.reviews-heading h2{font-size:44px;line-height:1.15;letter-spacing:-2.2px}
.reviews-heading h2 br{display:none}
.reviews-heading h2 .gradient-text{display:block}
.reviews-heading>div>p{margin-top:20px;font-size:17px}
.google-summary{display:flex;gap:15px;align-items:center;margin-top:28px;font-family:Barlow,Arial,sans-serif}
.google-summary>.google-mark{width:36px;height:36px}
.google-summary>div{display:grid;gap:5px}
.google-summary strong{font-size:30px;line-height:1.5}
.google-summary strong small{font-size:15px;font-weight:400}
.google-summary>div>span{font-size:12px;color:#5f6368}
.google-stars{font-family:Barlow,Arial,sans-serif;color:#fbbc04;font-size:20px;letter-spacing:1px;white-space:nowrap}
.google-summary .google-stars{font-size:17px;margin-left:4px}
.review-slider{min-width:0;overflow:hidden;padding:10px 0;grid-column:2}
.review-track{display:flex;gap:20px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.review-card{flex:0 0 calc((100% - 20px)/2);min-width:0;border:1px solid #e4e9f1;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;background:#fff;box-shadow:0 6px 20px #172b4507;min-height:335px;font-family:Barlow,Arial,sans-serif}
.google-review-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.review-person{display:flex;align-items:center;gap:10px;min-width:0}
.review-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#537e7c;color:white;font:500 14px Arial}
.avatar-1{background:#4d709d}
.avatar-3{background:#875d96}
.review-person strong{font-size:13px;line-height:19px}
.google-review-top>.google-mark{width:18px;height:18px}
.review-card>p{font-size:14px;line-height:23px;color:#3c4043;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.review-source{font-size:12px;color:#1a73e8;margin-top:auto}
.review-source:hover{text-decoration:underline}
.review-bottom{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:20px}
.review-bottom>small{font-size:11px;line-height:17px;color:#647184;max-width:270px}
.slider-controls{display:flex;align-items:center;gap:12px;font-size:12px;color:#315eaa;white-space:nowrap}
.slider-controls button{border:1px solid #d9e2f2;border-radius:50%;width:44px;height:44px;color:#245bcc;background:#ffffffc9}
.slider-controls button:hover{background:#e7efff}
.faq-section{background:linear-gradient(#fff,#f8faff);padding-top:80px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:start}
.faq-layout h2{margin:23px 0}
.faq-layout>div>p{color:#5c687b}
.faq details{border-bottom:1px solid #dce4f1}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;font-size:21px;font-weight:500;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{font-size:26px;transition:transform .3s;color:#456fae}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{font-size:17px;line-height:27px;padding:0 30px 24px 0;color:#4c596d}
.request-section{background:radial-gradient(ellipse 45% 65% at 85% 45%,#ccdcfb99,transparent 80%),linear-gradient(#f8faff,#eef4fe);padding:100px 0}
.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.request-copy>.badge{margin-bottom:25px}
.request-copy>p{margin-top:25px;max-width:480px}
.request-steps{list-style:none;counter-reset:step;margin:35px 0;padding:0;display:grid;gap:25px}
.request-steps li{counter-increment:step;position:relative;padding-left:45px}
.request-steps li:before{content:'0' counter(step);position:absolute;left:0;top:3px;color:#225be3;font-size:16px;font-weight:500}
.request-steps strong{display:block;font-size:21px;font-weight:600}
.request-steps span{display:block;font-size:16px;line-height:25px;color:#536174;margin-top:4px}
.direct-contact{border-top:1px solid #d5e1f4;padding-top:25px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.direct-contact>strong{font-size:18px;font-weight:500}
.direct-contact>a{font-size:30px;font-weight:600;color:#123b8f}
.direct-contact>div{display:flex;gap:25px;font-size:16px;color:#123b8f}
.direct-contact>small{font-size:12px;color:#647184;margin-top:10px}
.request-panel{background:#ffffffef;border:1px solid #fff;border-radius:22px;padding:32px;box-shadow:0 15px 65px #123b8f0e}
.request-options input:checked+span{border-color:#225be3;color:#123b8f;background:#eef4ff;box-shadow:inset 0 0 0 1px #225be3}
.expanded-footer{background:#101010;color:white;padding:0 0 40px}
.footer-columns{border-top:1px solid #2b3f62;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .9fr;gap:28px;padding-top:75px;align-items:start}
.footer-brand .brand img{width:100px;height:65px}
.footer-brand p{margin:22px 0;font-size:17px}
.footer-brand .pill{font-size:15px;padding-left:20px;gap:10px}
.footer-columns :is(h2,h3){font-size:23px;letter-spacing:-.5px;margin-bottom:22px}
.footer-columns a:not(.brand):not(.pill){display:block;font-size:16px;line-height:1.5;margin-bottom:12px;color:#e0e5ef;overflow-wrap:anywhere}
.footer-columns a:hover{color:#a7c9ff}
.destin-footer{align-self:end}
.destin-footer img{width:100%;height:290px;object-fit:contain;object-position:bottom}
.destin-footer figcaption{font-size:12px;text-align:center;color:#bcc8d9}
.footer-review{display:flex;gap:15px;align-items:center;justify-content:center;padding:40px 0 30px;font-size:15px}
.footer-review a{text-decoration:underline}
.footer-legal{border-top:1px solid #263a5b;padding-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font-size:12px;color:#b9c5d8}
@media(max-width:1200px){
.nav-links a,.about-nav{font-size:15px}
.nav-bar,.nav-links{gap:15px}
.product-split{gap:45px}
.request-grid{gap:45px}
.google-reviews>.wrap{grid-template-columns:300px minmax(0,1fr);gap:30px}
.reviews-heading h2{font-size:40px}
.review-card{padding:20px}
.faq-layout{gap:55px}
}
@media(max-width:1024px){
.nav-links,.about-nav{display:none}
.nav-cta{margin-left:auto}
.nav-bar{height:58px}
.product-split{gap:35px}
.product-photo{min-height:440px}
.product-copy h2{font-size:42px}
.project>div{padding:22px}
.project h3{font-size:26px}
.three-grid{gap:20px}
.google-reviews>.wrap{display:block}
.reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:30px}
.reviews-heading h2{font-size:44px}
.google-summary{margin:0}
.review-bottom{margin-top:20px}
.review-card{min-height:300px;padding:25px}
.request-grid{gap:30px}
.request-panel{padding:25px}
.footer-columns{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:22px}
.destin-footer{grid-column:4;grid-row:1}
.footer-columns>div:nth-child(4){grid-column:2/4;display:flex;gap:20px;flex-wrap:wrap}
.footer-columns>div:nth-child(4) :is(h2,h3){width:100%;margin-bottom:0}
}
@media(max-width:767px){
body{font-size:17px}
h2{font-size:40px;line-height:42px;letter-spacing:-2px}
h3{font-size:26px}
.wrap,.selector-wrap{width:calc(100% - 36px)}
.section{padding:60px 0}
.section-heading{margin-bottom:32px}
.section-heading .badge{margin-bottom:22px}
.section-heading p{margin-top:20px;line-height:27px}
.announcement{height:45px;padding:5px 25px;font-size:14px;line-height:17px;text-align:center}
.announcement span{display:none}
.nav-shell{top:55px;padding:0 10px}
.nav-bar{height:50px;padding:7px 11px;gap:14px}
.brand img{width:62px;height:36px}
.nav-cta{font-size:15px;padding:2px 17px;line-height:30px;gap:0}
.nav-cta i,.nav-phone{display:none}
.menu-toggle{width:25px;height:26px}
.hero-desktop{display:none!important}
.hero-media .hero-video{display:block;object-position:center}
.hero-shade{background:linear-gradient(180deg,#08182822 0%,#08182800 30%,#08182855 50%,#081828cf 78%,#081828ef 100%)}
.review-count{font-size:11px}
.product-editorial{padding:60px 0}
.product-split{grid-template-columns:1fr;gap:30px}
.product-split.reverse .product-photo{order:0}
.product-photo{min-height:360px}
.product-copy h2{font-size:40px;line-height:42px}
.product-copy>.badge{margin-bottom:22px}
.product-copy>p{line-height:27px}
.product-facts{margin:24px 0}
.product-copy .pill{font-size:17px}
.catalogue-caption{top:26px;left:25px}
.catalogue-caption>p{font-size:35px}
.catalogue-caption>small{font-size:15px;max-width:120px}
.fox-catalogue>img{right:24px;bottom:38px;height:77%}
.fox-catalogue figcaption{left:25px;font-size:10px}
.zaptec-editorial{padding-top:0}
.zaptec-photo>img{height:290px}
.three-grid{grid-template-columns:1fr;gap:22px}
.work-story{padding-top:0;padding-bottom:60px;background:radial-gradient(ellipse 110% 40% at 10% 35%,#dbe8fe,transparent 85%),linear-gradient(#f9fbff,#edf3fd 65%,#f6f8fd)}
.work-story .section-heading{padding-top:30px}
.project{height:435px}
.project h3{font-size:29px}
.project>div{padding:25px}
.project p{font-size:15px;line-height:23px;max-width:310px}
.reviews-heading{display:block;margin-bottom:25px}
.reviews-heading h2{font-size:40px;line-height:42px}
.reviews-heading h2 br{display:block}
.google-summary{margin-top:25px}
.review-card{flex-basis:100%;padding:24px;min-height:310px}
.review-bottom{flex-direction:column-reverse;gap:20px}
.review-bottom>small{max-width:100%;text-align:center}
.faq-layout{grid-template-columns:1fr;gap:30px}
.faq-layout h2{margin:22px 0}
.faq summary{font-size:20px;padding:22px 0}
.faq details p{font-size:16px;line-height:26px;padding-right:12px}
.request-grid{grid-template-columns:1fr;gap:35px}
.request-copy>p{margin-top:22px}
.request-steps{margin:28px 0;gap:23px}
.request-panel{padding:24px 19px;border-radius:18px}
.footer-columns{grid-template-columns:1fr 1fr;gap:35px 20px;padding-top:50px}
.footer-brand{grid-column:1;grid-row:1}
.footer-columns>div:nth-child(2){grid-column:1;grid-row:2}
.footer-columns>div:nth-child(3){grid-column:2;grid-row:2}
.footer-columns>div:nth-child(4){grid-column:1/-1;display:block;grid-row:3}
.destin-footer{grid-column:2;grid-row:1;margin-top:-20px}
.destin-footer img{max-width:170px;height:230px}
.destin-footer figcaption{font-size:11px}
.footer-columns :is(h2,h3){font-size:23px;margin-bottom:16px}
.footer-columns a:not(.brand):not(.pill){font-size:15px}
.footer-brand .brand img{width:85px;height:60px}
.footer-brand p{font-size:16px}
.footer-brand .pill{font-size:14px;padding-left:15px;gap:7px}
.footer-brand .pill i{padding:0 6px}
.footer-review{flex-wrap:wrap;font-size:14px;gap:10px 16px;padding:35px 0 25px}
.footer-review a{width:100%;text-align:center}
.footer-legal{gap:15px;font-size:11px;padding-top:25px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}
@media(min-width:1025px){
.nav-links a:hover,.about-nav:hover,.nav-links a:focus-visible,.about-nav:focus-visible{background:linear-gradient(90deg,#4388f5 0%,#91bdff 50%,#c3deff 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:nav-shine 1s linear forwards}
}
@keyframes nav-shine{0%{background-position:-100% center}100%{background-position:100% center}}
@media(prefers-reduced-motion:reduce){
.nav-links a,.about-nav{animation:none!important}
}
.menu{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:transparent;color:#111;overflow:hidden;font-family:Barlow,Arial,sans-serif}
.menu::backdrop{background:rgba(0,0,0,.8)}
.menu-head{position:absolute;left:50%;top:var(--menu-nav-top,49px);width:min(1200px,calc(100% - 24px));transform:translateX(-50%)}
.menu-head .nav-bar{background:#212127}
.menu-close{width:26px;height:27px;padding:0;border:0;background:none;color:#fff;display:grid;place-items:center;flex-shrink:0}
.menu-close svg{width:26px;height:26px;stroke-width:2}
.menu-body{position:absolute;top:var(--menu-panel-top,105px);left:50%;transform:translateX(-50%);width:min(1200px,100%);max-height:calc(100dvh - var(--menu-panel-top,105px) - 15px);overflow:auto;background:#fff;border-radius:15px;padding:40px 30px 35px;display:grid;grid-template-columns:200px 200px minmax(160px,1fr) 279px;gap:25px}
.menu-body h2{font:600 16px/25.6px Barlow,sans-serif;letter-spacing:0;color:#245bcc;margin:0 0 40px;text-align:left;text-wrap:wrap}
.menu-group nav{display:grid;gap:26px;margin:0}
.menu-group nav a{display:flex;align-items:center;gap:14px;padding:0;min-height:29px;border:0;color:#111;font:600 18px/28.8px Barlow,sans-serif;text-align:left}
.menu-group nav a:hover,.menu-group nav a:focus-visible{color:#245bcc}
.menu-products nav img{width:30px;height:30px;object-fit:contain;background:#f7f9fc}
.menu-products nav svg{display:none}
.menu-feature{display:flex;flex-direction:column;gap:52px}
.menu-feature>.pill{width:100%;font-size:18px;white-space:nowrap}
.menu-project{height:215px;position:relative;border-radius:10px;overflow:hidden;display:block}
.menu-project>img{width:100%;height:100%;object-fit:cover}
.menu-project>span{position:absolute;inset:auto 0 0;padding:45px 18px 14px;background:linear-gradient(transparent,#000a);color:#fff;display:flex;align-items:center;justify-content:space-between;font:600 16px/25.6px Barlow,sans-serif}
.menu-project svg{width:35px;height:35px;border-radius:100%;background:#ffffff30;padding:7px}
@media(min-width:960px) and (max-width:1199px){
.menu-body{grid-template-columns:170px 170px minmax(160px,1fr) 256px;gap:20px}
}
@media(max-width:959px){
.menu-shell{height:98dvh;overflow:auto;background:#fff}
.menu-head{position:static;transform:none;width:100%;height:83px;padding:20px}
.menu-head .nav-bar{height:43px;background:#fff;padding:0 20px;box-shadow:none;backdrop-filter:none;justify-content:space-between}
.menu-head .brand img{width:62px;height:40px;filter:brightness(0) saturate(100%) invert(29%) sepia(84%) saturate(2253%) hue-rotate(217deg)}
.menu-head .nav-links,.menu-head .about-nav,.menu-head .nav-phone,.menu-head .nav-cta{display:none}
.menu-close{color:#172537;width:26px;height:26px}
.menu-body{position:static;transform:none;display:flex;flex-direction:column;width:100%;padding:0 20px 30px;border-radius:0;max-height:none;overflow:visible;gap:0}
.menu-body h2{display:none}
.menu-group nav{gap:0}
.menu-group nav a{min-height:68px;padding:20px;font-size:18px}
.menu-products nav a{display:grid;grid-template-columns:50% 40% 10%;gap:0;height:65px;min-height:65px;padding:0 20px;border-radius:5px;border-bottom:1px solid #f0f0f0}
.menu-products nav a:first-child,.menu-products nav a:hover{background:#f2f6ff;color:#245bcc}
.menu-products nav a>span{grid-column:1;grid-row:1}
.menu-products nav img{grid-column:2;grid-row:1;justify-self:center;width:72px;height:55px;object-fit:contain;background:none}
.menu-products nav svg{display:block;grid-column:3;width:20px;height:20px;stroke-width:3}
.menu-feature{order:1;margin:20px 0 4px;gap:0}
.menu-products{order:0}
.menu-group:not(.menu-products){order:2}
.menu-feature>.pill{height:40px;min-height:40px;justify-content:space-between;padding:6px 10px 6px 20px;line-height:28px}
.menu-project{display:none}
}
.nav-shell :focus-visible,.menu-head .nav-bar :focus-visible,.expanded-footer :focus-visible,.closing :focus-visible{outline-color:#fff}
@media(max-width:959px){
.menu-head .nav-bar :focus-visible{outline-color:#245bcc}
}
.nav-bar{background:rgba(33,33,39,.68);backdrop-filter:blur(6px);box-shadow:inset 0 1px rgba(255,255,255,.06),0 1px rgba(3,6,13,.4)}
.pill{border-radius:20px}
.badge{border-radius:20px;background:linear-gradient(90deg,rgba(84,133,233,.05) 0%,rgba(255,255,255,.05) 40.87%,rgba(84,133,233,.05) 92.79%);backdrop-filter:blur(18px)}
@media(min-width:768px){
.hero-shade{background:linear-gradient(69deg,rgba(49,49,49,.61) 19%,rgba(255,255,255,0) 62%);opacity:.49}
}
.reference-port .journey-photo{position:relative;overflow:hidden}
.reference-port .journey-photo img{display:block;width:100%;height:auto;aspect-ratio:560/378;object-fit:cover}
.reference-port .journey-number{position:absolute;top:30px;left:30px;display:grid;place-items:center;background:white;color:#111;width:34px;height:34px;border-radius:50%;font:600 22px/1 Barlow,sans-serif}
.selector-nav button[aria-selected=true]{background:linear-gradient(90deg,rgba(84,133,233,.06),rgba(34,70,140,.06))}
.work-story{background:#fff;padding-top:0;padding-bottom:100px}
.work-story .section-heading{padding-top:0}
.project{border-radius:24px}
.project>img{transition:transform 700ms cubic-bezier(.19,1,.22,1)}
.project:hover>img{transform:scale(1.05)}
.project:after{background:linear-gradient(16deg,rgba(0,0,0,.8),transparent 78%),linear-gradient(196deg,rgba(0,0,0,.2),transparent 70%);inset:0;transition:opacity 500ms;opacity:.9}
.project:hover:after{opacity:1}
.google-reviews{background:linear-gradient(#fff,#f2f6ff);padding:0 0 150px}
.google-reviews>.wrap{grid-template-columns:410px minmax(0,1fr);gap:20px;align-items:start}
.reviews-heading h2{font-size:48px;line-height:1.2;letter-spacing:-2.6px}
.reviews-heading h2 br{display:block}
.review-card{border:0;border-radius:10px;box-shadow:none;min-height:350px;padding:25px}
.review-track{transition:transform .5s ease}
.faq-section{background:linear-gradient(#f2f6ff,#fff);padding-top:100px}
.request-section{background:linear-gradient(#fff,rgba(34,91,227,.06))}
@media(max-width:1024px){
.google-reviews>.wrap{grid-template-columns:1fr;gap:30px}
.reviews-heading{grid-column:1;grid-row:auto;display:flex;justify-content:space-between;gap:25px}
.review-slider,.review-bottom{grid-column:1}
}
@media(max-width:767px){
.reference-port .journey-number{top:22px;left:22px}
.work-story{padding-bottom:65px}
.google-reviews{padding-bottom:70px}
.reviews-heading{display:block}
.reviews-heading h2{font-size:40px;line-height:42px;letter-spacing:-1.8px}
.review-card{min-height:335px}
.faq-section{padding-top:60px}
}
@media(prefers-reduced-motion:reduce){
.project>img,.project:after,.wc-proof-track{transition:none!important}
}
#oplossingen .wc-source-panel[hidden]{display:none!important}
#oplossingen .wc-source-panel:not([hidden]){display:flex}
#oplossingen .wc-source-tab[aria-selected=true] .wc-option-label{background:linear-gradient(90deg,rgba(84,133,233,.06),rgba(34,70,140,.06));border-color:#fff}
.product-copy>.product-caption{display:block;margin-top:15px;font-size:14px;line-height:1.6}
.nav-phone{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0}
.nav-phone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){
.nav-phone{display:none}
}
.sitewide-page main :is(.inner,.ds-container){max-width:1200px}
.sitewide-page main :is(.ds-head,.r9-section-head){gap:20px}
.sitewide-page main .ds-page-hero-copy>:is(.ds-lead,.ds-checks,.ds-actions){margin-top:0}
.sitewide-page main :is(.wc-story-grid,.r9-install-grid,.wc-guide-layout,.editorial){grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:10%}
.sitewide-page main :is(.ds-z3d-grid,.ds-person-grid){grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:10%}
.sitewide-page main :is(.wc-story-grid,.r9-install-grid,.editorial)>figure{margin:0}
.sitewide-page main .wc-product-introduction .ds-z3d-stage{min-height:0;height:440px;border-radius:15px;background:#fff;box-shadow:0 0 30px 10px #225be310}
.sitewide-page main .wc-product-introduction .ds-z3d-panel{background:radial-gradient(ellipse at 80% 20%,#eaf0fc,transparent 70%),#fff}
.sitewide-page main .wc-product-introduction .ds-z3d-stage img{height:78%;filter:drop-shadow(0 12px 18px #17253722)}
.sitewide-page main .wc-product-introduction .ds-z3d-copy{gap:20px}
.sitewide-page main .ds-z3d-source{font-size:12px;color:#64748b}
.sitewide-page main :is(.ds-next-section,.r9-finance){background:#fff}
.sitewide-page[data-composition=artikel] main,.sitewide-page[data-composition=werkwijze] main{padding-top:130px}
.sitewide-page main .wc-article-image.is-cover img{object-fit:cover}
.sitewide-page main .wc-knowledge-category :is(.ds-guide-n,.ds-guide-text,.ds-link){display:none}
.sitewide-page[data-composition=informatie] main .privacy-page{padding:50px 0 100px}
.sitewide-page[data-composition=informatie] main .narrow{max-width:1000px}
.sitewide-page[data-composition=informatie] main h1{font-size:48px;line-height:57.6px;margin-bottom:35px}
.sitewide-page[data-composition=informatie] main h2{font-size:30px;line-height:38px;letter-spacing:-.8px;margin:40px 0 16px}
.sitewide-page[data-composition=informatie] main p{margin:15px 0}
.sitewide-page[data-composition=financieel] main .finance-index{padding-top:40px}
.sitewide-page[data-composition=financieel] main .finance-index>header{max-width:800px;margin:0 auto 50px;text-align:center}
.offer-page .qz-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.offer-page .qz-q{order:-2;margin-bottom:18px}
.offer-page .qz-bar{order:-1}
.offer-page .qz-card[data-step=interest] .qz-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer-page .qz-tile{min-height:245px}
.offer-page .qz-media{height:135px}
.offer-page .qz-media img{width:135px;height:135px}
.offer-page .qz-card h2{font-size:26px;line-height:35.1px;font-weight:700;letter-spacing:0}
.offer-page .qz-tile{box-shadow:none!important;border:1px solid #eaeaeb;border-radius:15px;transition:border-color .1s,background .1s}
.offer-page .qz-tile:hover,.offer-page .qz-tile[aria-pressed=true]{border-color:#225be3;background:#f4f7ff}
.menu-panel a{transition:color .3s}
.menu-panel a:hover{color:#80aaff}
@media(max-width:1024px){
.sitewide-page main :is(.wc-story-grid,.r9-install-grid,.wc-guide-layout,.editorial,.ds-z3d-grid,.ds-person-grid){gap:40px}
}
@media(max-width:767px){
.sitewide-page main :is(.wc-story-grid,.r9-install-grid,.wc-guide-layout,.editorial,.ds-z3d-grid,.ds-person-grid){grid-template-columns:1fr;gap:30px}
.sitewide-page main .wc-product-introduction .ds-z3d-stage{height:350px}
.sitewide-page[data-composition=artikel] main,.sitewide-page[data-composition=werkwijze] main{padding-top:100px}
.sitewide-page[data-composition=informatie] main h1{font-size:38px;line-height:42px}
.sitewide-page[data-composition=informatie] main h2{font-size:28px;line-height:34px}
.offer-page .qz-card[data-step=interest] .qz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer-page .qz-tile{min-height:180px}
.offer-page .qz-media,.offer-page .qz-media img{height:85px}
}
@media(min-width:1025px){
.offer-page .qz:has(.qz-card[data-step=interest]){max-width:820px}
.offer-page .qz-card[data-step=interest] .qz-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.offer-page .qz-card[data-step=interest]>:is(.qz-q,.qz-bar,.qz-help){width:100%;max-width:600px;align-self:center}
}
@media(min-width:768px) and (max-width:1024px){
.offer-page .qz-card[data-step=interest] .qz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sitewide-page main :is(.project-card figcaption,.wc-project-archive>figure>figcaption){color:#111;background:#fff}
.sitewide-page main .ds-signs .is-bridge,.sitewide-page main .ds-signs .is-bridge p,.sitewide-page main .ds-signs .is-bridge h3,.sitewide-page main .project-delivery li{color:#111}
.sitewide-page[data-composition=projectoverzicht] main{padding-top:0}
.expanded-footer .wcf-cookie{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.expanded-footer .wcf-cookie:hover{color:#fff}
.expanded-footer .footer-columns a,.expanded-footer .footer-legal a,.expanded-footer .footer-legal .wcf-cookie,.expanded-footer .footer-review a{display:inline-flex;align-items:center;min-height:24px}
.expanded-footer .footer-legal>a:last-child{width:auto}
.wc-consent{position:fixed;z-index:120;left:24px;bottom:24px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:22px 22px 16px;border-radius:20px;background:#fff;color:#101010;box-shadow:0 1px 2px rgba(16,16,16,.08),0 24px 60px -20px rgba(16,16,16,.35);font-family:Barlow,Arial,sans-serif}
.wc-consent .wc-consent-titel{margin:0 0 8px;font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:600;color:#101010}
.wc-consent .wc-consent-tekst,.wc-consent p{margin:0 0 14px;font-size:15px;line-height:1.5;color:#4b5563}
.wc-consent a{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}
.wc-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wc-consent .wc-consent-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 12px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#101010;font:600 15px/1 Barlow,Arial,sans-serif;cursor:pointer}
.wc-consent .wc-consent-btn.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}
.wc-consent .wc-consent-btn:hover{border-color:#101010}
.wc-consent .wc-consent-btn.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}
.wc-consent-more{display:block;margin:10px auto 0;min-height:40px;padding:0 8px;border:0;background:none;color:#101010;font:600 14px Barlow,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.wc-consent button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.wc-consent-settings{display:grid;gap:10px;margin:0 0 14px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}
.wc-consent-settings[hidden]{display:none}
.wc-consent-settings legend{padding:0 4px;font-weight:700;font-size:14px}
.wc-consent-settings label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#4b5563}
.wc-consent-settings label strong{display:block;color:#101010}
.wc-consent-settings input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:#2563eb}
html.wc-consent-open .wcx-sticky-cta,html.wc-consent-open .ds-mobile-cta{visibility:hidden}
@media (max-width:640px){
.wc-consent{left:12px;right:12px;bottom:12px;width:auto;padding:18px 16px 12px}
.wc-consent .wc-consent-titel{font-size:18px}
.wc-consent .wc-consent-tekst{font-size:14px}
.wc-consent-actions{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference){
.wc-consent{animation:wc-consent-in .3s cubic-bezier(.22,1,.36,1) both}
@keyframes wc-consent-in{from{opacity:0;transform:translateY(12px)}}
}
.product-tabs{padding-top:clamp(48px,7vw,96px)}
.product-tabs .product-tablist{display:flex;gap:8px;justify-content:center;margin-bottom:clamp(8px,2vw,24px)}
.product-tabs [role=tab]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 20px;border:1px solid #d6dbe3;border-radius:999px;background:#fff;color:#101010;font:600 16px/1.1 Barlow,Arial,sans-serif;cursor:pointer;text-align:left}
.product-tabs [role=tab] span{font-weight:400;font-size:13px;color:#5b6475}
.product-tabs [role=tab][aria-selected=true]{background:#101010;border-color:#101010;color:#fff}
.product-tabs [role=tab][aria-selected=true] span{color:#c9d1dc}
.product-tabs [role=tab]:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.product-tabs .product-panel[hidden]{display:none}
.product-tabs .product-panel>.wrap{padding-top:0}
@media (max-width:640px){
.product-tabs .product-tablist{justify-content:stretch}
.product-tabs [role=tab]{flex:1;padding:10px 14px;font-size:15px;border-radius:16px}
}
@media (max-width:640px){
.home-page #ons-werk .project-grid,body #ons-werk .project-grid,body #werkwijze .wcx-steps4{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:0 16px 6px;scroll-padding-inline:16px;scrollbar-width:none}
body #ons-werk .project-grid::-webkit-scrollbar,body #werkwijze .wcx-steps4::-webkit-scrollbar{display:none}
body #ons-werk .project-grid>*{flex:0 0 84%;min-width:0;scroll-snap-align:start;margin:0!important}
body #werkwijze .wcx-steps4>li{flex:0 0 80%;min-width:0;scroll-snap-align:start;margin:0!important}
body #ons-werk .project{height:380px}
body #ons-werk.section,body #werkwijze.wcx-section,body #waarom-wecharge.wcx-section,body #oplossingen.wcx-section,body #vragen.section,body #aanvraag.section,body #kennismaken.wcx-section,body #producten,body #ervaringen.section{padding-top:56px;padding-bottom:56px}
body #waarom-wecharge .wcx-glass>li{padding:16px 0}
body #oplossingen .wcx-chooser-panels img{max-height:220px;width:auto;margin-inline:auto}
}
@media (max-width:640px){
body #producten .product-photo{height:300px;min-height:0;aspect-ratio:auto;margin-bottom:8px}
body #producten .product-photo img{height:100%;width:auto;max-width:100%;object-fit:contain;margin-inline:auto}
body #producten .fox-catalogue .catalogue-caption{top:20px;left:20px}
body #producten .fox-catalogue .catalogue-caption p{font-size:34px}
body #producten .product-copy p{margin-bottom:16px}
body #aanvraag .request-steps li span,body #aanvraag .request-steps li p{display:none}
}
@media (max-width:640px){
body #producten .product-photo img{max-height:270px;align-self:end}
body #producten .product-copy>.badge{display:none}
body #kennismaken .wcx-chips{display:none}
body #oplossingen .wcx-chooser-panels img{display:none}
}
main .shop-product-image,main .shop-product-image.product-lifestyle,
main .ds-toc,main .wc-article-advice,main .ds-sources,main .wc-guide-sources,
main .wcx-step,main .wcx-steps4>li,main .wcx-feature-card,main .wcx-chips>li,
main .variant-qualification,main .wcx-bigcard.cfgb,main .wcx-bigcard.wc-battery-selector,main .cfgb-summary,
main .wcx-chooser-panel,main .ds-note,main .finance-route,main .finance-decision,
main .product-photo,main .fox-catalogue,main .zaptec-photo,main .ds-project-cta,
main .wc-fox-wide,main .wc-fox-wide figcaption,main .app-views,main .vve-infrastructure,main .vve-collective,main .vve-individual,
main .ds-visual-step-media,main .projecten figure,main figure.wc-figure{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
main .wcx-step,main .wcx-steps4>li,main .wcx-feature-card,main .cfgb-summary,main .wcx-chooser-panel,main .wcx-bigcard.cfgb,main .wcx-bigcard.wc-battery-selector{padding-left:0!important;padding-right:0!important}
main .cfgb-summary,main .ds-sources,main .wc-guide-sources,main .ds-toc{border-top:1px solid #dfe4ea!important;padding-top:24px!important}
main .wcx-chips>li{padding:8px 0!important}
main .wcx-step img,main .wcx-steps4>li img,main .wcx-feature-card img{border-radius:16px}
main .knowledge-definitions>div,main .r9-pylon-prices dl>div,main .installation-card>figure,main .wc-fox-gallery figure,main .wc-fox-gallery figcaption,main .wcx-glass>li{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important}
main .wcx-glass>li{padding:18px 0!important;border-top:1px solid rgba(255,255,255,.18)!important}
main .knowledge-definitions>div,main .r9-pylon-prices dl>div{padding-left:0!important;padding-right:0!important;border-bottom:1px solid #dfe4ea!important}
main .wcx-steps4>li>:not(figure):not(img):not(span),main .wcx-step>:not(figure):not(img):not(span){padding-left:0!important;padding-right:0!important}
.wcx-solution-links{display:none}
@media (max-width:640px){
body #oplossingen .wcx-chooser{display:none}
body #oplossingen .wcx-solution-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;padding:0;list-style:none}
body #oplossingen .wcx-solution-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:8px 10px 8px 14px;border:1px solid #dfe4ea;border-radius:14px;background:#fff;color:#101010;font:500 15px/1.2 Barlow,Arial,sans-serif;text-decoration:none}
body #oplossingen .wcx-solution-links img{width:40px;height:40px;object-fit:contain;flex:none}
body #aanvraag .request-copy>p,body #aanvraag .direct-contact small{display:none}
body #aanvraag .request-steps{margin:16px 0}
body #aanvraag .request-steps li{padding-top:6px;padding-bottom:6px}
body #aanvraag .direct-contact{padding:16px 0 0;margin-bottom:24px}
body #vragen .faq details summary{padding-top:14px;padding-bottom:14px}
}
#aanvraag .request-start h3{margin:0 0 16px;font:600 24px/1.2 Barlow,Arial,sans-serif;letter-spacing:-.01em}
#aanvraag .request-eta{margin:0 0 6px;font:500 14px Barlow,Arial,sans-serif;color:#4b5563}
#aanvraag .request-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}
#aanvraag .request-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:14px 10px;border:1px solid #dfe4ea;border-radius:16px;background:#fff;color:#101010;font:600 16px/1.2 Barlow,Arial,sans-serif;text-align:center;text-decoration:none;transition:border-color .2s,box-shadow .2s}
#aanvraag .request-card:hover{border-color:#2563eb;box-shadow:0 8px 24px -12px rgba(37,99,235,.45)}
#aanvraag .request-card img{width:64px;height:64px;object-fit:contain}
#aanvraag .request-card-ico{display:grid;place-items:center;width:52px;height:52px;border:2px solid #2563eb;border-radius:50%;color:#2563eb;font:600 26px Barlow,Arial,sans-serif}
#aanvraag .request-trust{display:flex;flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;padding:0;list-style:none;font:400 14px/1.3 Barlow,Arial,sans-serif;color:#374151}
#aanvraag .request-trust li::before{content:"✓ ";color:#15803d;font-weight:700}
@media (min-width:900px){
#aanvraag .request-cards{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:899px){
#aanvraag .request-grid{display:flex!important;flex-direction:column}
#aanvraag .request-copy{display:contents}
#aanvraag .request-copy>.badge{order:1;align-self:flex-start}
#aanvraag .request-copy>h2{order:2;margin-bottom:20px}
#aanvraag .request-start{order:3}
#aanvraag .request-copy>.request-steps{order:4;margin-top:28px}
#aanvraag .request-copy>.direct-contact{order:5}
}
@media (max-width:899px){
#aanvraag .request-copy>.request-steps,#aanvraag .request-copy>.direct-contact{margin-left:0!important;margin-right:0!important;padding-left:0;width:100%}
}
main .cfgb-summary,main .shop-buy-box,main .product-photo,main .shop-product-image,main .wcx-chooser-panel figure{position:relative;isolation:isolate}
main .cfgb-summary::before,main .shop-buy-box::before,main .product-photo::before,main .shop-product-image::before,main .wcx-chooser-panel figure::before{content:"";position:absolute;z-index:-1;inset:-12% -8%;background:radial-gradient(closest-side,rgba(37,99,235,.13),rgba(37,99,235,.05) 55%,transparent);pointer-events:none;filter:blur(8px)}
main .product-photo::before,main .shop-product-image::before{inset:4% 6%}
body main:has(.wc-opening){padding-top:0!important}
main .wc-reviews-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;margin-bottom:32px}
main .wc-reviews-head h2,main .wc-projects-page h2,main .wc-next h2,main .wc-faq-group h2{margin:0;font:600 clamp(30px,4vw,48px)/1.05 Barlow,Arial,sans-serif;letter-spacing:-.03em}
main .wc-reviews-score{margin:0;font:400 16px Barlow,Arial,sans-serif;color:#4b5563}
main .wc-reviews-score strong{font-size:28px;color:#101010}
main .wc-review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 48px;margin:0;padding:0;list-style:none}
main .wc-review{padding:24px 0;border-top:1px solid #dfe4ea}
main .wc-review-stars{margin:0 0 8px;color:#f5b301;font-size:18px;letter-spacing:2px}
main .wc-review blockquote{margin:0}
main .wc-review blockquote p{margin:0;font:400 17px/1.55 Barlow,Arial,sans-serif;color:#1f2937}
main .wc-review-who{margin:12px 0 0;font:400 14px Barlow,Arial,sans-serif;color:#4b5563}
main .wc-review-who a,main .wc-more a,main .wc-reviews-score a{color:#1d4ed8;text-underline-offset:3px}
main .wc-reviews-note{margin:24px 0 0;font:400 13px Barlow,Arial,sans-serif;color:#6b7280}
main .wc-faq-list details[open] summary::after{content:"×"}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:640px){
main #producten .shop-card-copy>p:not(.eyebrow),main #producten .shop-card-facts,main #producten .shop-card-copy>small,main #producten .compare-choice,main #producten .shop-card-quote{display:none!important}
}
body main:has(> .wc-opening-compact),body main:has(.ds-article-page > .wc-opening-compact){padding-top:0!important}
main .wc-more a,main .wc-fin-link a,main .wc-review-who a,main .wc-reviews-score a{text-decoration:underline!important;text-underline-offset:3px}
.review-avatar{font-family:Barlow,Arial,sans-serif!important}
.review-avatar.avatar-3{background:#3f5f8a!important}
.seo-breadcrumb a,nav[aria-label="Kruimelpad"] a{display:inline-flex;align-items:center;min-height:24px;min-width:24px}
.review-source,.google-review a{display:inline-flex;align-items:center;min-height:24px}
@media (max-width:767px){
body .review-track{align-items:flex-start!important}
body .review-card.google-review{min-height:0!important;height:auto!important}
body .review-card.google-review .review-source{margin-top:16px!important}
body .review-card.google-review>p{flex:0 0 auto!important;min-height:0!important}
}
main .vve-hero-nav,body[data-page="/vve"] main .section-nav,main .section-nav{top:auto!important}
main details.wcx-more,main details.r9-detail,main .finance-row,main .finance-index-terms,main p.shop-preview{background:none!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
main details.wcx-more,main details.r9-detail{border-top:1px solid #dfe4ea!important;border-bottom:1px solid #dfe4ea!important;margin:0!important;padding:0!important}
main details.wcx-more+details.wcx-more,main details.r9-detail+details.r9-detail{border-top:0!important}
main details.wcx-more>summary,main details.r9-detail>summary{padding:18px 0!important;background:none!important;border:0!important;border-radius:0!important}
main details.wcx-more>:not(summary),main details.r9-detail>:not(summary){padding-left:0!important;padding-right:0!important}
main details.wcx-more[open]>:last-child,main details.r9-detail[open]>:last-child{padding-bottom:20px!important}
@media (max-width:767px){
.expanded-footer .footer-columns{align-items:end}
.expanded-footer .footer-brand{align-self:center}
.expanded-footer .destin-footer{margin-top:0;justify-self:center}
.expanded-footer .destin-footer img{height:200px;max-width:150px;margin-inline:auto}
.expanded-footer .footer-columns>div:nth-child(2),.expanded-footer .footer-columns>div:nth-child(3),.expanded-footer .footer-columns>div:nth-child(4){align-self:start}
.expanded-footer .footer-review a{display:flex;justify-content:center}
}
@media (max-width:767px){
.expanded-footer .footer-columns>div:nth-child(4){display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.expanded-footer .footer-columns>div:nth-child(4)>:is(h2,h3){grid-column:1/-1}
.expanded-footer .footer-legal{align-items:center}
}
.qz-photo-examples{gap:16px}
.qz-photo-examples li{display:grid;gap:12px;align-content:start}
.qz-photo-examples img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:#eef2f7}
@media (max-width:767px){
.qz-photo-examples li{grid-template-columns:minmax(0,42%) 1fr;align-items:start;gap:14px}
.qz-photo-examples li>div{grid-template-columns:1fr;gap:4px}
.qz-photo-examples span{grid-row:auto;font-size:16px}
.qz-photo-examples p{grid-column:auto}
}
.qz-upload{position:relative}
.qz-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.qz-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--brand,#2563eb);color:#fff;font-weight:600;font-size:15px;margin-top:6px}
.qz-upload:focus-within{outline:3px solid var(--brand,#2563eb);outline-offset:3px}
.qz-upload:hover .qz-upload-btn{filter:brightness(1.08)}
body #configuraties .cfgb-iconset{gap:14px}
body #configuraties .cfgb-iconset .cfgb-card{grid-template-columns:52px minmax(0,1fr);align-items:start;align-content:start;gap:14px;padding:18px 46px 18px 18px;min-height:0;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
body #configuraties .cfgb-iconset .cfgb-img.is-icon{width:52px;height:52px;min-height:0;margin:0;padding:0;border-radius:14px;background:#eef3ff;background-image:none;box-shadow:none;color:var(--wcx-accent);display:grid;place-items:center;aspect-ratio:auto;transition:background-color .15s ease,color .15s ease}
body #configuraties .cfgb-iconset .cfgb-img.is-icon::before,body #configuraties .cfgb-iconset .cfgb-img.is-icon::after{content:none}
body #configuraties .cfgb-iconset .cfgb-img.is-icon svg{width:28px;height:28px}
body #configuraties .cfgb-iconset .cfgb-card[aria-pressed=true] .cfgb-img.is-icon{background:var(--wcx-accent);color:#fff}
body #configuraties .cfgb-iconset .cfgb-card:hover:not([aria-pressed=true]) .cfgb-img.is-icon{background:#e2eaff}
body #configuraties .cfgb-iconset .cfgb-body{display:grid;gap:4px;min-width:0}
body #configuraties .cfgb-iconset .cfgb-body strong{font-size:18px;line-height:1.25;margin:0}
body #configuraties .cfgb-iconset .cfgb-from{font-size:14.5px;line-height:1.4;color:#536174;margin:0}
body #configuraties .cfgb-iconset .cfgb-points{display:grid;gap:3px;margin:8px 0 0;padding:8px 0 0;border-top:1px solid #e6ebf2}
body #configuraties .cfgb-iconset .cfgb-points>span{display:block;font-size:13.5px;line-height:1.45;color:#3d4a5c;padding:0}
body #configuraties .cfgb-iconset .cfgb-points svg{display:none}
body #configuraties .cfgb-iconset .cfgb-pick{top:18px;right:16px}
@media (prefers-reduced-motion:reduce){
body #configuraties .cfgb-iconset .cfgb-card,body #configuraties .cfgb-iconset .cfgb-img.is-icon{transition:none}
}
@media (max-width:767px){
body #configuraties .cfgb-iconset{gap:10px}
body #configuraties .cfgb-iconset .cfgb-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 44px 14px 14px}
body #configuraties .cfgb-iconset .cfgb-img.is-icon{width:44px;height:44px;border-radius:12px}
body #configuraties .cfgb-iconset .cfgb-img.is-icon svg{width:24px;height:24px}
body #configuraties .cfgb-iconset .cfgb-body strong{font-size:17px}
}
body main:has(.wc-guide-chapters > .wc-opening-compact){padding-top:0!important}
body main .ds-page-hero.is-split{background:#0b0f17!important}
body main .ds-page-hero.is-split .ds-page-hero-panel{display:none!important}
@media (min-width:900px){
body main .ds-page-hero.is-split{min-height:640px!important;align-items:center!important}
body main .ds-page-hero.is-split .ds-page-hero-visual{left:42%!important;width:58%!important;right:auto!important}
body main .ds-page-hero.is-split .ds-page-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0f17 0,rgba(11,15,23,0) 22%);pointer-events:none}
body main .ds-page-hero.is-split .ds-page-hero-img{object-position:72% 30%!important}
body main .ds-page-hero.is-split .ds-page-hero-grid{min-height:0!important}
body main .ds-page-hero.is-split .ds-page-hero-copy{max-width:500px!important;width:auto!important}
}
@media (max-width:899px){
body main .ds-page-hero.is-split{display:block!important;min-height:0!important;padding-top:0!important}
body main .ds-page-hero.is-split .ds-page-hero-visual{position:relative!important;inset:auto!important;height:min(78vw,420px)!important;width:100%!important}
body main .ds-page-hero.is-split .ds-page-hero-img{object-position:34% 18%!important}
body main .ds-page-hero.is-split .ds-page-hero-grid{min-height:0!important;padding-top:28px!important;padding-bottom:40px!important}
}
@media (min-width:900px){
body main .ds-page-hero.is-split .ds-page-hero-visual::after{z-index:1;background:linear-gradient(90deg,#0b0f17 0,rgba(11,15,23,.6) 8%,rgba(11,15,23,0) 26%)}
}
body main .ds-page-hero.is-split .ds-actions{justify-content:flex-start!important}
@media (min-width:768px){
body #configuraties .cfgb-iconset{align-items:stretch}
body #configuraties .cfgb-iconset .cfgb-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:20px 20px 20px;gap:16px;height:100%}
body #configuraties .cfgb-iconset .cfgb-img.is-icon{width:56px;height:56px}
body #configuraties .cfgb-iconset .cfgb-img.is-icon svg{width:32px;height:32px}
body #configuraties .cfgb-iconset .cfgb-pick{top:22px;right:20px}
}
body #configuraties .cfgb-iconset .cfgb-card[aria-pressed=true]{border-width:2px;border-color:var(--wcx-accent);background:#f2f6ff;box-shadow:0 12px 28px rgba(34,91,227,.14)}
body #configuraties .cfgb-iconset .cfgb-card:focus-visible{outline:2px solid rgba(34,91,227,.45);outline-offset:4px}
body #configuraties .cfgb-iconset .cfgb-card:hover:not([aria-pressed=true]){border-color:rgba(34,91,227,.5);background:#fafcff}
@media (min-width:900px){
body[data-page="/contact"] main .ds-page-hero.is-split .ds-page-hero-img{object-position:50% 9%!important}
body[data-page="/projecten"] main .ds-page-hero.is-split .ds-page-hero-img{object-position:50% 68%!important}
}
@media (max-width:899px){
body[data-page="/contact"] main .ds-page-hero.is-split .ds-page-hero-img{object-position:50% 22%!important}
body[data-page="/projecten"] main .ds-page-hero.is-split .ds-page-hero-img{object-position:50% 62%!important}
}
body #waarom-wecharge.is-forest{background:#07122a}
body #waarom-wecharge.is-forest::before{background:
 radial-gradient(ellipse 95% 130% at 0% 100%,rgba(37,99,235,.82) 0%,rgba(37,99,235,.7) 10%,rgba(37,99,235,.54) 22%,rgba(37,99,235,.38) 35%,rgba(37,99,235,.23) 49%,rgba(37,99,235,.11) 63%,rgba(37,99,235,.035) 77%,rgba(37,99,235,0) 90%),
 radial-gradient(ellipse 50% 60% at 78% 100%,rgba(59,130,246,.3) 0%,rgba(59,130,246,.18) 30%,rgba(59,130,246,.07) 58%,rgba(59,130,246,0) 80%),
 radial-gradient(ellipse 55% 70% at 96% 6%,rgba(96,165,250,.22) 0%,rgba(96,165,250,.14) 25%,rgba(96,165,250,.06) 50%,rgba(96,165,250,0) 75%),
 linear-gradient(90deg,rgba(5,12,28,.6) 0%,rgba(5,12,28,.5) 38%,rgba(5,12,28,.44) 62%,rgba(5,12,28,.55) 100%),
 linear-gradient(180deg,rgba(5,12,28,.35) 0%,rgba(5,12,28,0) 22%,rgba(5,12,28,0) 78%,rgba(5,12,28,.45) 100%)!important}
body #waarom-wecharge .wcx-forest{filter:saturate(.75)}
@media (max-width:1023px){
body #waarom-wecharge.is-forest::before{background:
  radial-gradient(ellipse 140% 70% at 0% 100%,rgba(37,99,235,.75) 0%,rgba(37,99,235,.56) 16%,rgba(37,99,235,.36) 34%,rgba(37,99,235,.18) 54%,rgba(37,99,235,.06) 72%,rgba(37,99,235,0) 88%),
  radial-gradient(ellipse 90% 45% at 100% 0%,rgba(96,165,250,.18) 0%,rgba(96,165,250,.08) 45%,rgba(96,165,250,0) 75%),
  linear-gradient(180deg,rgba(5,12,28,.62) 0%,rgba(5,12,28,.58) 50%,rgba(5,12,28,.66) 100%)!important}
}
body #vragen .wcx-maatjes{position:relative;display:none;margin:36px 0 0;width:220px;max-width:100%}
body #vragen .wcx-maatjes::before{content:"";position:absolute;left:50%;bottom:6%;width:150%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(59,130,246,.26) 0%,rgba(59,130,246,.17) 35%,rgba(59,130,246,.07) 65%,rgba(59,130,246,0) 100%);pointer-events:none}
body #vragen .wcx-maatjes img{position:relative;display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.6) 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.6) 86%,transparent 100%)}
@media (min-width:900px){
body #vragen .wcx-maatjes{display:block}
}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
body #vragen .wcx-maatjes img{animation:wcx-maatjes-in linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
@keyframes wcx-maatjes-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
}
body #aanvraag{position:relative;isolation:isolate}
body #aanvraag::before{content:"";position:absolute;z-index:-1;right:4%;top:18%;width:min(720px,70vw);aspect-ratio:1.3;border-radius:50%;background:radial-gradient(closest-side,rgba(59,130,246,.16) 0%,rgba(59,130,246,.1) 40%,rgba(59,130,246,.04) 70%,rgba(59,130,246,0) 100%);pointer-events:none}
@media (max-width:419px){
.announcement .announcement-extra{display:none}
}
body .wcx-hero .hero-shade::after{background:radial-gradient(ellipse 56% 44% at 50% 54%,rgba(4,9,20,.58) 0%,rgba(4,9,20,.5) 22%,rgba(4,9,20,.36) 44%,rgba(4,9,20,.18) 66%,rgba(4,9,20,.06) 84%,rgba(4,9,20,0) 100%)!important}
body .wcx-hero h1{letter-spacing:-2.4px!important}
body .wcx-hero .wcx-hero-sub,body .wcx-hero .wcx-hero-note{text-shadow:0 1px 18px rgba(4,9,20,.45)}
@media (max-width:767px){
body .wcx-hero h1{letter-spacing:-1.6px!important}
}
:root{--wcx-ink:#111;--wcx-accent:#225be3;--wcx-tint:rgba(34,91,227,.06);--wcx-line:#e9e9e9;--wcx-font:Barlow,Arial,sans-serif}
.wcx-section{position:relative;padding:70px 0;color:var(--wcx-ink);background:transparent;font-family:var(--wcx-font)}
.wcx-section.is-tint{background:linear-gradient(180deg,#fff 0%,rgba(34,91,227,.08) 55%,#fff 100%)}
.wcx-section.is-tint-top{background:linear-gradient(180deg,rgba(34,91,227,.07) 0%,#fff 100%)}
.wcx-section.is-dark{background:#0d0c0d radial-gradient(60% 55% at 50% 52%,rgba(34,91,227,.38) 0%,rgba(34,91,227,0) 70%);color:#fff;padding:100px 0}
.wcx-container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.wcx-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}
.wcx-section img{max-width:100%;height:auto}
.wcx-head{margin-bottom:20px}
.wcx-head.is-center{text-align:center}
.wcx-head.is-center .wcx-intro{margin-left:auto;margin-right:auto}
main .wcx-section .wcx-label{display:inline-block;margin:0 0 20px;padding:2px 20px;border:1px solid transparent;border-radius:20px;box-shadow:0 0 2px rgba(0,0,0,.19);background:#fff;color:var(--wcx-accent);font:500 16px/28.8px var(--wcx-font);letter-spacing:0}
main .wcx-section.is-dark .wcx-label{background:rgba(255,255,255,.08);color:#fff;box-shadow:0 0 2px rgba(255,255,255,.4)}
main .wcx-section .wcx-title{margin:0 0 20px;font:600 48px/57.6px var(--wcx-font);letter-spacing:-2.6px;color:var(--wcx-ink);text-wrap:balance}
main .wcx-section.is-dark .wcx-title{color:#fff}
main .wcx-section .wcx-mark{color:var(--wcx-accent);background:none;-webkit-text-fill-color:currentColor}
main .wcx-section.is-dark .wcx-mark{color:#8fb0ff}
main .wcx-section .wcx-intro{max-width:820px;margin:0 0 20px;font:400 18px/28.8px var(--wcx-font);color:var(--wcx-ink)}
main .wcx-section.is-dark .wcx-intro{color:#fff;max-width:580px}
main .wcx-section.is-dark .wcx-small{color:rgba(255,255,255,.7)}
main .wcx-btn{display:inline-flex;align-items:center;gap:20px;min-height:45px;padding:8px 10px 8px 30px;border-radius:20px;background:var(--wcx-accent);color:#fff;font:600 18px/1 var(--wcx-font);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);transition:background-color .2s ease,transform .2s ease}
main .wcx-btn:hover{background:#1a4cc4}
main .wcx-btn:active{transform:scale(.98)}
main .wcx-btn i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.2);font-style:normal}
main .wcx-btn i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
main .wcx-link{display:inline-flex;align-items:center;gap:6px;color:var(--wcx-accent);font:600 16px/24px var(--wcx-font);text-decoration:none}
main .wcx-link:hover{text-decoration:underline}
.wcx-feature-card{display:grid;grid-template-columns:minmax(0,1fr) 398px;gap:40px;align-items:center;padding:0 41px 0 0;border:1px solid #fff;border-radius:20px;background:rgba(255,255,255,.55);overflow:hidden}
.wcx-feature-media{margin:0;align-self:stretch;min-height:410px}
.wcx-feature-media img,.wcx-feature-media picture{display:block;width:100%;height:100%;object-fit:cover}
.wcx-feature-copy{padding:40px 0}
.wcx-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none}
.wcx-chips li{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 16px;border:1px solid #fff;border-radius:10px;background:#fff;box-shadow:0 0 10px rgba(34,91,227,.06);font:400 14px/18px var(--wcx-font);color:#4a5568}
.wcx-chips li svg{flex:0 0 22px;width:22px;height:22px;color:var(--wcx-accent);stroke:currentColor}
.wcx-chips li strong{display:block;color:var(--wcx-ink);font-weight:600}
.wcx-actions.is-center{justify-content:center}
.wcx-split.is-reverse{grid-template-columns:minmax(0,508px) 598px}
main .wcx-section .wcx-fin .r9-important{padding-left:12px;border-left:2px solid rgba(34,91,227,.35);color:#3b4250}
main .badge:not(.wcx-none){font-size:16px;line-height:28.8px;padding:2px 20px}
@media (prefers-reduced-motion:reduce){
main .wcx-btn,.wcx-linkcard{transition:none}
}
@media (max-width:1199px){
main .wcx-section .wcx-title{font-size:42px;line-height:40px}
.wcx-feature-card{grid-template-columns:1fr 1fr;padding-right:21px}
.wcx-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.wcx-split,.wcx-split.is-reverse{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width:767px){
.wcx-section{padding:35px 0}
.wcx-section.is-dark{padding:60px 0}
main .wcx-section .wcx-title,main section h2:not(.wcx-none){font-size:42px;line-height:40px;letter-spacing:-2.6px}
main .wcx-btn{min-height:38px;padding:4px 10px 5px 20px;font-size:17px}
main .wcx-btn i{width:26px;height:26px}
.wcx-feature-card{grid-template-columns:1fr;gap:0;padding:0;border-radius:12px}
.wcx-feature-media{min-height:0}
.wcx-feature-media img{aspect-ratio:343/203}
.wcx-feature-copy{padding:20px 20px 24px}
.wcx-chips{grid-template-columns:1fr;gap:10px;margin-top:20px}
.wcx-split,.wcx-split.is-reverse,.wcx-duo{grid-template-columns:1fr;gap:24px}
}
#configuraties .r9-product-views,#configuraties .r9-product-views article{height:auto}
#configuraties .r9-product-views article{display:flex;flex-direction:column;align-items:center}
#configuraties .r9-product-views img{width:100%;height:380px;margin:24px 0 8px;object-fit:contain}
#configuraties .r9-product-stage .r9-view-label{position:static;margin:0 0 12px;transform:none}
@media (max-width:767px){
#configuraties .r9-product-views img{height:280px;margin-top:16px}
}
@media (min-width:768px) and (max-width:1199px){
main section h2:not(.wcx-none){font-size:42px;line-height:40px;letter-spacing:-2.6px}
}
@media (max-width:767px){
main .zaptec-editorial .mid-detail{position:static;display:block;margin:12px auto 0;transform:none;text-align:center}
}
.wcx-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:max(680px,calc(100svh + 30px));padding:120px 16px 90px;overflow:hidden;color:#fff;text-align:center;font-family:var(--wcx-font)}
.wcx-hero .hero-media{background:#141a22}
.wcx-hero-inner{display:flex;flex-direction:column;align-items:center;max-width:640px}
.wcx-hero-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:2px 12px;border-radius:20px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 16px/32px var(--wcx-font);text-decoration:none}
.wcx-hero-pill svg{width:18px;height:18px}
.wcx-hero-pill .stars{color:#fbbf24;letter-spacing:1px}
.wcx-hero-pill .review-count{font-size:13px;opacity:.85}
main .wcx-hero h1{margin:0 0 20px;font:600 65px/70px var(--wcx-font);letter-spacing:-3.5px;color:#fff;text-wrap:balance}
main .wcx-hero .wcx-hero-sub{margin:0 0 20px;font:400 18px/28.8px var(--wcx-font);color:#fff}
main .wcx-hero .wcx-hero-note{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;font:500 18px/28.8px var(--wcx-font);color:#fff}
.wcx-hero-note svg{width:28px;height:14px;fill:none;stroke:currentColor}
.wcx-hero-proof{position:absolute;right:max(16px,calc((100% - 1200px)/2));bottom:28px;display:flex;align-items:center;gap:12px;color:#fff;font:400 15px/20px var(--wcx-font);text-align:left;text-decoration:none}
.wcx-hero-proof>span:first-child{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid rgba(255,255,255,.8);border-radius:50%}
@media (max-width:767px){
.wcx-hero{align-items:flex-end;min-height:calc(100svh - 45px);padding:80px 16px 18px}
.wcx-hero-pill{position:absolute;top:80px;left:50%;transform:translateX(-50%);white-space:nowrap}
main .wcx-hero h1{margin-bottom:16px;font-size:40px;line-height:48px;letter-spacing:-2.3px}
main .wcx-hero .wcx-hero-sub,.wcx-hero-proof{display:none}
main .wcx-hero .wcx-hero-note{font-size:13px}
}
@media (min-width:768px) and (max-width:1199px){
main .wcx-hero h1{font-size:54px;line-height:60px;letter-spacing:-2.8px}
}
.wcx-chips.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.wcx-chips li svg{fill:none}
@media (max-width:767px){
.wcx-chips.is-three{grid-template-columns:1fr}
}
.wcx-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.wcx-head-row .wcx-title{margin-bottom:0}
.wcx-steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.wcx-step{overflow:hidden;border:1px solid var(--wcx-line);border-radius:15px;background:#fff}
.wcx-step figure{position:relative;margin:0}
.wcx-step img{display:block;width:100%;aspect-ratio:285/192;object-fit:cover}
.wcx-step-n{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--wcx-ink);font:600 15px/1 var(--wcx-font)}
main .wcx-section .wcx-step h3{margin:18px 20px 8px;font:600 22px/26px var(--wcx-font);letter-spacing:-.6px;color:var(--wcx-ink)}
main .wcx-section .wcx-step p{margin:0 20px 22px;font:400 15px/24px var(--wcx-font);color:#3b4250}
@media (max-width:1024px){
.wcx-steps4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.wcx-head-row{flex-direction:column;align-items:flex-start}
.wcx-steps4{grid-template-columns:1fr}
}
.wcx-section.is-forest{padding:110px 0;overflow:hidden;color:#fff;background:#0b1730}
.wcx-forest{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.wcx-section.is-forest::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(258deg,rgba(11,23,48,.35) 0%,rgba(11,23,48,.72) 45%,rgba(18,52,140,.9) 100%)}
.wcx-trust{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:60px;align-items:center}
main .wcx-section.is-forest .wcx-title,main .wcx-section.is-forest .wcx-intro{color:#fff}
main .wcx-section.is-forest .wcx-label{background:rgba(255,255,255,.1);color:#fff;box-shadow:0 0 2px rgba(255,255,255,.5)}
.wcx-glass{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.wcx-glass li{padding:22px 24px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
main .wcx-section .wcx-glass h3{margin:0 0 8px;font:600 20px/26px var(--wcx-font);color:#fff;letter-spacing:-.3px}
main .wcx-section .wcx-glass p{margin:0;font:400 15px/24px var(--wcx-font);color:rgba(255,255,255,.85)}
@media (max-width:1023px){
.wcx-trust{grid-template-columns:1fr;gap:30px}
.wcx-section.is-forest{padding:70px 0}
}
.wcx-chooser{display:grid;grid-template-columns:340px 360px;justify-content:center;gap:80px;align-items:center;margin-top:20px}
.wcx-chooser-tabs{display:grid;gap:14px}
.wcx-chooser-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:6px 8px 6px 20px;border:1px solid #fff;border-radius:12px;background:rgba(255,255,255,.7);color:var(--wcx-ink);font:500 16px/22px var(--wcx-font);text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.wcx-chooser-tab img{width:52px;height:52px;object-fit:contain}
.wcx-chooser-tab:hover{background:#fff}
.wcx-chooser-tab[aria-selected=true]{border-color:rgba(34,91,227,.5);background:#fff;box-shadow:0 8px 24px rgba(34,91,227,.12);color:var(--wcx-accent);font-weight:600}
.wcx-chooser-panel{overflow:hidden;border:1px solid #fff;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(34,91,227,.12)}
.wcx-chooser-panel figure{display:grid;place-items:center;height:240px;margin:0;background:linear-gradient(180deg,#eaf0fd,#fff)}
.wcx-chooser-panel figure img{max-width:70%;max-height:200px;object-fit:contain}
.wcx-chooser-panel>div{padding:22px 24px 26px}
main .wcx-section .wcx-chooser-panel h3{margin:0 0 8px;font:600 24px/28.8px var(--wcx-font);letter-spacing:-.8px;color:var(--wcx-ink)}
main .wcx-section .wcx-chooser-panel p{margin:0 0 14px;font:400 15px/24px var(--wcx-font);color:#3b4250}
@media (max-width:1023px){
.wcx-chooser{grid-template-columns:1fr 1fr;gap:30px}
}
@media (max-width:767px){
.wcx-chooser{grid-template-columns:1fr;gap:20px}
.wcx-chooser-tabs{grid-template-columns:1fr 1fr;gap:10px}
.wcx-chooser-tab{min-height:56px;padding-left:14px;font-size:15px}
.wcx-chooser-tab img{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
.wcx-chooser-tab{transition:none}
}
@media (min-width:768px){
.wcx-hero .hero-shade::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 43% 34% at 50% 52%,rgba(0,0,0,.42),transparent 100%)}
}
.wcx-hero .hero-shade{position:absolute;inset:0;z-index:-1}
.wcx-more[open]>summary span{transform:rotate(45deg)}
#configuraties .cfgb-step{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 18px/26px var(--wcx-font);color:var(--wcx-ink)}
#configuraties .cfgb-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wcx-accent);color:#fff;font-size:14px}
#configuraties .cfgb-systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 32px;padding:0;border:0;background:none}
#configuraties .cfgb-card{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;min-height:0;margin:0;padding:22px 24px;border:1.5px solid var(--wcx-line);border-radius:16px;background:#fff;color:var(--wcx-ink);text-align:left;cursor:pointer;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
#configuraties .cfgb-card:hover{border-color:rgba(34,91,227,.45)}
#configuraties .cfgb-card[aria-pressed=true]{border-color:var(--wcx-accent);background:#f6f8ff;box-shadow:0 10px 30px rgba(34,91,227,.12)}
#configuraties .cfgb-card:focus-visible{outline:2px solid var(--wcx-accent);outline-offset:3px}
#configuraties .cfgb-badge{position:absolute;top:-12px;left:20px;padding:2px 12px;border-radius:20px;background:var(--wcx-accent);color:#fff;font:600 13px/22px var(--wcx-font)}
#configuraties .cfgb-img{display:grid;place-items:center;height:150px;border-radius:12px;background:linear-gradient(180deg,#eef2fb,#fff)}
#configuraties .cfgb-img img{max-height:130px;width:auto;object-fit:contain}
#configuraties .cfgb-body{display:grid;gap:6px}
#configuraties .cfgb-body strong{font:600 24px/28px var(--wcx-font);letter-spacing:-.6px}
#configuraties .cfgb-from{font:400 16px/24px var(--wcx-font);color:#3b4250}
#configuraties .cfgb-from b{font-weight:600;color:var(--wcx-ink)}
#configuraties .cfgb-points{display:grid;gap:4px;margin-top:6px}
#configuraties .cfgb-points>span{display:flex;align-items:center;gap:8px;font:400 15px/22px var(--wcx-font);color:#3b4250}
#configuraties .cfgb-points svg{flex:0 0 18px;width:18px;height:18px;stroke:currentColor}
#configuraties .cfgb-points .is-yes svg{color:#16a34a}
#configuraties .cfgb-points .is-no svg{color:#b42318}
#configuraties .cfgb-pick{position:absolute;top:18px;right:18px;width:22px;height:22px;border:2px solid #c9d2e3;border-radius:50%}
#configuraties .cfgb-card[aria-pressed=true] .cfgb-pick{border-color:var(--wcx-accent);background:var(--wcx-accent) radial-gradient(circle,#fff 0 3px,transparent 4px)}
#configuraties .cfgb-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 28px}
#configuraties .cfgb-sizes button{min-height:60px;margin:0;border-radius:12px}
#configuraties .cfgb-summary{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 28px;border-radius:16px;background:linear-gradient(180deg,#f3f6fe,#eef2fb)}
#configuraties .cfgb-thumb{margin:0;padding:0;border:0;background:#fff;border-radius:12px;height:140px;overflow:hidden}
#configuraties .cfgb-thumb .r9-product-views,#configuraties .cfgb-thumb article{height:140px;display:grid;place-items:center}
#configuraties .cfgb-thumb img{max-height:120px;width:auto;height:auto;margin:0;object-fit:contain}
#configuraties .cfgb-thumb .r9-view-label,#configuraties .cfgb-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#configuraties .cfgb-brand{margin:0 0 4px;font:500 14px/20px var(--wcx-font);color:var(--wcx-accent)}
main #configuraties .cfgb-sum-main h3{margin:0 0 4px;font:600 22px/28px var(--wcx-font);letter-spacing:-.5px;color:var(--wcx-ink)}
main #configuraties .cfgb-price{margin:0;font:600 44px/48px var(--wcx-font);letter-spacing:-1.6px;color:var(--wcx-ink)}
main #configuraties .cfgb-note{margin:6px 0 0;font:400 15px/22px var(--wcx-font);color:#3b4250}
#configuraties .cfgb-sum-cta{display:grid;justify-items:start;gap:10px;max-width:300px}
main #configuraties .cfgb-trust{display:grid;gap:4px;margin:0;font:400 14px/20px var(--wcx-font);color:#24304a}
main #configuraties .cfgb-trust svg{width:15px;height:15px;color:#16a34a;stroke:currentColor;vertical-align:-2px}
main #configuraties .cfgb-alt{margin:0;font:400 14px/20px var(--wcx-font);color:#3b4250}
main #configuraties .cfgb-alt a{color:var(--wcx-accent);font-weight:600}
#configuraties .cfgb-included{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:24px 0 0;padding:0}
#configuraties .cfgb-more{display:grid;gap:12px;margin-top:24px}
@media (prefers-reduced-motion:reduce){
#configuraties .cfgb-card{transition:none}
}
@media (max-width:1023px){
#configuraties .cfgb-summary{grid-template-columns:100px minmax(0,1fr)}
#configuraties .cfgb-sum-cta{grid-column:1/-1;max-width:none}
#configuraties .cfgb-card{grid-template-columns:100px minmax(0,1fr)}
#configuraties .cfgb-img{height:120px}
}
@media (max-width:767px){
#configuraties .cfgb-systems{grid-template-columns:1fr;gap:18px}
#configuraties .cfgb-card{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px 16px}
#configuraties .cfgb-img{height:110px}
#configuraties .cfgb-img img{max-height:96px}
#configuraties .cfgb-body strong{font-size:20px;line-height:24px}
#configuraties .cfgb-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#configuraties .cfgb-summary{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px 16px}
#configuraties .cfgb-thumb,#configuraties .cfgb-thumb .r9-product-views,#configuraties .cfgb-thumb article{height:96px}
#configuraties .cfgb-thumb img{max-height:84px}
main #configuraties .cfgb-price{font-size:34px;line-height:38px}
#configuraties .cfgb-included{grid-template-columns:1fr}
}
.wcx-sticky-cta{display:none}
@media (max-width:767px){
.wcx-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:24px;background:var(--wcx-accent);color:#fff;font:600 17px/22px var(--wcx-font);text-decoration:none;box-shadow:0 10px 30px rgba(17,24,39,.25);transform:translateY(140%);opacity:0;transition:transform .25s ease,opacity .25s ease}
.wcx-sticky-cta small{font:400 13px/18px var(--wcx-font);opacity:.9}
.wcx-sticky-cta.is-visible{transform:none;opacity:1}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
.wcx-sticky-cta{transition:none}
}
main #configuraties .cfgb-trust .t{display:flex;align-items:center;gap:6px}
main #configuraties .cfgb-trust svg{flex:0 0 15px;vertical-align:0}
#configuraties .cfgb-sizes button small{display:block;margin-top:2px;font-size:11px;line-height:14px;opacity:.85}
#configuraties .cfgb-body{padding-right:26px}
@media (max-width:767px){
#configuraties .cfgb-sizes button{min-height:56px;padding:6px 4px;font-size:15px}
#configuraties .cfgb-sizes button small{font-size:10px}
}
main #configuraties .cfgb-price.is-text{font-size:26px;line-height:32px;letter-spacing:-.6px}
@media (max-width:767px){
main #configuraties .cfgb-price.is-text{font-size:22px;line-height:28px}
}
.battery-quickstart input[aria-invalid=true]{border-color:#b42318}
#configuraties .cfgb-systems.cfgb-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
#configuraties .cfgb-systems.cfgb-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
#configuraties .cfgb-n3 .cfgb-card,#configuraties .cfgb-n4 .cfgb-card{grid-template-columns:1fr;align-content:start;gap:14px;padding:22px 20px}
#configuraties .cfgb-n3 .cfgb-img,#configuraties .cfgb-n4 .cfgb-img{height:96px}
#configuraties .cfgb-n3 .cfgb-body strong,#configuraties .cfgb-n4 .cfgb-body strong{font-size:21px;line-height:26px}
#configuraties .cfgb-img.is-icon{color:var(--wcx-accent)}
#configuraties .cfgb-img.is-icon svg{width:46px;height:46px}
#configuraties .cfgb-thumb.is-icon{display:grid;place-items:center;color:var(--wcx-accent)}
#configuraties .cfgb-thumb.is-icon svg{width:54px;height:54px}
@media (max-width:1023px){
#configuraties .cfgb-systems.cfgb-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
#configuraties .cfgb-systems.cfgb-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
#configuraties .cfgb-systems.cfgb-n3,#configuraties .cfgb-systems.cfgb-n4{grid-template-columns:1fr}
#configuraties .cfgb-n3 .cfgb-card,#configuraties .cfgb-n4 .cfgb-card{grid-template-columns:72px minmax(0,1fr);align-items:center;padding:16px}
#configuraties .cfgb-n3 .cfgb-img,#configuraties .cfgb-n4 .cfgb-img{height:72px}
#configuraties .cfgb-img.is-icon svg{width:36px;height:36px}
}
@media (min-width:768px){
.wcx-feature-card{min-height:410px}
.wcx-feature-media{max-height:460px;min-height:410px}
.wcx-feature-media img,.wcx-feature-media picture{height:100%;max-height:460px;object-fit:cover;object-position:50% 35%}
}