.bep-landing{--l-achtergrond:#fff;--l-vlak:#f5f5f5;--l-lijn:var(--color-default);--l-veldlijn:var(--color-control-line);--l-tekst:var(--color-dark);--l-gedempt:var(--color-muted);--l-merk:var(--color-accent);--l-donker:var(--color-sidebar);--l-op-donker:var(--color-on-dark);--l-op-merk:#fff;--bep-blauw:#2a6fae;--bep-blauw-zacht:96 170 230;--l-max:1200px;--l-marge:24px;--l-duur-snel:.15s;--l-duur-middel:.3s;--l-duur-laag:.6s;--l-ease:cubic-bezier(.2, .8, .2, 1);background:var(--l-achtergrond);color:var(--l-tekst);font-family:var(--font-inter), Arial, sans-serif;-webkit-font-smoothing:antialiased}@media (max-width:359px){.bep-landing{--l-marge:20px}}.bep-landing h1,.bep-landing h2,.bep-landing h3,.bep-landing .l-serif{font-family:var(--font-source-serif), Georgia, serif;font-weight:400}.bep-landing h3.l-sans,.bep-landing .l-sans{font-family:var(--font-inter), Arial, sans-serif}.bep-landing :focus-visible{outline:2px solid var(--l-merk);outline-offset:2px}.bep-landing .l-op-donker :focus-visible{outline-color:var(--color-focus-dark)}.bep-landing .l-op-donker .l-gedempt{color:var(--l-op-merk)}@layer components{.l-container{width:min(calc(100% - 2 * var(--l-marge)), var(--l-max));margin-inline:auto}.l-vlak{background:var(--l-vlak)}.l-gedempt{color:var(--l-gedempt)}.l-donker{background:var(--l-donker);color:var(--l-op-merk)}.l-lijn{border-color:var(--l-lijn)}.l-knop{text-align:center;min-height:48px;transition:background-color var(--l-duur-snel) var(--l-ease);border-radius:9px;justify-content:center;align-items:center;gap:12px;padding-inline:20px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.l-knop-primair{background:var(--l-merk);color:var(--l-op-merk)}.l-knop-primair:hover{background:var(--l-donker)}.l-knop-secundair{background:var(--l-achtergrond);color:var(--l-tekst);border:1px solid var(--l-veldlijn)}.l-knop-secundair:hover{background:var(--l-vlak)}.l-knop-pijl{transition:transform var(--l-duur-snel) var(--l-ease)}@media (hover:hover) and (pointer:fine){.l-knop:hover .l-knop-pijl{transform:translate(3px)}}.l-kop{min-height:76px}@media (min-width:1200px){.l-kop{min-height:88px}}.l-raak{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.l-hero{padding-block:44px 56px}.l-hero-raster{gap:40px;display:grid}.l-h1{letter-spacing:-.01em;text-wrap:balance;font-size:44px;line-height:48px}.l-hero-tekst{max-width:552px;font-size:16px;line-height:26px}.l-hero-knoppen{flex-direction:column;gap:12px;display:flex}.l-hero-knoppen .l-knop-primair{justify-content:space-between}.l-demo-kader{flex-direction:column;gap:12px;display:flex}.l-demo-kaart{padding:20px}.l-demo-titel{font-size:23px;line-height:29px}.l-stapel{display:grid}.l-stapel>*{grid-area:1/1}@media (min-width:768px){.l-h1{font-size:clamp(44px,5vw,64px);line-height:1.08}.l-hero-knoppen{flex-flow:wrap}.l-hero-knoppen .l-knop-primair{justify-content:center}}@media (min-width:1200px){.l-hero{padding-block:80px 64px}.l-hero-raster{grid-template-columns:552px 552px;align-items:center;column-gap:96px}.l-h1{font-size:64px;line-height:69px}.l-hero-tekst{font-size:18px;line-height:29px}.l-demo-kader{padding-block:24px}.l-demo-kaart{box-shadow:0 12px 36px #0f1b1514}.l-demo-bijschrift{order:2}.l-demo-kaart{padding:28px}.l-demo-titel{font-size:26px;line-height:32px}}@media (max-width:359px){.l-h1{font-size:36px;line-height:40px}}.l-sectie{padding-block:64px}.l-h2{letter-spacing:-.005em;text-wrap:balance;font-size:34px;line-height:39px}.l-tekst{font-size:16px;line-height:25px}.l-veldrij{gap:16px;padding-block:28px;display:grid}.l-veldrij>*{min-width:0}.l-veldlink{min-height:44px;color:var(--l-merk);overflow-wrap:anywhere;align-self:start;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.l-veldlink:hover{text-underline-offset:4px;text-decoration:underline}.l-productkader{border:1px solid var(--l-lijn);border-radius:14px;overflow:hidden}.l-productbeeld{transition:transform var(--l-duur-middel) var(--l-ease)}@media (hover:hover) and (pointer:fine){.l-productkader:hover .l-productbeeld{transform:scale(1.04)}}@media (min-width:768px){.l-veldrij{grid-template-columns:220px minmax(0,1fr);column-gap:24px}.l-veldlink{grid-column:2}}@media (min-width:1200px){.l-sectie{padding-block:104px}.l-h2{font-size:44px;line-height:50px}.l-tekst{font-size:17px;line-height:27px}.l-veldrij{grid-template-columns:300px minmax(0,1fr) 246px;column-gap:50px}.l-veldlink{grid-column:3;justify-content:space-between}}.l-veld{border:1px solid var(--l-veldlijn);background:var(--l-achtergrond);width:100%;min-height:50px;color:var(--l-tekst);border-radius:9px;padding-inline:16px;font-size:16px;display:block}.l-veld::placeholder{color:var(--l-gedempt)}.l-veld[aria-invalid=true]{border-color:var(--color-danger)}}.l-alleen-breed{display:none}@media (min-width:1200px){.l-alleen-breed{display:flex}.l-alleen-smal{display:none}}.l-demo,.l-demo *{pointer-events:none}@keyframes l-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes l-in-zacht{0%{opacity:0}to{opacity:1}}@keyframes l-uit{0%{opacity:1}to{opacity:0}}@keyframes l-cursor-in{0%{opacity:0;transform:translate(64px,44px)}to{opacity:1;transform:none}}@keyframes l-druk{50%{transform:scale(.97)}}.l-demo-mail-uit{opacity:0;animation:l-uit var(--l-duur-middel) var(--l-ease) .6s both}.l-demo-mail{animation:l-in var(--l-duur-middel) var(--l-ease) 0s both}.l-demo-label{animation:l-in var(--l-duur-middel) var(--l-ease) .6s backwards}.l-demo-kaart{animation:l-in-zacht var(--l-duur-laag) var(--l-ease) .6s backwards}.l-demo-cursor-uit{opacity:0;animation:l-uit var(--l-duur-middel) var(--l-ease) 2.4s both}.l-demo-cursor-in{animation:l-cursor-in var(--l-duur-middel) var(--l-ease) 1.8s backwards}.l-demo-druk{animation:l-druk var(--l-duur-snel) var(--l-ease) 2.1s}.l-demo-wacht{opacity:0;animation:l-uit var(--l-duur-middel) var(--l-ease) 2.4s both}.l-demo-klaar{animation:l-in-zacht var(--l-duur-middel) var(--l-ease) 2.4s backwards}.l-gloed-pagina{background-repeat:no-repeat;background-image:radial-gradient(ellipse 290px 250px at 0 250px, #2f7d4f4d, #2f7d4f26 45%, #2f7d4f00), radial-gradient(ellipse 310px 280px at calc(100% - 20px) 870px, rgb(var(--bep-blauw-zacht) / .32), rgb(var(--bep-blauw-zacht) / .16) 45%, rgb(var(--bep-blauw-zacht) / 0))}@media (min-width:768px){.l-gloed-pagina{background-image:radial-gradient(ellipse 390px 340px at 40px 200px, #2f7d4f4d, #2f7d4f26 45%, #2f7d4f00), radial-gradient(ellipse 420px 370px at calc(100% - 60px) 610px, rgb(var(--bep-blauw-zacht) / .32), rgb(var(--bep-blauw-zacht) / .16) 45%, rgb(var(--bep-blauw-zacht) / 0))}}@media (min-width:1200px){.l-gloed-pagina{background-image:radial-gradient(ellipse 480px 420px at 80px 307px, #2f7d4f4d, #2f7d4f26 45%, #2f7d4f00), radial-gradient(ellipse 520px 460px at calc(100% - 90px) 385px, rgb(var(--bep-blauw-zacht) / .32), rgb(var(--bep-blauw-zacht) / .16) 45%, rgb(var(--bep-blauw-zacht) / 0))}}.l-hero-veld .l-gedempt{color:color-mix(in srgb, var(--l-gedempt) 70%, var(--l-tekst))}.l-hero-veld .l-hero-label{color:color-mix(in srgb, var(--l-merk) 70%, var(--l-tekst))}.l-vlak-blauw{background:color-mix(in srgb, rgb(var(--bep-blauw-zacht)) 10%, var(--l-achtergrond))}.l-stapnummer-blauw,.l-vlak-blauw .l-stappenlijn{background:var(--bep-blauw)}.l-icoon-blauw{color:var(--bep-blauw)}.l-gloed-veld .l-label{color:color-mix(in srgb, var(--l-merk) 70%, var(--l-tekst))}.l-gloed-veld .l-gedempt{color:color-mix(in srgb, var(--l-gedempt) 70%, var(--l-tekst))}@media (min-width:768px){.l-gloed-veld{background-image:radial-gradient(ellipse 480px 420px at 0 calc(100% + 40px), rgb(var(--bep-blauw-zacht) / .32), rgb(var(--bep-blauw-zacht) / .16) 45%, rgb(var(--bep-blauw-zacht) / 0)), radial-gradient(ellipse 480px 420px at calc(100% - 40px) 60px, #2f7d4f33, #2f7d4f1a 45%, #2f7d4f00);background-repeat:no-repeat}}@media (prefers-reduced-motion:no-preference){.l-js-beweging [data-verschijn]{transition:opacity var(--l-duur-laag) var(--l-ease), transform var(--l-duur-laag) var(--l-ease);transition-delay:calc(var(--l-volg,0) * var(--l-duur-snel))}.l-js-beweging [data-verschijn]:not(.l-zichtbaar){opacity:0;transform:translateY(16px)}.l-js-beweging [data-verschijn].l-direct{transition:none}}@keyframes l-kantel{0%{opacity:1;transform:none}to{opacity:.55;transform:perspective(1000px)rotateX(12deg)translateY(-16px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.l-gescrold .l-demo{transform-origin:50% 100%;animation:linear both l-kantel;animation-timeline:view();animation-range:exit}}}.l-stappenlijn{display:none}@media (min-width:768px){.l-stappenlijn{background:var(--l-merk);opacity:.35;transform-origin:0;width:calc(66.666% + 32px);height:2px;display:block;position:absolute;top:17px;left:18px}}@keyframes l-lijn-loopt{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:768px){.l-stappenlijn{animation:linear both l-lijn-loopt;animation-timeline:view();animation-range:entry 40% cover 55%}}}@media (prefers-reduced-motion:reduce){.bep-landing *,.bep-landing :before,.bep-landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bep-landing .l-knop-pijl,.bep-landing .l-demo,.bep-landing .l-stappenlijn,.bep-landing .l-productbeeld{transform:none!important}}