:root{--dark:#202630;--dark2:#2c333c;--orange:#ef6428;--orange2:#ff8548;--paper:#f7f6f3;--ink:#232933;--muted:#737c85;--line:#e5e7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.57;color:var(--ink);background:white}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.wrap{max-width:1190px;margin:auto;padding:0 28px}.skip{position:absolute;transform:translateY(-130px);background:white;color:black;z-index:99;padding:12px}.skip:focus{transform:translateY(0)}.site-header{background:#fff;position:relative;z-index:15;border-bottom:1px solid #edf0f1}.header-inner{display:flex;align-items:center;height:94px;gap:26px}.logo-link{display:flex;align-items:center;flex:none}.logo-link img{width:292px;height:auto;max-width:100%}.header-inner nav{display:flex;gap:30px;margin-left:auto;align-items:center}.header-inner nav a{font-size:13px;color:#454e58;font-weight:660;white-space:nowrap}.header-inner nav a:hover,.footer a:hover{color:var(--orange)}.header-contact{border:1px solid #e8e9eb;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:800;white-space:nowrap}.header-contact span{font-size:16px;color:var(--orange);margin-right:5px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.hero{color:white;background:var(--dark);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;min-height:595px}.hero-copy{padding:91px 0 80px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--orange);margin:0 0 24px}.eyebrow{color:#ff965c;display:flex;align-items:center;gap:12px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--orange)}h1,h2,h3,p{overflow-wrap:break-word}.hero h1{font-size:clamp(40px,4.8vw,67px);line-height:1.09;letter-spacing:-.052em;font-weight:780;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--orange2)}.hero-lead{color:#b8c0c8;font-size:16px;line-height:1.82;max-width:575px;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{min-height:52px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:800;padding:15px 21px;transition:.2s ease;transition-property:background,border,transform}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:#fff;border:1px solid var(--orange)}.btn-orange:hover{background:#d95119}.btn-outline-light{color:#fff;border:1px solid #6c727b}.btn-outline-light:hover{background:#323a46}.btn-dark{color:white;background:var(--dark)}.btn-dark:hover{background:#383e48}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:43px;color:#adb5bf;font-size:11px}.hero-meta b{color:#ff9869;margin-right:5px}.hero-visual{position:relative;min-height:500px;margin-left:30px}.visual-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(239,100,40,.22),transparent 67%);left:6%;top:0}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,black 27%)}.device{position:absolute;right:70px;top:130px;width:300px;height:342px;border-radius:12px;background:linear-gradient(130deg,#f3f4f5 0%,#fdfdfc 55%,#dadddf 100%);border:5px solid #dde0e2;box-shadow:30px 35px 50px #0c111799,-12px -10px 35px #ffffff10;transform:perspective(800px) rotateY(-8deg)}.device-top{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;color:#434b52}.device-mark{font-weight:1000;letter-spacing:-.11em;font-size:27px}.device-mark span{color:var(--orange)}.device-top small{font-size:8px;letter-spacing:.16em}.fan{position:absolute;inset:60px 34px 49px;background:#29303a;border-radius:50%;border:10px solid #39434b;box-shadow:inset 0 0 0 2px #b1b9bc,0 0 0 4px #e3e5e6;display:grid;place-items:center}.fan-inner{width:160px;height:160px;border-radius:50%;position:relative;background:#202831;box-shadow:inset 0 0 12px #10151a}.fan-inner:after{content:"";position:absolute;width:29px;height:29px;border-radius:50%;background:#c3c9ce;left:calc(50% - 14px);top:calc(50% - 14px);box-shadow:inset 0 0 0 8px #9ea8af}.fan-inner i{position:absolute;top:calc(50% - 12px);left:50%;width:69px;height:30px;border-radius:80% 25% 55% 30%;background:linear-gradient(110deg,#8f9aa3,#c5cdd1);transform-origin:0 50%}.fan-inner i:nth-child(1){transform:rotate(10deg)}.fan-inner i:nth-child(2){transform:rotate(100deg)}.fan-inner i:nth-child(3){transform:rotate(190deg)}.fan-inner i:nth-child(4){transform:rotate(280deg)}.device-bottom{position:absolute;bottom:12px;left:19px;right:15px;display:flex;align-items:center;gap:7px;color:#868e94;font-size:7px;font-weight:800;letter-spacing:.07em}.indicator{width:7px;height:7px;background:#59a280;border-radius:50%}.floating{background:#fff;color:#242c35;display:flex;align-items:center;gap:12px;border-radius:9px;padding:15px 17px;box-shadow:0 20px 35px #0004;position:absolute;min-width:205px}.floating strong{display:block;font-size:12px}.floating small{display:block;font-size:10px;color:#91969c}.float-icon{display:grid;place-items:center;background:#fff1e9;color:var(--orange);width:33px;height:33px;border-radius:7px;font-size:19px;font-weight:800}.floating-top{top:104px;left:-25px}.floating-bottom{right:0;bottom:94px}.visual-caption{position:absolute;right:55px;bottom:33px;font-size:9px;letter-spacing:.13em;color:#939aa1}.visual-caption span{color:var(--orange)}.service-strip{border-bottom:1px solid var(--line);background:#f7f7f6}.strip-inner{display:flex;gap:32px;align-items:center;justify-content:space-between;min-height:67px;color:#737c84;font-size:10px;font-weight:850;letter-spacing:.13em}.sep{color:#e5a282}.section{padding:110px 0}.services-section{background:#fff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.feature-content h2,.faq-grid h2{font-size:clamp(33px,3.4vw,46px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:800}.section-heading h2 span,.feature-content h2 span,.faq-grid h2 span{color:var(--orange)}.section-heading>p{max-width:375px;color:var(--muted);font-size:14px;margin:0 0 4px;line-height:1.9}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:8px;padding:30px 30px 29px;background:#fff;display:flex;flex-direction:column;min-height:355px;transition:box-shadow .2s,border .2s}.service-card:hover{box-shadow:0 12px 38px #262b3011;border-color:#f2bda0}.service-symbol{width:56px;height:56px;border-radius:7px;background:#fcf1eb;display:grid;place-items:center;margin-bottom:31px}.service-symbol svg{width:27px;height:27px;fill:none;stroke:var(--orange);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.service-no{font-size:10px;color:#9ba2aa;letter-spacing:.13em;font-weight:800;margin-bottom:8px}.service-card h3{font-size:21px;letter-spacing:-.02em;margin:0 0 13px}.service-card p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 28px}.service-card a{font-size:12px;color:#df602b;font-weight:790;margin-top:auto}.service-card a span{margin-left:7px}.feature-section{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:94px;align-items:center}.feature-graphic{min-height:440px;border-radius:9px;background:#232c36;display:grid;place-items:center;overflow:hidden;position:relative}.feature-circle{width:305px;height:305px;border-radius:50%;border:1px solid #6b767e;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff}.feature-circle:before{content:"";position:absolute;inset:18px;border:1px dashed #65717d;border-radius:50%}.feature-circle>span{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.18em;position:relative}.feature-circle strong{font-size:29px;line-height:1.28;text-align:center;letter-spacing:-.03em;margin-top:10px;position:relative}.feature-circle em{font-style:normal;color:var(--orange)}.orbits{position:absolute;border:1px solid #4a5b68;border-radius:50%;pointer-events:none}.orbit-one{inset:-50px}.orbit-two{inset:-96px}.detail-label{position:absolute;bottom:31px;color:#b3bbc4;font-size:9px;letter-spacing:.13em;font-weight:750}.detail-label span{color:var(--orange);margin:0 7px}.feature-content>p:not(.section-kicker){font-size:14px;color:#69727c;line-height:1.95}.feature-content>p:nth-of-type(2){margin-top:28px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0 30px}.mini-features>div{border-left:3px solid var(--orange);padding-left:12px}.mini-features b{display:block;font-size:12px}.mini-features small{color:var(--muted);font-size:11px}.process-section{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:2px solid var(--dark);padding-top:25px}.step-num{font-size:13px;font-weight:800;color:var(--orange)}.step h3{font-size:19px;letter-spacing:-.02em;margin:14px 0 6px}.step p{font-size:13px;color:var(--muted);line-height:1.8;max-width:290px}.faq-section{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-intro{max-width:350px;color:var(--muted);line-height:1.9}.text-link{font-size:13px;color:var(--orange);font-weight:850}.faq-items details{border-bottom:1px solid #d8dcdf;padding:19px 0}.faq-items details:first-child{border-top:1px solid #d8dcdf}.faq-items summary{cursor:pointer;list-style:none;font-size:15px;font-weight:750;padding-right:25px;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";color:var(--orange);font-size:23px;position:absolute;right:2px;top:-3px}.faq-items details[open] summary:after{content:"−"}.faq-items p{font-size:13px;color:var(--muted);line-height:1.9;max-width:540px;margin:12px 0 0}.cta-section{background:var(--dark);color:white;padding:78px 0}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-grid h2{font-size:clamp(35px,4vw,54px);letter-spacing:-.047em;line-height:1.12;margin:0 0 20px}.cta-grid p:not(.section-kicker){max-width:540px;color:#b6bec8;font-size:14px;line-height:1.8}.cta-buttons{display:flex;flex-direction:column;gap:12px;min-width:240px}.footer{background:#f8f8f7;border-top:1px solid #ececec}.footer-inner{padding-top:60px;padding-bottom:44px;display:flex;justify-content:space-between;gap:25px}.footer-inner img{width:260px;max-width:100%;height:auto}.footer-inner p{font-size:12px;color:#8a9097;margin:17px 0}.footer-links{display:flex;flex-direction:column;gap:9px;align-items:flex-end;font-size:12px;font-weight:600}.footer-bottom{padding-top:15px;padding-bottom:24px;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;font-size:11px;color:#9299a0}.footer-bottom a{color:var(--ink)}.legal-body{background:var(--paper)}.legal-page{padding-top:65px;padding-bottom:95px;max-width:850px}.legal-page h1{font-size:46px;letter-spacing:-.04em;margin:10px 0}.legal-page h2{font-size:23px;letter-spacing:-.02em;margin-top:37px}.legal-page p{line-height:1.9;color:#67717b}.legal-page .lead{font-size:17px}.legal-page .smallprint{border:1px solid #eebd9c;background:#fff8f1;padding:14px 20px;border-radius:7px;font-size:12px;margin-top:30px}.back-link{font-size:12px;color:var(--orange);font-weight:700}.legal-page a:not(.back-link){color:var(--orange)}
@media(max-width:1150px){.header-inner nav{gap:16px}.logo-link img{width:240px}.hero-grid{grid-template-columns:1.2fr .9fr}.device{right:20px;width:252px;height:306px}.fan{inset:63px 29px 50px}.fan-inner{width:140px;height:140px}.floating-top{left:-35px}.floating-bottom{right:-15px}.feature-grid{gap:55px}}
@media(max-width:920px){.menu-toggle{display:block;margin-left:auto}.header-inner{height:74px}.header-inner nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:16px 25px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch;gap:0}.header-inner nav.open{display:flex}.header-inner nav a{padding:12px 0}.header-contact{margin-left:auto}.hero-grid{grid-template-columns:1fr .9fr}.hero-copy{padding:70px 0}.hero h1{font-size:45px}.hero-visual{min-height:470px}.device{right:0}.floating{min-width:150px}.floating-top{left:-25px}.feature-grid{gap:25px}}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.header-inner{gap:13px}.logo-link img{width:190px}.header-contact{font-size:0;padding:8px 12px}.header-contact span{font-size:18px;margin:0}.hero-grid{display:block}.hero-copy{padding:59px 0 55px}.hero h1{font-size:clamp(37px,9vw,52px)}.hero-lead{font-size:14px;max-width:500px}.hero-meta{gap:12px 18px;margin-top:28px}.hero-visual{height:300px;min-height:300px;margin-left:0}.device{top:13px;right:calc(50% - 125px);width:240px;height:264px;border-width:4px}.device-top{padding:11px}.device-mark{font-size:22px}.fan{inset:48px 29px 34px}.fan-inner{width:120px;height:120px}.fan-inner i{width:54px;height:25px}.device-bottom{font-size:6px;bottom:9px}.floating{padding:10px;gap:8px;min-width:0}.floating strong{font-size:10px}.floating small{font-size:9px}.float-icon{width:25px;height:25px}.floating-top{top:13px;left:0}.floating-bottom{bottom:30px;right:0}.visual-caption{display:none}.strip-inner{justify-content:center;flex-wrap:wrap;gap:5px 17px;padding-top:17px;padding-bottom:17px;min-height:0;font-size:9px}.sep{display:none}.section{padding:70px 0}.section-heading{display:block}.section-heading h2{font-size:35px}.section-heading>p{margin-top:20px}.service-cards{grid-template-columns:1fr}.service-card{min-height:0}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-graphic{min-height:310px}.feature-circle{height:240px;width:240px}.feature-circle strong{font-size:24px}.feature-content h2{font-size:35px}.steps{grid-template-columns:1fr;gap:18px}.step{padding-top:14px}.faq-grid{grid-template-columns:1fr;gap:20px}.cta-grid{display:block}.cta-buttons{margin-top:26px}.footer-inner{display:block}.footer-links{align-items:flex-start;margin-top:26px}.footer-bottom{gap:20px;flex-wrap:wrap}.legal-page h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Publiek aanvraagformulier, in dezelfde stijl als de website. */
.request-body{background:#f7f6f3}.request-wrap{padding-top:37px;padding-bottom:85px}.request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;margin-top:30px;align-items:start}.request-aside{background:#202630;color:white;border-radius:8px;padding:44px 36px;position:relative;overflow:hidden;min-height:600px}.request-aside:after{content:"";position:absolute;border:1px solid #ffffff13;width:400px;height:400px;border-radius:50%;left:-185px;bottom:-205px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04;pointer-events:none}.request-aside h1{font-size:clamp(31px,3.3vw,43px);line-height:1.16;letter-spacing:-.043em;margin:0 0 23px}.request-aside em{font-style:normal;color:#ff925a}.request-aside>p:not(.section-kicker){font-size:14px;line-height:1.85;color:#bec6cc}.request-facts{display:grid;gap:18px;margin:40px 0 50px;font-size:12px;color:#dce1e6}.request-facts span{display:flex;align-items:center;gap:12px}.request-facts b{color:#ff9157;font-size:11px}.request-aside-foot{border-top:1px solid #59616a;padding-top:25px;position:relative;display:flex;flex-direction:column;gap:7px}.request-aside-foot strong{font-size:11px;color:#c9d0d6;margin-bottom:4px}.request-aside-foot a{font-size:14px;font-weight:700}.request-panel{background:white;border:1px solid #e9e7e3;border-top:4px solid var(--orange);border-radius:8px;padding:38px 43px 42px;box-shadow:0 15px 38px #21262e0a}.request-panel h2{font-size:32px;line-height:1.16;letter-spacing:-.03em;margin:0 0 8px}.request-intro{color:#778089;font-size:13px;line-height:1.8;margin:0 0 23px}.request-form{display:grid;gap:16px}.request-form label{font-size:12px;font-weight:750;color:#363d45;display:flex;flex-direction:column;gap:7px}.request-form input,.request-form select,.request-form textarea{width:100%;background:#fff;border:1px solid #dce0e3;border-radius:6px;padding:12px 13px;outline:none;min-height:44px;color:#252b33;font-size:13px;font-weight:400}.request-form textarea{resize:vertical}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f0632318}.request-form ::placeholder{color:#9ca4aa}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-form .privacy-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.65;font-weight:500;color:#636c73}.request-form .privacy-check input{width:17px;height:17px;min-height:0;margin:2px 0 0;flex:none}.privacy-check a{color:#df602b;text-decoration:underline}.form-button{display:flex;align-items:center;justify-content:center;gap:18px;width:fit-content;background:var(--orange);border:1px solid var(--orange);color:white;border-radius:5px;padding:15px 21px;font-size:13px;font-weight:800;cursor:pointer;min-height:50px}.form-button:hover{background:#d9541f;color:white}.form-disclaimer{font-size:11px;color:#929ba3;line-height:1.5;margin:-7px 0 0}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.request-note{border-left:3px solid var(--orange);background:#fcf7f1;padding:15px 18px;color:#545b62;font-size:13px}.request-success-icon{width:50px;height:50px;border-radius:50%;background:#eaf5ea;color:#3f915a;display:grid;place-items:center;font-size:27px;margin-bottom:23px}.request-panel .form-button{margin-top:20px}@media(max-width:880px){.request-grid{grid-template-columns:1fr;gap:20px}.request-aside{min-height:0}.request-facts{margin:25px 0}.request-wrap{padding-top:25px}.request-panel{padding:33px 28px}}@media(max-width:560px){.request-aside{padding:28px 24px}.request-panel{padding:27px 20px}.form-two{grid-template-columns:1fr;gap:15px}.request-panel h2{font-size:26px}.request-grid{margin-top:20px}}

/* v0.6.1: echte warmtepomp-foto rechts van de homepage-tekst. */
.hero-visual { position: relative; min-height: 595px; margin-left: 20px; }
.hero-heatpump-photo { position: absolute; top: 68px; right: 0; width: min(100%, 505px); height: 470px; object-fit: cover; object-position: center center; display: block; border-radius: 16px; border: 1px solid rgba(255,255,255,.17); box-shadow: 0 26px 70px rgba(0,0,0,.35); }
.hero-visual .visual-glow { top: 4px; left: -2%; }
.hero-visual .floating-top { top: 45px; left: -28px; }
.hero-visual .floating-bottom { bottom: 42px; right: -17px; }
.hero-visual .visual-caption { bottom: 10px; right: 3px; }
@media (max-width: 1150px) {
  .hero-heatpump-photo { top: 68px; height: 440px; }
  .hero-visual .floating-top { left: -17px; }
  .hero-visual .floating-bottom { right: -6px; }
}
@media (max-width: 920px) and (min-width: 761px) {
  .hero-visual { min-height: 490px; margin-left: 12px; }
  .hero-heatpump-photo { top: 75px; height: 362px; }
  .hero-visual .floating-top { top: 55px; left: -20px; }
  .hero-visual .floating-bottom { bottom: 16px; }
  .hero-visual .visual-caption { display: none; }
}
@media (max-width: 760px) {
  .hero-copy { padding-bottom: 20px; }
  .hero-visual { height: 420px; min-height: 420px; margin: 0 0 22px; }
  .hero-heatpump-photo { top: 15px; right: 0; left: 0; width: 100%; height: 365px; border-radius: 12px; }
  .hero-visual .floating-top { top: 1px; left: 7px; }
  .hero-visual .floating-bottom { bottom: 4px; right: 7px; }
  .hero-visual .visual-caption { display: none; }
}

/* v0.6.3: servicekaart aan de onderrechterrand van de warmtepompfoto.
   De verticale positie volgt de foto, niet de variabele hoogte van de hero-sectie. */
.hero-visual .floating-bottom {
  top: calc(68px + 470px - 32px);
  bottom: auto;
  right: -17px;
}
@media (max-width: 1150px) {
  .hero-visual .floating-bottom { top: calc(68px + 440px - 32px); right: -6px; }
}
@media (max-width: 920px) and (min-width: 761px) {
  .hero-visual .floating-bottom { top: calc(75px + 362px - 32px); }
}
@media (max-width: 760px) {
  .hero-visual .floating-bottom { top: calc(15px + 365px - 32px); right: 7px; }
}