/* Customer-facing page simplification. Brand styles remain in style.css. */
.customer-page .hero{padding-block:48px 38px}
.customer-page .hero h1{font-size:clamp(42px,4.9vw,66px)}
.customer-page .hero-copy .actions{margin:24px 0 16px}
.customer-page .hero-copy .price-message{margin:20px 0 14px;padding:12px 16px}
.customer-page .nav-links{gap:22px}
.customer-page #diensten{padding-top:26px}
.customer-page .services{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.customer-page .service{padding:22px;min-height:205px}
.customer-page .service .icon{margin-bottom:16px}
.customer-page .service h3{font-size:18px}
.customer-page .service p{font-size:13px;margin-bottom:18px}
.customer-page .service-foot{font-size:10px;gap:8px}
.customer-page .service-foot span{padding:4px 6px}
.customer-page .customer-how{padding-block:42px}
.customer-page .customer-how .pathway{gap:48px;padding:38px 42px}
.customer-page .customer-how .pathway>div>p:not(.eyebrow){font-size:15px}
.customer-energy{border:1px solid var(--line);background:#f0f2e9;border-radius:16px;margin:8px 0 34px;scroll-margin-top:110px}
.customer-energy>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;cursor:pointer;list-style:none}
.customer-energy>summary::-webkit-details-marker{display:none}
.customer-energy>summary strong{display:block;font-size:18px;line-height:1.4}
.customer-energy>summary small{display:block;margin-top:5px;font-size:13px;color:var(--muted);line-height:1.5}
.customer-energy-toggle{font-size:27px;font-weight:400;line-height:1;flex:none}
.customer-energy[open]>summary .customer-energy-toggle{font-size:0}
.customer-energy[open]>summary .customer-energy-toggle:before{content:'−';font-size:27px}
.customer-energy[open]>summary{border-bottom:1px solid var(--line)}
.customer-energy-content{padding:0 30px 20px;background:var(--paper);border-radius:0 0 16px 16px}
.customer-energy-content>.section{padding-block:35px}
.customer-energy-content .epc-concept{gap:42px}
.customer-energy-content .epb{gap:40px;padding-block:12px}
.customer-energy-content h2{font-size:clamp(29px,3vw,39px)}
.customer-energy-content .epb-professional-note{padding:16px 0}
.customer-page .footer-note{max-width:950px}
.partner-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e9eee5;border:1px solid #dbe3d8;border-radius:20px;padding:30px 36px;margin-bottom:60px}.partner-cta h2{margin:0 0 9px}.partner-cta p:last-child{max-width:620px;margin:0;color:#5d7065}.partner-cta .btn{flex:none}
@media(max-width:700px){.partner-cta{flex-direction:column;align-items:stretch;padding:25px 23px;margin-bottom:40px}.partner-cta .btn{width:100%}}
@media(max-width:1050px){.customer-page .services{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-page .service{min-height:200px}.customer-page .hero h1{font-size:clamp(42px,5vw,59px)}}
@media(max-width:900px){.customer-page .nav-links{gap:0}.customer-page .hero{gap:32px}.customer-page .customer-how .pathway{gap:30px;padding:30px}.customer-energy-content .epc-concept,.customer-energy-content .epb{gap:28px}}
@media(max-width:620px){.customer-page .hero{padding-block:32px 26px;gap:26px}.customer-page .hero h1{font-size:44px}.customer-page .hero .epc-hero{height:310px}.customer-page .hero-copy .actions .btn{width:100%}.customer-page .hero .ticks{gap:8px 15px;margin-top:16px}.customer-page #diensten{padding-top:25px}.customer-page .services{gap:10px}.customer-page .service{padding:17px;min-height:203px}.customer-page .service h3{font-size:16px}.customer-page .service p{font-size:12px}.customer-page .service-foot span{font-size:9px;max-width:calc(100% - 18px)}.customer-page .customer-how{padding-block:28px}.customer-page .customer-how .pathway{padding:25px;gap:22px}.customer-energy{margin-block:5px 24px}.customer-energy>summary{padding:21px 20px;gap:14px}.customer-energy>summary strong{font-size:16px}.customer-energy>summary small{font-size:12px}.customer-energy-content{padding:0 18px 18px}.customer-energy-content>.section{padding-block:26px}.customer-energy-content .epc-scorecard{padding:21px}.customer-energy-content .epc-card-header{flex-wrap:wrap}.customer-energy-content .epb{gap:20px}.customer-energy-content .paper{padding:22px}}
@media print{.customer-energy{border:0}.customer-energy>summary{padding:12px 0}.customer-energy-content{padding:0}.customer-energy-toggle{display:none}}

/* Home: an immediate local search and a quiet, illustrative matching flow. */
.home-page .hero-copy{min-width:0}
.home-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:9px;padding:11px;margin-top:24px;background:#fffef8;border:1px solid #d5dfcc;border-radius:15px;box-shadow:0 15px 38px #19322e12}
.home-finder-field{min-width:0}
.home-finder label{display:block;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.04em;margin:0 0 5px 3px}
.home-finder input,.home-finder select{display:block;width:100%;height:47px;min-width:0;padding:0 12px;border:1px solid #bfccbb;border-radius:8px;background:#fff;color:var(--ink);font-size:14px}
.home-finder .btn{height:47px;padding-inline:17px;white-space:nowrap}
.home-finder-note{margin:8px 0 0 3px}
.hero-match-flow{position:absolute;z-index:2;top:19px;left:19px;width:min(315px,calc(100% - 145px));min-width:270px;padding:12px 14px 13px;background:#fffef7f2;border:1px solid #e2e9da;border-radius:13px;box-shadow:0 10px 28px #19322e1f;backdrop-filter:blur(8px)}
.hero-match-kicker{display:block;margin-bottom:7px;color:#536d58;font-size:9px;font-weight:800;letter-spacing:.1em}
.hero-match-scenes{display:grid;min-height:25px}
.hero-match-scene{grid-area:1/1;display:flex;align-items:center;gap:8px;animation:home-match-maria 16s steps(1,end) infinite}
.hero-match-scene:nth-child(2){opacity:0;animation-name:home-match-jos}
.hero-match-scene:nth-child(3){opacity:0;animation-name:home-match-jeanne}
.hero-match-scene:nth-child(4){opacity:0;animation-name:home-match-marcel}
.hero-match-node{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2}
.hero-match-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e6eedf;color:#28533c;font-size:17px}
.hero-match-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-match-node:last-child .hero-match-icon{background:#f3cc62;animation:home-match-arrive 4s ease-in-out infinite}
.hero-match-track{position:relative;flex:1;min-width:18px;height:2px;background:linear-gradient(90deg,#9fb691,#d0bb70)}
.hero-match-travel{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#cf9931;box-shadow:0 0 0 4px #f3cc6240;animation:home-match-travel 4s ease-in-out infinite}
@keyframes home-match-maria{0%,24.99%{opacity:1}25%,100%{opacity:0}}
@keyframes home-match-jos{0%,24.99%{opacity:0}25%,49.99%{opacity:1}50%,100%{opacity:0}}
@keyframes home-match-jeanne{0%,49.99%{opacity:0}50%,74.99%{opacity:1}75%,100%{opacity:0}}
@keyframes home-match-marcel{0%,74.99%{opacity:0}75%,99.99%{opacity:1}100%{opacity:0}}
@keyframes home-match-travel{0%,8%{left:0;opacity:0}18%{opacity:1}68%{left:calc(100% - 10px);opacity:1}80%,100%{left:calc(100% - 10px);opacity:0}}
@keyframes home-match-arrive{0%,58%,100%{box-shadow:0 0 0 0 #f3cc6200}70%{box-shadow:0 0 0 6px #f3cc6260}}
@media(max-width:900px){.home-finder{grid-template-columns:1fr 1fr}.home-finder .btn{grid-column:1/-1}.hero-match-flow{width:calc(100% - 26px);min-width:0}.home-page .epc-image-caption{display:none}}
@media(max-width:620px){.home-finder{grid-template-columns:1fr;margin-top:20px;padding:12px}.home-finder .btn{grid-column:auto;width:100%}.home-finder input,.home-finder select{font-size:16px}.hero-match-flow{top:13px;left:13px;width:calc(100% - 26px);padding:10px 12px}.hero-match-kicker{font-size:8px}.hero-match-node{font-size:10px}.hero-match-icon{width:22px;height:22px}.home-page .epc-image-caption{top:auto;bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.hero-match-scene,.hero-match-travel,.hero-match-node:last-child .hero-match-icon{animation:none}.hero-match-scene:nth-child(n+2){display:none}.hero-match-travel{left:calc(100% - 10px);opacity:1}}