@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2')}
.field-grid.field{display:grid}
.summary-card h2 br:after{content:' '}.summary-card h2{word-spacing:normal}.trust-link{flex-wrap:wrap}.stone-row .hint{font-weight:400}.step-panel input[aria-invalid=true],.step-panel select[aria-invalid=true],.step-panel textarea[aria-invalid=true]{border-color:#be4535!important}@media(max-width:760px){.summary-card h2 br{display:initial!important}}
.field-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:480px){.step-panel .field-grid{grid-template-columns:1fr}}.step-panel .section-heading p{font-size:14px}.primary{border:1px solid #008d4c!important}.radio-mark{pointer-events:none}
.primary{background:#00a65a!important;color:#fff!important;font-size:19px!important;font-weight:800!important}.primary:hover{background:#008d4c!important;color:#fff!important}.primary:focus-visible{outline:3px solid #193e76;outline-offset:4px}.intro>.usp-note{font-size:12px;line-height:1.6;margin-top:10px}.benefits{flex-wrap:wrap}.contact-route{margin-top:24px;padding:18px;background:#f6f9fd;border:1px solid #dce3ec;border-radius:8px}.contact-route p{font-size:14px;color:#617086;margin:5px 0 8px}.contact-route.active{border-color:#3275ee;background:#eef5ff}.contact-route .text-button{text-align:left;font-size:14px}.stone-row{padding:20px 0;border-bottom:1px solid #cbd6e4;margin:18px 0}.stone-row legend{font-size:16px}.stone-row .hint{margin-top:10px}.stone-row .remove-stone{margin-top:10px}.secondary-button{border:1px solid #3275ee;color:#193e76;background:white;padding:11px 14px;border-radius:6px;font-weight:650;font-size:14px;white-space:normal;text-align:left}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.trust-card{margin-top:18px;border:1px solid #dce3ec;border-radius:12px;background:#fff;padding:20px}.trust-card h3{font-size:15px;margin-bottom:10px}.trust-link{display:flex;align-items:center;gap:14px;text-decoration:none;padding:12px 0;font-size:12px}.trust-link+.trust-link{border-top:1px solid #e6ebf2}.trust-link>span:last-child{text-decoration:underline;flex:1}.trust-link img{object-fit:contain;width:110px;height:40px}.kiyoh-brand{display:flex;align-items:center;gap:9px;min-width:110px;font-size:18px}.conditional-box .field-grid>label,.field-grid>label{min-width:0}.review-box dd{word-break:break-word}.project-card small,.material small{font-size:13px!important}.project-card strong,.material strong{font-size:14px!important}.hint,.section-heading p{font-size:14px!important}.project-card{min-height:150px!important}.form-actions{flex-wrap:wrap}.form-actions .primary{max-width:100%}.demo-banner{font-size:12px!important}.faq:target{scroll-margin-top:20px}#voorwaarden:target{background:#eef5ff;padding:0 12px}@media(max-width:480px){.three-columns{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.project-card{padding:15px 11px!important}.project-card small{font-size:12px!important}.form-actions .primary{font-size:19px!important;flex:1 1 180px}.form-actions .back-button{flex:0 0 auto}.benefits{flex-direction:column;gap:6px!important;font-size:13px!important}.demo-banner{flex-wrap:wrap;gap:2px 6px!important}.demo-detail{font-size:11px}.intro>.usp-note{font-size:12px}.trust-link{font-size:13px}}
:root{--blue:#3275ee;--navy:#193e76;--ink:#172c48;--muted:#617086;--line:#dce3ec;--pale:#eef5ff;--yellow:#f6df67;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:#f7f9fc;font:16px/1.55 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,label,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(34px,4vw,48px);line-height:1.17;letter-spacing:-1.8px;font-weight:800}h2{font-size:25px;letter-spacing:-.65px;line-height:1.35;font-weight:800}h3{font-size:17px;font-weight:800;letter-spacing:-.25px}[hidden]{display:none!important}.demo-banner{min-height:32px;background:#183c73;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;letter-spacing:.2px;padding:6px 16px}.demo-dot{height:6px;width:6px;background:var(--yellow);border-radius:50%}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1176px;margin:auto;display:flex;align-items:center;gap:36px;padding:16px 28px}.brand{display:block;line-height:0}.brand img{object-fit:contain;width:120px;height:68px}.header-title{font-weight:650;font-size:15px}.header-title small{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:2px}.header-link{margin-left:auto;color:#245cbc;font-weight:700;text-decoration:none;display:flex;gap:24px;font-size:14px;border-bottom:2px solid var(--blue);padding:12px 0}.page{max-width:1176px;margin:auto;padding:26px 28px 64px}.breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:13px;margin-bottom:30px}.breadcrumb a{text-decoration:none}.intro{margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:1.45px;font-weight:800;color:#235ebe;margin-bottom:12px}.intro>p{color:var(--muted);font-size:17px;margin-top:17px;line-height:1.65}.benefits{display:flex;gap:24px;margin-top:18px;font-size:13px;font-weight:550;color:#395779}.benefits span:first-letter{color:#267751}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.form-shell{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px #203b6504}.steps{padding:25px 30px;background:#fbfcff;border-bottom:1px solid var(--line)}.steps ol{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:12px}.steps li{display:flex;align-items:center;gap:9px;flex:1;color:#788395;font-size:12px;font-weight:700;white-space:nowrap}.steps li:not(:last-child):after{content:'';height:1px;background:#dce4ef;flex:1;margin-left:5px}.step-number{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d7dfea;border-radius:50%;font-size:12px}.steps li[aria-current]{color:#235dbc}.steps li[aria-current] .step-number{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #e9f0ff}.steps li.done{color:#37624b}.steps li.done .step-number{background:#eaf5ee;border-color:#bbd9c7}.step-panel{padding:30px}.section-heading{margin-bottom:24px}.step-kicker{display:block;font-size:10px;letter-spacing:1.35px;color:#687c97;font-weight:800;margin-bottom:8px}.section-heading p{font-size:14px;color:var(--muted);margin-top:8px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-weight:650;font-size:14px;margin-bottom:9px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-card{min-height:141px;position:relative;display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:background .16s,border-color .16s}.project-card:hover{background:#f7faff;border-color:#88aff1}.project-card:has(input:checked){border-color:var(--blue);background:#f0f6ff;box-shadow:0 0 0 1px var(--blue)}.project-card strong{display:block;font-size:14px;font-weight:750}.project-card small{display:block;font-size:12px;color:var(--muted);margin-top:3px;max-width:175px;line-height:1.45}.project-symbol{font-size:29px;color:#3a72c1;line-height:1;font-family:Arial,sans-serif}.project-card input{position:absolute;opacity:0;top:17px;right:17px;width:20px;height:20px}.radio-mark{position:absolute;top:19px;right:16px;width:17px;height:17px;border:1.5px solid #c4cedb;border-radius:50%;background:#fff}.project-card input:checked~.radio-mark{border:5px solid var(--blue)}.project-card:has(input:focus-visible){outline:3px solid #9bb9ef;outline-offset:3px}.field-separator{height:1px;background:var(--line);margin:27px 0 23px}.hint{font-size:13px;color:var(--muted);line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#building-fields>.hint{margin:5px 0 16px}label{font-size:14px;font-weight:650}.optional{font-size:12px;font-weight:400;color:var(--muted)}input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{display:block;margin-top:7px;width:100%;padding:11px 12px;background:white;border:1px solid #cbd6e4;border-radius:6px;min-height:46px;color:var(--ink);font-weight:400;font-size:15px;outline-offset:2px}input::placeholder,textarea::placeholder{color:#8793a3;font-weight:400}textarea{resize:vertical;min-height:95px}.field{display:block;margin-top:21px}.unit-input{position:relative}.unit-input input{padding-right:43px!important}.unit-input>span{position:absolute;right:14px;top:12px;color:var(--muted);font-weight:400}.pills{display:flex;flex-wrap:wrap;gap:9px}.pills label{position:relative;cursor:pointer}.pills input{position:absolute;opacity:0;inset:0}.pills span{display:block;border:1px solid #cbd6e4;padding:9px 17px;border-radius:5px;font-size:13px;font-weight:500}.pills input:checked+span{background:var(--pale);color:#235ebe;border-color:var(--blue)}.pills input:focus-visible+span{outline:3px solid #9bb9ef;outline-offset:2px}.form-actions{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-top:1px solid var(--line);gap:12px}.primary{background:var(--blue);color:white;font-size:14px;font-weight:700;border:0;border-radius:6px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;transition:background .15s}.primary:hover{background:#205ecb}.primary span{font-size:20px;line-height:1}.back-button{border:0;background:none;font-size:13px;color:#5b6c85;padding:10px 0}.text-button{background:none;border:0;padding:4px 0;color:#245fc5;text-decoration:underline;font-size:13px}.summary-card{padding:28px;background:#eaf2ff;border:1px solid #dce8fa;border-radius:var(--radius)}.summary-card .eyebrow{font-size:10px;letter-spacing:1.3px}.summary-card h2{font-size:25px;line-height:1.35;letter-spacing:-.8px}.summary-card>p{font-size:14px;margin-top:13px;color:#4d6483;line-height:1.7}.summary-rule{height:1px;background:#cddcf2;margin:23px 0}.summary-card h3{font-size:13px;margin-bottom:9px}.empty-summary{font-size:13px;color:#71819a}.summary-project{font-size:16px;font-weight:750;margin-bottom:5px}.summary-detail{font-size:13px;color:#4d6483;line-height:1.7}.summary-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.summary-tags span{font-size:11px;font-weight:500;background:#fff;border:1px solid #d6e3f6;border-radius:4px;padding:4px 7px}.summary-footer{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:12px;color:#335786}.summary-footer>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#1d4563}.how-card{padding:25px 6px}.how-card h3{font-size:16px;margin-bottom:20px}.how-card ol{padding:0;margin:0;list-style:none}.how-card li{display:flex;gap:12px;margin-bottom:20px}.how-card li>span{flex:0 0 23px;height:23px;border:1px solid #cbd7e7;display:grid;place-items:center;border-radius:50%;font-size:11px;color:#547196}.how-card strong{font-size:13px;font-weight:700}.how-card li p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}.delivery-note{font-size:11px;color:#7c8796;border-top:1px solid var(--line);padding-top:17px;line-height:1.6}.materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.material{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:6px;padding:14px 12px;cursor:pointer}.material:has(input:checked){border-color:var(--blue);background:#f0f6ff}.material strong{display:block;font-size:13px}.material small{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:4px}input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0;margin:1px 0 0}.advice-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fffbdf;border:1px solid #eee5aa;border-radius:6px;margin-top:15px;cursor:pointer}.advice-option strong{font-size:13px;display:block}.advice-option small{font-size:12px;color:#726e4c;display:block;font-weight:400;margin-top:3px}.conditional-box{padding:16px;background:var(--pale);border-radius:6px;margin-top:16px}.conditional-box p{margin-top:8px}.dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;border:1.5px dashed #bdcfe8;background:#fafcff;border-radius:8px;padding:22px 16px;margin-top:16px;font-size:13px}.dropzone.dragging{background:#e7f0ff;border-color:var(--blue)}.dropzone strong{font-size:14px}.dropzone small{font-size:11px;color:var(--muted)}.upload-icon{color:#376bba;font-size:27px;line-height:1;margin-bottom:4px}.file-link{color:#235ebe;text-decoration:underline;cursor:pointer;font-size:13px}.dropzone input{max-width:100%;font-size:12px;margin:7px 0}.dropzone input::file-selector-button{border:1px solid #becfe7;border-radius:4px;background:white;color:#235ebe;padding:6px 10px;cursor:pointer}.file-list{list-style:none;padding:0;margin:10px 0 0}.file-list li{display:flex;align-items:center;gap:10px;font-size:12px;background:#f2f6fc;border-radius:4px;padding:8px 12px;margin-top:6px;overflow-wrap:anywhere}.file-list li span{min-width:0}.file-list button{margin-left:auto;background:none;border:0;font-size:18px;color:#52739b;flex-shrink:0}.check-line{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;margin-top:18px}.required-note{font-size:12px;color:var(--muted);margin:-7px 0 20px}.review-box{background:#f6f9fd;border:1px solid #e0e7f1;border-radius:8px;margin-top:27px;padding:20px}.review-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-box h3{font-size:15px}.review-box dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 14px;margin:0;font-size:12px;line-height:1.65}.review-box dt{color:var(--muted)}.review-box dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}.privacy-note{display:flex;gap:10px;margin-top:20px;font-size:12px;color:var(--muted)}.privacy-note>span{color:var(--blue);font-size:17px}.error-message{background:#fff0ed;border-left:3px solid #b34432;color:#9d3628;padding:11px 14px;font-size:13px;margin-top:12px}.form-error{margin:0 30px 18px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#be4535!important}.faq{max-width:744px;margin-top:42px}.faq h2{font-size:20px;margin-bottom:14px}.faq details{border-bottom:1px solid var(--line);font-size:14px}.faq summary{font-weight:600;padding:16px 0;cursor:pointer}.faq details p{color:var(--muted);font-size:13px;margin-bottom:18px;max-width:620px;line-height:1.8}footer{border-top:1px solid var(--line);padding:24px 28px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:var(--muted);max-width:1176px;margin:auto}.success{padding:44px 35px;text-align:center}.success-icon{display:grid;place-items:center;border-radius:50%;background:#e5f3ea;color:#32794d;width:62px;height:62px;font-size:31px;margin:0 auto 22px}.success>p{font-size:14px;color:var(--muted);margin:17px 0 24px}.success .review-box{text-align:left;margin-bottom:22px}.success .step-kicker{color:#32794d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #96b7f0;outline-offset:3px}h2:focus{outline:none}@media(max-width:1020px){.layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.summary-card{padding:22px}.step-panel{padding:24px}.steps{padding:23px}.steps li{font-size:11px;gap:7px}.form-actions{padding:21px 24px}.form-actions>.hint{display:none}.primary{margin-left:auto}.field-grid{gap:12px}}@media(max-width:760px){.page{padding:20px 18px 38px}.header-inner{padding:12px 18px;gap:15px}.brand img{width:95px;height:54px}.header-title{display:none}.header-link{font-size:12px;gap:10px}.demo-banner{font-size:10px;gap:5px}.layout{grid-template-columns:1fr}.breadcrumb{margin-bottom:23px;font-size:12px}.intro{margin-bottom:26px}h1{font-size:35px;letter-spacing:-1.3px}.intro>p{font-size:15px}.desktop-break{display:none}.benefits{flex-wrap:wrap;gap:7px 16px;font-size:11px}.intro .eyebrow{font-size:10px;letter-spacing:1px}.steps{padding:19px 16px}.steps li{font-size:10px;gap:6px}.steps ol{gap:6px}.steps li:not(:last-child):after{margin-left:2px}.step-number{height:23px;width:23px;flex-shrink:0}.step-panel{padding:24px 20px}.section-heading h2{font-size:23px}.section-heading p{font-size:13px}.project-grid{gap:10px}.project-card{padding:15px 13px;min-height:147px}.project-card strong{font-size:13px}.project-card small{font-size:11px}.form-actions{padding:19px 20px}.form-actions .primary{font-size:12px;padding:13px 15px;gap:12px}.back-button{font-size:12px}.field-grid{gap:15px}.materials-grid{grid-template-columns:1fr}.material{padding:14px}.material strong{font-size:14px}.material small{font-size:12px}.summary-card{padding:25px}.summary-card h2 br{display:none}.summary-card>p{max-width:500px}.summary-card{margin-top:6px}.how-card{padding:26px 8px 0}.how-card ol{display:grid;grid-template-columns:1fr;gap:0}.faq{margin-top:30px}.faq h2{font-size:19px}footer{padding:22px 18px;flex-direction:column;gap:5px}.form-error{margin-left:20px;margin-right:20px}.success{padding:32px 20px}.review-box{padding:16px}.review-box dl{grid-template-columns:78px minmax(0,1fr);gap:8px 10px}.success .primary{margin:0}.required-note{font-size:11px}.field-grid label{font-size:13px}.field-grid .optional{font-size:11px}input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Submission feedback and a non-interactive honeypot. */
.spam-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.primary:disabled{opacity:.65;cursor:wait}
.request-reference{font-weight:700;overflow-wrap:anywhere}

/* Unframed original hallmarks, equal height at every breakpoint. */
.header-trust{margin-left:auto;display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-trust a{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:0;background:none;text-decoration:none}
.header-trust img{display:block;width:auto;height:48px;object-fit:contain;border:0}
.form-shell{border:1px solid #91a9c7;box-shadow:0 6px 24px #193e760a}
@media(max-width:760px){.header-trust{gap:14px}.header-trust img{height:38px}.header-trust a{min-width:44px;min-height:44px}}
@media(max-width:360px){.header-trust{gap:8px}.header-trust img{height:32px}}

/* Real project photos, with captions kept readable outside the image. */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card{padding:0!important;min-height:0!important;min-width:0;gap:0}
.project-photo{display:block;width:100%;height:120px;object-fit:cover;border-radius:7px 7px 0 0;background:#e8edf2;pointer-events:none}
.project-caption{display:block;padding:13px 15px 15px}
.project-card .project-caption strong{font-size:18px!important;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
.project-card small{max-width:none}
.project-card .radio-mark{top:11px;right:11px;width:20px;height:20px;box-shadow:0 0 0 3px #ffffffb3}
.project-card input{top:11px;right:11px}
.project-card:has(input:checked) .project-caption{color:#193e76}
.photo-schuur{object-position:50% 43%}
.photo-garage{object-position:50% 50%}
.photo-uitbouw{object-position:50% 61%}
.photo-muur{object-position:50% 55%}
.photo-zwembad{object-position:50% 53%}
.photo-ander{object-position:50% 45%}
@media(max-width:480px){
  .project-photo{height:84px}
  .project-caption{padding:10px 10px 12px}
  .project-card .project-caption strong{font-size:16px!important;line-height:1.35}
  .project-card small{line-height:1.4;margin-top:5px}
}

/* Keep the mobile introduction short enough to show project choices sooner. */
.intro>p{max-width:640px}
.intro>p strong{font-weight:700;color:var(--ink);white-space:nowrap}
@media(max-width:760px){
  .header-inner{padding-top:8px;padding-bottom:8px}
  .brand img{width:84px;height:47px}
  .page{padding-top:14px}
  .breadcrumb{margin-bottom:14px;font-size:11px}
  .intro{margin-bottom:20px}
  .intro .eyebrow{display:none}
  .intro h1{font-size:29px;line-height:1.15;letter-spacing:-.9px}
  .intro h1 br{display:none}
  .intro>p{font-size:14px;line-height:1.5;margin-top:10px}
  .intro .benefits{flex-direction:row;flex-wrap:wrap;gap:4px 12px!important;margin-top:12px;font-size:11px!important;line-height:1.5}
  .steps{padding:15px 16px}
  .step-panel{padding-top:20px}
  .section-heading{margin-bottom:18px}
  .section-heading .step-kicker{display:none}
  .section-heading h2{font-size:22px}
  .section-heading p{margin-top:6px}
}
.field-error{display:block;margin-top:7px;color:#a73526;font-size:13px;line-height:1.45;font-weight:500}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5;font-weight:400}
.project-card input[aria-invalid=true]~.radio-mark{border-color:#be4535}
.unit-input:has(input[aria-invalid=true]){border-color:#be4535}
.reveal-section{scroll-margin-top:24px}
.reveal-section:focus{outline:none}
.dropzone{position:relative}
.dropzone .file-input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dropzone:has(.file-input:focus-visible){outline:3px solid #96b7f0;outline-offset:3px}
.steps li{color:#596a81}
.steps li[aria-current]{color:#235dbc}
.steps li.done{color:#37624b}
.empty-summary,.delivery-note{color:#566982}
.step-kicker{color:#596a81}
textarea{min-height:124px;line-height:1.6}
@media(max-width:360px){
  .steps li{min-width:0;white-space:normal;line-height:1.3}
  .steps li:not(:last-child):after{display:none}
}