.demo{gap:32px}.demo-ttiles{gap:4px;padding-top:32px}.text-center{text-align:center}.demo-seo-text{color:var(--textInactive)}.demo-video-box{width:100%;padding:32px}.demo-player{flex-direction:column;align-items:start;gap:8px;display:flex}.demo-video-frame{aspect-ratio:16/9;background:var(--gray-700);border-radius:24px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.demo-video-frame iframe,.demo-video-frame video,.demo-video-frame mux-player{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-video-placeholder{color:var(--white)}.demo-top-text{background:var(--white);border-radius:32px;gap:24px;width:100%;margin-bottom:32px;padding:24px;line-height:1.6}.demo-top-text>div{width:100%}.demo-top-text ul,.demo-top-text ol{padding-left:24px}.demo-top-text li:has(>span+p){align-items:flex-start;gap:8px;display:flex}.demo-top-text li>span{flex:0 0 clamp(140px,25%,240px);font-weight:700}.demo-top-text li>span+p{margin:0}.demo-numbered-list{padding-left:24px;list-style:decimal}@media (max-width:768px){.demo{gap:24px}.demo-ttiles{text-align:center;padding-top:24px}.demo-video-frame{border-radius:20px}.demo-top-text{border-radius:24px;gap:20px;margin-bottom:24px;padding:20px}.demo-top-text li>span{flex-basis:clamp(120px,32%,180px)}}@media (max-width:520px){.demo-top-text{border-radius:20px;padding:16px}.demo-top-text li:has(>span+p){gap:6px}.demo-top-text li>span{flex-basis:38%}}