/* Saphan — l’accueil (version candidate 1, 02.10.2026), repris de la maquette v4.1
   (maquette/assets/saphan.css pour le premier écran, maquette/assets/accueil.css pour les sections).
   Chargé sur l’accueil seulement, après graphite.css ; tout est rangé sous .accueil pour ne rien
   changer ailleurs. L’en-tête et le pied sont ceux de tout le site. Seul le pont s’anime. */

.accueil{
  --ele:#EDEBE6;--fil:#FF8A00;--impulsion:#FFE2BC;--impulsion-ruban:#FF8A00;
  --papier:#E6E3DB;--encre:#15161A;--encre-douce:#55575E;
  --halo-1:rgba(11,18,32,.92);--halo-2:rgba(11,18,32,.45);
  --ombre-carte:rgba(0,0,0,.45);--ombre-o:.55;--infobulle-fond:#26272B;
  --surtitre:#9A9CA3;--surtitre-trait:#F2C388;
  --juste:#7DD3A0;--faux:#FF8F85;--manque:#B5B7BE;--ombre-panneau:rgba(0,0,0,.55);--champ-fond:#131416;
  --police:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;
  --largeur:1280px;--marge:48px;--barre-h:80px;--pied-h:46px;
  overflow-x:clip;font-family:var(--police);font-size:16px;line-height:1.6;color:var(--texte)
}
.accueil .sprite{position:absolute;width:0;height:0;overflow:hidden}
.accueil a{text-decoration:none}
.accueil p{margin:0}
.accueil :is(.facture-lignes,.fiche-champs,.tableau-comparer) :is(th,td){background:none;border-bottom:0;overflow-wrap:normal}
.accueil :is(.facture-lignes,.fiche-champs,.tableau-comparer) td:first-child{font-weight:inherit}
.accueil h1,.accueil h2,.accueil h3{overflow-wrap:normal}

.accueil .visuellement-cache{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.accueil .insecable{white-space:nowrap}

/* ---------- Boutons ---------- */

.accueil .bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:650;letter-spacing:-.005em;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.accueil .bouton-plein{background:var(--accent);color:var(--sur-accent)}
.accueil .bouton-plein:hover{background:var(--accent-survol);color:var(--sur-accent)}
.accueil .bouton-calme{padding:0 4px;color:var(--texte);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--filet-fort)}
.accueil .bouton-calme:hover{color:var(--or);text-decoration-color:currentColor}
.accueil .bouton-calme svg{width:16px;height:16px;flex:none}

/* ---------- Premier écran ---------- */

.accueil .ouverture{position:relative;display:grid;grid-template-columns:minmax(0,490px) minmax(0,1fr);column-gap:32px;align-items:center;width:min(var(--largeur),100% - 2 * var(--marge));min-height:calc(100vh - var(--barre-h) - var(--pied-h));margin-inline:auto;padding-block:24px 40px}
.accueil .ouverture-texte{position:relative;z-index:2}
.accueil .surtitre{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--surtitre)}
.accueil .surtitre::before{content:"";width:22px;height:1px;background:var(--surtitre-trait)}
.accueil .titre{margin:0 0 28px;font-size:clamp(2.5rem,1.3rem + 2.9vw,3.6rem);line-height:1.04;letter-spacing:-.042em;font-weight:640;color:var(--texte)}
.accueil .titre[data-accroche="b"]{font-size:clamp(2.3rem,1.2rem + 2.6vw,3.4375rem)}
.accueil .titre[data-accroche="c"]{font-size:clamp(2rem,1rem + 2.2vw,2.78rem);line-height:1.07}
.accueil .titre .ligne{display:block}
.accueil .titre .clef{color:var(--or)}
.accueil .chapeau{max-width:30.5em;margin:0 0 38px;font-size:18px;line-height:1.62;color:var(--texte-2)}
.accueil .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0}

/* ---------- Le pont ---------- */

.accueil .pont{position:relative;z-index:1;margin:0;min-width:0}
.accueil .halo{position:absolute;z-index:0;left:var(--hx,50%);top:var(--hy,50%);width:150%;aspect-ratio:1.35;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--halo-1),var(--halo-2) 55%,transparent 100%);pointer-events:none}
.accueil .pont-scene{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible;font-family:var(--police)}
.accueil .pont-legende{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--doux)}
.accueil .legende-texte{white-space:nowrap}
.accueil .legende-texte .var{color:var(--texte)}
.accueil .pause{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid var(--filet-fort);border-radius:8px;background:transparent;color:var(--doux);cursor:pointer;transition:color .18s ease,border-color .18s ease}
.accueil .pause:hover{color:var(--texte);border-color:var(--doux)}
.accueil .pause svg{width:10px;height:10px}
.accueil .pause .i-lecture{display:none}
.accueil .pause[aria-pressed="true"] .i-pause{display:none}
.accueil .pause[aria-pressed="true"] .i-lecture{display:block}
:root.fige .accueil .pause,:root:not(.js) .accueil .pause{display:none}
.accueil .infobulle{position:absolute;z-index:5;left:0;top:0;padding:9px 12px 10px;border:1px solid var(--filet-fort);border-radius:9px;background:var(--infobulle-fond);box-shadow:0 14px 34px var(--ombre-carte);color:var(--texte);font-size:13px;line-height:1.35;font-weight:600;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - 10px))}
.accueil .infobulle small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--doux)}

/* Éléments du dessin */
.accueil .ele{fill:var(--ele)}
.accueil .orbite-trait{fill:none;stroke:url(#degrade-orbite);stroke-width:1}
.accueil .orbite-stop{stop-color:var(--filet-fort)}
.accueil .tuile{cursor:default;outline:none;color:var(--doux);transition:color .45s ease}
.accueil .tuile .fond{stroke-width:1;transition:stroke .45s ease,fill .45s ease}
.accueil .tuile[data-classe="frontiere"] .fond{fill:var(--surface-2);stroke:var(--surface-2)}
.accueil .tuile[data-classe="mesure"]{color:var(--or)}
.accueil .tuile[data-classe="mesure"] .fond{fill:var(--fond);stroke:color-mix(in srgb,var(--or) 62%,transparent)}
.accueil .tuile .logo{fill:currentColor}
.accueil .tuile .pour-clair{display:none}
.accueil .tuile .nom-modele{font-size:9.5px;font-weight:600;letter-spacing:.01em;fill:currentColor}
.accueil .tuile .puce{fill:none;stroke:currentColor;stroke-width:1;opacity:.8}
.accueil .tuile .puce-texte{font-size:7.5px;font-weight:700;letter-spacing:.02em;fill:currentColor}
.accueil .tuile.amarre{color:var(--texte)}
.accueil .tuile.amarre .fond{stroke:var(--fil)}
.accueil .tuile:focus-visible .fond{stroke:var(--or);stroke-width:2}
:root.fige .accueil .tuile,:root.fige .accueil .tuile .fond{transition:none}
.accueil .fil{fill:none;stroke:var(--fil);stroke-width:1.4;stroke-linecap:round}
.accueil .coeur{fill:none;stroke:var(--fil);stroke-width:.72;stroke-linecap:round;stroke-linejoin:round}
.accueil .fil-entree{fill:none;stroke:var(--doux);stroke-width:1;stroke-dasharray:2 4;stroke-linecap:round;opacity:.75}
.accueil .prise{fill:var(--fil)}
.accueil .nom-centre{font-size:9px;font-weight:650;letter-spacing:.22em;fill:var(--doux)}
.accueil .comete{fill:none;stroke-linecap:round}
.accueil .comete-fil{stroke:var(--impulsion)}
.accueil .comete-ruban{stroke:var(--impulsion-ruban)}
.accueil .clin{fill:var(--fil)}
.accueil .ombre-doc{flood-color:var(--ombre-carte);flood-opacity:var(--ombre-o)}
.accueil .entree-fond{fill:var(--papier)}
.accueil .entree .f-label{font-size:8px;font-weight:650;letter-spacing:.12em;fill:var(--encre-douce)}
.accueil .entree .f-nom{font-size:10.5px;font-weight:650;fill:var(--encre);letter-spacing:-.005em}
.accueil .entree .f-meta{font-size:9px;font-weight:400;fill:var(--encre-douce)}
.accueil .entree .f-alerte{font-size:9px;font-weight:650;fill:var(--encre)}
.accueil .entree .f-montant{font-size:12px;font-weight:700;fill:var(--encre);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.accueil .entree .qr{fill:var(--encre)}
.accueil .entree .qr-blanc{fill:var(--papier)}
.accueil .entree .glyphe{fill:none;stroke:var(--encre);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.accueil .entree .glyphe .glyphe-plein{fill:var(--papier)}
.accueil .entree .pastille{fill:var(--fil)}
.accueil .sortie-fond{fill:var(--surface-1);stroke:var(--filet-fort);stroke-width:1}
.accueil .sortie .c-label{font-size:9px;font-weight:650;letter-spacing:.16em;fill:var(--doux)}
.accueil .sortie .c-titre{font-size:13.5px;font-weight:650;letter-spacing:-.012em;fill:var(--texte)}
.accueil .sortie .c-meta{font-size:10.5px;fill:var(--doux)}
.accueil .sortie .c-ligne{font-size:10.5px;fill:var(--texte)}
.accueil .sortie .c-sens{font-size:10.5px;fill:var(--doux)}
.accueil .sortie .c-nb{font-variant-numeric:tabular-nums}
.accueil .sortie .c-total{font-size:11px;font-weight:700;fill:var(--texte)}
.accueil .sortie .c-numero{font-size:10px;font-weight:700;letter-spacing:.02em;fill:var(--or)}
.accueil .sortie .c-grand{font-size:13px;font-weight:700;letter-spacing:-.01em;fill:var(--texte)}
.accueil .sortie .c-filet{stroke:var(--filet);stroke-width:1}
.accueil .sortie .barre-squelette{fill:var(--filet-fort);opacity:.7}
.accueil .outils .picto{fill:none;stroke:var(--doux);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.accueil .outils .nom-outil{font-size:8.5px;font-weight:500;fill:var(--doux)}
.accueil .outils .o-label{font-size:8.5px;font-weight:650;letter-spacing:.16em;fill:var(--doux)}
.accueil .outils .o-filet{stroke:var(--filet);stroke-width:1}

/* ---------- Sections ---------- */

.accueil .section{position:relative;padding-block:120px;border-top:1px solid color-mix(in srgb,var(--filet) 70%,transparent)}
.accueil .section.bande{background:var(--bande)}
.accueil .section-in{width:min(var(--largeur),100% - 2 * var(--marge));margin-inline:auto}
.accueil .section-tete{max-width:780px;margin-bottom:56px}
.accueil .section .surtitre{margin-bottom:20px}
.accueil .section-titre{margin:0 0 20px;font-size:clamp(2rem,1.1rem + 1.75vw,2.875rem);line-height:1.08;letter-spacing:-.036em;font-weight:640;color:var(--texte);text-wrap:balance}
.accueil .section-chapeau{margin:0;max-width:40em;font-size:18px;line-height:1.62;color:var(--texte-2);text-wrap:pretty}

/* Étiquettes : jamais des pilules */
.accueil .etiquette{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid color-mix(in srgb,var(--or) 55%,transparent);border-radius:5px;font-size:10.5px;line-height:1;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--or);white-space:nowrap;vertical-align:middle}
.accueil .etiquette-calme{border-color:var(--filet-fort);color:var(--doux)}
.accueil .etiquette-exemple{border-style:dashed;border-color:color-mix(in srgb,var(--doux) 75%,transparent);color:var(--doux)}
.accueil .phan-liste li>span,.accueil .taches li>span,.accueil .memoire li,.accueil .verif-liste li>span,.accueil .verif-liste small,
.accueil .carte-benefice p,.accueil .regles li>span,.accueil .tarifs-liste td,.accueil .verif-issue{text-wrap:pretty}

/* 1. Chaque personne a son Phan */
.accueil .phan-grille{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:80px;align-items:center}
.accueil .phan-liste{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:15px}
.accueil .phan-liste li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;font-size:16px;line-height:1.55;color:var(--texte-2)}
.accueil .phan-liste svg{width:21px;height:21px;margin-top:1px;color:var(--or)}
.accueil .phan-liste strong{font-weight:620;color:var(--texte)}
.accueil .phan-ton{margin:26px 0 0;font-size:16px;line-height:1.55;font-weight:520;color:var(--texte)}
.accueil .phan-offre{display:grid;margin:30px 0 0;border:1px solid var(--filet-fort);border-radius:10px}
.accueil .phan-offre div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 18px}
.accueil .phan-offre div+div{border-top:1px solid var(--filet)}
.accueil .phan-offre dt{white-space:nowrap;font-size:15px;font-weight:620;color:var(--texte)}
.accueil .phan-offre dd{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;color:var(--texte-2);text-align:right}
.accueil .prix-phan{font-size:17px;font-weight:680;letter-spacing:-.01em;color:var(--texte);font-variant-numeric:tabular-nums;white-space:nowrap}
.accueil .offre-mots{font-size:13.5px;line-height:1.4}
.accueil .phan-offre .ligne-chat{flex-wrap:wrap;align-items:flex-start;padding-block:14px}
.accueil .phan-offre .ligne-chat dt{display:flex;align-items:center;gap:10px}
.accueil .phan-offre .ligne-chat dd{flex:1 1 220px;justify-content:flex-start;text-align:left;font-size:14.5px;line-height:1.5}
.accueil .phan-panneau{margin:0;min-width:0}
.accueil .fenetre{overflow:hidden;border:1px solid var(--filet-fort);border-radius:12px;background:var(--surface-1);box-shadow:0 34px 80px -28px var(--ombre-panneau)}
.accueil .fenetre-barre{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--filet);background:color-mix(in srgb,var(--surface-2) 50%,var(--surface-1))}
.accueil .fenetre-ele{width:30px;height:22px;flex:none;fill:var(--ele)}
.accueil .fenetre-titre{margin:0;font-size:14.5px;font-weight:650;letter-spacing:-.005em;color:var(--texte);white-space:nowrap}
.accueil .fenetre-modele{display:inline-flex;align-items:center;gap:8px;height:32px;margin-left:auto;padding:0 12px;border:1px solid var(--filet-fort);border-radius:8px;font-size:13px;font-weight:550;color:var(--texte-2);white-space:nowrap}
.accueil .fenetre-modele svg{width:15px;height:15px;color:var(--or)}
.accueil .fenetre-corps{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:1px;background:var(--filet)}
.accueil .bloc{padding:22px 24px 24px;background:var(--surface-1)}
.accueil .bloc-label{margin:0 0 15px;font-size:10.5px;line-height:1.3;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.accueil .taches,.accueil .semaine,.accueil .memoire{list-style:none;margin:0;padding:0;display:grid}
.accueil .taches{gap:12px}
.accueil .taches li{display:grid;grid-template-columns:18px 42px minmax(0,1fr);gap:10px;align-items:baseline;font-size:14px;line-height:1.45;color:var(--texte)}
.accueil .taches li.fait>span:last-child{color:var(--texte-2)}
.accueil .taches time{font-size:13px;color:var(--doux);font-variant-numeric:tabular-nums}
.accueil .coche{width:16px;height:16px;align-self:center}
.accueil svg.coche{padding:2px;border-radius:5px;background:var(--accent);color:var(--sur-accent)}
.accueil .coche-vide{display:block;border:1.5px solid var(--filet-fort);border-radius:5px}
.accueil .taches li.en-cours .coche-vide{border-color:var(--fil);box-shadow:inset 0 0 0 3px var(--surface-1),inset 0 0 0 8px color-mix(in srgb,var(--fil) 70%,transparent)}
.accueil .semaine{gap:9px}
.accueil .semaine li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:baseline;font-size:14px;line-height:1.45;color:var(--texte-2)}
.accueil .semaine abbr{text-decoration:none;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.accueil .semaine li.aujourdhui abbr{color:var(--or)}
.accueil .semaine li.aujourdhui span{font-weight:600;color:var(--texte)}
.accueil .mission{margin:0 0 16px;font-size:17px;line-height:1.45;font-weight:580;letter-spacing:-.01em;color:var(--texte)}
.accueil .devenir{margin:0;font-size:14px;line-height:1.45;color:var(--texte)}
.accueil .devenir span{display:block;margin-bottom:3px;font-size:12.5px;color:var(--doux)}
.accueil .memoire{gap:10px}
.accueil .memoire li{position:relative;padding-left:17px;font-size:13.5px;line-height:1.5;color:var(--texte-2)}
.accueil .memoire li::before{content:"";position:absolute;left:1px;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--or)}
.accueil .fenetre-pied{padding:14px 18px 16px;border-top:1px solid var(--filet)}
.accueil .demande-phan{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 7px 0 15px;border:1px solid var(--filet-fort);border-radius:10px;background:var(--champ-fond);font-size:14px;color:var(--doux)}
.accueil .demande-micro{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--filet);border-radius:8px;color:var(--or)}
.accueil .demande-micro svg{width:17px;height:17px}
.accueil .panneau-legende{margin-top:14px;font-size:13px;line-height:1.5;color:var(--doux);text-align:center}

/* 2. La démo « Changez de modèle » */
.accueil .demo-cadre{padding:24px;border:1px solid var(--filet-fort);border-radius:12px;background:var(--surface-1)}
:root:not(.js) .accueil .demo-interactif{display:none}
.accueil .demo-onglets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:24px}
.accueil .onglet{display:grid;gap:1px;justify-items:start;align-content:center;min-height:60px;padding:10px 16px 11px;border:1px solid var(--filet);border-radius:10px;background:transparent;color:var(--texte);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}
.accueil .onglet:hover{border-color:var(--filet-fort)}
.accueil .onglet[aria-selected="true"]{border-color:var(--fil);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--fil)}
.accueil .onglet-nom{font-size:15.5px;line-height:1.3;font-weight:650;letter-spacing:-.01em}
.accueil .onglet-sous{font-size:12.5px;line-height:1.35;color:var(--doux)}
.accueil .onglet[aria-selected="true"] .onglet-sous{color:var(--texte-2)}
.accueil .demo-grille{display:grid;grid-template-columns:minmax(0,330px) 40px minmax(0,1fr);gap:18px;align-items:start}
.accueil .demo-fleche{align-self:center;color:var(--fil)}
.accueil .demo-fleche svg{display:block;width:40px;height:16px}
.accueil .demo-panneau{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:18px;align-items:start}
.accueil .demo-panneau[hidden]{display:none}
.accueil .demo-panneau:focus-visible{outline-offset:6px}
.accueil .facture{margin:0;padding:22px 22px 18px;border-radius:8px;background:var(--papier);color:var(--encre);box-shadow:0 22px 44px -18px var(--ombre-panneau);font-size:12.5px;line-height:1.45}
.accueil .facture p{margin:0}
.accueil .facture-haut{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--encre) 14%,transparent)}
.accueil .facture-emetteur{font-size:13.5px;font-weight:700;letter-spacing:-.005em}
.accueil .facture .facture-adresse{margin-top:3px;color:var(--encre-douce)}
.accueil .facture-type{text-align:right;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--encre-douce)}
.accueil .facture-type span{display:block;margin-top:3px;font-size:14px;letter-spacing:0;color:var(--encre);font-variant-numeric:tabular-nums}
.accueil .facture-infos{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:10px;margin:13px 0 10px}
.accueil .facture-infos dt{font-size:9.5px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-douce)}
.accueil .facture-infos dd{margin:2px 0 0;font-weight:600;white-space:nowrap}
.accueil .facture-lignes{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.accueil .facture-lignes td{padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--encre) 10%,transparent);color:var(--encre)}
.accueil .facture-lignes td:last-child{padding-left:12px;text-align:right;white-space:nowrap}
.accueil .facture-lignes .total td{padding-top:10px;border-bottom:0;font-size:13.5px;font-weight:700}
.accueil .facture-qr{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:16px;border-top:1px dashed color-mix(in srgb,var(--encre) 38%,transparent)}
.accueil .qr-code{display:block;width:86px;height:86px;flex:none}
.accueil .facture .qr{fill:var(--encre)}
.accueil .facture .qr-blanc{fill:var(--papier)}
.accueil .qr-texte{font-size:12px;color:var(--encre-douce)}
.accueil .qr-texte p+p{margin-top:2px}
.accueil .facture .qr-label{margin-bottom:6px;font-size:11.5px;font-weight:700;color:var(--encre)}
.accueil .qr-texte strong{color:var(--encre);font-variant-numeric:tabular-nums}
.accueil .fiche{min-width:0;padding-top:2px}
.accueil .fiche-tete{margin-bottom:12px}
.accueil .fiche-label{display:flex;align-items:center;gap:10px;margin:0;font-size:10.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.accueil .fiche-label .etiquette{height:20px;padding:0 6px;font-size:9.5px}
.accueil .fiche-modele{margin:4px 0 0;font-size:19px;line-height:1.25;font-weight:650;letter-spacing:-.015em;color:var(--texte)}
.accueil .fiche-meta{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--doux)}
.accueil .fiche-champs{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.35}
.accueil .fiche-champs th{padding:9px 12px 9px 0;text-align:left;font-weight:500;color:var(--doux);white-space:nowrap}
.accueil .fiche-champs td{padding:9px 0;color:var(--texte);font-variant-numeric:tabular-nums}
.accueil .fiche-champs tbody tr+tr>*{border-top:1px solid var(--filet)}
.accueil .fiche-champs td:last-child{width:1%;padding-left:12px;text-align:right;white-space:nowrap}
.accueil .fiche-champs .valeur-vide{color:var(--doux)}
.accueil .fiche-champs .valeur-faux{color:var(--faux);font-weight:650}
.accueil .etat{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600}
.accueil .etat svg{width:14px;height:14px;flex:none}
.accueil .etat-juste{color:var(--juste)}
.accueil .etat-faux{color:var(--faux)}
.accueil .etat-manquant{color:var(--manque)}
.accueil .fiche-bilan{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--filet-fort);font-size:13.5px;line-height:1.45;color:var(--texte-2)}
.accueil .fiche-bilan strong{font-weight:650;color:var(--texte)}
.accueil .verif{display:grid;align-content:start;gap:14px;padding:20px 20px 18px;border:1px solid var(--filet);border-radius:10px;background:var(--surface-2)}
.accueil .verif-label{display:flex;align-items:center;gap:10px;margin:0;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.accueil .verif-ele{width:24px;height:18px;flex:none;fill:var(--ele)}
.accueil .verif-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.accueil .verif-liste li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:13.5px;line-height:1.45;color:var(--texte)}
.accueil .verif-liste svg{width:16px;height:16px;margin-top:1.5px}
.accueil .verif-liste small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;font-weight:400;color:var(--texte-2)}
.accueil .verif-liste .ok svg{color:var(--juste)}
.accueil .verif-liste .alerte svg{color:var(--or)}
.accueil .verif-liste .erreur svg{color:var(--faux)}
.accueil .verif-liste .alerte>span,.accueil .verif-liste .erreur>span{font-weight:620}
.accueil .verif-issue{margin:2px 0 0;padding-top:13px;border-top:1px solid var(--filet-fort);font-size:14px;line-height:1.45;font-weight:620;color:var(--texte)}
.accueil .demo-tableau{margin-top:22px;padding:18px 0 0;border:0;border-top:1px solid var(--filet);border-radius:0;background:none}
:root:not(.js) .accueil .demo-tableau{margin-top:0;padding-top:0;border-top:0}
.accueil .demo-tableau summary{display:inline-flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;font-weight:600;color:var(--texte);cursor:pointer;list-style:none}
.accueil .demo-tableau summary::-webkit-details-marker{display:none}
.accueil .demo-tableau summary svg{width:14px;height:14px;color:var(--or);transition:transform .18s ease}
.accueil .demo-tableau[open] summary svg{transform:rotate(90deg)}
.accueil .demo-tableau summary:hover{color:var(--or)}
.accueil .tableau-defile{overflow-x:auto;margin-top:14px}
.accueil .tableau-comparer{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed;font-size:13.5px;line-height:1.4}
.accueil .tableau-comparer thead th:first-child{width:19%}
.accueil .tableau-comparer th,.accueil .tableau-comparer td{padding:9px 12px 9px 0;text-align:left;vertical-align:top;border-top:1px solid var(--filet)}
.accueil .tableau-comparer thead th{border-top:0;font-size:12.5px;font-weight:650;color:var(--texte)}
.accueil .tableau-comparer thead small{display:block;font-weight:500;color:var(--doux)}
.accueil .tableau-comparer tbody th{font-weight:500;color:var(--doux);white-space:nowrap}
.accueil .tableau-comparer td{color:var(--juste)}
.accueil .tableau-comparer .t-manquant{font-weight:600;color:var(--manque)}
.accueil .tableau-comparer .t-faux{font-weight:600;color:var(--faux)}
.accueil .tableau-comparer .t-verif>*{border-top:1px solid var(--filet-fort);color:var(--texte)}
.accueil .tableau-comparer .t-verif th{font-weight:650;color:var(--or)}
.accueil .demo-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:20px 0 0;font-size:13.5px;line-height:1.5;color:var(--texte-2)}
/* rc2 : la revue mensuelle des modèles (OFFRES v5 § 9), sous le cadre de la démo */
.accueil .demo-revue{margin:28px 0 0;max-width:46em;font-size:16px;line-height:1.6;color:var(--texte-2);text-wrap:pretty}

/* 1 bis. Le but (rc2, OFFRES v5 § 8) : une bande courte, une phrase */
.accueil .section.but{padding-block:88px}
.accueil .but-texte{margin:0;max-width:30em;font-size:clamp(1.5rem,1.05rem + 1.2vw,2.125rem);line-height:1.3;letter-spacing:-.024em;font-weight:560;color:var(--texte);text-wrap:pretty}

/* 3. Ce qui ne change jamais */
.accueil .cartes-trois{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.accueil .carte-benefice{display:flex;flex-direction:column;padding:30px 30px 28px;border:1px solid var(--filet);border-radius:10px;background:var(--surface-1)}
.accueil .benefice-icone{width:44px;height:44px;margin-bottom:26px;padding:10px;border:1px solid var(--filet-fort);border-radius:10px;color:var(--or)}
.accueil .carte-benefice h3{max-width:13em;min-height:2.56em;margin:0 0 12px;font-size:20px;line-height:1.28;font-weight:640;letter-spacing:-.018em;color:var(--texte);text-wrap:balance}
.accueil .carte-benefice p{margin:0 0 24px;font-size:15.5px;line-height:1.6;color:var(--texte-2)}
.accueil .lien-fleche{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:14.5px;font-weight:600;color:var(--texte);transition:color .18s ease}
.accueil .lien-fleche svg{width:15px;height:15px;color:var(--or)}
.accueil .lien-fleche:hover{color:var(--or)}

/* 4. Tarifs, en clair (les mêmes lignes qu’en tête de tarifs.html : voir graphite.css, .tarifs-*) */
.accueil .tarifs-suite{margin-top:26px}

/* 5. Parlons de votre projet */
.accueil .contact-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:48px;align-items:start}
.accueil .contact-texte .section-chapeau{margin-bottom:30px}
.accueil .carte-diagnostic{padding:26px 26px 24px;border:1px solid color-mix(in srgb,var(--or) 45%,var(--filet));border-radius:12px;background:var(--surface-1)}
.accueil .carte-diagnostic h3{margin:0 0 8px;font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.02em;color:var(--texte)}
.accueil .carte-diagnostic p{margin:0;font-size:15px;line-height:1.6;color:var(--texte-2)}
.accueil .identite{margin-top:18px;padding-left:16px;border-left:2px solid var(--filet-fort);font-size:14px;line-height:1.6;color:var(--texte-2)}

/* ---------- Tablette et téléphone ---------- */

@media (max-width:1180px){
  .accueil{--marge:32px}
  .accueil .phan-grille{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px}
  .accueil .demo-grille{grid-template-columns:minmax(0,300px) 30px minmax(0,1fr);gap:14px}
  .accueil .demo-fleche svg{width:30px}
}
@media (max-width:1080px){
  .accueil .ouverture{grid-template-columns:minmax(0,1fr);row-gap:56px;min-height:0;padding-block:56px 64px}
  .accueil .ouverture-texte{max-width:640px}
  .accueil .pont{max-width:860px}
  .accueil .section{padding-block:96px}
  .accueil .section.but{padding-block:76px}
  .accueil .phan-grille{grid-template-columns:minmax(0,1fr);gap:56px}
  .accueil .phan-texte{max-width:640px}
  .accueil .demo-grille{grid-template-columns:minmax(0,1fr);gap:20px}
  .accueil .facture{max-width:420px}
  .accueil .demo-fleche{display:none}
  .accueil .contact-grille{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media (max-width:900px){
  .accueil .demo-onglets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .accueil .demo-panneau{grid-template-columns:minmax(0,1fr)}
  .accueil .cartes-trois{grid-template-columns:minmax(0,1fr)}
  .accueil .carte-benefice h3{max-width:none;min-height:0}
}
@media (max-width:820px){.accueil{--marge:22px}}
@media (max-width:600px){
  .accueil{--marge:20px}
  .accueil .ouverture{padding-block:36px 40px;row-gap:36px}
  .accueil .surtitre{margin-bottom:22px;font-size:11px}
  .accueil .titre{font-size:min(clamp(2.2rem,1.2rem + 5vw,2.6rem),calc((100vw - 40px) / 8.15));margin-bottom:22px}
  .accueil .titre[data-accroche="b"]{font-size:min(clamp(2.1rem,1.1rem + 5vw,2.5rem),calc((100vw - 40px) / 8.85))}
  .accueil .titre[data-accroche="c"]{font-size:min(clamp(1.8rem,.9rem + 4vw,2.1rem),calc((100vw - 40px) / 10.9))}
  .accueil .chapeau{font-size:17px;margin-bottom:30px}
  .accueil .actions{flex-direction:column;align-items:stretch;gap:10px}
  .accueil .bouton{width:100%}
  .accueil .bouton-calme{border:1px solid var(--filet-fort);text-decoration:none}
  .accueil .pont-legende{font-size:11.5px;gap:12px}
  .accueil .legende-texte{white-space:normal;text-align:center}
  .accueil .section{padding-block:72px}
  .accueil .section.but{padding-block:56px}
  .accueil .demo-revue{margin-top:22px;font-size:15px}
  .accueil .section-tete{margin-bottom:40px}
  .accueil .section-chapeau{font-size:17px}
  .accueil .phan-offre div{flex-wrap:wrap}
  .accueil .phan-offre dd{text-align:left}
  .accueil .fenetre-barre{flex-wrap:wrap;row-gap:8px;padding:12px 16px}
  .accueil .fenetre-modele{margin-left:0}
  .accueil .fenetre-corps{grid-template-columns:minmax(0,1fr)}
  .accueil .bloc{padding:20px 18px 22px}
  .accueil .demo-cadre{padding:14px;border-radius:10px}
  .accueil .demo-onglets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .accueil .onglet:last-child{grid-column:span 2}
  .accueil .facture{padding:18px 16px 16px}
  .accueil .facture-infos{grid-template-columns:auto auto;justify-content:start;column-gap:28px}
  .accueil .verif{padding:18px 16px 16px}
  .accueil .carte-benefice{padding:26px 22px 24px}
}