@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#f8fbf5;--bg-alpha:#f8fbf5e6;--bg-gradient:linear-gradient(135deg, #f0fdf4 0%, #fefce8 100%);--card-bg:#fff;--card-bg-hover:#f0fdf4;--primary:#15803d;--primary-dark:#166534;--primary-light:#22c55e;--primary-glow:#15803d26;--primary-50:#f0fdf4;--secondary:#78350f;--secondary-light:#92400e;--wood:#92400e;--wood-light:#d97706;--accent:#0ea5e9;--accent-dark:#0284c7;--accent-light:#38bdf8;--accent-glow:#0ea5e926;--glass:#dbeafe;--light:#fef9c3;--light-warm:#fffbeb;--alu:#9ca3af;--alu-light:#d1d5db;--safe:#10b981;--safe-glow:#10b98126;--warning:#f59e0b;--danger:#ef4444;--text:#14532d;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#e5e7eb;--border-light:#d1d5db;--font-heading:"Playfair Display", serif;--font-body:"Jost", sans-serif;--font-mono:"Space Grotesk", sans-serif;--max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 25px -3px #0000001a;--shadow-xl:0 20px 40px #0000001f;--shadow-green:0 4px 14px #15803d26;--shadow-amber:0 4px 14px #92400e26;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:radial-gradient(at 0 0,#15803d0f 0,#0000 50%),radial-gradient(at 100% 0,#fef9c34d 0,#0000 50%);background-attachment:fixed;font-size:16px;font-weight:400;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{margin-top:3rem;margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2.2rem)}h3{color:var(--primary-dark);margin-top:2rem;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.5rem)}h4{color:var(--secondary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem}p{color:var(--text-secondary);margin-bottom:1.2rem}strong{color:var(--text);font-weight:600}ul,ol{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.5rem}li{margin-bottom:.5rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-alt{background:linear-gradient(180deg, var(--bg) 0%, #f0fdf4 50%, var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 0}.section-title{text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-muted);max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.separator{background:linear-gradient(90deg, transparent, var(--primary), var(--wood-light), var(--primary), transparent);opacity:.3;border:none;height:2px;margin:0}.header{z-index:100;background:var(--bg-alpha);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:72px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex;color:var(--text)!important}.logo span{color:var(--primary)}.logo-icon{background:var(--primary-50);border-radius:var(--radius-sm);width:42px;height:42px;box-shadow:var(--shadow-green);border:1px solid #15803d33;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.nav{align-items:center;gap:.25rem;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:.5rem 1rem;font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text);background:var(--primary-50)}.nav-cta{box-shadow:var(--shadow-green);margin-left:.75rem;position:relative;overflow:hidden;background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary-light)!important;font-weight:600!important}.nav-cta:hover{transform:translateY(-1px);background:var(--primary-dark)!important}.nav-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:900px){.nav{display:none}.nav.open{background:var(--bg);border-bottom:1px solid var(--border);z-index:99;box-shadow:var(--shadow-lg);flex-direction:column;padding:1rem;display:flex;position:absolute;top:72px;left:0;right:0}.nav.open a{border-bottom:1px solid var(--border);width:100%;margin:0;padding:1rem}.nav.open .nav-cta{text-align:center;margin:1rem 0 0}.mobile-menu-btn{display:block}}.btn{border-radius:var(--radius-xl);font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);border:1px solid var(--primary-light);box-shadow:var(--shadow-green);color:#fff!important}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #15803d4d}.btn-secondary{background:var(--secondary);border:1px solid var(--wood-light);box-shadow:var(--shadow-amber);color:#fff!important}.btn-secondary:hover{background:var(--wood);transform:translateY(-2px)}.btn-outline{color:var(--text);border:1px solid var(--border-light);background:0 0}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.hero{background:var(--bg-gradient);padding:6rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 80% 20%,#15803d0f 0%,#0000 50%),radial-gradient(circle at 20% 80%,#fef9c34d 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-badge{color:var(--primary);border-radius:var(--radius-full);font-size:.85rem;font-family:var(--font-mono);box-shadow:var(--shadow-green);text-transform:uppercase;letter-spacing:.05em;background:#15803d14;border:1px solid #15803d26;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-weight:600;animation:2s infinite pulseNature;display:inline-flex}@keyframes pulseNature{0%{box-shadow:0 0 #15803d33}70%{box-shadow:0 0 0 10px #15803d00}to{box-shadow:0 0 #15803d00}}.hero h1{letter-spacing:-.02em;animation:.5s forwards fadeInUp}.hero h1 span{color:var(--primary)}.hero-subtitle{color:var(--text-secondary);opacity:0;margin:1.5rem auto 2.5rem;font-size:1.25rem;animation:.5s .1s forwards fadeInUp}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;animation:.5s .2s forwards fadeInUp;display:flex}.hero-stats{opacity:0;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;animation:.5s .3s forwards fadeInUp;display:grid}.hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffc;padding:1.5rem;transition:all .3s}.hero-stat:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-3px)}.hero-stat-value{font-family:var(--font-mono);color:var(--text);margin-bottom:.2rem;font-size:1.8rem;font-weight:700;display:block}.hero-stat-value.green{color:var(--primary)}.hero-stat-value.amber{color:var(--wood)}.hero-stat-value.blue{color:var(--accent)}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}@media (max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2rem}}.badge{border-radius:var(--radius-full);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.3rem;padding:.25rem .75rem;font-weight:600;display:inline-flex}.badge-green{color:var(--primary);background:#15803d1a;border:1px solid #15803d33}.badge-amber{color:var(--wood);background:#92400e1a;border:1px solid #92400e33}.badge-sky{color:var(--accent);background:#0ea5e91a;border:1px solid #0ea5e933}.badge-certified{color:var(--safe);background:#10b9811a;border:1px solid #10b98133}.card{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{background:linear-gradient(90deg, var(--primary), var(--wood-light), var(--primary))}.card-icon{background:var(--primary-50);border-radius:var(--radius-md);width:50px;height:50px;color:var(--text);border:1px solid #15803d26;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.card h3{margin-top:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.expert-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.expert-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.expert-avatar{background:var(--primary-50);width:50px;height:50px;font-family:var(--font-heading);color:var(--primary);border:1px solid #15803d26;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.expert-info h3{margin:0;font-size:1.1rem}.expert-company{font-family:var(--font-mono);color:var(--primary);text-transform:uppercase;font-size:.8rem}.expert-meta{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.expert-tags{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.prix-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin:2rem 0;overflow-x:auto}.prix-table{border-collapse:collapse;text-align:left;width:100%}.prix-table th{background:var(--primary-50);font-family:var(--font-mono);text-transform:uppercase;color:var(--primary-dark);border-bottom:2px solid var(--primary);padding:1.25rem 1rem;font-size:.85rem}.prix-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:1rem}.prix-table tr:hover td{background:var(--primary-50);color:var(--text)}.prix-amount{font-family:var(--font-mono);color:var(--text);font-weight:700}.prix-amount-green{color:var(--primary);font-weight:700;font-family:var(--font-mono)}.prix-amount-amber{color:var(--wood);font-weight:700;font-family:var(--font-mono)}.lead-form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:3rem;position:relative}.lead-form-section:before{content:"";background:linear-gradient(90deg, var(--primary), var(--wood-light), var(--accent));border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:3px;position:absolute;top:0;left:0}.form-steps{gap:.5rem;margin-bottom:2rem;display:flex}.form-step{background:var(--border);border-radius:4px;flex:1;height:6px;transition:all .3s}.form-step.active{background:var(--primary);box-shadow:0 0 8px #15803d4d}.form-step.done{background:var(--safe)}.radio-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.radio-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:1.5rem;transition:all .2s}.radio-card:hover{border-color:var(--primary);background:var(--primary-50)}.radio-card.selected{border-color:var(--primary);background:var(--primary-50);box-shadow:inset 0 0 0 2px var(--primary)}.card-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.3rem;font-size:1.05rem;font-weight:600;display:block}.card-subtitle{color:var(--text-muted);font-size:.85rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.lead-form-section{padding:1.5rem}}.form-group label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;display:block}.form-group input{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);background:#fff;padding:1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #15803d1a}.form-group input::placeholder{color:var(--alu)}.form-trust{border-top:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.form-trust-item{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:.5rem;display:flex}.form-trust-item i{color:var(--primary)}.commune-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.commune-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--text);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1rem;font-size:.95rem;font-weight:500;display:flex}.commune-card:hover{border-color:var(--primary);background:var(--primary-50)}.checklist{padding:0;list-style:none}.checklist li{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;gap:1rem;margin-bottom:.5rem;padding:1rem;font-size:.95rem;display:flex}.checklist-icon{flex-shrink:0;font-size:1.2rem}.info-box{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#15803d0d;margin:2rem 0;padding:1.5rem}.info-box h4{color:var(--primary);margin-top:0}.info-box-warning{border-left-color:var(--warning);background:#f59e0b14}.info-box-warning h4{color:var(--warning)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:1rem}.faq-item:hover{border-color:var(--primary)}.faq-item.open{border-color:var(--primary);box-shadow:var(--shadow-md)}.faq-question{font-family:var(--font-heading);justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.05rem;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);border-top:1px solid var(--border);margin-top:.5rem;padding:1.5rem}.cta-banner{background:var(--bg-gradient);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);padding:4rem 2rem;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#15803d0f 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.cta-banner h2{color:var(--text);margin-top:0}.cta-banner p{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.breadcrumb{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.page-content h2{border-bottom:1px solid var(--border);margin-top:3rem;padding-bottom:1rem}.page-content h3{color:var(--primary-dark)}.footer{border-top:1px solid var(--border);color:#d1fae5;background:#14532d;padding:5rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:4rem;display:grid}.footer h4{color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff26;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.9rem}.footer a{color:#a7f3d0;margin-bottom:.5rem;font-size:.9rem;display:block}.footer a:hover{color:#fff}.footer-bottom{color:#6ee7b7;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.8rem;display:flex}.footer-directory{margin-bottom:2rem}.footer-provinces-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.footer-province{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff1a;padding:1rem}.footer-commune-list{flex-wrap:wrap;gap:.25rem 0;display:flex}.footer-commune-list a{white-space:nowrap;margin-bottom:.1rem;padding:.15rem 0;font-size:.78rem}.footer-commune-list a:after{content:" · ";color:#fff3}.footer-commune-list a:last-child:after{content:""}.province-directory{margin-top:2rem}.province-section{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:2rem;padding:1.5rem 2rem}.province-section h3{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.1rem;display:flex}.province-section h3 .count-badge{background:var(--primary);color:#fff;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.commune-links{flex-wrap:wrap;gap:.5rem;display:flex}.commune-links a{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);background:#fff;padding:.3rem .75rem;font-size:.85rem;transition:all .2s}.commune-links a:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-50)}.mobile-sticky-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:90;background:#fffffff2;padding:1rem;transition:bottom .3s;display:none;position:fixed;bottom:-80px;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.mobile-sticky-bar.visible{bottom:0}.mobile-sticky-btn{text-align:center;background:var(--primary);width:100%;font-family:var(--font-body);border-radius:var(--radius-xl);border:1px solid var(--primary-light);box-shadow:var(--shadow-green);padding:1rem;font-weight:600;display:block;color:#fff!important}@media (max-width:900px){.mobile-sticky-bar{display:block}body{padding-bottom:80px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout-sidebar{grid-template-columns:1fr minmax(300px,400px);align-items:start;gap:4rem;display:grid}.layout-sidebar-guide{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:4rem;display:grid}.sidebar-sticky{position:sticky;top:100px}@media (max-width:1024px){.layout-sidebar,.layout-sidebar-guide{grid-template-columns:1fr!important;gap:2rem!important}.sidebar-sticky{position:static!important}}@media (max-width:768px){.container{padding:0 1rem}.section,.section-alt{padding:3rem 0}.hero{padding:3rem 0 2rem}.hero h1{font-size:1.6rem!important}.hero-subtitle{margin:1rem auto 1.5rem;font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem}.hero-stat{padding:1rem}.hero-stat-value{font-size:1.4rem}h1{font-size:1.6rem!important}h2{margin-top:2rem;font-size:1.3rem}h3{font-size:1.1rem}.card-grid{grid-template-columns:1fr!important}.card,.lead-form-section{padding:1.5rem}.radio-card-grid{grid-template-columns:1fr 1fr;gap:.75rem}.radio-card{padding:1rem}.card-title{font-size:.95rem}.commune-grid{grid-template-columns:1fr 1fr}.faq-question{padding:1rem;font-size:.95rem}.faq-answer{padding:0 1rem 1rem}.cta-banner{padding:2.5rem 1.5rem}.cta-banner p{font-size:.95rem}.footer{padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column}.checklist li{flex-direction:column;gap:.5rem;padding:.75rem;font-size:.9rem}.expert-card{padding:1rem}.breadcrumb{font-size:.7rem}}@media (max-width:480px){.hero-stats{grid-template-columns:1fr 1fr}.radio-card-grid,.commune-grid,.footer-grid{grid-template-columns:1fr}.form-trust{flex-direction:column;gap:.75rem}}
