/* ============================================
   TLB Legacy — Shared Stylesheet
   Dark + Violet | Inspired by entrepreneurs.com
   ============================================ */

/* === RESET & VARIABLES === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --violet:#B401C0;
  --violet-glow:rgba(180,1,192,0.15);
  --violet-soft:rgba(180,1,192,0.08);
  --dark:#0a0a0a;
  --dark-card:#111;
  --dark-border:rgba(255,255,255,0.08);
  --dark-border-hover:rgba(255,255,255,0.15);
  --white:#fff;
  --gray-100:#f5f5f5;
  --gray-200:#e5e5e5;
  --gray-400:#999;
  --gray-500:#777;
  --gray-600:#555;
  --green:#22c55e;
  --green-bg:rgba(34,197,94,0.1);
  --max-w:1100px;
  --radius:14px;
  --radius-lg:20px;
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,sans-serif;
  background:var(--dark);color:var(--white);
  line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* === EVENT BANNER (sticky top) === */
.event-banner{
  background:linear-gradient(135deg,#B401C0,#8a0198);
  text-align:center;padding:6px 24px;
  font-size:13px;font-weight:500;
  letter-spacing:0.3px;
  color:rgba(255,255,255,0.9);
}
.event-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.event-banner.hidden{display:none}

/* === NAV === */
nav{
  position:sticky;top:0;left:0;right:0;z-index:100;
  background:#040404;
  border-bottom:1px solid #121212;
}
.nav-in{
  max-width:1200px;margin:0 auto;padding:0 24px;
  height:72px;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:100px;
}
.nav-in .logo{grid-column:1;justify-self:end}
.nav-in .nav-links{grid-column:2}
.nav-in .btn-cta--nav{grid-column:3;justify-self:start}
.nav-in .mob-tog{grid-column:3;justify-self:end}
.logo{
  font-family:'Playfair Display',serif;font-weight:900;font-size:28px;
  color:var(--white);text-decoration:none;letter-spacing:-0.5px;
}
.logo span{color:var(--violet)}
.logo--img{display:inline-flex;align-items:center;height:56px}
.logo--img img{height:100%;width:auto;display:block;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:28px;justify-content:center}
.nav-links a{
  text-decoration:none;color:var(--gray-400);font-size:14px;
  font-weight:500;transition:color 0.2s;letter-spacing:0.01em;
}
.nav-links a:hover{color:var(--white)}
.nav-links a.active{color:var(--white)}

/* Badge count next to nav link */
.nav-badge{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--violet);color:#fff;
  font-size:11px;font-weight:700;
  padding:2px 8px;border-radius:20px;
  margin-right:4px;min-width:30px;height:20px;
}

/* CTA nav — fixed size, content moves inside on hover */
/* === CTA BUTTON — entrepreneurs.com style === */
.btn-cta{
  display:inline-flex;align-items:center;
  border-radius:100px;
  text-decoration:none;position:relative;
  height:52px;padding:0 2px 0 28px;
  background:var(--violet);
  border:none;
  box-shadow:
    0 0 40px rgba(180,1,192,0.4),
    0 0 80px rgba(180,1,192,0.2);
  transition:all 0.3s ease;
  cursor:pointer;
}
.btn-cta:hover{
  transform:translateY(-2px);
  box-shadow:
    0 0 50px rgba(180,1,192,0.5),
    0 0 100px rgba(180,1,192,0.3),
    0 0 150px rgba(180,1,192,0.15);
}
.btn-cta-text{
  font-size:15px;font-weight:600;color:#fff;
  white-space:nowrap;letter-spacing:0.01em;
  margin-right:16px;
}
.btn-cta-arrow{
  width:56px;height:48px;
  background:#1a1a1a;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:all 0.3s;
  clip-path:path('M 14 0 L 32 0 A 24 24 0 0 1 32 48 L 0 48 Z');
  padding-left:8px;
}
.btn-cta:hover .btn-cta-arrow{
  background:#111;
}
.btn-cta-arrow svg{
  transition:transform 0.3s;
}
.btn-cta:hover .btn-cta-arrow svg{
  transform:translateX(3px);
}
/* Nav size (smaller) */
.btn-cta--nav{
  height:44px;padding:0 2px 0 20px;
}
.btn-cta--nav .btn-cta-text{
  font-size:14px;margin-right:12px;
}
.btn-cta--nav .btn-cta-arrow{
  width:48px;height:40px;
  clip-path:path('M 12 0 L 28 0 A 20 20 0 0 1 28 40 L 0 40 Z');
}
/* Large variant for hero */
.btn-cta--lg{
  height:58px;padding:0 2px 0 32px;
}
.btn-cta--lg .btn-cta-text{
  font-size:17px;font-weight:700;margin-right:20px;
}
.btn-cta--lg .btn-cta-arrow{
  width:64px;height:54px;
  clip-path:path('M 16 0 L 37 0 A 27 27 0 0 1 37 54 L 0 54 Z');
}

/* === BUTTONS === */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border-radius:10px;font-size:15px;
  font-weight:600;text-decoration:none;border:none;cursor:pointer;
  transition:transform 0.15s,box-shadow 0.15s;
}
.btn:hover{transform:translateY(-1px)}
.btn-v{background:var(--violet);color:var(--white)}
.btn-v:hover{box-shadow:0 6px 24px rgba(180,1,192,0.35)}
.btn-o{background:transparent;color:var(--white);border:1.5px solid var(--dark-border-hover)}
.btn-o:hover{border-color:var(--violet);color:var(--violet)}
.btn-w{background:var(--white);color:var(--dark)}
.btn-w:hover{box-shadow:0 6px 20px rgba(255,255,255,0.15)}
.btn-sm{padding:10px 20px;font-size:14px}
.btn-lg{padding:16px 36px;font-size:17px}
.mob-tog{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mob-tog span{display:block;width:22px;height:2px;background:var(--white);margin:5px 0}

/* === LAYOUT === */
section{padding:96px 24px}
.container{max-width:var(--max-w);margin:0 auto}
.tag{
  font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:2px;color:var(--violet);margin-bottom:12px;
}
.s-title{
  font-family:'Montserrat',sans-serif;font-size:clamp(24px,3.8vw,44px);
  font-weight:700;line-height:1.2;letter-spacing:-0.5px;margin-bottom:14px;
  color:#fff;
}
.s-title em{
  font-family:'DM Serif Display',serif;font-style:italic;font-weight:400;
  color:var(--violet);letter-spacing:-0.5px;
}
.s-sub{font-size:17px;color:var(--gray-400);max-width:540px;line-height:1.7}
.centered{text-align:center}
.centered .s-sub,.s-sub.centered{margin:0 auto}

/* === HERO === */
.hero{
  padding:100px 24px 80px;max-width:var(--max-w);margin:0 auto;
  position:relative;
}
.hero::after{
  content:'';position:absolute;top:-100px;right:-200px;width:500px;height:500px;
  background:radial-gradient(circle,rgba(180,1,192,0.08) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hero-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--violet-soft);border:1px solid var(--violet-glow);
  color:var(--violet);font-size:13px;font-weight:600;
  padding:6px 14px;border-radius:100px;margin-bottom:24px;
}
.hero-tag .dot{
  width:6px;height:6px;background:var(--violet);border-radius:50%;
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{
  font-family:'Playfair Display',serif;font-size:48px;font-weight:900;
  line-height:1.08;letter-spacing:-1.5px;margin-bottom:20px;
}
.hero h1 em{font-style:italic;color:var(--violet)}
.hero-sub{font-size:17px;color:var(--gray-400);line-height:1.7;margin-bottom:32px;max-width:480px}
.hero-ctas{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}

/* === STATS BAR (animated counter) === */
/* === STATS SECTION — neon LED behind text + marquee === */
.stats-section{
  background:#040404;
  padding:80px 24px 0;text-align:center;overflow:hidden;
  position:relative;
}

/* Neon TLB — centered behind the headline */
.neon-logo{
  position:absolute;
  top:70px;left:50%;
  transform:translateX(-50%);
  z-index:0;pointer-events:none;
  width:100%;
  display:flex;align-items:center;justify-content:center;
}
.neon-text{
  font-family:'Bodoni 72','Bodoni FLF','Playfair Display',serif;font-weight:900;
  font-size:clamp(200px,30vw,420px);letter-spacing:-8px;
  color:#040404;
  -webkit-text-stroke:2px rgba(180,1,192,0.5);
  text-shadow:
    0 0 6px rgba(180,1,192,0.6),
    0 0 20px rgba(180,1,192,0.4),
    0 0 60px rgba(180,1,192,0.2),
    0 0 120px rgba(180,1,192,0.1);
  animation:neon-flicker 4s infinite;
  display:block;line-height:0.85;
  user-select:none;
}
/* Fade to black at bottom */
.neon-logo::after{
  content:'';position:absolute;
  bottom:-20px;left:0;right:0;height:70%;
  background:linear-gradient(to bottom,transparent 0%,#040404 70%);
  pointer-events:none;
}
@keyframes neon-flicker{
  0%,100%{opacity:1;text-shadow:0 0 10px rgba(180,1,192,0.4),0 0 40px rgba(180,1,192,0.25),0 0 80px rgba(180,1,192,0.15),0 0 160px rgba(180,1,192,0.08)}
  3%{opacity:0.6}
  5%{opacity:1}
  7%{opacity:0.75}
  9%{opacity:1}
  50%{opacity:1}
  51%{opacity:0.45}
  52.5%{opacity:1}
  53.5%{opacity:0.65}
  55%{opacity:1}
}

.stats-headline{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(24px,3.8vw,44px);font-weight:700;
  line-height:1.2;letter-spacing:-0.5px;
  max-width:900px;margin:240px auto 60px;
  position:relative;z-index:1;
}
.stats-headline em{
  font-family:'DM Serif Display',serif;
  font-style:italic;font-weight:400;color:var(--violet);
}

/* Stats marquee — scrolling single line */
.stats-marquee{
  max-width:700px;margin:0 auto;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  padding:20px 0;
  position:relative;z-index:1;
}
.stats-track{
  display:flex;gap:60px;
  animation:marquee 25s linear infinite;
  width:max-content;
}
.stats-track:hover{
  animation-play-state:paused;
}
@keyframes marquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.stat-pill{
  display:flex;align-items:center;gap:12px;
  flex-shrink:0;
}
.stat-pill .stat-num{
  font-size:36px;font-weight:900;letter-spacing:-1px;
  font-family:'Inter',sans-serif;color:var(--white);
  white-space:nowrap;
}
.stat-pill .stat-label{
  font-size:14px;color:var(--gray-400);
  text-align:left;line-height:1.3;
}

/* === TEMOIGNAGES BENTO — photo cards === */
.testi-grid-section{
  background:#040404;
  border-top:none;
}
.testi-grid-section .container{max-width:1320px;padding:0 24px}
.testi-bento{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:1fr 1fr 1fr;
  gap:10px;margin-top:48px;
  height:800px;
}
.testi-card{
  border-radius:14px;
  position:relative;overflow:hidden;
  background:#141414;
  border:1px solid #2a2a2a;
  box-shadow:
    0 8px 24px rgba(0,0,0,0.4),
    0 2px 6px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.04);
  transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;
}
.testi-card:hover{
  border-color:#3a3a3a;
  transform:translateY(-3px);
  box-shadow:
    0 16px 40px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.6),
    inset 0 1px 0 rgba(255,255,255,0.06);
}
.testi-card:hover{transform:translateY(-3px)}

/* Photo background cards */
.testi-card-photo{
  background-size:cover;background-position:center top;
  isolation:isolate;
}
.testi-card-photo::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 30%,transparent 40%,rgba(0,0,0,0.5) 100%);
  mix-blend-mode:multiply;
  z-index:0;
  pointer-events:none;
}
/* Slight darkening on all photo cards for consistent moody ambiance */
.testi-card-photo::after{
  content:'';
  position:absolute;inset:0;
  background:rgba(0,0,0,0.25);
  z-index:0;
  pointer-events:none;
}
/* Stronger darkening for Mélody (original photo is very bright outdoor) */
.testi-card-photo[style*="melody-richer"]::after{
  background:rgba(0,0,0,0.38);
}
.testi-card-photo .testi-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.85) 28%,transparent 50%);
  padding:20px;
  display:flex;flex-direction:column;justify-content:flex-end;
  z-index:1;
}
.testi-card-photo .testi-overlay-top{
  justify-content:flex-start;
  background:linear-gradient(to bottom,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 45%,rgba(0,0,0,0.1) 100%);
}
.testi-card-photo .testi-overlay-center{
  justify-content:center;align-items:center;text-align:center;
  background:rgba(0,0,0,0.5);
}
.testi-stars{
  color:var(--violet);font-size:13px;letter-spacing:2px;margin-bottom:10px;
}
.testi-card blockquote{
  font-size:14px;color:rgba(255,255,255,0.85);line-height:1.6;
  margin-bottom:12px;font-style:normal;
}
.testi-card blockquote strong{color:#fff}
.testi-author{
  display:flex;align-items:center;gap:10px;
}
.testi-avatar{
  width:32px;height:32px;border-radius:50%;
  background:var(--violet);
  border:none;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#fff;
  flex-shrink:0;
}
.testi-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.testi-card-photo .testi-avatar{display:none}
.testi-author strong{font-size:13px;color:#fff}
.testi-author span{font-size:11px;color:rgba(255,255,255,0.5)}
.testi-link{
  position:absolute;top:14px;right:14px;
  font-size:11px;font-weight:500;color:rgba(255,255,255,0.6);
  background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);
  padding:5px 10px;border-radius:100px;
  text-decoration:none;transition:color 0.2s;
  display:flex;align-items:center;gap:4px;
}
.testi-link:hover{color:#fff}

/* Quote card (dark, no photo) */
.testi-card-quote{
  display:flex;flex-direction:column;
  justify-content:center;
  padding:24px 20px;
  background:#111;
}
.testi-card-quote blockquote{
  font-size:clamp(15px,1.8vw,18px);
  font-style:normal;color:#fff;
  line-height:1.5;margin-bottom:16px;
}

/* CTA card — "+X études de cas" with photo collage */
.testi-card-cta{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:24px;
  text-decoration:none;
  overflow:hidden;
  border-color:rgba(180,1,192,0.5)!important;
  box-shadow:
    0 0 20px rgba(180,1,192,0.3),
    0 8px 24px rgba(0,0,0,0.4),
    inset 0 0 20px rgba(180,1,192,0.12)!important;
}
.cta-photo-grid{
  position:absolute;inset:0;
  display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);
  z-index:0;
}
.cta-photo-grid > div{
  background-size:cover;background-position:center;
  filter:brightness(0.15);
  animation:photoFlash 13.8s infinite;
}
.cta-photo-grid > div:nth-child(1){animation-delay:0s}
.cta-photo-grid > div:nth-child(2){animation-delay:2.3s}
.cta-photo-grid > div:nth-child(3){animation-delay:4.6s}
.cta-photo-grid > div:nth-child(4){animation-delay:6.9s}
.cta-photo-grid > div:nth-child(5){animation-delay:9.2s}
.cta-photo-grid > div:nth-child(6){animation-delay:11.5s}
@keyframes photoFlash{
  0%{filter:brightness(0.45)}
  14.5%{filter:brightness(0.45)}
  16.67%{filter:brightness(0.15)}
  100%{filter:brightness(0.15)}
}
.cta-gradient{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 50%,rgba(180,1,192,0.85) 100%);
  z-index:1;
}
.cta-content{
  position:relative;z-index:2;
  color:#fff;
}
.testi-card-cta .stat-big{
  font-size:clamp(44px,5vw,60px);font-weight:900;
  color:#fff;letter-spacing:-2px;line-height:1;
  margin-bottom:4px;
}
.testi-card-cta .stat-label{
  font-size:18px;color:#fff;font-weight:500;
}
.cta-arrow{
  position:absolute;bottom:16px;right:16px;z-index:2;
  width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,0.35);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  transition:transform 0.3s,background 0.3s;
}
.testi-card-cta:hover .cta-arrow{
  transform:translate(3px,-3px);
  background:rgba(0,0,0,0.5);
}

@media(max-width:768px){
  .testi-bento{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    height:auto;
    gap:14px;
  }
  .testi-bento .testi-card{
    min-height:260px;
    margin:0!important;
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }
  .testi-bento .testi-card-cta{order:99}
}

/* === CALCULATOR — intérêts composés === */
.calc-section{
  background:#040404;
  padding:80px 0;
}
.calc-wrapper{
  max-width:1100px;margin:48px auto 0;
  background:#111;
  border:1px solid #2a2a2a;
  border-radius:20px;
  overflow:hidden;
  display:grid;grid-template-columns:1fr 1.4fr;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.calc-left{
  padding:36px 32px;
  border-right:1px solid #1f1f1f;
  background:#0c0c0c;
  display:flex;flex-direction:column;gap:22px;
}
.calc-title{
  font-family:'Inter',sans-serif;
  font-size:1.05rem;font-weight:700;color:#fff;
  letter-spacing:-0.01em;
  margin-bottom:-4px;
}
.calc-field{
  display:flex;flex-direction:column;gap:6px;
  border-bottom:1px solid #1a1a1a;
  padding-bottom:18px;
}
.calc-field:last-of-type{border-bottom:none}
.calc-field label{
  font-size:0.75rem;color:rgba(255,255,255,0.5);
  text-transform:uppercase;letter-spacing:0.08em;
  font-weight:500;
  display:flex;align-items:center;gap:8px;
}
.label-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.dot-blue{background:#5b7fa6}
.dot-purple{background:#B401C0;box-shadow:0 0 8px rgba(180,1,192,0.6)}
.calc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.calc-field input{
  background:transparent;border:none;outline:none;
  color:#fff;font-size:1.5rem;
  font-family:'Inter',sans-serif;font-weight:500;
  letter-spacing:-0.01em;
  flex:1;min-width:0;width:auto;
}
.calc-field input::-webkit-inner-spin-button,
.calc-field input::-webkit-outer-spin-button{-webkit-appearance:none}
.calc-unit{
  font-size:0.8rem;color:rgba(255,255,255,0.35);
  font-weight:500;letter-spacing:0.05em;
  white-space:nowrap;flex-shrink:0;
}
.calc-disclaimer{
  font-size:0.7rem;color:rgba(255,255,255,0.3);
  line-height:1.5;margin-top:auto;
}
.calc-right{
  padding:36px 32px;
  display:flex;flex-direction:column;gap:18px;
  background:#111;
}
.calc-capitals{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-capital-card{
  background:#181818;
  border:1px solid #232323;
  border-radius:14px;
  padding:18px;
  display:flex;flex-direction:column;gap:10px;
}
.calc-card-label{
  font-size:0.7rem;color:rgba(255,255,255,0.5);
  text-transform:uppercase;letter-spacing:0.08em;
  display:flex;align-items:center;gap:6px;line-height:1.6;
}
.calc-card-amount{
  font-family:'Inter',sans-serif;
  font-size:1.55rem;color:#fff;font-weight:700;line-height:1.1;
  letter-spacing:-0.01em;
}
.calc-diff{
  background:linear-gradient(135deg,rgba(180,1,192,0.15),rgba(180,1,192,0.03));
  border:1px solid rgba(180,1,192,0.3);
  border-left:3px solid var(--violet);
  border-radius:14px;
  padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.calc-diff-label{
  font-size:0.78rem;color:rgba(255,255,255,0.7);
  text-transform:uppercase;letter-spacing:0.08em;line-height:1.8;
}
.calc-diff-label span{
  display:block;font-size:0.7rem;color:rgba(255,255,255,0.4);
  margin-top:4px;letter-spacing:0.05em;
}
.calc-diff-amount{
  font-family:'Inter',sans-serif;
  font-size:1.75rem;color:var(--violet);font-weight:700;
  letter-spacing:-0.01em;
  text-shadow:0 0 20px rgba(180,1,192,0.3);
}
.calc-stats{
  display:flex;justify-content:space-between;
  background:#181818;border:1px solid #232323;
  border-radius:12px;padding:14px 20px;gap:16px;
}
.calc-stat{display:flex;flex-direction:column;gap:4px;flex:1}
.calc-stat-label{font-size:0.75rem;color:rgba(255,255,255,0.5)}
.calc-stat-value{font-size:0.95rem;font-weight:500;color:#fff}
.calc-chart-wrap{flex:1;min-height:180px}
.calc-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.calc-legend-item{
  display:flex;align-items:center;gap:6px;
  font-size:0.75rem;color:rgba(255,255,255,0.5);
}
.calc-legend-line{width:20px;height:2px;border-radius:2px}
@media(max-width:900px){
  .calc-wrapper{grid-template-columns:1fr}
  .calc-left{border-right:none;border-bottom:1px solid #1f1f1f}
  .calc-stats{flex-direction:column;gap:12px}
  .calc-stat{text-align:left!important}
  .calc-diff{flex-direction:column;align-items:flex-start;gap:8px}
  .calc-capitals{grid-template-columns:1fr;gap:10px}
  .calc-right{padding:24px 20px}
  .calc-left{padding:28px 20px}
  .calc-chart-wrap canvas{max-width:100%!important;height:auto!important}
}
@media(max-width:600px){
  .calc-wrapper{margin:32px 0 0;border-radius:16px}
  .calc-left{padding:22px 18px;gap:16px}
  .calc-right{padding:20px 16px;gap:14px}
  .calc-field{padding-bottom:14px;gap:4px}
  .calc-field label{font-size:0.7rem;letter-spacing:0.06em}
  .calc-field input{font-size:1.2rem}
  .calc-unit{font-size:0.72rem}
  .calc-capital-card{padding:14px 16px;gap:8px}
  .calc-card-label{font-size:0.66rem;letter-spacing:0.06em}
  .calc-card-amount{font-size:1.25rem}
  .calc-diff{padding:14px 16px}
  .calc-diff-label{font-size:0.72rem}
  .calc-diff-label span{font-size:0.65rem}
  .calc-diff-amount{font-size:1.4rem}
  .calc-stats{padding:12px 16px;gap:10px}
  .calc-stat-value{font-size:0.9rem}
  .calc-disclaimer{font-size:0.66rem}
}

/* === METHODOLOGY STEPPER — entrepreneurs.com style === */
.method-section{
  background:#040404;
  border-top:1px solid var(--dark-border);
}
.method-stepper{
  max-width:700px;margin:48px auto 0;
  display:flex;flex-direction:column;gap:12px;
}
.method-card{
  background:var(--dark-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  overflow:hidden;cursor:pointer;
  transition:border-color 0.3s;
}
.method-card:hover,.method-card.active{
  border-color:rgba(180,1,192,0.3);
}
.method-card-header{
  display:flex;align-items:center;gap:16px;
  padding:24px 28px;
}
.method-icon{
  color:var(--violet);font-size:18px;flex-shrink:0;
}
.method-card-header h3{
  font-size:18px;font-weight:700;
  font-family:'Montserrat',sans-serif;
}
.method-card-body{
  max-height:0;overflow:hidden;
  transition:max-height 0.4s ease,padding 0.4s ease;
  padding:0 28px;
}
.method-card.active .method-card-body{
  max-height:200px;
  padding:0 28px 24px;
}
.method-card-body p{
  font-size:14px;color:var(--gray-400);line-height:1.7;
  margin-bottom:12px;
}
.method-card-body .method-duration{
  display:inline-block;
  font-size:12px;font-weight:600;color:var(--violet);
  background:var(--violet-soft);padding:4px 12px;border-radius:100px;
}

/* === COMPARISON === */
.comparison{background:var(--dark)}
.comp-list{display:flex;flex-direction:column;gap:10px;margin-top:48px;max-width:600px}
.c-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;background:var(--dark-card);
  border-radius:12px;border:1px solid var(--dark-border);
}
.c-row .name{font-weight:600;font-size:15px}
.c-row .rate{font-weight:700;font-size:14px;padding:5px 12px;border-radius:6px}
.rate-low{background:rgba(220,38,38,0.1);color:#f87171}
.rate-mid{background:rgba(234,179,8,0.1);color:#facc15}
.rate-high{background:var(--green-bg);color:var(--green)}
.c-row.feat{border:1.5px solid var(--violet);background:var(--violet-soft)}
.comp-note{font-size:12px;color:var(--gray-600);margin-top:14px;max-width:600px;font-style:italic}

/* === SIMULATOR === */
.simulator{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);padding:40px;margin-top:48px;
}
.sim-inputs{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;
}
.sim-field label{
  display:block;font-size:13px;color:var(--gray-400);
  margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;
}
.sim-field input{
  width:100%;padding:14px 16px;border-radius:10px;
  background:var(--dark);border:1px solid var(--dark-border);
  color:var(--white);font-size:18px;font-weight:700;
  font-family:'Inter',sans-serif;
  transition:border-color 0.2s;
}
.sim-field input:focus{outline:none;border-color:var(--violet)}
.sim-field input::placeholder{color:var(--gray-600);font-weight:400;font-size:15px}
.sim-results{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;
}
.sim-card{
  background:var(--dark);border:1px solid var(--dark-border);
  border-radius:var(--radius);padding:24px;text-align:center;
}
.sim-card.highlight{border-color:var(--violet);background:var(--violet-soft)}
.sim-card .sim-label{
  font-size:12px;color:var(--gray-500);text-transform:uppercase;
  letter-spacing:0.5px;margin-bottom:8px;
}
.sim-card .sim-value{
  font-size:32px;font-weight:900;letter-spacing:-1px;
}
.sim-card .sim-value.red{color:#f87171}
.sim-card .sim-value.green{color:var(--green)}
.sim-card .sim-value.violet{color:var(--violet)}
.sim-card .sim-detail{font-size:13px;color:var(--gray-500);margin-top:4px}
.sim-duration{
  display:flex;gap:8px;justify-content:center;margin-bottom:24px;
}
.sim-duration button{
  padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;
  border:1px solid var(--dark-border);background:var(--dark);
  color:var(--gray-400);cursor:pointer;transition:all 0.2s;
  font-family:'Inter',sans-serif;
}
.sim-duration button.active{
  background:var(--violet);color:var(--white);border-color:var(--violet);
}

/* === BENTO GRID — entrepreneurs.com style === */
.xp-section{
  background:#040404;
  border-top:1px solid var(--dark-border);
}
.xp-section .container{max-width:1320px;padding:0 24px}
@media(max-width:600px){
  .xp-section .container,
  .testi-grid-section .container{padding:0}
  .method-section .container{padding:0 20px}
  .testi-carousel-section{padding:0 20px 48px}
  .wall-section{padding:0 20px}
}

/* ===== METHODE : roadmap 90 jours — blocs horizontaux style entrepreneurs.com ===== */
.method-section{
  background:#040404;
  padding:120px 0 80px;
  border-top:1px solid var(--dark-border);
  position:relative;
  overflow:hidden;
}
.method-section .container{max-width:1280px;padding:0 24px}
.method-rows{
  display:flex;flex-direction:column;
  gap:48px;
  margin-top:72px;
  position:relative;
}
/* Backbone vertical néon — touche les bords de l'écran */
.method-rows::before,
.method-rows::after{
  content:'';
  position:absolute;
  top:60px;bottom:60px;
  width:2px;
  background:linear-gradient(to bottom,transparent,rgba(180,1,192,0.18) 8%,rgba(180,1,192,0.18) 92%,transparent);
  box-shadow:0 0 6px rgba(180,1,192,0.25);
  pointer-events:none;
}
.method-rows::before{left:calc(50% - 50vw)}
.method-rows::after{right:calc(50% - 50vw)}
.method-row{
  display:grid;
  grid-template-columns:1fr 1fr 300px;
  align-items:stretch;gap:0;
  background:rgba(15,15,15,0.6);
  border:1.5px solid rgba(255,255,255,0.04);
  border-radius:24px;
  min-height:220px;
  overflow:visible;position:relative;
  transition:opacity 0.7s cubic-bezier(.2,.6,.2,1),
             border-color 0.8s cubic-bezier(.2,.6,.2,1),
             box-shadow 0.7s,
             transform 0.7s cubic-bezier(.2,.6,.2,1);
  opacity:0.4;
  transform:scale(0.985);
}
.method-row.is-active{
  opacity:1;
  transform:scale(1);
  border-color:var(--violet);
  box-shadow:0 0 20px rgba(180,1,192,0.35),
             0 0 60px -20px rgba(180,1,192,0.5),
             inset 0 0 20px rgba(180,1,192,0.08);
}
/* Trail neon entrant (gauche) — part du bord de l'écran vers la card */
.method-row::before{
  content:'';position:absolute;
  right:100%;top:50%;
  width:50vw;height:1.5px;
  background:linear-gradient(to right,transparent 60%,var(--violet));
  box-shadow:0 0 10px var(--violet),0 0 20px rgba(180,1,192,0.5);
  opacity:0;transform:translateX(-12px) translateY(-50%);
  transition:opacity 0.6s,transform 0.7s cubic-bezier(.2,.6,.2,1);
  pointer-events:none;
}
.method-row.is-active::before{
  opacity:1;
  transform:translateX(0) translateY(-50%);
}
/* Trail neon sortant (droite) — sort de la card vers le bord de l'écran */
.method-row::after{
  content:'';position:absolute;
  left:100%;top:50%;
  width:50vw;height:1.5px;
  background:linear-gradient(to left,transparent 60%,var(--violet));
  box-shadow:0 0 10px var(--violet),0 0 20px rgba(180,1,192,0.5);
  opacity:0;transform:translateX(12px) translateY(-50%);
  transition:opacity 0.6s,transform 0.7s cubic-bezier(.2,.6,.2,1);
  transition-delay:0.25s;
  pointer-events:none;
}
.method-row.is-active::after{
  opacity:1;
  transform:translateX(0) translateY(-50%);
}
.method-row:hover:not(.is-active):not(.method-row--calc){opacity:0.7;transform:scale(0.99)}

/* Titre calculateur intégré dans la section méthode */
.method-calc-title{
  font-family:'Montserrat',sans-serif;
  font-weight:600;font-size:24px;
  color:var(--white);letter-spacing:-0.3px;
  text-align:center;
  margin-top:72px;margin-bottom:40px;
}

/* Pulse néon subtil qui voyage le long de la border active */
@keyframes neonTravel{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
.method-row.is-active{
  background:
    linear-gradient(135deg,rgba(180,1,192,0.08),rgba(15,15,15,0.9)),
    rgba(15,15,15,0.6);
}
.method-row-visual{
  position:relative;min-height:220px;overflow:hidden;
  background:linear-gradient(180deg,rgba(25,25,25,0.6),rgba(10,10,10,0.9));
  grid-column:3;grid-row:1;
  border-radius:0 22px 22px 0;
}
.method-row-visual::after{
  content:'';position:absolute;top:0;left:-1px;bottom:0;width:120px;
  background:linear-gradient(270deg,transparent,rgba(15,15,15,0.95));
  pointer-events:none;z-index:2;
}
.method-row-middle{grid-column:1;grid-row:1}
.method-row-text{grid-column:2;grid-row:1}
.mv-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--violet);opacity:0.3;transition:opacity 0.8s}
.method-row.is-active .mv-scene{opacity:1}
.mv-scene-glow{
  position:absolute;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(180,1,192,0.4),transparent 60%);
  filter:blur(30px);opacity:0;transition:opacity 0.8s;
}
.method-row.is-active .mv-scene-glow{opacity:1;animation:sceneGlow 4s ease-in-out infinite}
@keyframes sceneGlow{
  0%,100%{transform:scale(1);opacity:0.7}
  50%{transform:scale(1.15);opacity:1}
}
.mv-scene-lines{width:85%;height:85%;color:currentColor;opacity:0.7}

.mv-counter{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:20px;
  text-align:center;
}
.mv-counter-label{
  font-family:'Montserrat',sans-serif;
  font-size:10px;font-weight:700;
  color:var(--gray-500);
  letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:6px;
}
.mv-counter-value{
  font-family:'Inter',sans-serif;
  font-size:40px;font-weight:800;
  color:var(--violet);
  letter-spacing:-1.5px;line-height:1;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 20px rgba(180,1,192,0.4);
}
.mv-counter-sub{
  font-family:'Montserrat',sans-serif;
  font-size:10px;font-weight:600;
  color:var(--gray-400);
  letter-spacing:1px;text-transform:uppercase;
  margin-top:4px;
}
.method-row:not(.is-active) .mv-counter-value{color:rgba(255,255,255,0.3);text-shadow:none}

/* --- Compass (card 1 Découverte) --- */
.mv-compass{
  position:relative;z-index:2;
  width:150px;height:150px;
  color:var(--violet);
  filter:drop-shadow(0 0 10px rgba(180,1,192,0.2));
}
.mv-compass-svg{width:100%;height:100%;display:block}
.mv-compass-needle{
  transform-origin:100px 100px;
  transform:rotate(-30deg);
}
.method-row.is-active .mv-compass-needle{
  animation:compassSwing 5s ease-in-out infinite;
}
@keyframes compassSwing{
  0%,100%{transform:rotate(-42deg)}
  25%{transform:rotate(-12deg)}
  50%{transform:rotate(-32deg)}
  75%{transform:rotate(-22deg)}
}
.method-row:not(.is-active) .mv-compass{color:rgba(255,255,255,0.25);filter:none}

/* --- Dashboard sliders (card 2 Construction) --- */
.mv-dash{
  position:relative;z-index:2;
  width:200px;
  display:flex;flex-direction:column;gap:16px;
  color:var(--violet);
  filter:drop-shadow(0 0 10px rgba(180,1,192,0.2));
}
.mv-dash-row{
  display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;
}
.mv-dash-lbl{
  font-family:'Montserrat',sans-serif;
  font-size:8px;font-weight:700;
  color:currentColor;
  letter-spacing:1.4px;
  opacity:0.75;
}
.mv-dash-track{
  position:relative;height:3px;
  background:rgba(180,1,192,0.15);
  border-radius:100px;
  overflow:visible;
}
.mv-dash-track::before{
  content:'';position:absolute;
  top:0;left:0;bottom:0;width:0;
  background:currentColor;
  border-radius:100px;
  opacity:0.55;
}
.mv-dash-thumb{
  position:absolute;
  top:50%;left:0;
  transform:translate(-50%,-50%);
  width:11px;height:11px;border-radius:50%;
  background:currentColor;
  box-shadow:0 0 6px currentColor, 0 0 0 3px rgba(180,1,192,0.15);
}
.method-row.is-active .mv-dash-thumb{
  animation:dashSlide 4.5s cubic-bezier(.5,0,.2,1) infinite;
}
.method-row.is-active .mv-dash-track::before{
  animation:dashFill 4.5s cubic-bezier(.5,0,.2,1) infinite;
}
.method-row.is-active .mv-dash-row:nth-child(1) .mv-dash-thumb,
.method-row.is-active .mv-dash-row:nth-child(1) .mv-dash-track::before{animation-delay:0s}
.method-row.is-active .mv-dash-row:nth-child(2) .mv-dash-thumb,
.method-row.is-active .mv-dash-row:nth-child(2) .mv-dash-track::before{animation-delay:0.18s}
.method-row.is-active .mv-dash-row:nth-child(3) .mv-dash-thumb,
.method-row.is-active .mv-dash-row:nth-child(3) .mv-dash-track::before{animation-delay:0.36s}
.method-row.is-active .mv-dash-row:nth-child(4) .mv-dash-thumb,
.method-row.is-active .mv-dash-row:nth-child(4) .mv-dash-track::before{animation-delay:0.54s}
@keyframes dashSlide{
  0%{left:0}
  30%,75%{left:var(--pos)}
  90%,100%{left:0}
}
@keyframes dashFill{
  0%{width:0}
  30%,75%{width:var(--pos)}
  90%,100%{width:0}
}
.method-row:not(.is-active) .mv-dash{color:rgba(255,255,255,0.25);filter:none}

/* --- Courbe ascendante + point-comète (card 3 Action) --- */
.mv-chart{
  position:relative;z-index:2;
  width:200px;height:120px;
  color:var(--violet);
  filter:drop-shadow(0 0 10px rgba(180,1,192,0.2));
}
.mv-chart-svg{width:100%;height:100%;display:block;overflow:visible}
.mv-chart-line{
  stroke-dasharray:320;stroke-dashoffset:320;
}
.method-row.is-active .mv-chart-line{
  animation:chartDraw 4s linear infinite;
}
@keyframes chartDraw{
  0%{stroke-dashoffset:320;opacity:0}
  8%{opacity:1}
  95%{stroke-dashoffset:0;opacity:1}
  100%{stroke-dashoffset:0;opacity:0}
}
.mv-chart-area{opacity:0}
.method-row.is-active .mv-chart-area{
  animation:chartArea 4s linear infinite;
}
@keyframes chartArea{
  0%,25%{opacity:0}
  80%{opacity:1}
  95%,100%{opacity:0}
}
.mv-chart-traveler{
  opacity:0;
  filter:drop-shadow(0 0 10px currentColor);
}
.method-row.is-active .mv-chart-traveler{
  animation:chartTraveler 4s linear infinite;
}
@keyframes chartTraveler{
  0%,5%{opacity:0;r:3}
  12%{opacity:1;r:5}
  90%{opacity:1;r:5;filter:drop-shadow(0 0 10px currentColor)}
  95%{opacity:1;r:7;filter:drop-shadow(0 0 18px currentColor)}
  100%{opacity:0;r:3}
}
.method-row:not(.is-active) .mv-chart{color:rgba(255,255,255,0.25);filter:none}
.method-row:not(.is-active) .mv-chart-line{stroke-dashoffset:0}
.method-row:not(.is-active) .mv-chart-traveler{display:none}

/* --- Infinity (card 4 Liberté) --- */
.mv-infinity{
  position:relative;z-index:2;
  width:220px;height:160px;
  color:var(--violet);
  filter:drop-shadow(0 0 10px rgba(180,1,192,0.2));
}
.mv-infinity-svg{width:100%;height:100%;display:block;overflow:visible}
.mv-inf-dot{filter:drop-shadow(0 0 8px currentColor)}
.mv-inf-dot-2{opacity:0.55}
.method-row:not(.is-active) .mv-infinity{color:rgba(255,255,255,0.25);filter:none}
.method-row:not(.is-active) .mv-inf-dot{display:none}
.mv-scene-curve{width:90%;height:90%;color:currentColor}
.mv-scene-curve path[id]{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.6,.2,1)}
.method-row.is-active .mv-scene-curve path[id]{stroke-dashoffset:0}
.mv-curve-end{opacity:0;transition:opacity 0.4s 1.3s}
.mv-curve-traveler{opacity:0;transition:opacity 0.4s 1.3s;filter:drop-shadow(0 0 8px currentColor)}
.method-row.is-active .mv-curve-end,
.method-row.is-active .mv-curve-traveler{opacity:1}

/* Scene 3 — orbites concentriques */
.mv-orbit{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}
.mv-orbit-ring{position:absolute;border-radius:50%;border:1.5px solid currentColor;opacity:0.3}
.mv-orbit-ring-1{width:60px;height:60px}
.mv-orbit-ring-2{width:110px;height:110px}
.mv-orbit-ring-3{width:170px;height:170px}
.mv-orbit-core{
  width:18px;height:18px;border-radius:50%;background:currentColor;
  box-shadow:0 0 24px currentColor;
}
.method-row.is-active .mv-orbit-ring-1{animation:orbitPulse 2.4s ease-in-out infinite}
.method-row.is-active .mv-orbit-ring-2{animation:orbitPulse 2.4s ease-in-out 0.3s infinite}
.method-row.is-active .mv-orbit-ring-3{animation:orbitPulse 2.4s ease-in-out 0.6s infinite}
@keyframes orbitPulse{
  0%,100%{transform:scale(0.95);opacity:0.2}
  50%{transform:scale(1.05);opacity:0.6}
}

/* Scene 4 — infinity */
.mv-infinity{width:280px;height:180px;color:currentColor}
.mv-infinity svg{width:100%;height:100%;filter:drop-shadow(0 0 8px currentColor)}

.method-row-middle{
  display:flex;flex-direction:row;align-items:center;
  padding:36px 40px 36px 72px;gap:18px;
  position:relative;z-index:3;
}
.method-badge{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  background:var(--violet);
  display:flex;align-items:center;justify-content:center;
  color:var(--white);
  box-shadow:0 2px 6px rgba(180,1,192,0.2);
  transition:transform 0.6s cubic-bezier(.2,.6,.2,1),background 0.4s,box-shadow 0.4s;
}
.method-badge svg{width:26px;height:26px;transition:transform 0.6s cubic-bezier(.2,.6,.2,1)}
.method-row.is-active .method-badge svg{animation:methodBadgeIcon 0.8s cubic-bezier(.2,.6,.2,1)}
@keyframes methodBadgeIcon{
  0%{transform:scale(0.6) rotate(-10deg);opacity:0.6}
  60%{transform:scale(1.1) rotate(4deg);opacity:1}
  100%{transform:scale(1) rotate(0)}
}
.method-row:not(.is-active) .method-badge{
  background:rgba(255,255,255,0.06);
  box-shadow:none;
  color:var(--gray-400);
}
.method-row-when{
  font-family:'Montserrat',sans-serif;
  font-size:11px;font-weight:700;
  color:var(--violet);
  letter-spacing:2.5px;text-transform:uppercase;
}
.method-row-middle h3{
  font-family:'Montserrat',sans-serif;
  font-size:32px;font-weight:800;
  color:var(--white);letter-spacing:-0.6px;
  line-height:1.15;
  margin-top:2px;
}
.method-row-text{
  display:block;
  align-self:center;
  padding:36px 48px 36px 0;
  margin-left:-40px;
  font-size:15px;color:var(--gray-400);line-height:1.75;
  position:relative;z-index:3;
}
.method-row-text em{
  font-style:italic;color:var(--gray-300,rgba(255,255,255,0.75));
}
.method-row-middle h3 sup{
  font-size:0.5em;color:var(--violet);margin-left:2px;
  vertical-align:super;line-height:0;font-weight:700;
}

/* --- mini-visuels à droite --- */
.mv{width:200px;height:110px;position:relative}
.mv-plan{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px 18px;background:rgba(0,0,0,0.3);border:1px solid rgba(180,1,192,0.15);border-radius:12px;width:200px;height:auto}
.mv-plan-line{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px}
.mv-plan-line span{font-size:11px;font-weight:700;color:var(--gray-400);letter-spacing:0.6px}
.mv-plan-line i{
  display:block;height:7px;border-radius:100px;position:relative;
  background:linear-gradient(90deg,var(--violet),#d445df);
  transform-origin:left center;transform:scaleX(0);
  transition:transform 0.9s cubic-bezier(.2,.6,.2,1),background 0.4s;
  overflow:hidden;
}
.method-row.is-active .mv-plan-line:nth-child(1) i{transform:scaleX(1);transition-delay:0.1s}
.method-row.is-active .mv-plan-line:nth-child(2) i{transform:scaleX(1);transition-delay:0.25s}
.method-row.is-active .mv-plan-line:nth-child(3) i{transform:scaleX(1);transition-delay:0.4s}
/* shimmer continu dans chaque barre */
.method-row.is-active .mv-plan-line i::after{
  content:'';position:absolute;top:0;left:-50%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);
  animation:planShimmer 2.4s linear infinite;
}
.method-row.is-active .mv-plan-line:nth-child(2) i::after{animation-delay:0.3s}
.method-row.is-active .mv-plan-line:nth-child(3) i::after{animation-delay:0.6s}
@keyframes planShimmer{
  0%{left:-50%}
  100%{left:150%}
}
.method-row:not(.is-active) .mv-plan{border-color:rgba(255,255,255,0.05)}
.method-row:not(.is-active) .mv-plan-line i{background:rgba(255,255,255,0.15);transform:scaleX(1)}

.mv-curve{width:200px;height:90px;display:block;color:var(--violet);overflow:visible}
.mv-curve path{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.6,.2,1)}
.mv-curve-end{opacity:0;transition:opacity 0.4s 1.1s}
.mv-curve-traveler{opacity:0;transition:opacity 0.3s}
.method-row.is-active .mv-curve path{stroke-dashoffset:0}
.method-row.is-active .mv-curve-end{opacity:1;animation:curveDotPulse 1.8s ease-in-out 1.2s infinite}
.method-row.is-active .mv-curve-traveler{
  opacity:1;transition-delay:1.2s;
  filter:drop-shadow(0 0 6px rgba(180,1,192,0.9));
}
@keyframes curveDotPulse{
  0%,100%{r:3;filter:drop-shadow(0 0 0 rgba(180,1,192,0))}
  50%{r:4;filter:drop-shadow(0 0 6px rgba(180,1,192,0.7))}
}
.method-row:not(.is-active) .mv-curve{color:rgba(255,255,255,0.2)}
.method-row:not(.is-active) .mv-curve path{stroke-dashoffset:0}
.method-row:not(.is-active) .mv-curve-end{opacity:1}

.mv-auto{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:100px;
  background:rgba(180,1,192,0.1);
  border:1px solid rgba(180,1,192,0.25);
  position:relative;
}
.mv-auto-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--violet);
  box-shadow:0 0 0 4px rgba(180,1,192,0.2);
  animation:pulseDot 2s ease-in-out infinite;
  position:relative;
}
.method-row.is-active .mv-auto-dot::before,
.method-row.is-active .mv-auto-dot::after{
  content:'';position:absolute;inset:0;border-radius:50%;
  border:2px solid var(--violet);
  animation:autoRing 2.4s cubic-bezier(.2,.6,.2,1) infinite;
}
.method-row.is-active .mv-auto-dot::after{animation-delay:1.2s}
@keyframes autoRing{
  0%{transform:scale(1);opacity:0.8}
  100%{transform:scale(3.5);opacity:0}
}
.mv-auto-lbl{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--white);letter-spacing:0.6px;text-transform:uppercase}
.method-row:not(.is-active) .mv-auto{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.05)}
.method-row:not(.is-active) .mv-auto-dot{background:rgba(255,255,255,0.2);box-shadow:none;animation:none}
.method-row:not(.is-active) .mv-auto-lbl{color:var(--gray-500)}

.mv-life{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:rgba(0,0,0,0.3);border:1px solid rgba(180,1,192,0.15);border-radius:12px;width:220px}
.mv-life-year{
  display:flex;justify-content:space-between;align-items:center;font-family:'Montserrat',sans-serif;
  opacity:0;transform:translateX(-8px);
  transition:opacity 0.5s cubic-bezier(.2,.6,.2,1),transform 0.5s cubic-bezier(.2,.6,.2,1);
}
.mv-life-year span{font-size:11px;color:var(--gray-400);font-weight:600;letter-spacing:0.4px}
.mv-life-year b{font-size:14px;color:var(--violet);font-weight:700}
.method-row.is-active .mv-life-year{opacity:1;transform:translateX(0)}
.method-row.is-active .mv-life-year:nth-child(1){transition-delay:0.15s}
.method-row.is-active .mv-life-year:nth-child(2){transition-delay:0.35s}
.method-row.is-active .mv-life-year:nth-child(3){transition-delay:0.55s}
.method-row:not(.is-active) .mv-life{border-color:rgba(255,255,255,0.05)}
.method-row:not(.is-active) .mv-life-year{opacity:1;transform:translateX(0)}
.method-row:not(.is-active) .mv-life-year b{color:rgba(255,255,255,0.35)}

.method-foot{
  text-align:center;
  font-size:13px;
  color:var(--gray-500);
  margin-top:48px;
  max-width:720px;
  margin-left:auto;margin-right:auto;
  line-height:1.7;
  font-style:italic;
}
.method-foot span{color:var(--violet);font-weight:700;margin-right:4px}
.bento{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;margin-top:48px;
}
.bento-card{
  background:var(--dark-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  padding:28px;
  transition:border-color 0.3s,transform 0.2s;
  position:relative;overflow:hidden;
}
.bento-card:hover{
  border-color:rgba(180,1,192,0.2);
  transform:translateY(-2px);
}
.bento-card h3{
  font-size:18px;font-weight:700;margin-bottom:8px;
  font-family:'Montserrat',sans-serif;color:var(--white);
}
.bento-card p{
  font-size:14px;color:var(--gray-400);line-height:1.7;
}
.bento-card p strong{color:var(--white)}
.bento-stat{
  font-size:64px;font-weight:900;letter-spacing:-3px;line-height:1;
  color:var(--violet);margin-bottom:8px;
  font-family:'Inter',sans-serif;
}
.bento-highlight{
  background:linear-gradient(135deg,rgba(180,1,192,0.08),rgba(180,1,192,0.02));
  border-color:rgba(180,1,192,0.15);
}
.bento-link{
  display:inline-block;margin-top:16px;
  font-size:13px;font-weight:600;color:var(--violet);
}
.bento-link:hover{color:var(--white)}
.bento-d-cta{align-self:flex-start;margin-top:16px}

/* ===== BENTO V2 — entrepreneurs.com style layout ===== */
.bento-v2{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:auto auto auto;
  grid-template-areas:
    "a b b"
    "a c d"
    "e e d";
  gap:16px;margin-top:48px;
}
.bento-a{grid-area:a;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.bento-b{grid-area:b;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:stretch;align-self:start}
.bento-b .bento-txt{justify-content:space-between;height:100%}
.bento-c{grid-area:c;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:320px;padding-top:60px}
.bento-d{grid-area:d;display:flex;flex-direction:column;gap:20px;min-height:320px;padding-top:60px}
.bento-e{grid-area:e;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.bento-e .bento-txt{padding-top:12px}
.bento-v2 .bento-txt{display:flex;flex-direction:column}
.bento-v2 .bento-txt p{margin-top:4px}

/* --- Mock: plan patrimonial (card A) --- */
.mock-plan{
  background:rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;padding:18px;
}
.mock-plan-head{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:14px}
.mock-plan-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:var(--white);letter-spacing:0.3px}
.mock-plan-sub{font-size:11px;color:var(--gray-500);margin-top:3px}
.mock-plan-row{display:grid;grid-template-columns:36px 1fr 36px;gap:10px;align-items:center;margin:10px 0}
.mock-plan-lbl{font-size:11px;font-weight:600;color:var(--gray-400);letter-spacing:0.5px}
.mock-plan-bar{height:6px;background:rgba(255,255,255,0.06);border-radius:100px;overflow:hidden}
.mock-plan-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),#d445df);border-radius:100px}
.mock-plan-val{font-size:11px;color:var(--white);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.mock-plan-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.06)}
.mock-plan-tag{font-size:10px;color:var(--gray-400);background:rgba(180,1,192,0.08);border:1px solid rgba(180,1,192,0.18);padding:3px 8px;border-radius:100px;letter-spacing:0.3px}

/* --- Bento vertical ticker --- */
.bento-ticker{
  height:24px;overflow:hidden;
  margin-top:14px;position:relative;
  display:flex;align-items:flex-start;gap:10px;
}
.bento-ticker-icons-wrap{
  width:18px;height:24px;overflow:hidden;
  flex-shrink:0;
}
.bento-ticker-icons{
  display:flex;flex-direction:column;
  animation:tickerScroll 8s ease-in-out infinite;
  color:var(--white);
}
.bento-ticker-icons svg{
  width:18px;height:18px;
  padding:3px 0;
  flex-shrink:0;
  box-sizing:content-box;
}
.bento-ticker-track{
  flex:1;overflow:hidden;
  display:flex;flex-direction:column;
  animation:tickerScroll 8s ease-in-out infinite;
}
.bento-ticker-track span{
  height:24px;line-height:24px;
  font-size:13px;color:var(--gray-300);
  white-space:nowrap;
}
@keyframes tickerScroll{
  0%,18%{transform:translateY(0)}
  25%,43%{transform:translateY(-24px)}
  50%,68%{transform:translateY(-48px)}
  75%,93%{transform:translateY(-72px)}
  100%{transform:translateY(-96px)}
}

/* --- Mock: MacBook 3D image (card A) --- */
.mock-macbook{
  margin-top:auto;margin-bottom:24px;
  animation:macbookFloat 6s ease-in-out infinite;
}
@keyframes macbookFloat{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(8px,-10px)}
}
.mock-macbook img{
  width:100%;display:block;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,0.4));
}

/* --- Mock: coachs (card B) — photos de profil --- */
.mock-coach{display:flex;flex-direction:column;gap:6px}
.mock-coach-card{
  display:flex;align-items:center;gap:12px;
  background:rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;padding:10px 14px;
  opacity:0.55;
  animation:coachRotate 9s ease-in-out infinite;
}
@keyframes coachRotate{
  0%{opacity:0.55;border-color:rgba(255,255,255,0.06);background:rgba(0,0,0,0.3)}
  4%,28%{opacity:1;border-color:var(--violet);background:linear-gradient(90deg,rgba(180,1,192,0.12),rgba(0,0,0,0.3))}
  38%,100%{opacity:0.55;border-color:rgba(255,255,255,0.06);background:rgba(0,0,0,0.3)}
}
.mock-coach-avatar{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;
  overflow:hidden;
  background:#1a1a1a;
  border:2px solid rgba(180,1,192,0.25);
  animation:coachAvatarGlow 9s ease-in-out infinite;
  animation-delay:inherit;
}
.mock-coach-avatar img{
  width:100%;height:100%;object-fit:cover;object-position:center 15%;
  display:block;
}
@keyframes coachAvatarGlow{
  0%{border-color:rgba(180,1,192,0.25);box-shadow:0 0 0 0 rgba(180,1,192,0)}
  4%,28%{border-color:var(--violet);box-shadow:0 0 0 3px rgba(180,1,192,0.2)}
  38%,100%{border-color:rgba(180,1,192,0.25);box-shadow:0 0 0 0 rgba(180,1,192,0)}
}
.mock-coach-online{
  animation:coachStatusShow 9s ease-in-out infinite;
  animation-delay:inherit;
}
@keyframes coachStatusShow{
  0%{opacity:0}
  4%,28%{opacity:1}
  38%,100%{opacity:0}
}
.mock-coach-meta{flex:1;min-width:0}
.mock-coach-name{font-size:14px;font-weight:700;color:var(--white);font-family:'Montserrat',sans-serif}
.mock-coach-role{font-size:11px;color:var(--gray-500);margin-top:2px}
.mock-coach-online{display:flex;align-items:center;gap:6px;font-size:10px;color:#4ade80;font-weight:600;letter-spacing:0.3px}
.mock-coach-online span{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,0.15);animation:pulseDot 2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:0.5}}

/* --- Mock: stat curve (card C) --- */
.mock-stat{position:absolute;inset:0;pointer-events:none;opacity:0.65}
.mock-stat-curve{width:100%;height:100%;display:block}
.bento-c .bento-stat{position:relative;z-index:1}
.bento-c h3{position:relative;z-index:1}
.bento-c p{position:relative;z-index:1}

/* --- Mock: chat messages (card D) --- */
.mock-chat{display:flex;flex-direction:column;gap:12px}
.mock-chat-msg{
  display:flex;gap:10px;align-items:flex-start;
  background:rgba(0,0,0,0.25);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:12px;padding:12px;
}
.mock-chat-av{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--violet),#d445df);
  display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;color:var(--white);
}
.mock-chat-av--2{background:linear-gradient(135deg,#5b7fa6,#3d5a7f)}
.mock-chat-av--3{background:linear-gradient(135deg,#a68a5b,#7f6a45)}
.mock-chat-body{flex:1;min-width:0}
.mock-chat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}
.mock-chat-head b{font-size:12px;color:var(--white);font-family:'Montserrat',sans-serif;font-weight:700}
.mock-chat-head span{font-size:10px;color:var(--gray-500)}
.mock-chat-text{font-size:12px;color:var(--gray-400);line-height:1.5}

/* --- Mock: appel (card E) --- */
.mock-call-card{
  background:linear-gradient(135deg,rgba(180,1,192,0.12),rgba(0,0,0,0.3));
  border:1px solid rgba(180,1,192,0.2);
  border-radius:14px;padding:20px;
}

/* --- Mock: cercle prive (card D) — carte de membre 3D --- */
.mock-memcard{
  display:flex;justify-content:center;align-items:center;
  padding:16px 0 8px;perspective:1000px;
}
.memcard{
  width:100%;max-width:340px;aspect-ratio:1.586/1;
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 20% 0%,rgba(180,1,192,0.25) 0%,transparent 50%),
    linear-gradient(135deg,#0f0f0f 0%,#140818 60%,#1a0a1c 100%);
  border:1px solid rgba(180,1,192,0.3);
  border-radius:14px;padding:18px 20px;
  display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.5),
    0 0 0 1px rgba(255,255,255,0.04) inset,
    0 0 40px rgba(180,1,192,0.12);
  transform-style:preserve-3d;
  animation:memcardBreathe 8s ease-in-out infinite;
}
.memcard::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.07) 50%,transparent 70%);
  background-size:220% 100%;
  animation:memcardShine 6s linear infinite;
  pointer-events:none;
}
.memcard > *{position:relative;z-index:1}
.memcard-top,.memcard-bot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.memcard-logo{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:22px;color:var(--violet);letter-spacing:-0.5px;line-height:1;
}
.memcard-logo-dot{color:var(--violet)}
.memcard-tag{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:9px;
  color:var(--violet);letter-spacing:3px;
  padding:4px 8px;border:1px solid rgba(180,1,192,0.45);border-radius:4px;
}
.memcard-num{
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;
  color:#fff;letter-spacing:1px;
}
.memcard-name{
  font-family:'Inter',sans-serif;font-size:10px;
  color:rgba(255,255,255,0.4);letter-spacing:1.5px;text-transform:uppercase;
  margin-top:4px;
}
.memcard-access{
  font-family:'Inter',sans-serif;font-size:10px;
  color:rgba(255,255,255,0.55);letter-spacing:0.5px;
}
.memcard-since{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:9px;
  color:rgba(255,255,255,0.55);letter-spacing:2px;
  white-space:nowrap;
}
@keyframes memcardBreathe{
  0%,100%{transform:rotateX(2deg) rotateY(-3deg) translateZ(0)}
  50%{transform:rotateX(-1.5deg) rotateY(3deg) translateZ(8px)}
}
@keyframes memcardShine{
  0%{background-position:220% 0}
  100%{background-position:-120% 0}
}
.mock-circle-photo{
  position:relative;border-radius:14px;overflow:hidden;
  border:1px solid var(--dark-border);
  aspect-ratio:4/3;
}
.mock-circle-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block;
}

/* --- Mock: timeline seances coaching (card C) --- */
.mock-sessions{
  position:relative;
  display:grid;grid-template-columns:repeat(3,1fr);
  align-items:center;justify-items:center;
  padding:32px 8px;
}
.mock-sessions-line{
  position:absolute;left:0;right:0;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(180,1,192,0.3) 6%,rgba(180,1,192,0.3) 94%,transparent 100%);
  z-index:0;
}
.mock-session{
  position:relative;z-index:1;
  width:52px;height:52px;border-radius:14px;
  background:#1a1a1a;border:1px solid var(--dark-border);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,0.35);
}
.mock-session svg{width:22px;height:22px}
.mock-session--done{background:#222;color:rgba(255,255,255,0.7)}
.mock-session--upcoming{color:rgba(255,255,255,0.45)}
.mock-session--active{
  width:56px;height:56px;border-radius:14px;border:0;
  background:linear-gradient(135deg,var(--violet),#d445df);
  color:var(--white);
  box-shadow:0 0 0 6px rgba(180,1,192,0.15),0 0 30px rgba(180,1,192,0.55);
  animation:pulseDot 2.4s ease-in-out infinite;
}
.mock-session--active svg{width:26px;height:26px}
.mock-session--active::after{
  content:'APPEL 2';
  position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;
  color:var(--violet);letter-spacing:0.5px;white-space:nowrap;
}

/* --- Mock: perf portefeuille Thomas (card E) — screenshot reel --- */
.mock-perf{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px}
.mock-perf-frame{
  position:relative;
}
.mock-perf-frame img{
  width:100%;height:auto;display:block;border-radius:14px;
  border:1px solid rgba(255,255,255,0.08);
  position:relative;z-index:1;
}
.mock-perf-live{
  position:absolute;top:12px;left:12px;z-index:3;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(220,38,38,0.95);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:10px;
  letter-spacing:1.5px;
  padding:5px 10px;border-radius:4px;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.mock-perf-live-dot{
  width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,0.7);
  animation:liveDotPulse 1.8s ease-out infinite;
}
@keyframes liveDotPulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}
  70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.mock-perf-frame::after{
  content:'';position:absolute;inset:-10px;border-radius:22px;
  border:2px solid transparent;
  background:conic-gradient(from var(--border-angle,0deg),transparent 60%,var(--violet) 80%,transparent 100%) border-box;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:border-spin 3s linear infinite;
  pointer-events:none;z-index:2;
}

/* --- Mock: courbe long terme (card E) — legacy svg --- */
.mock-curve{position:relative;display:flex;flex-direction:column;gap:12px;padding:8px 0}
.mock-curve-svg{
  width:100%;height:auto;aspect-ratio:400/160;
  display:block;
}
.mock-curve-label{
  display:inline-flex;align-items:center;gap:12px;align-self:flex-start;
  font-size:15px;color:var(--gray-200);
  font-family:'Inter',sans-serif;
  padding:12px 20px;border-radius:100px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(180,1,192,0.25);
  white-space:nowrap;width:fit-content;max-width:100%;
  margin-top:28px;
  box-shadow:0 0 0 0 rgba(180,1,192,0);
  animation:labelGlow 3.2s ease-in-out infinite;
}
@keyframes labelGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(180,1,192,0);border-color:rgba(180,1,192,0.25)}
  50%{box-shadow:0 0 24px 2px rgba(180,1,192,0.25);border-color:rgba(180,1,192,0.55)}
}
.mock-curve-label strong{font-size:16px}
.mock-curve-label span{white-space:nowrap}
.mock-curve-label strong{color:var(--white);font-weight:700}
.mock-curve-dot{
  width:7px;height:7px;border-radius:50%;background:var(--violet);
  box-shadow:0 0 0 3px rgba(180,1,192,0.2);
  animation:pulseDot 2.4s ease-in-out infinite;
}

/* --- Mock: alertes opportunites (card E) — legacy --- */
.mock-alerts{display:flex;flex-direction:column;gap:10px}
.mock-alert{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--dark-border);
  border-radius:12px;padding:12px 14px;
  transition:border-color 0.3s,transform 0.3s;
}
.mock-alert:hover{border-color:rgba(180,1,192,0.25);transform:translateX(2px)}
.mock-alert-src{
  width:34px;height:34px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:0.5px;color:var(--white);
}
.mock-alert-src--ia{background:linear-gradient(135deg,var(--violet),#d445df);box-shadow:0 0 0 3px rgba(180,1,192,0.15)}
.mock-alert-src--coach{background:linear-gradient(135deg,#5b7fa6,#3d5a7f)}
.mock-alert-body{flex:1;min-width:0}
.mock-alert-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:var(--white);margin-bottom:2px}
.mock-alert-meta{font-size:12px;color:var(--gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-alert-time{font-size:11px;color:var(--gray-500);font-variant-numeric:tabular-nums;flex-shrink:0}
.mock-call-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--violet);letter-spacing:0.5px;text-transform:uppercase;margin-bottom:12px}
.mock-call-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px rgba(180,1,192,0.2);animation:pulseDot 2s ease-in-out infinite}
.mock-call-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:var(--white);margin-bottom:4px}
.mock-call-meta{font-size:12px;color:var(--gray-400);margin-bottom:16px}
.mock-call-people{display:flex;align-items:center;gap:-6px}
.mock-call-av{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--violet),#d445df);
  display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;color:var(--white);
  border:2px solid var(--dark-card);
}
.mock-call-av--2{background:linear-gradient(135deg,#5b7fa6,#3d5a7f);margin-left:-10px}
.mock-call-btn{
  margin-left:auto;
  background:var(--violet);color:var(--white);
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;
  padding:8px 16px;border-radius:100px;letter-spacing:0.3px;
}

/* === STORY === */
.story{background:var(--dark-card);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:48px}
.story-text p{font-size:16px;color:var(--gray-200);line-height:1.8;margin-bottom:14px}
.story-text p strong{color:var(--white)}
.story-sig{margin-top:28px}
.story-sig .name{font-family:'Playfair Display',serif;font-size:20px;font-weight:700}
.story-sig .role{font-size:13px;color:var(--gray-500);margin-top:4px}
.story-photo{
  background:var(--dark);border-radius:var(--radius-lg);aspect-ratio:1;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--dark-border);color:var(--gray-500);
  font-size:14px;text-align:center;padding:32px;
}

/* === PILLARS / METHOD === */
.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.p-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:16px;padding:24px 20px;text-align:center;
  transition:transform 0.2s,border-color 0.2s;
}
.p-card:hover{transform:translateY(-3px);border-color:var(--violet)}
.p-icon{
  width:48px;height:48px;background:var(--violet-soft);border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  margin:0 auto 16px;
}
.p-card h3{font-size:16px;font-weight:700;margin-bottom:8px}
.p-card p{font-size:14px;color:var(--gray-400);line-height:1.6}
.step-n{
  width:40px;height:40px;background:var(--violet);color:var(--white);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:16px;margin:0 auto 12px;
}

/* === TESTIMONIALS (cards) === */
.testi{background:var(--dark-card);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}
.t-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.t-card{
  background:var(--dark);border:1px solid var(--dark-border);
  border-radius:var(--radius);padding:24px;transition:border-color 0.2s;
}
.t-card:hover{border-color:var(--violet)}
.t-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}
.t-name{font-weight:700;font-size:15px}
.t-meta{font-size:13px;color:var(--gray-500);margin-top:2px}
.t-badge{
  background:var(--green-bg);color:var(--green);font-size:13px;font-weight:700;
  padding:4px 10px;border-radius:6px;white-space:nowrap;
}
.t-details{font-size:14px;color:var(--gray-400);line-height:1.7}
.t-perf{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin:12px 0;font-size:13px;
}
.t-perf-item{
  background:var(--dark-card);border-radius:8px;padding:10px 12px;
  border:1px solid var(--dark-border);
}
.t-perf-item .label{color:var(--gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.t-perf-item .value{font-weight:700;font-size:16px;margin-top:2px}
.t-perf-item .value.green{color:var(--green)}
.t-result{font-weight:700;color:var(--violet);font-size:15px;margin-top:10px}
.t-quote{
  background:var(--dark-card);border-radius:10px;padding:16px;margin-top:12px;
  font-size:13px;color:var(--gray-200);line-height:1.7;font-style:italic;
  border-left:3px solid var(--violet);
}

/* === TEAM PAGE === */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.team-card{
  background:transparent;border:none;
  text-align:center;position:relative;
  transition:transform 0.3s;
}
.team-card::before{
  content:'';position:absolute;inset:-5% -10% 20%;
  background:radial-gradient(ellipse at 50% 45%, rgba(180,1,192,0.45), transparent 60%);
  filter:blur(50px);z-index:-1;opacity:0.8;
  transition:opacity 0.3s;
}
.team-card:hover{transform:translateY(-4px)}
.team-card:hover::before{opacity:1}
.team-card-photo{
  aspect-ratio:1;background:transparent;overflow:visible;
  display:flex;align-items:flex-end;justify-content:center;
  position:relative;
}
.team-card-photo img{
  width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;
}
.team-card-body{padding:20px 8px 0}
.team-card-body h3{font-size:17px;font-weight:700;margin-bottom:2px}
.team-card-body .team-role{font-size:13px;color:var(--violet);font-weight:600;margin-bottom:8px}
.team-card-body p{font-size:14px;color:var(--gray-400);line-height:1.6}
.team-founder{
  display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;margin-top:48px;
}
.team-founder-photo{
  background:var(--dark-card);border-radius:var(--radius-lg);aspect-ratio:1;
  overflow:hidden;border:1px solid var(--dark-border);
}
.team-founder-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
}
.team-founder-text h2{margin-bottom:20px}
.team-founder-text p{font-size:16px;color:var(--gray-200);line-height:1.8;margin-bottom:14px}
.team-founder-text p strong{color:var(--white)}

/* === PROOFS SECTION (mon-histoire) === */
.proofs-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;
  align-items:stretch;
}
.proof-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:border-color 0.2s,transform 0.3s;
  margin:0;display:flex;flex-direction:column;
}
.proof-card:hover{border-color:var(--violet);transform:translateY(-4px)}
.proof-card-media{
  aspect-ratio:4/3;background:#fff;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid var(--dark-border);
}
.proof-card-media img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.proof-card figcaption{
  padding:24px;font-size:14px;color:var(--gray-300);line-height:1.7;
}
.proof-card figcaption strong{
  display:block;color:var(--white);font-size:17px;margin-bottom:10px;
  font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:-0.3px;
}
.proof-card figcaption strong[style*="violet"]{
  display:inline;font-size:inherit;margin-bottom:0;font-family:inherit;
}
@media(max-width:768px){
  .proofs-grid{grid-template-columns:1fr;gap:24px}
}

/* === TESTIMONIALS PAGE — HERO GRID DESTRUCTUREE === */
.testi-hero{padding:0 24px}
.thg-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  align-items:start;
}
.thg-col-center{display:flex;flex-direction:column;gap:20px}

/* Video card (vertical phone-style, overlay caption + play button) */
.thg-video{
  position:relative;display:block;overflow:hidden;
  border-radius:var(--radius-lg);background:#000;
  border:1px solid var(--dark-border);
  cursor:pointer;text-decoration:none;
  transition:border-color 0.2s,transform 0.2s;
}
.thg-video:hover{border-color:var(--violet);transform:translateY(-2px)}
.thg-video--tall{aspect-ratio:3/4}
.thg-video--short{aspect-ratio:4/5}
.thg-video img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.thg-video::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,0.85) 100%);
  pointer-events:none;
}
.thg-play{
  position:absolute;top:20px;right:20px;z-index:2;
  width:56px;height:56px;border-radius:50%;
  background:rgba(0,0,0,0.55);border:1.5px solid rgba(255,255,255,0.3);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background 0.2s,transform 0.2s;
}
.thg-play:hover{background:var(--violet);transform:scale(1.05)}
.thg-play::before{
  content:'';display:block;width:0;height:0;margin-left:4px;
  border-left:12px solid #fff;
  border-top:8px solid transparent;border-bottom:8px solid transparent;
}
.thg-video-caption{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  padding:20px 22px;color:#fff;
}
.thg-video-caption blockquote{
  font-size:15px;line-height:1.5;margin:0 0 10px;
  font-style:italic;color:#fff;
}
.thg-video-caption .thg-video-author{
  font-size:13px;color:rgba(255,255,255,0.75);
}
.thg-video-caption .thg-video-author strong{
  color:#fff;font-weight:600;display:block;margin-bottom:2px;
}

/* Quote card (temoignage ecrit centre haut, style entrepreneurs.com) */
.thg-quote-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);padding:28px 26px;
  display:flex;flex-direction:column;gap:0;
}
.thg-stars{
  color:#FFB800;font-size:16px;letter-spacing:3px;
  margin-bottom:18px;line-height:1;
}
.thg-quote-card blockquote{
  font-size:16px;color:var(--gray-200);line-height:1.55;
  margin:0 0 22px;font-style:italic;
}
.thg-quote-author{font-size:13px;color:var(--gray-500);margin-bottom:14px}
.thg-quote-author strong{
  display:block;color:var(--white);font-weight:600;
  font-size:14px;margin-bottom:2px;
}
.thg-quote-result{
  display:inline-flex;align-items:center;align-self:flex-start;
  background:var(--green-bg);color:var(--green);
  font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;
}

/* Carousel Skeepers section (card blanche en tete, card dans page dark) */
.testi-carousel-section{padding:0 24px 48px}
.testi-carousel-white-card{
  background:#fff;border-radius:var(--radius-lg);
  padding:36px 32px 20px;overflow:hidden;
}
.testi-carousel-white-card .skeepers_carousel_container{
  overflow:hidden;max-width:100%;
}
.testi-carousel-label{
  font-size:11px;color:#777;
  text-transform:uppercase;letter-spacing:2px;
  margin-bottom:24px;text-align:center;font-weight:700;
}
.testi-carousel-white-card .skeepers_carousel_container{margin-bottom:0 !important}
.testi-carousel-white-card .skeepers_carousel_container nav{
  background:transparent !important;border:none !important;
}

/* === TESTIMONIALS PAGE — MASONRY (largeur fixe, hauteur auto) === */
.testi-volume{
  columns:3;column-gap:16px;margin-top:64px;
}
.tv-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius);padding:20px;
  transition:border-color 0.2s;
  break-inside:avoid;margin-bottom:16px;
  display:inline-block;width:100%;
}
.tv-card:hover{border-color:var(--violet)}
.tv-card blockquote{
  font-size:14px;color:var(--gray-200);line-height:1.7;
  font-style:italic;margin-bottom:12px;
}
.tv-card blockquote::before{
  content:'\201C';font-family:'Playfair Display',serif;font-size:36px;
  color:var(--violet);display:block;line-height:1;margin-bottom:6px;
}
.tv-card .tv-author{font-size:13px;color:var(--gray-500)}
.tv-card .tv-author strong{color:var(--gray-400);font-weight:600}
.tv-card .tv-result{
  display:inline-block;margin-top:8px;
  background:var(--green-bg);color:var(--green);
  font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;
}

/* === TEMOIGNAGES WALL — masonry CSS columns (entrepreneurs.com style) === */
.wall-section{padding:0 24px}

.wall{
  columns:3;
  column-gap:14px;
  margin-top:16px;
}

.wall-card{
  background:var(--dark-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius);
  padding:22px;
  overflow:hidden;
  position:relative;
  transition:border-color 0.2s, transform 0.2s;
  break-inside:avoid;
  margin-bottom:14px;
  display:block;
  width:100%;
}
.wall-card:hover{border-color:var(--violet);transform:translateY(-2px)}

/* Force le saut de colonne avant cette card (utile pour placer un post en tete de col 2) */
.wall-card--start-col{break-before:column;-webkit-column-break-before:always}

/* Photo cinematic 2x2 */
.wall-card--photo{padding:0;background:#0a0a0a;border:1px solid var(--dark-border)}
.wall-card--photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.88}
.wall-card--photo .wall-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.1) 55%, rgba(0,0,0,0) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;
}
.wall-card--photo blockquote{
  font-family:'DM Serif Display', serif;
  font-size:22px;line-height:1.3;color:#fff;font-style:italic;
  margin:0 0 12px;letter-spacing:-0.2px;
}
.wall-card--photo .wall-meta{font-size:12px;color:rgba(255,255,255,0.7);line-height:1.4}
.wall-card--photo .wall-meta strong{color:#fff;font-weight:700;display:block;font-size:13px}

/* Screenshot avis verifie 1x2 */
.wall-card--avis{padding:0;background:#fff;border-color:rgba(255,255,255,0.08)}
.wall-card--avis img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.wall-card--avis .wall-badge{
  position:absolute;top:12px;right:12px;z-index:2;
  background:rgba(0,0,0,0.85);color:#fff;
  font-size:9px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;
  padding:4px 10px;border-radius:100px;
}

/* Screenshot post communaute TLB — masonry, hauteur auto selon ratio image */
.wall-card--post{padding:0;background:#fff;border-color:rgba(255,255,255,0.08)}
.wall-card--post img{width:100%;height:auto;display:block}
.wall-card--post .wall-badge{
  position:absolute;top:12px;right:12px;z-index:2;
  background:var(--violet);color:#fff;
  font-size:9px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;
  padding:4px 10px;border-radius:100px;
}

/* Temoignage video YouTube — entrepreneurs.com style (1 col masonry, 16:9) */
.wall-card--video{padding:0;background:#0a0a0a;overflow:hidden}
.wall-card--video .video-thumb{
  position:relative;width:100%;aspect-ratio:16/9;
  background:#000;cursor:pointer;border:none;padding:0;display:block;margin:0;
  overflow:hidden;
}
.wall-card--video .video-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity 0.3s;
}
.wall-card--video .video-thumb:hover img{opacity:0.92}
.wall-card--video .video-play{
  position:absolute;top:16px;right:16px;z-index:3;
  width:44px;height:44px;border-radius:50%;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s, transform 0.2s;pointer-events:none;
}
.wall-card--video .video-thumb:hover .video-play{background:rgba(180,1,192,0.95);transform:scale(1.05)}
.wall-card--video .video-play::before{
  content:'';width:0;height:0;
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
.wall-card--video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.wall-card--video .video-quote{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:22px 20px 16px;
  background:linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0) 100%);
}
.wall-card--video .video-quote blockquote{
  margin:0;
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:17px;line-height:1.3;color:#fff;letter-spacing:-0.2px;
}
.wall-card--video .video-caption{padding:18px 22px 22px;background:#0a0a0a}
.wall-card--video .video-meta strong{color:#fff;font-weight:700;display:block;font-size:15px;margin-bottom:4px}
.wall-card--video .video-meta span{color:var(--gray-500);font-size:13px;line-height:1.5}
.wall-card--video .video-calc{
  margin-top:14px;padding-top:14px;
  border-top:1px solid var(--dark-border);
}
.wall-card--video .video-calc-row{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:12px;color:var(--gray-400);
  padding:4px 0;line-height:1.5;gap:12px;
}
.wall-card--video .video-calc-row strong{
  color:#fff;font-weight:700;font-size:13px;
  font-variant-numeric:tabular-nums;
}
.wall-card--video .video-calc-row--gains span{color:var(--gray-300);font-weight:600;font-size:13px}
.wall-card--video .video-calc-row--gains strong{
  color:#d946ef;font-size:15px;font-weight:700;
  text-shadow:0 0 12px rgba(217,70,239,0.4);
}


/* Quote + avatar + meta 1x1 */
.wall-card--quote blockquote{
  font-size:14px;line-height:1.65;color:var(--gray-200);
  font-style:italic;margin:0 0 14px;flex:1;
  overflow:hidden;
}
.wall-card--quote blockquote::before{
  content:'\201C';font-family:'DM Serif Display',serif;
  font-size:44px;color:var(--violet);line-height:0.4;
  display:block;margin-bottom:14px;height:14px;
}
.wall-card--quote .wall-author{
  display:flex;gap:10px;align-items:center;
  padding-top:12px;border-top:1px solid var(--dark-border);
}
.wall-card--quote .wall-avatar{
  width:36px;height:36px;border-radius:50%;overflow:hidden;
  background:var(--dark-border);flex-shrink:0;
}
.wall-card--quote .wall-avatar img{width:100%;height:100%;object-fit:cover}
.wall-card--quote .wall-meta{font-size:11px;color:var(--gray-500);line-height:1.4}
.wall-card--quote .wall-meta strong{color:var(--gray-300);font-weight:600;display:block;font-size:13px}

/* Card resultat chiffre 1x1 */
.wall-card--result{
  background:linear-gradient(135deg, #180820 0%, #0c0410 100%);
  border-color:rgba(180,1,192,0.25);
  justify-content:center;align-items:center;text-align:center;
  padding:24px 18px;
}
.wall-card--result .wall-big{
  font-family:'DM Serif Display', serif;
  font-size:52px;color:var(--violet);font-style:italic;
  line-height:1;margin-bottom:10px;
}
.wall-card--result .wall-sub{font-size:12px;color:var(--gray-400);margin-bottom:18px;font-weight:500;line-height:1.5}
.wall-card--result .wall-meta{font-size:11px;color:var(--gray-500);line-height:1.4}
.wall-card--result .wall-meta strong{color:#fff;font-weight:600;display:block;font-size:13px}

/* Pull quote 2x1 (typo grande, minimaliste) */
.wall-card--pull{
  background:transparent;border:1px solid var(--dark-border);
  padding:32px 28px;justify-content:center;
}
.wall-card--pull blockquote{
  font-family:'DM Serif Display', serif;
  font-size:26px;line-height:1.3;color:#fff;font-style:italic;
  margin:0 0 16px;letter-spacing:-0.2px;
}
.wall-card--pull blockquote::before{
  content:'\201C';font-size:56px;color:var(--violet);
  line-height:0.5;display:block;margin-bottom:16px;height:20px;
}
.wall-card--pull .wall-meta{font-size:12px;color:var(--gray-500);line-height:1.4}
.wall-card--pull .wall-meta strong{color:var(--gray-300);font-weight:600;display:block;font-size:13px}

/* Polaroid photo 1x1 (photo + caption fond clair) */
.wall-card--polaroid{padding:14px;background:#fafafa;border-color:rgba(255,255,255,0.08)}
.wall-card--polaroid img{width:100%;height:calc(100% - 34px);object-fit:cover;border-radius:2px;display:block}
.wall-card--polaroid .wall-caption{
  font-family:'DM Serif Display',serif;font-style:italic;
  color:#111;font-size:13px;text-align:center;padding-top:10px;line-height:1.3;
}

/* Card membre photo seule 1x2 (verticale, photo plein cadre) */
.wall-card--member{padding:0;background:#0a0a0a}
.wall-card--member img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.92}
.wall-card--member .wall-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 45%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px;
}
.wall-card--member .wall-meta{font-size:11px;color:rgba(255,255,255,0.75);line-height:1.4}
.wall-card--member .wall-meta strong{color:#fff;font-weight:700;display:block;font-size:14px}

/* Responsive */
@media (max-width: 900px) {
  .wall{columns:2}
  .wall-card{margin-bottom:12px}
}
@media (max-width: 600px) {
  .wall{columns:1}
  .wall-card{padding:18px;margin-bottom:10px}
}

/* === EVENTS CAROUSEL — entrepreneurs.com style === */
.events-section{
  background:#040404;border-top:1px solid var(--dark-border);
}
.events-carousel{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  margin-top:48px;
}
.ev-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:border-color 0.3s,transform 0.2s;
}
.ev-card:hover{
  border-color:rgba(180,1,192,0.3);transform:translateY(-2px);
}
.ev-card-img{
  aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);
  display:flex;align-items:flex-end;padding:16px;
  position:relative;
}
.ev-date{
  font-size:12px;font-weight:600;color:var(--violet);
  background:rgba(180,1,192,0.15);
  padding:4px 10px;border-radius:6px;
}
.ev-card-body{padding:20px}
.ev-card-body h3{
  font-family:'Montserrat',sans-serif;
  font-size:20px;font-weight:800;line-height:1.2;margin-bottom:8px;
}
.ev-card-body p{font-size:13px;color:var(--gray-400);line-height:1.6;margin-bottom:8px}
.ev-type{font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;font-weight:600}

/* === RESOURCES — entrepreneurs.com style === */
.resources-section{
  background:#040404;border-top:1px solid var(--dark-border);
}
.resources-header{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:24px;
}
.resources-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  margin-top:32px;
}
.res-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:border-color 0.3s,transform 0.2s;
  text-decoration:none;color:inherit;
}
.res-card:hover{
  border-color:rgba(180,1,192,0.3);transform:translateY(-2px);
}
.res-card-img{
  aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);
  display:flex;align-items:flex-start;padding:12px;
  position:relative;
}
.res-tag{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1px;color:#fff;
  background:var(--violet);padding:4px 10px;border-radius:6px;
}
.res-card-body{padding:20px}
.res-card-body h3{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.3}
.res-card-body p{font-size:13px;color:var(--gray-400);line-height:1.6}

/* === FINAL CTA — entrepreneurs.com style === */
.final-cta-section{
  text-align:center;padding:120px 24px;
  position:relative;overflow:hidden;
  background:#040404;
}
.final-cta-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center top,rgba(180,1,192,0.1) 0%,transparent 60%);
}
.final-cta-title{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(28px,4vw,48px);font-weight:700;
  line-height:1.15;letter-spacing:-1px;
  max-width:700px;margin:0 auto;
}

/* === FAQ === */
.faq-list{max-width:680px;margin:48px auto 0}
.faq-item{border-bottom:1px solid var(--dark-border)}
.faq-q{
  width:100%;background:none;border:none;padding:22px 0;
  display:flex;justify-content:space-between;align-items:center;
  cursor:pointer;font-size:16px;font-weight:600;color:var(--white);
  text-align:left;font-family:inherit;
}
.faq-q:hover{color:var(--violet)}
.faq-icon{
  font-size:22px;font-weight:300;color:var(--violet);
  transition:transform 0.3s;flex-shrink:0;margin-left:16px;
}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}
.faq-item.open .faq-a{max-height:300px;padding-bottom:22px}
.faq-a p{font-size:15px;color:var(--gray-400);line-height:1.7}

/* Old final-cta removed — replaced by .final-cta-section above */

/* === FOOTER === */
footer{
  background:var(--dark);color:var(--gray-500);
  padding:40px 24px 28px;border-top:1px solid var(--dark-border);
}
.footer-in{
  max-width:var(--max-w);margin:0 auto;
  display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:32px;
}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-brand .logo--img{height:44px}
.footer-brand p{font-size:13px;margin:0;max-width:260px;line-height:1.6}
.footer-links{display:flex;gap:40px}
.footer-col h4{
  color:var(--white);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;
}
.footer-col a{
  display:block;color:var(--gray-500);text-decoration:none;
  font-size:13px;margin-bottom:8px;transition:color 0.2s;
}
.footer-col a:hover{color:var(--white)}
.footer-bottom{
  max-width:var(--max-w);margin:28px auto 0;padding-top:20px;
  border-top:1px solid var(--dark-border);font-size:12px;line-height:1.8;
}
.footer-disclaimer{color:var(--gray-600);margin-top:12px;font-size:11px;line-height:1.6;max-width:800px}

/* === RESSOURCES page === */
.res-hero{
  padding:120px 24px 40px;text-align:center;
  max-width:960px;margin:0 auto;position:relative;
}
.res-hero::before{
  content:'';position:absolute;top:40px;left:50%;transform:translateX(-50%);
  width:600px;height:300px;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse,rgba(180,1,192,0.1) 0%,transparent 70%);
}
.res-hero h1{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(36px,5.6vw,64px);font-weight:700;
  line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;color:#fff;
}
.res-hero h1 em{
  font-family:'DM Serif Display',serif;
  font-style:italic;font-weight:400;color:var(--violet);
  font-size:1.1em;
}
.res-hero p{
  font-size:17px;color:var(--gray-400);
  max-width:620px;margin:0 auto;line-height:1.65;
}

.res-filters{
  max-width:1200px;margin:40px auto 48px;padding:0 24px;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.res-chip{
  background:var(--dark-card);border:1px solid var(--dark-border);
  color:var(--gray-400);font-family:inherit;
  font-size:14px;font-weight:500;
  padding:10px 22px;border-radius:999px;
  cursor:pointer;transition:all 0.2s;
}
.res-chip:hover{color:var(--white);border-color:var(--dark-border-hover)}
.res-chip.active{
  background:var(--violet);border-color:var(--violet);color:var(--white);
}

.res-grid-section{padding:0 0 80px}
.res-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.res-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:16px;padding:16px;
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  transition:transform 0.3s,border-color 0.3s,box-shadow 0.3s;
  position:relative;overflow:hidden;
}
.res-card:hover{
  border-color:var(--violet-glow);transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(180,1,192,0.12);
}
.res-card-img{
  aspect-ratio:16/9;border-radius:12px;
  background:
    radial-gradient(circle at 30% 30%,rgba(180,1,192,0.25) 0%,transparent 50%),
    radial-gradient(circle at 70% 80%,rgba(180,1,192,0.15) 0%,transparent 50%),
    linear-gradient(135deg,rgba(180,1,192,0.08) 0%,rgba(20,8,25,0.4) 100%);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.res-card-img span{
  font-family:'DM Serif Display',serif;
  font-style:italic;font-weight:400;
  font-size:clamp(44px,5vw,68px);
  color:var(--violet);letter-spacing:-1px;
  text-align:center;
  text-shadow:0 4px 30px rgba(180,1,192,0.3);
}
.res-card-img--photo{background:none;padding:0;overflow:hidden}
.res-card-img--photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  border-radius:12px;
}
.res-card-badge{
  position:absolute;top:12px;right:12px;
  background:rgba(10,10,10,0.75);backdrop-filter:blur(10px);
  color:var(--white);font-size:12px;font-weight:600;
  padding:6px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,0.08);
}
.res-card-body{
  padding:20px 8px 8px;flex:1;
  display:flex;flex-direction:column;
}
.res-card-body h3{
  font-family:'Montserrat',sans-serif;
  font-size:18px;font-weight:700;line-height:1.35;
  margin-bottom:12px;color:var(--white);
  letter-spacing:-0.3px;
}
.res-card-body p{
  font-size:14px;color:var(--gray-400);line-height:1.6;
  margin-bottom:20px;flex:1;
}
.res-card-arrow{
  align-self:flex-end;
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--dark-border);
  display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);transition:all 0.3s;flex-shrink:0;
}
.res-card:hover .res-card-arrow{
  background:var(--violet);border-color:var(--violet);color:#fff;
}
.res-hidden{display:none}
.res-soon{
  text-align:center;margin-top:56px;
  color:var(--gray-500);font-size:14px;
  max-width:600px;margin-left:auto;margin-right:auto;
  line-height:1.6;
}

@media(max-width:1100px){
  .res-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .res-grid{grid-template-columns:1fr}
  .res-hero{padding-top:80px}
  .res-filters{gap:8px;margin-bottom:32px}
  .res-chip{padding:8px 16px;font-size:13px}
}

/* === ARTICLE DETAIL PAGE === */
.article-hero{
  max-width:1200px;margin:0 auto;padding:80px 24px 104px;
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
}
.article-back{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--gray-400);text-decoration:none;font-size:14px;font-weight:500;
  margin-bottom:24px;transition:color 0.2s;
}
.article-back:hover{color:var(--white)}
.article-breadcrumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:13px;margin-bottom:24px;
}
.article-breadcrumb a{
  color:var(--gray-400);text-decoration:none;transition:color 0.2s;
}
.article-breadcrumb a:hover{color:var(--white)}
.article-breadcrumb-sep{color:var(--gray-500);font-size:12px}
.article-breadcrumb-current{color:var(--white);font-weight:500}
.article-meta-top{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.article-cat-badge{
  background:var(--violet);color:#fff;
  padding:8px 18px;border-radius:999px;
  font-size:13px;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
}
.article-cat-badge .label-dim{color:rgba(255,255,255,0.7);font-weight:500}
/* "Aussi en vidéo" badge — scroll to video block */
.article-video-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:#fff;
  padding:7px 16px 7px 8px;border-radius:999px;
  font-size:13px;font-weight:600;
  border:1px solid rgba(255,255,255,0.25);
  text-decoration:none;
  transition:all 0.2s ease;
}
.article-video-badge:hover{
  background:rgba(255,0,0,0.1);
  border-color:#FF0000;
}
.article-video-badge-play{
  width:22px;height:22px;border-radius:50%;
  background:#FF0000;
  display:inline-flex;align-items:center;justify-content:center;
  padding-left:2px;flex-shrink:0;
}
.article-reading-time{
  background:transparent;color:var(--gray-400);
  padding:8px 16px;border-radius:999px;
  font-size:13px;font-weight:500;
  border:1px solid var(--dark-border);
  display:inline-flex;align-items:center;
}
.article-date-pill{
  background:transparent;color:var(--gray-400);
  padding:8px 18px;border-radius:999px;
  font-size:13px;font-weight:500;
  border:1px solid var(--dark-border);
}
.article-hero h1{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(28px,3.8vw,44px);font-weight:700;
  line-height:1.15;letter-spacing:-0.8px;margin-bottom:18px;
  color:var(--white);
}
.article-hero-desc{
  font-size:17px;color:var(--gray-300);line-height:1.65;
  max-width:540px;
}
.article-byline{
  font-size:14px;color:var(--gray-400);
  margin:-8px 0 18px;line-height:1.5;
}
.article-byline a{
  color:#fff;text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(255,255,255,0.2);
  transition:border-color 0.2s ease;
}
.article-byline a:hover{border-bottom-color:var(--violet)}
.article-byline-sep{margin:0 8px;color:var(--gray-500)}
.article-hero-img{
  border-radius:20px;overflow:hidden;aspect-ratio:16/9;
  background:
    radial-gradient(circle at 30% 30%,rgba(180,1,192,0.3) 0%,transparent 50%),
    radial-gradient(circle at 70% 80%,rgba(180,1,192,0.15) 0%,transparent 50%),
    linear-gradient(135deg,rgba(180,1,192,0.12) 0%,rgba(20,8,25,0.5) 100%);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--dark-border);
  position:relative;
}
.article-hero-img span{
  font-family:'DM Serif Display',serif;
  font-style:italic;color:var(--violet);
  font-size:clamp(56px,8vw,120px);letter-spacing:-2px;
  text-shadow:0 8px 40px rgba(180,1,192,0.3);
}
.article-hero-img--photo{background:none;border:none}
.article-hero-img--photo img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.article-hero-img--video{background:#000;border:none;padding:0}
.article-hero-img--video iframe{
  width:100%;height:100%;display:block;border:0;border-radius:20px;
}

/* Light body wrapper — full width */
.article-body-section{
  background:#f5f5f5;
  border-radius:32px 32px 0 0;
  padding:48px 0 80px;
  margin-top:-24px;
  position:relative;
}
.article-body-wrap{
  max-width:1600px;margin:0 auto;padding:0 40px;
  display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:56px;
  align-items:start;
}
.article-toc{
  position:sticky;top:96px;
  font-size:14px;line-height:1.6;
}
.article-toc-title{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:#666;margin-bottom:18px;
  display:flex;align-items:center;gap:8px;
}
.article-toc ul{list-style:none;padding:0;margin:0}
.article-toc li{margin-bottom:2px}
.article-toc a{
  color:#888;text-decoration:none;
  display:block;padding:3px 0;border-left:2px solid transparent;padding-left:12px;
  transition:all 0.2s;font-size:13px;
}
.article-toc a:hover,.article-toc a.active{
  color:#1a1a1a;border-left-color:var(--violet);font-weight:500;
}

.article-content{font-size:16px;line-height:1.75;color:#3a3a3a}
.article-content > *{max-width:880px}
.article-content p a,
.article-content li a{
  color:var(--violet);text-decoration:underline;
  text-decoration-color:rgba(180,1,192,0.35);
  text-underline-offset:3px;text-decoration-thickness:1.5px;
  transition:text-decoration-color 0.15s ease;
}
.article-content p a:hover,
.article-content li a:hover{
  text-decoration-color:var(--violet);
}
.article-tldr{
  background:#fff;border:1px solid #e8d4ec;
  border-left:4px solid var(--violet);
  border-radius:12px;padding:24px 28px;margin-bottom:32px;
}
.article-tldr-title{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--violet);margin-bottom:12px;
}
.article-tldr ul{margin:0;padding-left:20px;color:#2a2a2a}
.article-tldr li{margin-bottom:6px;font-size:15px}

.article-disclaimer{
  background:#fafafa;border:1px solid #e5e5e5;
  border-radius:12px;padding:16px 20px;margin-bottom:28px;
  font-size:13px;color:#666;line-height:1.6;
}
.article-disclaimer:last-child{margin-bottom:0}
.article-conseil{
  background:#fff;border-left:3px solid var(--violet);
  padding:20px 24px;margin:32px 0;border-radius:0 12px 12px 0;
  display:flex;gap:16px;align-items:flex-start;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}
.article-conseil-avatar{
  width:48px;height:48px;border-radius:50%;background:#f0e0f3;
  flex-shrink:0;overflow:hidden;
}
.article-conseil-avatar img{width:100%;height:100%;object-fit:cover}
.article-conseil-body{flex:1}
.article-conseil-label{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--violet);margin-bottom:6px;
}
.article-conseil-body p{margin:0;font-size:15px;color:#2a2a2a;line-height:1.6}

.article-content h2{
  font-family:'Montserrat',sans-serif;
  font-size:30px;font-weight:700;letter-spacing:-0.5px;
  margin:56px 0 18px;color:#0a0a0a;line-height:1.25;scroll-margin-top:96px;
}
.article-content h3{
  font-family:'Montserrat',sans-serif;
  font-size:21px;font-weight:700;letter-spacing:-0.3px;
  margin:36px 0 14px;color:#0a0a0a;line-height:1.3;scroll-margin-top:96px;
}
.article-content p{margin:0 0 18px}
.article-content strong{color:#0a0a0a;font-weight:600}
.article-content ul,.article-content ol{margin:0 0 18px;padding-left:24px}
.article-content li{margin-bottom:8px}
.article-content blockquote{
  border-left:3px solid var(--violet);
  padding:12px 0 12px 24px;margin:28px 0;
  font-size:18px;line-height:1.6;color:#2a2a2a;font-style:italic;
  background:#fff;border-radius:0 8px 8px 0;
  padding-right:24px;
}
.article-content blockquote cite{
  display:block;margin-top:12px;font-size:14px;
  color:#666;font-style:normal;
}
.article-content table{
  border-collapse:separate;border-spacing:0;width:100%;margin:24px 0;
  font-size:14px;background:#fff;border-radius:12px;overflow:hidden;
  border:1px solid #e5e5e5;
}
.article-content th,.article-content td{
  border-bottom:1px solid #eaeaea;padding:14px 16px;text-align:left;
}
.article-content tr:last-child td{border-bottom:none}
.article-content th{
  background:#f5f5f5;color:#0a0a0a;font-weight:700;
  font-size:13px;
}
.article-content td{color:#2a2a2a}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin:24px 0}
.article-content .perf-warn{
  font-size:12px;color:#888;margin:-12px 0 20px;
  font-style:italic;
}
.article-content .cta-inline{
  background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);
  border:1px solid rgba(180,1,192,0.3);border-radius:16px;
  padding:32px 36px;margin:40px 0;text-align:center;
  box-shadow:0 8px 40px rgba(180,1,192,0.15);
}
.article-content .cta-inline h4{
  font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;
  color:#fff;margin-bottom:10px;
}
.article-content .cta-inline p{color:#bbb;margin-bottom:20px;font-size:15px}

.article-sidebar{position:sticky;top:96px}
.article-sidebar-cta{
  background:#0a0a0a;border:1px solid #222;
  border-radius:16px;padding:24px 20px;
  box-shadow:0 12px 48px rgba(0,0,0,0.12);
}
.article-sidebar-cta .article-sidebar-title{
  font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;
  color:#fff;margin:0 0 8px;line-height:1.3;
}
.article-sidebar-cta p{
  color:#aaa;font-size:13px;line-height:1.55;margin-bottom:18px;
}
/* Sidebar CTA: home button, slightly scaled down + shimmer + pulse */
.article-sidebar-cta .btn-cta{
  height:48px;padding:0 2px 0 24px;
  position:relative;overflow:hidden;
  animation:btn-pulse 3s ease-in-out infinite;
}
.article-sidebar-cta .btn-cta::before{
  content:'';position:absolute;top:0;left:-100%;
  width:60%;height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.25) 50%,transparent 100%);
  animation:btn-shimmer 2.8s ease-in-out infinite;
  pointer-events:none;z-index:2;
}
.article-sidebar-cta .btn-cta-text{
  font-size:14px;position:relative;z-index:1;
}
.article-sidebar-cta .btn-cta-arrow{
  width:52px;height:44px;
  clip-path:path('M 12 0 L 30 0 A 22 22 0 0 1 30 44 L 0 44 Z');
  padding-left:6px;
  position:relative;z-index:1;
}
@keyframes btn-shimmer{
  0%{left:-100%}
  60%{left:180%}
  100%{left:180%}
}
@keyframes btn-pulse{
  0%,100%{box-shadow:0 0 40px rgba(180,1,192,0.4),0 0 80px rgba(180,1,192,0.2)}
  50%{box-shadow:0 0 50px rgba(180,1,192,0.55),0 0 100px rgba(180,1,192,0.3)}
}

/* Video YouTube block — stack vertical (thumb on top, body below) */
.article-video{
  display:block;width:100%;
  margin:48px 0 40px;padding:40px 0 0;
  border-top:1px solid #e5e5e5;scroll-margin-top:96px;
}
.article-video-label{
  font-family:'Montserrat',sans-serif;
  font-size:12px;color:var(--violet);font-weight:700;
  margin-bottom:16px;text-transform:uppercase;letter-spacing:0.8px;
}
.article-video-card{
  display:grid;grid-template-columns:300px 1fr;gap:0;
  width:100%;height:169px;
  margin:0;box-sizing:border-box;
  background:#fff;border:1px solid #e5e5e5;
  border-radius:16px;overflow:hidden;
  text-decoration:none;color:inherit;
  transition:all 0.25s ease;
}
.article-video-card:hover{
  border-color:#FF0000;
  transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(255,0,0,0.1);
}
.article-video-thumb{
  position:relative;display:block;
  width:300px;height:169px;
  background:#0a0a0a;overflow:hidden;
  align-self:start;
}
.article-video-thumb img{
  position:absolute;top:0;left:0;right:0;bottom:0;
  width:100%;height:100%;margin:0;border-radius:0;
  object-fit:cover;object-position:center center;
  transition:transform 0.4s ease;display:block;
  max-width:none;
}
.article-video-card:hover .article-video-thumb img{
  transform:scale(1.04);
}
.article-video-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:52px;height:52px;border-radius:50%;
  background:#FF0000;
  display:flex;align-items:center;justify-content:center;
  padding-left:4px;
  box-shadow:0 6px 20px rgba(0,0,0,0.35);
  transition:transform 0.25s ease,background 0.25s ease;
}
.article-video-play svg{width:20px;height:22px}
.article-video-card:hover .article-video-play{
  transform:translate(-50%,-50%) scale(1.08);
  background:#e60000;
}
.article-video-body{
  padding:18px 26px;
  display:flex;flex-direction:column;
  height:100%;
}
.article-video-card .article-video-source{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:#666;font-weight:600;margin:0;
}
.article-video-card .article-video-title{
  font-family:'Montserrat',sans-serif;
  font-size:20px;font-weight:700;line-height:1.3;
  color:#0a0a0a;margin:auto 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;scroll-margin-top:0;
}
.article-video-card .article-video-cta{
  display:inline-flex;align-items:center;
  font-size:13px;font-weight:700;color:var(--violet);
  letter-spacing:0.3px;margin:0;
}
@media(max-width:700px){
  .article-video-card{grid-template-columns:1fr}
  .article-video-title{font-size:16px}
}

/* FAQ section (accordion via <details>) */
.article-faq{max-width:880px;margin:32px 0 0;padding:24px 0 0;border-top:1px solid #e5e5e5}
.article-faq h2{
  font-family:'Montserrat',sans-serif;font-size:26px;font-weight:700;
  margin:0 0 24px;color:#0a0a0a;
}
.article-faq-item{
  border:1px solid #e5e5e5;border-radius:12px;
  margin-bottom:10px;background:#fff;
  transition:border-color 0.2s ease,box-shadow 0.2s ease;
}
.article-faq-item[open]{
  border-color:var(--violet);
  box-shadow:0 4px 16px rgba(180,1,192,0.06);
}
.article-faq-item summary{
  font-size:16px;font-weight:700;color:#0a0a0a;
  padding:18px 52px 18px 24px;cursor:pointer;
  list-style:none;position:relative;
  line-height:1.4;
}
.article-faq-item summary::-webkit-details-marker{display:none}
.article-faq-item summary::after{
  content:'';position:absolute;right:24px;top:50%;
  width:10px;height:10px;
  border-right:2px solid #888;border-bottom:2px solid #888;
  transform:translateY(-70%) rotate(45deg);
  transition:transform 0.25s ease,border-color 0.25s ease;
}
.article-faq-item[open] summary::after{
  transform:translateY(-30%) rotate(-135deg);
  border-color:var(--violet);
}
.article-faq-item summary:hover{color:var(--violet)}
.article-faq-item p{
  font-size:14px;color:#555;line-height:1.6;
  margin:0;padding:0 24px 20px;
}

/* Date publication en bas */
.article-date-bottom{
  max-width:880px;margin:40px 0 0;
  font-size:13px;color:#888;text-align:center;
  padding:16px 0;border-top:1px solid #e5e5e5;
}
.article-date-bottom time{color:#555;font-weight:500}

/* Author box */
.article-author{
  max-width:880px;margin:48px 0 0;
  background:#fff;border:1px solid #e5e5e5;
  border-radius:16px;padding:28px;
  display:flex;gap:20px;align-items:center;
}
.article-author-photo{
  width:72px;height:72px;border-radius:50%;overflow:hidden;
  background:#f0e0f3;flex-shrink:0;
}
.article-author-photo img{width:100%;height:100%;object-fit:cover}
.article-author-info h4{font-size:17px;font-weight:700;color:#0a0a0a;margin-bottom:4px}
.article-author-info .role{font-size:13px;color:var(--violet);font-weight:600;margin-bottom:6px}
.article-author-info p{font-size:14px;color:#555;line-height:1.6;margin:0}

/* Suggested articles */
.article-more{
  max-width:1200px;margin:0 auto;padding:64px 24px;
  border-top:1px solid var(--dark-border);
}
.article-more h2{
  font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;
  margin-bottom:32px;color:var(--white);
}

/* Thomas quote block (E-E-A-T) */
.article-content blockquote.article-quote{
  background:linear-gradient(135deg,#f9f5ff 0%,#f3ecff 100%);
  border-left:4px solid var(--violet);
  border-radius:12px;padding:28px 32px;
  margin:32px 0;
  font-style:normal;
}
.article-quote p{
  font-size:17px;line-height:1.65;color:#2a2a2a;
  font-family:'DM Serif Display',serif;font-style:italic;
  margin-bottom:16px;
}
.article-quote cite{
  display:block;font-style:normal;font-size:13px;
  border-top:1px solid rgba(180,1,192,0.15);padding-top:12px;
}
.article-quote-author{
  font-weight:700;color:#0a0a0a;display:block;
  font-family:'Montserrat',sans-serif;font-size:14px;
}
.article-quote-role{
  color:var(--violet);font-size:12px;font-weight:600;
}

/* "À retenir" block (recap) */
.article-retenir{
  background:#0a0a0a;color:#fff;
  border-radius:16px;padding:28px 32px;
  margin:40px 0 32px;
}
.article-retenir-title{
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:16px;letter-spacing:0.5px;text-transform:uppercase;
  color:var(--violet);margin-bottom:16px;
}
.article-retenir ul{
  margin:0;padding-left:20px;
}
.article-retenir li{
  color:#e5e5e5;font-size:15px;line-height:1.65;
  margin-bottom:10px;
}
.article-retenir li strong{color:#fff}

/* AI Summary block (GEO — Generative Engine Optimization) */
.article-ai-summary{
  max-width:880px;margin:0 0 32px;
  background:#fff;border:1px solid #e5e5e5;
  border-radius:16px;padding:20px 24px;
}
.article-ai-summary-label{
  font-family:'Montserrat',sans-serif;
  font-size:13px;color:#0a0a0a;font-weight:700;
  margin-bottom:12px;text-transform:uppercase;letter-spacing:0.8px;
}
.article-ai-summary-teaser{
  font-size:13.5px;color:#888;line-height:1.6;
  margin:0 0 16px;font-weight:400;font-style:italic;
}
.article-ai-summary-buttons{
  display:flex;gap:10px;flex-wrap:wrap;
}
.article-ai-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px 10px 10px;
  background:#fff;border:1px solid #e0e0e0;
  border-radius:999px;
  text-decoration:none;color:#0a0a0a;
  font-size:14px;font-weight:600;
  transition:all 0.2s ease;
  flex:1;min-width:140px;justify-content:center;
}
.article-ai-btn:hover{
  border-color:var(--violet);
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(180,1,192,0.08);
}
.ai-btn-icon{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.ai-btn-name{font-size:14px;font-weight:600}
@media(max-width:700px){
  .article-ai-summary-buttons{flex-direction:column}
  .article-ai-btn{width:100%;min-width:unset}
}

/* Sources & références (numbered with anchors, collapsible) */
.article-sources{
  max-width:880px;margin:32px 0 0;padding:32px 0 0;
  border-top:1px solid #e5e5e5;
}
.article-sources-details{
  border:1px solid #e5e5e5;border-radius:12px;
  background:#fff;overflow:hidden;
  transition:border-color 0.2s ease,box-shadow 0.2s ease;
}
.article-sources-details[open]{
  border-color:var(--violet);
  box-shadow:0 4px 16px rgba(180,1,192,0.06);
}
.article-sources-details summary{
  padding:18px 52px 18px 24px;cursor:pointer;
  list-style:none;position:relative;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.article-sources-details summary::-webkit-details-marker{display:none}
.article-sources-details summary::after{
  content:'';position:absolute;right:24px;top:50%;
  width:10px;height:10px;
  border-right:2px solid #888;border-bottom:2px solid #888;
  transform:translateY(-70%) rotate(45deg);
  transition:transform 0.25s ease,border-color 0.25s ease;
}
.article-sources-details[open] summary::after{
  transform:translateY(-30%) rotate(-135deg);
  border-color:var(--violet);
}
.article-sources-details summary:hover .article-sources-title{color:var(--violet)}
.article-sources-title{
  font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;
  color:#0a0a0a;transition:color 0.2s ease;
}
.article-sources-count{
  font-size:13px;color:#888;font-weight:500;
}
.article-sources-details[open] summary{
  border-bottom:1px solid #eee;
}
.article-sources ol{
  margin:0;padding:20px 26px 16px 30px;list-style:none;counter-reset:sources;
}
.article-sources li{
  counter-increment:sources;
  position:relative;
  font-size:13px;color:#555;line-height:1.55;
  padding:10px 0 10px 24px;
  border-bottom:1px dashed #eee;
  scroll-margin-top:96px;
}
.article-sources li::before{
  content:counter(sources) ".";
  position:absolute;left:0;top:10px;
  color:var(--violet);font-weight:700;font-size:13px;
}
.article-sources li:last-child{border-bottom:none}
.article-sources li:target{background:#fff3dc;border-radius:6px;padding-left:32px}
.article-sources li:target::before{left:8px}
.article-sources a{color:var(--violet);text-decoration:none}
.article-sources a:hover{text-decoration:underline}

/* Inline citation superscript */
.article-ref{
  font-size:11px;font-weight:700;vertical-align:super;
  line-height:0;margin:0 2px;
}
.article-ref a{
  color:var(--violet);text-decoration:none;
  padding:0 3px;border-radius:3px;
  transition:background 0.15s;
}
.article-ref a:hover{background:rgba(180,1,192,0.1)}

/* Related articles (bottom block) */
.article-related{
  max-width:1200px;margin:0 auto;padding:80px 24px 64px;
  background:var(--dark);
}
.article-related h2{
  font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;
  letter-spacing:-0.5px;margin-bottom:28px;color:var(--white);
}
.article-related-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.article-related-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:14px;overflow:hidden;
  transition:transform 0.2s ease,border-color 0.2s ease;
  text-decoration:none;color:inherit;display:block;
}
.article-related-card:hover{
  transform:translateY(-4px);border-color:var(--violet);
}
.article-related-card-img{
  aspect-ratio:16/9;background:#1a1a1a;overflow:hidden;
}
.article-related-card-img img{width:100%;height:100%;object-fit:cover}
.article-related-card-body{padding:20px}
.article-related-card-cat{
  font-size:11px;font-weight:700;color:var(--violet);
  text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;
}
.article-related-card h3{
  font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;
  color:var(--white);line-height:1.35;margin:0;
}
@media(max-width:900px){
  .article-related-grid{grid-template-columns:1fr}
}

/* Responsive */
@media(max-width:1100px){
  .article-hero{grid-template-columns:1fr;gap:32px}
  .article-hero-img{max-width:560px;margin:0 auto;aspect-ratio:16/10}
  .article-body-wrap{grid-template-columns:minmax(0,1fr) 320px;gap:40px}
  .article-toc{display:none}
}
@media(max-width:900px){
  .article-body-wrap{grid-template-columns:1fr;gap:40px}
  .article-sidebar{position:static;margin-top:20px}
  .article-content > *{max-width:none}
}
@media(max-width:600px){
  .article-hero{padding:40px 24px 32px}
  .article-content h2{font-size:22px}
  .article-content h3{font-size:18px}
  .article-conseil{flex-direction:column;gap:10px}
  .article-author{flex-direction:column;text-align:center}
}

/* === PAGE HERO (internal pages) === */
.page-hero{
  padding:120px 24px 60px;text-align:center;
  background:var(--dark);position:relative;
}
.page-hero::after{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:600px;height:300px;
  background:radial-gradient(ellipse,rgba(180,1,192,0.08) 0%,transparent 70%);
  pointer-events:none;
}
.page-hero h1{
  font-family:'Montserrat',sans-serif;font-size:clamp(36px,5.6vw,64px);
  font-weight:700;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;color:#fff;
}
.page-hero h1 em{
  font-family:'DM Serif Display',serif;font-style:italic;font-weight:400;
  color:var(--violet);letter-spacing:-0.5px;font-size:1.1em;
}
.page-hero p{font-size:17px;color:var(--gray-400);max-width:640px;margin:0 auto;line-height:1.7}
.page-hero p em{font-family:'DM Serif Display',serif;font-style:italic;color:var(--violet);font-weight:400}
.page-hero p strong{color:#fff;font-weight:700}

/* === VALUES (equipe page) === */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.value-card{
  background:var(--dark-card);border:1px solid var(--dark-border);
  border-radius:var(--radius);padding:28px;text-align:center;
}
.value-card .v-icon{font-size:28px;margin-bottom:12px}
.value-card h3{font-size:16px;font-weight:700;margin-bottom:8px}
.value-card p{font-size:14px;color:var(--gray-400);line-height:1.6}

/* === ANIMATIONS === */
.fade{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}
.fade.vis{opacity:1;transform:translateY(0)}

/* === RESPONSIVE === */
@media(max-width:900px){
  .nav-in{grid-template-columns:1fr auto auto;gap:12px;position:relative}
  .nav-in .logo{justify-self:start;grid-column:1}
  .nav-in .btn-cta--nav{grid-column:2;justify-self:end}
  .nav-in .mob-tog{grid-column:3;justify-self:end}
  .nav-links{display:none}
  .nav-in .nav-links.open{
    display:flex;flex-direction:column;position:absolute;
    top:72px;left:0;right:0;background:var(--dark);
    padding:20px 24px;border-bottom:1px solid var(--dark-border);
    gap:12px;
  }
  .mob-tog{display:block}
  .hero-grid,.story-grid,.team-founder{grid-template-columns:1fr;gap:32px}
  .hero-visual,.story-photo,.team-founder-photo{max-width:360px;margin:0 auto}
  .hero h1{font-size:36px}
  .testi-mosaic{grid-template-columns:1fr}
  .testi-card-quote{grid-column:1;padding:28px}
  .bento{grid-template-columns:1fr}
  .bento-v2{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e"}
  .method-section{padding:80px 0 60px}
  .method-row{grid-template-columns:1fr;gap:16px;padding:20px}
  .method-row-visual{justify-content:flex-start;grid-column:1!important;grid-row:auto!important;min-height:160px;border-radius:18px}
  .method-row-middle{padding:20px 0;gap:14px;grid-column:1!important;grid-row:auto!important}
  .method-row-middle h3{font-size:24px}
  .method-row-text{padding:0 4px 20px;margin-left:0;grid-column:1!important;grid-row:auto!important}
  .method-rows::before,.method-rows::after{display:none}
  .method-row::before,.method-row::after{display:none}
  .bento-b{grid-template-columns:1fr;gap:20px}
  .bento-e{grid-template-columns:1fr;gap:20px}
  .pillars-grid,.values-grid{grid-template-columns:1fr}
  .testi-volume{columns:1}
  .thg-grid{grid-template-columns:1fr;gap:16px}
  .thg-video--tall{aspect-ratio:16/9}
  .stat-pill .stat-num{font-size:24px}
  .t-grid{grid-template-columns:1fr}
  .events-carousel,.resources-grid{grid-template-columns:1fr}
  .resources-header{flex-direction:column;align-items:flex-start}
  .sim-inputs{grid-template-columns:1fr}
  .sim-results{grid-template-columns:1fr}
  .case-results-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:1fr}
  .event-card{grid-template-columns:1fr;text-align:center}
}
@media(max-width:600px){
  .hero{padding:80px 20px 48px}
  .page-hero{padding:100px 20px 40px}
  section{padding:64px 20px}
  .pillars-grid{grid-template-columns:1fr}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{justify-content:center}
  .t-perf{grid-template-columns:1fr}
  .case-results-grid{grid-template-columns:1fr}
  .sim-duration{flex-wrap:wrap}
  .stats-section{padding:64px 20px 48px}
  .neon-text{font-size:160px;letter-spacing:-4px;line-height:0.7}
  .neon-logo{top:20px}
  .stats-section{padding-top:20px}
  .stats-headline{margin-top:90px}
  .stats-track{gap:24px}
}