*{box-sizing:border-box;margin:0;padding:0}:root{--geist-foreground:#000;--geist-background:#fff;--geist-secondary:#666;--geist-border:#eaeaea;--geist-success:#0070f3;--geist-error:#e00;--geist-warning:#f5a623;--geist-cyan:#50e3c2;--geist-purple:#7928ca;--geist-pink:#ff0080;--geist-radius:8px;--geist-spacing:1rem}[data-theme=dark]{--geist-foreground:#fff;--geist-background:#000;--geist-secondary:#888;--geist-border:#333;--geist-success:#0070f3;--geist-error:#e00;--geist-warning:#f5a623;--geist-cyan:#50e3c2;--geist-purple:#7928ca;--geist-pink:#ff0080;--geist-radius:8px;--geist-spacing:1rem}body{background:var(--geist-background);color:var(--geist-foreground);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-testimonials{max-width:100vw;margin:0 auto}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--geist-border);z-index:1000;background:#fffc;width:100%;padding:10px;position:fixed;top:4px}.header-gradient-border{z-index:1001;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;height:4px;animation:3s infinite gradientShift;position:fixed;top:0;left:0;right:0}[data-theme=dark] header{background:#000c}nav{justify-content:space-between;padding:1rem 0}.nav-right,nav{align-items:center;display:flex}.nav-right{gap:1rem}.nav-auth{align-items:center;gap:.75rem;display:flex}.btn-contact{border:1px solid var(--geist-border);border-radius:var(--geist-radius);background:0 0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-contact,.btn-contact:hover{color:var(--geist-foreground);text-decoration:none}.btn-contact:hover{background:var(--geist-border)}.theme-toggle{border-radius:var(--geist-radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;padding:.5rem;transition:all .2s;display:flex}.theme-icon{font-size:1.25rem}.logo{color:var(--geist-foreground);align-items:center;gap:.2rem;font-family:DM Serif Text,serif;font-size:1.5rem;font-style:italic;font-weight:400;text-decoration:none;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--geist-secondary);font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--geist-foreground)}.btn{border-radius:var(--geist-radius);cursor:pointer;border:1px solid;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--geist-foreground);border-color:var(--geist-foreground);color:var(--geist-background);transition:all .3s;position:relative}.btn-primary:hover{color:#0000}.btn-primary:hover:before{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum);content:attr(data-text);-webkit-text-fill-color:transparent;font-size:inherit;font-weight:inherit;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;animation:3s infinite gradientShift;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.btn-secondary{border-color:var(--geist-border);color:var(--geist-foreground);background:0 0}.btn-secondary:hover{background:var(--geist-foreground);color:var(--geist-background)}.hero{text-align:center;min-height:100vh;padding:6rem 0}.trial-badge-wrapper{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;border-radius:22px;margin-bottom:1.5rem;padding:2px;animation:3s infinite gradientShift;display:inline-block}.trial-badge{background:var(--geist-background);box-sizing:border-box;color:var(--geist-foreground);border-radius:20px;align-items:center;width:100%;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}.trial-badge:hover{color:var(--geist-foreground);text-decoration:none}.trial-badge-wrapper:hover{transition:transform .2s;transform:translateY(-1px)}.hero .subtitle{color:var(--geist-secondary);max-width:700px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.highlight-word{font-weight:600}.hero h1,.highlight-word{color:var(--geist-foreground)}.hero h1{margin:0 2rem 2rem;font-size:max(3rem,min(8vw,5rem));font-weight:700;line-height:100px}.gradient-text{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift;display:inline-block}.dm-serif-italic{font-family:DM Serif Text,serif;font-style:italic}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-image{max-width:1200px;margin:0 auto;display:none;position:relative}.gradient-border-wrapper{width:100%;display:inline-block}.gradient-border-wrapper img{border-radius:12px;width:100%;display:block}.hero-image-placeholder{aspect-ratio:16/10;border:2px solid var(--geist-border);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.hero-image-placeholder:before{background:var(--geist-border);content:"";align-items:center;height:3rem;padding:0 1rem;display:flex;position:absolute;top:0;left:0;right:0}.hero-image-placeholder:after{color:#fff;content:"● ● ●";letter-spacing:.5rem;font-size:1rem;position:absolute;top:1rem;left:1.5rem}.hero-placeholder-content{text-align:center;margin-top:2rem;padding:3rem}.hero-placeholder-icon{opacity:.6;margin-bottom:1.5rem;font-size:4rem}.hero-placeholder-text{color:var(--geist-foreground);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.hero-placeholder-description{color:var(--geist-secondary);font-size:1rem}.features{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem;font-weight:600}.section-header p{color:var(--geist-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.feature-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:100%;margin-bottom:6rem;padding:2rem 0;display:grid;overflow:hidden}.feature-showcase.reverse{direction:rtl}.feature-showcase.reverse .feature-content,.feature-showcase.reverse .feature-screenshot{direction:ltr}.feature-content{box-sizing:border-box;max-width:100%;padding:2rem}.feature-content .feature-icon{background:var(--geist-foreground);border-radius:var(--geist-radius);color:#fff;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:2rem;display:flex}.feature-content h3{color:var(--geist-foreground);margin-bottom:1rem;font-size:2.2rem;font-weight:600}.feature-content p{color:var(--geist-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.feature-list{margin:0}.feature-list li{color:var(--geist-secondary)}.feature-list li:before{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum);content:"✓";-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin-right:.75rem;font-size:1.1rem;font-weight:700;animation:3s infinite gradientShift}.feature-screenshot{max-width:100%;position:relative;overflow:hidden}.screenshot-placeholder{aspect-ratio:16/10;border:2px solid var(--geist-border);border-radius:var(--geist-radius);background:#fff;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.screenshot-placeholder:before{background:var(--geist-border);content:"";align-items:center;height:2rem;padding:0 1rem;display:flex;position:absolute;top:0;left:0;right:0}.screenshot-placeholder:after{color:#fff;content:"● ● ●";letter-spacing:.25rem;font-size:.75rem;position:absolute;top:.5rem;left:1rem}.placeholder-content{text-align:center;margin-top:1rem;padding:2rem}.placeholder-icon{opacity:.6;margin-bottom:1rem;font-size:3rem}.placeholder-text{color:var(--geist-foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.placeholder-description{color:var(--geist-secondary);font-size:.875rem}.feature-carousel{width:100%;height:100%;position:relative}.carousel-container{aspect-ratio:3/2;border-radius:8px;width:100%;max-width:600px;max-height:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.carousel-image{-o-object-fit:cover;object-fit:cover;opacity:0;z-index:1;border-radius:8px;width:100%;height:100%;transition:opacity 3s ease-in-out;position:absolute;top:0;left:0}.carousel-image.active{opacity:1;z-index:2}.carousel-dots{opacity:0;justify-content:center;gap:.5rem;margin-top:1rem;transition:opacity .3s;display:none}.feature-carousel:hover .carousel-dots{opacity:1}.carousel-dot{background:var(--geist-border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.carousel-dot.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum) 0 0/300% 300%;animation:3s infinite gradientShift;transform:scale(1.2)}.carousel-dot:hover{background:var(--geist-secondary);transform:scale(1.1)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:100%;margin-top:6rem;display:grid}.feature-card{border:1px solid var(--geist-border);border-radius:var(--geist-radius);background:#fff;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{border-radius:var(--geist-radius);content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;padding:2px;transition:opacity .3s;animation:3s infinite gradientShift;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.feature-card:hover:before{opacity:1}.feature-icon{background:var(--geist-foreground);border-radius:var(--geist-radius);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.feature-card p{color:var(--geist-secondary);line-height:1.6}.testimonials{padding:6rem 0;overflow:hidden}.testimonials-carousel{margin-top:4rem;padding:2rem 0;position:relative;overflow:hidden}.testimonials-track{gap:2rem;width:-moz-fit-content;width:fit-content;animation:30s linear infinite scrollTestimonials;display:flex}.testimonials-track:hover{animation-play-state:paused}@keyframes scrollTestimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem;display:grid}.testimonial{border:1px solid var(--geist-border);border-radius:var(--geist-radius);cursor:pointer;background:#fff;flex-shrink:0;width:400px;min-width:400px;padding:2rem;transition:all .3s;position:relative}.testimonial:hover:after{border-radius:inherit;content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;padding:2px;animation:3s infinite gradientShift;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.testimonial:hover .author-info h4,.testimonial:hover .author-info span,.testimonial:hover .testimonial-content{color:var(--geist-foreground)!important}.testimonial:before,.testimonial:hover:before{color:var(--geist-border)}.testimonial:before{content:"\"";font-size:4rem;line-height:1;position:absolute;top:1rem;left:1.5rem}.testimonial-content{color:var(--geist-secondary);margin:2rem 0 1.5rem;font-style:italic}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{background:var(--geist-border);color:var(--geist-secondary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.author-info h4{margin-bottom:.25rem;font-weight:600}.author-info p{color:var(--geist-secondary);font-size:.875rem}.pricing{background:#fff;padding:6rem 0 10rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.pricing-card{border:2px solid var(--geist-border);text-align:center;background:#fff;height:400px;padding:2.5rem;transition:all .3s}.pricing-card,.pricing-card.featured{border-radius:var(--geist-radius);position:relative}.pricing-card.featured{background:var(--geist-background);background-clip:padding-box;transform:scale(1.05);box-shadow:0 15px 35px #0000001a}.pricing-card.featured .pricing-plan{background-clip:padding-box,border-box;background-image:linear-gradient(var(--geist-background),var(--geist-background)),linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b);color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:3s infinite gradientShift}.pricing-card.featured .btn-primary{background:var(--geist-background);color:var(--geist-foreground);background-clip:padding-box;border:2px solid #0000;position:relative}.pricing-card.featured .btn-primary:before{border-radius:inherit;content:"";z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;animation:3s infinite gradientShift;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.pricing-card.featured .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.pricing-card.featured .btn-primary:hover:before{animation-duration:1.5s}.hero .btn-primary{background:var(--geist-background);color:var(--geist-foreground);background-clip:padding-box;border:2px solid #0000;position:relative}.hero .btn-primary:before{border-radius:inherit;content:"";z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;animation:3s infinite gradientShift;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.hero .btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.hero .btn-primary:hover:before{animation-duration:1.5s}.nav-auth .btn-primary{background:var(--geist-background);color:var(--geist-foreground);background-clip:padding-box;border:2px solid #0000;position:relative}.nav-auth .btn-primary:before{border-radius:inherit;content:"";z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;animation:3s infinite gradientShift;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.nav-auth .btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.nav-auth .btn-primary:hover:before{animation-duration:1.5s}.cta .btn-primary{background:var(--geist-background);color:var(--geist-foreground);background-clip:padding-box;border:2px solid #0000;position:relative}.cta .btn-primary:before{border-radius:inherit;content:"";z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#ff6b6b) 0 0/300% 300%;animation:3s infinite gradientShift;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.cta .btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.cta .btn-primary:hover:before{animation-duration:1.5s}.pricing-plan{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.pricing-price{color:var(--geist-foreground);margin-bottom:.5rem;font-size:3rem;font-weight:700}.pricing-price span{color:var(--geist-secondary);font-size:1rem;font-weight:400}.pricing-description{color:var(--geist-secondary);margin-bottom:2rem}.pricing-features{text-align:left;margin:2rem 0;padding:0;list-style:none}.pricing-features li{color:var(--geist-foreground);align-items:center;margin-bottom:.75rem;display:flex}.pricing-features li:before{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum);content:"✓";-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin-right:.75rem;font-size:1.1rem;font-weight:700;animation:3s infinite gradientShift}.pricing-cta{width:100%;margin-bottom:4rem}.features-checklist{display:none}.features-checklist h3{color:var(--geist-foreground);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.feature-list{text-align:left;max-width:600px;margin:0 auto;padding:0;list-style:none}.feature-list li{color:var(--geist-foreground);align-items:center;margin-bottom:.75rem;font-size:1rem;display:flex}.features-checklist .feature-list{text-align:center}.features-checklist .feature-list li{justify-content:center}.features-checklist .feature-list li:before{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum);content:"✓";-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin-right:.75rem;font-size:1.1rem;font-weight:700;animation:3s infinite gradientShift}.pricing-plans-section{text-align:center}.pricing-plans-section h3{color:var(--geist-foreground);margin-bottom:2rem;font-size:1.75rem;font-weight:600}.pricing-note{color:var(--geist-secondary);margin-bottom:2rem;font-size:.875rem;font-style:italic}.faq{padding:6rem 0}.faq-list{max-width:800px;margin:4rem auto 0}.faq-item{background:var(--geist-background);border:1px solid var(--geist-border);border-radius:var(--geist-radius);margin-bottom:.5rem;overflow:hidden}.faq-question{color:var(--geist-foreground);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;font-size:1rem;font-weight:500;display:flex}.faq-question:hover{background:var(--geist-border)}.faq-answer{color:var(--geist-secondary);max-height:0;padding:0 1.5rem;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding:.5rem 1.5rem 1.5rem}.faq-icon{transition:transform .2s}.faq-item.active .faq-icon{transform:rotate(180deg)}.need-more-help{background:var(--geist-border);border:1px solid var(--geist-border);text-align:center;border-radius:8px;margin-top:3rem;padding:2rem}.need-more-help h3{color:var(--geist-foreground);margin-bottom:1rem}.need-more-help p{color:var(--geist-secondary);margin-bottom:1.5rem}[data-theme=dark] .need-more-help{border-color:var(--geist-border);background:#000}[data-theme=dark] .need-more-help h3{color:var(--geist-foreground)}[data-theme=dark] .need-more-help p{color:var(--geist-secondary)}.cta{background:var(--geist-background);color:var(--geist-foreground);text-align:center;padding:6rem 0}.cta h2{margin-bottom:1rem;font-size:2.5rem;font-weight:600}.cta p{max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.cta p,footer{color:var(--geist-secondary)}footer{border-top:1px solid var(--geist-border);padding:3rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-left{flex-direction:column;flex:1;gap:.5rem;display:flex}.footer-center{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.footer-center p{color:var(--geist-secondary);margin:0}.footer-right{flex:1;justify-content:flex-end}.footer-links,.footer-right{align-items:center;gap:1rem;display:flex}.footer-links a{color:var(--geist-secondary);border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.footer-links a:hover{background:var(--geist-border);color:var(--geist-foreground)}.theme-toggle-small{width:32px;height:32px;padding:.25rem}.theme-toggle-small .theme-icon{font-size:.875rem}.status-indicator{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.status-dot{background:#00d26a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #00d26a66}.status-text{color:var(--geist-secondary);font-size:.875rem;font-weight:500}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-left{text-align:center;order:1;align-items:center}.footer-center{order:2}.footer-right{order:3;justify-content:center;gap:.75rem}.footer-links{gap:.75rem}.btn-contact,.mobile-menu-toggle,.nav-auth,.nav-links{display:none}nav{justify-content:center}.footer .theme-toggle{width:36px;height:36px}.footer .theme-icon{font-size:1rem}.hero{padding:6rem 0 4rem}.hero h1{line-height:1.2}.hero-cta{flex-direction:column;align-items:stretch}.cta,.faq,.features,.pricing,.testimonials{padding:4rem 0}.feature-showcase{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.feature-showcase.reverse{direction:ltr}.feature-showcase.reverse .feature-screenshot{order:1}.feature-showcase.reverse .feature-content{order:2}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.screenshot-placeholder{aspect-ratio:4/3}.feature-content{padding:1rem}.feature-content h3{font-size:1.5rem}.feature-content p{font-size:1rem}.pricing-card.featured{transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out fadeInUp}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.mobile-menu-toggle{display:none}}.email-notifications{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.email-feature-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;display:grid}.email-content{padding:2rem}.email-content .feature-icon{background:linear-gradient(135deg,var(--geist-success),#00a8ff);border-radius:var(--geist-radius);color:#fff;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;font-size:2.5rem;display:flex}.email-content h3{color:var(--geist-foreground);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.email-content p{color:var(--geist-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.email-types-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.email-type{border:1px solid var(--geist-border);border-radius:var(--geist-radius);text-align:center;background:#fff;padding:1.5rem}.email-type-icon{margin-bottom:1rem;font-size:2rem}.email-type h4{color:var(--geist-foreground);margin-bottom:.5rem;font-size:1rem;font-weight:600}.email-type p{color:var(--geist-secondary);margin:0;font-size:.875rem;line-height:1.4}.email-preview{justify-content:center;align-items:center;display:flex;position:relative}.email-mockup{border:1px solid var(--geist-border);background:#fff;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #00000026}.email-header{border-bottom:1px solid var(--geist-border);background:#f5f5f5;padding:1rem;position:relative}.email-controls{gap:.5rem;margin-bottom:.5rem;display:flex}.email-dot{border-radius:50%;width:12px;height:12px}.email-dot.red{background:#ff5f56}.email-dot.yellow{background:#ffbd2e}.email-dot.green{background:#27ca3f}.email-title{color:var(--geist-foreground);font-size:.875rem;font-weight:600}.email-body{padding:1.5rem}.email-greeting{color:var(--geist-foreground);margin-bottom:1rem;font-size:1rem;font-weight:600}.email-section{margin-bottom:1.5rem}.email-section-title{color:var(--geist-foreground);margin-bottom:1rem;font-size:.875rem;font-weight:600}.email-opportunity{border-radius:var(--geist-radius);background:#f8fafc;margin-bottom:.75rem;padding:1rem;font-size:.875rem;line-height:1.4;position:relative}.match-score{background:var(--geist-success);color:#fff;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.email-cta{text-align:center}.email-btn{background:var(--geist-foreground);border-radius:var(--geist-radius);color:#fff;cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.email-btn:hover{background:var(--geist-secondary)}.email-preferences-section{border:1px solid var(--geist-border);background:#fff;border-radius:12px;margin-bottom:4rem;padding:3rem}.email-preferences-section h3{text-align:center;margin-bottom:1rem;font-size:1.75rem;font-weight:600}.email-preferences-section>p{color:var(--geist-secondary);text-align:center;margin-bottom:3rem;font-size:1.1rem}.preferences-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.preference-category{border:1px solid var(--geist-border);border-radius:var(--geist-radius);background:#f8fafc;padding:2rem}.preference-category h4{color:var(--geist-foreground);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.preference-options{flex-direction:column;gap:1rem;display:flex}.preference-option{color:var(--geist-foreground);cursor:pointer;align-items:center;padding-left:2rem;font-size:.95rem;display:flex;position:relative}.preference-option input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkmark{border:2px solid var(--geist-border);background-color:#fff;border-radius:3px;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.preference-option:hover input~.checkmark{border-color:var(--geist-success)}.preference-option input:checked~.checkmark{background-color:var(--geist-success);border-color:var(--geist-success)}.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.preference-option input:checked~.checkmark:after{display:block}.email-analytics-section{border:1px solid var(--geist-border);background:#fff;border-radius:12px;margin-bottom:4rem;padding:3rem}.email-analytics-section h3{text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.analytic-card{border:1px solid var(--geist-border);border-radius:var(--geist-radius);text-align:center;background:#f8fafc;padding:2rem}.analytic-number{color:var(--geist-foreground);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.analytic-label{color:var(--geist-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.analytic-change{border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.analytic-change.positive{color:#065f46;background:#d1fae5}.email-cta-section{background:linear-gradient(135deg,var(--geist-foreground)0,var(--geist-secondary)100%);color:#fff;text-align:center;border-radius:12px;padding:3rem}.email-cta-content h3{margin-bottom:1rem;font-size:1.75rem;font-weight:600}.email-cta-content p{opacity:.9;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.email-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.email-cta-section .btn-primary{color:var(--geist-foreground);background:#fff;border-color:#fff}.email-cta-section .btn-primary:hover{background:#f1f5f9}.email-cta-section .btn-secondary{color:#fff;background:0 0;border-color:#ffffff4d}.email-cta-section .btn-secondary:hover{background:#ffffff1a;border-color:#fff}@media (max-width:768px){.email-feature-showcase{gap:2rem;margin-bottom:4rem}.email-feature-showcase,.email-types-grid{grid-template-columns:1fr}.email-analytics-section,.email-preferences-section{padding:2rem 1rem}.analytics-grid,.preferences-grid{grid-template-columns:1fr}.email-cta-buttons{flex-direction:column;align-items:stretch}.email-mockup{max-width:320px}}[data-theme=dark] .faq,[data-theme=dark] .features,[data-theme=dark] .pricing,[data-theme=dark] .testimonials,[data-theme=dark] body{background:#000}[data-theme=dark] .faq-item,[data-theme=dark] .feature-card,[data-theme=dark] .hero-image-placeholder,[data-theme=dark] .pricing-card,[data-theme=dark] .screenshot-placeholder,[data-theme=dark] .testimonial{border-color:var(--geist-border);background:#000}[data-theme=dark] .faq-item,[data-theme=dark] .faq-question{color:var(--geist-foreground)}[data-theme=dark] .faq-question:hover{background:#111}[data-theme=dark] .cta{background:var(--geist-background);color:var(--geist-foreground)}*{transition:background-color .3s,border-color .3s,color .3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)rotateY(-10deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)rotateY(10deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(30px)}50%{opacity:1;transform:scale(1.05)translateY(-5px)}70%{transform:scale(.98)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes heroSequence{0%{opacity:0;transform:translateY(40px)scale(.95)}60%{opacity:.8;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}.animate-slide-up{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(60px)scale(.95)}.animate-slide-up.visible{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards slideInUp}.animate-slide-left{opacity:0;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);transform:translate(-60px)rotateY(-10deg)}.animate-slide-left.visible{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInLeft}.animate-slide-right{opacity:0;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);transform:translate(60px)rotateY(10deg)}.animate-slide-right.visible{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInRight}.animate-scale{opacity:0;transition:opacity .7s cubic-bezier(.68,-.55,.265,1.55),transform .7s cubic-bezier(.68,-.55,.265,1.55);transform:scale(.8)rotate(-2deg)}.animate-scale.visible{animation:.7s cubic-bezier(.68,-.55,.265,1.55) forwards scaleIn}.animate-fade-scale{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:scale(.9)translateY(20px)}.animate-fade-scale.visible{animation:.6s ease-out forwards fadeInScale}.animate-bounce{opacity:0;transform:scale(.3)translateY(30px)}.animate-bounce.visible{animation:1s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}.animate-hero{opacity:0;transform:translateY(40px)scale(.95)}.animate-hero.visible{animation:1s cubic-bezier(.25,.46,.45,.94) forwards heroSequence}.hero-image.visible{display:block}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.feature-card,.pricing-card,.testimonial{transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94)}@keyframes particles{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(1)}}.particle{opacity:1;pointer-events:none;background:linear-gradient(45deg,#d42c2c,#2ca8a8,#2581b3,#6ba874,#e6a441,#b366b3) 0 0/300% 300%;border:2px solid #0006;border-radius:50%;width:4px;height:4px;animation:15s linear infinite particles,3s infinite gradientShift;position:absolute;box-shadow:0 0 8px #000c,0 0 3px #0009,inset 0 0 2px #00000080}[data-theme=dark] .particle{opacity:.8;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum);border:1px solid #fff3;box-shadow:0 0 6px #fff6}.particle:nth-child(2n){width:3px;height:3px;animation-duration:12s;animation-delay:-2s}.particle:nth-child(3n){width:5px;height:5px;animation-duration:18s;animation-delay:-4s}.particle:nth-child(4n){width:2px;height:2px;animation-duration:20s;animation-delay:-6s}.particle:nth-child(5n){width:6px;height:6px;animation-duration:14s;animation-delay:-8s}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{opacity:1;transform:scale(1.2)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(-45deg)}}@keyframes listItemSlide{0%{opacity:0;transform:translate(-30px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.features-checklist{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.features-checklist.visible{opacity:1;transform:translateY(0)}.features-checklist .feature-list li{opacity:0;padding-left:30px;transition:opacity .6s,transform .6s;position:relative;transform:translate(-30px)scale(.9)}.features-checklist.visible .feature-list li{animation:.6s forwards listItemSlide}.features-checklist.visible .feature-list li:first-child{animation-delay:.1s}.features-checklist.visible .feature-list li:nth-child(2){animation-delay:.2s}.features-checklist.visible .feature-list li:nth-child(3){animation-delay:.3s}.features-checklist.visible .feature-list li:nth-child(4){animation-delay:.4s}.features-checklist.visible .feature-list li:nth-child(5){animation-delay:.5s}.features-checklist.visible .feature-list li:nth-child(6){animation-delay:.6s}.features-checklist .feature-list li:before{content:"";opacity:0;border-top:none;border-bottom:2px solid #4ecdc4;border-left:2px solid #4ecdc4;border-right:none;width:12px;height:6px;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(0)rotate(-45deg)}.features-checklist.visible .feature-list li:before{animation:.8s forwards checkmarkPop}.features-checklist.visible .feature-list li:first-child:before{animation-delay:.3s}.features-checklist.visible .feature-list li:nth-child(2):before{animation-delay:.4s}.features-checklist.visible .feature-list li:nth-child(3):before{animation-delay:.5s}.features-checklist.visible .feature-list li:nth-child(4):before{animation-delay:.6s}.features-checklist.visible .feature-list li:nth-child(5):before{animation-delay:.7s}.features-checklist.visible .feature-list li:nth-child(6):before{animation-delay:.8s}.features-checklist .feature-list li:hover{color:#4ecdc4;transition:all .3s;transform:translate(5px)scale(1.02)}.features-checklist .feature-list li:hover:before{border-color:#ff6b6b;transform:translateY(-50%)scale(1.1)rotate(-45deg)}.pricing-plans-section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.pricing-plans-section.visible{opacity:1;transform:translateY(0)}.lightbox{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox-content{text-align:center;max-width:90%;max-height:90%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;font-size:35px;font-weight:700;transition:color .3s;position:absolute;top:-40px;right:0}.lightbox-close:hover{color:#ccc}#lightbox-image{border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 8px 32px #0000004d}.lightbox-caption{color:#fff;margin-top:10px;padding:15px;font-size:16px}.feature-screenshot img,.hero-image img{cursor:pointer;transition:transform .2s,opacity .2s}@media (max-width:768px){.lightbox-content{max-width:95%;max-height:95%}.lightbox-close{font-size:30px;top:-30px}#lightbox-image{max-height:75vh}.lightbox-caption{padding:10px;font-size:14px}}.adaptive-image{transition:opacity .3s}.adaptive-image[data-white-src]{opacity:1}