.phone-frame{--phone-pad:10px;--phone-radius:48px;width:100%;padding:var(--phone-pad);border-radius:var(--phone-radius);background:#05060a;border:1px solid #3a4054;box-shadow:0 30px 80px -34px #00e5e573,0 0 90px #00e5e51f}.phone-frame-small{--phone-pad:7px;--phone-radius:34px;box-shadow:0 18px 50px -24px #00e5e566,0 0 50px #00e5e51a}.phone-frame-screen{aspect-ratio:600/1304;border-radius:calc(var(--phone-radius) - var(--phone-pad));background:#101118;position:relative;overflow:hidden}.phone-frame-screen img{opacity:0;width:100%;height:100%;transition:opacity var(--phone-fade,.6s) ease,transform 0s linear var(--phone-fade,.6s);display:block;position:absolute;inset:0;transform:translateY(12px)}.phone-frame-screen img.is-on{opacity:1;transition:opacity var(--phone-fade,.6s) ease,transform var(--phone-fade,.6s) cubic-bezier(.22,1,.36,1);transform:none}@media (prefers-reduced-motion:reduce){.phone-frame-screen img,.phone-frame-screen img.is-on{transition:none;transform:none}}