/* Pagina Bouwpotentiescan (HKL Assistent). Gebaseerd op het goedgekeurde concept van oktober 2026.
   Kop en voettekst komen van het thema; alles hieronder geldt alleen binnen .bps. */
.bps{--havermout:var(--hav,#F0ECE3);--aubergine:var(--aub,#5B3A54);--antraciet:var(--ant,#2B2C31);--papier:var(--hav-l,#F7F4EE);
  --ant-2:#4A4B52;--ant-3:#6E6F75;--ant-4:#8A8B90;--haarlijn:#B5A6B2;--font:inherit;
  font-weight:300;font-size:16px;line-height:1.65;color:var(--antraciet)}
.bps a{color:var(--aubergine)}
.bps .cta-intro a{color:var(--havermout)}
.bps .lead{font-weight:300}
.bps .vraag-chat{grid-column:1/-1;font-size:14px;color:var(--ant-3);margin:0}
.bps .vraag-chat a{border-bottom:1px solid var(--aubergine);text-decoration:none}
.bps .honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bps .btn[disabled]{opacity:.6;cursor:wait}
.bps .done.fout{border-left-color:#9B2C2C}
.bps .disc-sec{padding-block:0 56px}
/* Layout: smalle tekstkolom op havermout, aubergine banden voor hero-accent en eind-CTA; vierkante vlakken, lijntekeningen als beeld */




.bps h1,.bps h2,.bps h3{text-wrap:balance;margin:0}.bps h1{font-weight:200;font-size:clamp(36px,5.6vw,58px);line-height:1.08;letter-spacing:-.01em}.bps h2{font-weight:200;font-size:clamp(30px,4vw,44px);line-height:1.12}.bps h3{font-weight:500;font-size:19px;line-height:1.35}.bps p{margin:0}.bps .label{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--aubergine)}













/* hero */
.bps .bps-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:64px 56px}.bps .hero-txt{display:flex;flex-direction:column;gap:22px;min-width:0}.bps .lead{font-size:18px;color:var(--ant-2);max-width:34em}.bps .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.bps .btn{display:inline-block;font-family:var(--font);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:15px 22px;text-decoration:none;border:1px solid var(--aubergine);cursor:pointer}.bps .btn-p{background:var(--aubergine);color:var(--havermout)}.bps .btn-p:hover{background:var(--antraciet);border-color:var(--antraciet)}.bps .btn-s{background:transparent;color:var(--aubergine)}.bps .btn-s:hover{background:var(--papier)}.bps .facts{display:flex;gap:28px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--haarlijn);margin-top:8px}.bps .facts div{display:flex;flex-direction:column}.bps .facts strong{font-weight:500;font-size:17px}.bps .facts span{font-size:13px;color:var(--ant-3)}.bps .hero-img svg{width:100%;height:auto;display:block}.bps section{padding-block:72px}.bps .sec-head{display:flex;flex-direction:column;gap:12px;max-width:680px;margin-bottom:40px}.bps .sec-head p{color:var(--ant-2);font-size:17px}.bps .bps-lijn{border-top:1px solid var(--haarlijn)}

/* situaties */
.bps .sit{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--antraciet)}.bps .sit article{padding:26px 26px 26px 0;display:flex;flex-direction:column;gap:12px;min-width:0}.bps .sit article+article{padding-left:26px;border-left:1px solid var(--haarlijn)}.bps .sit svg{width:64px;height:64px}.bps .sit p{color:var(--ant-2)}

/* wat u ontvangt */
.bps .recv{background:var(--papier)}.bps .pages{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.bps .pages figure{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}.bps .pages svg{width:100%;height:auto;display:block;box-shadow:0 1px 0 var(--haarlijn),0 18px 40px -24px rgba(43,44,49,.35)}.bps figcaption{display:flex;flex-direction:column;gap:4px}.bps figcaption span{color:var(--ant-2);font-size:15px}.bps .also{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--haarlijn);padding-top:26px}.bps .also div{display:flex;flex-direction:column;gap:4px;min-width:0}.bps .also strong{font-weight:500}.bps .also span{font-size:14px;color:var(--ant-3)}

/* stappen */
.bps .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s;list-style:none;margin:0;padding:0}.bps .steps li{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--antraciet);padding-top:18px;min-width:0}.bps .steps li::before{counter-increment:s;content:counter(s);font-weight:200;font-size:44px;line-height:1;color:var(--aubergine)}.bps .steps p{color:var(--ant-2);font-size:15px}

/* doelgroepen */
.bps .who{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.bps .who dl{margin:0;display:flex;flex-direction:column}.bps .who dt{font-weight:500;font-size:17px;padding-top:16px;border-top:1px solid var(--haarlijn)}.bps .who dd{margin:4px 0 16px;color:var(--ant-2)}.bps .quote{background:var(--aubergine);color:var(--havermout);padding:36px;display:flex;flex-direction:column;gap:18px}.bps .quote p{font-weight:200;font-size:26px;line-height:1.3}.bps .quote .label{color:var(--havermout);opacity:.8}

/* formulier */
.bps .cta{background:var(--aubergine);color:var(--havermout)}.bps .cta .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding-block:72px}.bps .cta h2{color:var(--havermout)}.bps .cta .label{color:var(--havermout);opacity:.75}.bps .cta-intro{display:flex;flex-direction:column;gap:18px;min-width:0}.bps .cta-intro p{opacity:.9}.bps .cta-intro ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;opacity:.9}.bps form{background:var(--havermout);color:var(--antraciet);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.bps .f{display:flex;flex-direction:column;gap:6px;min-width:0}.bps .f.full{grid-column:1/-1}.bps label{font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ant-3)}.bps input,.bps select,.bps textarea{font-family:var(--font);font-weight:300;font-size:16px;color:var(--antraciet);background:var(--papier);border:1px solid var(--haarlijn);border-radius:0;padding:11px 12px;width:100%}.bps input:focus,.bps select:focus,.bps textarea:focus{outline:2px solid var(--aubergine);outline-offset:0;border-color:var(--aubergine)}.bps textarea{min-height:84px;resize:vertical}.bps .check{flex-direction:row;align-items:flex-start;gap:10px}.bps .check input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--aubergine)}.bps .check span{font-size:14px;color:var(--ant-2);text-transform:none;letter-spacing:0;font-weight:300}.bps form .btn{grid-column:1/-1;justify-self:start}.bps .form-note{grid-column:1/-1;font-size:13px;color:var(--ant-3)}.bps .hint{font-size:13px;color:var(--ant-3)}.bps .files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ant-2)}.bps .files:empty{display:none}.bps .files li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--haarlijn);padding:4px 0;min-width:0}.bps .files li span:first-child{overflow-wrap:anywhere}.bps .files li span:last-child{color:var(--ant-4);font-variant-numeric:tabular-nums;flex:none}.bps input[type=file]{padding:10px;font-size:14px}.bps input[type=file]::file-selector-button{font-family:var(--font);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--havermout);color:var(--aubergine);border:1px solid var(--aubergine);border-radius:0;padding:8px 12px;margin-right:12px;cursor:pointer}.bps .tel-msg{font-size:13px;color:var(--aubergine);min-height:0}.bps .tel-msg:empty{display:none}.bps input[aria-invalid="true"]{border-color:var(--aubergine);border-width:2px}.bps .done{grid-column:1/-1;border-left:3px solid var(--aubergine);padding:10px 14px;background:var(--papier);font-size:15px}

/* faq */
.bps .faq{max-width:760px}.bps details{border-top:1px solid var(--haarlijn)}.bps details:last-child{border-bottom:1px solid var(--haarlijn)}.bps summary{cursor:pointer;list-style:none;padding:18px 32px 18px 0;font-weight:500;font-size:17px;position:relative}.bps summary::-webkit-details-marker{display:none}.bps summary::after{content:"+";position:absolute;right:4px;top:12px;font-weight:200;font-size:28px;color:var(--aubergine)}.bps details[open] summary::after{content:"−"}.bps details p{padding:0 0 20px;color:var(--ant-2)}.bps .disc{font-size:13px;color:var(--ant-4);max-width:620px}

@media (max-width:900px){.bps .bps-hero .wrap,.bps .cta .wrap,.bps .who{grid-template-columns:1fr;gap:36px}.bps .pages{grid-template-columns:1fr;max-width:420px}.bps .steps,.bps .also{grid-template-columns:1fr 1fr}.bps .sit{grid-template-columns:1fr}.bps .sit article,.bps .sit article+article{padding:22px 0;border-left:0;border-top:1px solid var(--haarlijn)}.bps .sit article:first-child{border-top:0}
}
@media (max-width:560px){.bps .steps,.bps .also{grid-template-columns:1fr}.bps form{grid-template-columns:1fr;padding:22px}.bps .bps-hero .wrap{padding-block:40px}.bps section{padding-block:52px}.bps .quote{padding:26px}.bps .quote p{font-size:22px}
}
@media (prefers-reduced-motion:no-preference){.bps .env{animation:rise 1.6s ease-out .3s both}
  @keyframes rise{from{transform:translateY(10px);opacity:.25}to{transform:none;opacity:1}}
}
.bps .f input:not([type=checkbox]),.bps .f select,.bps .f textarea{background:var(--papier);border-color:var(--haarlijn)}