/* Composants des pages de services (maquettes Standard Externalisé) */

/* Bandeau */
.hero-page .hero-grid{min-height:520px}
.hero-page .hero-text{padding:64px 0 56px}
.hero-page h1{font-size:clamp(38px,4.6vw,58px)}
.hero-page .hero-points{gap:18px 28px;margin-top:36px}

/* Titres de section */
.section-head.left{margin:0 0 36px;max-width:820px;text-align:left}
.section-tint{background:linear-gradient(180deg,var(--pale-2),var(--fond))}

/* Grilles de cartes selon le nombre */
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cards-6 .card{padding:22px 18px}
.cards-6 .card h3{font-size:15.5px}
.card h3 em{font-style:normal;color:var(--rose-txt)}

/* Définition : texte + 4 mini-cartes */
.def-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.def-text h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;margin-bottom:18px}
.def-text p:not(.kicker){color:var(--muted);margin-bottom:12px}
.cards-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cards-compact .card{padding:20px 16px;gap:8px}
.cards-compact .card .ico{width:30px;height:30px;margin-bottom:4px}
.cards-compact .card h3{font-size:14.5px}
.cards-compact .card p{font-size:13px}

/* Liste cochée en cartes (2 colonnes) */
.coches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.coches li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.coche{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--rose-txt);color:#fff}
.coche svg{width:15px;height:15px;stroke-width:2.6}
.coches strong{display:block;font-size:14.5px;line-height:1.35}
.coches span:not(.coche){display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}

/* Atouts (pictogramme + texte) */
.atouts{display:grid;gap:12px}
.atouts-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.atouts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.atout{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--pale-2);border:1px solid var(--line);border-radius:14px}
.atout .ico{flex:none;width:30px;height:30px;color:var(--rose-txt);stroke-width:1.6}
.atout h3{font-family:var(--sans);font-size:14.5px;font-weight:700;line-height:1.3;margin-bottom:4px}
.atout p{font-size:13px;color:var(--muted);line-height:1.45}
.split-text .coches,.split-text .atouts{margin-top:6px}

/* Comparatif */
.compare-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px;align-items:center}
.compare-grid h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;margin-bottom:18px}
.compare-grid p:not(.kicker){color:var(--muted);margin-bottom:12px}
.compare{display:grid;font-size:14.5px;overflow-x:auto}
.compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;min-width:520px}
.compare-row>span{padding:12px 16px;border-bottom:1px solid var(--line)}
.compare-row>span:first-child{font-weight:600}
.compare-us,.compare-them{display:flex;align-items:center;gap:10px}
.compare-row .compare-us{background:#fff;border-left:2px solid var(--rose-txt);border-right:2px solid var(--rose-txt)}
.compare-head>span{border-bottom:0;font-weight:700}
.compare-head .compare-us{background:var(--aub);color:#fff;border-color:var(--aub);border-radius:14px 14px 0 0;padding:16px}
.compare-head .compare-them{color:var(--ink);background:var(--pale-2);border-radius:14px 14px 0 0;padding:16px}
.compare-head svg{width:20px;height:20px}
.compare-row:last-child .compare-us{border-bottom:2px solid var(--rose-txt);border-radius:0 0 14px 14px}
.compare i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}
.compare i svg{width:13px;height:13px;stroke-width:2.6}
.compare i.yes{background:var(--rose-txt);color:#fff}
.compare i.no{background:#E6DDE1;color:#6B5A64}
.compare-them{color:var(--muted)}

/* Étapes avec pictogramme */
.step-ico{display:block;width:28px;height:28px;margin:0 auto 10px;color:var(--rose-txt);stroke-width:1.6}

/* Exemple d'usage */
.example-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.example-grid h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin-bottom:16px}
.example-grid p:not(.kicker){color:var(--muted);margin-bottom:12px}
.encadre-box{padding:30px;border-radius:var(--radius);background:var(--pale-2);border:1px solid var(--line)}
.encadre-box h3{font-size:24px;margin-bottom:16px}
.liste-coches li{display:flex;align-items:center;gap:12px;padding:8px 0;font-weight:600;font-size:15px}
.liste-coches svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;background:var(--rose-txt);color:#fff;stroke-width:2.6}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#fff,var(--fond))}
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:56px;align-items:start}
.faq-intro h2{font-size:48px;line-height:1.05;margin-bottom:14px}
.faq-intro p:not(.kicker){color:var(--muted);margin-bottom:24px}
.faq-list{display:grid;gap:10px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(58,15,46,.04)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-sign{flex:none;position:relative;width:16px;height:16px}
.faq-sign::before,.faq-sign::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--rose-txt);border-radius:2px;transition:transform .2s}
.faq-sign::after{transform:rotate(90deg)}
.faq-item[open] .faq-sign::after{transform:rotate(0)}
.faq-item p{padding:0 20px 18px;color:var(--muted);font-size:15px}
.faq-item a{color:var(--rose-txt)}

/* Appel à l'action avec deux boutons */
.cta-actions-row{flex-direction:row;flex-wrap:wrap}

/* Responsive */
@media (max-width:1100px){
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .def-grid,.compare-grid,.example-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .atouts-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-grid{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:640px){
  .cards-4,.cards-6,.cards-compact,.coches,.atouts-3,.atouts-2{grid-template-columns:minmax(0,1fr)}
  .faq-intro h2{font-size:38px}
  .cta-actions-row{flex-direction:column;align-items:flex-start}
}
.split-text .atouts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* ===== Lot 2 : tarifs, outils, témoignages, méthode, équipe ===== */
.section-tight{padding:64px 0}
.h3-serif{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);font-weight:600;line-height:1.2;margin-bottom:18px}
.h3-serif em{font-style:normal;color:var(--rose-txt)}
.def-grid-wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}

/* Étapes en cartes */
.steps-cards{counter-reset:none;margin-bottom:0}
.steps-cards::before{display:none}
.steps-cards li{padding:22px 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.steps-cards .step-num{width:40px;height:40px;font-size:16px;margin-bottom:12px;box-shadow:none}
.steps-cards h3{font-size:15px}
.steps-cards p{font-size:13.5px}
.steps-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}

/* Inclus */
.incl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.incl-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:center;font-size:14px;font-weight:600;line-height:1.35}
.incl-item .ico{width:32px;height:32px;color:var(--rose-txt);stroke-width:1.5}

/* Formules */
.formules-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:32px}
.formules-head h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15}
.formules-head p:not(.kicker){color:var(--muted)}
.formules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.formule{display:flex;flex-direction:column;gap:18px;padding:30px 26px;background:var(--pale-2);border:1px solid var(--line);border-radius:var(--radius)}
.formule-head{display:flex;gap:14px;align-items:flex-start}
.formule-head .ico{flex:none;width:38px;height:38px;color:var(--rose-txt);stroke-width:1.5}
.formule-head h3{font-size:24px;line-height:1.2;margin-bottom:6px}
.formule-head p{font-size:14px;color:var(--muted)}
.formule .liste-coches li{font-size:14.5px;font-weight:500;padding:5px 0}
.formule-prix{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);text-align:center;display:flex;flex-direction:column;gap:2px}
.formule-prix span{font-size:13px;color:var(--rose-txt);font-weight:600}
.formule-prix strong{font-family:var(--serif);font-size:40px;}
.formule-prix strong:not(:has(small)){font-size:30px;}
.formule-prix strong{font-weight:600;line-height:1.1;color:var(--aub)}
.formule-prix strong small{font-family:var(--sans);font-size:15px}
.formule-prix em{font-style:normal;font-size:13px;color:var(--muted)}
.formule .btn{align-self:center}
.formule-dark{background:var(--aub);border-color:var(--aub);color:#fff}
.formule-dark .formule-head .ico{color:var(--rose)}
.formule-dark .formule-head p,.formule-dark .formule-prix em{color:#F3DDE3}
.formule-dark .formule-prix{border-color:rgba(247,215,221,.25)}
.formule-dark .formule-prix strong{color:#fff}
.formule-dark .formule-prix span{color:var(--rose)}
.tarifs-detail{max-width:820px;margin:48px auto 0}
.tarifs-detail h3{font-size:24px;margin-bottom:16px;text-align:center}

/* Colonnes thématiques */
.colonnes-theme{display:grid;gap:28px}
.colonnes-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.col-theme-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.col-theme-head .ico{flex:none;width:40px;height:40px;color:var(--rose-txt);stroke-width:1.5}
.col-theme-head .kicker{margin-bottom:4px;font-size:11.5px}
.col-theme h3{font-size:24px;line-height:1.2}
.col-theme h3 em{font-style:normal;color:var(--rose-txt)}
.col-theme>p{color:var(--muted);font-size:15px;margin-bottom:10px}

/* Tuiles */
.tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.tuiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tuile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;font-size:13px;font-weight:600;line-height:1.3}
.tuile .ico{width:28px;height:28px;color:var(--rose-txt);stroke-width:1.5}

/* Chiffres (équipe) */
.chiffres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chiffre{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;background:var(--pale-2);border:1px solid var(--line);border-radius:18px;text-align:center}
.chiffre .ico{width:34px;height:34px;color:var(--rose-txt);stroke-width:1.5;margin-bottom:4px}
.chiffre strong{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.1;color:var(--aub)}
.chiffre span{font-size:13px;color:var(--muted)}
.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Cas d'usage */
.cas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cas-item{display:flex;flex-direction:column;gap:12px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.cas-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--rose-txt);color:#fff;font-size:13px;font-weight:700}
.cas-tag svg{width:16px;height:16px}
.cas-item h3{font-size:22px;line-height:1.25}
.cas-ligne{padding:12px 14px;border-radius:12px;background:var(--pale-2)}
.cas-ligne strong{display:block;font-size:13px;color:var(--aub);margin-bottom:2px}
.cas-ligne p{font-size:14px;color:var(--muted)}
.cas-lien{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-weight:700;font-size:14px;color:var(--rose-txt);text-decoration:none}
.cas-lien svg{width:16px;height:16px;stroke-width:2.2}

@media (max-width:1100px){
  .steps-5,.incl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .formules,.cas,.colonnes-3{grid-template-columns:minmax(0,1fr)}
  .formules-head{grid-template-columns:minmax(0,1fr);gap:12px}
  .cards-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .steps-5,.incl,.tuiles,.cards-5,.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps-cards{grid-template-columns:minmax(0,1fr)}
  .formule-prix strong{font-size:34px}
}

/* ===== Lot 3 : conversion, métiers, guides, pages légales ===== */
/* Bandeau clair */
.hero-light{background:linear-gradient(120deg,#FBEDF0 0%,#F7D7DD 55%,#F3CBD5 100%);color:var(--ink)}
.hero-light .hero-grid{min-height:420px}
.hero-light .hero-text{padding:56px 0}
.hero-light h1{color:var(--prune)}
.hero-light h1 em{color:var(--rose-txt)}
.hero-light .hero-lead{color:var(--muted)}
.hero-light .hero-points li{color:var(--ink)}
.hero-light .hero-points svg{color:var(--rose-txt)}
.hero-light .hero-media::before{border-color:var(--rose-txt);opacity:.35}

/* Cartes centrées / 3 colonnes */
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-centre .card{align-items:center;text-align:center}
.note-metier{margin-top:28px;color:var(--muted)}

/* Formulaires */
.form-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.form-grid h2{font-size:clamp(28px,3vw,38px);line-height:1.15;margin-bottom:22px}
.atouts-1{grid-template-columns:minmax(0,1fr)}
.form-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(58,15,46,.06)}
.form-card .form-title{font-size:26px;margin-bottom:6px;color:var(--rose-txt)}
.form-card .sesim-contact{border:0;padding:0;box-shadow:none;background:none;max-width:none}
.sim-section{padding-top:48px}
.reassurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.reassurance>div{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:13.5px;color:var(--muted);line-height:1.4}
.reassurance .ico{flex:none;width:32px;height:32px;color:var(--rose-txt);stroke-width:1.5}
.reassurance strong{display:block;color:var(--ink);font-size:14.5px}
.reassurance a{color:var(--rose-txt)}

/* Contact */
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:center}
.contact-card .ico{width:36px;height:36px;color:var(--rose-txt);stroke-width:1.5;margin-bottom:6px}
.contact-card h2{font-family:var(--sans);font-size:16px;font-weight:700}
.contact-big{font-weight:700;font-size:18px;color:var(--rose-txt);text-decoration:none;word-break:break-word}
.contact-card p{font-size:14px;color:var(--muted)}
.contact-side img{width:100%;border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}

/* Exemple de message (pages métiers) */
.message-exemple h3{margin-bottom:14px}
.message-exemple dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14.5px}
.message-exemple dt{color:var(--muted)}
.message-exemple dd{margin:0;font-weight:600}
.message-pied{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--aub)}
.message-pied svg{width:18px;height:18px}

/* Guides : filtres */
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filtres a{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
.filtres a.is-on,.filtres a:hover{background:var(--rose-txt);border-color:var(--rose-txt);color:#fff}

/* Pages légales */
.legal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.legal-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px}
.legal-nav a{padding:10px 14px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:600}
.legal-nav a.is-on,.legal-nav a:hover{background:var(--pale-2);color:var(--rose-txt)}
.legal-entry{max-width:none}

@media (max-width:1100px){
  .form-grid,.legal-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .legal-nav{position:static}
  .reassurance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .contact-cards,.reassurance,.cards-3{grid-template-columns:minmax(0,1fr)}
  .form-card{padding:22px 16px}
  .message-exemple dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .message-exemple dd{margin-bottom:8px}
}
.sim-section .sesim-head{display:none}

/* Fil d'Ariane dans les bandeaux */
.hero .crumbs{margin-bottom:18px}
.hero-light .crumbs{color:var(--muted)}
.hero-light .crumbs a{color:var(--prune)}

/* Texte de fond (référencement) */
.texte-fond-inner{max-width:780px}
.texte-fond h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:28px 0 12px}
.texte-fond h2:first-of-type{margin-top:8px}
.texte-fond p{color:var(--muted);margin-bottom:14px;line-height:1.7}
.texte-fond p a{color:var(--rose-txt);text-decoration:underline;text-underline-offset:3px}

/* Maillage interne */
.maillage .cards{margin-top:0}
.maillage .card p{font-size:14px}