.demo-videos{max-width:1120px;margin:40px auto;padding:24px;box-sizing:border-box}.demo-videos h2{text-align:center;margin-bottom:24px}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.demo-tabs button{min-height:44px;padding:10px 18px;border:1px solid #2563eb;border-radius:24px;background:white;color:#163779;font:inherit;cursor:pointer}.demo-tabs [aria-selected=true]{background:#2563eb;color:white}.demo-tabs button:focus-visible,.demo-screen a:focus-visible{outline:3px solid #e89e00;outline-offset:3px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-grid h3{font-size:1.1rem;margin-bottom:12px}.demo-screen{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:14px;background:#0f172a}.demo-screen a{display:block;color:white}.demo-screen img,.demo-screen iframe{display:block;width:100%;height:100%;border:0}.demo-screen img{object-fit:cover}.demo-screen iframe{position:absolute;inset:0}.demo-play{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;min-height:44px;display:flex;align-items:center;padding:8px 18px;background:#11274e;border:1px solid white;border-radius:24px;font-weight:600}.demo-panels{max-width:960px;margin:auto}.demo-videos [hidden]{display:none!important}@media(max-width:600px){.demo-grid{grid-template-columns:1fr}.demo-videos{padding:16px;margin:24px auto}.demo-tabs button{flex:1 1 40%;padding:8px}.demo-play{bottom:8px}}