.eti-demo{background:var(--eti-paper);border:1px solid var(--eti-line);border-radius:8px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px;margin-top:36px;padding:24px;display:grid}.eti-demo-media{aspect-ratio:16/9;background:var(--eti-ink);border-radius:6px;position:relative;overflow:hidden}.eti-demo-media iframe,.eti-demo-play,.eti-demo-play img{border:0;width:100%;height:100%;display:block}.eti-demo-play{cursor:pointer;padding:0;position:relative}.eti-demo-play img{object-fit:cover}.eti-demo-play-icon{background:var(--eti-accent);width:68px;height:68px;color:var(--eti-paper);box-shadow:var(--eti-card-shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eti-demo-duration{background:var(--eti-ink);color:var(--eti-paper);border-radius:4px;padding:4px 8px;font-size:13px;position:absolute;bottom:12px;right:12px}.eti-demo-copy h3{margin:0 0 12px;font-size:24px;line-height:1.3}.eti-demo-copy p{color:var(--eti-muted);margin:0 0 20px}.eti-demo-copy small{color:var(--eti-muted);margin-top:16px;line-height:1.6;display:block}.eti-demo-copy .eti-demo-link{width:fit-content;display:flex}.eti-demo-play:focus-visible,.eti-demo-link:focus-visible,.eti-footer-channel a:focus-visible{outline:3px solid var(--eti-accent);outline-offset:4px}@media (width<=768px){.eti-demo{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}.eti-demo-copy h3{font-size:21px}.eti-demo-play-icon{width:56px;height:56px}}