/* === FORCED OVERRIDE : tout casser ce que  pousse === */
.indepro-root,.indepro-root *,.indepro-root *::before,.indepro-root *::after{
  text-transform:none !important;
  letter-spacing:normal !important;
  list-style:none !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  font-style:normal !important;
  font-family:var(--font) !important;
}
.indepro-root em,.indepro-root i,.indepro-root .indepro-ed,.indepro-root .indepro-gold,.indepro-root .indepro-mod-n,.indepro-root .indepro-step-n,.indepro-root .indepro-hl{
  font-style:italic !important;
}
.indepro-root ul,.indepro-root ol{padding:0 !important;margin:0 !important}
.indepro-root a{color:inherit !important;text-decoration:none !important}
.indepro-root .indepro-tag,.indepro-root .indepro-card-t,.indepro-root .indepro-mod-t,.indepro-root .indepro-step-t{
  text-transform:uppercase !important;
  letter-spacing:1.5px !important;
}
/* === FIN FORCED OVERRIDE === */
/* Override  : force la casse et reset les transforms héritées */
.indepro-root,.indepro-root *,.indepro-root h1,.indepro-root h2,.indepro-root h3,.indepro-root h4,.indepro-root h5,.indepro-root p,.indepro-root span,.indepro-root a,.indepro-root div,.indepro-root li{text-transform:none !important;letter-spacing:normal}
.indepro-root .indepro-tag,.indepro-root .indepro-card-t,.indepro-root .indepro-mod-t,.indepro-root .indepro-step-t{text-transform:uppercase !important;letter-spacing:1.5px}
.indepro-root .indepro-h1,.indepro-root .indepro-h2{text-transform:none !important}
/* Fix highlight : reste inline naturel, pas de wrap dedans */
.indepro-root .indepro-hl{display:inline !important;white-space:normal;line-height:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* H1 plus compact */
.indepro-root .indepro-h1{font-size:clamp(36px,5vw,60px) !important;line-height:1.1}
.indepro-root{--bg:#07070b;--bg2:#0a0a0a;--card:rgba(255,255,255,.02);--cardh:rgba(255,255,255,.04);--gold:#ebbb81;--gold2:#f2c088;--gold3:#c99a5b;--soft:rgba(235,187,129,.15);--glow:rgba(235,187,129,.4);--text:#f2f1ed;--mute:rgba(242,241,237,.7);--fade:rgba(242,241,237,.62);--ink:#07070b;--div:#2e2e2e;--bd:rgba(255,255,255,.08);--bdh:rgba(235,187,129,.4);--r1:6px;--r2:10px;--r3:16px;--ease:cubic-bezier(.16,1,.3,1);--t:.25s var(--ease);--maxw:1200px;--py:clamp(64px,10vw,120px);--font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;position:relative}
.indepro-root *,.indepro-root *::before,.indepro-root *::after{box-sizing:border-box}
.indepro-root a{color:inherit;text-decoration:none;transition:var(--t)}
.indepro-root img,.indepro-root svg{max-width:100%;display:block}
.indepro-root ul{list-style:none;margin:0;padding:0}
.indepro-root h1,.indepro-root h2,.indepro-root h3,.indepro-root h4,.indepro-root h5,.indepro-root h6,.indepro-root p{margin:0;padding:0}
.indepro-root ::selection{background:var(--gold);color:var(--ink)}
.indepro-c{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.indepro-s{padding:var(--py) 0;position:relative}
.indepro-sa{background:var(--bg2);border-top:1px solid var(--div);border-bottom:1px solid var(--div)}
.indepro-sh{text-align:center;max-width: 768px;margin:0 auto 64px}
.indepro-root .indepro-lead{color:var(--mute) !important;font-size:18px !important;margin-top:16px !important}
.indepro-root .indepro-h1{font-weight:800 !important;font-size:clamp(36px,5vw,60px) !important;line-height:1.1 !important;letter-spacing:-.02em !important;text-align:center !important;max-width:24ch !important;margin:0 auto 24px !important;text-wrap:balance;color:var(--text) !important}
.indepro-root .indepro-h2{font-weight:700 !important;font-size:clamp(28px,4vw,44px) !important;line-height:1.15 !important;letter-spacing:-.01em !important;color:var(--text) !important}
.indepro-root .indepro-tag{display:inline-block !important;font-size:11px !important;font-weight:700 !important;color:var(--gold) !important;background:var(--soft) !important;border:1px solid rgba(235,187,129,.25) !important;padding:6px 14px !important;border-radius:var(--r1) !important;margin-bottom:20px !important}
.indepro-hl{background:var(--gold);color:var(--ink);padding:2px 10px;border-radius:5px;font-weight:700;font-style:italic}
.indepro-ed{font-family:var(--font);font-style:italic;font-weight:500;color:var(--gold)}
.indepro-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;font-family:var(--font);font-size:15px;font-weight:600;border-radius:var(--r2);border:1.5px solid;cursor:pointer;transition:var(--t);white-space:nowrap;text-decoration:none}
.indepro-btn-lg{padding:18px 32px;font-size:17px}
.indepro-btn1,.indepro-root a.indepro-btn1,.indepro-root .indepro-btn1:link,.indepro-root .indepro-btn1:visited,.indepro-root .indepro-btn1:hover{background:var(--gold) !important;border-color:var(--gold) !important;color:var(--ink) !important}
.indepro-btn1:hover{opacity:.9;transform:scale(1.02) translateY(-1px)}
.indepro-btn2,.indepro-root a.indepro-btn2,.indepro-root .indepro-btn2:link,.indepro-root .indepro-btn2:visited{background:transparent !important;border-color:var(--bd) !important;color:var(--text) !important}
.indepro-btn2:hover,.indepro-root a.indepro-btn2:hover{border-color:var(--gold) !important;color:var(--gold) !important}
.indepro-btn svg{transition:transform var(--t)}
.indepro-btn:hover svg{transform:translate(2px,-2px)}
.indepro-hero{padding:clamp(64px,10vw,120px) 0 clamp(80px,12vw,160px);text-align:center;position:relative;overflow:hidden}
.indepro-hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(235,187,129,.06) 0%,transparent 70%);pointer-events:none;z-index:0}
.indepro-hero>.indepro-c{position:relative;z-index:1}
.indepro-dispo{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--card);border:1px solid var(--bd);border-radius:99px;font-size:13px;margin-bottom:32px}
.indepro-dispo b{color:var(--gold);font-weight:700}
.indepro-dispo s{color:var(--fade);text-decoration:none;font-weight:700}
.indepro-dispo span{color:var(--mute)}
.indepro-root .indepro-sub{max-width:60ch !important;color:var(--mute) !important;font-size:clamp(16px,2vw,19px) !important;line-height:1.6 !important}
.indepro-ctas{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:80px}
.indepro-photo{max-width: 480px;margin:0 auto 80px;border-radius:var(--r3);overflow:hidden;border:1px solid var(--bd);background:var(--card);padding:6px;position:relative}
.indepro-photo::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--glow),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.indepro-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r2);display:block}
.indepro-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r3)}
.indepro-root .indepro-kpi-n{font-size:clamp(28px,4vw,40px) !important;font-weight:800 !important;color:var(--gold) !important;line-height:1 !important;margin-bottom:8px !important}
.indepro-root .indepro-kpi-l{color:var(--mute) !important;font-size:14px !important}
@media (max-width: 768px){.indepro-kpis{grid-template-columns:repeat(2,1fr);padding:24px}}
.indepro-grid{display:grid;gap:24px}
.indepro-grid-2{grid-template-columns:repeat(2,1fr)}
.indepro-grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){.indepro-grid-2,.indepro-grid-3{grid-template-columns:1fr}}
.indepro-root .indepro-card{background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;padding:36px !important;transition:var(--t)}
.indepro-card:hover{border-color:var(--bdh);background:var(--cardh);transform:translateY(-3px)}
.indepro-card-i{width:56px;height:56px;border-radius:var(--r2);background:var(--soft);border:1px solid rgba(235,187,129,.2);display:flex;align-items:center;justify-content:center;color:var(--gold2);margin-bottom:24px}
.indepro-root .indepro-card-t{font-size:16px !important;font-weight:700 !important;color:var(--text) !important;margin-bottom:12px !important}
.indepro-root .indepro-card-x{color:var(--mute) !important;font-size:15px !important;line-height:1.65 !important}
.indepro-mods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.indepro-root .indepro-mod{display:flex !important;gap:24px;padding:28px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;transition:var(--t)}
.indepro-mod:hover{border-color:var(--bdh);transform:translateY(-3px)}
.indepro-root .indepro-mod-n{font-family:var(--font) !important;font-style:italic !important;font-weight:500 !important;font-size:32px !important;color:var(--gold) !important;line-height:1 !important;flex-shrink:0}
.indepro-root .indepro-mod-t{font-size:15px !important;font-weight:700 !important;margin-bottom:8px !important;color:var(--text) !important}
.indepro-root .indepro-mod-x{color:var(--mute) !important;font-size:14px !important;line-height:1.6 !important}
@media (max-width: 768px){.indepro-mods{grid-template-columns:1fr}}
.indepro-comm{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.indepro-comm ul{margin-top:32px;display:flex;flex-direction:column;gap:16px}
.indepro-comm li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text)}
.indepro-comm li svg{color:var(--gold);flex-shrink:0}
.indepro-comm img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r3);border:1px solid var(--bd);width:100%}
@media (max-width: 900px){.indepro-comm{grid-template-columns:1fr;gap:40px}}
.indepro-test{background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);padding:32px;display:flex;flex-direction:column;gap:20px;transition:var(--t);overflow:hidden}
.indepro-test:hover{border-color:var(--bdh);transform:translateY(-3px)}
.indepro-test img{border-radius:var(--r2);width:100%;border:1px solid var(--bd)}
.indepro-test-q{color:var(--text);font-size:15px;line-height:1.6;flex:1}
.indepro-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.indepro-root .indepro-step{background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;padding:32px !important;transition:var(--t)}
.indepro-step:hover{border-color:var(--bdh);transform:translateY(-3px)}
.indepro-root .indepro-step-n{font-family:var(--font) !important;font-style:italic !important;font-size:36px !important;color:var(--gold) !important;line-height:1 !important;margin-bottom:16px !important}
.indepro-root .indepro-step-t{font-size:14px !important;font-weight:700 !important;color:var(--text) !important;margin-bottom:12px !important}
.indepro-root .indepro-step-x{color:var(--mute) !important;font-size:14px !important;line-height:1.6 !important}
@media (max-width: 1024px){.indepro-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 768px){.indepro-steps{grid-template-columns:1fr}}
.indepro-about{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}
.indepro-about p{color:var(--mute);font-size:16px;line-height:1.7;margin-bottom:16px}
.indepro-about p:last-child{margin-bottom:0}
.indepro-about-img{border-radius:var(--r3);overflow:hidden;border:1px solid var(--bd);background:var(--card);padding:6px}
.indepro-about-img img{aspect-ratio:1;object-fit:cover;border-radius:var(--r2);width:100%}
@media (max-width: 900px){.indepro-about{grid-template-columns:1fr;gap:32px}.indepro-about-img{max-width: 480px;margin:0 auto}}
.indepro-faq{max-width: 900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.indepro-faq details{background:var(--card);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;transition:var(--t)}
.indepro-faq details:hover{border-color:var(--bdh)}
.indepro-root .indepro-faq summary{padding:20px 24px !important;cursor:pointer;font-weight:600 !important;font-size:16px !important;color:var(--text) !important;display:flex !important;justify-content:space-between !important;align-items:center !important}
.indepro-faq summary::-webkit-details-marker{display:none}
.indepro-faq summary::after{content:'+';color:var(--gold);font-size:24px;font-weight:400;transition:transform var(--t);margin-left:16px;flex-shrink:0}
.indepro-faq details[open] summary::after{transform:rotate(45deg)}
.indepro-root .indepro-faq-x{padding:0 24px 20px !important;color:var(--mute) !important;font-size:15px !important;line-height:1.65 !important}
.indepro-cta-card{background:linear-gradient(180deg,rgba(235,187,129,.06),transparent);border:1px solid var(--bdh);border-radius:var(--r3);padding:clamp(48px,8vw,80px);text-align:center;position:relative;overflow:hidden}
.indepro-cta-card::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(235,187,129,.08) 0%,transparent 60%);pointer-events:none}
.indepro-cta-card>*{position:relative}
.indepro-cta-card .indepro-h2{margin-bottom:16px}
.indepro-cta-card .indepro-lead{margin-bottom:32px}
.indepro-cta-note{margin-top:16px;color:var(--fade);font-size:12px;font-style:italic}
.indepro-root [data-indepro-reveal]{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease);will-change:opacity,transform}
.indepro-root [data-indepro-reveal].on{opacity:1;transform:translateY(0)}
.indepro-grid [data-indepro-reveal].on:nth-child(1){transition-delay:0s}
.indepro-grid [data-indepro-reveal].on:nth-child(2){transition-delay:.06s}
.indepro-grid [data-indepro-reveal].on:nth-child(3){transition-delay:.12s}
.indepro-grid [data-indepro-reveal].on:nth-child(4){transition-delay:.18s}
.indepro-mods [data-indepro-reveal].on:nth-child(1){transition-delay:0s}
.indepro-mods [data-indepro-reveal].on:nth-child(2){transition-delay:.05s}
.indepro-mods [data-indepro-reveal].on:nth-child(3){transition-delay:.1s}
.indepro-mods [data-indepro-reveal].on:nth-child(4){transition-delay:.15s}
.indepro-mods [data-indepro-reveal].on:nth-child(5){transition-delay:.2s}
.indepro-mods [data-indepro-reveal].on:nth-child(6){transition-delay:.25s}
.indepro-steps [data-indepro-reveal].on:nth-child(1){transition-delay:0s}
.indepro-steps [data-indepro-reveal].on:nth-child(2){transition-delay:.06s}
.indepro-steps [data-indepro-reveal].on:nth-child(3){transition-delay:.12s}
.indepro-steps [data-indepro-reveal].on:nth-child(4){transition-delay:.18s}
@media (prefers-reduced-motion:reduce){.indepro-root [data-indepro-reveal]{opacity:1;transform:none;transition:none}}

/* HERO SPLIT (texte gauche, photo droite) */
.indepro-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;margin-bottom:80px}
.indepro-hero-text{text-align:left}
.indepro-hero-text .indepro-h1{text-align:left;max-width:none;margin:0 0 24px}
.indepro-hero-text .indepro-sub{margin:0 0 32px;max-width:none}
.indepro-hero-text .indepro-ctas{justify-content:flex-start;margin-bottom:0}
.indepro-hero-photo{border-radius:var(--r3);overflow:hidden;border:1px solid var(--bd);background:var(--card);padding:6px;position:relative}
.indepro-hero-photo::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--glow),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.indepro-hero-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r2);display:block}
.indepro-root .indepro-gold{color:var(--gold) !important;font-style:italic !important;font-weight:800 !important}
@media (max-width: 900px){.indepro-hero-grid{grid-template-columns:1fr;gap:40px;margin-bottom:60px}.indepro-hero-text{text-align:center}.indepro-hero-text .indepro-h1{text-align:center}.indepro-hero-text .indepro-ctas{justify-content:center}.indepro-hero-photo{max-width: 480px;margin:0 auto}}

/* HERO BG VIDEO + OVERLAY + GLOW */
.indepro-root .indepro-hero{position:relative !important;overflow:hidden !important;isolation:isolate}
.indepro-root .indepro-hero-bg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;z-index:0 !important;opacity:.55 !important;pointer-events:none}
.indepro-root .indepro-hero-overlay{position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none;background:linear-gradient(180deg,rgba(7,7,11,.35) 0%,rgba(7,7,11,.55) 50%,rgba(7,7,11,.85) 100%) !important}
.indepro-root .indepro-hero-glow{position:absolute !important;top:-250px !important;right:-150px !important;width:700px !important;height:700px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(235,187,129,.35) 0%,rgba(235,187,129,.12) 30%,transparent 70%) !important;filter:blur(60px) !important;z-index:1 !important;pointer-events:none}
.indepro-root .indepro-hero-glow::after{content:'';position:absolute;bottom:-450px;left:-300px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.2) 0%,transparent 70%);filter:blur(50px)}
.indepro-root .indepro-hero>.indepro-c{position:relative !important;z-index:2 !important}
@media (max-width: 900px){
  .indepro-root .indepro-hero-bg{opacity:.5 !important}
  .indepro-root .indepro-hero-glow{width:400px !important;height:400px !important;top:-150px !important;right:-100px !important}
}

.indepro-root video.indepro-hero-bg{display:block !important;visibility:visible !important;opacity:.55 !important;width:100% !important;height:100% !important;object-fit:cover !important}

.indepro-root .indepro-hero-text .indepro-h1,.indepro-root .indepro-hero-text h1.indepro-h1{text-align:left !important;max-width:none !important}
.indepro-root .indepro-hero-text .indepro-sub{text-align:left !important;margin:0 0 32px !important}
.indepro-root .indepro-hero-text .indepro-ctas{justify-content:flex-start !important}

/* Fade vers la section suivante */
.indepro-root .indepro-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,transparent 0%,var(--bg) 90%);z-index:3;pointer-events:none}
/* Scroll cue animé */
.indepro-root .indepro-scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--mute);font-size:11px;letter-spacing:2px;text-transform:uppercase;animation:indepro-bob 2.4s ease-in-out infinite}
.indepro-root .indepro-scroll-cue-dot{width:24px;height:36px;border:1.5px solid rgba(235,187,129,.4);border-radius:99px;position:relative;display:flex;justify-content:center;padding-top:6px}
.indepro-root .indepro-scroll-cue-dot::after{content:'';width:3px;height:8px;background:var(--gold);border-radius:99px;animation:indepro-scroll 1.8s ease-in-out infinite}
@keyframes indepro-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes indepro-scroll{0%{transform:translateY(0);opacity:1}80%{transform:translateY(14px);opacity:0}100%{transform:translateY(14px);opacity:0}}

/* === WOW EFFECTS === */
/* Photo wrapper : centre la photo et accueille les effets */
.indepro-root .indepro-hero-photo-wrap{position:relative !important;display:flex;align-items:center;justify-content:center;perspective:1000px}
/* HALO PULSE derrière la photo */
.indepro-root .indepro-hero-photo-halo{position:absolute !important;inset:-30px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(235,187,129,.4) 0%,rgba(235,187,129,.1) 40%,transparent 70%) !important;filter:blur(40px) !important;z-index:0 !important;pointer-events:none;animation:indepro-halo-pulse 4.5s ease-in-out infinite}
@keyframes indepro-halo-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
/* PHOTO : container avec border conic animé */
.indepro-root .indepro-hero-photo{position:relative !important;width:100% !important;max-width: 480px !important;border-radius:var(--r3) !important;overflow:hidden !important;background:var(--card) !important;border:1px solid var(--bd) !important;padding:6px !important;transition:transform .25s ease-out !important;transform-style:preserve-3d;will-change:transform;z-index:1}
.indepro-root .indepro-hero-photo img{aspect-ratio:4/5 !important;object-fit:cover !important;width:100% !important;border-radius:calc(var(--r3) - 6px) !important;display:block !important}
/* Ring conic animé autour de la photo */
/* WORD ROTATOR dans le H1 */
/* MAGNETIC button */
.indepro-root .indepro-magnet{transition:transform .15s ease-out !important;will-change:transform}
@media (prefers-reduced-motion:reduce){.indepro-root .indepro-hero-photo-halo{animation:none !important}.indepro-root .indepro-removed-rot{transition:none !important}}
@media (max-width: 900px){.indepro-root .indepro-hero-photo{max-width: 480px !important}.indepro-root .indepro-hero-photo-halo{inset:-20px !important}}

/* === MARQUEE TAGS === */
.indepro-root .indepro-marquee-wrap{position:relative;border-top:1px solid var(--div) !important;border-bottom:1px solid var(--div) !important;background:rgba(7,7,11,.5) !important;overflow:hidden;padding:18px 0 !important;margin-top:-1px}
.indepro-root .indepro-marquee-wrap::before,.indepro-root .indepro-marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.indepro-root .indepro-marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.indepro-root .indepro-marquee-wrap::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.indepro-root .indepro-marquee{display:flex;width:100%;overflow:hidden}
.indepro-root .indepro-marquee-track{display:flex;align-items:center;gap:32px;animation:indepro-marq 38s linear infinite;flex-shrink:0;white-space:nowrap;will-change:transform}
.indepro-root .indepro-marquee-track:hover{animation-play-state:paused}
.indepro-root .indepro-marquee-track span:not(.indepro-dot){color:var(--text) !important;font-size:14px !important;font-weight:500 !important;letter-spacing:.3px !important;flex-shrink:0}
.indepro-root .indepro-marquee-track .indepro-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:var(--gold) !important;flex-shrink:0;display:inline-block !important}
@keyframes indepro-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* === CARD FEATURED (mise en avant) === */
.indepro-root .indepro-card-featured{position:relative !important;background:linear-gradient(180deg,rgba(235,187,129,.08) 0%,rgba(235,187,129,.02) 100%) !important;border:1px solid rgba(235,187,129,.25) !important;transform:translateY(-8px)}
.indepro-root .indepro-card-featured:hover{transform:translateY(-12px) !important;border-color:rgba(235,187,129,.5) !important}
.indepro-root .indepro-card-featured .indepro-card-i{background:rgba(235,187,129,.2) !important;border-color:rgba(235,187,129,.4) !important}
.indepro-root .indepro-card-badge{position:absolute !important;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold) !important;color:var(--ink) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1px !important;padding:5px 14px !important;border-radius:99px !important;white-space:nowrap;box-shadow:0 8px 24px rgba(235,187,129,.3)}

/* === SHIMMER sur le H1 gold === */
.indepro-root .indepro-shimmer{background:linear-gradient(110deg,var(--gold) 30%,#fff8e8 45%,var(--gold) 60%) !important;background-size:200% auto !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:indepro-shimmer 3.5s ease-in-out infinite}
@keyframes indepro-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* === BORDER GRADIENT subtil sur les cards modules au hover === */
.indepro-root .indepro-mod{position:relative !important;overflow:hidden}
.indepro-root .indepro-mod::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 30%,var(--gold) 50%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s var(--ease);pointer-events:none}
.indepro-root .indepro-mod:hover::before{opacity:1}

/* === TIMELINE PROGRAMME === */
.indepro-root .indepro-mods-timeline{position:relative !important}
.indepro-root .indepro-mods-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(235,187,129,.3) 10%,rgba(235,187,129,.3) 90%,transparent 100%);transform:translateX(-50%);pointer-events:none;z-index:0}
.indepro-root .indepro-mods-timeline .indepro-mod{position:relative;z-index:1}
.indepro-root .indepro-mods-timeline .indepro-mod::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(7,7,11,1),0 0 0 5px rgba(235,187,129,.3),0 0 16px rgba(235,187,129,.5);top:50%;transform:translateY(-50%);z-index:2}
.indepro-root .indepro-mods-timeline .indepro-mod:nth-child(odd)::after{right:-22px}
.indepro-root .indepro-mods-timeline .indepro-mod:nth-child(even)::after{left:-22px}
@media (max-width: 768px){.indepro-root .indepro-mods-timeline::before{left:20px}.indepro-root .indepro-mods-timeline .indepro-mod::after{left:13px !important;right:auto !important}}

/* === SECTION RÉSULTATS CHIFFRÉS === */
.indepro-root .indepro-results{position:relative !important;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,rgba(235,187,129,.03) 50%,var(--bg) 100%) !important;border-top:1px solid var(--div) !important;border-bottom:1px solid var(--div) !important}
.indepro-root .indepro-results-glow{position:absolute !important;top:50%;left:50%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.15) 0%,rgba(235,187,129,.04) 30%,transparent 70%);filter:blur(80px);transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.indepro-root .indepro-results>.indepro-c{position:relative;z-index:1}
.indepro-root .indepro-results-hero{text-align:center;margin-bottom:80px}
.indepro-root .indepro-results-big{font-size:clamp(60px,12vw,140px) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-.04em !important;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim,#c99a5b) 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;margin:0 0 12px !important}
.indepro-root .indepro-results-sub{color:var(--mute) !important;font-size:clamp(18px,2.4vw,24px) !important;font-weight:500 !important}
.indepro-root .indepro-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.indepro-root .indepro-results-stat{padding:32px 24px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;text-align:center;transition:var(--t)}
.indepro-root .indepro-results-stat:hover{border-color:var(--bdh) !important;transform:translateY(-3px)}
.indepro-root .indepro-results-stat-v{font-size:clamp(32px,4vw,48px) !important;font-weight:800 !important;color:var(--gold) !important;line-height:1 !important;margin-bottom:8px !important}
.indepro-root .indepro-results-stat-l{color:var(--mute) !important;font-size:14px !important;line-height:1.4 !important}
.indepro-root .indepro-results-note{margin-top:32px !important;text-align:center;color:var(--fade) !important;font-size:12px !important;font-style:italic !important}
@media (max-width: 900px){.indepro-root .indepro-results-grid{grid-template-columns:repeat(2,1fr)}}

/* === TÉMOIGNAGES NOUVEAU LAYOUT === */
.indepro-root .indepro-test-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:center}
.indepro-root .indepro-test-side{display:flex;flex-direction:column;gap:24px}
.indepro-root .indepro-test-mini{padding:24px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;display:flex;flex-direction:column;gap:14px;transition:var(--t)}
.indepro-root .indepro-test-mini:hover{border-color:var(--bdh) !important;transform:translateY(-3px)}
.indepro-root .indepro-test-mini-q{color:var(--text) !important;font-size:14px !important;line-height:1.55 !important;font-style:italic !important}
.indepro-root .indepro-test-hero{padding:48px !important;background:linear-gradient(180deg,rgba(235,187,129,.08) 0%,rgba(235,187,129,.02) 100%) !important;border:1px solid rgba(235,187,129,.3) !important;border-radius:var(--r3) !important;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}
.indepro-root .indepro-test-hero::before{content:'';position:absolute;top:-50%;right:-30%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.15) 0%,transparent 70%);filter:blur(40px);pointer-events:none}
.indepro-root .indepro-test-hero>*{position:relative}
.indepro-root .indepro-test-hero-q{color:var(--text) !important;font-size:clamp(18px,2vw,22px) !important;line-height:1.5 !important;font-style:italic !important;font-weight:500 !important}
.indepro-root .indepro-test-stars{color:var(--gold) !important;font-size:14px !important;letter-spacing:2px !important}
.indepro-root .indepro-test-stars-lg{font-size:18px !important}
.indepro-root .indepro-test-prog{display:flex;align-items:center;gap:16px;padding:20px;background:rgba(7,7,11,.4);border-radius:var(--r2);border:1px solid var(--bd)}
.indepro-root .indepro-test-stat{flex:1}
.indepro-root .indepro-test-stat-l{color:var(--fade) !important;font-size:11px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1.5px !important;margin-bottom:6px !important}
.indepro-root .indepro-test-stat-v{color:var(--text) !important;font-size:24px !important;font-weight:800 !important;line-height:1 !important}
.indepro-root .indepro-test-stat-v span{font-size:14px !important;font-weight:500 !important;color:var(--mute) !important;margin-left:4px !important}
.indepro-root .indepro-test-stat-after .indepro-test-stat-v{color:var(--gold) !important}
.indepro-root .indepro-test-stat-arrow{color:var(--gold) !important;font-size:24px !important;font-weight:300 !important}
.indepro-root .indepro-test-author{display:flex !important;align-items:center !important;gap:12px !important;padding-top:12px !important;border-top:1px solid var(--div) !important}
.indepro-root .indepro-test-avatar{width:42px !important;height:42px !important;border-radius:50% !important;background:var(--soft) !important;color:var(--gold) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;font-size:14px !important;flex-shrink:0}
.indepro-root .indepro-test-avatar-lg{width:54px !important;height:54px !important;font-size:18px !important;background:var(--gold) !important;color:var(--ink) !important}
.indepro-root .indepro-test-name{color:var(--text) !important;font-weight:600 !important;font-size:14px !important}
.indepro-root .indepro-test-role{color:var(--fade) !important;font-size:12px !important}
.indepro-root .indepro-test-note{text-align:center !important;color:var(--fade) !important;font-size:12px !important;font-style:italic !important;margin-top:32px !important}
@media (max-width: 1024px){.indepro-root .indepro-test-layout{grid-template-columns:1fr;gap:16px}}

/* === DISCORD MOCKUP === */
.indepro-root .indepro-discord{display:grid;grid-template-columns:160px 1fr;height:480px;background:#1e1f22;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;overflow:hidden;font-size:13px;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(235,187,129,.08)}
.indepro-root .indepro-discord-side{background:#2b2d31;display:flex;flex-direction:column}
.indepro-root .indepro-discord-server{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold-dim,#c99a5b)) !important;color:var(--ink) !important;display:flex !important;align-items:center;justify-content:center;font-weight:800 !important;font-size:14px !important;margin:12px}
.indepro-root .indepro-discord-channels{padding:0 8px;display:flex;flex-direction:column;gap:2px}
.indepro-root .indepro-discord-cat{color:#949ba4 !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1px !important;padding:12px 8px 4px !important}
.indepro-root .indepro-discord-ch{padding:6px 10px !important;border-radius:6px !important;color:#949ba4 !important;font-weight:500 !important;cursor:pointer;transition:var(--t)}
.indepro-root .indepro-discord-ch.active{background:rgba(255,255,255,.06) !important;color:#fff !important}
.indepro-root .indepro-discord-main{background:#313338;display:flex;flex-direction:column}
.indepro-root .indepro-discord-header{padding:14px 18px !important;border-bottom:1px solid #1e1f22 !important;display:flex;align-items:center;gap:12px;font-size:14px !important}
.indepro-root .indepro-discord-hash{color:#80848e !important;font-size:18px !important;font-weight:600 !important}
.indepro-root .indepro-discord-title{color:#fff !important;font-weight:600 !important;flex:1}
.indepro-root .indepro-discord-online{color:#949ba4 !important;font-size:12px !important;display:flex;align-items:center;gap:6px}
.indepro-root .indepro-discord-online i{width:8px;height:8px;border-radius:50%;background:#ebbb81;display:inline-block}
.indepro-root .indepro-discord-msgs{flex:1;padding:14px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.indepro-root .indepro-discord-msg{display:flex;gap:12px}
.indepro-root .indepro-discord-av{width:36px;height:36px;border-radius:50%;color:#fff !important;display:flex !important;align-items:center;justify-content:center;font-weight:700 !important;font-size:13px !important;flex-shrink:0}
.indepro-root .indepro-discord-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:12px !important}
.indepro-root .indepro-discord-meta b{color:#fff !important;font-weight:600 !important;font-size:14px !important}
.indepro-root .indepro-discord-meta span{color:#949ba4 !important;font-size:11px !important}
.indepro-root .indepro-discord-tag{background:var(--gold) !important;color:var(--ink) !important;padding:1px 6px !important;border-radius:4px !important;font-size:9px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.5px !important}
.indepro-root .indepro-discord-text{color:#dbdee1 !important;font-size:13px !important;line-height:1.4 !important}
.indepro-root .indepro-discord-input{margin:0 18px 18px;padding:12px 14px !important;background:#383a40 !important;border-radius:8px !important;color:#80848e !important;font-size:13px !important}
@media (max-width: 768px){.indepro-root .indepro-discord{grid-template-columns:1fr;height:auto}.indepro-root .indepro-discord-side{flex-direction:row;height:auto;padding:8px}.indepro-root .indepro-discord-channels{flex-direction:row;flex-wrap:wrap;padding:0;gap:4px}.indepro-root .indepro-discord-server{width:36px;height:36px;margin:6px}.indepro-root .indepro-discord-cat{display:none}}

/* === RATING BADGE === */
.indepro-root .indepro-rating-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;margin-top:16px !important;padding:8px 14px !important;background:rgba(255,255,255,.04) !important;border:1px solid var(--bd) !important;border-radius:99px !important;font-size:13px !important;color:var(--text) !important;transition:var(--t)}
.indepro-root .indepro-rating-badge:hover{border-color:var(--bdh) !important;background:rgba(235,187,129,.06) !important}
.indepro-root .indepro-rating-badge b{color:var(--text) !important;font-weight:700 !important;margin-right:2px}
.indepro-root .indepro-tp-stars{color:var(--gold) !important;letter-spacing:1px !important;font-size:13px !important}

/* === TÉMOIGNAGES SECONDAIRE ROW === */
.indepro-root .indepro-test-more{margin-top:24px}
.indepro-root .indepro-test-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.indepro-root .indepro-test-mini-sm{padding:20px !important;gap:10px !important}
.indepro-root .indepro-test-mini-sm .indepro-test-mini-q{font-size:13px !important;line-height:1.5 !important}
@media (max-width: 900px){.indepro-root .indepro-test-mini-row{grid-template-columns:1fr}}

/* === FOOTER LIEN AVIS === */
.indepro-root .indepro-test-footer{margin-top:40px;text-align:center}
.indepro-root .indepro-btn-sm{padding:10px 18px !important;font-size:13px !important}

/* === DISCORD MOCKUP UPGRADE === */
.indepro-root .indepro-discord{height:auto !important;min-height:520px !important;box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px rgba(235,187,129,.12),0 0 60px rgba(235,187,129,.05) !important;position:relative !important}
.indepro-root .indepro-discord-server{box-shadow:0 4px 12px rgba(235,187,129,.3),0 0 0 2px rgba(235,187,129,.15)}
.indepro-root .indepro-discord-server::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#ebbb81;bottom:-2px;right:-2px;border:3px solid #2b2d31}
.indepro-root .indepro-discord-side{position:relative}
.indepro-root .indepro-discord-ch{position:relative;font-size:13px !important;display:flex !important;align-items:center !important;gap:6px}
.indepro-root .indepro-discord-ch::before{content:'';width:14px;height:14px;display:inline-block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23949ba4" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9h16M4 15h16M10 3L8 21M16 3l-2 18"/></svg>') center/contain no-repeat;flex-shrink:0;opacity:.6}
.indepro-root .indepro-discord-ch.active::before{opacity:1;filter:invert(1)}
.indepro-root .indepro-discord-msgs{padding:18px 20px !important;gap:18px !important}
.indepro-root .indepro-discord-av{box-shadow:0 2px 8px rgba(0,0,0,.3);position:relative}
.indepro-root .indepro-discord-av::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#ebbb81;bottom:-1px;right:-1px;border:2px solid #313338}
.indepro-root .indepro-discord-body{flex:1;min-width:0}
.indepro-root .indepro-discord-text strong{color:#fff !important;font-weight:700 !important;background:rgba(235,187,129,.15) !important;padding:1px 6px !important;border-radius:4px !important}
.indepro-root .indepro-discord-reacts{display:flex !important;flex-wrap:wrap;gap:6px;margin-top:6px}
.indepro-root .indepro-discord-react{display:inline-flex !important;align-items:center !important;gap:4px !important;padding:2px 8px !important;background:rgba(235,187,129,.08) !important;border:1px solid rgba(235,187,129,.25) !important;border-radius:8px !important;color:var(--gold) !important;font-size:11px !important;font-weight:600 !important;cursor:pointer;transition:var(--t)}
.indepro-root .indepro-discord-react:hover{background:rgba(235,187,129,.18) !important;border-color:rgba(235,187,129,.5) !important}
.indepro-root .indepro-discord-react span{font-size:13px !important;line-height:1 !important}
.indepro-root .indepro-discord-input{display:flex !important;align-items:center !important;gap:10px !important}
.indepro-root .indepro-discord-input-icon{width:24px;height:24px;border-radius:50%;background:#b5bac1 !important;color:#313338 !important;display:flex !important;align-items:center;justify-content:center;font-weight:700 !important;font-size:16px !important;flex-shrink:0}
.indepro-root .indepro-discord-tag{background:#ebbb81 !important;color:#000 !important;padding:2px 8px !important;border-radius:4px !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.6px !important;text-shadow:none !important;-webkit-text-fill-color:#000 !important}

/* Override : point online doré (au lieu de vert) */
.indepro-root .indepro-discord-online i{background:var(--gold) !important;box-shadow:0 0 8px rgba(235,187,129,.6) !important}
.indepro-root .indepro-discord-server::after{background:var(--gold) !important}
.indepro-root .indepro-discord-av::after{background:var(--gold) !important}
/* Reactions : style or, sans emojis colorés */
.indepro-root .indepro-discord-react{background:rgba(235,187,129,.08) !important;border:1px solid rgba(235,187,129,.25) !important;color:var(--gold) !important;padding:3px 9px !important;font-size:11px !important;font-weight:600 !important;display:inline-flex !important;align-items:center !important;gap:5px !important;border-radius:8px !important;cursor:pointer;transition:var(--t)}
.indepro-root .indepro-discord-react:hover{background:rgba(235,187,129,.18) !important;border-color:rgba(235,187,129,.5) !important}
.indepro-root .indepro-discord-react svg{color:var(--gold) !important;flex-shrink:0}
/* Input éditable interactif */
.indepro-root .indepro-discord-input-wrap{margin:0 18px 18px;padding:10px 14px !important;background:#383a40 !important;border-radius:8px !important;display:flex !important;align-items:center !important;gap:10px !important;transition:var(--t);border:1px solid transparent}
.indepro-root .indepro-discord-input-wrap:focus-within{border-color:rgba(235,187,129,.4) !important;background:#3f4147 !important}
.indepro-root .indepro-discord-input-icon{width:24px;height:24px;border-radius:50%;background:#b5bac1 !important;color:#313338 !important;display:flex !important;align-items:center;justify-content:center;font-weight:700 !important;font-size:16px !important;flex-shrink:0;cursor:pointer;transition:var(--t)}
.indepro-root .indepro-discord-input-wrap:focus-within .indepro-discord-input-icon{background:var(--gold) !important;color:var(--ink) !important}
.indepro-root .indepro-discord-input-field{flex:1;background:transparent !important;border:none !important;outline:none !important;color:#dbdee1 !important;font-size:13px !important;font-family:var(--font) !important;padding:4px 0 !important;width:100%}
.indepro-root .indepro-discord-input-field::placeholder{color:#80848e !important}
/* Tilt soft pour le Discord (suit la souris doucement) */
.indepro-root [data-indepro-tilt-soft]{transition:transform .25s ease-out !important;transform-style:preserve-3d;will-change:transform}

/* === COMMUNAUTÉ FEATURES (mini cards animées) === */
.indepro-root .indepro-comm-features{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.indepro-root .indepro-comm-feat{display:flex !important;align-items:flex-start !important;gap:18px;padding:18px 20px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r2) !important;transition:var(--t);position:relative;overflow:hidden}
.indepro-root .indepro-comm-feat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .3s var(--ease)}
.indepro-root .indepro-comm-feat:hover{border-color:var(--bdh) !important;background:var(--cardh) !important;transform:translateX(4px)}
.indepro-root .indepro-comm-feat:hover::before{transform:scaleY(1);transform-origin:top}
.indepro-root .indepro-comm-feat-i{flex-shrink:0;width:44px !important;height:44px !important;border-radius:var(--r2) !important;background:var(--soft) !important;border:1px solid rgba(235,187,129,.25) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--gold) !important;transition:var(--t)}
.indepro-root .indepro-comm-feat:hover .indepro-comm-feat-i{background:var(--gold) !important;color:var(--ink) !important;transform:scale(1.05)}
.indepro-root .indepro-comm-feat-body{flex:1;min-width:0}
.indepro-root .indepro-comm-feat-t{color:var(--text) !important;font-size:15px !important;font-weight:700 !important;margin:0 0 4px !important;line-height:1.3 !important}
.indepro-root .indepro-comm-feat-x{color:var(--mute) !important;font-size:13px !important;line-height:1.5 !important;margin:0 !important}

/* Stagger reveal pour les features */
.indepro-root .indepro-comm-features [data-indepro-reveal].on:nth-child(1){transition-delay:0s}
.indepro-root .indepro-comm-features [data-indepro-reveal].on:nth-child(2){transition-delay:.08s}
.indepro-root .indepro-comm-features [data-indepro-reveal].on:nth-child(3){transition-delay:.16s}
.indepro-root .indepro-comm-features [data-indepro-reveal].on:nth-child(4){transition-delay:.24s}

/* === Témoignage stat texte (au lieu de chiffre) === */
.indepro-root .indepro-test-stat-text{font-size:14px !important;font-weight:600 !important;color:var(--mute) !important;letter-spacing:0 !important;line-height:1.3 !important}

/* === BADGE MENTOR : noir solide forcé === */
.indepro-root .indepro-discord .indepro-discord-tag,.indepro-root .indepro-discord-msg .indepro-discord-meta .indepro-discord-tag{background:#ebbb81 !important;color:#000 !important;-webkit-text-fill-color:#000 !important;text-shadow:none !important;font-weight:800 !important}

/* === RÉSULTATS : trustband === */
.indepro-root .indepro-results-trustband{margin-top:48px;padding:18px 24px;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:99px !important;display:flex;justify-content:center}
.indepro-root .indepro-results-trustband-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;font-size:13px}
.indepro-root .indepro-results-trustband-stars{color:var(--gold) !important;letter-spacing:2px !important;font-size:14px !important;flex-shrink:0}
.indepro-root .indepro-results-trustband-q{color:var(--mute) !important;font-style:italic !important}
.indepro-root .indepro-results-trustband-link{color:var(--gold) !important;font-weight:600 !important;font-size:13px !important;flex-shrink:0;transition:var(--t)}
.indepro-root .indepro-results-trustband-link:hover{color:var(--gold-active) !important;transform:translateX(2px)}

/* === PROGRAMME TABS === */
.indepro-root .indepro-prog-tabs{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:stretch}
.indepro-root .indepro-prog-nav{position:relative;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--bd) !important;padding-right:16px}
.indepro-root .indepro-prog-tab{display:flex !important;align-items:center !important;gap:14px;padding:18px 20px !important;background:transparent !important;border:1px solid transparent !important;border-radius:var(--r2) !important;color:var(--mute) !important;cursor:pointer;text-align:left;font-family:var(--font) !important;transition:var(--t);position:relative}
.indepro-root .indepro-prog-tab:hover{background:rgba(255,255,255,.02) !important;color:var(--text) !important}
.indepro-root .indepro-prog-tab.is-active{background:rgba(235,187,129,.08) !important;color:var(--gold) !important;border-color:rgba(235,187,129,.3) !important}
.indepro-root .indepro-prog-tab-num{font-weight:800 !important;font-size:15px !important;font-style:italic !important;color:inherit !important;flex-shrink:0;width:30px}
.indepro-root .indepro-prog-tab-l{font-weight:600 !important;font-size:15px !important;color:inherit !important}
.indepro-root .indepro-prog-progress{position:absolute;left:-16px;width:1px;height:30px;background:var(--gold);top:0;transition:transform .5s var(--ease);box-shadow:0 0 8px rgba(235,187,129,.6);transform:translateY(0)}

.indepro-root .indepro-prog-panels{position:relative;display:grid !important;grid-template-columns:1fr;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;padding:48px !important;overflow:hidden}
.indepro-root .indepro-prog-panels::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.1) 0%,transparent 70%);filter:blur(40px);pointer-events:none}
.indepro-root .indepro-prog-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(20px);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease),visibility 0s linear .4s}
.indepro-root .indepro-prog-panel.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;transition:opacity .4s var(--ease),transform .4s var(--ease),visibility 0s linear 0s}
.indepro-root .indepro-prog-panel-head{display:flex !important;align-items:center !important;gap:18px !important;margin-bottom:20px !important}
.indepro-root .indepro-prog-panel-icon{width:60px !important;height:60px !important;border-radius:var(--r2) !important;background:var(--soft) !important;border:1px solid rgba(235,187,129,.3) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--gold) !important;flex-shrink:0}
.indepro-root .indepro-prog-panel-t{font-size:clamp(22px,2.8vw,28px) !important;font-weight:700 !important;color:var(--text) !important;margin:0 !important;line-height:1.2 !important}
.indepro-root .indepro-prog-panel-x{color:var(--mute) !important;font-size:16px !important;line-height:1.6 !important;margin:0 0 24px !important}
.indepro-root .indepro-prog-panel-list{display:flex !important;flex-direction:column !important;gap:10px !important;margin:0 !important;padding:0 !important}
.indepro-root .indepro-prog-panel-list li{display:flex !important;align-items:flex-start !important;gap:12px !important;color:var(--text) !important;font-size:14px !important;line-height:1.5 !important;padding-left:0 !important}
.indepro-root .indepro-prog-panel-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:8px;flex-shrink:0}

@media (max-width: 900px){
  .indepro-root .indepro-prog-tabs{grid-template-columns:1fr}
  .indepro-root .indepro-prog-nav{flex-direction:row;overflow-x:auto;border-right:none !important;border-bottom:1px solid var(--bd) !important;padding-right:0;padding-bottom:8px;margin-bottom:16px}
  .indepro-root .indepro-prog-tab{flex-shrink:0;padding:12px 16px !important}
  .indepro-root .indepro-prog-progress{display:none}
  .indepro-root .indepro-prog-panels{padding:32px !important}
  
}

/* === PROGRAMME PANELS SPLIT (texte gauche, mockup droite) === */
.indepro-root .indepro-prog-split{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center;height:100%}
.indepro-root .indepro-prog-text{min-width:0}
.indepro-root .indepro-prog-mock{display:flex;align-items:center;justify-content:center;min-width:0}
@media (max-width: 900px){.indepro-root .indepro-prog-split{grid-template-columns:1fr;gap:24px}}

/* Card de base pour les mockups */
.indepro-root .indepro-mock-card{width:100%;max-width: 480px;background:rgba(7,7,11,.6) !important;border:1px solid rgba(235,187,129,.2) !important;border-radius:var(--r3) !important;padding:20px !important;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(235,187,129,.05);position:relative;overflow:hidden}

/* Mockup PROFIL (Module 1 Freelance) */
.indepro-root .indepro-mock-profile-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-profile-av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dim,#c99a5b)) !important;color:#000 !important;display:flex !important;align-items:center;justify-content:center;font-weight:800 !important;font-size:18px !important;flex-shrink:0;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-mock-profile-name{color:var(--text) !important;font-weight:700 !important;font-size:15px !important}
.indepro-root .indepro-mock-profile-title{color:var(--gold) !important;font-size:12px !important;font-weight:500 !important}
.indepro-root .indepro-mock-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.indepro-root .indepro-mock-profile-stats>div{display:flex;flex-direction:column;gap:2px}
.indepro-root .indepro-mock-profile-stats span{color:var(--fade) !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:1px !important;font-weight:600 !important}
.indepro-root .indepro-mock-profile-stats b{color:var(--text) !important;font-size:14px !important;font-weight:700 !important}
.indepro-root .indepro-mock-profile-tags{display:flex;flex-wrap:wrap;gap:6px}
.indepro-root .indepro-mock-profile-tags span{background:rgba(235,187,129,.1) !important;border:1px solid rgba(235,187,129,.2) !important;color:var(--gold) !important;padding:4px 10px !important;border-radius:99px !important;font-size:11px !important;font-weight:600 !important}

/* Mockup BROWSER (Module 2 WordPress) */
.indepro-root .indepro-mock-browser-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.04);border-radius:var(--r2) var(--r2) 0 0;margin:-20px -20px 16px}
.indepro-root .indepro-mock-dot{width:10px;height:10px;border-radius:50%;background:var(--bd) !important}
.indepro-root .indepro-mock-browser-url{flex:1;background:rgba(255,255,255,.06);border-radius:6px;padding:4px 10px;color:var(--mute) !important;font-size:11px !important;text-align:center;font-family:monospace !important}
.indepro-root .indepro-mock-browser-body{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.indepro-root .indepro-mock-browser-hero{height:80px;background:linear-gradient(135deg,rgba(235,187,129,.2),rgba(235,187,129,.05));border-radius:var(--r1)}
.indepro-root .indepro-mock-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.indepro-root .indepro-mock-browser-grid>div{height:46px;background:rgba(255,255,255,.04);border-radius:var(--r1)}
.indepro-root .indepro-mock-browser-cta{height:32px;background:var(--gold) !important;border-radius:var(--r1);width:60%;margin:0 auto}
.indepro-root .indepro-mock-browser-perf{display:flex;justify-content:space-around;padding-top:14px;border-top:1px solid var(--bd) !important}
.indepro-root .indepro-mock-perf-num{display:block;color:var(--gold) !important;font-size:22px !important;font-weight:800 !important;line-height:1 !important;text-align:center}
.indepro-root .indepro-mock-perf-l{display:block;color:var(--fade) !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:.5px !important;margin-top:4px !important;text-align:center}

/* Mockup POST LinkedIn (Module 3) */
.indepro-root .indepro-mock-post-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.indepro-root .indepro-mock-post-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dim,#c99a5b)) !important;color:#000 !important;display:flex !important;align-items:center;justify-content:center;font-weight:800 !important;font-size:15px !important;flex-shrink:0;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-mock-post-name{color:var(--text) !important;font-size:13px !important;font-weight:700 !important}
.indepro-root .indepro-mock-post-meta{color:var(--fade) !important;font-size:11px !important}
.indepro-root .indepro-mock-post-body{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.indepro-root .indepro-mock-line{height:8px;background:rgba(255,255,255,.06);border-radius:99px}
.indepro-root .indepro-mock-line.w-100{width:100%}.indepro-root .indepro-mock-line.w-90{width:90%}.indepro-root .indepro-mock-line.w-80{width:80%}.indepro-root .indepro-mock-line.w-70{width:70%}.indepro-root .indepro-mock-line.w-60{width:60%}
.indepro-root .indepro-mock-post-stats{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--bd) !important;margin-bottom:14px}
.indepro-root .indepro-mock-post-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px}
.indepro-root .indepro-mock-post-stats b{color:var(--gold) !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important}
.indepro-root .indepro-mock-post-stats span{color:var(--fade) !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:.5px !important;font-weight:600 !important}
.indepro-root .indepro-mock-post-leads{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(235,187,129,.08);border:1px solid rgba(235,187,129,.2);border-radius:var(--r1)}
.indepro-root .indepro-mock-pulse{width:8px;height:8px;border-radius:50%;background:var(--gold) !important;flex-shrink:0;animation:indepro-pulse 1.6s ease-in-out infinite;box-shadow:0 0 8px rgba(235,187,129,.6)}
@keyframes indepro-pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
.indepro-root .indepro-mock-leads-text{color:var(--text) !important;font-size:12px !important;font-weight:500 !important}
.indepro-root .indepro-mock-leads-text b{color:var(--gold) !important;font-weight:800 !important;margin-right:2px}

/* Mockup BOARD (Module 4 Toolbox) */
.indepro-root .indepro-mock-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--bd) !important;font-size:13px !important;font-weight:700 !important;color:var(--text) !important}
.indepro-root .indepro-mock-board-count{color:var(--gold) !important;font-size:11px !important;font-weight:600 !important}
.indepro-root .indepro-mock-board-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.indepro-root .indepro-mock-board-row:last-child{border-bottom:none}
.indepro-root .indepro-mock-board-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.indepro-root .indepro-status-prog{background:var(--gold) !important;animation:indepro-pulse 2s ease-in-out infinite}
.indepro-root .indepro-status-rev{background:#fff !important;opacity:.7}
.indepro-root .indepro-status-done{background:#666 !important}
.indepro-root .indepro-status-new{background:rgba(235,187,129,.3) !important}
.indepro-root .indepro-mock-board-name{flex:1;color:var(--text) !important;font-size:12px !important;font-weight:500 !important}
.indepro-root .indepro-mock-board-tag{font-size:9px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.5px !important;padding:3px 8px !important;border-radius:4px !important;background:rgba(235,187,129,.15) !important;color:var(--gold) !important;flex-shrink:0}
.indepro-root .indepro-mock-board-tag.indepro-tag-rev{background:rgba(255,255,255,.1) !important;color:var(--text) !important}
.indepro-root .indepro-mock-board-tag.indepro-tag-done{background:rgba(255,255,255,.04) !important;color:var(--fade) !important}
.indepro-root .indepro-mock-board-tag.indepro-tag-new{background:rgba(235,187,129,.06) !important;color:rgba(235,187,129,.7) !important}

/* Mockup SEO chart (Module 5) */
.indepro-root .indepro-mock-seo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px !important;color:var(--mute) !important}
.indepro-root .indepro-mock-seo-up{color:var(--gold) !important;font-weight:800 !important;font-size:14px !important}
.indepro-root .indepro-mock-chart{display:block;margin-bottom:14px}
.indepro-root .indepro-mock-chart circle:last-of-type{animation:indepro-pulse 2s ease-in-out infinite;transform-origin:320px 12px}
.indepro-root .indepro-mock-seo-rows{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--bd) !important}
.indepro-root .indepro-mock-seo-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.indepro-root .indepro-mock-seo-kw{color:var(--text) !important;font-size:12px !important;font-family:monospace !important}
.indepro-root .indepro-mock-seo-pos{display:flex;align-items:center;gap:5px;font-size:11px !important;font-weight:700 !important;color:var(--gold) !important;background:rgba(235,187,129,.1) !important;padding:3px 8px !important;border-radius:99px !important}
.indepro-root .indepro-mock-seo-pos svg{color:var(--gold) !important}

/* Override : panels avec position relative (pour la grid à fonctionner correctement) */
.indepro-root .indepro-prog-panel{display:block !important}
.indepro-root .indepro-prog-panel.is-active{display:block !important}

/* === MOCKUP AUDIT (Module Stratégie) === */
.indepro-root .indepro-mock-audit-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--bd) !important;font-size:13px !important;font-weight:700 !important;color:var(--text) !important}
.indepro-root .indepro-mock-audit-client{color:var(--gold) !important;font-size:11px !important;font-weight:600 !important;background:rgba(235,187,129,.08);padding:3px 10px;border-radius:99px;border:1px solid rgba(235,187,129,.2)}
.indepro-root .indepro-mock-audit-score{display:flex;align-items:center;gap:18px;margin-bottom:18px;position:relative}
.indepro-root .indepro-mock-audit-score svg{flex-shrink:0;filter:drop-shadow(0 0 12px rgba(235,187,129,.3))}
.indepro-root .indepro-mock-audit-score-text{display:flex;align-items:baseline;gap:2px;flex-direction:column}
.indepro-root .indepro-mock-audit-score-text b{color:var(--gold) !important;font-size:32px !important;font-weight:800 !important;line-height:1 !important}
.indepro-root .indepro-mock-audit-score-text span{color:var(--mute) !important;font-size:13px !important;font-weight:600 !important}
.indepro-root .indepro-mock-audit-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.indepro-root .indepro-mock-audit-row{display:flex;align-items:center;gap:10px;padding:6px 0}
.indepro-root .indepro-mock-audit-icon{width:18px;height:18px;border-radius:50%;display:flex !important;align-items:center;justify-content:center;flex-shrink:0}
.indepro-root .indepro-audit-good{background:rgba(235,187,129,.15) !important;color:var(--gold) !important}
.indepro-root .indepro-audit-warn{background:rgba(255,255,255,.08) !important;color:var(--text) !important}
.indepro-root .indepro-audit-bad{background:rgba(255,255,255,.04) !important;color:var(--fade) !important}
.indepro-root .indepro-mock-audit-l{color:var(--text) !important;font-size:12px !important;font-weight:500 !important}
.indepro-root .indepro-row-warn .indepro-mock-audit-l,.indepro-root .indepro-row-bad .indepro-mock-audit-l{color:var(--mute) !important}
.indepro-root .indepro-mock-audit-action{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--bd) !important;font-size:12px !important;color:var(--mute) !important;font-weight:500 !important}
.indepro-root .indepro-mock-audit-gain{color:var(--gold) !important;font-weight:800 !important;font-size:13px !important}

/* === MOCKUP IA (Module 3 IA sur WordPress) === */
.indepro-root .indepro-mock-ia-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-ia-bot{display:flex !important;align-items:center !important;gap:8px;color:var(--text) !important;font-weight:700 !important;font-size:13px !important}
.indepro-root .indepro-mock-ia-bot-dot{width:9px;height:9px;border-radius:50%;background:var(--gold) !important;box-shadow:0 0 8px rgba(235,187,129,.6);animation:indepro-pulse 1.8s ease-in-out infinite}
.indepro-root .indepro-mock-ia-status{color:var(--mute) !important;font-size:11px !important;font-weight:500 !important}
.indepro-root .indepro-mock-ia-msgs{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;min-height:200px}
.indepro-root .indepro-mock-ia-msg{padding:10px 14px !important;border-radius:14px !important;max-width:85%;font-size:12px !important;line-height:1.4 !important}
.indepro-root .indepro-mock-ia-msg p{margin:0 !important;display:inline}
.indepro-root .indepro-msg-user{align-self:flex-end;background:var(--gold) !important;color:#000 !important;border-bottom-right-radius:4px !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-msg-bot{align-self:flex-start;background:rgba(255,255,255,.06) !important;color:var(--text) !important;border:1px solid var(--bd) !important;border-bottom-left-radius:4px !important}
.indepro-root .indepro-msg-typing p{display:inline-flex !important;align-items:center;gap:8px}
.indepro-root .indepro-mock-ia-dots{display:inline-flex;gap:3px;margin-left:6px}
.indepro-root .indepro-mock-ia-dots i{width:5px;height:5px;border-radius:50%;background:var(--gold) !important;display:inline-block;animation:indepro-typing 1.4s ease-in-out infinite}
.indepro-root .indepro-mock-ia-dots i:nth-child(2){animation-delay:.15s}
.indepro-root .indepro-mock-ia-dots i:nth-child(3){animation-delay:.3s}
@keyframes indepro-typing{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.indepro-root .indepro-mock-ia-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(235,187,129,.08);border:1px solid rgba(235,187,129,.2);border-radius:var(--r1);font-size:11px !important;color:var(--text) !important;font-weight:500 !important}
.indepro-root .indepro-mock-ia-icon{color:var(--gold) !important;display:flex;align-items:center;flex-shrink:0}

/* Adapter sidebar nav pour 6 tabs */
@media (min-width:901px){
  .indepro-root .indepro-prog-tabs{grid-template-columns:240px 1fr}
}

/* === MÉTHODE refaite (alternance, numéros XL, hover or) === */
.indepro-root .indepro-method-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.indepro-root .indepro-method-item{position:relative !important;padding:36px 32px 36px 80px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r3) !important;transition:var(--t);overflow:hidden}
.indepro-root .indepro-method-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height .4s var(--ease);will-change:height}
.indepro-root .indepro-method-item:hover{border-color:rgba(235,187,129,.4) !important;transform:translateY(-4px);background:var(--cardh) !important}
.indepro-root .indepro-method-item:hover::before{height:100%}
.indepro-root .indepro-method-num{position:absolute !important;top:24px;left:20px;font-size:48px !important;font-weight:800 !important;font-style:italic !important;color:rgba(235,187,129,.18) !important;line-height:1 !important;letter-spacing:-.04em !important;transition:color .4s var(--ease)}
.indepro-root .indepro-method-item:hover .indepro-method-num{color:var(--gold) !important}
.indepro-root .indepro-method-featured{background:linear-gradient(180deg,rgba(235,187,129,.06) 0%,rgba(235,187,129,.01) 100%) !important;border-color:rgba(235,187,129,.25) !important}
.indepro-root .indepro-method-featured .indepro-method-num{color:rgba(235,187,129,.4) !important}
.indepro-root .indepro-method-icon{width:44px !important;height:44px !important;border-radius:var(--r2) !important;background:var(--soft) !important;border:1px solid rgba(235,187,129,.25) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--gold) !important;margin-bottom:18px !important;transition:var(--t)}
.indepro-root .indepro-method-item:hover .indepro-method-icon{background:var(--gold) !important;color:#000 !important}
.indepro-root .indepro-method-t{color:var(--text) !important;font-size:18px !important;font-weight:700 !important;margin:0 0 10px !important;line-height:1.3 !important}
.indepro-root .indepro-method-x{color:var(--mute) !important;font-size:14px !important;line-height:1.65 !important;margin:0 !important}
.indepro-root .indepro-method-list [data-indepro-reveal].on:nth-child(1){transition-delay:0s}
.indepro-root .indepro-method-list [data-indepro-reveal].on:nth-child(2){transition-delay:.08s}
.indepro-root .indepro-method-list [data-indepro-reveal].on:nth-child(3){transition-delay:.16s}
.indepro-root .indepro-method-list [data-indepro-reveal].on:nth-child(4){transition-delay:.24s}
@media (max-width: 900px){.indepro-root .indepro-method-list{grid-template-columns:1fr}}

/* === MOCKUP STRATÈGE (Webstratege Toolbox) === */
.indepro-root .indepro-mock-strat-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--bd) !important;font-size:13px !important;font-weight:700 !important;color:var(--text) !important}
.indepro-root .indepro-mock-strat-badge{display:inline-flex !important;align-items:center !important;gap:6px;background:rgba(235,187,129,.1) !important;border:1px solid rgba(235,187,129,.3) !important;color:var(--gold) !important;padding:3px 10px !important;border-radius:99px !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative}
.indepro-root .indepro-mock-strat-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(235,187,129,.8);animation:indepro-pulse 1.6s ease-in-out infinite;display:inline-block}
.indepro-root .indepro-mock-strat-flows{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-strat-flow{display:flex !important;align-items:center !important;gap:10px;padding:8px 10px !important;background:rgba(255,255,255,.02) !important;border-radius:var(--r1) !important;border:1px solid rgba(255,255,255,.04) !important}
.indepro-root .indepro-mock-strat-flow-dot{width:8px;height:8px;border-radius:50%;background:var(--gold) !important;flex-shrink:0;animation:indepro-pulse 2s ease-in-out infinite}
.indepro-root .indepro-flow-dot-2{animation-delay:.4s}
.indepro-root .indepro-flow-dot-3{animation-delay:.8s}
.indepro-root .indepro-mock-strat-flow-name{flex:1;color:var(--text) !important;font-size:11px !important;font-weight:500 !important;font-family:monospace !important}
.indepro-root .indepro-mock-strat-flow-stat{color:var(--gold) !important;font-size:10px !important;font-weight:700 !important;background:rgba(235,187,129,.08);padding:2px 8px;border-radius:99px;flex-shrink:0}
.indepro-root .indepro-mock-strat-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}
.indepro-root .indepro-mock-strat-stat{display:flex;flex-direction:column;gap:3px;padding:10px;background:rgba(255,255,255,.02) !important;border-radius:var(--r1) !important;text-align:center}
.indepro-root .indepro-mock-strat-stat-l{color:var(--fade) !important;font-size:9px !important;text-transform:uppercase !important;letter-spacing:.5px !important;font-weight:600 !important}
.indepro-root .indepro-mock-strat-stat-v{color:var(--gold) !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important;margin-top:2px}
.indepro-root .indepro-mock-strat-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(235,187,129,.08);border:1px solid rgba(235,187,129,.2);border-radius:var(--r1);font-size:11px !important;color:var(--text) !important;font-weight:600 !important}
.indepro-root .indepro-mock-strat-foot-icon{color:var(--gold) !important;display:flex;align-items:center;flex-shrink:0}

/* === FIX espace excessif après PROGRAMME === */
.indepro-root #programme.indepro-s{padding-bottom:calc(var(--py) * .5) !important}
.indepro-root #programme.indepro-s + section.indepro-s,.indepro-root #programme.indepro-s + section.indepro-results{padding-top:calc(var(--py) * .6) !important}

/* === NEW TIMELINE V2 (zigzag avec mockups) === */
.indepro-root .indepro-tl2{position:relative;max-width: 1024px;margin:0 auto;padding:32px 0}
.indepro-root .indepro-tl2-line{position:absolute !important;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(235,187,129,.4) 6%,rgba(235,187,129,.4) 94%,transparent 100%);transform:translateX(-50%);z-index:0;pointer-events:none}
.indepro-root .indepro-tl2-step{display:grid !important;grid-template-columns:1fr 64px 1fr;gap:32px;align-items:center;margin-bottom:64px;position:relative}
.indepro-root .indepro-tl2-step:last-child{margin-bottom:0}
.indepro-root .indepro-tl2-marker{grid-column:2;width:64px;height:64px;border-radius:50%;background:var(--bg) !important;border:1px solid rgba(235,187,129,.4) !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative;z-index:2;flex-shrink:0;justify-self:center;transition:var(--t)}
.indepro-root .indepro-tl2-marker-num{font-family:var(--font) !important;font-style:italic !important;font-weight:800 !important;font-size:18px !important;color:var(--gold) !important;letter-spacing:0 !important}
.indepro-root .indepro-tl2-marker-pulse{position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--gold);animation:indepro-tl-pulse 2.4s ease-in-out infinite;opacity:0;pointer-events:none}
.indepro-root .indepro-tl2-step:nth-child(2) .indepro-tl2-marker-pulse{animation-delay:.6s}
.indepro-root .indepro-tl2-step:nth-child(3) .indepro-tl2-marker-pulse{animation-delay:1.2s}
.indepro-root .indepro-tl2-step:nth-child(4) .indepro-tl2-marker-pulse{animation-delay:1.8s}
.indepro-root .indepro-tl2-step:hover .indepro-tl2-marker{background:var(--gold) !important;border-color:var(--gold) !important;transform:scale(1.05)}
.indepro-root .indepro-tl2-step:hover .indepro-tl2-marker .indepro-tl2-marker-num{color:#000 !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-tl2-marker-final{background:var(--gold) !important;border-color:var(--gold) !important}
.indepro-root .indepro-tl2-marker-final .indepro-tl2-marker-num{color:#000 !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-tl2-content{grid-column:1;text-align:right;padding:8px 0}
.indepro-root .indepro-tl2-mock{grid-column:3;display:flex;align-items:center;justify-content:flex-start}
.indepro-root .indepro-tl2-reverse .indepro-tl2-content{grid-column:3;text-align:left;order:2}
.indepro-root .indepro-tl2-reverse .indepro-tl2-mock{grid-column:1;justify-content:flex-end}
.indepro-root .indepro-tl2-t{color:var(--text) !important;font-size:20px !important;font-weight:700 !important;margin:0 0 10px !important;line-height:1.3 !important}
.indepro-root .indepro-tl2-x{color:var(--mute) !important;font-size:14px !important;line-height:1.6 !important;margin:0 !important}
.indepro-root .indepro-tl2-mock .indepro-mock-card{max-width: 480px !important}
@media (max-width: 900px){
  .indepro-root .indepro-tl2-line{left:32px}
  .indepro-root .indepro-tl2-step,.indepro-root .indepro-tl2-reverse{grid-template-columns:64px 1fr;gap:20px;margin-bottom:48px}
  .indepro-root .indepro-tl2-marker,.indepro-root .indepro-tl2-reverse .indepro-tl2-marker{grid-column:1;justify-self:start}
  .indepro-root .indepro-tl2-content,.indepro-root .indepro-tl2-reverse .indepro-tl2-content{grid-column:2;grid-row:1;text-align:left;order:0}
  .indepro-root .indepro-tl2-mock,.indepro-root .indepro-tl2-reverse .indepro-tl2-mock{grid-column:2;grid-row:2;justify-content:flex-start;margin-top:16px}
}

/* === MOCKUP CALENDRIER (Étape 1) === */
.indepro-root .indepro-mock-cal-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-cal-month{color:var(--text) !important;font-weight:700 !important;font-size:14px !important}
.indepro-root .indepro-mock-cal-arrows{display:flex;gap:6px}
.indepro-root .indepro-mock-cal-arrows i{width:18px;height:18px;border:1px solid var(--bd);border-radius:6px;display:inline-block}
.indepro-root .indepro-mock-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
.indepro-root .indepro-mock-cal-days span{text-align:center;color:var(--fade) !important;font-size:10px !important;font-weight:600 !important;letter-spacing:.5px}
.indepro-root .indepro-mock-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px}
.indepro-root .indepro-mock-cal-day{aspect-ratio:1;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;font-size:11px !important;font-weight:600 !important;color:var(--text) !important;cursor:pointer;transition:var(--t)}
.indepro-root .indepro-mock-cal-day:hover:not(.indepro-cal-past):not(.indepro-cal-out):not(.indepro-cal-busy){background:rgba(235,187,129,.1) !important}
.indepro-root .indepro-cal-out{color:rgba(255,255,255,.15) !important}
.indepro-root .indepro-cal-past{color:rgba(255,255,255,.3) !important;text-decoration:line-through}
.indepro-root .indepro-cal-busy{background:rgba(255,255,255,.04) !important;color:rgba(255,255,255,.4) !important;text-decoration:line-through}
.indepro-root .indepro-cal-active{background:var(--gold) !important;color:#000 !important;-webkit-text-fill-color:#000 !important;box-shadow:0 4px 12px rgba(235,187,129,.4)}
.indepro-root .indepro-mock-cal-foot{display:flex;justify-content:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--bd) !important;margin-bottom:12px;font-size:10px !important;color:var(--mute) !important}
.indepro-root .indepro-mock-cal-foot span{display:flex !important;align-items:center !important;gap:6px}
.indepro-root .indepro-mock-cal-foot i{width:8px;height:8px;border-radius:50%;display:inline-block}
.indepro-root .indepro-cal-leg-busy{background:rgba(255,255,255,.15) !important}
.indepro-root .indepro-cal-leg-active{background:var(--gold) !important}
.indepro-root .indepro-mock-cal-cta{padding:10px !important;background:var(--gold) !important;color:#000 !important;-webkit-text-fill-color:#000 !important;font-size:12px !important;font-weight:700 !important;text-align:center;border-radius:var(--r1) !important;margin-top:auto}

/* === MOCKUP CHECKLIST (Étape 2) === */
.indepro-root .indepro-mock-check-head{font-size:13px !important;font-weight:700 !important;color:var(--text) !important;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-check-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.indepro-root .indepro-mock-check-row{display:flex !important;align-items:center !important;gap:10px;padding:8px 10px !important;background:rgba(255,255,255,.02);border-radius:var(--r1);font-size:12px !important;color:var(--text) !important}
.indepro-root .indepro-mock-check-box{width:18px;height:18px;border-radius:5px;border:1px solid var(--bd);display:flex !important;align-items:center !important;justify-content:center;flex-shrink:0;color:var(--gold) !important}
.indepro-root .indepro-check-done .indepro-mock-check-box{background:var(--gold) !important;border-color:var(--gold) !important;color:#000 !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-check-done .indepro-mock-check-box svg{color:#000 !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-check-progress{color:var(--mute) !important;font-style:italic !important}
.indepro-root .indepro-check-progress .indepro-mock-check-box{position:relative;border-color:var(--gold) !important}
.indepro-root .indepro-check-progress .indepro-mock-check-box::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--gold);animation:indepro-pulse 1.4s ease-in-out infinite}
.indepro-root .indepro-mock-check-foot{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(235,187,129,.06) !important;border:1px solid rgba(235,187,129,.2) !important;border-radius:var(--r1) !important;font-size:11px !important}
.indepro-root .indepro-mock-check-foot-l{color:var(--mute) !important;font-weight:500 !important}
.indepro-root .indepro-mock-check-foot-v{color:var(--gold) !important;font-weight:700 !important}

/* === MOCKUP WELCOME (Étape 3) === */
.indepro-root .indepro-mock-welcome-badge{width:48px;height:48px;border-radius:50%;background:var(--gold) !important;color:#000 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 14px !important;-webkit-text-fill-color:#000 !important}
.indepro-root .indepro-mock-welcome-t{font-size:16px !important;font-weight:700 !important;color:var(--text) !important;text-align:center;margin:0 0 8px !important}
.indepro-root .indepro-mock-welcome-x{color:var(--mute) !important;font-size:12px !important;line-height:1.5 !important;text-align:center;margin:0 0 16px !important}
.indepro-root .indepro-mock-welcome-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:14px;background:rgba(255,255,255,.02);border-radius:var(--r1)}
.indepro-root .indepro-mock-welcome-row{display:flex !important;align-items:center !important;gap:8px;font-size:12px !important;color:var(--text) !important}
.indepro-root .indepro-mock-welcome-icon{width:16px;height:16px;border-radius:50%;background:rgba(235,187,129,.15) !important;color:var(--gold) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0}
.indepro-root .indepro-mock-welcome-cta{padding:10px;background:var(--gold) !important;color:#000 !important;-webkit-text-fill-color:#000 !important;font-size:12px !important;font-weight:700 !important;text-align:center;border-radius:var(--r1) !important}

/* === MOCKUP DEAL/CONTRAT (Étape 4) === */
.indepro-root .indepro-mock-deal{position:relative}
.indepro-root .indepro-mock-deal-stamp{position:absolute !important;top:14px;right:14px;background:var(--gold) !important;color:#000 !important;-webkit-text-fill-color:#000 !important;padding:4px 12px !important;border-radius:4px !important;font-size:11px !important;font-weight:800 !important;letter-spacing:2px !important;transform:rotate(8deg);box-shadow:0 4px 12px rgba(235,187,129,.4)}
.indepro-root .indepro-mock-deal-head{font-size:13px !important;font-weight:700 !important;color:var(--text) !important;padding-bottom:14px;margin-bottom:14px;margin-right:80px;border-bottom:1px solid var(--bd) !important}
.indepro-root .indepro-mock-deal-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.indepro-root .indepro-mock-deal-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px !important}
.indepro-root .indepro-mock-deal-row span{color:var(--mute) !important;font-weight:500 !important}
.indepro-root .indepro-mock-deal-row b{color:var(--text) !important;font-weight:600 !important}
.indepro-root .indepro-deal-amount{padding:10px !important;background:rgba(235,187,129,.06) !important;border:1px solid rgba(235,187,129,.2) !important;border-radius:var(--r1) !important;margin-top:6px}
.indepro-root .indepro-deal-amount span{color:var(--gold) !important}
.indepro-root .indepro-deal-amount b{color:var(--gold) !important;font-size:18px !important;font-weight:800 !important}
.indepro-root .indepro-mock-deal-sign{padding-top:14px;border-top:1px solid var(--bd) !important;color:var(--gold) !important}
.indepro-root .indepro-mock-deal-sign-l{display:block;text-align:center;color:var(--fade) !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:1px !important;font-weight:600 !important;margin-top:4px}

/* === TIMELINE V2 SCROLL EFFECTS === */
.indepro-root .indepro-tl2-line{overflow:visible}
.indepro-root .indepro-tl2-line-fill{position:absolute !important;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim,#c99a5b) 100%) !important;transition:height .15s linear;will-change:height;box-shadow:0 0 12px rgba(235,187,129,.5)}
.indepro-root .indepro-tl2-line-comet{position:absolute !important;left:50%;top:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,rgba(235,187,129,.6) 30%,transparent 70%);transform:translate(-50%,-50%);box-shadow:0 0 24px rgba(235,187,129,.8),0 0 8px rgba(235,187,129,1);opacity:0;transition:opacity .3s ease;pointer-events:none}
.indepro-root .indepro-tl2.is-scrolling .indepro-tl2-line-comet{opacity:1}

/* Markers qui s'illuminent quand visibles */
.indepro-root .indepro-tl2-marker{transition:background .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease)}
.indepro-root .indepro-tl2-step.is-reached .indepro-tl2-marker{background:var(--gold) !important;border-color:var(--gold) !important;box-shadow:0 0 24px rgba(235,187,129,.4)}
.indepro-root .indepro-tl2-step.is-reached .indepro-tl2-marker .indepro-tl2-marker-num{color:#000 !important;-webkit-text-fill-color:#000 !important}

/* Cards qui slide depuis le côté */
.indepro-root .indepro-tl2-step .indepro-tl2-content,.indepro-root .indepro-tl2-step .indepro-tl2-mock{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.indepro-root .indepro-tl2-step:not(.indepro-tl2-reverse) .indepro-tl2-content{transform:translateX(-30px);opacity:0}
.indepro-root .indepro-tl2-step:not(.indepro-tl2-reverse) .indepro-tl2-mock{transform:translateX(30px);opacity:0}
.indepro-root .indepro-tl2-reverse .indepro-tl2-content{transform:translateX(30px);opacity:0}
.indepro-root .indepro-tl2-reverse .indepro-tl2-mock{transform:translateX(-30px);opacity:0}
.indepro-root .indepro-tl2-step.is-reached .indepro-tl2-content,.indepro-root .indepro-tl2-step.is-reached .indepro-tl2-mock{transform:translateX(0);opacity:1}

/* Halo or sur la card en focus */
.indepro-root .indepro-tl2-step.is-active .indepro-tl2-mock .indepro-mock-card{border-color:rgba(235,187,129,.5) !important;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(235,187,129,.3),0 0 60px rgba(235,187,129,.15) !important}

/* === MOCKUP ANIMATIONS WHEN VISIBLE === */
/* Étape 1 : calendrier - jour actif clignote */
.indepro-root .indepro-tl2-step.is-reached .indepro-cal-active{animation:indepro-cal-blink 1.6s ease-in-out infinite}
@keyframes indepro-cal-blink{0%,100%{box-shadow:0 4px 12px rgba(235,187,129,.4),0 0 0 0 rgba(235,187,129,.4)}50%{box-shadow:0 4px 12px rgba(235,187,129,.6),0 0 0 8px rgba(235,187,129,0)}}

/* Étape 2 : checkboxes qui se valident une par une */
.indepro-root .indepro-tl2-step .indepro-mock-check-row.indepro-check-done .indepro-mock-check-box{transform:scale(0);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1)}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-check-row.indepro-check-done:nth-child(1) .indepro-mock-check-box{transform:scale(1);transition-delay:.2s}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-check-row.indepro-check-done:nth-child(2) .indepro-mock-check-box{transform:scale(1);transition-delay:.5s}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-check-row.indepro-check-done:nth-child(3) .indepro-mock-check-box{transform:scale(1);transition-delay:.8s}

/* Étape 4 : signature qui se trace */
.indepro-root .indepro-mock-deal-sign svg path{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s ease-out}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-deal-sign svg path{stroke-dashoffset:0;transition-delay:.4s}

/* Étape 4 : tampon SIGNÉ apparaît avec bounce */
.indepro-root .indepro-mock-deal-stamp{opacity:0;transform:rotate(-15deg) scale(0.5);transition:opacity .5s ease,transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-deal-stamp{opacity:1;transform:rotate(8deg) scale(1);transition-delay:1.2s}

/* Étape 3 : welcome rows qui apparaissent une par une */
.indepro-root .indepro-mock-welcome-row{opacity:0;transform:translateX(-10px);transition:opacity .4s ease,transform .4s ease}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-welcome-row:nth-child(1){opacity:1;transform:translateX(0);transition-delay:.3s}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-welcome-row:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.55s}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-welcome-row:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.8s}
.indepro-root .indepro-mock-welcome-cta{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.indepro-root .indepro-tl2-step.is-reached .indepro-mock-welcome-cta{opacity:1;transform:translateY(0);transition-delay:1.1s}

@media (prefers-reduced-motion:reduce){
  .indepro-root .indepro-tl2-line-fill,.indepro-root .indepro-tl2-line-comet{transition:none !important;animation:none !important}
  .indepro-root .indepro-tl2-step .indepro-tl2-content,.indepro-root .indepro-tl2-step .indepro-tl2-mock{transform:none !important;opacity:1 !important;transition:none !important}
}

/* === NOUVELLE FAQ === */
.indepro-root .indepro-faq-section{position:relative !important;background:linear-gradient(180deg,var(--bg) 0%,rgba(7,7,11,.95) 100%) !important;border-top:1px solid var(--div) !important;border-bottom:1px solid var(--div) !important;overflow:hidden}
.indepro-root .indepro-faq-glow{position:absolute !important;top:-200px;left:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.15) 0%,rgba(235,187,129,.04) 30%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0;animation:indepro-faq-glow-anim 8s ease-in-out infinite}
.indepro-root .indepro-faq-glow::after{content:'';position:absolute;bottom:-700px;right:-600px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.1) 0%,transparent 70%);filter:blur(50px)}
@keyframes indepro-faq-glow-anim{0%,100%{transform:scale(1) translate(0,0)}50%{transform:scale(1.1) translate(20px,30px)}}
.indepro-root .indepro-faq-section>.indepro-c{position:relative;z-index:1}
.indepro-root .indepro-faq-layout{display:grid !important;grid-template-columns:380px 1fr;gap:64px;align-items:start}
.indepro-root .indepro-faq-side{position:sticky;top:120px}
.indepro-root .indepro-faq-side .indepro-tag{margin-bottom:20px !important}
.indepro-root .indepro-faq-side .indepro-h2{text-align:left !important;max-width:none !important}
.indepro-root .indepro-faq-lead{color:var(--mute) !important;font-size:15px !important;line-height:1.6 !important;margin:20px 0 24px !important}
.indepro-root .indepro-faq-cta{margin-top:8px !important}
@media (max-width: 900px){
  .indepro-root .indepro-faq-layout{grid-template-columns:1fr;gap:32px}
  .indepro-root .indepro-faq-side{position:static}
}

/* Liste FAQ */
.indepro-root .indepro-faq-list-v2{display:flex !important;flex-direction:column !important;gap:8px !important;width:100%}
.indepro-root .indepro-faq-item-v2{display:grid !important;grid-template-columns:auto 1fr auto;grid-template-rows:auto 0fr;column-gap:16px;align-items:center;padding:20px 24px !important;background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:var(--r2) !important;cursor:pointer;text-align:left;transition:background .3s var(--ease),border-color .3s var(--ease),grid-template-rows .4s var(--ease) !important;font-family:var(--font) !important;width:100%;color:var(--text) !important;will-change:grid-template-rows}
.indepro-root .indepro-faq-item-v2:hover{background:var(--cardh) !important;border-color:rgba(235,187,129,.2) !important}
.indepro-root .indepro-faq-item-v2.is-open{background:linear-gradient(180deg,rgba(235,187,129,.08) 0%,rgba(235,187,129,.02) 100%) !important;border-color:rgba(235,187,129,.4) !important;grid-template-rows:auto 1fr}
.indepro-root .indepro-faq-num{font-family:var(--font) !important;font-style:italic !important;font-weight:800 !important;font-size:16px !important;color:var(--gold) !important;letter-spacing:0 !important;line-height:1 !important;flex-shrink:0;opacity:.5;transition:opacity .3s var(--ease)}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-num{opacity:1}
.indepro-root .indepro-faq-q{color:var(--text) !important;font-size:16px !important;font-weight:600 !important;line-height:1.4 !important;transition:color .3s var(--ease);text-align:left}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-q{color:var(--gold) !important}
.indepro-root .indepro-faq-icon{width:32px;height:32px;border-radius:50%;border:1px solid var(--bd) !important;background:rgba(255,255,255,.02) !important;color:var(--text) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0;transition:transform .35s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-icon{background:var(--gold) !important;border-color:var(--gold) !important;color:#000 !important;transform:rotate(45deg)}
.indepro-root .indepro-faq-a-wrap{grid-column:1/-1;overflow:hidden;min-height:0}
.indepro-root .indepro-faq-a{padding:14px 0 4px !important;color:var(--mute) !important;font-size:15px !important;line-height:1.65 !important;font-weight:400 !important;opacity:0;transform:translateY(-8px);transition:opacity .35s var(--ease) .1s,transform .35s var(--ease) .1s}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-a{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
  .indepro-root .indepro-faq-item-v2,.indepro-root .indepro-faq-a{transition:none !important}
  .indepro-root .indepro-faq-glow{animation:none !important}
}

/* === FAQ V2 : items plus épais + fond plus présent === */

/* Background section : plus contrasté + texture subtle */
.indepro-root .indepro-faq-section{background:linear-gradient(180deg,rgba(7,7,11,1) 0%,rgba(10,10,18,1) 50%,rgba(7,7,11,1) 100%) !important;border-top:1px solid var(--bd) !important;border-bottom:1px solid var(--bd) !important;position:relative !important}
.indepro-root .indepro-faq-section::before{content:'';position:absolute !important;inset:0;background-image:radial-gradient(rgba(235,187,129,.06) 1px,transparent 1px);background-size:32px 32px;background-position:0 0;opacity:.6;pointer-events:none;z-index:0}

/* Halos plus puissants */
.indepro-root .indepro-faq-glow{width:800px !important;height:800px !important;top:-300px !important;left:-300px !important;background:radial-gradient(circle,rgba(235,187,129,.22) 0%,rgba(235,187,129,.06) 30%,transparent 70%) !important;filter:blur(80px) !important}
.indepro-root .indepro-faq-glow::after{width:700px !important;height:700px !important;bottom:-900px !important;right:-700px !important;background:radial-gradient(circle,rgba(235,187,129,.18) 0%,transparent 65%) !important;filter:blur(70px) !important}

/* Items FAQ : plus épais, plus présents */
.indepro-root .indepro-faq-list-v2{gap:14px !important}
.indepro-root .indepro-faq-item-v2{padding:28px 32px 28px 28px !important;background:rgba(255,255,255,.035) !important;border:1px solid rgba(255,255,255,.1) !important;border-left:3px solid rgba(235,187,129,.25) !important;border-radius:14px !important;column-gap:20px !important;box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03);transition:all .35s var(--ease) !important}
.indepro-root .indepro-faq-item-v2:hover{background:rgba(255,255,255,.05) !important;border-color:rgba(235,187,129,.35) !important;border-left-color:var(--gold) !important;transform:translateX(2px);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(235,187,129,.1)}
.indepro-root .indepro-faq-item-v2.is-open{background:linear-gradient(180deg,rgba(235,187,129,.08) 0%,rgba(235,187,129,.025) 100%) !important;border-color:rgba(235,187,129,.5) !important;border-left-color:var(--gold) !important;border-left-width:3px !important;box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 40px rgba(235,187,129,.08),inset 0 1px 0 rgba(255,255,255,.05) !important;transform:translateX(0)}

/* Numéros plus gros et plus visibles */
.indepro-root .indepro-faq-num{font-size:22px !important;font-weight:800 !important;font-style:italic !important;color:var(--gold) !important;opacity:.7 !important;width:36px;text-align:left;line-height:1 !important;text-shadow:0 0 12px rgba(235,187,129,.2)}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-num{opacity:1 !important;text-shadow:0 0 16px rgba(235,187,129,.4)}

/* Question plus grosse */
.indepro-root .indepro-faq-q{font-size:17px !important;font-weight:600 !important;line-height:1.4 !important;letter-spacing:-.005em !important}

/* Icône plus présente */
.indepro-root .indepro-faq-icon{width:40px !important;height:40px !important;border:1px solid rgba(235,187,129,.25) !important;background:rgba(235,187,129,.05) !important;color:var(--gold) !important}
.indepro-root .indepro-faq-item-v2:hover .indepro-faq-icon{border-color:rgba(235,187,129,.5) !important;background:rgba(235,187,129,.12) !important}
.indepro-root .indepro-faq-item-v2.is-open .indepro-faq-icon{background:var(--gold) !important;border-color:var(--gold) !important;color:#000 !important;box-shadow:0 4px 16px rgba(235,187,129,.4)}

/* Réponse : padding plus généreux + ligne séparatrice */
.indepro-root .indepro-faq-a{padding:18px 0 6px !important;margin-top:14px !important;border-top:1px solid rgba(235,187,129,.15) !important;font-size:15px !important;line-height:1.7 !important}

/* === TIMELINE V2 (Comment ça se passe) : épais + fond ressort === */

/* Background section : plus contrasté + halos + pattern dots */
.indepro-root #commencer.indepro-s.indepro-sa{background:linear-gradient(180deg,rgba(7,7,11,1) 0%,rgba(12,12,20,1) 50%,rgba(7,7,11,1) 100%) !important;border-top:1px solid rgba(255,255,255,.06) !important;border-bottom:1px solid rgba(255,255,255,.06) !important;position:relative;overflow:hidden}
.indepro-root #commencer.indepro-s.indepro-sa::before{content:'';position:absolute !important;inset:0;background-image:radial-gradient(rgba(235,187,129,.05) 1px,transparent 1px);background-size:32px 32px;opacity:.5;pointer-events:none;z-index:0}
.indepro-root #commencer.indepro-s.indepro-sa::after{content:'';position:absolute !important;top:-200px;right:-300px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.18) 0%,rgba(235,187,129,.04) 30%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:indepro-tl-glow 9s ease-in-out infinite}
@keyframes indepro-tl-glow{0%,100%{transform:scale(1) translate(0,0)}50%{transform:scale(1.15) translate(-30px,40px)}}
.indepro-root #commencer.indepro-s.indepro-sa>.indepro-c{position:relative;z-index:1}

/* Halo additionnel en bas à gauche */
.indepro-root .indepro-tl2{position:relative !important}
.indepro-root .indepro-tl2::before{content:'';position:absolute !important;bottom:-200px;left:-300px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(235,187,129,.12) 0%,transparent 65%);filter:blur(70px);pointer-events:none;z-index:0}

/* Ligne or verticale : plus épaisse + glow plus présent */
.indepro-root .indepro-tl2-line{width:3px !important;background:linear-gradient(180deg,transparent 0%,rgba(235,187,129,.15) 8%,rgba(235,187,129,.15) 92%,transparent 100%) !important;box-shadow:0 0 8px rgba(235,187,129,.1)}
.indepro-root .indepro-tl2-line-fill{width:100% !important;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim,#c99a5b) 100%) !important;box-shadow:0 0 16px rgba(235,187,129,.6),0 0 32px rgba(235,187,129,.3) !important}
.indepro-root .indepro-tl2-line-comet{width:18px !important;height:18px !important;box-shadow:0 0 32px rgba(235,187,129,1),0 0 16px rgba(235,187,129,1),0 0 4px #fff !important}

/* Markers plus gros et plus présents */
.indepro-root .indepro-tl2-marker{width:76px !important;height:76px !important;border:2px solid rgba(235,187,129,.4) !important;box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 4px rgba(235,187,129,.06) !important}
.indepro-root .indepro-tl2-marker-num{font-size:22px !important}
.indepro-root .indepro-tl2-step.is-reached .indepro-tl2-marker{border-color:var(--gold) !important;box-shadow:0 8px 32px rgba(235,187,129,.4),0 0 0 4px rgba(235,187,129,.15),0 0 24px rgba(235,187,129,.3) !important}
.indepro-root .indepro-tl2-marker-pulse{inset:-6px !important;border-width:2px !important}
.indepro-root .indepro-tl2-marker-final{border-color:var(--gold) !important;box-shadow:0 8px 32px rgba(235,187,129,.4),0 0 0 4px rgba(235,187,129,.2) !important}

/* Cards mockups : plus présentes (bordure or plus visible, shadow plus profonde) */
.indepro-root .indepro-tl2-mock .indepro-mock-card{border:1px solid rgba(235,187,129,.2) !important;box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(235,187,129,.08),inset 0 1px 0 rgba(255,255,255,.05) !important;background:rgba(7,7,11,.85) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.indepro-root .indepro-tl2-step.is-active .indepro-tl2-mock .indepro-mock-card{border-color:rgba(235,187,129,.5) !important;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(235,187,129,.3),0 0 80px rgba(235,187,129,.2),inset 0 1px 0 rgba(255,255,255,.08) !important;transform:translateY(-2px)}

/* Texte content : plus de séparation visuelle */
.indepro-root .indepro-tl2-content{padding:8px 16px !important}
.indepro-root .indepro-tl2-t{font-size:22px !important;font-weight:700 !important;letter-spacing:-.01em !important}
.indepro-root .indepro-tl2-x{font-size:15px !important;line-height:1.65 !important}

/* Espace augmenté entre les étapes */
.indepro-root .indepro-tl2-step{margin-bottom:80px !important}
.indepro-root .indepro-tl2-step:last-child{margin-bottom:0 !important}

@media (prefers-reduced-motion:reduce){
  .indepro-root #commencer.indepro-s.indepro-sa::after{animation:none !important}
}

/* === TIMELINE V2 : retrait comète + grille de fond === */
.indepro-root .indepro-tl2-line-comet{display:none !important}

/* Remplace pattern dots par grille subtile derrière la timeline */
.indepro-root #commencer.indepro-s.indepro-sa::before{
  background-image:
    linear-gradient(to right,rgba(235,187,129,.05) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(235,187,129,.05) 1px,transparent 1px) !important;
  background-size:64px 64px !important;
  background-position:0 0 !important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%);
  mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%);
  opacity:.7 !important;
}


/* ===========================================================================
   Responsive fixes 2026-04-26 (perf+responsive polish session).
   Breakpoints standardises : 768 tablet, 480 mobile narrow.
   =========================================================================== */
@media (max-width: 900px) {
  /* FAQ : desactive le sticky de la sidebar sur mobile/tablet (stack en colonne). */
  .indepro-root .indepro-faq-side { position: static !important; top: auto !important; }
}


/* ===========================================================================
   Fix hero mobile (2026-04-26) — alignement gauche uniforme + photo integree
   Cause : home.css:153 forcait .indepro-hero-text en text-align:center sur
   mobile mais H1/lead/CTAs etaient overrides en left. Resultat : pill et
   bouton video hero centres alors que le reste etait a gauche.
   =========================================================================== */
@media (max-width: 900px) {
    /* Tout aligne a gauche, plus d'incoherence */
    .indepro-root .indepro-hero-text { text-align: left !important; }
    .indepro-root .indepro-hero-text .indepro-h1 { text-align: left !important; }
    .indepro-root .indepro-hero-text .indepro-sub { text-align: left !important; }
    .indepro-root .indepro-hero-text .indepro-ctas { justify-content: flex-start !important; }
    .indepro-root .indepro-dispo { align-self: flex-start; }
    .indepro-root .indepro-hero-vidbtn { align-self: flex-start; }

    /* Grid hero : reduire le gap text -> photo (40px -> 28px) */
    .indepro-root .indepro-hero-grid {
        gap: 28px !important;
        margin-bottom: 48px !important;
    }

    /* Photo : aligne a gauche (au lieu de center auto), entree plus douce */
    .indepro-root .indepro-hero-photo-wrap {
        align-self: flex-start !important;
        justify-self: stretch;
        margin: 0 !important;
        max-width: 480px !important;
    }
    .indepro-root .indepro-hero-photo {
        max-width: 480px !important;
        margin: 0 !important;
    }

    /* Halo plus subtle sur mobile (etait trop intense) */
    .indepro-root .indepro-hero-photo-halo {
        inset: -16px !important;
        filter: blur(28px) !important;
        opacity: 0.55;
    }

    /* Transition reveal photo plus douce (pas un pop violent) */
    .indepro-root .indepro-hero-photo-wrap[data-indepro-reveal] {
        transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .indepro-root .indepro-hero-photo-wrap[data-indepro-reveal]:not(.on) {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }
    .indepro-root .indepro-hero-photo-wrap[data-indepro-reveal].on {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Reduire encore sur tres petit ecran */
@media (max-width: 480px) {
    .indepro-root .indepro-hero {
        padding: 56px 0 32px !important;
    }
    .indepro-root .indepro-hero-grid { gap: 24px !important; }
    .indepro-root .indepro-hero-photo-wrap { max-width: 480px !important; }
    .indepro-root .indepro-hero-photo { max-width: 480px !important; }
}


/* ===========================================================================
   Hero mobile v2 (2026-04-26) — Benjamin requests :
   - Plus d'espace entre pill et header
   - Boutons "Reserver un appel" + "Voir le programme" full-largeur centres
   - Photo Benjamin masquee sur mobile, remplacee par card video YouTube
     cliquable (poster YouTube + play overlay gold + caption)
   =========================================================================== */

/* Card video : visible mobile uniquement, cachee desktop par defaut */
.indepro-hero-vidcard { display: none; }

@media (max-width: 900px) {
    /* Plus d'air entre header et pill */
    .indepro-root .indepro-hero {
        padding: 100px 0 40px !important;
    }
    .indepro-root .indepro-dispo {
        margin-bottom: 24px !important;
        align-self: flex-start;
    }

    /* CTAs en colonne full-largeur, contenu centre */
    .indepro-root .indepro-ctas {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100%;
        margin-top: 8px;
        margin-bottom: 0 !important;
    }
    .indepro-root .indepro-ctas .indepro-btn {
        width: 100% !important;
        max-width: none !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 16px 24px !important;
        font-size: 15px !important;
    }

    /* Bouton "Voir ma presentation" inline cache (remplace par la card video plus bas) */
    .indepro-root .indepro-hero-vidbtn { display: none !important; }

    /* Photo Benjamin masquee sur mobile (remplacee par la vidcard) */
    .indepro-root .indepro-hero-photo-wrap { display: none !important; }

    /* Card video visible et stylisee */
    .indepro-root .indepro-hero-vidcard {
        display: flex !important;
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(235, 187, 129, 0.28);
        border-radius: 18px;
        overflow: hidden;
        cursor: pointer;
        background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
        box-shadow:
            0 24px 60px rgba(0, 0, 0, 0.45),
            0 0 60px -20px rgba(235, 187, 129, 0.28);
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.35s ease,
                    box-shadow 0.35s ease;
        align-items: center;
        justify-content: center;
        font-family: 'Poppins', sans-serif;
        color: #f2f1ed;
    }
    .indepro-root .indepro-hero-vidcard:hover,
    .indepro-root .indepro-hero-vidcard:focus-visible {
        transform: translateY(-3px);
        border-color: rgba(235, 187, 129, 0.5);
        box-shadow:
            0 30px 70px rgba(0, 0, 0, 0.5),
            0 0 80px -20px rgba(235, 187, 129, 0.45);
        outline: none;
    }
    .indepro-hero-vidcard__thumb {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        filter: brightness(0.42) saturate(1.1) contrast(1.05);
        z-index: 0;
    }
    .indepro-hero-vidcard__overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(7, 7, 11, 0.15) 0%, rgba(7, 7, 11, 0.78) 100%);
        z-index: 1;
    }
    .indepro-hero-vidcard__play {
        position: relative;
        z-index: 2;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ebbb81, #c99a5b);
        color: #07070b;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow:
            0 14px 32px rgba(235, 187, 129, 0.45),
            0 0 0 1px rgba(255, 255, 255, 0.08) inset;
        transition: transform 0.3s ease;
    }
    .indepro-hero-vidcard:hover .indepro-hero-vidcard__play {
        transform: scale(1.06);
    }
    .indepro-hero-vidcard__play svg {
        margin-left: 3px;
    }
    .indepro-hero-vidcard__caption {
        position: absolute;
        bottom: 14px;
        left: 16px;
        right: 16px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        pointer-events: none;
    }
    .indepro-hero-vidcard__t {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: -0.01em;
        color: #f2f1ed;
        line-height: 1.2;
    }
    .indepro-hero-vidcard__d {
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #ebbb81;
        padding: 4px 10px;
        border-radius: 999px;
        background: rgba(7, 7, 11, 0.78);
        border: 1px solid rgba(235, 187, 129, 0.32);
        white-space: nowrap;
    }

    /* Reveal douce sur la card */
    .indepro-root .indepro-hero-visual[data-indepro-reveal] {
        transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .indepro-root .indepro-hero-visual[data-indepro-reveal]:not(.on) {
        opacity: 0;
        transform: translateY(20px) scale(0.985);
    }
    .indepro-root .indepro-hero-visual[data-indepro-reveal].on {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 480px) {
    .indepro-root .indepro-hero { padding: 92px 0 32px !important; }
    .indepro-root .indepro-hero-vidcard__t { font-size: 13px; }
    .indepro-root .indepro-hero-vidcard__d { font-size: 9.5px; padding: 3px 9px; }
    .indepro-root .indepro-hero-vidcard__play { width: 56px; height: 56px; }
}


/* ===========================================================================
   Hero mobile : animations desactivees (2026-04-26).
   Sur mobile, les reveals successifs (pill, H1, lead, CTAs, visual, KPIs)
   creaient un effet "saccade" + le shimmer gold du H1 + le halo photo qui
   pulsait alors que la photo etait masquee. On force tout en etat final
   immediat. Animation desktop intacte.
   =========================================================================== */
@media (max-width: 900px) {
    /* Force tous les data-indepro-reveal du hero en etat "on" instantane */
    .indepro-hero [data-indepro-reveal],
    .indepro-hero [data-indepro-reveal]:not(.on) {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
    /* Visual wrapper : neutralise mes overrides reveal precedents */
    .indepro-root .indepro-hero-visual[data-indepro-reveal],
    .indepro-root .indepro-hero-visual[data-indepro-reveal]:not(.on),
    .indepro-root .indepro-hero-visual[data-indepro-reveal].on {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    /* Shimmer gold sur H1 desactive (effet brillance qui passe) */
    .indepro-root .indepro-hero .indepro-shimmer,
    .indepro-root .indepro-hero .indepro-gold.indepro-shimmer {
        animation: none !important;
        background-position: 0 0 !important;
    }
    /* Halo photo cache (deja display:none mais on coupe l'animation au cas ou) */
    .indepro-root .indepro-hero-photo-halo {
        animation: none !important;
    }
    /* KPIs : reveal direct (etaient parfois opacity 0 si hors viewport) */
    .indepro-root .indepro-kpis[data-indepro-reveal] {
        opacity: 1 !important;
    }
}


/* ===========================================================================
   Hero mobile : fond grille gold anime CSS (remplace la video).
   - 2 layers : grille fine 40px + grille plus large 120px (noeuds plus marques)
   - Halo radial gold central qui pulse
   - Beams gold flou diagonaux qui flottent (top-left + bottom-right)
   - Aucune dependance video (perf + autoplay reglé)
   =========================================================================== */
@media (max-width: 900px) {
    .indepro-hero-bg-mount--css {
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        overflow: hidden;
        background:
            radial-gradient(ellipse 80% 60% at 50% 35%, rgba(235, 187, 129, 0.18) 0%, transparent 65%),
            linear-gradient(180deg, #0a0a0e 0%, #07070b 100%);
        pointer-events: none;
    }
    /* Grille fine sur fond, defile lente verticale */
    .indepro-hero-bg-mount--css::before {
        content: '';
        position: absolute;
        inset: -40px 0;
        background-image:
            linear-gradient(rgba(235, 187, 129, 0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(235, 187, 129, 0.07) 1px, transparent 1px);
        background-size: 40px 40px, 40px 40px;
        background-position: 0 0;
        mask-image: radial-gradient(ellipse 90% 70% at center, #000 30%, transparent 85%);
        -webkit-mask-image: radial-gradient(ellipse 90% 70% at center, #000 30%, transparent 85%);
        animation: indepro-hero-grid-pan 28s linear infinite;
        will-change: background-position;
    }
    /* Beams gold flou animes (haut-gauche + bas-droite) */
    .indepro-hero-bg-mount--css::after {
        content: '';
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle 240px at 8% 12%, rgba(235, 187, 129, 0.22), transparent 70%),
            radial-gradient(circle 280px at 92% 90%, rgba(235, 187, 129, 0.18), transparent 70%);
        filter: blur(30px);
        opacity: 0.7;
        animation: indepro-hero-grid-pulse 9s ease-in-out infinite;
        will-change: opacity, transform;
    }
    @keyframes indepro-hero-grid-pan {
        0%   { background-position: 0 0,    0 0; }
        100% { background-position: 0 80px, 80px 0; }
    }
    @keyframes indepro-hero-grid-pulse {
        0%, 100% { opacity: 0.55; transform: scale(1); }
        50%      { opacity: 0.85; transform: scale(1.04); }
    }
    /* prefers-reduced-motion : on coupe les anims (fond statique) */
    @media (prefers-reduced-motion: reduce) {
        .indepro-hero-bg-mount--css::before,
        .indepro-hero-bg-mount--css::after {
            animation: none !important;
        }
    }
}


/* Hero mobile grille v2 (2026-04-26) — augmente la visibilite. */
@media (max-width: 900px) {
    /* Reduit l'overlay sombre qui ecrasait la grille */
    .indepro-root .indepro-hero-overlay {
        background: linear-gradient(180deg, rgba(7, 7, 11, 0.15) 0%, rgba(7, 7, 11, 0.4) 60%, rgba(7, 7, 11, 0.7) 100%) !important;
    }
    /* Grille plus visible (opacity 0.07 -> 0.13, mask plus permissif) */
    .indepro-root .indepro-hero-bg-mount--css::before {
        background-image:
            linear-gradient(rgba(235, 187, 129, 0.13) 1px, transparent 1px),
            linear-gradient(90deg, rgba(235, 187, 129, 0.13) 1px, transparent 1px) !important;
        mask-image: radial-gradient(ellipse 100% 80% at center, #000 40%, rgba(0,0,0,0.4) 75%, transparent 100%) !important;
        -webkit-mask-image: radial-gradient(ellipse 100% 80% at center, #000 40%, rgba(0,0,0,0.4) 75%, transparent 100%) !important;
    }
    /* Beams gold plus marques */
    .indepro-root .indepro-hero-bg-mount--css::after {
        background:
            radial-gradient(circle 280px at 8% 12%, rgba(235, 187, 129, 0.32), transparent 70%),
            radial-gradient(circle 320px at 92% 90%, rgba(235, 187, 129, 0.26), transparent 70%) !important;
        opacity: 0.95 !important;
    }
    /* Halo central renforce */
    .indepro-root .indepro-hero-bg-mount--css {
        background:
            radial-gradient(ellipse 90% 60% at 50% 30%, rgba(235, 187, 129, 0.28) 0%, transparent 70%) !important,
            linear-gradient(180deg, #0c0c12 0%, #07070b 100%) !important;
    }
}


/* ===========================================================================
   Hero visual--video-mode (2026-04-26).
   Quand visual_mode='video' : la vidcard remplace la photo a TOUS les
   viewports (pas juste mobile). Sur desktop, version grande et premium.
   =========================================================================== */
.indepro-hero-visual--video-mode .indepro-hero-photo-wrap { display: none !important; }
.indepro-hero-visual--video-mode .indepro-hero-vidcard { display: flex !important; }

/* Desktop : vidcard grande et premium (en remplacement de la photo) */
@media (min-width: 901px) {
    .indepro-hero-visual--video-mode .indepro-hero-vidcard {
        position: relative;
        width: 100%;
        max-width: 540px;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        padding: 0;
        border: 1px solid rgba(235, 187, 129, 0.32);
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
        background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
        box-shadow:
            0 40px 80px rgba(0, 0, 0, 0.55),
            0 0 80px -20px rgba(235, 187, 129, 0.4),
            0 0 0 1px rgba(235, 187, 129, 0.12) inset;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.4s ease,
                    box-shadow 0.4s ease;
        align-items: center;
        justify-content: center;
        font-family: 'Poppins', sans-serif;
        color: #f2f1ed;
        will-change: transform;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:hover,
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:focus-visible {
        transform: translateY(-4px) scale(1.01);
        border-color: rgba(235, 187, 129, 0.6);
        box-shadow:
            0 50px 100px rgba(0, 0, 0, 0.6),
            0 0 120px -20px rgba(235, 187, 129, 0.6),
            0 0 0 1px rgba(235, 187, 129, 0.2) inset;
        outline: none;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__thumb {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        filter: brightness(0.5) saturate(1.1) contrast(1.05);
        z-index: 0;
        transition: filter 0.4s ease, transform 0.6s ease;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:hover .indepro-hero-vidcard__thumb {
        filter: brightness(0.65) saturate(1.15);
        transform: scale(1.04);
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(7, 7, 11, 0.1) 0%, rgba(7, 7, 11, 0.7) 100%);
        z-index: 1;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__play {
        position: relative;
        z-index: 2;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ebbb81, #c99a5b);
        color: #07070b;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow:
            0 18px 44px rgba(235, 187, 129, 0.5),
            0 0 0 1px rgba(255, 255, 255, 0.1) inset,
            0 0 0 8px rgba(235, 187, 129, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:hover .indepro-hero-vidcard__play {
        transform: scale(1.08);
        box-shadow:
            0 22px 54px rgba(235, 187, 129, 0.6),
            0 0 0 1px rgba(255, 255, 255, 0.12) inset,
            0 0 0 12px rgba(235, 187, 129, 0.12);
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__play svg {
        margin-left: 4px;
        width: 32px;
        height: 32px;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__caption {
        position: absolute;
        bottom: 22px;
        left: 24px;
        right: 24px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        pointer-events: none;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__t {
        font-weight: 700;
        font-size: 17px;
        letter-spacing: -0.01em;
        color: #f2f1ed;
        line-height: 1.2;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__d {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #ebbb81;
        padding: 5px 12px;
        border-radius: 999px;
        background: rgba(7, 7, 11, 0.78);
        border: 1px solid rgba(235, 187, 129, 0.4);
        white-space: nowrap;
    }
    /* On masque le bouton inline "Voir ma presentation 2 min" sous les CTAs
       puisque la vidcard joue ce role. */
    .indepro-hero-visual--video-mode ~ .indepro-hero-text .indepro-hero-vidbtn,
    .indepro-hero-text:has(+ .indepro-hero-visual--video-mode) .indepro-hero-vidbtn,
    .indepro-hero-grid:has(.indepro-hero-visual--video-mode) .indepro-hero-vidbtn {
        display: none !important;
    }
}


/* ===========================================================================
   Hero vidcard wrap : halo gold pulsant + perspective 3D pour le tilt parallax.
   Reproduit le comportement de la photo Benjamin (pulse halo + tilt souris).
   Mobile : wrap = simple container, halo masque, tilt desactive (cf home.js
   guard hover/pointer fine).
   =========================================================================== */
.indepro-hero-vidcard-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1200px;
}

/* Mobile : pas de halo derriere la card video (deja gere par le mount-css grille) */
@media (max-width: 900px) {
    .indepro-hero-vidcard-wrap > .indepro-hero-photo-halo {
        display: none;
    }
}

/* Desktop : halo gold pulsant DERRIERE la card */
@media (min-width: 901px) {
    .indepro-hero-visual--video-mode .indepro-hero-vidcard-wrap {
        width: 100%;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard-wrap > .indepro-hero-photo-halo {
        position: absolute;
        inset: -32px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(235, 187, 129, 0.42) 0%, rgba(235, 187, 129, 0.15) 40%, transparent 70%);
        filter: blur(48px);
        z-index: 0;
        pointer-events: none;
        animation: indepro-halo-pulse 4.5s ease-in-out infinite;
    }
    /* Card en couche superieure du halo + transform-style 3D pour le tilt */
    .indepro-hero-visual--video-mode .indepro-hero-vidcard {
        position: relative;
        z-index: 1;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: transform 0.25s ease-out, border-color 0.4s ease, box-shadow 0.4s ease;
    }
    /* Hover effects subtle (le tilt prend le dessus inline quand actif) */
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:hover,
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:focus-visible {
        border-color: rgba(235, 187, 129, 0.6);
        box-shadow:
            0 50px 100px rgba(0, 0, 0, 0.6),
            0 0 120px -20px rgba(235, 187, 129, 0.65),
            0 0 0 1px rgba(235, 187, 129, 0.22) inset;
        outline: none;
    }
}

/* prefers-reduced-motion : desactive halo pulse + neutralise le tilt-driven */
@media (prefers-reduced-motion: reduce) {
    .indepro-hero-visual--video-mode .indepro-hero-vidcard-wrap > .indepro-hero-photo-halo {
        animation: none !important;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard {
        transform: none !important;
    }
}


/* ===========================================================================
   Hero grid mode video (2026-04-26).
   - Desktop : layout 2 colonnes avec CTAs sous la vidcard pour rééquilibrer
       [text]   [video]
       [text]   [ctas ]
   - Mobile : layout 1 colonne avec ordre text -> ctas -> visual
   =========================================================================== */
@media (min-width: 901px) {
    .indepro-hero-grid--video {
        grid-template-columns: 1.1fr 1fr;
        grid-template-areas:
            "text  visual"
            "text  ctas";
        /* max-content empeche text (qui span 2 rows) d'etirer les rows */
        grid-template-rows: max-content max-content;
        align-items: start;
        align-content: start;
        column-gap: 64px;
        row-gap: 30px;
        /* Reduit l'espace avant les KPIs en bas (80px par defaut, trop large) */
        margin-bottom: 36px !important;
    }
    .indepro-hero-grid--video > .indepro-hero-text {
        grid-area: text;
        align-self: center;
    }
    .indepro-hero-grid--video > .indepro-hero-visual {
        grid-area: visual;
        align-self: end;
        margin-bottom: 0;
    }
    .indepro-hero-grid--video > .indepro-hero-ctas-slot {
        grid-area: ctas;
        align-self: start;
        padding-top: 0;
        margin-top: 0;
    }
    .indepro-hero-grid--video > .indepro-hero-ctas-slot .indepro-ctas {
        justify-content: center;
        margin: 0;
    }
}

/* Mobile : stack text -> ctas -> visual (CTAs avant la card video, full width) */
@media (max-width: 900px) {
    .indepro-hero-grid--video {
        grid-template-columns: 1fr;
        grid-template-areas:
            "text"
            "ctas"
            "visual";
    }
    .indepro-hero-grid--video > .indepro-hero-text   { grid-area: text; }
    .indepro-hero-grid--video > .indepro-hero-ctas-slot { grid-area: ctas; }
    .indepro-hero-grid--video > .indepro-hero-visual { grid-area: visual; }
}

/* ===========================================================================
   Fix glyph italique tronque (Webstrateg`e`, freelanc`e`).
   En italique gras, le dernier glyph deborde sa box. Combine au shimmer
   `background-clip: text`, le `e` final etait clip a droite. On ajoute
   un petit padding pour donner de l'air sans casser la mise en page.
   =========================================================================== */
.indepro-root .indepro-gold,
.indepro-root .indepro-shimmer {
    padding-right: 0.08em;
}


/* Fix glyph italique tronque v2 (2026-04-26) — padding plus large + box-decoration-break. */
.indepro-root .indepro-gold,
.indepro-root .indepro-shimmer {
    padding-right: 0.15em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* ===========================================================================
   Lighthouse fixes (2026-04-26) — perf/CLS/LCP polish.
   - thumbnail vidcard : <img> reelle, object-fit: cover (au lieu de bg-image
     sur span), pour reserver la place via width/height attrs et eviter CLS
   - aspect-ratio sur le wrap pour stabilite layout pre-CSS
   =========================================================================== */
.indepro-hero-vidcard__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    border: 0;
    background: transparent;
}

/* CLS fix : reserve l'espace de la card meme avant que CSS critical ne charge */
.indepro-hero-vidcard {
    aspect-ratio: 16 / 9;
    min-height: 0;
}

/* Mobile : aspect-ratio deja set, pas de change */
@media (max-width: 900px) {
    .indepro-hero-vidcard__thumb {
        filter: brightness(0.42) saturate(1.1) contrast(1.05);
    }
}

/* Desktop video-mode : hover augmente brightness sur l'img elle-meme */
@media (min-width: 901px) {
    .indepro-hero-visual--video-mode .indepro-hero-vidcard__thumb {
        filter: brightness(0.5) saturate(1.1) contrast(1.05);
        transition: filter 0.4s ease, transform 0.6s ease;
    }
    .indepro-hero-visual--video-mode .indepro-hero-vidcard:hover .indepro-hero-vidcard__thumb {
        filter: brightness(0.65) saturate(1.15);
        transform: scale(1.04);
    }
}