/* Page /analyse-gratuite/ : le parcours (questions, transcription, email), l'analyse en cours et le résultat.
   Même DA que site.css (bleu #0044FF, Nexa, verre dépoli, ombres douces). Mobile d'abord. */

.ag-hero{padding-bottom:clamp(1rem,.5rem + 2vw,2rem)}
.ag-hero .h1{max-width:52rem;margin-inline:auto}
.ag-hero .micro .ico{color:var(--blue)}
.ag-sec{position:relative;padding:0 0 clamp(3.5rem,2.5rem + 4vw,6rem);background:linear-gradient(180deg,#fff 0%,#F7F9FD 100%)}

/* ---------- Carte du parcours ---------- */
.ag{position:relative;max-width:46rem;margin-inline:auto;border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-2);padding:clamp(1.15rem,.8rem + 1.6vw,2.25rem);min-height:24rem}
.ag-noscript{color:var(--ink-3);text-align:center;padding:4rem 0}
.ag-top{display:flex;align-items:center;gap:.75rem;margin-bottom:clamp(1.25rem,1rem + 1vw,1.9rem)}
.ag-retour{flex:none;display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 .8rem 0 .6rem;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--ink-2);background:var(--bg-2);transition:background-color .2s}
.ag-retour:hover{background:var(--bg-3)}
.ag-retour .ico{transform:rotate(180deg)}
.ag-retour[hidden]{display:none}
.ag-prog{flex:1;display:flex;gap:.3rem;min-width:0}
.ag-prog li{flex:1;min-width:0}
.ag-prog button,.ag-prog span{display:block;width:100%;height:.4rem;border-radius:999px;background:var(--bg-3);transition:background-color .3s}
.ag-prog .fait button{background:var(--blue-100)}
.ag-prog .fait button:hover{background:#B9CCFF}
.ag-prog .ici span{background:var(--blue)}
.ag-compte{flex:none;font-size:.8125rem;color:var(--ink-4);font-variant-numeric:tabular-nums}

.ag-q{font-family:var(--display);font-weight:800;font-size:clamp(1.55rem,1.2rem + 1.4vw,2.2rem);line-height:1.12;letter-spacing:-.012em;text-wrap:balance}
.ag-q .l{font-weight:200}
.ag-aide{margin-top:.55rem;color:var(--ink-3);font-size:.98rem;max-width:36rem;text-wrap:pretty}
.ag-corps{margin-top:clamp(1.1rem,.9rem + .8vw,1.6rem);display:grid;gap:1.1rem}
.ag-label{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}
.ag-label small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-4)}
.ag-input,.ag-texte{display:block;width:100%;font:inherit;font-size:1.0625rem;color:var(--ink);background:var(--bg-2);border:1px solid transparent;border-radius:var(--r-s);padding:.85rem 1rem;transition:border-color .2s,background-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.ag-input::placeholder,.ag-texte::placeholder{color:var(--ink-4)}
.ag-input:focus,.ag-texte:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,68,255,.12)}
.ag-texte{min-height:6.5rem;resize:vertical;line-height:1.5}
.ag-texte.grand{min-height:14rem;font-size:.95rem}
.ag-input[aria-invalid=true],.ag-texte[aria-invalid=true]{border-color:var(--red);background:#fff}

/* Puces de réponse rapide */
.ag-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.ag-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.4rem .95rem;border-radius:999px;font-size:.9375rem;font-weight:500;color:var(--ink-2);background:#fff;box-shadow:0 0 0 1px var(--line-2) inset;transition:background-color .2s,box-shadow .2s,color .2s;text-align:left}
.ag-chip:hover{box-shadow:0 0 0 1px rgba(0,68,255,.45) inset;color:var(--ink)}
.ag-chip[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 0 0 1px var(--blue) inset}
.ag-chip .badge{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .45rem;border-radius:999px;background:var(--blue-50);color:var(--blue)}
.ag-chip[aria-pressed=true] .badge{background:rgba(255,255,255,.2);color:#fff}

/* Cartes de choix (type d'appel, fin de l'appel, locuteurs) */
.ag-choix{display:grid;grid-template-columns:1fr;gap:.6rem}
@media (min-width:560px){.ag-choix.deux{grid-template-columns:1fr 1fr}}
.ag-carte{display:grid;grid-template-columns:auto 1fr;gap:.15rem .85rem;align-items:start;text-align:left;padding:.95rem 1rem;border-radius:var(--r-s);background:#fff;box-shadow:0 0 0 1px var(--line-2) inset;transition:box-shadow .2s,background-color .2s}
.ag-carte:hover{box-shadow:0 0 0 1px rgba(0,68,255,.45) inset}
.ag-carte[aria-pressed=true]{background:var(--blue-50);box-shadow:0 0 0 2px var(--blue) inset}
.ag-carte .ic{grid-row:span 2;width:2.3rem;height:2.3rem;border-radius:.75rem;display:grid;place-items:center;background:var(--blue-50);color:var(--blue);font-size:1.1rem}
.ag-carte[aria-pressed=true] .ic{background:var(--blue);color:#fff}
.ag-carte b{font-weight:650;color:var(--ink);font-size:1rem}
.ag-carte span{color:var(--ink-3);font-size:.9rem;line-height:1.4}
.ag-carte q{display:block;quotes:"« " " »";color:var(--ink-3);font-size:.875rem;line-height:1.45;margin-top:.15rem;overflow-wrap:anywhere}

.ag-sous{display:grid;gap:.55rem}
.ag-sous[hidden]{display:none}
.ag-note{font-size:.875rem;color:var(--ink-3);line-height:1.5}
.ag-note b{color:var(--ink-2)}
.ag-info{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem .9rem;border-radius:var(--r-s);background:var(--blue-50);color:var(--ink-2);font-size:.9rem;line-height:1.45}
.ag-info .ico{flex:none;color:var(--blue);margin-top:.15rem}
.ag-info.ok{background:var(--green-50)}
.ag-info.ok .ico{color:var(--green)}
.ag-info.alerte{background:var(--amber-50)}
.ag-info.alerte .ico{color:var(--amber)}

/* Actions */
.ag-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:clamp(1.3rem,1rem + 1vw,1.9rem)}
.ag-actions .btn{height:3.1rem}
.ag-actions .btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.ag-touche{font-size:.8125rem;color:var(--ink-4)}
.ag-touche kbd{font:inherit;font-weight:600;padding:.05rem .4rem;border-radius:.35rem;background:var(--bg-2);color:var(--ink-3)}
@media (max-width:560px){.ag-actions .btn{width:100%}.ag-touche{display:none}}

/* Dépôt de fichier */
.ag-depot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.8rem 1rem;border-radius:var(--r-s);border:1.5px dashed var(--line-2);color:var(--ink-3);font-size:.9rem;transition:border-color .2s,background-color .2s}
.ag-depot.survol{border-color:var(--blue);background:var(--blue-50)}
.ag-depot label{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--blue);cursor:pointer}
.ag-depot input{position:absolute;width:1px;height:1px;opacity:0}
.ag-outils{display:flex;flex-wrap:wrap;gap:.35rem}
.ag-outils span{font-size:.75rem;font-weight:600;color:var(--ink-3);background:var(--bg-2);padding:.2rem .55rem;border-radius:999px}
.ag-ou summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--blue);list-style:none}
.ag-ou summary::-webkit-details-marker{display:none}
.ag-ou ul{margin-top:.6rem;display:grid;gap:.35rem;font-size:.875rem;color:var(--ink-3)}
.ag-ou li b{color:var(--ink-2)}

/* Marquage des répliques sans noms */
.ag-lignes{display:grid;gap:.35rem;max-height:22rem;overflow:auto;padding:.2rem;border-radius:var(--r-s);background:var(--bg-2)}
.ag-ligne{display:grid;grid-template-columns:5.2rem 1fr;gap:.6rem;align-items:start;text-align:left;padding:.5rem .6rem;border-radius:.6rem;background:#fff;font-size:.875rem;line-height:1.4;color:var(--ink-2)}
.ag-ligne i{font-style:normal;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-4);padding-top:.1rem}
.ag-ligne[aria-pressed=true]{box-shadow:inset .2rem 0 0 var(--blue)}
.ag-ligne[aria-pressed=true] i{color:var(--blue)}

/* Email et consentement */
.ag-case{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;color:var(--ink-2);line-height:1.45;cursor:pointer}
.ag-case input{flex:none;width:1.2rem;height:1.2rem;margin:.12rem 0 0;accent-color:var(--blue)}
.ag-piege{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Erreur */
.ag-erreur{display:grid;gap:.7rem;padding:1rem 1.1rem;border-radius:var(--r-s);background:var(--red-50);color:#7A1F23;font-size:.95rem;line-height:1.5}
.ag-erreur b{color:#5C1418}
.ag-erreur .btns{display:flex;flex-wrap:wrap;gap:.5rem}
.ag-erreur .btn{height:2.6rem}

/* ---------- Analyse en cours ---------- */
.ag-attente{display:grid;gap:1.4rem;padding:clamp(.5rem,.3rem + 1vw,1.5rem) 0;text-align:center;justify-items:center}
.ag-onde{display:flex;gap:.3rem;align-items:center;height:3rem}
.ag-onde i{width:.42rem;border-radius:999px;background:var(--blue);animation:ag-onde 1.1s var(--ease) infinite}
.ag-onde i:nth-child(1){height:40%}.ag-onde i:nth-child(2){height:75%;animation-delay:.12s}.ag-onde i:nth-child(3){height:100%;animation-delay:.24s}.ag-onde i:nth-child(4){height:70%;animation-delay:.36s}.ag-onde i:nth-child(5){height:45%;animation-delay:.48s}
@keyframes ag-onde{0%,100%{transform:scaleY(.45);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.ag-onde i{animation:none}}
.ag-barre{width:min(100%,26rem);height:.5rem;border-radius:999px;background:var(--bg-3);overflow:hidden}
.ag-barre i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3D6BFF,var(--blue));border-radius:inherit;transition:width .8s var(--ease)}
.ag-pas{display:grid;gap:.45rem;text-align:left;font-size:.95rem;color:var(--ink-4)}
.ag-pas li{display:flex;gap:.55rem;align-items:center}
.ag-pas li::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--bg-3);flex:none}
.ag-pas .en-cours{color:var(--ink)}
.ag-pas .en-cours::before{background:var(--blue);box-shadow:0 0 0 .25rem rgba(0,68,255,.15)}
.ag-pas .fait{color:var(--ink-3)}
.ag-pas .fait::before{background:var(--green)}

/* ---------- Résultat ---------- */
.ag-res{display:grid;gap:1.1rem}
.ag-tete{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.4rem;align-items:center}
@media (max-width:520px){.ag-tete{grid-template-columns:1fr;justify-items:center;text-align:center}}
.ag-anneau{position:relative;width:8.5rem;height:8.5rem}
.ag-anneau svg{width:100%;height:100%;transform:rotate(-90deg)}
.ag-anneau circle{fill:none;stroke-width:9}
.ag-anneau .fond{stroke:var(--bg-3)}
.ag-anneau .val{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}
.ag-anneau b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.ag-anneau b small{display:block;font-size:.9rem;font-weight:200;color:var(--ink-3);margin-top:.3rem;letter-spacing:0}
.ag-niveau{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.ag-verdict:focus{outline:none}
.ag-verdict{font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);line-height:1.2;letter-spacing:-.01em;margin-top:.35rem;text-wrap:balance}
.ag-parts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
@media (max-width:520px){.ag-parts{justify-content:center}}
.ag-parts span{font-size:.8125rem;color:var(--ink-3);background:var(--bg-2);padding:.25rem .6rem;border-radius:999px}
.ag-parts b{color:var(--ink)}

.ag-bloc{border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);padding:clamp(1rem,.85rem + .7vw,1.4rem)}
.ag-bloc h2{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.01em;line-height:1.2}
.ag-bloc h2 .ico{color:var(--blue);font-size:1.15rem}
.ag-bloc>p{margin-top:.5rem;color:var(--ink-3);font-size:.95rem}
.ag-moments{display:grid;gap:.9rem;margin-top:.9rem}
.ag-moment{display:grid;gap:.45rem}
.ag-moment .t{display:inline-flex;align-self:start;justify-self:start;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--bg-2);padding:.15rem .5rem;border-radius:.4rem}
.ag-cit{quotes:"« " " »";color:var(--ink-2);font-size:.98rem;line-height:1.5;overflow-wrap:anywhere}
.ag-pb{font-size:.9rem;color:var(--ink-3)}
.ag-dire{border-radius:.8rem;background:var(--blue-50);box-shadow:inset .22rem 0 0 var(--blue);padding:.7rem .9rem .75rem 1.05rem}
.ag-dire small{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--blue);margin-bottom:.2rem}
.ag-dire p{color:var(--ink);font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.ag-liste{display:grid;gap:.55rem;margin-top:.8rem}
.ag-liste li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;font-size:.95rem;line-height:1.45;color:var(--ink-2)}
.ag-liste li::before{content:"";width:.45rem;height:.45rem;margin-top:.5rem;border-radius:50%;background:var(--blue)}
.ag-liste b{color:var(--ink)}
.ag-liste q{quotes:"« " " »";color:var(--ink-3)}
.ag-etat{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;margin-top:.7rem}
.ag-etat.datee{background:var(--green-50);color:#0E7A44}
.ag-etat.sans_date{background:var(--amber-50);color:#8A5600}
.ag-etat.aucune{background:var(--red-50);color:#A3282D}

.ag-mail{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:var(--r);background:linear-gradient(135deg,var(--blue-50),#fff);box-shadow:0 0 0 1px rgba(0,68,255,.12) inset;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.ag-mail .ico{flex:none;font-size:1.3rem;color:var(--blue);margin-top:.1rem}
.ag-mail b{color:var(--ink)}

.ag-partage{display:grid;gap:.9rem}
.ag-partage canvas{width:100%;height:auto;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line),var(--sh-1);background:#fff}
.ag-partage .btns{display:flex;flex-wrap:wrap;gap:.5rem}
.ag-partage .btn{height:2.75rem}
@media (max-width:560px){.ag-partage .btn{flex:1 1 100%}}

.ag-cta{text-align:center;padding:clamp(1.4rem,1rem + 2vw,2.4rem) 1rem;border-radius:var(--r-l);background:radial-gradient(40rem 18rem at 50% 120%,rgba(0,68,255,.14),transparent 70%),#fff;box-shadow:0 0 0 1px var(--line)}
.ag-cta h2{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.ag-cta h2 .l{font-weight:200}
.ag-cta p{color:var(--ink-3);margin:.7rem auto 0;max-width:30rem}
.ag-cta .btn{margin-top:1.2rem}
@media (max-width:560px){.ag-cta .btn{width:100%}}
.ag-recommencer{justify-self:center;font-size:.875rem;color:var(--ink-3);text-decoration:underline;text-underline-offset:.2em}

/* Comment ça marche */
.ag-etapes{display:grid;gap:1rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
@media (min-width:860px){.ag-etapes{grid-template-columns:repeat(3,1fr)}}
.ag-etapes li{padding:1.4rem;border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
.ag-etapes .n{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.75rem;background:var(--blue);color:#fff;font-family:var(--display);font-weight:800}
.ag-etapes h3{margin-top:.9rem;font-size:1.1rem;font-weight:700}
.ag-etapes p{margin-top:.4rem;color:var(--ink-3);font-size:.95rem}