/* =========================================================
   EDUCFR — PAGE D'ACCUEIL
   ---------------------------------------------------------
   Langage visuel repris de la maquette validée (hero V16) :
   blanc / bleu très clair, bleu marine Educfr, bleu vif, cyan,
   petites touches rouges, grands titres, beaucoup d'espace,
   halos et trajectoires très légères en arrière-plan.

   Toutes les règles sont préfixées .educfr-home pour ne jamais
   entrer en conflit avec WordPress, Elementor, WooCommerce,
   MasterStudy ou les autres composants Educfr.
   ========================================================= */

.educfr-home{
  --edu-bg:#f8fbff;
  --edu-white:#ffffff;
  --edu-navy:#0a2f66;
  --edu-navy-strong:#07214a;
  --edu-blue:#2157e8;
  --edu-blue-2:#0c78d7;
  --edu-cyan:#22bbe7;
  --edu-red:#ea4d43;
  --edu-text:#1e3355;
  --edu-muted:#6b7d98;
  --edu-line:#e6edf7;
  --edu-shell:1360px;
  --edu-gut:64px;
  --edu-shadow:0 28px 70px rgba(8,38,84,.10);
  --edu-shadow-soft:0 18px 44px rgba(8,38,84,.07);
  /* Une seule variable pilote l'accroche du hero et tous les titres de
     section : ils restent ainsi exactement à la même taille. */
  --edu-title:clamp(34px,3.9vw,64px);
  --edu-font:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  position:relative;
  font-family:var(--edu-font);
  color:var(--edu-text);
  background:
    radial-gradient(900px 480px at 82% 4%, rgba(33,87,232,.08), transparent 60%),
    radial-gradient(700px 420px at 8% 0%, rgba(34,187,231,.06), transparent 62%),
    linear-gradient(180deg,#fbfdff 0%,#f6faff 58%,#f9fbfe 100%);
  overflow-x:clip;
}

.educfr-home *,
.educfr-home *::before,
.educfr-home *::after{box-sizing:border-box}

/* L'attribut hidden a une spécificité très faible : toute règle de classe
   posant un display l'écrase silencieusement. On lui redonne le dernier
   mot, sinon un élément masqué en JavaScript reste visible. */
.educfr-home [hidden]{display:none !important}

.educfr-home img{display:block;max-width:100%}
.educfr-home a{text-decoration:none;color:inherit}
.educfr-home button{font:inherit;color:inherit}

/* ---------------------------------------------------------
   Neutralisation du thème
   L'héritage a une spécificité nulle : une simple règle de
   thème sur h1, p ou blockquote reprend la main sur la police
   et les marges. On rend donc l'héritage explicite, une fois,
   pour tout ce qui porte du texte dans la page.
   --------------------------------------------------------- */
.educfr-home h1, .educfr-home h2, .educfr-home h3,
.educfr-home h4, .educfr-home p,  .educfr-home ul,
.educfr-home ol, .educfr-home li, .educfr-home span,
.educfr-home small, .educfr-home strong, .educfr-home b,
.educfr-home blockquote, .educfr-home figure,
.educfr-home figcaption, .educfr-home nav, .educfr-home sup,
.educfr-home button, .educfr-home a{
  font-family:inherit;
}
.educfr-home blockquote,
.educfr-home figure{margin:0;padding:0;border:0;quotes:none}
.educfr-home blockquote::before,
.educfr-home blockquote::after{content:none}
.educfr-home ul, .educfr-home ol{margin:0;padding:0;list-style:none}
.educfr-home h1, .educfr-home h2, .educfr-home h3, .educfr-home h4{
  text-transform:none;text-align:inherit;
}
.educfr-home section, .educfr-home header, .educfr-home footer{border:0}

.educfr-home :focus-visible{
  outline:3px solid rgba(33,87,232,.42);
  outline-offset:3px;
  border-radius:10px;
}

.educfr-home .edu-h-shell{
  width:min(var(--edu-shell), calc(100% - var(--edu-gut)));
  margin:0 auto;
  position:relative;
}

.educfr-home .edu-h-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------------------------------------------------------
   Signature transverse : le kicker au trait bleu/rouge
   --------------------------------------------------------- */
.educfr-home .edu-h-kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:13px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#7a8dab;
}
.educfr-home .edu-h-kicker::before{
  content:"";width:28px;height:2px;border-radius:999px;flex:0 0 auto;
  background:linear-gradient(90deg,var(--edu-blue) 0 62%,var(--edu-red) 62% 100%);
}
.educfr-home .edu-h-kicker.is-light{color:rgba(255,255,255,.62)}
.educfr-home .edu-h-kicker.is-light::before{
  background:linear-gradient(90deg,var(--edu-cyan) 0 62%,var(--edu-red) 62% 100%);
}

/* ---------------------------------------------------------
   Boutons
   --------------------------------------------------------- */
.educfr-home .edu-h-cta{
  min-height:62px;padding:0 28px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;letter-spacing:-.01em;
  border:0;cursor:pointer;white-space:nowrap;
  box-shadow:0 12px 24px rgba(11,47,102,.08);
  transition:transform .2s ease, box-shadow .24s ease;
}
.educfr-home .edu-h-cta.is-primary{
  background:linear-gradient(135deg,var(--edu-blue) 0%,var(--edu-blue-2) 100%);
  color:#fff;box-shadow:0 16px 34px -12px rgba(33,87,232,.55);
}
.educfr-home .edu-h-cta.is-ghost{
  background:#fff;border:1px solid #d8e5f7;color:var(--edu-blue);
}
.educfr-home .edu-h-cta.is-light{background:#fff;color:var(--edu-navy-strong)}
.educfr-home .edu-h-cta.is-outline{
  background:transparent;border:1px solid rgba(255,255,255,.42);color:#fff;box-shadow:none;
}
.educfr-home .edu-h-cta:hover{transform:translateY(-2px)}
.educfr-home .edu-h-cta.is-arrow::after{
  content:"";width:18px;height:8px;margin-left:11px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h15M12 1l3 3-3 3' stroke='%23000' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h15M12 1l3 3-3 3' stroke='%23000' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .22s ease;
}
.educfr-home .edu-h-cta.is-arrow:hover::after{transform:translateX(4px)}
.educfr-home .edu-h-cta.is-primary:hover{box-shadow:0 22px 42px -14px rgba(33,87,232,.62)}
.educfr-home .edu-h-cta.is-play::before{
  content:"";flex:0 0 auto;width:24px;height:24px;margin-right:11px;border-radius:50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 7.4 16.4 12l-6.8 4.6z' fill='%23fff'/%3E%3C/svg%3E") center/24px 24px no-repeat,
    linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));
}

.educfr-home .edu-h-textlink{
  display:inline-flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;color:var(--edu-blue);
}
.educfr-home .edu-h-textlink::after{
  content:"";width:18px;height:8px;flex:0 0 auto;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h15M12 1l3 3-3 3' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h15M12 1l3 3-3 3' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .22s ease;
}
.educfr-home .edu-h-textlink:hover::after{transform:translateX(4px)}

/* =========================================================
   EN-TÊTE
   ========================================================= */
.educfr-home .edu-h-header{
  position:sticky;top:0;z-index:60;
  background:rgba(249,252,255,.82);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(230,237,247,.7);
  transition:box-shadow .25s ease, background .25s ease;
}
.educfr-home .edu-h-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(33,87,232,.18),transparent);
}
.educfr-home .edu-h-header.is-stuck{
  background:rgba(251,253,255,.94);
  box-shadow:0 10px 30px -18px rgba(8,38,84,.28);
}
.educfr-home .edu-h-header .edu-h-shell{
  min-height:88px;display:flex;align-items:center;gap:36px;
}
.educfr-home .edu-h-logo img{width:138px;height:auto}
.educfr-home .edu-h-nav{display:flex;align-items:center;gap:38px;margin:0 auto 0 48px}
.educfr-home .edu-h-nav a{font-size:15px;font-weight:600;color:#5c7090;position:relative}
.educfr-home .edu-h-nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--edu-blue),var(--edu-cyan));
  transition:right .22s ease;
}
.educfr-home .edu-h-nav a:hover{color:var(--edu-navy)}
.educfr-home .edu-h-nav a:hover::after{right:0}

.educfr-home .edu-h-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.educfr-home .edu-h-login{
  padding:0 22px;height:46px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;border:1px solid #cfe0f7;color:var(--edu-navy);
  font-weight:700;font-size:14px;background:rgba(255,255,255,.9);
}
.educfr-home .edu-h-login:hover{border-color:#b7d1f2}
.educfr-home .edu-h-start{
  padding:0 24px;height:48px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;font-weight:700;font-size:14px;color:#fff;
  background:linear-gradient(135deg,var(--edu-blue) 0%,var(--edu-blue-2) 100%);
  box-shadow:0 16px 32px -12px rgba(33,87,232,.45);
}

.educfr-home .edu-h-burger{
  display:none;margin-left:auto;width:46px;height:46px;border-radius:14px;
  border:1px solid #d8e5f7;background:#fff;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.educfr-home .edu-h-burger span{
  display:block;width:19px;height:2px;border-radius:2px;background:var(--edu-navy);
  transition:transform .25s ease, opacity .2s ease;
}
.educfr-home .edu-h-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.educfr-home .edu-h-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.educfr-home .edu-h-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.educfr-home .edu-h-drawer{
  display:none;border-top:1px solid var(--edu-line);
  background:rgba(251,253,255,.98);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.educfr-home .edu-h-drawer.is-open{display:block}
.educfr-home .edu-h-drawer nav{display:flex;flex-direction:column;padding:14px 0 20px}
.educfr-home .edu-h-drawer nav a{
  padding:14px 2px;font-size:17px;font-weight:700;color:var(--edu-navy);
  border-bottom:1px solid rgba(230,237,247,.9);
}
.educfr-home .edu-h-drawer .edu-h-drawer-cta{display:flex;gap:12px;padding:18px 0 4px}
.educfr-home .edu-h-drawer .edu-h-drawer-cta > *{flex:1 1 0;min-height:52px;font-size:15px}

/* =========================================================
   1. HERO — repris fidèlement de la maquette validée
   ========================================================= */
.educfr-home .edu-h-hero{
  position:relative;padding:26px 0 10px;overflow:hidden;
  background:
    radial-gradient(860px 520px at 83% 28%, rgba(44,114,232,.11), rgba(44,114,232,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0));
}
.educfr-home .edu-h-hero::before{
  content:"";position:absolute;right:-270px;top:-110px;
  width:980px;height:980px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at center,
    rgba(33,87,232,.045) 0, rgba(33,87,232,.045) 58%,
    rgba(33,87,232,.02) 58%, rgba(33,87,232,.02) 76%, transparent 76%);
}
.educfr-home .edu-h-hero-grid{
  position:relative;display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(760px,1.08fr);
  align-items:center;gap:10px;min-height:650px;
}
.educfr-home .edu-h-hero-copy{position:relative;z-index:5;padding:14px 0 12px}
.educfr-home .edu-h-hero-copy h1{
  margin:18px 0 20px;
  font-size:var(--edu-title);
  line-height:1.02;letter-spacing:-.045em;font-weight:800;
  color:var(--edu-navy-strong);
}
.educfr-home .edu-h-hero-copy h1 span{color:var(--edu-blue)}
.educfr-home .edu-h-hero-copy p{
  max-width:560px;margin:0;font-size:clamp(15.5px,1.15vw,19px);
  line-height:1.58;color:var(--edu-muted);
}
.educfr-home .edu-h-hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}

.educfr-home .edu-h-hero-art{
  position:relative;z-index:2;height:670px;
  display:flex;align-items:flex-end;justify-content:flex-end;
}
.educfr-home .edu-h-hero-visual{
  position:relative;width:min(980px,100%);height:100%;margin-right:-80px;
}
.educfr-home .edu-h-hero-visual::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  /* Halo libre : aucun rognage, donc aucun bord visible autour de l'eleve. */
  background:radial-gradient(ellipse 58% 54% at 56% 44%,
    rgba(66,165,255,.17) 0%, rgba(66,165,255,.10) 36%, rgba(66,165,255,0) 74%);
}
.educfr-home .edu-h-hero-window{position:absolute;inset:0;overflow:visible}
.educfr-home .edu-h-hero-window img{
  position:absolute;right:-10px;bottom:-36px;
  width:116%;height:auto;max-width:none !important;min-width:0;
  filter:drop-shadow(0 18px 44px rgba(8,38,84,.10));

  /* Trois dégradés composés en une seule passe, portés par l'image
     elle-même : les bords se dissolvent dans le fond bleu du hero au lieu
     d'être recouverts de blanc, et le sujet reste net. */
  --edu-fade-left:linear-gradient(90deg,
    transparent 0%, rgba(0,0,0,.30) 5%, rgba(0,0,0,.72) 11%, #000 20%);
  --edu-fade-bottom:linear-gradient(0deg,
    transparent 0%, rgba(0,0,0,.34) 4%, rgba(0,0,0,.78) 10%, #000 19%);
  --edu-fade-right:linear-gradient(270deg,
    #000 0 90%, rgba(0,0,0,.42) 97%, transparent 100%);

  -webkit-mask-image:var(--edu-fade-left),var(--edu-fade-bottom),var(--edu-fade-right);
          mask-image:var(--edu-fade-left),var(--edu-fade-bottom),var(--edu-fade-right);
  -webkit-mask-composite:source-in;
          mask-composite:intersect;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}

/* =========================================================
   2. BANDEAU — pour qui, et ce que la plateforme réunit
   ========================================================= */
.educfr-home .edu-h-strip{
  position:relative;padding:10px 0 2px;
}
.educfr-home .edu-h-strip-inner{
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr);
  align-items:center;gap:16px 34px;
  padding:20px 30px;border-radius:22px;
  border:1px solid rgba(230,237,247,.9);
  background:rgba(255,255,255,.62);
  box-shadow:var(--edu-shadow-soft);
}
.educfr-home .edu-h-strip-label{
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#8fa1bc;flex:0 0 auto;
}
.educfr-home .edu-h-strip-list{
  display:flex;align-items:center;justify-content:flex-end;
  gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none;
}
.educfr-home .edu-h-strip-list li{
  font-size:15px;font-weight:700;color:var(--edu-navy);
  padding:8px 16px;border-radius:999px;
  background:linear-gradient(135deg,rgba(33,87,232,.07),rgba(34,187,231,.07));
}
.educfr-home .edu-h-strip-intro{max-width:34ch}
.educfr-home .edu-h-strip-note{
  margin:7px 0 0;font-size:13.5px;line-height:1.5;color:var(--edu-muted);
}

/* =========================================================
   4. PLATEFORME — la vraie démo de l'espace élève
   ========================================================= */
.educfr-home .edu-h-platform{
  position:relative;padding:20px 0 104px;overflow:hidden;
}
.educfr-home .edu-h-platform::before{
  content:"";position:absolute;left:-280px;bottom:-340px;width:800px;height:800px;border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(34,187,231,.08),transparent 62%);
}
/* Le fil de la méthode redescend vers la plateforme : transition continue. */
.educfr-home .edu-h-bridge{position:relative;height:120px;pointer-events:none}
.educfr-home .edu-h-bridge .edu-h-shell{height:100%}
.educfr-home .edu-h-bridge svg{
  position:absolute;top:0;left:88.46%;
  height:100%;width:120px;overflow:visible;transform:translateX(-50%);
}
.educfr-home .edu-h-bridge path{
  stroke:url(#eduBridgeGradient);stroke-width:3;fill:none;stroke-linecap:round;
  stroke-dasharray:5 9;
}
.educfr-home .edu-h-bridge circle{fill:#fff;stroke:var(--edu-cyan);stroke-width:4}

.educfr-home .edu-h-platform-grid{
  display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:54px;align-items:center;
}
.educfr-home .edu-h-platform-copy{position:relative;z-index:2}
.educfr-home .edu-h-platform-copy h2{
  margin:18px 0 20px;font-size:clamp(38px,4.4vw,76px);
  line-height:.96;letter-spacing:-.06em;font-weight:900;color:var(--edu-navy);
}
.educfr-home .edu-h-platform-copy h2 span{display:block}
.educfr-home .edu-h-platform-copy p{
  margin:0;max-width:300px;font-size:18px;line-height:1.6;color:var(--edu-muted);
}
.educfr-home .edu-h-platform-note{
  margin:48px 0 0 18px;width:max-content;
  font-size:20px;line-height:1.25;font-style:italic;color:#2a5ed9;
  transform:rotate(-6deg);
}
.educfr-home .edu-h-platform-note span{display:block;margin:10px 0 0 140px;font-size:34px;line-height:1;font-style:normal}

.educfr-home .edu-h-stage{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.educfr-home .edu-h-stage::before{
  content:"";position:absolute;z-index:0;left:50%;top:6%;transform:translateX(-50%);
  width:min(120%,900px);aspect-ratio:1/.72;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(33,87,232,.10),rgba(34,187,231,.05) 46%,transparent 72%);
}
.educfr-home .edu-h-stage .ed-laptop{position:relative;z-index:2}
/* Reflet très doux sous le laptop, sans glassmorphism. */
.educfr-home .edu-h-stage-shadow{
  position:relative;z-index:1;margin-top:-6px;
  width:min(78%,760px);height:38px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(8,38,84,.16),transparent 70%);
  filter:blur(6px);
}
.educfr-home .edu-h-stage-legend{
  position:relative;z-index:3;margin-top:26px;
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
  padding:0;list-style:none;
}
.educfr-home .edu-h-stage-legend li{
  display:inline-flex;align-items:center;gap:9px;
  padding:9px 16px;border-radius:999px;
  border:1px solid rgba(230,237,247,.95);background:rgba(255,255,255,.72);
  font-size:14px;font-weight:700;color:#7b8ca8;
  transition:color .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.educfr-home .edu-h-stage-legend li::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#cbd8ea;transition:background .3s ease;
}
.educfr-home .edu-h-stage-legend li.is-on{
  color:var(--edu-navy);border-color:rgba(33,87,232,.3);background:#fff;
  box-shadow:0 10px 24px -14px rgba(33,87,232,.5);
}
.educfr-home .edu-h-stage-legend li.is-on::before{
  background:linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));
}

/* =========================================================
   3. TON ANNÉE — les quatre façons d'avancer
   Quatre blocs pleins plutôt qu'une succession de petites
   cartes : c'est la première information après le hero.
   ========================================================= */
.educfr-home .edu-h-pillars{
  position:relative;padding:92px 0 26px;overflow:hidden;
  background:linear-gradient(180deg,
    rgba(250,252,255,.55) 0%, rgba(243,248,254,.8) 60%, rgba(248,251,255,0) 100%);
}
.educfr-home .edu-h-pillars::before{
  content:"";position:absolute;right:-200px;top:0;width:820px;height:820px;border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(33,87,232,.055),transparent 64%);
}
.educfr-home .edu-h-pillars-head{
  display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,430px);
  gap:48px;align-items:end;margin-bottom:52px;
}
.educfr-home .edu-h-pillars-head h2{
  margin:16px 0 0;font-size:var(--edu-title);
  line-height:.97;letter-spacing:-.05em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-pillars-head h2 span{display:block;color:var(--edu-blue)}
.educfr-home .edu-h-pillars-head p{margin:0;font-size:18px;line-height:1.62;color:var(--edu-muted)}

.educfr-home .edu-h-pillar-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;
}
.educfr-home .edu-h-pillar{
  position:relative;display:flex;flex-direction:column;
  padding:22px 26px 30px;border-radius:28px;
  border:1px solid rgba(230,237,247,.95);
  background:linear-gradient(170deg,rgba(255,255,255,.94),rgba(244,249,255,.86));
  box-shadow:var(--edu-shadow-soft);
  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
}
.educfr-home .edu-h-pillar:hover{transform:translateY(-4px);box-shadow:var(--edu-shadow)}
.educfr-home .edu-h-pillar-art{
  margin:-4px -8px 20px;border-radius:20px;overflow:hidden;
  background:linear-gradient(160deg,rgba(33,87,232,.07),rgba(34,187,231,.06));
}
.educfr-home .edu-h-pillar-art svg{display:block;width:100%;height:auto}
.educfr-home .edu-h-pillar-num{
  font-size:13px;font-weight:800;letter-spacing:.16em;color:#9db0cb;
}
.educfr-home .edu-h-pillar h3{
  margin:8px 0 10px;font-size:clamp(21px,1.7vw,26px);line-height:1.08;
  letter-spacing:-.035em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-pillar p{margin:0;font-size:16px;line-height:1.58;color:var(--edu-muted)}

/* Le quatrième pilier ferme la série : c'est l'étape qui compte. */
.educfr-home .edu-h-pillar.is-accent{
  border-color:transparent;color:#fff;
  background:
    radial-gradient(420px 260px at 84% 6%, rgba(34,187,231,.28), transparent 64%),
    radial-gradient(320px 220px at 6% 96%, rgba(234,77,67,.22), transparent 66%),
    linear-gradient(150deg,#0a2f66 0%,#07214a 64%,#0b2b5c 100%);
  box-shadow:0 30px 60px -34px rgba(8,38,84,.6);
}
.educfr-home .edu-h-pillar.is-accent .edu-h-pillar-art{background:rgba(255,255,255,.06)}
.educfr-home .edu-h-pillar.is-accent .edu-h-pillar-num{color:rgba(255,255,255,.5)}
.educfr-home .edu-h-pillar.is-accent h3{color:#fff}
.educfr-home .edu-h-pillar.is-accent p{color:rgba(255,255,255,.76)}

/* =========================================================
   4. PLATEFORME — la démo, centrée et mise en avant
   ========================================================= */
.educfr-home .edu-h-platform{position:relative;padding:26px 0 104px;overflow:hidden}
.educfr-home .edu-h-platform::before{
  content:"";position:absolute;left:50%;bottom:-360px;transform:translateX(-50%);
  width:1100px;height:900px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(34,187,231,.09),transparent 62%);
}
.educfr-home .edu-h-bridge[hidden]{display:none}

.educfr-home .edu-h-platform-head{text-align:center;margin-bottom:44px}
.educfr-home .edu-h-platform-head h2{
  margin:18px auto 18px;max-width:22ch;
  font-size:var(--edu-title);line-height:1.04;
  letter-spacing:-.045em;font-weight:800;color:var(--edu-navy);
}
.educfr-home .edu-h-platform-head h2 span{color:var(--edu-blue)}
.educfr-home .edu-h-platform-head p{
  margin:0 auto;max-width:56ch;font-size:18px;line-height:1.6;color:var(--edu-muted);
}

.educfr-home .edu-h-stage{
  position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;
}
.educfr-home .edu-h-stage::before{
  content:"";position:absolute;z-index:0;left:50%;top:2%;transform:translateX(-50%);
  width:min(126%,1200px);aspect-ratio:1/.68;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at center,
    rgba(33,87,232,.13),rgba(34,187,231,.06) 46%,transparent 72%);
}
.educfr-home .edu-h-stage .ed-laptop{position:relative;z-index:2}
.educfr-home .edu-h-stage-shadow{
  position:relative;z-index:1;margin-top:-8px;
  width:min(74%,900px);height:44px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(8,38,84,.18),transparent 70%);
  filter:blur(7px);
}
.educfr-home .edu-h-stage-legend{
  position:relative;z-index:3;margin-top:30px;
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
}
.educfr-home .edu-h-stage-legend li{
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;border-radius:999px;
  border:1px solid rgba(230,237,247,.95);background:rgba(255,255,255,.72);
  font-size:14.5px;font-weight:700;color:#7b8ca8;
  transition:color .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.educfr-home .edu-h-stage-legend li::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#cbd8ea;transition:background .3s ease;
}
.educfr-home .edu-h-stage-legend li.is-on{
  color:var(--edu-navy);border-color:rgba(33,87,232,.3);background:#fff;
  box-shadow:0 10px 24px -14px rgba(33,87,232,.5);
}
.educfr-home .edu-h-stage-legend li.is-on::before{
  background:linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));
}

.educfr-home .edu-h-stage-note{
  position:absolute;z-index:4;top:14%;max-width:150px;
  font-size:19px;line-height:1.2;font-style:italic;color:#3f74e0;
  pointer-events:none;
}
.educfr-home .edu-h-stage-note svg{
  display:block;width:56px;height:auto;margin-top:6px;color:#8fb6f2;
}
.educfr-home .edu-h-stage-note.is-left{left:0;text-align:left}
.educfr-home .edu-h-stage-note.is-right{right:0;text-align:right}
.educfr-home .edu-h-stage-note.is-right svg{margin-left:auto}
@media (max-width:1240px){
  .educfr-home .edu-h-stage-note{display:none}
}

/* =========================================================
   5. OFFRES — trois formules
   ========================================================= */
.educfr-home .edu-h-offers{
  position:relative;padding:96px 0 100px;
  background:linear-gradient(180deg,
    rgba(255,255,255,0) 0%, #ffffff 9%, #f5f9ff 48%, #f2f7fe 100%);
}
.educfr-home .edu-h-offers-head{text-align:center;margin-bottom:52px}
.educfr-home .edu-h-offers-head h2{
  margin:18px auto 16px;max-width:20ch;
  font-size:var(--edu-title);line-height:1;
  letter-spacing:-.05em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-offers-head h2 span{color:var(--edu-blue)}
.educfr-home .edu-h-offers-head p{
  margin:0 auto;max-width:60ch;font-size:17.5px;line-height:1.62;color:var(--edu-muted);
}
.educfr-home .edu-h-offers-head .edu-h-kicker{justify-content:center}

.educfr-home .edu-h-packs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;align-items:stretch;
}
.educfr-home .edu-h-pack{
  position:relative;display:flex;flex-direction:column;text-align:center;
  overflow:hidden;padding:0 32px 34px;border-radius:28px;
  border:1px solid rgba(230,237,247,.95);
  background:#ffffff;
  box-shadow:var(--edu-shadow-soft);
  transition:transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease;
}
.educfr-home .edu-h-pack:hover{transform:translateY(-6px);box-shadow:var(--edu-shadow)}

/* Le visuel déborde volontairement le rembourrage de la carte : il fait
   corps avec elle et présente le pack avant même qu'on lise son nom. */
.educfr-home .edu-h-pack-visual{
  position:relative;margin:0 -32px 24px;aspect-ratio:16/10;overflow:hidden;
}
.educfr-home .edu-h-pack-visual picture{display:contents}
.educfr-home .edu-h-pack-visual img{
  width:100%;height:100%;object-fit:cover;object-position:center 42%;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.educfr-home .edu-h-pack:hover .edu-h-pack-visual img{transform:scale(1.04)}
/* Un fondu très court raccorde le visuel au fond de la carte. */
.educfr-home .edu-h-pack-visual::after{
  content:"";position:absolute;inset:auto 0 -1px 0;height:46%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.82) 62%,#fff 100%);
}
.educfr-home .edu-h-pack.is-elite .edu-h-pack-visual::after{
  background:linear-gradient(180deg,rgba(248,251,255,0),rgba(248,251,255,.84) 62%,#f6faff 100%);
}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-visual::after{
  background:linear-gradient(180deg,rgba(255,252,246,0),rgba(255,252,246,.84) 62%,#fffaf1 100%);
}

.educfr-home .edu-h-pack-name{
  position:relative;margin:-8px 0 0;font-size:clamp(24px,2.1vw,32px);line-height:1.05;
  letter-spacing:-.04em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-pack-tag{
  margin:12px auto 0;max-width:26ch;
  font-size:16px;line-height:1.4;font-weight:700;color:var(--edu-blue);
}
.educfr-home .edu-h-pack-def{
  margin:22px auto 0;padding-top:22px;max-width:34ch;
  border-top:1px solid rgba(224,234,248,.9);
  font-size:15px;line-height:1.6;color:var(--edu-muted);
}
.educfr-home .edu-h-pack-list{
  display:grid;gap:13px;margin:22px 0 30px;text-align:left;
  justify-content:center;
}
.educfr-home .edu-h-pack-list li{
  position:relative;padding-left:30px;
  font-size:15.5px;line-height:1.45;color:var(--edu-text);
}
.educfr-home .edu-h-pack-list li::before{
  content:"";position:absolute;left:0;top:.05em;width:19px;height:19px;border-radius:50%;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000'/%3E%3Cpath d='M5.6 10.2 8.6 13l5.6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000'/%3E%3Cpath d='M5.6 10.2 8.6 13l5.6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.educfr-home .edu-h-pack-cta{
  margin-top:auto;min-height:54px;padding:0 24px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:700;
  border:1.5px solid currentColor;background:transparent;
  transition:background .24s ease, color .24s ease, transform .2s ease;
}
.educfr-home .edu-h-pack-cta:hover{transform:translateY(-2px)}

/* Cosmos — bleu Educfr */
.educfr-home .edu-h-pack.is-cosmos .edu-h-pack-icon{background:rgba(33,87,232,.10);color:var(--edu-navy)}
.educfr-home .edu-h-pack.is-cosmos .edu-h-pack-list li{color:var(--edu-text)}
.educfr-home .edu-h-pack.is-cosmos .edu-h-pack-list li::before{color:var(--edu-blue)}
.educfr-home .edu-h-pack.is-cosmos .edu-h-pack-cta{color:var(--edu-blue)}
.educfr-home .edu-h-pack.is-cosmos .edu-h-pack-cta:hover{background:var(--edu-blue);color:#fff}

/* Élite — la formule mise en avant par le bloc plein */
.educfr-home .edu-h-pack.is-elite{
  border-color:rgba(33,87,232,.28);
  background:
    linear-gradient(180deg,#ffffff 0%,#f6faff 46%,#f6faff 100%);
  box-shadow:0 30px 62px -34px rgba(33,87,232,.42);
}
.educfr-home .edu-h-pack.is-elite .edu-h-pack-icon{
  background:linear-gradient(140deg,var(--edu-blue),var(--edu-blue-2));color:#fff;
}
.educfr-home .edu-h-pack.is-elite .edu-h-pack-list li::before{color:var(--edu-blue)}
.educfr-home .edu-h-pack-cta.is-solid{
  border-color:transparent;color:#fff;
  background:linear-gradient(135deg,var(--edu-navy) 0%,var(--edu-blue) 100%);
  box-shadow:0 16px 32px -14px rgba(10,47,102,.6);
}
.educfr-home .edu-h-pack-cta.is-solid:hover{filter:brightness(1.06)}

/* Mythos — l'accent ambre du repère « pack recommandé » */
.educfr-home .edu-h-pack.is-mythos{
  border-color:rgba(214,158,46,.34);
  background:
    linear-gradient(180deg,#ffffff 0%,#fffaf1 46%,#fffaf1 100%);
}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-icon{
  background:linear-gradient(140deg,#e3a534,#c8891f);color:#fff;
}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-tag{color:var(--edu-blue)}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-list li::before{color:#d99a2c}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-cta{color:#b07d16}
.educfr-home .edu-h-pack.is-mythos .edu-h-pack-cta:hover{background:#c8891f;color:#fff}
.educfr-home .edu-h-pack-flag{
  position:absolute;z-index:3;left:50%;top:18px;transform:translateX(-50%);
  white-space:nowrap;padding:9px 20px;border-radius:999px;
  font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg,#e0a63a,#c8891f);
  box-shadow:0 12px 26px -12px rgba(200,137,31,.9);
}

.educfr-home .edu-h-offers-more{display:flex;justify-content:center;margin-top:44px}

/* Le détail exact de Mythos, sous les cartes. */
.educfr-home .edu-h-mythos-detail{
  display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);
  gap:34px;margin-top:44px;padding:34px 38px;border-radius:30px;
  border:1px solid rgba(203,219,240,.8);
  background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(240,246,255,.78));
}
.educfr-home .edu-h-mythos-tag{
  display:inline-block;padding:7px 15px;border-radius:999px;
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,var(--edu-navy),var(--edu-blue));
}
.educfr-home .edu-h-mythos-intro p{margin:16px 0 0;font-size:16px;line-height:1.62;color:var(--edu-muted)}
.educfr-home .edu-h-mythos-intro strong{color:var(--edu-navy-strong);font-weight:800}
.educfr-home .edu-h-mythos-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.educfr-home .edu-h-mythos-level{
  padding:22px;border-radius:20px;border:1px solid rgba(214,228,248,.9);background:#fff;
}
.educfr-home .edu-h-mythos-level h4{
  margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--edu-blue);
}
.educfr-home .edu-h-mythos-level p{margin:0;font-size:15px;line-height:1.6;color:var(--edu-muted)}

.educfr-home .edu-h-offers-foot{margin-top:30px;text-align:center}
.educfr-home .edu-h-offers-foot p{
  margin:0 auto;max-width:74ch;font-size:15.5px;line-height:1.6;color:var(--edu-muted);
}
.educfr-home .edu-h-offers-foot p b{color:var(--edu-navy);font-weight:700}

/* =========================================================
   6. LA VIE EDUCFR — le seul bloc sombre de la page
   ========================================================= */
.educfr-home .edu-h-life{
  position:relative;padding:92px 0 96px;overflow:hidden;color:#fff;
  background:
    radial-gradient(760px 420px at 84% 4%, rgba(34,187,231,.16), transparent 62%),
    radial-gradient(520px 340px at 4% 96%, rgba(234,77,67,.12), transparent 66%),
    linear-gradient(150deg,#0a2f66 0%,#07214a 58%,#0b2b5c 100%);
}
.educfr-home .edu-h-life-head{
  display:grid;grid-template-columns:minmax(340px,1fr) minmax(300px,460px);
  gap:48px;align-items:end;margin-bottom:40px;
}
.educfr-home .edu-h-life-head h2{
  margin:16px 0 0;font-size:var(--edu-title);
  line-height:1;letter-spacing:-.05em;font-weight:800;color:#fff;
}
.educfr-home .edu-h-life-head h2 span{color:#5aa7ff}
.educfr-home .edu-h-life-head p{margin:0;font-size:17px;line-height:1.64;color:rgba(255,255,255,.72)}

.educfr-home .edu-h-mosaic{
  display:grid;gap:18px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:236px;
}
/* Le placement suit le format des photos : la vue de groupe occupe la
   grande case, le portrait la colonne verticale, les cadrages larges la
   rangée du bas. */
.educfr-home .edu-h-cell.is-a{grid-column:1 / span 2;grid-row:1 / span 2}
.educfr-home .edu-h-cell.is-b{grid-column:3;grid-row:1 / span 2}
.educfr-home .edu-h-cell.is-c{grid-column:1;grid-row:3}
.educfr-home .edu-h-cell.is-d{grid-column:2;grid-row:3}
.educfr-home .edu-h-cell.is-e{grid-column:3;grid-row:3}

.educfr-home .edu-h-cell{
  position:relative;margin:0;overflow:hidden;border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(160deg,#12428c,#0d2f66);
  isolation:isolate;
  transition:transform .42s cubic-bezier(.22,.61,.36,1), box-shadow .42s ease, border-color .42s ease;
}
.educfr-home .edu-h-cell:hover{
  transform:translateY(-4px);
  border-color:rgba(124,192,255,.42);
  box-shadow:0 26px 52px -26px rgba(0,10,32,.75);
}
/* Un liseré lumineux en haut de chaque bloc : c'est ce qui empêche la
   mosaïque de paraître plate sur le fond marine. */
.educfr-home .edu-h-cell::after{
  content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 34%);
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
          mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1px;
}
.educfr-home .edu-h-cell picture{display:contents}
.educfr-home .edu-h-cell img{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.educfr-home .edu-h-cell:hover img{transform:scale(1.045)}
.educfr-home .edu-h-cell figcaption{
  position:absolute;z-index:3;inset:auto 0 0 0;padding:22px 24px;color:#fff;
  background:linear-gradient(180deg,
    rgba(4,18,44,0) 0%, rgba(4,18,44,.34) 32%, rgba(4,18,44,.74) 68%, rgba(4,18,44,.93) 100%);
}
.educfr-home .edu-h-cell.is-a figcaption{padding:30px 32px}
.educfr-home .edu-h-cell-eyebrow{
  display:block;font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.6);
}
.educfr-home .edu-h-cell figcaption strong{
  display:block;margin-top:6px;font-size:18px;line-height:1.16;
  letter-spacing:-.028em;font-weight:800;
}
.educfr-home .edu-h-cell-note{
  display:block;margin-top:8px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72);
}
.educfr-home .edu-h-cell.is-a figcaption strong{font-size:clamp(22px,1.9vw,28px)}
.educfr-home .edu-h-cell.is-a .edu-h-cell-note{font-size:15px;max-width:44ch}

/* Emplacement encore vide : il le dit, plutôt que de rester muet. */
.educfr-home .edu-h-cell-slot{
  position:absolute;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);
  padding:10px 18px;border-radius:999px;white-space:nowrap;
  border:1px dashed rgba(255,255,255,.34);
  font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.62);
}

.educfr-home .edu-h-life-foot{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px;
}
.educfr-home .edu-h-life-foot p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.58)}
.educfr-home .edu-h-textlink.is-light{margin-left:auto;color:#7cc0ff}

/* =========================================================
   6 bis. NOS RÉSULTATS
   ========================================================= */
.educfr-home .edu-h-results{position:relative;padding:88px 0 84px}
.educfr-home .edu-h-results-head{text-align:center;margin-bottom:44px}
.educfr-home .edu-h-results-head .edu-h-kicker{justify-content:center}
.educfr-home .edu-h-kicker.is-dotted::after{
  content:"";width:28px;height:2px;border-radius:999px;flex:0 0 auto;
  background:linear-gradient(90deg,var(--edu-red) 0 38%,var(--edu-blue) 38% 100%);
}
.educfr-home .edu-h-results-head h2{
  margin:18px auto 14px;max-width:22ch;
  font-size:var(--edu-title);line-height:1.02;
  letter-spacing:-.045em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-results-head h2 span{color:var(--edu-blue)}
.educfr-home .edu-h-results-head p{
  margin:0 auto;max-width:56ch;font-size:17px;line-height:1.6;color:var(--edu-muted);
}

.educfr-home .edu-h-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  padding:26px 20px;border-radius:999px;
  border:1px solid rgba(230,237,247,.95);
  background:rgba(255,255,255,.78);
  box-shadow:var(--edu-shadow-soft);
}
.educfr-home .edu-h-stat{
  display:flex;align-items:center;gap:22px;padding:8px 26px;position:relative;
}
.educfr-home .edu-h-stat + .edu-h-stat::before{
  content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(203,219,240,.9),transparent);
}
.educfr-home .edu-h-stat-icon{
  width:76px;height:76px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
}
.educfr-home .edu-h-stat-icon svg{width:38px;height:38px;display:block}
.educfr-home .edu-h-stat.is-indigo .edu-h-stat-icon{background:rgba(99,102,241,.13);color:#4f52d8}
.educfr-home .edu-h-stat.is-green  .edu-h-stat-icon{background:rgba(16,161,120,.13);color:#12a077}
.educfr-home .edu-h-stat.is-amber  .edu-h-stat-icon{background:rgba(226,168,52,.16);color:#d09321}
.educfr-home .edu-h-stat-body{min-width:0}
.educfr-home .edu-h-stat-body strong{
  display:block;font-size:clamp(30px,3vw,44px);line-height:1;
  letter-spacing:-.05em;font-weight:800;
}
.educfr-home .edu-h-stat.is-indigo strong{color:#4f52d8}
.educfr-home .edu-h-stat.is-green  strong{color:#12a077}
.educfr-home .edu-h-stat.is-amber  strong{color:#d09321}
.educfr-home .edu-h-stat-label{
  display:block;margin-top:7px;font-size:16px;font-weight:700;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-stat-note{
  display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--edu-muted);
}

/* =========================================================
   RESPONSIVE DE CES SECTIONS
   ========================================================= */
@media (max-width:1300px){
  .educfr-home .edu-h-packs{gap:18px}
  .educfr-home .edu-h-pack{padding:0 24px 30px}
  .educfr-home .edu-h-pack-visual{margin:0 -24px 22px}
  .educfr-home .edu-h-stat{gap:16px;padding:8px 16px}
  .educfr-home .edu-h-stat-icon{width:64px;height:64px}
  .educfr-home .edu-h-stat-icon svg{width:32px;height:32px}
}

@media (max-width:1060px){
  .educfr-home .edu-h-pillars-head{grid-template-columns:minmax(0,1fr);gap:22px}
  .educfr-home .edu-h-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .educfr-home .edu-h-packs{grid-template-columns:minmax(0,1fr);gap:26px}
  .educfr-home .edu-h-pack-list{justify-content:start;max-width:420px;margin-inline:auto}
  .educfr-home .edu-h-mythos-detail{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px}

  .educfr-home .edu-h-life-head{grid-template-columns:minmax(0,1fr);gap:22px}
  .educfr-home .edu-h-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}
  .educfr-home .edu-h-cell.is-a{grid-column:1 / span 2;grid-row:1 / span 2}
  .educfr-home .edu-h-cell.is-b{grid-column:1;grid-row:3 / span 2}
  .educfr-home .edu-h-cell.is-c{grid-column:2;grid-row:3}
  .educfr-home .edu-h-cell.is-d{grid-column:2;grid-row:4}
  .educfr-home .edu-h-cell.is-e{grid-column:1 / span 2;grid-row:5}

  /* La pastille devient une carte : trois colonnes n'ont plus la place. */
  .educfr-home .edu-h-stats{
    grid-template-columns:minmax(0,1fr);border-radius:28px;padding:12px 16px;
  }
  .educfr-home .edu-h-stat{padding:20px 12px}
  .educfr-home .edu-h-stat + .edu-h-stat::before{
    left:12px;right:12px;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(203,219,240,.9),transparent);
  }
}

@media (max-width:900px){
  .educfr-home .edu-h-offers,
  .educfr-home .edu-h-life{padding:72px 0}
  .educfr-home .edu-h-results{padding:64px 0}
}

@media (max-width:720px){
  .educfr-home .edu-h-pillar-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .educfr-home .edu-h-pack{border-radius:24px;padding:0 20px 28px}
  .educfr-home .edu-h-pack-visual{margin:0 -20px 20px;aspect-ratio:16/9}
  .educfr-home .edu-h-mythos-levels{grid-template-columns:minmax(0,1fr)}
  .educfr-home .edu-h-mythos-detail{padding:24px 20px;border-radius:24px}

  .educfr-home .edu-h-mosaic{grid-template-columns:minmax(0,1fr);grid-auto-rows:200px;gap:14px}
  .educfr-home .edu-h-cell{grid-column:1 !important;border-radius:20px}
  .educfr-home .edu-h-cell.is-a{grid-row:1 / span 2}
  .educfr-home .edu-h-cell.is-b{grid-row:3}
  .educfr-home .edu-h-cell.is-c{grid-row:4}
  .educfr-home .edu-h-cell.is-d{grid-row:5}
  .educfr-home .edu-h-cell.is-e{grid-row:6}
  .educfr-home .edu-h-cell figcaption{padding:18px 20px}
  .educfr-home .edu-h-cell figcaption strong,
  .educfr-home .edu-h-cell.is-a figcaption strong{font-size:18px}
  .educfr-home .edu-h-life-foot .edu-h-textlink{margin-left:0}

  .educfr-home .edu-h-stat{gap:16px}
  .educfr-home .edu-h-stat-icon{width:58px;height:58px}
  .educfr-home .edu-h-stat-icon svg{width:29px;height:29px}
}

@media (prefers-reduced-motion:reduce){
  .educfr-home .edu-h-pack,
  .educfr-home .edu-h-pack-cta,
  .educfr-home .edu-h-cell img{transition:none}
  .educfr-home .edu-h-pack:hover,
  .educfr-home .edu-h-pack-cta:hover{transform:none}
  .educfr-home .edu-h-cell:hover img{transform:none}
}

/* =========================================================
   7. TÉMOIGNAGES VIDÉO
   ========================================================= */
.educfr-home .edu-h-voices{
  position:relative;padding:96px 0 100px;
  background:linear-gradient(180deg,
    rgba(244,248,255,0) 0%, #f4f8ff 10%, #ffffff 66%, rgba(255,255,255,0) 100%);
}
.educfr-home .edu-h-voices-head{text-align:center;margin-bottom:56px}
.educfr-home .edu-h-voices-head h2{
  margin:18px auto 16px;max-width:18ch;
  font-size:var(--edu-title);line-height:.99;
  letter-spacing:-.05em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-voices-head h2 span{display:block;color:var(--edu-blue)}
.educfr-home .edu-h-voices-head p{
  margin:0 auto;max-width:58ch;font-size:17.5px;line-height:1.62;color:var(--edu-muted);
}

.educfr-home .edu-h-tapes{
  display:flex;align-items:center;justify-content:center;gap:26px;
}
.educfr-home .edu-h-tape{
  position:relative;display:flex;flex-direction:column;
  flex:0 1 340px;border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,#cfe6f9 0%,#b9d4f2 34%,#5a6f96 76%,#2c3e64 100%);
  box-shadow:0 34px 70px -34px rgba(8,38,84,.5);
  transition:transform .38s cubic-bezier(.22,.61,.36,1), box-shadow .38s ease;
}
.educfr-home .edu-h-tape.is-side:first-child{transform:rotate(-2.4deg) translateY(26px)}
.educfr-home .edu-h-tape.is-side:last-child{transform:rotate(2.4deg) translateY(26px)}
.educfr-home .edu-h-tape.is-main{flex:0 1 400px;z-index:2}
.educfr-home .edu-h-tape:hover{transform:translateY(4px) rotate(0);box-shadow:0 44px 84px -34px rgba(8,38,84,.55)}
.educfr-home .edu-h-tape.is-main:hover{transform:translateY(-6px)}

.educfr-home .edu-h-tape-media{
  position:relative;aspect-ratio:9/13;
}
.educfr-home .edu-h-tape.is-main .edu-h-tape-media{aspect-ratio:9/15}
.educfr-home .edu-h-tape-media::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(360px 240px at 42% 26%, rgba(255,255,255,.55), transparent 66%);
}
.educfr-home .edu-h-tape.is-filled .edu-h-tape-media::before{content:none}
.educfr-home .edu-h-tape.is-filled .edu-h-tape-badge{display:none}
.educfr-home .edu-h-tape.is-tape-playing figcaption,
.educfr-home .edu-h-tape.is-tape-playing .edu-h-tape-badge{opacity:0;pointer-events:none;transition:opacity .3s ease}
.educfr-home .edu-h-tape-media video,
.educfr-home .edu-h-tape-media iframe,
.educfr-home .edu-h-tape-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;
}
.educfr-home .edu-h-tape-badge{
  position:absolute;z-index:3;left:22px;top:22px;
  padding:8px 16px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--edu-navy);background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.educfr-home .edu-h-tape-badge.is-main{color:var(--edu-blue)}
.educfr-home .edu-h-tape-play{
  position:absolute;z-index:4;left:50%;top:44%;transform:translate(-50%,-50%);
  width:72px;height:72px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;background:rgba(255,255,255,.94);
  box-shadow:0 18px 38px -14px rgba(4,20,48,.55);
  transition:transform .24s ease, background .24s ease;
}
.educfr-home .edu-h-tape.is-main .edu-h-tape-play{width:86px;height:86px}
.educfr-home .edu-h-tape-play::before{
  content:"";width:0;height:0;margin-left:5px;
  border-left:18px solid var(--edu-blue);
  border-top:12px solid transparent;border-bottom:12px solid transparent;
}
.educfr-home .edu-h-tape-play:hover{transform:translate(-50%,-50%) scale(1.07);background:#fff}
.educfr-home .edu-h-tape-play[hidden]{display:none}

.educfr-home .edu-h-tape figcaption{
  position:absolute;z-index:3;inset:auto 0 0 0;padding:26px 26px 28px;color:#fff;
  background:linear-gradient(180deg,rgba(15,32,64,0) 0%,rgba(15,32,64,.55) 48%,rgba(15,32,64,.86) 100%);
}
.educfr-home .edu-h-tape-eyebrow{
  display:block;font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--edu-cyan);
}
.educfr-home .edu-h-tape figcaption strong{
  display:block;margin:7px 0 6px;font-size:19px;line-height:1.2;
  letter-spacing:-.025em;font-weight:800;
}
.educfr-home .edu-h-tape figcaption > span:not(.edu-h-tape-eyebrow){
  display:block;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.76);
}

/* ---------------------------------------------------------
   Responsive des témoignages
   ---------------------------------------------------------
   Une première version faisait passer la carte centrale seule
   sur sa ligne, en flex-basis:100% avec un max-width. Mais le
   max-width libère l'espace restant : une carte voisine venait
   s'y glisser et la troisième partait seule plus bas. On garde
   donc les trois cartes côte à côte tant que la place existe,
   puis on empile franchement.
   --------------------------------------------------------- */
@media (max-width:1300px){
  .educfr-home .edu-h-tapes{gap:18px}
}

@media (max-width:1060px){
  .educfr-home .edu-h-tapes{gap:14px}
  .educfr-home .edu-h-tape,
  .educfr-home .edu-h-tape.is-main{flex:1 1 0;min-width:0}
  .educfr-home .edu-h-tape.is-side:first-child,
  .educfr-home .edu-h-tape.is-side:last-child{transform:none}
  .educfr-home .edu-h-tape figcaption{padding:18px 18px 20px}
  .educfr-home .edu-h-tape figcaption strong{font-size:17px}
}

@media (max-width:900px){
  .educfr-home .edu-h-tapes{flex-wrap:wrap;gap:22px}
  .educfr-home .edu-h-tape.is-side,
  .educfr-home .edu-h-tape.is-main{
    flex:0 0 100%;max-width:420px;margin-inline:auto;border-radius:26px;
  }
  .educfr-home .edu-h-tape.is-main{order:-1}
  .educfr-home .edu-h-tape-media,
  .educfr-home .edu-h-tape.is-main .edu-h-tape-media{aspect-ratio:9/13}
  .educfr-home .edu-h-tape figcaption{padding:22px}
  .educfr-home .edu-h-tape figcaption strong{font-size:19px}
}

/* =========================================================
   8. GUIDE DU BAC
   ---------------------------------------------------------
   Composition de la maquette : le texte à gauche, la vidéo en
   haut à droite, et deux cartes de même hauteur en dessous.
   L'égalité de hauteur est obtenue par la grille, pas à la
   main : c'est ce qui manquait pour que la colonne droite
   paraisse équilibrée.
   ========================================================= */
.educfr-home .edu-h-guide{
  position:relative;padding:92px 0 96px;overflow:hidden;
  background:linear-gradient(180deg,
    rgba(244,248,255,0) 0%, #f4f8ff 12%, #eef5ff 64%, rgba(248,251,255,0) 100%);
}
.educfr-home .edu-h-guide-curve{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:0;
}
.educfr-home .edu-h-guide > .edu-h-shell{position:relative;z-index:1}
.educfr-home .edu-h-guide::before{
  content:"";position:absolute;left:-280px;top:-160px;
  width:940px;height:940px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(33,87,232,.06),transparent 62%);
}

.educfr-home .edu-h-guide-grid{
  display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:54px;align-items:center;
}
.educfr-home .edu-h-guide-copy h2{
  margin:16px 0 16px;font-size:var(--edu-title);
  line-height:1.04;letter-spacing:-.045em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-guide-copy h2 span{color:var(--edu-blue)}
.educfr-home .edu-h-guide-copy p{
  margin:0 0 30px;max-width:32ch;font-size:17px;line-height:1.62;color:var(--edu-muted);
}

.educfr-home .edu-h-guide-panel{display:grid;gap:20px;min-width:0}

/* ---------------------------------------------------------
   La vidéo
   --------------------------------------------------------- */
.educfr-home .edu-h-guide-video{
  display:block;border-radius:24px;overflow:hidden;background:#fff;
  border:1px solid rgba(230,237,247,.9);
  box-shadow:0 30px 64px -34px rgba(8,38,84,.34);
  transition:transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease;
}
.educfr-home .edu-h-guide-video:hover{
  transform:translateY(-4px);box-shadow:0 38px 76px -36px rgba(8,38,84,.4);
}
/* Aucun format imposé : la vignette donne sa hauteur, quel que soit
   son ratio, donc jamais de rognage. */
.educfr-home .edu-h-guide-media{
  position:relative;display:block;overflow:hidden;background:#eef4fd;
}
.educfr-home .edu-h-guide-media picture{display:contents}
.educfr-home .edu-h-guide-media img{
  width:100%;height:auto;display:block;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.educfr-home .edu-h-guide-video:hover .edu-h-guide-media img{transform:scale(1.03)}
.educfr-home .edu-h-guide-badge{
  /* À droite, et non à gauche : le logo Educfr est incrusté dans le coin
     supérieur gauche de la vignette, le badge le recouvrait. */
  position:absolute;z-index:3;right:20px;top:18px;
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 15px 8px 11px;border-radius:999px;
  font-size:12.5px;font-weight:700;color:var(--edu-navy);
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 20px -10px rgba(8,38,84,.45);
}
.educfr-home .edu-h-guide-badge::before{
  content:"";width:17px;height:17px;border-radius:50%;flex:0 0 auto;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.4 5 11 8l-4.6 3z' fill='%23fff'/%3E%3C/svg%3E") center/17px no-repeat,
    linear-gradient(135deg,var(--edu-blue),var(--edu-blue-2));
}
.educfr-home .edu-h-guide-play{
  position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  width:76px;height:76px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--edu-blue),var(--edu-blue-2));
  /* Un anneau clair autour : sans lui, le bouton se noyait dans le titre
     rouge de la vignette. */
  box-shadow:0 0 0 9px rgba(255,255,255,.34), 0 18px 40px -14px rgba(33,87,232,.85);
  transition:transform .26s ease, box-shadow .26s ease;
}
.educfr-home .edu-h-guide-play::before{
  content:"";width:0;height:0;margin-left:6px;
  border-left:20px solid #fff;
  border-top:12px solid transparent;border-bottom:12px solid transparent;
}
.educfr-home .edu-h-guide-video:hover .edu-h-guide-play{transform:translate(-50%,-50%) scale(1.06)}

.educfr-home .edu-h-guide-caption{
  display:flex;align-items:center;gap:18px;padding:18px 22px;
  border-top:1px solid rgba(230,237,247,.9);
}
.educfr-home .edu-h-guide-caption strong{
  flex:1;min-width:0;font-size:16.5px;line-height:1.35;
  letter-spacing:-.02em;font-weight:750;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-guide-time{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;white-space:nowrap;
  font-size:13px;font-weight:700;color:var(--edu-blue);background:rgba(33,87,232,.08);
}
.educfr-home .edu-h-guide-time::before{
  content:"";width:13px;height:13px;border-radius:50%;flex:0 0 auto;
  border:1.6px solid currentColor;
  background:
    linear-gradient(currentColor,currentColor) 50% 22%/1.4px 4.4px no-repeat,
    linear-gradient(currentColor,currentColor) 62% 50%/3.4px 1.4px no-repeat;
}

/* ---------------------------------------------------------
   Les deux cartes
   `align-items:stretch` + une carte en colonne avec un bloc
   qui pousse : les deux hauteurs sont identiques par
   construction, quel que soit le contenu.
   --------------------------------------------------------- */
.educfr-home .edu-h-guide-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;align-items:stretch;
}
.educfr-home .edu-h-guide-card{
  display:flex;align-items:center;gap:15px;
  padding:22px;border-radius:22px;background:#fff;
  border:1px solid rgba(230,237,247,.9);box-shadow:var(--edu-shadow-soft);
  transition:border-color .22s ease, transform .26s ease, box-shadow .26s ease;
}
.educfr-home .edu-h-guide-card:hover{
  border-color:rgba(33,87,232,.32);transform:translateY(-3px);box-shadow:var(--edu-shadow);
}
.educfr-home .edu-h-guide-icon{
  flex:0 0 auto;width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;color:var(--edu-blue);background:rgba(33,87,232,.09);
}
.educfr-home .edu-h-guide-icon svg{width:23px;height:23px;display:block}
.educfr-home .edu-h-guide-card-copy{min-width:0;flex:1}
.educfr-home .edu-h-guide-card-copy strong{
  display:block;font-size:17px;font-weight:750;letter-spacing:-.025em;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-guide-card-copy small{
  display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--edu-muted);
}
/* Un chevron discret : la carte est un lien, il faut que ça se voie. */
.educfr-home .edu-h-guide-card::after{
  content:"";flex:0 0 auto;width:14px;height:14px;background:#c2d0e4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' stroke='%23000' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' stroke='%23000' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease, background .2s ease;
}
.educfr-home .edu-h-guide-card:hover::after{background:var(--edu-blue);transform:translateX(3px)}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (min-width:1061px) and (max-width:1600px){
  .educfr-home .edu-h-guide{padding:74px 0 78px}
  .educfr-home .edu-h-guide-grid{gap:40px}
  .educfr-home .edu-h-guide-copy p{font-size:16px}
}

@media (max-width:1060px){
  .educfr-home .edu-h-guide{padding:74px 0 78px}
  .educfr-home .edu-h-guide-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .educfr-home .edu-h-guide-copy p{max-width:58ch}
}

@media (max-width:720px){
  .educfr-home .edu-h-guide{padding:62px 0 66px}
  .educfr-home .edu-h-guide-cards{grid-template-columns:minmax(0,1fr)}
  .educfr-home .edu-h-guide-video{border-radius:20px}
  .educfr-home .edu-h-guide-caption{padding:16px 18px;gap:12px}
  .educfr-home .edu-h-guide-caption strong{font-size:15px}
  .educfr-home .edu-h-guide-play{width:62px;height:62px}
  .educfr-home .edu-h-guide-play::before{
    border-left-width:16px;border-top-width:10px;border-bottom-width:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .educfr-home .edu-h-guide-video,
  .educfr-home .edu-h-guide-play,
  .educfr-home .edu-h-guide-media img,
  .educfr-home .edu-h-guide-card,
  .educfr-home .edu-h-guide-card::after{transition:none}
  .educfr-home .edu-h-guide-video:hover,
  .educfr-home .edu-h-guide-card:hover{transform:none}
  .educfr-home .edu-h-guide-card:hover::after{transform:none}
  .educfr-home .edu-h-guide-video:hover .edu-h-guide-media img{transform:none}
  .educfr-home .edu-h-guide-video:hover .edu-h-guide-play{transform:translate(-50%,-50%)}
}

/* =========================================================
   8. COMMENCER — vidéo à gauche, étapes à droite
   ========================================================= */
.educfr-home .edu-h-join{position:relative;padding:0 0 104px}
.educfr-home .edu-h-join-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:64px;align-items:center;
}
.educfr-home .edu-h-video{
  position:relative;aspect-ratio:16/10;border-radius:30px;overflow:hidden;
  border:1px solid rgba(230,237,247,.9);
  background:
    radial-gradient(520px 320px at 30% 22%, rgba(34,187,231,.22), transparent 66%),
    linear-gradient(140deg,#0a2f66 0%,#07214a 58%,#123a78 100%);
  box-shadow:0 40px 80px -44px rgba(8,38,84,.55);
  display:grid;place-items:center;
}
.educfr-home .edu-h-video::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(107deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%);
}
.educfr-home .edu-h-video-play{
  position:relative;z-index:2;width:96px;height:96px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:0;
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 44px -16px rgba(4,20,48,.6);
  transition:transform .24s ease;
}
.educfr-home .edu-h-video-play:hover{transform:scale(1.06)}
.educfr-home .edu-h-video-play::before{
  content:"";width:0;height:0;margin-left:6px;
  border-left:20px solid var(--edu-blue);
  border-top:13px solid transparent;border-bottom:13px solid transparent;
}
.educfr-home .edu-h-video-label{
  position:absolute;left:26px;bottom:24px;z-index:2;
  font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.68);
}

.educfr-home .edu-h-join-copy h2{
  margin:16px 0 12px;font-size:var(--edu-title);
  line-height:1;letter-spacing:-.05em;font-weight:800;color:var(--edu-navy-strong);
}
.educfr-home .edu-h-join-copy h2 span{display:block;color:var(--edu-blue)}
.educfr-home .edu-h-join-copy > p{margin:0 0 34px;font-size:18px;line-height:1.6;color:var(--edu-muted);max-width:460px}
.educfr-home .edu-h-join-steps{margin:0;padding:0;list-style:none;position:relative}
.educfr-home .edu-h-join-steps::before{
  content:"";position:absolute;left:23px;top:14px;bottom:34px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--edu-blue) 0%,var(--edu-cyan) 62%,var(--edu-red) 100%);
  opacity:.34;
}
.educfr-home .edu-h-join-steps li{
  position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);
  gap:20px;align-items:start;padding-bottom:26px;
}
.educfr-home .edu-h-join-steps li:last-child{padding-bottom:0}
.educfr-home .edu-h-join-steps .edu-h-join-num{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  font-size:14px;font-weight:800;color:var(--edu-blue);
  background:#fff;border:1px solid #d6e4f8;
  box-shadow:0 8px 20px -12px rgba(33,87,232,.5);
}
.educfr-home .edu-h-join-steps li:last-child .edu-h-join-num{
  color:var(--edu-red);border-color:rgba(234,77,67,.38);
}
.educfr-home .edu-h-join-steps strong{display:block;font-size:19px;letter-spacing:-.025em;color:var(--edu-navy);font-weight:800}
.educfr-home .edu-h-join-steps p{margin:5px 0 0;font-size:16px;line-height:1.55;color:var(--edu-muted)}

/* =========================================================
   9. FIN DE PAGE
   ========================================================= */
.educfr-home .edu-h-final{position:relative;padding:0 0 90px}
.educfr-home .edu-h-final-inner{
  position:relative;overflow:hidden;border-radius:40px;padding:76px 68px;
  color:#fff;text-align:center;
  background:
    radial-gradient(700px 380px at 78% 6%, rgba(34,187,231,.30), transparent 64%),
    radial-gradient(460px 300px at 8% 96%, rgba(234,77,67,.20), transparent 66%),
    linear-gradient(140deg,#0a2f66 0%,#07214a 60%,#0b2b5c 100%);
  box-shadow:0 46px 90px -46px rgba(8,38,84,.62);
}
.educfr-home .edu-h-final-thread{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5;
}
.educfr-home .edu-h-final-inner h2{
  position:relative;z-index:2;margin:18px auto 16px;max-width:16ch;
  font-size:var(--edu-title);line-height:1.02;letter-spacing:-.05em;font-weight:800;
}
.educfr-home .edu-h-final-inner > p{
  position:relative;z-index:2;margin:0 auto;max-width:56ch;
  font-size:18px;line-height:1.62;color:rgba(255,255,255,.74);
}
.educfr-home .edu-h-final-cta{
  position:relative;z-index:2;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;
}

.educfr-home .edu-h-footer{
  border-top:1px solid var(--edu-line);
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(244,248,255,.9));
  padding:64px 0 0;
}
.educfr-home .edu-h-footer-grid{
  display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(0,1fr));
  gap:48px;padding-bottom:52px;
}
.educfr-home .edu-h-footer-brand img{width:132px;height:auto}
.educfr-home .edu-h-footer-brand p{margin:20px 0 0;font-size:15.5px;line-height:1.62;color:var(--edu-muted);max-width:300px}
.educfr-home .edu-h-social{display:flex;gap:10px;margin-top:24px}
.educfr-home .edu-h-social a{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  border:1px solid #dbe6f6;background:#fff;color:var(--edu-navy);
  transition:border-color .2s ease, transform .2s ease, color .2s ease;
}
.educfr-home .edu-h-social a:hover{transform:translateY(-2px);border-color:var(--edu-blue);color:var(--edu-blue)}
.educfr-home .edu-h-social svg{width:19px;height:19px;display:block}
.educfr-home .edu-h-footer-col h3{
  margin:0 0 18px;font-size:12.5px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#8fa1bc;
}
.educfr-home .edu-h-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.educfr-home .edu-h-footer-col a{font-size:15.5px;color:var(--edu-text)}
.educfr-home .edu-h-footer-col a:hover{color:var(--edu-blue)}
.educfr-home .edu-h-footer-bottom{
  display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;
  padding:22px 0 30px;border-top:1px solid var(--edu-line);
  font-size:14px;color:#8fa1bc;
}
.educfr-home .edu-h-footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}
.educfr-home .edu-h-footer-bottom a:hover{color:var(--edu-blue)}

/* =========================================================
   LECTEUR VIDÉO INTÉGRÉ
   ---------------------------------------------------------
   Au clic, la vignette laisse la place au lecteur. Le cadre
   prend un format 16/9 à ce moment-là seulement : hors
   lecture, c'est la vignette qui donne sa hauteur, quel que
   soit son format.
   ========================================================= */
.educfr-home .is-playing{
  position:relative;aspect-ratio:16/9;background:#000;
}
.educfr-home .is-playing > *:not(.edu-video-frame){display:none}
.educfr-home .edu-video-frame{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
}

/* =========================================================
   APPARITIONS AU SCROLL — discrètes, purement CSS
   ========================================================= */
.educfr-home .edu-h-reveal{
  opacity:0;transform:translate3d(0,22px,0);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--edu-delay,0ms);
}
.educfr-home .edu-h-reveal.is-in{opacity:1;transform:none}
.educfr-home.is-static .edu-h-reveal{opacity:1;transform:none}

/* Tracé du fil : il se dessine une fois, à l'entrée de la section. */
.educfr-home .edu-h-thread-line,
.educfr-home .edu-h-thread-glow{
  stroke-dasharray:var(--edu-len,2000);
  stroke-dashoffset:var(--edu-len,2000);
}
.educfr-home .edu-h-thread.is-in .edu-h-thread-line,
.educfr-home .edu-h-thread.is-in .edu-h-thread-glow{
  stroke-dashoffset:0;
  transition:stroke-dashoffset 1.9s cubic-bezier(.32,.72,.32,1);
}
.educfr-home .edu-h-thread-dot,
.educfr-home .edu-h-thread-step{opacity:0;transition:opacity .55s ease}
.educfr-home .edu-h-thread.is-in .edu-h-thread-dot,
.educfr-home .edu-h-thread.is-in .edu-h-thread-step{opacity:1}
.educfr-home .edu-h-thread.is-in .edu-h-thread-step{transition-delay:calc(var(--edu-i,0) * 240ms + 420ms)}
.educfr-home .edu-h-thread.is-in .edu-h-thread-dot{transition-delay:calc(var(--edu-i,0) * 240ms + 300ms)}
.educfr-home.is-static .edu-h-thread-line,
.educfr-home.is-static .edu-h-thread-glow{stroke-dashoffset:0}
.educfr-home.is-static .edu-h-thread-dot,
.educfr-home.is-static .edu-h-thread-step{opacity:1}

/* =========================================================
   RESPONSIVE
   Sur les formats réduits les compositions sont refaites,
   pas simplement rétrécies.
   ========================================================= */
@media (max-width:1300px){
  .educfr-home{--edu-gut:48px}
  .educfr-home .edu-h-nav{gap:26px;margin-left:28px}
  .educfr-home .edu-h-hero-grid{grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr);gap:0}
  .educfr-home .edu-h-hero-art{height:600px}
  .educfr-home .edu-h-hero-visual{margin-right:-48px}
  .educfr-home .edu-h-join-grid{gap:44px}
}

@media (max-width:1060px){
  .educfr-home .edu-h-nav,
  .educfr-home .edu-h-actions{display:none}
  .educfr-home .edu-h-burger{display:flex}
  .educfr-home .edu-h-header .edu-h-shell{min-height:76px;gap:16px}

  .educfr-home .edu-h-hero{padding-top:18px}
  .educfr-home .edu-h-hero-grid{grid-template-columns:minmax(0,1fr);gap:6px;min-height:0}
  .educfr-home .edu-h-hero-copy{padding-bottom:0}
  .educfr-home .edu-h-hero-copy p{max-width:640px}
  /* Une largeur explicite est indispensable ici : avec seulement
     max-width + margin:auto, la boîte se dimensionne sur son contenu,
     or l'image est en position absolue — la colonne tombait à 0 px et
     l'élève disparaissait sur tablette et mobile. */
  .educfr-home .edu-h-hero-art{
    height:min(58vw,540px);width:min(100%,900px);
    margin-left:auto;margin-right:auto;justify-content:center;
  }
  .educfr-home .edu-h-hero-visual{width:100%;margin-right:0}
  .educfr-home .edu-h-hero-window img{width:104%;right:-2%;bottom:-4%}

  .educfr-home .edu-h-strip-inner{
    grid-template-columns:minmax(0,1fr);padding:20px 22px;gap:14px;
  }
  .educfr-home .edu-h-strip-intro{max-width:none}
  .educfr-home .edu-h-strip-list{justify-content:flex-start}

  .educfr-home .edu-h-offers-head,
  .educfr-home .edu-h-life-head{grid-template-columns:minmax(0,1fr);gap:22px}

  .educfr-home .edu-h-platform-grid{grid-template-columns:minmax(0,1fr);gap:30px}

  .educfr-home .edu-h-join-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .educfr-home .edu-h-final-inner{padding:58px 34px;border-radius:32px}
  .educfr-home .edu-h-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
}

@media (max-width:900px){
  .educfr-home .edu-h-platform{padding-bottom:76px}
  .educfr-home .edu-h-offers,
  .educfr-home .edu-h-life,
  .educfr-home .edu-h-voices{padding:72px 0}
  .educfr-home .edu-h-join{padding-bottom:76px}
}

@media (max-width:720px){
  /* Sur petit écran, les mots les plus longs dépassaient la coquille :
     l'échelle commune descend d'un cran. */
  .educfr-home{--edu-gut:36px;--edu-title:clamp(26px,7.4vw,40px)}
  .educfr-home .edu-h-hero-cta{gap:12px;margin-top:26px}
  .educfr-home .edu-h-cta{min-height:54px;font-size:16px;padding:0 22px;flex:1 1 auto}
  .educfr-home .edu-h-hero-art{height:min(72vw,420px)}
  .educfr-home .edu-h-hero-window img{width:118%;right:-9%}

  .educfr-home .edu-h-strip-list li{font-size:14px;padding:7px 13px}
  .educfr-home .edu-h-method-lead{padding-left:0}
  .educfr-home .edu-h-method-lead::before{display:none}

  .educfr-home .edu-h-offers-foot{gap:18px}
  .educfr-home .edu-h-video{border-radius:24px;aspect-ratio:16/11}
  .educfr-home .edu-h-video-play{width:76px;height:76px}
  .educfr-home .edu-h-final-inner{padding:46px 24px;border-radius:26px}
  .educfr-home .edu-h-final-cta > *{flex:1 1 100%}
  .educfr-home .edu-h-footer-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .educfr-home .edu-h-footer-bottom nav{margin-left:0;gap:16px}
}

@media (max-width:520px){
  .educfr-home{--edu-gut:28px}
  .educfr-home{--edu-title:clamp(24px,6.9vw,36px)}
  .educfr-home .edu-h-logo img{width:112px}
  .educfr-home .edu-h-hero-art{height:min(84vw,360px)}
  .educfr-home .edu-h-hero-window img{width:132%;right:-16%;bottom:-2%}
  .educfr-home .edu-h-strip-inner{border-radius:18px}
  .educfr-home .edu-h-stage-legend li{font-size:13px;padding:8px 13px}
  .educfr-home .edu-h-join-steps li{grid-template-columns:42px minmax(0,1fr);gap:16px}
  .educfr-home .edu-h-join-steps::before{left:20px}
  .educfr-home .edu-h-join-steps .edu-h-join-num{width:42px;height:42px;font-size:13px}
}

/* =========================================================
   DENSITÉ SUR LES ÉCRANS MIS À L'ÉCHELLE
   ---------------------------------------------------------
   Windows à 125 % ou 150 % ne réduit pas la page : il réduit
   la largeur CSS disponible. Un 1920 en 125 % se comporte
   comme un 1536, en 150 % comme un 1280 — mais avec une
   diagonale physique inchangée. Sans correction, la page
   garde ses grandes respirations dans un cadre plus étroit,
   d'où l'impression de police trop grosse et de page chargée.

   Ce palier resserre la coquille, les hauteurs de section et
   le texte courant sur toute cette plage. Il ne touche pas au
   mobile : il s'arrête à 1060 px, là où la mise en page bascule
   déjà en colonne unique.
   ========================================================= */
@media (min-width:1061px) and (max-width:1600px){
  .educfr-home{--edu-shell:1180px;--edu-gut:56px;--edu-title:clamp(32px,3.4vw,52px)}

  /* Hauteurs de section */
  .educfr-home .edu-h-header .edu-h-shell{min-height:74px}
  .educfr-home .edu-h-hero{padding-top:18px}
  /* La grille de base impose 430 + 760 px : dans une coquille resserrée à
     1180, la colonne de texte se retrouvait écrasée et l'accroche passait
     à sept lignes. On repasse sur des colonnes proportionnelles. */
  .educfr-home .edu-h-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:0;min-height:0;
  }
  .educfr-home .edu-h-hero-visual{margin-right:-56px}
  .educfr-home .edu-h-hero-art{height:min(38vw,520px)}
  .educfr-home .edu-h-pillars{padding:70px 0 22px}
  .educfr-home .edu-h-pillars-head{margin-bottom:40px}
  .educfr-home .edu-h-platform{padding:20px 0 78px}
  .educfr-home .edu-h-platform-head{margin-bottom:34px}
  .educfr-home .edu-h-offers{padding:74px 0 78px}
  .educfr-home .edu-h-offers-head{margin-bottom:40px}
  .educfr-home .edu-h-life{padding:72px 0 76px}
  .educfr-home .edu-h-results{padding:68px 0 64px}
  .educfr-home .edu-h-voices{padding:74px 0 78px}
  .educfr-home .edu-h-voices-head{margin-bottom:42px}
  .educfr-home .edu-h-join{padding-bottom:78px}
  .educfr-home .edu-h-final{padding-bottom:70px}
  .educfr-home .edu-h-final-inner{padding:58px 48px}
  .educfr-home .edu-h-footer{padding-top:52px}
  .educfr-home .edu-h-footer-grid{padding-bottom:42px;gap:36px}

  /* Texte courant : un cran plus bas, pour retrouver la densité
     qu'on a naturellement à 100 %. */
  .educfr-home .edu-h-hero-copy p,
  .educfr-home .edu-h-pillars-head p,
  .educfr-home .edu-h-platform-head p,
  .educfr-home .edu-h-offers-head p,
  .educfr-home .edu-h-life-head p,
  .educfr-home .edu-h-results-head p,
  .educfr-home .edu-h-voices-head p,
  .educfr-home .edu-h-join-copy > p,
  .educfr-home .edu-h-final-inner > p{font-size:16px;line-height:1.58}
  .educfr-home .edu-h-pillar p,
  .educfr-home .edu-h-pack-def,
  .educfr-home .edu-h-pack-list li,
  .educfr-home .edu-h-join-steps p{font-size:15px}
  .educfr-home .edu-h-pack-tag{font-size:15px}
  .educfr-home .edu-h-strip-list li{font-size:14px;padding:7px 14px}
  .educfr-home .edu-h-stage-legend li{font-size:13.5px;padding:9px 15px}
  .educfr-home .edu-h-cell-note{font-size:14px}
  .educfr-home .edu-h-nav{gap:28px;margin-left:32px}
  .educfr-home .edu-h-nav a{font-size:14.5px}

  /* Cartes un peu moins hautes */
  .educfr-home .edu-h-pillar{padding:18px 22px 26px}
  .educfr-home .edu-h-pack{padding:0 26px 30px}
  .educfr-home .edu-h-pack-visual{margin:0 -26px 20px}
  .educfr-home .edu-h-mosaic{grid-auto-rows:210px}
}

/* Écrans très larges : on autorise un peu plus d'ampleur. */
@media (min-width:1800px){
  .educfr-home{--edu-shell:1440px}
}

/* =========================================================
   MOUVEMENT RÉDUIT
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  .educfr-home .edu-h-reveal{opacity:1;transform:none;transition:none}
  .educfr-home .edu-h-thread-line,
  .educfr-home .edu-h-thread-glow{stroke-dashoffset:0;transition:none}
  .educfr-home .edu-h-thread-dot,
  .educfr-home .edu-h-thread-step{opacity:1;transition:none}
  .educfr-home .edu-h-cell img{transition:none}
  .educfr-home .edu-h-cta,
  .educfr-home .edu-h-video-play,
  .educfr-home .edu-h-social a{transition:none}
  .educfr-home .edu-h-cta:hover,
  .educfr-home .edu-h-video-play:hover,
  .educfr-home .edu-h-social a:hover{transform:none}
}

/* =========================================================
   FOOTER PUBLIC EDUCFR V6 — unique sur accueil, Guide et
   pages WordPress/Elementor conservées.
   ========================================================= */
.educfr-home .edu-h-footer.edu-h-footer-v6{
  position:relative;overflow:hidden;border-top:0;background:#07214a;color:#fff;padding:72px 0 0;
}
.educfr-home .edu-h-footer-v6::before{
  content:"";position:absolute;right:-180px;bottom:-260px;width:620px;height:620px;border-radius:50%;
  border:110px solid rgba(34,187,231,.055);pointer-events:none;
}
.educfr-home .edu-h-footer-v6::after{
  content:"";position:absolute;left:-260px;top:-330px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(33,87,232,.14) 0%,rgba(33,87,232,0) 68%);pointer-events:none;
}
.educfr-home .edu-h-footer-accent{position:absolute;left:0;right:0;top:0;height:3px;display:grid;grid-template-columns:1fr 1fr;z-index:2}
.educfr-home .edu-h-footer-accent span:first-child{background:#22bbe7}
.educfr-home .edu-h-footer-accent span:last-child{background:#ea4d43}
.educfr-home .edu-h-footer-v6 .edu-h-shell{position:relative;z-index:2}
.educfr-home .edu-h-footer-v6 .edu-h-footer-grid{
  display:grid;grid-template-columns:minmax(300px,1.45fr) minmax(150px,.75fr) minmax(180px,.9fr) minmax(170px,.8fr);
  gap:58px;padding-bottom:58px;
}
.educfr-home .edu-h-footer-v6 .edu-h-footer-logo{display:inline-flex;align-items:center}
.educfr-home .edu-h-footer-v6 .edu-h-footer-brand img{width:146px;height:auto;display:block}
.educfr-home .edu-h-footer-v6 .edu-h-footer-tagline{display:block;margin-top:25px;font-size:16px;line-height:1.45;color:#fff;font-weight:800;letter-spacing:-.01em}
.educfr-home .edu-h-footer-v6 .edu-h-footer-brand p{margin:10px 0 0;max-width:390px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.7}
.educfr-home .edu-h-footer-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.educfr-home .edu-h-footer-contact a{
  min-width:145px;display:grid;gap:3px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:rgba(255,255,255,.045);color:#fff;transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.educfr-home .edu-h-footer-contact a:hover{background:rgba(255,255,255,.08);border-color:rgba(34,187,231,.45);transform:translateY(-1px)}
.educfr-home .edu-h-footer-contact span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.42);font-weight:800}
.educfr-home .edu-h-footer-contact strong{font-size:13px;line-height:1.3;color:#fff;font-weight:750}
.educfr-home .edu-h-footer-socials{display:flex;align-items:center;gap:10px;margin-top:18px}
.educfr-home .edu-h-footer-social{
  width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;
  background:rgba(255,255,255,.045);color:rgba(255,255,255,.72);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.educfr-home .edu-h-footer-social:hover{background:rgba(255,255,255,.09);border-color:rgba(34,187,231,.48);color:#fff;transform:translateY(-2px)}
.educfr-home .edu-h-footer-social svg{width:18px;height:18px}
.educfr-home .edu-h-footer-social[title="Instagram"] svg{fill:none;stroke:currentColor;stroke-width:1.7}
.educfr-home .edu-h-footer-social[title="Facebook"] svg{fill:currentColor;stroke:none}
.educfr-home .edu-h-footer-v6 .edu-h-footer-col h3{margin:3px 0 20px;color:#7dd8ea;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.educfr-home .edu-h-footer-v6 .edu-h-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.educfr-home .edu-h-footer-v6 .edu-h-footer-col a{color:rgba(255,255,255,.68);font-size:14px;line-height:1.4;transition:color .2s ease,transform .2s ease}
.educfr-home .edu-h-footer-v6 .edu-h-footer-col a:hover{color:#fff}
.educfr-home .edu-h-footer-v6 .edu-h-footer-account a{font-weight:700;color:rgba(255,255,255,.78)}
.educfr-home .edu-h-footer-v6 .edu-h-footer-bottom{
  position:relative;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;padding:22px 0 28px;
  border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.38);
}
.educfr-home .edu-h-footer-v6 .edu-h-footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}
.educfr-home .edu-h-footer-v6 .edu-h-footer-bottom a{color:rgba(255,255,255,.46)}
.educfr-home .edu-h-footer-v6 .edu-h-footer-bottom a:hover{color:#fff}

@media (max-width:1100px){
  .educfr-home .edu-h-footer-v6 .edu-h-footer-grid{grid-template-columns:minmax(280px,1.3fr) repeat(2,minmax(160px,1fr));gap:42px}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-account{grid-column:2/4}
}
@media (max-width:760px){
  .educfr-home .edu-h-footer.edu-h-footer-v6{padding-top:56px}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-grid{grid-template-columns:1fr 1fr;gap:38px 30px;padding-bottom:42px}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-brand{grid-column:1/-1}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-account{grid-column:auto}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-bottom nav{margin-left:0}
}
@media (max-width:520px){
  .educfr-home .edu-h-footer-v6 .edu-h-footer-grid{grid-template-columns:1fr;gap:32px}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-brand,.educfr-home .edu-h-footer-v6 .edu-h-footer-account{grid-column:auto}
  .educfr-home .edu-h-footer-contact{display:grid;grid-template-columns:1fr}
  .educfr-home .edu-h-footer-contact a{min-width:0;width:100%}
  .educfr-home .edu-h-footer-v6 .edu-h-footer-bottom{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   v6.0.14 — Navigation manuelle de la démonstration
   Les pastilles sous le PC pilotent directement la vue affichée.
   ========================================================= */
.educfr-home .edu-h-stage-legend li[data-view]{
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.educfr-home .edu-h-stage-legend li[data-view]:hover{
  color:var(--edu-navy);
  border-color:rgba(33,87,232,.24);
  background:rgba(255,255,255,.96);
  transform:translateY(-1px);
  box-shadow:0 10px 24px -16px rgba(33,87,232,.48);
}
.educfr-home .edu-h-stage-legend li[data-view]:focus-visible{
  outline:3px solid rgba(33,87,232,.22);
  outline-offset:3px;
}
.educfr-home .edu-h-stage-legend li[data-view]:active{
  transform:translateY(0) scale(.985);
}
.educfr-home .edu-h-stage-legend li[data-view].is-on{
  cursor:default;
}