.hero-bg{position:relative}.hero-bg:before{content:"";pointer-events:none;background:radial-gradient(400px 400px at 20% 12%,rgba(147,51,234,.4) 0%,transparent 50%) 0 0/100% 100%,radial-gradient(350px 350px at 85% 8%,rgba(251,146,60,.45) 0%,transparent 45%) 0 0/100% 100%,radial-gradient(400px 400px at 50% 75%,rgba(251,191,146,.25) 0%,transparent 50%) 0 0/100% 100%,radial-gradient(300px 300px at 50% 45%,rgba(250,204,169,.15) 0%,transparent 40%) 0 0/100% 100%,radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/24px 24px;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:768px){.hero-bg:before{background:radial-gradient(500px 500px at 15% 15%,rgba(147,51,234,.38) 0%,transparent 50%),radial-gradient(450px 450px at 80% 20%,rgba(251,146,60,.42) 0%,transparent 45%),radial-gradient(500px 500px at 70% 80%,rgba(251,191,146,.22) 0%,transparent 50%),radial-gradient(400px 400px at 50% 55%,rgba(250,204,169,.12) 0%,transparent 40%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 1px)}}@media (min-width:1024px){.hero-bg:before{background:radial-gradient(700px 700px at 10% 15%,rgba(147,51,234,.35) 0%,transparent 50%),radial-gradient(550px 550px at 75% 25%,rgba(251,146,60,.4) 0%,transparent 45%),radial-gradient(600px 600px at 85% 85%,rgba(251,191,146,.22) 0%,transparent 50%),radial-gradient(450px 450px at 50% 60%,rgba(250,204,169,.12) 0%,transparent 40%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 1px)}}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.animate-slideRight{animation:1.5s ease-in-out infinite slideRight}.pattern-dots{background-image:radial-gradient(at 20% 30%,rgba(147,51,234,.08) 0%,transparent 40%),radial-gradient(at 80% 70%,rgba(251,146,60,.1) 0%,transparent 40%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.15) 1px,transparent 1px);background-position:0 0,0 0,0 0;background-size:100% 100%,100% 100%,32px 32px;animation:90s linear infinite patternMove;position:relative}.pattern-dots:before{content:"";background:radial-gradient(circle,transparent 0%,rgba(147,51,234,.02) 50%,transparent 100%);animation:8s ease-in-out infinite patternPulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes patternMove{0%{background-position:0 0,0 0,0 0}to{background-position:-100px 100px,100px -100px,32px 32px}}@keyframes patternPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes floatUp{0%{opacity:0;filter:blur(2px);transform:translateY(100vh)translate(0)rotate(0)scale(0)}10%{opacity:.6;filter:blur(1px);transform:translateY(80vh)translate(20px)rotate(90deg)scale(.8)}50%{opacity:.9;filter:blur(.5px);transform:translateY(0)translate(-20px)rotate(270deg)scale(1)}90%{opacity:.6;filter:blur(1px);transform:translateY(-80vh)translate(20px)rotate(450deg)scale(.8)}to{opacity:0;filter:blur(2px);transform:translateY(-100vh)translate(0)rotate(540deg)scale(0)}}.particle{will-change:transform,opacity,filter;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(147,51,234,.3));border-radius:50%;width:6px;height:6px;transition:transform .3s ease-out;animation:linear infinite both floatUp;position:absolute;box-shadow:0 0 20px rgba(147,51,234,.4),0 0 40px rgba(147,51,234,.2)}.particle:nth-child(2n){animation-duration:calc(20s + var(--duration,0s));background:radial-gradient(circle,rgba(255,255,255,.9),rgba(251,176,130,.35));box-shadow:0 0 20px rgba(251,176,130,.45),0 0 40px rgba(251,176,130,.25)}.particle:nth-child(odd){animation-duration:calc(25s + var(--duration,0s))}.glass-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18)}@media (prefers-reduced-motion:reduce){.particle,.animate-spin-slow,.animate-pulse,.animate-shimmer,.animate-float,.pattern-dots,.pattern-dots:before{animation:none!important}}.hero-headline{letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);font-size:2.25rem;line-height:.95}.hero-subheadline{letter-spacing:-.01em;font-size:1rem;line-height:1.5}.hero-cta{letter-spacing:.05em;gap:.5rem;padding:1rem 2rem;font-size:.8125rem}.hero-cta-arrow{width:1.25rem;height:1.25rem}@media (min-width:375px){.hero-headline{font-size:2.5rem}.hero-cta{gap:.625rem;padding:1.125rem 2.5rem;font-size:.875rem}.hero-cta-arrow{width:1.375rem;height:1.375rem}}@media (min-width:480px){.hero-headline{font-size:2.75rem}.hero-subheadline{font-size:1.0625rem}}@media (min-width:768px){.hero-headline{font-size:3.5rem}.hero-subheadline{font-size:1.1875rem}.hero-cta{gap:.75rem;padding:1.25rem 3rem;font-size:.9375rem}.hero-cta-arrow{width:1.5rem;height:1.5rem}}@media (min-width:1024px){.hero-headline{font-size:4.75rem}.hero-subheadline{font-size:1.375rem}.hero-cta{padding:1.375rem 3.25rem;font-size:1rem}.hero-cta-arrow{width:1.75rem;height:1.75rem}}@media (min-width:1280px){.hero-headline{font-size:5.5rem}.hero-subheadline{font-size:1.5rem}}.hero-content-spacing{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.hero-content-spacing{gap:2rem}}@media (min-width:1280px){.hero-content-spacing{gap:2.5rem}}.phone-mockup{width:260px}@media (min-width:375px){.phone-mockup{width:280px}}@media (min-width:480px){.phone-mockup{width:300px}}@keyframes borderBeam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-border-beam{border-radius:2.5rem;padding:3px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.phone-border-beam:before{content:"";background:conic-gradient(transparent 0deg,transparent 270deg,rgba(168,85,247,.7) 300deg,rgba(255,255,255,.9) 330deg,rgba(168,85,247,.7) 360deg);animation:4s linear infinite borderBeam;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}.phone-border-beam>.phone-border-inner{z-index:1;background:#0f172a;border-radius:calc(2.5rem - 3px);padding:.5rem;position:relative}@media (prefers-reduced-motion:reduce){.phone-border-beam:before{background:linear-gradient(135deg,rgba(168,85,247,.5) 0%,#1e293b 100%);animation:none;top:0;bottom:0;left:0;right:0}}@media (min-width:768px){.phone-mockup{width:300px}}@media (min-width:1024px){.phone-mockup{width:380px}}@media (min-width:1280px){.phone-mockup{width:420px}}@media (min-width:1536px){.phone-mockup{width:460px}}.hero-grid{grid-template-columns:1fr;place-items:center;gap:2.5rem;width:100%;display:grid}@media (min-width:768px){.hero-grid{gap:3rem}}@media (min-width:1024px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem}.hero-grid>:first-child{justify-self:start}.hero-grid>:last-child{justify-self:end}}@media (min-width:1280px){.hero-grid{grid-template-columns:1.2fr .8fr;gap:4rem}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-eyebrow{animation:1s cubic-bezier(.16,1,.3,1) both heroFadeUp}.hero-headline{animation:1s cubic-bezier(.16,1,.3,1) .1s both heroFadeUp}.hero-subheadline{animation:1s cubic-bezier(.16,1,.3,1) .3s both heroFadeUp}.hero-cta{animation:.8s cubic-bezier(.16,1,.3,1) .5s both heroScaleIn}.hero-content-spacing>div:nth-child(4){animation:1s cubic-bezier(.16,1,.3,1) .7s both heroFadeUp}.phone-mockup{animation:1.2s cubic-bezier(.16,1,.3,1) .4s both heroScaleIn}@media (prefers-reduced-motion:reduce){.hero-eyebrow,.hero-headline,.hero-subheadline,.hero-cta,.hero-content-spacing>div:nth-child(4),.phone-mockup{opacity:1!important;animation:none!important;transform:none!important}}.scroll-reveal{opacity:0;transition-property:opacity,transform;transition-duration:var(--reveal-duration,.8s);will-change:opacity,transform;transition-timing-function:cubic-bezier(.16,1,.3,1)}.scroll-reveal-visible{opacity:1!important;transform:none!important}.scroll-reveal-fadeUp{transform:translateY(30px)}.scroll-reveal-fadeIn{transform:none}.scroll-reveal-scaleIn{transform:scale(.95)}.scroll-reveal-slideLeft,.scroll-reveal-slideRight{transform:translateY(30px)}@media (min-width:1024px){.scroll-reveal-slideLeft{transform:translate(-30px)}.scroll-reveal-slideRight{transform:translate(30px)}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transition:none!important;transform:none!important}}.bg-slate-800\/60{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.bg-slate-800\/60:hover{transform:translateY(-2px)}