.video-section .section-heading{margin-bottom:32px}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#111;border:1px solid #2a2a2a;box-shadow:0 30px 80px #00000030}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.video-frame .video-play{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0;border:0;border-radius:0;background:#00000040;color:#fff;cursor:pointer}
.video-frame .video-play:hover{filter:none;background:#00000026}
.video-frame .video-play:focus-visible{outline:3px solid #ff5e00;outline-offset:-6px}
.video-play-circle{width:96px;height:96px;border-radius:50%;background:#ff5e00;color:#111;display:grid;place-items:center;box-shadow:0 12px 32px #ff5e0050;transition:transform .2s}
.video-play-circle .ui-icon{width:40px;height:40px;margin-left:5px}
.video-frame .video-play:hover .video-play-circle{transform:scale(1.06)}
.video-play small{font-size:var(--text-small);font-weight:500;letter-spacing:.3px;background:#000000a0;padding:6px 12px;border-radius:999px}
.video-frame.playing .video-play{display:none}
.video-points{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:22px;font-size:var(--text-small);color:#5d554d}
.video-points span{display:inline-flex;align-items:center;gap:8px}
.video-points .ui-icon{color:#40b19b}
.video-link .ui-icon{color:#ff5e00}
.framework-ribbon>.ribbon-more{color:#c44400;border:1px dashed #ff5e00;border-radius:12px;padding:8px 14px}
.footer-company{opacity:.75;margin-top:6px}
[data-theme=dark] .video-points{color:#b9b9b9}
[data-theme=dark] .framework-ribbon>.ribbon-more{color:#ff8a4a}
@media(max-width:700px){.video-frame{border-radius:16px}.video-play-circle{width:68px;height:68px}.video-play-circle .ui-icon{width:30px;height:30px}.video-play small{font-size:var(--text-caption)}}
@media(prefers-reduced-motion:reduce){.video-play-circle{transition:none}}