.phoneScene{perspective:900px;perspective-origin:60%;justify-content:center;display:flex}.phone{aspect-ratio:9/19.3;width:min(276px,62vw);box-shadow:0 60px 110px -34px color-mix(in srgb, var(--ink) 50%, transparent), 0 10px 26px -12px color-mix(in srgb, var(--ink) 35%, transparent), inset 0 1px 1px #ffffff59, inset 0 -1px 1px #ffffff1f;transform-style:preserve-3d;background:linear-gradient(100deg,#6d6d77 0%,#3a3a42 6%,#1e1e23 16%,#141418 50%,#1e1e23 84%,#43434c 94%,#7a7a86 100%);border-radius:46px;padding:10px;transition:transform .6s cubic-bezier(.22,.61,.36,1);position:relative}.phone>.screen{transform:translateZ(1px)}.phone:after{content:"";background:linear-gradient(90deg,#23232a,#55555f);border-radius:0 3px 3px 0;width:3px;height:48px;position:absolute;top:21%;right:-3px;transform:translateZ(-5px);box-shadow:0 66px #4a4a54,0 -36px 0 -17px #4a4a54}.phoneBody{background:linear-gradient(96deg,#7c7c88 0%,#43434d 7%,#23232a 20%,#17171c 52%,#26262d 82%,#4c4c57 94%,#85858f 100%);border-radius:47px;position:absolute;inset:-1px;transform:translateZ(-13px);box-shadow:inset 0 2px 2px #ffffff47,inset 0 -2px 3px #ffffff24}.screen{background:#fff;border-radius:37px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #000000bf,0 0 0 1px #00000080}.screen:before{content:"";z-index:5;background:#000;border-radius:999px;width:78px;height:21px;position:absolute;top:11px;left:50%;transform:translate(-50%)}