/* ConnectAI – opening video (added) */
.intro-video{background:#0c2a44;padding:clamp(14px,2.4vw,28px) clamp(14px,4vw,56px)}
.intro-frame{position:relative;width:min(1180px,calc((100vh - 190px) * 1.7778));max-width:100%;margin:0 auto;border-radius:18px;overflow:hidden;background:#06172a;box-shadow:0 18px 50px -18px rgba(0,0,0,.6);aspect-ratio:16/9}
.intro-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#06172a}
.intro-controls{width:min(1180px,calc((100vh - 190px) * 1.7778));max-width:100%;margin:12px auto 0;display:flex;justify-content:space-between;gap:8px}
.intro-controls .ic-group{display:flex;gap:8px}
.intro-btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:#fff;background:rgba(255,255,255,.14);border-radius:999px;padding:9px 14px;line-height:1}
.intro-btn:hover{background:rgba(255,255,255,.26)}
.intro-btn svg{width:18px;height:18px;flex:none}
.intro-replay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(6,23,42,.45)}
.intro-frame.is-ended .intro-replay{display:flex}
.intro-replay .intro-btn{font-size:17px;padding:14px 22px;background:#1aaab1}
.intro-replay .intro-btn:hover{background:#16939a}
@media (max-width:600px){.intro-frame{border-radius:12px;width:100%}.intro-controls{width:100%}}