*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-gradient{background:radial-gradient(circle at 20% 50%, hsl(var(--primary) / .15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, #4468bb1f 0%, transparent 50%), radial-gradient(circle at 40% 20%, #ad5cd614 0%, transparent 50%), hsl(var(--background));position:relative;overflow:hidden}.hero-gradient:before{content:"";background:conic-gradient(from 0deg at 50% 50%, hsl(var(--primary) / .1) 0deg, transparent 60deg, transparent 180deg, #ad5cd614 240deg, transparent 300deg, hsl(var(--primary) / .1) 360deg);pointer-events:none;will-change:transform;width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%;transform:translateZ(0)}.dark .hero-gradient{background:radial-gradient(circle at 20% 50%, hsl(var(--primary) / .25) 0%, transparent 50%), radial-gradient(circle at 80% 80%, #4468bb33 0%, transparent 50%), radial-gradient(circle at 40% 20%, #ad5cd626 0%, transparent 50%), hsl(var(--background))}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(120deg, hsl(var(--primary)) 0%, #ad5cd6 30%, #dd3ca7 50%, #ad5cd6 70%, hsl(var(--primary)) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;background-size:300%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:4s infinite gradient-flow}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.feature-card{border:1px solid hsl(var(--border) / .5);background:hsl(var(--card));position:relative;overflow:hidden}.pricing-card{border:2px solid hsl(var(--border));background:hsl(var(--card));will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1),border-color .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:translateZ(0)}.pricing-card:after{content:"";background:radial-gradient(circle, hsl(var(--primary) / .1) 0%, transparent 70%);opacity:0;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.pricing-card:hover{border-color:hsl(var(--primary));box-shadow:0 30px 60px -20px hsl(var(--primary) / .4), 0 0 0 1px hsl(var(--primary) / .2);transform:scale(1.03)}.pricing-card:hover:after{opacity:1}.pricing-card.featured{border-color:hsl(var(--primary));box-shadow:0 25px 50px -15px hsl(var(--primary) / .3), 0 0 0 1px hsl(var(--primary) / .2);background:linear-gradient(135deg, hsl(var(--card)), hsl(var(--primary) / .03))}.pricing-card.featured:after{opacity:.5}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5)}.float-animation{animation:8s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(-5px)rotate(-1deg)}}.pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 8px hsl(var(--primary) / .5))}50%{opacity:.8;filter:drop-shadow(0 0 20px hsl(var(--primary) / .8))}}.stagger-animation{animation:.6s cubic-bezier(.16,1,.3,1) backwards stagger-in}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsl(var(--background) / .95);border-bottom:1px solid hsl(var(--border) / .5);will-change:background, box-shadow;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.landing-nav.scrolled{background:hsl(var(--background));box-shadow:0 2px 8px -2px hsl(var(--foreground) / .1);border-bottom-color:#0000}.cta-button{transition:all .3s;position:relative;overflow:hidden}.cta-button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-button:hover:before{width:400px;height:400px}.cta-button:active{transform:scale(.98)}.icon-glow{filter:drop-shadow(0 0 12px hsl(var(--primary) / .6));animation:3s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{filter:drop-shadow(0 0 12px hsl(var(--primary) / .6))}50%{filter:drop-shadow(0 0 20px hsl(var(--primary) / .9))}}.badge-pill{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;transition:background .3s,border-color .3s,transform .3s;display:inline-flex}.contact-form{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5)}.landing-section{padding:6rem 0;position:relative}@media (max-width:768px){.landing-section{padding:4rem 0}}.mesh-gradient{background:radial-gradient(at 0% 0%, hsl(var(--primary) / .1) 0px, transparent 50%), radial-gradient(at 100% 0%, #ad5cd614 0px, transparent 50%), radial-gradient(at 100% 100%, hsl(var(--primary) / .1) 0px, transparent 50%), radial-gradient(at 0% 100%, #ad5cd614 0px, transparent 50%);opacity:.8;pointer-events:none;position:absolute;inset:0}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.bento-item{border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skeleton{background:linear-gradient(90deg, hsl(var(--muted)) 0%, hsl(var(--muted-foreground) / .1) 50%, hsl(var(--muted)) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-dots:after{content:".";animation:1.5s steps(4,end) infinite loading-dots}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.reveal{opacity:0;will-change:opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1}.pricing-card:hover,.cta-button:hover{will-change:transform}.pricing-card,.cta-button{transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:640px){.gradient-text{background-size:200%}}.dark .pricing-card.featured{background:linear-gradient(135deg, hsl(var(--card)), hsl(var(--primary) / .08))}.dark .mesh-gradient{opacity:.5}.dark .badge-pill{background:linear-gradient(135deg, hsl(var(--primary) / .2), hsl(var(--primary) / .12))}