.device{isolation:isolate;margin:0;position:relative}.device-screen{--white:#fff;--neutral-100:#f2f2f7;--neutral-300:#d1d1d6;--neutral-500:#aeaeb2;--neutral-700:#6e6e73;background:var(--white);color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", var(--font-dm-sans), sans-serif;isolation:isolate;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.35;position:absolute;overflow:hidden}.device-phone-body,.device-tablet-body{background:linear-gradient(135deg,#6d6d72 0%,#303033 14%,#1c1c1e 46%,#262629 78%,#5e5e63 100%);position:absolute;inset:0}.device-phone-body{border-radius:calc(var(--w) * .169);box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .0022)) #9a9aa0, inset 0 0 0 calc(var(--w) * .006) #3a3a3d, inset 0 calc(var(--w) * .003) calc(var(--w) * .004) #ffffff4d, 0 .5px 1px #00000059, 0 calc(var(--w) * .03) calc(var(--w) * .06) calc(var(--w) * -.02) #0000004d, 0 calc(var(--w) * .13) calc(var(--w) * .24) calc(var(--w) * -.08) #00000061}.device-tablet-body{border-radius:calc(var(--w) * .042);box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .0012)) #85858b, inset 0 0 0 calc(var(--w) * .003) #333336, 0 .5px 1px #00000059, 0 calc(var(--w) * .012) calc(var(--w) * .026) calc(var(--w) * -.008) #00000047, 0 calc(var(--w) * .05) calc(var(--w) * .1) calc(var(--w) * -.03) #00000057;background:linear-gradient(135deg,#5b5b60 0%,#2c2c2f 10%,#1f1f21 50%,#29292c 88%,#4d4d52 100%)}.device-bezel{box-shadow:0 0 0 max(.5px, calc(var(--w) * .0015)) #0b0b0c, inset 0 0 0 max(.5px, calc(var(--w) * .001)) #ffffff17;background:#000;position:absolute;overflow:hidden}.device-glare{z-index:4;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#ffffff12 44%,#ffffff05 54%,#0000 64%);position:absolute;inset:0}.device-key{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#18181a,#6a6a6f 45%,#2a2a2d);position:absolute}.device-phone{--w:300px;width:var(--w);aspect-ratio:71.5/148.3}.device-phone .device-bezel{inset:calc(var(--w) * .016);border-radius:calc(var(--w) * .153)}.device-phone .device-screen{inset:calc(var(--w) * .024);border-radius:calc(var(--w) * .1288)}.device-phone-island{z-index:3;top:calc(var(--w) * .0498);width:calc(var(--w) * .295);height:calc(var(--w) * .0874);background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.device-phone-island i{aspect-ratio:1;width:34%;max-width:calc(var(--w) * .03);opacity:.9;background:radial-gradient(circle at 38% 36%,#2b3a5c 0 18%,#0d1220 46%,#050608 70%);border-radius:50%;position:absolute;top:50%;right:13%;transform:translateY(-50%)}.device-phone .device-key{width:max(1px, calc(var(--w) * .009));border-radius:calc(var(--w) * .004)}.device-phone .device-key-action,.device-phone .device-key-vol-up,.device-phone .device-key-vol-down{left:calc(var(--w) * -.0075)}.device-phone .device-key-side,.device-phone .device-key-camera{right:calc(var(--w) * -.0075)}.device-key-action{height:4.6%;top:20.5%}.device-key-vol-up{height:8.6%;top:28.4%}.device-key-vol-down{height:8.6%;top:39.2%}.device-key-side{height:12.8%;top:29.5%}.device-key-camera{background:linear-gradient(90deg,#0c0c0d,#3a3a3e 50%,#141416);height:8.8%;top:57%}.device-ios-status{z-index:2;color:#000;pointer-events:none;grid-template-columns:34cqw 1fr 34cqw;align-items:center;height:15.1cqw;display:grid;position:absolute;top:0;left:0;right:0}.device-ios-time{letter-spacing:-.01em;grid-column:1;justify-self:center;padding-left:2.6cqw;font-size:4.33cqw;font-weight:600;line-height:1}.device-ios-status .device-ios-icons{grid-column:3;justify-self:center;padding-right:2.2cqw}.device-ios-icons{align-items:center;gap:1.5cqw;display:flex}.device-ios-icons svg{fill:currentColor;width:auto;height:3.05cqw}.device-ios-icons svg:last-child{height:3.3cqw}.device-home{z-index:2;opacity:.88;pointer-events:none;background:#000;border-radius:999px;width:35.4cqw;height:1.3cqw;position:absolute;bottom:2.05cqw;left:50%;transform:translate(-50%)}.device-tablet{--w:720px;width:var(--w);aspect-ratio:281.6/215.5}.device-tablet .device-bezel{inset:calc(var(--w) * .0055);border-radius:calc(var(--w) * .0365)}.device-tablet .device-screen{inset:calc(var(--w) * .0243);border-radius:calc(var(--w) * .0123)}.device-tablet-camera{z-index:3;top:calc(var(--w) * .0094);width:max(3px, calc(var(--w) * .0055));aspect-ratio:1;background:radial-gradient(circle at 38% 36%,#34446a 0 16%,#0e1322 48%,#050608 72%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.device-tablet .device-key{border-radius:calc(var(--w) * .002)}.device-key-tvol-up,.device-key-tvol-down{top:calc(var(--w) * -.0035);height:max(1px, calc(var(--w) * .0045));background:linear-gradient(#18181a,#6a6a6f 45%,#2a2a2d)}.device-key-tvol-up{width:5%;left:7.5%}.device-key-tvol-down{width:5%;left:13.5%}.device-key-top{left:calc(var(--w) * -.0035);width:max(1px, calc(var(--w) * .0045));height:8%;top:7%}.device-ipad-status{z-index:2;color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;height:1.75cqw;padding:0 1.6cqw;font-size:.9cqw;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.device-ipad-status .device-ios-icons{gap:.35cqw}.device-ipad-status .device-ios-icons svg{height:.8cqw}.device-ipad-status .device-ios-icons svg:last-child{height:.88cqw}.device-tablet .device-home{opacity:.8;width:22.9cqw;height:.36cqw;bottom:.6cqw}.stage-tag{white-space:nowrap;background:var(--white);color:#000;min-height:28px;box-shadow:0 0 0 1px var(--border);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.stage-tag:before{content:"";background:var(--neutral-500);border-radius:50%;width:7px;height:7px}.stage-tag-teal:before{background:var(--teal-500)}.stage-tag-yellow:before{background:var(--yellow-500)}