.zsite .demo-sec{padding:0 0 64px}.zsite .demo-embed{position:relative;width:100%;max-width:none;margin:0 auto;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(20,20,15,.1);box-shadow:0 6px 32px rgba(20,20,15,.12);background:#15140f}.zsite .demo-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.zsite .demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.zsite .demo-tab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 20px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;transition:background .2s ease,border-color .2s ease,transform .15s ease}.zsite .demo-tab:hover{border-color:var(--ink);transform:translateY(-1px)}.zsite .demo-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.zsite .demo-tab-ind{font-family:var(--font-ibm-plex-mono),monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}.zsite .demo-tab-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.zsite .demo-tab.on{background:var(--ink);border-color:var(--ink)}.zsite .demo-tab.on .demo-tab-ind{color:var(--accent)}.zsite .demo-tab.on .demo-tab-title{color:var(--bg)}.zsite .demo-item-tagline{margin:0 0 18px;max-width:none;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}.zsite .demo-embed-hint{text-align:center;margin:18px auto 0;max-width:none;font-size:14px;color:var(--muted)}.zsite .demo-embed-hint a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media (max-width:640px){.zsite .demo-embed{border-radius:12px}}