/* Simulateur d’appel interactif (call-demo.js) : accueil et pages métiers. */
.live-call{margin:0;padding:18px;border-radius:24px;background:#0d1a42b3;border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff14,0 20px 50px #050c2466}
.call-head{display:flex;align-items:center;gap:12px;padding:4px 4px 16px;border-bottom:1px solid #ffffff1a}
.call-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#6f9bff,#2f63ec);color:#fff;box-shadow:0 8px 20px #2f63ec59}
.call-avatar svg{width:20px;height:20px}
.call-id{display:flex;flex-direction:column;gap:2px;min-width:0}
.call-id strong{font-size:14px;color:#fff}
.call-id span{font-size:12px;color:#a9bff7}
.call-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;background:#3ccf8e1f;color:#7debb8;font-size:11.5px;font-weight:700;white-space:nowrap}
.call-live i{width:7px;height:7px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 3px #3ccf8e33}
.call-thread{list-style:none;margin:0;padding:16px 4px 6px;display:flex;flex-direction:column;gap:10px}
.call-msg{max-width:82%;display:flex;flex-direction:column;gap:4px}
.call-msg p{margin:0;padding:10px 14px;font-size:14px;line-height:1.5;border-radius:16px}
.call-who{font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#8fa9dc}
.call-votelia{align-self:flex-start}
.call-votelia p{background:#ffffff14;border:1px solid #ffffff1f;color:#eef3ff;border-top-left-radius:6px}
.call-client{align-self:flex-end;align-items:flex-end}
.call-client p{background:linear-gradient(135deg,#3f73f5,#2453d6);color:#fff;border-top-right-radius:6px}
.call-dots{display:none;gap:4px;padding:12px 14px;border-radius:16px;border-top-left-radius:6px;background:#ffffff14;border:1px solid #ffffff1f;align-self:flex-start}
.call-dots i{width:6px;height:6px;border-radius:50%;background:#b3c6ff;animation:call-dot 1s ease-in-out infinite}
.call-dots i:nth-child(2){animation-delay:.15s}.call-dots i:nth-child(3){animation-delay:.3s}
.call-result{display:flex;align-items:center;gap:12px;margin-top:8px;padding:13px 14px;border-radius:16px;background:#3ccf8e1a;border:1px solid #3ccf8e4d}
.call-result-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#3ccf8e,#1f9e68);color:#fff}
.call-result-icon svg{width:18px;height:18px}
.call-result div strong{display:block;font-size:14px;color:#fff}
.call-result div span{display:block;margin-top:2px;font-size:12.5px;color:#a8e9c8}
.live-call figcaption{margin-top:12px;text-align:center;font-size:11px;color:#8fa2c9}
/* Animation pilotée par call-demo.js */
.is-animated .call-msg,.is-animated .call-result{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.is-animated .call-msg.is-shown,.is-animated .call-result.is-shown{opacity:1;transform:none}
.is-animated .call-msg:not(.is-shown):not(.is-typing),.is-animated .call-result:not(.is-shown){visibility:hidden}
.is-animated .call-msg.is-typing{opacity:1;transform:none}
.is-animated .call-msg.is-typing p{display:none}
.is-animated .call-msg.is-typing .call-dots{display:inline-flex}
.is-animated.is-resetting .call-thread,.is-animated.is-resetting .call-result{opacity:0;transition:opacity .45s ease}
.is-animated .call-result.is-shown{animation:call-pop .5s cubic-bezier(.34,1.56,.64,1)}
.is-animated .call-live i{animation:call-live 1.8s ease-in-out infinite}
@keyframes call-dot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes call-live{0%,100%{box-shadow:0 0 0 3px #3ccf8e33}50%{box-shadow:0 0 0 6px #3ccf8e14}}
@keyframes call-pop{0%{transform:scale(.94)}100%{transform:none}}
.live-call{position:relative}
@media(max-width:560px){.live-call{padding:14px}.call-msg{max-width:92%}.call-msg p{font-size:13.5px}.call-live{display:none}}
.call-msg{position:relative}
.is-animated .call-msg.is-typing p{display:block;visibility:hidden}
.is-animated .call-msg.is-typing .call-dots{display:inline-flex;position:absolute;left:0;top:21px}
.call-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff17}
.call-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#b8c9ee;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background-color .2s,color .2s}
.call-tab svg{width:15px;height:15px;flex:none}
.call-tab:hover{background:#ffffff12;color:#fff}
.call-tab[aria-selected="true"]{background:linear-gradient(135deg,#3f73f5,#2453d6);color:#fff;box-shadow:0 6px 16px #2453d659}
.call-tab:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}
.call-stage{display:grid}
.has-tabs .call-scenario{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .35s ease}
.has-tabs .call-scenario.is-active{visibility:visible;opacity:1}
@media(max-width:560px){.call-tab{flex:1 1 40%;font-size:12.5px}}
.call-id{min-width:0;flex:1}.call-id strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---- Simulateur d'appel interactif (call-demo.js) ---- */
.is-sim .call-stage{display:none}
.sim-hint{margin:12px 4px 0;font-size:12.5px;color:#a9bff7}
.sim{display:flex;flex-direction:column}
/* La molette fait défiler la page, pas la conversation (qui suit toute seule la dernière réplique). */
.sim-chat{height:330px;overflow:hidden;scroll-behavior:smooth;padding:14px 4px 10px;transition:opacity .4s ease;-webkit-mask-image:linear-gradient(transparent 0,#000 28px);mask-image:linear-gradient(transparent 0,#000 28px)}
.sim-chat.is-fading{opacity:0}
.sim-chat .call-msg{flex:none}
.sim-chat .call-msg.is-typing p{visibility:hidden;position:absolute}
.sim-chat .call-msg.is-typing .call-dots{display:inline-flex;position:static}
.sim-chat .call-msg.is-writing p::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;background:#b3c6ff;animation:sim-caret .8s steps(1) infinite}
@keyframes sim-caret{50%{opacity:0}}
.sim-chat .call-msg{animation:sim-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes sim-in{from{opacity:0;transform:translateY(8px)}}
.sim-choices{display:flex;flex-wrap:wrap;gap:6px;padding-left:2px;animation:sim-in .35s cubic-bezier(.2,.8,.2,1)}
.sim-choice{padding:7px 12px;border:1px solid #8fb2ff66;border-radius:10px;background:#3f73f51f;color:#eaf0ff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.sim-choice:hover:not(:disabled){background:#3f73f540;border-color:#8fb2ff;transform:translateY(-1px)}
.sim-choice:disabled{cursor:default;opacity:.45}
.sim-choice.is-picked{opacity:1;background:linear-gradient(135deg,#3f73f5,#2453d6);border-color:transparent;color:#fff}
.sim-choice:focus-visible,.sim-free:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}
.sim-suggest{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;min-height:34px;padding:8px 4px 0}
.sim-chip,.sim-restart{padding:6px 11px;border:1px solid #ffffff2b;border-radius:99px;background:#ffffff0f;color:#dfe8ff;font:inherit;font-size:12.5px;font-weight:650;line-height:1.3;cursor:pointer;transition:background-color .2s,border-color .2s}
.sim-chip:hover,.sim-restart:hover{background:#ffffff1f;border-color:#ffffff47;color:#fff}
.sim-chip:focus-visible,.sim-restart:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}
.sim-restart{border-color:#8fb2ff66;color:#fff}
.sim-result{margin:10px 4px 0}
.sim-result:not(.is-shown){display:none}
.sim-result.is-shown{animation:call-pop .5s cubic-bezier(.34,1.56,.64,1)}
.sim-result-info{background:#6f9bff1a;border-color:#6f9bff4d}
.sim-result-info .call-result-icon{background:linear-gradient(145deg,#6f9bff,#2f63ec)}
.sim-result-info div span{color:#b9cdfb}
.sim-result-transfer{background:#a28bee1f;border-color:#a28bee55}
.sim-result-transfer .call-result-icon{background:linear-gradient(145deg,#b39cff,#7b5ce6)}
.sim-result-transfer div span{color:#d2c6ff}
.sim-result-cancel{background:#ff8f8f17;border-color:#ff9a9a4d}
.sim-result-cancel .call-result-icon{background:linear-gradient(145deg,#ff9a8a,#e0566b)}
.sim-result-cancel div span{color:#ffc9c9}
.sim-agenda{margin:10px 4px 0;padding:10px 12px 12px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff17;transition:border-color .4s,box-shadow .4s}
.sim-agenda.is-updated{border-color:#8fb2ff66;box-shadow:0 0 0 3px #8fb2ff1f}
.sim-agenda-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#8fa9dc}
.sim-agenda-head small{font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;color:#8193bb;text-align:right}
.sim-week{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.sim-day{display:flex;flex-direction:column;gap:5px;min-width:0}
.sim-day-name{font-size:10.5px;font-weight:700;color:#a9bff7;text-align:center}
.sim-day-cells{display:flex;flex-direction:column;gap:4px;min-height:52px;padding:4px;border-radius:9px;background:#ffffff08}
.sim-busy{display:block;padding:3px 2px;border-radius:6px;background:#ffffff12;color:#9fb0d4;font-size:10px;font-weight:650;text-align:center;transition:opacity .4s}
.sim-busy.is-freed{opacity:.35;text-decoration:line-through}
.sim-free{display:block;width:100%;padding:3px 2px;border:1px dashed #8fb2ff99;border-radius:6px;background:#3f73f51a;color:#cfe0ff;font:inherit;font-size:10px;font-weight:750;cursor:pointer;animation:sim-in .35s ease;transition:background-color .2s}
.sim-free:hover{background:#3f73f559;border-style:solid}
.sim-free.is-hint,.sim-choice.is-hint{animation:sim-hint .9s ease}
@keyframes sim-hint{0%,100%{transform:none;box-shadow:none}45%{transform:scale(1.08);box-shadow:0 0 0 4px #8fb2ff40}}
.sim-slot{display:block;padding:4px 2px;border-radius:7px;background:linear-gradient(135deg,#4f86ff,#2f63ec);color:#fff;font-size:10px;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 14px #2f63ec66,0 0 0 1px #8fb2ff66;animation:sim-drop .7s cubic-bezier(.34,1.56,.64,1) both}
.sim-slot b{display:block;font-size:10.5px}
@keyframes sim-drop{0%{opacity:0;transform:translateY(-28px) scale(.8)}60%{opacity:1}100%{opacity:1;transform:none}}
.sim-sms{position:absolute;z-index:3;top:62px;right:16px;display:flex;gap:10px;width:min(300px,calc(100% - 32px));padding:11px 12px;border-radius:16px;background:#f4f7ffef;color:#16233f;box-shadow:0 18px 40px #050c2480;pointer-events:none;opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.sim-sms.is-shown{opacity:1;transform:none}
.sim-sms-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#6f9bff,#2f63ec);color:#fff}
.sim-sms-icon svg{width:17px;height:17px}
.sim-sms strong{display:block;font-size:11px;color:#5b6b8c;font-weight:700}
.sim-sms p{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:#16233f}
.sim-voice{display:inline-flex;align-items:center;gap:2px;height:12px;margin-left:2px}
.sim-voice i{width:2px;height:3px;border-radius:2px;background:#7debb8}
.is-speaking .sim-voice i{animation:sim-voice .45s ease-in-out infinite alternate}
.is-speaking .sim-voice i:nth-child(2){animation-delay:.12s}
.is-speaking .sim-voice i:nth-child(3){animation-delay:.24s}
.is-speaking .sim-voice i:nth-child(4){animation-delay:.06s}
@keyframes sim-voice{from{height:3px}to{height:12px}}
@media(max-width:560px){.sim-chat{height:300px}.sim-chip,.sim-restart{font-size:12px;padding:6px 10px}.sim-week{gap:4px}.sim-agenda{padding:9px 9px 10px}.sim-slot,.sim-busy,.sim-free{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sim-slot,.sim-free,.sim-chat .call-msg,.sim-choices,.sim-result.is-shown,.is-speaking .sim-voice i,.sim-free.is-hint,.sim-choice.is-hint{animation:none}.sim-chat{scroll-behavior:auto}}
.motion-reduced .sim-slot,.motion-reduced .sim-free,.motion-reduced .sim-chat .call-msg,.motion-reduced .sim-choices,.motion-reduced .sim-result.is-shown,.motion-reduced .is-speaking .sim-voice i{animation:none}

/* Invitation à cliquer (simulateur) */
.sim-prompt{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;max-width:88%;padding:9px 13px;border:1.5px dashed #8fb2ff8c;border-radius:16px;border-top-right-radius:6px;color:#cfe0ff;font-size:13px;font-weight:650;line-height:1.4;animation:sim-in .35s cubic-bezier(.2,.8,.2,1)}
.sim-prompt-arrow{flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14m-6-6 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14m-6-6 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;animation:sim-nudge 1.4s ease-in-out infinite}
.sim-prompt-arrow.is-up{rotate:180deg}
@keyframes sim-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.sim-suggest.is-inviting .sim-chip{border-color:#8fb2ffa6;background:#3f73f526;color:#fff;animation:sim-invite 2.4s ease-in-out infinite}
.sim-suggest.is-inviting .sim-chip:nth-child(2){animation-delay:.3s}
.sim-suggest.is-inviting .sim-chip:nth-child(3){animation-delay:.6s}
@keyframes sim-invite{0%,100%{box-shadow:0 0 0 0 #8fb2ff00}50%{box-shadow:0 0 0 4px #8fb2ff33,0 0 18px #6f9bff59}}
@media(prefers-reduced-motion:reduce){.sim-prompt,.sim-prompt-arrow,.sim-suggest.is-inviting .sim-chip{animation:none}}
.motion-reduced .sim-prompt,.motion-reduced .sim-prompt-arrow,.motion-reduced .sim-suggest.is-inviting .sim-chip{animation:none}
.sim-book{padding:6px 13px;border-radius:99px;background:linear-gradient(135deg,#3f73f5,#2453d6);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px #2453d659;animation:sim-in .35s cubic-bezier(.2,.8,.2,1)}
.sim-book:hover{filter:brightness(1.1)}
.sim-book:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}