.demo-intro{max-width:760px;color:var(--muted)}.demo-grid{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.demo-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#050a12}.demo-copy{padding:20px}.demo-copy h3{font-size:20px;line-height:1.35;min-height:54px;margin:8px 0 14px}.demo-meta{color:var(--accent);font-size:12px;letter-spacing:1px}.demo-copy details{font-size:13px;color:var(--muted)}.demo-copy summary{cursor:pointer;color:var(--accent);padding:8px 0}.demo-copy details p{line-height:1.7}.demo-grid video:focus-visible,.demo-copy summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.demo-jump{margin-top:24px}.demo-note{font-size:13px;color:var(--muted);max-width:780px}@media(max-width:900px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.demo-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto}.demo-copy h3{min-height:0}}