.landing-hero-showcase{--pg-hero-showcase-scale:.82;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}@media (min-width:1280px){.landing-hero-showcase{--pg-hero-showcase-scale:.88}}@media (min-width:1536px){.landing-hero-showcase{--pg-hero-showcase-scale:.93}}.landing-hero-showcase .pg-showcase-stage{padding-block:clamp(1rem,2.5vw,2rem)}.landing-hero-showcase .pg-showcase-stage--hero{width:100%;max-width:100%;transform:scale(var(--pg-hero-showcase-scale));transform-origin:50%;will-change:transform;padding-block:0;translate:0 .35rem}@media (min-width:1280px){.landing-hero-showcase .pg-showcase-stage--hero{translate:0 .65rem}}.landing-hero-showcase .pg-showcase-stage-glows{z-index:0;inset:-8% -6%}.landing-hero-showcase .pg-showcase-glow{filter:blur(48px);opacity:0;border-radius:9999px;transition:opacity 1.1s cubic-bezier(.22,1,.36,1);position:absolute}.landing-hero-showcase .pg-showcase-glow-primary{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--primary) 28%, transparent) 0%, color-mix(in srgb, var(--zap-aqua) 12%, transparent) 42%, transparent 72%);width:min(48rem,88%);height:18rem;top:8%;left:50%;transform:translate(-50%)}.landing-hero-showcase .pg-showcase-glow-secondary{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--zap-aqua) 18%, transparent) 0%, transparent 70%);width:22rem;height:14rem;bottom:4%;right:8%}.landing-hero-showcase .pg-showcase-stage.pg-showcase-active .pg-showcase-glow{opacity:.85}.landing-hero-showcase .pg-showcase-floor-shadow{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--primary) 22%, transparent) 0%, color-mix(in srgb, var(--zap-aqua) 8%, transparent) 38%, transparent 72%);filter:blur(18px);opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1);transform:translateZ(-40px)scale(.92)}.landing-hero-showcase .pg-showcase-stage.pg-showcase-active .pg-showcase-floor-shadow{opacity:1}.landing-hero-showcase .pg-showcase-screenshot-wrap{z-index:1;box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 12%, transparent), 0 28px 70px -32px #0000008c, 0 0 80px -48px color-mix(in oklab, var(--primary) 18%, transparent);transition:box-shadow .9s cubic-bezier(.22,1,.36,1)}.landing-hero-showcase .pg-showcase-stage.pg-showcase-active .pg-showcase-screenshot-wrap{box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 28%, transparent), 0 48px 110px -36px color-mix(in oklab, var(--primary) 38%, transparent), 0 0 140px -42px color-mix(in srgb, var(--zap-aqua) 22%, transparent), 0 28px 70px -32px #0000008c}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-exploded--hero{min-height:auto;padding-top:1.5rem;padding-bottom:1.5rem}.landing-hero-showcase .pg-showcase-layer-slot{pointer-events:none}.landing-hero-showcase .pg-showcase-layer{pointer-events:auto}.landing-hero-showcase .pg-showcase-hero-layer.pg-showcase-layer{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.landing-hero-showcase .pg-showcase-hero-layer-slot--resources,.landing-hero-showcase .pg-showcase-hero-layer-slot--server-a,.landing-hero-showcase .pg-showcase-hero-layer-slot--server-b{scale:.94}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--resources{translate:.35rem -.35rem;top:-1.35rem!important;left:auto!important;right:-2.85rem!important}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-b{bottom:-.35rem!important;right:-1.75rem!important}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-a{translate:-.25rem .2rem;bottom:-.55rem!important;left:-2.35rem!important;right:auto!important}@media (min-width:1280px){.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--resources{translate:.65rem -.65rem;top:-2rem!important;left:auto!important;right:-3.75rem!important}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-b{bottom:-.75rem!important;right:-2.25rem!important}.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-a{translate:-.45rem .35rem;bottom:-.9rem!important;left:-3.25rem!important;right:auto!important}}.landing-hero-showcase--teamspeak .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--resources{translate:.55rem -.55rem;top:-1.85rem!important;right:-3.5rem!important}.landing-hero-showcase--teamspeak .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-a{translate:-.25rem .35rem;bottom:-.85rem!important;left:-1.35rem!important}@media (min-width:1280px){.landing-hero-showcase--teamspeak .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--resources{translate:.85rem -.85rem;top:-2.45rem!important;right:-4.35rem!important}.landing-hero-showcase--teamspeak .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-a{translate:-.35rem .45rem;bottom:-1.15rem!important;left:-1.75rem!important}}@media (max-width:767px){.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--resources,.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-a,.landing-hero-showcase .pg-showcase-stage--hero .pg-showcase-hero-layer-slot--server-b{display:none!important}.landing-hero-showcase .pg-showcase-stage{max-width:100%;overflow:hidden}}@media (prefers-reduced-motion:reduce){.landing-hero-showcase .pg-showcase-glow,.landing-hero-showcase .pg-showcase-floor-shadow,.landing-hero-showcase .pg-showcase-screenshot-wrap{transition:none}}
