/* =========================================================
   SPRINT 07 — CHIVARYN ARCHIVES
   Interface pilotée par données, isolée du portfolio historique.
========================================================= */
.archives {
    position: relative;
    overflow: clip;
    isolation: isolate;
    background: transparent;
}
/* Une entrée directe dans les Archives ne traverse jamais l'écran Advisor. */
.archives-direct-route #services-tarifs { display:none !important; }

.archives-atmosphere {
    display: none;
}

.archives-conteneur { position: relative; }

.archives-entete {
    max-width: 780px;
    margin-bottom: clamp(32px, 5vw, 64px);
}

.archives-entete h2 {
    max-width: 720px;
    margin: 0 0 14px;
    font-size: clamp(2.35rem, 5vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.archives-entete .archives-promesse {
    margin-bottom: 10px;
    color: #e5e1eb;
    font-size: clamp(1.08rem, 1.8vw, 1.36rem);
    font-weight: 650;
    letter-spacing: -.015em;
}
.archives-entete .archives-introduction {
    color: #a7a2b4;
    font-size: clamp(.98rem, 1.4vw, 1.14rem);
    line-height: 1.75;
}

.archives-categories {
    display: flex;
    gap: 8px;
    padding: 6px;
    margin-bottom: 18px;
    overflow-x: auto;
    scrollbar-width: none;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(9,7,16,.74);
    backdrop-filter: blur(18px);
}
.archives-categories::-webkit-scrollbar { display: none; }
.archives-categories button {
    flex: 1 0 auto;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #858091;
    background: transparent;
    font: inherit;
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .015em;
    cursor: pointer;
    transition: color .25s ease, border-color .25s ease, background .25s ease;
}
.archives-categories button:hover { color: #ddd8e7; }
.archives-categories button[aria-selected="true"] {
    color: #fff;
    border-color: rgba(168,85,247,.34);
    background: linear-gradient(135deg, rgba(139,92,246,.16), rgba(255,255,255,.035));
}
.archives-categories button:focus-visible,
.archive-entree:focus-visible,
.archive-sommaire a:focus-visible {
    outline: 2px solid #a855f7;
    outline-offset: 3px;
}

.archives-systeme {
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(0, 1.8fr);
    min-height: 730px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 24px;
    overflow: clip;
    background: rgba(7,5,12,.8);
    box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035);
}

.archives-index {
    min-width: 0;
    position: relative;
    border-right: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.016);
}
.archives-index-panneau {
    position: sticky;
    top: 72px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 12px;
    overflow: visible;
}
.archives-index-entete {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 3px 5px;
    color: #706a7c;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .16em;
}
.archives-index-entete output { color: #9b94a8; }
.archives-liste { min-height: 0; display: grid; grid-template-columns: 1fr; gap: 6px; overflow: visible; }

.archives-progression {
    --progression-rgb: var(--level-business-rgb);
    position: relative;
    flex: 0 0 auto;
    margin-top: 0;
    padding: 12px;
    overflow: hidden;
    border: 1px solid rgba(167,139,250,.13);
    border-radius: 15px;
    background:
        radial-gradient(circle at 88% 10%,rgba(var(--progression-rgb),.07),transparent 36%),
        linear-gradient(145deg,rgba(139,92,246,.035),rgba(255,255,255,.012));
    box-shadow: inset 0 1px rgba(255,255,255,.035),0 14px 32px rgba(0,0,0,.14);
    isolation: isolate;
}
.archives-progression[data-progression-level="essentiel"] { --progression-rgb: var(--level-essential-rgb); }
.archives-progression[data-progression-level="business"] { --progression-rgb: var(--level-business-rgb); }
.archives-progression[data-progression-level="premium"] { --progression-rgb: var(--level-premium-rgb); }
.archives-progression[data-progression-level="signature-ai"] { --progression-rgb: var(--level-signature-rgb); }
.archives-progression::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .13;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(135deg,#000,transparent 78%);
}
.archives-progression-entete { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.065); }
.archives-progression-entete > div { display: grid; gap: 3px; }
.archives-progression-entete span { color: #746d80; font-size: .48rem; font-weight: 850; letter-spacing: .13em; }
.archives-progression-entete h3 { color: #dcd6e4; font-size: .66rem; font-weight: 700; }
.archives-progression-entete output { flex: 0 0 auto; color: rgb(var(--progression-rgb)); font-size: .7rem; font-weight: 850; font-variant-numeric: tabular-nums; letter-spacing: .06em; white-space: nowrap; }
.archives-progression-infos { display: grid; grid-template-columns: 1.35fr .6fr .8fr 1fr; gap: 6px; margin: 8px 0 10px; }
.archives-progression-infos > div { min-width: 0; display: grid; align-content: start; gap: 4px; }
.archives-progression-categorie { grid-column: auto; padding-bottom: 0; border-bottom: 0; }
.archives-progression-infos dt { overflow: hidden; color: #625d6d; font-size: .4rem; font-weight: 750; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.archives-progression-infos dd { min-width: 0; overflow: hidden; color: #aaa4b3; font-size: .54rem; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.archives-progression-infos [data-progression-niveau] { color: rgb(var(--progression-rgb)); }
.archives-progression-parcours { display: grid; gap: 6px; }
.archives-progression-parcours > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #746e7d; font-size: .49rem; }
.archives-progression-parcours > div strong { color: #bcb5c6; font-size: .55rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.archives-progression-barre { position: relative; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.055); }
.archives-progression-barre i { position: absolute; inset: 0 auto 0 0; width: var(--archives-progression,0%); border-radius: inherit; background: linear-gradient(90deg,var(--level-essential),var(--level-business) 42%,var(--level-premium) 72%,var(--level-signature)); box-shadow: 0 0 10px rgba(var(--progression-rgb),.22); transition: width .52s cubic-bezier(.2,.72,.2,1); }
.archives-progression-parcours ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin: 0; padding: 0; list-style: none; }
.archives-progression-parcours li { min-width: 0; display: grid; justify-items: center; gap: 6px; color: #5f5968; text-align: center; }
.archives-progression-parcours li i { width: 6px; height: 6px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: #0a0710; }
.archives-progression-parcours li span { max-width: 100%; overflow: hidden; font-size: .43rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.archives-progression-parcours li[data-progression-etape="Essentiel"] { --progression-step-rgb: var(--level-essential-rgb); }
.archives-progression-parcours li[data-progression-etape="Business"] { --progression-step-rgb: var(--level-business-rgb); }
.archives-progression-parcours li[data-progression-etape="Premium"] { --progression-step-rgb: var(--level-premium-rgb); }
.archives-progression-parcours li[data-progression-etape="Signature AI"] { --progression-step-rgb: var(--level-signature-rgb); }
.archives-progression-parcours li.est-terminee { color: rgb(var(--progression-step-rgb)); }
.archives-progression-parcours li.est-terminee i { border-color: rgba(var(--progression-step-rgb),.48); background: rgb(var(--progression-step-rgb)); box-shadow: 0 0 7px rgba(var(--progression-step-rgb),.26); }
.archives-progression-parcours li.est-active { color: rgb(var(--progression-rgb)); }
.archives-progression-parcours li.est-active i { border-color: rgb(var(--progression-rgb)); background: rgb(var(--progression-rgb)); box-shadow: 0 0 0 3px rgba(var(--progression-rgb),.08),0 0 8px rgba(var(--progression-rgb),.32); }

/* Écran d’accueil du système — reprend l’ADN lumineux du Hero, d’Advisor et du Core. */
.archives-core-accueil {
    position: relative;
    flex: 0 0 auto;
    min-height: 94px;
    display: grid;
    grid-template-columns: 66px minmax(0,1fr);
    grid-template-areas: "visuel texte" "visuel activite";
    align-items: center;
    gap: 5px 12px;
    margin-top: 0;
    padding: 11px 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    background:
        radial-gradient(circle at 18% 50%, rgba(167,139,250,.14), rgba(76,29,149,.055) 26%, transparent 48%),
        radial-gradient(circle at 22% 78%, rgba(37,99,235,.045), transparent 30%),
        linear-gradient(155deg, rgba(139,92,246,.025), rgba(255,255,255,.01));
    box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 0 55px rgba(76,29,149,.04);
    isolation: isolate;
}
.archives-core-accueil::before {
    content: "";
    position: absolute;
    inset: -30%;
    z-index: -2;
    background: conic-gradient(from 100deg at 50% 45%, transparent, rgba(139,92,246,.055), transparent 28%, rgba(59,130,246,.035), transparent 62%);
    animation: archivesCoreFond 34s linear infinite;
}
.archives-core-accueil::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .15;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(circle at center, #000, transparent 78%);
}
.archives-core-univers { position: absolute; inset: 0; pointer-events: none; }
.archives-core-univers span {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #c4b5fd;
    box-shadow: 0 0 8px rgba(196,181,253,.65);
    opacity: .35;
    animation: archivesCoreEtoile 6s ease-in-out infinite alternate;
}
.archives-core-univers span:nth-child(1) { left: 14%; top: 18%; animation-delay: -1s; }
.archives-core-univers span:nth-child(2) { right: 17%; top: 24%; animation-delay: -3.2s; }
.archives-core-univers span:nth-child(3) { left: 23%; top: 51%; animation-delay: -4.5s; }
.archives-core-univers span:nth-child(4) { right: 13%; top: 57%; animation-delay: -2s; }
.archives-core-univers span:nth-child(5) { left: 18%; bottom: 16%; animation-delay: -5.1s; }
.archives-core-univers span:nth-child(6) { right: 25%; bottom: 12%; animation-delay: -.4s; }
.archives-core-univers > i {
    position: absolute;
    height: 1px;
    opacity: .115;
    transform-origin: left center;
    background: linear-gradient(90deg, transparent, #a78bfa, transparent);
}
.archives-core-univers > i:nth-of-type(1) { width: 34%; left: 14%; top: 18%; transform: rotate(27deg); }
.archives-core-univers > i:nth-of-type(2) { width: 30%; right: 13%; top: 57%; transform: rotate(-34deg); }
.archives-core-univers > i:nth-of-type(3) { width: 38%; left: 18%; bottom: 16%; transform: rotate(-18deg); }

.archives-core-visuel {
    position: relative;
    grid-area: visuel;
    width: 66px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    transform: translate3d(var(--archives-core-x, 0), var(--archives-core-y, 0), 0);
    transition: transform 1.1s cubic-bezier(.2,.7,.2,1);
    filter: drop-shadow(0 9px 17px rgba(0,0,0,.22)) drop-shadow(0 0 16px rgba(124,58,237,.1));
}
.archives-core-visuel::before {
    content: "";
    position: absolute;
    inset: 22%;
    border-radius: 50%;
    opacity: .34;
    background:
        repeating-conic-gradient(from 12deg, rgba(196,181,253,.42) 0 1deg, transparent 1deg 17deg),
        radial-gradient(circle, rgba(124,58,237,.24), transparent 68%);
    mask-image: radial-gradient(circle, transparent 0 26%, #000 28% 64%, transparent 68%);
    animation: archivesCoreTourne 46s linear infinite;
}
.archives-core-visuel::after {
    content: "";
    position: absolute;
    inset: 36%;
    border: 1px solid rgba(216,180,254,.34);
    border-radius: 50%;
    box-shadow: 0 0 18px rgba(168,85,247,.12), inset 0 0 14px rgba(168,85,247,.08);
    animation: archivesCoreTourne 19s linear infinite reverse;
}
.archives-core-halo {
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(192,132,252,.27), rgba(124,58,237,.16) 42%, transparent 72%);
    box-shadow: 0 0 42px rgba(124,58,237,.16), 0 0 72px rgba(59,130,246,.07);
    filter: blur(19px);
    animation: archivesCoreRespire 7s ease-in-out infinite;
}
.archives-core-halo::before,
.archives-core-halo::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.archives-core-halo::before { inset: -42%; border: 1px solid rgba(139,92,246,.09); box-shadow: 0 0 34px rgba(139,92,246,.08); }
.archives-core-halo::after { inset: 18%; background: rgba(216,180,254,.22); filter: blur(10px); animation: archivesCoreInterne 5.8s ease-in-out infinite -1.7s; }
.archives-core-anneau {
    position: absolute;
    border: 1px solid rgba(167,139,250,.3);
    border-radius: 50%;
    box-shadow: inset 0 0 20px rgba(139,92,246,.025), 0 0 12px rgba(139,92,246,.025);
}
.archives-core-anneau::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    top: 50%;
    left: -3px;
    border-radius: 50%;
    background: #c4b5fd;
    box-shadow: 0 0 9px rgba(168,85,247,.8);
}
.archives-core-anneau-1 { inset: 3%; border-style: dashed; animation: archivesCoreTourne 38s linear infinite; }
.archives-core-anneau-2 { inset: 15%; border-color: rgba(96,165,250,.24); animation: archivesCoreTourne 27s linear infinite reverse; }
.archives-core-anneau-3 { inset: 29%; border-color: rgba(192,132,252,.42); animation: archivesCoreRespire 7s ease-in-out infinite -2.5s; }
.archives-core-logo {
    position: relative;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    clip-path: polygon(50% 0,92% 24%,92% 74%,50% 100%,8% 74%,8% 24%);
    border: 1px solid rgba(196,181,253,.7);
    color: #eadcff;
    background:
        radial-gradient(circle at 42% 34%, rgba(255,255,255,.11), transparent 18%),
        linear-gradient(145deg, #251653, #0d081b 56%, #06040c);
    box-shadow: 0 0 12px rgba(216,180,254,.28), 0 0 24px rgba(124,58,237,.2), inset 0 0 14px rgba(139,92,246,.34), inset 0 1px rgba(255,255,255,.16);
    font-size: .9rem;
    font-weight: 950;
    text-shadow: 0 0 14px rgba(168,85,247,.8);
    animation: archivesCoreLogo 7s ease-in-out infinite;
}
.archives-core-logo::before {
    content: "";
    position: absolute;
    inset: 4px;
    clip-path: inherit;
    border: 1px solid rgba(216,180,254,.25);
    background: radial-gradient(circle at 45% 40%, rgba(216,180,254,.17), rgba(168,85,247,.055) 38%, transparent 66%);
}
.archives-core-logo::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    top: 5px;
    right: 7px;
    border-radius: 50%;
    background: #ede9fe;
    box-shadow: 0 0 9px #c084fc;
    opacity: .72;
}
.archives-core-particule { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #ddd6fe; box-shadow: 0 0 7px #a855f7; }
.archives-core-particule.p1 { top: 8%; left: 48%; animation: archivesCoreParticule 9s ease-in-out infinite; }
.archives-core-particule.p2 { right: 9%; top: 51%; background: #f4c453; box-shadow: 0 0 9px rgba(244,196,83,.8); animation: archivesCoreParticule 11s ease-in-out infinite -4s; }
.archives-core-particule.p3 { left: 15%; bottom: 22%; animation: archivesCoreParticule 13s ease-in-out infinite -7s; }
.archives-core-texte { position: relative; z-index: 2; grid-area: texte; min-width: 0; text-align: left; }
.archives-core-texte h3 { font-size: .7rem; letter-spacing: .09em; }
.archives-core-texte strong { display: block; margin-top: 4px; color: #a99eb9; font-size: .55rem; font-weight: 650; }
.archives-core-texte p { margin-top: 5px; overflow: hidden; color: #65606d; font-size: .52rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.archives-core-activite { position: relative; grid-area: activite; width: 100%; height: 2px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.045); }
.archives-core-activite i { position: absolute; inset: 0 auto 0 0; width: 42%; border-radius: inherit; background: linear-gradient(90deg, transparent, #a78bfa, #f4c453, transparent); animation: archivesCoreActivite 8s ease-in-out infinite; }

@keyframes archivesCoreTourne { to { transform: rotate(360deg); } }
@keyframes archivesCoreRespire { 0%, 100% { transform: scale(.985); opacity: .72; } 48% { transform: scale(1.055); opacity: 1; } }
@keyframes archivesCoreLogo { 0%, 100% { transform: scale(.99); filter: brightness(.98); } 46% { transform: scale(1.035); filter: brightness(1.1); } }
@keyframes archivesCoreInterne { 0%, 100% { transform: scale(.78); opacity: .28; } 52% { transform: scale(1.08); opacity: .7; } }
@keyframes archivesCoreParticule { 50% { transform: translate3d(5px,-6px,0); opacity: .45; } }
@keyframes archivesCoreEtoile { to { opacity: .7; transform: scale(1.4); } }
@keyframes archivesCoreFond { to { transform: rotate(360deg); } }
@keyframes archivesCoreActivite { 0%, 18% { transform: translateX(-110%); } 58%, 100% { transform: translateX(340%); } }

/* Le Core reprend l'énergie du niveau actif sans perdre son identité propre. */
.archives-index-pied { --core-level-rgb: var(--level-business-rgb); --core-level: var(--level-business); --core-level-bright: var(--level-business-bright); }
.archives-index-pied:has(.archives-core-accueil[data-core-level="essentiel"]) { --core-level-rgb: var(--level-essential-rgb); --core-level: var(--level-essential); --core-level-bright: var(--level-essential-bright); }
.archives-index-pied:has(.archives-core-accueil[data-core-level="business"]) { --core-level-rgb: var(--level-business-rgb); --core-level: var(--level-business); --core-level-bright: var(--level-business-bright); }
.archives-index-pied:has(.archives-core-accueil[data-core-level="premium"]) { --core-level-rgb: var(--level-premium-rgb); --core-level: var(--level-premium); --core-level-bright: var(--level-premium-bright); }
.archives-index-pied:has(.archives-core-accueil[data-core-level="signature-ai"]) { --core-level-rgb: var(--level-signature-rgb); --core-level: var(--level-signature); --core-level-bright: var(--level-signature-bright); }
.archives-core-accueil[data-core-level="essentiel"] { --core-level-rgb: var(--level-essential-rgb); --core-level: var(--level-essential); --core-level-bright: var(--level-essential-bright); }
.archives-core-accueil[data-core-level="business"] { --core-level-rgb: var(--level-business-rgb); --core-level: var(--level-business); --core-level-bright: var(--level-business-bright); }
.archives-core-accueil[data-core-level="premium"] { --core-level-rgb: var(--level-premium-rgb); --core-level: var(--level-premium); --core-level-bright: var(--level-premium-bright); }
.archives-core-accueil[data-core-level="signature-ai"] { --core-level-rgb: var(--level-signature-rgb); --core-level: var(--level-signature); --core-level-bright: var(--level-signature-bright); }
.archives-index-pied .archives-core-accueil {
    background:
        radial-gradient(circle at 18% 50%, rgba(var(--core-level-rgb),.14), rgba(var(--core-level-rgb),.045) 26%, transparent 48%),
        radial-gradient(circle at 22% 78%, rgba(var(--core-level-rgb),.035), transparent 30%),
        linear-gradient(155deg, rgba(var(--core-level-rgb),.024), rgba(255,255,255,.01));
    box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 0 55px rgba(var(--core-level-rgb),.04);
}
.archives-index-pied .archives-core-accueil::before { background: conic-gradient(from 100deg at 50% 45%,transparent,rgba(var(--core-level-rgb),.055),transparent 28%,rgba(var(--core-level-rgb),.025),transparent 62%); }
.archives-index-pied .archives-core-univers span { background: var(--core-level-bright); box-shadow: 0 0 8px rgba(var(--core-level-rgb),.62); }
.archives-index-pied .archives-core-univers > i { background: linear-gradient(90deg,transparent,var(--core-level),transparent); }
.archives-index-pied .archives-core-visuel { filter: drop-shadow(0 9px 17px rgba(0,0,0,.22)) drop-shadow(0 0 16px rgba(var(--core-level-rgb),.12)); }
.archives-index-pied .archives-core-visuel::before { background: repeating-conic-gradient(from 12deg,rgba(var(--core-level-rgb),.42) 0 1deg,transparent 1deg 17deg),radial-gradient(circle,rgba(var(--core-level-rgb),.24),transparent 68%); }
.archives-index-pied .archives-core-visuel::after { border-color: rgba(var(--core-level-rgb),.34); box-shadow: 0 0 18px rgba(var(--core-level-rgb),.12),inset 0 0 14px rgba(var(--core-level-rgb),.08); }
.archives-index-pied .archives-core-halo { background: radial-gradient(circle,rgba(var(--core-level-rgb),.27),rgba(var(--core-level-rgb),.14) 42%,transparent 72%); box-shadow: 0 0 42px rgba(var(--core-level-rgb),.16); }
.archives-index-pied .archives-core-anneau { border-color: rgba(var(--core-level-rgb),.3); box-shadow: inset 0 0 20px rgba(var(--core-level-rgb),.025),0 0 12px rgba(var(--core-level-rgb),.025); }
.archives-index-pied .archives-core-anneau::after { background: var(--core-level-bright); box-shadow: 0 0 9px rgba(var(--core-level-rgb),.8); }
.archives-index-pied .archives-core-logo { border-color: rgba(var(--core-level-rgb),.7); color: var(--core-level-bright); background: radial-gradient(circle at 42% 34%,rgba(255,255,255,.11),transparent 18%),linear-gradient(145deg,rgba(var(--core-level-rgb),.25),#0d0812 56%,#06040a); box-shadow: 0 0 12px rgba(var(--core-level-rgb),.28),0 0 24px rgba(var(--core-level-rgb),.2),inset 0 0 14px rgba(var(--core-level-rgb),.28),inset 0 1px rgba(255,255,255,.16); text-shadow: 0 0 14px rgba(var(--core-level-rgb),.8); }
.archives-index-pied .archives-core-particule { background: var(--core-level-bright); box-shadow: 0 0 7px rgba(var(--core-level-rgb),.78); }

.archive-entree {
    --archive-level-rgb: var(--level-business-rgb);
    --archive-level-strength: .08;
    --archive-border-alpha: .2;
    --archive-active-alpha: .6;
    --archive-texture-alpha: .22;
    --archive-texture: none;
    --archive-scene: linear-gradient(145deg, rgba(255,255,255,.032), rgba(255,255,255,.009) 66%);
    --archive-glow: .035;
    --archive-hover-glow: .08;
    --archive-signal-duration: 15s;
    --archive-signal-delay: 0s;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    width: 100%;
    min-height: 138px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(var(--archive-level-rgb), var(--archive-border-alpha));
    border-radius: 14px;
    color: #fff;
    text-align: left;
    background:
        var(--archive-scene),
        radial-gradient(circle at 14% 18%, rgba(var(--archive-level-rgb), var(--archive-level-strength)), transparent 38%),
        radial-gradient(circle at 92% 110%, rgba(var(--archive-level-rgb), calc(var(--archive-level-strength) * .62)), transparent 42%),
        rgba(8,6,14,.76);
    box-shadow:
        inset 0 1px rgba(255,255,255,.052),
        inset 0 -1px rgba(var(--archive-level-rgb),.025),
        0 14px 32px rgba(0,0,0,.2),
        0 0 26px rgba(var(--archive-level-rgb), var(--archive-glow));
    cursor: pointer;
    transform: translateZ(0);
    transition: transform .48s cubic-bezier(.16,1,.3,1), border-color .4s ease, background .55s ease, box-shadow .48s ease;
}
.archive-entree::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    opacity: var(--archive-texture-alpha);
    pointer-events: none;
    background-image: var(--archive-texture);
    background-size: 18px 18px;
    mask-image: linear-gradient(135deg, #000, transparent 76%);
    animation: archivesIndexTexture 24s ease-in-out infinite alternate;
}
.archive-entree::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    opacity: 0;
    background: rgb(var(--archive-level-rgb));
    box-shadow: 0 0 12px rgba(var(--archive-level-rgb), .48);
    transition: opacity .35s ease, box-shadow .35s ease;
}
.archive-entree:hover {
    transform: translateY(-4px) scale(1.004);
    border-color: rgba(var(--archive-level-rgb), .52);
    box-shadow:
        inset 0 1px rgba(255,255,255,.08),
        inset 0 -1px rgba(var(--archive-level-rgb),.045),
        0 22px 44px rgba(0,0,0,.3),
        0 0 35px rgba(var(--archive-level-rgb), var(--archive-hover-glow));
}
.archive-entree[aria-pressed="true"] {
    border-color: rgba(var(--archive-level-rgb), var(--archive-active-alpha));
    background:
        var(--archive-scene),
        radial-gradient(circle at 14% 18%, rgba(var(--archive-level-rgb), var(--archive-level-strength)), transparent 42%),
        radial-gradient(circle at 92% 110%, rgba(var(--archive-level-rgb), calc(var(--archive-level-strength) * .78)), transparent 44%),
        linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012) 66%),
        rgba(8,6,14,.82);
    box-shadow:
        inset 0 1px rgba(255,255,255,.09),
        inset 0 -1px rgba(var(--archive-level-rgb),.07),
        0 0 0 1px rgba(var(--archive-level-rgb), .115),
        0 23px 50px rgba(0,0,0,.34),
        0 0 42px rgba(var(--archive-level-rgb), var(--archive-hover-glow));
    transform: translateY(-4px);
    animation: archivesArchiveExtraction .46s cubic-bezier(.2,.75,.25,1) both;
}
.archive-entree[aria-pressed="true"]::before { opacity: 1; }
.archive-entree[aria-pressed="true"]::after { opacity: calc(var(--archive-texture-alpha) + .08); }
.archive-miniature {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: radial-gradient(circle at 50% 45%, rgba(139,92,246,.18), rgba(255,255,255,.025) 62%);
    box-shadow: inset 0 1px rgba(255,255,255,.05),inset 0 -8px 20px rgba(0,0,0,.09),0 10px 24px rgba(0,0,0,.2);
    transition: transform .5s cubic-bezier(.2,.8,.2,1),border-color .45s ease,box-shadow .45s ease;
}
.archive-miniature::before,
.archive-miniature::after {
    content: "";
    position: absolute;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .42;
}
.archive-miniature::before { width: 26px; height: 26px; }
.archive-miniature::after { width: 40px; height: 40px; border-style: dashed; opacity: .22; animation: archivesMiniatureOrbite 30s linear infinite; }
.archive-miniature i:first-child { position: relative; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; animation: archivesMiniaturePulse 8s ease-in-out infinite; }
.archive-miniature i:nth-child(2), .archive-miniature i:nth-child(3) { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .7; }
.archive-miniature i:nth-child(2) { top: 10px; right: 11px; }
.archive-miniature i:nth-child(3) { bottom: 10px; left: 11px; }
.archive-miniature i:nth-child(2) { animation: archivesMiniatureSignal 11s ease-in-out infinite alternate; }
.archive-miniature i:nth-child(3) { animation: archivesMiniatureSignal 13s -4s ease-in-out infinite alternate-reverse; }
.archive-entree:hover .archive-miniature,
.archive-entree[aria-pressed="true"] .archive-miniature { transform: scale(1.06); border-color: rgba(var(--archive-level-rgb),.58); box-shadow: inset 0 1px rgba(255,255,255,.075),inset 0 -9px 20px rgba(0,0,0,.1),0 12px 27px rgba(0,0,0,.24),0 0 24px rgba(var(--archive-level-rgb),var(--archive-hover-glow)); }
.archive-entree-corps { position: relative; z-index: 2; min-width: 0; display: grid; gap: 6px; }
.archive-entree-corps::before {
    content: "";
    position: absolute;
    top: -3px;
    right: 28px;
    width: 42px;
    height: 1px;
    pointer-events: none;
    opacity: .28;
    background: linear-gradient(90deg,transparent,rgba(var(--archive-level-rgb),.75),transparent);
    transform: scaleX(.45);
    transform-origin: right;
    animation: archivesCarteSignal var(--archive-signal-duration) var(--archive-signal-delay) ease-in-out infinite;
}
.archive-entree-numero { color: rgba(var(--archive-level-rgb),.72); font-size: .53rem; font-weight: 850; letter-spacing: .15em; }
.archive-entree-corps > strong { max-width: calc(100% - 28px); overflow-wrap: anywhere; font-size: .88rem; letter-spacing: -.017em; text-shadow: 0 1px 16px rgba(0,0,0,.42); }
.archive-entree-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 10px; margin-top: 1px; padding-top: 7px; border-top: 1px solid rgba(var(--archive-level-rgb),.09); color: #aaa4b3; font-size: .55rem; }
.archive-entree-meta > span { min-width: 0; display: grid; gap: 2px; overflow-wrap: anywhere; }
.archive-entree-meta small { color: #625c6c; font-size: .45rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.archive-entree-meta em { color: #b79cff; font-style: normal; font-weight: 800; text-transform: uppercase; }
.archive-entree > i { position: absolute; z-index: 3; right: 12px; top: 12px; width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgba(var(--archive-level-rgb),.13); border-radius: 7px; color: rgba(var(--archive-level-rgb),.58); background: rgba(var(--archive-level-rgb),.035); box-shadow: inset 0 1px rgba(255,255,255,.035); font-size: .68rem; font-style: normal; transition: transform .38s cubic-bezier(.16,1,.3,1),color .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature,
.archive-entree[data-archive-level="essentiel"] .archive-entree-meta em { color: var(--level-essential); }
.archive-entree[data-archive-level="essentiel"] {
    --archive-level-rgb: var(--level-essential-rgb);
    --archive-level-strength: .048;
    --archive-border-alpha: .2;
    --archive-active-alpha: .52;
    --archive-texture-alpha: .08;
    --archive-glow: .024;
    --archive-hover-glow: .07;
    --archive-signal-duration: 19s;
    --archive-signal-delay: -7s;
    --archive-scene:
        linear-gradient(90deg,rgba(74,222,128,.032),transparent 24%),
        linear-gradient(145deg,rgba(255,255,255,.027),rgba(255,255,255,.006) 68%);
    --archive-texture: radial-gradient(circle, rgba(74,222,128,.24) 0 1px, transparent 1px);
}
.archive-entree[data-archive-level="business"] .archive-miniature,
.archive-entree[data-archive-level="business"] .archive-entree-meta em { color: var(--level-business); }
.archive-entree[data-archive-level="business"] {
    --archive-level-rgb: var(--level-business-rgb);
    --archive-level-strength: .09;
    --archive-border-alpha: .27;
    --archive-active-alpha: .65;
    --archive-texture-alpha: .16;
    --archive-glow: .043;
    --archive-hover-glow: .11;
    --archive-signal-duration: 13s;
    --archive-signal-delay: -3s;
    --archive-scene:
        linear-gradient(118deg,transparent 54%,rgba(167,139,250,.05) 54.5%,transparent 55.2%),
        radial-gradient(ellipse at 8% 18%,rgba(139,92,246,.075),transparent 44%),
        linear-gradient(145deg,rgba(38,26,67,.23),rgba(255,255,255,.008) 70%);
    --archive-texture: linear-gradient(rgba(167,139,250,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(167,139,250,.11) 1px, transparent 1px);
}
.archive-entree[data-archive-level="premium"] .archive-miniature,
.archive-entree[data-archive-level="premium"] .archive-entree-meta em { color: var(--level-premium-bright); }
.archive-entree[data-archive-level="premium"] {
    --archive-level-rgb: var(--level-premium-rgb);
    --archive-level-strength: .12;
    --archive-border-alpha: .32;
    --archive-active-alpha: .71;
    --archive-texture-alpha: .18;
    --archive-glow: .056;
    --archive-hover-glow: .125;
    --archive-signal-duration: 17s;
    --archive-signal-delay: -11s;
    --archive-scene:
        radial-gradient(ellipse at 4% 8%,rgba(255,210,235,.055),transparent 30%),
        linear-gradient(128deg,rgba(244,114,182,.045),transparent 31%,rgba(126,34,206,.035) 68%,transparent),
        linear-gradient(145deg,rgba(48,17,40,.24),rgba(255,255,255,.01) 72%);
    --archive-texture: repeating-linear-gradient(135deg, rgba(244,114,182,.16) 0 1px, transparent 1px 9px);
}
.archive-entree[data-archive-level="signature-ai"] .archive-miniature,
.archive-entree[data-archive-level="signature-ai"] .archive-entree-meta em { color: var(--level-signature); }
.archive-entree[data-archive-level="signature-ai"] {
    --archive-level-rgb: var(--level-signature-rgb);
    --archive-level-strength: .145;
    --archive-border-alpha: .38;
    --archive-active-alpha: .78;
    --archive-texture-alpha: .21;
    --archive-glow: .068;
    --archive-hover-glow: .145;
    --archive-signal-duration: 21s;
    --archive-signal-delay: -14s;
    --archive-scene:
        conic-gradient(from 218deg at 16% 38%,transparent 0 38%,rgba(244,196,83,.07) 42%,transparent 47% 100%),
        radial-gradient(ellipse at 10% 12%,rgba(255,235,179,.075),transparent 35%),
        linear-gradient(145deg,rgba(54,38,10,.22),rgba(255,255,255,.009) 70%);
    --archive-texture: radial-gradient(circle, rgba(244,196,83,.36) 0 1px, transparent 1.2px);
}

.archive-entree[data-archive-level="essentiel"] .archive-miniature { border-color: rgba(74,222,128,.22); background: linear-gradient(180deg,rgba(255,255,255,.025),transparent),radial-gradient(circle at 50% 48%,rgba(74,222,128,.13),rgba(7,18,12,.76) 68%); box-shadow: inset 0 1px rgba(255,255,255,.035),0 9px 20px rgba(0,0,0,.15); }
.archive-entree[data-archive-level="essentiel"] .archive-miniature::before { border-radius: 8px; opacity: .28; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature::after { border-style: solid; opacity: .13; animation: none; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature i:first-child { width: 13px; height: 10px; border: 1px solid currentColor; border-radius: 3px; background: rgba(74,222,128,.11); box-shadow: inset 0 1px rgba(255,255,255,.16),0 0 10px rgba(74,222,128,.38); animation-duration: 12s; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature i:nth-child(2) { opacity: .42; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature i:nth-child(3) { opacity: .22; }
.archive-entree[data-archive-level="business"] .archive-miniature { border-color: rgba(167,139,250,.36); background: linear-gradient(rgba(167,139,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.05) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(139,92,246,.23),rgba(13,8,28,.76) 67%); background-size: 8px 8px,8px 8px,auto; box-shadow: inset 0 0 18px rgba(139,92,246,.1),0 10px 22px rgba(0,0,0,.17),0 0 18px rgba(139,92,246,.06); }
.archive-entree[data-archive-level="business"] .archive-miniature::before { border-radius: 7px; transform: rotate(45deg); opacity: .34; }
.archive-entree[data-archive-level="business"] .archive-miniature::after { animation-duration: 24s; }
.archive-entree[data-archive-level="business"] .archive-miniature i:first-child { width: 15px; height: 11px; border: 1px solid currentColor; border-radius: 3px; background: linear-gradient(145deg,transparent 42%,rgba(255,255,255,.55) 45% 50%,transparent 53%),rgba(167,139,250,.12); box-shadow: inset 0 1px rgba(255,255,255,.15),0 0 13px rgba(167,139,250,.52); animation-duration: 7.5s; }
.archive-entree[data-archive-level="business"] .archive-miniature i:nth-child(2) { width: 4px; height: 4px; box-shadow: 0 0 8px currentColor; }
.archive-entree[data-archive-level="premium"] .archive-miniature { border-color: rgba(244,114,182,.4); background: linear-gradient(150deg,rgba(255,255,255,.045),transparent 38%),radial-gradient(circle at 50% 42%,rgba(255,205,232,.09),rgba(244,114,182,.24) 22%,rgba(76,5,46,.14) 55%,rgba(255,255,255,.018) 72%); box-shadow: inset 0 0 20px rgba(244,114,182,.13),0 10px 23px rgba(0,0,0,.18),0 0 20px rgba(244,114,182,.08); }
.archive-entree[data-archive-level="premium"] .archive-miniature::before { border-radius: 8px; transform: rotate(45deg); box-shadow: inset 0 0 9px rgba(244,114,182,.12); }
.archive-entree[data-archive-level="premium"] .archive-miniature::after { border-style: solid; border-top-color: transparent; opacity: .27; animation-direction: reverse; animation-duration: 32s; }
.archive-entree[data-archive-level="premium"] .archive-miniature i:first-child { width: 16px; height: 12px; border: 1px solid currentColor; border-radius: 3px; background: linear-gradient(90deg,rgba(244,114,182,.26) 0 31%,transparent 31% 36%,rgba(255,255,255,.11) 36%),rgba(244,114,182,.08); box-shadow: 4px 3px 0 -1px rgba(244,114,182,.22),inset 0 1px rgba(255,255,255,.22),0 0 14px rgba(244,114,182,.55); animation-duration: 10s; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature { border-color: rgba(244,196,83,.48); background: conic-gradient(from 30deg,transparent,rgba(244,196,83,.12),transparent 32%,rgba(255,232,167,.1),transparent 68%),radial-gradient(circle at 50% 42%,rgba(255,242,196,.14),rgba(244,196,83,.24) 22%,rgba(68,47,8,.15) 55%,rgba(255,255,255,.018) 72%); box-shadow: inset 0 0 21px rgba(244,196,83,.14),0 11px 24px rgba(0,0,0,.2),0 0 23px rgba(244,196,83,.095); }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature::before { border-width: 2px; opacity: .48; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature::after { opacity: .32; animation-duration: 19s; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature i:first-child { width: 9px; height: 9px; border: 1px solid #fff0bd; border-radius: 3px; background: #ffe59b; box-shadow: 0 0 7px #fff0bd,0 0 17px rgba(244,196,83,.92); animation-duration: 8.8s; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature i:nth-child(2),
.archive-entree[data-archive-level="signature-ai"] .archive-miniature i:nth-child(3) { box-shadow: 0 0 8px currentColor; }

.archive-entree[aria-pressed="true"] .archive-entree-corps::before { opacity: .72; transform: scaleX(1); animation: none; }
.archive-entree[aria-pressed="true"] > i { color: rgb(var(--archive-level-rgb)); border-color: rgba(var(--archive-level-rgb),.42); background: rgba(var(--archive-level-rgb),.1); box-shadow: inset 0 1px rgba(255,255,255,.06),0 0 16px rgba(var(--archive-level-rgb),.1); }

@media (hover: hover) {
    .archive-entree:hover > i { color: rgb(var(--archive-level-rgb)); border-color: rgba(var(--archive-level-rgb),.4); background: rgba(var(--archive-level-rgb),.09); transform: translate3d(2px,-2px,0); box-shadow: inset 0 1px rgba(255,255,255,.06),0 0 15px rgba(var(--archive-level-rgb),.1); }
    .archive-entree:hover .archive-entree-corps::before { opacity: .72; transform: scaleX(1); animation: none; }
}

@keyframes archivesArchiveExtraction {
    from { opacity: .82; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(-4px); }
}
@keyframes archivesIndexTexture {
    from { transform: translate3d(-2px,1px,0); }
    to { transform: translate3d(3px,-2px,0); }
}
@keyframes archivesMiniatureOrbite { to { transform: rotate(360deg); } }
@keyframes archivesMiniaturePulse { 0%,100% { opacity: .72; transform: scale(.9); } 48% { opacity: 1; transform: scale(1.12); } }
@keyframes archivesMiniatureSignal { from { transform: translate3d(-1px,1px,0); opacity: .45; } to { transform: translate3d(2px,-2px,0); opacity: .86; } }
@keyframes archivesCarteSignal {
    0%,18%,100% { opacity: .16; transform: scaleX(.38); }
    47% { opacity: .54; transform: scaleX(1); }
    72% { opacity: .24; transform: scaleX(.62); }
}

/* INDEX — reproduction de la direction visuelle validée. */
.archives-index-panneau {
    gap: 6px;
    padding: 10px;
}
.archives-index-entete { padding: 1px 2px 4px; }
.archives-liste { gap: 5px; }

.archive-entree {
    grid-template-columns: clamp(108px,10vw,134px) minmax(0,1fr);
    align-items: stretch;
    gap: 14px;
    height: clamp(124px,16.2vh,150px);
    min-height: 124px;
    padding: 8px 11px 8px 8px;
    border-radius: 11px;
    background:
        var(--archive-scene),
        radial-gradient(circle at 18% 48%,rgba(var(--archive-level-rgb),calc(var(--archive-level-strength) * 1.28)),transparent 36%),
        radial-gradient(circle at 96% 116%,rgba(var(--archive-level-rgb),calc(var(--archive-level-strength) * .72)),transparent 44%),
        linear-gradient(106deg,rgba(var(--archive-level-rgb),.035),transparent 42%),
        rgba(8,6,14,.9);
    box-shadow:
        inset 0 1px rgba(255,255,255,.06),
        inset 0 -1px rgba(var(--archive-level-rgb),.045),
        0 10px 26px rgba(0,0,0,.22),
        0 0 24px rgba(var(--archive-level-rgb),var(--archive-glow));
}
.archive-entree::after {
    inset: 0;
    background-size: 22px 22px;
    mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.62) 46%,transparent 88%);
}
.archive-entree::before { width: 2px; z-index: 5; }
.archive-entree:hover { transform: translateY(-2px); }
.archive-entree[aria-pressed="true"] {
    background:
        var(--archive-scene),
        radial-gradient(circle at 19% 48%,rgba(var(--archive-level-rgb),calc(var(--archive-level-strength) * 1.7)),transparent 38%),
        radial-gradient(circle at 94% 105%,rgba(var(--archive-level-rgb),calc(var(--archive-level-strength) * .96)),transparent 46%),
        linear-gradient(106deg,rgba(var(--archive-level-rgb),.06),transparent 46%),
        rgba(9,6,15,.94);
    box-shadow:
        inset 0 1px rgba(255,255,255,.105),
        inset 0 -1px rgba(var(--archive-level-rgb),.09),
        0 0 0 1px rgba(var(--archive-level-rgb),.15),
        0 17px 38px rgba(0,0,0,.34),
        0 0 34px rgba(var(--archive-level-rgb),var(--archive-hover-glow));
    transform: translateY(-2px);
}

.archive-miniature {
    width: 100%;
    height: 100%;
    min-height: 0;
    border-radius: 9px;
    color: rgb(var(--archive-level-rgb));
    background:
        radial-gradient(circle at 50% 50%,rgba(var(--archive-level-rgb),.2),transparent 35%),
        radial-gradient(ellipse at 50% 50%,rgba(var(--archive-level-rgb),.08),transparent 64%),
        linear-gradient(145deg,rgba(var(--archive-level-rgb),.07),rgba(3,7,8,.74));
    box-shadow:
        inset 0 1px rgba(255,255,255,.07),
        inset 0 0 34px rgba(var(--archive-level-rgb),.1),
        0 8px 20px rgba(0,0,0,.2),
        0 0 22px rgba(var(--archive-level-rgb),var(--archive-glow));
}
.archive-miniature::before,
.archive-miniature::after {
    inset: 10%;
    width: auto;
    height: auto;
    border-radius: 34% 47% 38% 44%;
    opacity: .32;
    animation: archivesMiniatureOrbite 28s linear infinite;
}
.archive-miniature::after {
    inset: 23%;
    border-style: solid;
    border-radius: 27%;
    opacity: .42;
    animation-direction: reverse;
    animation-duration: 19s;
}
.archive-miniature-symbole {
    position: relative;
    z-index: 4;
    width: clamp(50px,4.5vw,60px);
    height: clamp(50px,4.5vw,60px);
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--archive-level-rgb),.58);
    border-radius: 14px;
    color: #f6fff9;
    background:
        radial-gradient(circle at 50% 36%,rgba(255,255,255,.14),transparent 30%),
        linear-gradient(145deg,rgba(var(--archive-level-rgb),.22),rgba(5,6,10,.78));
    box-shadow:
        inset 0 1px rgba(255,255,255,.17),
        inset 0 0 18px rgba(var(--archive-level-rgb),.14),
        0 0 13px rgba(var(--archive-level-rgb),.45),
        0 0 32px rgba(var(--archive-level-rgb),.17);
    animation: archivesMiniatureRespire 8.5s ease-in-out infinite;
}
.archive-miniature-symbole::before,
.archive-miniature-symbole::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(var(--archive-level-rgb),.26);
    border-radius: 18px;
}
.archive-miniature-symbole::before { inset: -12px; transform: rotate(7deg); }
.archive-miniature-symbole::after { inset: -21px; border-style: dashed; opacity: .48; transform: rotate(-11deg); }
.archive-miniature-symbole svg {
    width: 31px;
    height: 31px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px rgba(var(--archive-level-rgb),.92));
}
.archive-miniature-symbole .archive-seo-glyph { color: inherit; font: 500 1.65rem/1 Georgia,serif; text-shadow: 0 0 12px currentColor; }
.archive-miniature > i {
    position: absolute;
    z-index: 5;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #f7fff9;
    box-shadow: 0 0 8px rgb(var(--archive-level-rgb));
    opacity: .78;
    animation: archivesMiniatureSignal 10s ease-in-out infinite alternate;
}
.archive-miniature > i:nth-of-type(1) { top: 17%; right: 18%; animation-delay: -2s; }
.archive-miniature > i:nth-of-type(2) { right: 14%; bottom: 23%; animation-delay: -6s; animation-duration: 13s; }
.archive-miniature > i:nth-of-type(3) { left: 17%; bottom: 16%; animation-delay: -9s; animation-duration: 16s; }

.archive-entree-corps {
    align-content: center;
    gap: 5px;
    padding: 4px 28px 4px 0;
}
.archive-entree-corps::before {
    top: 0;
    right: 5px;
    width: 48px;
}
.archive-entree-identite {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 1px;
}
.archive-entree-identite b {
    color: #f8f6fb;
    font-size: .62rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
}
.archive-entree-identite span,
.archive-entree-niveau {
    width: fit-content;
    border-radius: 999px;
    color: rgb(var(--archive-level-rgb));
    background: rgba(var(--archive-level-rgb),.105);
    font-size: .45rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .045em;
}
.archive-entree-identite span { padding: 4px 6px; }
.archive-entree-corps > strong {
    max-width: none;
    color: #fff;
    font-size: clamp(.95rem,1.18vw,1.08rem);
    line-height: 1.05;
    letter-spacing: -.026em;
}
.archive-entree-promesse {
    display: block;
    max-width: 185px;
    color: #c0bbc8;
    font-size: .6rem;
    line-height: 1.38;
}
.archive-entree-niveau {
    margin-top: 2px;
    padding: 4px 6px;
}
.archive-entree > i {
    top: auto;
    right: 10px;
    bottom: 10px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border-color: rgba(var(--archive-level-rgb),.62);
    color: #fff;
    background: rgba(6,7,10,.52);
    box-shadow: inset 0 1px rgba(255,255,255,.08),0 0 16px rgba(var(--archive-level-rgb),.09);
    font-size: .8rem;
}
.archive-entree[aria-pressed="true"] > i { background: rgba(var(--archive-level-rgb),.12); }

.archive-entree[data-archive-level="essentiel"] .archive-miniature::before { border-radius: 31%; opacity: .25; animation-duration: 36s; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature { background: radial-gradient(circle at 50% 48%,rgba(74,222,128,.18),transparent 34%),linear-gradient(145deg,rgba(74,222,128,.065),rgba(3,12,8,.8)); }
.archive-entree[data-archive-level="essentiel"] .archive-miniature::after { border-radius: 24%; opacity: .31; animation: archivesMiniatureRespire 13s ease-in-out infinite; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature-symbole { color: #effff5; }
.archive-entree[data-archive-level="business"] .archive-miniature { background: linear-gradient(rgba(167,139,250,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.05) 1px,transparent 1px),radial-gradient(circle,rgba(139,92,246,.23),rgba(9,6,20,.8) 64%); background-size: 13px 13px,13px 13px,auto; }
.archive-entree[data-archive-level="business"] .archive-miniature::before { border-radius: 38%; opacity: .37; animation-duration: 23s; }
.archive-entree[data-archive-level="business"] .archive-miniature::after { border-radius: 22%; opacity: .48; animation-duration: 16s; }
.archive-entree[data-archive-level="premium"] .archive-miniature { background: radial-gradient(circle at 50% 44%,rgba(255,224,241,.13),rgba(244,114,182,.22) 25%,rgba(45,6,31,.78) 69%),linear-gradient(145deg,rgba(244,114,182,.08),rgba(4,4,8,.72)); }
.archive-entree[data-archive-level="premium"] .archive-miniature::before { border-radius: 42% 29%; opacity: .44; animation-direction: reverse; animation-duration: 31s; }
.archive-entree[data-archive-level="premium"] .archive-miniature-symbole svg { fill: rgba(244,114,182,.44); }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature { background: conic-gradient(from 34deg,transparent,rgba(244,196,83,.13),transparent 31%,rgba(255,239,189,.09),transparent 66%),radial-gradient(circle,rgba(244,196,83,.25),rgba(37,25,3,.75) 68%); }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature::before { border-width: 1px; border-radius: 50%; opacity: .48; animation-duration: 20s; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature::after { border-radius: 50%; opacity: .62; animation-duration: 13s; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature-symbole { color: #fff3c7; border-color: rgba(244,196,83,.76); }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature-symbole svg { fill: rgba(244,196,83,.58); }

.archives-index-pied {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(var(--core-level-rgb),.14);
    border-radius: 12px;
    background: linear-gradient(145deg,rgba(var(--core-level-rgb),.075),rgba(6,5,10,.94));
    box-shadow: inset 0 1px rgba(255,255,255,.045),0 9px 22px rgba(0,0,0,.16);
}
.archives-index-pied .archives-core-accueil {
    min-height: 57px;
    grid-template-columns: 38px minmax(0,1fr) auto;
    grid-template-areas: "visuel texte statut";
    gap: 9px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    border-radius: 0;
    background: radial-gradient(circle at 9% 50%,rgba(var(--core-level-rgb),.13),transparent 34%);
    box-shadow: none;
}
.archives-index-pied .archives-core-univers { opacity: .56; }
.archives-index-pied .archives-core-visuel { width: 38px; filter: drop-shadow(0 0 11px rgba(124,58,237,.18)); }
.archives-index-pied .archives-core-logo { width: 19px; height: 19px; font-size: .54rem; }
.archives-index-pied .archives-core-anneau::after { width: 2px; height: 2px; }
.archives-index-pied .archives-core-texte h3 { font-size: .57rem; letter-spacing: .08em; }
.archives-index-pied .archives-core-texte strong { margin-top: 2px; font-size: .45rem; }
.archives-index-pied .archives-core-texte p { margin-top: 2px; font-size: .38rem; }
.archives-core-statut {
    position: relative;
    z-index: 2;
    grid-area: statut;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border: 1px solid rgba(74,222,128,.14);
    border-radius: 999px;
    color: #76efa1;
    background: rgba(4,43,23,.35);
    font-size: .39rem;
    font-weight: 900;
    letter-spacing: .06em;
    white-space: nowrap;
}
.archives-core-statut i { width: 4px; height: 4px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 7px rgba(74,222,128,.7); }
.archives-index-pied .archives-progression {
    margin: 0;
    padding: 7px 10px 8px;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,.008);
    box-shadow: none;
}
.archives-index-pied .archives-progression::before { display: none; }
.archives-index-pied .archives-progression-entete {
    align-items: center;
    padding: 0;
    border: 0;
}
.archives-index-pied .archives-progression-entete > span { font-size: .4rem; }
.archives-index-pied .archives-progression-entete > div { display: flex; align-items: center; gap: 10px; }
.archives-index-pied .archives-progression-entete output,
.archives-index-pied .archives-progression-entete strong { color: #c8c1cf; font-size: .46rem; font-weight: 850; font-variant-numeric: tabular-nums; white-space: nowrap; }
.archives-index-pied .archives-progression-entete strong { color: rgb(var(--progression-rgb)); }
.archives-index-pied .archives-progression-barre { display: block; height: 3px; margin-top: 6px; }
.archives-progression-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 2px;
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
}
.archives-progression-timeline::before,
.archives-progression-timeline::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 12.5%;
    right: 12.5%;
    height: 1px;
    pointer-events: none;
    background: rgba(255,255,255,.07);
}
.archives-progression-timeline::after {
    right: auto;
    width: 75%;
    opacity: .46;
    background: linear-gradient(90deg,#4ade80,#a78bfa 38%,#f472b6 73%,#f4c453);
    box-shadow: 0 0 7px rgba(167,139,250,.18);
    transform: scaleX(var(--archives-progression-ratio,0));
    transform-origin: left;
    transition: transform .55s cubic-bezier(.2,.72,.2,1),opacity .35s ease;
}
.archives-progression-timeline li {
    --timeline-rgb: 130,124,140;
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 2px;
    color: #625d6b;
    text-align: center;
    transition: color .35s ease,opacity .35s ease;
}
.archives-progression-timeline li:nth-child(1) { --timeline-rgb: var(--level-essential-rgb); }
.archives-progression-timeline li:nth-child(2) { --timeline-rgb: var(--level-business-rgb); }
.archives-progression-timeline li:nth-child(3) { --timeline-rgb: var(--level-premium-rgb); }
.archives-progression-timeline li:nth-child(4) { --timeline-rgb: var(--level-signature-rgb); }
.archives-progression-timeline li > i {
    position: relative;
    width: 11px;
    height: 11px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--timeline-rgb),.28);
    border-radius: 50%;
    color: rgb(var(--timeline-rgb));
    background: #09070e;
    box-shadow: 0 0 0 rgba(var(--timeline-rgb),0);
    transition: border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.archives-progression-timeline li > i::before,
.archives-progression-timeline li > i::after {
    content: "";
    position: absolute;
    pointer-events: none;
}
.archives-progression-timeline li > strong {
    max-width: 100%;
    overflow: hidden;
    color: currentColor;
    font-size: .39rem;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.archives-progression-timeline li > small {
    color: #4f4a56;
    font-size: .32rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: color .35s ease;
}
.archives-progression-timeline li.est-terminee { color: rgba(var(--timeline-rgb),.82); }
.archives-progression-timeline li.est-terminee > i {
    border-color: rgba(var(--timeline-rgb),.72);
    background: rgba(var(--timeline-rgb),.16);
    box-shadow: 0 0 7px rgba(var(--timeline-rgb),.14);
}
.archives-progression-timeline li.est-terminee > i::after {
    content: "✓";
    inset: 0;
    display: grid;
    place-items: center;
    color: rgb(var(--timeline-rgb));
    font-size: 6px;
    font-weight: 950;
}
.archives-progression-timeline li.est-terminee > small { color: rgba(var(--timeline-rgb),.55); }
.archives-progression-timeline li.est-active { color: rgb(var(--timeline-rgb)); }
.archives-progression-timeline li.est-active > i {
    border-color: rgb(var(--timeline-rgb));
    background: rgba(var(--timeline-rgb),.16);
    box-shadow: 0 0 9px rgba(var(--timeline-rgb),.26);
}
.archives-progression-timeline li.est-active > i::before {
    inset: -4px;
    border: 1px solid rgba(var(--timeline-rgb),.24);
    border-radius: inherit;
    animation: archivesProgressionRespire 3.8s ease-in-out infinite;
}
.archives-progression-timeline li.est-active > i::after {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgb(var(--timeline-rgb));
    box-shadow: 0 0 6px rgba(var(--timeline-rgb),.8);
}
.archives-progression-timeline li.est-active > small { color: rgba(var(--timeline-rgb),.82); }
.archives-progression-timeline li.est-a-venir { opacity: .72; }

@keyframes archivesProgressionRespire {
    0%,100% { opacity: .34; transform: scale(.88); }
    50% { opacity: .82; transform: scale(1.08); }
}

@keyframes archivesMiniatureRespire {
    0%,100% { transform: scale(.985); opacity: .86; }
    52% { transform: scale(1.035); opacity: 1; }
}

/* INDEX — fidélité finale à la maquette validée. */
.archive-entree-corps > strong {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
.archive-entree-ultime {
    flex: 0 0 auto;
    padding: 4px 6px;
    border: 1px solid rgba(244,196,83,.16);
    border-radius: 999px;
    color: #f6c94f;
    background: rgba(244,196,83,.1);
    box-shadow: 0 0 12px rgba(244,196,83,.08),inset 0 1px rgba(255,255,255,.05);
    font-size: .39rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .055em;
}
.archive-miniature-symbole::before,
.archive-miniature-symbole::after { will-change: transform,opacity; }
.archive-entree[data-archive-level="essentiel"] .archive-miniature-symbole::after { animation: archivesMiniatureOrbite 46s linear infinite; }
.archive-entree[data-archive-level="business"] .archive-miniature-symbole::before { animation: archivesMiniatureOrbite 32s linear infinite; }
.archive-entree[data-archive-level="business"] .archive-miniature-symbole::after { animation: archivesMiniatureOrbite 24s linear infinite reverse; }
.archive-entree[data-archive-level="premium"] .archive-miniature-symbole::before { animation: archivesMiniatureOrbite 37s linear infinite reverse; }
.archive-entree[data-archive-level="premium"] .archive-miniature-symbole::after { animation: archivesMiniatureOrbite 26s linear infinite; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature-symbole::before { animation: archivesMiniatureOrbite 19s linear infinite; }
.archive-entree[data-archive-level="signature-ai"] .archive-miniature-symbole::after { animation: archivesMiniatureOrbite 12s linear infinite reverse; }

.archive-entree[data-archive-level="essentiel"]::after {
    background-image:
        radial-gradient(circle at 12% 21%,rgba(74,222,128,.72) 0 1px,transparent 1.5px),
        radial-gradient(circle at 31% 72%,rgba(134,239,172,.54) 0 1px,transparent 1.5px),
        radial-gradient(circle at 83% 34%,rgba(74,222,128,.38) 0 1px,transparent 1.5px),
        linear-gradient(118deg,transparent 18%,rgba(74,222,128,.12) 18.4%,transparent 18.9% 100%);
    background-size: auto;
}
.archive-entree[data-archive-level="business"]::after {
    background-image:
        linear-gradient(rgba(167,139,250,.13) 1px,transparent 1px),
        linear-gradient(90deg,rgba(167,139,250,.09) 1px,transparent 1px),
        radial-gradient(circle at 84% 19%,rgba(196,181,253,.62) 0 1px,transparent 1.6px),
        radial-gradient(circle at 70% 78%,rgba(139,92,246,.5) 0 1px,transparent 1.6px);
    background-size: 18px 18px,18px 18px,auto,auto;
}
.archive-entree[data-archive-level="premium"]::after {
    background-image:
        radial-gradient(circle at 10% 13%,rgba(255,205,232,.7) 0 1px,transparent 1.5px),
        radial-gradient(circle at 27% 81%,rgba(244,114,182,.62) 0 1px,transparent 1.5px),
        radial-gradient(circle at 83% 25%,rgba(244,114,182,.52) 0 1px,transparent 1.5px),
        repeating-linear-gradient(132deg,rgba(244,114,182,.1) 0 1px,transparent 1px 14px);
    background-size: auto;
}
.archive-entree[data-archive-level="signature-ai"]::after {
    opacity: .34;
    background-image:
        radial-gradient(circle at 8% 16%,rgba(255,239,189,.88) 0 1px,transparent 1.7px),
        radial-gradient(circle at 18% 78%,rgba(244,196,83,.72) 0 1.2px,transparent 1.8px),
        radial-gradient(circle at 39% 31%,rgba(255,232,167,.66) 0 1px,transparent 1.7px),
        radial-gradient(circle at 65% 84%,rgba(244,196,83,.65) 0 1px,transparent 1.7px),
        radial-gradient(circle at 87% 18%,rgba(255,239,189,.8) 0 1.2px,transparent 1.8px),
        radial-gradient(circle at 92% 71%,rgba(244,196,83,.62) 0 1px,transparent 1.6px),
        radial-gradient(ellipse 78% 108% at 18% 47%,transparent 64%,rgba(244,196,83,.24) 64.5%,transparent 65.2%);
    background-size: auto;
    mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.82) 75%,transparent 100%);
}
.archive-entree[data-archive-level="signature-ai"] {
    border-color: rgba(244,196,83,.48);
    box-shadow: inset 0 1px rgba(255,248,222,.09),inset 0 -1px rgba(244,196,83,.075),0 12px 29px rgba(0,0,0,.24),0 0 29px rgba(244,196,83,.085);
}
.archive-entree[data-archive-level="signature-ai"] .archive-miniature {
    box-shadow: inset 0 1px rgba(255,255,255,.1),inset 0 0 38px rgba(244,196,83,.15),0 9px 22px rgba(0,0,0,.24),0 0 28px rgba(244,196,83,.13);
}
.archive-entree[data-archive-level="signature-ai"] .archive-miniature-symbole {
    box-shadow: inset 0 1px rgba(255,255,255,.2),inset 0 0 22px rgba(244,196,83,.18),0 0 17px rgba(255,224,130,.6),0 0 40px rgba(244,196,83,.23);
}

.archives-index-pied {
    border-color: rgba(var(--core-level-rgb),.34);
    background:
        radial-gradient(ellipse at 11% 16%,rgba(var(--core-level-rgb),.13),transparent 34%),
        radial-gradient(ellipse at 78% 0,rgba(var(--core-level-rgb),.055),transparent 44%),
        linear-gradient(145deg,rgba(var(--core-level-rgb),.075),rgba(6,5,10,.97));
    box-shadow: inset 0 1px rgba(255,255,255,.065),inset 0 0 42px rgba(var(--core-level-rgb),.045),0 11px 26px rgba(0,0,0,.19),0 0 24px rgba(var(--core-level-rgb),.045);
}
.archives-index-pied .archives-core-accueil {
    min-height: 76px;
    grid-template-columns: 56px minmax(0,1fr) auto;
    gap: 10px;
    padding: 8px 11px;
    background:
        radial-gradient(circle at 9% 50%,rgba(var(--core-level-rgb),.2),transparent 31%),
        radial-gradient(circle at 58% 0,rgba(var(--core-level-rgb),.055),transparent 46%);
}
.archives-index-pied .archives-core-accueil::before {
    opacity: .94;
    background: conic-gradient(from 100deg at 12% 50%,transparent,rgba(var(--core-level-rgb),.11),transparent 28%,rgba(var(--core-level-rgb),.045),transparent 62%);
}
.archives-index-pied .archives-core-accueil::after {
    opacity: .24;
    background-image:
        linear-gradient(24deg,transparent 19%,rgba(var(--core-level-rgb),.16) 19.4%,transparent 19.9%),
        linear-gradient(-18deg,transparent 61%,rgba(var(--core-level-rgb),.1) 61.4%,transparent 61.9%),
        radial-gradient(circle at 17% 22%,rgba(var(--core-level-rgb),.64) 0 1px,transparent 1.5px),
        radial-gradient(circle at 47% 72%,rgba(var(--core-level-rgb),.5) 0 1px,transparent 1.5px),
        radial-gradient(circle at 83% 28%,rgba(var(--core-level-rgb),.42) 0 1px,transparent 1.5px);
    background-size: auto;
}
.archives-index-pied .archives-core-univers { opacity: .72; }
.archives-index-pied .archives-core-visuel {
    width: 56px;
    filter: drop-shadow(0 7px 12px rgba(0,0,0,.22)) drop-shadow(0 0 15px rgba(var(--core-level-rgb),.26));
}
.archives-index-pied .archives-core-logo { width: 28px; height: 28px; font-size: .74rem; }
.archives-index-pied .archives-core-texte h3 { font-size: .61rem; }
.archives-index-pied .archives-core-texte strong { font-size: .47rem; }
.archives-index-pied .archives-core-texte p { font-size: .39rem; }
.archives-core-statut { border-color: rgba(74,222,128,.22); box-shadow: 0 0 13px rgba(74,222,128,.055),inset 0 1px rgba(255,255,255,.04); }
.archives-index-pied .archives-core-accueil[data-core-level="signature-ai"] {
    border-color: rgba(240,216,162,.36);
    background:
        radial-gradient(circle at 9% 50%,rgba(240,216,162,.22),transparent 31%),
        radial-gradient(circle at 72% 0,rgba(var(--level-signature-rgb),.08),transparent 47%),
        linear-gradient(145deg,rgba(28,23,13,.94),rgba(7,6,5,.98));
    box-shadow: inset 0 1px rgba(255,248,222,.09),inset 0 0 34px rgba(var(--level-signature-rgb),.045),0 10px 27px rgba(0,0,0,.22),0 0 24px rgba(var(--level-signature-rgb),.08);
}
.archives-index-pied .archives-core-accueil[data-core-level="signature-ai"]::before {
    background: conic-gradient(from 100deg at 12% 50%,transparent,rgba(var(--level-signature-bright-rgb),.16),transparent 28%,rgba(var(--level-signature-rgb),.08),transparent 62%);
}
.archives-index-pied .archives-core-accueil[data-core-level="signature-ai"] .archives-core-visuel {
    filter: drop-shadow(0 7px 12px rgba(0,0,0,.24)) drop-shadow(0 0 18px rgba(var(--level-signature-rgb),.32));
}
.archives-index-pied .archives-core-accueil[data-core-level="signature-ai"] .archives-core-logo {
    border-color: rgba(240,216,162,.58);
    color: #f0d8a2;
    box-shadow: inset 0 0 14px rgba(var(--level-signature-rgb),.14),0 0 17px rgba(var(--level-signature-rgb),.22);
}
.archive-entree[data-archive-id="ecommerce-004"] .archive-entree-ultime {
    border-color: rgba(240,216,162,.42);
    color: #f0d8a2;
    background: linear-gradient(135deg,rgba(var(--level-signature-bright-rgb),.13),rgba(var(--level-signature-rgb),.055));
    box-shadow: inset 0 1px rgba(255,255,255,.08),0 0 15px rgba(var(--level-signature-rgb),.08);
}

.archives-progression-timeline::before,
.archives-progression-timeline::after { top: 7px; }
.archives-progression-timeline li > i { width: 15px; height: 15px; }
.archives-progression-timeline li > strong { font-size: .41rem; }
.archives-progression-timeline li > small { font-size: .33rem; }
.archives-progression-timeline li.est-terminee > i::after { font-size: 7px; }
.archives-progression-timeline li.est-active > i::after { width: 4px; height: 4px; }

.archive-fiche {
    min-width: 0;
    min-height: 730px;
    padding: clamp(22px, 3.5vw, 48px);
    opacity: 1;
    transform: translateY(0);
    transition: opacity .17s ease, transform .17s ease;
}
.archive-fiche.est-en-transition { opacity: 0; transform: translateY(8px); }
.archive-fiche-vide {
    min-height: 600px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 18px;
    color: #777180;
    text-align: center;
}
.archive-fiche-vide > span {
    width: 64px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(168,85,247,.3);
    border-radius: 50%;
    color: #b794f6;
    box-shadow: 0 0 35px rgba(139,92,246,.12);
}

.archive-fiche-entete,
.archive-identite {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}
.archive-fiche-entete { padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.08); }
.archive-fiche-entete > div > span { color: #a78bfa; font-size: .7rem; font-weight: 850; letter-spacing: .16em; }
.archive-fiche-entete > div > strong { display: block; margin-top: 7px; color: #f3eff8; font-size: .85rem; letter-spacing: .12em; }
.archive-fiche-entete p { margin-top: 5px; color: #777180; font-size: .78rem; }
.archive-fiche-marque { display: grid; justify-items: end; gap: 10px; }
.archive-fiche-marque > span:first-child { color: #6f6979; font-size: .58rem; font-weight: 800; letter-spacing: .14em; }
.archive-fiche-statut { display: flex; align-items: center; gap: 8px; color: #8e8899; font-size: .68rem; }
.archive-fiche-statut i { width: 6px; height: 6px; border-radius: 50%; background: #c5a64e; box-shadow: 0 0 10px rgba(245,196,83,.5); }
.archive-identite { align-items: flex-end; padding: clamp(28px, 4vw, 48px) 0; }
.archive-identite span { color: #777180; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.archive-identite h3 { margin-top: 8px; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1; letter-spacing: -.04em; }
.archive-identite > strong { color: #d5c8ff; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.archive-bandeau-evolution {
    display: grid;
    grid-template-columns: minmax(145px,.6fr) auto minmax(0,1.8fr);
    align-items: center;
    gap: 18px;
    margin: 0 0 30px;
    padding: 16px 18px;
    border: 1px solid rgba(167,139,250,.2);
    border-radius: 10px;
    background: linear-gradient(100deg, rgba(139,92,246,.075), rgba(255,255,255,.018));
}
.archive-bandeau-evolution > div { min-width: 0; }
.archive-bandeau-evolution > div:first-child span { display: block; color: #9a90a8; font-size: .54rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.archive-bandeau-evolution > div:first-child strong { display: block; margin-top: 5px; color: #e8e2f1; font-size: .84rem; letter-spacing: -.01em; }
.archive-bandeau-passage { display: flex; align-items: center; gap: 8px; padding-inline: 14px; border-inline: 1px solid rgba(167,139,250,.13); }
.archive-bandeau-passage span { color: #807889; font-size: .51rem; font-weight: 850; letter-spacing: .1em; }
.archive-bandeau-passage span:last-child { color: #c4b5fd; }
.archive-bandeau-passage i { color: #76638d; font-style: normal; }
.archive-bandeau-evolution time { display: block; color: #c4b5fd; font-size: .6rem; font-weight: 750; }
.archive-bandeau-evolution p { margin-top: 5px; color: #9c96a4; font-size: .68rem; line-height: 1.5; }
.archive-preparation {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    margin: -18px 0 28px;
    border: 1px solid rgba(245,196,83,.12);
    border-radius: 9px;
    color: #8d8798;
    background: rgba(245,196,83,.025);
    font-size: .65rem;
}
.archive-preparation i { width: 5px; height: 5px; border-radius: 50%; background: #c5a64e; box-shadow: 0 0 8px rgba(245,196,83,.38); }

.archive-sommaire {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 28px;
}
.archive-sommaire a {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 9px;
    color: #746e80;
    font-size: .58rem;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease;
}
.archive-sommaire a:hover { color: #ddd8e7; border-color: rgba(168,85,247,.28); }
.archive-sommaire span { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.archive-modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.archive-module {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(255,255,255,.014);
}
.archive-module header { display: flex; gap: 14px; align-items: flex-start; }
.archive-module header > span { color: #745e9c; font-size: .62rem; font-weight: 800; }
.archive-module h4 { font-size: .92rem; }
.archive-module header p { margin-top: 5px; color: #777180; font-size: .68rem; line-height: 1.5; }
.archive-module-contenu {
    min-height: 88px;
    display: grid;
    place-items: center;
    margin-top: 18px;
    border: 1px dashed rgba(168,85,247,.16);
    border-radius: 10px;
    color: #554f60;
    font-size: .56rem;
    font-weight: 750;
    letter-spacing: .12em;
}
.archive-module-contenu > span { color: #554f60; font-size: .52rem; font-weight: 750; letter-spacing: .11em; }
.archive-module-contenu.est-rempli {
    min-height: 0;
    display: block;
    padding: clamp(18px, 2.4vw, 28px);
    border-style: solid;
    border-color: rgba(74,222,128,.13);
    color: #d9d5df;
    background: linear-gradient(145deg, rgba(74,222,128,.035), rgba(255,255,255,.012) 58%, transparent);
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: normal;
}
.archive-module-diagnostic,
.archive-module-avant,
.archive-module-transformation,
.archive-module-apres,
.archive-module-resultats,
.archive-module-ecosysteme,
.archive-module-cta { grid-column: 1 / -1; }
.archive-audit-entete { display: grid; gap: 9px; max-width: 620px; margin-bottom: 22px; }
.archive-audit-entete > span { color: #4ade80; font-size: .57rem; font-weight: 850; letter-spacing: .15em; }
.archive-audit-entete > strong,
.archive-contenu-titre { color: #f3f0f6; font-size: clamp(.94rem, 1.5vw, 1.15rem); line-height: 1.4; letter-spacing: -.015em; }
.archive-audit-liste,
.archive-avant-liste,
.archive-transformation-liste,
.archive-apres-liste { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.archive-audit-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.archive-audit-liste li,
.archive-avant-liste li,
.archive-transformation-liste li,
.archive-apres-liste li { min-width: 0; display: flex; align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 8px; color: #aaa4b2; background: rgba(255,255,255,.014); line-height: 1.45; }
.archive-audit-liste i { flex: 0 0 6px; width: 6px; height: 6px; border: 1px solid rgba(248,113,113,.7); border-radius: 50%; box-shadow: 0 0 8px rgba(248,113,113,.16); }
.archive-audit-refonte-entete { max-width: 720px; }
.archive-diagnostic-refonte { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.archive-diagnostic-refonte > section { min-width: 0; padding: 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.014); }
.archive-diagnostic-refonte small { display: block; margin-bottom: 11px; font-size: .54rem; font-weight: 850; letter-spacing: .13em; }
.archive-diagnostic-avant small { color: #b99696; }
.archive-diagnostic-apres small { color: var(--archive-accent); }
.archive-diagnostic-refonte ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.archive-diagnostic-refonte li { min-width: 0; display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.045); border-radius: 7px; color: #aaa4b2; background: rgba(255,255,255,.012); font-size: .66rem; line-height: 1.35; }
.archive-diagnostic-refonte li i { flex: 0 0 18px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; font-size: .68rem; font-style: normal; }
.archive-diagnostic-avant li i { border: 1px solid rgba(248,113,113,.32); color: #e09595; background: rgba(248,113,113,.05); }
.archive-diagnostic-apres li { border-color: rgba(var(--archive-accent-rgb),.08); background: rgba(var(--archive-accent-rgb),.022); }
.archive-diagnostic-apres li i { border: 1px solid rgba(var(--archive-accent-rgb),.34); color: var(--archive-accent); background: rgba(var(--archive-accent-rgb),.055); box-shadow: 0 0 10px rgba(var(--archive-accent-rgb),.08); }
.archive-audit-croissance > span { color: #a78bfa; }
.archive-croissance-parcours { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; margin: 0 0 18px; padding: 1px; border-radius: 8px; overflow: hidden; background: rgba(167,139,250,.12); list-style: none; }
.archive-croissance-parcours li { min-width: 0; min-height: 70px; display: grid; align-content: space-between; gap: 8px; padding: 11px; background: rgba(12,9,18,.96); }
.archive-croissance-parcours li:last-child { background: linear-gradient(135deg,rgba(139,92,246,.14),rgba(12,9,18,.96)); }
.archive-croissance-parcours span { color: #6f667b; font-size: .48rem; font-weight: 800; letter-spacing: .1em; }
.archive-croissance-parcours strong { color: #a9a3b0; font-size: .59rem; line-height: 1.35; }
.archive-croissance-parcours li:last-child strong { color: #c9bcf3; }
.archive-croissance-bilan { display: grid; grid-template-columns: .85fr 1.15fr; gap: 12px; }
.archive-croissance-bilan > div { padding: 14px; border: 1px solid rgba(255,255,255,.055); border-radius: 9px; background: rgba(255,255,255,.014); }
.archive-croissance-bilan small,
.archive-evolution-socle small,
.archive-evolution-label { display: block; margin-bottom: 10px; color: #736d7d; font-size: .53rem; font-weight: 850; letter-spacing: .12em; }
.archive-croissance-acquis,
.archive-croissance-enjeux { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.archive-croissance-acquis li,
.archive-croissance-enjeux li { display: flex; align-items: center; gap: 8px; color: #aaa4b2; font-size: .68rem; line-height: 1.4; }
.archive-croissance-acquis i,
.archive-croissance-enjeux i { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; }
.archive-croissance-acquis i { background: #4ade80; box-shadow: 0 0 8px rgba(74,222,128,.3); }
.archive-croissance-enjeux i { border: 1px solid #a78bfa; box-shadow: 0 0 8px rgba(167,139,250,.22); }
.archive-evolution-socle { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0 22px; padding: 12px; border: 1px solid rgba(74,222,128,.1); border-radius: 8px; background: rgba(74,222,128,.025); }
.archive-evolution-socle small { flex: 0 0 100%; margin-bottom: 2px; color: #65a77b; }
.archive-evolution-socle span { padding: 5px 8px; border-radius: 20px; color: #779381; background: rgba(74,222,128,.045); font-size: .58rem; }
.archive-evolution-label { margin-bottom: 2px; color: #8e78bd; }
.archive-transformation-business li { border-color: rgba(167,139,250,.1); background: rgba(139,92,246,.025); }
.archive-transformation-business i { border-color: rgba(167,139,250,.42); background: rgba(139,92,246,.08); }
.archive-transformation-business i::after { color: #c4b5fd; }
.archive-contenu-texte { max-width: 650px; margin: 9px 0 20px; color: #8e8897; line-height: 1.65; }
.archive-avant-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.archive-avant-liste i { flex: 0 0 14px; width: 14px; height: 1px; background: rgba(248,113,113,.55); }
.archive-transformation-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px; }
.archive-transformation-liste i,
.archive-apres-liste i { flex: 0 0 15px; width: 15px; height: 15px; display: grid; place-items: center; border: 1px solid rgba(74,222,128,.38); border-radius: 50%; background: rgba(74,222,128,.06); }
.archive-transformation-liste i::after,
.archive-apres-liste i::after { content: "✓"; color: #4ade80; font-size: .52rem; font-style: normal; }
.archive-apres-liste { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 20px; }
.archive-apres-liste li { display: grid; align-content: start; justify-items: start; min-height: 92px; }
.archive-demo-lien { width: fit-content; display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; padding: 10px 14px; border: 1px solid rgba(74,222,128,.25); border-radius: 9px; color: #dfffea; background: rgba(74,222,128,.055); text-decoration: none; font-size: .67rem; font-weight: 750; transition: border-color .25s ease, background .25s ease, transform .25s ease; }
.archive-demo-lien:hover { transform: translateY(-2px); border-color: rgba(74,222,128,.46); background: rgba(74,222,128,.09); }
.archive-resultats-grille { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.archive-fiche[data-archive-level="business"] .archive-resultats-grille,
.archive-fiche[data-archive-level="premium"] .archive-resultats-grille { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.archive-resultats-grille > div { width: 100%; min-width: 0; padding: 10px 18px; border-right: 1px solid rgba(255,255,255,.065); box-sizing: border-box; }
.archive-resultats-grille > div:last-child { border-right: 0; }
.archive-resultats-grille strong { display: block; min-width: max-content; color: #f0fff5; font-size: clamp(1.35rem, 2.6vw, 2rem); font-variant-numeric: tabular-nums; line-height: 1.05; letter-spacing: -.045em; white-space: nowrap; }
.archive-resultats-grille span { display: block; margin-top: 6px; color: #85808c; font-size: .62rem; line-height: 1.4; }
.archive-resultat { display: grid; grid-template-rows: minmax(2.15rem,auto) 30px minmax(2.15rem,auto); align-content: start; opacity: .45; transform: translateY(5px); transition: opacity .45s ease, transform .45s ease; }
.archive-resultats-grille.est-revelee .archive-resultat { opacity: 1; transform: translateY(0); }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(2) { transition-delay: .07s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(3) { transition-delay: .14s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(4) { transition-delay: .21s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(5) { transition-delay: .28s; }
.archive-kpi-courbe { width: 100%; height: 30px; display: block; margin: 9px 0 2px; overflow: visible; }
.archive-kpi-courbe path { fill: none; stroke: rgba(74,222,128,.42); stroke-width: 1.4; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 150; stroke-dashoffset: 150; }
.archive-resultats-grille.est-revelee .archive-kpi-courbe path { animation: archivesKpiTrace .8s cubic-bezier(.2,.75,.25,1) forwards; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(2) path { animation-delay: .08s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(3) path { animation-delay: .16s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(4) path { animation-delay: .24s; }
.archive-resultats-grille.est-revelee .archive-resultat:nth-child(5) path { animation-delay: .32s; }
@keyframes archivesKpiTrace { to { stroke-dashoffset: 0; } }
.archive-technologies-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.archive-technologies-liste span { padding: 8px 10px; border: 1px solid rgba(74,222,128,.15); border-radius: 999px; color: #b9c8bd; background: rgba(74,222,128,.025); font-size: .6rem; }
.archive-ecosysteme-flux {
    width: min(100%, 760px);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    justify-content: center;
    column-gap: clamp(6px, 1vw, 14px);
    margin-inline: auto;
}
.archive-ecosysteme-flux span { min-width: 72px; padding: 11px 9px; border: 1px solid rgba(74,222,128,.18); border-radius: 9px; color: #d8e7dc; text-align: center; background: rgba(74,222,128,.035); font-size: .62rem; font-weight: 750; }
.archive-ecosysteme-flux i { width: 12px; display: grid; place-items: center; color: #4ade80; opacity: .55; font-style: normal; transform: rotate(-90deg); }
.archive-ecosysteme-flux.est-vertical {
    width: min(100%, 180px);
    grid-auto-flow: row;
    grid-auto-columns: unset;
    grid-template-columns: minmax(72px, 180px);
    justify-content: center;
    row-gap: 10px;
    column-gap: 0;
}
.archive-ecosysteme-flux.est-vertical i { width: auto; transform: none; }
.archive-ecosysteme-flux.est-vertical span { width: 100%; }
.archive-cta-contenu { display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.archive-cta-contenu > div:first-child { max-width: 540px; }
.archive-cta-contenu strong { color: #f5f2f7; font-size: clamp(1.05rem, 1.8vw, 1.3rem); }
.archive-cta-contenu p { margin-top: 7px; color: #8f8997; line-height: 1.6; }
.archive-cta-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.archive-cta-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 14px; border-radius: 9px; text-decoration: none; font-size: .65rem; font-weight: 780; white-space: nowrap; }
.archive-cta-principal { border: 1px solid rgba(74,222,128,.35); color: #06140b; background: #78e89f; box-shadow: 0 10px 26px rgba(74,222,128,.1); }
.archive-cta-secondaire { border: 1px solid rgba(255,255,255,.1); color: #d7d2dc; background: rgba(255,255,255,.025); }

.archive-demo-transition {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 9px;
    padding: 24px;
    visibility: hidden;
    opacity: 0;
    color: #f5f2f8;
    text-align: center;
    background: rgba(5,3,10,.82);
    backdrop-filter: blur(18px);
    transition: opacity .18s ease, visibility .18s ease;
}
.archive-demo-transition.est-visible { visibility: visible; opacity: 1; }
.archive-demo-transition > strong { margin-top: 10px; font-size: .78rem; letter-spacing: .09em; }
.archive-demo-transition > p { color: #8e8898; font-size: .66rem; }
.archive-demo-core { position: relative; width: 76px; height: 76px; display: grid; place-items: center; }
.archive-demo-core::before,
.archive-demo-core::after { content: ""; position: absolute; border: 1px solid rgba(167,139,250,.34); border-radius: 50%; }
.archive-demo-core::before { inset: 0; border-style: dashed; animation: archivesCoreTourne 3.2s linear infinite; }
.archive-demo-core::after { inset: 11px; border-color: rgba(74,222,128,.28); animation: archivesCoreTourne 2.4s linear infinite reverse; }
.archive-demo-core span { position: relative; z-index: 2; width: 36px; height: 36px; display: grid; place-items: center; clip-path: polygon(50% 0,92% 24%,92% 74%,50% 100%,8% 74%,8% 24%); color: #efe8ff; background: linear-gradient(145deg,#251653,#080611); box-shadow: 0 0 22px rgba(168,85,247,.34); font-weight: 900; }
.archive-demo-core > i { position: absolute; z-index: 3; width: 4px; height: 4px; border-radius: 50%; background: #d8b4fe; box-shadow: 0 0 8px #a855f7; }
.archive-demo-core > i:first-child { top: 3px; left: 36px; }
.archive-demo-core > i:last-child { right: 4px; bottom: 22px; background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.archive-demo-progression { position: relative; width: 150px; height: 2px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
.archive-demo-progression i { position: absolute; inset: 0 auto 0 0; width: 100%; background: linear-gradient(90deg,#7c3aed,#c084fc,#4ade80); transform: scaleX(0); transform-origin: left; }
.archive-demo-transition.est-visible .archive-demo-progression i { animation: archivesDemoCharge .62s cubic-bezier(.2,.72,.2,1) forwards; }
@keyframes archivesDemoCharge { to { transform: scaleX(1); } }
.archive-skeleton { width: min(100%, 190px); display: grid; gap: 7px; }
.archive-skeleton i { display: block; height: 6px; border-radius: 10px; background: rgba(255,255,255,.055); }
.archive-skeleton i:nth-child(2) { width: 82%; }
.archive-skeleton i:nth-child(3) { width: 58%; }
.archive-module-cta { grid-column: 1 / -1; }

/* INDEX — le CHIVARYN CORE absorbe seul la hauteur résiduelle du viewport. */
@media (min-width: 781px) {
    .archives-index-panneau {
        height: calc(100vh - 72px);
        height: calc(100dvh - 72px);
        max-height: calc(100vh - 72px);
        max-height: calc(100dvh - 72px);
        grid-template-rows: auto auto minmax(0, 1fr);
        align-content: stretch;
    }

    .archives-index-pied {
        min-height: 0;
        height: 100%;
        grid-template-rows: minmax(66px, .92fr) minmax(0, 1.08fr);
    }

    .archives-index-pied .archives-core-accueil {
        --archives-core-taille: clamp(56px, 6.5dvh, 68px);
        min-height: 0;
        height: 100%;
        grid-template-columns: var(--archives-core-taille) minmax(0, 1fr) auto;
        align-content: center;
    }

    .archives-index-pied .archives-core-visuel {
        width: var(--archives-core-taille);
    }

    .archives-index-pied .archives-core-logo {
        width: clamp(28px, 3.25dvh, 34px);
        height: clamp(28px, 3.25dvh, 34px);
    }

    .archives-index-pied .archives-progression {
        min-height: 0;
        height: 100%;
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
        align-content: stretch;
    }

    .archives-index-pied .archives-progression-timeline {
        align-self: end;
    }
}

/* Impulsion du Core vers la progression, puis attente feutrée du niveau ultime. */
.archives-index-pied .archives-progression::before {
    display: block;
    inset: 0 auto auto 0;
    z-index: 1;
    width: 34%;
    height: 1px;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(196,181,253,.72), rgba(244,114,182,.42), transparent);
    background-size: 100% 100%;
    box-shadow: 0 0 8px rgba(167,139,250,.2);
    mask-image: none;
    transform: translate3d(-115%,0,0);
    animation: archivesCoreVersProgression 9.4s cubic-bezier(.22,.61,.36,1) infinite;
}

.archives-progression-timeline li.est-active:nth-child(3) ~ li:nth-child(4).est-a-venir > i::before {
    inset: -5px;
    border: 1px solid rgba(244,196,83,.16);
    border-radius: inherit;
    animation: archivesSignatureEnAttente 7.6s ease-in-out infinite;
}

@keyframes archivesCoreVersProgression {
    0%, 67% { opacity: 0; transform: translate3d(-115%,0,0); }
    72% { opacity: .18; }
    82% { opacity: .58; }
    94%, 100% { opacity: 0; transform: translate3d(390%,0,0); }
}

@keyframes archivesSignatureEnAttente {
    0%, 72%, 100% { opacity: .08; transform: scale(.9); }
    82% { opacity: .46; transform: scale(1.06); }
}

.archives:not(.visible) .archives-index-pied .archives-progression::before,
.archives:not(.visible) .archives-progression-timeline li.est-active:nth-child(3) ~ li:nth-child(4).est-a-venir > i::before,
.archives-index-pied:has(.archives-core-accueil.est-en-veille) .archives-progression::before,
.archives-index-pied:has(.archives-core-accueil.est-en-veille) .archives-progression-timeline li.est-active:nth-child(3) ~ li:nth-child(4).est-a-venir > i::before {
    animation-play-state: paused;
}

@media (min-width: 781px) and (max-height: 660px) {
    .archives-index-panneau {
        height: auto;
        max-height: none;
        grid-template-rows: auto auto auto;
    }

    .archives-index-pied {
        height: auto;
        grid-template-rows: auto auto;
    }

    .archives-index-pied .archives-core-accueil,
    .archives-index-pied .archives-progression {
        height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .archives-index-pied .archives-progression::before,
    .archives-progression-timeline li.est-active:nth-child(3) ~ li:nth-child(4).est-a-venir > i::before {
        animation: none !important;
    }
}

@media (max-width: 1050px) {
    .archives-systeme { grid-template-columns: minmax(235px, .62fr) minmax(0, 1.45fr); }
    .archives-index-panneau { padding: 10px; }
    .archive-entree { height: clamp(122px,16vh,142px); min-height: 122px; }
    .archive-sommaire { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .archive-modules { grid-template-columns: 1fr; }
    .archive-module-cta { grid-column: auto; }
    .archive-apres-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .archive-cta-contenu { align-items: flex-start; flex-direction: column; }
    .archive-fiche[data-archive-level="business"] .archive-resultats-grille,
    .archive-fiche[data-archive-level="premium"] .archive-resultats-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .archive-bandeau-evolution { grid-template-columns: 1fr auto; }
    .archive-bandeau-evolution > div:last-child { grid-column: 1/-1; }
}

@media (max-width: 780px) {
    .archives-entete p br { display: none; }
    .archives-systeme { display: block; min-height: 0; overflow: visible; background: transparent; border: 0; }
    .archives-index { padding: 0; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; }
    .archives-index-panneau { position: static; max-height: none; padding: 14px; overflow: visible; }
    .archives-liste { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-flow: row; grid-auto-columns: unset; overflow: visible; padding-bottom: 0; }
    .archive-entree { grid-template-columns: 112px minmax(0,1fr); height: 144px; min-height: 144px; scroll-snap-align: none; }
    .archive-entree-promesse { max-width: 175px; }
    .archive-fiche { min-height: 620px; margin-top: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(7,5,12,.78); }
    .archives-index-pied { margin-top: 2px; }
}

@media (max-width: 640px) {
    .archive-ecosysteme-flux {
        width: 100%;
        grid-auto-flow: row;
        grid-auto-columns: unset;
        grid-template-columns: minmax(72px, 180px);
        justify-content: center;
        row-gap: 10px;
    }
    .archive-ecosysteme-flux i { width: auto; transform: none; }
    .archive-ecosysteme-flux span { width: min(100%, 180px); }
}

@media (max-width: 520px) {
    .archives-categories { margin-inline: -4px; }
    .archives-categories button { padding-inline: 14px; }
    .archive-fiche-entete, .archive-identite { display: grid; }
    .archive-fiche-marque { justify-items: start; }
    .archive-bandeau-evolution { grid-template-columns: 1fr; }
    .archive-bandeau-evolution > div:last-child { grid-column: auto; }
    .archive-bandeau-passage { width: fit-content; padding: 8px 0 0; border: 0; border-top: 1px solid rgba(167,139,250,.13); }
    .archive-croissance-parcours { grid-template-columns: 1fr; }
    .archive-croissance-parcours li { min-height: 0; grid-template-columns: 24px 1fr; align-items: center; }
    .archive-croissance-bilan { grid-template-columns: 1fr; }
    .archive-identite { align-items: start; }
    .archive-sommaire { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .archive-module { padding: 16px; }
    .archives-liste { grid-template-columns: 1fr; }
    .archive-entree { grid-template-columns: 96px minmax(0,1fr); gap: 12px; height: 132px; min-height: 132px; padding: 8px 10px 8px 8px; }
    .archive-miniature { width: 100%; height: 100%; }
    .archive-miniature::before { inset: 9%; width: auto; height: auto; }
    .archive-miniature::after { inset: 22%; width: auto; height: auto; }
    .archive-miniature-symbole { width: 48px; height: 48px; }
    .archive-miniature-symbole svg { width: 26px; height: 26px; }
    .archive-entree-corps { gap: 4px; padding-right: 25px; }
    .archive-entree-corps > strong { font-size: .94rem; }
    .archive-entree-promesse { max-width: 180px; font-size: .56rem; }
    .archive-entree > i { right: 9px; bottom: 9px; width: 27px; height: 27px; }
    .archives-core-statut { padding: 4px 6px; }
    .archives-progression-infos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 10px; }
    .archives-progression-categorie { grid-column: 1 / -1; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.05); }
    .archive-entree,
    .archive-entree[aria-pressed="true"] { box-shadow: inset 0 1px rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.18), 0 0 18px rgba(var(--archive-level-rgb), calc(var(--archive-level-strength))); }
    .archive-entree::after { opacity: .14; }
    .archives-core-visuel { transform: none; }
    .archive-audit-liste,
    .archive-avant-liste,
    .archive-transformation-liste,
    .archive-apres-liste,
    .archive-resultats-grille { grid-template-columns: 1fr; }
    .archive-fiche[data-archive-level="business"] .archive-resultats-grille,
    .archive-fiche[data-archive-level="premium"] .archive-resultats-grille { grid-template-columns: 1fr; }
    .archive-resultats-grille > div { padding: 13px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.055); }
    .archive-resultats-grille > div:last-child { border-bottom: 0; }
    .archive-apres-liste li { min-height: 0; display: flex; }
    .archive-cta-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .archive-cta-actions a { width: 100%; }
}

@media (min-width: 781px) and (max-height: 820px) {
    .archives-index-panneau { gap: 5px; padding: 8px; }
    .archives-liste { gap: 4px; }
    .archive-entree {
        grid-template-columns: clamp(104px,9.2vw,120px) minmax(0,1fr);
        height: clamp(113px,15vh,124px);
        min-height: 113px;
        padding: 7px 10px 7px 7px;
    }
    .archive-miniature-symbole { width: 50px; height: 50px; }
    .archive-miniature-symbole svg { width: 27px; height: 27px; }
    .archive-entree-corps { gap: 3px; }
    .archive-entree-corps > strong { font-size: .94rem; }
    .archive-entree-promesse { font-size: .55rem; line-height: 1.3; }
    .archive-entree-identite span,
    .archive-entree-niveau { font-size: .41rem; }
    .archive-entree-ultime { padding: 3px 5px; font-size: .35rem; }
    .archive-entree > i { width: 27px; height: 27px; bottom: 8px; right: 8px; }
    .archives-index-pied .archives-core-accueil { min-height: clamp(66px,9.5vh,76px); grid-template-columns: clamp(50px,7vh,56px) minmax(0,1fr) auto; padding-block: 7px; }
    .archives-index-pied .archives-core-visuel { width: clamp(50px,7vh,56px); }
    .archives-index-pied .archives-core-logo { width: clamp(25px,3.5vh,28px); height: clamp(25px,3.5vh,28px); }
    .archives-index-pied .archives-progression { padding-block: 6px; }
    .archives-progression-timeline { margin-top: 6px; }
    .archives-progression-timeline li > i { width: clamp(14px,2vh,15px); height: clamp(14px,2vh,15px); }
}

@media (hover: none) {
    .archive-entree:hover { transform: none; }
    .archive-entree::after { opacity: .14; }
    .archive-entree[aria-pressed="true"] { box-shadow: 0 0 0 1px rgba(var(--archive-level-rgb), .06), 0 11px 27px rgba(0,0,0,.2), 0 0 19px rgba(var(--archive-level-rgb), var(--archive-level-strength)); }
}

.archives-core-accueil.est-en-veille *,
.archives-core-accueil.est-en-veille *::before,
.archives-core-accueil.est-en-veille *::after { animation-play-state: paused !important; }

@media (prefers-reduced-motion: reduce) {
    .archives *, .archives *::before, .archives *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
    .archives-core-accueil::before,
    .archives-core-univers span,
    .archives-core-visuel::before,
    .archives-core-visuel::after,
    .archives-core-halo,
    .archives-core-halo::after,
    .archives-core-anneau,
    .archives-core-logo,
    .archives-core-particule,
    .archives-core-activite i { animation: none !important; }
    .archive-demo-transition *,
    .archive-demo-transition *::before,
    .archive-demo-transition *::after { animation: none !important; transition: none !important; }
}

/* =========================================
   ARCHIVES — IDENTITÉ VISUELLE PAR NIVEAU
========================================= */
.archive-fiche {
    --archive-accent: var(--level-essential);
    --archive-accent-rgb: var(--level-essential-rgb);
    --archive-accent-soft: var(--level-essential-soft);
    position: relative;
    isolation: isolate;
}
.archive-fiche[data-archive-level="essentiel"] { --archive-accent: var(--level-essential); --archive-accent-rgb: var(--level-essential-rgb); --archive-accent-soft: var(--level-essential-soft); }
.archive-fiche[data-archive-level="business"] { --archive-accent: var(--level-business); --archive-accent-rgb: var(--level-business-rgb); --archive-accent-soft: var(--level-business-soft); }
.archive-fiche[data-archive-level="premium"] { --archive-accent: var(--level-premium); --archive-accent-rgb: var(--level-premium-rgb); --archive-accent-soft: var(--level-premium-soft); }
.archive-fiche[data-archive-level="signature-ai"] { --archive-accent: var(--level-signature); --archive-accent-rgb: var(--level-signature-rgb); --archive-accent-soft: var(--level-signature-soft); }
.archive-fiche::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 24% at 72% 5%, rgba(var(--archive-accent-rgb),.13), transparent 72%),
        radial-gradient(ellipse 46% 22% at 8% 44%, rgba(var(--archive-accent-rgb),.045), transparent 75%);
    opacity: .8;
    transition: background .4s ease, opacity .4s ease;
}
.archive-fiche::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .14;
    background-image: radial-gradient(circle, rgba(var(--archive-accent-rgb),.5) 0 1px, transparent 1.2px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000, transparent 48%);
}
.archive-fiche-entete { border-bottom-color: rgba(var(--archive-accent-rgb),.15); }
.archive-fiche-entete > div > span,
.archive-identite > strong,
.archive-module header > span,
.archive-audit-entete > span { color: var(--archive-accent); }
.archive-fiche-statut i { background: var(--archive-accent); box-shadow: 0 0 11px rgba(var(--archive-accent-rgb),.58); }
.archive-identite h3 { color: #f6f2fa; text-shadow: 0 0 28px rgba(var(--archive-accent-rgb),.13); }
.archive-identite > strong { padding: 7px 10px; border: 1px solid rgba(var(--archive-accent-rgb),.28); border-radius: 999px; background: rgba(var(--archive-accent-rgb),.055); box-shadow: 0 0 18px rgba(var(--archive-accent-rgb),.055); }

.archive-apercu {
    min-height: 270px;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(230px,.95fr);
    margin: 0 0 28px;
    overflow: hidden;
    border: 1px solid rgba(var(--archive-accent-rgb),.25);
    border-radius: 15px;
    background: linear-gradient(135deg,rgba(var(--archive-accent-rgb),.105),rgba(9,7,14,.86) 58%);
    box-shadow: inset 0 1px rgba(255,255,255,.04),0 22px 52px rgba(0,0,0,.2),0 0 34px rgba(var(--archive-accent-rgb),.055);
}
.archive-apercu-contenu { position: relative; z-index: 2; display: grid; align-content: center; justify-items: start; padding: clamp(22px,3vw,36px); }
.archive-apercu-contenu > span { color: var(--archive-accent); font-size: .55rem; font-weight: 850; letter-spacing: .14em; }
.archive-apercu-contenu > time { margin-top: 7px; color: #8f8798; font-size: .56rem; }
.archive-apercu-contenu > strong { max-width: 520px; margin-top: 11px; color: #f6f2f8; font-size: clamp(1.05rem,2vw,1.5rem); line-height: 1.25; letter-spacing: -.02em; }
.archive-apercu-contenu > p { max-width: 520px; margin-top: 10px; color: #aaa3b1; font-size: .7rem; line-height: 1.65; }
.archive-apercu-cta { min-height: 48px; display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 12px; margin-top: 22px; padding: 10px 14px; border: 1px solid rgba(var(--archive-accent-rgb),.62); border-radius: 9px; color: #09070d; background: var(--archive-accent); box-shadow: 0 13px 30px rgba(var(--archive-accent-rgb),.16); text-decoration: none; transition: transform .25s ease,box-shadow .25s ease,filter .25s ease; animation: archivesCtaRespire 6s ease-in-out infinite;
}
.archive-apercu-cta > span { font-size: .68rem; font-weight: 850; }
.archive-apercu-cta > i { grid-column: 2; grid-row: 1/3; font-style: normal; }
.archive-apercu-cta > small { color: rgba(9,7,13,.6); font-size: .48rem; }
.archive-apercu-cta:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 17px 36px rgba(var(--archive-accent-rgb),.25); }
.archive-apercu-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.archives:not(.visible) .archive-apercu-cta { animation-play-state: paused; }
.archive-apercu figure { position: relative; min-height: 270px; overflow: hidden; background: #09070d; }
.archive-apercu figure::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#0d0a13 0,transparent 38%),linear-gradient(0deg,rgba(7,5,11,.48),transparent 60%); }
.archive-apercu figure::after { content: ""; position: absolute; z-index: 2; inset: 0; opacity: .2; background-image: radial-gradient(circle,rgba(var(--archive-accent-rgb),.8) 0 1px,transparent 1.2px); background-size: 42px 42px; mask-image: linear-gradient(110deg,transparent 20%,#000); }
.archive-apercu img { width: 100%; height: 100%; display: block; object-fit: cover; opacity: .82; transform: scale(1.015); transition: transform .8s cubic-bezier(.2,.72,.2,1),opacity .4s ease; }
.archive-apercu:hover img { opacity: .94; transform: scale(1.04); }

.archive-sommaire a { transition: color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.archive-sommaire a:hover { color: #eee9f3; border-color: rgba(var(--archive-accent-rgb),.34); }
.archive-sommaire a[aria-current="true"] { color: #f2edf6; border-color: rgba(var(--archive-accent-rgb),.45); background: rgba(var(--archive-accent-rgb),.075); box-shadow: inset 0 -2px var(--archive-accent),0 0 17px rgba(var(--archive-accent-rgb),.07); }
.archive-sommaire a[aria-current="true"] span { color: var(--archive-accent); }
.archive-module { border-color: rgba(var(--archive-accent-rgb),.105); background: linear-gradient(145deg,rgba(var(--archive-accent-rgb),.022),rgba(255,255,255,.012) 58%); transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease; }
.archive-module:hover { transform: translateY(-2px); border-color: rgba(var(--archive-accent-rgb),.22); box-shadow: 0 18px 34px rgba(0,0,0,.16),0 0 22px rgba(var(--archive-accent-rgb),.035); }
.archive-module-contenu.est-rempli { border-color: rgba(var(--archive-accent-rgb),.18); background: linear-gradient(145deg,rgba(var(--archive-accent-rgb),.06),rgba(255,255,255,.012) 58%,transparent); }
.archive-fiche .archive-transformation-liste i,
.archive-fiche .archive-apres-liste i { border-color: rgba(var(--archive-accent-rgb),.42); background: rgba(var(--archive-accent-rgb),.08); }
.archive-fiche .archive-transformation-liste i::after,
.archive-fiche .archive-apres-liste i::after { color: var(--archive-accent); }
.archive-fiche .archive-kpi-courbe path { stroke: rgba(var(--archive-accent-rgb),.58); }
.archive-fiche .archive-resultats-grille strong { color: rgb(var(--archive-accent-rgb)); text-shadow: 0 0 18px rgba(var(--archive-accent-rgb),.12); }
.archive-fiche .archive-technologies-liste span,
.archive-fiche .archive-ecosysteme-flux span { border-color: rgba(var(--archive-accent-rgb),.22); color: #ddd7e3; background: rgba(var(--archive-accent-rgb),.045); }
.archive-fiche .archive-ecosysteme-flux i { color: var(--archive-accent); }
.archive-fiche[data-archive-level="premium"] .archive-croissance-parcours { background: rgba(var(--archive-accent-rgb),.16); }
.archive-fiche[data-archive-level="premium"] .archive-croissance-parcours li:last-child { background: linear-gradient(135deg,rgba(var(--archive-accent-rgb),.16),rgba(12,9,18,.96)); }
.archive-fiche[data-archive-level="premium"] .archive-croissance-parcours li:last-child strong { color: #f5c6df; }
.archive-fiche[data-archive-level="premium"] .archive-croissance-acquis i { background: var(--archive-accent); box-shadow: 0 0 9px rgba(var(--archive-accent-rgb),.34); }
.archive-fiche[data-archive-level="premium"] .archive-croissance-enjeux i { border-color: var(--archive-accent); box-shadow: 0 0 9px rgba(var(--archive-accent-rgb),.24); }
.archive-fiche[data-archive-level="premium"] .archive-evolution-socle { border-color: rgba(var(--archive-accent-rgb),.16); background: rgba(var(--archive-accent-rgb),.035); }
.archive-fiche[data-archive-level="premium"] .archive-evolution-socle small,
.archive-fiche[data-archive-level="premium"] .archive-evolution-label { color: #d98bb4; }
.archive-fiche[data-archive-level="premium"] .archive-evolution-socle span { color: #b98ba4; background: rgba(var(--archive-accent-rgb),.06); }
.archive-fiche[data-archive-level="premium"] .archive-transformation-business li { border-color: rgba(var(--archive-accent-rgb),.14); background: rgba(var(--archive-accent-rgb),.035); }
.archive-fiche .archive-demo-lien { border-color: rgba(var(--archive-accent-rgb),.38); color: #eee9f3; background: rgba(var(--archive-accent-rgb),.075); }
.archive-fiche .archive-demo-lien:hover { border-color: rgba(var(--archive-accent-rgb),.62); background: rgba(var(--archive-accent-rgb),.13); }
.archive-fiche .archive-cta-principal { border-color: rgba(var(--archive-accent-rgb),.66); color: #09070d; background: var(--archive-accent); box-shadow: 0 12px 28px rgba(var(--archive-accent-rgb),.16); }
.archive-fiche .archive-cta-secondaire { border-color: rgba(var(--archive-accent-rgb),.24); }
.archive-contenu-visible .archive-module { animation: archivesModuleEntree .5s cubic-bezier(.2,.72,.2,1) both; }
.archive-contenu-visible .archive-module:nth-child(2) { animation-delay: .035s; }
.archive-contenu-visible .archive-module:nth-child(3) { animation-delay: .07s; }
.archive-contenu-visible .archive-module:nth-child(4) { animation-delay: .105s; }
.archive-contenu-visible .archive-module:nth-child(5) { animation-delay: .14s; }
.archive-contenu-visible .archive-module:nth-child(6) { animation-delay: .175s; }
@keyframes archivesModuleEntree { from { opacity: .7; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes archivesCtaRespire { 0%,100% { box-shadow: 0 13px 30px rgba(var(--archive-accent-rgb),.14); } 50% { box-shadow: 0 15px 34px rgba(var(--archive-accent-rgb),.23); } }

.archive-demo-transition[data-archive-level="essentiel"] { --demo-rgb: var(--level-essential-rgb); --demo-accent: var(--level-essential); }
.archive-demo-transition[data-archive-level="business"] { --demo-rgb: var(--level-business-rgb); --demo-accent: var(--level-business); }
.archive-demo-transition[data-archive-level="premium"] { --demo-rgb: var(--level-premium-rgb); --demo-accent: var(--level-premium); }
.archive-demo-transition[data-archive-level="signature-ai"] { --demo-rgb: var(--level-signature-rgb); --demo-accent: var(--level-signature); }
.archive-demo-transition .archive-demo-core::before,
.archive-demo-transition .archive-demo-core::after { border-color: rgba(var(--demo-rgb,167,139,250),.38); }
.archive-demo-transition .archive-demo-core > i { background: var(--demo-accent,#a78bfa); box-shadow: 0 0 8px rgba(var(--demo-rgb,167,139,250),.85); }
.archive-demo-transition .archive-demo-progression i { background: linear-gradient(90deg,transparent,var(--demo-accent,#a78bfa),#fff,var(--demo-accent,#a78bfa)); }

@media (max-width: 780px) {
    .archive-apercu { grid-template-columns: minmax(0,1.15fr) minmax(190px,.85fr); }
    .archive-apercu-contenu { padding: 22px; }
    .archive-fiche::after { opacity: .08; }
}
@media (max-width: 520px) {
    .archive-apercu { grid-template-columns: 1fr; }
    .archive-apercu figure { min-height: 180px; }
    .archive-apercu figure::before { background: linear-gradient(0deg,#0d0a13 0,transparent 38%); }
    .archive-apercu-cta { width: 100%; }
    .archive-fiche::before { opacity: .52; }
    .archive-fiche::after { display: none; }
    .archive-module:hover { transform: none; }
}

/* =========================================
   POLISH FINAL — ATMOSPHÈRES DE NIVEAU
========================================= */
.archive-fiche {
    --archive-energy: .58;
    --archive-energy-rest: .51;
    --archive-surface-alpha: .052;
    --archive-surface-border: .16;
    --archive-separator-alpha: .12;
    --archive-content-border: .195;
    --archive-nav-alpha: .11;
    --archive-depth-shadow: 0 18px 38px rgba(0,0,0,.17);
    --archive-image-filter: saturate(.9) contrast(1.04) brightness(.9);
    --archive-image-glow: .08;
    --archive-image-hover-glow: .125;
    --archive-curve-glow: .22;
    --archive-particle-opacity: .1;
    --archive-card-particles: .035;
    --archive-breath-scale: 1.018;
    --archive-atmosphere:
        radial-gradient(ellipse 68% 25% at 72% 5%, rgba(var(--archive-accent-rgb),.13), transparent 72%),
        radial-gradient(ellipse 45% 22% at 7% 43%, rgba(var(--archive-accent-rgb),.045), transparent 76%);
    --archive-texture: radial-gradient(circle,rgba(var(--archive-accent-rgb),.48) 0 1px,transparent 1.2px);
    --archive-texture-size: 58px 58px;
}
.archive-fiche[data-archive-level="essentiel"] {
    --archive-energy: .5;
    --archive-energy-rest: .44;
    --archive-surface-alpha: .035;
    --archive-surface-border: .12;
    --archive-separator-alpha: .09;
    --archive-content-border: .155;
    --archive-nav-alpha: .09;
    --archive-depth-shadow: 0 15px 30px rgba(0,0,0,.13);
    --archive-image-filter: saturate(.82) contrast(1.025) brightness(.92);
    --archive-image-glow: .055;
    --archive-image-hover-glow: .1;
    --archive-curve-glow: .16;
    --archive-particle-opacity: .075;
    --archive-card-particles: .018;
    --archive-breath-scale: 1.008;
    --archive-atmosphere:
        radial-gradient(ellipse 58% 22% at 74% 4%, rgba(74,222,128,.1),transparent 74%),
        linear-gradient(145deg,rgba(74,222,128,.018),transparent 38%);
    --archive-texture: radial-gradient(circle,rgba(74,222,128,.42) 0 .8px,transparent 1px);
    --archive-texture-size: 72px 72px;
}
.archive-fiche[data-archive-level="business"] {
    --archive-energy: .8;
    --archive-energy-rest: .7;
    --archive-surface-alpha: .07;
    --archive-surface-border: .2;
    --archive-separator-alpha: .16;
    --archive-content-border: .235;
    --archive-nav-alpha: .15;
    --archive-depth-shadow: 0 22px 48px rgba(0,0,0,.2),0 0 25px rgba(139,92,246,.045);
    --archive-image-filter: saturate(.95) contrast(1.075) brightness(.88);
    --archive-image-glow: .12;
    --archive-image-hover-glow: .17;
    --archive-curve-glow: .34;
    --archive-particle-opacity: .15;
    --archive-card-particles: .055;
    --archive-breath-scale: 1.02;
    --archive-atmosphere:
        radial-gradient(ellipse 78% 28% at 74% 4%,rgba(139,92,246,.17),transparent 70%),
        radial-gradient(ellipse 48% 24% at 3% 42%,rgba(167,139,250,.065),transparent 74%),
        linear-gradient(118deg,rgba(139,92,246,.025),transparent 42%);
    --archive-texture:
        linear-gradient(rgba(167,139,250,.22) 1px,transparent 1px),
        linear-gradient(90deg,rgba(167,139,250,.16) 1px,transparent 1px);
    --archive-texture-size: 64px 64px;
}
.archive-fiche[data-archive-level="premium"] {
    --archive-energy: .72;
    --archive-energy-rest: .66;
    --archive-surface-alpha: .066;
    --archive-surface-border: .22;
    --archive-separator-alpha: .17;
    --archive-content-border: .24;
    --archive-nav-alpha: .16;
    --archive-depth-shadow: 0 30px 72px rgba(0,0,0,.27),0 0 46px rgba(244,114,182,.038),inset 0 1px rgba(255,255,255,.04);
    --archive-image-filter: saturate(.96) contrast(1.11) brightness(.9);
    --archive-image-glow: .105;
    --archive-image-hover-glow: .145;
    --archive-curve-glow: .38;
    --archive-particle-opacity: .085;
    --archive-card-particles: .028;
    --archive-breath-scale: 1.009;
    --archive-atmosphere:
        radial-gradient(ellipse 92% 34% at 74% 2%,rgba(244,114,182,.135),transparent 72%),
        radial-gradient(ellipse 56% 28% at 4% 48%,rgba(219,39,119,.05),transparent 76%),
        linear-gradient(140deg,rgba(244,114,182,.02),transparent 42%);
    --archive-texture: radial-gradient(circle,rgba(244,114,182,.32) 0 .75px,transparent 1px);
    --archive-texture-size: 84px 84px;
}
.archive-fiche[data-archive-level="signature-ai"] {
    --archive-energy: .88;
    --archive-energy-rest: .77;
    --archive-surface-alpha: .075;
    --archive-surface-border: .27;
    --archive-separator-alpha: .21;
    --archive-content-border: .305;
    --archive-nav-alpha: .2;
    --archive-depth-shadow: 0 27px 64px rgba(0,0,0,.26),0 0 40px rgba(244,196,83,.06),inset 0 1px rgba(255,242,196,.045);
    --archive-image-filter: saturate(.92) contrast(1.09) brightness(.89) sepia(.055);
    --archive-image-glow: .15;
    --archive-image-hover-glow: .2;
    --archive-curve-glow: .4;
    --archive-particle-opacity: .16;
    --archive-card-particles: .06;
    --archive-breath-scale: 1.022;
    --archive-atmosphere:
        radial-gradient(ellipse 90% 34% at 72% 2%,rgba(244,196,83,.18),transparent 67%),
        radial-gradient(circle at 11% 42%,rgba(255,226,143,.065),transparent 24%),
        linear-gradient(140deg,rgba(244,196,83,.025),transparent 36%);
    --archive-texture:
        radial-gradient(circle,rgba(244,196,83,.38) 0 .8px,transparent 1px),
        radial-gradient(circle at 50% 50%,transparent 0 20px,rgba(244,196,83,.1) 21px,transparent 22px);
    --archive-texture-size: 76px 76px,152px 152px;
}

.archive-fiche::before {
    background: var(--archive-atmosphere);
    opacity: var(--archive-energy);
    transition: background .5s ease,opacity .5s ease;
    transform-origin: 72% 8%;
    animation: archivesAtmosphereRespire 12s ease-in-out infinite;
}
.archive-fiche::after {
    opacity: var(--archive-particle-opacity);
    background-image: var(--archive-texture);
    background-size: var(--archive-texture-size);
    transition: opacity .5s ease,background-image .5s ease;
    animation: archivesParticulesDerivent 28s ease-in-out infinite alternate;
}
.archive-fiche-entete,
.archive-sommaire a,
.archive-module,
.archive-module-contenu.est-rempli,
.archive-resultats-grille > div {
    transition: border-color .42s ease,background .42s ease,box-shadow .42s ease,color .42s ease,transform .28s ease;
}
.archive-fiche-entete { border-bottom-color: rgba(var(--archive-accent-rgb),var(--archive-separator-alpha)); }
.archive-module {
    position: relative;
    overflow: hidden;
    border-color: rgba(var(--archive-accent-rgb),var(--archive-surface-border));
    background:
        radial-gradient(circle at 92% 8%,rgba(var(--archive-accent-rgb),var(--archive-surface-alpha)),transparent 38%),
        linear-gradient(145deg,rgba(var(--archive-accent-rgb),calc(var(--archive-surface-alpha) * .55)),rgba(255,255,255,.012) 58%);
    box-shadow: var(--archive-depth-shadow);
}
.archive-module > * { position: relative; z-index: 1; }
.archive-module:nth-child(3n)::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 130px;
    height: 130px;
    right: -56px;
    top: -62px;
    pointer-events: none;
    opacity: var(--archive-card-particles);
    background-image: radial-gradient(circle,rgba(var(--archive-accent-rgb),.9) 0 1px,transparent 1.2px);
    background-size: 24px 24px;
    mask-image: radial-gradient(circle,#000,transparent 72%);
    animation: archivesCarteParticules 19s ease-in-out infinite alternate;
}
.archive-module-contenu.est-rempli {
    border-color: rgba(var(--archive-accent-rgb),var(--archive-content-border));
    background: linear-gradient(145deg,rgba(var(--archive-accent-rgb),var(--archive-surface-alpha)),rgba(255,255,255,.012) 58%,transparent);
}
.archive-fiche[data-archive-level="essentiel"] .archive-module { border-radius: 12px; box-shadow: 0 13px 28px rgba(0,0,0,.11); }
.archive-fiche[data-archive-level="business"] .archive-module { border-radius: 14px; }
.archive-fiche[data-archive-level="premium"] .archive-module { border-radius: 15px; }
.archive-fiche[data-archive-level="signature-ai"] .archive-module { border-radius: 16px; box-shadow: var(--archive-depth-shadow),inset 0 0 0 1px rgba(255,236,174,.018); }

.archive-fiche[data-archive-level="premium"] .archive-sommaire { margin-bottom: 34px; }
.archive-fiche[data-archive-level="premium"] .archive-modules { gap: 16px; }
.archive-fiche[data-archive-level="premium"] .archive-module { padding: clamp(22px,2.3vw,28px); }
.archive-fiche[data-archive-level="premium"] .archive-module-contenu { margin-top: 22px; }
.archive-fiche[data-archive-level="premium"] .archive-module-contenu.est-rempli { padding: clamp(22px,2.8vw,32px); }
.archive-fiche[data-archive-level="premium"] .archive-module h4 { color: #f6edf2; text-shadow: 0 0 24px rgba(244,114,182,.075); }
.archive-fiche[data-archive-level="premium"] .archive-module:hover { transform: translateY(-1px); }
.archive-fiche[data-archive-level="premium"].archive-contenu-visible .archive-module { animation-duration: .72s; animation-timing-function: cubic-bezier(.2,.68,.22,1); }

.archive-apercu {
    border-color: rgba(var(--archive-accent-rgb),calc(var(--archive-surface-border) + .11));
    box-shadow: var(--archive-depth-shadow),0 0 38px rgba(var(--archive-accent-rgb),var(--archive-image-glow)),inset 0 1px rgba(255,255,255,.055);
    transition: border-color .45s ease,box-shadow .45s ease,background .45s ease;
}
.archive-apercu figure { box-shadow: inset 0 0 0 1px rgba(var(--archive-accent-rgb),.12),inset 22px 0 38px rgba(7,5,11,.3); }
.archive-apercu figure::after { opacity: calc(var(--archive-particle-opacity) + .08); }
.archive-apercu figure::before { animation: archivesCaptureLumiere 10s ease-in-out infinite alternate; }
.archive-apercu figure::after { animation: archivesCaptureParticules 22s ease-in-out infinite alternate; }
.archive-apercu img {
    filter: var(--archive-image-filter);
    transform: scale(1.018) translate3d(0,0,0);
    transform-origin: 52% 50%;
    transition: transform 1s cubic-bezier(.2,.72,.2,1),filter .45s ease,opacity .45s ease;
}
.archive-apercu:hover img { transform: scale(1.045) translate3d(-2px,-1px,0); filter: var(--archive-image-filter) brightness(1.04); }
.archive-apercu:hover { box-shadow: var(--archive-depth-shadow),0 0 46px rgba(var(--archive-accent-rgb),var(--archive-image-hover-glow)),inset 0 1px rgba(255,255,255,.065); }
.archive-apercu-cta { will-change: transform; }
.archive-apercu-cta:active { transform: translateY(0) scale(.985); filter: brightness(1.03); transition-duration: .08s; }

.archive-fiche[data-archive-level="premium"] .archive-apercu { margin-bottom: 34px; background: linear-gradient(138deg,rgba(244,114,182,.075),rgba(9,7,14,.9) 60%); backdrop-filter: blur(12px); }
.archive-fiche[data-archive-level="premium"] .archive-apercu figure::before { background: linear-gradient(98deg,rgba(13,9,16,.96),transparent 43%),radial-gradient(circle at 76% 24%,rgba(244,114,182,.14),transparent 42%),linear-gradient(0deg,rgba(12,7,11,.42),transparent 64%); animation-duration: 16s; }
.archive-fiche[data-archive-level="premium"] .archive-apercu figure::after { opacity: .11; animation-duration: 34s; }
.archive-fiche[data-archive-level="premium"] .archive-apercu img { transition-duration: 1.35s,.65s,.65s; }
.archive-fiche[data-archive-level="premium"] .archive-apercu:hover img { transform: scale(1.036) translate3d(-1px,-1px,0); filter: var(--archive-image-filter) brightness(1.035); }
.archive-fiche[data-archive-level="premium"]::before { animation-duration: 18s; }
.archive-fiche[data-archive-level="premium"]::after { animation-duration: 42s; }
.archive-fiche[data-archive-level="premium"] .archive-module:nth-child(3n)::after { animation-duration: 30s; }
.archive-fiche[data-archive-level="premium"] .archive-fiche-entete,
.archive-fiche[data-archive-level="premium"] .archive-sommaire a,
.archive-fiche[data-archive-level="premium"] .archive-module,
.archive-fiche[data-archive-level="premium"] .archive-module-contenu.est-rempli,
.archive-fiche[data-archive-level="premium"] .archive-resultats-grille > div { transition-duration: .65s; }

.archive-kpi-courbe path {
    stroke-width: 1.55;
    filter: drop-shadow(0 0 4px rgba(var(--archive-accent-rgb),var(--archive-curve-glow)));
}
.archive-resultats-grille > div { border-right-color: rgba(var(--archive-accent-rgb),var(--archive-separator-alpha)); }
.archive-fiche[data-archive-level="business"] .archive-resultats-grille > div,
.archive-fiche[data-archive-level="premium"] .archive-resultats-grille > div,
.archive-fiche[data-archive-level="signature-ai"] .archive-resultats-grille > div { background: linear-gradient(180deg,rgba(var(--archive-accent-rgb),.025),transparent 78%); }
.archive-sommaire a { border-color: rgba(var(--archive-accent-rgb),var(--archive-nav-alpha)); }
.archive-fiche[data-archive-level="premium"] .archive-identite > strong,
.archive-fiche[data-archive-level="signature-ai"] .archive-identite > strong { box-shadow: 0 0 23px rgba(var(--archive-accent-rgb),.1),inset 0 1px rgba(255,255,255,.04); }
.archive-fiche[data-archive-level="signature-ai"] .archive-identite h3 { text-shadow: 0 0 30px rgba(244,196,83,.16); }

.archive-entree[data-archive-level="essentiel"][aria-pressed="true"] { filter: saturate(.9); }
.archive-entree[data-archive-level="business"][aria-pressed="true"] { filter: saturate(1.06) contrast(1.02); }
.archive-entree[data-archive-level="premium"][aria-pressed="true"] { filter: saturate(1.1) contrast(1.035); }
.archive-entree[data-archive-level="signature-ai"][aria-pressed="true"] { filter: saturate(.98) contrast(1.055); }
.archive-entree[aria-pressed="true"]::before { animation: archivesIndicateurActif 6.5s ease-in-out infinite; }

@keyframes archivesAtmosphereRespire {
    0%,100% { transform: scale(1); opacity: var(--archive-energy-rest); }
    52% { transform: scale(var(--archive-breath-scale)); opacity: var(--archive-energy); }
}
@keyframes archivesParticulesDerivent {
    from { transform: translate3d(-3px,2px,0); }
    to { transform: translate3d(8px,-6px,0); }
}
@keyframes archivesCarteParticules {
    from { transform: translate3d(-4px,3px,0) rotate(-2deg); }
    to { transform: translate3d(7px,-5px,0) rotate(3deg); }
}
@keyframes archivesCaptureLumiere {
    from { opacity: .78; transform: translate3d(-2px,0,0); }
    to { opacity: 1; transform: translate3d(3px,0,0); }
}
@keyframes archivesCaptureParticules {
    from { transform: translate3d(-5px,4px,0); }
    to { transform: translate3d(7px,-5px,0); }
}
@keyframes archivesIndicateurActif {
    0%,100% { opacity: .72; transform: scaleY(.82); }
    50% { opacity: 1; transform: scaleY(1); }
}

.archives:not(.visible) .archive-fiche::before,
.archives:not(.visible) .archive-fiche::after,
.archives:not(.visible) .archive-module::after,
.archives:not(.visible) .archive-apercu figure::before,
.archives:not(.visible) .archive-apercu figure::after,
.archives:not(.visible) .archive-entree::after,
.archives:not(.visible) .archive-entree-corps::before,
.archives:not(.visible) .archive-miniature::before,
.archives:not(.visible) .archive-miniature::after,
.archives:not(.visible) .archive-miniature-symbole,
.archives:not(.visible) .archive-miniature-symbole::before,
.archives:not(.visible) .archive-miniature-symbole::after,
.archives:not(.visible) .archive-miniature i,
.archives:not(.visible) .archives-progression-timeline li.est-active > i::before,
.archives:not(.visible) .archive-entree[aria-pressed="true"]::before { animation-play-state: paused; }

@media (max-width: 780px) {
    .archive-fiche { --archive-energy: .58; --archive-energy-rest: .5; --archive-particle-opacity: .07; --archive-image-glow: .065; }
    .archive-fiche[data-archive-level="premium"],
    .archive-fiche[data-archive-level="signature-ai"] { --archive-energy: .68; --archive-energy-rest: .58; --archive-particle-opacity: .08; }
    .archive-module { box-shadow: 0 14px 28px rgba(0,0,0,.13); }
}
@media (max-width: 520px) {
    .archive-fiche { --archive-energy: .42; --archive-energy-rest: .36; --archive-particle-opacity: 0; --archive-image-glow: .04; }
    .archive-fiche[data-archive-level="premium"] { --archive-energy: .44; --archive-energy-rest: .4; --archive-particle-opacity: 0; --archive-card-particles: 0; --archive-image-glow: .045; --archive-image-hover-glow: .06; --archive-breath-scale: 1; }
    .archive-fiche[data-archive-level="premium"] .archive-sommaire { margin-bottom: 28px; }
    .archive-fiche[data-archive-level="premium"] .archive-modules { gap: 12px; }
    .archive-fiche[data-archive-level="premium"] .archive-module { padding: 18px; }
    .archive-fiche[data-archive-level="premium"] .archive-module-contenu.est-rempli { padding: 20px; }
    .archive-apercu,
    .archive-apercu:hover { box-shadow: 0 15px 30px rgba(0,0,0,.16),0 0 24px rgba(var(--archive-accent-rgb),var(--archive-image-glow)); }
    .archive-apercu:hover img { transform: scale(1.025); }
    .archive-kpi-courbe path { filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    .archive-apercu-cta,
    .archive-contenu-visible .archive-module { animation: none !important; }
    .archive-module:hover,
    .archive-apercu:hover img { transform: none !important; }
    .archive-fiche::before,
    .archive-fiche::after,
    .archive-module::after,
    .archive-apercu figure::before,
    .archive-apercu figure::after,
    .archive-entree-corps::before,
    .archive-entree[aria-pressed="true"]::before { animation: none !important; }
}

/* =========================================
   ARCHIVES — PANNEAU DROIT / PRODUCT STAGE
   Couche strictement limitée à .archive-fiche
========================================= */
.archive-fiche {
    --archive-image-x: 0px;
    --archive-image-y: 0px;
    --archive-light-x: 72%;
    --archive-light-y: 24%;
    --archive-hero-surface: .085;
    --archive-hero-border: .34;
    --archive-hero-glow: .12;
    --archive-module-sheen: .05;
    --archive-status-bg: .06;
    --archive-stage-radius: 18px;
    color: #eeeaf2;
    transition: opacity .24s ease, transform .24s ease, filter .45s ease;
}
.archive-fiche[data-archive-level="essentiel"] {
    --archive-hero-surface: .06;
    --archive-hero-border: .26;
    --archive-hero-glow: .085;
    --archive-module-sheen: .032;
    --archive-status-bg: .045;
}
.archive-fiche[data-archive-level="business"] {
    --archive-hero-surface: .095;
    --archive-hero-border: .38;
    --archive-hero-glow: .15;
    --archive-module-sheen: .06;
    --archive-status-bg: .07;
}
.archive-fiche[data-archive-level="premium"] {
    --archive-hero-surface: .105;
    --archive-hero-border: .42;
    --archive-hero-glow: .17;
    --archive-module-sheen: .07;
    --archive-status-bg: .08;
}
.archive-fiche[data-archive-level="signature-ai"] {
    --archive-hero-surface: .115;
    --archive-hero-border: .46;
    --archive-hero-glow: .19;
    --archive-module-sheen: .075;
    --archive-status-bg: .085;
}
.archive-fiche > * { position: relative; z-index: 1; }

/* En-tête et identité du dossier. */
.archive-fiche-entete {
    position: relative;
    align-items: center;
    padding-bottom: 20px;
}
.archive-fiche-entete::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: min(34%, 230px);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--archive-accent), transparent);
    box-shadow: 0 0 12px rgba(var(--archive-accent-rgb),.22);
}
.archive-fiche-entete > div > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--archive-accent);
    text-shadow: 0 0 18px rgba(var(--archive-accent-rgb),.15);
}
.archive-fiche-entete > div > span::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 9px currentColor;
}
.archive-fiche-entete > div > strong { color: #f6f2f8; font-size: .92rem; }
.archive-fiche-entete p { color: #918a99; }
.archive-fiche-marque > span:first-child { color: #958e9e; }
.archive-fiche-statut {
    min-height: 28px;
    padding: 6px 10px;
    border: 1px solid rgba(var(--archive-accent-rgb),.19);
    border-radius: 999px;
    color: #c7c0ce;
    background: rgba(var(--archive-accent-rgb),var(--archive-status-bg));
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.12);
}
.archive-identite {
    align-items: center;
    padding: clamp(25px,3.4vw,42px) 0 clamp(24px,3vw,36px);
}
.archive-identite span { color: #a39ba9; font-weight: 760; }
.archive-identite h3 {
    margin-top: 9px;
    color: #fbf9fc;
    font-size: clamp(2rem,3.45vw,3.25rem);
    text-wrap: balance;
}
.archive-identite > strong {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-color: rgba(var(--archive-accent-rgb),.42);
    color: var(--archive-accent);
    background: linear-gradient(145deg,rgba(var(--archive-accent-rgb),.11),rgba(var(--archive-accent-rgb),.035));
    box-shadow: 0 0 28px rgba(var(--archive-accent-rgb),.1), inset 0 1px rgba(255,255,255,.055);
}

/* Hero : présentation produit, profondeur et lumière pilotée par le niveau. */
.archive-apercu {
    min-height: clamp(292px,30vw,348px);
    grid-template-columns: minmax(0,.93fr) minmax(310px,1.07fr);
    isolation: isolate;
    overflow: hidden;
    border-color: rgba(var(--archive-accent-rgb),var(--archive-hero-border));
    border-radius: var(--archive-stage-radius);
    background:
        radial-gradient(circle at var(--archive-light-x) var(--archive-light-y),rgba(var(--archive-accent-rgb),.16),transparent 32%),
        linear-gradient(138deg,rgba(var(--archive-accent-rgb),var(--archive-hero-surface)),rgba(9,7,14,.97) 48%,rgba(var(--archive-accent-rgb),.025));
    box-shadow:
        0 28px 68px rgba(0,0,0,.3),
        0 0 50px rgba(var(--archive-accent-rgb),var(--archive-hero-glow)),
        inset 0 1px rgba(255,255,255,.07),
        inset 0 0 0 1px rgba(var(--archive-accent-rgb),.035);
    transition: border-color .55s ease, background .55s ease, box-shadow .55s ease;
}
.archive-apercu::before {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(108deg,rgba(255,255,255,.09),transparent 15%,transparent 72%,rgba(var(--archive-accent-rgb),.045)),
        linear-gradient(90deg,transparent 0 47%,rgba(var(--archive-accent-rgb),.16) 50%,transparent 53%);
    opacity: .46;
    mask-image: linear-gradient(#000,transparent 62%);
}
.archive-apercu::after {
    content: "";
    position: absolute;
    z-index: 4;
    left: clamp(22px,3vw,36px);
    bottom: 0;
    width: 72px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg,var(--archive-accent),transparent);
    box-shadow: 0 0 14px rgba(var(--archive-accent-rgb),.58);
}
.archive-apercu-contenu {
    z-index: 4;
    align-content: center;
    padding: clamp(27px,3.2vw,42px);
    background: linear-gradient(90deg,rgba(8,6,12,.48),rgba(8,6,12,.06));
    backdrop-filter: blur(3px);
}
.archive-apercu-contenu > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--archive-accent);
    text-shadow: 0 0 15px rgba(var(--archive-accent-rgb),.2);
}
.archive-apercu-contenu > span::before {
    content: "";
    width: 17px;
    height: 1px;
    background: currentColor;
    box-shadow: 0 0 7px currentColor;
}
.archive-apercu-contenu > strong {
    max-width: 470px;
    margin-top: 13px;
    color: #fff;
    font-size: clamp(1.2rem,2.15vw,1.7rem);
    line-height: 1.2;
    text-wrap: balance;
}
.archive-apercu-contenu > p { color: #b8b1be; font-size: .72rem; line-height: 1.72; }
.archive-apercu figure {
    min-height: inherit;
    margin: 12px 12px 12px 0;
    overflow: hidden;
    border: 1px solid rgba(var(--archive-accent-rgb),.18);
    border-radius: 12px;
    background: #08060b;
    box-shadow:
        0 20px 38px rgba(0,0,0,.34),
        0 0 28px rgba(var(--archive-accent-rgb),.08),
        inset 0 1px rgba(255,255,255,.055);
}
.archive-apercu figure::before {
    z-index: 2;
    background:
        linear-gradient(100deg,rgba(9,7,13,.67),transparent 27%),
        radial-gradient(circle at var(--archive-light-x) var(--archive-light-y),rgba(var(--archive-accent-rgb),.18),transparent 38%),
        linear-gradient(0deg,rgba(6,4,9,.42),transparent 52%);
}
.archive-apercu figure::after {
    z-index: 3;
    opacity: .15;
    background:
        linear-gradient(118deg,transparent 20%,rgba(255,255,255,.09) 39%,transparent 56%),
        radial-gradient(circle,rgba(var(--archive-accent-rgb),.65) 0 .75px,transparent 1px);
    background-size: auto, 46px 46px;
}
.archive-apercu img {
    opacity: .94;
    filter: var(--archive-image-filter) contrast(1.075) brightness(.96);
    transform: translate3d(var(--archive-image-x),var(--archive-image-y),0) scale(1.035);
    transition: transform 1.05s cubic-bezier(.2,.7,.2,1), filter .55s ease, opacity .55s ease;
    will-change: transform;
}
.archive-apercu:hover img {
    opacity: 1;
    filter: var(--archive-image-filter) contrast(1.09) brightness(1.015);
    transform: translate3d(var(--archive-image-x),var(--archive-image-y),0) scale(1.055);
}

/* CTA de découverte : tactile, lisible et distinct du CTA de conversion final. */
.archive-apercu-cta {
    position: relative;
    min-height: 52px;
    overflow: hidden;
    padding: 11px 16px;
    border-color: rgba(var(--archive-accent-rgb),.76);
    border-radius: 10px;
    color: #08060a;
    background: linear-gradient(135deg,#fff 0,var(--archive-accent) 13%,var(--archive-accent) 74%,rgba(var(--archive-accent-rgb),.78));
    box-shadow:
        0 14px 34px rgba(var(--archive-accent-rgb),.22),
        inset 0 1px rgba(255,255,255,.52),
        inset 0 -1px rgba(0,0,0,.18);
}
.archive-apercu-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .34;
    background: linear-gradient(115deg,transparent 15%,rgba(255,255,255,.72) 33%,transparent 49%);
    transform: translateX(-120%);
    transition: transform .72s cubic-bezier(.2,.7,.2,1);
}
.archive-apercu-cta > * { position: relative; z-index: 1; }
.archive-apercu-cta:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 19px 42px rgba(var(--archive-accent-rgb),.3),inset 0 1px rgba(255,255,255,.58),inset 0 -1px rgba(0,0,0,.18);
}
.archive-apercu-cta:hover::before { transform: translateX(125%); }
.archive-apercu-cta:focus-visible { outline: 2px solid #fff; outline-offset: 4px; box-shadow: 0 0 0 5px rgba(var(--archive-accent-rgb),.2),0 18px 38px rgba(var(--archive-accent-rgb),.25); }
.archive-apercu-cta:active { transform: translateY(0) scale(.985); }

/* Comparaison Refonte : option strictement activée par les données de cette catégorie. */
.archive-apercu-actions { width: min(100%,326px); display: grid; gap: 9px; margin-top: 22px; }
.archive-apercu-actions .archive-apercu-cta { width: 100%; margin-top: 0; }
.archive-apercu-ancien {
    min-height: 52px;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 3px 12px;
    padding: 11px 16px;
    border: 1px solid rgba(255,255,255,.27);
    border-radius: 10px;
    color: #e9e3ec;
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 1px rgba(255,255,255,.035);
    text-decoration: none;
    transition: transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.archive-apercu-ancien > span { font-size: .7rem; font-weight: 800; }
.archive-apercu-ancien > i { grid-column: 2; grid-row: 1 / 3; color: var(--archive-accent); font-style: normal; }
.archive-apercu-ancien > small { color: #aaa3af; font-size: .5rem; }
.archive-apercu-ancien:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.065); box-shadow: 0 12px 27px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.045); }
.archive-apercu-ancien:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Sommaire sticky : 8 repères, icônes et progression lumineuse. */
.archive-sommaire {
    position: sticky;
    z-index: 8;
    top: 74px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 7px;
    margin: 0 -8px 30px;
    padding: 8px;
    border: 1px solid rgba(var(--archive-accent-rgb),.12);
    border-radius: 13px;
    background: rgba(7,5,11,.84);
    box-shadow: 0 14px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter: blur(16px) saturate(1.15);
}
.archive-sommaire a {
    position: relative;
    min-height: 53px;
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    grid-template-areas: "icon number" "icon label";
    align-items: center;
    column-gap: 8px;
    padding: 8px 9px;
    overflow: hidden;
    border-color: rgba(var(--archive-accent-rgb),.105);
    background: linear-gradient(145deg,rgba(255,255,255,.018),rgba(var(--archive-accent-rgb),.015));
}
.archive-rubrique-icone {
    grid-area: icon;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--archive-accent-rgb),.15);
    border-radius: 8px;
    color: #847b8c;
    background: rgba(var(--archive-accent-rgb),.025);
    transition: color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.archive-rubrique-icone svg,
.archive-section-icone svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.archive-sommaire b { grid-area: number; align-self: end; color: #746d7c; font-size: .49rem; letter-spacing: .1em; }
.archive-sommaire span { grid-area: label; align-self: start; margin: 1px 0 0; color: #99919f; font-size: .57rem; }
.archive-sommaire a::after {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 0;
    height: 1px;
    opacity: 0;
    background: linear-gradient(90deg,transparent,var(--archive-accent),transparent);
    transform: scaleX(.25);
    transition: opacity .3s ease,transform .35s ease;
}
.archive-sommaire a:hover { background: rgba(var(--archive-accent-rgb),.045); }
.archive-sommaire a:hover .archive-rubrique-icone { color: #d7cfdb; border-color: rgba(var(--archive-accent-rgb),.28); }
.archive-sommaire a[aria-current="true"] {
    border-color: rgba(var(--archive-accent-rgb),.48);
    background: linear-gradient(145deg,rgba(var(--archive-accent-rgb),.115),rgba(var(--archive-accent-rgb),.035));
    box-shadow: 0 0 20px rgba(var(--archive-accent-rgb),.075),inset 0 1px rgba(255,255,255,.035);
}
.archive-sommaire a[aria-current="true"]::after { opacity: 1; transform: scaleX(1); }
.archive-sommaire a[aria-current="true"] .archive-rubrique-icone {
    color: var(--archive-accent);
    border-color: rgba(var(--archive-accent-rgb),.48);
    background: rgba(var(--archive-accent-rgb),.1);
    box-shadow: 0 0 13px rgba(var(--archive-accent-rgb),.12);
}
.archive-sommaire a[aria-current="true"] b,
.archive-sommaire a[aria-current="true"] span { color: var(--archive-accent); }
.archive-sommaire a:focus-visible { outline: 2px solid var(--archive-accent); outline-offset: 2px; }

/* Rubriques : même système, mises en scène distinctes. */
.archive-modules { gap: 15px; }
.archive-module {
    scroll-margin-top: 220px;
    border-color: rgba(var(--archive-accent-rgb),.16);
    background:
        radial-gradient(circle at 92% 5%,rgba(var(--archive-accent-rgb),var(--archive-module-sheen)),transparent 34%),
        linear-gradient(145deg,rgba(var(--archive-accent-rgb),.025),rgba(255,255,255,.012) 55%,rgba(0,0,0,.035));
    box-shadow: 0 20px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.028);
}
.archive-module h4 { scroll-margin-top: 220px; }
.archive-module::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 20px;
    top: 0;
    width: 54px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,var(--archive-accent),transparent);
    box-shadow: 0 0 10px rgba(var(--archive-accent-rgb),.3);
}
.archive-module header { align-items: center; gap: 11px; }
.archive-module-index { align-self: flex-start; padding-top: 7px; color: var(--archive-accent); font-variant-numeric: tabular-nums; }
.archive-section-icone {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--archive-accent-rgb),.2);
    border-radius: 10px;
    color: var(--archive-accent);
    background: rgba(var(--archive-accent-rgb),.055);
    box-shadow: inset 0 1px rgba(255,255,255,.035),0 0 15px rgba(var(--archive-accent-rgb),.045);
}
.archive-module h4 { color: #f5f1f7; font-size: .96rem; }
.archive-module header p { color: #928b99; }
.archive-module-contenu.est-rempli {
    overflow: hidden;
    border-color: rgba(var(--archive-accent-rgb),.2);
    background:
        radial-gradient(circle at 100% 0,rgba(var(--archive-accent-rgb),.065),transparent 32%),
        linear-gradient(145deg,rgba(var(--archive-accent-rgb),.038),rgba(255,255,255,.012) 58%,transparent);
    box-shadow: inset 0 1px rgba(255,255,255,.022);
}
.archive-module-diagnostic .archive-module-contenu.est-rempli {
    background:
        linear-gradient(90deg,transparent,rgba(var(--archive-accent-rgb),.035),transparent),
        repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 34px),
        rgba(var(--archive-accent-rgb),.018);
}
.archive-module-diagnostic .archive-audit-liste li { background: linear-gradient(90deg,rgba(248,113,113,.025),rgba(255,255,255,.012)); }
.archive-module-avant .archive-module-contenu.est-rempli { border-left-color: rgba(248,113,113,.38); background: linear-gradient(108deg,rgba(248,113,113,.025),rgba(255,255,255,.01) 36%,transparent); }
.archive-module-transformation .archive-module-contenu.est-rempli {
    background-image:
        radial-gradient(circle,rgba(var(--archive-accent-rgb),.2) 0 .7px,transparent 1px),
        linear-gradient(145deg,rgba(var(--archive-accent-rgb),.055),rgba(255,255,255,.01) 58%,transparent);
    background-size: 26px 26px,auto;
}
.archive-module-apres .archive-module-contenu.est-rempli { background: radial-gradient(circle at 50% 0,rgba(var(--archive-accent-rgb),.11),transparent 54%),linear-gradient(145deg,rgba(var(--archive-accent-rgb),.035),rgba(255,255,255,.012)); }
.archive-module-resultats { background: radial-gradient(ellipse at 50% 100%,rgba(var(--archive-accent-rgb),.07),transparent 58%),rgba(255,255,255,.009); }
.archive-module-technologies .archive-module-contenu.est-rempli { background: repeating-linear-gradient(135deg,rgba(var(--archive-accent-rgb),.026) 0 1px,transparent 1px 13px),rgba(255,255,255,.008); }
.archive-module-ecosysteme .archive-module-contenu.est-rempli { background: radial-gradient(circle at 50% 50%,rgba(var(--archive-accent-rgb),.075),transparent 55%),rgba(255,255,255,.007); }
.archive-module-cta .archive-module-contenu.est-rempli { border-color: rgba(var(--archive-accent-rgb),.3); background: linear-gradient(115deg,rgba(var(--archive-accent-rgb),.09),rgba(255,255,255,.012) 62%,rgba(var(--archive-accent-rgb),.035)); }

/* KPI : cartes égales, valeurs stables sur une ligne et courbes one-shot. */
.archive-fiche .archive-resultats-grille,
.archive-fiche[data-archive-level="business"] .archive-resultats-grille,
.archive-fiche[data-archive-level="premium"] .archive-resultats-grille {
    width: 100%;
    grid-template-columns: repeat(auto-fit,minmax(112px,1fr));
    gap: 8px;
}
.archive-resultats-grille > div {
    min-height: 126px;
    padding: 15px;
    border: 1px solid rgba(var(--archive-accent-rgb),.14);
    border-radius: 10px;
    background: linear-gradient(180deg,rgba(var(--archive-accent-rgb),.045),rgba(255,255,255,.008));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.archive-resultats-grille > div:last-child { border-right: 1px solid rgba(var(--archive-accent-rgb),.14); }
.archive-resultats-grille strong {
    width: 100%;
    min-width: 0;
    overflow: visible;
    font-size: clamp(1.3rem,2.15vw,2rem);
    line-height: 1;
    white-space: nowrap;
}
.archive-resultat { grid-template-rows: 2rem 32px minmax(2rem,auto); }
.archive-kpi-courbe { margin-top: 7px; }

.archive-technologies-liste span { box-shadow: inset 0 1px rgba(255,255,255,.025); }
.archive-ecosysteme-flux { position: relative; }
.archive-ecosysteme-flux span { position: relative; z-index: 1; box-shadow: 0 8px 22px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.025); }
.archive-ecosysteme-flux i { position: relative; text-shadow: 0 0 8px rgba(var(--archive-accent-rgb),.52); }
.archive-ecosysteme-flux i::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--archive-accent);
    box-shadow: 0 0 7px var(--archive-accent);
    animation: archivesFluxData 3.8s ease-in-out infinite;
}
.archive-cta-principal {
    box-shadow: 0 14px 32px rgba(var(--archive-accent-rgb),.21),inset 0 1px rgba(255,255,255,.42);
    transition: transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.archive-cta-principal:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 18px 38px rgba(var(--archive-accent-rgb),.29),inset 0 1px rgba(255,255,255,.48); }
.archive-cta-actions a:focus-visible,
.archive-demo-lien:focus-visible { outline: 2px solid var(--archive-accent); outline-offset: 3px; }

/* Révélation par section : un passage unique, déclenché au viewport. */
.archive-contenu-visible .archive-module { animation: none; }
.archive-contenu-visible .archive-module:not(.est-visible) { opacity: 0; transform: translateY(12px); }
.archive-contenu-visible .archive-module.est-visible { opacity: 1; transform: translateY(0); transition: opacity .62s ease,transform .62s cubic-bezier(.2,.72,.2,1),border-color .35s ease,box-shadow .35s ease; }
.archive-contenu-visible .archive-module.est-visible .archive-section-icone { animation: archivesSectionSignal .62s cubic-bezier(.2,.72,.2,1) both; }

@keyframes archivesFluxData {
    0%,100% { opacity: .2; transform: translateX(-4px) scale(.75); }
    48% { opacity: .9; transform: translateX(4px) scale(1); }
}
@keyframes archivesSectionSignal {
    from { opacity: .35; transform: scale(.88); }
    to { opacity: 1; transform: scale(1); }
}

/* Mise en veille hors viewport. */
.archive-fiche.est-en-veille::before,
.archive-fiche.est-en-veille::after,
.archive-fiche.est-en-veille .archive-apercu-cta,
.archive-fiche.est-en-veille .archive-apercu figure::before,
.archive-fiche.est-en-veille .archive-apercu figure::after,
.archive-fiche.est-en-veille .archive-module::after,
.archive-fiche.est-en-veille .archive-ecosysteme-flux i::after { animation-play-state: paused; }

@media (max-width: 1050px) {
    .archive-fiche { padding: clamp(22px,3vw,34px); }
    .archive-apercu { grid-template-columns: minmax(0,.92fr) minmax(270px,1.08fr); }
    .archive-apercu-contenu { padding: 27px; }
    .archive-sommaire { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .archive-sommaire a { grid-template-columns: 24px minmax(0,1fr); column-gap: 6px; padding-inline: 7px; }
    .archive-rubrique-icone { width: 24px; height: 24px; }
    .archive-sommaire span { font-size: .52rem; }
}

@media (max-width: 780px) {
    .archive-fiche { --archive-hero-glow: .07; }
    .archive-diagnostic-refonte { grid-template-columns: 1fr; }
    .archive-apercu { min-height: 0; grid-template-columns: 1fr; }
    .archive-apercu-contenu { min-height: 270px; }
    .archive-apercu figure { min-height: 260px; margin: 0 12px 12px; }
    .archive-apercu figure::before { background: linear-gradient(0deg,rgba(7,5,11,.48),transparent 60%),radial-gradient(circle at 70% 25%,rgba(var(--archive-accent-rgb),.13),transparent 42%); }
    .archive-apercu img,
    .archive-apercu:hover img { transform: scale(1.035); }
    .archive-sommaire {
        top: 64px;
        grid-template-columns: repeat(8,minmax(104px,1fr));
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }
    .archive-sommaire::-webkit-scrollbar { display: none; }
    .archive-sommaire a { scroll-snap-align: start; }
    .archive-module,
    .archive-module h4 { scroll-margin-top: 150px; }
    .archive-module { box-shadow: 0 15px 30px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025); }
}

@media (max-width: 520px) {
    .archive-fiche { padding: 20px 16px; }
    .archive-fiche-entete { align-items: start; gap: 16px; }
    .archive-fiche-marque { gap: 7px; }
    .archive-fiche-statut { width: fit-content; }
    .archive-identite { grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 14px; }
    .archive-identite h3 { font-size: clamp(1.75rem,9vw,2.25rem); }
    .archive-identite > strong { padding: 7px 10px; font-size: .62rem; }
    .archive-apercu { border-radius: 15px; }
    .archive-apercu-contenu { min-height: 0; padding: 25px 21px 24px; }
    .archive-apercu-contenu > strong { font-size: 1.26rem; }
    .archive-apercu figure { min-height: 205px; }
    .archive-apercu-cta { width: 100%; }
    .archive-apercu-actions { width: 100%; }
    .archive-sommaire { margin-inline: -2px; }
    .archive-module { padding: 16px; }
    .archive-section-icone { width: 31px; height: 31px; flex-basis: 31px; }
    .archive-module-contenu.est-rempli { padding: 17px; }
    .archive-fiche .archive-resultats-grille,
    .archive-fiche[data-archive-level="business"] .archive-resultats-grille,
    .archive-fiche[data-archive-level="premium"] .archive-resultats-grille { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .archive-resultats-grille > div { min-height: 116px; padding: 13px; }
    .archive-resultats-grille strong { font-size: clamp(1.25rem,7vw,1.7rem); }
    .archive-cta-contenu { gap: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .archive-contenu-visible .archive-module,
    .archive-contenu-visible .archive-module:not(.est-visible),
    .archive-contenu-visible .archive-module.est-visible { opacity: 1; transform: none; transition: none; }
    .archive-contenu-visible .archive-module.est-visible .archive-section-icone,
    .archive-ecosysteme-flux i::after,
    .archive-apercu-cta::before { animation: none !important; transition: none !important; }
    .archive-apercu img,
    .archive-apercu:hover img { transform: scale(1.035) !important; transition: none !important; }
}