.frame-laptop{isolation:isolate;width:100%;position:relative}.frame-laptop-lid{background:#141417;border:1px solid #2a2a30;border-radius:18px 18px 4px 4px;width:88%;margin:0 auto;padding:2.2%;position:relative;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000002e,0 18px 40px #0052ab29}.frame-laptop:after{content:"";filter:blur(20px);pointer-events:none;z-index:-1;background:#00000059;border-radius:50%;width:82%;height:24px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.frame-laptop-notch{z-index:3;background:#141417;border-radius:0 0 6px 6px;justify-content:center;align-items:center;width:52px;height:8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.frame-laptop-notch:after{content:"";background:#2a2a30;border-radius:50%;width:4px;height:4px}@media (min-width:640px){.frame-laptop-notch{width:64px;height:10px}}.frame-screen{background:#fff;border-radius:6px;position:relative;overflow:hidden}.frame-laptop .frame-screen{aspect-ratio:16/10}.frame-phone .frame-screen{border-radius:33px;position:absolute;inset:0}.frame-screen>img{width:100%;max-width:100%;height:auto;display:block}.frame-screen>iframe{border:0;width:100%;height:100%;display:block}.frame-sheen{pointer-events:none;z-index:2;background:linear-gradient(120deg,#ffffff14 0%,#ffffff05 35%,#fff0 55%);position:absolute;inset:0}.frame-laptop-hinge{background:linear-gradient(#141417,#2a2a30);width:88%;height:5px;margin:0 auto}.frame-laptop-base{background:linear-gradient(#2a2a30,#141417 70%);border:1px solid #2a2a30;border-top:0;border-radius:3px 3px 16px 16px;width:100%;height:14px;position:relative;box-shadow:0 2px 4px #0000002e,0 18px 40px #0052ab29}.frame-laptop-base:before{content:"";background:#ffffff47;height:1px;position:absolute;top:1px;left:6%;right:6%}.frame-laptop-groove{background:#141417;border-radius:0 0 6px 6px;width:16%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.frame-phone{aspect-ratio:9/19.5;background:#141417;border:7px solid #2a2a30;border-radius:40px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000002e,0 18px 40px #0052ab29}.frame-phone-island{z-index:3;background:#141417;border-radius:999px;width:30%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.frame-shot{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.frame-phone .frame-shot{object-position:center top}.frame-shot-scroll{width:100%;height:auto;transition:transform 7s ease-in-out;display:block;transform:translateY(0)}.frame-phone .frame-shot-scroll{transition-duration:9s}.frame-device .frame-shot-scroll{transition-duration:7s}.frame-device .frame-phone .frame-shot-scroll{transition-duration:9s}.frame-scrolling .frame-shot-scroll{transform:translateY(var(--frame-scroll-y,0px))}.frame-device{padding:0 8% 6% 0;position:relative}.frame-device-phone{z-index:2;width:26%;position:absolute;bottom:0;right:0}.frame-device .frame-laptop{width:95.65%}.frame-device .frame-laptop:after{display:none}.frame-device .frame-laptop-notch{border-radius:0 0 4px 4px;width:28px;height:5px}.frame-device .frame-laptop-notch:after{width:2px;height:2px}.frame-device .frame-laptop-hinge{width:100%;height:2px}.frame-device .frame-laptop-lid{border:3px solid #2a2a30;border-bottom:0;border-radius:10px 10px 0 0;width:100%;margin:0;padding:3px;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000002e,0 18px 40px #0052ab29}.frame-device .frame-laptop .frame-screen{aspect-ratio:3/2;border-radius:4px}.frame-device .frame-laptop-base{aspect-ratio:26;background:linear-gradient(#2a2a30,#141417);border:3px solid #2a2a30;border-top:0;border-radius:0 0 3px 3px;width:100%;height:auto;min-height:6px;box-shadow:0 2px 4px #0000002e,0 18px 40px #0052ab29}.frame-device .frame-laptop-base:before{display:none}.frame-device .frame-laptop-groove{background:#ffffff2e;border-radius:999px;width:28%;height:2px;top:2px;left:30%;transform:none}.frame-device-phone{aspect-ratio:9/19.5;filter:drop-shadow(0 10px 14px #00000047);width:22%;bottom:2%;container-type:inline-size}.frame-device-phone .frame-phone{aspect-ratio:auto;box-sizing:border-box;background:#0b0b0d;border:1px solid #4a4a52;border-radius:15cqw;width:100%;height:100%;padding:3.6cqw;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #00000080}.frame-device-phone .frame-phone:before,.frame-device-phone .frame-phone:after{content:"";z-index:4;background:#3a3a42;width:1.5cqw;position:absolute}.frame-device-phone .frame-phone:before{border-radius:1cqw 0 0 1cqw;height:8%;top:22%;left:-1.5cqw}.frame-device-phone .frame-phone:after{border-radius:0 1cqw 1cqw 0;height:14%;top:28%;right:-1.5cqw}.frame-device-phone .frame-phone{overflow:visible}.frame-device-phone .frame-screen{border-radius:11.5cqw;inset:3.6cqw}.frame-device-phone .frame-phone-island{background:#000;border-radius:999px;width:28%;height:5.5cqw;top:6cqw}.frame-device-phone .frame-shot-scroll{object-fit:cover;object-position:top center;width:100%;height:auto}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.frame-shot-scroll{transition:none;transform:none!important}}