:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #161616;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--accent: #ff5500;--accent-hover: #ff6a1a;--accent-dim: rgba(255, 85, 0, .08);--accent-glow: rgba(255, 85, 0, .15);--border: #1a1a1a;--border-light: #252525;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 16px;--radius-xl: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;background:transparent;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav.scrolled{padding:.75rem 3rem;background:#050505e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem;transition:opacity .2s}.logo:hover{opacity:.8}.logo-img{width:36px;height:36px;border-radius:8px}.nav-links{display:flex;gap:3rem}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;position:relative;transition:color .2s}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-socials{display:flex;gap:1.25rem}.nav-socials a{color:var(--text-muted);transition:color .2s,transform .2s}.nav-socials a:hover{color:var(--text-primary);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:var(--radius);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 0 var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-muted);transform:translateY(-2px)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;padding:10rem 6rem 6rem;max-width:1400px;margin:0 auto;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 50%);pointer-events:none;opacity:.4}.hero-content{position:relative;z-index:1}.hero-title{font-size:4rem;font-weight:700;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.75rem;animation:fadeUp 1s cubic-bezier(.16,1,.3,1)}.accent{background:linear-gradient(135deg,var(--accent) 0%,#ff8844 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:420px;line-height:1.7;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .1s both}.hero-links{display:flex;gap:1rem;margin-bottom:2.5rem;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .2s both}.install-cmd{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .3s both;transition:border-color .2s}.install-cmd:hover{border-color:var(--border-light)}.install-cmd code{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary)}.copy-btn{color:var(--text-muted);padding:.25rem;transition:all .2s}.copy-btn:hover{color:var(--accent);transform:scale(1.1)}.copy-btn.copied{color:#22c55e}.hero-visual{display:flex;justify-content:center;position:relative;z-index:1;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .4s both}.phone-frame{position:relative;width:300px;background:linear-gradient(145deg,#1c1c1e,#0c0c0e);border-radius:44px;padding:10px;box-shadow:0 50px 100px -20px #000c,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05;animation:float 6s ease-in-out infinite}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:90px;height:26px;background:var(--bg-primary);border-radius:14px;z-index:10}.phone-screen{background:var(--bg-primary);border-radius:34px;overflow:hidden;height:580px;display:flex;flex-direction:column}.tg-header{display:flex;align-items:center;gap:.75rem;padding:2.75rem 1rem .875rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tg-back{color:var(--accent)}.tg-avatar{width:38px;height:38px;background:var(--bg-card);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.tg-avatar img{width:100%;height:100%;object-fit:cover}.tg-info{display:flex;flex-direction:column;gap:2px}.tg-name{font-weight:600;font-size:.95rem}.tg-status{font-size:.75rem;color:var(--accent);animation:pulse 2s ease-in-out infinite}.tg-chat{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.625rem;scrollbar-width:none;-ms-overflow-style:none}.tg-chat::-webkit-scrollbar{display:none}.tg-msg{max-width:85%;padding:.625rem .875rem;border-radius:14px;font-size:.85rem;line-height:1.45;animation:msgIn .35s cubic-bezier(.16,1,.3,1);white-space:pre-wrap}@keyframes msgIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tg-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.tg-msg.bot{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.tg-msg.success{background:#22c55e1f;border-color:#22c55e4d;color:#4ade80}.tg-input{display:flex;gap:.5rem;padding:.625rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.tg-input input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:.625rem 1rem;color:var(--text-primary);font-size:.85rem;outline:none}.tg-input button{width:36px;height:36px;background:var(--accent);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s}.tg-input button:hover{transform:scale(1.05)}section{padding:8rem 6rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features{background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 50%,transparent 100%);max-width:none;padding:8rem 0}.features .section-header,.features .features-grid{max-width:1200px;margin:0 auto;padding:0 6rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.feature-icon{width:48px;height:48px;background:var(--accent-dim);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--accent);transition:all .3s}.feature-card:hover .feature-icon{background:var(--accent);color:#fff;transform:scale(1.05)}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.625rem}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.steps{display:flex;flex-direction:column;gap:3rem;max-width:640px;margin:0 auto}.step{display:flex;gap:2rem;align-items:flex-start}.step-num{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 0 20px var(--accent-glow)}.step-content{flex:1}.step-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.step-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem}.step-content code{display:block;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);transition:border-color .2s}.step:hover .step-content code{border-color:var(--border-light)}.demo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.demo-chat{width:100%;max-width:600px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px #0006}.demo-messages{min-height:320px;max-height:400px;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.demo-messages::-webkit-scrollbar{display:none}.demo-messages:empty:before{content:"Your conversation will appear here...";color:var(--text-muted);font-size:.9rem;text-align:center;padding:4rem 2rem}.demo-msg{max-width:85%;padding:.875rem 1.125rem;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.6;animation:msgIn .35s cubic-bezier(.16,1,.3,1);white-space:pre-wrap}.demo-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.demo-msg.bot{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-bottom-left-radius:4px}.demo-input{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.demo-input input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1.125rem;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);outline:none;transition:border-color .2s}.demo-input input:focus{border-color:var(--accent)}.demo-input input::placeholder{color:var(--text-muted)}.demo-input button{width:48px;height:48px;background:var(--accent);border-radius:var(--radius);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.demo-input button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.demo-input button:disabled{opacity:.5;cursor:not-allowed}.demo-hint{color:var(--text-muted);font-size:.85rem}.typing-indicator{display:flex;gap:5px;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:fit-content}.typing-indicator span{width:7px;height:7px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.cta{text-align:center;padding:8rem 6rem;background:var(--bg-secondary);max-width:none;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none;opacity:.4}.cta h2{font-size:2.25rem;font-weight:700;margin-bottom:2rem;position:relative}.cta-actions{display:flex;gap:1rem;justify-content:center;position:relative}.footer{padding:2.5rem 6rem;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:.625rem;font-weight:500;color:var(--text-secondary)}.footer-logo{width:28px;height:28px;border-radius:6px}.footer-links{display:flex;gap:2.5rem}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding:8rem 3rem 4rem;gap:4rem}.hero:before{width:100%;height:50%;top:0}.hero-title{font-size:3rem}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-links,.install-cmd{justify-content:center}.hero-visual{order:-1}.phone-frame{width:260px}.phone-screen{height:500px}.features-grid{grid-template-columns:repeat(2,1fr)}section{padding:6rem 3rem}.features .section-header,.features .features-grid{padding:0 3rem}}@media (max-width: 768px){.nav{padding:1rem 1.5rem}.nav.scrolled{padding:.75rem 1.5rem}.nav-links{display:none}.hero{padding:6rem 1.5rem 3rem}.hero-title{font-size:2.25rem}section{padding:5rem 1.5rem}.features .section-header,.features .features-grid{padding:0 1.5rem}.features-grid{grid-template-columns:1fr}.step{gap:1.25rem}.cta{padding:5rem 1.5rem}.footer{padding:2rem 1.5rem}.footer-content{flex-direction:column;gap:1.25rem;text-align:center}}