.phone-scene{perspective:900px;perspective-origin:50% 40%;justify-content:center;align-items:center;display:flex;position:relative}.phone-bevel{transform-style:preserve-3d;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 50%,#0006 100%);border-radius:46px;padding:1.5px;display:inline-block;position:relative}.phone-bevel:before{content:"";z-index:20;filter:blur(1px);background:linear-gradient(#0000 0%,#e8a84926 30%,#e8a8490f 70%,#0000 100%);border-radius:1px;width:2px;position:absolute;top:10%;bottom:30%;left:-1px}.phone-tilt-left{transform:rotateY(-8deg)rotateX(3deg)translateZ(20px)}.phone-tilt-right{transform:rotateY(8deg)rotateX(3deg)translateZ(20px)}.phone-tilt-none{transform:rotateY(0)rotateX(0)translateZ(0)}.phone-body{background:#0e0e10;border:none;border-radius:44px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0003,0 2px 4px #0000002e,0 4px 8px #00000026,0 8px 16px #0000001f,0 12px 24px 4px #0000001a,0 16px 32px 8px #00000014,0 24px 48px 12px #0000000f,0 32px 64px 20px #0000000a,0 48px 96px 32px #00000008,0 40px 100px -20px #e8a8490a,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.phone-body:after{content:"";pointer-events:none;z-index:15;background:linear-gradient(155deg,#ffffff12 0% 30%,#fff0 30.5% 100%);border-radius:44px;position:absolute;inset:0}.phone-sm{width:240px;height:495px}.phone-md{width:300px;height:620px}.phone-lg{width:360px;height:745px}.phone-island{z-index:20;background:#000;border-radius:999px;width:100px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px .5px #ffffff0d,0 1px 3px #0000004d}.phone-island:before{content:"";background:radial-gradient(circle at 35% 35%,#1a1a1a,#050505);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:inset 0 0 1px #ffffff14}.phone-screen-area{background:#09090b;border-radius:41px;position:absolute;inset:0;overflow:hidden}.phone-screen-area:before{content:"";pointer-events:none;z-index:11;border-radius:41px;position:absolute;inset:0;box-shadow:inset 0 0 4px 1px #00000080}.phone-screen-area:after{content:"";pointer-events:none;z-index:10;background:radial-gradient(80% 50% at 30% 20%,#ffffff0a 0%,#fff0 70%);border-radius:41px;position:absolute;inset:0}.phone-screen-area img{object-fit:cover;object-position:top left;width:100%;height:100%}.browser-frame{background:#0e0e10;border:1px solid #f5f0e80f;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000026,0 4px 8px #0000001f,0 8px 16px #0000001a,0 16px 32px #00000014,0 32px 64px #0000000f,0 24px 80px -10px #e8a84908}.browser-chrome{background:#111113;border-bottom:1px solid #f5f0e80a;align-items:center;gap:8px;padding:10px 16px;display:flex}.browser-dots{flex-shrink:0;gap:6px;display:flex}.browser-dot{opacity:.5;border-radius:50%;width:10px;height:10px}.browser-dot-red{background:#e85a5a}.browser-dot-yellow{background:#f5c842}.browser-dot-green{background:#4ade80}.browser-url{color:#55555c;background:#f5f0e80a;border-radius:6px;flex:1;align-items:center;height:28px;padding:0 12px;font-family:DM Sans,sans-serif;font-size:12px;display:flex}.browser-content{position:relative;overflow:hidden}.browser-content img{width:100%;height:auto;display:block}.browser-content:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0e0e10 100%);height:60px;position:absolute;bottom:0;left:0;right:0}