@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";
:root{--primary:#3730a3;--primary-light:#eef2ff;--primary-dark:#312e81;--secondary:#e11d48;--secondary-light:#fff1f2;--accent:#0d9488;--accent-light:#ccfbf1;--text:#1e1b4b;--text-light:#6366f1;--bg:#fafbff;--card-bg:#fff;--urgence:#c2410c;--latex:#818cf8;--siloxaan:#6b7280;--hout:#92400e;--deco:#d946ef;--border:#e5e7eb;--shadow:0 4px 24px #3730a314;--shadow-lg:0 8px 40px #3730a31f;--radius:16px;--radius-sm:10px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Switzer,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--text);font-family:Clash Display,Switzer,sans-serif;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.8rem;font-weight:700}h2{letter-spacing:-.01em;font-size:2rem;font-weight:600}h3{font-size:1.4rem;font-weight:600}h4{font-size:1.15rem;font-weight:500}p{margin-bottom:1rem}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--secondary)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:800px;margin:0 auto;padding:0 1.5rem}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffeb;padding:.8rem 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{color:var(--text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{font-size:1.5rem}.logo-text{font-family:Clash Display,sans-serif}.header-nav{align-items:center;gap:1.8rem;display:flex}.header-nav a{color:var(--text);font-size:.95rem;font-weight:500}.header-nav a:hover{color:var(--primary)}.header-cta{background:var(--primary);transition:all var(--transition);border-radius:50px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;color:#fff!important}.header-cta:hover{background:var(--secondary);transform:translateY(-1px)}.mobile-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:1.5rem;display:none}.hero{background:linear-gradient(135deg, var(--primary-light) 0%, #fff 50%, var(--accent-light) 100%);padding:5rem 0 4rem;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-content{z-index:2;position:relative}.hero-badge{background:var(--primary);color:#fff;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;animation:2s infinite pulse-badge;display:inline-flex}@keyframes pulse-badge{0%,to{box-shadow:0 0 #3730a366}50%{box-shadow:0 0 0 8px #3730a300}}.hero h1{margin-bottom:1.2rem}.hero h1 span{color:var(--primary)}.hero-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.hero-cta-group{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;padding-top:2rem;display:grid}.hero-stat{text-align:center}.hero-stat-number{color:var(--primary);font-family:DM Mono,monospace;font-size:1.6rem;font-weight:700}.hero-stat-label{color:#64748b;margin-top:.2rem;font-size:.8rem}.btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-family:Switzer,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--secondary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #e11d484d}.btn-secondary{background:var(--accent);color:#fff}.btn-secondary:hover{color:#fff;background:#0f766e;transform:translateY(-2px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0;padding:.8rem 1.8rem}.btn-outline:hover{background:var(--primary);color:#fff}.btn-lg{padding:1.1rem 2.5rem;font-size:1.1rem}.section{padding:5rem 0}.section-alt{background:var(--primary-light)}.section-dark{background:var(--text);color:#fff}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.section-header p{color:#64748b;margin-top:.8rem;font-size:1.05rem}.card{background:var(--card-bg);border-radius:var(--radius);border-top:4px solid var(--primary);box-shadow:var(--shadow);transition:all var(--transition);padding:2rem}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.card-icon{margin-bottom:1rem;font-size:2.5rem}.card h3{margin-bottom:.6rem}.card p{color:#64748b;font-size:.95rem}.price-table{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.price-table thead{background:var(--primary);color:#fff}.price-table th{text-align:left;padding:1rem 1.2rem;font-size:.9rem;font-weight:600}.price-table td{border-bottom:1px solid var(--border);padding:1rem 1.2rem;font-size:.95rem}.price-table tbody tr{transition:background var(--transition);background:#fff}.price-table tbody tr:hover{background:var(--primary-light)}.price-table .price{color:var(--primary);white-space:nowrap;font-family:DM Mono,monospace;font-weight:600}.badge{border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-binnen{color:var(--primary);background:#eef2ff}.badge-buiten{color:var(--siloxaan);background:#f3f4f6}.badge-hout{color:var(--hout);background:#fef3c7}.badge-deco{color:var(--deco);background:#fce7f3}.badge-spuit{background:var(--accent-light);color:var(--accent)}.badge-urgence{color:var(--urgence);background:#fff7ed}.form-card{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center;background:#fff;padding:1.5rem}.form-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #3730a31a}.form-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #3730a326}.form-card .emoji{margin-bottom:.6rem;font-size:2.2rem;display:block}.form-card h3{margin-bottom:.3rem;font-family:Switzer,sans-serif;font-size:1rem}.form-card .subtitle{color:#64748b;font-size:.8rem}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.progress-bar{gap:.4rem;margin-bottom:2.5rem;display:flex}.progress-step{flex:1}.progress-step-bar{height:5px;transition:background var(--transition);background:#e5e7eb;border-radius:3px}.progress-step-bar.active{background:var(--primary)}.progress-step-label{color:#9ca3af;text-align:center;margin-top:.3rem;font-family:Switzer,sans-serif;font-size:.7rem}.progress-step-label.active{color:var(--primary)}.breadcrumbs{color:#64748b;padding:1rem 0;font-size:.85rem}.breadcrumbs a{color:var(--primary)}.breadcrumbs span{margin:0 .4rem}.commune-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;display:grid}.commune-link{border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.9rem;display:flex}.commune-link:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.commune-link .zip{color:#9ca3af;font-family:DM Mono,monospace;font-size:.75rem}.province-section{margin-bottom:2.5rem}.province-header{border-bottom:2px solid var(--primary);align-items:center;gap:.8rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.province-header h3{color:var(--primary)}.province-count{color:#64748b;background:var(--primary-light);border-radius:50px;padding:.2rem .6rem;font-family:DM Mono,monospace;font-size:.8rem}.faq-item{border-bottom:1px solid var(--border)}.faq-question{cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 0;font-family:Clash Display,sans-serif;font-size:1.05rem;font-weight:600;display:flex}.faq-question:hover{color:var(--primary)}.faq-answer{color:#64748b;padding:0 0 1.2rem;line-height:1.7}.guide-card{border-radius:var(--radius);box-shadow:var(--shadow);transition:all var(--transition);color:var(--text);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.guide-card:hover{box-shadow:var(--shadow-lg);color:var(--text);transform:translateY(-6px)}.guide-card-body{flex:1;padding:1.5rem}.guide-card-body h3{margin-bottom:.5rem}.guide-card-body p{color:#64748b;font-size:.9rem}.guide-card-footer{padding:0 1.5rem 1.5rem}.sticky-cta{background:var(--primary);color:#fff;z-index:90;justify-content:center;align-items:center;gap:1rem;padding:.8rem 1.5rem;transition:transform .4s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-cta.visible{transform:translateY(0)}.sticky-cta p{font-size:.95rem;font-weight:600}.sticky-cta .btn{color:var(--primary);background:#fff;padding:.5rem 1.5rem;font-size:.85rem}.sticky-cta .btn:hover{background:var(--secondary);color:#fff}.footer{background:var(--text);color:#c7d2fe;padding:4rem 0 2rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;display:grid}.footer-logo{margin-bottom:1rem}.footer-logo .logo-text{color:#fff}.footer-baseline{color:#a5b4fc;font-size:.85rem;line-height:1.6}.footer h3{color:#fff;margin-bottom:1rem;font-family:Clash Display,sans-serif;font-size:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.4rem}.footer-links a{color:#a5b4fc;transition:color var(--transition);font-size:.88rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;color:#818cf8;border-top:1px solid #a5b4fc33;margin-top:3rem;padding-top:1.5rem;font-size:.8rem}.content-block{max-width:800px;margin:0 auto}.content-block h2{color:var(--primary);margin:2.5rem 0 1rem}.content-block h3{margin:2rem 0 .8rem}.content-block ul,.content-block ol{margin-bottom:1rem;margin-left:1.5rem}.content-block li{color:#475569;margin-bottom:.5rem}.content-block p{color:#475569;line-height:1.8}.guide-hero-image{border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-bottom:2rem;position:relative;overflow:hidden}.toc-box{background:linear-gradient(135deg, var(--primary-light) 0%, #fff 100%);border-radius:var(--radius);border:1px solid #3730a326;margin-bottom:2rem;padding:1.5rem 2rem}.toc-box h3{margin:0 0 .8rem!important}.toc-box ol li{color:var(--text)}.toc-box ol li::marker{color:var(--primary);font-weight:600}.mid-cta{background:linear-gradient(135deg, var(--primary-light) 0%, var(--accent-light) 100%);border-radius:var(--radius);text-align:center;border:1px solid #3730a31a;margin:2rem 0;padding:1.5rem 2rem}.mid-cta p{color:var(--text);margin-bottom:0}.info-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;padding:1.2rem 1.5rem}.tip-box{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;padding:1.2rem 1.5rem}.warning-box{border-left:4px solid var(--urgence);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff7ed;margin:1.5rem 0;padding:1.2rem 1.5rem}input,select,textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition);color:var(--text);background:#fff;padding:.8rem 1rem;font-family:Switzer,sans-serif;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3730a31a}label{margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.nearby-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.nearby-card{border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition);color:var(--text);background:#fff;align-items:center;gap:.8rem;padding:1rem;text-decoration:none;display:flex}.nearby-card:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.cta-section{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;border-radius:var(--radius);margin:3rem 0;padding:4rem 0}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{color:#c7d2fe;margin-bottom:2rem;font-size:1.1rem}.cta-section .btn{color:var(--primary);background:#fff}.cta-section .btn:hover{background:var(--secondary);color:#fff}.checklist{margin:0;padding:0;list-style:none}.checklist li{align-items:flex-start;gap:.8rem;padding:.6rem 0;display:flex}.checklist li:before{content:"✓";color:var(--accent);flex-shrink:0;margin-top:.1rem;font-weight:700}@media (max-width:968px){h1{font-size:2.2rem}h2{font-size:1.7rem}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-image{max-height:350px}.hero-cta-group{justify-content:center}.hero-stats{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}.header-nav{display:none}.header-nav.open{border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:1rem 1.5rem;display:flex;position:absolute;top:100%;left:0;right:0}.mobile-toggle{display:block}}@media (max-width:640px){h1{font-size:1.8rem}.section{padding:3rem 0}.hero{padding:3rem 0 2.5rem}.grid-cols-2{grid-template-columns:1fr}.grid-cols-3,.grid-cols-4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.price-table{font-size:.85rem}.price-table th,.price-table td{padding:.7rem .6rem}.commune-grid{grid-template-columns:1fr 1fr}.nearby-grid{grid-template-columns:1fr}}.faq-list{margin:1.5rem 0}.faq-item{border-radius:var(--radius-sm);border:1px solid #e2e8f0;margin-bottom:.75rem;overflow:hidden}.faq-item summary{cursor:pointer;color:var(--text);align-items:center;gap:.5rem;padding:1rem 1.25rem;font-weight:600;list-style:none;display:flex}.faq-item summary:before{content:"▸";color:var(--primary);transition:transform .2s}.faq-item[open] summary:before{transform:rotate(90deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#475569;margin:0;padding:0 1.25rem 1rem;line-height:1.7}