*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#f7f8f8}
.phone-stage{position:relative;width:100%;height:100dvh;overflow:hidden}
.phone{position:absolute;left:50%;top:50%;width:425px;height:884px;transform:translate(-50%,-50%) scale(var(--phone-scale,1))}
.phone-bezel{position:absolute;left:-43px;top:-42px;width:511px;height:968px;z-index:2;pointer-events:none;user-select:none}
.phone-screen{position:absolute;left:16px;top:16px;width:393px;height:852px;border-radius:42px;overflow:hidden;background:#191919}
iframe{position:absolute;left:0;top:54px;display:block;border:0;width:393px;height:764px}
.phone-status{position:absolute;top:0;left:0;width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff;font:600 16px/1 system-ui,sans-serif}
.phone-status img{width:79px;height:13px;filter:invert(1)}
.phone-home{position:absolute;bottom:8px;left:calc(50% - 67px);height:5px;width:134px;border-radius:8px;background:#fff;pointer-events:none}
@media(max-width:440px){
 .phone{left:0;top:0;width:100%;height:100dvh;transform:none}
 .phone-bezel,.phone-status,.phone-home{display:none}
 .phone-screen{position:relative;left:0;top:0;width:100%;height:100dvh;border-radius:0}
 iframe{top:0;width:100%;height:100dvh}
}