/* Dispo, pages P1 (produit, pilote, contact, acheteurs, calculateur, CGV).
   Chargée APRÈS style.css. Les couleurs passent par des variables : la couleur de marque suit
   celle de l'accueil (--marque) si elle existe, sinon le vert texte de l'identité. */
:root{
  --pg-encre:var(--encre,#111418);
  --pg-encre-2:var(--encre-2,#2B3138);
  --pg-gris:var(--gris,#5B636B);
  --pg-fond:var(--fond,#F6F7F5);
  --pg-carte:var(--carte,#FFFFFF);
  --pg-trait:var(--trait,#E4E7E2);
  --pg-trait-2:var(--trait-2,#D4D8D1);
  --pg-point:var(--point,#166534);
  --pg-vert-texte:#166534;
  --pg-marque:var(--marque,#15803D);
  --pg-pilote-fond:#DCFCE7;--pg-pilote-texte:#14532D;
  --pg-essai-fond:#FEF3C7;--pg-essai-texte:#78350F;--pg-essai-point:#D97706;
  --pg-valider-fond:#E0EAFF;--pg-valider-texte:#1E3A8A;--pg-valider-point:#3B6FD8;
  --pg-constr-fond:#ECEEEB;--pg-constr-texte:#3F464D;--pg-constr-point:#8A9199;
}
body.pg{background:var(--pg-fond);color:var(--pg-encre)}
.pg a{color:var(--pg-vert-texte)}
.pg a:hover{color:var(--pg-encre)}
.pg .bouton,.pg .bouton:hover{color:#fff}
.pg .bouton.clair,.pg .bouton.clair:hover,.pg .bouton.contour{color:var(--pg-encre)}
.pg .bouton.contour:hover{color:#fff}
.pg .bouton.vert,.pg .bouton.vert:hover{color:var(--pg-encre)}
.pg .bouton.vert-fonce{background:var(--pg-marque);color:#fff}
.pg .bouton.vert-fonce:hover{background:var(--pg-encre);color:#fff}
.pg .connexion{color:var(--pg-encre)}
.pg footer.bas a{color:var(--pg-gris)}
.pg .bandeau a{color:#fff}

/* Fil d'Ariane */
.pg-ariane ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--pg-gris)}
.pg-ariane li+li:before{content:"›";margin-right:6px;color:var(--pg-gris)}
.pg-ariane a{color:var(--pg-gris)}
.pg-ariane [aria-current]{color:var(--pg-encre-2);font-weight:550}

/* Pastilles d'état */
.etat{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;padding:6px 12px;border-radius:999px;background:var(--pg-constr-fond);color:var(--pg-constr-texte);white-space:normal}
.etat>b{width:9px;height:9px;min-width:9px;border-radius:50%;background:var(--pg-constr-point)}
.etat-pilote{background:var(--pg-pilote-fond);color:var(--pg-pilote-texte)}
.etat-pilote>b{background:var(--pg-point);box-shadow:0 0 0 2px #fff}
.etat-essai{background:var(--pg-essai-fond);color:var(--pg-essai-texte)}
.etat-essai>b{background:var(--pg-essai-point)}
.etat-valider{background:var(--pg-valider-fond);color:var(--pg-valider-texte)}
.etat-valider>b{background:var(--pg-valider-point)}
.etat-construction{box-shadow:inset 0 0 0 1px var(--pg-trait-2)}
.etat-construction>b{background:transparent;box-shadow:inset 0 0 0 2px var(--pg-constr-point)}
.pg-point-essai{background:var(--pg-essai-point)!important}

/* Héros */
.pg-heros{padding:28px 0 56px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.pg-heros h1{font-size:clamp(34px,5.6vw,60px);line-height:1.04;letter-spacing:-.045em;font-weight:620;margin:0 0 18px;max-width:900px}
.pg-heros-etat{margin:0 0 18px}
.pg-chapo{font-size:clamp(17px,2vw,20px);line-height:1.5;color:var(--pg-encre-2);margin:0 0 28px;max-width:640px}
.pg-heros-grille{display:grid;gap:36px;align-items:center}
@media (min-width:980px){.pg-heros.avec-visuel .pg-heros-grille{grid-template-columns:1.25fr .9fr;gap:56px}}

/* Sections */
.pg-section{padding:56px 0}
.pg-section+.pg-section{border-top:1px solid var(--pg-trait)}
.pg section.pg-section h2,.pg .pg-section h2{font-size:clamp(26px,3.6vw,40px);letter-spacing:-.035em;line-height:1.1;font-weight:620;margin:0 0 22px;max-width:820px}
.pg-section h3{font-size:18px;letter-spacing:-.01em;margin:0 0 8px;font-weight:620}
.pg-duo{display:grid;gap:20px 48px;align-items:start}
.pg-duo p{margin:0;color:var(--pg-encre-2);font-size:17px}
@media (min-width:820px){.pg-duo{grid-template-columns:1.2fr 1fr}}
.pg-encart{background:var(--pg-carte);border-radius:18px;padding:20px 22px;box-shadow:inset 0 0 0 1px var(--pg-trait);border-left:4px solid var(--pg-point)}
.pg-note{font-size:14px;color:var(--pg-gris);margin:16px 0 0;max-width:720px}
.pg-large{font-size:clamp(18px,2.2vw,22px);color:var(--pg-encre-2);max-width:760px;margin:0}

.pg-etapes{display:grid;gap:16px}
@media (min-width:820px){.pg-etapes{grid-template-columns:repeat(3,1fr)}.pg-etapes.quatre{grid-template-columns:repeat(4,1fr)}}

.pg-cartes{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:700px){.pg-cartes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pg-cartes{grid-template-columns:repeat(4,1fr)}.pg-cartes.deux{grid-template-columns:repeat(2,1fr)}}
.pg-cartes li{background:var(--pg-carte);border-radius:20px;padding:22px;box-shadow:inset 0 0 0 1px var(--pg-trait)}
.pg-cartes p{margin:0;color:var(--pg-encre-2);font-size:16px}

.pg-oui-non{display:grid;gap:16px}
@media (min-width:820px){.pg-oui-non{grid-template-columns:1fr 1fr}}
.pg-oui,.pg-non{background:var(--pg-carte);border-radius:20px;padding:24px;box-shadow:inset 0 0 0 1px var(--pg-trait)}
.pg-oui-non ul,.pg-puces{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pg-oui-non li,.pg-puces li{position:relative;padding-left:26px;color:var(--pg-encre-2)}
.pg-oui li:before,.pg-puces li:before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--pg-point)}
.pg-non li:before{content:"";position:absolute;left:2px;top:.75em;width:12px;height:2px;background:var(--pg-encre-2)}
.pg-puces{max-width:760px}

/* Exemples (conversation, appel, avant / après) */
.pg-fil,.pg-appel,.pg-avant-apres,.pg-carte-etat{margin:0;background:var(--pg-carte);border-radius:24px;padding:20px;box-shadow:0 1px 2px rgba(17,20,24,.06),0 18px 40px -22px rgba(17,20,24,.28);display:flex;flex-direction:column;gap:10px;max-width:460px;width:100%;justify-self:center}
.pg-fil p,.pg-appel p,.pg-avant-apres p,.pg-carte-etat p{margin:0}
.pg-fil-tete,.pg-aa-titre,.pg-ce-titre{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--pg-gris);padding-bottom:8px;border-bottom:1px solid var(--pg-trait)}
.pg-fil-pt{width:10px;height:10px;border-radius:50%;background:#EA580C}
.pg-fil-pt.sms{background:#2563EB}
.pg-fil-a,.pg-fil-d{font-size:15px;line-height:1.4;padding:10px 13px;border-radius:18px;max-width:88%}
.pg-fil-a{background:#F1EFEA;align-self:flex-start;border-bottom-left-radius:6px}
.pg-fil-d{background:var(--pg-pilote-fond);color:#052E16;align-self:flex-end;border-bottom-right-radius:6px}
.pg-fil-d small{display:block;margin-top:6px;font-size:12px;color:var(--pg-pilote-texte);font-weight:600}
.pg-fil-etat{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--pg-pilote-texte)}
.pg-fil figcaption,.pg-appel figcaption,.pg-avant-apres figcaption{font-size:12.5px;color:var(--pg-gris);padding-top:6px;border-top:1px solid var(--pg-trait)}
.pg-appel{background:var(--pg-encre);color:#E4E7E2}
.pg-appel-tete{display:flex;align-items:center;gap:12px}
.pg-appel-tete b{display:block;color:#fff}
.pg-appel-tete small{color:#B8BEC4}
.pg-appel-av{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 70% 30%,var(--pg-point) 0 22%,#2B3138 23%)}
.pg-appel-ligne{background:rgba(255,255,255,.07);padding:12px 14px;border-radius:14px;font-size:15px;line-height:1.45}
.pg-appel .pg-fil-etat{color:#FCD34D}
.pg-appel figcaption{color:#B8BEC4;border-top-color:rgba(255,255,255,.12)}
.pg-aa-ligne{display:grid;grid-template-columns:64px 1fr;align-items:baseline;gap:2px 12px;padding:12px 14px;border-radius:14px;background:#F4F5F2}
.pg-aa-ligne span{font-size:13px;font-weight:600;color:var(--pg-gris);grid-row:1/3}
.pg-aa-ligne b{font-size:22px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pg-aa-ligne small{font-size:13px;color:var(--pg-gris)}
.pg-aa-ligne.avant b{text-decoration:line-through;text-decoration-thickness:2px;color:var(--pg-gris)}
.pg-aa-ligne.apres{background:var(--pg-pilote-fond)}
.pg-aa-ligne.apres span,.pg-aa-ligne.apres small{color:var(--pg-pilote-texte)}
.pg-carte-etat p:not(.pg-ce-titre){display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;padding:4px 0}

/* Tableau d'état (pilote) */
.pg-tableau-etat{background:var(--pg-carte);border-radius:20px;box-shadow:inset 0 0 0 1px var(--pg-trait);overflow:hidden}
.pg-tableau-etat table{width:100%;border-collapse:collapse;font-size:16px}
.pg-tableau-etat th,.pg-tableau-etat td{text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid var(--pg-trait)}
.pg-tableau-etat thead th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--pg-gris);background:#FAFAF8}
.pg-tableau-etat tbody tr:last-child th,.pg-tableau-etat tbody tr:last-child td{border-bottom:0}
.pg-tableau-etat tbody th{font-weight:600}
.pg-tableau-etat td:last-child{color:var(--pg-encre-2)}
@media (max-width:720px){
  .pg-tableau-etat thead{display:none}
  .pg-tableau-etat tr{display:grid;gap:8px;padding:16px;border-bottom:1px solid var(--pg-trait)}
  .pg-tableau-etat th,.pg-tableau-etat td{padding:0;border:0}
}

/* Règles (version courte) */
.pg-regles{background:var(--pg-carte)}
.pg-regles-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px 40px}
@media (min-width:820px){.pg-regles-liste{grid-template-columns:1fr 1fr}}
.pg-regles-liste li{color:var(--pg-encre-2);padding:14px 0 0;border-top:1px solid var(--pg-trait)}
.pg-regles-liste b{color:var(--pg-encre)}

/* À voir aussi */
.pg-liens{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.pg-liens{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pg-liens{grid-template-columns:repeat(3,1fr)}}
.pg-lien{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:20px;border-radius:18px;background:var(--pg-carte);box-shadow:inset 0 0 0 1px var(--pg-trait);text-decoration:none;color:var(--pg-encre)!important;transition:box-shadow .15s ease}
.pg-lien:hover{box-shadow:inset 0 0 0 1.5px var(--pg-encre)}
.pg-lien-nom{font-weight:650;font-size:17px}
.pg-lien-nom:after{content:" →"}
.pg-lien-phrase{color:var(--pg-encre-2);font-size:15px}
.pg-lien .etat{margin-top:6px;font-size:13px;padding:4px 10px}

/* Bande finale */
.pg-fin{padding-top:24px}
.pg-fin .pilote-carte .pg-fin-tel{margin:18px 0 0;font-size:16px;color:#C9CED3}
.pg-fin .pilote-carte .pg-fin-tel a{color:#fff;font-weight:600}
.pg .pilote-carte .pv-ligne .pg-point-essai{background:#FBBF24!important}

/* Contact */
.pg-portes{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}
@media (min-width:820px){.pg-portes{grid-template-columns:repeat(3,1fr)}}
.pg-portes a{display:flex;flex-direction:column;gap:4px;height:100%;padding:24px;border-radius:20px;background:var(--pg-carte);box-shadow:inset 0 0 0 1px var(--pg-trait);text-decoration:none;color:var(--pg-encre)!important}
.pg-portes a:hover{box-shadow:inset 0 0 0 1.5px var(--pg-encre)}
.pg-portes b{font-size:19px;letter-spacing:-.015em}
.pg-portes b:after{content:" →";color:var(--pg-vert-texte)}
.pg-portes span{color:var(--pg-encre-2)}
.pg-contact-grille{display:grid;gap:40px}
@media (min-width:980px){.pg-contact-grille{grid-template-columns:.8fr 1.2fr;gap:64px}}
.pg-coord{margin:0;display:grid;gap:16px}
.pg-coord div{display:flex;flex-direction:column;gap:2px}
.pg-coord dt{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--pg-gris);font-weight:600}
.pg-coord dd{margin:0;font-size:clamp(22px,3vw,30px);font-weight:620;letter-spacing:-.02em}
.pg-coord dd a{text-decoration:none;color:var(--pg-encre)!important;overflow-wrap:anywhere}
.pg-coord dd a:hover{text-decoration:underline}
.pg-form-carte{background:var(--pg-carte);border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:inset 0 0 0 1px var(--pg-trait)}
.pg-form-carte>p{color:var(--pg-encre-2);margin:0 0 18px}
.pg-form-carte h2{margin-bottom:10px!important}
.pg-champs{display:grid;gap:14px}
@media (min-width:600px){.pg-champs{grid-template-columns:1fr 1fr}.pg-champ.large{grid-column:1/-1}}
.pg-champ{display:flex;flex-direction:column;gap:6px}
.pg-champ label{font-weight:600;font-size:15px}
.pg-champ small{font-size:13px;color:var(--pg-gris)}
.pg-champ input,.pg-champ select{font:inherit;font-size:16px;min-height:50px;padding:0 14px;border-radius:12px;border:1px solid #9AA1A8;background:#fff;color:var(--pg-encre);width:100%}
.pg-champ input:focus-visible,.pg-champ select:focus-visible{outline:3px solid var(--pg-vert-texte);outline-offset:1px;border-color:var(--pg-encre)}
.pg-consent{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-size:15px;color:var(--pg-encre-2);cursor:pointer}
.pg-consent input{width:22px;height:22px;margin:1px 0 0;flex-shrink:0;accent-color:var(--pg-marque)}
.pg-form .bouton{width:100%}
@media (min-width:600px){.pg-form .bouton{width:auto}}
.pg .piege{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pg-garage{text-align:left}
.pg-garage p{color:var(--pg-encre-2);margin:0 0 18px}

/* Calculateur */
.pg-calcul{display:grid;gap:18px;margin-top:8px}
@media (min-width:980px){.pg-calcul{grid-template-columns:1fr 1fr .95fr;align-items:start}}
.pg-calcul fieldset{margin:0;border:0;padding:22px;border-radius:22px;background:var(--pg-carte);box-shadow:inset 0 0 0 1px var(--pg-trait);display:grid;gap:14px;min-width:0}
.pg-calcul legend{float:left;width:100%;font-weight:650;font-size:17px;padding:0;margin:0 0 4px}
.pg-saisie{display:flex;align-items:center;gap:10px}
.pg-saisie input{max-width:150px;font-variant-numeric:tabular-nums}
.pg-unite{color:var(--pg-gris);font-size:15px}
.pg-resultat{background:var(--pg-encre);color:#E4E7E2;border-radius:22px;padding:24px;position:relative;overflow:hidden}
.pg-resultat p{margin:0}
.pg-res-etiquette{font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;color:#86EFAC}
.pg-res-gros{font-size:clamp(28px,3.6vw,38px);font-weight:620;letter-spacing:-.035em;line-height:1.1;color:#fff;margin:10px 0!important}
.pg-res-gros b{color:#86EFAC;font-variant-numeric:tabular-nums}
.pg-res-detail{color:#D5DADE;font-size:16px}
.pg-res-detail b{color:#fff}
.pg-res-avert{margin-top:16px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#C9CED3}
.pg-formule{font:600 17px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--pg-carte);border-radius:18px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--pg-trait);color:var(--pg-encre)!important}

/* CGV (projet) */
.pg-cgv{max-width:820px}
.pg-projet{background:var(--pg-essai-fond);color:var(--pg-essai-texte)!important;border-radius:14px;padding:14px 18px;font-weight:500;margin:20px 0}
.pg-projet b{font-weight:700}
.pg-a-relire{display:inline-block;font-size:13px;font-weight:700;color:var(--pg-essai-texte);background:var(--pg-essai-fond);border-radius:6px;padding:1px 6px}
.pg-sommaire ol{columns:2;column-gap:32px;padding-left:22px;font-size:15px}
@media (max-width:600px){.pg-sommaire ol{columns:1}}
.pg-cgv ul{padding-left:22px}
.pg-cgv li{margin:6px 0}
.pg-cgv h2{scroll-margin-top:90px}

@media (prefers-reduced-motion:reduce){.pg-lien,.pg-portes a{transition:none}}
@media print{.haut-zone,.bandeau,.barre-pilote,.pg-fin{display:none}}