/* COSMOLOGIX – Aperçus de synthèse des exemples de livrables (2026-11-06) */
.document-image.doc-preview{aspect-ratio:auto;height:272px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px 22px 16px;color:#e8eef5;background:radial-gradient(120% 95% at 88% -12%,#1f4166 0%,#0f1d2f 52%,#0a141f 100%)}
.doc-preview:before{content:'';position:absolute;right:-70px;top:-70px;width:230px;height:230px;border:1px solid rgba(159,210,251,.13);border-radius:50%;pointer-events:none}
.doc-preview:after{content:'';position:absolute;right:-25px;top:-25px;width:140px;height:140px;border:1px solid rgba(159,210,251,.09);border-radius:50%;pointer-events:none}
.dp-tag{position:relative;z-index:1;align-self:flex-start;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#9fd2fb;border:1px solid rgba(159,210,251,.35);border-radius:99px;padding:3px 9px}
.dp-kpi{position:relative;z-index:1;margin-top:14px}
.dp-kpi strong{display:block;font-size:1.95rem;line-height:1.05;font-weight:600;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums}
.dp-kpi span{display:block;margin-top:5px;font-size:.72rem;line-height:1.35;color:#a9bccd;max-width:32ch}
.dp-chart{margin-top:auto;padding-top:14px}
.dp-row{display:grid;grid-template-columns:5.7rem 1fr 2.9rem;align-items:center;gap:9px;font-size:.66rem;color:#c3d0dc;margin-top:8px}
.dp-row:first-child{margin-top:0}
.dp-row b{font-weight:600;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.dp-track{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.dp-track i{display:block;height:100%;width:var(--w);border-radius:4px;background:var(--c)}
.dp-svg{display:block;width:100%;height:auto;overflow:visible}
.dp-svg text{font-size:7px;fill:#7f93a6;font-family:inherit}
.dp-foot{position:relative;z-index:1;margin:10px 0 0;font-size:.58rem;letter-spacing:.03em;color:#7f93a6}
.dp-pre .dp-track i{transition:width 1.2s cubic-bezier(.2,.7,.2,1) .35s}
.dp-pre .dp-row:nth-child(2) .dp-track i{transition-delay:.5s}
.dp-pre .dp-row:nth-child(3) .dp-track i{transition-delay:.65s}
.dp-pre:not(.is-in) .dp-track i{width:0}
.dp-pre .dp-line{stroke-dasharray:1;transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1) .3s}
.dp-pre:not(.is-in) .dp-line{stroke-dashoffset:1}
.dp-pre .dp-area{transition:opacity .7s ease 1.3s}
.dp-pre .dp-dot,.dp-pre .dp-callout{transition:opacity .45s ease 1.7s}
.dp-pre:not(.is-in) .dp-area,.dp-pre:not(.is-in) .dp-dot,.dp-pre:not(.is-in) .dp-callout{opacity:0}
@media (max-width:650px){.document-image.doc-preview{height:auto;min-height:250px}.dp-kpi strong{font-size:1.75rem}}
@media (prefers-reduced-motion:reduce){.dp-pre .dp-track i,.dp-pre .dp-line,.dp-pre .dp-area,.dp-pre .dp-dot,.dp-pre .dp-callout{transition:none}}