/* Bounded device geometry; the video is clipped by its screen, not by the bezel. */
.os-wall{display:grid;gap:24px;padding-top:4px;min-width:0}.os-wall-device{display:flex;align-items:center;gap:24px;min-width:0;padding:8px 0}.os-phoneframe{position:relative;flex:0 0 154px;width:154px;padding:5px;border-radius:25px;border:1px solid #4c4f5a;background:linear-gradient(145deg,#484a52,#18191e 35%,#08090c 70%,#35363d);box-shadow:0 14px 28px #0006,inset 0 0 0 1px #ffffff15}.os-phoneframe:before{content:'';position:absolute;left:-3px;top:54px;width:2px;height:21px;background:#60616b;border-radius:2px;box-shadow:0 30px #60616b}.os-phoneframe:after{content:'';position:absolute;right:-3px;top:76px;width:2px;height:34px;background:#60616b;border-radius:2px}.os-phone-screen{position:relative;aspect-ratio:9/20;width:100%;overflow:hidden;border-radius:20px;background:#06070c;isolation:isolate}.os-phone-screen video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#000}.os-screen-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;padding:12px;background:radial-gradient(ellipse at 50% 35%,#1b2251,#090b15 70%);pointer-events:none}.os-screen-placeholder>span{font-size:30px;color:#737dff}.os-screen-placeholder b{font-size:10px;color:#c8cdf0;font-weight:500}.os-screen-placeholder small{font-size:8px;color:#858daa}.is-playing .os-screen-placeholder{display:none}.os-device-info{flex:1;min-width:0}.os-device-info .eyebrow{font-size:8px;letter-spacing:1.5px}.os-device-info h3{font-size:15px;letter-spacing:-.2px;color:#eef0fb;margin:10px 0;overflow-wrap:anywhere}.os-device-info p{font-size:11px;line-height:1.7;margin:18px 0;max-width:23ch}.os-device-info button{font-size:11px;white-space:nowrap;padding:10px 12px}.os-device-info small[role=status]{display:block;font-size:10px;color:#969ebb;margin-top:12px;overflow-wrap:anywhere}.os-session-note{display:block;font-size:9px;color:#7f87a0;margin-top:20px;line-height:1.7}
@media(max-width:760px){.os-wall-device{gap:18px}.os-phoneframe{flex-basis:128px;width:128px;border-radius:23px}.os-phone-screen{border-radius:18px}.os-device-info h3{font-size:12px}.os-device-info p{font-size:10px}.os-device-info button{font-size:10px;padding:9px}.os-device-info .eyebrow{letter-spacing:1px}.os-session-note{font-size:8px}}
@media(max-width:360px){.os-wall-device{flex-direction:column}.os-device-info{text-align:center}.os-device-info p{margin:12px auto}}