/* Section "Notre expertise IA" — animations transform/opacity uniquement */
#ia{--iac:var(--cyan);overflow:hidden}
.ia-demo{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.ia-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.ia-avwrap{position:relative;width:150px;height:160px}
.ia-av{width:100%;height:100%;overflow:visible}
.ia-react{position:absolute;right:-14px;top:2px;font-size:2rem;line-height:1;transform-origin:70% 80%}
.ia-name{font-weight:700;font-size:var(--fs-md)}
.ia-status{display:inline-flex;align-items:center;gap:8px;font:500 var(--fs-xs)/1 var(--f-mono);color:var(--ink-2)}
.ia-status i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:ia-pulse 2s infinite}
.ia-small{font-size:var(--fs-xs);color:var(--muted);max-width:30ch;line-height:1.45}
.ia-phone{border:1px solid var(--line-2);border-radius:28px;background:var(--surface);overflow:hidden;min-width:0}
.ia-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:var(--fs-sm);font-weight:600;background:var(--surface-2)}
.ia-bar span{margin-left:auto;font:400 var(--fs-xs)/1 var(--f-mono);color:var(--muted)}
.ia-log{height:340px;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px}
.ia-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:var(--fs-sm);line-height:1.5;overflow-wrap:anywhere;animation:ia-in .3s var(--ease)}
.ia-m.u{align-self:flex-end;background:#2a3140;border-bottom-right-radius:4px}
.ia-m.a{align-self:flex-start;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.28);border-bottom-left-radius:4px}
.ia-dots{display:inline-flex;gap:4px;padding:4px 0}
.ia-dots b{width:7px;height:7px;border-radius:50%;background:var(--iac);animation:ia-dot 1s infinite}
.ia-dots b:nth-child(2){animation-delay:.15s}.ia-dots b:nth-child(3){animation-delay:.3s}
.ia-chips{display:none;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line)}
.js .ia-chips{display:flex}
.ia-chip{font:500 var(--fs-xs)/1.3 var(--f);color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:10px 14px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}
.ia-chip:hover{border-color:var(--iac);background:rgba(34,211,238,.08)}
.ia-chip[aria-pressed=true]{border-color:var(--orange)}
.ia-note{margin-top:14px;font-size:var(--fs-xs);color:var(--muted);line-height:1.5}
.ia-caps{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px}
.ia-caps .card{display:flex;gap:16px;align-items:flex-start;padding:20px}
.ia-ico{flex:none;font-size:1.75rem;line-height:1;animation:ia-float 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.4s)}
.ia-caps h3{font-size:1rem;margin-bottom:4px}
.ia-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.ia-cta .btn{white-space:normal;text-align:center}
.ia-honest{margin-top:18px;font-size:var(--fs-sm);color:var(--ink-2)}
/* avatar */
.ia-body{animation:ia-breathe 4s ease-in-out infinite}
.ia-eye,.ia-b,.ia-ant{transform-box:fill-box;transform-origin:center}
.ia-eye{animation:ia-blink 5s infinite}
.ia-eye:nth-of-type(2){animation-delay:0s}
.ia-ant{animation:ia-pulse 2s infinite}
.ia-b{transform:scaleY(.2)}
.ia-mouth{opacity:0}
.ia-smile{opacity:1}
.ia-av.talk .ia-mouth{opacity:1}
.ia-av.talk .ia-smile{opacity:0}
.ia-av.talk .ia-b{animation:ia-wave .5s ease-in-out infinite alternate}
.ia-av.talk .ia-b:nth-child(2){animation-delay:.1s}.ia-av.talk .ia-b:nth-child(3){animation-delay:.2s}.ia-av.talk .ia-b:nth-child(4){animation-delay:.05s}.ia-av.talk .ia-b:nth-child(5){animation-delay:.15s}
.ia-react.wave{animation:ia-hand 1s ease-in-out 3}
.ia-react.pop{animation:ia-pop .6s var(--ease) both}
/* animations en pause tant que la section est hors écran ou l'onglet masqué */
#ia:not(.on) *,#ia.paused *{animation-play-state:paused!important}
@keyframes ia-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ia-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@keyframes ia-pulse{50%{opacity:.45;transform:scale(.8)}}
@keyframes ia-float{50%{transform:translateY(-6px) scale(1.08)}}
@keyframes ia-breathe{50%{transform:translateY(3px)}}
@keyframes ia-blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.08)}}
@keyframes ia-wave{to{transform:scaleY(1.9)}}
@keyframes ia-hand{0%,100%{transform:rotate(0)}25%{transform:rotate(22deg)}75%{transform:rotate(-14deg)}}
@keyframes ia-pop{0%{opacity:0;transform:scale(.3) translateY(10px)}60%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
@media(min-width:640px){.ia-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.ia-demo{grid-template-columns:260px minmax(0,1fr);gap:32px}.ia-log{height:360px}}
@media(min-width:1100px){.ia-caps{grid-template-columns:repeat(4,minmax(0,1fr))}.ia-caps .card{flex-direction:column}}
@media(max-width:639px){.ia-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){#ia *{animation:none!important}.ia-b{transform:none}}