.demo-page{max-width:1180px}.demo-page>.eyebrow{margin-top:30px}.demo-page>h1{max-width:900px;line-height:1.15}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.demo-grid .card{min-width:0}.demo-grid h2{min-height:60px;line-height:1.3}.demo-grid video{aspect-ratio:9/16;background:#091b15;border-radius:12px;width:100%;display:block}.demo-grid details{margin-top:18px}.demo-grid summary{cursor:pointer;color:var(--green)}.demo-page a{color:var(--green)}.demo-action{padding:12px 0;font-weight:700;display:block}.demo-page :is(a,summary,video):focus-visible{outline-offset:4px;outline:3px solid #ffd276}@media (max-width:800px){.demo-grid{grid-template-columns:1fr}.demo-grid video{object-fit:contain;max-height:620px}.demo-grid h2{min-height:0}}