/* ==========================================================================
   Landing page — styles repris de la présentation copilote
   ========================================================================== */

.progression{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:transparent}
.progression i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--bleu),var(--orange))}

/* Apparitions */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s)}
.rv.vis{opacity:1;transform:none}

/* HERO */
.hero{padding:86px 0 96px;background:radial-gradient(1000px 500px at 85% -10%,rgba(37,99,235,.10),transparent 60%),radial-gradient(700px 420px at -10% 30%,rgba(234,88,12,.07),transparent 60%),linear-gradient(180deg,#f4f8ff 0%,#fff 88%)}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.hero .lead{margin:26px 0 34px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.hero-micro{margin-top:18px;font-size:.92rem;color:var(--gris-clair);font-weight:500}
.hero-micro strong{color:var(--gris)}
.hero-visuel{position:relative}
.hero-visuel::before{content:"";position:absolute;inset:-8% -6% auto auto;width:64%;height:70%;background:radial-gradient(closest-side,rgba(37,99,235,.22),transparent);filter:blur(10px);z-index:0}
.hero-img{position:relative;z-index:1;width:100%;border-radius:26px;box-shadow:var(--ombre-forte);transform:scale(.97);opacity:0;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),opacity 1.2s ease}
body.pret .hero-img{transform:scale(1);opacity:1}
.chip{position:absolute;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--bord);border-radius:16px;padding:12px 18px;box-shadow:0 14px 34px rgba(15,23,42,.14);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:10px;animation:flotte 6s ease-in-out infinite}
.chip .pastille{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(234,88,12,.18)}
.chip.bleu .pastille{background:var(--bleu);box-shadow:0 0 0 4px rgba(37,99,235,.18)}
.chip1{top:22px;left:-26px}
.chip2{bottom:30px;right:-20px;animation-delay:-3s}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.badge{background:#fff;border:1px solid var(--bleu-bord);color:var(--bleu-encre);font-size:.86rem;font-weight:600;padding:9px 16px;border-radius:999px;box-shadow:0 3px 10px rgba(37,99,235,.06)}

/* SECTION 2 : PROBLÈME */
.probleme{background:radial-gradient(900px 480px at 90% 0%,#132a52 0%,var(--bleu-nuit) 55%);color:#e6edf7}
.probleme h2{color:#fff}
.probleme .lead{color:#a9b8d0}
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:64px}
.pb-img{border-radius:var(--rayon);box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.09)}
.pb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.pb-stat b{display:block;font-size:1.9rem;font-weight:900;color:#fff;letter-spacing:-.02em;white-space:nowrap}
.pb-stat span{font-size:.88rem;color:#8fa3c0}
.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.carte-sombre{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:var(--rayon);padding:30px 28px;backdrop-filter:blur(6px);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.carte-sombre:hover{transform:translateY(-6px);border-color:rgba(253,186,116,.45);background:rgba(255,255,255,.07)}
.carte-sombre .icone{width:48px;height:48px;border-radius:14px;background:rgba(234,88,12,.16);color:#fdba74;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.carte-sombre h3{color:#fff;font-size:1.1rem;margin-bottom:8px}
.carte-sombre p{color:#9db0cc;font-size:.96rem}
.punch{margin-top:64px;text-align:center}
.punch p{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;color:#fff;max-width:760px;margin:0 auto;line-height:1.4;letter-spacing:-.01em}
.punch .orange{color:var(--orange)}
.punch small{display:block;margin-top:14px;font-size:1rem;color:#8fa3c0;font-weight:400}

/* SECTION 3 : CONCEPT */
.concept{background:#fff}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cadre-schema{background:#fff;border:1px solid var(--bord);border-radius:26px;padding:26px;box-shadow:var(--ombre-carte);position:relative;overflow:hidden}
.cadre-schema::after{content:"";position:absolute;inset:auto -20% -35% -20%;height:50%;background:radial-gradient(closest-side,rgba(37,99,235,.08),transparent);pointer-events:none}
.cadre-schema img{border-radius:14px;width:100%}
.legende{text-align:center;font-size:.9rem;color:var(--gris-clair);margin-top:14px;font-weight:500}
.concept p+p{margin-top:16px}
.concept .corps{color:var(--gris);font-size:1.06rem}
.concept .corps strong{color:var(--encre)}
.equation{margin-top:34px;background:var(--fond-doux);border:1px solid var(--bord);border-radius:var(--rayon);padding:26px 28px}
.equation .titre-eq{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris-clair);margin-bottom:14px}
.eq-ligne{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:900;font-size:clamp(1rem,1.5vw,1.28rem);letter-spacing:-.01em}
.eq-bloc{padding:7px 13px;border-radius:11px;background:#fff;border:1.5px solid var(--bord);color:var(--gris);transition:transform .25s ease,border-color .25s ease,color .25s ease;cursor:default;white-space:nowrap}
.eq-bloc:hover{transform:translateY(-3px)}
.eq-bloc.qualite{background:var(--bleu-clair);border-color:var(--bleu-bord);color:var(--bleu-encre)}
.eq-bloc.contexte{background:var(--orange-clair);border-color:var(--orange);color:var(--orange);position:relative}
.eq-op{color:var(--gris-clair);font-weight:400}
.eq-note{margin-top:14px;font-size:.96rem;color:var(--gris)}
.eq-note b{color:var(--orange)}
.fleche-suite{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:700;color:var(--bleu);text-decoration:none;font-size:1.02rem}
.fleche-suite svg{transition:transform .25s ease}
.fleche-suite:hover svg{transform:translateX(5px)}

/* SECTION 4 : TRANSFORMATION */
.transfo{background:linear-gradient(180deg,#fff 0%,var(--bleu-clair) 130%);padding:96px 0}
.transfo .cadre-schema{max-width:880px;margin:36px auto 0}

/* SECTION 5 : PROGRAMME */
.programme{background:linear-gradient(180deg,var(--bleu-clair) 0%,#fff 30%)}
.rythme{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.rythme .badge{font-size:.9rem;padding:11px 18px}

.timeline-offres{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:56px auto 0;max-width:960px}
.offre-timeline{background:#fff;border:1px solid var(--bord);border-radius:18px;padding:28px 24px;box-shadow:var(--ombre-carte);transition:transform .3s ease,box-shadow .3s ease}
.offre-timeline:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(15,23,42,.10)}
.offre-num{width:56px;height:56px;background:var(--bleu);color:#fff;font-weight:900;font-size:1.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(37,99,235,.32);margin-bottom:18px}
.offre-num.orange{background:var(--orange);box-shadow:0 10px 22px rgba(234,88,12,.34)}
.offre-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bleu);background:var(--bleu-clair);border:1px solid var(--bleu-bord);padding:4px 11px;border-radius:999px;margin-bottom:10px}
.offre-tag.orange{color:var(--orange);background:var(--orange-clair);border-color:var(--orange-bord)}
.offre-contenu h3{font-size:1.2rem;margin-bottom:8px}
.offre-contenu p{color:var(--gris);font-size:.94rem;margin:0 0 14px}
.offre-price{font-size:1.5rem;font-weight:900;color:var(--encre)}

.coeur{max-width:860px;margin:44px auto 0;background:linear-gradient(135deg,#fff 60%,var(--orange-clair));border:1.5px solid var(--orange-bord);border-radius:var(--rayon);padding:34px 38px;box-shadow:0 16px 40px rgba(234,88,12,.08)}
.coeur .titre-coeur{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.18rem;margin-bottom:10px;letter-spacing:-.01em}
.coeur .titre-coeur .point{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(234,88,12,.16);flex:0 0 auto}
.coeur p{color:var(--gris);font-size:1.02rem}
.coeur p b{color:var(--encre)}

/* SECTION 6 : SALLE */
.salle{padding-top:0}
.salle-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.salle-visuel{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--ombre-forte)}
.salle-visuel img{width:100%;height:100%;object-fit:cover}
.salle-caption{position:absolute;left:0;right:0;bottom:0;padding:44px 26px 20px;background:linear-gradient(180deg,transparent,rgba(10,22,46,.78));color:#fff;font-weight:700;font-size:.95rem;display:flex;gap:18px;flex-wrap:wrap}
.salle-caption span{display:inline-flex;align-items:center;gap:8px}
.salle-caption i{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}
.prerequis{margin-top:26px;background:#fff;border:1px solid var(--bord);border-left:5px solid var(--bleu);border-radius:16px;padding:20px 24px;box-shadow:var(--ombre-carte);font-size:1rem;color:var(--gris)}
.prerequis b{color:var(--encre)}

/* SECTION 7 : BÉNÉFICES */
.benefices{background:var(--fond-doux)}
.bf-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;margin-bottom:56px}
.bf-intro img{border-radius:26px;box-shadow:var(--ombre-forte)}
.grille-bf{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bf{background:#fff;border:1px solid var(--bord);border-radius:18px;padding:26px 24px;box-shadow:var(--ombre-carte);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.bf:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,.11);border-color:var(--bleu-bord)}
.bf .check{width:38px;height:38px;border-radius:50%;background:var(--bleu-clair);border:1.5px solid var(--bleu-bord);color:var(--bleu);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.bf h3{font-size:1.06rem;margin-bottom:6px}
.bf p{color:var(--gris);font-size:.94rem}

/* SECTION 8 : CONTRASTE */
.contraste{background:#fff}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.vs{border-radius:26px;padding:38px 36px;position:relative;overflow:hidden}
.vs .etiquette{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;display:inline-block;padding:5px 13px;border-radius:999px}
.vs h3{font-size:1.4rem;margin-bottom:12px}
.vs p{font-size:1.02rem;line-height:1.7}
.vs.mort{background:#f1f5f9;border:1px solid var(--bord);color:var(--gris)}
.vs.mort .etiquette{background:#e2e8f0;color:var(--gris)}
.vs.mort h3{color:#64748b}
.vs.vivant{background:linear-gradient(135deg,var(--bleu-encre) 0%,var(--bleu) 60%,var(--bleu-fonce) 100%);color:#dbeafe;box-shadow:0 26px 56px rgba(37,99,235,.32)}
.vs.vivant .etiquette{background:rgba(255,255,255,.14);color:#fff}
.vs.vivant h3{color:#fff}
.vs.vivant::after{content:"";position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(234,88,12,.5),transparent);opacity:.55}
.chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px;text-align:center}
.chiffre{background:var(--fond-doux);border:1px solid var(--bord);border-radius:var(--rayon);padding:34px 20px}
.chiffre .valeur{font-size:clamp(2.6rem,4.6vw,3.6rem);font-weight:900;color:var(--bleu);letter-spacing:-.03em;line-height:1}
.chiffre:nth-child(2) .valeur{color:var(--orange)}
.chiffre .libelle{color:var(--gris);font-size:.96rem;margin-top:10px;font-weight:500}

/* SECTION 9 : OFFRES */
.offres-section{background:linear-gradient(180deg,#fff 0%,var(--bleu-clair) 100%);padding:96px 0}
.offre-card{display:flex;flex-direction:column}
.offre-card[data-color="orange"] .offre-tag{color:var(--orange);background:var(--orange-clair)}
.offre-card[data-color="bleu"] .offre-tag{color:var(--bleu);background:var(--bleu-clair)}
.offre-tag{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;align-self:flex-start;margin-bottom:1rem}
.offre-card h3{font-size:1.5rem;margin-bottom:.3rem}
.offre-card .offre-price{font-size:2rem;font-weight:900;color:var(--encre);margin-bottom:.8rem}
.offre-desc{color:var(--gris);font-size:.96rem;margin-bottom:1.4rem;flex:1}
.offre-card .btn{align-self:flex-start}
.offre-card[data-color="orange"] .btn{background:var(--orange);box-shadow:0 10px 26px rgba(234,88,12,.30)}
.offre-card[data-color="orange"] .btn:hover{background:var(--orange-fonce)}
.offre-upsell{margin-top:1rem;font-size:.84rem;color:var(--gris-clair)}

.offre-process{margin-top:48px;display:flex;flex-direction:column;gap:16px;max-width:680px;margin-left:auto;margin-right:auto}
.process-step{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--bord);border-radius:var(--rayon-sm);padding:18px 22px;box-shadow:var(--ombre-carte)}
.process-step .step-num{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--bleu);color:#fff;font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.process-step div{color:var(--gris);font-size:.96rem;padding-top:4px}
.process-step strong{color:var(--encre)}

/* SECTION 10 : CTA */
.section-cta{background:linear-gradient(180deg,var(--bleu-clair),#fff);padding:96px 0}
.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#17255f 0%,var(--bleu-encre) 30%,var(--bleu) 62%,var(--orange) 135%);background-size:170% 170%;animation:degrade 14s ease-in-out infinite alternate;color:#fff;text-align:center;border-radius:32px;padding:76px 40px;box-shadow:0 34px 80px rgba(23,37,95,.4)}
@keyframes degrade{0%{background-position:0% 40%}100%{background-position:100% 60%}}
.cta::before{content:"";position:absolute;top:-120px;left:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent)}
.cta::after{content:"";position:absolute;bottom:-150px;right:-110px;width:440px;height:440px;border-radius:50%;background:radial-gradient(closest-side,rgba(234,88,12,.6),transparent 72%);opacity:.65;pointer-events:none}
.cta>*{position:relative;z-index:1}
.cta h2{color:#fff;font-size:clamp(2rem,4.4vw,3rem)}
.cta .sous-titre{color:#c9d9f7;max-width:560px;margin:16px auto 34px;font-size:1.1rem}
.cta .btn-blanc{background:#fff;color:var(--bleu-encre);box-shadow:0 16px 40px rgba(0,0,0,.28);font-size:1.08rem;padding:18px 40px;font-weight:700;border-radius:999px;display:inline-flex;gap:10px;align-items:center;transition:transform .25s ease,background .25s ease,color .25s ease}
.cta .btn-blanc:hover{background:var(--orange-clair);color:var(--orange-fonce);transform:translateY(-3px) scale(1.02)}
.cta .rassurance{margin-top:22px;font-size:.92rem;color:#a9c0ee}
.cta .rassurance b{color:#fff}

/* Responsive */
@media(max-width:1020px){
  .hero-grid,.concept-grid,.salle-grid,.bf-intro{grid-template-columns:1fr;gap:40px}
  .hero-visuel{max-width:640px}
  .cartes,.grille-bf{grid-template-columns:repeat(2,1fr)}
  .duo{grid-template-columns:1fr}
  .timeline-offres{grid-template-columns:1fr}
  .pb-grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:640px){
  section{padding:76px 0}
  .hero{padding:60px 0 72px}
  .cartes,.grille-bf,.chiffres{grid-template-columns:1fr}
  .chip1{left:-8px}
  .chip2{right:-8px}
  .coeur{padding:26px 24px}
  .cta{padding:56px 24px}
  .pb-stats{grid-template-columns:1fr;gap:14px}
  .wrap{padding:0 20px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .hero-img{opacity:1;transform:none}
}