:root{
  --bg:#0B1120;--surface:#0F172A;--card:#FFFFFF;--card-2:#F8FAFC;
  --ink:#0B1120;--ink-soft:#475569;--ink-mute:#94A3B8;--ink-faint:#CBD5E1;
  --brand:#003478;--brand-2:#004AAD;--brand-3:#2E6FD6;
  --brand-soft:#EAF1FC;--brand-line:#BBD3F2;
  --gold:#E89A00;--gold-2:#C97F00;--gold-soft:#FFF6E0;--gold-line:#FFE3A3;
  --ok:#0F766E;--ok-soft:#ECFDF5;--ok-line:#A7F3D0;
  --action:#E63946;--action-2:#C42A37;--action-soft:#FDECEE;--action-line:#F7C5CA;
  --zest:#FFB81C;--zest-2:#E89A00;--zest-soft:#FFF6E0;--zest-line:#FFE3A3;
  --radius:20px;--radius-sm:14px;--radius-xs:10px;
  --shadow-card:0 1px 3px rgba(11,17,32,.05),0 8px 28px rgba(11,17,32,.06);
  --shadow-lg:0 1px 2px rgba(11,17,32,.04),0 18px 50px rgba(11,17,32,.12);
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);
  background:var(--card-2);-webkit-font-smoothing:antialiased;line-height:1.6;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ---------- type helpers ---------- */
.serif{font-family:'Anton',sans-serif}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:var(--brand-soft);border:1px solid var(--brand-line);padding:6px 13px;border-radius:100px}
.eyebrow.gold{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-line)}
.section-h{text-align:center;max-width:680px;margin:0 auto 44px}
.section-h h2{font-family:'Anton',sans-serif;font-size:clamp(28px,4.2vw,42px);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:16px 0 12px}
.section-h p{font-size:clamp(15px,1.7vw,17px);color:var(--ink-soft);font-weight:500}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid #EEF2F7}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand-id{display:flex;align-items:center;gap:11px}
.brand-id>span{display:flex;flex-direction:column;justify-content:center}
.brand-logo{height:34px;width:auto}
.foot .brand-logo{height:38px}
.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(140deg,var(--brand),var(--brand-3));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,74,173,.3)}
.brand-mark svg{width:19px;height:19px}
.brand-name{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;letter-spacing:.005em;line-height:1}
.brand-name b{font-weight:700}
.brand-by{font-size:11px;color:var(--ink-mute);font-weight:600;margin-top:1px}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:14.5px;font-weight:600;color:var(--ink-soft);transition:color .15s}
.nav-links a:hover{color:var(--brand-2)}
.nav-cta{background:linear-gradient(135deg,var(--brand-2),var(--brand-3));color:#fff!important;padding:11px 20px;border-radius:11px;font-weight:800!important;font-size:14px!important;box-shadow:0 4px 14px rgba(0,74,173,.28);transition:transform .15s,box-shadow .15s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,74,173,.36)}
.nav-burger{display:none;width:42px;height:42px;border:1px solid #E5EBF2;border-radius:11px;background:#fff;cursor:pointer;align-items:center;justify-content:center}
.nav-burger svg{width:20px;height:20px}

/* ---------- hero ---------- */
.hero{position:relative;background:linear-gradient(168deg,#0B1120 0%,#0A2A5E 48%,#003478 100%);color:#fff;overflow:hidden;padding:clamp(64px,9vw,108px) 0 clamp(72px,10vw,120px)}
.hero::before{content:'';position:absolute;top:-180px;right:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(46,111,214,.28),transparent 68%);border-radius:50%}
.hero::after{content:'';position:absolute;bottom:-160px;left:-120px;width:440px;height:440px;background:radial-gradient(circle,rgba(200,151,63,.16),transparent 70%);border-radius:50%}
.hero-in{position:relative;z-index:2}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,64px);align-items:center}
.hero-photo{position:relative;align-self:start}
.hero-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);box-shadow:0 24px 60px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);display:block}
.hero-photo-badge{position:absolute;bottom:18px;left:18px;display:inline-flex;align-items:center;gap:8px;background:rgba(11,17,32,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:100px}
.hero .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#A9C6EF}
.hero h1{font-family:'Anton',sans-serif;font-size:clamp(38px,6.4vw,68px);font-weight:400;line-height:1.05;letter-spacing:.005em;margin:22px 0 0}
.hero h1 .gold{color:#FFB81C;font-style:italic;font-weight:500}
.hero-sub{font-size:clamp(16px,2vw,19px);color:rgba(226,232,240,.86);font-weight:500;line-height:1.6;margin-top:24px;max-width:620px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:13px;transition:transform .15s,box-shadow .15s;letter-spacing:-.01em}
.btn>svg{width:19px;height:19px;flex-shrink:0}
.btn:active{transform:scale(.98)}
.btn-primary{background:linear-gradient(135deg,var(--zest),var(--zest-2));color:#1a1205;padding:17px 30px;font-size:16px;box-shadow:0 8px 24px rgba(255,184,28,.34)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,184,28,.46);color:#1a1205}
.btn-primary svg{width:18px;height:18px}
.btn-ghost{color:rgba(255,255,255,.9);padding:17px 22px;font-size:15px;font-weight:700;border:1.5px solid rgba(255,255,255,.22);border-radius:13px}
.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4)}
.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:42px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12)}
.hero-proof-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:rgba(226,232,240,.82)}
.hero-proof-item svg{flex-shrink:0;opacity:.9}
.hero-proof-big{font-family:'Anton',sans-serif;font-size:21px;font-weight:400;color:#FFB81C;letter-spacing:.005em}

/* ---------- gratuits ---------- */
.sec{padding:clamp(46px,6vw,76px) 0}
.sec-tint{background:linear-gradient(180deg,#fff,var(--card-2))}
.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gift{position:relative;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 22px 24px;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.gift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.gift-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--brand-soft);border:1px solid var(--brand-line)}
.gift-ic svg{width:24px;height:24px}
.gift-tag{position:absolute;top:18px;right:18px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-line);padding:4px 9px;border-radius:100px}
.gift h3{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;letter-spacing:.005em;margin-bottom:8px;line-height:1.25}
.gift p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.55;flex:1;margin-bottom:18px}
.gift-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--brand-2);transition:gap .15s}
.gift-link:hover{gap:11px}
.gift-link svg{width:15px;height:15px}

/* ---------- histoire ---------- */
.story{background:linear-gradient(180deg,var(--card-2),#fff)}
.story-grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(36px,6vw,80px);align-items:center}
.story-aside .eyebrow{margin-bottom:20px}
.story-portrait{width:130px;height:130px;border-radius:24px;overflow:hidden;margin-bottom:24px;box-shadow:0 14px 36px rgba(0,52,120,.18);border:3px solid #fff}
.story-portrait img{width:100%;height:100%;object-fit:cover}
.story-aside h2{font-family:'Anton',sans-serif;font-size:clamp(30px,4.4vw,46px);font-weight:400;line-height:1.12;letter-spacing:.005em;margin-bottom:22px}
.story-aside .lede{font-size:17px;color:var(--ink-soft);font-weight:500;line-height:1.65}
.story-aside .lede b{color:var(--ink);font-weight:700}
/* timeline "trois côtés" — signature */
.three{display:flex;flex-direction:column;gap:0;position:relative}
.three::before{content:'';position:absolute;left:31px;top:34px;bottom:34px;width:2px;background:linear-gradient(180deg,var(--brand-3),var(--gold))}
.step{display:flex;gap:20px;padding:18px 0;position:relative}
.step-num{width:64px;height:64px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:17px;font-weight:400;color:#fff;position:relative;z-index:2;box-shadow:0 6px 18px rgba(11,17,32,.16);text-align:center;line-height:1.05}
.step:nth-child(1) .step-num{background:linear-gradient(140deg,#334155,#475569)}
.step:nth-child(2) .step-num{background:linear-gradient(140deg,var(--brand),var(--brand-3))}
.step:nth-child(3) .step-num{background:linear-gradient(140deg,var(--brand-2),#60A5FA)}
.step:nth-child(4) .step-num{background:linear-gradient(140deg,var(--gold),var(--gold-2))}
.step-body h4{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.step-body h4 span{font-size:12px;font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:3px}
.step-body p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.55}

/* ---------- 3 piliers ---------- */
.pillars-sec{padding:clamp(40px,5.5vw,66px) 0;background:linear-gradient(180deg,#fff,var(--card-2))}
.triangle-band{padding:clamp(36px,5vw,56px) 0 clamp(20px,3vw,30px)}
.pillars-head{text-align:center;max-width:620px;margin:0 auto 40px}
.pillars-head h2{font-family:'Anton',sans-serif;font-size:clamp(26px,3.8vw,38px);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:14px 0 12px}
.pillars-head p{font-size:16px;color:var(--ink-soft);font-weight:500;line-height:1.6}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.pillars-grid::before{content:'';position:absolute;top:32px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-line),transparent);z-index:0}
.pillar{position:relative;z-index:1;text-align:center;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:30px 24px;box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pillar-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;background:var(--brand-soft);border:1px solid var(--brand-line);display:flex;align-items:center;justify-content:center}
.pillar-ic svg{width:30px;height:30px}
.pillar h4{font-family:'Anton',sans-serif;font-size:20px;font-weight:400;letter-spacing:.005em;margin-bottom:9px}
.pillar p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.55}
@media(max-width:760px){.pillars-grid{grid-template-columns:1fr}.pillars-grid::before{display:none}}

/* ---------- simulateur encart ---------- */
.simu{position:relative;background:linear-gradient(150deg,var(--brand),var(--brand-2) 58%,var(--brand-3));border-radius:var(--radius);overflow:hidden;padding:clamp(40px,6vw,64px) clamp(28px,5vw,60px);color:#fff;box-shadow:0 20px 50px rgba(0,52,120,.3)}
.simu::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);border-radius:50%}
.simu-in{position:relative;z-index:2;max-width:620px}
.simu .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.simu h2{font-family:'Anton',sans-serif;font-size:clamp(26px,3.8vw,40px);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:18px 0 14px}
.simu h2 em{font-style:italic;color:#FFB81C;font-weight:500}
.simu p{font-size:16px;color:rgba(226,232,240,.85);font-weight:500;line-height:1.6;margin-bottom:28px}
.simu .btn-primary{background:#fff;color:var(--brand);animation-name:ctaPulseWhite}
.simu .btn-primary:hover{box-shadow:0 12px 32px rgba(0,0,0,.25)}
@keyframes ctaPulseWhite{
  0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 rgba(255,255,255,.5)}
  50%{box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 7px rgba(255,255,255,0)}
}
.simu-re{display:flex;gap:18px;margin-top:18px;font-size:13px;font-weight:700;color:rgba(255,255,255,.62)}
.simu-re span{display:flex;align-items:center;gap:6px}

/* ---------- offres ---------- */
.offers-lead{max-width:620px}
/* formation tripwire — carte mise en avant */
.tripwire{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff,var(--gold-soft));border:1.5px solid var(--gold-line);border-radius:var(--radius);padding:clamp(28px,4vw,42px);margin-bottom:24px;box-shadow:var(--shadow-card)}
.tripwire-l .eyebrow{margin-bottom:14px}
.tripwire-l h3{font-family:'Anton',sans-serif;font-size:clamp(23px,3vw,31px);font-weight:400;line-height:1.2;letter-spacing:.005em;margin-bottom:10px}
.tripwire-l p{font-size:15px;color:var(--ink-soft);font-weight:500;line-height:1.6}
.tripwire-r{text-align:center;background:var(--card);border:1px solid var(--gold-line);border-radius:var(--radius-sm);padding:26px 22px;box-shadow:var(--shadow-card)}
.tripwire-price{font-family:'Anton',sans-serif;font-size:52px;font-weight:400;letter-spacing:.005em;line-height:1;color:var(--gold);margin-bottom:4px}
.tripwire-price small{font-size:20px;font-weight:600}
.tripwire-cap{font-size:12.5px;color:var(--ink-mute);font-weight:600;margin-bottom:18px}
.tripwire-feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:18px}
.tripwire-feats li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
.tripwire-feats svg{width:14px;height:14px;flex-shrink:0}
.course-mock{margin-bottom:18px;border-radius:var(--radius-xs);overflow:hidden}
.course-mock svg{width:100%;display:block}
.tripwire-r .btn{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;padding:15px;font-size:15px}
.tripwire-r .btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(200,151,63,.4)}
/* échelle premium — sobre */
.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ladder-2{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}
/* DFY exclusif — sobre, fond sombre, sentiment premium */
.dfy-sec{padding-top:0}
.dfy{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,5vw,56px);align-items:center;background:linear-gradient(150deg,#0B1120,#0A2A5E);border:1px solid rgba(255,184,28,.25);border-radius:var(--radius);padding:clamp(30px,5vw,52px);color:#fff;position:relative;overflow:hidden}
.dfy::before{content:'';position:absolute;top:-100px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,184,28,.14),transparent 70%);border-radius:50%}
.dfy-l{position:relative;z-index:2}
.dfy-ey{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#FFB81C;background:rgba(255,184,28,.1);border:1px solid rgba(255,184,28,.3);padding:6px 13px;border-radius:100px;margin-bottom:16px}
.dfy-l h3{font-family:'Anton',sans-serif;font-size:clamp(24px,3.4vw,34px);font-weight:400;letter-spacing:.005em;margin-bottom:12px}
.dfy-l p{font-size:15px;color:rgba(226,232,240,.78);font-weight:500;line-height:1.65;margin-bottom:22px}
.dfy-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#FFB81C;transition:gap .15s}
.dfy-link:hover{gap:12px}
.dfy-link svg{width:16px;height:16px}
.dfy-r{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}
.dfy-photo{border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.3);max-height:240px}
.dfy-photo img{width:100%;height:100%;object-fit:cover;display:block}
.dfy-stats{display:flex;gap:12px}
.dfy-stats .dfy-stat{flex:1}
.dfy-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:16px 18px}
.dfy-stat-v{font-family:'Anton',sans-serif;font-size:21px;font-weight:400;color:#FFB81C;letter-spacing:.005em}
.dfy-stat-l{font-size:12.5px;color:rgba(226,232,240,.6);font-weight:600;margin-top:2px}
.rung{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);padding:0;box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;overflow:hidden}
.rung:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.rung-photo{height:150px;overflow:hidden}
.rung-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.rung:hover .rung-photo img{transform:scale(1.06)}
.rung-lvl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin:22px 22px 12px}
.rung h4{font-family:'Anton',sans-serif;font-size:21px;font-weight:400;letter-spacing:.005em;margin:0 22px 8px}
.rung p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.55;flex:1;margin:0 22px 18px}
.rung-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--brand-2);transition:gap .15s;margin:0 22px 24px}
.rung-link:hover{gap:11px}
.rung-link svg{width:15px;height:15px}

/* ---------- preuve sociale ---------- */
.proof{background:linear-gradient(180deg,#fff,var(--card-2))}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.case-stars{display:flex;gap:2px;margin-bottom:14px}
.case-stars svg{width:15px;height:15px}
.case-q{font-size:15px;line-height:1.6;color:var(--ink);font-weight:500;margin-bottom:18px;flex:1}
.case-ft{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #EEF2F7}
.case-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(140deg,var(--brand-2),var(--brand-3));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}
.case-av.g{background:linear-gradient(140deg,var(--gold),var(--gold-2))}
.case-nm{font-size:14.5px;font-weight:800}
.case-rl{font-size:12px;color:var(--ink-mute);font-weight:600;margin-top:1px}
.case-tag{margin-top:14px;align-self:flex-start;font-size:11.5px;font-weight:800;color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-line);padding:5px 12px;border-radius:100px}

/* ---------- réalisations ---------- */
.realiz{background:linear-gradient(180deg,var(--card-2),#fff)}
.realiz-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:14px}
.realiz-it{position:relative;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card);margin:0}
.realiz-it img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.realiz-it:hover img{transform:scale(1.06)}
.realiz-it figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 11px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,transparent,rgba(11,17,32,.78));opacity:0;transition:opacity .25s}
.realiz-it:hover figcaption{opacity:1}
.realiz-tall{grid-row:span 2}
@media(max-width:760px){
  .realiz-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .realiz-tall{grid-row:span 2}
  .realiz-it figcaption{opacity:1}
}

/* ---------- final CTA ---------- */
.final{position:relative;background:linear-gradient(168deg,#0B1120,#0A2A5E 55%,#003478);color:#fff;border-radius:var(--radius);overflow:hidden;padding:clamp(48px,7vw,80px) 24px;text-align:center}
.final::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:560px;height:360px;background:radial-gradient(ellipse,rgba(46,111,214,.26),transparent 70%)}
.final-in{position:relative;z-index:2;max-width:600px;margin:0 auto}
.final-av{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 22px;border:3px solid rgba(255,255,255,.25);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.final h2{font-family:'Anton',sans-serif;font-size:clamp(28px,4.4vw,44px);font-weight:400;line-height:1.14;letter-spacing:.005em;margin-bottom:16px}
.final h2 .gold{color:#FFB81C;font-style:italic;font-weight:500}
.final p{font-size:16.5px;color:rgba(226,232,240,.82);font-weight:500;line-height:1.6;margin-bottom:30px}

/* ---------- footer ---------- */
.foot{background:var(--bg);color:rgba(226,232,240,.7);padding:54px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px}
.foot .brand-name{color:#fff}
.foot-about{font-size:14px;line-height:1.6;margin-top:16px;max-width:300px;color:rgba(226,232,240,.6)}
.foot-col h5{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,232,240,.5);margin-bottom:16px}
.foot-col a{display:block;font-size:14.5px;font-weight:500;color:rgba(226,232,240,.78);padding:6px 0;transition:color .15s}
.foot-col a:hover{color:#fff}
.foot-ig{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;color:#fff;margin-top:18px;transition:background .15s}
.foot-ig:hover{background:rgba(255,255,255,.12)}
.foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:13px;color:rgba(226,232,240,.5)}
.foot-bot a{color:rgba(226,232,240,.6)}
.foot-bot a:hover{color:#fff}

/* ---------- reveal anim ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.rv.in-now{transition:none;opacity:1;transform:none}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .gift-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr;gap:40px}
  .ladder{grid-template-columns:1fr}
  .cases{grid-template-columns:1fr}
  .tripwire{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .hero-grid{grid-template-columns:1fr;gap:38px}
  .hero-photo{max-width:440px;margin:0 auto}
  .dfy{grid-template-columns:1fr;gap:28px}
  .dfy-r{flex-direction:row;flex-wrap:wrap}
  .dfy-stat{flex:1;min-width:140px}
}
@media(max-width:680px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .gift-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   STYLES PARTAGÉS — PAGES D'OFFRES & TÉMOIGNAGES
   ============================================================ */

/* hero de page interne (plus compact que l'accueil) */
.page-hero{position:relative;background:linear-gradient(168deg,#0B1120 0%,#0A2A5E 55%,#003478 100%);color:#fff;overflow:hidden;padding:clamp(44px,6vw,72px) 0 clamp(34px,5vw,52px)}
.page-hero::before{content:'';position:absolute;top:-160px;right:-100px;width:460px;height:460px;background:radial-gradient(circle,rgba(46,111,214,.26),transparent 68%);border-radius:50%}
.page-hero::after{content:'';position:absolute;bottom:-140px;left:-100px;width:380px;height:380px;background:radial-gradient(circle,rgba(200,151,63,.14),transparent 70%);border-radius:50%}
.page-hero-in{position:relative;z-index:2;max-width:760px}
.page-hero .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#A9C6EF}
.page-hero .eyebrow.gold{background:rgba(255,184,28,.12);border-color:rgba(255,184,28,.3);color:#FFB81C}
.page-hero h1{font-family:'Anton',sans-serif;font-size:clamp(32px,5.2vw,54px);font-weight:400;line-height:1.08;letter-spacing:.005em;margin:20px 0 0}
.page-hero h1 .gold{color:#FFB81C;font-style:italic;font-weight:500}
.page-hero-sub{font-size:clamp(15px,1.9vw,18px);color:rgba(226,232,240,.85);font-weight:500;line-height:1.6;margin-top:20px;max-width:600px}
.page-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;align-items:center}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(226,232,240,.6);margin-bottom:4px}
.breadcrumb a{color:rgba(226,232,240,.8)}
.breadcrumb a:hover{color:#fff}

/* bloc générique offre : contenu central */
.offer-body{padding:clamp(38px,5vw,62px) 0}
.lead-2{max-width:720px;margin:0 auto 44px;text-align:center}
.lead-2 h2{font-family:'Anton',sans-serif;font-size:clamp(26px,3.8vw,40px);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:14px 0 12px}
.lead-2 p{font-size:16px;color:var(--ink-soft);font-weight:500;line-height:1.6}

/* "pour qui" / "pas pour qui" */
.foreach{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:0 auto}
.foreach-card{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-card)}
.foreach-card.yes{border-top:4px solid var(--ok);background:linear-gradient(180deg,#F2FBF8,var(--card))}
.foreach-card.no{border-top:4px solid #E5A0A6;background:linear-gradient(180deg,#FCF4F4,var(--card))}
.foreach-card h3{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.foreach-card ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.foreach-card li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}
.foreach-card li svg{flex-shrink:0;margin-top:2px}

/* liste de modules / inclus */
.includes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:880px;margin:0 auto}
.include-it{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);padding:20px 22px;box-shadow:var(--shadow-card)}
.include-ic{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--brand-soft);border:1px solid var(--brand-line);display:flex;align-items:center;justify-content:center}
.include-ic svg{width:22px;height:22px}
.include-it h4{font-size:15.5px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.include-it p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}

/* bloc prix / achat */
.buy{max-width:560px;margin:0 auto;background:linear-gradient(150deg,#fff,var(--gold-soft));border:1.5px solid var(--gold-line);border-radius:var(--radius);padding:clamp(30px,5vw,44px);text-align:center;box-shadow:var(--shadow-lg)}
.buy-price{font-family:'Anton',sans-serif;font-size:64px;font-weight:400;letter-spacing:.005em;line-height:1;color:var(--gold);margin-bottom:6px}
.buy-price small{font-size:26px;font-weight:600}
.buy-cap{font-size:13.5px;color:var(--ink-mute);font-weight:600;margin-bottom:24px}
.buy .btn{width:100%;max-width:360px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;padding:17px;font-size:16px;margin:0 auto}
.buy .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,151,63,.4)}
.buy-guarantee{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:700;color:var(--ok)}

/* formulaire candidature (premium) */
.apply{max-width:560px;margin:0 auto;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:clamp(28px,5vw,40px);box-shadow:var(--shadow-lg)}
.apply h3{font-family:'Anton',sans-serif;font-size:23px;font-weight:400;text-align:center;margin-bottom:8px}
.apply .sub{font-size:14px;color:var(--ink-soft);text-align:center;margin-bottom:24px;font-weight:500}
.field-row{margin-bottom:14px}
.field-row label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px}
.field-row input,.field-row select,.field-row textarea{width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);background:var(--card-2);border:1.5px solid #E5EBF2;border-radius:var(--radius-sm);outline:none;transition:border-color .16s,box-shadow .16s}
.field-row input:focus,.field-row select:focus,.field-row textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(0,74,173,.08);background:#fff}
.field-row textarea{resize:vertical;min-height:90px}
.apply .btn{width:100%;background:linear-gradient(135deg,var(--brand-2),var(--brand-3));color:#fff;padding:16px;font-size:15.5px;margin-top:6px}
.apply .btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,74,173,.34)}
.apply-note{font-size:11.5px;color:var(--ink-mute);text-align:center;margin-top:14px;font-weight:600}

/* témoignages WhatsApp (captures) */
.wa{background:linear-gradient(180deg,#fff,var(--card-2))}
.wa-grid{columns:3;column-gap:16px;max-width:1000px;margin:0 auto}
.wa-it{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid #EAEFF5;background:#fff}
.wa-it img{width:100%;display:block}
.wa-disclaimer{max-width:760px;margin:28px auto 0;text-align:center;font-size:12.5px;color:var(--ink-mute);font-weight:500;line-height:1.55;font-style:italic}
@media(max-width:900px){.wa-grid{columns:2}}
@media(max-width:560px){.wa-grid{columns:1}}

/* bannière image pleine largeur */
.full-banner{max-width:1000px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #EAEFF5}
.full-banner img{width:100%;display:block}

/* FAQ */
.faq{max-width:760px;margin:0 auto}
.faq-it{border:1px solid #EAEFF5;border-radius:var(--radius-sm);background:var(--card);margin-bottom:11px;overflow:hidden;box-shadow:var(--shadow-card)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15.5px;font-weight:700;color:var(--ink);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-q svg{flex-shrink:0;transition:transform .25s;color:var(--brand-2)}
.faq-it.open .faq-q svg{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-it.open .faq-a{max-height:300px}
.faq-a-in{padding:0 22px 18px;font-size:14.5px;color:var(--ink-soft);font-weight:500;line-height:1.6}

@media(max-width:760px){
  .foreach{grid-template-columns:1fr}
  .includes{grid-template-columns:1fr}
}

/* ============================================================
   ANIMATIONS — sobres mais dynamiques
   ============================================================ */

/* VSL responsive 16:9 */
.vsl{max-width:880px;margin:0 auto}
.vsl-frame{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #EAEFF5;background:#0B1120}
.vsl-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* hero : révélation en cascade au chargement */
@keyframes heroUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-in>*{animation:heroUp .7s cubic-bezier(.16,1,.3,1) both}
.hero-in>*:nth-child(1){animation-delay:.05s}
.hero-in>*:nth-child(2){animation-delay:.15s}
.hero-in>*:nth-child(3){animation-delay:.28s}
.hero-in>*:nth-child(4){animation-delay:.4s}
.hero-in>*:nth-child(5){animation-delay:.52s}
.hero-photo{animation:heroUp .9s cubic-bezier(.16,1,.3,1) .35s both}
.page-hero-in>*{animation:heroUp .7s cubic-bezier(.16,1,.3,1) both}
.page-hero-in>*:nth-child(2){animation-delay:.12s}
.page-hero-in>*:nth-child(3){animation-delay:.24s}
.page-hero-in>*:nth-child(4){animation-delay:.36s}
.page-hero-in>*:nth-child(5){animation-delay:.48s}

/* badge live qui pulse (preuve) */
@keyframes softpulse{0%,100%{opacity:1}50%{opacity:.6}}

/* boutons : shine au survol */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s ease}
.btn-primary:hover::after{left:130%}

/* cartes : élévation douce déjà gérée; on ajoute le lift sur gift + pillar avec délai d'apparition en cascade */
.gift-grid .gift{transition:transform .2s,box-shadow .2s}
.rv.in .gift,.rv.in .pillar,.rv.in .case{animation:cardIn .6s cubic-bezier(.16,1,.3,1) both}
.rv.in-now .gift,.rv.in-now .pillar,.rv.in-now .case{animation:none}
@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* compteur de preuve hero : léger zoom à l'apparition */
.hero-proof-big{display:inline-block;animation:popIn .8s cubic-bezier(.16,1,.3,1) .6s both}
@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}

/* liens fléchés : flèche qui avance (déjà géré via gap) + soulignement animé sur nav */
.nav-links a:not(.nav-cta){position:relative}
.nav-links a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--brand-2);transition:width .25s ease;border-radius:2px}
.nav-links a:not(.nav-cta):hover::after{width:100%}

/* image dans cartes : léger zoom déjà sur realiz/rung — on harmonise la transition */
.realiz-it img,.rung-photo img,.story-portrait img,.hero-photo img{will-change:transform}

/* respect reduced-motion : déjà géré globalement plus haut, on renforce */
@media(prefers-reduced-motion:reduce){
  .hero-in>*,.hero-photo,.page-hero-in>*,.hero-proof-big,.rv.in .gift,.rv.in .pillar,.rv.in .case{animation:none!important}
  .btn-primary::after{display:none}
}

/* disclaimer hero */
.ref-star{color:#FFB81C;font-weight:700}
.hero-disclaimer{font-size:12px;color:rgba(226,232,240,.55);font-weight:500;line-height:1.5;margin-top:14px;max-width:560px;font-style:italic}

/* simulateur avec photo */
.simu-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,4vw,48px);align-items:center}
.simu-photo{position:relative}
.simu-photo img{width:100%;border-radius:var(--radius-sm);box-shadow:0 16px 40px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12)}
@media(max-width:820px){.simu-grid{grid-template-columns:1fr}.simu-photo{display:block;margin-top:8px}}

/* carte formation refondue (accueil) */
.course-card{display:block;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card);position:relative;cursor:pointer;margin-bottom:16px}
.course-screen{position:relative}
.course-screen img{width:100%;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.course-card:hover .course-screen img{transform:scale(1.04)}
.course-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,17,32,.18);transition:background .25s}
.course-card:hover .course-play{background:rgba(11,17,32,.28)}
.course-play svg{width:64px;height:64px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));transition:transform .2s}
.course-card:hover .course-play svg{transform:scale(1.08)}
.course-bar{position:absolute;left:14px;right:14px;bottom:12px;height:5px;background:rgba(255,255,255,.3);border-radius:3px;overflow:hidden}
.course-bar span{display:block;width:38%;height:100%;background:#FFB81C;border-radius:3px}
.course-feats{display:flex;flex-direction:column;gap:8px}
.course-feat{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--ink-soft);background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-xs);padding:11px 14px;box-shadow:var(--shadow-card)}
.course-feat svg{flex-shrink:0}
.course-feat.plus{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}
.tripwire-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;font-weight:700;color:var(--ok)}

/* rung plat (sans photo) */
.rung-flat{padding:28px 26px!important}
.rung-flat .rung-lvl{margin:0 0 12px!important}
.rung-flat h4{margin:0 0 8px!important}
.rung-flat p{margin:0 0 18px!important}
.rung-flat .rung-link{margin:0!important}

/* patchwork / visionboard projets */
.patchwork{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border-radius:var(--radius);overflow:hidden}
.patchwork img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s;cursor:pointer}
.patchwork img:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(11,17,32,.18);z-index:2;position:relative}
@media(max-width:760px){.patchwork{grid-template-columns:repeat(3,1fr);gap:6px}}
@media(max-width:440px){.patchwork{grid-template-columns:repeat(2,1fr)}}

/* carte "et bien d'autres" dans le mur de témoignages */
.wa-more{break-inside:avoid;display:flex;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(150deg,var(--brand),var(--brand-3));border:none!important}
.wa-more-in{text-align:center;padding:20px}
.wa-more-txt{font-family:'Anton',sans-serif;font-size:22px;font-weight:400;color:#fff;line-height:1.2;letter-spacing:.005em}

/* section achat enrichie (page formation) */
.buy-rich{max-width:840px;display:grid;grid-template-columns:1.1fr .9fr;gap:0;padding:0;overflow:hidden;text-align:left}
.buy-stack{padding:34px 32px;display:flex;flex-direction:column;gap:16px;justify-content:center;background:#fff}
.buy-stack-it{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.45}
.buy-stack-it svg{flex-shrink:0;margin-top:2px}
.buy-pricing{padding:34px 32px;background:linear-gradient(160deg,var(--gold-soft),#fff);border-left:1px solid var(--gold-line);text-align:center;display:flex;flex-direction:column;justify-content:center}
.buy-price-row{display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:6px}
.buy-old{font-family:'Anton',sans-serif;font-size:30px;font-weight:400;color:var(--ink-mute);text-decoration:line-through;text-decoration-color:var(--err);text-decoration-thickness:2px}
.buy-new{font-family:'Anton',sans-serif;font-size:64px;font-weight:400;letter-spacing:.005em;line-height:1;color:var(--ink)}
.buy-new small{font-size:26px;font-weight:600}
.buy-pricing .btn{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;padding:16px;font-size:15.5px;margin:18px 0 0}
.buy-pricing .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,151,63,.4)}
.buy-reassure{display:flex;flex-direction:column;gap:7px;margin-top:16px}
.buy-reassure span{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok)}
@media(max-width:680px){.buy-rich{grid-template-columns:1fr}.buy-pricing{border-left:none;border-top:1px solid var(--gold-line)}}

/* section "pourquoi moi" (coaching, personal brand) */
.why-me{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,60px);align-items:center}
.why-me-photo{position:relative}
.why-me-photo img{width:100%;border-radius:var(--radius);box-shadow:0 18px 44px rgba(0,52,120,.2);border:4px solid #fff}
.why-me-badge{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid var(--gold-line);border-radius:100px;padding:11px 20px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:700;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.why-me-big{font-family:'Anton',sans-serif;font-size:18px;font-weight:400;color:var(--gold)}
.why-me-txt .eyebrow{margin-bottom:16px}
.why-me-txt h2{font-family:'Anton',sans-serif;font-size:clamp(25px,3.6vw,36px);font-weight:400;line-height:1.18;letter-spacing:.005em;margin-bottom:16px}
.why-me-txt p{font-size:15.5px;color:var(--ink-soft);font-weight:500;line-height:1.65;margin-bottom:14px}
.why-me-points{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.why-me-pt{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:700;color:var(--ink)}
.why-me-pt svg{flex-shrink:0}
@media(max-width:820px){.why-me{grid-template-columns:1fr;gap:44px}.why-me-photo{max-width:380px;margin:0 auto}}

/* étude de cas (Helena) */
.case-study{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,4vw,48px);align-items:center;max-width:980px;margin:0 auto}
.case-study-lead{font-size:17px!important;color:var(--ink)!important;line-height:1.6}
.case-study-txt p{font-size:15px;color:var(--ink-soft);font-weight:500;line-height:1.65;margin-bottom:16px}
.case-study-txt strong{color:var(--ink);font-weight:800}
.case-result{display:flex;gap:12px;margin:22px 0}
.case-result-it{flex:1;text-align:center;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);padding:16px 10px;box-shadow:var(--shadow-card)}
.case-result-v{font-family:'Anton',sans-serif;font-size:24px;font-weight:400;color:var(--brand-2);letter-spacing:.005em;line-height:1}
.case-result-l{font-size:11px;color:var(--ink-mute);font-weight:600;margin-top:5px;line-height:1.3}
.case-study-note{font-style:italic;color:var(--ink-soft)!important;font-size:14px!important}
.case-study-visual{display:flex;align-items:center;justify-content:center}
.case-plan-placeholder{width:100%;aspect-ratio:4/5;border:2px dashed var(--ink-faint);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-mute);background:var(--card-2)}
.case-plan-placeholder span{font-size:14px;font-weight:700}
.case-plan-placeholder small{font-size:12px;color:var(--ink-faint)}
@media(max-width:760px){.case-study{grid-template-columns:1fr}.case-result{flex-wrap:wrap}.case-plan-placeholder{aspect-ratio:16/10}}

/* stats résultats (clé en main) */
.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:0 auto}
.result-stat{text-align:center;background:linear-gradient(160deg,#fff,var(--brand-soft));border:1px solid var(--brand-line);border-radius:var(--radius);padding:26px 18px;box-shadow:var(--shadow-card)}
.result-stat-v{font-family:'Anton',sans-serif;font-size:30px;font-weight:400;color:var(--brand-2);letter-spacing:.005em;line-height:1}
.result-stat-l{font-size:12.5px;color:var(--ink-soft);font-weight:600;margin-top:8px;line-height:1.4}
@media(max-width:760px){.result-stats{grid-template-columns:1fr 1fr}}

/* catalogue de kits (page kits-ia) */
.kits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kit-card{position:relative;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s}
.kit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kit-ic{width:52px;height:52px;border-radius:14px;background:var(--brand-soft);border:1px solid var(--brand-line);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.kit-ic svg{width:26px;height:26px}
.kit-tag{position:absolute;top:22px;right:22px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);padding:4px 9px;border-radius:100px}
.kit-card h3{font-family:'Anton',sans-serif;font-size:18px;font-weight:400;letter-spacing:.005em;margin-bottom:8px;line-height:1.25}
.kit-card p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.55}
@media(max-width:860px){.kits-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kits-grid{grid-template-columns:1fr}}

/* bouton WhatsApp flottant */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:90;display:flex;align-items:center;gap:0;background:#25D366;color:#fff;border-radius:100px;padding:0;height:58px;width:58px;box-shadow:0 8px 24px rgba(37,211,102,.4);overflow:hidden;transition:width .3s cubic-bezier(.16,1,.3,1),box-shadow .2s;text-decoration:none}
.wa-float svg{flex-shrink:0;width:58px;height:58px;padding:15px}
.wa-float-label{white-space:nowrap;font-size:14.5px;font-weight:700;opacity:0;transition:opacity .2s;padding-right:0}
.wa-float:hover{width:230px;box-shadow:0 10px 30px rgba(37,211,102,.5)}
.wa-float:hover .wa-float-label{opacity:1;padding-right:22px}
@media(max-width:560px){
  .wa-float{bottom:16px;right:16px;height:54px;width:54px}
  .wa-float svg{width:54px;height:54px;padding:14px}
  .wa-float:hover{width:54px}
  .wa-float:hover .wa-float-label{opacity:0;padding-right:0}
}
@keyframes waPulse{0%{box-shadow:0 8px 24px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 8px 24px rgba(37,211,102,.4),0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 8px 24px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,0)}}
.wa-float{animation:waPulse 2.6s ease-out 2s 3}
@media(prefers-reduced-motion:reduce){.wa-float{animation:none}}

/* plan d'étude de cas (Helena) */
.case-plan{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #EAEFF5;background:#fff}
.case-plan img{width:100%;display:block}
.case-plan figcaption{padding:13px 16px;font-size:12.5px;color:var(--ink-soft);font-weight:600;line-height:1.45;background:var(--card-2);border-top:1px solid #EAEFF5}

/* ============================================================
   MARKETING LAYER — bannière réassurance, police impact, accents
   ============================================================ */

/* bannière de réassurance tout en haut (au-dessus de la nav) */
.topbar{background:linear-gradient(90deg,var(--brand),var(--brand-3));color:#fff;font-size:13px;font-weight:600}
.topbar-in{max-width:var(--maxw);margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.topbar-it{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.topbar-it svg{flex-shrink:0}
.topbar a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.flag-fr{display:inline-flex;width:18px;height:13px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.3);vertical-align:middle}
.flag-fr span{flex:1}.flag-fr .b{background:#0055A4}.flag-fr .w{background:#fff}.flag-fr .r{background:#EF4135}
@media(max-width:620px){.topbar-in{gap:14px;font-size:12px}.topbar-hide-sm{display:none}}

/* police d'impact pour les gros titres marketing */
.display{font-family:'Anton',system-ui,sans-serif;font-weight:400;letter-spacing:.005em;line-height:.98;text-transform:none}
.hero h1.display,.page-hero h1.display,h1.display,h2.display{font-family:'Anton',system-ui,sans-serif;font-weight:400;letter-spacing:.004em;line-height:1.0}
.page-hero h1.display .gold,.hero h1.display .gold{font-style:normal;font-weight:400}

/* bouton action rouge (CTA marketing fort) */
.btn-action{background:linear-gradient(135deg,var(--action),var(--action-2));color:#fff;box-shadow:0 8px 24px rgba(230,57,70,.32)}
.btn-action:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(230,57,70,.42);color:#fff}
.btn-zest{background:linear-gradient(135deg,var(--zest),var(--zest-2));color:#1a1205;box-shadow:0 8px 24px rgba(255,184,28,.34)}
.btn-zest:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,184,28,.46);color:#1a1205}

/* pastille d'urgence / accent */
.flash{display:inline-flex;align-items:center;gap:7px;background:var(--action-soft);border:1px solid var(--action-line);color:var(--action-2);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 13px;border-radius:100px}
.flash svg{flex-shrink:0}
.eyebrow.zest{color:var(--zest-2);background:var(--zest-soft);border-color:var(--zest-line)}
.eyebrow.action{color:var(--action-2);background:var(--action-soft);border-color:var(--action-line)}

/* bouton "Besoin d'aide ?" dans la nav */
.nav-help{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink-soft)!important;padding:8px 13px;border-radius:100px;border:1px solid #E5EBF2;transition:background .15s,border-color .15s}
.nav-help:hover{background:var(--card-2);border-color:var(--brand-line);color:var(--brand-2)!important}
.nav-help svg{flex-shrink:0}
.nav-help::after{display:none!important}

/* surlignage marqueur (storytelling) */
.mark{background:linear-gradient(180deg,transparent 58%,var(--zest-soft) 58%);padding:0 2px;font-weight:800;color:var(--ink)}
.mark-r{background:linear-gradient(180deg,transparent 58%,var(--action-soft) 58%);padding:0 2px;font-weight:800;color:var(--action-2)}
.underline-zest{position:relative;white-space:nowrap}
.underline-zest::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--zest);border-radius:3px;transform:scaleX(0);transform-origin:left;animation:ulin .6s .3s forwards}
@keyframes ulin{to{transform:scaleX(1)}}

/* page besoin d'aide */
.help-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;max-width:980px;margin:0 auto}
.help-side{display:flex;flex-direction:column;gap:14px}
.help-card{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-card)}
.help-urgent{border:1.5px solid var(--ok-line);background:linear-gradient(150deg,#fff,var(--ok-soft))}
.help-ic{width:48px;height:48px;flex-shrink:0;border-radius:13px;background:var(--brand-soft);border:1px solid var(--brand-line);display:flex;align-items:center;justify-content:center}
.help-ic svg{width:26px;height:26px}
.help-ic.wa{background:none;border:none}
.help-card h4{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.help-card p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.45;margin-bottom:8px}
.help-link{font-size:15px;font-weight:800;color:var(--brand-2)}
.help-link.wa-txt{color:#1FA855}
@media(max-width:820px){.help-grid{grid-template-columns:1fr}}

/* note légale groupée en footer */
.foot-legal-note{font-size:11px;color:rgba(226,232,240,.4);font-weight:500;line-height:1.55;margin:22px 0 0;padding:20px 0 16px;border-top:1px solid rgba(255,255,255,.08);max-width:880px}

/* newsletter lead magnet */
.newsletter{background:linear-gradient(160deg,var(--brand),#0A2A5E)}
.nl{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,52px);align-items:center}
.nl-l .flash{margin-bottom:16px}
.nl-l h2{font-size:clamp(28px,4vw,44px);color:#fff;line-height:1.05;margin-bottom:16px}
.nl-l h2 .zest-txt{color:var(--zest)}
.nl-l p{font-size:15.5px;color:rgba(226,232,240,.88);font-weight:500;line-height:1.6;margin-bottom:14px}
.nl-l strong{color:#fff;font-weight:800}
.nl-bonus{font-size:14px!important;color:rgba(226,232,240,.7)!important}
.nl-r{background:#fff;border-radius:var(--radius);padding:clamp(26px,4vw,36px);box-shadow:var(--shadow-lg)}
.nl-form h3{font-family:'Anton',sans-serif;font-size:21px;font-weight:400;margin-bottom:18px;text-align:center}
.nl-form .field-row{margin-bottom:12px}
.nl-form input{width:100%;padding:15px 16px;font-family:inherit;font-size:15px;font-weight:500;background:var(--card-2);border:1.5px solid #E5EBF2;border-radius:var(--radius-sm);outline:none;transition:border-color .16s,box-shadow .16s}
.nl-form input:focus{border-color:var(--zest-2);box-shadow:0 0 0 3px rgba(255,184,28,.15);background:#fff}
.nl-form .btn{width:100%;padding:16px;font-size:15.5px;margin-top:6px}
.nl-form .btn svg{width:20px;height:20px;flex-shrink:0}
.nl-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;color:var(--ink-mute);font-weight:600;margin-top:14px}
@media(max-width:820px){.nl{grid-template-columns:1fr;gap:30px}}

/* storytelling vente (formation, coaching) */
.story-sell{background:linear-gradient(180deg,#fff,var(--card-2))}
.story-sell-in{max-width:760px;margin:0 auto;text-align:center}
.story-sell-in .flash{margin-bottom:18px}
.story-sell-in h2{font-size:clamp(26px,4vw,42px);line-height:1.05;margin-bottom:28px}
.story-sell-in h2 .zest-txt{color:var(--zest-2)}
.story-sell-body{text-align:left;max-width:660px;margin:0 auto}
.story-sell-body p{font-size:16px;color:var(--ink-soft);font-weight:500;line-height:1.7;margin-bottom:18px}
.story-sell-body strong{color:var(--ink);font-weight:800}
.story-sell-punch{font-size:17px!important;color:var(--ink)!important;font-weight:600!important;border-left:3px solid var(--zest);padding-left:20px;margin-top:26px!important}

/* ============================================================
   AJOUTS — pop-up capture, visuel simulateur, fixes UI
   ============================================================ */

/* --- Fix lisibilité "liberté de dire non" sur fond bleu marine --- */
/* L'ancien .mark (surlignage clair à 58%) laissait le haut du texte
   noir sur fond foncé = illisible. Sur le hero foncé on passe à un
   texte doré net, souligné, sans surlignage à mi-hauteur. */
.hero .mark{background:none;color:var(--zest);font-weight:800;
  border-bottom:2px solid rgba(255,184,28,.55);padding:0;border-radius:0}

/* --- Boutons action agrandis (hero + CTA final) --- */
.btn-action.btn-xl{padding:19px 38px;font-size:17px;border-radius:15px;letter-spacing:-.01em}
.btn-action.btn-xl>svg{width:21px;height:21px}
@media(max-width:560px){.btn-action.btn-xl{padding:17px 26px;font-size:16px;width:100%}}

/* --- Espace liste→bouton dans la carte formation vidéo --- */
.tripwire-feats{margin-bottom:30px}

/* --- Visuel "résultat simulateur" (remplace l'image diagnostic) --- */
.simu-viz{position:relative;background:#fff;border-radius:var(--radius-sm);
  padding:26px 26px 22px;box-shadow:0 18px 44px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.14);color:var(--ink);overflow:hidden}
.simu-viz::before{content:'';position:absolute;top:-60px;right:-50px;width:180px;height:180px;
  background:radial-gradient(circle,rgba(0,74,173,.08),transparent 70%);border-radius:50%}
.simu-viz-head{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px}
.simu-viz-head .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);
  box-shadow:0 0 0 4px rgba(15,118,110,.14);flex-shrink:0}
.simu-row{position:relative;z-index:2;margin-bottom:14px}
.simu-row-lbl{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.simu-bar{height:38px;border-radius:9px;display:flex;align-items:center;padding:0 14px;
  font-weight:800;font-size:15px;color:#fff;position:relative;overflow:hidden;width:0;
  transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.simu-viz.in .simu-bar.bar-bank{width:64%}
.simu-viz.in .simu-bar.bar-real{width:100%}
.simu-bar.bar-bank{background:linear-gradient(90deg,#64748B,#94A3B8)}
.simu-bar.bar-real{background:linear-gradient(90deg,var(--brand),var(--brand-3))}
.simu-bar span{position:relative;z-index:2;white-space:nowrap}
.simu-gap{position:relative;z-index:2;margin-top:18px;background:var(--zest-soft);
  border:1px solid var(--zest-line);border-radius:11px;padding:13px 16px;display:flex;
  align-items:center;gap:12px}
.simu-gap-big{font-family:'Anton',sans-serif;font-size:28px;font-weight:400;color:var(--zest-2);
  line-height:1;letter-spacing:.005em;flex-shrink:0}
.simu-gap-txt{font-size:12.5px;font-weight:700;color:#7a5a00;line-height:1.35}
.simu-viz-foot{position:relative;z-index:2;margin-top:16px;display:flex;align-items:center;
  justify-content:center;gap:7px;font-size:12px;font-weight:700;color:var(--brand-2);
  background:var(--brand-soft);border-radius:9px;padding:10px;border:1px solid var(--brand-line)}
@media(max-width:820px){.simu-viz{display:block}}

/* --- POP-UP capture (nom + email) avant redirection ressource --- */
.modal-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(3px);
  z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;
  opacity:0;transition:opacity .22s ease}
.modal-ov.open{display:flex;opacity:1}
.modal-box{background:#fff;border-radius:20px;max-width:430px;width:100%;
  padding:32px 30px 28px;box-shadow:0 30px 80px rgba(11,17,32,.4);position:relative;
  transform:translateY(14px) scale(.98);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.modal-ov.open .modal-box{transform:translateY(0) scale(1)}
.modal-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;
  background:var(--card-2);border-radius:50%;cursor:pointer;display:flex;align-items:center;
  justify-content:center;color:var(--ink-soft);transition:background .15s}
.modal-x:hover{background:#E9EEF5}
.modal-ic{width:52px;height:52px;border-radius:14px;background:var(--gold-soft);
  border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;
  margin-bottom:16px}
.modal-box h3{font-family:'Anton',sans-serif;font-size:23px;font-weight:400;letter-spacing:.005em;
  margin-bottom:8px;line-height:1.2}
.modal-box .modal-sub{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.55;margin-bottom:20px}
.modal-box .field-row{margin-bottom:12px}
.modal-box input{width:100%;padding:14px 16px;border:1.5px solid #E2E8F0;border-radius:12px;
  font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .15s}
.modal-box input:focus{outline:none;border-color:var(--brand-3)}
.modal-box .btn-zest{width:100%;padding:15px;font-size:15.5px;margin-top:4px}
.modal-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;
  color:var(--ink-mute);font-weight:600;margin-top:14px}
.modal-back{display:inline-block;margin-top:6px;font-size:13px;color:var(--brand-2);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}
/* --- État succès du popup (après optin) --- */
.modal-ic-ok{background:var(--ok-soft);border-color:var(--ok-line)}
.modal-box [data-success-cta]{width:100%;padding:15px;font-size:15.5px;margin-top:4px}
.modal-upsell{margin-top:20px;padding:18px 16px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:14px;text-align:center}
.modal-upsell-ey{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-2);margin-bottom:6px}
.modal-upsell-t{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;letter-spacing:.005em;color:var(--ink);margin-bottom:5px}
.modal-upsell-s{font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.5;margin-bottom:14px}
.btn-outline-blue{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:14.5px;font-weight:800;color:#fff;background:var(--brand-2);border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.btn-outline-blue:hover{background:var(--brand);transform:translateY(-1px)}
.btn-outline-blue svg{width:16px;height:16px}

/* --- Séparateur "ou va plus loin" entre formation vidéo et cartes --- */
.ladder-intro{display:flex;align-items:center;justify-content:center;margin:38px 0 22px;position:relative}
.ladder-intro::before,.ladder-intro::after{content:'';height:1px;flex:1;max-width:140px;background:linear-gradient(90deg,transparent,var(--brand-line))}
.ladder-intro::after{background:linear-gradient(90deg,var(--brand-line),transparent)}
.ladder-or{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);padding:0 18px}
/* Cartes coaching/travaux rendues plus présentes */
.ladder-2 .rung-flat{box-shadow:var(--shadow-card);border:1.5px solid var(--brand-line);transition:transform .2s,box-shadow .2s;background:linear-gradient(165deg,#F5F9FF,#fff 60%);position:relative;overflow:hidden}
.ladder-2 .rung-flat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.ladder-2 .rung-flat:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--brand)}
.ladder-2 .rung-flat .rung-lvl{display:inline-block;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));padding:5px 12px;border-radius:100px;letter-spacing:.06em}
.ladder-2 .rung-flat h4{font-size:21px!important}
.ladder-2 .rung-flat .rung-link{font-weight:800;color:var(--brand-2)}

/* --- Kits IA : 4 fiches cliquables (capture) en 2 colonnes --- */
.kits-grid{grid-template-columns:repeat(2,1fr)}
.kit-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}
.kit-card-link .kit-get{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:14px;font-weight:800;color:var(--brand-2);transition:gap .15s}
.kit-card-link .kit-get svg{width:15px;height:15px}
.kit-card-link:hover .kit-get{gap:11px}
.kit-card-link .kit-tag{position:static;display:inline-block;margin-bottom:12px}
.kits-cookie-note{display:flex;align-items:flex-start;gap:8px;max-width:680px;margin:22px auto 0;font-size:13px;color:var(--ink-mute);font-weight:600;line-height:1.5;justify-content:center;text-align:left}
.kits-cookie-note svg{flex-shrink:0;margin-top:2px}
@media(max-width:560px){.kits-grid{grid-template-columns:1fr}}

/* --- Kits IA : étapes "comment ça marche" --- */
.kits-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kit-step{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-card)}
.kit-step-n{width:40px;height:40px;border-radius:11px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:19px;font-weight:400;margin-bottom:14px}
.kit-step h4{font-family:'Anton',sans-serif;font-size:17px;font-weight:400;margin-bottom:7px}
.kit-step p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.55}
@media(max-width:760px){.kits-steps{grid-template-columns:1fr}}

/* --- Clé en main : chiffres du projet (cas Foix) --- */
.dfy-figures{display:flex;flex-direction:column;gap:10px;margin:4px 0 22px}
.dfy-fig{display:flex;align-items:baseline;gap:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:11px 15px}
.dfy-fig-v{font-family:'Anton',sans-serif;font-size:22px;font-weight:400;color:#FFB81C;
  letter-spacing:.005em;flex-shrink:0;min-width:74px}
.dfy-fig-l{font-size:13px;color:rgba(226,232,240,.72);font-weight:600;line-height:1.4}
/* Plan d'optimisation : portrait, pas rogné en hauteur */
.dfy-photo-plan{max-height:none}
.dfy-photo-plan img{max-height:420px;width:100%;object-fit:contain;background:#0B1120}

/* --- Témoignages : tuile "et bien d'autres" centrée (3 + 1) --- */
.wa-grid-3c{columns:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.wa-grid-3c .wa-it{flex:0 1 300px;max-width:320px;break-inside:auto}
@media(max-width:680px){.wa-grid-3c .wa-it{flex:1 1 240px}}

/* ============================================================
   DYNAMISME — progression, retour haut, sticky CTA, micro-anim
   ============================================================ */

/* 3. Barre de progression de lecture */
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9998;background:transparent;pointer-events:none}
.read-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--zest),var(--zest-2));
  box-shadow:0 0 8px rgba(255,184,28,.5);transition:width .1s linear}

/* 3. Bouton retour haut */
.to-top{position:fixed;right:22px;bottom:90px;width:46px;height:46px;border-radius:50%;border:none;
  background:var(--brand);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,52,120,.35);opacity:0;transform:translateY(12px) scale(.9);
  pointer-events:none;transition:opacity .25s,transform .25s;z-index:9990}
.to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.to-top:hover{background:var(--brand-2);transform:translateY(-2px) scale(1.05)}
.to-top svg{width:20px;height:20px}
/* décalé pour ne pas chevaucher le bouton WhatsApp flottant (à gauche) */
@media(max-width:760px){.to-top{bottom:84px;right:16px;width:42px;height:42px}}

/* 6. Sticky CTA mobile */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9985;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid #E6ECF3;
  transform:translateY(110%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:none}
.sticky-cta.show{transform:translateY(0)}
.sticky-cta a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  padding:15px;border-radius:13px;background:linear-gradient(135deg,var(--action),var(--action-2));
  color:#fff;font-weight:800;font-size:15.5px;text-decoration:none;box-shadow:0 6px 18px rgba(230,57,70,.34)}
.sticky-cta a svg{width:19px;height:19px}
@media(max-width:760px){.sticky-cta{display:block}}
/* sur mobile, remonter le bouton retour-haut au-dessus du sticky CTA quand il est visible */

/* 4. Micro-animations */
/* Soulignement animé sur les liens de navigation */
.nav-links a:not(.nav-cta):not(.nav-help){position:relative}
.nav-links a:not(.nav-cta):not(.nav-help)::after{content:'';position:absolute;left:0;bottom:-4px;height:2px;width:0;
  background:var(--brand-3);border-radius:2px;transition:width .25s ease}
.nav-links a:not(.nav-cta):not(.nav-help):hover::after{width:100%}
/* Pulse discret sur les CTA action (rouge) */
@keyframes is-pulse{0%{box-shadow:0 6px 20px rgba(230,57,70,.30),0 0 0 0 rgba(230,57,70,.40)}
  70%{box-shadow:0 6px 20px rgba(230,57,70,.30),0 0 0 12px rgba(230,57,70,0)}
  100%{box-shadow:0 6px 20px rgba(230,57,70,.30),0 0 0 0 rgba(230,57,70,0)}}
.btn-action.btn-xl{animation:is-pulse 2.8s ease-out infinite}
.btn-action.btn-xl:hover{animation-play-state:paused}
/* Tilt + lift léger sur le visuel simulateur au survol */
.simu-viz{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.simu-photo:hover .simu-viz{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 26px 60px rgba(0,0,0,.40)}
/* Lift sur les fiches kits cliquables (renforce l'affordance) */
.kit-card-link{transition:transform .2s,box-shadow .2s}
.kit-card-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}

/* Respect de prefers-reduced-motion */
@media(prefers-reduced-motion:reduce){
  .btn-action.btn-xl{animation:none}
  .simu-photo:hover .simu-viz{transform:none}
  .read-progress span{transition:none}
}

/* ============================================================
   MENU MOBILE — vrai panneau de navigation
   ============================================================ */
.m-nav{position:fixed;inset:0;z-index:9995;display:none;opacity:0;transition:opacity .25s ease}
.m-nav.open{display:block;opacity:1}
.m-nav-ov{position:absolute;inset:0;background:rgba(11,17,32,.55);backdrop-filter:blur(2px)}
.m-nav-panel{position:absolute;top:0;right:0;height:100%;width:min(82vw,340px);background:#fff;
  box-shadow:-12px 0 40px rgba(11,17,32,.25);padding:22px 22px calc(22px + env(safe-area-inset-bottom));
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}
.m-nav.open .m-nav-panel{transform:translateX(0)}
.m-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #EEF2F7}
.m-nav-head-nologo{justify-content:flex-end;border-bottom:none;padding-bottom:0;margin-bottom:8px}
.m-nav-head img{height:30px;width:auto}
.m-nav-x{width:38px;height:38px;border:none;background:var(--card-2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}
.m-nav-sec{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);margin:18px 0 8px}
.m-nav a.m-nav-link{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;font-size:16px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid #F1F5F9}
.m-nav a.m-nav-link:active{color:var(--brand-2)}
.m-nav a.m-nav-link svg{width:16px;height:16px;color:var(--ink-mute)}
.m-nav-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:15px;
  border-radius:13px;background:linear-gradient(135deg,var(--action),var(--action-2));color:#fff;font-weight:800;font-size:15.5px;text-decoration:none;box-shadow:0 6px 18px rgba(230,57,70,.32)}
.m-nav-cta svg{width:18px;height:18px}
.m-nav-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:13px;
  border-radius:13px;border:1.5px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-2);font-weight:700;font-size:14.5px;text-decoration:none}
body.m-nav-open{overflow:hidden}

/* Empilement bas mobile : remonter WhatsApp + retour-haut au-dessus du sticky CTA */
@media(max-width:760px){
  body.has-sticky-cta .wa-float{bottom:90px}
  body.has-sticky-cta .to-top{bottom:154px}
}

/* ============================================================
   BLOCS MARKETING (pages d'offres) — inspirés des meilleures pages de vente
   ============================================================ */

/* --- Bloc "Les obstacles" (douleurs) --- */
.obstacles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.obstacle{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-card)}
.obstacle-ic{width:46px;height:46px;border-radius:12px;background:var(--action-soft);border:1px solid var(--action-line);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.obstacle h4{font-family:'Anton',sans-serif;font-size:16.5px;font-weight:400;margin-bottom:7px}
.obstacle p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}
@media(max-width:860px){.obstacles{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.obstacles{grid-template-columns:1fr}}

/* --- Bloc "Sans / Avec" (comparatif) --- */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}
.vs-col{border-radius:var(--radius);padding:30px 28px}
.vs-col.vs-without{background:#FBF4F4;border:1px solid var(--action-line)}
.vs-col.vs-with{background:var(--ok-soft);border:1px solid var(--ok-line)}
.vs-head{display:flex;align-items:center;gap:10px;font-family:'Anton',sans-serif;font-size:19px;font-weight:400;margin-bottom:18px}
.vs-without .vs-head{color:#B23842}
.vs-with .vs-head{color:var(--ok)}
.vs-li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:14px;font-weight:500;color:var(--ink-soft);line-height:1.45;border-bottom:1px solid rgba(0,0,0,.05)}
.vs-li:last-child{border-bottom:none}
.vs-li svg{flex-shrink:0;margin-top:2px}
.vs-with .vs-li{color:var(--ink)}
@media(max-width:760px){.vs-grid{grid-template-columns:1fr}}

/* --- Bloc "En quelques chiffres" --- */
.stats-band{background:linear-gradient(150deg,var(--brand),var(--brand-2) 60%,var(--brand-3));
  border-radius:var(--radius);padding:clamp(34px,5vw,52px) clamp(24px,4vw,48px);color:#fff;position:relative;overflow:hidden}
.stats-band::before{content:'';position:absolute;top:-80px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border-radius:50%}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:2}
.stat-it{text-align:center}
.stat-v{font-family:'Anton',sans-serif;font-size:clamp(38px,6vw,56px);font-weight:400;line-height:1;letter-spacing:.005em;color:#fff}
.stat-v .stat-u{font-size:.5em;color:#FFB81C;margin-left:.18em}
.stat-l{font-size:14px;color:rgba(226,232,240,.82);font-weight:600;line-height:1.4;margin-top:10px;max-width:240px;margin-left:auto;margin-right:auto}
.stats-foot{text-align:center;font-size:12px;color:rgba(226,232,240,.6);font-weight:500;margin-top:24px;position:relative;z-index:2}
@media(max-width:680px){.stats-grid{grid-template-columns:1fr;gap:26px}}

/* --- Bloc "Les étapes pour se projeter" --- */
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:jstep}
.j-step{position:relative;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow-card)}
.j-num{width:38px;height:38px;border-radius:11px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-weight:400;font-size:18px;margin-bottom:14px}
.j-step h4{font-family:'Anton',sans-serif;font-size:16.5px;font-weight:400;margin-bottom:8px}
.j-step p{font-size:13px;color:var(--ink-soft);font-weight:500;line-height:1.5}
@media(max-width:860px){.journey{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.journey{grid-template-columns:1fr}}

/* --- Bloc "Pourquoi moi" --- */
.why-me-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-card)}
.why-card .why-ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.why-card h4{font-family:'Anton',sans-serif;font-size:16.5px;font-weight:400;margin-bottom:7px}
.why-card p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}
@media(max-width:780px){.why-me-grid{grid-template-columns:1fr}}

/* --- Bloc "Modules" (accordéon programme) --- */
.modules{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.module{background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden}
.module-head{width:100%;display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;background:none;border:none;text-align:left;font-family:inherit}
.module-n{flex-shrink:0;width:40px;height:40px;border-radius:11px;background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-2);display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-weight:400;font-size:16px}
.module-t{flex:1}
.module-t h4{font-family:'Anton',sans-serif;font-size:16px;font-weight:400;line-height:1.25}
.module-dur{font-size:12px;color:var(--ink-mute);font-weight:700;margin-top:2px}
.module-tog{flex-shrink:0;width:26px;height:26px;color:var(--ink-mute);transition:transform .25s}
.module.open .module-tog{transform:rotate(45deg)}
.module-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.module.open .module-body{max-height:400px}
.module-body-in{padding:0 22px 20px 78px}
.module-body-in li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.5;padding:5px 0}
.module-body-in li svg{flex-shrink:0;margin-top:3px}
@media(max-width:560px){.module-body-in{padding:0 22px 20px 22px}}

/* --- Bloc Calendly intégré --- */
.calendly-sec{background:var(--card-2)}
.calendly-wrap{max-width:1000px;margin:0 auto}
.calendly-embed{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);background:#fff;min-height:680px}
.calendly-embed iframe{width:100%;min-height:680px;border:none;display:block}
@media(max-width:560px){.calendly-embed,.calendly-embed iframe{min-height:1000px}}

/* ============================================================
   TRIANGLE D'OR (vision) — inversé : large en haut, pointe en bas
   ============================================================ */
.triangle-block{max-width:920px;margin:0 auto}
.triangle{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px}
.tri-level{width:100%;display:flex;justify-content:center}
.tri-bar{border-radius:var(--radius);padding:24px 28px;display:flex;align-items:center;box-shadow:var(--shadow-card);border:1px solid #EAEFF5;background:var(--card);position:relative;transition:transform .2s,box-shadow .2s}
.tri-bar:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tri-1 .tri-bar{width:100%;background:linear-gradient(135deg,#F4F8FF,#EAF1FC);border-color:var(--brand-line)}
.tri-2 .tri-bar{width:78%;background:linear-gradient(135deg,#FFF9EC,#FFF3DA);border-color:var(--zest-line)}
.tri-3 .tri-bar{width:56%;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:#fff}
.tri-txt{text-align:left}
.tri-h{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;letter-spacing:.005em;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tri-3 .tri-h{color:#fff}
.tri-bar p{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}
.tri-3 .tri-bar p{color:rgba(255,255,255,.88)}
.tri-tag{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--brand-soft);color:var(--brand-2);padding:3px 9px;border-radius:100px;border:1px solid var(--brand-line)}
.tri-tag-star{background:var(--zest-soft);color:#9a6a00;border-color:var(--zest-line)}
@media(max-width:680px){
  .tri-1 .tri-bar,.tri-2 .tri-bar,.tri-3 .tri-bar{width:100%}
  .tri-bar{padding:18px 20px}
  .tri-h{font-size:17px}
}

/* --- Diagnostic : réassurance centrée sous le bouton --- */
.simu-re-center{justify-content:flex-start}
/* --- Tripwire formation : CTA + badge centrés ensemble --- */
.tripwire-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}
.tripwire-cta-wrap .tripwire-badge{margin:0}
/* --- Cartes Mentorat / Travaux 2.0 mises en avant --- */
.ladder-featured .rung-flat{background:linear-gradient(160deg,#fff,#F7FAFF);border:1.5px solid var(--brand-line);box-shadow:0 10px 30px rgba(0,52,120,.10);position:relative;overflow:hidden}
.ladder-featured .rung-flat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-2),var(--zest))}
.ladder-featured .rung-lvl{color:var(--brand-2);background:var(--brand-soft);border:1px solid var(--brand-line);display:inline-block;padding:4px 12px;border-radius:100px;font-weight:800}
.ladder-featured .rung-flat:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,52,120,.16)}

/* Plan Helena en carré (accueil DFY) */
.dfy-photo-square{max-height:none;aspect-ratio:1/1}
.dfy-photo-square img{width:100%;height:100%;object-fit:cover;display:block}
.dfy-r-square{display:flex;align-items:center;justify-content:center}

/* Footer : coordonnées sous Instagram */
.foot-contact{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.foot-contact a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}
.foot-contact a:hover{color:#fff}

/* ============================================================
   AJUSTEMENTS MOBILE (brief 2) — accueil rythme & lisibilité
   ============================================================ */
@media(max-width:760px){
  /* 14. photo parcours centrée */
  .story-portrait{margin-left:auto;margin-right:auto}
  .story-aside{text-align:center}
  .story-aside .eyebrow{display:inline-block}
  /* 18+20+26. réduire les écarts entre sections (sans surcompacter) */
  .sec{padding:42px 0}
  .story{padding-bottom:40px}
  .pillars-sec{padding:36px 0}
  #simulateur{padding-top:40px}
  #offres{padding-top:46px}
  /* 23. bouton diagnostic sur 1 ligne */
  .simu .btn-primary{width:100%;padding-left:16px;padding-right:16px;font-size:15px}
  /* 77. espace bas (mentions cachées par sticky CTA) */
  .foot-bot{padding-bottom:84px}
}
/* 24. "que tu laisses sur la table" sous le prix (déjà en bloc simu-gap, on s'assure du wrap mobile) */
@media(max-width:560px){
  .simu-gap{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ============================================================
   KITS IA — cartes avec photo produit (brief 2)
   ============================================================ */
.kits-grid-photo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kit-card-photo{display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.kit-card-photo:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kit-photo{width:100%;aspect-ratio:3/2;overflow:hidden;background:#F1F5F9}
.kit-photo img{width:100%;height:100%;object-fit:cover;display:block}
.kit-body{padding:22px 24px 24px}
.kit-card-photo h3{font-family:'Anton',sans-serif;font-size:19px;font-weight:400;letter-spacing:.005em;margin-bottom:8px;color:var(--ink)}
.kit-card-photo p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.5;margin-bottom:14px}
.kit-card-photo .kit-get{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--brand-2);transition:gap .15s}
.kit-card-photo:hover .kit-get{gap:11px}
@media(max-width:680px){.kits-grid-photo{grid-template-columns:1fr}}

/* Espace formation : bannière agrandie */
.full-banner-lg img{max-height:none}
.full-banner-lg{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.full-banner-lg img{width:100%;display:block}

/* Formation : bloc "et bien plus" sous les modules */
.modules-plus{max-width:780px;margin:36px auto 0;text-align:center}
.modules-plus h3{font-family:'Anton',sans-serif;font-size:22px;font-weight:400;margin-bottom:22px}
.mplus-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.mplus-it{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);padding:18px 20px;box-shadow:var(--shadow-card)}
.mplus-it svg{flex-shrink:0;margin-top:2px}
.mplus-it h4{font-family:'Anton',sans-serif;font-size:15.5px;font-weight:400;margin-bottom:4px}
.mplus-it p{font-size:13px;color:var(--ink-soft);font-weight:500;line-height:1.5}
@media(max-width:680px){.mplus-grid{grid-template-columns:1fr}}

/* Encart prix formation avec photo produit */
.buy-rich-photo{display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:"photo photo" "stack pricing"}
.buy-rich-photo>*{min-width:0}
.buy-rich-photo .buy-photo{grid-area:photo;width:100%;max-height:280px;overflow:hidden;border-bottom:1px solid var(--gold-line)}
.buy-rich-photo .buy-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.buy-rich-photo .buy-stack{grid-area:stack}
.buy-rich-photo .buy-pricing{grid-area:pricing}
@media(max-width:680px){
  /* 232. ordre mobile : photo -> prix -> bouton -> liste */
  .buy-rich-photo{grid-template-columns:1fr;grid-template-areas:"photo" "pricing" "stack"}
  .buy-rich-photo .buy-pricing{border-left:none;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
}

/* Cas Helena (formation-travaux) : paragraphe mis en avant + photo carrée + ordre mobile */
.case-study-hl{font-size:16.5px;line-height:1.65;color:var(--ink);font-weight:500;margin:14px 0}
.case-study-hl strong{color:var(--ink);font-weight:800}
.case-plan-square img{aspect-ratio:1/1;object-fit:cover;width:100%;display:block;border-radius:var(--radius-sm)}
@media(max-width:760px){
  /* 269. ordre mobile : titre -> photo -> texte */
  .case-study{display:flex;flex-direction:column}
  .case-study .case-study-visual{order:1}
  .case-study .case-study-txt{order:2}
}

/* Clé en main : badge urgence sous le CTA hero */
.hero-urgency{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:#9a6a00;background:var(--zest-soft);border:1px solid var(--zest-line);padding:8px 14px;border-radius:100px}
@media(max-width:600px){.hero-urgency{font-size:12px}}

/* Clé en main : chiffres compacts dans le bloc photo Kévin */
.stats-band-compact{margin:18px 0;padding:22px 24px}
.stats-band-compact .stats-grid{gap:18px}
.stats-band-compact .stat-v{font-size:clamp(28px,4vw,38px)}
.stats-band-compact .stat-l{font-size:12px;margin-top:6px;max-width:160px}
@media(max-width:520px){.stats-band-compact .stats-grid{grid-template-columns:1fr;gap:16px}}

/* Clé en main : bandeau "pourquoi c'est limité" descendu */
.limited-band{max-width:720px;margin:0 auto;text-align:center;background:linear-gradient(150deg,#0B1120,#0A2A5E);border:1px solid rgba(255,184,28,.3);border-radius:var(--radius);padding:clamp(32px,5vw,46px);color:#fff;position:relative;overflow:hidden}
.limited-band::before{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,184,28,.18),transparent 70%);pointer-events:none}
.limited-band .eyebrow{position:relative;color:#FFB81C;background:rgba(255,184,28,.12);border-color:rgba(255,184,28,.3)}
.limited-band h2{font-family:'Anton',sans-serif;font-size:clamp(24px,3.4vw,32px);font-weight:400;letter-spacing:.005em;margin:12px 0 10px;color:#fff;position:relative}
.limited-band p{font-size:15px;color:rgba(255,255,255,.85);font-weight:500;line-height:1.65;max-width:560px;margin:0 auto;position:relative}

/* Patchwork fusionné sous les témoignages (clé en main) */
.patchwork-merged{margin-top:18px}

/* ============================================================
   BOÎTE À OUTILS — grille des 11 outils (Starter Pack)
   ============================================================ */
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.tool-card{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid #EAEFF5;border-radius:var(--radius-sm);padding:18px 18px;box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tool-n{flex-shrink:0;font-family:'Anton',sans-serif;font-size:22px;color:var(--brand);line-height:1;opacity:.85;min-width:30px}
.tool-card-bonus{background:linear-gradient(150deg,#fff,var(--gold-soft));border-color:var(--gold-line)}
.tool-card-bonus .tool-n{color:#E89A00;font-size:24px}
.tool-body h4{font-family:'Anton',sans-serif;font-weight:400;font-size:15.5px;letter-spacing:.01em;margin-bottom:5px;line-height:1.15;color:var(--ink)}
.tool-body p{font-size:13px;color:var(--ink-soft);font-weight:500;line-height:1.5}
.tools-punch{display:flex;gap:14px;align-items:flex-start;max-width:760px;margin:30px auto 0;background:var(--card-2);border:1px solid var(--gold-line);border-radius:var(--radius);padding:22px 26px}
.tools-punch svg{flex-shrink:0;margin-top:2px}
.tools-punch p{font-size:14.5px;color:var(--ink);font-weight:500;line-height:1.6}
.tools-punch strong{font-weight:800}
@media(max-width:860px){.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tools-grid{grid-template-columns:1fr}}

/* "et bien d'autres" sous le patchwork */
.pw-more{text-align:center;margin-top:18px;font-size:15px;font-weight:600;color:var(--ink-soft);font-style:italic}

/* Encart prix formation — bannière défilante + palette contrôlée */
.buy-marquee{overflow:hidden;width:100%;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:100px;margin-bottom:16px;padding:7px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.buy-marquee-track{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;animation:buyMarquee 16s linear infinite;will-change:transform}
.buy-marquee-track span{color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}
@keyframes buyMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.buy-save{margin:8px 0 2px;font-size:14px;font-weight:600;color:var(--ink-soft)}
.buy-save strong{color:var(--brand-2);font-weight:800}
.buy-cta-xl{width:100%;margin-top:16px;font-size:16px;padding:16px 24px;box-shadow:0 8px 22px rgba(230,57,70,.28);animation:buyPulse 2.8s ease-in-out infinite}
@keyframes buyPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.buy-cta-xl:hover{animation:none}
.buy-pricing .btn-action{background:linear-gradient(135deg,var(--action),var(--action-2));color:#fff}
.buy-pricing .btn-action:hover{box-shadow:0 12px 30px rgba(230,57,70,.4)}
.buy-pricing .buy-reassure span{color:var(--ink-mute)}
@media(prefers-reduced-motion:reduce){.buy-marquee-track{animation:none}.buy-cta-xl{animation:none}}
.buy-pricing .buy-cap{font-size:12.5px}


/* pulse léger sur le badge "places limitées" (accueil) */
.dfy-ey-pulse{animation:dfyPulse 2.6s ease-in-out infinite}
@keyframes dfyPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,184,28,.45)}
  50%{box-shadow:0 0 0 7px rgba(255,184,28,0)}
}
@media(prefers-reduced-motion:reduce){.dfy-ey-pulse{animation:none}}

/* Triangle d'or — apparition séquentielle des 3 étapes (pop) */
.triangle-block .tri-level{opacity:0;transform:scale(.85) translateY(20px)}
.triangle-block.in .tri-level,
.triangle-block.in-now .tri-level{animation:triPop .6s cubic-bezier(.34,1.56,.64,1) both}
.triangle-block.in .tri-1,.triangle-block.in-now .tri-1{animation-delay:.1s}
.triangle-block.in .tri-2,.triangle-block.in-now .tri-2{animation-delay:.45s}
.triangle-block.in .tri-3,.triangle-block.in-now .tri-3{animation-delay:.8s}
@keyframes triPop{
  0%{opacity:0;transform:scale(.85) translateY(20px)}
  55%{opacity:1;transform:scale(1.06) translateY(-2px)}
  75%{transform:scale(.98) translateY(0)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .triangle-block .tri-level{opacity:1;transform:none}
  .triangle-block.in .tri-level,.triangle-block.in-now .tri-level{animation:none}
}

/* Badge "Diagnostic offert · 60 secondes" — défilement horizontal continu */
.eyebrow-marq{overflow:clip;max-width:220px}
.eb-marq{display:inline-block;width:190px;height:1.2em;overflow:clip;white-space:nowrap;vertical-align:bottom;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.eb-marq-t{display:inline-flex;align-items:center;height:1.2em;white-space:nowrap;animation:ebMarq 9s linear infinite;will-change:transform}
.eb-marq-t>span{padding-right:28px;flex-shrink:0}
@keyframes ebMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.eb-marq-t{animation:none}}


/* ============================================================
   PULSE LÉGER sur les boutons CTA (glow respirant, en pause au survol)
   ============================================================ */
.btn-primary,.btn-action:not(.buy-cta-xl),.btn-zest{animation:ctaPulse 2.8s ease-in-out infinite}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 8px 24px rgba(255,184,28,.34),0 0 0 0 rgba(255,184,28,.38)}
  50%{box-shadow:0 8px 24px rgba(255,184,28,.34),0 0 0 7px rgba(255,184,28,0)}
}
/* teinte rouge pour les CTA action, dorée par défaut, jaune pour zest */
.btn-action:not(.buy-cta-xl){animation-name:ctaPulseAction}
@keyframes ctaPulseAction{
  0%,100%{box-shadow:0 8px 24px rgba(230,57,70,.32),0 0 0 0 rgba(230,57,70,.32)}
  50%{box-shadow:0 8px 24px rgba(230,57,70,.32),0 0 0 6px rgba(230,57,70,0)}
}
.btn-zest{animation-name:ctaPulseZest}
@keyframes ctaPulseZest{
  0%,100%{box-shadow:0 8px 24px rgba(255,184,28,.34),0 0 0 0 rgba(255,184,28,.34)}
  50%{box-shadow:0 8px 24px rgba(255,184,28,.34),0 0 0 6px rgba(255,184,28,0)}
}
/* au survol, on coupe le pulse pour laisser place à l'effet hover existant */
.btn-primary:hover,.btn-action:not(.buy-cta-xl):hover,.btn-zest:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .btn-primary,.btn-action:not(.buy-cta-xl),.btn-zest{animation:none}
}

/* ============================================================
   CARROUSEL FLIP STICKY — une carte se retourne pour révéler la suivante
   (MOBILE uniquement ; desktop = grille classique inchangée)
   ============================================================ */
@media(max-width:680px){
  /* piste de défilement : assez de course pour enchaîner les cartes */
  .flip-carousel.fc-on{
    display:block;
    position:relative;
    height:calc((var(--fc-count,4) - 1) * 75vh + 100vh);
    margin:0;
    padding:0;
    background:none;
    border:none;
    max-width:none;
    overflow:visible;
  }
  /* le titre de section reste épinglé en haut pendant tout le défilement du carrousel */
  #gratuits .section-h,
  .ladder-lead{
    position:sticky;
    top:74px;
    z-index:6;
    margin-bottom:0;
    padding-bottom:8px;
    background:linear-gradient(to bottom,var(--card-2) 70%,transparent);
  }
  /* le viewport ne fait QUE la hauteur de la carte et se fige sous le titre,
     pour laisser voir la section au-dessus (titre) et celle en-dessous pendant le stick */
  .flip-carousel.fc-on .fc-viewport{
    position:sticky;
    top:calc(74px + var(--fc-headh,120px));
    height:var(--fc-zone,420px);
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:1500px;
    perspective-origin:50% 50%;
  }
  /* cartes empilées au même endroit ; opacité/z-index pilotés en JS (flip continu) */
  .flip-carousel.fc-on .fc-card{
    position:absolute;
    left:50%;
    top:50%;
    width:min(86vw,360px);
    margin:0!important;
    transform-style:preserve-3d;
    transform:translate(-50%,-50%) scale(var(--cardScale,1)) rotateY(var(--cardDeg,0deg));
    backface-visibility:hidden;
    opacity:0;
    will-change:transform,opacity;
    box-shadow:0 22px 50px rgba(11,17,32,.18);
    z-index:1;
  }
  /* points de progression sous la carte */
  .flip-carousel.fc-on .fc-dots{
    position:absolute;
    left:50%;
    bottom:6px;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    z-index:5;
  }
  .flip-carousel.fc-on .fc-dot{
    width:8px;height:8px;border-radius:50%;
    background:rgba(11,17,32,.18);
    transition:background .25s,width .25s;
  }
  .flip-carousel.fc-on .fc-dot.on{
    background:var(--gold);
    width:22px;border-radius:5px;
  }
  .flip-carousel.fc-on .fc-viewport::after{display:none}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){
  .flip-carousel.fc-on{height:auto}
  .flip-carousel.fc-on .fc-viewport{position:static;height:auto;display:block;perspective:none}
  .flip-carousel.fc-on .fc-card{position:relative;left:auto;top:auto;width:auto;transform:none!important;opacity:1!important;margin:0 0 16px!important}
  .flip-carousel.fc-on .fc-dots{display:none}
}
/* DESKTOP & hors-mobile : le wrapper fc-viewport ne casse pas la grille */
@media(min-width:681px){
  .flip-carousel .fc-viewport{display:contents}
}