.nf-landing-hero-wrap{isolation:isolate;position:relative}.nf-landing-mesh{background:radial-gradient(ellipse 110% 85% at 50% -35%,color-mix(in srgb,var(--canvas-accent)32%,transparent),transparent 58%),radial-gradient(ellipse 55% 45% at 95% 5%,color-mix(in srgb,var(--canvas-accent)14%,transparent),transparent 52%),radial-gradient(ellipse 45% 38% at 5% 25%,color-mix(in srgb,var(--canvas-accent)11%,transparent),transparent 48%)}.nf-landing-grid-fine{background-image:linear-gradient(color-mix(in srgb,var(--canvas-border)50%,transparent)1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--canvas-border)50%,transparent)1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 92%);mask-image:linear-gradient(#000 0% 35%,#0000 92%)}.nf-landing-section-band{background:linear-gradient(180deg,color-mix(in srgb,var(--canvas-surface)40%,var(--canvas-bg))0%,var(--canvas-bg)24%,var(--canvas-bg)76%,color-mix(in srgb,var(--canvas-surface)35%,var(--canvas-bg))100%)}.nf-landing-showcase{transform-origin:top;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.nf-landing-showcase:hover{box-shadow:0 40px 90px #00000024,0 0 0 1px color-mix(in srgb,var(--canvas-accent)18%,var(--canvas-border));transform:translateY(-3px)}}.nf-landing-card-hover{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}@media (hover:hover) and (pointer:fine){.nf-landing-card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}}