.landing{--p-y:0px;--p-mx:0;--p-my:0;position:relative;isolation:isolate;overflow-x:clip}.landing-atmosphere{inset:0;overflow:hidden}.landing-atmosphere,.landing-orb{position:absolute;pointer-events:none}.landing-orb{border-radius:999px;filter:blur(48px);will-change:transform}.landing-orb-a{inset-inline-end:-4rem;top:-3rem;width:min(22rem,70vw);height:min(22rem,70vw);background:hsl(var(--primary)/.16);transform:translate3d(0,calc(var(--p-y) * -.22),0)}.landing-orb-b{inset-inline-start:-5rem;top:10rem;width:min(18rem,60vw);height:min(18rem,60vw);background:hsl(var(--secondary)/.12);transform:translate3d(0,calc(var(--p-y) * -.12),0)}.landing-orb-c{inset-inline-end:8%;top:36rem;width:min(14rem,50vw);height:min(14rem,50vw);background:hsl(var(--source)/.14);transform:translate3d(0,calc(var(--p-y) * -.3),0)}.landing-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(hsl(var(--primary)/.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,hsl(var(--foreground)/.7),transparent 70%);mask-image:linear-gradient(to bottom,hsl(var(--foreground)/.7),transparent 70%);transform:translate3d(0,calc(var(--p-y) * -.08),0)}.landing-hero-copy{transform:translate3d(0,calc(var(--p-y) * .04),0)}.landing-preview-tilt{transform:perspective(1400px) rotateX(calc(var(--p-my) * -6deg)) rotateY(calc(var(--p-mx) * 7deg)) translate3d(0,calc(var(--p-y) * .05),0);transform-style:preserve-3d;will-change:transform}@keyframes landing-bob{0%,to{translate:0 0}50%{translate:0 -10px}}@media (max-width:1023px){.landing-grid,.landing-hero-copy,.landing-orb-a,.landing-orb-b,.landing-orb-c,.landing-preview-tilt{transform:none;will-change:auto}}@media (prefers-reduced-motion:reduce){.landing-grid,.landing-hero-copy,.landing-orb-a,.landing-orb-b,.landing-orb-c,.landing-preview-tilt{transform:none;will-change:auto}}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}