/* Accueil — maquettes desktop/Accueil.html et mobile/Accueil-mobile.html */

/* ---------- Héros : photo à droite, dégradé Nuit à gauche ---------- */
.home-hero { position: relative; overflow: hidden; isolation: isolate; }
.home-hero__media { position: absolute; inset: 0; z-index: -2; }
.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 68% 40%; }
.home-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, var(--dc-nuit) 0%, color-mix(in srgb, var(--dc-nuit) 94%, transparent) 32%, color-mix(in srgb, var(--dc-nuit) 62%, transparent) 58%, color-mix(in srgb, var(--dc-nuit) 22%, transparent) 100%);
}
.home-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 240px; z-index: -1;
  background: linear-gradient(0deg, var(--dc-nuit) 0%, color-mix(in srgb, var(--dc-nuit) 0%, transparent) 100%);
}
.home-hero__inner { display: flex; flex-direction: column; gap: 56px; padding-top: 104px; padding-bottom: 72px; }
.home-hero__text { max-width: 680px; display: flex; flex-direction: column; gap: 24px; }
.home-hero__text .eyebrow { margin: 0; }
.home-hero__title { margin: 0; font: var(--dc-h1-hero); letter-spacing: -.035em; text-wrap: balance; }
.home-hero__title .hl { color: var(--dc-violet-texte); text-shadow: var(--dc-titre-glow-violet); }
.home-hero__lead { margin: 0; max-width: 560px; font: var(--dc-lead); color: var(--dc-texte-doux); text-wrap: pretty; }
.home-hero__intro { margin: -8px 0 0; max-width: 560px; font-size: 16px; line-height: 1.6; color: var(--dc-texte-2); }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; }
.home-hero__actions .btn { font-size: 18px; padding: 0 30px; }
.home-hero__compare { background: color-mix(in srgb, var(--dc-nuit) 50%, transparent); }

.home-kpis {
  margin: 0; max-width: 820px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  border-radius: var(--dc-r-panel); border: 1px solid var(--dc-ligne); background: var(--dc-velours-86); overflow: hidden;
}
.home-kpi { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; padding: 22px 26px; border-right: 1px solid var(--dc-ligne); }
.home-kpi:last-child { border-right: 0; }
.home-kpi dt { font-size: 15px; line-height: 1.35; color: var(--dc-texte-2); }
.home-kpi dd { margin: 0; font-size: 60px; line-height: .9; color: var(--dc-lumiere); }
.home-kpi--lead dd { color: var(--dc-vert); text-shadow: 0 0 22px color-mix(in srgb, var(--dc-vert) 35%, transparent); }

/* ---------- Corps ---------- */
.home-body > :first-child { margin-top: var(--dc-section-gap); }
.home-body > .home-pair--top { margin-top: 112px; }
.home-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(520px, 100%), 1fr)); gap: 24px; }
.home-pair > .card { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 32px; }
.home-pair > .card > .eyebrow { margin: 0 0 -12px; }
.home-card-title { margin: 0; font: var(--dc-h2-bloc); letter-spacing: -.025em; }
.home-card-title--sm { font-size: 28px; }
.home-pair .card p:not(.eyebrow) { margin: 0; color: var(--dc-texte-2); }
.home-pair .link-arrow { margin-top: auto; }
.eyebrow--green { color: var(--dc-vert); }

/* Registre */
.home-ledger__rows { list-style: none; margin: 4px 0 0; padding: 0; width: 100%; border-bottom: 1px solid var(--dc-ligne); }
.home-ledger__row {
  display: grid; grid-template-columns: minmax(0, 1fr) 150px auto; grid-template-areas: "id cov level"; align-items: center;
  gap: 6px 20px; padding: 16px 0; border-top: 1px solid var(--dc-ligne);
}
.home-ledger__id { grid-area: id; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.home-ledger__name { color: var(--dc-lumiere); font-weight: 600; font-size: 18px; text-decoration: none; }
.home-ledger__name:hover { color: var(--dc-vert-clair); }
.home-ledger .home-ledger__meta { font-size: 13px; color: var(--dc-brume); }
.home-ledger__cov { grid-area: cov; display: flex; flex-direction: column; gap: 6px; }
.home-ledger .home-ledger__pct { margin: 0; font-size: 18px; line-height: 1; color: var(--dc-vert); }
.home-ledger .home-ledger__pct.is-empty { color: var(--dc-brume); }
.home-ledger__row .level { grid-area: level; justify-self: end; }

/* Jauge miniature (registre, comparatif rapide) */
.coverage--mini { gap: 0; }
.coverage--mini .coverage__bar { gap: 2px; width: 96px; }
.coverage--mini .coverage__seg { height: 7px; border-radius: 1px; }
.coverage--mini.coverage--empty .coverage__bar { display: block; height: 7px; background: repeating-linear-gradient(90deg, var(--dc-ligne) 0 4px, transparent 4px 6px); }
.coverage--mini.coverage--empty .coverage__seg { display: none; }

/* Légende des sceaux */
.home-legend__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.home-legend__list li { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.home-legend .home-legend__list p { font-size: 15px; color: var(--dc-texte-2); }
.home-legend .home-legend__intro { font-size: 15px; color: var(--dc-brume); margin-top: -6px; }

/* Catalogue */
.home-catalog__note { font-size: 15px !important; color: var(--dc-brume) !important; }
.home-catalog__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 24px; align-items: start; }
.home-catalog .pending { height: auto; }
@media (min-width: 1200px) { .home-catalog__grid--1 > .pending { grid-column: span 2; } }
.home-catalog__grid--0 > .pending { grid-column: 1 / -1; }
.home-catalog__grid--0 .pending__text { max-width: 760px; }
.home-mob { display: none; }

/* Comparatif rapide */
.home-quick__table { width: 100%; min-width: 900px; border-collapse: collapse; }
.home-quick__table tbody th a { color: var(--dc-lumiere); font-weight: 600; text-decoration: none; }
.home-quick__table tbody th a:hover { color: var(--dc-vert-clair); }
.home-quick__cov { display: inline-flex; align-items: center; gap: 10px; }
.home-quick__cov .dc-num { width: 38px; font-size: 17px; color: var(--dc-vert); }
.home-quick__cov .dc-num.is-empty { color: var(--dc-brume); }
.home-quick__val { display: inline-flex; align-items: center; gap: 8px; }
.home-quick__val.is-unknown { color: var(--dc-brume); }
.home-quick__pending { color: var(--dc-brume); }
.home-quick__table .score--sm, .home-quick__table .score-none { white-space: nowrap; }

/* Bonus récents et registre des preuves : états vides au trait */
.home-pair > .home-empty { flex-direction: row; align-items: center; gap: 32px; padding: 40px; }
.home-empty__art { flex: none; width: 96px; height: 96px; }
.home-empty__body { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; }
.home-empty__body .eyebrow { margin: 0 0 -6px; }
.home-empty__body p { font-size: 15px; }
.home-pair > .home-feed { grid-column: 1 / -1; }
/* Avec des offres : les tickets bonus flottent directement dans l'univers « guichet », sans carte autour */
.home-pair > .home-feed:not(.home-checks) { background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
.home-feed .home-empty__body { width: 100%; }
.home-feed .home-feed__list { grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr)); align-items: start; }
.home-feed__list { display: grid; gap: 16px; width: 100%; }
.home-checks__list { list-style: none; margin: 0; padding: 0; width: 100%; }
.home-checks__list li { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 12px 0; border-top: 1px solid var(--dc-ligne); }
.home-checks__list time { font-size: 17px; color: var(--dc-vert); }
.home-checks__what { display: flex; flex-direction: column; gap: 2px; }
.home-checks__what a { color: var(--dc-lumiere); font-weight: 600; text-decoration: none; }
.home-checks__what span, .home-checks__src { font-size: 14px; color: var(--dc-brume); }

/* Méthode */
.home-method__head { max-width: 860px; margin-bottom: 32px; }
.home-method__head .eyebrow { margin-bottom: 12px; }
.home-method__prose h2 { margin: 0 0 18px; font: var(--dc-h2-section); letter-spacing: -.03em; }
.home-method__prose p { margin: 0 0 12px; color: var(--dc-texte-2); font-size: 17px; }
.home-method__prose p:last-child { margin-bottom: 0; }
.home-method__lead { color: var(--dc-texte-2); }
.home-method__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 20px; }
.home-method__item { display: flex; flex-direction: column; gap: 12px; }
.home-method__num { font-size: 40px; line-height: 1; color: var(--dc-vert); }
.home-method__item h3 { margin: 0; font-weight: 600; font-size: 20px; line-height: 1.3; }
.home-method__item p { margin: 0; font-size: 15px; color: var(--dc-texte-2); }
.home-method__more { margin-top: 36px; }

/* Bandeau défilant */
.marquee.section { margin-top: var(--dc-section-gap); }

/* Guides */
.home-guides__grid { grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); }

/* Transparence et jeu responsable */
.home-pair--trust { margin-bottom: 8px; }
.home-responsible { flex-direction: row !important; gap: 20px !important; }
.home-responsible > div { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.home-responsible__icon { flex: none; width: 36px; height: 36px; color: var(--dc-lumiere); margin-top: 2px; }
.home-responsible__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--dc-lumiere); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.home-responsible__link .icon { width: 16px; height: 16px; }
.home-responsible__link:hover { color: var(--dc-lumiere); text-decoration-thickness: 2px; }

/* ---------- Tablette ---------- */
@media (max-width: 1199px) {
  .home-hero__inner { padding-top: 72px; }
  .home-hero::before { background: linear-gradient(90deg, var(--dc-nuit) 0%, color-mix(in srgb, var(--dc-nuit) 92%, transparent) 45%, color-mix(in srgb, var(--dc-nuit) 55%, transparent) 100%); }
}

/* ---------- Mobile (maquette 390 px) ---------- */
@media (max-width: 767px) {
  .home-hero { overflow: visible; }
  .home-hero::before { content: none; }
  .home-hero::after { top: 0; bottom: auto; height: 250px; background: linear-gradient(0deg, var(--dc-nuit) 0%, color-mix(in srgb, var(--dc-nuit) 30%, transparent) 55%, color-mix(in srgb, var(--dc-nuit) 10%, transparent) 100%); }
  .home-hero__media { position: relative; display: block; height: 250px; z-index: -2; }
  .home-hero__media img { object-position: 62% 30%; }
  .home-hero__inner { gap: 16px; padding-top: 0; padding-bottom: 0; margin-top: -48px; }
  .home-hero__text { gap: 16px; }
  .home-hero__eyebrow-b { display: none; }
  .home-hero__title { font-size: 34px; line-height: 1.04; letter-spacing: -.03em; }
  .home-hero__title .hl { text-shadow: 0 0 24px color-mix(in srgb, var(--dc-violet) 60%, transparent); }
  .home-hero__lead { font-size: 16px; line-height: 1.55; }
  .home-hero__intro { display: none; }
  .home-hero__actions { flex-direction: column; gap: 10px; margin-top: 4px; }
  .home-hero__actions .btn { width: 100%; font-size: 17px; }
  .home-hero__compare { min-height: 52px !important; background: transparent; box-shadow: none; }
  .home-kpis { margin-top: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 16px; background: var(--dc-velours); }
  .home-kpi { padding: 14px 12px; gap: 4px; }
  .home-kpi dt { font-size: 12px; line-height: 1.3; }
  .home-kpi dd { font-size: 34px; }
  .home-kpi--lead dd { text-shadow: none; }

  .home-body > :first-child { margin-top: 32px; }
  .home-body > .home-pair--top { margin-top: 48px; }
  .marquee.section { margin-top: 32px; }
  .home-pair { gap: 32px; }
  .home-pair > .card { padding: 20px 18px; gap: 14px; }
  .home-pair > .card > .eyebrow { margin-bottom: -8px; }
  .home-card-title { font-size: 26px; letter-spacing: -.02em; }
  .home-card-title--sm { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }

  /* Registre et légende : titre hors carte, liste en carte */
  .home-ledger, .home-legend { background: none; border: 0; padding: 0 !important; border-radius: 0; }
  .home-ledger__rows { padding: 0 16px; border: 1px solid var(--dc-ligne); border-radius: var(--dc-r-card-m); background: var(--dc-velours); }
  .home-ledger__row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id cov" "level cov"; padding: 14px 0; gap: 6px 12px; }
  .home-ledger__row:first-child { border-top: 0; }
  .home-ledger__row .coverage--mini { display: none; }
  .home-ledger .home-ledger__pct { font-size: 20px; }
  .home-ledger__cov { align-self: center; }
  .home-ledger__row .level { justify-self: start; }
  .home-ledger__name { font-size: 16px; }
  .home-ledger .home-ledger__meta { font-size: 12px; }
  .home-legend__intro { display: none; }
  .home-legend__list { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .home-legend__list p { display: none; }
  .home-legend { margin-top: -12px; }
  .home-legend > .eyebrow, .home-legend > .home-card-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

  .home-desk { display: none; }
  .home-mob { display: flex; margin-top: 16px; }
  .home-catalog__grid { gap: 16px; }
  .home-catalog__grid > .casino-card ~ .casino-card, .home-catalog__grid:not(.home-catalog__grid--0) > .pending { display: none; }

  .home-quick .section-head { margin-bottom: 14px; }
  .home-quick .section-head .link-arrow { order: 3; }
  .home-quick__table th, .home-quick__table td { padding: 12px 14px; font-size: 14px; white-space: nowrap; }
  .home-feed__list > :nth-child(n+2) { display: none; }

  .home-pair > .home-empty { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px; }
  .home-empty__art { display: none; }
  .home-checks.home-empty { display: none; }

  .home-method__head { margin-bottom: 16px; }
  .home-method__prose h2 { font: var(--dc-m-h2); font-size: 26px; font-weight: 800; }
  .home-method__prose p { font-size: 15px; }
  .home-method__grid { gap: 10px; }
  .home-method__item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; padding: 16px; }
  .home-method__num { grid-row: span 3; font-size: 26px; }
  .home-method__item h3 { font-size: 16px; }
  .home-method__item p { font-size: 13px; }
  .home-method__more { width: 100%; margin-top: 14px; }

  .home-guides__grid > :nth-child(n+4) { display: none; }

  .home-pair--trust { gap: 12px; }
  .home-responsible__icon { display: none; }
  .home-pair--trust .card p { font-size: 14px; }
}

/* =====================================================================
   Habillage « Lounge » : chaque carte a sa propre matière
   ===================================================================== */

/* Compteurs : afficheurs LED, chacun différent */
.home-kpis { background: color-mix(in srgb, var(--dc-velours) 82%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.home-kpi { position: relative; overflow: hidden; }
.home-kpi--lead {
  background: radial-gradient(circle, color-mix(in srgb, var(--dc-vert) 14%, transparent) 1px, transparent 1.6px) 0 0 / 9px 9px;
}
.home-kpi__segs { position: absolute; left: 26px; right: 26px; top: 16px; display: grid; grid-auto-flow: column; gap: 3px; }
.home-kpi__segs span { height: 4px; border-radius: 2px; background: var(--dc-ligne-forte); }
.home-kpi__segs span:nth-child(odd) { background: color-mix(in srgb, var(--dc-violet-texte) 55%, var(--dc-ligne)); }
.home-kpi--fields { padding-top: 34px; }
.home-kpi__mark { position: absolute; right: -14px; bottom: -18px; width: 104px; height: 104px; color: var(--dc-vert); opacity: .09; }

/* Registre : page de grand livre (lignes réglées, double marge) */
.home-ledger { position: relative; overflow: hidden; }
.home-ledger::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, transparent 14px, color-mix(in srgb, var(--dc-violet) 45%, transparent) 14px 15px, transparent 15px 19px, color-mix(in srgb, var(--dc-violet) 25%, transparent) 19px 20px, transparent 20px),
    repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in srgb, var(--dc-lumiere) 3.5%, transparent) 31px 32px);
}
.home-ledger > * { position: relative; }

/* Légende : tampons encreurs en filigrane */
.home-legend { position: relative; overflow: hidden; }
.home-legend::before {
  content: ""; position: absolute; right: -60px; top: -60px; width: 260px; height: 260px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, transparent 92px, color-mix(in srgb, var(--dc-vert) 16%, transparent) 93px 95px, transparent 96px 104px, color-mix(in srgb, var(--dc-vert) 10%, transparent) 105px 106px, transparent 107px);
  transform: rotate(-14deg);
}
.home-legend > * { position: relative; }
.home-legend__list li { padding-left: 14px; border-left: 2px solid var(--dc-ligne); }
.home-legend__list li:first-child { border-left-color: var(--dc-vert); }
.home-legend__list li:nth-child(2) { border-left-color: var(--dc-lumiere); }
.home-legend__list li:nth-child(3) { border-left-style: dashed; border-left-color: var(--dc-muet); }

/* Fiches en cours (accueil) : chantier balisé en violet */
.home-catalog .pending { position: relative; overflow: hidden; }
.home-catalog .pending::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 10px; pointer-events: none;
  background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--dc-violet) 55%, transparent) 0 10px, transparent 10px 20px);
  opacity: .6;
}

/* Comparatif rapide : tableau d'affichage */
.home-quick .table-wrap { position: relative; }
.home-quick__table thead th {
  background: radial-gradient(circle, color-mix(in srgb, var(--dc-lumiere) 8%, transparent) 1px, transparent 1.5px) 0 0 / 8px 8px, var(--dc-nuit);
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--dc-vert) 55%, transparent);
}
.home-quick__table tbody tr { transition: background-color var(--dc-t); }
.home-quick__table tbody tr:hover { background: color-mix(in srgb, var(--dc-violet) 7%, transparent); }

/* Bonus récents : coupon (encoches et perforation) */
.home-pair--feeds > .home-empty:first-child {
  border-style: solid;
  -webkit-mask: radial-gradient(circle at 0 50%, transparent 13px, var(--dc-nuit) 13.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 13px, var(--dc-nuit) 13.5px) right / 51% 100% no-repeat;
  mask: radial-gradient(circle at 0 50%, transparent 13px, var(--dc-nuit) 13.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 13px, var(--dc-nuit) 13.5px) right / 51% 100% no-repeat;
  background:
    linear-gradient(90deg, transparent 150px, color-mix(in srgb, var(--dc-vert) 35%, transparent) 150px 151px, transparent 151px) 0 0 / 100% 100% no-repeat,
    var(--nl-card-sheen), var(--nl-card-bg);
}
.home-pair--feeds > .home-empty:first-child .home-empty__art { width: 88px; height: 88px; margin-right: 26px; }

/* Registre des preuves : ticket de caisse, bord inférieur dentelé */
.home-checks {
  border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 48px !important;
  -webkit-mask: conic-gradient(from -45deg at bottom, transparent 90deg, var(--dc-nuit) 0) bottom / 18px 10px repeat-x, linear-gradient(var(--dc-nuit) 0 0) top / 100% calc(100% - 9px) no-repeat;
  mask: conic-gradient(from -45deg at bottom, transparent 90deg, var(--dc-nuit) 0) bottom / 18px 10px repeat-x, linear-gradient(var(--dc-nuit) 0 0) top / 100% calc(100% - 9px) no-repeat;
  background:
    repeating-linear-gradient(180deg, transparent 0 27px, color-mix(in srgb, var(--dc-lumiere) 3%, transparent) 27px 28px),
    var(--nl-card-sheen), var(--nl-card-bg);
}

/* Méthode : fiches techniques (quadrillage, chiffre en contour, repères de coupe, pictogramme propre) */
.home-method__item {
  position: relative; overflow: hidden;
  background:
    linear-gradient(color-mix(in srgb, var(--dc-violet-texte) 7%, transparent) 1px, transparent 1px) 0 0 / 20px 20px,
    linear-gradient(90deg, color-mix(in srgb, var(--dc-violet-texte) 7%, transparent) 1px, transparent 1px) 0 0 / 20px 20px,
    var(--nl-card-bg);
}
.home-method__item::before, .home-method__item::after {
  content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none; border-color: var(--dc-violet-texte); border-style: solid; opacity: .7;
}
.home-method__item::before { top: 10px; left: 10px; border-width: 1.5px 0 0 1.5px; }
.home-method__item::after { right: 10px; bottom: 10px; border-width: 0 1.5px 1.5px 0; }
.home-method__num { color: transparent; -webkit-text-stroke: 1.5px var(--dc-vert); font-size: 52px; text-shadow: 0 0 18px color-mix(in srgb, var(--dc-vert) 30%, transparent); }
.home-method__mark { position: absolute; right: 18px; top: 18px; width: 40px; height: 40px; color: var(--dc-violet-texte); opacity: .55; }
.home-method__item:nth-child(even) .home-method__num { -webkit-text-stroke-color: var(--dc-violet-texte); text-shadow: 0 0 18px color-mix(in srgb, var(--dc-violet) 35%, transparent); }
.home-method__item:nth-child(even) .home-method__mark { color: var(--dc-vert); }

/* Transparence : contrat (filet de signature) ; jeu responsable : encart calme, bordure Lumière, sans néon */
.home-trust { position: relative; overflow: hidden; }
.home-trust::after {
  content: ""; position: absolute; right: 32px; bottom: 30px; width: 34%; height: 1px; pointer-events: none;
  background: repeating-linear-gradient(90deg, var(--dc-ligne-forte) 0 6px, transparent 6px 10px);
}
.home-responsible { background: var(--dc-champ) !important; border: 2px solid var(--dc-lumiere) !important; box-shadow: none !important; }

@media (max-width: 767px) {
  .home-kpi__segs { left: 12px; right: 12px; top: 8px; gap: 2px; }
  .home-kpi--fields { padding-top: 22px; }
  .home-kpi__mark { width: 64px; height: 64px; right: -10px; bottom: -12px; }
  .home-ledger::before { display: none; }
  .home-ledger__rows { background: repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in srgb, var(--dc-lumiere) 3%, transparent) 31px 32px), var(--nl-card-bg); }
  .home-pair--feeds > .home-empty:first-child { background: var(--nl-card-sheen), var(--nl-card-bg); }
  .home-method__num { font-size: 32px; }
  .home-method__mark { width: 26px; height: 26px; right: 12px; top: 12px; }
  .home-trust::after { display: none; }
  .home-legend__list li { padding-left: 0; border-left: 0; }
  .home-checks__list li { grid-template-columns: minmax(0, 1fr) auto; }
  .home-checks__list time { grid-column: 1 / -1; font-size: 15px; }
  .home-checks__src { text-align: right; }
}

/* =====================================================================
   Héros signature : profondeur par couches, mouvement d'ambiance très lent, chorégraphie d'arrivée
   ===================================================================== */
.home-hero__media { overflow: hidden; }
.home-hero__media img { transform-origin: 70% 45%; animation: hero-drift 38s var(--ds-ease-in-out) infinite alternate; will-change: transform; }
@keyframes hero-drift {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to { transform: scale(1.07) translate3d(-1.2%, -.8%, 0); }
}
/* Halo de marque derrière le titre : deux nappes (violet, vert) qui respirent lentement */
.home-hero__text { position: relative; }
.home-hero__text::before {
  content: ""; position: absolute; z-index: -1; left: -18%; top: -22%; width: 120%; height: 120%; pointer-events: none;
  background:
    radial-gradient(42% 38% at 38% 46%, color-mix(in srgb, var(--dc-violet) 22%, transparent), transparent 72%),
    radial-gradient(30% 26% at 22% 78%, color-mix(in srgb, var(--dc-vert) 9%, transparent), transparent 74%);
  animation: hero-halo 24s var(--ds-ease-in-out) infinite alternate;
}
@keyframes hero-halo {
  from { transform: translate3d(0, 0, 0) scale(1); opacity: .85; }
  to { transform: translate3d(4%, -3%, 0) scale(1.08); opacity: 1; }
}
/* Mot clé : un reflet de lumière le traverse une fois à l'arrivée */
.home-hero__title .hl {
  background: linear-gradient(100deg, var(--dc-violet-texte) 42%, color-mix(in srgb, var(--dc-violet-texte) 40%, var(--dc-lumiere)) 50%, var(--dc-violet-texte) 58%) 100% 0 / 260% 100% no-repeat;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: hero-sheen 1.8s var(--ds-ease-out) .5s both;
}
@keyframes hero-sheen { from { background-position: 100% 0; } to { background-position: 0 0; } }
/* Arrivée : sur-titre, chapeau, actions et compteurs montent en douceur (le titre, élément principal, reste immédiat) */
.home-hero__text > .eyebrow, .home-hero__lead, .home-hero__actions, .home-kpis {
  animation: hero-in 700ms var(--ds-ease-out) backwards;
}
/* Le second paragraphe reste immobile : animé, il n'était pas repeint en fin d'animation par certains moteurs de rendu */
.home-hero__text > .eyebrow { animation-delay: 40ms; }
.home-hero__lead { animation-delay: 140ms; }
.home-hero__actions { animation-delay: 260ms; }
.home-kpis { animation-delay: 380ms; }
@keyframes hero-in { from { opacity: 0; transform: translate3d(0, 12px, 0); } }

/* Compteurs : filet lumineux sur l'arête haute du panneau, séparateurs adoucis */
.home-kpis { position: relative; }
.home-kpis::before { content: ""; position: absolute; left: 24px; right: 24px; top: 0; height: 1px; background: var(--ds-grad-edge); opacity: .8; pointer-events: none; }
.home-kpi { border-right-color: color-mix(in srgb, var(--dc-ligne) 70%, transparent); }
.home-kpi dd { font-variant-numeric: tabular-nums; position: relative; }
/* Compteur en cours : le chiffre réel reste dans le texte (lecteurs d'écran, moteurs), seul un calque visuel compte */
.home-kpi dd.is-counting { -webkit-text-fill-color: transparent; text-shadow: none; }
.home-kpi dd.is-counting::after { content: attr(data-show); position: absolute; left: 0; top: 0; -webkit-text-fill-color: currentColor; }
.home-kpi--lead dd.is-counting::after { text-shadow: 0 0 22px color-mix(in srgb, var(--dc-vert) 35%, transparent); }

/* Actions : le principal porte le halo, le secondaire reste en verre */
.home-hero__compare { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

@media (prefers-reduced-motion: reduce) {
  .home-hero__media img, .home-hero__text::before, .home-hero__title .hl,
  .home-hero__text > .eyebrow, .home-hero__lead, .home-hero__actions, .home-kpis { animation: none; }
  .home-hero__media img { transform: none; }
}