.elementor-6 .elementor-element.elementor-element-759d711{--display:flex;}.elementor-6 .elementor-element.elementor-element-759d711.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-759d711{--width:97.654%;}}/* Start custom CSS for html, class: .elementor-element-08747bf */<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Quicksand:wght@500;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
/* ══ ELEMENTOR RESET ══ */
.elementor-widget-html .elementor-widget-container{padding:0!important;margin:0!important}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:100%!important}

/* ══ VARIABLES ══ */
:root{
  --bl:#2c527e;--bl2:#1a3a5c;--or:#f59e0b;--or2:#d97706;
  --or-p:#fffbeb;--or-r:rgba(245,158,11,.15);
  --wh:#fff;--bg:#f8fafc;--bg2:#f1f5f9;--txt:#1e293b;--mut:#64748b;--brd:#e2e8f0;
  --ok:#16a34a;--ko:#dc2626;
  --sh:0 4px 16px rgba(0,0,0,.08);--sh2:0 10px 40px rgba(0,0,0,.13);
  --r:10px;--r2:18px;--fd:'Quicksand',sans-serif;--fb:'Inter',sans-serif;
}

/* ══ BASE ══ */
.mo-wrap{font-family:var(--fb);color:var(--txt);line-height:1.65;-webkit-font-smoothing:antialiased}
.mo-wrap *,.mo-wrap *::before,.mo-wrap *::after{box-sizing:border-box;margin:0;padding:0}
.mo-wrap a{text-decoration:none;color:inherit}
.mo-wrap img{display:block;max-width:100%}

/* ══ HERO ══ */
.hero{background:linear-gradient(135deg,var(--bl) 0%,var(--bl2) 100%);
  padding:60px 32px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 700px 400px at 85% 50%,rgba(245,158,11,.09),transparent 55%);
  pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none}
.hero-inner{max-width:1140px;margin:0 auto;display:grid;
  grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:7px;
  background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);
  color:var(--or);padding:6px 16px;border-radius:100px;
  font-family:var(--fd);font-size:.78rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}
.hero h1{font-family:var(--fd);font-size:clamp(2rem,3.5vw,2.9rem);
  font-weight:700;color:#fff;line-height:1.18;margin-bottom:18px;letter-spacing:-.3px}
.hero h1 em{color:var(--or);font-style:normal}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.60);
  line-height:1.7;margin-bottom:28px;font-weight:300;max-width:480px}
.trust-chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.82);padding:8px 15px;border-radius:100px;font-size:.83rem}

/* ══ FORM CARD ══ */
.form-card{background:var(--wh);border-radius:var(--r2);
  box-shadow:var(--sh2);border-top:6px solid var(--or);padding:36px 30px}
.form-title{font-family:var(--fd);font-size:1.45rem;font-weight:700;
  color:var(--bl);text-align:center;margin-bottom:4px}
.form-sub{text-align:center;font-size:.84rem;color:var(--mut);margin-bottom:22px}
.step-prog{text-align:center;font-family:var(--fd);font-size:.88rem;
  font-weight:700;color:var(--or);margin-bottom:8px}
.prog-bar{height:7px;background:var(--brd);border-radius:4px;margin-bottom:22px}
.prog-fill{height:100%;background:var(--or);border-radius:4px;
  width:33.333%;transition:width .3s ease}
.form-step{display:none}.form-step.active{display:block;
  animation:slideUp .3s ease-out}
@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:.82rem;font-weight:700;color:var(--txt);margin-bottom:6px}
.form-ctrl{width:100%;padding:13px 14px;border:2px solid var(--brd);
  border-radius:var(--r);font-size:.97rem;font-family:var(--fb);
  color:var(--txt);outline:none;transition:border-color .18s;background:#fff}
.form-ctrl:focus{border-color:var(--or);box-shadow:0 0 0 4px rgba(245,158,11,.08)}
.btn-next,.btn-submit{width:100%;background:var(--or);color:#fff;border:none;
  padding:15px;border-radius:var(--r);font-family:var(--fd);font-weight:700;
  font-size:1rem;text-transform:uppercase;cursor:pointer;
  transition:background .18s,transform .15s,box-shadow .15s;
  box-shadow:0 4px 14px rgba(245,158,11,.38)}
.btn-next:hover,.btn-submit:hover{background:var(--or2);transform:translateY(-2px)}
.btn-back-step{background:none;border:none;color:var(--mut);
  font-size:.84rem;cursor:pointer;margin-top:10px;font-family:var(--fb);
  display:block;width:100%;text-align:center;padding:6px}
.consent-row{display:flex;align-items:flex-start;gap:10px;
  margin:16px 0;font-size:.8rem;color:var(--mut);line-height:1.5}
.consent-row input{width:18px;height:18px;flex-shrink:0;
  margin-top:2px;accent-color:var(--or);cursor:pointer}
.consent-row a{color:var(--bl);font-weight:600}
.form-security{text-align:center;font-size:.74rem;color:var(--mut);
  margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px}
.form-success{display:none;text-align:center;padding:16px 0}
.succ-ico{width:72px;height:72px;border-radius:50%;
  background:rgba(22,163,74,.1);border:3px solid var(--ok);
  display:flex;align-items:center;justify-content:center;
  font-size:2rem;margin:0 auto 16px}
.form-success h3{font-family:var(--fd);font-size:1.25rem;font-weight:700;
  color:var(--ok);margin-bottom:8px}
.form-success p{font-size:.88rem;color:var(--mut);line-height:1.7}

/* ══ STATS ══ */
.stats-bar{background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);
  padding:28px 32px}
.stats-inner{max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.stat{padding:0 24px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.stat:last-child{border-right:none}
.stat-n{font-family:var(--fd);font-size:1.6rem;font-weight:700;
  color:var(--or);display:block;line-height:1;margin-bottom:4px}
.stat-l{font-size:.68rem;color:rgba(255,255,255,.38);font-weight:600}

/* ══ SECTIONS COMMUNES ══ */
.sec-head{max-width:1140px;margin:0 auto 36px;text-align:center}
.sec-tag{display:inline-flex;align-items:center;gap:6px;
  background:rgba(44,82,126,.08);border:1px solid rgba(44,82,126,.18);
  color:var(--bl);padding:4px 13px;border-radius:100px;
  font-family:var(--fd);font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}
.sec-title{font-family:var(--fd);font-size:clamp(1.4rem,2.8vw,2rem);
  font-weight:700;color:var(--txt)}

/* ══ ETAPES — CORRIGÉ (plus de "résiliation") ══ */
.etapes-sec{padding:56px 32px;background:var(--wh)}
.etapes-grid{max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.etape-card{background:var(--bg);border:2px solid var(--brd);
  border-radius:var(--r2);padding:28px 22px;text-align:center;
  transition:box-shadow .2s,border-color .2s,transform .2s}
.etape-card:hover{box-shadow:var(--sh2);border-color:rgba(44,82,126,.25);transform:translateY(-4px)}
.etape-num{width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg,var(--bl),var(--bl2));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:1.3rem;font-weight:700;
  margin:0 auto 14px;box-shadow:0 4px 14px rgba(44,82,126,.32)}
.etape-card h3{font-family:var(--fd);font-size:1rem;font-weight:700;
  color:var(--bl);margin-bottom:8px}
.etape-card p{font-size:.85rem;color:var(--mut);line-height:1.65}

/* ══ SERVICES — NOUVEAU BLOC ══ */
.services-sec{padding:56px 32px;background:var(--bg2);border-top:1px solid var(--brd)}
.services-grid{max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.srv-card{background:var(--wh);border:2px solid var(--brd);
  border-radius:var(--r2);padding:22px 18px;
  display:flex;align-items:flex-start;gap:14px;
  transition:box-shadow .2s,border-color .2s,transform .2s}
.srv-card:hover{box-shadow:var(--sh2);border-color:rgba(44,82,126,.25);transform:translateY(-3px)}
.srv-ico{width:44px;height:44px;border-radius:11px;flex-shrink:0;
  background:linear-gradient(135deg,var(--bl),var(--bl2));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.95rem}
.srv-body h4{font-family:var(--fd);font-size:.93rem;font-weight:700;
  color:var(--bl);margin-bottom:4px}
.srv-body p{font-size:.79rem;color:var(--mut);line-height:1.55}

/* ══ MUTUELLES (inchangé) ══ */
.mutuelles-sec{padding:44px 32px;background:var(--bg2);border-top:1px solid var(--brd)}
.mutuelles-inner{max-width:1140px;margin:0 auto}
.mutuelles-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.mut-badge{background:var(--wh);border:1.5px solid var(--brd);
  padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:600;
  color:var(--mut);transition:all .15s}
.mut-badge:hover{border-color:var(--bl);color:var(--bl)}

/* ══ TEMOIGNAGES (inchangé) ══ */
.testi-sec{padding:56px 32px;background:var(--wh)}
.testi-grid{max-width:1140px;margin:24px auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{background:var(--bg);border:2px solid var(--brd);
  border-radius:var(--r2);padding:24px 20px}
.testi-stars{color:var(--or);font-size:1rem;margin-bottom:10px;letter-spacing:2px}
.testi-txt{font-size:.88rem;color:var(--txt);line-height:1.7;
  margin-bottom:16px;font-style:italic}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-av{width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--bl),var(--bl2));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-weight:700;font-size:.82rem;color:#fff;flex-shrink:0}
.testi-name{font-family:var(--fd);font-size:.88rem;font-weight:700;color:var(--txt)}
.testi-label{font-size:.72rem;color:var(--mut)}

/* ══ LOIS — CORRIGÉ (lois funéraires, plus mutuelle) ══ */
.lois-sec{padding:56px 32px;background:linear-gradient(135deg,var(--bl),var(--bl2))}
.lois-grid{max-width:1140px;margin:24px auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.loi-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r2);padding:24px 20px}
.loi-num{font-family:var(--fd);font-size:.68rem;font-weight:700;
  color:var(--or);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.loi-card h3{font-family:var(--fd);font-size:.97rem;font-weight:700;
  color:#fff;margin-bottom:8px}
.loi-card p{font-size:.83rem;color:rgba(255,255,255,.60);line-height:1.65}

/* ══ CTA BAS (inchangé) ══ */
.cta-bottom{padding:64px 32px;background:var(--bg);text-align:center}
.cta-bottom h2{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);
  font-weight:700;color:var(--txt);margin-bottom:10px}
.cta-bottom p{font-size:1rem;color:var(--mut);margin-bottom:28px;
  max-width:480px;margin-inline:auto}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-main{background:var(--or);color:#fff;padding:14px 32px;border-radius:50px;
  font-family:var(--fd);font-weight:700;font-size:.95rem;
  transition:all .18s;box-shadow:0 4px 16px rgba(245,158,11,.4);
  display:inline-flex;align-items:center;gap:8px}
.btn-main:hover{background:var(--or2);transform:translateY(-2px)}
.btn-tel{background:var(--bl);color:#fff;padding:14px 24px;border-radius:50px;
  font-family:var(--fd);font-weight:700;font-size:.95rem;
  transition:all .18s;display:inline-flex;align-items:center;gap:8px}
.btn-tel:hover{background:var(--bl2);transform:translateY(-2px)}

/* ══ RESPONSIVE ══ */
@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr;gap:32px;text-align:center}
  .trust-chips{justify-content:center}
  .hero-sub{margin-inline:auto}
  .etapes-grid{grid-template-columns:1fr 1fr}
  .services-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .lois-grid{grid-template-columns:1fr}
  .stats-inner{grid-template-columns:1fr 1fr}
  .stat{margin-bottom:16px;border-right:none}
}
@media(max-width:580px){
  .hero{padding:40px 16px}
  .etapes-grid,.services-grid{grid-template-columns:1fr}
  .cta-btns{flex-direction:column;align-items:center}
  .etapes-sec,.services-sec,.testi-sec,.lois-sec,.cta-bottom,.mutuelles-sec{padding:36px 16px}
  .stats-bar{padding:20px 16px}
}
</style>

<div class="mo-wrap">

<!-- ══════════════════════════════════════════
     HERO + FORMULAIRE (inchangé)
══════════════════════════════════════════ -->
<section class="hero" id="formulaire">
  <div class="hero-inner">
    <div class="hero-left">
      <div class="hero-badge"><i class="fas fa-shield-alt"></i> Courtier agréé ORIAS n°14 004 461</div>
      <h1>Soulagez vos proches<br><em>le moment venu</em></h1>
      <p class="hero-sub">Anticipez vos obsèques pour éviter à votre famille les démarches et les frais. Étude gratuite en 3 minutes.</p>
      <div class="trust-chips">
        <span class="chip"><i class="fas fa-check-circle" style="color:var(--or)"></i> 100% gratuit</span>
        <span class="chip"><i class="fas fa-lock" style="color:var(--or)"></i> Données sécurisées</span>
        <span class="chip"><i class="fas fa-bolt" style="color:var(--or)"></i> Réponse sous 24h</span>
        <span class="chip"><i class="fas fa-handshake" style="color:var(--or)"></i> Sans engagement</span>
      </div>
    </div>

    <!-- FORMULAIRE — IDENTIQUE AU FICHIER FOURNI -->
    <div class="form-card" id="devis-form">
      <div class="form-success" id="formSuccess">
        <div class="succ-ico">✅</div>
        <h3>Demande envoyée !</h3>
        <p>Un conseiller vous rappelle <strong>dans les 24h</strong> pour finaliser votre dossier.<br><br>
        <a href="tel:0428313161" style="color:var(--bl);font-weight:700">📞 04 28 31 31 61</a></p>
      </div>
      <div id="formMain">
        <div class="form-title">Votre Étude Gratuite</div>
        <div class="form-sub">3 étapes · Conseiller dédié · 100% gratuit</div>
        <div class="step-prog">Étape <span id="curStep">1</span> / 3</div>
        <div class="prog-bar"><div class="prog-fill" id="progFill"></div></div>

        <form id="leadForm" action="send_email.php" method="POST">

          <!-- STEP 1 -->
          <div class="form-step active" data-step="1">
            <div class="form-group">
              <label class="form-label">Que souhaitez-vous faire ? *</label>
              <select name="projet" class="form-ctrl" required>
                <option value="">Sélectionnez...</option>
                <option value="Anticiper">Anticiper mes obsèques</option>
                <option value="Financer">Financer mes obsèques</option>
                <option value="Proche">Me renseigner pour un proche</option>
              </select>
            </div>
            <div class="form-group">
              <label class="form-label">Âge du souscripteur *</label>
              <select name="age" class="form-ctrl" required>
                <option value="">Votre âge...</option>
                <option value="50-55">50 - 55 ans</option>
                <option value="56-60">56 - 60 ans</option>
                <option value="61-65">61 - 65 ans</option>
                <option value="66-70">66 - 70 ans</option>
                <option value="71-75">71 - 75 ans</option>
                <option value="76-80">76 - 80 ans</option>
                <option value="81-85">81 - 85 ans</option>
                <option value="86-90">86 - 90 ans</option>
                <option value="+90">Plus de 90 ans</option>
              </select>
            </div>
            <button type="button" class="btn-next" data-next-step="2">
              Commencer <i class="fas fa-arrow-right" style="margin-left:8px"></i>
            </button>
          </div>

          <!-- STEP 2 -->
          <div class="form-step" data-step="2">
            <div class="form-group">
              <label class="form-label">Nom et Prénom *</label>
              <input type="text" class="form-ctrl" name="nom" required
                placeholder="Ex: Jean Dupont" minlength="3" autocomplete="name">
            </div>
            <div class="form-group">
              <label class="form-label">Code Postal *</label>
              <input type="tel" class="form-ctrl" name="code_postal" required
                placeholder="Ex: 75001" maxlength="5" pattern="[0-9]{5}"
                inputmode="numeric" autocomplete="postal-code">
            </div>
            <button type="button" class="btn-next" data-next-step="3">
              Étape suivante <i class="fas fa-arrow-right" style="margin-left:8px"></i>
            </button>
            <button type="button" class="btn-back-step" data-back="1">← Retour</button>
          </div>

          <!-- STEP 3 -->
          <div class="form-step" data-step="3">
            <p style="font-weight:700;color:var(--bl);margin-bottom:16px;font-size:.97rem">
              Où souhaitez-vous recevoir votre devis ?
            </p>
            <div class="form-group">
              <label class="form-label">Téléphone Mobile *</label>
              <input type="tel" class="form-ctrl" name="telephone" required
                placeholder="06 12 34 56 78" minlength="9" inputmode="tel" autocomplete="tel">
            </div>
            <div class="form-group">
              <label class="form-label">Email *</label>
              <input type="email" class="form-ctrl" name="email" required
                placeholder="jean.dupont@email.com" inputmode="email" autocomplete="email">
            </div>
            <div class="consent-row">
              <input type="checkbox" id="consent_bloctel" name="consent" required>
              <label for="consent_bloctel">
                En cliquant sur "Recevoir mon devis", j'accepte d'être contacté par MBS CONTACT
                pour ma demande, même si je suis inscrit sur Bloctel. J'accepte la
                <a href="/politique-de-confidentialite/">Politique de Confidentialité</a>.
              </label>
            </div>
            <button type="submit" class="btn-submit">
              RECEVOIR MON DEVIS GRATUIT <i class="fas fa-paper-plane" style="margin-left:10px"></i>
            </button>
            <button type="button" class="btn-back-step" data-back="2">← Modifier mes informations</button>
          </div>

        </form>
        <div class="form-security">
          <i class="fas fa-lock" style="color:var(--bl)"></i>
          Données sécurisées. Courtier ORIAS n°14 004 461
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════════════════════════════════════
     STATS — CORRIGÉ (Agréé ORIAS, plus loi Hamon)
══════════════════════════════════════════ -->
<div class="stats-bar" style="background:var(--bl2)">
  <div class="stats-inner">
    <div class="stat"><span class="stat-n">+12 000</span><span class="stat-l">Dossiers traités</span></div>
    <div class="stat"><span class="stat-n">4,8/5</span><span class="stat-l">Satisfaction client</span></div>
    <div class="stat"><span class="stat-n">24h</span><span class="stat-l">Délai de traitement</span></div>
    <div class="stat"><span class="stat-n">Agréé</span><span class="stat-l">ORIAS n°14 004 461</span></div>
    <div class="stat"><span class="stat-n">0 €</span><span class="stat-l">Frais de service</span></div>
  </div>
</div>

<!-- ══════════════════════════════════════════
     ÉTAPES — CORRIGÉ (titre obsèques, plus résiliation)
══════════════════════════════════════════ -->
<section class="etapes-sec">
  <div class="sec-head">
    <div class="sec-tag">Comment ça marche</div>
    <h2 class="sec-title">Votre étude obsèques en 4 étapes simples</h2>
  </div>
  <div class="etapes-grid">
    <div class="etape-card">
      <div class="etape-num">1</div>
      <h3>Remplissez le formulaire</h3>
      <p>En moins d'une minute. Vos informations de base suffisent pour démarrer votre étude.</p>
    </div>
    <div class="etape-card">
      <div class="etape-num">2</div>
      <h3>Un conseiller vous contacte</h3>
      <p>Sous 24h, il analyse votre situation et prépare votre dossier personnalisé.</p>
    </div>
    <div class="etape-card">
      <div class="etape-num">3</div>
      <h3>Devis personnalisé</h3>
      <p>Vous recevez une étude comparative des meilleures offres adaptées à votre profil.</p>
    </div>
    <div class="etape-card">
      <div class="etape-num">4</div>
      <h3>Décision libre</h3>
      <p>Vous choisissez en toute liberté. Aucune obligation, aucun frais caché.</p>
    </div>
  </div>
</section>

<!-- ══════════════════════════════════════════
     SERVICES — NOUVEAU BLOC
══════════════════════════════════════════ -->
<section class="services-sec">
  <div class="sec-head">
    <div class="sec-tag">Nos services</div>
    <h2 class="sec-title">Nous gérons les obsèques pour toutes les situations</h2>
  </div>
  <div class="services-grid">
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-cross"></i></div>
      <div class="srv-body">
        <h4>Inhumation</h4>
        <p>Organisation complète de la mise en terre selon vos volontés et votre budget.</p>
      </div>
    </div>
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-fire-alt"></i></div>
      <div class="srv-body">
        <h4>Crémation</h4>
        <p>Accompagnement pour la crémation et la cérémonie associée, partout en France.</p>
      </div>
    </div>
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-church"></i></div>
      <div class="srv-body">
        <h4>Cérémonie religieuse</h4>
        <p>Prise en charge des rites religieux selon votre confession et vos souhaits.</p>
      </div>
    </div>
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-dove"></i></div>
      <div class="srv-body">
        <h4>Cérémonie laïque</h4>
        <p>Cérémonie personnalisée, sans caractère religieux, à votre image.</p>
      </div>
    </div>
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-plane-departure"></i></div>
      <div class="srv-body">
        <h4>Rapatriement</h4>
        <p>Rapatriement du corps en France ou vers l'étranger, pris en charge intégralement.</p>
      </div>
    </div>
    <div class="srv-card">
      <div class="srv-ico"><i class="fas fa-hands-helping"></i></div>
      <div class="srv-body">
        <h4>Assistance famille</h4>
        <p>Accompagnement administratif complet pour soulager vos proches le moment venu.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══════════════════════════════════════════
     TÉMOIGNAGES — INCHANGÉ (contenu exact du fichier fourni)
══════════════════════════════════════════ -->
<section class="testi-sec">
  <div class="sec-head">
    <div class="sec-tag">Avis clients</div>
    <h2 class="sec-title">Ils nous ont fait confiance</h2>
  </div>
  <div class="testi-grid">
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-txt">"Je tenais à vous remercier pour la rapidité de réponse apportée lors de mes appels téléphoniques concernant ma demande."</p>
      <div class="testi-author">
        <div class="testi-av">RD</div>
        <div><div class="testi-name">R. Drouet</div><div class="testi-label">Client vérifié</div></div>
      </div>
    </div>
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-txt">"Satisfait des prestations de vos services ; tant au niveau de l'accueil, de la disponibilité et de votre réactivité."</p>
      <div class="testi-author">
        <div class="testi-av">CC</div>
        <div><div class="testi-name">C. Coquet</div><div class="testi-label">Client vérifié</div></div>
      </div>
    </div>
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-txt">"Je suis satisfaite de votre service suite à ma demande, merci pour votre réactivité. Merci encore."</p>
      <div class="testi-author">
        <div class="testi-av">CD</div>
        <div><div class="testi-name">Colette Debbaut</div><div class="testi-label">Client vérifié</div></div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════════════════════════════════════
     LOIS — CORRIGÉ (lois funéraires, plus mutuelle/résiliation)
══════════════════════════════════════════ -->
<section class="lois-sec">
  <div style="max-width:1140px;margin:0 auto">
    <div class="sec-head" style="margin-bottom:8px">
      <div class="sec-tag" style="background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.35);color:var(--or)">Vos droits</div>
      <h2 class="sec-title" style="color:#fff;margin-top:8px">Ce que dit la loi pour vous protéger</h2>
    </div>
    <div class="lois-grid">
      <div class="loi-card">
        <div class="loi-num">Loi n°93-23 du 8 janvier 1993</div>
        <h3>Liberté de choix des pompes funèbres</h3>
        <p>Vous êtes libre de choisir l'entreprise de pompes funèbres de votre choix. Aucun établissement ne peut imposer un opérateur funéraire.</p>
      </div>
      <div class="loi-card">
        <div class="loi-num">Article L2223-33 — Code Général des Collectivités</div>
        <h3>Devis préalable obligatoire</h3>
        <p>Toute entreprise de pompes funèbres est tenue de remettre un devis détaillé et gratuit avant toute prestation. Les prix doivent être affichés sans condition.</p>
      </div>
      <div class="loi-card">
        <div class="loi-num">Code des assurances — Contrat obsèques</div>
        <h3>Vos volontés sont opposables</h3>
        <p>Un contrat obsèques souscrit de votre vivant lie légalement l'opérateur à respecter vos choix. Vos proches n'ont pas à décider dans l'urgence du deuil.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══════════════════════════════════════════
     CTA FINAL (inchangé)
══════════════════════════════════════════ -->
<section class="cta-bottom">
  <h2>Prêt à anticiper vos obsèques ?</h2>
  <p>C'est rapide, gratuit et sans engagement. Un conseiller vous guide étape par étape.</p>
  <div class="cta-btns">
    <a href="#formulaire" class="btn-main"><i class="fas fa-file-alt"></i> Démarrer mon étude gratuite</a>
    <a href="tel:0428313161" class="btn-tel"><i class="fas fa-phone-alt"></i> 04 28 31 31 61</a>
  </div>
</section>

</div><!-- /mo-wrap -->

<script>
(function(){
  var TOTAL = 3;
  var steps = document.querySelectorAll('#leadForm .form-step');
  var fill  = document.getElementById('progFill');
  var cur   = document.getElementById('curStep');

  function goTo(n){
    steps.forEach(function(s){ s.classList.remove('active'); });
    document.querySelector('#leadForm .form-step[data-step="'+n+'"]').classList.add('active');
    cur.innerText = n;
    fill.style.width = Math.round((n/TOTAL)*100) + '%';
    document.getElementById('devis-form').scrollIntoView({behavior:'smooth',block:'start'});
  }
  goTo(1);

  document.querySelectorAll('#leadForm .btn-next').forEach(function(btn){
    btn.addEventListener('click', function(){
      var step = document.querySelector('#leadForm .form-step.active');
      var valid = true;
      step.querySelectorAll('[required]').forEach(function(i){
        if(!i.value){ i.style.borderColor='#dc2626'; valid=false; }
        else i.style.borderColor='#e2e8f0';
      });
      if(valid) goTo(parseInt(btn.dataset.nextStep, 10));
    });
  });

  document.querySelectorAll('#leadForm .btn-back-step').forEach(function(btn){
    btn.addEventListener('click', function(){
      goTo(parseInt(btn.dataset.back, 10));
    });
  });

  document.getElementById('leadForm').addEventListener('submit', function(e){
    e.preventDefault();
    if(!document.getElementById('consent_bloctel').checked){
      alert("Merci d'accepter les conditions.");
      return;
    }
    var btn = this.querySelector('button[type="submit"]');
    var orig = btn.innerHTML;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> ENVOI EN COURS...';
    btn.disabled = true;
    fetch('send_email.php',{
      method:'POST', body:new FormData(this), credentials:'same-origin'
    })
    .then(function(r){ return r.text(); })
    .then(function(t){
      if(t.trim()==='OK'){
        if(typeof gtag !== 'undefined'){
          gtag('event','conversion',{
            'send_to':'AW-17794053673/okyYCKXRqc8bEKns7qRC',
            'value':1,'currency':'EUR'
          });
          window.dataLayer = window.dataLayer||[];
          window.dataLayer.push({event:'lead_ok_view'});
        }
        window.location.href = '/merci/?lead=ok';
      } else { throw new Error(t); }
    })
    .catch(function(err){
      alert("Erreur lors de l'envoi. Appelez le 04 28 31 31 61.");
      btn.innerHTML=orig; btn.disabled=false;
    });
  });
})();
</script>/* End custom CSS */