.dv{position:relative;container-type:inline-size;direction:ltr}.dv:after{content:"";left:8%;right:8%;bottom:-2.5cqw;height:6cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(20,4,40,.35),rgba(20,4,40,0));z-index:-1}.dv-glass,.dv:after{position:absolute;pointer-events:none}.dv-glass{inset:0;z-index:5;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 22%,rgba(255,255,255,0) 38%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 12%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.dv-phone .dv-body{position:relative;border-radius:16.5cqw;padding:.9cqw;background:linear-gradient(145deg,#5d5a63,#2a282e 18%,#1a191d 50%,#2f2d33 82%,#67646d);box-shadow:0 .4cqw .8cqw rgba(20,4,40,.18),0 4cqw 8cqw -2cqw rgba(20,4,40,.35),0 14cqw 26cqw -8cqw rgba(20,4,40,.55),inset 0 0 0 .25cqw rgba(255,255,255,.08)}.dv-phone .dv-bezel{position:relative;border-radius:15.6cqw;padding:3cqw;background:#050507;box-shadow:inset 0 0 0 .35cqw #1c1b20}.dv-phone .dv-screen{overflow:hidden;border-radius:12.6cqw;isolation:isolate}.dv-phone .dv-screen,.dv-status{position:relative;background:#fff}.dv-status{justify-content:space-between;height:11.5cqw;padding:0 7cqw 0 8.5cqw;color:#111;font:600 3.6cqw/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0}.dv-status,.dv-status-icons{display:flex;align-items:center}.dv-status-icons{gap:1.4cqw}.dv-status-icons svg{height:2.9cqw;width:auto}.dv-island{position:absolute;top:2.6cqw;left:50%;width:29cqw;height:8cqw;margin-left:-14.5cqw;border-radius:999px;background:#050507;z-index:6}.dv-island:after{content:"";position:absolute;right:3cqw;top:50%;width:2.6cqw;height:2.6cqw;margin-top:-1.3cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4b5b9a 0,rgba(75,91,154,0) 45%),radial-gradient(circle at 60% 65%,#2a3550 0,#0b0d14 60%)}.dv-btn{position:absolute;width:.9cqw;border-radius:.6cqw;background:linear-gradient(90deg,#1d1c21,#55525b 60%,#2a282e)}.dv-phone .dv-btn-action{left:-.7cqw;top:19%;height:6%}.dv-phone .dv-btn-vol-up{left:-.7cqw;top:28%;height:10%}.dv-phone .dv-btn-vol-down{left:-.7cqw;top:40%;height:10%}.dv-phone .dv-btn-power{right:-.7cqw;top:30%;height:15%;background:linear-gradient(270deg,#1d1c21,#55525b 60%,#2a282e)}.dv-tablet .dv-body{position:relative;border-radius:4.4cqw;padding:.45cqw;background:linear-gradient(150deg,#6b6872,#2c2a30 14%,#1b1a1e 50%,#2c2a30 86%,#6b6872);box-shadow:0 .3cqw .6cqw rgba(20,4,40,.16),0 2.5cqw 5cqw -1cqw rgba(20,4,40,.3),0 9cqw 16cqw -5cqw rgba(20,4,40,.5),inset 0 0 0 .12cqw rgba(255,255,255,.08)}.dv-tablet .dv-bezel{position:relative;border-radius:3.95cqw;padding:2.1cqw;background:#050507;box-shadow:inset 0 0 0 .18cqw #1c1b20}.dv-tablet .dv-screen{position:relative;overflow:hidden;border-radius:1.9cqw;background:#fff;isolation:isolate}.dv-tablet .dv-cam{position:absolute;top:.75cqw;left:50%;width:.75cqw;height:.75cqw;margin-left:-.375cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#44507a,#0b0d14 65%)}.dv-tablet .dv-btn-top{right:9%;width:7%}.dv-tablet .dv-btn-top,.dv-tablet .dv-btn-top2{top:-.35cqw;height:.45cqw;background:linear-gradient(180deg,#1d1c21,#55525b 60%,#2a282e)}.dv-tablet .dv-btn-top2{right:18%;width:4%}.dv-laptop .dv-lid{position:relative;margin:0 7.5%;border-radius:2.2cqw 2.2cqw .6cqw .6cqw;padding:.35cqw;background:linear-gradient(160deg,#6e6b74,#2a282e 20%,#1a191d 80%,#4a4850);box-shadow:0 1cqw 3cqw -1cqw rgba(20,4,40,.35)}.dv-laptop .dv-bezel{position:relative;border-radius:1.9cqw 1.9cqw .4cqw .4cqw;padding:1.7cqw 1.3cqw 1.9cqw;background:#050507}.dv-laptop .dv-screen{position:relative;overflow:hidden;border-radius:.5cqw;background:#fff;isolation:isolate}.dv-laptop .dv-cam{position:absolute;top:.55cqw;left:50%;width:.6cqw;height:.6cqw;margin-left:-.3cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#44507a,#0b0d14 65%)}.dv-laptop .dv-deck{position:relative;height:2.6cqw;border-radius:0 0 2.4cqw 2.4cqw/0 0 1.8cqw 1.8cqw;background:linear-gradient(180deg,#e9e8ee 0,#c9c7cf 35%,#a3a1aa 80%,#85838c);box-shadow:0 .25cqw .4cqw rgba(20,4,40,.18),0 2.5cqw 4.5cqw -1cqw rgba(20,4,40,.45)}.dv-laptop .dv-deck:before{content:"";position:absolute;left:7.5%;right:7.5%;top:0;height:.35cqw;background:linear-gradient(180deg,#3a383f,#8c8a93)}.dv-laptop .dv-deck:after{content:"";position:absolute;left:50%;top:0;width:14%;height:1cqw;margin-left:-7%;border-radius:0 0 1.2cqw 1.2cqw;background:linear-gradient(180deg,#a9a7b0,#d6d5dc)}:is(.dark) .dv-laptop .dv-deck{background:linear-gradient(180deg,#8d8b94 0,#6c6a73 40%,#4d4b53)}.dv-pose{perspective:1800px}.dv-pose>.dv-tilt{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.dv-tilt-left{transform:rotateY(16deg) rotateX(6deg) rotate(-2deg)}.dv-tilt-right{transform:rotateY(-16deg) rotateX(6deg) rotate(2deg)}.dv-float{animation:dv-float 6.5s ease-in-out infinite;will-change:transform}@keyframes dv-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-2.2%,0)}}@media (prefers-reduced-motion:reduce){.dv-float{animation:none}.dv-pose>.dv-tilt{transition:none}}