.demo-scope, .demo-scope * { margin:0; padding:0; box-sizing:border-box; }
.demo-scope { font-family:Poppins,'Segoe UI',Verdana,sans-serif; color:#21312b; background:#FCF8F0; }
.demo-scope .wrap { max-width:1120px; margin:0 auto; padding:0 24px; }
.demo-scope header.site { background:#ffffff; box-shadow:0 2px 14px rgba(0,60,45,.08); }
.demo-scope .nav { display:flex; align-items:center; gap:26px; padding:14px 0; flex-wrap:wrap; }
.demo-scope .nav img.logo { width:112px; height:112px; border-radius:50%; }
.demo-scope .nav a { color:#21312b; text-decoration:none; font-size:15.5px; font-weight:600; }
.demo-scope .nav a.active { color:#005C46; border-bottom:3px solid #FF641E; padding-bottom:5px; }
.demo-scope .nav .spacer { flex:1; }
.demo-scope .btn { display:inline-block; border-radius:999px; padding:13px 28px; font-weight:700; font-size:16.5px; text-decoration:none; border:none; cursor:pointer; }
.demo-scope .btn-orange { background:#FF641E; color:#fff; }
.demo-scope .btn-vert { background:#005C46; color:#fff; }
.demo-scope .btn-blanc { background:#fff; color:#005C46; }
.demo-scope .hero { background:#005C46; border-radius:0 0 28px 28px; }
.demo-scope .hero-in { display:grid; grid-template-columns: 1.02fr .98fr; gap:38px; padding:52px 0 50px 0; align-items:start; }
@media (max-width:640px){.demo-scope .hero-in { grid-template-columns: 1fr; }}
.demo-scope .hero-txt { min-width:0; }
.demo-scope .badge { display:inline-block; background:#FF641E; color:#fff; font-size:12.5px; letter-spacing:2px; font-weight:700; padding:7px 16px; border-radius:999px; }
.demo-scope .hero h1 { color:#fff; font-size:42px; line-height:1.2; margin:18px 0 14px 0; }
.demo-scope .hero p.sub { color:#CFE8DC; font-size:19px; line-height:1.6; }
.demo-scope .hero ul.points { color:#fff; font-size:17.5px; line-height:1.5; margin-top:22px; list-style:none; }
.demo-scope .hero ul.points li { margin-bottom:10px; }
.demo-scope .hero ul.points li::before { content:"✓ "; color:#FF641E; font-weight:800; }
.demo-scope .layout { display:grid; grid-template-columns: 1fr 370px; gap:36px; align-items:start; }
.demo-scope .side { position:sticky; top:18px; padding-top:50px; }
@media (max-width:900px){.demo-scope .layout { grid-template-columns: 1fr; }
.demo-scope .side { position:static; padding-top:10px; }}
.demo-scope .form-card { min-width:0; background:#fff; border-radius:22px; padding:30px 30px 26px 30px; box-shadow:0 14px 40px rgba(0,0,0,.18); }
.demo-scope .form-card h3 { color:#005C46; font-size:22px; margin-bottom:6px; }
.demo-scope .form-card p { font-size:15px; color:#5a6f66; margin-bottom:16px; }
.demo-scope .form-card label { display:block; font-size:14px; font-weight:600; margin:12px 0 5px 0; }
.demo-scope .form-card input, .demo-scope .form-card select { width:100%; padding:12px 14px; border:1.5px solid #d8e2db; border-radius:12px; font-size:15.5px; font-family:inherit; background:#fbfdfc; }
.demo-scope .form-card .btn { width:100%; margin-top:20px; font-size:17.5px; }
.demo-scope .form-card .note { text-align:center; font-size:16px; font-weight:800; color:#005C46; margin-top:12px; }
.demo-scope section { padding:50px 0 6px 0; }
.demo-scope h2 { color:#005C46; font-size:30px; text-align:center; }
.demo-scope .bar { width:74px; height:6px; background:#FF641E; border-radius:3px; margin:12px auto 24px auto; }
.demo-scope p.txt { font-size:18px; line-height:1.75; max-width:840px; margin:0 auto 18px auto; }
.demo-scope .grid4 { display:flex; gap:20px; flex-wrap:wrap; }
.demo-scope .step { flex:1; min-width:220px; background:#fff; border-radius:20px; padding:28px 24px; box-shadow:0 4px 22px rgba(0,60,45,.07); }
.demo-scope .step .num { width:46px; height:46px; border-radius:50%; background:#FF641E; color:#fff; font-weight:800; font-size:21px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.demo-scope .step h3 { color:#005C46; font-size:18.5px; margin-bottom:8px; }
.demo-scope .step p { font-size:15.5px; line-height:1.6; color:#3d4f47; }
.demo-scope .adv { flex:1; min-width:220px; border-radius:20px; padding:28px 24px; }
.demo-scope .adv.v { background:#EEF7F1; }
.demo-scope .adv.o { background:#FFF1E8; }
.demo-scope .adv h3 { font-size:18.5px; margin-bottom:8px; }
.demo-scope .adv.v h3 { color:#005C46; }
.demo-scope .adv.o h3 { color:#FF641E; }
.demo-scope .adv p { font-size:15.5px; line-height:1.6; }
.demo-scope .alt-bloc { background:#fff; border-radius:28px; padding:44px 40px 30px 40px; box-shadow:0 4px 24px rgba(0,60,45,.06); margin-top:44px; }
.demo-scope .slogan { background:#FF641E; border-radius:20px; text-align:center; padding:26px 20px; margin:40px auto 8px auto; max-width:900px; }
.demo-scope .slogan span { color:#fff; font-size:28px; font-weight:800; }
.demo-scope footer.site { background:#005C46; border-radius:28px 28px 0 0; margin-top:56px; }
.demo-scope .foot { display:flex; align-items:center; gap:16px; justify-content:center; padding:26px 0; color:#CFE8DC; font-size:15px; flex-wrap:wrap; text-align:center; }
.demo-scope .foot img { width:40px; height:40px; border-radius:50%; background:#fff; padding:3px; }
.demo-scope .demo-tag { background:#21312b; color:#fff; text-align:center; font-size:13px; padding:8px; letter-spacing:1px; }
.demo-scope .page-sep { background:#21312b; color:#fff; text-align:center; font-size:16px; font-weight:700; padding:16px; letter-spacing:1px; margin-top:70px; }
.demo-scope .page-sep { background:#21312b; color:#fff; text-align:center; font-size:16px; font-weight:700; padding:16px; letter-spacing:1px; margin-top:70px; }
.demo-scope .page-sep { background:#21312b; color:#fff; text-align:center; font-size:17px; font-weight:700; padding:16px; letter-spacing:1px; }
.demo-scope .card { background:#fff; border-radius:20px; padding:26px 28px; box-shadow:0 4px 22px rgba(0,60,45,.07); margin-bottom:20px; }
.demo-scope .card h3 { color:#005C46; font-size:21px; margin-bottom:12px; }
.demo-scope .bandeau { background:#005C46; border-radius:20px; padding:26px 30px; display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-bottom:20px; }
.demo-scope .bandeau .t1 { color:#FF641E; font-size:12.5px; letter-spacing:1.5px; font-weight:700; }
.demo-scope .bandeau .t2 { color:#fff; font-size:24px; font-weight:800; margin:4px 0; }
.demo-scope .bandeau .t3 { color:#CFE8DC; font-size:15px; line-height:1.55; max-width:640px; }
.demo-scope .grid2 { display:grid; grid-template-columns:1fr 1.4fr; gap:20px; align-items:start; }
@media (max-width:900px){.demo-scope .grid2 { grid-template-columns:1fr; }}
.demo-scope .champ label { display:block; font-size:13px; color:#5a6f66; font-weight:600; margin-top:12px; }
.demo-scope .champ .val { font-size:16.5px; font-weight:700; color:#005C46; }
.demo-scope .champ input, .demo-scope .champ select { width:100%; padding:12px 14px; border:1.5px solid #d8e2db; border-radius:12px; font-size:15.5px; font-family:inherit; margin-top:5px; }
.demo-scope .forfaits { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:900px){.demo-scope .forfaits { grid-template-columns:1fr 1fr; }}
.demo-scope .forfait { border:2px solid #d8e2db; border-radius:16px; padding:18px; }
.demo-scope .forfait.sel { border-color:#005C46; background:#F2F9F4; }
.demo-scope .forfait .nom { font-weight:700; color:#21312b; font-size:15.5px; }
.demo-scope .forfait .prix { color:#FF641E; font-size:25px; font-weight:800; margin:6px 0 4px 0; }
.demo-scope .forfait .det { font-size:13.5px; color:#5a6f66; line-height:1.5; }
.demo-scope .statut { background:#FFF6EE; border:1.5px solid #FFD9BE; border-radius:14px; padding:16px 20px; display:flex; gap:14px; align-items:center; margin-bottom:18px; }
.demo-scope .statut .etoile { background:#FF641E; color:#fff; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:19px; }
.demo-scope .toggle { display:inline-block; width:58px; height:30px; border-radius:999px; background:#C9D4CC; position:relative; vertical-align:middle; }
.demo-scope .toggle::after { content:""; position:absolute; left:4px; top:4px; width:22px; height:22px; border-radius:50%; background:#fff; }
.demo-scope .cat { display:inline-block; padding:9px 18px; border-radius:999px; border:1.5px solid #005C46; color:#005C46; font-weight:700; font-size:14.5px; margin:3px; }
.demo-scope .cat.actif { background:#005C46; color:#fff; }
.demo-scope .q { display:inline-block; background:#fff; border:1.5px solid #d8e2db; border-radius:12px; padding:10px 16px; font-weight:600; font-size:14.5px; color:#005C46; margin:4px 3px; }
.demo-scope .reponse { background:#FDFBF7; border:1.5px solid #eee3d2; border-radius:14px; padding:18px 20px; font-size:15.5px; margin-top:14px; }
.demo-scope table.opps { width:100%; border-collapse:collapse; font-size:15px; }
.demo-scope table.opps th { text-align:left; color:#5a6f66; font-size:13.5px; padding:10px 8px; border-bottom:2px solid #e3ece5; }
.demo-scope table.opps td { padding:11px 8px; border-bottom:1px solid #eef3ef; }
.demo-scope .tag { background:#EEF7F1; color:#005C46; font-size:12.5px; font-weight:700; padding:5px 12px; border-radius:999px; }
.demo-scope .page-sep { background:#21312b; color:#fff; text-align:center; font-size:16px; font-weight:700; padding:16px; letter-spacing:1px; margin-top:70px; }
.demo-scope .page-sep { background:#21312b; color:#fff; text-align:center; font-size:17px; font-weight:700; padding:16px; letter-spacing:1px; }
.demo-scope .card { background:#fff; border-radius:20px; padding:26px 28px; box-shadow:0 4px 22px rgba(0,60,45,.07); margin-bottom:20px; }
.demo-scope .tuiles3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:900px){.demo-scope .tuiles3 { grid-template-columns:1fr; }}
.demo-scope .tuile { background:#fff; border-radius:18px; padding:24px; box-shadow:0 4px 20px rgba(0,60,45,.06); }
.demo-scope .tuile .ico { font-size:30px; margin-bottom:8px; }
.demo-scope .tuile h3 { color:#005C46; font-size:18.5px; margin-bottom:6px; }
.demo-scope .tuile p { font-size:16.5px; line-height:1.6; color:#24473C; font-weight:600; }
.demo-scope .fiche { background:#fff; border-radius:22px; box-shadow:0 10px 34px rgba(0,60,45,.12); overflow:hidden; max-width:880px; margin:0 auto; }
.demo-scope .fiche-head { background:#005C46; padding:20px 26px; color:#fff; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.demo-scope .fiche-head .t { font-size:21px; font-weight:800; }
.demo-scope .fiche-body { padding:24px 26px; display:grid; grid-template-columns:1fr 1fr; gap:8px 34px; font-size:15.5px; }
@media (max-width:700px){.demo-scope .fiche-body { grid-template-columns:1fr; }}
.demo-scope .fiche-body .lab { color:#5a6f66; font-size:13px; font-weight:600; }
.demo-scope .fiche-body .val { font-weight:700; color:#21312b; margin-bottom:10px; }
.demo-scope .fiche-actions { padding:0 26px 24px 26px; display:flex; gap:10px; flex-wrap:wrap; }
.demo-scope .mini-btn { border-radius:999px; padding:10px 20px; font-weight:700; font-size:14.5px; border:2px solid #005C46; color:#005C46; background:#fff; }
.demo-scope .mini-btn.o { background:#FF641E; border-color:#FF641E; color:#fff; }
.demo-scope .forfaits { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:900px){.demo-scope .forfaits { grid-template-columns:1fr 1fr; }}
.demo-scope .forfait { background:#fff; border:2px solid #d8e2db; border-radius:16px; padding:20px; box-shadow:0 4px 16px rgba(0,60,45,.05); }
.demo-scope .forfait .nom { font-weight:700; font-size:15.5px; }
.demo-scope .forfait .prix { color:#FF641E; font-size:27px; font-weight:800; margin:6px 0 4px 0; }
.demo-scope .forfait .det { font-size:13.5px; color:#5a6f66; line-height:1.5; }
.demo-scope .garantie { background:#EEF7F1; border-radius:16px; padding:22px 26px; font-size:16.5px; line-height:1.65; margin-top:18px; max-width:840px; margin-left:auto; margin-right:auto; text-align:center; }
.demo-scope .tarifs-note { margin-top:16px; }
.demo-scope .fiche-map { display:block; position:relative; margin-top:16px; border-radius:14px; overflow:hidden; border:1px solid #dceae5; }
.demo-scope .fiche-map img { width:100%; height:200px; object-fit:cover; display:block; }
.demo-scope .fiche-map-pill { position:absolute; right:12px; bottom:12px; background:#FF641E; color:#fff; font-weight:800; font-size:13.5px; padding:9px 15px; border-radius:999px; box-shadow:0 4px 14px rgba(0,0,0,.25); }
.demo-scope .faq { max-width:860px; margin:0 auto; }
.demo-scope .faq-item { background:#fff; border-radius:16px; padding:22px 26px; margin-bottom:14px; box-shadow:0 4px 18px rgba(0,60,45,.05); }
.demo-scope .faq-item h3 { color:#005C46; font-size:18px; margin-bottom:6px; }
.demo-scope .faq-item p { font-size:16px; line-height:1.65; color:#3d4f47; }
.demo-scope header.site .wrap { max-width:1460px; padding:0 28px; }
.demo-scope header.site .btn { padding:9px 18px !important; font-size:15px !important; }
.demo-scope .btn-orange, .demo-scope .btn-vert { color:#ffffff !important; }
.demo-scope .btn-blanc { background:transparent !important; border:2px solid #ffffff; color:#ffffff !important; }
.demo-scope .nav { flex-wrap:nowrap; white-space:nowrap; gap:10px; width:100%; }
.demo-scope .nav a { font-size:15px; }
.demo-scope .hero .points li { color:#ffffff; }
.demo-scope .hero .points li::before { content:"✓"; color:#FF8B4D; font-weight:800; }
.demo-scope .hero .note-hero { color:#CFE8DC; font-size:15px; margin-top:12px; }
.demo-scope .layout { display:grid; grid-template-columns:1fr 400px; gap:30px; align-items:start; padding:44px 0 6px 0; }
@media (max-width:900px){.demo-scope .layout { grid-template-columns:1fr; }}
.demo-scope .form-aside { position:sticky; top:18px; }
@media (max-width:900px){.demo-scope .form-aside { position:static; }}
.demo-scope .ico-soft { width:52px; height:52px; border-radius:50%; background:#EEF7F1; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.demo-scope .ico-soft svg { width:26px; height:26px; stroke:#005C46; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.demo-scope .ia .ico-soft { background:#ffffff; margin:0 auto 12px auto; }
.demo-scope details.faq-item { cursor:pointer; }
.demo-scope details.faq-item summary { color:#005C46; font-size:18px; font-weight:700; list-style:none; }
.demo-scope details.faq-item summary::before { content:"▸ "; color:#FF641E; }
.demo-scope details.faq-item[open ] summary::before { content:"▾ "; }
.demo-scope details.faq-item p { margin-top:8px; }
.demo-scope .ia-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:900px){.demo-scope .ia-grid { grid-template-columns:1fr 1fr; }}
.demo-scope .ia { background:#FFF1E8; border-radius:16px; padding:22px; text-align:center; }
.demo-scope .ia h3 { color:#c24e12; font-size:16.5px; margin-bottom:5px; }
.demo-scope .ia p { font-size:14px; color:#3d4f47; }
.demo-scope .guide-card { background:#fff; border-radius:18px; padding:24px; box-shadow:0 4px 20px rgba(0,60,45,.06); border-top:5px solid #005C46; }
.demo-scope .guide-card.alt { border-top-color:#FF641E; }
.demo-scope .guide-card h3 { color:#005C46; font-size:18px; margin-bottom:6px; }
.demo-scope .guide-card p { font-size:15px; line-height:1.6; color:#3d4f47; }
.demo-scope .guide-card .lire { color:#FF641E; font-weight:700; font-size:14.5px; margin-top:8px; display:inline-block; }
.demo-scope .grid2c { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:900px){.demo-scope .grid2c { grid-template-columns:1fr; }}
.demo-scope .tarifs-note { text-align:center; margin:18px auto 0 auto; }
.demo-scope .menu-espace { display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 22px 0; }
.demo-scope .menu-espace a { background:#fff; border:2px solid #005C46; color:#005C46; font-weight:700; font-size:15px; padding:10px 20px; border-radius:999px; text-decoration:none; }
.demo-scope .menu-espace a.actif { background:#005C46; color:#fff; }
.demo-scope .secteurs .pastille { display:inline-block; margin:5px; }
.demo-scope .distingue { background:#F2F9F4; border-radius:20px; overflow:hidden; }
.demo-scope .d-row { display:grid; grid-template-columns:220px 1fr; border-bottom:1px solid #e0ece3; }
.demo-scope .d-row:last-child { border-bottom:none; }
@media (max-width:700px){.demo-scope .d-row { grid-template-columns:1fr; }
.demo-scope .d-lab { padding-bottom:0 !important; }}
.demo-scope .d-lab { background:#FCFBF7; font-weight:700; color:#005C46; font-size:16px; padding:18px 22px; }
.demo-scope .d-val { padding:18px 22px 18px 46px; font-size:16px; line-height:1.6; position:relative; }
.demo-scope .d-val::before { content:"✓"; position:absolute; left:20px; top:17px; color:#FF641E; font-weight:800; font-size:18px; }
.demo-scope .hero a.btn { margin:0 12px 12px 0; }
.demo-scope .hero a.btn:last-child { margin-right:0; }
.demo-scope .tuile { display:flex; gap:16px; align-items:flex-start; }
.demo-scope .tuile .ico-soft { flex-shrink:0; margin-bottom:0; }
.demo-scope .tuile h3 { margin-top:4px; }
/* Correctif 14 oct. : couper les anciennes decorations du hero (grands cercles) qui se peignaient sur le hero de la demo */
.demo-scope .hero:before, .demo-scope .hero:after, .demo-scope .hero::before, .demo-scope .hero::after,
.demo-scope .brokers:before, .demo-scope .brokers:after, .demo-scope .brokers::before, .demo-scope .brokers::after { display:none !important; }

/* Correctifs v14 */
.demo-scope .form-col-titre{color:#ffffff!important;font-weight:800;font-size:21px;text-align:center;margin:0 0 14px 0}
.demo-scope a.guide-card{text-decoration:none!important;color:inherit!important;cursor:pointer}
/* Bandeau lancement (page courtiers) */


.launch-top-ad{background:linear-gradient(90deg,#FF641E,#ff7a55);color:#fff;padding:13px 18px;position:relative;z-index:20}

.launch-top-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}

.launch-top-inner>div{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}

.launch-top-badge{background:#fff;color:#FF641E;font-size:12px;font-weight:900;padding:6px 11px;border-radius:999px;white-space:nowrap}

.launch-top-inner strong{font-size:17.5px;line-height:1.35;white-space:nowrap}

.launch-top-inner span:not(.launch-top-badge){font-size:15px;line-height:1.35;white-space:nowrap}

.launch-top-btn{background:#005C46;color:#fff;text-decoration:none;font-weight:900;font-size:15px;padding:11px 16px;border-radius:10px;white-space:nowrap}

  @media (max-width:900px){
  .launch-top-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
  .launch-top-inner>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
  .launch-top-btn{justify-self:end}
  }
  @media (max-width:700px){
  .launch-top-ad{padding:9px 12px}
  .launch-top-badge{font-size:10.5px;padding:5px 8px}
  .launch-top-inner strong{font-size:13.5px;line-height:1.3;white-space:normal}
  .launch-top-inner span:not(.launch-top-badge){font-size:12.5px;line-height:1.3;white-space:normal}
  .launch-top-btn{font-size:12.5px;padding:9px 12px}
  }

@media (max-width:900px){.demo-scope .hero-in{grid-template-columns:1fr}.demo-scope .hero{min-height:0}}