.dm{position:relative;margin:0}.dm__stage{aspect-ratio:100/80;border-radius:var(--rl-r,22px);background:radial-gradient(120% 70% at 50% 100%,rgb(17 14 46/.1),transparent 60%),color-mix(in srgb,var(--ci,#fdd88d) 22%,#f4f2ee);isolation:isolate}.dm__screen,.dm__stage{position:relative;overflow:hidden}.dm__screen{background:#fff}.dm__screen picture,.dm__shot{display:block}.dm__shot{width:100%;height:auto;max-width:none;transform:translateZ(0);will-change:transform;animation:dm-scroll var(--dm-dur,20s) infinite both;animation-play-state:paused}.dm[data-play] .dm__shot{animation-play-state:running}@media (hover:hover){.dm[data-play] .dm__stage:hover .dm__shot{animation-play-state:paused}}@keyframes dm-scroll{0%,7%{transform:translateZ(0);animation-timing-function:cubic-bezier(.45,0,.3,1)}60%,67%{transform:translate3d(0,var(--dm-end),0);animation-timing-function:cubic-bezier(.55,0,.35,1)}95%,to{transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.dm__shot{animation:none;will-change:auto}}.dm__laptop{position:absolute;z-index:1;left:6%;top:7%;width:88%;container-type:inline-size}.dm__lid{position:relative;padding:2.1cqw 2.1cqw 2.9cqw;border-radius:3cqw 3cqw .6cqw .6cqw;background:#141418;box-shadow:0 0 0 .18cqw #5d5f66,0 0 0 .36cqw #c9cbd0,0 3cqw 6cqw -1cqw rgb(17 14 46/.35)}.dm__lid:before{content:"";position:absolute;top:.85cqw;left:50%;width:.55cqw;height:.55cqw;margin-left:-.275cqw;border-radius:50%;background:#2b2d35;box-shadow:inset 0 0 0 .12cqw #1a1b20}.dm__lid .dm__screen{border-radius:.5cqw}.dm__base{position:relative;height:2.1cqw;margin:0 -6.5%;border-radius:.2cqw .2cqw 4cqw 4cqw/.2cqw .2cqw 1.8cqw 1.8cqw;background:linear-gradient(#eceef1 0 18%,#c8cacf 45%,#9a9ca2);box-shadow:0 1.8cqw 3cqw -.6cqw rgb(17 14 46/.45)}.dm__base:before{content:"";position:absolute;top:0;left:50%;width:16%;height:.75cqw;transform:translateX(-50%);border-radius:0 0 1cqw 1cqw;background:linear-gradient(#a7a9af,#c4c6cb)}.dm__phone,.dm__tablet{position:absolute;z-index:2;container-type:inline-size}.dm__body{position:relative;background:#141418;box-shadow:0 0 0 .5cqw #5d5f66,0 0 0 1cqw #c9cbd0,0 6cqw 12cqw -2cqw rgb(17 14 46/.42)}.dm__tablet .dm__body{padding:4.2cqw;border-radius:7cqw}.dm__tablet .dm__screen{border-radius:3cqw}.dm__phone .dm__body{padding:3.6cqw;border-radius:15cqw}.dm__phone .dm__screen{border-radius:11.5cqw}.dm__island{position:absolute;z-index:1;top:6.4cqw;left:50%;width:28%;height:7.6cqw;transform:translateX(-50%);border-radius:99px;background:#0b0b0d}.dm__phone{right:4%;bottom:5%;width:27%}.dm__tablet{display:none}@media (min-width:48rem){.dm__stage{aspect-ratio:100/58}.dm__laptop{left:21%;top:auto;bottom:13%;width:60%}.dm__tablet{display:block;left:4.5%;bottom:7%;width:23%}.dm__phone{right:7%;bottom:6%;width:12.5%}}.dm__pause{position:absolute;z-index:3;top:.9rem;right:.9rem;color:var(--rl-ink,#110e2e);background:rgb(255 255 255/.72)}.dm__pause:hover{background:rgb(255 255 255/.92)}.dm .pj-cap{margin-top:.9rem}.dm+.pj-devices{margin-top:clamp(2rem,1.5rem + 2vw,3rem)}.dm__scenes{display:grid;gap:clamp(1rem,.75rem + 1vw,1.5rem)}@media (min-width:48rem){.dm__scenes[data-n="2"],.dm__scenes[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.dm__scenes>.dms:first-child{grid-column:1/-1}.dm__scenes[data-n="2"]>.dms:first-child{grid-column:auto}}.dms{position:relative;overflow:hidden;border-radius:var(--rl-r,22px);background:var(--color-ink,#0f0c30);isolation:isolate}.dms__bg,.dms__shade{position:absolute;inset:0;display:block;width:100%;height:100%}.dms__layer{transform-origin:0 0;transform:scale(var(--k,0));mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;filter:brightness(var(--dms-bri,.95)) contrast(1.03) saturate(.94) sepia(.04)}.dms__layer,.dms__screen{position:absolute;top:0;left:0}.dms__screen{overflow:hidden;transform-origin:0 0;background:#fff;backface-visibility:hidden}.dms__screen:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgb(255 255 255/.1),rgb(255 255 255/0) 38%,rgb(0 0 0/0) 70%,rgb(0 0 0/.06));pointer-events:none}.dms__shade{mix-blend-mode:screen;pointer-events:none}.dm--scenes .dm__pause{top:.9rem;right:.9rem}@media (max-width:47.99rem){.dm__pause{top:.6rem;right:.6rem;width:2.25rem;height:2.25rem}}.dm__visit{position:absolute;z-index:3;left:50%;bottom:.9rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.45rem;width:auto;padding-inline:1rem;color:var(--rl-ink,#110e2e);background:rgb(255 255 255/.72);font-size:.875rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.dm__visit:focus-visible,.dm__visit:hover{background:rgb(255 255 255/.92)}