/* Lecteur de la présentation 60 s (16:9) — funnel /freelances. Chargé au clic, jamais en lecture automatique. */
.vsl{max-width:960px;margin:clamp(22px,3vw,34px) auto clamp(18px,2.5vw,28px);padding:0}
.vsl-box{position:relative;aspect-ratio:16/9;border-radius:clamp(14px,2vw,22px);overflow:hidden;background:#FBFCFB;border:1px solid #E2EAE5;box-shadow:0 1px 2px rgba(16,21,19,.05),0 24px 56px -24px rgba(16,21,19,.28)}
.vsl-box img,.vsl-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vsl-box video{background:#FBFCFB}
.vsl-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;padding:0;background:rgba(16,21,19,.05);color:#fff;font:800 clamp(14px,1.9vw,18px)/1.2 'Manrope','Manrope Fallback',system-ui,sans-serif;cursor:pointer;transition:background .2s}
.vsl-play:hover{background:rgba(16,21,19,.1)}
.vsl-play svg{width:clamp(58px,8vw,84px);height:clamp(58px,8vw,84px);padding:clamp(17px,2.4vw,25px);border-radius:50%;background:#07734A;color:#fff;box-shadow:0 0 0 10px rgba(7,115,74,.18),0 14px 30px -12px rgba(7,115,74,.7)}
.vsl-play span{background:rgba(16,21,19,.84);padding:8px 16px;border-radius:999px}
.vsl-play:focus-visible{outline:3px solid #0FB872;outline-offset:-6px}