*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}

:root{
  /* Charte Michaël Barthelex — Le Dupplex */
  --pink:#0062B8;        /* Lapis Lazuli (primaire) */
  --pink-dk:#004E94;     /* Lapis foncé (hover) */
  --pink-bg:#E9F2FC;     /* Lapis très clair (fonds d'icônes) */
  --pink-light:#A9CBEF;  /* Lapis clair (bordures) */
  --gold:#FFAA5A;        /* Doré (accent) */
  --gold-dk:#F0922F;
  --dark:#000428;        /* Minuit */
  --dark-soft:#39414F;
  --muted:#79808F;
  --cloudy:#A6ABB8;
  --pampas:#F2F7FD;      /* Ivoire teinté lapis (sections claires) */
  --pampas-dark:#E6EEF8;
  --border-light:#E2E8F1;
  --bg:#FAFFFD;          /* Ivoire */

  --font-display:'Epilogue',sans-serif;
  --font-ui:'Epilogue',sans-serif;
  --font-body:'Epilogue',sans-serif;

  --shadow-sm:0 2px 8px rgba(0,4,40,.06);
  --shadow-md:0 8px 32px rgba(0,4,40,.10);
  --shadow-lg:0 24px 60px rgba(0,4,40,.14);
  --shadow-pink:0 12px 40px rgba(0,98,184,.20);
  --radius:14px;
  --radius-sm:8px;
}

body{font-family:var(--font-body);background:var(--pampas);color:var(--dark);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{max-width:1280px;margin:0 auto;padding:0 28px;}
.container-narrow{max-width:1040px;margin:0 auto;padding:0 28px;}

.eyebrow{display:inline-flex;align-items:center;font-family:var(--font-ui);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--pink);font-weight:700;}
.eyebrow.center{justify-content:center;}
.cover-text .eyebrow{transition:color .2s;cursor:default;}
.cover-text .eyebrow:hover{color:var(--gold-dk);}

.section{padding:80px 0;}

/* ============ HEADER ============ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);padding:14px 0;}
.site-header.scrolled{background:var(--pink);border-bottom-color:var(--pink-dk);}
.site-header .logo{display:grid;align-items:center;}
@media (max-width:480px){
  .header-inner{gap:12px;}
  .site-header .logo .lgset{gap:6px;}
  .site-header .logo .lgset img:first-child{height:29px!important;}
  .site-header .logo .lgset img:nth-child(2){height:17px!important;}
}
.site-header .logo .lgset{grid-area:1/1;display:flex;align-items:center;gap:9px;}
.logo .lg-white{opacity:0;pointer-events:none;}
.site-header.scrolled .logo .lg-std{opacity:0;}
.site-header.scrolled .logo .lg-white{opacity:1;}
.site-header.scrolled .nav-link{color:#fff;}
.site-header.scrolled .nav-link:hover{color:#fff;background:rgba(255,255,255,.16);}
.site-header.scrolled .header-cta{background:#fff;color:var(--pink);box-shadow:none;}
.site-header.scrolled .header-cta:hover{background:var(--pampas);transform:translateY(-1px);}
.site-header.scrolled .nav-toggle{color:#fff;}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-.5px;color:var(--dark);display:flex;align-items:center;gap:9px;}
.logo .mark{width:30px;height:30px;border-radius:8px;background:var(--dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;}
.logo .mark span{color:var(--pink);}
.logo em{font-style:normal;color:var(--pink);}
.main-nav{display:flex;align-items:center;gap:4px;}
.nav-link{font-family:var(--font-ui);font-size:.74rem;font-weight:600;color:var(--dark-soft);letter-spacing:.5px;text-transform:uppercase;padding:9px 14px;border-radius:50px;transition:all .2s;}
.nav-link:hover{color:var(--pink);background:var(--pink-bg);}
.header-cta{display:inline-flex;align-items:center;gap:9px;background:var(--pink);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.72rem;letter-spacing:.6px;text-transform:uppercase;padding:11px 18px;border-radius:50px;transition:all .2s;box-shadow:var(--shadow-pink);}
.header-cta:hover{background:var(--pink-dk);transform:translateY(-1px);}
.header-cta svg{width:14px;height:14px;flex-shrink:0;}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark);}

/* ============ COVER ============ */
.cover{background:#fff;position:relative;overflow:hidden;}
.cover-grid{display:grid;grid-template-columns:1fr 1fr;min-height:430px;max-width:1280px;margin:0 auto;padding:0 28px;box-sizing:border-box;}
.cover-photo{position:relative;overflow:hidden;min-height:400px;background:var(--dark);border-radius:20px;}
.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;inset:0;}
.cover-photo .placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(150deg,#3a3a3a,#222);color:#888;}
.cover-photo .ph-ico{width:70px;height:70px;border-radius:50%;border:2px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:rgba(255,255,255,.5);}
.cover-photo .ph-txt{font-family:var(--font-ui);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);text-align:center;line-height:1.7;}
.cover-grad{position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#fff 100%);z-index:1;}
.cover-pills{position:absolute;bottom:20px;right:20px;z-index:3;display:flex;flex-direction:row;gap:8px;}
.cover-pill{position:relative;display:inline-block;width:154px;height:38px;background:#fff;color:var(--dark);font-family:var(--font-display);font-weight:700;font-size:.7rem;letter-spacing:.7px;border-radius:50px;border:1.5px solid var(--gold);box-shadow:var(--shadow-pink);white-space:nowrap;transition:border-color .5s ease;}
.cover-pill .pf{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .5s ease;}
.cover-pill .pf.on{opacity:1;}
.cover-pill.plus{border-color:var(--pink);}
.cover-pill .n{width:20px;height:20px;border-radius:50%;background:var(--gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;line-height:1;flex-shrink:0;transition:background .2s;}
.cover-pill .n.plus{background:var(--pink);color:#fff;}
.cover-pill:hover{border-color:var(--pink);}
.cover-pill:hover .n{background:var(--pink);}
.cover-pill.plus:hover{border-color:var(--gold);}
.cover-pill.plus:hover .n.plus{background:var(--gold);}
.cover-text{display:flex;flex-direction:column;justify-content:center;padding:44px 52px;background:#fff;position:relative;z-index:2;}
.cover-text h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.04;letter-spacing:-1.4px;color:var(--dark);margin:14px 0 14px;}
.cover-text h1 em{font-style:normal;color:var(--pink);animation:coverHue 20s step-end infinite;}
@keyframes coverHue{0%{color:var(--pink);}50%{color:var(--gold-dk);}100%{color:var(--pink);}}
.cover-text .lead{font-family:var(--font-display);font-size:1.04rem;color:var(--dark-soft);line-height:1.55;margin-bottom:16px;}
.cover-text .lead strong{color:var(--dark);font-weight:700;}
.guar-inline{display:inline-flex;align-items:center;gap:9px;background:var(--pink-bg);border:1px solid var(--pink-light);color:var(--pink-dk);font-family:var(--font-ui);font-weight:600;font-size:.8rem;padding:9px 15px;border-radius:50px;margin-bottom:22px;}
.guar-inline svg{width:16px;height:16px;flex-shrink:0;}
.cover-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 20px;}
.cbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;font-family:var(--font-ui);font-weight:700;font-size:.92rem;letter-spacing:0;padding:13px 23px;white-space:nowrap;transition:all .2s;}
.cbtn-primary{background:var(--pink);color:#fff;}
.cbtn-primary:hover{background:var(--pink-dk);transform:translateY(-1px);}
.cbtn-ghost{border:1.5px solid var(--dark);color:var(--dark);padding:11.5px 21px;}
.cbtn-ghost:hover{background:var(--pink);border-color:var(--pink);color:#fff;}
.cover-statsband{max-width:1280px;margin:0 auto;padding:0 28px;}
.cover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;border-top:1px solid var(--border-light);}
.cover-stats .cell{padding:24px 16px 30px;text-align:center;border-right:1px solid var(--pink-light);}
.cover-stats .cell:last-child{border-right:none;}
.cover-stats .num{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.7px;color:var(--pink);line-height:1;white-space:nowrap;}
.cover-stats .lbl{font-family:var(--font-body);font-size:.74rem;color:var(--muted);font-weight:500;margin-top:8px;line-height:1.32;}

/* ============ BANDE CLIENTS ============ */
.clients{background:#fff;padding:50px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);overflow:hidden;}
.clients-label{text-align:center;font-family:var(--font-display);font-size:1rem;letter-spacing:0;color:var(--dark);font-weight:700;margin-bottom:30px;}
.clients-label .pk{color:var(--pink);}
.clients-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);}
.clients-track{display:flex;align-items:center;animation:scrollLogos 46s linear infinite;width:max-content;}
.clients-track .chip{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--dark-soft);white-space:nowrap;display:inline-flex;align-items:center;gap:14px;margin-right:46px;}
.clients-track .chip::after{content:"●";color:var(--pink);font-size:.5rem;}
.clients-track .chip:nth-child(even)::after{color:var(--gold);}
@keyframes scrollLogos{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============ ÉDITO ============ */
.edito{background:var(--pampas);}
.edito-grid{display:grid;grid-template-columns:290px 1fr;gap:56px;align-items:start;max-width:1040px;margin:0 auto;}
.portrait{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:20px;background:var(--dark);aspect-ratio:3/4;}
.portrait .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,#3a3a3a,#222);}
.portrait .ph-ico{width:58px;height:58px;border-radius:50%;border:2px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:rgba(255,255,255,.5);}
.portrait .ph-txt{font-family:var(--font-ui);font-size:.66rem;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.45);}
.id-card{padding:20px 22px;background:#fff;border-radius:var(--radius-sm);border-left:3px solid var(--pink);box-shadow:var(--shadow-sm);}
.id-card .name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--dark);letter-spacing:-.3px;}
.id-card .role{margin-top:8px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.id-card .role .chip{background:var(--pink-bg);color:var(--pink);font-weight:600;font-size:.78rem;padding:4px 11px;border-radius:6px;}
.id-card .role .job{font-family:var(--font-body);font-size:.9rem;color:var(--muted);font-weight:500;}
.id-card .facts{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:9px;}
.id-card .fact{font-family:var(--font-ui);font-size:.72rem;color:var(--dark-soft);font-weight:500;display:flex;gap:8px;align-items:flex-start;line-height:1.45;}
.id-card .fact .s{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;margin-top:1px;}
.edito-body h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,6vw,2.3rem);line-height:1.14;letter-spacing:-1px;color:var(--dark);margin-bottom:16px;}
.edito-body h2 strong{font-weight:800;color:var(--dark);}
@media (min-width:901px){.edito-body h2{font-size:clamp(1.35rem,calc(4.4vw - 18.5px),1.9rem);white-space:nowrap;}}
.edito-body .intro{font-family:var(--font-body);font-weight:400;font-size:1.04rem;line-height:1.8;color:var(--dark-soft);margin-bottom:18px;}
.edito-body p{font-family:var(--font-body);font-size:1.04rem;line-height:1.8;color:var(--dark-soft);margin-bottom:18px;}
.edito-body p strong{color:var(--dark);font-weight:600;}
.signature{padding-top:20px;border-top:1px solid var(--border-light);margin-top:6px;}
.signature .sn{font-family:var(--font-display);font-weight:600;font-size:1.18rem;color:var(--pink);}
.signature .sr{font-family:var(--font-ui);font-size:.66rem;letter-spacing:2px;text-transform:uppercase;color:var(--cloudy);font-weight:600;}

/* ============ SECTION HEAD ============ */
.section-head{text-align:center;max-width:700px;margin:0 auto 48px;}
.section-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.12;letter-spacing:-1px;color:var(--dark);margin:14px 0 12px;}
.accomp .section-head h2{font-size:clamp(1.9rem,3.2vw,2.3rem);}
.results .section-head h2{font-size:clamp(1.9rem,3.2vw,2.25rem);}
.section-head h2 em{font-style:normal;color:var(--pink);transition:color .2s;}
.section-head h2 em:hover{color:var(--gold-dk);}
.section-head p{font-family:var(--font-body);color:var(--dark-soft);font-size:1.06rem;}

/* ============ MÉTHODE ============ */
.methode{background:#fff;padding-top:42px;}
.methode .section-head h2 em{transition:color .2s;cursor:default;}
.methode .section-head h2 em:hover{color:var(--gold-dk);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step{background:var(--pampas);border:1px solid var(--border-light);border-radius:var(--radius);padding:26px 22px;transition:all .25s;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:#fff;}
.step .snum{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#fff;background:var(--pink);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pink);transition:background .2s;}
.step:hover .snum{background:var(--gold);}
.step .stitle{font-family:var(--font-display);font-weight:700;font-size:1.08rem;margin:14px 0 9px;line-height:1.2;color:var(--dark);}
.step p{font-family:var(--font-body);font-size:.92rem;color:var(--dark-soft);line-height:1.6;}
.method-name{text-align:center;margin-top:30px;font-family:var(--font-ui);font-size:.82rem;color:var(--dark);letter-spacing:.5px;}
.method-name strong{color:var(--pink);transition:color .2s;cursor:default;}
.method-name strong:hover{color:var(--gold-dk);}

/* ============ ACCOMPAGNEMENT ============ */
.accomp{background:var(--pampas);}
.accomp-grid{display:grid;grid-template-columns:1fr 380px;gap:46px;align-items:start;max-width:1100px;margin:0 auto;}
.accomp-body h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.2vw,2.5rem);letter-spacing:-1px;color:var(--dark);margin:14px 0 16px;line-height:1.1;}
.accomp-body h2 em{font-style:normal;color:var(--pink);transition:color .2s;}
.accomp-body h2 em:hover{color:var(--gold-dk);}
.accomp-body .pitch{font-family:var(--font-body);font-size:1.08rem;color:var(--dark-soft);line-height:1.75;margin-bottom:24px;}
.accomp-body .pitch strong{color:var(--dark);font-weight:600;}
.benefit-list{list-style:none;display:flex;flex-direction:column;gap:14px;}
.benefit-list li{display:flex;gap:13px;align-items:flex-start;font-family:var(--font-body);font-size:1rem;color:var(--dark-soft);line-height:1.55;}
.benefit-list li .chk{width:26px;height:26px;border-radius:8px;background:var(--pink-bg);color:var(--pink);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;font-weight:700;margin-top:2px;transition:background .2s,color .2s;}
.benefit-list li:hover .chk{background:#FFE9D2;color:var(--gold-dk);}
.benefit-list li strong{color:var(--dark);font-weight:600;}
.guarantee{background:var(--pink);color:#fff;border-radius:var(--radius);padding:32px 30px;box-shadow:var(--shadow-pink);position:sticky;top:90px;}
.guarantee .gseal{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;}
.guarantee h3{font-family:var(--font-display);font-weight:800;font-size:1.32rem;margin-bottom:12px;line-height:1.2;}
.guarantee p{font-family:var(--font-body);font-size:.95rem;color:rgba(255,255,255,.92);line-height:1.65;margin-bottom:18px;}
.guarantee .bonus{font-family:var(--font-ui);font-size:.84rem;color:rgba(255,255,255,.85);padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;gap:10px;align-items:flex-start;}
.guarantee .bonus .b-ico{flex-shrink:0;}
.guarantee .gbtn{display:flex;width:100%;justify-content:center;align-items:center;gap:9px;background:#fff;color:var(--pink);font-family:var(--font-ui);font-weight:700;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;padding:14px;border-radius:50px;margin-top:20px;transition:all .2s;}
.guarantee .gbtn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18);}

/* ============ LEVIERS ============ */
.leviers{background:#fff;}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.lcard{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:var(--pampas);transition:all .25s;display:flex;flex-direction:column;}
.lcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:#fff;}
.lcard .top{padding:26px 26px 0;}
.lcard .ico{width:52px;height:52px;border-radius:13px;background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;transition:background .2s;}
.lcard .ico svg{width:26px;height:26px;color:var(--pink);transition:color .2s;}
.lcard:hover .ico svg{color:var(--gold-dk);}
.lcard:hover .ico{background:#FFE9D2;}
.lcard h3{font-family:var(--font-display);font-weight:700;font-size:1.18rem;margin-bottom:10px;color:var(--dark);}
.lcard .desc{font-family:var(--font-body);font-size:.94rem;color:var(--dark-soft);line-height:1.6;padding:0 26px 18px;}
.lcard ul{list-style:none;padding:18px 26px 26px;border-top:1px solid var(--border-light);margin-top:auto;}
.lcard li{font-family:var(--font-ui);font-size:.86rem;color:var(--dark-soft);display:flex;gap:9px;align-items:flex-start;margin-bottom:9px;line-height:1.45;}
.lcard li::before{content:"✓";width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;flex-shrink:0;margin-top:1px;transition:background .2s;}
.lcard:hover li::before{background:var(--gold-dk);}

/* ============ GAMME ============ */
.gamme{background:var(--pampas);}
.gcard{border:1px solid var(--border-light);border-radius:var(--radius);background:#fff;padding:30px 28px;display:flex;flex-direction:column;transition:all .25s;box-shadow:var(--shadow-sm);}
.gcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.gcard.featured{border:2px solid var(--pink);box-shadow:var(--shadow-pink);position:relative;}
.gcard .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.64rem;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:50px;white-space:nowrap;box-shadow:var(--shadow-pink);}
.gcard .gtag{font-family:var(--font-ui);font-size:.64rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink);font-weight:700;}
.gcard .gname{font-family:var(--font-display);font-weight:800;font-size:1.32rem;margin:8px 0 6px;color:var(--dark);}
.gcard .gfor{font-family:var(--font-ui);font-size:.82rem;color:var(--muted);margin-bottom:16px;}
.gcard .gdesc{font-family:var(--font-body);font-size:.94rem;color:var(--dark-soft);line-height:1.6;margin-bottom:18px;flex:1;}
.gcard .gmode{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.76rem;color:var(--dark);background:var(--pampas);border:1px solid var(--border-light);border-radius:7px;padding:5px 11px;align-self:flex-start;}

/* ============ RÉSULTATS ============ */
.results{background:#fff;}
.res-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px;}
.rcard{background:var(--pink-bg);border:1px solid var(--pink-light);border-radius:var(--radius);padding:28px 26px;transition:background .25s,border-color .25s;}
.rcard:hover{background:#FFEFDD;border-color:#FAD3A6;}
.rcard .who{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--dark);}
.rcard .ctx{font-family:var(--font-ui);font-size:.76rem;color:var(--muted);margin:3px 0 16px;}
.rcard .gain{font-family:var(--font-display);font-weight:800;font-size:1.7rem;color:var(--pink);line-height:1.1;transition:color .25s;}
.rcard:hover .gain{color:var(--gold-dk);}
.rcard .gtxt{font-family:var(--font-body);font-size:.86rem;color:var(--dark-soft);margin-top:6px;}
.testis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.testi{background:var(--pink-bg);border:1px solid var(--pink-light);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;transition:background .25s,border-color .25s;}
.testi:hover{background:#FFEFDD;border-color:#FAD3A6;}
.testi .stars{color:var(--gold);font-size:.82rem;letter-spacing:2px;margin-bottom:12px;}
.testi .quote{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--dark);line-height:1.55;margin-bottom:18px;flex:1;}
.testi .author{display:flex;align-items:center;gap:11px;}
.testi .av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--pink-bg);}
.testi .ainfo .an{font-family:var(--font-display);font-weight:600;font-size:.86rem;color:var(--dark);}
.testi .ainfo .ar{font-family:var(--font-ui);font-size:.7rem;color:var(--muted);line-height:1.4;}

/* ============ RESSOURCES ============ */
.resources{background:var(--pampas);}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.resit{border:1px solid var(--border-light);border-radius:var(--radius);padding:28px 26px;background:#fff;transition:all .25s;box-shadow:var(--shadow-sm);}
.resit:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.resit .rico{width:50px;height:50px;border-radius:13px;background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:14px;}
.resit h3{font-family:var(--font-display);font-weight:700;font-size:1.06rem;margin-bottom:8px;line-height:1.25;color:var(--dark);}
.resit p{font-family:var(--font-body);font-size:.9rem;color:var(--dark-soft);line-height:1.6;margin-bottom:16px;}
.resit .rlink{font-family:var(--font-ui);font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;color:var(--pink);display:inline-flex;align-items:center;gap:7px;}

/* ============ CONTACT / CTA ============ */
.cta{background:var(--pink);color:#fff;}
.cta-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center;}
.cta .eyebrow{color:#fff;}
.cta h2{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-1.2px;margin:14px 0 16px;}
.cta p{font-family:var(--font-body);color:rgba(255,255,255,.92);font-size:1.06rem;line-height:1.7;margin-bottom:26px;max-width:480px;}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--pink);font-family:var(--font-ui);font-weight:700;font-size:.84rem;letter-spacing:.5px;text-transform:uppercase;padding:16px 28px;border-radius:50px;transition:all .2s;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.2);}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(255,255,255,.6);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:.84rem;letter-spacing:.5px;text-transform:uppercase;padding:16px 26px;border-radius:50px;transition:all .2s;}
.btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;}
.cta-side{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);padding:30px;}
.cta-side .cs-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin-bottom:18px;}
.cta-side .cs-item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(255,255,255,.18);}
.cta-side .cs-item:first-of-type{border-top:none;}
.cta-side .cs-ico{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:700;font-size:.8rem;}
.cta-side .cs-l{font-family:var(--font-ui);font-size:.64rem;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.75);font-weight:600;}
.cta-side .cs-v{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:#fff;}
.cta-side a.cs-v{display:inline-block;text-decoration:none;transition:opacity .2s;cursor:pointer;}
.cta-side a.cs-v:hover{text-decoration:underline;opacity:.88;}

/* ============ FOOTER ============ */
.footer{background:var(--dark);color:rgba(255,255,255,.55);padding:56px 0 26px;font-family:var(--font-ui);font-size:.84rem;}
.footer a{color:rgba(255,255,255,.7);transition:color .2s;}
.footer a:hover{color:var(--gold);}
.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:34px;}
.footer-brand .fb-name{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:#fff;}
.footer-brand .fb-name em{font-style:normal;color:#3E9BFF;}
.footer-brand p{margin:14px 0 18px;color:rgba(255,255,255,.55);line-height:1.6;max-width:310px;font-size:.84rem;}
.footer-social{display:flex;gap:10px;}
.footer-social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.76rem;}
.footer-social a:hover{background:var(--pink);color:#fff;}
.footer-col h4{font-family:var(--font-ui);font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-weight:700;margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-col li a{font-size:.86rem;}
.footer-cta{display:inline-flex;align-items:center;gap:9px;background:var(--pink);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.78rem;letter-spacing:.4px;padding:12px 20px;border-radius:50px;margin-top:18px;}
.footer-cta:hover{background:var(--pink-dk);color:#fff;transform:translateY(-1px);}
.footer-divider{border-top:1px solid rgba(255,255,255,.1);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 4px;}
.footer-nap{display:flex;gap:22px;flex-wrap:wrap;font-size:.8rem;color:rgba(255,255,255,.62);}
.footer-nap span{display:inline-flex;align-items:center;gap:8px;}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap;font-size:.78rem;}
.footer-copy{font-size:.76rem;color:rgba(255,255,255,.42);padding-top:8px;}
.disclaimer{margin-top:14px;font-size:.68rem;color:rgba(255,255,255,.32);line-height:1.6;max-width:900px;}
@media (max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr;gap:30px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}
@media (max-width:560px){.footer-top{grid-template-columns:1fr;}}

/* ============ RESPONSIVE ============ */
@media (max-width:960px){
  .steps{grid-template-columns:repeat(2,1fr);}
  .testis{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .cover-grid{grid-template-columns:1fr;}
  .cover-photo{min-height:320px;}
  .cover-grad{display:none;}
  .cover-text{padding:34px 0 0;}
  .cover-statsband{padding:0 24px;}
  .cover-stats{grid-template-columns:1fr 1fr;gap:18px 22px;max-width:420px;margin:26px auto 0;border-top:none;}
  .cover-stats .cell{border-right:none;padding:0;}
  .cover-stats .num{font-size:1.4rem;}
  .cover-stats .lbl{font-size:.72rem;}
  .cover-ctas .cbtn{width:100%;}
  .edito-grid{grid-template-columns:1fr;gap:32px;}
  .accomp-grid{grid-template-columns:1fr;gap:28px;}
  .guarantee{position:static;}
  .cards3,.res-cards,.res-grid{grid-template-columns:1fr;}
  .cta-inner{grid-template-columns:1fr;gap:32px;}
  .main-nav{display:none;}
  .nav-toggle{display:block;}
  .main-nav.open{display:flex;position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:14px 22px;gap:4px;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-md);}
}
@media (max-width:560px){
  .steps,.testis{grid-template-columns:1fr;}
  .header-cta span{display:none;}
  .header-cta{padding:11px 13px;}
  .section{padding:56px 0;}
  .cover-pills{flex-direction:column;align-items:center;}
}

/* ============================================================
   PAGES INTERNES (légales, blog, articles)
   ============================================================ */
.page-hero{background:var(--pampas);border-bottom:1px solid var(--border-light);padding:52px 0 44px;}
.breadcrumb{font-family:var(--font-ui);font-size:.74rem;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.breadcrumb a{color:var(--pink);font-weight:600;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .sep{color:var(--cloudy);}
.page-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.08;letter-spacing:-1.2px;color:var(--dark);max-width:880px;}
.page-hero h1 em{font-style:normal;color:var(--pink);}
.page-hero .ph-sub{font-family:var(--font-body);font-size:1.08rem;color:var(--dark-soft);margin-top:14px;max-width:700px;line-height:1.6;}
/* ===== Page Vision ===== */
.v-section{padding:88px 0;}
@media(max-width:760px){.v-section{padding:58px 0;}}
.v-narrow{max-width:760px;margin:0 auto;}
.v-eyebrow{display:block;font-family:var(--font-ui);font-size:.72rem;letter-spacing:2.4px;text-transform:uppercase;color:var(--pink);font-weight:700;margin-bottom:16px;}
.v-h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.16;letter-spacing:-1px;color:var(--dark);margin-bottom:20px;}
.v-h2 em{font-style:normal;color:var(--pink);}
.v-p{font-family:var(--font-body);font-size:1.07rem;color:var(--dark-soft);line-height:1.85;margin-bottom:16px;}
.v-p:last-child{margin-bottom:0;}
.v-p strong{color:var(--dark);font-weight:600;}
.v-lead{font-family:var(--font-display);font-weight:700;font-size:clamp(1.45rem,2.9vw,2rem);line-height:1.34;letter-spacing:-.5px;color:var(--dark);margin-bottom:22px;}
/* sombre */
.v-dark{background:var(--dark);color:#fff;}
.v-dark .v-h2,.v-dark .v-lead{color:#fff;}
.v-dark .v-p{color:rgba(255,255,255,.82);}
.v-dark .v-eyebrow{color:var(--gold);}
/* anaphore */
.v-anaphora{list-style:none;margin:28px 0 4px;padding:0;}
.v-anaphora li{position:relative;font-family:var(--font-display);font-weight:500;font-size:clamp(1.04rem,1.7vw,1.2rem);line-height:1.5;color:#fff;padding:15px 0 15px 34px;border-top:1px solid rgba(255,255,255,.13);}
.v-anaphora li:last-child{border-bottom:1px solid rgba(255,255,255,.13);}
.v-anaphora li::before{content:"";position:absolute;left:2px;top:24px;width:14px;height:2px;background:var(--gold);}
/* exergue plein largeur */
.v-pull{background:var(--pampas);text-align:center;}
.v-pull p{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3.3vw,2.3rem);line-height:1.3;letter-spacing:-1px;color:var(--dark);max-width:880px;margin:0 auto;}
.v-pull p em{font-style:normal;color:var(--pink);}
.v-dark.v-pull p{color:#fff;}
.v-dark.v-pull p em{color:var(--gold);}
/* encadré */
.v-callout{border-left:4px solid var(--gold);background:var(--pampas);border-radius:0 14px 14px 0;padding:20px 26px;margin:6px 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.08rem,1.8vw,1.3rem);color:var(--dark);line-height:1.42;}
.vision-note{text-align:center;max-width:700px;margin:36px auto 0;font-family:var(--font-body);color:var(--dark-soft);line-height:1.7;}
/* CTA */
.vision-cta{background:var(--dark);text-align:center;}
.vision-cta h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,3vw,2.4rem);color:#fff;letter-spacing:-1px;line-height:1.12;margin-bottom:16px;}
.vision-cta p{font-family:var(--font-body);color:rgba(255,255,255,.82);font-size:1.06rem;max-width:640px;margin:0 auto 28px;line-height:1.7;}
.vision-cta .v-btn{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--dark);font-family:var(--font-ui);font-weight:700;font-size:.82rem;letter-spacing:.4px;padding:14px 26px;border-radius:50px;transition:background .2s;}
.vision-cta .v-btn:hover{background:var(--gold-dk);}
/* deux colonnes texte + schéma */
.v-split{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center;max-width:1090px;margin:0 auto;}
.v-split .v-split-text{min-width:0;}
.v-fig-wrap{min-width:0;}
.v-split.rev .v-fig-wrap{order:-1;}
.v-fig{background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:26px 24px;box-shadow:0 20px 44px -26px rgba(0,4,40,.32);}
.v-fig svg{display:block;width:100%;height:auto;}
.v-fig-cap{font-family:var(--font-ui);font-size:.75rem;line-height:1.5;color:var(--muted);text-align:center;margin-top:16px;}
.v-dark .v-fig{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);box-shadow:none;}
.v-dark .v-fig-cap{color:rgba(255,255,255,.62);}
@media(max-width:860px){.v-split{grid-template-columns:1fr;gap:32px;}.v-split.rev .v-fig-wrap{order:0;}}
/* schémas animés */
@media (prefers-reduced-motion: no-preference){
  .v-anim{opacity:0;transform:translateY(16px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);}
  .v-fig.in .v-anim{opacity:1;transform:none;}
  .v-bar{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.2,.85,.25,1);}
  .v-fig.in .v-bar{transform:scaleY(1);}
  .v-draw{transition:stroke-dashoffset 1.2s ease .3s;}
  .v-fig.in .v-draw{stroke-dashoffset:0!important;}
  .gauge-needle{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-48deg);transition:transform 1.3s cubic-bezier(.18,.9,.24,1) .2s;}
  .v-fig.in .gauge-needle{transform:rotate(46deg);}
  .v-fig .d1{transition-delay:.06s}.v-fig .d2{transition-delay:.15s}.v-fig .d3{transition-delay:.24s}.v-fig .d4{transition-delay:.33s}.v-fig .d5{transition-delay:.42s}.v-fig .d6{transition-delay:.51s}
}
@media (prefers-reduced-motion: reduce){
  .v-draw{stroke-dashoffset:0!important;}
  .gauge-needle{transform:rotate(46deg)!important;transform-box:fill-box;transform-origin:50% 100%;}
}

/* Contenu rédactionnel (prose) */
.prose{max-width:780px;margin:0 auto;padding:56px 28px 80px;}
.prose .updated{font-family:var(--font-ui);font-size:.8rem;color:var(--muted);margin-bottom:26px;}
.prose .lead{font-family:var(--font-display);font-size:1.18rem;color:var(--dark);font-weight:500;line-height:1.6;margin-bottom:26px;}
.prose h2{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--dark);letter-spacing:-.5px;margin:40px 0 14px;}
.prose h3{font-family:var(--font-display);font-weight:700;font-size:1.16rem;color:var(--dark);margin:28px 0 10px;}
.prose p{font-family:var(--font-body);font-size:1.04rem;color:var(--dark-soft);line-height:1.8;margin-bottom:16px;}
.prose ul,.prose ol{margin:0 0 18px 22px;}
.prose li{font-family:var(--font-body);font-size:1.04rem;color:var(--dark-soft);line-height:1.7;margin-bottom:8px;}
.prose a{color:var(--pink);font-weight:600;}
.prose a:hover{text-decoration:underline;}
.prose strong{color:var(--dark);font-weight:600;}
.prose hr{border:none;border-top:1px solid var(--border-light);margin:36px 0;}
.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-family:var(--font-ui);font-size:.92rem;}
.prose th,.prose td{border:1px solid var(--border-light);padding:10px 13px;text-align:left;}
.prose th{background:var(--pampas);font-weight:700;color:var(--dark);}

/* Encart CTA en fin d'article */
.post-cta{max-width:780px;margin:0 auto 70px;background:var(--pink);border-radius:var(--radius);padding:34px 34px;color:#fff;box-shadow:var(--shadow-pink);}
.post-cta h3{font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1.15;margin-bottom:10px;}
.post-cta p{font-family:var(--font-body);font-size:1rem;color:rgba(255,255,255,.92);line-height:1.6;margin-bottom:20px;}
.post-cta a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--pink);font-family:var(--font-ui);font-weight:700;font-size:.84rem;letter-spacing:.5px;text-transform:uppercase;padding:14px 26px;border-radius:50px;transition:all .2s;}
.post-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.2);}

/* ============ BLOG ============ */
.blog-cats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.blog-cats a{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--dark-soft);border:1px solid var(--border-light);background:#fff;padding:8px 16px;border-radius:50px;transition:all .2s;}
.blog-cats a:hover,.blog-cats a.active{background:var(--pink);color:#fff;border-color:var(--pink);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.blog-card .bc-top{height:8px;background:linear-gradient(90deg,var(--pink),var(--gold));}
.blog-card .bc-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1;}
.blog-cat{align-self:flex-start;font-family:var(--font-ui);font-size:.62rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--pink);background:var(--pink-bg);padding:4px 11px;border-radius:50px;margin-bottom:14px;}
.blog-card h3{font-family:var(--font-display);font-weight:700;font-size:1.12rem;line-height:1.25;color:var(--dark);margin-bottom:10px;}
.blog-card h3 a:hover{color:var(--pink);}
.blog-card p{font-family:var(--font-body);font-size:.92rem;color:var(--dark-soft);line-height:1.6;margin-bottom:16px;flex:1;}
.blog-card .bc-meta{font-family:var(--font-ui);font-size:.74rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;}
.blog-card .bc-meta .rl{color:var(--pink);font-weight:700;}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.blog-grid{grid-template-columns:1fr;}.prose{padding:40px 22px 60px;}}

/* ============ MENU DÉROULANT (Ressources) ============ */
.nav-item{position:relative;display:flex;align-items:center;}
.nav-item.has-drop > .nav-link{display:inline-flex;align-items:center;gap:5px;}
.nav-item.has-drop > .nav-link::after{content:"▾";font-size:.7rem;}
.dropdown{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:60;}
.nav-item.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:10px 12px;border-radius:8px;font-family:var(--font-ui);font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dark-soft);}
.dropdown a:hover{background:var(--pink-bg);color:var(--pink);}

/* ============ PAGE RESSOURCES ============ */
.resource{display:flex;gap:24px;align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);margin-bottom:22px;transition:box-shadow .25s,transform .25s;}
.resource:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.resource .r-ico{width:62px;height:62px;border-radius:15px;background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;}
.resource .r-body{flex:1;}
.resource h2{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--dark);margin-bottom:8px;line-height:1.2;}
.resource p{font-family:var(--font-body);color:var(--dark-soft);line-height:1.7;margin-bottom:10px;}
.resource ul{list-style:none;margin:0 0 14px;display:flex;flex-direction:column;gap:7px;}
.resource li{font-family:var(--font-ui);font-size:.88rem;color:var(--dark-soft);display:flex;gap:9px;align-items:flex-start;line-height:1.5;}
.resource li::before{content:"✓";color:var(--pink);font-weight:800;flex-shrink:0;}
.resource .r-btn{display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;padding:12px 22px;border-radius:50px;margin-top:4px;transition:all .2s;}
.resource .r-btn:hover{background:var(--pink-dk);transform:translateY(-1px);}

@media (max-width:900px){
  .nav-item.has-drop .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:4px 0 4px 14px;min-width:0;}
  .nav-item{display:block;}
}
@media (max-width:560px){.resource{flex-direction:column;gap:16px;}}

/* ============ OFFRE FUSIONNÉE (premium + 2 formules) ============ */
.offer-flag{display:inline-block;font-family:var(--font-ui);font-size:.64rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--pink);padding:5px 13px;border-radius:50px;margin-bottom:14px;box-shadow:var(--shadow-pink);}
.other-offers-label{text-align:center;font-family:var(--font-ui);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--dark);font-weight:700;margin:42px 0 18px;}
.other-offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;margin:0 auto;}
@media (max-width:900px){.other-offers{grid-template-columns:1fr;}}
/* Deux services cote a cote */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;align-items:stretch;}
.scard{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:34px 32px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);}
.scard-featured{border:2px solid var(--pink);box-shadow:var(--shadow-pink);}
.scard>.offer-flag{align-self:flex-start;}
.scard-tag{align-self:flex-start;display:inline-block;font-family:var(--font-ui);font-size:.64rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink);font-weight:700;margin-bottom:14px;}
.scard-name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.35rem,2.1vw,1.7rem);letter-spacing:-.5px;color:var(--dark);line-height:1.15;margin:0 0 4px;}
.scard-for{font-family:var(--font-ui);font-size:.84rem;color:var(--muted);margin-bottom:16px;}
.scard-pitch{font-family:var(--font-body);font-size:1rem;color:var(--dark-soft);line-height:1.7;margin-bottom:22px;}
.scard-hook{font-family:var(--font-body);font-size:.92rem;color:var(--dark);font-weight:600;line-height:1.5;margin:-10px 0 18px;}
.scard-pitch strong{color:var(--dark);font-weight:600;}
.scard .benefit-list{margin-bottom:26px;}
.scard-btn{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:9px;background:#fff;color:var(--pink);border:1.5px solid var(--pink);font-family:var(--font-ui);font-weight:700;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;padding:13px;border-radius:50px;transition:all .25s ease;}
.scard-btn:hover{transform:translateY(-1px);}
.scard{transition:border-color .25s ease,box-shadow .3s ease;}
/* Bascule : la carte survolee (ou la 1ere par defaut) passe en bleu + bouton rempli */
.services-grid:not(:hover) .scard:first-child,
.services-grid .scard:hover{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink),0 24px 55px rgba(0,98,184,.16);}
.services-grid:not(:hover) .scard:first-child .scard-btn,
.services-grid .scard:hover .scard-btn{background:var(--pink);color:#fff;border-color:var(--pink);}
.guarantee-band{max-width:1100px;margin:24px auto 0;background:var(--pink);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-pink);padding:24px 30px;display:flex;gap:18px;align-items:center;}
.guarantee-band .gb-seal{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.guarantee-band .gb-text{font-family:var(--font-body);font-size:1rem;line-height:1.55;color:rgba(255,255,255,.95);}
.guarantee-band .gb-text strong{color:#fff;font-weight:700;}
@media (max-width:900px){.services-grid{grid-template-columns:1fr;}}
@media (max-width:600px){.guarantee-band{flex-direction:column;text-align:center;}}

/* ============ ROADMAP MÉTHODE (interactive) ============ */
.roadmap{max-width:960px;margin:0 auto;}
.roadmap-nav{display:flex;justify-content:space-between;position:relative;margin-bottom:30px;}
.roadmap-nav::before{content:"";position:absolute;top:23px;left:8%;right:8%;height:2px;background:var(--border-light);z-index:0;}
.rm-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:none;cursor:pointer;position:relative;z-index:1;padding:0 6px;font-family:inherit;}
.rm-step .rm-num{width:46px;height:46px;border-radius:50%;background:var(--gold);border:2px solid var(--gold);color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:all .25s;}
.rm-step .rm-t{font-family:var(--font-display);font-weight:600;font-size:.84rem;color:var(--muted);text-align:center;line-height:1.25;transition:color .25s;max-width:150px;}
.rm-step:hover .rm-num{background:var(--gold-dk);border-color:var(--gold-dk);color:#fff;}
.rm-step.active .rm-num{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--shadow-pink);transform:scale(1.08);}
.rm-step.active .rm-t{color:var(--dark);font-weight:700;}
.roadmap-panel{display:none;background:var(--pampas);border:1px solid var(--border-light);border-radius:var(--radius);padding:30px 34px;}
.roadmap-panel.active{display:block;animation:fadeStep .3s ease;}
.roadmap-panel h3{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--dark);margin-bottom:12px;display:flex;align-items:center;gap:12px;}
.roadmap-panel h3 .pnum{width:30px;height:30px;border-radius:8px;background:var(--pink);color:#fff;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.roadmap-panel p{font-family:var(--font-body);font-size:1.04rem;color:var(--dark-soft);line-height:1.75;}
@keyframes fadeStep{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (max-width:680px){
  .rm-step .rm-t{display:none;}
  .roadmap-nav::before{left:10%;right:10%;}
}

/* Puces dans les panneaux de la roadmap */
.roadmap-panel ul{list-style:none;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;}
.roadmap-panel li{font-family:var(--font-ui);font-size:.95rem;color:var(--dark-soft);display:flex;gap:9px;align-items:center;line-height:1.4;}
.roadmap-panel li::before{content:"✓";color:var(--pink);font-weight:800;flex-shrink:0;}

/* Avatar initiale (témoignages sans photo) */
.testi .av-ltr{width:44px;height:44px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;flex-shrink:0;border:2px solid var(--pink-bg);}

/* ============ TÉMOIGNAGES — carrousel 2 lignes ============ */
.testi-marquee{overflow:hidden;cursor:pointer;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);}
.testi-row{display:flex;gap:20px;width:max-content;}
.testi-row.r1{animation:testiL 120s linear infinite;}
.testi-row.r2{animation:testiR 120s linear infinite;margin-top:20px;}
.testi-marquee.paused .testi-row{animation-play-state:paused;}
.testi-row .testi{width:340px;flex-shrink:0;}
.testi-row .testi .quote{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
@keyframes testiL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes testiR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
@media (max-width:560px){.testi-row .testi{width:285px;}}

/* ============ SIMULATEUR + LANDING GUIDES ============ */
.sim{max-width:760px;margin:0 auto;}
.sim-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px;}
.sim-field{margin-bottom:20px;}
.sim-field > label{display:block;font-family:var(--font-ui);font-weight:600;font-size:.92rem;color:var(--dark);margin-bottom:8px;}
.sim-field .hint{display:block;font-weight:400;color:var(--muted);font-size:.8rem;margin-top:3px;}
.sim-input{display:flex;align-items:stretch;border:1.5px solid var(--border-light);border-radius:10px;overflow:hidden;transition:border-color .2s;}
.sim-input:focus-within{border-color:var(--pink);}
.sim-input input{flex:1;width:100%;border:none;outline:none;padding:13px 14px;font-family:var(--font-ui);font-size:1rem;color:var(--dark);background:transparent;}
.sim-input .unit{padding:0 14px;color:var(--muted);font-weight:600;font-size:.9rem;background:var(--pampas);display:flex;align-items:center;}
.sim-seg{display:flex;gap:8px;flex-wrap:wrap;}
.sim-seg button{flex:1;min-width:60px;padding:11px 8px;border:1.5px solid var(--border-light);background:#fff;border-radius:10px;font-family:var(--font-ui);font-weight:600;font-size:.86rem;color:var(--dark-soft);cursor:pointer;transition:all .2s;}
.sim-seg button:hover{border-color:var(--pink-light);}
.sim-seg button.on{background:var(--pink);border-color:var(--pink);color:#fff;}
.sim-res{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sim-res .box{border-radius:12px;padding:20px;border:1px solid var(--border-light);}
.sim-res .box.micro{background:var(--pampas);}
.sim-res .box.soc{background:var(--pink-bg);border-color:var(--pink-light);}
.sim-res .box .rl{font-family:var(--font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;}
.sim-res .box .rv{font-family:var(--font-display);font-weight:800;font-size:1.55rem;color:var(--dark);margin-top:6px;line-height:1.1;}
.sim-res .box .rsub{font-size:.78rem;color:var(--muted);margin-top:4px;}
.sim-gain{margin-top:18px;background:var(--pink);color:#fff;border-radius:12px;padding:24px;text-align:center;}
.sim-gain .g-lbl{font-family:var(--font-ui);font-size:.78rem;text-transform:uppercase;letter-spacing:1px;opacity:.85;}
.sim-gain .g-val{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1.1;margin:6px 0;}
.sim-gain .g-month{font-size:.95rem;opacity:.92;}
.sim-note{margin-top:18px;font-size:.8rem;color:#7a5a12;line-height:1.6;background:#FFF8EC;border:1px solid #F0D89A;border-radius:10px;padding:14px 16px;}
.sim-cta{margin-top:22px;text-align:center;}
@media (max-width:560px){.sim-res{grid-template-columns:1fr;}.sim-card{padding:24px 20px;}}

/* Landing guide (lead magnet) */
.lead-magnet{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.lead-magnet .lm-cover{background:linear-gradient(160deg,var(--pink),var(--pink-dk));border-radius:var(--radius);box-shadow:var(--shadow-md);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px;position:sticky;top:90px;}
.lead-magnet .lm-cover .lm-ico{font-size:2.6rem;margin-bottom:14px;}
.lead-magnet .lm-cover h3{font-family:var(--font-display);font-weight:800;font-size:1.3rem;line-height:1.2;}
.lead-magnet .lm-cover .lm-tag{margin-top:14px;font-family:var(--font-ui);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;}
@media (max-width:760px){.lead-magnet{grid-template-columns:1fr;}.lead-magnet .lm-cover{position:static;max-width:280px;margin:0 auto;}}