.product-device-scene{place-items:center;width:100%;min-height:600px;display:grid;position:relative}.product-device-waves{z-index:-1;pointer-events:none;opacity:.65;width:230%;height:116%;position:absolute;top:-8%;left:-18%;-webkit-mask-image:radial-gradient(55% 43% at 40%,#000 20%,#0000 90%);mask-image:radial-gradient(55% 43% at 40%,#000 20%,#0000 90%)}.product-iphone16{background:linear-gradient(110deg,#b4b5bc,#34353c 16%,#74757c 52%,#191a20 83%,#aaaab2);border:1px solid #9899a2;border-radius:42px;width:250px;margin:0;padding:5px;position:relative;transform:rotate(-5deg);box-shadow:inset 1px 1px #dad7df,inset -1px -1px #08090c,16px 24px 36px #321f5529}.product-device-screen{background:#1f194c;border:5px solid #08080b;border-radius:36px;position:relative;overflow:hidden}.product-device-screen img{width:100%;height:auto;display:block}.product-device-island{background:#050506;border-radius:30px;width:29%;height:4%;position:absolute;top:2.4%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #141419}.product-device-island>span{background:radial-gradient(circle at 35% 35%,#304064,#0e1221 60%);border:1px solid #141622;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.product-device-home{opacity:.8;background:#26212f;border-radius:6px;width:32%;height:3px;position:absolute;bottom:1.1%;left:34%}.product-device-action,.product-device-volume,.product-device-power,.product-device-camera{background:linear-gradient(90deg,#292930,#9899a2,#34343e);border-radius:3px;width:3px;position:absolute}.product-device-action{height:18px;top:17%;left:-3px}.product-device-volume{height:33px;top:25%;left:-3px;box-shadow:0 43px #65656f}.product-device-power{height:52px;top:30%;right:-3px}.product-device-camera{height:30px;top:63%;right:-3px}@media (max-width:640px){.product-device-scene{min-height:530px}.product-iphone16{border-radius:38px;width:220px}.product-device-screen{border-radius:32px}.product-device-waves{width:130%;height:145%;left:-15%;-webkit-mask-image:radial-gradient(65% 50% at 50% 40%,#000 10%,#0000 85%);mask-image:radial-gradient(65% 50% at 50% 40%,#000 10%,#0000 85%)}}
