#mp-page .a98-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#mp-page .a98-demo-grid figure{min-width:0;margin:0;background:#10151e;border:1px solid #ffffff12;border-radius:20px;overflow:hidden}
#mp-page .a98-frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:#0b1017}
#mp-page .a98-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
#mp-page .a98-demo-grid figcaption{padding:20px}
#mp-page .a98-demo-grid h3{font:500 19px/1.25 Inter,system-ui,sans-serif;margin:0 0 9px;color:#f3f5fa}
#mp-page .a98-demo-grid p{font:400 13px/1.6 Inter,system-ui,sans-serif;color:#a6afbf;margin:0}
@media(max-width:700px){#mp-page .a98-demo-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#baff4a #141923;padding-bottom:14px}#mp-page .a98-demo-grid figure{flex:0 0 88%;scroll-snap-align:center}#mp-page .a98-demo-grid figcaption{padding:16px}}