:root{--paper:#faf9f5;--white:#fff;--ink:#142219;--muted:#626960;--line:#e7e4dc;--green:#078448;--forest:#075c39;--orange:#f35a16;--orange-dark:#d94a11;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#f1f0ea;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{color:inherit}.header{height:88px;background:var(--forest);color:#fff;padding:0 clamp(22px,4vw,66px);display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff22}.header a{width:174px;flex:none}.header img{width:100%;height:auto}.header>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#d5e5da}.header-market{margin-left:auto;color:#ffc39e!important}.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:max(700px,calc(100svh - 88px));background:#fff}.hero-copy{grid-column:1;grid-row:1;align-self:center;padding:clamp(36px,4.5vw,72px) clamp(30px,4.6vw,76px)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 19px;color:var(--forest);font-size:10px;font-weight:700;letter-spacing:.15em}.eyebrow i{width:25px;height:1px;background:var(--orange)}h1{font:700 clamp(46px,4.7vw,76px)/.93 var(--display);letter-spacing:.004em;margin:0 0 23px}h1 em{font-style:normal;color:var(--green)}h1>span{color:var(--orange)}.lead{max-width:680px;color:#4f5b52;font-size:clamp(14px,1.05vw,17px);line-height:1.62;margin:0 0 20px}.combo{margin:0 0 25px;padding:9px 0 9px 14px;border-left:3px solid var(--orange);font-size:13px;line-height:1.45;color:var(--forest)}.combo strong{color:var(--ink)}.proofs{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;margin-bottom:30px}.proofs>div{display:flex;align-items:center;gap:11px;color:#5e665f;font-size:12px;line-height:1.35;min-width:0}.proofs strong{color:var(--ink)}.proofs img{width:39px;height:39px;object-fit:contain;flex:none}.cta{display:flex;align-items:center;justify-content:center;width:min(100%,440px);min-height:60px;padding:15px 20px;background:var(--orange);color:#fff;text-decoration:none;text-align:center;font-weight:700;font-size:14px;box-shadow:0 10px 25px #d65e2330;transition:.2s}.cta:hover{background:var(--orange-dark);transform:translateY(-2px)}.cta-note{font-size:8px;line-height:1.5;font-weight:700;letter-spacing:.11em;color:#899187;margin:11px 0 0}.hero-slider{grid-column:2;grid-row:1/3;position:relative;min-height:700px;background:#d5c4b3;overflow:hidden}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .6s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide:nth-child(1) img{object-position:center}.hero-slide:nth-child(2) img{object-position:center}.hero-slide:nth-child(3) img{object-position:center}.hero-slide:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#1022188a)}.hero-slide figcaption{position:absolute;z-index:2;left:35px;right:35px;bottom:68px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-slide figcaption strong{font:600 25px/1.1 var(--display);letter-spacing:.02em}.hero-slide figcaption span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:right}.slider-nav{position:absolute;z-index:5;left:35px;right:35px;bottom:22px;display:flex;align-items:center;justify-content:space-between}.slider-nav button{width:38px;height:38px;border:1px solid #ffffff88;background:#10221855;color:#fff}.slider-nav button:hover{background:#fff;color:var(--forest)}#sliderDots{display:flex;gap:7px}#sliderDots button{width:30px;height:3px;padding:0;border:0;background:#ffffff55}#sliderDots button.active{background:var(--orange)}.b2b-strip{grid-column:1;grid-row:2;background:var(--forest);color:#fff;min-height:91px;padding:18px clamp(30px,4.6vw,76px);display:flex;align-items:center}.b2b-strip span{display:flex;flex-direction:column;gap:5px}.b2b-strip small{font-size:9px;font-weight:700;letter-spacing:.14em;color:#bbd8c6}.b2b-strip strong{font-size:clamp(14px,1.2vw,18px)}.quiz-section{padding:clamp(55px,7vw,105px) clamp(20px,5.8vw,98px) clamp(70px,8vw,120px);background:#f8f7f2}.quiz-card{width:100%;min-height:620px;background:#fff;border:1px solid var(--line);padding:clamp(27px,3.8vw,58px);box-shadow:0 20px 65px #1736220c}.quiz-top,.progress-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.quiz-top{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--forest)}.quiz-top>span{display:flex;align-items:center;gap:10px}.quiz-top i{width:9px;height:9px;border-radius:50%;background:var(--orange)}.quiz-top small{font-size:9px;color:#999e94}.progress-head{margin:28px 0 10px;font-size:10px;font-weight:700;letter-spacing:.13em;color:#778078}.progress-head span:last-child{color:var(--forest)}.progress{height:3px;background:#e6e7df;overflow:hidden}.progress i{display:block;width:20%;height:100%;background:var(--green);transition:width .3s}.step{animation:in .27s both;margin:clamp(34px,4vw,58px) 0 15px}.step-label{margin:0 0 12px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.14em}.step h2{font:700 clamp(40px,4vw,64px)/1 var(--display);margin:0 0 14px}.step-intro{margin:0 0 25px;color:var(--muted);font-size:14px;line-height:1.55}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.option{min-width:0;min-height:84px;padding:16px;border:1px solid #e2ded6;background:#fff;color:var(--ink);text-align:center;font-weight:700;font-size:14px;line-height:1.4;transition:.18s}.option:hover,.option.selected{border-color:var(--orange);background:#fff7f2;transform:translateY(-2px)}.hint{margin:18px 0 0;color:#718075;font-size:12px;line-height:1.5}.back{margin-top:24px;padding:7px 0;border:0;background:transparent;color:#68756c;font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;color:#3d5042;font-size:12px;font-weight:700}.field.full{grid-column:1/-1}.field input{width:100%;min-width:0;height:49px;padding:0 13px;border:1px solid #dcded4;background:#fff;outline:0}.field input:focus{border-color:var(--green);box-shadow:0 0 0 2px #18884e20}.consent{display:flex;gap:9px;align-items:flex-start;margin:17px 0 0;color:#6e786f;font-size:11px;line-height:1.45}.consent input{margin-top:2px;accent-color:var(--orange)}.submit{margin-top:18px;width:min(100%,470px);min-height:58px;border:0;background:var(--orange);color:#fff;font-weight:700;padding:15px 20px}.submit:hover{background:var(--orange-dark)}.submit:disabled{opacity:.6}.privacy,.error{font-size:10px;color:#7b847d;line-height:1.5;margin:10px 0 0}.error{color:#aa3b2c}.success-mark{display:block;color:var(--orange);font-size:48px;margin-bottom:18px}.success a{display:inline-block;margin-top:14px;color:var(--forest);font-weight:700}footer{height:58px;padding:0 clamp(22px,4vw,66px);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8a9188;font-size:9px;font-weight:700;letter-spacing:.09em}.cookie[hidden]{display:none}.cookie{position:fixed;z-index:20;left:18px;right:18px;bottom:18px;margin:auto;max-width:780px;padding:17px 20px;background:#fff;border:1px solid #dedfd6;box-shadow:0 15px 55px #17362229;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie strong{font-size:13px}.cookie p{margin:3px 0 0;font-size:11px;color:var(--muted)}.cookie>div:last-child{display:flex;gap:8px}.cookie button{padding:9px 14px;border:1px solid #dedfd6;background:#fff;font-size:11px;font-weight:700}.cookie button:last-child{background:var(--green);border-color:var(--green);color:#fff}@keyframes in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1050px){.hero-copy{padding:36px 33px}h1{font-size:clamp(43px,5vw,59px)}.proofs>div{font-size:11px}.b2b-strip{padding-left:33px}.quiz-section{padding-inline:35px}}@media(max-width:800px){.header{height:74px;padding:0 22px}.header a{width:145px}.header>span:not(.header-market){display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;padding:40px 24px 34px}.hero-slider{width:100%;height:510px;min-height:0}.hero-slide figcaption{left:24px;right:24px}.slider-nav{left:24px;right:24px}.b2b-strip{width:100%;min-height:83px;padding:15px 24px}.quiz-section{padding:58px 22px 75px}.quiz-card{min-height:0;padding:31px 23px}.step{margin:37px 0 15px}}@media(max-width:520px){.header{height:66px;padding:0 17px}.header a{width:128px}.header-market{font-size:8px!important}.hero-copy{padding:31px 19px 28px}h1{font-size:clamp(42px,10vw,53px)}.lead{font-size:13px}.combo{font-size:12px}.proofs{gap:14px 8px}.proofs>div{font-size:10.5px;gap:7px}.proofs img{width:32px;height:32px}.cta{width:100%;min-height:57px;font-size:13px}.hero-slider{height:390px}.hero-slide figcaption{bottom:64px;left:19px;right:19px}.hero-slide figcaption strong{font-size:20px}.hero-slide figcaption span{max-width:145px;font-size:8px}.slider-nav{left:19px;right:19px}.b2b-strip{padding:14px 19px}.quiz-section{padding:43px 15px 60px}.quiz-card{padding:25px 15px}.quiz-top{font-size:8.5px}.quiz-top small{font-size:7.5px;text-align:right}.step h2{font-size:clamp(37px,10vw,49px)}.step-intro{font-size:12px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option{min-height:72px;padding:10px 8px;font-size:11.5px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}footer{padding:0 17px;font-size:8px}.cookie{left:0;right:0;bottom:0;flex-direction:column;align-items:stretch}.cookie>div:last-child button{flex:1}}@media(max-width:360px){.proofs>div{font-size:9.5px}.proofs img{width:28px;height:28px}.option{font-size:10.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Vensterbank palette and product details inspired by the supplied campaign banners. */
.hero-copy{background:linear-gradient(145deg,#fff 20%,#fffaf5 100%)}
h1 em{color:#eda777}
.lead{color:#3c3b36}.combo{background:#fff3e9;border-left-color:#eda777;padding:12px 15px}
.proofs>div{font-size:13px}.proofs img{width:43px;height:43px}
.header{height:72px}
.hero{height:calc(100svh - 72px);min-height:600px;grid-template-rows:minmax(0,1fr) 76px}
.hero-copy{padding:clamp(18px,2.3vw,38px) clamp(26px,4.4vw,74px)}
.eyebrow{margin-bottom:12px}
h1{font-size:clamp(47px,4vw,65px);line-height:.92;margin-bottom:16px}
.lead{font-size:clamp(13px,1vw,16px);line-height:1.5;margin-bottom:22px}
.proofs{gap:12px 14px;margin-bottom:22px}
.proofs>div{font-size:clamp(11px,.85vw,13px)}
.cta{min-height:55px}
.cta-note{margin-top:8px}
.hero-product{grid-column:2;grid-row:1/3;min-height:0;background:#f8f5f1;display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.4vw,23px);overflow:hidden}
.hero-product img{width:100%;height:100%;object-fit:contain;object-position:center}
.b2b-strip{background:#112e23}
.b2b-strip{min-height:76px;padding-top:10px;padding-bottom:10px}
.quiz-section{background:#f6f1ea}
.quiz-card{border-color:#ebddd1;box-shadow:0 24px 75px #51331d12}
.progress i{background:#eda777}
.option:hover,.option:focus-visible{outline:none;box-shadow:0 5px 22px #db9e7030}
.field textarea{display:block;width:100%;min-width:0;resize:vertical;padding:13px;border:1px solid #dcded4;background:#fff;outline:0;font:inherit}
.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #18884e20}
@media(max-width:1050px){.proofs>div{font-size:11.5px}}
@media(max-width:800px){.header{height:64px}.hero{height:auto;min-height:calc(100svh - 64px);display:flex;flex-direction:column}.hero-copy{padding:27px 24px 17px}.hero-product{width:100%;height:clamp(180px,27svh,260px);min-height:0;flex:none;padding:8px 20px}.b2b-strip{min-height:60px;padding:10px 24px}}
@media(max-width:520px){.header{height:60px}.hero{min-height:calc(100svh - 60px)}.hero-copy{padding:20px 19px 15px}.eyebrow{margin-bottom:10px}h1{font-size:clamp(36px,8.9vw,45px);margin-bottom:13px}.lead{font-size:12px;line-height:1.44;margin-bottom:16px}.proofs{gap:9px 8px;margin-bottom:16px}.proofs>div{font-size:10px;gap:7px}.proofs img{width:34px;height:34px}.cta{min-height:51px}.cta-note{font-size:7px}.hero-product{height:clamp(160px,25svh,220px);padding:5px 12px}.b2b-strip{min-height:57px;padding:8px 19px}}
@media(min-width:801px) and (max-height:750px){.hero{min-height:0}.hero-copy{padding-top:10px;padding-bottom:10px}.eyebrow{margin-bottom:8px}h1{font-size:clamp(42px,3.6vw,56px);margin-bottom:10px}.lead{margin-bottom:14px}.proofs{gap:8px 12px;margin-bottom:14px}.b2b-strip{min-height:64px}}
@media(max-width:520px) and (max-height:740px){.hero-copy{padding-top:14px;padding-bottom:10px}h1{font-size:clamp(32px,8.2vw,39px);margin-bottom:8px}.lead{margin-bottom:10px}.proofs{gap:6px 7px;margin-bottom:10px}.hero-product{height:clamp(130px,22svh,170px)}.b2b-strip{min-height:50px}}