/* FACILIQO Assistant : vitrine (accueil et /assistant). S'appuie sur prospect-showcase.css (.b2b) et les variables de thème. */
.as-hero,.as-help{--as-blue:#0767ee;--as-teal:#14b8a6;--as-orange:#f97316;--as-purple:#7c5cff;--as-card:var(--ph-panel);--as-soft:rgba(7,103,238,.07)}

/* ---------- Palette des fonds (accueil et /assistant) : sombre par défaut, clair selon le thème ---------- */
body.page-home.page-assistant{
 --ph-bg:#061328;--ph-panel:#0e2347;--ph-border:#24467a;--ph-text:#eef4ff;--ph-muted:#a9c0e2;--b2b-border:#24467a;
 --as-card:#0e2347;--as-soft:rgba(96,165,250,.14);--as-ink-blue:#8cbcff;--as-dots:rgba(148,187,255,.16);--as-line:rgba(120,160,230,.14);
 --as-shadow:0 18px 44px rgba(0,0,0,.35);
 --as-bg-hero:radial-gradient(ellipse 60% 540px at 6% -8%,rgba(37,99,235,.42),transparent 70%),radial-gradient(ellipse 46% 500px at 96% 18%,rgba(20,184,166,.30),transparent 70%),radial-gradient(ellipse 52% 400px at 55% 108%,rgba(124,92,255,.26),transparent 70%),linear-gradient(180deg,#0b2046 0%,#071630 100%);
 --as-bg-help:radial-gradient(ellipse 50% 420px at 100% 0,rgba(20,184,166,.18),transparent 70%),radial-gradient(ellipse 40% 360px at 0 100%,rgba(37,99,235,.20),transparent 70%),linear-gradient(180deg,#071630 0%,#0a1d3f 100%);
 --as-bg-who:radial-gradient(ellipse 55% 420px at 0 40%,rgba(124,92,255,.22),transparent 70%),radial-gradient(ellipse 40% 360px at 100% 100%,rgba(20,184,166,.14),transparent 70%),#0a1b3a;
 --as-bg-method:radial-gradient(ellipse 50% 400px at 90% 0,rgba(37,99,235,.24),transparent 70%),linear-gradient(180deg,#0a1b3a 0%,#071530 100%);
 --as-bg-rest:linear-gradient(180deg,#071530 0%,#061328 100%);
 background:var(--ph-bg);
}
:root[data-theme=light] body.page-home.page-assistant{
 --ph-bg:#ecf2fb;--ph-panel:#ffffff;--ph-border:#cddbee;--ph-text:#0d2342;--ph-muted:#4a6384;--b2b-border:#cddbee;
 --as-card:#ffffff;--as-soft:rgba(7,103,238,.08);--as-ink-blue:#0767ee;--as-dots:rgba(30,80,170,.10);--as-line:rgba(30,70,140,.10);
 --as-shadow:0 14px 36px rgba(15,40,85,.10);
 --as-bg-hero:radial-gradient(ellipse 60% 540px at 6% -8%,#c3d8ff 0,transparent 70%),radial-gradient(ellipse 46% 500px at 96% 18%,#bfeee5 0,transparent 70%),radial-gradient(ellipse 52% 400px at 55% 108%,#e1d8ff 0,transparent 70%),linear-gradient(180deg,#f5f8ff 0%,#e7effb 100%);
 --as-bg-help:radial-gradient(ellipse 50% 420px at 100% 0,#d6f4ee 0,transparent 70%),radial-gradient(ellipse 40% 360px at 0 100%,#dbe7ff 0,transparent 70%),linear-gradient(180deg,#ffffff 0%,#f2f6fd 100%);
 --as-bg-who:radial-gradient(ellipse 55% 420px at 0 40%,#e6defd 0,transparent 70%),radial-gradient(ellipse 40% 360px at 100% 100%,#d4f3ec 0,transparent 70%),#e8effa;
 --as-bg-method:radial-gradient(ellipse 50% 400px at 90% 0,#d3e3ff 0,transparent 70%),linear-gradient(180deg,#f8fbff 0%,#edf3fc 100%);
 --as-bg-rest:linear-gradient(180deg,#f4f7fd 0%,#ecf2fb 100%);
}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body.page-home.page-assistant{
 --ph-bg:#ecf2fb;--ph-panel:#ffffff;--ph-border:#cddbee;--ph-text:#0d2342;--ph-muted:#4a6384;--b2b-border:#cddbee;
 --as-card:#ffffff;--as-soft:rgba(7,103,238,.08);--as-ink-blue:#0767ee;--as-dots:rgba(30,80,170,.10);--as-line:rgba(30,70,140,.10);
 --as-shadow:0 14px 36px rgba(15,40,85,.10);
 --as-bg-hero:radial-gradient(ellipse 60% 540px at 6% -8%,#c3d8ff 0,transparent 70%),radial-gradient(ellipse 46% 500px at 96% 18%,#bfeee5 0,transparent 70%),radial-gradient(ellipse 52% 400px at 55% 108%,#e1d8ff 0,transparent 70%),linear-gradient(180deg,#f5f8ff 0%,#e7effb 100%);
 --as-bg-help:radial-gradient(ellipse 50% 420px at 100% 0,#d6f4ee 0,transparent 70%),radial-gradient(ellipse 40% 360px at 0 100%,#dbe7ff 0,transparent 70%),linear-gradient(180deg,#ffffff 0%,#f2f6fd 100%);
 --as-bg-who:radial-gradient(ellipse 55% 420px at 0 40%,#e6defd 0,transparent 70%),radial-gradient(ellipse 40% 360px at 100% 100%,#d4f3ec 0,transparent 70%),#e8effa;
 --as-bg-method:radial-gradient(ellipse 50% 400px at 90% 0,#d3e3ff 0,transparent 70%),linear-gradient(180deg,#f8fbff 0%,#edf3fc 100%);
 --as-bg-rest:linear-gradient(180deg,#f4f7fd 0%,#ecf2fb 100%);
}}
/* Chaque section a son propre fond (sélecteurs forts : remplacent les anciens fonds de la vitrine Prospection) */
html body.page-assistant section.as-hero{background:var(--as-bg-hero)}
html body.page-assistant #fonctionnement.as-help{background:var(--as-bg-help);border-top:1px solid var(--as-line)}
html body.page-assistant #pour-qui.b2b{background:var(--as-bg-who);border-top:1px solid var(--as-line)}
html body.page-assistant #methode.b2b{background:var(--as-bg-method);border-top:1px solid var(--as-line)}
html body.page-assistant #tarifs.b2b{border-top:1px solid var(--as-line)}
html body.page-assistant #assistant-faq.b2b,html body.page-assistant .b2b-final-section.b2b{background:var(--as-bg-rest)}
html body.page-home.page-assistant main>section:not(.b2b),html body.page-home.page-assistant .search-services{background:var(--as-bg-rest)}
html body.page-home.page-assistant #pourquoi-faciliqo{background:var(--as-bg-who);border-top:1px solid var(--as-line)}
/* Texture discrète de points sur le héros */
html body.page-assistant section.as-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--as-dots) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 30% 30%,#000 0,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 30% 30%,#000 0,transparent 75%);pointer-events:none}
/* Cartes : mieux détachées du fond dans les deux modes */
body.page-assistant .as-chat,body.page-assistant .as-trust,body.page-assistant .as-steps li,body.page-assistant .as-kicker,body.page-assistant .as-cta-ghost{box-shadow:var(--as-shadow)}
body.page-assistant .as-hcard{box-shadow:var(--as-shadow)}
body.page-assistant .as-usecases article{padding:20px;border:1px solid var(--b2b-border);border-radius:16px;background:var(--as-card);box-shadow:var(--as-shadow)}

/* ---------- Héros ---------- */
.as-hero{position:relative;overflow:hidden;padding:64px 0 56px;background:var(--ph-bg)}
.as-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;position:relative;z-index:1}
.as-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:6px 8px 6px 6px;border-radius:14px;background:var(--as-card);border:1px solid var(--b2b-border);box-shadow:0 4px 16px rgba(11,35,80,.06)}
.as-kicker-icon{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--as-blue),var(--as-teal))}.as-kicker-icon svg{width:18px;height:18px}
.as-kicker strong{font-size:12px;letter-spacing:.1em;color:var(--as-ink-blue,var(--as-blue))}
.as-kicker-tag{font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--as-soft);color:var(--as-ink-blue,var(--as-blue))}
.b2b .as-hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.04em;margin:0 0 20px;font-weight:750}
.as-grad{display:block;background:linear-gradient(90deg,var(--as-blue) 0%,#1d6fe0 40%,var(--as-teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.b2b .as-lead{font-size:18px;line-height:1.55;max-width:560px;margin:0 0 26px}
.as-gains{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px}
.as-gains li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.35;color:var(--ph-text)}
.as-g{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%}
.as-g svg{width:24px;height:24px}
.as-g-teal{background:rgba(20,184,166,.15);color:var(--as-teal)}.as-g-blue{background:rgba(7,103,238,.12);color:var(--as-blue)}.as-g-orange{background:rgba(249,115,22,.14);color:var(--as-orange)}
.as-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.as-cta-main,.as-cta-ghost{display:inline-flex;align-items:center;gap:14px;border-radius:14px;text-decoration:none;font-weight:650;transition:transform .2s,box-shadow .2s}
.as-cta-main{padding:12px 26px 12px 14px;color:#fff;background:linear-gradient(100deg,var(--as-blue),#0b84d8 60%,var(--as-teal));box-shadow:0 10px 26px rgba(7,103,238,.28)}
.as-cta-main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(7,103,238,.34)}
.as-cta-main strong{display:block;font-size:15.5px}.as-cta-main small{display:block;font-size:12px;font-weight:500;opacity:.9}
.as-cta-ghost{padding:14px 24px 14px 14px;color:var(--ph-text);background:var(--as-card);border:1px solid var(--b2b-border);font-size:15px}
.as-cta-ghost:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,35,80,.1)}
.as-cta-icon{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:var(--as-blue)}
.as-cta-ghost .as-cta-icon{background:var(--ph-text);color:var(--ph-bg)}
.as-cta-icon svg{width:22px;height:22px}
.as-checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.as-checks li{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ph-muted)}
.as-checks svg{width:18px;height:18px;padding:3px;border-radius:50%;background:rgba(20,184,166,.15);color:var(--as-teal)}

/* Conversation */
.as-chat-wrap{position:relative}
.as-note{position:absolute;left:-118px;top:118px;width:120px;margin:0;font:italic 500 14px/1.3 "Segoe Script","Bradley Hand","Comic Sans MS",cursive;color:var(--ph-muted);transform:rotate(-8deg);text-align:center}
.as-note svg{display:block;width:44px;height:44px;margin:6px 0 0 50px;color:var(--as-blue)}
.as-chat{border:1px solid var(--b2b-border);border-radius:22px;background:var(--as-card);box-shadow:0 24px 60px rgba(11,35,80,.14);overflow:hidden}
.as-chat-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--b2b-border)}
.as-chat-head div{display:flex;flex-direction:column}.as-chat-head strong{color:var(--ph-text);font-size:15px}
.as-chat-head small{display:inline-flex;align-items:center;gap:6px;color:#16a34a;font-size:12.5px;font-weight:600}
.as-chat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e}
.as-chat-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--b2b-border);border-radius:999px;font-size:12px;color:var(--ph-text)}.as-chat-badge svg{width:15px;height:15px}
.as-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,var(--as-blue))}
.as-avatar svg{width:24px;height:24px}
.as-avatar-lg{width:48px;height:48px}.as-avatar-lg svg{width:34px;height:34px}
.as-avatar-user{background:var(--as-soft);color:var(--as-blue)}.as-avatar-user svg{width:18px;height:18px}
.as-chat-body{display:flex;flex-direction:column;gap:12px;padding:18px}
.as-msg{display:flex;align-items:flex-end;gap:10px;margin:0}
.as-msg p{margin:0;max-width:78%;padding:11px 14px 8px;border-radius:16px;font-size:13.5px;line-height:1.5}
.as-msg time{display:block;text-align:right;font-size:10.5px;opacity:.6;margin-top:3px}
.as-client{justify-content:flex-end}
.b2b .as-client p{background:#dbeafe;color:#0b2350;border-bottom-right-radius:5px}
.b2b .as-bot p{background:var(--ph-bg);color:var(--ph-text);border:1px solid var(--b2b-border);border-bottom-left-radius:5px}
.as-chat-input{display:flex;align-items:center;justify-content:space-between;margin:2px 18px 12px;padding:8px 8px 8px 18px;border:1px solid var(--b2b-border);border-radius:999px;font-size:13px;color:var(--ph-muted)}
.as-send{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:var(--as-blue);color:#fff}.as-send svg{width:16px;height:16px;transform:rotate(-30deg)}
.as-chat-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}
.as-chat-quick span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--b2b-border);border-radius:10px;font-size:12px;font-weight:600;color:var(--ph-text)}
.as-chat-quick svg{width:15px;height:15px;color:var(--as-blue)}
.as-chat-quick span:nth-child(2) svg{color:var(--as-teal)}.as-chat-quick span:nth-child(3) svg{color:#e11d48}

/* ---------- « Un vrai coup de main » ---------- */
.as-help-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px;align-items:center}
.as-help-head h2{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 14px}
.as-help-head p{margin:0 0 22px}
.as-cta-outline{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1.5px solid var(--as-blue);border-radius:12px;color:var(--as-blue);font-weight:650;text-decoration:none;transition:background .2s}
.as-cta-outline:hover{background:var(--as-soft)}.as-cta-outline svg{width:16px;height:16px}
.as-help-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.as-hcard{--c:var(--as-blue);display:flex;flex-direction:column;padding:20px 18px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--c) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,var(--as-card)),var(--as-card));transition:transform .25s,box-shadow .25s}
.as-hcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,35,80,.12)}
.as-hcard-teal{--c:var(--as-teal)}.as-hcard-blue{--c:var(--as-blue)}.as-hcard-purple{--c:var(--as-purple)}.as-hcard-orange{--c:var(--as-orange)}
.as-hcard-icon{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);margin-bottom:14px}.as-hcard-icon svg{width:20px;height:20px}
.as-hcard h3{font-size:16px;line-height:1.25;margin:0 0 6px}
.b2b .as-hcard p{font-size:13px;line-height:1.5;margin:0 0 16px}
.as-mini{margin-top:auto;padding:12px;border-radius:12px;background:var(--as-card);border:1px solid var(--b2b-border);box-shadow:0 6px 16px rgba(11,35,80,.07);font-size:12px}
.as-mini-slot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.as-mini-slot span{display:grid;grid-template-columns:auto 1fr;gap:0 6px;align-items:center}.as-mini-slot span svg{width:15px;height:15px;color:var(--as-teal);grid-row:span 2}
.as-mini small{color:var(--ph-muted)}.as-mini strong{color:var(--ph-text)}
.as-mini-slot>i{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:#16a34a;color:#fff}.as-mini-slot>i svg{width:14px;height:14px}
.as-mini-doc{display:flex;flex-direction:column;gap:5px}.as-mini-doc i,.as-mini-lines i{display:block;height:6px;border-radius:4px;background:color-mix(in srgb,var(--c) 22%,transparent)}.as-mini-doc i:last-child{width:60%}
.as-mini-lines{display:flex;flex-direction:column;gap:7px}.as-mini-lines i:nth-child(2){width:75%}.as-mini-lines i.is-reply{width:55%;align-self:flex-end;background:color-mix(in srgb,var(--c) 45%,transparent)}
.as-mini-sent{display:flex;align-items:center;gap:10px}.as-mini-sent>i{flex:none;display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:#16a34a;color:#fff}.as-mini-sent>i svg{width:15px;height:15px}.as-mini-sent span{display:flex;flex-direction:column}
.as-trust{list-style:none;margin:44px 0 0;padding:22px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:1px solid var(--b2b-border);border-radius:18px;background:var(--as-card)}
.as-trust li{display:flex;align-items:center;gap:14px}
.as-trust li>span{flex:none;display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:rgba(20,184,166,.13);color:var(--as-teal)}.as-trust li>span svg{width:22px;height:22px}
.as-trust li:nth-child(2)>span{background:rgba(7,103,238,.1);color:var(--as-blue)}.as-trust li:nth-child(3)>span{background:rgba(124,92,255,.12);color:var(--as-purple)}
.as-trust div{display:flex;flex-direction:column}.as-trust strong{color:var(--ph-text);font-size:14.5px}.as-trust small{color:var(--ph-muted);font-size:12.5px}

/* ---------- Pour qui, méthode, tarifs ---------- */
.as-usecase-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(36,203,182,.12);color:var(--b2b-accent);margin-bottom:12px}
.as-usecase-icon svg{width:20px;height:20px}
.as-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.as-steps li{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid var(--b2b-border);border-radius:14px;background:var(--ph-panel)}
.as-step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0767ee,#14b8a6);color:#fff;font-weight:650;font-size:14px}
.as-steps h3{font-size:15px;margin:3px 0 6px}
.b2b .as-steps p{font-size:13px;margin:0}
.as-promises{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px}
.as-promises li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ph-muted)}
.as-promises svg{width:17px;height:17px;color:var(--b2b-accent)}
.as-from{display:block;font-size:12px;font-weight:400;color:var(--ph-muted);letter-spacing:0}
.as-offers{margin-top:8px}
.as-offers+.b2b-offers-footnote+.b2b-offers-links{display:flex;justify-content:center;margin-top:22px}

/* ---------- Animations (désactivées si « réduire les animations ») ---------- */
@media (prefers-reduced-motion:no-preference){
 .as-chat-dot{animation:as-pulse 2s ease-in-out infinite}
 .as-features .b2b-feature-card,.as-usecases article,.as-steps li,.as-offers .b2b-offer{transition:transform .25s ease,box-shadow .25s ease}
 .as-steps li:hover,.as-offers .b2b-offer:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(7,40,90,.14)}
 .as-usecases article:hover{transform:translateY(-3px)}
 .as-usecase-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1.4)}.as-usecases article:hover .as-usecase-icon{transform:scale(1.12) rotate(-6deg)}
 /* Apparitions au défilement */
 .as-motion [data-as-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
 .as-motion [data-as-reveal].is-in{opacity:1;transform:none}
 .as-motion .as-step-num{transform:scale(.4);transition:transform .5s cubic-bezier(.2,.8,.2,1.5) .15s}
 .as-motion .is-in .as-step-num{transform:scale(1)}
 /* Conversation animée : hauteur fixe, les messages arrivent en bas */
 .as-chat-live .as-chat-body{height:360px;justify-content:flex-end;overflow:hidden}
 .as-chat-live .as-msg{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
 .as-chat-live .as-msg.is-on{opacity:1;transform:none}
 .as-chat-live .as-msg:not(.is-on):not(.as-typing){display:none}
 .b2b .as-typing{display:inline-flex;align-self:flex-start;gap:4px;align-items:center;margin-left:44px;padding:12px 14px;border-radius:16px;background:var(--ph-bg);border:1px solid var(--b2b-border)}
 .as-typing i{width:6px;height:6px;border-radius:50%;background:var(--ph-muted);animation:as-dots 1s ease-in-out infinite}
 .as-typing i:nth-child(2){animation-delay:.15s}.as-typing i:nth-child(3){animation-delay:.3s}
}
@keyframes as-pulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.05)}}
@keyframes as-dots{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}

/* ---------- Écrans plus petits ---------- */
@media(max-width:1340px){.as-help-grid{grid-template-columns:1fr;gap:28px}.as-help-head{max-width:640px}}
@media(max-width:1180px){.as-note{display:none}}
@media(max-width:900px){.as-help-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.as-hero-grid{grid-template-columns:1fr;gap:40px}.as-steps{grid-template-columns:1fr 1fr}.as-trust{grid-template-columns:1fr}}
@media(max-width:700px){
 .as-hero{padding:40px 0}.as-gains{grid-template-columns:1fr;gap:10px}.as-ctas a{width:100%;justify-content:center}
 .as-steps,.as-help-cards{grid-template-columns:1fr}.as-msg p{max-width:86%}.as-chat-badge{display:none}
 .as-chat-live .as-chat-body{height:330px}
}

/* ---------- FAQ de l'accueil : accordéon compact ---------- */
html body.page-home.page-assistant .as-faq-sec{background:var(--as-bg-who);border-top:1px solid var(--as-line);padding:72px 0}
.as-faq-wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;align-items:start}
.as-faq-head{position:sticky;top:96px}
.as-faq-eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--as-ink-blue,#0767ee);background:var(--as-soft);padding:5px 11px;border-radius:999px}
.as-faq-head h2{font-size:clamp(28px,3vw,38px);line-height:1.1;margin:14px 0 10px;color:var(--ph-text)}
.as-faq-head p{color:var(--ph-muted);margin:0 0 18px}
.as-faq-head a{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--as-ink-blue,#0767ee);text-decoration:none}.as-faq-head a svg{width:15px;height:15px}
.as-faq{border:1px solid var(--ph-border);border-radius:18px;background:var(--ph-panel);box-shadow:var(--as-shadow);overflow:hidden}
.as-faq details{border-bottom:1px solid var(--ph-border)}.as-faq details:last-child{border-bottom:0}
.as-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;font-weight:650;font-size:15px;color:var(--ph-text);transition:background .2s}
.as-faq summary::-webkit-details-marker{display:none}
.as-faq summary:hover{background:var(--as-soft)}
.as-faq summary i{flex:none;display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--as-soft);color:var(--as-ink-blue,#0767ee);transition:transform .25s,background .25s,color .25s}
.as-faq summary i svg{width:15px;height:15px;transform:rotate(90deg)}
.as-faq details[open] summary{color:var(--as-ink-blue,#0767ee)}
.as-faq details[open] summary i{transform:rotate(180deg);background:linear-gradient(135deg,#0767ee,#14b8a6);color:#fff}
.as-faq details p{margin:0;padding:0 20px 18px;font-size:14px;line-height:1.65;color:var(--ph-muted)}
@media (prefers-reduced-motion:no-preference){.as-faq details[open] p{animation:as-faq-in .3s ease}}
@keyframes as-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.as-faq-wrap{grid-template-columns:1fr;gap:24px}.as-faq-head{position:static}.as-faq-sec{padding:48px 0}}

/* ---------- Démo en direct ---------- */
html body.page-assistant .as-demo-sec{background:var(--as-bg-help);border-top:1px solid var(--as-line)}
.as-demo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.as-demo-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 14px}
.as-demo-points{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}
.as-demo-points li{display:flex;align-items:center;gap:10px;color:var(--ph-text);font-size:14.5px}
.as-demo-points svg{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(20,184,166,.15);color:#14b8a6}
.as-demo-chat .as-avatar{color:#fff}.as-demo-chat .as-avatar svg{width:18px;height:18px}.as-demo-chat .as-avatar-lg svg{width:24px;height:24px}
.as-demo-reset{margin-left:auto;display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--b2b-border);background:transparent;color:var(--ph-text);cursor:pointer}
.as-demo-reset svg{width:16px;height:16px}.as-demo-reset:hover{background:var(--as-soft)}
.as-demo-body{height:380px;overflow-y:auto;scroll-behavior:smooth}
.as-demo-body .as-msg p{white-space:pre-line}
.as-demo-chat .as-chat-quick button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--b2b-border);border-radius:10px;background:var(--as-card);font:600 12.5px/1.3 inherit;color:var(--ph-text);cursor:pointer;transition:border-color .2s,background .2s}
.as-demo-chat .as-chat-quick button:hover{border-color:#14b8a6;background:var(--as-soft)}
.as-demo-chat .as-chat-quick svg{width:15px;height:15px;color:#0767ee}
.as-demo-form{display:flex;gap:8px;margin:0 18px 10px;padding:6px 6px 6px 16px;border:1px solid var(--b2b-border);border-radius:999px;background:var(--ph-bg)}
.as-demo-form input{flex:1;min-width:0;border:0;background:transparent;color:var(--ph-text);font:15px/1.4 inherit;outline:none}
.as-demo-form:focus-within{border-color:#0767ee;box-shadow:0 0 0 3px rgba(7,103,238,.15)}
.as-demo-form button{flex:none;display:inline-flex;width:40px;height:40px;border-radius:50%;border:0;align-items:center;justify-content:center;background:linear-gradient(135deg,#0767ee,#14b8a6);color:#fff;cursor:pointer}
.as-demo-form button svg{width:17px;height:17px;transform:rotate(-30deg)}
.as-demo-form button:disabled,.as-demo-form input:disabled{opacity:.55;cursor:wait}
.b2b .as-demo-note{margin:0 18px 16px;font-size:11.5px;color:var(--ph-muted)}
.as-demo-off{padding:14px 0}
.b2b .as-demo-error p{border-color:#f97316;color:var(--ph-text)}
.as-demo-typing p{display:inline-flex;gap:4px;align-items:center}
.as-demo-typing i{width:6px;height:6px;border-radius:50%;background:var(--ph-muted);animation:as-dots 1s ease-in-out infinite}
.as-demo-typing i:nth-child(2){animation-delay:.15s}.as-demo-typing i:nth-child(3){animation-delay:.3s}
@media(max-width:1023px){.as-demo-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.as-demo-body{height:340px}.as-demo-form input{font-size:16px}}