.device-laptop{isolation:isolate;padding:0 4.5% 1.5%;position:relative;container-type:inline-size}.laptop-lid{background:linear-gradient(120deg,#e0e0e2,#a0a0a4 30%,#f0f0f1 58%,#88888c);border-radius:2.15cqw 2.15cqw .65cqw .65cqw;padding:.3cqw;position:relative;box-shadow:0 .2cqw .3cqw #0003,0 2cqw 4cqw -2cqw #17131f40}.laptop-glass{background:#09090b;border-radius:1.85cqw 1.85cqw .4cqw .4cqw;padding:1cqw 1cqw 1.35cqw;position:relative;box-shadow:inset 0 0 0 .12cqw #29292c}.laptop-display{aspect-ratio:16/10;background:#f5f5f7;border-radius:.85cqw .85cqw .15cqw .15cqw;position:relative;overflow:hidden}.laptop-display img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.laptop-notch{z-index:1;background:#09090b;border-radius:0 0 .7cqw .7cqw;width:11.5%;height:2.5cqw;position:absolute;top:.8cqw;left:44.25%}.laptop-notch i{aspect-ratio:1;background:#0b1825;border-radius:50%;width:.45cqw;position:absolute;top:.85cqw;left:calc(50% - .225cqw);box-shadow:0 0 0 .16cqw #15151a,inset 0 .1cqw .1cqw #54708370}.laptop-hinge{background:linear-gradient(#0b0b0c,#424245 60%,#171719);border-radius:0 0 .5cqw .5cqw;width:96%;height:.7cqw;margin:-.1cqw auto 0;position:relative}.laptop-base{z-index:2;background:linear-gradient(90deg,#77777c,#dadadd 2%,#eeeef0 12%,#c1c1c6 48%,#ededee 88%,#d0d0d4 98%,#737378);border-radius:.15cqw .15cqw 1.1cqw 1.1cqw/.15cqw .15cqw .75cqw .75cqw;width:109.9%;height:1.55cqw;margin-left:-4.95%;position:relative;box-shadow:inset 0 .15cqw .15cqw #fff9}.laptop-base>span{background:linear-gradient(90deg,#aaaab0,#d9d9dc 12% 88%,#aaaab0);border-radius:0 0 .8cqw .8cqw;width:13%;height:.85cqw;position:absolute;top:0;left:43.5%;box-shadow:inset 0 -.12cqw .15cqw #85858a66}.laptop-foot{z-index:1;background:linear-gradient(#b7b7bc,#85858b);border-radius:0 0 12% 12%/0 0 100% 100%;width:109.9%;height:.8cqw;margin-top:-.2cqw;margin-left:-4.95%;position:relative;box-shadow:0 .7cqw .7cqw -.3cqw #0004,0 1.8cqw 3cqw -.8cqw #21182c33}.device-phone{isolation:isolate;position:relative;container-type:inline-size}.phone-body{background:linear-gradient(110deg,#a4a19b,#f0ede6 5%,#a19e97 12%,#d5d2ca 46%,#85827c 85%,#e9e6df 96%,#a19e98);border-radius:14.2cqw;padding:1.15cqw;position:relative;box-shadow:inset 0 0 0 .3cqw #76736e,inset 0 0 .35cqw .5cqw #f2eee6,0 .6cqw 1cqw #0003,0 6cqw 10cqw -4cqw #18131f66}.phone-body:before,.phone-body:after{content:"";pointer-events:none;border-inline:1.15cqw solid #77756f;height:1cqw;position:absolute;inset:12% 0 auto}.phone-body:after{top:auto;bottom:12%}.phone-bezel{background:#080809;border-radius:13.05cqw;padding:1.65cqw;box-shadow:inset 0 0 0 .2cqw #242426}.phone-screen{aspect-ratio:390/844;color:#fff;background:#101114;border-radius:11.4cqw;grid-template-rows:13.5cqw minmax(0,1fr) 6cqw;display:grid;position:relative;overflow:hidden}.phone-status{justify-content:space-between;align-items:center;padding:1cqw 7.5% 0;font-family:Arial,Helvetica,sans-serif;font-size:3.65cqw;font-weight:600;line-height:1;display:flex;position:relative}.phone-status svg{width:18%;height:auto}.phone-island{background:#030304;border-radius:10cqw;width:29%;height:7.4cqw;position:absolute;top:2.55cqw;left:35.5%;box-shadow:inset 0 0 0 .15cqw #1a1a1c}.phone-island:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 65% 35%,#172841,#080c17 60%,#111114 70%);border-radius:50%;width:2.25cqw;position:absolute;top:2.55cqw;right:2.1cqw;box-shadow:0 0 0 .45cqw #0b0b0e}.phone-display{min-height:0;overflow:hidden}.phone-display img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.phone-bottom{justify-content:center;align-items:center;display:flex}.phone-bottom span{background:currentColor;border-radius:2cqw;width:35%;height:1.15cqw}.phone-buttons{z-index:-1;pointer-events:none;position:absolute;inset:0}.phone-buttons span{background:linear-gradient(90deg,#77746e,#ccc8bf 60%,#8d8981);border-radius:.6cqw 0 0 .6cqw;width:1.25cqw;height:7cqw;position:absolute;top:18%;left:-.8cqw;box-shadow:inset 0 .25cqw .2cqw #eeebe4}.phone-buttons span:nth-child(2){height:12cqw;top:25%}.phone-buttons span:nth-child(3){height:12cqw;top:33%}.phone-buttons span:nth-child(4){border-radius:0 .6cqw .6cqw 0;height:18cqw;top:28%;left:auto;right:-.8cqw}.device-phone-light .phone-screen{color:#171719;background:#fff}
