.landing{min-height:100vh}.navbar{z-index:100;padding:0 var(--space-xl);height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);transition:all var(--transition-base);background:#0a0a0fcc;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--text-primary);text-decoration:none;display:flex}.navbar-logo{background:var(--accent-gradient);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar-logo svg{color:#fff;width:20px;height:20px}.navbar-title{font-size:var(--font-size-lg);font-weight:700}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}.hero{padding-top:calc(var(--header-height) + 80px);text-align:center;padding-bottom:80px;position:relative;overflow:hidden}.hero-content{max-width:800px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);background:var(--accent-primary-light);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-primary);margin-bottom:var(--space-xl);padding:.5rem 1rem;font-weight:600;animation:.5s both fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-lg);font-weight:900;line-height:1.1;animation:.5s .1s both fadeInUp}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.7;animation:.5s .2s both fadeInUp}.hero-actions{gap:var(--space-md);justify-content:center;animation:.5s .3s both fadeInUp;display:flex}.hero-stats{gap:var(--space-2xl);margin-top:var(--space-3xl);justify-content:center;animation:.5s .4s both fadeInUp;display:flex}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-3xl);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}.features{padding:80px var(--space-xl);max-width:var(--max-content-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);margin-bottom:var(--space-md);font-weight:700;display:inline-block}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);font-weight:800}.section-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:500px;margin:0 auto}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--accent-gradient);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius-lg);background:var(--accent-primary-light);width:48px;height:48px;margin-bottom:var(--space-lg);color:var(--accent-primary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.feature-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);font-weight:700}.feature-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.how-it-works{padding:80px var(--space-xl);max-width:var(--max-content-width);margin:0 auto}.steps{gap:var(--space-xl);display:flex;position:relative}.steps:before{content:"";background:var(--border-primary);z-index:0;height:2px;position:absolute;top:32px;left:32px;right:32px}.step{text-align:center;z-index:1;flex:1;position:relative}.step-number{border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-secondary);width:64px;height:64px;margin:0 auto var(--space-lg);font-size:var(--font-size-xl);color:var(--accent-primary);transition:all var(--transition-base);justify-content:center;align-items:center;font-weight:800;display:flex}.step:hover .step-number{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow);border-color:#0000;transform:scale(1.1)}.step-title{font-size:var(--font-size-base);margin-bottom:var(--space-sm);font-weight:700}.step-desc{font-size:var(--font-size-sm);color:var(--text-tertiary)}.cta{padding:80px var(--space-xl);text-align:center}.cta-card{max-width:700px;padding:var(--space-3xl);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);margin:0 auto;position:relative;overflow:hidden}.cta-card:before{content:"";background:var(--accent-gradient);height:2px;position:absolute;top:0;left:0;right:0}.cta-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#6366f114 0%,#0000 60%);position:absolute;inset:0}.cta h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);z-index:1;font-weight:800;position:relative}.cta p{color:var(--text-secondary);margin-bottom:var(--space-xl);z-index:1;position:relative}.cta .btn{z-index:1;position:relative}.footer{padding:var(--space-2xl) var(--space-xl);border-top:1px solid var(--border-primary);text-align:center}.footer p{font-size:var(--font-size-sm);color:var(--text-tertiary)}@media (max-width:768px){.hero h1{font-size:var(--font-size-3xl)}.hero-actions{padding:0 var(--space-xl);flex-direction:column}.hero-stats{gap:var(--space-lg)}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.steps:before,.navbar-title{display:none}}