.landing{min-height:100vh}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0a0fcc;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.logo-icon{font-size:1.6rem}.logo-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{gap:12px;display:flex}.hero{text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#10b98114 0%,#0000 50%),radial-gradient(at 70% 30%,#3b82f60f 0%,#0000 50%),radial-gradient(at 50% 80%,#8b5cf60d 0%,#0000 50%);width:140%;height:200%;position:absolute;top:-50%;left:-20%}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-full);color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:4rem;font-weight:900;line-height:1.1}.hero h1 span{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.25rem;line-height:1.7}.hero-actions{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.hero-stats{justify-content:center;gap:48px;display:flex}.hero-stat{text-align:center}.hero-stat-value{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.hero-stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.ai-demo{padding:80px 0}.ai-demo-title{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:1.6rem;font-weight:700}.ai-demo-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);max-width:700px;margin:0 auto;padding:32px}.ai-demo-input{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.ai-demo-input .avatar{background:var(--gradient-hero);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.ai-demo-input .text{color:var(--text-secondary);font-size:.95rem}.ai-demo-input .text .ai-tag{color:var(--accent-blue);font-weight:700}.ai-response{border-radius:var(--radius-lg);background:#3b82f60d;border:1px solid #3b82f626;padding:20px}.ai-response-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.ai-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.ai-name{font-size:.95rem;font-weight:700}.ai-badge{color:var(--accent-blue);border-radius:var(--radius-full);background:#3b82f633;padding:2px 8px;font-size:.7rem;font-weight:600}.ai-response-body{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ai-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.ai-row .label{color:var(--text-muted)}.ai-row .value{color:var(--text-primary);font-weight:600}.ai-row.full{grid-column:1/-1}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:2.5rem}.feature-card h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.how-it-works{background:var(--bg-secondary);padding:100px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.step{text-align:center}.step-number{background:var(--gradient-hero);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex}.step h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.step p{color:var(--text-secondary);font-size:.9rem}.cta{text-align:center;padding:100px 0}.cta-box{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:700px;margin:0 auto;padding:60px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#10b9811a 0%,#0000 60%);position:absolute;inset:0}.cta-box h2{margin-bottom:16px;font-size:2.5rem;font-weight:800;position:relative}.cta-box p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem;position:relative}.footer{border-top:1px solid var(--border-color);padding:40px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--text-muted);font-size:.85rem}.footer-disclaimer{color:var(--text-muted);max-width:600px;margin-top:12px;font-size:.7rem;line-height:1.5}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.85rem;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-wrap:wrap;gap:24px}.hero-actions{flex-direction:column;align-items:center}.features-grid,.steps-grid{grid-template-columns:1fr}.nav-links{display:none}.footer-inner{text-align:center;flex-direction:column;gap:16px}.ai-response-body{grid-template-columns:1fr}}
