/* Generated metal frame; the real app screenshots and videos remain separate. */
.phone.iphone-frame{position:relative;isolation:isolate;overflow:visible;padding:0;border:0;border-radius:43px;background:none;box-shadow:none;transform:perspective(1600px) rotateY(15deg) rotateZ(-3deg);filter:drop-shadow(-9px 19px 15px #0006)}
.phone.iphone-frame::before{content:"";position:absolute;inset:-1.28% -2.36% -1.33% -4.83%;z-index:-1;background:url('/assets/iphone-frame-generated-v2.png') 48.8% 43.4% / 116.404% 105.91% no-repeat;clip-path:inset(0 round 15% / 7%);pointer-events:none}
.phone.iphone-frame>img,.phone.iphone-frame>video{position:relative;border-radius:12.5% / 5.6%;width:100%;height:auto;object-fit:contain}
.iphone-island{position:absolute;z-index:3;top:1.8%;left:36%;width:28%;height:3.25%;border-radius:20px;background:#020203;pointer-events:none}
.iphone-island::after{content:"";position:absolute;right:9%;top:30%;height:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22343d,#050709 65%)}
.iphone-keys,.iphone-power{display:none}
.hero .phone.hero-phone.iphone-frame{transform:perspective(1600px) rotateY(19deg) rotateZ(-7deg)}
.hero .phone.hero-companion.iphone-frame{position:absolute;transform:perspective(1600px) rotateY(13deg) rotateZ(7deg)}
.crates .phone.iphone-frame{transform:perspective(1600px) rotateY(14deg) rotateZ(-2deg)}
@media(max-width:650px){.phone.iphone-frame{transform:perspective(1600px) rotateY(12deg) rotateZ(-2deg)}.hero .phone.hero-phone.iphone-frame{transform:perspective(1600px) rotateY(16deg) rotateZ(-5deg)}}