:root{--bk:#0a0a0a;--g9:#171717;--g8:#262626;--g7:#404040;--g6:#525252;--g5:#737373;--g4:#a3a3a3;--g3:#d4d4d4;--g2:#e5e5e5;--g1:#f5f5f5;--g0:#fafafa;--w:#fff;--grn:#22c55e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Outfit,-apple-system,sans-serif;color:var(--bk);background:var(--w);letter-spacing:-.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:110px;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--g2)}.nav-logo{display:flex;align-items:center;gap:0;text-decoration:none}.nav-logo img{height:100px;width:auto}.nav-right{display:flex;align-items:center;gap:1rem}.lt{display:flex;background:var(--g1);border-radius:5px;overflow:hidden;border:1px solid var(--g2)}.lb{padding:4px 9px;font-size:.7rem;font-weight:600;border:none;background:0 0;cursor:pointer;color:var(--g5);font-family:inherit;transition:.15s}.lb.active{background:var(--w);color:var(--bk);box-shadow:0 1px 2px #0000000d}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:7px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s;text-decoration:none}.btn-d{background:var(--bk);color:var(--w)}.btn-d:hover{background:var(--g8);transform:translateY(-1px);box-shadow:0 4px 14px #00000026}.btn-o{background:0 0;color:var(--bk);border:1.5px solid var(--g2)}.btn-o:hover{border-color:var(--g4)}.btn-w{background:var(--w);color:var(--bk)}.btn-w:hover{background:var(--g1);transform:translateY(-1px)}.hero{padding:168px 2rem 48px;max-width:1080px;margin:0 auto;text-align:center}.hero h1{font-size:3.2rem;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-sub{font-size:1.05rem;line-height:1.65;color:var(--g6);margin-bottom:1.75rem;max-width:460px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:.65rem;justify-content:center}.verts{padding:36px 2rem;border-top:1px solid var(--g2);border-bottom:1px solid var(--g2)}.verts-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:center}.vt{font-size:.78rem;font-weight:500;color:var(--g6);padding:7px 14px;border:1px solid var(--g2);border-radius:6px}.vt.label{font-weight:600;color:var(--g4);border:none;padding-left:0}.chat-demo{padding:80px 2rem;max-width:1080px;margin:0 auto}.sl{font-size:.65rem;font-weight:600;color:var(--g4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.st{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--bk);margin-bottom:1rem;max-width:480px}.st-sub{font-size:.9rem;color:var(--g6);line-height:1.6;margin-bottom:2rem;max-width:480px}.chat-box{border:1px solid var(--g2);border-radius:14px;overflow:hidden;box-shadow:0 10px 36px #0000000a;display:grid;grid-template-columns:1fr 1fr;min-height:440px}.chat-left{border-right:1px solid var(--g2);display:flex;flex-direction:column}.chat-hdr{padding:12px 16px;border-bottom:1px solid var(--g2);display:flex;align-items:center;gap:8px}.chat-av{height:28px;width:auto;border-radius:4px}.chat-hdr-name{font-weight:600;font-size:.85rem}.chat-hdr-sub{font-size:.6rem;color:var(--grn)}.chat-msgs{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1;overflow:hidden;overflow-anchor:none}.cm{max-width:85%;padding:9px 12px;border-radius:12px;font-size:.78rem;line-height:1.55;opacity:0;transform:translateY(5px);transition:all .35s ease}.cm.show{opacity:1;transform:translateY(0)}.cm-user{background:var(--g1);align-self:flex-end;border-bottom-right-radius:3px}.cm-ai{background:var(--bk);color:var(--w);align-self:flex-start;border-bottom-left-radius:3px}.cm-ai .cm-tag{font-size:.55rem;font-weight:600;color:var(--g4);display:block;margin-bottom:2px}.typing-dots{display:inline-flex;gap:3px;padding:9px 12px;background:var(--bk);border-radius:12px 12px 12px 3px;align-self:flex-start}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--g4);animation:tdot 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-right{display:flex;flex-direction:column;padding:16px;gap:12px}.voice-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px}.vc-hdr{display:flex;align-items:center;gap:6px;margin-bottom:8px}.vc-icon{width:20px;height:20px;color:#2563eb}.vc-title{font-size:.8rem;font-weight:600;color:#1e3a5f}.vc-time{font-size:.6rem;color:var(--g5);margin-left:auto}.vc-dur{font-size:.7rem;color:var(--g6);margin-bottom:8px;display:flex;align-items:center;gap:4px}.vc-player{width:100%;height:32px;background:var(--g2);border-radius:16px;margin-bottom:8px;position:relative;overflow:hidden}.vc-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:#93c5fd;border-radius:16px;transition:width 4s linear}.vc-progress.playing{width:100%}.vc-play{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #1e3a5f;border-top:5px solid transparent;border-bottom:5px solid transparent;cursor:pointer}.vc-section{border:1px solid #bfdbfe;border-radius:8px;overflow:hidden;margin-top:6px}.vc-sec-hdr{padding:7px 10px;font-size:.72rem;font-weight:600;color:#1e3a5f;cursor:pointer;-webkit-user-select:none;user-select:none}.vc-sec-body{padding:8px 10px;font-size:.72rem;color:var(--g7);line-height:1.5;border-top:1px solid #bfdbfe;display:none}.vc-sec-body.open{display:block}.act-card{border:1px solid var(--g2);border-radius:12px;padding:14px;flex:1}.act-title{font-size:.75rem;font-weight:600;color:var(--g5);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.act-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--g1);font-size:.75rem}.act-row:last-child{border-bottom:none}.act-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.act-dot.green{background:var(--grn)}.act-dot.orange{background:#f59e0b}.act-dot.red{background:#ef4444}.act-name{font-weight:600;flex:1}.act-detail{color:var(--g5)}.agents{padding:80px 2rem;background:var(--g0);border-top:1px solid var(--g2)}.agents-inner{max-width:1080px;margin:0 auto}.ag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.ag{padding:1.5rem;border-radius:10px;border:1px solid var(--g2);background:var(--w);transition:.2s;display:flex;flex-direction:column}.ag:hover{border-color:var(--bk);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ag-name{font-size:.95rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}.ag-desc{font-size:.8rem;line-height:1.55;color:var(--g6);margin-bottom:.75rem}.ag-demo{border:1px solid var(--g2);border-radius:8px;overflow:hidden;margin-top:auto}.ag-demo-hdr{padding:6px 10px;background:var(--g1);border-bottom:1px solid var(--g2);font-size:.6rem;font-weight:600;color:var(--g5);display:flex;align-items:center;gap:4px}.ag-demo-hdr .livedot{width:5px;height:5px;border-radius:50%;background:var(--grn);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ag-demo-body{padding:8px;display:flex;flex-direction:column;gap:4px;height:110px;overflow:hidden}.ad{max-width:88%;padding:5px 8px;border-radius:8px;font-size:.65rem;line-height:1.45;opacity:0;transform:translateY(4px);transition:all .3s ease}.ad.show{opacity:1;transform:translateY(0)}.ad-out{background:#dcf8c6;align-self:flex-end;border-bottom-right-radius:2px}.ad-sys{background:var(--bk);color:var(--w);align-self:flex-start;border-bottom-left-radius:2px}.ad-in{background:var(--g1);color:var(--bk);align-self:flex-start;border-bottom-left-radius:2px}.ad-voice{background:#eff6ff;border:1px solid #bfdbfe;align-self:stretch;max-width:100%;border-radius:6px;padding:6px 8px}.ad-voice .v-label{font-weight:600;color:#1e3a5f;margin-bottom:2px;display:block;font-size:.6rem}.ad-campaign{background:#f0fdf4;border:1px solid #bbf7d0;align-self:stretch;max-width:100%;border-radius:6px;padding:6px 8px}.ad-campaign .camp-label{font-weight:600;color:#166534;margin-bottom:2px;display:block;font-size:.6rem}.ad-review{background:#fefce8;border:1px solid #fde68a;align-self:stretch;max-width:100%;border-radius:6px;padding:6px 8px}.ad-review .rev-label{font-weight:600;color:#92400e;margin-bottom:2px;display:block;font-size:.6rem}.ad-inbox{background:var(--g1);align-self:stretch;max-width:100%;border-radius:6px;padding:6px 8px}.ad-inbox .inb-label{font-weight:600;color:var(--g7);margin-bottom:2px;display:block;font-size:.6rem}.ad-sales{background:#faf5ff;border:1px solid #e9d5ff;align-self:stretch;max-width:100%;border-radius:6px;padding:6px 8px}.ad-sales .sal-label{font-weight:600;color:#6b21a8;margin-bottom:2px;display:block;font-size:.6rem}.mini-dots{display:inline-flex;gap:2px;padding:4px 8px;background:var(--bk);border-radius:6px 6px 6px 2px;align-self:flex-start}.mini-dots span{width:4px;height:4px;border-radius:50%;background:var(--g4);animation:tdot 1.2s ease-in-out infinite}.mini-dots span:nth-child(2){animation-delay:.2s}.mini-dots span:nth-child(3){animation-delay:.4s}.channels{padding:60px 2rem;max-width:1080px;margin:0 auto;text-align:center}.ch-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.ch{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--g2);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--g7)}.ch-dot{width:8px;height:8px;border-radius:50%;background:var(--grn)}.ch-dot.soon{background:var(--g3)}.how{padding:80px 2rem;border-top:1px solid var(--g2)}.how-inner{max-width:1080px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}.step{padding:1.5rem}.step-n{width:32px;height:32px;border-radius:7px;background:var(--bk);color:var(--w);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.step h3{font-size:.95rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem}.step p{font-size:.82rem;line-height:1.6;color:var(--g6)}.cta{padding:80px 2rem;text-align:center;background:var(--bk);color:var(--w)}.cta h2{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.12;margin-bottom:.6rem}.cta p{font-size:.95rem;color:var(--g4);margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.cta .btn-w{padding:11px 26px;font-size:.9rem}.footer{padding:1.25rem 2rem;border-top:1px solid var(--g2);max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-l{font-size:.7rem;color:var(--g4)}.footer-links{display:flex;gap:1rem}.footer-links a{font-size:.7rem;color:var(--g4);text-decoration:none;transition:.15s}.footer-links a:hover{color:var(--bk)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--w);border-radius:14px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;padding:2rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--g1);border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;color:var(--g5)}.modal-close:hover{background:var(--g2)}.modal h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.modal p{font-size:.85rem;color:var(--g6);line-height:1.6;margin-bottom:.75rem}.form-msg{padding:10px 12px;border-radius:8px;font-size:.82rem;margin-bottom:1rem;text-align:center;display:none}.form-msg.show{display:block}.form-msg.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-msg.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.btn.loading{opacity:.7;cursor:not-allowed}.demo-modal .modal{max-width:480px}.demo-field{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.demo-field label{font-size:.75rem;font-weight:600;color:var(--g7)}.demo-field input,.demo-field textarea{padding:10px 12px;border:1px solid var(--g2);border-radius:8px;font-family:inherit;font-size:.85rem;outline:none;transition:.15s}.demo-field input:focus,.demo-field textarea:focus{border-color:var(--bk)}.demo-field textarea{resize:vertical;min-height:80px}@media(max-width:900px){.hero{padding-top:140px}.hero h1{font-size:2.2rem}.ag-grid,.steps,.chat-box{grid-template-columns:1fr}.chat-right{display:none}.verts-inner{gap:.6rem}.st{font-size:1.6rem}.cta h2{font-size:1.8rem}}
