/* EXPERTISE IA — blocs propres à la page (24/10/2026). Histoire : « rendez-vous vos heures ».
   Pôle IA (cyan) ; mercure en réseau qui coule, et une vraie cascade de mercure liquide au cœur de la page. Préfixe ia-. */

/* ---------- Signature : « une semaine, deux versions » ----------
   Au défilement, chaque tâche grise de l'agenda fond (.fondue) et ressort faite dans la colonne de l'IA (.est-la) ;
   entre les deux, la cascade de mercure (mercure-liquide.js). À la fin (.est-libre), l'agenda montre le temps rendu. */
.ia-semaine{position:relative;height:360vh}
.ia-semaine__scene{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.ia-semaine__tete{margin-bottom:clamp(24px,3.4vh,44px)}
.ia-semaine__tete .w-titre{max-width:22ch}
.ia-semaine__grille{display:grid;grid-template-columns:minmax(0,7fr) clamp(110px,10vw,180px) minmax(0,4fr);gap:clamp(16px,2vw,32px);align-items:stretch}
.ia-colonne__titre{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--w-gris)}
.ia-agenda{position:relative;padding:22px;border-radius:22px;border:1px solid var(--w-filet);background:#0C0D11}
.ia-agenda__jours{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--w-gris-doux)}
.ia-agenda__taches,.ia-agenda__libre{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,clamp(52px,7.2vh,76px));gap:8px}
.ia-agenda__taches li{grid-column:var(--j);grid-row:var(--h);display:flex;align-items:center;padding:0 12px;border-radius:10px;background:#1A1C23;border:1px solid #262A34;font-size:13px;line-height:1.3;color:#AEB6C4;
  transition:transform .7s var(--w-ease),opacity .6s var(--w-ease),background .4s,border-radius .7s var(--w-ease),color .3s}
.ia-agenda__taches li.fondue{transform:scale(.18) translateX(320%);opacity:0;background:var(--pole);border-radius:50%;color:transparent}
.ia-agenda__libre{position:absolute;inset:auto 22px 22px 22px;pointer-events:none}
.ia-agenda__libre li{grid-column:var(--j) / span var(--l);grid-row:var(--h) / span 2;display:flex;align-items:flex-end;padding:14px 16px;border-radius:12px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--pole) 30%,#0C0D11),#0C0D11);border:1px solid color-mix(in srgb,var(--pole) 50%,transparent);
  font-size:clamp(16px,1.3vw,21px);font-weight:600;color:#F7FAFF;opacity:0;transform:translateY(14px);transition:opacity .8s var(--w-ease),transform .9s var(--w-ease)}
.ia-semaine.est-libre .ia-agenda__libre li{opacity:1;transform:none}
.ia-semaine.est-libre .ia-agenda__libre li + li{transition-delay:.2s}
.ia-cascade{position:relative;border-radius:999px;overflow:hidden;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--pole) 12%,transparent),transparent)}
.ia-cascade canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ia-fait{display:flex;flex-direction:column;padding:22px;border-radius:22px;border:1px solid color-mix(in srgb,var(--pole) 35%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--pole) 10%,#0A0B0E),#0A0B0E 60%)}
.ia-fait .ia-colonne__titre{color:var(--pole)}
.ia-fait__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ia-fait__liste li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#E7F8FD;opacity:0;transform:translateX(-14px);transition:opacity .5s var(--w-ease) .35s,transform .7s var(--w-ease) .35s}
.ia-fait__liste li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFFFFF,var(--pole) 60%,#0E5566)}
.ia-fait__liste li.est-la{opacity:1;transform:none}
.ia-fait__compteur{display:flex;align-items:baseline;gap:12px;margin:auto 0 0;padding-top:18px;border-top:1px solid var(--w-filet)}
.ia-fait__compteur strong{font-size:clamp(44px,4vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1;color:#F7FAFF;font-variant-numeric:tabular-nums}
.ia-fait__compteur span{display:flex;flex-direction:column;font-size:14px;color:var(--w-gris)}
.ia-fait__compteur small{font-size:12px;color:var(--w-gris-doux)}
.ia-semaine__fin{margin:clamp(20px,3vh,36px) 0 0;font-size:clamp(22px,2vw,32px);font-weight:500;letter-spacing:-.02em;color:#F7FAFF;opacity:0;transform:translateY(10px);transition:opacity .8s,transform .9s var(--w-ease)}
.ia-semaine.est-libre .ia-semaine__fin{opacity:1;transform:none}

/* ---------- Les 4 offres : alternance texte / petite scène ---------- */
.ia-offres{display:flex;flex-direction:column}
.ia-offre{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,120px);align-items:center;padding:clamp(48px,6vw,96px) 0;border-top:1px solid var(--w-filet);scroll-margin-top:80px}
.ia-offre:nth-child(even) .ia-offre__texte{order:2}
.ia-offre__num{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--pole)}
.ia-offre h3{margin:14px 0 14px;font-size:clamp(32px,3vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.08}
.ia-offre__cle{margin:0 0 14px;font-size:clamp(19px,1.5vw,24px);line-height:1.4;color:#E7F8FD}
.ia-offre__texte p:not(.ia-offre__cle){margin:0;max-width:44ch;font-size:16.5px;line-height:1.6;color:var(--w-gris)}
.ia-scene{position:relative;min-height:clamp(280px,30vw,400px);border-radius:26px;border:1px solid var(--w-filet);background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--pole) 9%,#0C0D11),#0A0B0E);overflow:hidden}
.ia-scene i{font-style:normal}
/* Audit : des fiches éparpillées qui se rangent quand l'offre arrive à l'écran (.est-vu) */
.ia-scene--tri{display:grid;grid-template-columns:repeat(3,auto);align-content:center;justify-content:center;gap:12px}
.ia-scene--tri i{padding:14px 20px;border-radius:12px;background:#151821;border:1px solid #262A34;font-size:14px;color:#C9D2DE;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform 1.1s var(--w-ease),border-color .6s,background .6s}
.ia-scene--tri i:nth-child(1){--x:-40px;--y:-50px;--r:-12deg}.ia-scene--tri i:nth-child(2){--x:30px;--y:40px;--r:9deg}.ia-scene--tri i:nth-child(3){--x:-20px;--y:70px;--r:16deg}
.ia-scene--tri i:nth-child(4){--x:50px;--y:-30px;--r:-7deg}.ia-scene--tri i:nth-child(5){--x:-60px;--y:20px;--r:11deg}.ia-scene--tri i:nth-child(6){--x:20px;--y:-60px;--r:-15deg}
.ia-offre.est-vu .ia-scene--tri i{--x:0px;--y:0px;--r:0deg;border-color:color-mix(in srgb,var(--pole) 45%,transparent)}
.ia-offre.est-vu .ia-scene--tri i:nth-child(-n+2){background:color-mix(in srgb,var(--pole) 22%,#151821)}
/* Automatisations : quatre étapes reliées, qui s'allument en boucle */
.ia-scene--flux{display:flex;align-items:center;justify-content:center;gap:0;padding:0 24px}
.ia-scene--flux i{flex:none;padding:12px 14px;border-radius:12px;background:#151821;border:1px solid #262A34;font-size:13px;color:#C9D2DE;animation:ia-allume 4s infinite}
.ia-scene--flux b{flex:1;max-width:60px;height:2px;background:linear-gradient(90deg,#262A34,#262A34);position:relative;overflow:hidden}
.ia-scene--flux b::after{content:"";position:absolute;inset:0;background:var(--pole);transform:translateX(-100%);animation:ia-court 4s infinite}
.ia-scene--flux i:nth-of-type(2){animation-delay:1s}.ia-scene--flux i:nth-of-type(3){animation-delay:2s}.ia-scene--flux i:nth-of-type(4){animation-delay:3s}
.ia-scene--flux b:nth-of-type(1)::after{animation-delay:.5s}.ia-scene--flux b:nth-of-type(2)::after{animation-delay:1.5s}.ia-scene--flux b:nth-of-type(3)::after{animation-delay:2.5s}
@keyframes ia-allume{0%,30%{border-color:color-mix(in srgb,var(--pole) 80%,transparent);color:#F7FAFF;box-shadow:0 0 24px -6px var(--pole)}40%,100%{border-color:#262A34;color:#C9D2DE;box-shadow:none}}
@keyframes ia-court{0%{transform:translateX(-100%)}25%{transform:translateX(100%)}100%{transform:translateX(100%)}}
/* Agents : une conversation de nuit, les bulles arrivent une à une */
.ia-scene--chat{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(24px,3vw,44px)}
.ia-bulle{max-width:78%;margin:0;padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s var(--w-ease)}
.ia-bulle small{display:block;margin-bottom:4px;font-size:11px;color:var(--w-gris-doux)}
.ia-bulle--client{align-self:flex-end;background:#1C1F27;color:#E7E9EE;border-bottom-right-radius:4px}
.ia-bulle--agent{align-self:flex-start;background:color-mix(in srgb,var(--pole) 22%,#0E1418);border:1px solid color-mix(in srgb,var(--pole) 40%,transparent);color:#E7F8FD;border-bottom-left-radius:4px}
.ia-offre.est-vu .ia-bulle{opacity:1;transform:none}
.ia-offre.est-vu .ia-bulle:nth-child(2){transition-delay:.9s}.ia-offre.est-vu .ia-bulle:nth-child(3){transition-delay:1.8s}.ia-offre.est-vu .ia-bulle:nth-child(4){transition-delay:2.7s}
/* IA d'entreprise : vos documents convergent vers une sphère de mercure cyan */
.ia-scene--sphere i{position:absolute;left:50%;top:50%;padding:9px 14px;border-radius:10px;background:#151821;border:1px solid #262A34;font-size:13px;color:#C9D2DE;translate:-50% -50%;
  transform:rotate(calc(var(--k) * 72deg)) translateY(-150px) rotate(calc(var(--k) * -72deg));transition:transform 1.4s var(--w-ease),opacity 1s 1s}
.ia-scene--sphere i:nth-child(1){--k:0}.ia-scene--sphere i:nth-child(2){--k:1}.ia-scene--sphere i:nth-child(3){--k:2}.ia-scene--sphere i:nth-child(4){--k:3}.ia-scene--sphere i:nth-child(5){--k:4}
.ia-offre.est-vu .ia-scene--sphere i{transform:rotate(calc(var(--k) * 72deg)) translateY(-112px) rotate(calc(var(--k) * -72deg))}
.ia-sphere{position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;translate:-50% -50%;
  background:radial-gradient(circle at 34% 28%,#FFFFFF 0%,#BDF3FF 12%,var(--pole) 42%,#0B4B5A 78%,#03161B 100%);box-shadow:0 0 80px -10px var(--pole),inset -10px -14px 30px rgba(0,0,0,.45);animation:ia-respire 4s ease-in-out infinite}
@keyframes ia-respire{50%{scale:1.06}}

/* ---------- La preuve : l'équipe d'agents ---------- */
.ia-equipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ia-equipe li{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:20px;border:1px solid var(--w-filet);background:#0C0D11}
.ia-equipe__puce{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:50%;font-weight:700;color:#03161B;background:radial-gradient(circle at 34% 28%,#FFFFFF,var(--pole) 60%,#0B4B5A)}
.ia-equipe b{font-size:20px;font-weight:600}
.ia-equipe li > span:last-child{font-size:15px;color:var(--w-gris)}

/* ---------- Pour qui · Confiance ---------- */
.ia-publics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--w-filet)}
.ia-publics li{padding:32px clamp(20px,2.4vw,40px) 8px 0}
.ia-publics li + li{padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--w-filet)}
.ia-publics h3{margin:0 0 10px;font-size:clamp(22px,1.8vw,28px);font-weight:600}
.ia-publics p{margin:0;max-width:30ch;font-size:16px;line-height:1.55;color:var(--w-gris)}
.ia-confiance{list-style:none;margin:0;padding:0;border-top:1px solid var(--w-filet)}
.ia-confiance li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;padding:24px 0;border-bottom:1px solid var(--w-filet)}
.ia-confiance li::before{content:"";grid-row:span 2;width:20px;height:20px;margin-top:4px;border-radius:50%;border:1.5px solid var(--pole);background:radial-gradient(circle,var(--pole) 35%,transparent 40%)}
.ia-confiance h3{margin:0 0 6px;font-size:20px;font-weight:600}
.ia-confiance p{margin:0;font-size:16px;line-height:1.55;color:var(--w-gris)}

@media (max-width:1000px){
  .ia-semaine{height:auto}.ia-semaine__scene{position:relative;height:auto;padding:96px 0}
  .ia-semaine__grille{grid-template-columns:1fr}.ia-cascade{height:160px}
  .ia-offre,.ia-publics{grid-template-columns:1fr}.ia-offre:nth-child(even) .ia-offre__texte{order:0}
  .ia-publics li + li{padding-left:0;border-left:0;border-top:1px solid var(--w-filet)}
  .ia-equipe{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .ia-semaine{height:auto}.ia-semaine__scene{position:relative;height:auto;padding:96px 0}
  .ia-scene--flux i,.ia-scene--flux b::after,.ia-sphere{animation:none}
}
@media (max-width:600px){
  .ia-agenda{padding:14px}
  .ia-agenda__jours,.ia-agenda__taches,.ia-agenda__libre{gap:4px}
  .ia-agenda__taches{grid-template-rows:repeat(4,58px)}
  .ia-agenda__taches li{padding:0 6px;font-size:10.5px}
  .ia-agenda__libre{inset:auto 14px 14px 14px}
  .ia-agenda__libre li{font-size:13px;padding:10px}
}
.ia-offre{scroll-margin-top:110px}

/* =========================================================================
   EXPERTISE IA — version 2 (24/10, Raphaël : « les pages sur l'IA sont pas ouf »)
   1. Hero : à droite, une vraie démo — votre IA d'entreprise répond à l'équipe en citant vos documents.
   2. Signature : « la tâche, faite devant vous » — email, devis ou relance : la tâche entre, traverse la cascade
      de mercure, l'IA la traite étape par étape, elle ressort prête à valider.
   3. Les 4 offres : de grandes cartes sur une piste qui défile de côté au rythme de la page.
   ========================================================================= */

/* ---------- 1. La démo dans le hero ---------- */
.ia-hero{position:relative}
.ia-chat{position:absolute;z-index:3;right:var(--w-gouttiere,5vw);top:50%;width:min(31vw,460px);transform:translateY(-46%);display:flex;flex-direction:column;
  border-radius:24px;border:1px solid rgba(56,198,232,.28);background:rgba(8,14,18,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 80px -30px rgba(56,198,232,.45);font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ia-chat__tete{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(220,229,242,.08)}
.ia-chat__bille{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#38C6E8 55%,#0B4B5A);box-shadow:0 0 24px -4px #38C6E8;animation:ia-respire 4s ease-in-out infinite}
.ia-chat__tete p{margin:0;display:flex;flex-direction:column;font-size:14px;color:#F7FAFF}
.ia-chat__tete small{font-size:12px;color:rgba(220,229,242,.55)}
.ia-chat__tete em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(220,229,242,.4)}
.ia-chat__fil{display:flex;flex-direction:column;gap:10px;padding:18px;min-height:300px}
.ia-msg{margin:0;max-width:86%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.ia-msg small{display:block;margin-bottom:3px;font-size:11px;color:rgba(220,229,242,.5)}
.ia-msg--equipe{align-self:flex-end;background:#1B1E26;color:#E7E9EE;border-bottom-right-radius:4px}
.ia-msg--ia{align-self:flex-start;display:flex;flex-direction:column;gap:8px;background:rgba(56,198,232,.14);border:1px solid rgba(56,198,232,.3);color:#E7F8FD;border-bottom-left-radius:4px}
.ia-msg.est-la{opacity:1;transform:none}
.ia-msg__points{display:flex;gap:4px}.ia-msg__points i{width:6px;height:6px;border-radius:50%;background:#38C6E8;animation:ia-point 1s infinite}
.ia-msg__points i:nth-child(2){animation-delay:.15s}.ia-msg__points i:nth-child(3){animation-delay:.3s}
@keyframes ia-point{50%{opacity:.25;transform:translateY(-3px)}}
.ia-msg__texte,.ia-source{display:none}
.ia-msg.est-ecrit .ia-msg__points{display:none}
.ia-msg.est-ecrit .ia-msg__texte{display:block}
.ia-msg.est-ecrit .ia-source{display:inline-flex;align-self:flex-start;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(7,8,11,.6);font-size:11.5px;color:#9FE6F7;animation:ia-surgit .5s cubic-bezier(.3,1.4,.5,1)}
.ia-source::before{content:"";width:9px;height:11px;border-radius:2px;border:1.5px solid currentColor}
@keyframes ia-surgit{from{opacity:0;transform:scale(.8)}}
.ia-chat__saisie{display:flex;justify-content:space-between;align-items:center;margin:0 14px 14px;padding:12px 14px;border-radius:14px;background:#11141A;font-size:13.5px;color:rgba(220,229,242,.4)}
.ia-chat__saisie i{width:28px;height:28px;border-radius:50%;background:#38C6E8}
.ia-hero .hero__texte .chapeau,.ia-hero .hero__titre{max-width:min(46vw,640px)!important}

/* ---------- 2. La tâche, faite devant vous ---------- */
.ia-onglets{display:flex;flex-wrap:wrap;gap:8px}
.ia-onglets button{padding:11px 18px;border-radius:999px;border:1px solid var(--w-filet-fort);background:none;color:var(--w-gris);font:600 14.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.ia-onglets button:hover{color:#F7FAFF}
.ia-onglets button[aria-selected="true"]{background:var(--pole);border-color:var(--pole);color:#03161B}
.ia-atelier__scene{position:relative;min-height:clamp(420px,46vh,520px);margin-top:clamp(28px,3vw,48px);border-radius:28px;border:1px solid var(--w-filet);
  background:radial-gradient(60% 80% at 50% 0%,color-mix(in srgb,var(--pole) 10%,#0B0C10),#0A0B0E 70%);overflow:hidden}
.ia-atelier__cascade{position:absolute;left:50%;top:0;bottom:0;width:clamp(120px,12vw,200px);transform:translateX(-50%)}
.ia-atelier__cascade canvas{width:100%;height:100%}
.ia-atelier__taches{position:relative;height:100%}
.ia-tache{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,12vw,200px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px clamp(20px,2vw,40px);padding:clamp(24px,3vw,48px);opacity:0;pointer-events:none;transition:opacity .5s}
.ia-tache.est-la{opacity:1;pointer-events:auto}
.ia-carte{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:18px;font-size:15.5px;line-height:1.5;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s}
.ia-carte small{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.ia-carte p{margin:0}
.ia-carte--entree{grid-column:1;grid-row:1;background:#15171D;border:1px solid #262A34;color:#C9CED8}
.ia-carte--entree small{color:var(--w-gris-doux)}
.ia-carte--sortie{grid-column:3;grid-row:1;background:linear-gradient(150deg,color-mix(in srgb,var(--pole) 20%,#0B0F13),#0B0F13);border:1px solid color-mix(in srgb,var(--pole) 45%,transparent);color:#E7F8FD;opacity:0;transform:translateX(-40px) scale(.96)}
.ia-carte--sortie small{color:var(--pole)}
.ia-carte__valider{align-self:flex-start;margin-top:6px;padding:9px 16px;border-radius:999px;background:#F7FAFF;color:#0A0B0E;font-size:13px;font-weight:700}
.ia-tache.est-prete .ia-carte--sortie{opacity:1;transform:none}
.ia-tache.est-lancee .ia-carte--entree{transform:translateX(30px) scale(.94);opacity:.45}
.ia-etapes{grid-column:1 / -1;grid-row:2;align-self:end;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ia-etapes li{position:relative;padding:16px 16px 14px;border-radius:14px;border:1px solid var(--w-filet);background:rgba(10,11,14,.75);font-size:14.5px;line-height:1.4;color:rgba(220,229,242,.45);transition:color .4s,border-color .4s,background .4s}
.ia-etapes li span{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--w-gris-doux)}
.ia-etapes li::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:var(--pole);transform:scaleX(0);transform-origin:left;transition:transform 1.1s linear}
.ia-etapes li.est-faite{color:#F7FAFF;border-color:color-mix(in srgb,var(--pole) 40%,transparent)}
.ia-etapes li.est-faite span{color:var(--pole)}
.ia-etapes li.est-faite::after{transform:none}
.ia-atelier__fin{margin:28px 0 0;font-size:clamp(20px,1.7vw,28px);font-weight:500;letter-spacing:-.02em;color:#F7FAFF}

/* ---------- 3. Les offres sur une piste horizontale ---------- */
.ia-defile{position:relative;height:340vh}
.ia-defile__scene{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);overflow:hidden}
.ia-defile .w-entete{margin-bottom:0}
.ia-defile .ia-offres{flex-direction:row;gap:clamp(16px,2vw,32px);width:max-content;padding:0 var(--w-gouttiere,5vw);will-change:transform}
.ia-defile .ia-offre{flex:none;width:min(72vw,1100px);grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,3vw,56px);padding:clamp(28px,3vw,48px);border:1px solid var(--w-filet);border-top:1px solid var(--w-filet);border-radius:28px;
  background:linear-gradient(150deg,#0F1216,#0A0B0E 60%)}
.ia-defile .ia-offre:nth-child(even) .ia-offre__texte{order:0}
.ia-defile .ia-offre h3{font-size:clamp(30px,2.6vw,46px)}
.ia-defile .ia-scene{min-height:clamp(260px,34vh,380px)}

@media (max-width:1100px){
  .ia-chat{position:relative;right:auto;top:auto;transform:none;width:auto;margin:40px var(--w-gouttiere,5vw) 0}
  .ia-hero .hero__texte .chapeau,.ia-hero .hero__titre{max-width:none!important}
  .ia-defile{height:auto}.ia-defile__scene{position:relative;height:auto;padding:96px 0}
  .ia-defile .ia-offres{flex-direction:column;width:auto}
  .ia-defile .ia-offre{width:auto;grid-template-columns:1fr}
  .ia-tache{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .ia-atelier__cascade{display:none}
  .ia-carte--entree,.ia-carte--sortie{grid-column:1}.ia-carte--sortie{grid-row:2}.ia-etapes{grid-row:3;grid-template-columns:1fr 1fr}
  .ia-atelier__scene{min-height:0}.ia-tache{position:relative;display:none}.ia-tache.est-la{display:grid}
}
@media (prefers-reduced-motion:reduce){.ia-defile{height:auto}.ia-defile__scene{position:relative;height:auto;padding:96px 0}.ia-defile .ia-offres{flex-wrap:wrap;width:auto}}
.ia-offre__lien{display:inline-flex;gap:8px;margin-top:22px;padding:11px 18px;border-radius:999px;border:1px solid var(--w-filet-fort);font-size:14.5px;font-weight:600;color:#F7FAFF;text-decoration:none;transition:border-color .3s,background .3s}
.ia-offre__lien:hover{border-color:var(--pole);background:color-mix(in srgb,var(--pole) 14%,transparent)}