@font-face{font-family:"MrsSaintDelafield";src:url("fonts/MrsSaintDelafield-Regular.ttf") format("truetype");font-display:swap}   /* police de signature choisie par Lucas le 11/10 (variante A, licence OFL) */
/* Parcours de signature — mêmes couleurs, mêmes boutons et même police que le reste du site (leur charte). */
.parcours-section{padding-top:9rem;padding-bottom:5rem;background:#f5f7fa}
.pc-entete{max-width:860px;margin:0 auto 22px;text-align:center}
.pc-entete h1{margin-bottom:14px}
.pc-demo{background:#fff8e6;border:1px solid #f1d27a;color:#0f1b33;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.55;text-align:left}
.pc-demo a{color:#3966cd;font-weight:600}
.pc-progression{list-style:none;display:flex;justify-content:center;gap:6px;margin:0 auto 18px;padding:0;max-width:860px;flex-wrap:wrap}
.pc-progression li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#edf2fc;color:#5a6275;font-size:14px;font-weight:600}
.pc-progression li.actif{background:#3966cd;color:#fff}
.pc-progression li.fait{background:#e6f4ec;color:#0f7b3f}
.pc-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.7);color:#0f1b33;font-size:12px}
.pc-progression li.actif .pc-num{background:#fff;color:#3966cd}
.pc-coche{display:none}.pc-progression li.fait .pc-num{display:none}.pc-progression li.fait .pc-coche{display:inline-flex}
.pc-alerte{display:none;max-width:860px;margin:0 auto 14px;border-radius:12px;padding:12px 16px;font-size:15px;line-height:1.5}
.pc-alerte.visible{display:block}.pc-alerte.erreur{background:#fdecec;color:#8a1c1c;border:1px solid #f3b4b4}.pc-alerte.info{background:#edf2fc;color:#3966cd;border:1px solid #b9d0ff}
.pc-alerte:focus{outline:none}
.pc-cadre{max-width:860px;margin:0 auto;background:#fff;border:1px solid #edf2fc;border-radius:12px;padding:32px;box-shadow:0 20px 60px rgba(16,35,90,.08)}
.pc-etape h2{margin:0 0 8px}.pc-etape h2:focus{outline:none}
.pc-aide{color:#5a6275;font-size:15px;line-height:1.55;margin:0 0 14px}
.pc-zone{border:2px dashed #9db8ea;background:#edf2fc;border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.pc-zone:hover,.pc-zone.survol{background:#edf2fc;border-color:#3966cd}
.pc-zone strong{font-size:18px;color:#3966cd}.pc-zone span{color:#5a6275;font-size:14px}
.pc-chargement{display:flex;align-items:center;gap:10px;margin:14px 0 0;color:#0f1b33}
.pc-roue{width:18px;height:18px;border-radius:50%;border:3px solid #edf2fc;border-top-color:#3966cd;animation:pc-tourne .8s linear infinite}
@keyframes pc-tourne{to{transform:rotate(360deg)}}
.pc-doc{display:flex;gap:18px;align-items:center;margin-top:18px;padding:14px;border:1px solid #edf2fc;border-radius:12px;background:#edf2fc}
.pc-doc canvas{border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.12);max-width:110px;height:auto!important;width:110px!important}
.pc-doc-nom{font-weight:700;margin:0 0 4px;word-break:break-word}
.pc-lien{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:#3966cd;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.pc-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}
.pc-actions .button{min-height:48px;border:0;cursor:pointer;font:inherit}
.pc-actions .button[disabled],.pc-actions .button[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.pc-sous-bouton{flex-basis:100%;display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:-2px 0 0;font-size:13.5px;line-height:1.35;color:#5a6275}   /* sous le bouton final : prix TTC, paiement sécurisé, délai, e-mail (défi conversion n°2) */
.pc-sous-bouton img{width:14px;height:14px;flex:none;opacity:.85}
@media (max-width:600px){.pc-sous-bouton{justify-content:center;text-align:center}}
.pc-deux{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.pc-apercu{background:#edf2fc;border-radius:12px;padding:14px;text-align:center;min-width:0}
.pc-apercu canvas{max-width:100%;height:auto!important;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:8px}
.pc-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;font-size:14px}
.pc-rond{width:44px;height:44px;border-radius:50%;border:1px solid #c9d2e6;background:#fff;font-size:22px;line-height:1;cursor:pointer}
.pc-rond:disabled{opacity:.35;cursor:not-allowed}
.pc-champ{margin-bottom:14px}
.pc-champ label{display:block;font-weight:600;font-size:15px;margin-bottom:6px;color:#0f1b33}
.pc-champ input:not([type=range]),.pc-champ select{width:100%;min-height:48px;border:1.5px solid #c9d2e6;border-radius:8px;padding:10px 14px;font:inherit;font-size:16px;background:#fff;color:#0f1b33}
.pc-champ input:focus,.pc-champ select:focus{border-color:#3966cd;outline:3px solid rgba(10,105,255,.2)}
.pc-champ input[aria-invalid=true]{border-color:#c92a2a;background:#fff7f7}
.pc-champ input[type=range]{width:100%;accent-color:#3966cd}
.pc-facultatif{font-weight:400;color:#5a6275}
.pc-err{color:#b42318;font-size:14px;margin:6px 0 0;min-height:0}
.pc-err:empty{display:none}
.pc-modes{border:0;padding:0;margin:0 0 12px;display:flex;gap:10px;flex-wrap:wrap}
.pc-modes legend{width:100%}
.pc-modes label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #c9d2e6;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600;min-height:44px}
.pc-modes label:has(input:checked){border-color:#3966cd;background:#edf2fc;color:#3966cd}
.pc-tableau-cadre{position:relative;border:2px dashed #b8c6e6;border-radius:12px;background:#edf2fc;height:220px;touch-action:none}
.pc-tableau-cadre canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}
.pc-tableau-vide{position:absolute;left:0;right:0;top:42%;text-align:center;color:#5a6275;font-size:18px;pointer-events:none}   /* 16:30 (défi A) : « Signez ici » à 1,45:1 sur le fond teinté → gris du site, 5,4:1 */
.pc-ligne{position:absolute;left:24px;right:24px;bottom:46px;border-top:1.5px solid #c9d2e6;pointer-events:none}
.pc-outils{display:flex;gap:18px;margin:6px 0}
.pc-texte-apercu{font:52px "MrsSaintDelafield","Snell Roundhand",cursive;color:#2b3345;min-height:70px;border-bottom:1.5px solid #c9d2e6;margin:8px 0 0;overflow-wrap:anywhere}
.pc-reglages{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:end}
.pc-feuille-cadre{background:#edf2fc;border-radius:12px;padding:16px;display:flex;justify-content:center;overflow:hidden}
.pc-feuille{position:relative;max-width:100%}
.pc-feuille canvas{display:block;max-width:100%;height:auto!important;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:8px}
.pc-boite{position:absolute;cursor:grab;outline:2px dashed #3966cd;outline-offset:2px;background:rgba(10,105,255,.06);border-radius:8px;touch-action:none}
.pc-boite.glisse{cursor:grabbing;background:rgba(10,105,255,.12)}
.pc-boite:focus-visible{outline:3px solid #3966cd!important}
.pc-boite img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.pc-recap{margin:0 0 10px;border:1px solid #edf2fc;border-radius:12px;overflow:hidden}
.pc-recap div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 18px;border-top:1px solid #edf2fc}
.pc-recap div:first-child{border-top:0}
.pc-recap dt{font-weight:600;color:#5a6275;margin:0}.pc-recap dd{margin:0;color:#0f1b33;overflow-wrap:anywhere}   /* défi n°10 : « anywhere » (et pas break-word) pour que l'empreinte sans espace ne force pas la largeur de la grille (mesuré : bouton Modifier à x=503 sur 390 px) */
.pc-code{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.pc-r-sig{max-height:64px;max-width:240px}
.pc-consent{display:flex;gap:12px;align-items:flex-start;background:#edf2fc;border:1.5px solid #c9d8f5;border-radius:12px;padding:16px;margin-top:16px;cursor:pointer;line-height:1.55}
.pc-consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:#3966cd}
.pc-succes{text-align:center;padding:10px 0 20px}
.pc-succes-rond{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e6f4ec;color:#0f7b3f;margin-bottom:12px}
.pc-succes-rond svg{width:30px;height:30px}
.pc-succes .button{margin-top:10px}
.pc-rappel{max-width:560px;margin:16px auto 0}
.pc-journal{list-style:none;padding:0;margin:8px 0 0;border-left:3px solid #edf2fc}
.pc-journal li{padding:8px 0 8px 16px;display:grid;gap:2px;font-size:14px}
.pc-journal time{color:#5a6275;font-size:13px}.pc-journal span{color:#5a6275;word-break:break-word}
@media (max-width:767px){
 .parcours-section{padding-top:7rem}
 .pc-cadre{padding:20px 16px;border-radius:12px}
 .pc-deux{grid-template-columns:1fr}
 .pc-reglages{grid-template-columns:1fr}
 .pc-recap div{grid-template-columns:1fr;gap:4px}
 .pc-progression li{padding:6px 10px;font-size:13px}
 .pc-progression li:not(.actif) .pc-lib{display:none}
 .pc-actions{justify-content:stretch}.pc-actions .button{flex:1;justify-content:center}
}
/* Corrections après relecture des captures du 10/10 */
.parcours-section [hidden]{display:none!important}
.pc-actions .button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding-left:28px;padding-right:28px}
.pc-actions .button.secondary{background:#fff;color:#3966cd;border:1.5px solid #3966cd!important}
.pc-actions .button.secondary:hover{background:#edf2fc}
.pc-r-sig{height:64px;width:auto;max-width:100%;object-fit:contain;display:block}
@media (max-width:767px){.pc-actions{flex-direction:column}.pc-actions .button{width:100%}.pc-actions .button:not(.secondary){order:-1}.pc-actions .button.secondary{order:1}.pc-actions .button.secondary[data-aller]{order:2}}   /* téléphone : bouton principal en haut, ligne de confiance juste dessous, « Retour » en dernier */
/* Bandeau démonstration : 1 ligne, détail au clic */
details.pc-demo summary{cursor:pointer;list-style:none}
details.pc-demo summary::-webkit-details-marker{display:none}
.pc-demo-plus{color:#3966cd;text-decoration:underline;margin-left:4px;white-space:nowrap}
details.pc-demo[open] .pc-demo-plus{display:none}
details.pc-demo p{margin:8px 0 0}
.pc-actions .button{min-height:50px;font-size:16px;font-weight:600}
/* Journal de fin : compact (relevé du 11/10 : 116 px par événement à cause des marges héritées) — heure à gauche, événement + détail à droite */
.pc-journal li{grid-template-columns:150px 1fr;column-gap:16px;row-gap:2px;padding:10px 0 10px 16px!important;margin:0!important;border-bottom:1px solid #eef2f7;line-height:1.45}
.pc-journal li:last-child{border-bottom:0}
.pc-journal li>*{margin:0!important;padding:0!important;line-height:1.45!important}
.pc-journal time{grid-row:1/3;padding-top:1px!important}
.pc-journal strong{font-size:15px;color:#0f1b33}
@media (max-width:600px){.pc-journal li{grid-template-columns:1fr}.pc-journal time{grid-row:auto}}

/* ── Refonte 11/10 (B) d'après les tunnels Bizee / ZenBusiness / LegalZoom / Legalstart : prix et délai annoncés,
   « pourquoi on demande ça », exemple du bon document, garanties sous la carte, questions, « et maintenant ? » ── */
.pc-sous{color:#5a6275;font-size:16px;margin:-6px 0 14px}
.pc-exemple{margin:14px 0 0;border:1px solid #dfe4ec;border-radius:12px;background:#fff}
.pc-exemple summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#3966cd;list-style:none;min-height:44px;display:flex;align-items:center;gap:8px}
.pc-exemple summary::-webkit-details-marker{display:none}
.pc-exemple summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-right:4px;transition:transform .15s}
.pc-exemple[open] summary::before{transform:rotate(45deg)}
.pc-exemple-corps{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:0 16px 16px;align-items:start}
.pc-exemple-corps img{width:120px;height:auto;border:1px solid #dfe4ec;border-radius:6px;box-shadow:0 2px 8px rgba(15,27,51,.08)}
.pc-exemple-corps p{margin:0 0 8px;font-size:15px;line-height:1.55;color:#2b3345}
.pc-confiance{list-style:none;max-width:860px;margin:18px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pc-confiance li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;color:#2b3345}
.pc-confiance img{flex:none;margin-top:1px;width:24px!important;height:24px!important;max-width:none}
.pc-confiance strong{color:#0f1b33}
.pc-confiance a{color:#3966cd;font-weight:600}
.pc-questions{max-width:860px;margin:18px auto 0}
.pc-questions details{background:#fff;border:1px solid #dfe4ec;border-radius:12px;margin:0 0 8px}
.pc-questions summary{cursor:pointer;padding:14px 16px;font-weight:600;color:#0f1b33;list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc-questions summary::-webkit-details-marker{display:none}
.pc-questions summary::after{content:"";width:9px;height:9px;border-right:2px solid #3966cd;border-bottom:2px solid #3966cd;transform:rotate(45deg);flex:none;transition:transform .15s}
.pc-questions details[open] summary::after{transform:rotate(-135deg)}
.pc-questions p{margin:0;padding:0 16px 14px;color:#2b3345;font-size:15px;line-height:1.55}
.pc-suite{background:#edf2fc;border-radius:12px;padding:18px 20px;margin:8px 0 22px}
.pc-suite h3{margin:0 0 10px}
.pc-suite-liste{margin:0;padding-left:22px;color:#2b3345;font-size:15px;line-height:1.6}
.pc-suite-liste li{margin:4px 0}
@media (max-width:767px){.pc-confiance{grid-template-columns:1fr 1fr}.pc-exemple-corps{grid-template-columns:90px 1fr}.pc-exemple-corps img{width:90px}}
@media (max-width:479px){.pc-confiance{grid-template-columns:1fr}}

.pc-exemple-corps img{width:120px!important;height:auto!important}
@media (max-width:767px){.pc-exemple-corps img{width:90px!important}}

/* ── Mise en page B (11/10) : étape à gauche, récapitulatif collant à droite (Bizee « Order summary », Stripe) ── */
.pc-grille{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.pc-grille .pc-cadre{max-width:none;margin:0}
.pc-recap-collant{position:sticky;top:96px;background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:20px 22px;box-shadow:0 1px 2px rgba(15,27,51,.06),0 6px 18px rgba(15,27,51,.06)}
.pc-recap-collant h3{margin:0 0 12px;font-size:19px}
.pc-recap-collant dl{margin:0;border-top:1px solid #eef2f7}
.pc-recap-collant dl div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:14px}
.pc-recap-collant dt{color:#5a6275;margin:0}.pc-recap-collant dd{margin:0;color:#0f1b33;word-break:break-word}
.pc-recap-collant dd.rc-ok{color:#0f7b3f;font-weight:600}
.rc-prix{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 4px;font-size:15px;color:#5a6275}
.rc-prix strong{font-size:24px;color:#0f1b33}
.rc-note{font-size:13px;color:#5a6275;line-height:1.5;margin:0 0 12px}
.rc-faits{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid #eef2f7;display:grid;gap:8px;font-size:13.5px;color:#2b3345}
.rc-faits li{display:flex;gap:8px;align-items:center}.rc-faits img{width:20px!important;height:20px!important;flex:none}.rc-faits a{color:#3966cd;font-weight:600}
.pc-progression,.pc-entete,.pc-alerte,.pc-questions,.pc-confiance{max-width:1120px}
.pc-confiance{display:none}
@media (max-width:991px){.pc-grille{grid-template-columns:1fr}.pc-recap-collant{position:static}}

/* 11/10 (B, demande A/Lucas) : barre de prix compacte collée en haut sur téléphone et tablette — mesuré :
   à 390 px le prix du récapitulatif tombait à 1 315 px (1,5 écran). Ordinateur : masquée (le récap est à côté). */
.pc-barre-prix{display:none}
@media (max-width:991px){
  .pc-barre-prix{display:flex;position:sticky;top:82px;z-index:40;align-items:center;justify-content:space-between;gap:12px;
    margin:0 0 16px;padding:10px 16px;background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 1px 2px rgba(15,27,51,.06),0 6px 18px rgba(15,27,51,.06);font-size:15px;color:#5a6275}
  .pc-barre-prix strong{color:#0f1b33;font-size:17px}
  .pcb-cta{flex:none;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;border-radius:999px;background:#3966cd;color:#fff;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}
  .pcb-cta:hover,.pcb-cta:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px rgba(57,102,205,.25)}
}

/* 11/10 (B, consigne Lucas) : rangée de paiement fixe façon e-commerce sous le prix du récapitulatif — cadenas + 6 logos, compacte */
.pc-recap-collant .paiement-logos{margin:0 0 12px;gap:8px 10px}
.pc-recap-collant .paiement-logos .pl-titre{font-size:13px;color:#5a6275}
.pc-recap-collant .paiement-logos ul{gap:6px}
.pc-recap-collant .paiement-logos img{width:38px;height:24px;padding:2px 4px}
/* 11/10 soir (B) : à 390 px la barre de prix passait sur 2 lignes (« 19,90 € TTC · quelques | minutes ») → 1 ligne */
@media (max-width:479px){.pc-barre-prix{font-size:14px;padding:9px 12px}.pc-barre-prix strong{font-size:16px}.pc-barre-prix .pcb-prix{white-space:nowrap}.pcb-cta{padding:0 16px}}

/* 14:50 (Lucas, capture des pastilles) : les 5 pastilles d'étape ont exactement la même hauteur, quel que soit l'état */
.pc-progression li{height:48px;box-sizing:border-box;align-items:center}

/* 15:10 (B) étape 3 sur téléphone : cadre de signature plus haut (220 → 260 px), outils « Annuler / Tout effacer » en 2 boutons
   pleine largeur de 44 px, choix « Dessiner / Écrire mon nom » en 2 pilules égales */
@media (max-width:479px){
  .pc-tableau-cadre{height:260px}
  .pc-outils{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
  .pc-outils .pc-lien{min-height:44px;border:1.5px solid #c9d2e6;border-radius:999px;text-decoration:none;font-weight:600;background:#fff;display:inline-flex;align-items:center;justify-content:center}
  .pc-modes{display:grid;grid-template-columns:1fr 1fr}
  .pc-modes legend{grid-column:1/-1}
  .pc-modes label{justify-content:center}
}
/* 15:30 (après capture à 390) : « Écrire mon nom » et « Annuler le dernier trait » passaient sur 2 lignes dans des demi-colonnes
   → les 2 choix et les 2 outils s'empilent en pleine largeur (44-48 px chacun) */
@media (max-width:479px){.pc-modes,.pc-outils{grid-template-columns:1fr}.pc-outils .pc-lien{min-height:46px}}

/* 11/10 18:10 (B, défi conversion) : formalité pré-indiquée (?formalite=…) et repère d'étape visible partout */
.pc-formalite{display:inline-flex;align-items:center;gap:8px;margin:-4px auto 14px;padding:8px 14px;border:1px solid #c9d8f5;border-radius:999px;background:#edf2fc;font-size:15px;color:#2b3345}
.pc-formalite b{color:#0f1b33}
.pc-formalite img{width:20px;height:20px;flex:none}
.pc-repere{text-align:center;color:#5a6275;font-size:14px;margin:-6px auto 14px;max-width:1120px}
@media (max-width:767px){.pc-repere{font-size:13.5px;margin:0 auto 12px}.pc-formalite{font-size:14px}}

/* défi conversion n°3 (B, 11/10 21:20) : question après dépôt, raison du bouton grisé, livraison annoncée */
.pc-question{margin:18px 0 -8px;font-weight:600;font-size:17px;color:#0f1b33}
.pc-raison{margin:6px 0 0;font-size:13.5px;color:#5a6275}
.pc-livraison{overflow-wrap:break-word;margin:14px 0 -10px;padding:10px 14px;border-radius:10px;background:#f1fbf5;border:1px solid #cdeedb;color:#14532d;font-size:14.5px;line-height:1.4}

/* défi n°4 : 4 objections courtes, repliées, sous le bouton final (étape 4) */
.pc-objections{max-width:none;margin:22px 0 0}
.pc-objections details{margin:0 0 6px}
.pc-objections summary{font-size:15px;min-height:44px;padding:11px 14px}
.pc-objections p{margin:0;padding:0 14px 12px;font-size:14.5px;line-height:1.5;color:#3b4252}

/* défi n°5 : pastille de formalité = menu à l'étape 1 (Legalstart), texte figé ensuite ; « Pourquoi mon e-mail ? » (Yousign) */
.pc-formalite{flex-wrap:wrap;justify-content:center;gap:6px 8px;max-width:100%}
.pc-formalite-lab{color:#2b3345}
.pc-formalite-choix{font:inherit;font-weight:700;color:#0f1b33;background:#fff;border:1px solid #c9d8f5;border-radius:8px;padding:6px 30px 6px 10px;min-height:36px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%233966cd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;max-width:min(260px,70vw);text-overflow:ellipsis}
.pc-formalite-choix:hover{border-color:#3966cd}
.pc-formalite-choix:focus-visible{outline:3px solid #3966cd;outline-offset:2px}
.pc-formalite.pc-fige .pc-formalite-choix,.pc-formalite.pc-fige .pc-formalite-lab{display:none}
.pc-formalite.pc-fige #pc-formalite-nom{display:inline}
.pc-formalite:not(.pc-fige) #pc-formalite-nom{display:none}
.pc-formalite-prix{color:#2b3345}
@media (max-width:479px){.pc-formalite-prix{flex-basis:100%;text-align:center}}
.pc-pourquoi{margin:8px 0 0;font-size:14px;color:#3b4252}
.pc-pourquoi summary{cursor:pointer;color:#3966cd;font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:28px}
.pc-pourquoi summary::-webkit-details-marker{display:none}
.pc-pourquoi summary::before{content:"";width:7px;height:7px;border-right:2px solid #3966cd;border-bottom:2px solid #3966cd;transform:rotate(-45deg);transition:transform .2s}
.pc-pourquoi[open] summary::before{transform:rotate(45deg)}
.pc-pourquoi p{margin:6px 0 0;line-height:1.5}

/* défi n°7 : zone de dépôt en attente des outils PDF (réseau lent) */
.pc-zone[aria-busy=true]{opacity:.72;cursor:progress}
.pc-zone-attente{display:block;margin-top:8px;font-size:13.5px;color:#3966cd;font-weight:600}
.pc-zone-attente[hidden]{display:none}

/* défi n°8 : cachet annoncé à l'étape 3 */
.pc-cachet{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#f4f7fd;border:1px solid #dfe7f7;font-size:14px;line-height:1.5;color:#2b3345}
.pc-cachet b{color:#0f1b33}
/* défi n°8 : « Retour » à gauche quand les boutons de l'étape 3 passent sur 2 lignes (1280 : 3 boutons pour 585 px) */
@media (min-width:768px){.pc-actions .button.secondary[data-aller]{margin-right:auto}}

/* défi n°9 : suggestion de domaine d'e-mail (« Vouliez-vous dire prenom@gmail.com ? »), champ revenu au vert, bouton de suggestion = lien */
.pc-suggestion{margin:6px 0 0;font-size:14px;color:#3b4252;line-height:1.5}
.pc-suggestion[hidden]{display:none}
.pc-sugg-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#3966cd;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:28px}
.pc-sugg-btn:hover,.pc-sugg-btn:focus-visible{color:#244ba3;outline:2px solid rgba(10,105,255,.35);outline-offset:2px;border-radius:4px}
.pc-champ input.pc-ok:not(:focus){border-color:#2f9e5b;background:#f6fcf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%232f9e5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/16px 16px;padding-right:40px}

/* défi n°10 : « Modifier » dans le récapitulatif (lien discret, 28 px de hauteur cliquable), écran d'attente de l'étape 4 */
.pc-modifier{background:none;border:0;padding:0 2px;font:inherit;font-size:14px;font-weight:600;color:#3966cd;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:28px;vertical-align:baseline}
.pc-modifier:hover,.pc-modifier:focus-visible{color:#244ba3;outline:2px solid rgba(10,105,255,.35);outline-offset:2px;border-radius:4px}
.pc-recap div{position:relative}
@media (min-width:768px){.pc-recap div:has(.pc-modifier) dd{padding-right:84px}}   /* jamais de flex sur un texte nu + balises (règle Lucas 11/10) : le lien est posé en haut à droite de la ligne ; sur téléphone le titre de ligne est seul sur sa ligne, c'est lui qui laisse la place */
@media (max-width:767px){.pc-recap div:has(.pc-modifier) dt{padding-right:84px}}
.pc-modifier{position:absolute;top:10px;right:12px;margin:0}
.pc-attente{margin:14px 0 -6px;padding:12px 14px;border-radius:10px;background:#f4f7fd;border:1px solid #dfe7f7;color:#1f2a44;font-size:14.5px;line-height:1.45}

/* défi n°11 : « Le Guichet unique a refusé mon document ? » sur l'écran final */
.pc-refus{margin:18px 0 22px;background:#fff8f1;border:1px solid #f3dcc0;border-radius:12px;padding:0 16px}
.pc-refus summary{cursor:pointer;padding:14px 0;font-weight:600;color:#0f1b33;list-style:none;min-height:48px}
.pc-refus summary::-webkit-details-marker{display:none}
.pc-refus summary::before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 2px 2px;border-right:2px solid #c2410c;border-bottom:2px solid #c2410c;transform:rotate(-45deg);transition:transform .2s}
.pc-refus[open] summary::before{transform:rotate(45deg)}
.pc-refus p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#2b3345}
.pc-refus a{color:#3966cd;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* défi n°13 : exemple du document signé (boîte), heure de sauvegarde */
.pc-voir-exemple{margin:10px 0 0;text-align:left}
.pc-lien-exemple{background:none;border:0;padding:4px 0;font:inherit;font-size:14.5px;font-weight:600;color:#3966cd;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:32px}
.pc-lien-exemple:hover,.pc-lien-exemple:focus-visible{color:#244ba3;outline:2px solid rgba(10,105,255,.35);outline-offset:2px;border-radius:4px}
.pc-boite-exemple{border:0;border-radius:16px;padding:0;max-width:min(92vw,520px);width:100%;box-shadow:0 20px 60px rgba(15,27,51,.3);background:#fff;color:#0f1b33}
.pc-boite-exemple::backdrop{background:rgba(15,27,51,.55)}
.pc-boite-exemple-int{padding:22px 22px 20px;text-align:center}
.pc-boite-exemple h3{margin:0 0 8px;font-size:21px}
.pc-boite-exemple-mention{margin:0 0 14px;font-size:14px;line-height:1.5;color:#5a6275}
.pc-boite-exemple-img{display:block;margin:0 auto 16px;width:240px;max-width:100%;height:auto;border:1px solid #dfe4ec;border-radius:8px;box-shadow:0 4px 14px rgba(15,27,51,.12)}
.pc-boite-exemple-actions{margin:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pc-boite-exemple-actions .button{min-height:46px}
.pc-sauvegarde{margin:-4px 0 14px;font-size:13.5px;color:#2f7a4b;text-align:center}
.pc-sauvegarde img{vertical-align:-2px;margin-right:5px}
.pc-sauvegarde[hidden]{display:none}

/* défi n°13 : écran de 320 px (iPhone SE 1re génération) — cadre, barre du téléphone et titre final tenaient 329 px (mesuré) */
@media (max-width:359px){
 .pc-cadre,.pc-etape,.pc-succes,.pc-recap-collant,.pc-grille{min-width:0;max-width:100%}
 .pc-cadre{padding:16px 12px}
 .pc-succes h2,.pc-etape h2{font-size:23px;overflow-wrap:anywhere}
 .pc-code,.pc-journal,.pc-recap dd{overflow-wrap:anywhere}
 .pc-barre-prix{gap:8px;padding:8px 10px}
 .pcb-cta{padding:0 12px;min-height:40px;font-size:14px}
 .pc-barre-prix .pcb-prix{white-space:normal}
 .pc-barre-prix #pcb-detail{display:none}   /* à 320 px le bouton « Signer » sortait de l'écran (261 → 336 px) : le détail « · quelques minutes » s'efface */
 .pc-boite-exemple-int{padding:16px 12px}
}

.pc-sauvegarde.pc-sauvegarde-ko{color:#9a3412}

/* défi n°16 : démarche modifiée dans un autre onglet */
.pc-autre-onglet{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:14.5px;line-height:1.45}
.pc-autre-onglet[hidden]{display:none}
.pc-autre-onglet-btn{margin-left:8px;padding:7px 14px;border-radius:999px;border:0;background:#3966cd;color:#fff;font:inherit;font-weight:600;cursor:pointer;min-height:34px}

/* ── Défi n°18 (12/10) : écran de choix INPI / marché public en tête de l'étape 1 — 2 cartes sobres (Legalstart « Quelle est votre situation ? ») ── */
.pc-usage{border:0;padding:0;margin:0 0 24px}
.pc-usage legend{padding:0;margin:0 0 8px;float:left;width:100%}
.pc-usage>.pc-aide{clear:both}
.pc-usage-cartes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.pc-usage-carte{position:relative;display:flex;align-items:center;gap:16px;padding:20px 44px 20px 20px;border:1.5px solid #c9d2e6;border-radius:12px;background:#fff;cursor:pointer;min-height:88px;transition:border-color .15s,box-shadow .15s,background .15s}
@media (hover:hover){.pc-usage-carte:hover{border-color:#3966cd;box-shadow:0 6px 18px rgba(16,35,90,.08)}}
.pc-usage-carte:has(input:checked){border-color:#3966cd;background:#edf2fc;box-shadow:inset 0 0 0 1px #3966cd}
.pc-usage-carte:has(input:focus-visible){outline:3px solid #3966cd;outline-offset:2px}
.pc-usage-carte input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.pc-usage-carte img{width:40px;height:40px;flex:none}
.pc-usage-texte{display:flex;flex-direction:column;gap:4px;min-width:0}
.pc-usage-texte strong{font-size:17px;line-height:1.3;color:#0f1b33}
.pc-usage-texte span{font-size:14px;line-height:1.4;color:#5a6275}
.pc-usage-carte::after{content:"";position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:50%;border:2px solid #c9d2e6;background:#fff}
.pc-usage-carte:has(input:checked)::after{border-color:#3966cd;background:#3966cd;box-shadow:inset 0 0 0 3px #fff}
@media (max-width:479px){.pc-usage-cartes{grid-template-columns:1fr;gap:12px}.pc-usage-carte{padding:16px 44px 16px 16px;min-height:72px}.pc-usage-texte strong{font-size:16px}}
.pc-usage-pastille{display:inline-flex;align-items:center;gap:8px}
.pc-usage-pastille b{color:#0f1b33}
.pc-usage-changer{font:inherit;font-size:14px;color:#3966cd;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:auto}
.pc-usage-changer:hover{color:#0f1b33}
.pc-usage-sep{color:#5a6275}
.pc-formalite.pc-mp .pc-formalite-lab,.pc-formalite.pc-mp .pc-formalite-choix,.pc-formalite.pc-mp #pc-formalite-nom,.pc-formalite.pc-mp .pc-usage-sep{display:none}
.pc-usage-pastille[hidden]{display:none}
.pc-avant-payer{margin-top:12px;padding:12px 14px;border-radius:10px;background:#fff7e6;border:1px solid #f1d9a0;color:#2b3345}

/* Relance 14/10 : ce qui est accepté, affiché AVANT l'erreur (Stripe, Yousign : critères sous la zone de dépôt) */
.pc-criteres{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:12px 0 0;padding:0;font-size:14px;line-height:1.5;color:#3d4556}
.pc-criteres li{display:flex;align-items:center;gap:6px}
.pc-criteres li::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%231f8a4c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pc-zone[hidden] + .pc-criteres{display:none}
/* Relance 17/10 10:00 — lien « Recommencer avec un autre document » dans le message de reprise : même couleur que le message, en ligne */
.pc-alerte .pc-alerte-recommencer{color:inherit;font-weight:600;vertical-align:middle}
.pc-alerte .pc-alerte-recommencer:hover,.pc-alerte .pc-alerte-recommencer:focus-visible{text-decoration-thickness:2px}

/* Relance 17/10 20:30 (liste continue) — lien « Qu’est-ce que le code de validation ? » vers le glossaire, s’ouvre dans un nouvel onglet sans quitter la signature */
.pc-pourquoi p.pc-def{margin:6px 0 0}
.pc-pourquoi p.pc-def a{color:#3966cd;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;display:inline-block;min-height:28px;line-height:28px;transition:color .15s,text-decoration-thickness .15s}
.pc-pourquoi p.pc-def a:hover,.pc-pourquoi p.pc-def a:focus-visible{color:#244ba3;text-decoration-thickness:2px}
/* (relance 18/10 01:05) survols rangés dans @media (hover:hover) : au téléphone ils restaient affichés après un tap (mesuré, survol-cascade FEUILLES=toutes
   + avant-apres-tap.mjs). Les parties :focus-visible restent valables partout. */

/* Défi 18/10 (session 20:18) : nom de fichier à rallonge — entier, coupé après _ - . (<wbr> posés par le script) ; un morceau seul trop long se coupe en dernier recours, jamais de sortie du cadre */
.nom-fichier{overflow-wrap:anywhere;word-break:normal;min-width:0;max-width:100%}   /* anywhere : un morceau plus large que la colonne se coupe (sinon la colonne sort de la carte, mesuré +7 px à 320) ; les coupures après _ - . restent prioritaires */
/* Défi 18/10 (session 20:18) : sous 360 px, la vignette de 110 px ne laissait que ~98 px au nom du document (11 lignes pour un nom INPI à rallonge) → vignette 76 px, écart 12 px : même disposition, ~140 px pour le nom */
@media (max-width:359px){.pc-doc{gap:12px}.pc-doc canvas{max-width:76px;width:76px!important}}
/* (Relance 18/10 21:00) lien « Comment vérifier votre signature » sous le bouton de l’écran Terminé (centré par .pc-succes) ;
   couleur et survol = règle commune des liens simples de finition.css (même bleu, soulignement plus épais) */
.pc-verifier{margin:14px 0 0;font-size:15px;line-height:1.5;color:#2b3345}
.pc-verifier a{font-weight:600}
.pc-garde{margin:10px auto 0;max-width:34em;font-size:14px;line-height:1.5}   /* relance 19/10 19:35 : ligne « Gardé aussi sur cet appareil, dans Mon espace » sous Télécharger */
.pc-garde a{font-weight:600;white-space:nowrap}

/* Relance 18/10 21:30 : nom du fichier à déposer sous « Et maintenant ? » (aligné sur la liste, pas de nouvelle carte) */
.pc-suite-fichier{margin:14px 0 0;font-size:15px;line-height:1.5;color:#2b3345;overflow-wrap:anywhere}
.pc-suite-fichier .pc-aide{display:inline-block;margin-top:2px}

/* Relance 19/10 08:35 : le nom du fichier à déposer sur sa propre ligne (au téléphone, « _signe.pdf » se coupait au tiret bas) */
.pc-suite-fichier strong{display:block}
.pc-suite-fichier br{display:none}

/* Relance 19/10 10:00 — écran Terminé : « à » + adresse e-mail restent ensemble (parcours.js collerMail) ; une adresse plus large que l'écran se coupe dans son bloc, jamais rognée */
.pc-fin-a { display: inline-block; max-width: 100%; overflow-wrap: break-word; }
/* Relance 19/10 10:00 — titre d'étape focalisé par le script (lecteurs d'écran) : jamais de cadre bleu visible. La règle générale « :focus-visible … !important » d'ajouts.css écrasait .pc-etape h2:focus{outline:none} : chaque client voyait un cadre bleu de 3 px autour du titre à chaque étape, y compris « Votre document signé est prêt ». */
.pc-etape h2[tabindex="-1"]:focus, .pc-etape h2[tabindex="-1"]:focus-visible { outline: none !important; }

/* Relance 19/10 10:30 — boîte « exemple » ouverte à la souris : pas de cadre bleu autour de « Fermer » (Safari le dessinait, focus posé par le script) ; au clavier il revient (parcours.js retire la classe à la 1re touche). */
.pc-ouverte-souris .pc-boite-exemple-fermer:focus, .pc-ouverte-souris .pc-boite-exemple-fermer:focus-visible { outline: none !important; }
/* Relance 19/10 10:30 — titre de /signer au téléphone (360 à 440 px) : « Signez votre / document / de synthèse INPI », mot seul au milieu (mesuré 217 / 186 / 291 px). Largeur limitée → « Signez votre / document de / synthèse INPI » (comme à 320). Français et titre INPI seulement (l'anglais et le titre « marché public » ne sont pas touchés). */
@media (min-width: 340px) and (max-width: 440px) { html[lang="fr"] #pc-titre:not(.pc-titre-mp) { max-width: 7em; margin-left: auto; margin-right: auto; } }