.landing-platform-stage{--pw-edge:color-mix(in oklab, var(--primary) 20%, var(--border));--pw-glow:color-mix(in oklab, var(--primary) 9%, transparent);perspective:1600px;width:100%;padding-block:20px 24px;position:relative}.landing-hero-product-space:has(.landing-platform-stage){aspect-ratio:auto}.landing-platform-window{aspect-ratio:1280/984;border:1px solid var(--pw-edge);background:linear-gradient(150deg,color-mix(in oklab,var(--foreground) 10%,transparent),color-mix(in oklab,var(--background) 92%,transparent) 30%,color-mix(in oklab,var(--background) 88%,transparent) 75%,color-mix(in oklab,var(--primary) 5%,transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px color-mix(in oklab,var(--foreground) 6%,transparent) inset,0 0 12px var(--pw-glow),-8px 0 22px color-mix(in oklab,var(--primary) 7%,transparent),0 40px 70px color-mix(in oklab,var(--background) 95%,transparent);transform-origin:60%;border-radius:22px;padding:10px;position:relative;transform:rotateY(-14deg)rotateX(3deg)}.landing-platform-window:before{content:"";border-radius:inherit;background:linear-gradient(120deg,color-mix(in oklab,var(--foreground) 40%,transparent),transparent 22%,transparent 70%,color-mix(in oklab,var(--primary) 30%,transparent));pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-platform-viewport{border:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);background:color-mix(in oklab,var(--background) 82%,transparent);scrollbar-width:none;overscroll-behavior:contain;border-radius:14px;height:100%;position:relative;overflow:hidden}.landing-platform-viewport::-webkit-scrollbar{display:none}.landing-platform-viewport img{object-fit:contain;opacity:0;width:100%;max-width:none;height:100%;margin:0;transition:opacity .6s;position:absolute;inset:0}.landing-platform-viewport img[data-active=true]{opacity:1}@media(max-width:600px){.landing-platform-stage{perspective:none;width:100%;margin-left:0;padding-block:16px 24px}.landing-platform-window{border-radius:16px;padding:6px;transform:none}.landing-platform-viewport{border-radius:11px}}@media(prefers-reduced-motion:reduce){.landing-platform-window{transform:none}}@media(min-width:601px)and (max-width:1099px){.landing-platform-stage{width:103%;margin-top:38px;margin-left:calc(38px - 1.5%)}}@media(min-width:1100px){.landing-platform-stage{width:119%;margin-top:38px;margin-left:calc(38px - 9.5%)}}