.dev{position:relative;display:block}.dev img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.dev-phone{aspect-ratio:715 / 1496;width:100%;filter:drop-shadow(0 44px 60px rgba(40,30,90,.26)) drop-shadow(0 12px 20px rgba(40,30,90,.14))}.dev-phone__edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:17.2%/8.2%;padding:1.15%;box-sizing:border-box;background:linear-gradient(135deg,#e9e6e1,#bdb8b0,#f4f2ee 36%,#aaa59d,#dcd8d1 74%,#9f9a92 90%,#e6e3de);box-shadow:inset 0 0 0 .6px #ffffffb3,inset 0 0 0 1.4px #0000002e}.dev-phone__body{position:relative;width:100%;height:100%;border-radius:16.2%/7.7%;background:#050507;padding:2.1%;box-sizing:border-box}.dev-phone__screen{position:relative;width:100%;height:100%;border-radius:14.4%/6.9%;overflow:hidden;background:#fff;display:flex;flex-direction:column;isolation:isolate}.dev-phone__screen{-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);transform:translateZ(0)}.dev-phone__screen video{transform:translateZ(0)}.dev-phone__status{position:relative;flex:none;height:6.4%;display:flex;align-items:center;justify-content:space-between;padding:0 8.5% 0 11%;color:#0b0b0f;background:#fff;z-index:2}.dev-phone__time{font:600 clamp(8px,4.3cqw,15px) / 1 -apple-system,"SF Pro Text","Inter",system-ui,sans-serif;letter-spacing:-.01em}.dev-phone{container-type:inline-size}.dev-phone__icons svg{display:block;width:clamp(34px,17cqw,64px);height:auto}.dev-phone__island{position:absolute;left:50%;top:18%;transform:translate(-50%);width:31.3%;height:68%;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #ffffff0a}.dev-phone__island:after{content:"";position:absolute;right:13%;top:50%;width:22%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#26304a,#07080c 60%)}.dev-phone__screen img,.dev-phone__screen video{display:block;flex:1;width:100%;min-height:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:0;background:#fff}.dev-phone__glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,#ffffff29,#fff0 32%);mix-blend-mode:screen}.dev-phone__btn{position:absolute;width:1.05%;border-radius:2px;background:linear-gradient(90deg,#8f8a82,#e3dfd8 45%,#a39e96);box-shadow:0 0 0 .4px #00000040}.dev-phone__btn--action{left:-.85%;top:17.6%;height:3.6%}.dev-phone__btn--vol1{left:-.85%;top:23.8%;height:6.2%}.dev-phone__btn--vol2{left:-.85%;top:31.4%;height:6.2%}.dev-phone__btn--power{right:-.85%;left:auto;top:25.5%;height:9.6%;background:linear-gradient(270deg,#8f8a82,#e3dfd8 45%,#a39e96)}.dev-phone__btn--camera{right:-.6%;left:auto;top:55%;height:5.4%;width:.8%;background:linear-gradient(270deg,#7d7870,#c9c4bc)}.dev-laptop{width:100%;filter:drop-shadow(0 50px 80px rgba(50,40,110,.28)) drop-shadow(0 14px 24px rgba(50,40,110,.14))}.dev-laptop__lid{position:relative;border-radius:2.2%/3.4%;background:linear-gradient(180deg,#1a1a1f,#0d0d11);padding:1.6% 1.6% 1.9%;box-shadow:inset 0 0 0 1px #ffffff14}.dev-laptop__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:11%;height:1.7%;background:#0d0d11;border-radius:0 0 8px 8px;z-index:2}.dev-laptop__screen{aspect-ratio:16 / 10;border-radius:1.1%/1.8%;overflow:hidden;background:#fff}.dev-laptop__base{height:1.6vw;max-height:22px;min-height:12px;margin:0 -3%;border-radius:0 0 14px 14px/0 0 40px 40px;background:linear-gradient(180deg,#e7e7ec,#c9c9d1 40%,#a5a5ae);position:relative}.dev-laptop__base i{position:absolute;left:50%;top:0;transform:translate(-50%);width:16%;height:30%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#8c8c95,#b8b8c0)}.dev-browser{width:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -30px #32286e4d,0 12px 30px -16px #32286e33,0 0 0 1px #0000000f}.dev-browser__bar{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:linear-gradient(180deg,#f7f7f9,#eeeef2);border-bottom:1px solid rgba(0,0,0,.06)}.dev-browser__dots{display:inline-flex;gap:.4rem}.dev-browser__dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000014}.dev-browser__dots i:nth-child(2){background:#febc2e}.dev-browser__dots i:nth-child(3){background:#28c840}.dev-browser__url{flex:1;text-align:center;font-size:.78rem;color:#6e6e73;background:#fff;border-radius:8px;padding:.32rem .8rem;box-shadow:inset 0 0 0 1px #0000000f}.dev-browser__screen{aspect-ratio:16 / 9.4;overflow:hidden}