/* Page Mail-ADNS (/mail-adns-emailing-marketing-en-ligne), refonte visuelle WEBAD-1134 (22/10/2026).
   Complète ad-gipco-v3.css (socle de la version B : haut de page sur photo, panneaux sombres et chauds, objets blancs) ;
   chargée par cette seule page, limitée à main.mx2. Données des objets fictives (Morvane). */

/* ---------- photos ---------- */
main.mx2 .gp-photo { background-image:url(/images/mail/accueil-1920.webp); background-position:50% 40%; }
main.mx2 .gp-photo--fin { background-image:url(/images/mail/fin-1600.webp); background-position:40% 45%; transform:none; }
@media (max-width: 640px) {
  main.mx2 .gp-photo { background-image:url(/images/mail/accueil-900.webp); background-position:80% 40%; }
  main.mx2 .gp-photo--fin { background-image:url(/images/mail/fin-1600.webp); background-position:35% 50%; }
}

/* ---------- haut de page ---------- */
main.mx2 .mx-choix { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; }
main.mx2 .mx-choix li { display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); font-size:13px; color:rgba(255,255,255,.86); }
main.mx2 .mx-choix i { color:var(--gp-soleil); }
main.mx2 .mx-lien2 { display:inline-block; margin:36px 0 0 22px; color:#fff; font-size:15px; font-weight:500; text-decoration:underline; text-decoration-color:rgba(255,218,26,.75); text-underline-offset:4px; }
main.mx2 .mx-preuves3 { flex:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:0; padding:0; list-style:none; }
main.mx2 .mx-preuves3 li { font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.7); padding-left:14px; border-left:1px solid var(--gp-filet-n); }
main.mx2 .mx-preuves3 b { display:block; color:#fff; font-weight:600; font-size:13px; margin-bottom:2px; }
@media (min-width: 1024px) { main.mx2 .gp-hero__scene { top:300px; width:700px; } }
main.mx2 .mx-h { height:480px; }
main.mx2 .mx-h .mx-win { left:30px; top:150px; width:430px; }
main.mx2 .mx-wt { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 16px 4px; }
main.mx2 .mx-wt b { display:block; font:600 14px var(--gp-titre); }
main.mx2 .mx-wt span { font-size:11px; color:var(--gp-discret); }
main.mx2 .mx-wt .pill { font-size:11px; }
main.mx2 .mx-zone { padding:4px 16px 0; }
main.mx2 .mx-zone--l { padding:10px 20px 14px; }
main.mx2 .mx-graph { display:block; width:100%; height:auto; }
main.mx2 .mx-graph .t1 { font:600 11px var(--gp-corps); fill:#111114; }
main.mx2 .mx-graph .t2 { font:400 9.5px var(--gp-corps); fill:#8a8d93; }
main.mx2 .mx-graph .ax { font:400 9px var(--gp-corps); fill:#8a8d93; }
main.mx2 .mx-wp { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 16px; border-top:1px solid #eeede8; background:#f7f6f2; font-size:11px; color:#55585f; }
main.mx2 .mx-wp b { font-weight:600; color:var(--gp-texte); }
main.mx2 .mx-tel { position:absolute; left:478px; top:0; width:214px; height:452px; border-radius:36px; background:#0f0d0a; padding:9px; z-index:4; box-shadow:inset 0 0 0 1.5px #3a342b,-14px 26px 50px -12px rgba(0,0,0,.65),-36px 60px 110px -30px rgba(0,0,0,.6); }
main.mx2 .mx-tel .ecran { width:100%; height:100%; border-radius:28px; background:#fff; overflow:hidden; color:var(--gp-texte); font-family:var(--gp-corps); text-align:left; }
main.mx2 .mx-tel .sb { display:flex; justify-content:space-between; padding:10px 18px 4px; font-size:11px; }
main.mx2 .mx-tel .sb span { font-size:10px; }
main.mx2 .mx-tel .nav { padding:4px 12px 6px; font-size:12px; color:#2f6fd6; }
main.mx2 .mx-tel .exp { display:flex; align-items:center; gap:8px; padding:6px 12px; }
main.mx2 .mx-tel .exp .av { width:28px; height:28px; font-size:12px; background:#2b2a26; color:#fff; }
main.mx2 .mx-tel .exp b { display:block; font-size:12px; }
main.mx2 .mx-tel .exp span { font-size:10px; color:var(--gp-discret); }
main.mx2 .mx-tel .obj-mail { padding:4px 12px 8px; font:600 13px/1.25 var(--gp-titre); border-bottom:1px solid #f0eee9; }
main.mx2 .mx-tel .corps-mail { padding:10px 12px; background:#f6f3ee; height:100%; }
main.mx2 .marque { font:600 10px var(--gp-corps); letter-spacing:.32em; text-align:center; padding:2px 0 8px; color:#2b2a26; }
main.mx2 .mx-tel .ph, main.mx2 .mx-ed__mail .ph { height:78px; border-radius:6px; background:url(/images/mail/bureau-640.webp) center/cover; }
main.mx2 .mx-tel .tt { font:600 15px/1.15 var(--gp-titre); padding:10px 2px 4px; }
main.mx2 .mx-tel .tx { font-size:10.5px; line-height:1.45; color:#55585f; padding:0 2px; }
main.mx2 .mx-tel .cta { position:relative; margin:10px 2px 0; padding:9px; border-radius:8px; background:#2b2a26; color:#fff; font-size:11.5px; font-weight:600; text-align:center; }
main.mx2 .mx-tel .tap { position:absolute; right:30px; top:50%; width:26px; height:26px; margin-top:-13px; border-radius:50%; background:rgba(255,218,26,.55); box-shadow:0 0 0 7px rgba(255,218,26,.25),0 0 0 14px rgba(255,218,26,.12); }
main.mx2 .mx-notif { left:28px; top:58px; }
@media (max-width: 1263px) { main.mx2 .mx-preuves3 li:nth-child(3) { display:none; } }
@media (min-width: 1024px) and (max-width: 1180px) { main.mx2 .mx-h .mx-win { display:none; } main.mx2 .mx-notif { left:250px; top:330px; } }
@media (max-width: 1023px) {
  main.mx2 .mx-h { height:auto; display:flex; flex-direction:column; align-items:center; padding-top:8px; }
  main.mx2 .mx-h .mx-win { display:none; }
  main.mx2 .mx-tel { position:relative; left:auto; top:auto; }
  main.mx2 .mx-notif { position:relative; left:auto; top:auto; white-space:normal; margin-top:-34px; z-index:5; }
  main.mx2 .mx-lien2 { display:block; margin:18px 0 0; }
  main.mx2 .mx-preuves3 { grid-template-columns:minmax(0,1fr); gap:14px; }
  main.mx2 .mx-preuves3 li:nth-child(3) { display:block; }
  main.mx2 .gp-preuve span { width:auto; }
}
@media (max-width: 640px) { main.mx2 .gp-hero .mx-lien2 { text-align:center; } }

/* ---------- correctifs du socle (surtitres et sommaires contiennent des groupes insécables) ---------- */
main.mx2 .gp-sur { display:block; }
main.mx2 .gp-sur::before { display:inline-block; vertical-align:middle; margin:-3px 14px 0 0; }
main.mx2 .gp-chiffre .mx-val-t span { display:inline; margin:0; font-size:inherit; color:inherit; }

/* ---------- textes des sections ---------- */
main.mx2 .gp-cas { margin-top:0; align-items:start; }
main.mx2 .gp-cas__t h2 { font-size:clamp(30px,3.3vw,46px); line-height:1.02; }
main.mx2 .gp-cas__t h3 { margin-top:30px; font-size:19px; }
main.mx2 .gp-cas__t p.mx-chap { margin-top:22px; font-size:18px; line-height:1.6; color:var(--gp-texte); }
main.mx2 .gp-cas__t .gp-sur { margin-bottom:22px; }
main.mx2 .gp-cas .pan { margin-top:8px; }
main.mx2 .gp-sec h3 { color:var(--gp-texte); }
main.mx2 .mx-encart { margin-top:20px !important; padding:16px 18px; border-left:3px solid var(--gp-soleil); background:rgba(255,255,255,.55); border-radius:0 8px 8px 0; color:var(--gp-texte) !important; font-weight:500; }
main.mx2 .mx-detail { margin-top:18px !important; font-size:13px !important; letter-spacing:.04em; color:var(--gp-discret) !important; }
main.mx2 .mx-btn2 { display:inline-flex; align-items:center; min-height:48px; margin-top:26px; padding:0 20px; border-radius:10px; background:var(--gp-texte); color:#fff; font-weight:600; font-size:15px; text-decoration:none; }
main.mx2 .mx-lien3 { display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:var(--gp-texte); font-weight:600; text-decoration:underline; text-decoration-color:var(--gp-soleil); text-decoration-thickness:2px; text-underline-offset:5px; }
main.mx2 .mx-coches, main.mx2 .mx-puces { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:8px; }
main.mx2 .mx-coches li { position:relative; padding-left:28px; font-size:15px; color:var(--gp-texte); }
main.mx2 .mx-coches li::before { content:""; position:absolute; left:0; top:3px; width:18px; height:18px; border-radius:50%; background:var(--gp-texte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23ffda1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
main.mx2 .mx-puces { grid-template-columns:repeat(2,minmax(0,1fr)); }
main.mx2 .mx-puces li { padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.6); box-shadow:inset 0 0 0 1px #ddd5c7; font-size:14px; font-weight:500; color:var(--gp-texte); }

/* ---------- choisir ---------- */
main.mx2 .mx-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
main.mx2 .mx-mode { padding:30px 28px 26px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px #e9e2d6,0 18px 40px -26px rgba(23,20,15,.35); }
main.mx2 .mx-mode__ic { display:grid; place-items:center; width:44px; height:44px; border-radius:10px; background:var(--gp-encre); color:var(--gp-soleil); font-size:20px; margin-bottom:22px; }
main.mx2 .mx-mode h3 { font-size:21px; }
main.mx2 .mx-mode p { margin-top:12px; font-size:15.5px; line-height:1.6; color:#4a4d54; }
main.mx2 .mx-part { display:flex; height:8px; margin-top:24px; border-radius:8px; overflow:hidden; background:#efe9de; }
main.mx2 .mx-part .v { background:var(--gp-encre); }
main.mx2 .mx-part .a { background:var(--gp-soleil); }
main.mx2 .mx-part .v0 { background:#efe9de; }
main.mx2 .mx-mode p.mx-micro { margin-top:12px; font-size:12.5px; letter-spacing:.04em; color:var(--gp-discret); }
main.mx2 .mx-part-leg { display:flex; gap:22px; justify-content:flex-end; margin-top:16px !important; font-size:12.5px; color:var(--gp-doux); }
main.mx2 .mx-part-leg i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:7px; vertical-align:-1px; }
main.mx2 .mx-part-leg i.v { background:var(--gp-encre); }
main.mx2 .mx-part-leg i.a { background:var(--gp-soleil); }

/* ---------- objets des scènes ---------- */
main.mx2 .pill.s { background:#f1f0ec; color:#8a8d93; text-decoration:line-through; }
main.mx2 .mx-nouv { padding:8px 12px; font-size:11.5px; }
main.mx2 .mx-camp { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; padding:12px 16px; border-top:1px solid #f1efea; }
main.mx2 .mx-camp .ic { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:#f4f1eb; font-size:15px; }
main.mx2 .mx-camp b { display:block; font-size:13.5px; font-weight:600; }
main.mx2 .mx-camp span { font-size:11.5px; color:var(--gp-discret); }
main.mx2 .mx-camp .pr { margin-top:7px; max-width:220px; }
main.mx2 .mx-vol { padding:16px 18px; }
main.mx2 .mx-vol__n { font:600 30px/1 var(--gp-titre); letter-spacing:-.02em; margin-top:8px; }
main.mx2 .mx-vol__b { display:flex; align-items:flex-end; gap:5px; height:46px; margin-top:12px; }
main.mx2 .mx-vol__b i { flex:1; border-radius:2px; background:#d9d4c8; }
main.mx2 .mx-vol__b i.on { background:var(--gp-soleil); }
main.mx2 .mx-crit { display:grid; grid-template-columns:70px 1fr; gap:10px; align-items:center; padding:10px 18px; border-top:1px solid #f1efea; font-size:12.5px; }
main.mx2 .mx-crit span { color:var(--gp-discret); font-size:11.5px; }
main.mx2 .mx-crit b { justify-self:start; padding:4px 9px; border-radius:7px; background:#f4f1eb; font-weight:600; }
main.mx2 .mx-res { display:flex; align-items:baseline; gap:10px; padding:14px 18px 16px; background:#fff8d6; border-top:1px solid #f1e6b5; }
main.mx2 .mx-res b { font:600 32px/1 var(--gp-titre); letter-spacing:-.02em; }
main.mx2 .mx-res span { font-size:12.5px; color:#5c4400; }
main.mx2 .mx-ed { display:grid; grid-template-columns:118px 1fr; min-height:0; }
main.mx2 .mx-ed__blocs { padding:14px 10px; background:#faf9f6; border-right:1px solid #eeebe5; }
main.mx2 .mx-ed__blocs .mini-t { display:block; padding:0 6px 8px; }
main.mx2 .mx-ed__blocs a { display:flex; align-items:center; gap:8px; padding:8px 8px; margin-bottom:6px; border-radius:7px; background:#fff; box-shadow:0 0 0 1px #ebe8e1; font-size:12px; color:#3d4046; }
main.mx2 .mx-ed__toile { padding:12px 16px 16px; background:#ece8e0; }
main.mx2 .mx-ed__barre { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
main.mx2 .mx-ed__vues i { margin-left:8px; color:var(--gp-discret); }
main.mx2 .mx-ed__vues i.on { color:var(--gp-texte); }
main.mx2 .mx-ed__mail { width:260px; margin:0 auto; padding:14px 16px 18px; background:#fff; border-radius:6px; box-shadow:0 8px 20px -12px rgba(0,0,0,.3); }
main.mx2 .mx-ed__mail .ph { height:84px; }
main.mx2 .mx-ed__mail .tt { position:relative; font:600 16px/1.15 var(--gp-titre); padding:10px 4px 6px; margin-top:4px; }
main.mx2 .mx-ed__mail .tt.sel { box-shadow:0 0 0 1.5px #2f6fd6; border-radius:3px; }
main.mx2 .mx-ed__mail .poignee { position:absolute; right:-4px; bottom:-4px; width:8px; height:8px; background:#2f6fd6; border-radius:2px; }
main.mx2 .mx-ed__mail .tx { font-size:11px; line-height:1.5; color:#55585f; padding:4px 4px 0; }
main.mx2 .mx-ed__mail .cta { display:inline-block; margin:12px 4px 0; padding:8px 12px; border-radius:7px; background:#2b2a26; color:#fff; font-size:11px; font-weight:600; }
main.mx2 .mx-ia__q { padding:12px 16px 4px; font-size:12px; color:var(--gp-doux); }
main.mx2 .mx-ia__p { margin:0 16px; padding:10px 12px; border-radius:8px; background:#fff8d6; font:600 13px/1.35 var(--gp-titre); }
main.mx2 .mx-ia__a { display:flex; gap:10px; align-items:center; padding:12px 16px 14px; font-size:12px; color:var(--gp-doux); }
main.mx2 .mx-ia__a .ok2 { padding:7px 12px; border-radius:8px; background:var(--gp-texte); color:#fff; font-weight:600; }
main.mx2 .mx-etape { display:grid; grid-template-columns:16px 1fr auto; gap:12px; align-items:start; padding:14px 18px; border-top:1px solid #f1efea; position:relative; }
main.mx2 .mx-etape .pt { width:12px; height:12px; margin-top:4px; border-radius:50%; background:var(--gp-soleil); box-shadow:0 0 0 4px rgba(255,218,26,.22); }
main.mx2 .mx-etape.fait .pt { background:var(--gp-texte); box-shadow:none; }
main.mx2 .mx-etape .pt.vide { background:#fff; box-shadow:inset 0 0 0 2px #c9c4b8; }
main.mx2 .mx-etape b { display:block; font-size:13.5px; font-weight:600; }
main.mx2 .mx-etape span { font-size:11.5px; color:var(--gp-discret); }
main.mx2 .mx-etape .pr { margin-top:8px; }
main.mx2 .mx-an { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:16px 18px 8px; }
main.mx2 .mx-an > div { min-height:74px; padding:8px; border-radius:8px; background:#f7f5f0; }
main.mx2 .mx-an small { display:block; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gp-discret); }
main.mx2 .mx-an em { display:block; margin-top:8px; padding:5px 6px; border-radius:6px; font-style:normal; font-size:10.5px; font-weight:600; line-height:1.25; }
main.mx2 .mx-an em.n { background:var(--gp-soleil); color:#111; }
main.mx2 .mx-an em.d { background:#e4ded2; color:#3d4046; }
main.mx2 .mx-an em.p { background:#fff; color:#5c4400; box-shadow:inset 0 0 0 1.5px var(--gp-soleil); }
main.mx2 .mx-an__leg { display:flex; gap:18px; padding:4px 18px 16px; font-size:11.5px; color:var(--gp-doux); }
main.mx2 .mx-an__leg i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
main.mx2 .mx-an__leg i.n { background:var(--gp-soleil); }
main.mx2 .mx-an__leg i.d { background:#e4ded2; }
main.mx2 .mx-cpt { display:flex; align-items:baseline; gap:10px; margin-top:8px; }
main.mx2 .mx-cpt b { font:600 34px/1 var(--gp-titre); }
main.mx2 .mx-cpt span { font-size:12px; color:var(--gp-doux); }
main.mx2 .mx-mods { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
main.mx2 .mx-mods span { padding:6px 9px; border-radius:7px; background:#f4f1eb; font-size:11.5px; font-weight:600; }

/* ---------- preuves ---------- */
main.mx2 .gp-chiffre .mx-val { font:600 clamp(64px,7.2vw,104px)/.9 var(--gp-titre); letter-spacing:-.05em; color:#fff; }
main.mx2 .gp-chiffre .mx-val-t { margin-top:18px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.72); max-width:16em; }
main.mx2 .mx-preuves { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:80px; border-top:1px solid var(--gp-filet-n); }
main.mx2 .mx-preuves > div { padding:30px 32px 6px 0; }
main.mx2 .mx-preuves > div + div { padding-left:32px; border-left:1px solid var(--gp-filet-n); }
main.mx2 .mx-preuves .mx-pv { font:600 30px/1.05 var(--gp-titre); letter-spacing:-.02em; color:#fff; }
main.mx2 .mx-preuves p + p { margin-top:10px; font-size:15.5px; line-height:1.6; color:rgba(255,255,255,.7); }

/* ---------- écosystème ---------- */
main.mx2 .gp-ch a { color:var(--gp-texte); text-decoration-color:var(--gp-soleil); text-decoration-thickness:2px; }
main.mx2 .mx-eco { aspect-ratio:auto; display:grid; grid-template-columns:minmax(0,420fr) minmax(0,700fr); gap:48px; align-items:center; margin-top:64px; padding:48px; color:#fff; }
main.mx2 .mx-etat { display:inline-block; padding:5px 11px; border-radius:999px; background:rgba(255,218,26,.16); color:var(--gp-soleil); font-size:12px; font-weight:600; letter-spacing:.04em; }
main.mx2 .mx-eco h3 { margin-top:16px; font-size:24px; color:#fff; }
main.mx2 .mx-eco p { margin-top:12px; font-size:15.5px; line-height:1.6; color:rgba(255,255,255,.74); }
main.mx2 .mx-eco a { color:#fff; text-decoration-color:rgba(255,218,26,.75); }
main.mx2 .mx-flux { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
main.mx2 .mx-flux::before { content:""; position:absolute; left:8%; right:8%; top:34px; border-top:1.5px dashed rgba(255,218,26,.6); }
main.mx2 .mx-flux li { position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; font-size:13px; font-weight:600; color:#fff; }
main.mx2 .mx-flux i { display:grid; place-items:center; width:68px; height:68px; border-radius:16px; background:#fff; color:var(--gp-texte); font-size:24px; box-shadow:-8px 14px 26px -8px rgba(0,0,0,.55); }
main.mx2 .mx-flux li.is-centre i { background:var(--gp-soleil); }

/* ---------- technique ---------- */
main.mx2 .mx-tech { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:64px; }
main.mx2 .mx-tech > div { padding-top:24px; border-top:1px solid var(--gp-filet); }
main.mx2 .mx-tech__ic { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:var(--gp-encre); color:var(--gp-soleil); font-size:18px; margin-bottom:18px; }
main.mx2 .mx-tech h3 { font-size:18px; }
main.mx2 .mx-tech ul { margin:14px 0 0; padding:0; list-style:none; display:grid; gap:8px; }
main.mx2 .mx-tech li { font-size:14.5px; color:#4a4d54; }

/* ---------- offre ---------- */
main.mx2 .mx-offres { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:64px; align-items:stretch; }
main.mx2 .mx-offre { display:flex; flex-direction:column; padding:32px 30px 30px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px #e2dacd,0 18px 40px -28px rgba(23,20,15,.35); }
main.mx2 .mx-offre h3 { font-size:22px; }
main.mx2 .mx-pour { margin-top:10px !important; font-size:15.5px; line-height:1.55; color:#4a4d54; }
main.mx2 .mx-offre ul { flex:1; margin:22px 0 0; padding:18px 0 0; list-style:none; display:grid; gap:9px; align-content:start; border-top:1px solid #eee8de; }
main.mx2 .mx-offre li { position:relative; padding-left:24px; font-size:14.5px; color:var(--gp-texte); }
main.mx2 .mx-offre li::before { content:""; position:absolute; left:2px; top:7px; width:10px; height:6px; border-left:2px solid var(--gp-texte); border-bottom:2px solid var(--gp-texte); transform:rotate(-45deg); }
main.mx2 .mx-offre .mx-btn2 { align-self:flex-start; background:#fff; color:var(--gp-texte); box-shadow:inset 0 0 0 1.5px var(--gp-texte); }
main.mx2 .mx-offre--fort { background:var(--gp-encre); box-shadow:0 30px 60px -30px rgba(23,20,15,.6); }
main.mx2 .mx-offre--fort h3, main.mx2 .mx-offre--fort li { color:#fff; }
main.mx2 .mx-offre--fort .mx-pour { color:rgba(255,255,255,.74); }
main.mx2 .mx-offre--fort ul { border-top-color:rgba(255,255,255,.14); }
main.mx2 .mx-offre--fort li::before { border-color:var(--gp-soleil); }
main.mx2 .mx-offre--fort .mx-btn2 { background:var(--gp-soleil); color:#111; box-shadow:none; }

/* ---------- questions fréquentes ---------- */
main.mx2 .mx-faq { display:grid; grid-template-columns:minmax(0,420fr) minmax(0,700fr); column-gap:var(--gp-gap); align-items:start; }
main.mx2 .mx-faq h2 { font-size:clamp(30px,3.3vw,46px); line-height:1.02; }
main.mx2 .mx-faq__l { border-top:1px solid var(--gp-filet); }
main.mx2 .mx-faq__l details { border-bottom:1px solid var(--gp-filet); }
main.mx2 .mx-faq__l summary { list-style:none; cursor:pointer; display:block; position:relative; padding:20px 36px 20px 0; font:600 17px/1.4 var(--gp-titre); color:var(--gp-texte); }
main.mx2 .mx-faq__l summary::-webkit-details-marker { display:none; }
main.mx2 .mx-faq__l summary::after { content:""; position:absolute; right:0; top:27px; width:12px; height:12px; background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat; color:var(--gp-discret); }
main.mx2 .mx-faq__l details[open] summary::after { background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat; color:var(--gp-texte); }
main.mx2 .mx-faq__l summary:focus-visible { outline:2px solid var(--gp-texte); outline-offset:2px; }
main.mx2 .mx-faq__l p { padding:0 36px 22px 0; font-size:15.5px; line-height:1.65; color:#4a4d54; }

/* ---------- appel final ---------- */
main.mx2 .gp-fin .mx-lien2 { margin-left:22px; }

/* ---------- tablette et mobile ---------- */
@media (max-width: 1023px) {
  main.mx2 .mx-modes, main.mx2 .mx-offres { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:40px; }
  main.mx2 .mx-tech { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:40px; }
  main.mx2 .mx-preuves { grid-template-columns:minmax(0,1fr); margin-top:40px; }
  main.mx2 .mx-preuves > div + div { padding-left:0; border-left:0; border-top:1px solid var(--gp-filet-n); }
  main.mx2 .mx-eco { grid-template-columns:minmax(0,1fr); padding:32px 24px; margin-top:40px; }
  main.mx2 .mx-faq { grid-template-columns:minmax(0,1fr); }
  main.mx2 .mx-faq__l { margin-top:28px; }
  main.mx2 .mx-part-leg { justify-content:flex-start; }
  main.mx2 .gp-fin .mx-lien2 { display:block; margin:18px 0 0; }
}
@media (max-width: 640px) {
  main.mx2 .gp-sur::before { display:none; }
  main.mx2 .mx-tech { grid-template-columns:minmax(0,1fr); }
  main.mx2 .mx-puces { grid-template-columns:minmax(0,1fr); }
  main.mx2 .mx-flux { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
  main.mx2 .mx-flux i { width:46px; height:46px; border-radius:12px; font-size:18px; }
  main.mx2 .mx-flux::before { top:23px; }
  main.mx2 .mx-flux li { font-size:10.5px; gap:8px; }
  main.mx2 .gp-cas__t p.mx-chap { font-size:16px; }
  main.mx2 .gp-scene .win { width:100% !important; max-width:360px; }
  main.mx2 .gp-scene .mx-ed { grid-template-columns:minmax(0,1fr); min-height:0; }
  main.mx2 .gp-scene .mx-ed__blocs { display:none; }
  main.mx2 .gp-scene .mx-an { grid-template-columns:repeat(3,minmax(0,1fr)); }
}