/* IQTHINGS — page Agent téléphonique IA (/secretariat-ia/). Portée limitée à .iqa, aucune ressource externe. */
.iqa { --ink:#1a2c3e; --txt:#465566; --mut:#6b7785; --line:#e3e8ec; --soft:#f4f6f7; --blue:#2f78d4; --blue-l:#468ee5; --coral:#f3745a; --sun:#f7cc5e; --ok:#1f8a55;
	color:var(--txt); font-size:17px; line-height:1.6; }
.iqa *, .iqa *::before, .iqa *::after { box-sizing:border-box; }
.iqa h1, .iqa h2, .iqa h3 { color:var(--ink); font-weight:600; letter-spacing:-.01em; margin:0; }
.iqa h1 { font-size:clamp(2rem, 4.2vw, 3.15rem); line-height:1.12; margin:.4rem 0 1.1rem; }
.iqa h2 { font-size:clamp(1.55rem, 2.8vw, 2.25rem); line-height:1.2; margin:0 0 1.6rem; max-width:22em; }
.iqa h3 { font-size:1.08rem; line-height:1.35; margin:0 0 .45rem; }
.iqa p { margin:0 0 1rem; }
.iqa a { color:var(--blue); }
.iqa-wrap { max-width:1100px; margin:0 auto; }
.iqa-narrow { max-width:780px; }
.iqa-sec { padding:clamp(3rem, 7vw, 5.5rem) 0; }
/* Fond pleine largeur sans débordement horizontal */
.iqa-alt { background:var(--soft); box-shadow:0 0 0 100vmax var(--soft); clip-path:inset(0 -100vmax); }
.iqa-eyebrow { font-size:.8rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--blue); margin-bottom:.6rem; }
.iqa-small { font-size:.88rem; color:var(--mut); }
.iqa-lead { font-size:1.15rem; max-width:34em; }

/* Boutons */
.iqa-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.6rem 0 1.4rem; }
.iqa-actions-c { justify-content:center; }
.iqa-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:.75rem 1.5rem; border-radius:10px; background:var(--sun); color:var(--ink) !important; font-weight:600; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; }
.iqa-btn:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(26,44,62,.18); }
.iqa-btn:focus-visible, .iqa summary:focus-visible, .iqa input:focus-visible { outline:3px solid var(--blue-l); outline-offset:2px; }
.iqa-btn-ghost { background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.55); }
.iqa-sec .iqa-btn-ghost { color:var(--ink) !important; border-color:var(--ink); }

/* Hero */
.iqa-hero { background:var(--ink); color:#c9d3dd; border-radius:20px; padding:clamp(1.6rem, 4vw, 3.4rem); margin-top:1rem; overflow:hidden; }
.iqa-hero h1 { color:#fff; }
.iqa-hero .iqa-eyebrow { color:var(--sun); }
.iqa-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:3rem; align-items:center; }
.iqa-fil { font-size:.82rem; color:#93a3b3; margin-bottom:1.4rem; }
.iqa-fil a { color:#b9c6d3; text-decoration:none; }
.iqa-fil a:hover { text-decoration:underline; }
.iqa-hero-facts { display:flex; flex-wrap:wrap; gap:.4rem 1.6rem; list-style:none; padding:0; margin:0; font-size:.95rem; }
.iqa-hero-facts li { position:relative; padding-left:1rem; }
.iqa-hero-facts li::before { content:""; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--sun); }
.iqa-hero-facts strong { color:#fff; }
.iqa-hero-visual { position:relative; padding-bottom:3.2rem; }
.iqa-phone { background:#fff; border-radius:18px; padding:1.1rem; box-shadow:0 20px 50px rgba(0,0,0,.28); }
.iqa-phone-top { display:flex; align-items:center; gap:.5rem; font-size:.8rem; color:var(--mut); padding-bottom:.8rem; margin-bottom:.8rem; border-bottom:1px solid var(--line); }
.iqa-dot { width:8px; height:8px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 4px rgba(31,138,85,.15); }
.iqa-notif { position:absolute; right:-.6rem; bottom:0; width:min(92%, 340px); background:#fff; border-radius:14px; padding:.85rem 1rem; box-shadow:0 14px 34px rgba(0,0,0,.3); border-left:4px solid var(--coral); }
.iqa-notif p { margin:0; }
.iqa-notif-h { font-size:.75rem; color:var(--mut); display:flex; gap:.5rem; align-items:center; }
.iqa-notif-t { font-weight:600; color:var(--ink); margin-top:.3rem !important; }
.iqa-notif-m { font-size:.85rem; color:var(--mut); }

/* Bulles de conversation */
.iqa-b { max-width:88%; padding:.6rem .85rem; border-radius:14px; font-size:.93rem; line-height:1.45; margin:0 0 .55rem; }
.iqa-b span { display:block; font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; opacity:.65; margin-bottom:.15rem; }
.iqa-b-agent { background:#eaf2fc; color:var(--ink); border-bottom-left-radius:4px; }
.iqa-b-caller { background:var(--soft); color:var(--ink); margin-left:auto; border-bottom-right-radius:4px; }
.iqa-tag { display:inline-block; font-size:.72rem; font-weight:600; padding:.12rem .5rem; border-radius:99px; background:#e8edf2; color:var(--ink); white-space:nowrap; }
.iqa-tag-hot { background:#fde6e0; color:#a63a22; }

/* Grilles et cartes */
.iqa-grid3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.2rem; }
.iqa-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.4rem 1.4rem .6rem; }
.iqa-alt .iqa-card { border-color:transparent; }
.iqa-pb .iqa-card { border-top:3px solid var(--coral); }
.iqa-grid3 + .iqa-small { margin-top:1.4rem; }

/* Étapes */
.iqa-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:1.2rem; counter-reset:none; }
.iqa-steps li { background:#fff; border-radius:14px; padding:1.4rem 1.3rem .6rem; position:relative; }
.iqa-n { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:50%; background:var(--ink); color:#fff; font-weight:600; font-size:.95rem; margin-bottom:.9rem; }
.iqa-steps p { font-size:.95rem; }

/* Exemple d'appel */
.iqa-ex-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:3rem; align-items:start; }
.iqa-convo { display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; align-items:start; }
.iqa-chat { background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.1rem; }
.iqa-summary { background:var(--ink); color:#d5dee7; border-radius:16px; padding:1.2rem; position:sticky; top:110px; }
.iqa-summary-h { font-size:.78rem; text-transform:uppercase; letter-spacing:.07em; color:var(--sun); font-weight:600; }
.iqa-summary dl { margin:0; }
.iqa-summary dt { font-size:.75rem; color:#93a3b3; margin-top:.75rem; }
.iqa-summary dd { margin:.1rem 0 0; color:#fff; font-size:.93rem; }

/* Personnalisation */
.iqa-split { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; align-items:center; }
.iqa-checks { list-style:none; margin:0; padding:0; }
.iqa-checks li { position:relative; padding:0 0 1.1rem 2.1rem; }
.iqa-checks li::before { content:""; position:absolute; left:0; top:.2rem; width:22px; height:22px; border-radius:50%; background:#e6f1fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%232f78d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.iqa-checks strong { display:block; color:var(--ink); }

/* Tarifs */
.iqa-prices { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.2rem; margin-bottom:1.2rem; }
.iqa-price { background:#fff; border-radius:16px; padding:1.6rem 1.5rem .8rem; border:1px solid transparent; }
.iqa-price-main { border-color:var(--ink); box-shadow:0 12px 30px rgba(26,44,62,.08); }
.iqa-amount { font-size:2.1rem; font-weight:600; color:var(--ink); line-height:1.1; margin:.3rem 0 .8rem !important; }
.iqa-amount small { font-size:.95rem; font-weight:500; color:var(--mut); }
.iqa-calc { display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center; background:#fff; border-radius:16px; padding:1.6rem; margin-top:2rem; }
.iqa-calc label { display:block; margin:.6rem 0; }
.iqa-calc output { font-weight:600; color:var(--ink); font-size:1.15rem; }
.iqa-calc input[type=range] { width:100%; accent-color:var(--blue); height:32px; }
.iqa-calc-res p { display:flex; justify-content:space-between; gap:1rem; margin:0 0 .4rem; }
.iqa-calc-res strong { color:var(--ink); font-variant-numeric:tabular-nums; }
.iqa-calc-total { border-top:1px solid var(--line); padding-top:.6rem; font-size:1.1rem; }
.iqa-calc-res .iqa-small { display:block; text-align:right; }

/* Comparatif */
.iqa-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.iqa-table { width:100%; border-collapse:collapse; min-width:620px; font-size:.95rem; }
.iqa-table th, .iqa-table td { padding:.85rem 1rem; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
.iqa-table thead th { font-size:.85rem; color:var(--mut); font-weight:600; }
.iqa-table tbody th { color:var(--ink); font-weight:500; }
.iqa-table .iqa-col-main { background:#eef5fd; color:var(--ink); font-weight:600; }
.iqa-table thead .iqa-col-main { border-radius:10px 10px 0 0; color:var(--blue); }

/* Espace client (illustration) */
.iqa-split-rev > div:first-child { order:2; }
.iqa-dash { display:grid; grid-template-columns:130px 1fr; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 18px 40px rgba(26,44,62,.12); font-size:.85rem; }
.iqa-dash-side { background:var(--ink); padding:1rem .8rem; display:flex; flex-direction:column; gap:.35rem; }
.iqa-dash-side span { color:#9fb0c1; padding:.35rem .5rem; border-radius:6px; }
.iqa-dash-side .is-on { background:rgba(255,255,255,.1); color:#fff; }
.iqa-dash-main { padding:1rem; }
.iqa-kpi { display:grid; grid-template-columns:repeat(3, 1fr); gap:.5rem; margin-bottom:.8rem; }
.iqa-kpi div { background:var(--soft); border-radius:10px; padding:.6rem; }
.iqa-kpi strong { display:block; color:var(--ink); font-size:1.15rem; }
.iqa-kpi span { color:var(--mut); font-size:.75rem; }
.iqa-rows { list-style:none; padding:0; margin:0; }
.iqa-rows li { display:flex; align-items:center; gap:.6rem; padding:.55rem 0; border-bottom:1px solid var(--line); }
.iqa-rows b { color:var(--ink); font-weight:500; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.iqa-rows em { color:var(--mut); font-style:normal; font-size:.78rem; }

/* FAQ */
.iqa-q { border-bottom:1px solid #d9e0e6; }
.iqa-q summary { list-style:none; cursor:pointer; padding:1.1rem 2.2rem 1.1rem 0; color:var(--ink); font-weight:600; position:relative; }
.iqa-q summary::-webkit-details-marker { display:none; }
.iqa-q summary::after { content:""; position:absolute; right:.3rem; top:50%; width:10px; height:10px; border-right:2px solid var(--blue); border-bottom:2px solid var(--blue); transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
.iqa-q[open] summary::after { transform:translateY(-30%) rotate(-135deg); }
.iqa-q div { padding:0 0 .6rem; }

/* Final */
.iqa-final { text-align:center; }
.iqa-final h2 { margin-left:auto; margin-right:auto; }

/* Bouton fixe mobile */
.iqa-sticky { position:fixed; left:0; right:0; bottom:0; z-index:90; padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96); box-shadow:0 -6px 20px rgba(26,44,62,.12); transform:translateY(110%); transition:transform .25s ease; }
.iqa-sticky .iqa-btn { width:100%; }
.iqa-sticky.is-on { transform:none; }

@media (max-width: 980px) {
	.iqa-hero-grid, .iqa-ex-grid, .iqa-split { grid-template-columns:1fr; gap:2rem; }
	.iqa-steps { grid-template-columns:repeat(2, 1fr); }
	.iqa-split-rev > div:first-child { order:0; }
	.iqa-summary { position:static; }
}
@media (max-width: 720px) {
	.iqa { font-size:16px; }
	.iqa-hero { border-radius:0; margin:0 -16px; padding:1.6rem 16px 2rem; }
	.iqa-grid3, .iqa-prices, .iqa-steps, .iqa-convo, .iqa-calc { grid-template-columns:1fr; }
	.iqa-hero-visual { padding-bottom:3.6rem; }
	.iqa-notif { right:0; }
	.iqa-actions .iqa-btn { flex:1 1 100%; }
	.iqa-dash { grid-template-columns:1fr; }
	.iqa-dash-side { flex-direction:row; overflow:hidden; }
	.iqa-final { padding-bottom:6rem; }
}
@media (min-width: 721px) { .iqa-sticky { display:none !important; } }
@media (prefers-reduced-motion: reduce) { .iqa-btn, .iqa-sticky, .iqa-q summary::after { transition:none; } }

/* Mobile : comparatif en cartes (la colonne Agent reste visible), tableau de bord sans menu latéral */
@media (max-width: 720px) {
	.iqa-table { min-width:0; }
	.iqa-table thead { display:none; }
	.iqa-table, .iqa-table tbody, .iqa-table tr, .iqa-table th, .iqa-table td { display:block; width:100%; }
	.iqa-table tr { border:1px solid var(--line); border-radius:12px; margin-bottom:.8rem; overflow:hidden; }
	.iqa-table tbody th { background:var(--soft); border-bottom:0; padding:.7rem .9rem; }
	.iqa-table td { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding:.55rem .9rem; }
	.iqa-table td:last-child { border-bottom:0; }
	.iqa-table td::before { content:attr(data-l); color:var(--mut); font-weight:400; text-align:left; flex:0 0 42%; }
	.iqa-table tbody tr { display:flex; flex-direction:column; }
	.iqa-table tbody th { order:-2; }
	.iqa-table td.iqa-col-main { order:-1; }
	.iqa-table td { text-align:right; }
	.iqa-dash-side { display:none; }
	.iqa-sticky { padding-right:76px; }
}
.iqa-rows em, .iqa-rows .iqa-tag { flex-shrink:0; }