*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.landing-section{content-visibility:auto;contain-intrinsic-size:auto 600px}img,video{content-visibility:auto}.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));will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0)}.feature-card:before{content:"";background:linear-gradient(135deg,hsl(var(--primary)/.05),transparent);opacity:0;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card:hover{box-shadow:0 20px 40px -15px hsl(var(--primary)/.3),0 0 0 1px hsl(var(--primary)/.1);border-color:hsl(var(--primary)/.6);transform:translateY(-8px)scale(1.02)}.dark .feature-card:hover{box-shadow:0 20px 40px -15px hsl(var(--primary)/.5),0 0 0 1px hsl(var(--primary)/.2)}.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:translateY(-8px)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);will-change:transform;transition:transform .3s,box-shadow .3s,border-color .3s;transform:translateZ(0)}.stat-card:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 12px 24px -10px hsl(var(--primary)/.2);transform:translateY(-4px)translateZ(0)}.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}.badge-pill:hover{background:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.5);transform:scale(1.05)translateZ(0)}.contact-form{background:hsl(var(--card));border:1px solid hsl(var(--border)/.5);box-shadow:0 20px 40px -15px hsl(var(--foreground)/.1)}.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}.bento-item:hover{transform:scale(1.02)}.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;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.feature-card:hover,.pricing-card:hover,.stat-card:hover,.cta-button:hover{will-change:transform}.feature-card,.pricing-card,.stat-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))}