.video-hero{position:relative;width:100%;max-width:580px;align-self:center;min-width:0;margin-top:-5px}.video-stage{position:relative;aspect-ratio:1}.video-stage video{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain}

.video-hero{max-width:580px}.video-stage{position:relative;aspect-ratio:1}.video-stage video{width:100%;height:100%;object-fit:contain}.video-live-label{position:absolute;top:0;left:19%;font-size:9px;letter-spacing:1.1px;color:#567d97;display:flex;align-items:center;gap:9px}.video-live-label>span{font-size:23px;color:#16a8dc}.video-live-note{position:absolute;top:16%;left:0;display:flex;align-items:center;gap:12px;background:#fffffff7;border:1px solid #d8e8f2;border-radius:9px;padding:17px 18px;box-shadow:0 10px 30px #0d385b12;z-index:2}.video-live-note .cloud-icon{width:42px;height:42px;flex-shrink:0}.video-live-note b{display:block;font-size:14px;font-weight:600;line-height:1.5}.video-live-note div>span{display:block;font-size:11px;color:#587b91;line-height:1.5;margin-top:3px}.video-live-card{position:absolute;right:-4px;bottom:0;width:270px;padding:20px 23px;border:1px solid #d6e8f2;border-radius:12px;background:#fffffffa;box-shadow:0 18px 45px #09335824;z-index:3}.live-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#617f93}.live-card-top>span:nth-child(2){font-size:8px;letter-spacing:.8px;font-weight:500}.live-card-top>span:last-child{font-size:13px;letter-spacing:1px}.live-card-top .mini-mark{color:#0b2038;font-size:27px}.live-wave{height:90px;display:flex;align-items:center;justify-content:center;gap:4px;margin:6px 0 12px;overflow:hidden}.live-wave i{height:var(--height);width:4px;border-radius:4px;display:block;background:linear-gradient(#18bce9,#1769a3);animation:voice-pulse var(--duration) ease-in-out var(--delay) infinite alternate;transform-origin:center}.video-live-card>p{font-size:18px;line-height:1.5;letter-spacing:-.3px}.video-live-card>p>b{font-weight:600}.live-card-bottom{border-top:1px solid #dce8ef;display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:18px;font-size:10px;color:#66879b}.video-caption{margin-top:23px;font-size:8px;letter-spacing:1px}.hero-motion-paused .live-wave i{animation-play-state:paused}@keyframes voice-pulse{0%{transform:scaleY(.18);opacity:.6}35%{transform:scaleY(.52);opacity:.85}100%{transform:scaleY(1);opacity:1}}
@media(min-width:801px){.hero{grid-template-columns:1fr 1.07fr;gap:35px}.hero h1{font-size:clamp(64px,6.1vw,88px)}}
@media(min-width:561px) and (max-width:1000px){.video-live-note{padding:12px;gap:8px;top:13%}.video-live-note b{font-size:11px}.video-live-note div>span{font-size:9px}.video-live-note .cloud-icon{height:32px;width:32px}.video-live-card{width:230px;padding:17px 19px;right:-10px;bottom:-25px}.video-live-card>p{font-size:16px}.live-card-top>span:nth-child(2){font-size:7px}.live-wave{height:75px}.live-wave i{width:3px}.video-caption{margin-top:50px;font-size:6px}}
@media(max-width:560px){.video-hero{width:100%;margin:32px 0 0;max-width:430px}.video-stage{margin-bottom:40px}.video-live-label{font-size:7px;letter-spacing:.8px;left:15%;top:-15px}.video-live-note{top:10%;left:-4px;padding:12px;gap:9px}.video-live-note b{font-size:12px}.video-live-note div>span{font-size:9px}.video-live-note .cloud-icon{height:33px;width:33px}.video-live-card{width:235px;right:-4px;bottom:-35px;padding:15px 18px}.live-card-top>span:nth-child(2){font-size:7px}.live-wave{height:76px;gap:3px;margin:4px 0 8px}.live-wave i{width:3px}.video-live-card>p{font-size:16px}.live-card-bottom{font-size:9px;margin-top:11px;padding-top:10px}.video-caption{font-size:6px;margin-top:10px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.live-wave i{animation:none!important;transform:scaleY(.55)}}

.hero-motion-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px;color:#66869a;font-size:10px}.hero-motion-controls>span{font-size:9px;letter-spacing:.8px}.hero-motion-controls button{background:#f6fbfe;border:1px solid #dbe9f2;border-radius:5px;color:#41677f;min-height:36px;padding:8px 12px;font-size:10px;display:inline-flex;align-items:center;gap:10px}.hero-motion-controls button[hidden]{display:none}.hero-motion-controls button:hover{background:#e9f6fe}.hero-motion-controls button:focus-visible{outline:3px solid #12aee6;outline-offset:4px}@media(max-width:560px){.hero-motion-controls{margin-top:9px;gap:15px}.hero-motion-controls>span{font-size:8px}.hero-motion-controls button{font-size:9px;min-height:36px}}