.landing-gradient-text{background-image:linear-gradient(120deg, var(--brand-active), var(--brand), var(--brand-hover));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-grid{background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%)}.landing-glow{background:radial-gradient(circle, color-mix(in srgb, var(--brand) 22%, transparent) 0%, transparent 70%)}html:has(.landing-grid){scroll-behavior:smooth}[id=channels],[id=pain-points],[id=features],[id=how-it-works],[id=faq],[id=contact]{scroll-margin-top:2rem}.landing-nav{background-color:var(--canvas);border-bottom:1px solid var(--hairline);box-shadow:none;transition:background-color .2s,border-color .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s}.landing-nav-scrolled{background-color:color-mix(in srgb, var(--canvas) 85%, transparent);border-bottom-color:var(--hairline);box-shadow:var(--shadow-1);-webkit-backdrop-filter:saturate(1.5)blur(16px)}.landing-divider{background:linear-gradient(to right, transparent, var(--hairline), transparent)}@keyframes landing-reveal-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.landing-reveal{animation:.6s both landing-reveal-in}@media (prefers-reduced-motion:reduce){.landing-reveal{opacity:1;animation:none;transform:none}}