/* Scène « site piloté par une IA » : le téléphone de Lucie dans son
   assistant, son site dans Chrome sur un ordinateur. Pas de légende, pas de
   curseur : on touche au doigt, et on TAPE (Théo, 24 septembre au soir :
   « je veux un écrit, pas des vocaux, et plus gros »). Le rideau de fin vient
   du kit.

   FICHIER ÉCRIT PAR scene-css.py : les frappes, les bulles, le doigt, le
   clavier et tout le déroulé sont calculés là-bas, depuis un seul minutage
   et des mesures prises au banc (mesures.json). Modifier scene-fixe.css ou
   le script, jamais scene.css.

   LA TOILE : 520 x 560. La fenêtre Chrome de (232, 44) à (518, 540). Le
   téléphone de (4, 64) à (240, 556), devant, écran de 222 x 478 en (11, 71).
   Tailles de lecture : 12 px dans la conversation, 22 px pour le titre à la
   une, 12 px dans les menus. */
.fn-scene--pilote-ia {
  --sc-haut: 560px;
  /* Les filets, tous neutres. */
  --line-chrome: #E3E6EA; --line-site: #E8E8E8; --line-gpt: #E3E3E3;
  --gpt-texte: #0D0D0D; --gpt-gris: #8F8F8F; --gpt-bulle: #F4F4F4;
  line-height: 1.35;
}
.fn-scene--pilote-ia svg { display: block; }
.fn-scene--pilote-ia p { margin: 0; }
.fn-scene--pilote-ia img { max-width: none; }
.fn-scene--pilote-ia i { font-style: normal; }

/* ═══ LES TITRES ══════════════════════════════════════════════════════ */
.sc-pilote-ia-qui {
  position: absolute;
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  text-align: center; white-space: nowrap;
}
.sc-pilote-ia-qui b { font-size: 0.9375rem; font-weight: 800; line-height: 19px; letter-spacing: -.01em; color: #0A0A0A; }
.sc-pilote-ia-qui span { font-size: 0.6875rem; line-height: 14px; color: #737373; }
.sc-pilote-ia-qui--site { top: 2px; left: 232px; width: 286px; }
.sc-pilote-ia-qui--vous { top: 24px; left: 4px; width: 236px; }

/* ═══ LE SITE, DANS CHROME ════════════════════════════════════════════ */
.sc-pilote-ia-chrome {
  position: absolute; top: 44px; left: 232px; z-index: 1;
  display: flex; flex-direction: column;
  width: 286px; height: 496px; overflow: hidden;
  border: 1px solid #C7CCD4; border-radius: 8px; background: #FFFFFF;
  box-shadow: 0 12px 30px rgba(31, 36, 46, .14);
}
.sc-pilote-ia-c-onglets { position: relative; flex: none; height: 30px; background: #DEE3EA; }
.sc-pilote-ia-c-onglet {
  position: absolute; top: 6px; left: 14px;
  display: flex; align-items: center; gap: 6px;
  width: 162px; height: 24px; padding: 0 8px 0 9px;
  border-radius: 8px 8px 0 0; background: #FFFFFF; color: #1F1F1F;
}
.sc-pilote-ia-c-onglet > svg { width: 10px; height: 10px; flex: none; color: #474747; }
.sc-pilote-ia-c-favi { position: relative; display: block; flex: none; width: 13px; height: 13px; }
.sc-pilote-ia-c-favi i { position: absolute; inset: 0; }
.sc-pilote-ia-c-logo {
  display: grid; place-items: center;
  border-radius: 3px; background: #0A0A0A; color: #FFFFFF;
  font-size: 8px; font-weight: 800; line-height: 1;
}
/* La roue de chargement de Chrome : un arc bleu à la place de l'icône. */
.sc-pilote-ia-c-roue {
  border: 1.6px solid transparent; border-top-color: #0B57D0; border-right-color: #0B57D0;
  border-radius: 50%; opacity: 0;
}
/* Chrome ne coupe pas un titre trop long par des points : il l'efface en fondu. */
.sc-pilote-ia-c-titre {
  flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; font-size: 0.65625rem;
  -webkit-mask-image: linear-gradient(90deg, #000 78%, transparent);
  mask-image: linear-gradient(90deg, #000 78%, transparent);
}
.sc-pilote-ia-c-plus { position: absolute; top: 10px; left: 186px; color: #474747; }
.sc-pilote-ia-c-plus svg { width: 12px; height: 12px; }
.sc-pilote-ia-fen { position: absolute; top: 0; right: 0; display: flex; height: 100%; }
.sc-pilote-ia-fen i { display: grid; place-items: center; width: 26px; height: 100%; color: #1F1F1F; }
.sc-pilote-ia-fen svg { width: 10px; height: 10px; }
.sc-pilote-ia-c-outils {
  display: flex; align-items: center; gap: 1px; flex: none;
  height: 34px; padding: 0 6px 0 12px;
  border-bottom: 1px solid var(--line-chrome); color: #474747;
}
.sc-pilote-ia-c-outils > i { display: grid; place-items: center; width: 24px; height: 24px; }
.sc-pilote-ia-c-outils > i svg { width: 13px; height: 13px; }
.sc-pilote-ia-c-off { color: #C4C7C5; }
.sc-pilote-ia-c-adresse {
  display: flex; align-items: center; gap: 7px; flex: 1;
  height: 26px; margin: 0 4px; padding: 0 10px;
  border-radius: 13px; background: #EDF1F7;
  font-size: 0.6875rem; color: #1F1F1F; white-space: nowrap;
}
.sc-pilote-ia-c-adresse > svg { width: 12px; height: 12px; flex: none; }
.sc-pilote-ia-c-etoile { margin-left: auto; }
.sc-pilote-ia-c-etoile svg { width: 12px; height: 12px; }

.sc-pilote-ia-vue { position: relative; flex: 1; overflow: hidden; background: #FFFFFF; color: #0A0A0A; }
.sc-pilote-ia-s-nav {
  display: flex; align-items: center; gap: 12px;
  height: 38px; padding: 0 16px;
  border-bottom: 1px solid var(--line-site);
  font-size: 0.65625rem; color: #525252;
}
.sc-pilote-ia-s-nav b { flex: 1; font-size: 0.8125rem; font-weight: 800; letter-spacing: -.01em; color: #0A0A0A; }
.sc-pilote-ia-s-resa {
  display: grid; place-items: center; height: 24px; padding: 0 10px; border-radius: 7px;
  background: #0A0A0A; color: #FFFFFF; font-weight: 700;
}
/* « À la une » : deux couches à la même place. Chacune fait sa propre pile :
   le titre de l'une ne passe jamais par-dessus la photo de l'autre. */
.sc-pilote-ia-une { position: relative; display: block; height: 176px; overflow: hidden; }
.sc-pilote-ia-une-c { position: absolute; inset: 0; z-index: 0; display: block; overflow: hidden; }
.sc-pilote-ia-une-c--bar { z-index: 1; opacity: 0; }
.sc-pilote-ia-une-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sc-pilote-ia-une-c::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 30%, rgba(10, 10, 10, .74));
}
.sc-pilote-ia-une-t {
  position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1;
  display: flex; flex-direction: column; gap: 3px; color: #FFFFFF;
}
.sc-pilote-ia-une-t small {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.5625rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .95;
}
.sc-pilote-ia-une-t em {
  padding: 2px 6px; border-radius: 5px; background: #FFFFFF; color: #0A0A0A;
  font-style: normal; letter-spacing: .04em;
}
.sc-pilote-ia-une-t b { font-size: 1.375rem; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; }
.sc-pilote-ia-une-t > span { font-size: 0.6875rem; opacity: .92; }

/* Les lignes débordent de 6 px de chaque côté : leur cadre, quand il
   s'allume, entoure le texte sans le coller. Titre et photos restent sur
   la marge de 16 px du site. */
.sc-pilote-ia-s-menus { display: flex; flex-direction: column; padding: 12px 10px 0; }
.sc-pilote-ia-s-h2 { display: block; margin: 0 6px 6px; font-size: 0.875rem; font-weight: 800; line-height: 18px; letter-spacing: -.01em; }
/* Deux lignes bougent : celle du bar grillé s'ouvre (première demande),
   celle de la carte d'été se referme (seconde). */
.sc-pilote-ia-s-case { display: block; overflow: hidden; }
.sc-pilote-ia-s-case--bar { height: 0; }
.sc-pilote-ia-s-case--ete { height: 42px; }
.sc-pilote-ia-s-menu {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px; align-items: center;
  height: 42px; padding: 0 6px;
  border: 1px solid transparent; border-radius: 9px;
}
.sc-pilote-ia-s-menu img { width: 32px; height: 32px; border-radius: 6px; object-fit: cover; }
.sc-pilote-ia-s-menu > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sc-pilote-ia-s-menu b { font-size: 0.75rem; font-weight: 700; line-height: 15px; white-space: nowrap; }
.sc-pilote-ia-s-menu small { font-size: 0.625rem; line-height: 13px; color: #737373; white-space: nowrap; }
.sc-pilote-ia-s-menu em { font-size: 0.75rem; font-weight: 700; font-style: normal; }

/* ═══ LE TÉLÉPHONE DE LUCIE : SON ASSISTANT ═══════════════════════════ */
.sc-pilote-ia-tel {
  position: absolute; top: 64px; left: 4px; z-index: 2;
  width: 236px; height: 492px; padding: 7px;
  border-radius: 40px; background: #0A0A0A;
  box-shadow: 0 16px 34px rgba(31, 36, 46, .22);
}
.sc-pilote-ia-ecran {
  position: relative; height: 100%; overflow: hidden;
  border-radius: 33px; background: #FFFFFF; color: var(--gpt-texte);
}
.sc-pilote-ia-ilot {
  position: absolute; top: 8px; left: 50%; z-index: 9;
  width: 66px; height: 19px; margin-left: -33px; border-radius: 10px; background: #000000;
}
.sc-pilote-ia-maison {
  position: absolute; bottom: 5px; left: 50%; z-index: 9;
  width: 80px; height: 4px; margin-left: -40px; border-radius: 2px; background: #0A0A0A;
}
.sc-pilote-ia-statut {
  position: absolute; top: 0; left: 0; right: 0; z-index: 8;
  display: flex; align-items: center; gap: 4px;
  height: 34px; padding: 2px 20px 0 26px; font-size: 0.6875rem;
}
.sc-pilote-ia-statut b { flex: 1; font-weight: 700; }
.sc-pilote-ia-reseau { display: flex; align-items: flex-end; gap: 1.5px; height: 8px; }
.sc-pilote-ia-reseau i { display: block; width: 2.5px; border-radius: 1px; background: currentColor; }
.sc-pilote-ia-reseau i:nth-child(1) { height: 3px; }
.sc-pilote-ia-reseau i:nth-child(2) { height: 4.5px; }
.sc-pilote-ia-reseau i:nth-child(3) { height: 6px; }
.sc-pilote-ia-reseau i:nth-child(4) { height: 8px; }
.sc-pilote-ia-pile { display: block; width: 16px; height: 8px; padding: 1px; border: 1px solid currentColor; border-radius: 2.5px; opacity: .9; }
.sc-pilote-ia-pile i { display: block; width: 75%; height: 100%; border-radius: 1px; background: currentColor; }

/* La barre du haut de l'appli : le menu, le titre, la nouvelle discussion. */
.sc-pilote-ia-g-barre {
  position: absolute; top: 34px; left: 0; right: 0;
  display: flex; align-items: center; justify-content: space-between;
  height: 34px; padding: 0 14px;
}
.sc-pilote-ia-g-barre > svg { width: 17px; height: 17px; }
.sc-pilote-ia-g-barre b { display: flex; align-items: center; gap: 3px; font-size: 0.8125rem; font-weight: 600; }
.sc-pilote-ia-g-barre b svg { width: 11px; height: 11px; color: var(--gpt-gris); }

/* Le fil de la discussion. Chaque message a sa place dès le départ ; il ne
   fait que paraître, rien ne saute. */
.sc-pilote-ia-fil {
  position: absolute; top: 72px; left: 0; right: 0; bottom: 76px;
  display: flex; flex-direction: column; gap: 10px; padding: 6px 12px;
}
.sc-pilote-ia-accueil {
  position: absolute; top: 33%; left: 0; right: 0;
  font-size: 0.875rem; font-weight: 500; line-height: 18px; text-align: center;
}
.sc-pilote-ia-moi {
  align-self: flex-end; max-width: 172px; padding: 8px 12px;
  border-radius: 18px; background: var(--gpt-bulle);
  font-size: 0.75rem; line-height: 16px; opacity: 0;
}
.sc-pilote-ia-outil {
  position: relative; align-self: flex-start;
  display: flex; align-items: center; gap: 6px;
  height: 30px; padding: 0 28px 0 7px;
  border: 1px solid var(--line-gpt); border-radius: 9px;
  font-size: 0.6875rem; color: #5D5D5D; opacity: 0;
}
.sc-pilote-ia-outil > b { font-weight: 600; color: var(--gpt-texte); }
.sc-pilote-ia-o-favi {
  display: grid; place-items: center; flex: none; width: 16px; height: 16px;
  border-radius: 4px; background: #0A0A0A; color: #FFFFFF;
  font-size: 9px; font-weight: 800;
}
.sc-pilote-ia-o-etats { position: relative; display: block; width: 52px; height: 14px; }
.sc-pilote-ia-o-e { position: absolute; left: 0; top: 0; line-height: 14px; white-space: nowrap; }
.sc-pilote-ia-o-e--ap { opacity: 0; }
.sc-pilote-ia-o-roue {
  position: absolute; top: 9px; right: 10px; width: 11px; height: 11px;
  border: 1.6px solid #D9D9D9; border-top-color: var(--gpt-texte); border-radius: 50%;
}
.sc-pilote-ia-o-ok { position: absolute; top: 8px; right: 9px; width: 13px; height: 13px; color: #15803D; opacity: 0; }
.sc-pilote-ia-o-ok svg { width: 13px; height: 13px; stroke-width: 2; }
.sc-pilote-ia-lui { display: block; font-size: 0.75rem; line-height: 17px; opacity: 0; }
.sc-pilote-ia-lui b { font-weight: 600; }
.sc-pilote-ia-insecable { white-space: nowrap; }

/* Le champ, en bas : le +, le texte, le micro, le rond noir. Il grandit vers
   le haut quand la demande passe à la ligne, et monte avec le clavier. */
.sc-pilote-ia-champ {
  position: absolute; left: 8px; right: 8px; bottom: 20px; z-index: 6;
  display: grid; grid-template-columns: 20px minmax(0, 1fr) 20px 32px; gap: 3px; align-items: end;
  padding: 7px 7px 7px 6px;
  border: 1px solid var(--line-gpt); border-radius: 24px; background: #FFFFFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
}
.sc-pilote-ia-ch-plus,
.sc-pilote-ia-ch-micro { display: grid; place-items: center; height: 32px; color: var(--gpt-texte); }
.sc-pilote-ia-ch-plus svg { width: 16px; height: 16px; }
.sc-pilote-ia-ch-micro svg { width: 15px; height: 15px; }
.sc-pilote-ia-ch-texte { position: relative; display: block; height: 16px; margin: 8px 0; overflow: hidden; font-size: 0.75rem; line-height: 16px; }
.sc-pilote-ia-ch-vide { position: absolute; top: 0; left: 0; color: var(--gpt-gris); white-space: nowrap; }
.sc-pilote-ia-saisie { position: absolute; top: 0; left: 0; right: 0; display: block; opacity: 0; }
.sc-pilote-ia-ligne { display: flex; align-items: center; height: 16px; }
.sc-pilote-ia-tape { display: block; flex: none; overflow: hidden; white-space: nowrap; width: 0; }
.sc-pilote-ia-tape-txt { display: inline-block; }
.sc-pilote-ia-caret { display: block; flex: none; width: 1.5px; height: 15px; margin-left: 1px; border-radius: 1px; background: var(--gpt-texte); opacity: 0; }
.sc-pilote-ia-ch-rond { position: relative; display: block; width: 32px; height: 32px; border-radius: 50%; background: #0D0D0D; color: #FFFFFF; }
.sc-pilote-ia-r { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; }
.sc-pilote-ia-r svg { width: 15px; height: 15px; stroke-width: 1.8; }
.sc-pilote-ia-r--voix { opacity: 1; }

/* ── Le clavier d'iPhone, AZERTY ──────────────────────────────────────── */
.sc-pilote-ia-clavier {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 7;
  height: 170px; background: #D1D4DA;
  transform: translateY(170px);
}
.sc-pilote-ia-kb { position: absolute; top: 7px; left: 3px; right: 3px; display: flex; flex-direction: column; gap: 9px; }
.sc-pilote-ia-kb--chiffres { opacity: 0; }
.sc-pilote-ia-rang { display: flex; justify-content: center; gap: 4px; height: 27px; }
.sc-pilote-ia-rang i {
  display: grid; place-items: center; flex: none;
  width: 18px; height: 27px; border-radius: 5px;
  background: #FFFFFF; color: #0A0A0A;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  font-size: 0.8125rem; line-height: 1;
}
.sc-pilote-ia-rang i.sc-pilote-ia-sp { width: 28px; background: #ABB0BA; }
.sc-pilote-ia-rang i.sc-pilote-ia-large { width: 27px; }
.sc-pilote-ia-rang i.sc-pilote-ia-sp--petit { font-size: 0.5625rem; }
.sc-pilote-ia-rang i svg { width: 14px; height: 14px; }
.sc-pilote-ia-rang--3 { justify-content: space-between; }
.sc-pilote-ia-rang--4 i { font-size: 0.625rem; }
.sc-pilote-ia-rang--4 i.sc-pilote-ia-sp--mode { width: 38px; }
.sc-pilote-ia-rang--4 i.sc-pilote-ia-sp--retour { width: 54px; }
.sc-pilote-ia-rang i.sc-pilote-ia-espace { flex: 1; width: auto; }
.sc-pilote-ia-kb-pied {
  position: absolute; left: 0; right: 0; bottom: 0;
  display: flex; justify-content: space-between;
  height: 28px; padding: 1px 16px 0; color: #3C3C43;
}
.sc-pilote-ia-kb-pied svg { width: 17px; height: 17px; }
/* La bulle d'iPhone, une par touche tapée (sa place : scene-css.py). */
.sc-pilote-ia-bulle {
  position: absolute; z-index: 2;
  display: flex; justify-content: center;
  width: 30px; height: 44px; padding-top: 5px;
  border-radius: 8px 8px 6px 6px; background: #FFFFFF; color: #0A0A0A;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .28);
  font-size: 1.25rem; line-height: 1;
  opacity: 0;
}

/* Le doigt de Lucie. */
.sc-pilote-ia-doigt {
  position: absolute; top: 0; left: 0; z-index: 3;
  width: 26px; height: 26px; border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .9);
  background: rgba(10, 10, 10, .26);
  opacity: 0; pointer-events: none;
}

/* ═══ LES NOMS D'ANIMATION ════════════════════════════════════════════ */
.sc-fin { animation-name: sc-conclure; }
.sc-pilote-ia-clavier { animation-name: sc-pilote-ia-clavier; }
.sc-pilote-ia-champ { animation-name: sc-pilote-ia-champ; }
.sc-pilote-ia-kb--chiffres { animation-name: sc-pilote-ia-chiffres; }
.sc-pilote-ia-kb--lettres { animation-name: sc-pilote-ia-lettres; }
.sc-pilote-ia-ch-vide { animation-name: sc-pilote-ia-vide; }
.sc-pilote-ia-r--voix { animation-name: sc-pilote-ia-r-voix; }
.sc-pilote-ia-r--envoi { animation-name: sc-pilote-ia-r-envoi; }
.sc-pilote-ia-saisie--1 { animation-name: sc-pilote-ia-saisie-1; }
.sc-pilote-ia-tape--1-1 { animation-name: sc-pilote-ia-tape-1_1; }
.sc-pilote-ia-caret--1-1 { animation-name: sc-pilote-ia-caret-1_1; }
.sc-pilote-ia-tape--1-2 { animation-name: sc-pilote-ia-tape-1_2; }
.sc-pilote-ia-caret--1-2 { animation-name: sc-pilote-ia-caret-1_2; }
.sc-pilote-ia-saisie--2 { animation-name: sc-pilote-ia-saisie-2; }
.sc-pilote-ia-tape--2-1 { animation-name: sc-pilote-ia-tape-2_1; }
.sc-pilote-ia-caret--2-1 { animation-name: sc-pilote-ia-caret-2_1; }
.sc-pilote-ia-tape--2-2 { animation-name: sc-pilote-ia-tape-2_2; }
.sc-pilote-ia-caret--2-2 { animation-name: sc-pilote-ia-caret-2_2; }
.sc-pilote-ia-ch-texte { animation-name: sc-pilote-ia-texte; }
.sc-pilote-ia-ch-rond { animation-name: sc-pilote-ia-rond; }
.sc-pilote-ia-doigt { animation-name: sc-pilote-ia-doigt; }
.sc-pilote-ia-bulle--M { animation-name: sc-pilote-ia-bulle-M; }
.sc-pilote-ia-bulle--S { animation-name: sc-pilote-ia-bulle-S; }
.sc-pilote-ia-bulle--a { animation-name: sc-pilote-ia-bulle-a; }
.sc-pilote-ia-bulle--apos { animation-name: sc-pilote-ia-bulle-apos; }
.sc-pilote-ia-bulle--b { animation-name: sc-pilote-ia-bulle-b; }
.sc-pilote-ia-bulle--c { animation-name: sc-pilote-ia-bulle-c; }
.sc-pilote-ia-bulle--d { animation-name: sc-pilote-ia-bulle-d; }
.sc-pilote-ia-bulle--e { animation-name: sc-pilote-ia-bulle-e; }
.sc-pilote-ia-bulle--euro { animation-name: sc-pilote-ia-bulle-euro; }
.sc-pilote-ia-bulle--g { animation-name: sc-pilote-ia-bulle-g; }
.sc-pilote-ia-bulle--i { animation-name: sc-pilote-ia-bulle-i; }
.sc-pilote-ia-bulle--l { animation-name: sc-pilote-ia-bulle-l; }
.sc-pilote-ia-bulle--m { animation-name: sc-pilote-ia-bulle-m; }
.sc-pilote-ia-bulle--n { animation-name: sc-pilote-ia-bulle-n; }
.sc-pilote-ia-bulle--n2 { animation-name: sc-pilote-ia-bulle-n2; }
.sc-pilote-ia-bulle--n4 { animation-name: sc-pilote-ia-bulle-n4; }
.sc-pilote-ia-bulle--p { animation-name: sc-pilote-ia-bulle-p; }
.sc-pilote-ia-bulle--r { animation-name: sc-pilote-ia-bulle-r; }
.sc-pilote-ia-bulle--s { animation-name: sc-pilote-ia-bulle-s; }
.sc-pilote-ia-bulle--t { animation-name: sc-pilote-ia-bulle-t; }
.sc-pilote-ia-bulle--u { animation-name: sc-pilote-ia-bulle-u; }
.sc-pilote-ia-accueil { animation-name: sc-pilote-ia-accueil; }
.sc-pilote-ia-moi--1 { animation-name: sc-pilote-ia-moi-1; }
.sc-pilote-ia-moi--2 { animation-name: sc-pilote-ia-moi-2; }
.sc-pilote-ia-outil--1 { animation-name: sc-pilote-ia-outil-1; }
.sc-pilote-ia-outil--1 .sc-pilote-ia-o-e--av { animation-name: sc-pilote-ia-o-av-1; }
.sc-pilote-ia-outil--1 .sc-pilote-ia-o-e--ap { animation-name: sc-pilote-ia-o-ap-1; }
.sc-pilote-ia-outil--1 .sc-pilote-ia-o-ok { animation-name: sc-pilote-ia-o-ok-1; }
.sc-pilote-ia-outil--1 .sc-pilote-ia-o-roue { animation-name: sc-pilote-ia-o-roue-1; }
.sc-pilote-ia-outil--2 { animation-name: sc-pilote-ia-outil-2; }
.sc-pilote-ia-outil--2 .sc-pilote-ia-o-e--av { animation-name: sc-pilote-ia-o-av-2; }
.sc-pilote-ia-outil--2 .sc-pilote-ia-o-e--ap { animation-name: sc-pilote-ia-o-ap-2; }
.sc-pilote-ia-outil--2 .sc-pilote-ia-o-ok { animation-name: sc-pilote-ia-o-ok-2; }
.sc-pilote-ia-outil--2 .sc-pilote-ia-o-roue { animation-name: sc-pilote-ia-o-roue-2; }
.sc-pilote-ia-lui--1 { animation-name: sc-pilote-ia-lui-1; }
.sc-pilote-ia-lui--2 { animation-name: sc-pilote-ia-lui-2; }
.sc-pilote-ia-c-roue { animation-name: sc-pilote-ia-c-roue; }
.sc-pilote-ia-c-logo { animation-name: sc-pilote-ia-c-logo; }
.sc-pilote-ia-une-c--bar { animation-name: sc-pilote-ia-une; }
.sc-pilote-ia-une-img--bar { animation-name: sc-pilote-ia-recul; }
.sc-pilote-ia-s-case--bar { animation-name: sc-pilote-ia-case; }
.sc-pilote-ia-s-menu--bar { animation-name: sc-pilote-ia-neuf; }
.sc-pilote-ia-s-menu--ete { animation-name: sc-pilote-ia-retire; }
.sc-pilote-ia-s-case--ete { animation-name: sc-pilote-ia-case-ete; }

/* ═══ LE DÉROULÉ, CALCULÉ ═════════════════════════════════════════════ */
.sc-pilote-ia-bulle--M { left: 191px; top: 26px; }
.sc-pilote-ia-bulle--S { left: 19px; top: 26px; }
.sc-pilote-ia-bulle--a { left: 1px; top: -10px; }
.sc-pilote-ia-bulle--apos { left: 162.8px; top: 62px; }
.sc-pilote-ia-bulle--b { left: 118.3px; top: 62px; }
.sc-pilote-ia-bulle--c { left: 73.8px; top: 62px; }
.sc-pilote-ia-bulle--d { left: 41px; top: 26px; }
.sc-pilote-ia-bulle--e { left: 41px; top: -10px; }
.sc-pilote-ia-bulle--euro { left: 129px; top: 26px; }
.sc-pilote-ia-bulle--g { left: 85px; top: 26px; }
.sc-pilote-ia-bulle--i { left: 151px; top: -10px; }
.sc-pilote-ia-bulle--l { left: 173px; top: 26px; }
.sc-pilote-ia-bulle--m { left: 191px; top: 26px; }
.sc-pilote-ia-bulle--n { left: 140.5px; top: 62px; }
.sc-pilote-ia-bulle--n2 { left: 19px; top: -10px; }
.sc-pilote-ia-bulle--n4 { left: 63px; top: -10px; }
.sc-pilote-ia-bulle--p { left: 191px; top: -10px; }
.sc-pilote-ia-bulle--r { left: 63px; top: -10px; }
.sc-pilote-ia-bulle--s { left: 19px; top: 26px; }
.sc-pilote-ia-bulle--t { left: 85px; top: -10px; }
.sc-pilote-ia-bulle--u { left: 129px; top: -10px; }
@keyframes sc-pilote-ia-clavier {
  0%            { transform: translateY(170px); }
  2.4%          { transform: translateY(170px); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  4%            { transform: translateY(0); }
  21.9%         { transform: translateY(0); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  23.5%         { transform: translateY(170px); }
  38.9%         { transform: translateY(170px); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  40.5%         { transform: translateY(0); }
  52.55%        { transform: translateY(0); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  54.15%, 98.4% { transform: translateY(170px); }
  99.9%, 100%   { transform: translateY(170px); }
}
@keyframes sc-pilote-ia-champ {
  0%            { transform: translateY(0); }
  2.4%          { transform: translateY(0); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  4%            { transform: translateY(-156px); }
  21.9%         { transform: translateY(-156px); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  23.5%         { transform: translateY(0); }
  38.9%         { transform: translateY(0); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  40.5%         { transform: translateY(-156px); }
  52.55%        { transform: translateY(-156px); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  54.15%, 98.4% { transform: translateY(0); }
  99.9%, 100%   { transform: translateY(0); }
}
@keyframes sc-pilote-ia-chiffres {
  0%            { opacity: 0; }
  14%           { opacity: 0; }
  14.05%        { opacity: 1; }
  16.7%         { opacity: 1; }
  16.75%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-lettres {
  0%            { opacity: 1; }
  14%           { opacity: 1; }
  14.05%        { opacity: 0; }
  16.7%         { opacity: 0; }
  16.75%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-vide {
  0%            { opacity: 1; }
  4.55%         { opacity: 1; }
  4.6%          { opacity: 0; }
  21.35%        { opacity: 0; }
  21.4%         { opacity: 1; }
  41.05%        { opacity: 1; }
  41.1%         { opacity: 0; }
  52%           { opacity: 0; }
  52.05%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-r-voix {
  0%            { opacity: 1; }
  4.55%         { opacity: 1; }
  4.6%          { opacity: 0; }
  21.35%        { opacity: 0; }
  21.4%         { opacity: 1; }
  41.05%        { opacity: 1; }
  41.1%         { opacity: 0; }
  52%           { opacity: 0; }
  52.05%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-r-envoi {
  0%            { opacity: 0; }
  4.55%         { opacity: 0; }
  4.6%          { opacity: 1; }
  21.35%        { opacity: 1; }
  21.4%         { opacity: 0; }
  41.05%        { opacity: 0; }
  41.1%         { opacity: 1; }
  52%           { opacity: 1; }
  52.05%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-saisie-1 {
  0%            { opacity: 0; }
  2.05%         { opacity: 0; }
  2.1%          { opacity: 1; }
  21.35%        { opacity: 1; }
  21.4%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-tape-1_1 {
  0%            { width: 0; animation-timing-function: steps(1, end); }
  4.6%          { width: 11.4px; animation-timing-function: steps(1, end); }
  5.05%         { width: 18.4px; animation-timing-function: steps(1, end); }
  5.5%          { width: 22.2px; animation-timing-function: steps(1, end); }
  5.95%         { width: 28.6px; animation-timing-function: steps(1, end); }
  6.4%          { width: 32px; animation-timing-function: steps(1, end); }
  6.85%         { width: 34.9px; animation-timing-function: steps(1, end); }
  7.3%          { width: 41.9px; animation-timing-function: steps(1, end); }
  7.75%         { width: 45.2px; animation-timing-function: steps(1, end); }
  8.2%          { width: 52.7px; animation-timing-function: steps(1, end); }
  8.65%         { width: 59.4px; animation-timing-function: steps(1, end); }
  9.1%          { width: 64px; animation-timing-function: steps(1, end); }
  9.55%         { width: 67.3px; animation-timing-function: steps(1, end); }
  10%           { width: 74.7px; animation-timing-function: steps(1, end); }
  10.45%        { width: 79.3px; animation-timing-function: steps(1, end); }
  10.9%         { width: 82.2px; animation-timing-function: steps(1, end); }
  11.35%        { width: 85.1px; animation-timing-function: steps(1, end); }
  11.8%         { width: 88px; animation-timing-function: steps(1, end); }
  12.25%        { width: 95px; animation-timing-function: steps(1, end); }
  12.7%         { width: 98.4px; animation-timing-function: steps(1, end); }
  13.15%        { width: 105.2px; animation-timing-function: steps(1, end); }
  13.6%         { width: 108.5px; animation-timing-function: steps(1, end); }
  21.4%         { width: 108.5px; animation-timing-function: steps(1, end); }
  21.45%, 98.4% { width: 0; }
  99.9%, 100%   { width: 0; }
}
@keyframes sc-pilote-ia-caret-1_1 {
  0%            { opacity: 0; }
  2.25%         { opacity: 0; }
  2.3%          { opacity: 1; }
  14.45%        { opacity: 1; }
  14.5%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-tape-1_2 {
  0%            { width: 0; animation-timing-function: steps(1, end); }
  14.5%         { width: 7.7px; animation-timing-function: steps(1, end); }
  14.95%        { width: 15.5px; animation-timing-function: steps(1, end); }
  15.4%         { width: 18.9px; animation-timing-function: steps(1, end); }
  15.85%        { width: 26.9px; animation-timing-function: steps(1, end); }
  16.3%         { width: 30.2px; animation-timing-function: steps(1, end); }
  17.2%         { width: 37px; animation-timing-function: steps(1, end); }
  17.65%        { width: 40.4px; animation-timing-function: steps(1, end); }
  18.1%         { width: 43.3px; animation-timing-function: steps(1, end); }
  18.55%        { width: 50px; animation-timing-function: steps(1, end); }
  19%           { width: 53.4px; animation-timing-function: steps(1, end); }
  19.45%        { width: 60.5px; animation-timing-function: steps(1, end); }
  19.9%         { width: 67.6px; animation-timing-function: steps(1, end); }
  20.35%        { width: 74.5px; animation-timing-function: steps(1, end); }
  21.4%         { width: 74.5px; animation-timing-function: steps(1, end); }
  21.45%, 98.4% { width: 0; }
  99.9%, 100%   { width: 0; }
}
@keyframes sc-pilote-ia-caret-1_2 {
  0%            { opacity: 0; }
  14.45%        { opacity: 0; }
  14.5%         { opacity: 1; }
  21.35%        { opacity: 1; }
  21.4%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-saisie-2 {
  0%            { opacity: 0; }
  38.55%        { opacity: 0; }
  38.6%         { opacity: 1; }
  52%           { opacity: 1; }
  52.05%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-tape-2_1 {
  0%            { width: 0; animation-timing-function: steps(1, end); }
  41.1%         { width: 8.3px; animation-timing-function: steps(1, end); }
  41.55%        { width: 15.4px; animation-timing-function: steps(1, end); }
  42%           { width: 22.7px; animation-timing-function: steps(1, end); }
  42.45%        { width: 30.1px; animation-timing-function: steps(1, end); }
  42.9%         { width: 34.7px; animation-timing-function: steps(1, end); }
  43.35%        { width: 37.6px; animation-timing-function: steps(1, end); }
  43.8%         { width: 48.2px; animation-timing-function: steps(1, end); }
  44.25%        { width: 55.1px; animation-timing-function: steps(1, end); }
  44.7%         { width: 58.5px; animation-timing-function: steps(1, end); }
  45.15%        { width: 61.4px; animation-timing-function: steps(1, end); }
  45.6%         { width: 68.2px; animation-timing-function: steps(1, end); }
  46.05%        { width: 71.5px; animation-timing-function: steps(1, end); }
  46.5%         { width: 78.5px; animation-timing-function: steps(1, end); }
  46.95%        { width: 85.2px; animation-timing-function: steps(1, end); }
  47.4%         { width: 90px; animation-timing-function: steps(1, end); }
  47.85%        { width: 93.8px; animation-timing-function: steps(1, end); }
  48.3%         { width: 100.8px; animation-timing-function: steps(1, end); }
  48.75%        { width: 104.1px; animation-timing-function: steps(1, end); }
  52.05%        { width: 104.1px; animation-timing-function: steps(1, end); }
  52.1%, 98.4%  { width: 0; }
  99.9%, 100%   { width: 0; }
}
@keyframes sc-pilote-ia-caret-2_1 {
  0%            { opacity: 0; }
  38.75%        { opacity: 0; }
  38.8%         { opacity: 1; }
  49.15%        { opacity: 1; }
  49.2%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-tape-2_2 {
  0%            { width: 0; animation-timing-function: steps(1, end); }
  49.2%         { width: 8px; animation-timing-function: steps(1, end); }
  49.65%        { width: 10.3px; animation-timing-function: steps(1, end); }
  50.1%         { width: 17.3px; animation-timing-function: steps(1, end); }
  50.55%        { width: 21.1px; animation-timing-function: steps(1, end); }
  51%           { width: 28.1px; animation-timing-function: steps(1, end); }
  52.05%        { width: 28.1px; animation-timing-function: steps(1, end); }
  52.1%, 98.4%  { width: 0; }
  99.9%, 100%   { width: 0; }
}
@keyframes sc-pilote-ia-caret-2_2 {
  0%            { opacity: 0; }
  49.15%        { opacity: 0; }
  49.2%         { opacity: 1; }
  52%           { opacity: 1; }
  52.05%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-texte {
  0%            { height: 16px; animation-timing-function: steps(1, end); }
  14.5%         { height: 32px; animation-timing-function: steps(1, end); }
  21.4%         { height: 16px; animation-timing-function: steps(1, end); }
  49.2%         { height: 32px; animation-timing-function: steps(1, end); }
  52.05%, 98.4% { height: 16px; animation-timing-function: steps(1, end); }
  99.9%, 100%   { height: 16px; }
}
@keyframes sc-pilote-ia-rond {
  0%            { background: #0D0D0D; }
  21.3%         { background: #0D0D0D; }
  21.4%         { background: #4A4A4A; }
  21.7%         { background: #4A4A4A; }
  21.85%        { background: #0D0D0D; }
  51.95%        { background: #0D0D0D; }
  52.05%        { background: #4A4A4A; }
  52.35%        { background: #4A4A4A; }
  52.5%, 98.4%  { background: #0D0D0D; }
  99.9%, 100%   { background: #0D0D0D; }
}
@keyframes sc-pilote-ia-doigt {
  0%            { opacity: 0; transform: translate(75.7px, 492.3px) scale(1.3); }
  1.65%         { opacity: 0; transform: translate(75.7px, 492.3px) scale(1.3); }
  1.9%          { opacity: 1; transform: translate(75.7px, 492.3px) scale(1); animation-timing-function: ease-out; }
  2.2%          { opacity: 1; transform: translate(75.7px, 492.3px) scale(0.84); }
  2.6%          { opacity: 0; transform: translate(75.7px, 492.3px) scale(1); }
  4.52%         { opacity: 0; transform: translate(208px, 422.5px) scale(1); }
  4.58%         { opacity: 1; transform: translate(208px, 422.5px) scale(0.9); }
  4.8%          { opacity: 1; transform: translate(208px, 422.5px) scale(0.9); }
  4.9%          { opacity: 0; transform: translate(208px, 422.5px) scale(1); }
  4.97%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  5.03%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  5.25%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  5.35%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  5.42%         { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  5.48%         { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  5.7%          { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  5.8%          { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  5.87%         { opacity: 0; transform: translate(32px, 422.5px) scale(1); }
  5.93%         { opacity: 1; transform: translate(32px, 422.5px) scale(0.9); }
  6.15%         { opacity: 1; transform: translate(32px, 422.5px) scale(0.9); }
  6.25%         { opacity: 0; transform: translate(32px, 422.5px) scale(1); }
  6.32%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  6.38%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  6.6%          { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  6.7%          { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  6.77%         { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  6.83%         { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  7.05%         { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  7.15%         { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  7.22%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  7.28%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  7.5%          { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  7.6%          { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  7.67%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  7.73%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  7.95%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  8.05%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  8.12%         { opacity: 0; transform: translate(131.3px, 458.5px) scale(1); }
  8.18%         { opacity: 1; transform: translate(131.3px, 458.5px) scale(0.9); }
  8.4%          { opacity: 1; transform: translate(131.3px, 458.5px) scale(0.9); }
  8.5%          { opacity: 0; transform: translate(131.3px, 458.5px) scale(1); }
  8.57%         { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  8.63%         { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  8.85%         { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  8.95%         { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  9.02%         { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  9.08%         { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  9.3%          { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  9.4%          { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  9.47%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  9.53%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  9.75%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  9.85%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  9.92%         { opacity: 0; transform: translate(98px, 422.5px) scale(1); }
  9.98%         { opacity: 1; transform: translate(98px, 422.5px) scale(0.9); }
  10.2%         { opacity: 1; transform: translate(98px, 422.5px) scale(0.9); }
  10.3%         { opacity: 0; transform: translate(98px, 422.5px) scale(1); }
  10.37%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  10.43%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  10.65%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  10.75%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  10.82%        { opacity: 0; transform: translate(164px, 386.5px) scale(1); }
  10.88%        { opacity: 1; transform: translate(164px, 386.5px) scale(0.9); }
  11.1%         { opacity: 1; transform: translate(164px, 386.5px) scale(0.9); }
  11.2%         { opacity: 0; transform: translate(164px, 386.5px) scale(1); }
  11.27%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  11.33%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  11.55%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  11.65%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  11.72%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  11.78%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  12%           { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  12.1%         { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  12.17%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  12.23%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  12.45%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  12.55%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  12.62%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  12.68%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  12.9%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  13%           { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  13.07%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  13.13%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  13.35%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  13.45%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  13.52%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  13.58%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  13.8%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  13.9%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  13.97%        { opacity: 0; transform: translate(20px, 494.5px) scale(1); }
  14.03%        { opacity: 1; transform: translate(20px, 494.5px) scale(0.9); }
  14.25%        { opacity: 1; transform: translate(20px, 494.5px) scale(0.9); }
  14.35%        { opacity: 0; transform: translate(20px, 494.5px) scale(1); }
  14.42%        { opacity: 0; transform: translate(32px, 386.5px) scale(1); }
  14.48%        { opacity: 1; transform: translate(32px, 386.5px) scale(0.9); }
  14.7%         { opacity: 1; transform: translate(32px, 386.5px) scale(0.9); }
  14.8%         { opacity: 0; transform: translate(32px, 386.5px) scale(1); }
  14.87%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  14.93%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  15.15%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  15.25%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  15.32%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  15.38%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  15.6%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  15.7%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  15.77%        { opacity: 0; transform: translate(142px, 422.5px) scale(1); }
  15.83%        { opacity: 1; transform: translate(142px, 422.5px) scale(0.9); }
  16.05%        { opacity: 1; transform: translate(142px, 422.5px) scale(0.9); }
  16.15%        { opacity: 0; transform: translate(142px, 422.5px) scale(1); }
  16.22%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  16.28%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  16.5%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  16.6%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  16.67%        { opacity: 0; transform: translate(20px, 494.5px) scale(1); }
  16.73%        { opacity: 1; transform: translate(20px, 494.5px) scale(0.9); }
  16.95%        { opacity: 1; transform: translate(20px, 494.5px) scale(0.9); }
  17.05%        { opacity: 0; transform: translate(20px, 494.5px) scale(1); }
  17.12%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  17.18%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  17.4%         { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  17.5%         { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  17.57%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  17.63%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  17.85%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  17.95%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  18.02%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  18.08%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  18.3%         { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  18.4%         { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  18.47%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  18.53%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  18.75%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  18.85%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  18.92%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  18.98%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  19.2%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  19.3%         { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  19.37%        { opacity: 0; transform: translate(142px, 386.5px) scale(1); }
  19.43%        { opacity: 1; transform: translate(142px, 386.5px) scale(0.9); }
  19.65%        { opacity: 1; transform: translate(142px, 386.5px) scale(0.9); }
  19.75%        { opacity: 0; transform: translate(142px, 386.5px) scale(1); }
  19.82%        { opacity: 0; transform: translate(153.5px, 458.5px) scale(1); }
  19.88%        { opacity: 1; transform: translate(153.5px, 458.5px) scale(0.9); }
  20.1%         { opacity: 1; transform: translate(153.5px, 458.5px) scale(0.9); }
  20.2%         { opacity: 0; transform: translate(153.5px, 458.5px) scale(1); }
  20.27%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  20.33%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  20.55%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  20.65%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  21.05%        { opacity: 0; transform: translate(188.3px, 336.3px) scale(1.3); }
  21.3%         { opacity: 1; transform: translate(188.3px, 336.3px) scale(1); animation-timing-function: ease-out; }
  21.6%         { opacity: 1; transform: translate(188.3px, 336.3px) scale(0.84); }
  22%           { opacity: 0; transform: translate(188.3px, 336.3px) scale(1); }
  38.15%        { opacity: 0; transform: translate(75.7px, 492.3px) scale(1.3); }
  38.4%         { opacity: 1; transform: translate(75.7px, 492.3px) scale(1); animation-timing-function: ease-out; }
  38.7%         { opacity: 1; transform: translate(75.7px, 492.3px) scale(0.84); }
  39.1%         { opacity: 0; transform: translate(75.7px, 492.3px) scale(1); }
  41.02%        { opacity: 0; transform: translate(32px, 422.5px) scale(1); }
  41.08%        { opacity: 1; transform: translate(32px, 422.5px) scale(0.9); }
  41.3%         { opacity: 1; transform: translate(32px, 422.5px) scale(0.9); }
  41.4%         { opacity: 0; transform: translate(32px, 422.5px) scale(1); }
  41.47%        { opacity: 0; transform: translate(142px, 386.5px) scale(1); }
  41.53%        { opacity: 1; transform: translate(142px, 386.5px) scale(0.9); }
  41.75%        { opacity: 1; transform: translate(142px, 386.5px) scale(0.9); }
  41.85%        { opacity: 0; transform: translate(142px, 386.5px) scale(1); }
  41.92%        { opacity: 0; transform: translate(208px, 386.5px) scale(1); }
  41.98%        { opacity: 1; transform: translate(208px, 386.5px) scale(0.9); }
  42.2%         { opacity: 1; transform: translate(208px, 386.5px) scale(0.9); }
  42.3%         { opacity: 0; transform: translate(208px, 386.5px) scale(1); }
  42.37%        { opacity: 0; transform: translate(208px, 386.5px) scale(1); }
  42.43%        { opacity: 1; transform: translate(208px, 386.5px) scale(0.9); }
  42.65%        { opacity: 1; transform: translate(208px, 386.5px) scale(0.9); }
  42.75%        { opacity: 0; transform: translate(208px, 386.5px) scale(1); }
  42.82%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  42.88%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  43.1%         { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  43.2%         { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  43.27%        { opacity: 0; transform: translate(164px, 386.5px) scale(1); }
  43.33%        { opacity: 1; transform: translate(164px, 386.5px) scale(0.9); }
  43.55%        { opacity: 1; transform: translate(164px, 386.5px) scale(0.9); }
  43.65%        { opacity: 0; transform: translate(164px, 386.5px) scale(1); }
  43.72%        { opacity: 0; transform: translate(208px, 422.5px) scale(1); }
  43.78%        { opacity: 1; transform: translate(208px, 422.5px) scale(0.9); }
  44%           { opacity: 1; transform: translate(208px, 422.5px) scale(0.9); }
  44.1%         { opacity: 0; transform: translate(208px, 422.5px) scale(1); }
  44.17%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  44.23%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  44.45%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  44.55%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  44.62%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  44.68%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  44.9%         { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  45%           { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  45.07%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  45.13%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  45.35%        { opacity: 1; transform: translate(186px, 422.5px) scale(0.9); }
  45.45%        { opacity: 0; transform: translate(186px, 422.5px) scale(1); }
  45.52%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  45.58%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  45.8%         { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  45.9%         { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  45.97%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  46.03%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  46.25%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  46.35%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  46.42%        { opacity: 0; transform: translate(86.8px, 458.5px) scale(1); }
  46.48%        { opacity: 1; transform: translate(86.8px, 458.5px) scale(0.9); }
  46.7%         { opacity: 1; transform: translate(86.8px, 458.5px) scale(0.9); }
  46.8%         { opacity: 0; transform: translate(86.8px, 458.5px) scale(1); }
  46.87%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  46.93%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  47.15%        { opacity: 1; transform: translate(10px, 386.5px) scale(0.9); }
  47.25%        { opacity: 0; transform: translate(10px, 386.5px) scale(1); }
  47.32%        { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  47.38%        { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  47.6%         { opacity: 1; transform: translate(76px, 386.5px) scale(0.9); }
  47.7%         { opacity: 0; transform: translate(76px, 386.5px) scale(1); }
  47.77%        { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  47.83%        { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  48.05%        { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  48.15%        { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  48.22%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  48.28%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  48.5%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  48.6%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  48.67%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  48.73%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  48.95%        { opacity: 1; transform: translate(117px, 494.5px) scale(0.9); }
  49.05%        { opacity: 0; transform: translate(117px, 494.5px) scale(1); }
  49.12%        { opacity: 0; transform: translate(54px, 422.5px) scale(1); }
  49.18%        { opacity: 1; transform: translate(54px, 422.5px) scale(0.9); }
  49.4%         { opacity: 1; transform: translate(54px, 422.5px) scale(0.9); }
  49.5%         { opacity: 0; transform: translate(54px, 422.5px) scale(1); }
  49.57%        { opacity: 0; transform: translate(175.8px, 458.5px) scale(1); }
  49.63%        { opacity: 1; transform: translate(175.8px, 458.5px) scale(0.9); }
  49.85%        { opacity: 1; transform: translate(175.8px, 458.5px) scale(0.9); }
  49.95%        { opacity: 0; transform: translate(175.8px, 458.5px) scale(1); }
  50.02%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  50.08%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  50.3%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  50.4%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  50.47%        { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  50.53%        { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  50.75%        { opacity: 1; transform: translate(98px, 386.5px) scale(0.9); }
  50.85%        { opacity: 0; transform: translate(98px, 386.5px) scale(1); }
  50.92%        { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  50.98%        { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  51.2%         { opacity: 1; transform: translate(54px, 386.5px) scale(0.9); }
  51.3%         { opacity: 0; transform: translate(54px, 386.5px) scale(1); }
  51.7%         { opacity: 0; transform: translate(188.3px, 336.3px) scale(1.3); }
  51.95%        { opacity: 1; transform: translate(188.3px, 336.3px) scale(1); animation-timing-function: ease-out; }
  52.25%        { opacity: 1; transform: translate(188.3px, 336.3px) scale(0.84); }
  52.65%, 98.4% { opacity: 0; transform: translate(188.3px, 336.3px) scale(1); }
  99.9%, 100%   { opacity: 0; transform: translate(75.7px, 492.3px) scale(1.3); }
}
@keyframes sc-pilote-ia-bulle-M {
  0%            { opacity: 0; }
  4.56%         { opacity: 0; }
  4.6%          { opacity: 1; }
  4.84%         { opacity: 1; }
  4.92%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-S {
  0%            { opacity: 0; }
  41.06%        { opacity: 0; }
  41.1%         { opacity: 1; }
  41.34%        { opacity: 1; }
  41.42%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-a {
  0%            { opacity: 0; }
  8.61%         { opacity: 0; }
  8.65%         { opacity: 1; }
  8.89%         { opacity: 1; }
  8.97%         { opacity: 0; }
  13.11%        { opacity: 0; }
  13.15%        { opacity: 1; }
  13.39%        { opacity: 1; }
  13.47%        { opacity: 0; }
  17.16%        { opacity: 0; }
  17.2%         { opacity: 1; }
  17.44%        { opacity: 1; }
  17.52%        { opacity: 0; }
  18.51%        { opacity: 0; }
  18.55%        { opacity: 1; }
  18.79%        { opacity: 1; }
  18.87%        { opacity: 0; }
  45.56%        { opacity: 0; }
  45.6%         { opacity: 1; }
  45.84%        { opacity: 1; }
  45.92%        { opacity: 0; }
  46.91%        { opacity: 0; }
  46.95%        { opacity: 1; }
  47.19%        { opacity: 1; }
  47.27%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-apos {
  0%            { opacity: 0; }
  49.61%        { opacity: 0; }
  49.65%        { opacity: 1; }
  49.89%        { opacity: 1; }
  49.97%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-b {
  0%            { opacity: 0; }
  8.16%         { opacity: 0; }
  8.2%          { opacity: 1; }
  8.44%         { opacity: 1; }
  8.52%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-c {
  0%            { opacity: 0; }
  46.46%        { opacity: 0; }
  46.5%         { opacity: 1; }
  46.74%        { opacity: 1; }
  46.82%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-d {
  0%            { opacity: 0; }
  49.16%        { opacity: 0; }
  49.2%         { opacity: 1; }
  49.44%        { opacity: 1; }
  49.52%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-e {
  0%            { opacity: 0; }
  5.01%         { opacity: 0; }
  5.05%         { opacity: 1; }
  5.29%         { opacity: 1; }
  5.37%         { opacity: 0; }
  7.26%         { opacity: 0; }
  7.3%          { opacity: 1; }
  7.54%         { opacity: 1; }
  7.62%         { opacity: 0; }
  12.21%        { opacity: 0; }
  12.25%        { opacity: 1; }
  12.49%        { opacity: 1; }
  12.57%        { opacity: 0; }
  20.31%        { opacity: 0; }
  20.35%        { opacity: 1; }
  20.59%        { opacity: 1; }
  20.67%        { opacity: 0; }
  44.21%        { opacity: 0; }
  44.25%        { opacity: 1; }
  44.49%        { opacity: 1; }
  44.57%        { opacity: 0; }
  48.26%        { opacity: 0; }
  48.3%         { opacity: 1; }
  48.54%        { opacity: 1; }
  48.62%        { opacity: 0; }
  50.06%        { opacity: 0; }
  50.1%         { opacity: 1; }
  50.34%        { opacity: 1; }
  50.42%        { opacity: 0; }
  50.96%        { opacity: 0; }
  51%           { opacity: 1; }
  51.24%        { opacity: 1; }
  51.32%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-euro {
  0%            { opacity: 0; }
  15.81%        { opacity: 0; }
  15.85%        { opacity: 1; }
  16.09%        { opacity: 1; }
  16.17%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-g {
  0%            { opacity: 0; }
  9.96%         { opacity: 0; }
  10%           { opacity: 1; }
  10.24%        { opacity: 1; }
  10.32%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-i {
  0%            { opacity: 0; }
  10.86%        { opacity: 0; }
  10.9%         { opacity: 1; }
  11.14%        { opacity: 1; }
  11.22%        { opacity: 0; }
  43.31%        { opacity: 0; }
  43.35%        { opacity: 1; }
  43.59%        { opacity: 1; }
  43.67%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-l {
  0%            { opacity: 0; }
  6.81%         { opacity: 0; }
  6.85%         { opacity: 1; }
  7.09%         { opacity: 1; }
  7.17%         { opacity: 0; }
  11.31%        { opacity: 0; }
  11.35%        { opacity: 1; }
  11.59%        { opacity: 1; }
  11.67%        { opacity: 0; }
  11.76%        { opacity: 0; }
  11.8%         { opacity: 1; }
  12.04%        { opacity: 1; }
  12.12%        { opacity: 0; }
  18.06%        { opacity: 0; }
  18.1%         { opacity: 1; }
  18.34%        { opacity: 1; }
  18.42%        { opacity: 0; }
  45.11%        { opacity: 0; }
  45.15%        { opacity: 1; }
  45.39%        { opacity: 1; }
  45.47%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-m {
  0%            { opacity: 0; }
  43.76%        { opacity: 0; }
  43.8%         { opacity: 1; }
  44.04%        { opacity: 1; }
  44.12%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-n {
  0%            { opacity: 0; }
  19.86%        { opacity: 0; }
  19.9%         { opacity: 1; }
  20.14%        { opacity: 1; }
  20.22%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-n2 {
  0%            { opacity: 0; }
  14.46%        { opacity: 0; }
  14.5%         { opacity: 1; }
  14.74%        { opacity: 1; }
  14.82%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-n4 {
  0%            { opacity: 0; }
  14.91%        { opacity: 0; }
  14.95%        { opacity: 1; }
  15.19%        { opacity: 1; }
  15.27%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-p {
  0%            { opacity: 0; }
  41.96%        { opacity: 0; }
  42%           { opacity: 1; }
  42.24%        { opacity: 1; }
  42.32%        { opacity: 0; }
  42.41%        { opacity: 0; }
  42.45%        { opacity: 1; }
  42.69%        { opacity: 1; }
  42.77%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-r {
  0%            { opacity: 0; }
  9.06%         { opacity: 0; }
  9.1%          { opacity: 1; }
  9.34%         { opacity: 1; }
  9.42%         { opacity: 0; }
  10.41%        { opacity: 0; }
  10.45%        { opacity: 1; }
  10.69%        { opacity: 1; }
  10.77%        { opacity: 0; }
  42.86%        { opacity: 0; }
  42.9%         { opacity: 1; }
  43.14%        { opacity: 1; }
  43.22%        { opacity: 0; }
  47.36%        { opacity: 0; }
  47.4%         { opacity: 1; }
  47.64%        { opacity: 1; }
  47.72%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-s {
  0%            { opacity: 0; }
  5.91%         { opacity: 0; }
  5.95%         { opacity: 1; }
  6.19%         { opacity: 1; }
  6.27%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-t {
  0%            { opacity: 0; }
  5.46%         { opacity: 0; }
  5.5%          { opacity: 1; }
  5.74%         { opacity: 1; }
  5.82%         { opacity: 0; }
  47.81%        { opacity: 0; }
  47.85%        { opacity: 1; }
  48.09%        { opacity: 1; }
  48.17%        { opacity: 0; }
  50.51%        { opacity: 0; }
  50.55%        { opacity: 1; }
  50.79%        { opacity: 1; }
  50.87%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-bulle-u {
  0%            { opacity: 0; }
  19.41%        { opacity: 0; }
  19.45%        { opacity: 1; }
  19.69%        { opacity: 1; }
  19.77%        { opacity: 0; }
  41.51%        { opacity: 0; }
  41.55%        { opacity: 1; }
  41.79%        { opacity: 1; }
  41.87%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-accueil {
  0%            { opacity: 1; }
  21.5%         { opacity: 1; }
  21.9%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-moi-1 {
  0%            { opacity: 0; transform: translateY(8px); }
  21.7%         { opacity: 0; transform: translateY(8px); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  22.5%, 98.4%  { opacity: 1; transform: none; }
  99.9%, 100%   { opacity: 0; transform: translateY(8px); }
}
@keyframes sc-pilote-ia-moi-2 {
  0%            { opacity: 0; transform: translateY(8px); }
  52.35%        { opacity: 0; transform: translateY(8px); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  53.15%, 98.4% { opacity: 1; transform: none; }
  99.9%, 100%   { opacity: 0; transform: translateY(8px); }
}
@keyframes sc-pilote-ia-outil-1 {
  0%            { opacity: 0; }
  23.6%         { opacity: 0; }
  24.3%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-av-1 {
  0%            { opacity: 1; }
  29.55%        { opacity: 1; }
  29.6%, 98.4%  { opacity: 0; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-o-ap-1 {
  0%            { opacity: 0; }
  29.55%        { opacity: 0; }
  29.6%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-ok-1 {
  0%            { opacity: 0; }
  29.55%        { opacity: 0; }
  29.6%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-roue-1 {
  0%            { opacity: 1; transform: rotate(0); }
  23.6%         { opacity: 1; transform: rotate(0); animation-timing-function: linear; }
  29.55%        { opacity: 1; transform: rotate(1800deg); }
  29.6%, 98.4%  { opacity: 0; transform: rotate(1800deg); }
  99.9%, 100%   { opacity: 1; transform: rotate(0); }
}
@keyframes sc-pilote-ia-outil-2 {
  0%            { opacity: 0; }
  54.25%        { opacity: 0; }
  54.95%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-av-2 {
  0%            { opacity: 1; }
  60.2%         { opacity: 1; }
  60.25%, 98.4% { opacity: 0; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-o-ap-2 {
  0%            { opacity: 0; }
  60.2%         { opacity: 0; }
  60.25%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-ok-2 {
  0%            { opacity: 0; }
  60.2%         { opacity: 0; }
  60.25%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-o-roue-2 {
  0%            { opacity: 1; transform: rotate(0); }
  54.25%        { opacity: 1; transform: rotate(0); animation-timing-function: linear; }
  60.2%         { opacity: 1; transform: rotate(1800deg); }
  60.25%, 98.4% { opacity: 0; transform: rotate(1800deg); }
  99.9%, 100%   { opacity: 1; transform: rotate(0); }
}
@keyframes sc-pilote-ia-lui-1 {
  0%            { opacity: 0; }
  30.2%         { opacity: 0; animation-timing-function: ease-out; }
  31.6%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-lui-2 {
  0%            { opacity: 0; }
  60.85%        { opacity: 0; animation-timing-function: ease-out; }
  62.25%, 98.4% { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-c-roue {
  0%            { opacity: 0; transform: rotate(0); }
  25.35%        { opacity: 0; transform: rotate(0); }
  25.4%         { opacity: 1; transform: rotate(0); animation-timing-function: linear; }
  27.2%         { opacity: 1; transform: rotate(900deg); }
  27.25%        { opacity: 0; transform: rotate(900deg); }
  56%           { opacity: 0; transform: rotate(0); }
  56.05%        { opacity: 1; transform: rotate(0); animation-timing-function: linear; }
  57.85%        { opacity: 1; transform: rotate(900deg); }
  57.9%, 98.4%  { opacity: 0; transform: rotate(900deg); }
  99.9%, 100%   { opacity: 0; transform: rotate(0); }
}
@keyframes sc-pilote-ia-c-logo {
  0%            { opacity: 1; }
  25.35%        { opacity: 1; }
  25.4%         { opacity: 0; }
  27.2%         { opacity: 0; }
  27.25%        { opacity: 1; }
  56%           { opacity: 1; }
  56.05%        { opacity: 0; }
  57.85%        { opacity: 0; }
  57.9%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 1; }
}
@keyframes sc-pilote-ia-une {
  0%            { opacity: 0; }
  27%           { opacity: 0; }
  28.4%, 98.4%  { opacity: 1; }
  99.9%, 100%   { opacity: 0; }
}
@keyframes sc-pilote-ia-recul {
  0%            { transform: scale(1.1); }
  27%           { transform: scale(1.1); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  39.4%, 98.4%  { transform: none; }
  99.9%, 100%   { transform: scale(1.1); }
}
@keyframes sc-pilote-ia-case {
  0%            { height: 0; }
  27.4%         { height: 0; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  29.4%, 98.4%  { height: 42px; }
  99.9%, 100%   { height: 0; }
}
@keyframes sc-pilote-ia-neuf {
  0%            { background: rgba(10, 10, 10, 0); }
  28.8%         { background: rgba(10, 10, 10, 0); }
  29.8%         { background: rgba(10, 10, 10, .06); }
  35.4%         { background: rgba(10, 10, 10, .06); }
  37.4%, 98.4%  { background: rgba(10, 10, 10, 0); }
  99.9%, 100%   { background: rgba(10, 10, 10, 0); }
}
@keyframes sc-pilote-ia-retire {
  0%            { opacity: 1; background: rgba(10, 10, 10, 0); }
  57.45%        { opacity: 1; background: rgba(10, 10, 10, 0); }
  57.95%        { opacity: 1; background: rgba(10, 10, 10, .06); animation-timing-function: ease-in; }
  58.85%, 98.4% { opacity: 0; background: rgba(10, 10, 10, .06); }
  99.9%, 100%   { opacity: 1; background: rgba(10, 10, 10, 0); }
}
@keyframes sc-pilote-ia-case-ete {
  0%            { height: 42px; }
  58.65%        { height: 42px; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  60.45%, 98.4% { height: 0; }
  99.9%, 100%   { height: 42px; }
}

/* Moins de mouvement : l'état d'arrivée. Les deux échanges, le bar grillé à
   la une et dans les menus, la carte d'été retirée, le clavier rangé. */
@media (prefers-reduced-motion: reduce) {
  .sc-pilote-ia-accueil, .sc-pilote-ia-o-e--av, .sc-pilote-ia-o-roue { opacity: 0; }
  .sc-pilote-ia-moi, .sc-pilote-ia-outil, .sc-pilote-ia-o-e--ap, .sc-pilote-ia-o-ok, .sc-pilote-ia-lui, .sc-pilote-ia-une-c--bar { opacity: 1; }
  .sc-pilote-ia-s-case--bar { height: 42px; }
  .sc-pilote-ia-s-case--ete { height: 0; }
}