/* Specificites de la page formation LIMITLESS. Tout le reste vient de
   /da-2026.css, /motion-2026.css et /blocs-2026.css. */
/* --- 1. Hero : le nom de gamme domine ----------------------------- */
@media(min-width:901px){.hero{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}}
.hero h1{font-size:64px;letter-spacing:-.03em;
  background:linear-gradient(100deg,var(--violet),var(--magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){.hero h1{font-size:48px}}
.fm-sous-titre{font-size:24px!important;line-height:1.35;color:var(--ink)!important;
  font-weight:600;margin:16px 0 0!important;max-width:520px}
.hero-copy>p:not(.eyebrow):not(.fm-sous-titre):not(.sources){max-width:520px}
.hero-copy p:not(.sources) a:not(.button):not(.under-link){color:var(--violet)}
.sources b{color:var(--violet);font-weight:700}
.hero-stage{height:auto;display:flex;align-items:center}
.hero-stage>.screen{width:100%;position:relative;z-index:2}
.hero-stage .glow-grid{inset:-64px -48px -64px -40px;
  mask-image:radial-gradient(120% 100% at 60% 40%,black 0%,transparent 74%)}
.hero-stage .ec-pied{padding:16px 24px}
.hero-stage .ec-source{font-family:var(--ui);font-size:13px;line-height:1.6;color:var(--muted)}


/* les trois formats, en pile dans l'ecran */
.fm-formats-mini{display:grid;gap:8px}
.fm-formats-mini>div{background:var(--paper);border:1px solid var(--line);border-radius:9px;
  padding:16px;opacity:0;transform:translateY(10px);
  transition:opacity .6s ease,transform .6s ease}
.screen.is-visible .fm-formats-mini>div:nth-child(1){opacity:1;transform:none;transition-delay:.20s}
.screen.is-visible .fm-formats-mini>div:nth-child(2){opacity:1;transform:none;transition-delay:.45s}
.screen.is-visible .fm-formats-mini>div:nth-child(3){opacity:1;transform:none;transition-delay:.70s}
.fm-formats-mini b{display:block;font-size:24px;line-height:1.1;color:var(--ink);
  font-weight:800;margin-top:8px;letter-spacing:-.02em}
.fm-formats-mini b span{font-family:var(--mono);font-size:13px;font-weight:400;color:var(--muted);
  letter-spacing:0;margin-left:8px}
.fm-formats-mini--reco{background:#f6f1ff!important;border-color:#ddd0f7!important;
  position:relative;overflow:hidden}
.fm-formats-mini--reco:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--violet),var(--magenta));
  transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.22,.7,.25,1) .55s}
.screen.is-visible .fm-formats-mini--reco:before{transform:scaleY(1)}
.fm-formats-mini--reco b{color:var(--violet)}
.fm-formats-mini .ec-lib{color:var(--muted)}


@media(max-width:600px){.hero h1{font-size:36px}}