@property --stage-px{syntax:"<length>";inherits:true;initial-value:1px}:root{--stage-px:1px}.dev{max-width:100%;display:block;position:relative}.dev img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.dev-laptop{width:min(100%,760px);margin:0 auto}.dev-laptop .screen{aspect-ratio:16/10;border:max(1px, calc(2 * var(--stage-px))) solid #353b47;border-radius:calc(14 * var(--stage-px)) calc(14 * var(--stage-px)) 0 0;padding:calc(10 * var(--stage-px)) calc(10 * var(--stage-px)) 0;box-shadow:0 calc(30 * var(--stage-px)) calc(70 * var(--stage-px)) #0009, 0 0 0 1px #ffffff08 inset;background:#000;border-bottom:0;position:relative;overflow:hidden}.dev-laptop .screen img{border-radius:calc(6 * var(--stage-px)) calc(6 * var(--stage-px)) 0 0}.dev-laptop .screen:after{content:"";width:calc(70 * var(--stage-px));height:calc(10 * var(--stage-px));border-radius:0 0 calc(8 * var(--stage-px)) calc(8 * var(--stage-px));background:#0b0d11;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev-laptop .base{height:calc(16 * var(--stage-px));border-radius:calc(2 * var(--stage-px)) calc(2 * var(--stage-px)) calc(12 * var(--stage-px)) calc(12 * var(--stage-px));box-shadow:0 calc(12 * var(--stage-px)) calc(30 * var(--stage-px)) #00000080;background:linear-gradient(#3b414d,#262b35);margin:0 -4%;position:relative}.dev-laptop .base:after{content:"";width:14%;height:calc(5 * var(--stage-px));border-radius:0 0 calc(6 * var(--stage-px)) calc(6 * var(--stage-px));background:#171b22;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev-phone{aspect-ratio:430/932;border:max(1px, calc(2 * var(--stage-px))) solid #3a404c;border-radius:calc(38 * var(--stage-px));width:min(100%,250px);padding:calc(9 * var(--stage-px));box-shadow:0 calc(30 * var(--stage-px)) calc(60 * var(--stage-px)) #0009, 0 0 0 1px #ffffff0a inset;background:#0a0c10}.dev-phone .screen{border-radius:calc(30 * var(--stage-px));background:#0c0e12;width:100%;height:100%;position:relative;overflow:hidden}.dev-phone .screen:before{content:"";top:calc(10 * var(--stage-px));width:34%;height:calc(22 * var(--stage-px));z-index:2;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.dev-tv{border:max(1px, calc(2 * var(--stage-px))) solid #3a404c;border-radius:calc(16 * var(--stage-px));width:min(100%,220px);padding:calc(12 * var(--stage-px));box-shadow:0 calc(24 * var(--stage-px)) calc(50 * var(--stage-px)) #0000008c;background:#15181f}.dev-tv .face-wrap{border-radius:calc(8 * var(--stage-px));background:#000;overflow:hidden;container-type:inline-size}.dev-tv .gm-face{aspect-ratio:1}.dev-tv.sm{border-radius:12px;width:min(100%,170px);padding:8px}.glow{pointer-events:none;z-index:-1;filter:blur(calc(60 * var(--stage-px)));opacity:.55;border-radius:50%;position:absolute}.glow.g1{background:var(--gg-accent)}.glow.g3{background:#2a5298}.stage{isolation:isolate;position:relative}.persp{max-width:980px;margin:40px auto 0;container-type:inline-size}.persp .scene{--stage-px:calc(100cqw / 812);padding:calc(10 * var(--stage-px)) 0 calc(50 * var(--stage-px));perspective:calc(1600 * var(--stage-px));position:relative}.persp .glow.g1{width:calc(460 * var(--stage-px));height:calc(300 * var(--stage-px));left:30%;top:calc(20 * var(--stage-px))}.persp .glow.g3{width:calc(420 * var(--stage-px));height:calc(300 * var(--stage-px));top:0;right:0}.persp .dev-laptop{width:calc(700 * var(--stage-px));transform-origin:0;margin:0 0 0 2%;transform:rotateY(14deg)rotateX(6deg)}.persp .dev-phone{right:6%;top:calc(60 * var(--stage-px));width:calc(210 * var(--stage-px));position:absolute;transform:rotateY(-18deg)rotateX(4deg)}.persp .dev-tv{width:calc(160 * var(--stage-px));position:absolute;bottom:0;right:30%;transform:rotateY(-10deg)}.persp.tv-front .dev-laptop{width:calc(640 * var(--stage-px));opacity:.92;margin:0}.persp.tv-front .dev-phone{right:4%;top:calc(40 * var(--stage-px));opacity:.92;width:22%}.persp.tv-front .dev-tv{width:34%;padding:calc(14 * var(--stage-px));border-radius:calc(20 * var(--stage-px));box-shadow:0 calc(40 * var(--stage-px)) calc(80 * var(--stage-px)) #000000b3;right:22%;transform:rotateY(-8deg)}.persp .shadow{left:10%;right:10%;bottom:calc(10 * var(--stage-px));height:calc(40 * var(--stage-px));filter:blur(calc(10 * var(--stage-px)));background:radial-gradient(#0009,#0000 70%);position:absolute}.persp-link{text-align:center;margin-top:8px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-title-fit{display:inline-block}p.tag{margin-bottom:20px}@media (prefers-reduced-motion:reduce){.persp .dev-laptop,.persp .dev-phone,.persp .dev-tv{transform:none}}