/* COSMOLOGIX IA — page assistant, version « ciel » (2026-11-06). S'ajoute à site.css et assistant-demo.css. */
.hero-assistant{min-height:calc(100svh - 94px);align-items:center;justify-content:center;text-align:center}
.hero-assistant .hero-content{padding:56px 0 110px;display:flex;flex-direction:column;align-items:center}
.ia-logo{width:min(460px,72vw);height:auto;margin:0 auto 22px;filter:drop-shadow(0 0 16px #8bb9e91c)}
.hero-assistant .eyebrow{margin-bottom:16px}
.hero-assistant h1{font-size:clamp(1.6rem,3vw,2.6rem);max-width:720px;margin:0 auto 30px}
.hero-assistant .ia-demo{width:min(760px,100%);margin:0 auto;text-align:left}
.ia-alt{font-size:.8rem;margin:12px 0 0;text-align:center}
.ia-alt a{color:#dbe9f5}
.ia-alt a:hover{color:#fff}
.hero-assistant .ia-note{margin-left:auto;margin-right:auto;text-align:center}
.ia-actions{display:flex;justify-content:center;margin:0 0 12px}
.ia-actions .button,.ia-end .button{border:0}
.ia-envoyer:disabled{opacity:.75;cursor:wait}
.ia-demo.en-conversation .ia-alt{margin-top:8px}
@media(max-width:900px){.hero-assistant{min-height:calc(100svh - 80px)}}
@media(max-width:650px){
  .hero-assistant{min-height:calc(100svh - 76px)}
  .hero-assistant .hero-content{padding:40px 0 80px}
  .ia-logo{width:min(300px,76vw);margin-bottom:16px}
  .hero-assistant h1{font-size:1.55rem;margin-bottom:24px}
}
.hero-assistant .ia-note,.hero-assistant .ia-alt{text-shadow:0 1px 4px #000,0 1px 12px #000}
/* Conversation intégrée au décor : le bandeau garde la hauteur de l'écran, les messages défilent dans le ciel */
.hero-assistant .ia-thread{position:relative}
.hero-assistant .ia-msg{text-align:left}
.hero-assistant .ia-msg.assistant{padding:16px 20px;background:#04101c2e;border:1px solid #bddbff26;border-radius:16px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-shadow:0 1px 3px #000c,0 0 10px #0009}
.hero-assistant .ia-msg.user{background:#c5dffa14;border-color:#bddbff33;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-shadow:0 1px 3px #000c,0 0 10px #0009}
.hero-assistant.en-conversation{height:calc(100svh - 94px);min-height:520px}
.hero-assistant.en-conversation .hero-content{height:100%;padding:16px 0 12px;justify-content:flex-end}
.hero-assistant.en-conversation .ia-logo,.hero-assistant.en-conversation .eyebrow,.hero-assistant.en-conversation h1{display:none}
.hero-assistant.en-conversation .ia-demo{flex:1;min-height:0;display:flex;flex-direction:column;width:min(820px,100%)}
.hero-assistant.en-conversation .ia-thread{flex:1;min-height:0;overflow-y:auto;margin:0 0 12px;padding:28px 6px 8px 0;scrollbar-width:thin;scrollbar-color:#647e96 transparent;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30px);mask-image:linear-gradient(180deg,transparent 0,#000 30px)}
.hero-assistant.en-conversation .ia-compose{flex:0 0 auto}
.hero-assistant.en-conversation .ia-actions{margin-bottom:10px}
.hero-assistant.en-conversation .ia-note{margin-top:8px;font-size:.66rem}
.hero-assistant.en-conversation .ia-alt{margin-top:6px;font-size:.74rem}
.hero-assistant.en-conversation .ia-end{margin:10px 0 0}
@media(max-width:900px){.hero-assistant.en-conversation{height:calc(100svh - 80px)}}
@media(max-width:650px){.hero-assistant.en-conversation{height:calc(100svh - 76px);min-height:420px}.hero-assistant .ia-msg.assistant{padding:14px 15px}.hero-assistant.en-conversation .ia-note{display:none}}
/* Logo COSMOLOGIX suivi de « IA » (ou « AI ») dessiné dans le style du logo (2026-11-06) */
.ia-marque{position:relative;width:min(460px,72vw);margin:0 auto 28px;transform:translateX(-3.58%);filter:drop-shadow(0 0 16px #8bb9e91c)}
.ia-marque .ia-logo{display:block;width:100%;height:auto;margin:0;filter:none}
.ia-suffixe{position:absolute;left:99.414%;bottom:12.45%;height:23.4%;width:auto;aspect-ratio:119/62;overflow:visible}
.hero-assistant.en-conversation .ia-marque{display:none}
@media(max-width:650px){.ia-marque{width:min(300px,76vw);margin-bottom:20px}}
/* Réponses suggérées par l'IA (2026-11-06) */
.ia-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px}
.ia-suggestion{padding:8px 15px;border:1px solid #9fd0ff59;border-radius:999px;background:#0b1826a6;color:#e8f2fb;font-size:.82rem;line-height:1.35;text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.ia-suggestion:hover{background:#1b3550d9;border-color:#cfe8ff;color:#fff}
.ia-suggestion:focus-visible{outline:2px solid #eff8ff;outline-offset:3px}
@media(max-width:650px){.ia-suggestion{font-size:.78rem;padding:7px 12px}}
/* Bouton « Envoyer ce besoin » réduit, placé sous la barre (2026-11-06) */
.ia-actions{margin:10px 0 0}
.hero-assistant.en-conversation .ia-actions{margin:10px 0 0}
.ia-actions .button{min-height:34px;padding:6px 15px;gap:10px;font-size:.74rem}
.ia-actions .button svg{width:13px;height:13px}
.ia-actions + .ia-alt,.hero-assistant.en-conversation .ia-actions + .ia-alt{margin-top:8px}
/* Bouton « Nouvelle conversation » (2026-11-06) */
.ia-nouvelle{align-self:flex-end;display:inline-flex;align-items:center;gap:7px;margin:0 0 6px auto;padding:6px 13px;border:1px solid #9fd0ff4d;border-radius:999px;background:#0b1826a6;color:#dfeaf5;font-size:.74rem;line-height:1.3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.ia-nouvelle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ia-nouvelle:hover{background:#1b3550d9;border-color:#cfe8ff;color:#fff}
.ia-nouvelle:focus-visible{outline:2px solid #eff8ff;outline-offset:3px}