.iphone{--screen-w:393px;--screen-h:852px;--bezel:12px;--band:3px;width:calc(var(--screen-w) + 2 * (var(--bezel) + var(--band)));height:calc(var(--screen-h) + 2 * (var(--bezel) + var(--band)));transform:scale(var(--iphone-scale));transform-origin:0 0;position:relative}.iphone-wrap{--iphone-scale:.8;width:calc((393px + 30px) * var(--iphone-scale));height:calc((852px + 30px) * var(--iphone-scale))}.iphone-band{border-radius:calc(55px + var(--bezel) + var(--band));background:linear-gradient(135deg,#8f8a83 0%,#c9c4bc 18%,#6f6b66 40%,#b5b0a8 62%,#7a7570 82%,#cfcac2 100%);position:absolute;inset:0;box-shadow:0 0 0 1px #00000059,0 40px 80px -20px #08303f8c,0 18px 36px -18px #00000080}.iphone-bezel{inset:var(--band);border-radius:calc(55px + var(--bezel));background:#0a0a0a;position:absolute;box-shadow:inset 0 0 0 1px #ffffff0f}.iphone-screen{inset:calc(var(--band) + var(--bezel));isolation:isolate;background:#f2f8f7;border-radius:55px;position:absolute;overflow:hidden}.iphone-screen iframe{border:0;width:393px;height:852px;display:block}.iphone-status{z-index:2;pointer-events:none;color:#111;letter-spacing:-.2px;justify-content:space-between;align-items:center;height:54px;padding:0 30px 0 52px;font:600 17px/1 -apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif;display:flex;position:absolute;inset:0 0 auto}.iphone-status .icons{align-items:center;gap:6px;display:flex}.iphone-island{z-index:3;background:#000;border-radius:20px;width:126px;height:37px;margin-left:-63px;position:absolute;top:11px;left:50%}.iphone-island:after{content:"";background:radial-gradient(circle at 35% 35%,#2b3a55 0 25%,#0b0f18 60%);border-radius:50%;width:13px;height:13px;position:absolute;top:12px;right:22px}.iphone-home{z-index:2;pointer-events:none;background:#111;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.iphone-btn{background:linear-gradient(90deg,#7c7771,#b9b4ac);border-radius:2px;width:4px;position:absolute}.iphone-btn.left{left:-3px}.iphone-btn.right{right:-3px}