.landing-nav{z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #00000014}.dark .landing-nav.scrolled{background:#0f172ad9;border-bottom-color:#ffffff0f}.landing-nav-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.landing-nav-brand img{width:40px;height:40px}.landing-nav-brand span{color:var(--foreground);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.dark .landing-nav-brand span{color:var(--foreground)}.landing-nav-links{align-items:center;gap:2rem;display:flex}.landing-nav-link{color:var(--muted);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:var(--primary-500)}.dark .landing-nav-link{color:var(--muted-foreground)}.dark .landing-nav-link:hover{color:var(--primary-400)}.landing-nav-actions{align-items:center;gap:1rem;display:flex}.landing-btn-login{color:var(--primary-500);border-radius:10px;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-btn-login:hover{background:hsla(var(--primary-hue), var(--primary-sat), 60%, .08)}.landing-btn-cta{color:var(--card);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));box-shadow:0 2px 8px hsla(var(--primary-hue), var(--primary-sat), 60%, .3);border-radius:10px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-btn-cta:hover{box-shadow:0 4px 16px hsla(var(--primary-hue), var(--primary-sat), 60%, .4);transform:translateY(-1px)}.landing-hero{background:radial-gradient(ellipse at 30% 20%, hsla(var(--primary-hue), var(--primary-sat), 60%, .08) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #7e47eb0f 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, #1ae6a20a 0%, transparent 40%), var(--background,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.dark .landing-hero{background:radial-gradient(ellipse at 30% 20%, hsla(var(--primary-hue), var(--primary-sat), 60%, .12) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #7e47eb14 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, #1ae6a20f 0%, transparent 40%), var(--background)}.landing-hero-content{text-align:center;z-index:1;max-width:800px;position:relative}.landing-hero-badge{background:hsla(var(--primary-hue), var(--primary-sat), 60%, .08);border:1px solid hsla(var(--primary-hue), var(--primary-sat), 60%, .15);color:var(--primary-500);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;animation:.6s ease-out fadeInUp;display:inline-flex}.dark .landing-hero-badge{background:hsla(var(--primary-hue), var(--primary-sat), 60%, .12);border-color:hsla(var(--primary-hue), var(--primary-sat), 60%, .2);color:var(--primary-400)}.landing-hero h1{letter-spacing:-.03em;color:var(--foreground);margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.dark .landing-hero h1{color:var(--foreground)}.landing-hero h1 .gradient-text{background:linear-gradient(135deg, var(--primary-500), var(--accent-secondary), #06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:var(--muted);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.7;animation:.6s ease-out .2s both fadeInUp}.dark .landing-hero-subtitle{color:var(--muted-foreground)}.landing-hero-actions{justify-content:center;gap:1rem;animation:.6s ease-out .3s both fadeInUp;display:flex}.landing-hero-primary-btn{color:var(--card);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));cursor:pointer;box-shadow:0 4px 16px hsla(var(--primary-hue), var(--primary-sat), 60%, .35);border:none;border-radius:14px;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-hero-primary-btn:hover{box-shadow:0 8px 24px hsla(var(--primary-hue), var(--primary-sat), 60%, .4);transform:translateY(-2px)}.landing-hero-primary-btn svg{width:20px;height:20px}.landing-hero-secondary-btn{color:var(--muted);background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);cursor:pointer;border-radius:14px;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-hero-secondary-btn:hover{border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-1px)}.dark .landing-hero-secondary-btn{color:var(--card-foreground);background:var(--card);border-color:var(--border)}.landing-hero-stats{justify-content:center;gap:3rem;margin-top:4rem;animation:.6s ease-out .4s both fadeInUp;display:flex}.landing-hero-stat{text-align:center}.landing-hero-stat-value{color:var(--foreground);letter-spacing:-.02em;font-size:2rem;font-weight:800}.dark .landing-hero-stat-value{color:var(--foreground)}.landing-hero-stat-label{color:var(--muted);margin-top:.25rem;font-size:.875rem}.dark .landing-hero-stat-label{color:var(--muted-foreground)}.landing-coming-soon-badge{color:#d97706;background:linear-gradient(135deg,#f59e0b1f,#f973161a);border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite comingSoonPulse;display:inline-flex}.dark .landing-coming-soon-badge{color:#fbbf24;background:linear-gradient(135deg,#fbbf241f,#f973161a);border-color:#fbbf244d}@keyframes comingSoonPulse{0%,to{opacity:1}50%{opacity:.7}}.landing-waitlist{background:radial-gradient(ellipse at 50% 0%, #3c83f60f 0%, transparent 60%), radial-gradient(ellipse at 30% 100%, #7e47eb0a 0%, transparent 50%), var(--background,#f8fafc);padding:5rem 2rem}.dark .landing-waitlist{background:radial-gradient(at 50% 0,#3c83f614 0%,#0000 60%),radial-gradient(at 30% 100%,#7e47eb0f 0%,#0000 50%),#0f172a}.landing-waitlist-content{text-align:center;max-width:560px;margin:0 auto}.landing-waitlist-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.landing-waitlist-icon svg{width:32px;height:32px}.landing-waitlist-content h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.dark .landing-waitlist-content h2{color:#f1f5f9}.landing-waitlist-content>p{color:#64748b;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.dark .landing-waitlist-content>p{color:#94a3b8}.landing-waitlist-form{gap:.75rem;max-width:460px;margin:0 auto;display:flex}.landing-waitlist-input-group{flex:1;position:relative}.landing-waitlist-input-icon{color:#94a3b8;width:18px;height:18px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.landing-waitlist-input{border:2px solid var(--border,#e2e8f0);background:var(--card,#fff);color:#0f172a;border-radius:14px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.landing-waitlist-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.dark .landing-waitlist-input{color:#f1f5f9;background:#1e293b;border-color:#334155}.landing-waitlist-input::placeholder{color:#94a3b8}.landing-waitlist-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #3b82f64d}.landing-waitlist-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.landing-waitlist-btn:disabled{opacity:.7;cursor:not-allowed}.landing-waitlist-message{margin-top:1rem;font-size:.9375rem;font-weight:500}.landing-waitlist-message.success{color:#10b981}.landing-waitlist-message.error{color:#ef4444}.landing-waitlist-disclaimer{color:#94a3b8;margin-top:1.25rem;font-size:.8125rem}.landing-features{background:var(--background,#f8fafc);padding:6rem 2rem}.landing-section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.landing-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-500);margin-bottom:.75rem;font-size:.8125rem;font-weight:700;display:inline-block}.landing-section-title{color:var(--foreground);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.dark .landing-section-title{color:var(--foreground)}.landing-section-desc{color:var(--muted);font-size:1.125rem;line-height:1.7}.dark .landing-section-desc{color:var(--muted-foreground)}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.landing-feature-card{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.landing-feature-card:before{content:"";background:linear-gradient(90deg, var(--primary-500), var(--accent-secondary));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.landing-feature-card:hover{border-color:var(--border-hover,#cbd5e1);transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.landing-feature-card:hover:before{opacity:1}.landing-feature-icon{background:hsla(var(--primary-hue), var(--primary-sat), 60%, .08);width:52px;height:52px;color:var(--primary-500);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.landing-feature-icon svg{width:26px;height:26px}.landing-feature-card:nth-child(2) .landing-feature-icon{color:var(--accent-secondary);background:#8b5cf614}.landing-feature-card:nth-child(3) .landing-feature-icon{color:var(--success-500);background:#10b98114}.landing-feature-card:nth-child(4) .landing-feature-icon{color:#f59e0b;background:#f59e0b14}.landing-feature-card:nth-child(5) .landing-feature-icon{color:#ec4899;background:#ec489914}.landing-feature-card:nth-child(6) .landing-feature-icon{color:#06b6d4;background:#06b6d414}.landing-feature-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.dark .landing-feature-title{color:var(--foreground)}.landing-feature-desc{color:var(--muted);font-size:.9375rem;line-height:1.6}.dark .landing-feature-desc{color:var(--muted-foreground)}.landing-pricing{background:radial-gradient(ellipse at 50% 0%, hsla(var(--primary-hue), var(--primary-sat), 60%, .04) 0%, transparent 60%), var(--background,#f8fafc);padding:6rem 2rem}.dark .landing-pricing{background:radial-gradient(ellipse at 50% 0%, hsla(var(--primary-hue), var(--primary-sat), 60%, .06) 0%, transparent 60%), var(--background)}.landing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.landing-pricing-card{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;flex-direction:column;padding:2.5rem 2rem;transition:all .3s;display:flex;position:relative}.landing-pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.landing-pricing-card.popular{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500), 0 8px 32px hsla(var(--primary-hue), var(--primary-sat), 60%, .15)}.landing-pricing-popular-badge{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:var(--card);box-shadow:0 2px 8px hsla(var(--primary-hue), var(--primary-sat), 60%, .3);border-radius:9999px;padding:.375rem 1.25rem;font-size:.8125rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.landing-pricing-name{color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dark .landing-pricing-name{color:var(--foreground)}.landing-pricing-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.9375rem}.dark .landing-pricing-desc{color:var(--muted-foreground)}.landing-pricing-price{align-items:baseline;gap:.25rem;margin-bottom:2rem;display:flex}.landing-pricing-currency{color:var(--foreground);font-size:1.5rem;font-weight:700}.dark .landing-pricing-currency{color:var(--foreground)}.landing-pricing-amount{color:var(--foreground);letter-spacing:-.03em;font-size:3.5rem;font-weight:800;line-height:1}.dark .landing-pricing-amount{color:var(--foreground)}.landing-pricing-period{color:var(--muted-foreground);margin-left:.25rem;font-size:1rem}.landing-pricing-features{flex-direction:column;flex:1;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.landing-pricing-feature{color:var(--muted);align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.dark .landing-pricing-feature{color:var(--card-foreground)}.landing-pricing-feature svg{flex-shrink:0;width:18px;height:18px}.landing-pricing-feature .check{color:var(--success-500)}.landing-pricing-feature .dash{color:var(--border-hover)}.dark .landing-pricing-feature .dash{color:var(--muted)}.landing-pricing-btn{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.landing-pricing-btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:var(--card);box-shadow:0 2px 8px hsla(var(--primary-hue), var(--primary-sat), 60%, .3)}.landing-pricing-btn-primary:hover{box-shadow:0 4px 16px hsla(var(--primary-hue), var(--primary-sat), 60%, .4);transform:translateY(-1px)}.landing-pricing-btn-secondary{background:var(--hover-bg,#f1f5f9);color:var(--muted);border:1px solid var(--border,#e2e8f0)}.landing-pricing-btn-secondary:hover{border-color:var(--primary-500);color:var(--primary-500)}.dark .landing-pricing-btn-secondary{background:var(--card);color:var(--card-foreground);border-color:var(--border)}.landing-cta{background:linear-gradient(135deg, #0f172a 0%, var(--primary-800) 50%, var(--primary-700) 100%);padding:6rem 2rem;position:relative;overflow:hidden}.landing-cta:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.landing-cta-content{text-align:center;z-index:1;max-width:700px;margin:0 auto;position:relative}.landing-cta h2{color:var(--card);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.landing-cta p{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7}.landing-cta-btn{color:var(--primary-800);background:var(--card);border-radius:14px;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #0003}.landing-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.landing-cta-btn svg{width:22px;height:22px}.landing-footer{background:var(--card,#fff);border-top:1px solid var(--border,#e2e8f0);padding:4rem 2rem 2rem}.landing-footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.landing-footer-brand p{color:var(--muted);max-width:300px;margin-top:1rem;font-size:.9375rem;line-height:1.6}.dark .landing-footer-brand p{color:var(--muted-foreground)}.landing-footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--foreground);margin-bottom:1.25rem;font-size:.875rem;font-weight:700}.dark .landing-footer-col h4{color:var(--foreground)}.landing-footer-col ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.landing-footer-col a{color:var(--muted);font-size:.9375rem;text-decoration:none;transition:color .2s}.landing-footer-col a:hover{color:var(--primary-500)}.dark .landing-footer-col a{color:var(--muted-foreground)}.landing-footer-bottom{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;max-width:1200px;margin:3rem auto 0;padding-top:2rem;display:flex}.landing-footer-bottom p{color:var(--muted-foreground);font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-menu-btn{cursor:pointer;color:var(--foreground);background:0 0;border:none;padding:.5rem;display:none}.dark .landing-mobile-menu-btn{color:var(--foreground)}.landing-mobile-menu-btn svg{width:24px;height:24px}.landing-mobile-menu{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.landing-mobile-menu.open{display:flex}.landing-mobile-menu-content{background:var(--card,#fff);flex-direction:column;gap:1.5rem;width:300px;height:100%;padding:2rem;animation:.25s ease-out slideInFromRight;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 20px #00000026}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.landing-mobile-close{cursor:pointer;color:var(--muted);background:0 0;border:none;align-self:flex-end;padding:.5rem}.landing-mobile-close svg{width:24px;height:24px}.landing-mobile-nav-link{color:var(--foreground);border-bottom:1px solid var(--border,#e2e8f0);padding:.75rem 0;font-size:1.125rem;font-weight:500;text-decoration:none;display:block}.dark .landing-mobile-nav-link{color:var(--foreground)}@media (max-width:1024px){.landing-features-grid,.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}.landing-footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:768px){.landing-nav-links,.landing-nav-actions{display:none}.landing-mobile-menu-btn{display:block}.landing-hero h1{font-size:2.5rem}.landing-hero-subtitle{font-size:1.0625rem}.landing-hero-actions{flex-direction:column;align-items:center}.landing-hero-stats{gap:1.5rem}.landing-hero-stat-value{font-size:1.5rem}.landing-features-grid,.landing-pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.landing-section-title{font-size:2rem}.landing-cta h2{font-size:1.75rem}.landing-footer-content{grid-template-columns:1fr}.landing-footer-bottom{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:480px){.landing-hero{padding:6rem 1rem 3rem}.landing-hero h1{font-size:2rem}.landing-features,.landing-pricing,.landing-cta,.landing-waitlist{padding:4rem 1rem}.landing-waitlist-form{flex-direction:column}.landing-waitlist-btn{justify-content:center}}
