.hp-grain{z-index:60;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hp-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px);background-size:56px 56px}.hp-grid-dark{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:56px 56px}.hp-fade-radial{-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 78%)}.hp-dots{background-image:radial-gradient(color-mix(in oklab, var(--foreground) 10%, transparent) 1px, transparent 1px);background-size:22px 22px}.hp-reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--hp-delay,0s);will-change:opacity, transform;transform:translateY(20px)}.hp-reveal.is-visible{opacity:1;transform:none}.hp-enter{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards hp-enter;animation-delay:var(--hp-delay,0s)}@keyframes hp-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hp-card-shadow{box-shadow:0 1px 0 color-mix(in oklab, var(--foreground) 4%, transparent), 0 18px 40px -24px color-mix(in oklab, var(--foreground) 28%, transparent)}.hp-card-lift{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.hp-card-lift:hover{box-shadow:0 1px 0 color-mix(in oklab, var(--foreground) 4%, transparent), 0 28px 60px -28px color-mix(in oklab, var(--foreground) 34%, transparent);transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.hp-reveal,.hp-enter{opacity:1;transition:none;animation:none;transform:none}}@media (max-width:639px){.hp-home a[href^=\/auth],.hp-home a[href^=\/contact],.hp-home a[href^=\/pricing]{white-space:normal;text-align:center;max-width:100%}}
