.prose figure.product-demo{width:100%;max-width:none;margin:2rem 0;margin-inline:0;padding:0;border:0;box-shadow:none;scroll-margin-top:6rem}.product-demo [hidden]{display:none!important}.product-demo__media{position:relative}.product-demo__screen{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;background:#0f172a}.product-demo__poster{display:block;position:absolute;inset:0}.prose .product-demo img,.prose .product-demo iframe,.prose .product-demo video{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.product-demo img{object-fit:cover}.product-demo video{object-fit:contain}.product-demo__play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;background:0 0;cursor:pointer}.product-demo__play:hover{background:rgb(15 23 42/12%)}.product-demo__play:focus-visible{outline:4px solid #fff;outline-offset:-8px}.product-demo__play svg{filter:drop-shadow(0 2px 5px rgb(0 0 0/25%))}.prose figure.product-demo a.product-demo__source{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:1rem;color:#fff;text-decoration:none;background:linear-gradient(transparent 45%,rgb(15 23 42/55%))}.product-demo__source>span{padding:.625rem 1rem;border-radius:.5rem;background:#0f172a;font-size:1rem;font-weight:700;line-height:1.5}.prose figure.product-demo a.product-demo__source:hover{color:#fff;background-color:rgb(15 23 42/12%)}.prose figure.product-demo .product-demo__source:focus-visible{outline:4px solid #fff;outline-offset:-8px}.prose .product-demo[data-demo-active=true] a.product-demo__source{position:static;justify-content:flex-end;padding:.5rem 0 0;background:0 0}.product-demo[data-demo-active=true] .product-demo__source>span{background:#eef2ff;color:#3730a3}.prose figure.product-demo[data-demo-active=true] .product-demo__source:focus-visible{outline-color:#4f46e5;outline-offset:2px}.product-demo__language:focus-visible{outline:3px solid #4f46e5;outline-offset:3px}.product-demo__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem 1rem;margin-top:1rem;font-size:1rem;line-height:1.5}.product-demo__language{min-height:44px;max-width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #94a3b8;border-radius:.375rem;background:#fff;color:#0f172a;font:inherit}.product-demo__meta{margin-top:.875rem;color:#374151;font-size:1rem;line-height:1.6}.product-demo__date{display:inline-block}.product-demo__meta a{color:#4338ca;text-decoration:underline;text-underline-offset:.2em}.product-demo__meta a:hover{color:#3730a3}.product-demo__meta a:focus-visible{outline:3px solid #4f46e5;outline-offset:3px}