.demo-phone{--demo-phone-bezel:10px;aspect-ratio:9/19.5;width:100%;max-width:300px;padding:var(--demo-phone-bezel);background:#161719;border-radius:42px;margin-inline:auto;position:relative;box-shadow:inset 0 2px 5px #ffffff14,inset 0 -3px 8px #0009,0 24px 48px -20px #0000008c}.demo-phone-notch{top:var(--demo-phone-bezel);z-index:2;background:#161719;border-radius:0 0 14px 14px;width:84px;height:20px;margin-top:6px;position:absolute;left:50%;transform:translate(-50%)}.demo-phone-screen{background:#0b0c0d;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.demo-phone-screen video,.demo-phone-screen .demo-phone-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-phone--hero{aspect-ratio:auto;width:100%;max-width:none;height:100%}