/* Bloc de base manquant dans la source (le <style> principal de cette page
   n'a JAMAIS defini de :root/body/.container — confirme sur l'export
   d'origine, pas une perte a l'extraction). Reconstitue a l'identique du
   gabarit "modele" voisin (modele-etat-des-lieux.css), en reutilisant les
   memes noms de variable (--accent, --gris-*) deja references plus bas dans
   ce fichier (.download-form etc) — a signaler au patron : cette page
   necessiterait une vraie regeneration source. */
:root{--vert:#10B981;--vert-bg:#ECFDF5;--bleu:#8a6248;--bleu-bg:#ebe1d5;--orange:#F59E0B;--orange-bg:#FEF3C7;--violet:#8a6248;--violet-bg:#eee2d7;--rouge:#EF4444;--rouge-bg:#FEF2F2;--gris-50:#F9FAFB;--gris-100:#F3F4F6;--gris-200:#E5E7EB;--gris-300:#D1D5DB;--gris-400:#9CA3AF;--gris-500:#6B7280;--gris-600:#4B5563;--gris-700:#374151;--gris-800:#1F2937;--accent:#8a6248;--accent-bg:#ebe1d5}
*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;font-family:'Plus Jakarta Sans',sans-serif;background:linear-gradient(135deg,#ebe1d5 0%,#BFDBFE 100%);min-height:100vh;color:var(--gris-800);line-height:1.6}
.container{max-width:900px;margin:0 auto;padding:48px 24px 80px}
.header{text-align:center;margin-bottom:32px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:white;border-radius:24px;font-size:12px;font-weight:700;margin-bottom:16px}
h1{font-size:clamp(26px,4vw,38px);font-weight:800;margin-bottom:12px;line-height:1.2}
.subtitle{font-size:15px;color:var(--gris-600);max-width:600px;margin:0 auto}

#moltow-header{min-height:80px}@media(max-width:768px){#moltow-header{min-height:60px}}.download-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:0 auto}.download-form input{padding:14px 16px;border:2px solid var(--gris-200);border-radius:10px;font-size:14px;font-family:inherit}.download-form input:focus{outline:none;border-color:var(--accent)}.download-form input[type="email"]{grid-column:span 2}.download-form button{grid-column:span 2;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-family:inherit;font-size:15px}.download-form button:hover{opacity:0.9}@media(max-width:500px){.download-form{grid-template-columns:1frmax-width:500px;margin:0 auto;}.download-form input[type="email"],.download-form button{grid-column:span 1}}
    



    .download-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:0 auto}.download-form input{padding:14px 16px;border:2px solid var(--gris-200);border-radius:10px;font-size:14px;font-family:inherit}.download-form input:focus{outline:none;border-color:var(--accent)}.download-form input[type="email"]{grid-column:span 2}.download-form button{grid-column:span 2;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-family:inherit;font-size:15px}.download-form button:hover{opacity:0.9}@media(max-width:500px){.download-form{grid-template-columns:1frmax-width:500px;margin:0 auto;}.download-form input[type="email"],.download-form button{grid-column:span 1}}

        .seo-content{background:#fff;border-radius:20px;padding:36px 32px;margin:32px auto 80px;max-width:900px;box-shadow:0 4px 20px rgba(0,0,0,0.06)}.seo-content h2{font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--gris-800);margin:32px 0 16px}.seo-content h2:first-of-type{margin-top:0}.seo-content h3{font-size:17px;font-weight:700;color:var(--accent);margin:24px 0 10px}.seo-content p{font-size:14.5px;color:var(--gris-700);margin-bottom:14px;line-height:1.75}
    
.js-gated-blur{filter:blur(7px);pointer-events:none;user-select:none;transition:filter .3s}

/* Bouton reel du formulaire monte (composant Astro generique .btn-contact-send, bleu par defaut dans form-styles.css) recolore en terra, scope a cette page uniquement — memoire moltow_css_redesign, meme motif sur tout le chantier. */
.btn-contact-send{background:#8a6248!important;border-radius:16px!important}
.btn-contact-send:hover{background:#684735!important}

.gate-unlock{margin:1.2rem 0 0;background:#fff;border:2px solid #8a6248;border-radius:16px;padding:1.4rem;box-shadow:0 18px 44px rgba(138,98,72,.18)}
.gate-unlock h4{margin:0 0 .3rem;font-size:1.05rem;color:#332820}
.gate-unlock p.gate-unlock-sub{margin:0 0 1rem;font-size:.85rem;color:#7b6d62}

.gate-dots{display:flex;gap:.35rem;justify-content:center;margin-bottom:.9rem}
.gate-dots i{width:2rem;height:4px;border-radius:2px;background:#eee2d7;display:block}
.gate-dots i.on{background:#8a6248}
.gate-step{display:none}
.gate-step.on{display:block}
.gate-unlock label{display:block;font-weight:700;font-size:.82rem;margin:.6rem 0 .25rem;color:#57483e}
.gate-unlock input,.gate-unlock select{width:100%;padding:.7rem .9rem;border:1.5px solid #dfe3f0;border-radius:10px;font:inherit;box-sizing:border-box}
.gate-unlock input:focus,.gate-unlock select:focus{outline:none;border-color:#8a6248}
.gate-btn{margin-top:1rem;width:100%;padding:.85rem;border:none;border-radius:999px;background:#8a6248;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer}
.gate-btn:hover{background:#684735}
.gate-secu{margin:.6rem 0 0;font-size:.72rem;color:#9b8b7f;text-align:center}
