.dv-scale{--dv-u:calc(100cqw / var(--dv-design,390));--spacing:calc(var(--dv-u) * 4);--text-xs:calc(var(--dv-u) * 12);--text-xs--line-height:1.45;--text-sm:calc(var(--dv-u) * 14);--text-sm--line-height:1.45;--text-base:calc(var(--dv-u) * 16);--text-base--line-height:1.4;--text-lg:calc(var(--dv-u) * 18);--text-lg--line-height:1.35;--text-xl:calc(var(--dv-u) * 20);--text-xl--line-height:1.3;--text-2xl:calc(var(--dv-u) * 24);--text-2xl--line-height:1.2;--text-3xl:calc(var(--dv-u) * 30);--text-3xl--line-height:1.15;--text-4xl:calc(var(--dv-u) * 40);--text-4xl--line-height:1.08;--text-5xl:calc(var(--dv-u) * 52);--text-5xl--line-height:1.04;--radius-xs:calc(var(--dv-u) * 6);--radius-sm:calc(var(--dv-u) * 8);--radius-md:calc(var(--dv-u) * 10);--radius-lg:calc(var(--dv-u) * 14);--radius-xl:calc(var(--dv-u) * 18);--radius-2xl:calc(var(--dv-u) * 22);--radius-3xl:calc(var(--dv-u) * 28);font-size:var(--text-base);line-height:1.4;position:absolute;inset:0;overflow:hidden}.dv-phone{aspect-ratio:482/1000;position:relative;container-type:inline-size}.dv-phone-body{background:linear-gradient(140deg,#5d566d 0%,#24202d 22%,#15121b 50%,#2b2635 78%,#5a5368 100%);border-radius:16.5cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 .35cqw #ffffff29,inset 0 .6cqw .8cqw #ffffff1a,0 5cqw 10cqw -3cqw #000000d9,0 14cqw 26cqw -8cqw #6e3cff66}.dv-phone-bezel{background:#030305;border-radius:15.4cqw;position:absolute;inset:1.15cqw;box-shadow:inset 0 0 0 .3cqw #ffffff0d}.dv-phone-screen{isolation:isolate;background:#000;border-radius:12.6cqw;position:absolute;inset:4cqw;overflow:hidden;container-type:inline-size}.dv-phone-screen:after{content:"";z-index:30;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff12 0%,#ffffff04 32%,#0000 33%);position:absolute;inset:0}.dv-phone-key{background:linear-gradient(90deg,#2a2633,#6a6279 55%,#2a2633);border-radius:.6cqw;width:1.3cqw;position:absolute}.dv-phone-key[data-side=left]{left:-.85cqw}.dv-phone-key[data-side=right]{right:-.85cqw}@media (min-width:768px){.dv-phone[data-tilt=left]{transform:perspective(1700px)rotateY(18deg)rotate(-6deg)}.dv-phone[data-tilt=right]{transform:perspective(1700px)rotateY(-18deg)rotate(6deg)}}.dv-browser{background:#0b0910;border-radius:max(8px,1.2cqw);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 3cqw 7cqw -2cqw #000000d9,0 8cqw 16cqw -6cqw #6e3cff59;container-type:inline-size}.dv-browser-bar{background:linear-gradient(#1d1928,#15121d);border-bottom:1px solid #ffffff12;grid-template-columns:1fr minmax(0,3fr) 1fr;align-items:center;height:4.2cqw;padding-inline:1.6cqw;display:grid}.dv-browser-dots{gap:.75cqw;display:flex}.dv-browser-dots>i{background:#ff5f57;border-radius:50%;width:1.1cqw;height:1.1cqw}.dv-browser-dots>i:nth-child(2){background:#febc2e}.dv-browser-dots>i:nth-child(3){background:#28c840}.dv-browser-url{color:#ece8f8b8;white-space:nowrap;background:#ffffff12;border-radius:9999px;justify-content:center;align-items:center;gap:.6cqw;height:2.6cqw;font-size:1.25cqw;display:flex;overflow:hidden}.dv-browser-url svg{flex:none;width:1.15cqw;height:1.15cqw}.dv-browser-screen{background:#fff;position:relative;overflow:hidden;container-type:inline-size}