:root{--primary:#8b5cf6;--primary-glow:rgba(139,92,246,.5);--secondary:#06b6d4;--secondary-glow:rgba(6,182,212,.5);--accent:#10b981;--dark:#030014;--dark-card:#0f0b29;--text:#fff;--text-muted:#94a3b8;--border:hsla(0,0%,100%,.1)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--dark);color:var(--text);overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(6,182,212,.08),transparent 25%)}nav{position:fixed;top:0;width:100%;padding:20px 5%;justify-content:space-between;backdrop-filter:blur(10px);background:rgba(3,0,20,.8);border-bottom:1px solid var(--border);z-index:1000}.logo,nav{display:flex;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;gap:10px}.logo span{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo i{color:var(--primary);font-size:28px}.nav-links{display:flex;gap:30px}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:.3s}.nav-links a:hover{color:var(--text)}.cta-btn{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:600;border:1px solid hsla(0,0%,100%,.1);position:relative;overflow:hidden;transition:.3s;box-shadow:0 0 20px rgba(139,92,246,.3)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(139,92,246,.5)}.hero{padding:160px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto}.hero-content h1{font-family:Space Grotesk,sans-serif;font-size:64px;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--secondary);-webkit-text-fill-color:initial;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:10px;background:var(--secondary-glow);z-index:-1;transform:skew(-10deg)}.hero-content p{font-size:20px;color:var(--text-muted);line-height:1.6;margin-bottom:40px;max-width:500px}.hero-stats{display:flex;gap:40px;margin-top:40px;padding-top:40px;border-top:1px solid var(--border)}.stat h3{font-size:32px;font-weight:700;color:var(--accent)}.stat p{font-size:14px;margin-bottom:0}.demo-card,.hero-demo{position:relative}.demo-card{background:rgba(15,11,41,.6);border:1px solid var(--border);border-radius:24px;padding:30px;backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.demo-card:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,var(--primary),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chat-interface{background:#0f172a;border-radius:16px;overflow:hidden;height:400px;display:flex;flex-direction:column}.chat-header{background:#1e293b;padding:15px;gap:10px;border-bottom:1px solid #334155}.avatar,.chat-header{display:flex;align-items:center}.avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;justify-content:center;font-size:14px}.chat-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;animation:fadeIn .5s ease}.message.received{background:#334155;align-self:flex-start;border-bottom-left-radius:4px}.message.sent{background:var(--primary);align-self:flex-end;border-bottom-right-radius:4px}.typing-indicator{font-size:12px;color:var(--text-muted);margin-top:auto;display:flex;align-items:center;gap:5px}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s ease-in-out infinite both}.features{padding:100px 5%;background:#050510}.section-header{text-align:center;margin-bottom:80px}.tag{background:rgba(139,92,246,.1);color:var(--primary);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(139,92,246,.2);margin-bottom:20px;display:inline-block}.section-header h2{font-size:42px;margin-bottom:20px;font-family:Space Grotesk,sans-serif}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:var(--dark-card);padding:40px;border-radius:24px;border:1px solid var(--border);transition:.3s}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 40px rgba(0,0,0,.4)}.feature-icon{width:60px;height:60px;background:rgba(139,92,246,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary);margin-bottom:24px}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{color:var(--text-muted);line-height:1.6}.pricing{padding:100px 5%;position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;align-items:flex-end}.plan-card{background:var(--dark-card);border:1px solid var(--border);border-radius:24px;padding:40px 30px;text-align:center;position:relative;transition:.3s}.plan-card.popular{background:linear-gradient(180deg,rgba(139,92,246,.1),var(--dark-card));border-color:var(--primary);transform:scale(1.05);z-index:2;box-shadow:0 0 50px rgba(139,92,246,.15)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.plan-name{font-size:18px;color:var(--text-muted);margin-bottom:20px}.plan-price{font-size:48px;font-weight:700;margin-bottom:10px;color:#fff;font-family:Space Grotesk,sans-serif}.plan-price span{font-size:16px;color:var(--text-muted);font-weight:400}.plan-features{list-style:none;margin:30px 0;text-align:left}.plan-features li{padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--text-muted);font-size:14px;display:flex;align-items:center;gap:10px}.plan-features li i{color:var(--accent)}.plan-btn{display:block;width:100%;padding:16px;border-radius:12px;background:hsla(0,0%,100%,.05);color:#fff;text-decoration:none;font-weight:600;transition:.3s;border:1px solid transparent}.plan-btn:hover{background:#fff;color:#000}.plan-card.popular .plan-btn{background:var(--primary)}.plan-card.popular .plan-btn:hover{background:#7c3aed;color:#fff}footer{border-top:1px solid var(--border);padding:80px 5% 40px;background:#030014}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 60px}.footer-brand p{color:var(--text-muted);margin-top:20px;line-height:1.6;max-width:300px}.footer-col h4{font-size:16px;margin-bottom:24px;color:#fff}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:var(--text-muted);text-decoration:none;transition:.3s}.footer-col ul li a:hover{color:var(--primary)}@keyframes typing{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}