.intro-replay{cursor:pointer;font:inherit}
.intro-len{opacity:.7;font-size:.9em}
.cfy-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,4vw,48px);background:rgba(4,8,20,.82);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}
.cfy-intro.is-open{opacity:1}
.cfy-intro__box{position:relative;width:min(1200px,100%,calc((100vh - 96px) * 16 / 9));aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#05070f center/cover no-repeat;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.cfy-intro__box video{display:block;width:100%;height:100%;object-fit:cover}
.cfy-intro__btn{position:absolute;display:inline-flex;align-items:center;gap:.5em;min-height:44px;min-width:44px;justify-content:center;padding:.55em .9em;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(5,8,18,.6);color:#fff;font:600 15px/1 inherit;cursor:pointer;backdrop-filter:blur(8px)}
.cfy-intro__btn:hover{background:rgba(5,8,18,.85)}
.cfy-intro__btn:focus-visible{outline:3px solid #7cc4ff;outline-offset:2px}
.cfy-intro__close{top:12px;right:12px;padding:0;width:44px;font-size:22px}
.cfy-intro__mute{left:12px;bottom:12px}
.cfy-intro__mute.is-prompt{left:50%;bottom:50%;transform:translate(-50%,50%);font-size:18px;padding:.8em 1.3em;background:rgba(255,255,255,.92);color:#05070f;border-color:#fff}
.cfy-intro__continue{right:12px;bottom:12px;background:#fff;color:#05070f;border-color:#fff}
.cfy-intro__continue[hidden],.cfy-intro__mute[hidden]{display:none}
html.cfy-intro-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.cfy-intro{transition:none}}