.PwGOYG_stage{--alu-1:#e4e6ea;--alu-2:#cfd3d9;--alu-3:#b4b9c1;--alu-edge:#9aa0a9;--key:#3a3e45;--well:#b9bec6;--pad:#d8dbe0;--floor-shadow:23 32 52;--shadow-a:.32;--phone-rim-1:#9ea3ab;--phone-rim-2:#5d626a;width:100%;position:relative;container-type:inline-size}.dark .PwGOYG_stage{--alu-1:#4a4e55;--alu-2:#3a3d43;--alu-3:#2c2f34;--alu-edge:#23262a;--key:#0e0f12;--well:#2a2d32;--pad:#42464d;--floor-shadow:0 0 0;--shadow-a:.7;--phone-rim-1:#5a5e66;--phone-rim-2:#2b2e33}.PwGOYG_stage{--L:76cqw;--D:46cqw;--lx:6deg;--ly:-14deg;--lean:12deg;--laptop-left:21cqw;--laptop-top:3cqw;--persp:240cqw;--phone-w:23cqw;--phone-left:1cqw;--phone-top:22cqw;--phone-t:rotateY(-10deg) rotateX(3deg) rotateZ(-1deg);--stage-ratio:100 / 78}@media (max-width:639px){.PwGOYG_stage{--L:74cqw;--D:42cqw;--ly:-8deg;--lx:5deg;--laptop-left:20.5cqw;--laptop-top:2cqw;--phone-w:29cqw;--phone-left:0cqw;--phone-top:16cqw;--phone-t:rotateY(-6deg) rotateX(2deg);--stage-ratio:100 / 76}}.PwGOYG_stage{aspect-ratio:var(--stage-ratio)}.PwGOYG_scene{perspective:var(--persp);perspective-origin:50% 40%;position:absolute;inset:0}.PwGOYG_stage{--stage-ink:var(--community-tint);--stage-a:1}.dark .PwGOYG_stage{--stage-ink:var(--community-accent);--stage-a:.75}.PwGOYG_backdrop{background:radial-gradient(ellipse 70% 80% at 22% 0%, color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 12%), transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 8%), transparent), color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 3%), transparent));box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 14%), transparent);pointer-events:none;border-radius:5cqw 5cqw 0 0;position:absolute;inset:-3% -3% 22% 9%;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.PwGOYG_platform{background:radial-gradient(ellipse 50% 50% at 46% 46%, color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 20%), transparent), color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 9%), transparent) 60%, transparent 100%);height:38%;box-shadow:inset 0 .3cqw .6cqw -.3cqw color-mix(in oklab, var(--stage-ink) calc(var(--stage-a) * 18%), transparent);pointer-events:none;border-radius:50%;position:absolute;top:58%;left:-2%;right:-6%}.PwGOYG_phoneContact{left:calc(var(--phone-left) - 1cqw);width:calc(var(--phone-w) + 5cqw);top:calc(var(--phone-top) + var(--phone-w) * 2.2 - 1.2cqw);background:radial-gradient(ellipse 50% 50% at 52% 50%, rgb(var(--floor-shadow) / calc(var(--shadow-a) * .55)), transparent 75%);filter:blur(.5cqw);pointer-events:none;border-radius:50%;height:4.5cqw;position:absolute}.PwGOYG_laptop{--bz:1.25cqw;--bzt:1.6cqw;--screen-w:calc(var(--L) - 2 * var(--bz));--lid-h:calc(var(--screen-w) / 1.6 + var(--bz) + var(--bzt));--t:.9cqw;left:var(--laptop-left);top:var(--laptop-top);width:var(--L);height:var(--lid-h);transform-style:preserve-3d;transform-origin:50% 100%;--laptop-t:rotateX(calc(-1 * var(--lx))) rotateY(var(--ly));transform:var(--laptop-t) translateZ(var(--laptop-lift,0px));position:absolute}.PwGOYG_lid{transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(var(--lean));position:absolute;inset:0}.PwGOYG_bezel{padding:var(--bzt) var(--bz) var(--bz);box-shadow:0 0 0 .22cqw var(--alu-3), inset 0 0 0 .12cqw #26282c;background:#0b0c0e;border-radius:1.5cqw 1.5cqw .5cqw .5cqw;position:absolute;inset:0}.PwGOYG_camera{background:radial-gradient(circle at 35% 35%,#3a4a66,#0d1015 70%);border-radius:50%;width:.45cqw;height:.45cqw;margin-left:-.225cqw;position:absolute;top:.6cqw;left:50%}.PwGOYG_screen{background:#000;border-radius:.55cqw .55cqw 0 0;position:relative;overflow:hidden}.PwGOYG_screen img{width:100%;height:auto}.PwGOYG_glare{pointer-events:none;background:linear-gradient(118deg,#ffffff1a 0%,#ffffff08 32%,#0000 33%);position:absolute;inset:0}.dark .PwGOYG_glare{background:linear-gradient(118deg,#ffffff0f 0%,#ffffff04 32%,#0000 33%)}.PwGOYG_lidSide{transform-origin:0;background:linear-gradient(90deg, var(--alu-2), var(--alu-3));border-radius:0 .3cqw .3cqw 0;width:.45cqw;position:absolute;top:.4cqw;bottom:0;left:100%;transform:rotateY(90deg)}.PwGOYG_base{width:var(--L);height:var(--D);transform-style:preserve-3d;transform-origin:50% 0;position:absolute;top:100%;left:0;transform:rotateX(90deg)}.PwGOYG_deck{background:linear-gradient(180deg, var(--alu-2) 0%, var(--alu-1) 45%, var(--alu-1) 100%);box-shadow:inset 0 0 0 .1cqw var(--alu-3), inset 0 -.25cqw .2cqw #ffffff40;border-radius:.6cqw .6cqw 1.6cqw 1.6cqw;position:absolute;inset:0}.PwGOYG_hinge{background:linear-gradient(180deg, #111215, var(--alu-3));border-radius:0 0 .4cqw .4cqw;height:3%;position:absolute;top:0;left:6%;right:6%}.PwGOYG_keyboard{background:var(--well);border-radius:.5cqw;grid-template-rows:.55fr repeat(5,1fr);grid-template-columns:repeat(140,1fr);gap:.36cqw;height:45%;padding:.55cqw;display:grid;position:absolute;top:7%;left:9%;right:9%;box-shadow:inset 0 .08cqw .25cqw #00000040}.PwGOYG_keyboard i{background:var(--key);border-radius:.22cqw;display:block;box-shadow:inset 0 -.06cqw #ffffff14}.PwGOYG_trackpad{background:var(--pad);width:38%;height:34%;box-shadow:inset 0 0 0 .08cqw var(--alu-3), inset 0 .1cqw .2cqw #00000014;border-radius:.8cqw;position:absolute;top:58%;left:31%}.PwGOYG_lip{height:var(--t);transform-origin:50% 0;background:radial-gradient(ellipse 7% 70% at 50% 0%, #00000047, transparent 100%), linear-gradient(180deg, var(--alu-2), var(--alu-edge));border-radius:0 0 1.2cqw 1.2cqw;position:absolute;top:100%;left:.6cqw;right:.6cqw;transform:rotateX(-90deg)}.PwGOYG_baseSide{width:var(--t);transform-origin:0;background:linear-gradient(90deg, var(--alu-3), var(--alu-edge));position:absolute;top:.5cqw;bottom:.8cqw;left:100%;transform:rotateY(90deg)}.PwGOYG_floor{transform:translateZ(calc(-1 * var(--t) - .05cqw));background:radial-gradient(ellipse 50% 50% at 50% 52%, rgb(var(--floor-shadow) / calc(var(--shadow-a) * .45)), transparent 72%);position:absolute;inset:-18% -14% -30%}.PwGOYG_contact{transform:translateZ(calc(-1 * var(--t) - .04cqw));background:rgb(var(--floor-shadow) / calc(var(--shadow-a) * .55));filter:blur(.9cqw);border-radius:3cqw;position:absolute;inset:1% -1% -4%}.PwGOYG_phoneWrap{left:var(--phone-left);top:var(--phone-top);width:var(--phone-w);transform-style:preserve-3d;transform:var(--phone-t);transform-origin:50% 100%;position:absolute}.PwGOYG_phoneLift{transform-style:preserve-3d;position:relative}.PwGOYG_phoneShadow{background:rgb(var(--floor-shadow) / calc(var(--shadow-a) * .75));filter:blur(2.2cqw);border-radius:4cqw;position:absolute;inset:6% 4% -2%;transform:translate3d(1.2cqw,2.4cqw,-2cqw)}.PwGOYG_phone{--pw:var(--phone-w);border-radius:calc(var(--pw) * .165);background:linear-gradient(135deg, var(--phone-rim-1), var(--phone-rim-2) 40%, var(--phone-rim-1) 70%, var(--phone-rim-2));box-shadow:0 .1cqw .2cqw #0003, 0 1.4cqw 2.2cqw -.8cqw rgb(var(--floor-shadow) / calc(var(--shadow-a) * .9));padding:.32cqw;position:relative}.PwGOYG_phoneBezel{padding:calc(var(--pw) * .036);border-radius:calc(var(--pw) * .152);background:#050506}.PwGOYG_phoneScreen{border-radius:calc(var(--pw) * .118);background:#000;position:relative;overflow:hidden}.PwGOYG_phoneScreen img{width:100%;height:auto}.PwGOYG_island{background:#000;border-radius:999px;width:31%;height:4.2%;position:absolute;top:3.1%;left:50%;transform:translate(-50%)}.PwGOYG_btn{background:var(--phone-rim-2);border-radius:.2cqw;width:.32cqw;position:absolute}.PwGOYG_btnAction{height:3.4%;top:17%;left:-.22cqw}.PwGOYG_btnVolUp{height:6.5%;top:24%;left:-.22cqw}.PwGOYG_btnVolDown{height:6.5%;top:32.5%;left:-.22cqw}.PwGOYG_btnPower{height:10%;top:26%;right:-.22cqw}.PwGOYG_stage{perspective:220cqw}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.PwGOYG_scene{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.PwGOYG_laptop{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.PwGOYG_laptop:hover{--laptop-lift:2.2cqw}.PwGOYG_phoneLift{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.PwGOYG_phoneWrap:hover .PwGOYG_phoneLift{transform:translate3d(0,-1.2cqw,6cqw)}.PwGOYG_phoneShadow{transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s}.PwGOYG_phoneWrap:hover .PwGOYG_phoneShadow{opacity:.85;transform:translate3d(2.2cqw,4.4cqw,-4cqw)}.PwGOYG_phoneContact{transition:opacity .45s}.PwGOYG_scene:has(.PwGOYG_phoneWrap:hover) .PwGOYG_phoneContact{opacity:.55}}