.home-feature-demo{position:relative;width:100%;min-height:clamp(420px,48vw,560px);border-radius:12px;overflow:hidden;background:transparent}.home-feature-demo__backdrop{position:absolute;inset:0;z-index:0}.home-feature-demo__wallpaper{object-fit:cover;object-position:center}.home-feature-demo__surface{position:relative;z-index:1;min-height:clamp(400px,46vw,520px);padding:clamp(16px,3vw,24px)}.home-feature-demo__window{position:absolute;z-index:2;overflow:hidden;border-radius:14px;background:transparent;box-shadow:0 16px 48px rgba(0,0,0,.12)}.home-feature-demo__window--interactive .product-demo-root{position:relative;z-index:5;pointer-events:auto;background:transparent}.home-feature-demo__window--interactive{cursor:default}.home-feature-demo__window--interactive .pd-window__chrome,.home-feature-demo__window--interactive .pd-window__chrome--draggable{position:relative;z-index:8;cursor:-webkit-grab;cursor:grab;touch-action:none}.home-feature-demo__window--interactive .pd-window__chrome:active{cursor:-webkit-grabbing;cursor:grabbing}.home-feature-demo__window .product-demo-root--embedded{width:100%;height:100%;display:flex;flex-direction:column;border-radius:0;background:transparent}.home-feature-demo__window .pd-window{flex:1 1;min-height:0;display:flex;flex-direction:column;height:100%;border-radius:14px}.home-feature-demo__window .pd-window__body{flex:1 1;min-height:0;height:100%;max-height:none}.home-feature-demo__replay-btn{position:absolute;right:clamp(16px,3vw,24px);bottom:clamp(16px,3vw,24px);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--hairline);border-radius:9999px;background:var(--canvas);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.12);cursor:pointer}.home-feature-demo__replay-btn:hover{background:var(--surface-soft)}.home-feature-demo__replay-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.home-feature-demo__replay-btn img{filter:var(--icon-filter-ink)}@media (max-width:768px){.home-feature-demo{min-height:clamp(380px,92vw,480px)}.home-feature-demo__surface{min-height:clamp(360px,84vw,460px);padding:16px}}