/* Animation autonome — tous les styles sont limités au composant. */
.finecos-strata{--ink:#163b40;--muted:#48646a;--background:#fbf5e9;max-width:1000px;margin:auto;color:var(--ink);background:var(--background);padding:20px;box-sizing:border-box}
.finecos-strata .audit-strata{display:block;width:100%;height:auto;overflow:visible}
.finecos-strata .strata-label{font:24px 'Newsreader',Georgia,serif;fill:var(--ink)}
.finecos-strata .strata-detail{font:12px 'IBM Plex Mono',monospace;fill:var(--muted)}
.finecos-strata .strata-thread{stroke:#a4552f;stroke-opacity:.3;stroke-dasharray:3 7;stroke-width:1;animation:fc-thread 8s linear infinite}
.finecos-strata .strata-flow{fill:#a4552f;animation:fc-flow 9s linear infinite}
.finecos-strata .strata-point{animation:fc-point 7s ease-in-out infinite}
.finecos-strata .strata-crossing{fill:none;stroke:#a4552f;stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center;animation-timing-function:linear;animation-iteration-count:infinite;pointer-events:none}
.finecos-strata .territory-cloud{animation:fc-cloud 28s ease-in-out infinite}
.finecos-strata .strata-pause{display:block;margin:12px auto 0;padding:10px 16px;border:1px solid #b9c2b4;border-radius:5px;background:transparent;color:var(--muted);font:13px system-ui,sans-serif;cursor:pointer}
.finecos-strata .strata-pause:focus-visible{outline:2px solid #a4552f;outline-offset:4px}
.finecos-strata.strata-paused *{animation-play-state:paused!important}
@keyframes fc-thread{to{stroke-dashoffset:-100}}
@keyframes fc-flow{0%{transform:translateY(0);opacity:0}8%{opacity:.8}92%{opacity:.8}100%{transform:translateY(-435px);opacity:0}}
@keyframes fc-point{50%{transform:translate(4px,-3px);opacity:.45}}
@keyframes fc-cloud{0%,100%{transform:translateX(-7px)}50%{transform:translateX(9px)}}
@media(prefers-reduced-motion:reduce){.finecos-strata:not(.motion-enabled) *{animation-play-state:paused!important}}
@keyframes strata-hit-0{0%{opacity:0;transform:scale(.12)}0.0000%{opacity:.65;transform:scale(.12)}1.2000%{opacity:.5;transform:scale(.5)}7.0000%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes strata-hit-1{0%{opacity:0;transform:scale(.12)}33.3233%{opacity:0;transform:scale(.12)}33.3333%{opacity:.65;transform:scale(.12)}34.5333%{opacity:.5;transform:scale(.5)}40.3333%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes strata-hit-2{0%{opacity:0;transform:scale(.12)}66.6567%{opacity:0;transform:scale(.12)}66.6667%{opacity:.65;transform:scale(.12)}67.8667%{opacity:.5;transform:scale(.5)}73.6667%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes strata-hit-3{0%{opacity:0;transform:scale(.12)}0.0000%{opacity:.65;transform:scale(.12)}1.2000%{opacity:.5;transform:scale(.5)}7.0000%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
/* Intégration finecos.fr : fond transparent, sans marge interne */
.finecos-strata{--background:transparent;padding:0;max-width:820px}
.finecos-strata .strata-pause{font-family:"Public Sans",system-ui,sans-serif}
.finecos-strata .strata-loop-label{fill:#a4552f;letter-spacing:.04em}
.finecos-strata .strata-loop-dot{offset-rotate:0deg;opacity:0;animation:fc-loop 7s linear infinite}
.finecos-strata .strata-loop-ripple{opacity:0;transform-box:fill-box;transform-origin:center;animation:fc-ripple 7s linear infinite}
@keyframes fc-loop{0%{offset-distance:0%;opacity:0}10%{opacity:.85}88%{opacity:.85}100%{offset-distance:100%;opacity:0}}
@keyframes fc-ripple{0%,95%{opacity:0;transform:scale(.2)}96%{opacity:.6;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}