@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#0b0f19;--bg-surface:#141a29;--bg-surface-glass:#141a29b3;--text-primary:#fff;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--border-color:#ffffff1a;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(to right, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:linear-gradient(to right, #34d399, var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}p{color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf63b}.btn-secondary{color:#fff;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.glass-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:32px;transition:transform .3s,box-shadow .3s}.glass-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.navbar{z-index:1000;background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);align-items:center;height:72px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-actions{align-items:center;gap:16px;display:flex}.lang-switch{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:0 0;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .2s}.lang-switch:hover{background:#ffffff1a}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}@media (width<=992px){.nav-links,.nav-actions .btn{display:none}.mobile-menu-btn{display:block}.nav-actions{gap:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0b0f1900 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-section{padding-top:160px;padding-bottom:120px;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}}.hero-badge{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.badge-dot{background-color:var(--accent-blue);width:8px;height:8px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:56px;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:40px;font-size:20px}@media (width<=992px){.hero-subtitle{margin-left:auto;margin-right:auto}}.hero-ctas{gap:16px;margin-bottom:24px;display:flex}@media (width<=992px){.hero-ctas{justify-content:center}}.btn-lg{padding:16px 32px;font-size:18px}.hero-microcopy{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}@media (width<=992px){.hero-microcopy{justify-content:center}}.hero-visual{position:relative}.mockup-card{background:#1e2536;border:1px solid #ffffff1a;border-radius:16px;transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0d}.mockup-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.mockup-header{background:#141a29;border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 16px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:#333;border-radius:50%;width:10px;height:10px}.mockup-dots span:first-child{background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27c93f}.mockup-title{color:var(--text-secondary);margin-left:auto;margin-right:auto;font-size:12px;font-weight:500}.mockup-body{flex-direction:column;gap:20px;padding:24px;display:flex}.chat-bubble{flex-direction:column;gap:8px;max-width:85%;display:flex}.chat-bubble.customer{align-self:flex-start}.chat-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;display:flex}.chat-text{color:#e2e8f0;background:#ffffff0d;border-radius:4px 12px 12px;padding:12px 16px;font-size:14px}.chat-bubble.ai-draft{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px 4px 12px 12px;align-self:flex-end;max-width:90%;padding:16px}.chat-meta{justify-content:space-between;margin-bottom:8px;display:flex}.badge-ai{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.badge-source{color:var(--accent-green);font-size:11px;font-weight:500}.chat-bubble.ai-draft .chat-text{background:0 0;margin-bottom:12px;padding:0}.product-card{background:#0003;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.product-icon{color:var(--accent-blue)}.product-name{font-size:13px;font-weight:600}.product-price{color:var(--accent-green);font-size:12px}.action-buttons{gap:8px;display:flex}.action-buttons button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.btn-approve{background:var(--accent-blue);color:#fff}.btn-approve:hover{background:#2563eb}.btn-edit{color:#fff;background:#ffffff1a}.btn-edit:hover{background:#fff3}.btn-reject{color:#ef4444;background:#ef44441a}.btn-reject:hover{background:#ef444433}.floating-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141a29e6;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 24px #0000004d}.pill-1{animation-delay:0s;top:-20px;right:20px}.pill-2{animation-delay:2s;bottom:40px;left:-30px}.pill-3{animation-delay:4s;bottom:-20px;right:40px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.workflow-container{background:var(--bg-surface-glass);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex;box-shadow:0 20px 40px #0006}.workflow-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;width:100%;max-width:320px;padding:16px 24px;transition:transform .2s;display:flex}.workflow-step:hover{transform:scale(1.02)}.workflow-arrow{color:var(--text-secondary);font-size:24px;font-weight:700}.ai-step{background:#8b5cf61a;border-color:#8b5cf64d}.ai-step .step-icon{color:var(--accent-purple)}.human-step{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 0 20px #3b82f633}.human-step .step-icon{color:var(--accent-blue)}.success-step{background:#10b9811a;border-color:#10b9814d}.success-step .step-icon{color:var(--accent-green)}.step-text{font-size:16px;font-weight:600}.lead-form-container{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;max-width:500px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #0006}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-blue);outline:none}.lead-form-success{text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:24px;max-width:500px;margin:0 auto;padding:40px}.lead-form-success h3{color:var(--accent-green);font-size:20px}
