.ia-fen { position: relative; border-radius: 26px; background: linear-gradient(180deg, #16181cf2, #0b0c0ef7); border: 1px solid #ffffff1f; box-shadow: inset 0 1px 0 #ffffff17, 0 60px 100px -50px #000, 0 0 0 8px #ffffff05; }
.ia-fen-barre { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px 14px 18px; border-bottom: 1px solid #ffffff12; }
.ia-fen-nom { display: inline-flex; align-items: center; gap: 10px; font: 600 15px/1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.ia-loupe { flex: none; display: inline-block; width: 22px; height: 22px; background: linear-gradient(160deg, #fff 0%, #e3e6e9 30%, #8d9297 50%, #6d7277 58%, #d9dcdf 74%, #fff 100%); -webkit-mask: url("/shared/dn/logos/marque-loupe.svg") center / contain no-repeat; mask: url("/shared/dn/logos/marque-loupe.svg") center / contain no-repeat; }
.ia-modele { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 12px; border-radius: 999px; background: #ffffff0d; border: 1px solid #ffffff2e; color: #fff; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.ia-crans { position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 30px; height: 10px; }
.ia-crans::before { content: ""; position: absolute; left: 2px; right: 2px; top: 50%; height: 1.5px; translate: 0 -50%; background: #ffffff38; }
.ia-crans i { position: relative; width: 4px; height: 4px; border-radius: 50%; background: #ffffff73; }
.ia-crans b { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px #ffffffb3; }
.ia-fen-ctx { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 18px 0; }
.ia-puce { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 8px; border-radius: 999px; background: #ffffff08; border: 1px solid #ffffff1c; font-size: 12px; font-weight: 700; color: var(--dn-argent-2); white-space: nowrap; }
.ia-puce svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ia-puce-court { display: none; }
.ia-ichor { position: absolute; z-index: 4; pointer-events: none; filter: drop-shadow(0 18px 24px #000c); }
.ia-ichor > span { display: block; width: 100%; height: 100%; }

.ia-heros { overflow: clip; }
.ia-heros .p-heros-grille { --ia-w: clamp(500px, 41vw, 620px); }
.ia-sur { display: inline-flex; align-items: center; gap: 12px; }
.ia-bientot, .ia-ob-badge { padding: 7px 12px; border-radius: 999px; color: var(--dn-charbon); background: radial-gradient(120px circle at 30% 0%, #ffffffd9, transparent 60%), var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre); font: 700 12px/1 var(--dn-texte); letter-spacing: .1em; text-transform: uppercase; }

.ia-scene { position: relative; z-index: 1; display: grid; justify-items: center; width: var(--ia-w); margin: 0; }
.ia-sources { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; width: 100%; margin: 0; }
.ia-src { display: grid; justify-items: center; align-content: start; gap: 10px; padding: 14px 8px; border-radius: 18px; background: linear-gradient(180deg, #17191df2, #0d0e10f2); border: 1px solid #ffffff1f; box-shadow: inset 0 1px 0 #ffffff12, 0 24px 40px -28px #000; text-align: center; }
.ia-src-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: radial-gradient(90px circle at 30% 0%, #ffffffd9, transparent 60%), var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre), 0 0 22px -6px #ffffff80; }
.ia-src-ic svg { width: 20px; height: 20px; fill: none; stroke: var(--dn-charbon); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ia-src b { display: block; font: 600 14px/1.15 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.ia-src small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.3; color: var(--dn-argent-3); }

.ia-fils { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.ia-fil { fill: none; stroke: #ffffff5c; stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: calc(var(--L, 200) * 1px) calc(var(--L, 200) * 1px + 8px); stroke-dashoffset: 0; }
.ia-eclair { fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-dasharray: 28px calc(var(--L, 200) * 1px + 40px); stroke-dashoffset: 28px; opacity: 0; filter: drop-shadow(0 0 6px #ffffffb3); }

.ia-fen--heros { z-index: 2; display: flex; flex-direction: column; width: 88%; margin-top: 76px; }
.ia-fen--heros .ia-fen-ctx { order: -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: -25px 16px 0; padding: 0; }
.ia-fen--heros .ia-prise { display: grid; place-items: center; min-height: 50px; padding: 4px; border-radius: 16px; background: #0b0c0e; border: 1px solid #ffffffa6; box-shadow: 0 0 0 4px #0b0c0e, 0 0 26px -6px #ffffff73; }
.ia-fen--heros .ia-puce { padding: 7px 9px; border: 0; background: none; color: #fff; }
.ia-fen--heros .ia-puce-long { display: none; }
.ia-fen--heros .ia-puce-court { display: inline; }
.ia-fen--heros .ia-fen-barre { padding-top: 18px; }
.ia-fen--heros .ia-fen-corps { display: grid; gap: 14px; padding: 18px 20px 22px; }
.ia-etat { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 13px; font-weight: 700; color: var(--dn-argent-2); }
.ia-etat-point { position: relative; flex: none; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #ffffffb3; }
.ia-etat-avant { display: none; }
.ia-question { margin: 0; font: 600 clamp(20px, 1.6vw, 24px)/1.15 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.ia-idees { display: flex; flex-wrap: wrap; gap: 8px; }
.ia-idees li { padding: 9px 13px; border-radius: 14px; background: #ffffff0a; border: 1px solid #ffffff21; font-size: 13px; font-weight: 650; color: var(--dn-argent-1); }
.ia-saisie { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 0; padding: 6px 6px 6px 16px; border-radius: 999px; background: #ffffff08; border: 1px solid #ffffff24; font-size: 13px; color: var(--dn-argent-3); }
.ia-saisie i { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(60px circle at 30% 0%, #ffffffd9, transparent 60%), var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre); }
.ia-saisie i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -3px 0 0 -5px; border-left: 2px solid var(--dn-charbon); border-top: 2px solid var(--dn-charbon); rotate: 45deg; }
.ia-fen--heros .ia-ichor { right: -36px; bottom: -34px; width: 80px; height: 80px; }
.ia-pied { position: static; display: flex; align-items: center; gap: 14px; justify-self: start; min-height: 44px; margin-top: 30px; }

html.t-anime :is(.ia-scene:not(.e-1) .ia-src--1, .ia-scene:not(.e-2) .ia-src--2, .ia-scene:not(.e-3) .ia-src--3, .ia-scene:not(.e-4) .ia-src--4) { border-color: #ffffff12; box-shadow: none; }
html.t-anime :is(.ia-scene:not(.e-1) .ia-src--1, .ia-scene:not(.e-2) .ia-src--2, .ia-scene:not(.e-3) .ia-src--3, .ia-scene:not(.e-4) .ia-src--4) .ia-src-ic { background: #ffffff0d; box-shadow: inset 0 0 0 1px #ffffff2b; }
html.t-anime :is(.ia-scene:not(.e-1) .ia-src--1, .ia-scene:not(.e-2) .ia-src--2, .ia-scene:not(.e-3) .ia-src--3, .ia-scene:not(.e-4) .ia-src--4) .ia-src-ic svg { stroke: var(--dn-argent-2); }
html.t-anime :is(.ia-scene:not(.e-1) .ia-fil--1, .ia-scene:not(.e-2) .ia-fil--2, .ia-scene:not(.e-3) .ia-fil--3, .ia-scene:not(.e-4) .ia-fil--4) { stroke-dashoffset: calc(var(--L, 200) * 1px); }
html.t-anime :is(.ia-scene:not(.e-1) .ia-prise--1, .ia-scene:not(.e-2) .ia-prise--2, .ia-scene:not(.e-3) .ia-prise--3, .ia-scene:not(.e-4) .ia-prise--4) { border-color: #ffffff38; border-style: dashed; box-shadow: 0 0 0 4px #0b0c0e; }
html.t-anime :is(.ia-scene:not(.e-1) .ia-prise--1, .ia-scene:not(.e-2) .ia-prise--2, .ia-scene:not(.e-3) .ia-prise--3, .ia-scene:not(.e-4) .ia-prise--4) .ia-puce { opacity: 0; scale: .7; filter: blur(4px); }
html.t-anime .ia-scene .ia-src, html.t-anime .ia-scene .ia-src-ic { transition: border-color .4s ease, box-shadow .5s ease, background .4s ease; }
html.t-anime .ia-scene .ia-src-ic svg { transition: stroke .3s ease; }
html.t-anime .ia-scene .ia-fil { transition: stroke-dashoffset .62s cubic-bezier(.55, 0, .25, 1) .1s; }
html.t-anime .ia-scene .ia-prise { transition: border-color .3s ease .66s, box-shadow .5s ease .66s; }
html.t-anime .ia-scene .ia-prise .ia-puce { transition: opacity .35s ease .7s, scale .55s var(--dn-ressort) .7s, filter .35s ease .7s; }
html.t-anime :is(.ia-scene.is-pret.e-1 .ia-eclair--1, .ia-scene.is-pret.e-2 .ia-eclair--2, .ia-scene.is-pret.e-3 .ia-eclair--3, .ia-scene.is-pret.e-4 .ia-eclair--4) { animation: ia-eclair .72s cubic-bezier(.5, 0, .3, 1) .12s both; }
@keyframes ia-eclair { 0% { opacity: 1; stroke-dashoffset: 28px; } 82% { opacity: 1; } 100% { opacity: 0; stroke-dashoffset: calc(var(--L, 200) * -1px); } }
html.t-anime :is(.ia-scene.is-pret.e-1 .ia-prise--1, .ia-scene.is-pret.e-2 .ia-prise--2, .ia-scene.is-pret.e-3 .ia-prise--3, .ia-scene.is-pret.e-4 .ia-prise--4) { animation: ia-branche .8s ease-out .68s both; }
@keyframes ia-branche { 0% { box-shadow: 0 0 0 4px #0b0c0e, 0 0 0 4px #ffffff00; } 30% { box-shadow: 0 0 0 4px #0b0c0e, 0 0 0 9px #ffffff59, 0 0 40px 0 #ffffffa6; } 100% { box-shadow: 0 0 0 4px #0b0c0e, 0 0 26px -6px #ffffff73; } }
html.t-anime .ia-scene:not(.e-5) .ia-modele { border-color: #ffffff1a; }
html.t-anime .ia-scene:not(.e-5) .ia-crans b { left: 2px; background: #ffffff8c; box-shadow: none; }
html.t-anime .ia-scene .ia-modele { transition: border-color .4s ease .5s; }
html.t-anime .ia-scene.is-pret.e-5 .ia-crans b { animation: ia-cran 1s var(--dn-glisse) both; }
@keyframes ia-cran { 0% { left: 2px; background: #ffffff8c; } 55% { left: calc(100% - 2px); } 100% { left: 50%; background: #fff; } }
html.t-anime .ia-scene:not(.e-6) .ia-etat-avant { display: inline; }
html.t-anime .ia-scene:not(.e-6) .ia-etat-pret { display: none; }
html.t-anime .ia-scene:not(.e-6) .ia-etat-point { background: none; box-shadow: inset 0 0 0 1.5px #ffffffb3; }
html.t-anime .ia-scene:not(.e-6) .ia-etat-point::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 5px solid #ffffff1f; opacity: 0; animation: ia-pouls 1.1s ease-in-out infinite; }
@keyframes ia-pouls { 50% { opacity: 1; } }
html.t-anime .ia-scene:not(.e-6) :is(.ia-question, .ia-idees li, .ia-saisie) { opacity: 0; translate: 0 12px; }
html.t-anime .ia-scene :is(.ia-question, .ia-idees li, .ia-saisie) { transition: opacity .5s ease, translate .7s var(--dn-levee); }
html.t-anime .ia-scene.e-6 .ia-idees li { transition-delay: calc(.2s + var(--k, 0) * .09s); }
html.t-anime .ia-scene.e-6 .ia-saisie { transition-delay: .5s; }
html.t-anime .ia-scene.is-cale, html.t-anime .ia-scene.is-cale * { transition: none !important; animation: none !important; }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  .ia-scene:not(.is-pret) { opacity: 0; animation: p-secours .4s ease 3s forwards; }
}
html.t-anime .ia-scene { transition: opacity .6s ease, translate .9s var(--dn-glisse); }
html.t-anime .ia-scene:not(.is-pret) { translate: 0 22px; }

@media (max-width: 1099.98px) {
  .ia-heros .p-heros-grille { --ia-w: min(100%, 620px); }
}
@media (max-width: 699.98px) {
  .ia-heros { padding-top: 96px; }
  .ia-heros .p-heros-grille { padding-inline: var(--v-g); gap: 44px; }
  .ia-heros .p-heros-texte { margin-top: 0; padding-inline: 0; }
  .ia-sources { gap: 6px; }
  .ia-src { padding: 10px 4px 12px; gap: 8px; border-radius: 14px; }
  .ia-src-ic { width: 34px; height: 34px; border-radius: 10px; }
  .ia-src-ic svg { width: 17px; height: 17px; }
  .ia-src b { font-size: 12px; letter-spacing: -.02em; }
  .ia-src small { display: none; }
  .ia-fen--heros { width: 100%; margin-top: 64px; }
  .ia-fen--heros .ia-fen-ctx { gap: 6px; margin-inline: 10px; }
  .ia-fen--heros .ia-prise { min-height: 46px; padding: 2px; border-radius: 13px; }
  .ia-fen--heros .ia-puce { flex-direction: column; gap: 3px; padding: 4px 2px; }
  .ia-fen--heros .ia-fen-barre { padding: 18px 12px 12px 14px; }
  .ia-modele { padding: 7px 11px 7px 10px; }
  .ia-fen--heros .ia-fen-corps { padding: 16px 16px 20px; }
  .ia-fen--heros .ia-ichor { right: -8px; bottom: -42px; scale: .8; transform-origin: 100% 100%; }
  .ia-pied { margin-top: 40px; }
  .ia-pied .p-rejouer { width: auto; padding: 0 16px 0 13px; }
  .ia-pied .p-rejouer-mot { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

.ia-atouts-titre { text-align: left; }
.ia-atouts-l { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); margin-top: 28px; }
.ia-atout { display: grid; align-content: start; gap: 10px; padding: 22px 22px 24px; border-radius: 22px; background: linear-gradient(180deg, #ffffff0a, #ffffff03); border: 1px solid #ffffff14; }
.ia-atout h3 { margin: 6px 0 0; font: 600 19px/1.15 var(--dn-titre); letter-spacing: -.035em; color: #fff; }
.ia-atout p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--dn-argent-2); }
.ia-at-ic { position: relative; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--dn-satin-fond, #121417); border: 1px solid #ffffff24; box-shadow: inset 0 1px 0 #ffffff17; }
.ia-at-ctx { position: relative; width: 30px; height: 30px; }
.ia-at-ctx b { position: absolute; inset: 8px; border-radius: 4px; background: #fff; box-shadow: 0 0 12px #ffffffb3; }
.ia-at-ctx i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--dn-argent-1); }
.ia-at-ctx i:nth-child(1) { left: 0; top: 0; } .ia-at-ctx i:nth-child(2) { right: 0; top: 0; } .ia-at-ctx i:nth-child(3) { left: 0; bottom: 0; } .ia-at-ctx i:nth-child(4) { right: 0; bottom: 0; }
.ia-at-crans { scale: 1.3; }
.ia-at-long svg { width: 34px; height: 34px; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ia-at-long circle { stroke: #ffffff2e; stroke-width: 2.2; }
.ia-at-long .ia-at-arc { stroke: #fff; stroke-dasharray: 88 88; transform-origin: 18px 18px; rotate: -90deg; }
.ia-at-long .ia-at-coche { stroke: #fff; stroke-width: 2.4; stroke-dasharray: 17 17; }
.ia-at-accord { position: relative; display: grid; place-items: center; }
.ia-at-accord b { display: grid; place-items: center; width: 36px; height: 24px; border-radius: 999px; background: #f4f6f8; box-shadow: 0 0 14px #ffffff59; }
.ia-at-accord svg { width: 15px; height: 15px; fill: none; stroke: var(--dn-charbon); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ia-at-accord i { position: absolute; right: -6px; bottom: -9px; width: 14px; height: 14px; border-radius: 50%; background: #ffffff4d; border: 1.5px solid #fff; opacity: 0; }
html.t-anime .ia-atouts-l:not(.is-vu) .ia-atout { opacity: 0; translate: 0 24px; }
html.t-anime .ia-atouts-l .ia-atout { transition: opacity .6s ease calc(var(--i, 0) * .1s), translate .8s var(--dn-levee) calc(var(--i, 0) * .1s); }
html.t-anime .ia-atouts-l.is-vu .ia-at-ctx i:nth-child(1) { animation: ia-at-a 1.4s var(--dn-glisse) .35s both; }
html.t-anime .ia-atouts-l.is-vu .ia-at-ctx i:nth-child(2) { animation: ia-at-b 1.4s var(--dn-glisse) .45s both; }
html.t-anime .ia-atouts-l.is-vu .ia-at-ctx i:nth-child(3) { animation: ia-at-c 1.4s var(--dn-glisse) .55s both; }
html.t-anime .ia-atouts-l.is-vu .ia-at-ctx i:nth-child(4) { animation: ia-at-d 1.4s var(--dn-glisse) .65s both; }
@keyframes ia-at-a { 0% { translate: -6px -6px; opacity: 0; } 50% { translate: 10px 10px; opacity: 1; } 100% { translate: 0 0; } }
@keyframes ia-at-b { 0% { translate: 6px -6px; opacity: 0; } 50% { translate: -10px 10px; opacity: 1; } 100% { translate: 0 0; } }
@keyframes ia-at-c { 0% { translate: -6px 6px; opacity: 0; } 50% { translate: 10px -10px; opacity: 1; } 100% { translate: 0 0; } }
@keyframes ia-at-d { 0% { translate: 6px 6px; opacity: 0; } 50% { translate: -10px -10px; opacity: 1; } 100% { translate: 0 0; } }
html.t-anime .ia-atouts-l.is-vu .ia-at-ctx b { animation: ia-at-prise 1.4s ease .5s both; }
@keyframes ia-at-prise { 0%, 45% { background: #ffffff26; box-shadow: none; scale: .8; } 70% { scale: 1.12; } 100% { background: #fff; box-shadow: 0 0 12px #ffffffb3; scale: 1; } }
html.t-anime .ia-atouts-l.is-vu .ia-at-crans b { animation: ia-cran 1.2s var(--dn-glisse) .45s both; }
html.t-anime .ia-atouts-l.is-vu .ia-at-long .ia-at-arc { animation: ia-at-tourne 1.6s cubic-bezier(.5, 0, .3, 1) .4s both; }
@keyframes ia-at-tourne { 0% { stroke-dasharray: 18 88; rotate: -90deg; } 70% { stroke-dasharray: 40 88; rotate: 520deg; } 100% { stroke-dasharray: 88 88; rotate: 630deg; } }
html.t-anime .ia-atouts-l.is-vu .ia-at-long .ia-at-coche { animation: ia-at-trace .5s ease 1.95s both; }
@keyframes ia-at-trace { from { stroke-dashoffset: 17; } to { stroke-dashoffset: 0; } }
html.t-anime .ia-atouts-l.is-vu .ia-at-accord i { animation: ia-at-doigt 1.1s ease .7s both; }
html.t-anime .ia-atouts-l.is-vu .ia-at-accord b { animation: ia-appui .5s var(--dn-ressort) 1.2s both; }
@keyframes ia-at-doigt { 0% { opacity: 0; translate: 10px 12px; } 45% { opacity: 1; translate: 0 0; scale: 1; } 60% { scale: .8; } 100% { opacity: 0; scale: 1; } }
@keyframes ia-appui { 0% { scale: 1; } 40% { scale: .9; } 100% { scale: 1; } }
@media (max-width: 1099.98px) { .ia-atouts-l { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 619.98px) { .ia-atouts-l { grid-template-columns: minmax(0, 1fr); } .ia-atout { grid-template-columns: 56px minmax(0, 1fr); column-gap: 16px; padding: 18px; } .ia-at-ic { grid-row: 1 / 3; } .ia-atout h3 { margin: 4px 0 0; } }

.ia-taches-tete { max-width: 760px; }
.ia-taches-chapo { margin-top: 22px; }
.ia-taches-grille { display: grid; grid-template-columns: minmax(280px, 400px) minmax(0, 620px); justify-content: space-between; align-items: start; gap: clamp(32px, 5vw, 88px); margin-top: clamp(40px, 5vw, 64px); }
.ia-demandes-col { position: relative; }
.ia-demandes { position: relative; z-index: 1; display: grid; gap: 10px; }
.ia-demande { position: relative; display: grid; gap: 8px; width: 100%; min-height: 44px; padding: 18px 20px 18px 22px; border-radius: 20px; border: 1px solid #ffffff14; background: #ffffff05; color: var(--dn-argent-2); font: inherit; text-align: left; cursor: pointer; transition: border-color .25s ease, color .25s ease, background .25s ease; }
.ia-demande:hover { border-color: #ffffff33; color: var(--dn-argent-1); }
.ia-demande:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.ia-demande-n { font: 600 12px/1 var(--dn-texte); letter-spacing: .08em; color: var(--dn-argent-3); }
.ia-demande-q { font: 500 17px/1.32 var(--dn-titre); letter-spacing: -.025em; }
.ia-demande-sort { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--dn-argent-3); }
.ia-demande-sort::before { content: ""; width: 14px; height: 1.5px; background: currentColor; }
.ia-demande[aria-selected="true"] { border-color: #ffffff47; background: #ffffff0d; color: #fff; }
.ia-demande[aria-selected="true"] .ia-demande-sort { color: var(--dn-argent-1); }
.ia-lentille { position: absolute; z-index: 2; left: 0; top: 0; width: 3px; height: var(--lh, 0px); border-radius: 3px; translate: -10px var(--ly, 0px); background: linear-gradient(180deg, #fff, #9aa0a6 50%, #fff); box-shadow: 0 0 14px #ffffffa6; opacity: 0; pointer-events: none; }
.ia-taches.is-onglets .ia-lentille { opacity: 1; }
html.t-anime .ia-lentille { transition: translate .55s var(--dn-glisse), height .55s var(--dn-glisse), opacity .3s ease; }
.ia-demandes-note { margin: 18px 0 0; padding-left: 22px; font-size: 13px; line-height: 1.5; color: var(--dn-argent-3); }
html:not(.v-pret) .ia-demandes, html:not(.v-pret) .ia-lentille { display: none; }

.ia-taches-scene { position: relative; display: grid; gap: 18px; }
.ia-fen--taches .ia-fen-ctx { padding-bottom: 2px; }
.ia-fen--taches .ia-ichor { top: -54px; right: 26px; width: 72px; height: 72px; }
.ia-panneaux { padding: 18px 18px 20px; }
.ia-panneau + .ia-panneau { margin-top: 28px; padding-top: 28px; border-top: 1px solid #ffffff12; }
.ia-taches.is-onglets .ia-panneaux { display: grid; }
.ia-taches.is-onglets .ia-panneau { grid-area: 1 / 1; margin: 0; padding: 0; border: 0; }
.ia-taches.is-onglets .ia-panneau.is-cache { visibility: hidden; }
.ia-taches.is-onglets .ia-panneau.is-cache, .ia-taches.is-onglets .ia-panneau.is-cache * { transition: none !important; }
.ia-panneau { display: grid; gap: 14px; align-content: start; }
.ia-moi { display: flex; justify-content: flex-end; margin: 0; }
.ia-moi span { max-width: 86%; padding: 13px 18px; border-radius: 22px 22px 6px 22px; background: var(--dn-acier-brosse); color: var(--dn-charbon); font-size: 15px; font-weight: 700; line-height: 1.4; box-shadow: var(--dn-acier-ombre), 0 14px 24px -14px #000; }
.ia-pas { display: grid; gap: 9px; }
.ia-pas li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--dn-argent-2); }
.ia-pas li > i { position: relative; flex: none; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.ia-pas li > i::after { content: ""; position: absolute; left: 5px; top: 5px; width: 7px; height: 4px; border-left: 2px solid var(--dn-charbon); border-bottom: 2px solid var(--dn-charbon); rotate: -45deg; }
.ia-travaille { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--dn-argent-3); }
.ia-travaille i { position: relative; flex: 1; height: 3px; border-radius: 3px; background: #ffffff14; overflow: hidden; }
.ia-travaille i::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #ffffff80, #fff); transform-origin: 0 50%; scale: var(--p, 1) 1; }
.ia-travaille::after { content: "Terminé"; order: -1; flex: none; }
.ia-panneau.is-travaille .ia-travaille::after { content: "Elle travaille pendant que tu sources"; }
html.t-anime .ia-travaille i::after { transition: scale .9s var(--dn-glisse); }
html.t-anime .ia-panneau.is-travaille .ia-travaille i::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 40%; background: linear-gradient(90deg, transparent, #ffffffcc, transparent); animation: ia-file 1.1s linear infinite; }
@keyframes ia-file { from { translate: -100% 0; } to { translate: 260% 0; } }

.ia-res { position: relative; display: grid; gap: 10px; padding: 14px; border-radius: 20px; background: #0b0c0e; border: 1px solid #ffffff2e; box-shadow: inset 0 1px 0 #ffffff12, 0 0 0 5px #ffffff06; overflow: hidden; }
.ia-res::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; background: linear-gradient(105deg, transparent 35%, #ffffff2e 48%, #ffffff59 50%, #ffffff2e 52%, transparent 65%) -150% 0 / 70% 100% no-repeat; }
.ia-res > * { position: relative; z-index: 1; }
.ia-res-t { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0; }
.ia-res-t b { font: 600 16px/1.1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.ia-res-t span { font-size: 12px; font-weight: 700; color: var(--dn-argent-3); }
.ia-chg { display: grid; gap: 6px; }
.ia-chg-l { position: relative; display: grid; grid-template-columns: 22px 40px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 54px; padding: 7px 10px 7px 10px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; cursor: pointer; transition: background .2s ease, border-color .2s ease, opacity .3s ease; }
.ia-chg-l:hover { border-color: #ffffff33; }
.ia-case { position: absolute; left: 10px; top: 50%; width: 22px; height: 22px; margin: -11px 0 0; opacity: 0; cursor: pointer; }
.ia-case-v { position: relative; width: 22px; height: 22px; border-radius: 7px; background: #f4f6f8; box-shadow: 0 0 12px #ffffff40; transition: background .2s ease, box-shadow .2s ease; }
.ia-case-v::after { content: ""; position: absolute; left: 6px; top: 6px; width: 9px; height: 5px; border-left: 2.2px solid var(--dn-charbon); border-bottom: 2.2px solid var(--dn-charbon); rotate: -45deg; transition: opacity .15s ease, scale .25s var(--dn-ressort); }
.ia-case:not(:checked) + .ia-case-v { background: transparent; box-shadow: inset 0 0 0 1.5px #ffffff73; }
.ia-case:not(:checked) + .ia-case-v::after { opacity: 0; scale: .4; }
.ia-case:focus-visible + .ia-case-v { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.ia-chg-l:has(.ia-case:not(:checked)) { background: transparent; border-style: dashed; }
.ia-chg-l:has(.ia-case:not(:checked)) .ia-chg-nom, .ia-chg-l:has(.ia-case:not(:checked)) img { opacity: .55; }
.ia-chg-l img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.ia-chg-nom { min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.2; color: #fff; }
.ia-chg-nom small { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-chg-b { display: grid; justify-items: end; perspective: 400px; }
.ia-chg-b > span { grid-area: 1 / 1; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; backface-visibility: hidden; }
.ia-chg-avant { background: #ffffff14; border: 1px solid #ffffff2e; color: #fff; }
.ia-chg-fait { display: inline-flex; align-items: center; gap: 6px; background: #f4f6f8; color: var(--dn-charbon); box-shadow: 0 0 16px #ffffff4d; }
.ia-chg-fait::before { content: ""; width: 8px; height: 4px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; rotate: -45deg; translate: 0 -1px; }
.ia-chg-garde { border: 1px dashed #ffffff40; color: var(--dn-argent-3); }
.ia-chg-fait, .ia-chg-garde { visibility: hidden; opacity: 0; transform: rotateX(-90deg); }
.ia-valider.is-valide .ia-chg-avant { visibility: hidden; opacity: 0; transform: rotateX(90deg); }
.ia-valider.is-valide li:not(.is-garde) .ia-chg-fait, .ia-valider.is-valide li.is-garde .ia-chg-garde { visibility: inherit; opacity: 1; transform: none; }
.ia-valider.is-valide .ia-chg-l { cursor: default; }
.ia-valider.is-valide .ia-case { pointer-events: none; }
.ia-res-pied { display: grid; }
.ia-res-pied > * { grid-area: 1 / 1; }
.ia-boutons { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 4px 0 0; }
.ia-oui { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border: 0; border-radius: 999px; color: var(--dn-charbon); background: radial-gradient(160px circle at 30% 0%, #ffffffd9, transparent 60%), var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre), 0 12px 24px -12px #000; text-shadow: 0 1px 0 #ffffffa6; font: 800 14px/1 var(--dn-texte); letter-spacing: .02em; cursor: pointer; }
.ia-oui .dn-num { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--dn-charbon); color: #fff; text-shadow: none; font-size: 12px; }
.ia-oui:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.ia-oui:disabled { cursor: default; opacity: .55; }
.ia-indice { font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-recu { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 4px 0 0; font-size: 13px; font-weight: 700; color: #fff; visibility: hidden; opacity: 0; }
.ia-recu:not(:empty)::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 50%; background: #f4f6f8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m6.5 11.2 3 3 6-6.4' fill='none' stroke='%230b0c0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat; box-shadow: 0 0 16px #ffffff66; }
.ia-valider.is-valide .ia-boutons { visibility: hidden; opacity: 0; }
.ia-valider.is-valide .ia-recu { visibility: inherit; opacity: 1; }
.ia-doc-t { display: flex; align-items: center; gap: 12px; margin: 0; }
.ia-doc-ic { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #ffffff0d; border: 1px solid #ffffff2e; }
.ia-doc-ic svg { width: 21px; height: 21px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ia-doc-t b { display: block; font: 600 15px/1.15 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.ia-doc-t small { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-table { width: 100%; border-collapse: separate; border-spacing: 0 4px; font-size: 13px; }
.ia-table th, .ia-table td { padding: 8px 8px; text-align: left; white-space: nowrap; }
.ia-table thead th { padding-block: 2px; font-size: 12px; font-weight: 700; color: var(--dn-argent-3); }
.ia-table thead small { font-size: 12px; font-weight: 600; }
.ia-table thead th:last-child { text-align: right; }
.ia-table tbody tr { background: #ffffff08; }
.ia-table tbody th { border-radius: 10px 0 0 10px; font-weight: 700; color: #fff; white-space: normal; }
.ia-table tbody td:last-child { border-radius: 0 10px 10px 0; text-align: right; }
.ia-table td.dn-num { color: var(--dn-argent-1); }
.ia-verdict { display: inline-block; padding: 5px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .02em; border: 1px solid #ffffff2e; color: var(--dn-argent-1); }
.ia-verdict--or { position: relative; overflow: hidden; border-color: var(--dn-or-lumiere); color: transparent; background: var(--dn-or-reflet); -webkit-background-clip: text; background-clip: text; box-shadow: 0 0 18px -4px var(--dn-or-lueur); }
.ia-verdict--bon { background: #f4f6f8; color: var(--dn-charbon); border-color: transparent; }
.ia-verdict--cher { border-style: dashed; color: var(--dn-argent-3); }
.ia-doc-plus { margin: 0; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-page-barre { display: flex; align-items: center; gap: 5px; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ffffff12; }
.ia-page-barre i { width: 7px; height: 7px; border-radius: 50%; background: #ffffff38; }
.ia-page-barre span { margin-left: 8px; font-size: 12px; font-weight: 700; color: var(--dn-argent-3); }
.ia-page-t { margin: 0; }
.ia-page-t b { display: block; font: 600 17px/1.15 var(--dn-titre); letter-spacing: -.035em; color: #fff; }
.ia-page-t small { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-page-l { display: grid; gap: 6px; }
.ia-page-l li { display: grid; grid-template-columns: 18px 40px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 7px 12px 7px 8px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; }
.ia-page-n { font-size: 13px; font-weight: 700; color: var(--dn-argent-3); text-align: center; }
.ia-page-l img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.ia-page-nom { min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.2; color: #fff; }
.ia-page-nom small { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.ia-page-l b { font-size: 12px; font-weight: 700; color: var(--dn-argent-1); white-space: nowrap; }

.ia-taches-pied { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0; min-height: 44px; }
.ia-rejouer[hidden] { display: none; }

html.t-anime .ia-panneau.is-anime:not(.is-demande) .ia-moi span { opacity: 0; translate: 14px 10px; scale: .94; }
html.t-anime .ia-panneau.is-anime .ia-moi span { transform-origin: 100% 100%; transition: opacity .4s ease, translate .6s var(--dn-ressort), scale .6s var(--dn-ressort); }
html.t-anime .ia-panneau.is-anime .ia-pas li:not(.is-en-cours, .is-fait) { opacity: 0; translate: 0 8px; }
html.t-anime .ia-panneau.is-anime .ia-pas li { transition: opacity .4s ease, translate .5s var(--dn-levee), color .3s ease; }
html.t-anime .ia-panneau.is-anime .ia-pas li.is-en-cours:not(.is-fait) { color: #fff; }
html.t-anime .ia-panneau.is-anime .ia-pas li.is-en-cours:not(.is-fait) > i { background: conic-gradient(#fff 0 28%, #ffffff26 28%); animation: ia-tourne .8s linear infinite; }
html.t-anime .ia-panneau.is-anime .ia-pas li.is-en-cours:not(.is-fait) > i::after { opacity: 0; }
html.t-anime .ia-panneau.is-anime .ia-pas li.is-fait > i { animation: ia-coche .45s var(--dn-ressort) both; }
@keyframes ia-tourne { to { rotate: 1turn; } }
@keyframes ia-coche { 0% { scale: .5; box-shadow: 0 0 0 0 #ffffff80; } 60% { scale: 1.18; box-shadow: 0 0 0 6px #ffffff00; } 100% { scale: 1; } }
html.t-anime .ia-panneau.is-anime:not(.is-resultat) .ia-res { opacity: 0; translate: 0 22px; scale: .97; visibility: hidden; }
html.t-anime .ia-panneau.is-anime .ia-res { transition: opacity .5s ease, translate .8s var(--dn-levee), scale .8s var(--dn-levee); }
html.t-anime .ia-panneau.is-anime.is-resultat .ia-res::before { animation: ia-balaie 1.1s var(--dn-glisse) .25s both; }
@keyframes ia-balaie { 0% { opacity: 1; background-position: -150% 0; } 100% { opacity: 1; background-position: 260% 0; } }
html.t-anime .ia-panneau.is-anime:not(.is-resultat) :is(.ia-chg li, .ia-table tbody tr, .ia-page-l li) { opacity: 0; translate: 0 10px; }
html.t-anime .ia-panneau.is-anime :is(.ia-chg li, .ia-table tbody tr, .ia-page-l li) { transition: opacity .4s ease calc(.25s + var(--k, 0) * .12s), translate .6s var(--dn-levee) calc(.25s + var(--k, 0) * .12s); }
html.t-anime .ia-panneau.is-anime.is-resultat .ia-verdict--or { animation: ia-or 1.2s ease .9s both; }
@keyframes ia-or { 0% { box-shadow: 0 0 0 0 transparent; } 40% { box-shadow: 0 0 0 5px #f0c86a33, 0 0 30px 0 var(--dn-or-lueur); } 100% { box-shadow: 0 0 18px -4px var(--dn-or-lueur); } }
.ia-oui { position: relative; }
.ia-oui::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 7px #ffffff1f, 0 0 34px -4px #ffffff73; opacity: 0; pointer-events: none; }
html.t-anime .ia-valider.is-attend:not(.is-valide) .ia-oui::after { animation: ia-attend 2.2s ease-in-out infinite; }
@keyframes ia-attend { 50% { opacity: 1; } }
html.t-anime .ia-valider .ia-chg-b > span { transition: opacity .3s ease calc(.15s + var(--k, 0) * .18s), transform .55s var(--dn-ressort) calc(.15s + var(--k, 0) * .18s), visibility 0s linear calc(.15s + var(--k, 0) * .18s); }
html.t-anime .ia-valider.is-valide .ia-chg-l { animation: ia-pose .7s var(--dn-ressort) calc(.1s + var(--k, 0) * .18s) both; }
@keyframes ia-pose { 0% { scale: 1; } 30% { scale: .97; border-color: #ffffff8c; background: #ffffff14; } 100% { scale: 1; } }
html.t-anime .ia-panneau.is-anime .ia-valider.is-valide::before { background-image: linear-gradient(180deg, transparent 35%, #ffffff26 48%, #ffffff4d 50%, #ffffff26 52%, transparent 65%); background-size: 100% 70%; animation: ia-descend 1s var(--dn-glisse) both; }
@keyframes ia-descend { 0% { opacity: 1; background-position: 0 -150%; } 90% { opacity: 1; } 100% { opacity: 0; background-position: 0 260%; } }
html.t-anime .ia-valider .ia-boutons, html.t-anime .ia-valider .ia-recu { transition: opacity .35s ease, visibility 0s linear .35s; }
html.t-anime .ia-valider.is-valide .ia-recu { transition: opacity .45s ease .75s, visibility 0s linear .75s; }
html.t-anime .ia-taches .is-cale, html.t-anime .ia-taches .is-cale * { transition: none !important; animation: none !important; }

@media (max-width: 999.98px) {
  .ia-taches-grille { grid-template-columns: minmax(0, 1fr); justify-content: stretch; }
  .ia-taches-scene { max-width: 620px; }
}
@media (max-width: 699.98px) {
  .ia-demande { padding: 14px 16px 14px 18px; border-radius: 18px; }
  .ia-demande-q { font-size: 15px; }
  .ia-demandes-note { padding-left: 0; }
  .ia-panneaux { padding: 14px 12px 16px; }
  .ia-fen--taches .ia-fen-barre { padding: 12px 12px 12px 14px; }
  .ia-fen--taches .ia-fen-ctx { padding-inline: 12px; }
  .ia-fen--taches .ia-ichor { right: 14px; top: -48px; scale: .85; transform-origin: 100% 100%; }
  .ia-res { padding: 10px; }
  .ia-chg-l { grid-template-columns: 22px 36px minmax(0, 1fr); row-gap: 6px; padding: 8px 10px; }
  .ia-chg-l img { width: 36px; height: 36px; }
  .ia-chg-b { grid-column: 3; justify-items: start; }
  .ia-table { font-size: 12px; }
  .ia-table th, .ia-table td { padding: 7px 5px; }
  .ia-table thead small { display: block; }
  .ia-page-l li { grid-template-columns: 14px 36px minmax(0, 1fr); row-gap: 4px; }
  .ia-page-l img { width: 36px; height: 36px; }
  .ia-page-l b { grid-column: 3; }
  .ia-taches-pied { flex-wrap: wrap; }
  .ia-taches-pied .p-rejouer { width: auto; padding: 0 16px 0 13px; white-space: nowrap; }
}

.ia-relais-tete { max-width: 760px; }
.ia-relais-tete .v-chapo { margin-top: 22px; }
.ia-duo { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); align-items: stretch; margin-top: clamp(36px, 5vw, 60px); }
.ia-duo-c { display: grid; align-content: start; gap: 14px; padding: clamp(22px, 2.6vw, 34px); border-radius: 26px; }
.ia-duo-c--cop { background: radial-gradient(120% 90% at 0% 0%, #ffffff17, transparent 60%), linear-gradient(180deg, #17191d, #0d0e10); border: 1px solid #ffffff3d; box-shadow: inset 0 1px 0 #ffffff1f, 0 40px 80px -50px #000; }
.ia-duo-c--ia { background: #ffffff05; border: 1px dashed #ffffff33; }
.ia-duo-etat { display: inline-flex; align-items: center; gap: 9px; margin: 0; font: 700 12px/1 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-1); }
.ia-duo-etat i { width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #ffffffcc; }
.ia-duo-etat--bientot i { background: none; box-shadow: inset 0 0 0 1.5px var(--dn-argent-2); }
.ia-duo-c h3 { margin: 0; font: 600 clamp(26px, 2.6vw, 36px)/1 var(--dn-titre); letter-spacing: -.05em; color: #fff; }
.ia-duo-l { display: grid; margin: 4px 0 0; border-top: 1px solid #ffffff14; }
.ia-duo-l > div { display: grid; grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid #ffffff14; }
.ia-duo-l dt { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dn-argent-3); padding-top: 2px; }
.ia-duo-l dd { margin: 0; font-size: 15px; line-height: 1.45; color: var(--dn-argent-1); }
.ia-duo-c--ia .ia-duo-l dd { color: var(--dn-argent-2); }
.ia-duo-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 10px 0 0; }
.ia-duo-lien { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; color: var(--dn-argent-1); text-underline-offset: 4px; }
.ia-duo-lien:hover { color: #fff; text-decoration: underline; }
.ia-duo-relais { position: relative; align-self: center; height: 2px; margin-inline: -1px; background: linear-gradient(90deg, #ffffff59, #ffffff1a); }
.ia-duo-relais i { position: absolute; top: 50%; left: 0; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: radial-gradient(circle, #fff 0 25%, #ffffff66 40%, transparent 70%); opacity: 0; }
html.t-anime .ia-duo:not(.is-vu) .ia-duo-l > div { opacity: 0; translate: 0 10px; }
html.t-anime .ia-duo .ia-duo-l > div { transition: opacity .5s ease calc(.15s + var(--k, 0) * .08s), translate .7s var(--dn-levee) calc(.15s + var(--k, 0) * .08s); }
html.t-anime .ia-duo:not(.is-vu) .ia-duo-c--ia .ia-duo-l > div { transition-delay: 0s; }
html.t-anime .ia-duo.is-vu .ia-duo-c--ia .ia-duo-l > div { transition-delay: calc(.95s + var(--k, 0) * .08s); }
html.t-anime .ia-duo.is-vu .ia-duo-relais i { animation: ia-relais .9s cubic-bezier(.5, 0, .3, 1) .55s both; }
@keyframes ia-relais { 0% { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
html.t-anime .ia-duo.is-vu .ia-duo-c--ia { animation: ia-recoit 1.2s ease 1.3s both; }
@keyframes ia-recoit { 0% { border-color: #ffffff33; } 30% { border-color: #ffffffb3; box-shadow: 0 0 40px -10px #ffffff59; } 100% { border-color: #ffffff33; } }
@media (max-width: 899.98px) {
  .ia-duo { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 44px auto; }
  .ia-duo-relais { justify-self: center; width: 2px; height: auto; margin: -1px 0; background: linear-gradient(180deg, #ffffff59, #ffffff1a); }
  .ia-duo-relais i { left: 50%; top: 0; margin: -11px 0 0 -11px; }
  @keyframes ia-relais { 0% { top: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
}
@media (max-width: 519.98px) { .ia-duo-l > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } }

.ia-obj-accord { display: grid; gap: 12px; max-width: 300px; padding: 14px 16px 16px; border-radius: 16px; background: #ffffff08; border: 1px solid #ffffff14; }
.ia-oa-t { display: grid; gap: 4px; margin: 0; }
.ia-oa-t b { font: 600 15px/1.1 var(--dn-titre); letter-spacing: -.02em; color: #fff; }
.ia-oa-t span { font-size: 12px; color: var(--dn-argent-3); }
.ia-oa-b { display: flex; gap: 8px; margin: 0; }
.ia-oa-b span { padding: 9px 14px; border-radius: var(--dn-r-rond); font: 700 12px/1 var(--dn-texte); }
.ia-oa-oui { background: #f4f6f8; color: var(--dn-charbon); box-shadow: 0 0 16px #ffffff40; }
.ia-oa-non { border: 1px solid #ffffff33; color: var(--dn-argent-2); }
.ia-oa-doigt { position: absolute; left: 40px; bottom: 19px; width: 24px; height: 24px; border-radius: 50%; background: #ffffff4d; border: 1.5px solid #fff; opacity: 0; pointer-events: none; }
.s-confiance.is-arme .ia-oa-oui { box-shadow: none; background: #d9dde1; }
.s-confiance.is-arme.is-joue .ia-oa-oui { animation: ia-appui-oui .5s var(--dn-ressort) calc(var(--i, 0) * 120ms + 1.15s) both; }
.s-confiance.is-arme.is-joue .ia-oa-doigt { animation: ia-doigt 1.1s ease calc(var(--i, 0) * 120ms + .6s) both; }
@keyframes ia-appui-oui { 0% { scale: 1; background: #d9dde1; } 40% { scale: .92; } 100% { scale: 1; background: #f4f6f8; box-shadow: 0 0 16px #ffffff40; } }
@keyframes ia-doigt { 0% { opacity: 0; translate: 26px 18px; } 45% { opacity: 1; translate: 0 0; scale: 1; } 62% { scale: .82; } 100% { opacity: 0; scale: 1; } }
.ia-obj-bientot { display: grid; gap: 8px; max-width: 300px; }
.ia-ob-l { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; }
.ia-ob-l b { font: 600 15px/1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.ia-ob-l .ia-ob-badge { margin-left: auto; padding: 6px 10px; }
.ia-ob-l--prix { justify-content: space-between; border-style: dashed; }
.ia-ob-l--prix span { font-size: 12px; font-weight: 700; color: var(--dn-argent-3); }
.ia-ob-l--prix b { font-size: 14px; }
.s-confiance.is-arme .ia-ob-badge { opacity: .4; }
.s-confiance.is-arme.is-joue .ia-ob-badge { animation: ia-badge 1.2s ease calc(var(--i, 0) * 120ms + .7s) both; }
@keyframes ia-badge { 0% { opacity: .4; } 40% { opacity: 1; box-shadow: var(--dn-acier-ombre), 0 0 0 5px #ffffff1f, 0 0 24px #ffffff66; } 100% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .ia-scene *, .ia-atouts-l *, .ia-taches *, .ia-duo *, .ia-obj-accord *, .ia-obj-bientot * { transition: none !important; animation: none !important; }
}

.ia-arrive-tete { display: grid; gap: 18px; max-width: 760px; }
.ia-arrive-l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: clamp(32px, 4vw, 52px); }
.ia-arrive-c { position: relative; display: grid; align-content: start; gap: 12px; padding: 24px 22px 26px; border-radius: var(--dn-r-4); border: 1px dashed #ffffff2e; background: radial-gradient(120% 90% at 0% 0%, #b9cbe60d, transparent 60%); }
.ia-arrive-c--agent { background: none; }
.ia-arrive-tag { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.ia-arrive-tag .dn-num { font: 600 13px/1 var(--dn-titre); letter-spacing: 0; color: var(--dn-argent-1); }
.ia-arrive-c h3 { margin: 0; font: 600 22px/1.1 var(--dn-titre); letter-spacing: -0.03em; color: var(--dn-argent-1); }
.ia-arrive-dit { margin: 0; font-size: 15px; line-height: 1.55; color: var(--dn-argent-3); text-wrap: pretty; }
html.v-pret .ia-arrive-l:not(.is-vu) .ia-arrive-c { opacity: 0; translate: 0 18px; }
.ia-arrive-c { transition: opacity .6s var(--dn-levee), translate .7s var(--dn-levee); transition-delay: calc(var(--i) * 110ms); }
@media (max-width: 900px) { .ia-arrive-l { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .ia-arrive-c { transition: none; } html.v-pret .ia-arrive-l:not(.is-vu) .ia-arrive-c { opacity: 1; translate: none; } }