:root{--ink:#182124;--muted:#5d696d;--paper:#f7f5ef;--surface:#fff;--line:#d7edf6;--teal:#96dbf8;--teal-dark:#236f86;--teal-soft:#e8f8fe;--teal-mid:#5fc3e8;--gold:#236f86;--charcoal:#111719;--shadow:0 24px 70px #236f862e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}img,svg{display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.1rem;height:1.1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{z-index:30;color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;min-height:76px;padding:0 32px;transition:background .18s,box-shadow .18s,color .18s;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled,.site-header.is-open{color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;box-shadow:0 14px 40px #236f8629}.brand{width:172px;min-height:52px;box-shadow:none;filter:drop-shadow(0 0 1px #ffffffe6)drop-shadow(0 0 7px #ffffff6b)drop-shadow(0 8px 18px #071a2038);background:0 0;border:0;border-radius:8px;align-items:center;min-width:0;padding:0;display:inline-flex}.brand-logo{object-fit:contain;width:100%;height:auto;max-height:42px}.site-nav{justify-self:center;align-items:center;gap:.35rem;display:flex}.site-nav a{border-radius:6px;place-items:center;min-height:42px;padding:0 .9rem;font-size:.95rem;font-weight:700;display:inline-grid}.site-nav a:hover,.site-nav a:focus-visible{background:#ffffff2e;outline:none}.site-header.is-scrolled .site-nav a:hover,.site-header.is-scrolled .site-nav a:focus-visible,.site-header.is-open .site-nav a:hover,.site-header.is-open .site-nav a:focus-visible{background:var(--teal-soft)}.header-action,.button,.direct-links a{border-radius:6px;justify-content:center;align-items:center;gap:.55rem;min-height:46px;font-weight:800;line-height:1;display:inline-flex}.header-action{color:var(--ink);background:var(--teal);border:1px solid #236f862e;padding:0 1rem}.site-header:not(.is-scrolled):not(.is-open) .header-action{color:var(--ink);background:#96dbf8eb;border:1px solid #ffffff94}.nav-toggle{color:currentColor;cursor:pointer;background:0 0;border-radius:6px;justify-self:end;place-items:center;width:46px;height:46px;display:none}.hero{color:#fff;background:var(--charcoal);align-items:end;min-height:88svh;display:grid;position:relative;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media{background-image:url(/assets/renovatie-hero.png);background-position:50%;background-size:cover;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#08181cd6 0%,#236f869e 46%,#96dbf847 78%),linear-gradient(#08181c47 0%,#08181c57 48%,#08181cbd 100%)}.hero-content{z-index:1;width:min(1120px,100% - 40px);margin:0 auto;padding:150px 0 112px;position:relative}.hero-logo-panel{width:min(340px,78vw);box-shadow:none;filter:drop-shadow(0 0 1px #fffffff2)drop-shadow(0 0 9px #ffffff6b)drop-shadow(0 12px 24px #00000042);background:0 0;border:0;border-radius:8px;align-items:center;margin-bottom:1.25rem;padding:0;display:inline-flex}.hero-logo-panel img{width:100%;height:auto}.eyebrow,.section-kicker{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 .85rem;font-size:.8rem;font-weight:900}.hero .eyebrow{color:var(--teal);text-shadow:0 2px 18px #00000052}.hero h1,.section h2,.intro h2{letter-spacing:0;margin:0;line-height:1.03}.hero h1{max-width:720px;font-size:4.6rem}.hero-copy{color:#ffffffe6;max-width:650px;margin:1.25rem 0 0;font-size:1.28rem}.hero-badges{flex-wrap:wrap;gap:.6rem;margin-top:1.35rem;display:flex}.hero-badges span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#96dbf829;border:1px solid #96dbf885;border-radius:6px;place-items:center;min-height:36px;padding:0 .8rem;font-size:.92rem;font-weight:900;display:inline-grid}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{cursor:pointer;border:1px solid #0000;padding:.05rem 1.15rem 0}.button-primary{color:var(--ink);background:var(--teal);border-color:#236f8633;box-shadow:0 16px 42px #236f863d}.button-primary:hover,.button-primary:focus-visible,.header-action:hover,.header-action:focus-visible{color:#fff;background:var(--teal-dark);outline:none}.button-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c2f3a2e;border-color:#96dbf86b}.button-secondary:hover,.button-secondary:focus-visible{background:#fff3;outline:none}.button-outline{color:var(--teal-dark);background:#ffffffc7;border-color:#236f863d}.button-outline:hover,.button-outline:focus-visible{color:#fff;background:var(--teal-dark);outline:none}.hero-contact{z-index:2;color:#fff;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;max-width:min(520px,100% - 64px);display:flex;position:absolute;bottom:28px;right:32px}.hero-contact a,.hero-contact span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1c1f6b;border:1px solid #96dbf87a;border-radius:6px;place-items:center;min-height:38px;padding:0 .8rem;font-size:.91rem;font-weight:800;display:inline-grid}.section,.section-band{padding:88px 0}.section-band{background:linear-gradient(90deg, #96dbf833, #ffffffd1), var(--surface);border-bottom:1px solid var(--line)}.intro-grid,.quote-grid,.contact-grid,.proof-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:4rem;display:grid}.intro h2,.section h2{max-width:720px;font-size:2.6rem}.intro p:last-child,.quote-copy p,.contact-grid p{color:var(--muted);margin:0;font-size:1.08rem}.section-heading{max-width:780px;margin-bottom:2rem}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.service-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:260px;padding:1.35rem;box-shadow:0 14px 36px #236f8614}.service-card-wide{grid-column:span 2}.pricing-section{background:linear-gradient(180deg, #fff 0%, #e8f8fedb 100%), var(--surface)}.pricing-head{grid-template-columns:.9fr 1.1fr;align-items:end;gap:4rem;margin-bottom:2rem;display:grid}.pricing-head p:last-child{color:var(--muted);margin:0;font-size:1.06rem}.pricing-table{gap:.65rem;display:grid}.price-row{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;grid-template-columns:minmax(190px,1fr) minmax(230px,1.2fr) minmax(155px,auto);align-items:center;gap:1rem;min-height:62px;padding:.75rem 1rem;display:grid;box-shadow:0 10px 28px #236f860f}.price-row span{font-weight:900}.price-row small{color:var(--muted);font-size:.9rem;line-height:1.35}.price-row strong{color:var(--teal-dark);white-space:nowrap;justify-self:end;font-size:1.02rem}.pricing-note{background:#96dbf838;border:1px solid #236f862e;border-radius:8px;grid-template-columns:1.1fr auto;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem;display:grid}.pricing-note p{color:#35515b;margin:0;font-size:.96rem}.pricing-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.service-icon{width:48px;height:48px;color:var(--teal-dark);background:var(--teal-soft);border-radius:8px;place-items:center;margin-bottom:1.2rem;display:grid}.service-icon svg{width:1.45rem;height:1.45rem}.service-card h3,.steps h3{margin:0 0 .55rem;font-size:1.18rem;line-height:1.2}.service-card p,.steps p,.proof-list span,.form-note{color:var(--muted);margin:0}.section-muted{background:var(--teal-soft)}.workflow{gap:1rem;display:grid}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.steps article{background:var(--surface);border:1px solid #236f862e;border-radius:8px;min-height:220px;padding:1.35rem}.steps span{width:42px;height:42px;color:var(--teal-dark);background:var(--teal);border-radius:8px;place-items:center;margin-bottom:1rem;font-weight:900;display:inline-grid}.proof-section{background:linear-gradient(90deg, #96dbf842, #ffffff9e), var(--paper)}.proof-list{gap:.8rem;display:grid}.proof-list div{border-left:4px solid var(--teal);background:#ffffffd1;border-radius:6px;padding:1.1rem 1.2rem}.proof-list strong,.proof-list span{display:block}.proof-list strong{margin-bottom:.18rem}.quote-section{background:linear-gradient(135deg, #96dbf8f2, #dff7fff0), var(--teal);color:var(--ink)}.quote-section .section-kicker{color:var(--teal-dark)}.quote-copy p{color:#35515b;max-width:520px;margin-top:1rem}.direct-links{gap:.75rem;max-width:420px;margin-top:1.5rem;display:grid}.direct-links a{color:var(--ink);background:#ffffffc2;border:1px solid #236f8633;justify-content:flex-start;padding:0 1rem}.direct-links a:hover,.direct-links a:focus-visible{background:#fff;outline:none}.quote-form{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #236f8633;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.quote-form label{min-width:0;color:var(--ink);gap:.38rem;font-size:.92rem;font-weight:800;display:grid}.quote-form .full{grid-column:1/-1}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #236f862e;border-radius:6px;outline:none;padding:.75rem .85rem}.quote-form textarea{resize:vertical;min-height:140px}.upload-field input[type=file]{cursor:pointer;border-style:dashed;min-height:auto;padding:.65rem}.upload-hint{color:#35515b;font-size:.86rem;font-weight:700;line-height:1.35}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #96dbf86b}.quote-form .button{width:100%}.form-note{color:#35515b;grid-column:1/-1;font-size:.92rem}.contact-section{background:linear-gradient(180deg, #fff, #e8f8febd), var(--surface)}.contact-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-panel a,.contact-panel div{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:center;gap:.25rem;min-height:118px;padding:1.15rem;display:grid}.contact-panel a:hover,.contact-panel a:focus-visible{border-color:#236f8659;outline:none;box-shadow:0 12px 32px #236f861c}.contact-panel span{color:var(--muted);font-size:.86rem;font-weight:800}.contact-panel strong{overflow-wrap:anywhere;font-size:1.08rem}.site-footer{color:#ffffffbf;background:#111719;padding:30px 0}.footer-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.brand-footer{color:#fff;background:0 0}.site-footer p{text-align:right;margin:0}@media (max-width:980px){.site-header{grid-template-columns:auto auto;min-height:68px;padding:0 20px}.nav-toggle{display:grid}.site-nav,.header-action{display:none}.site-nav.is-open{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;gap:.2rem;padding:.55rem;display:grid;position:absolute;top:68px;left:16px;right:16px;box-shadow:0 20px 48px #081f232e}.site-nav.is-open a{justify-content:start}.hero h1{font-size:3.6rem}.hero-copy{font-size:1.12rem}.intro-grid,.quote-grid,.contact-grid,.proof-grid,.pricing-head{grid-template-columns:1fr;gap:2rem}.service-grid,.steps,.contact-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-wide{grid-column:span 2}.price-row{grid-template-columns:minmax(190px,1fr) minmax(220px,1fr)}.price-row strong{grid-column:1/-1;justify-self:start}.pricing-note{grid-template-columns:1fr}.pricing-actions{justify-content:flex-start}}@media (max-width:680px){.container,.hero-content{width:min(100% - 28px,1120px)}.brand{width:148px;min-height:46px;padding:0}.hero{min-height:92svh}.hero-content{padding:122px 0 132px}.hero-logo-panel{width:min(270px,82vw);margin-bottom:1rem;padding:0}.hero h1{font-size:3.05rem}.hero-copy{max-width:34rem;font-size:1.02rem}.hero-actions,.button{width:100%}.hero-badges span{justify-content:center;width:100%}.hero-contact{justify-content:flex-start;max-width:none;bottom:16px;left:14px;right:14px}.hero-contact a,.hero-contact span{min-height:34px;padding:0 .62rem;font-size:.8rem}.section,.section-band{padding:64px 0}.intro h2,.section h2{font-size:2.1rem}.service-grid,.steps,.contact-panel,.quote-form{grid-template-columns:1fr}.price-row{grid-template-columns:1fr;gap:.2rem;padding:.9rem}.price-row strong{grid-column:auto}.pricing-actions,.pricing-actions .button{width:100%}.service-card,.steps article{min-height:auto}.service-card-wide{grid-column:auto}.footer-inner{flex-direction:column;align-items:flex-start}.site-footer p{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}