*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;background:#1c1d20;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.device-stage{position:fixed;inset:0;display:grid;place-items:center;padding:24px;--phone-scale:.75}
.device-space{position:relative;width:calc(475px * var(--phone-scale));height:calc(985.023px * var(--phone-scale))}
.phone{position:absolute;top:0;left:0;width:475px;height:985.023px;transform:scale(var(--phone-scale));transform-origin:top left}
.screen{position:absolute;left:13.13px;top:13.13px;width:448px;height:959.48px;padding:48px 4.38px 0;display:flex;flex-direction:column;overflow:hidden;border-radius:70px;background:#f3efe7;color:#0a0a09}
.frame{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none}
iframe{width:100%;flex:1;min-height:0;border:0;display:block;background:#f3efe7}
.home{height:29px;flex:none;position:relative;background:#f3efe7}
.home i{position:absolute;width:146px;height:5px;background:#151515;border-radius:99px;left:50%;bottom:8px;transform:translateX(-50%)}
@media(max-width:600px){.device-stage{padding:16px}}