@font-face{font-family:Manrope;src:url('esg-intake/manrope-400.woff')}@font-face{font-family:Manrope;src:url('esg-intake/manrope-700.woff');font-weight:700}
:root{--navy:#06182e;--orange:#f47b18;--orange-dark:#da6408;--text:#0b1c31;--muted:#617084;--line:#dfe5ea;--orange-soft:#fff7ef}
*{box-sizing:border-box}html{background:transparent}body{margin:0;background:#f5f5f3;color:var(--text);font:15px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.embedded{background:transparent;padding:0}.brand{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#20272d;color:#fff;padding:18px max(24px,calc((100% - 1120px)/2));border-bottom:4px solid var(--orange)}.brand a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px;font-weight:700}.brand img{width:58px;max-height:52px;object-fit:contain}.brand>span{font-size:13px}
main{width:min(1180px,calc(100% - 40px));margin:34px auto 70px;padding:44px 54px 52px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 46px rgba(3,22,42,.07)}.embedded main{width:min(1180px,calc(100% - 24px));margin:12px auto 24px;padding:44px 54px 52px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px rgba(3,22,42,.06)}body.embedded .brand{display:none!important}
h1{font-size:46px;line-height:1.08;letter-spacing:-1.6px;margin:10px 0 13px;color:var(--navy)}h2,legend{font-size:23px;line-height:1.25;font-weight:700;color:var(--navy);margin:0 0 8px}.eyebrow{display:block;font-size:12px;letter-spacing:1.2px;font-weight:700;color:var(--orange-dark)}.intro{max-width:790px;color:var(--muted);font-size:18px;line-height:1.55;margin:0 0 30px}.muted,small{color:var(--muted);font-size:12px}label small{display:inline}
.steps{display:none;gap:28px;margin:0 0 28px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.enhanced .steps{display:flex}.steps span{padding:0 2px 12px}.steps [aria-current="step"]{font-weight:700;color:var(--navy);border-bottom:3px solid var(--orange);margin-bottom:-2px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.choice{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border:1px solid #d4dce3;border-radius:12px;background:#fff;min-height:108px;transition:border-color .15s,box-shadow .15s,background .15s}.choice:hover{border-color:#c3ccd5}.choice:has(input:checked){border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:var(--orange-soft)}.choice strong{display:block;font-size:16px;color:var(--navy)}.choice small{display:block;margin-top:4px;font-size:13px}.choice input{width:18px;height:18px;margin-top:3px;accent-color:var(--orange)}
button,input,select,textarea{font:inherit}button{min-height:48px;border:1px solid var(--orange);border-radius:9px;background:var(--orange);color:#fff;padding:11px 19px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}button:hover{background:var(--orange-dark);border-color:var(--orange-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;color:var(--navy);border-color:#d4dce3}.secondary:hover{background:#f5f7f8;border-color:#c4ced6}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}.two .wide{grid-column:1/-1}label:not(.choice):not(.check){display:block;font-size:13px;font-weight:700;color:var(--navy)}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;min-width:0;min-height:54px;border:1px solid #cfd8e0;border-radius:9px;background:#fff;color:#172437;padding:12px 14px;margin-top:7px;font-size:15px;font-weight:400;outline:none;transition:border-color .15s,box-shadow .15s}input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,24,.12)}textarea{resize:vertical;line-height:1.6;min-height:122px}input::placeholder,textarea::placeholder{color:#768495;opacity:1}
fieldset{border:0;padding:0;min-width:0;margin:30px 0}.person-row{padding:20px;background:#fafbfb;border:1px solid #dce2e7;border-radius:12px;margin:12px 0}.person-main{display:grid;grid-template-columns:100px 1fr 48px;gap:14px;align-items:end}.remove-row{padding:0;font-size:24px;min-height:48px}.person-times{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:13px}.row-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#9b4a0b}.check{display:flex;align-items:flex-start;gap:9px;font-size:13px}.check input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--orange)}.row-foot .check{align-items:center}.add{display:none;width:100%;border-style:dashed;margin-top:12px}.enhanced .add{display:block}.role-help{font-size:12px;margin-top:13px}.role-help summary{cursor:pointer;font-weight:700;color:var(--navy)}.message-label{margin-top:22px}.meeting{padding:21px;border:1px solid #dce2e7;border-radius:12px;margin-top:24px;background:#fcfdfd}.meeting .muted{margin:4px 0 12px 27px}.meeting .two{margin-top:16px}.actions{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.next-actions,.back-step{display:none}.enhanced .next-actions{display:flex}.enhanced .back-step{display:block}[data-step="2"]{margin-top:24px}.enhanced [data-step="2"]{margin-top:0}.summary{white-space:pre-wrap;padding:16px 18px;border-left:4px solid var(--orange);background:var(--orange-soft);font-size:13px;margin:18px 0 24px}.error{background:#fff0ee;color:#922b1c;border-left:4px solid #bd3b27;padding:13px 16px;margin:16px 0;overflow-wrap:anywhere}.error p{margin:4px 0}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.privacy{margin-top:22px}.call-option{margin-top:30px;font-size:13px}.call-option a,a{color:#9b4a0b;text-underline-offset:3px}.reference{background:#f3f6f4;border-radius:9px;padding:15px}.success{padding:8px 0}.success h1{max-width:760px}.success p{max-width:760px;font-size:15px}.success-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.success-steps p{margin:0;padding:15px;border:1px solid #e1e5e7;border-radius:10px;background:#fafbfb}.success-steps b{color:#9a480c}[hidden]{display:none!important}
@media(max-width:900px){main,.embedded main{width:min(100% - 24px,900px);padding:36px 32px 42px}h1{font-size:39px}.intro{font-size:17px}.choices{gap:14px}.two{gap:16px}}
@media(max-width:650px){body{background:#fff}main,.embedded main{width:100%;margin:0 auto 30px;border:0;border-radius:0;box-shadow:none;padding:28px 18px 34px}.brand{padding:15px 18px}.brand span{font-size:12px}.brand a span{max-width:110px}h1{font-size:31px;letter-spacing:-.8px}.intro{font-size:15px;margin-bottom:24px}.steps{gap:18px}.choices,.two{grid-template-columns:1fr}.choice{padding:16px;min-height:auto}.person-main{grid-template-columns:70px 1fr 44px}.person-times{grid-template-columns:1fr 1fr}.person-times label:first-child{grid-column:1/-1}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px}.actions>button:not(.back-step){width:100%}.actions .muted{order:2}.actions{gap:12px}.meeting{padding:16px}.person-row{padding:14px}.success-steps{grid-template-columns:1fr}}

/* R42 – snelle offerteaanvraag */
.fast-upload{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:center;margin:0 0 26px;padding:24px 26px;border:1px solid #f3c79f;border-radius:14px;background:linear-gradient(135deg,#fff8f1 0%,#fff 72%)}
.fast-upload h2{font-size:22px;margin:5px 0 7px}.fast-upload p{margin:0;color:var(--muted)}.speed-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--orange);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px}.fast-upload-action>p{margin:9px 2px 0;font-size:12px}.file-picker{position:relative;display:block!important;padding:16px 18px!important;border:1.5px dashed #e07113!important;border-radius:11px;background:#fff;cursor:pointer}.file-picker:hover{background:#fffaf6}.file-picker strong{display:block;color:var(--navy);font-size:14px}.file-picker span{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.or-divider{display:flex;align-items:center;gap:14px;margin:4px 0 22px;color:#758293;font-size:12px}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.or-divider span{white-space:nowrap}.attachment-selected{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;margin:4px 0 18px;border-radius:10px;background:#edf7f0;border:1px solid #cce4d2;color:#1d5c2e}.attachment-selected span{font-size:13px}.attachment-selected .check{margin-left:auto;color:var(--navy)}
.person-row{padding:15px 16px}.person-grid{display:grid;grid-template-columns:90px minmax(180px,1.35fr) 170px 115px 115px 48px;gap:12px;align-items:end}.person-grid input:not([type=checkbox]),.person-grid select{min-height:48px;margin-top:5px}.person-grid .remove-row{height:48px;min-height:48px}.row-foot{margin-top:8px}.choices{margin-bottom:22px}.choice{min-height:92px;padding:18px 20px}.meeting{margin-top:20px}.message-label{margin-top:18px}.actions{margin-top:24px}
@media(max-width:1050px){.fast-upload{grid-template-columns:1fr}.person-grid{grid-template-columns:90px 1fr 160px 105px 105px 48px}}
@media(max-width:820px){.person-grid{grid-template-columns:90px 1fr 48px}.person-grid label:nth-of-type(3){grid-column:1/2}.person-grid label:nth-of-type(4),.person-grid label:nth-of-type(5){grid-row:2}.person-grid .remove-row{grid-column:3;grid-row:1}.fast-upload{padding:20px}}
@media(max-width:650px){.fast-upload{padding:17px 16px;margin-bottom:20px}.fast-upload h2{font-size:19px}.or-divider{margin:0 0 18px}.person-grid{grid-template-columns:78px 1fr 44px}.person-grid label:nth-of-type(3){grid-column:1/-1}.person-grid label:nth-of-type(4),.person-grid label:nth-of-type(5){grid-row:auto}.person-grid label:nth-of-type(4){grid-column:1/2}.person-grid label:nth-of-type(5){grid-column:2/3}.attachment-selected .check{margin-left:0;width:100%}.file-picker span{white-space:normal}}
.fast-upload.has-file{border-color:#9dceaa;background:linear-gradient(135deg,#f0faf3 0%,#fff 72%)}.fast-upload.has-file .file-picker{border-color:#4c9b61!important;background:#f8fdf9}.fast-upload.has-file .file-picker span{color:#24693a;font-weight:700}
/* R134 — contact, opdrachtgeveradres en werklocatie op vaste plekken. */
.address-section{border-top:1px solid var(--line);padding-top:22px;margin:30px 0 0}
.address-section legend{font-size:18px;font-weight:700;color:var(--navy);padding:0 12px 0 0}
.address-section>.muted{margin:0 0 18px}.same-address-choice{margin-top:4px;align-items:center}.work-address-fields{margin-top:20px}
.same-address-summary{padding:13px 15px;background:var(--orange-soft);border-left:3px solid var(--orange);overflow-wrap:anywhere}
.address-section .same-address-summary{margin:18px 0 0}input[aria-invalid="true"]{border-color:#bd3b27!important}

/* R174: the short enquiry is the default; detailed staffing stays optional. */
.optional-section{border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:0 16px;background:#fff}
.optional-section>summary{padding:14px 0;cursor:pointer;font-size:14px;font-weight:700;color:var(--navy)}
.optional-section[open]{padding-bottom:16px}.optional-section[open]>summary{margin-bottom:8px}
.optional-section .meeting{border:0;padding:0;margin:0}.optional-section .fast-upload{margin:18px 0;padding:16px;grid-template-columns:1fr}
.optional-section .speed-badge,.optional-section .fast-upload-copy{display:none}
.optional-section .address-section{border:0;margin:0;padding:0}.optional-section .address-section>legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.service-choice{margin:0 0 20px}.service-choice legend{font-size:16px}.service-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.service-options .check{align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-weight:700}.service-options .check:has(input:checked){border-color:var(--orange);background:var(--orange-soft)}
#request-form .contact-section{margin:20px 0}.optional-section .choices{margin:4px 0 12px}.optional-section .choice{min-height:0;padding:12px}.optional-section .choice small{font-size:12px}
@media(max-width:650px){.optional-section{padding:0 12px}.service-options{gap:8px}.service-options .check{padding:8px 10px;font-size:13px}#request-form .two{gap:12px}.optional-section .person-grid{grid-template-columns:68px minmax(0,1fr) 36px}.optional-section .person-row{padding:10px}.optional-section .person-grid input{padding:8px 6px}.optional-section .choices{grid-template-columns:1fr}}

/* R189: three required fields for first contact; extra details stay easy to find. */
#request-form .contact-section legend{font-size:18px}
#request-form .contact-section{margin-bottom:22px}
#client-address-details>summary,#work-location-details>summary{display:flex;gap:6px;flex-wrap:wrap}
#client-address-details input,#work-location-details input{max-width:100%}
@media(max-width:650px){.enhanced .steps{justify-content:space-between;gap:12px}.intro{margin-bottom:22px}}

/* R190: approved navy surround, white form and clear primary actions. */
body.standalone{background:var(--navy);min-height:100vh}
.brand{background:var(--navy)}
.standalone main{width:min(960px,calc(100% - 40px));box-shadow:0 18px 46px rgba(0,0,0,.2)}
.service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-options .check{min-height:58px;padding:14px 16px;gap:10px}
.service-options .check input{margin:0}
.next-actions{grid-template-columns:1fr;gap:10px}
.enhanced .next-actions{display:grid}
.next-actions .muted{margin:0}
.next-actions button{width:100%}
.actions button:not(.secondary){background:#c95300;border-color:#c95300}
.actions button:not(.secondary):hover{background:#ad4700;border-color:#ad4700}
button:focus-visible,summary:focus-visible,a:focus-visible,input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.optional-section>summary{list-style:none;display:flex;align-items:center;gap:6px}
.optional-section>summary::-webkit-details-marker{display:none}
.optional-section>summary::after{content:'⌄';margin-left:auto;flex:0 0 auto;font-size:20px;line-height:1}
.optional-section[open]>summary::after{content:'⌃'}
@media(max-width:650px){
 .standalone main{width:calc(100% - 20px);margin:12px auto 24px;padding:26px 18px 30px;border:1px solid var(--line);border-radius:14px}
 .standalone .brand a span{display:none}
 .standalone .brand>span{font-size:13px}
 .service-options{grid-template-columns:1fr}
 .service-options .check{min-height:46px;padding:10px 12px}
 .next-actions .muted{order:0}
}