:root{--bg: #06080f;--bg-elevated: #0c1019;--bg-card: #111827;--bg-light: #f8fafc;--bg-white: #ffffff;--text: #e2e8f0;--text-muted: #94a3b8;--text-dark: #0f172a;--text-dark-muted: #64748b;--accent: #3b82f6;--accent-bright: #60a5fa;--accent-glow: rgba(59, 130, 246, .35);--gradient: linear-gradient(135deg, #60a5fa 0%, #818cf8 50%, #a78bfa 100%);--border: rgba(148, 163, 184, .12);--border-light: #e2e8f0;--radius: 14px;--radius-lg: 22px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--nav-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.announce{background:linear-gradient(90deg,#1e3a5f,#1e1b4b);text-align:center;padding:10px 16px;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.announce a{color:var(--accent-bright);font-weight:600}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);background:#06080fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px}.logo-mark{color:var(--accent-bright);font-size:1.4rem}.nav-links{display:flex;gap:28px;font-size:.92rem;color:var(--text-muted)}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:12px;align-items:center}.menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer}.btn-primary,.btn-outline,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .2s;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-bright)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:12px}.hero{position:relative;padding:80px clamp(20px,4vw,48px) 60px;min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;text-align:center;max-width:780px;z-index:1}.eyebrow{font-size:.85rem;color:var(--accent-bright);font-weight:500;margin-bottom:16px;letter-spacing:.02em}.hero h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto 32px}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:1.1rem;color:var(--text)}.hero-stats span{font-size:.8rem;color:var(--text-muted)}.hero-visual{position:relative;width:100%;max-width:900px;height:320px;margin-top:40px;z-index:1}.mockup{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000080}.mockup-bar{height:28px;background:#1a2234;display:flex;align-items:center;padding:0 10px;gap:6px}.mockup-bar:before,.mockup-bar:after,.mockup-bar span{width:8px;height:8px;border-radius:50%;background:#334155}.mockup-bar span:nth-child(1){background:#ef4444}.mockup-bar span:nth-child(2){background:#eab308}.mockup-bar span:nth-child(3){background:#22c55e}.mockup-phone{width:140px;left:5%;bottom:0;transform:rotate(-6deg);animation:float 6s ease-in-out infinite}.mockup-right{right:5%;left:auto;transform:rotate(6deg);animation:float 6s ease-in-out infinite 1s}.mockup-desktop{width:420px;left:50%;transform:translate(-50%);bottom:20px;z-index:2}.mockup-screen{padding:12px;min-height:180px}.voice-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#0f172a,#1e293b)}.avatar-ring{width:56px;height:56px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.wave-bars{display:flex;gap:3px;align-items:flex-end;height:24px}.wave-bars span{width:4px;background:var(--accent-bright);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave-bars span:nth-child(1){height:8px;animation-delay:0s}.wave-bars span:nth-child(2){height:16px;animation-delay:.1s}.wave-bars span:nth-child(3){height:24px;animation-delay:.2s}.wave-bars span:nth-child(4){height:14px;animation-delay:.3s}.wave-bars span:nth-child(5){height:10px;animation-delay:.4s}.voice-screen p{font-size:.7rem;color:var(--text-muted)}.desktop-screen{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;background:#0f172a;min-height:200px}.chat-pane{background:#1e293b;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-msg{font-size:.7rem;padding:6px 10px;border-radius:10px;max-width:90%}.chat-msg.them{background:#334155;align-self:flex-start}.chat-msg.me{background:var(--accent);align-self:flex-end}.video-pane{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vid-tile{background:#1e293b;border-radius:8px;display:flex;align-items:flex-end;padding:6px;font-size:.65rem;color:var(--text-muted);min-height:80px}.vid-tile.active{background:linear-gradient(135deg,#1e3a5f,#312e81);border:1px solid var(--accent)}.chat-screen{background:#0f172a}.chat-row{font-size:.75rem;padding:8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.dot{width:8px;height:8px;border-radius:50%;background:#475569}.dot.online{background:#22c55e}@keyframes float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-6deg)}}.mockup-right{animation-name:floatRight}@keyframes floatRight{0%,to{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.trust{padding:40px clamp(20px,4vw,48px);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.trust p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.trust-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.trust-badges span{padding:8px 16px;border:1px solid var(--border);border-radius:999px;font-size:.82rem;color:var(--text-muted);background:#ffffff08}.section{padding:100px clamp(20px,4vw,48px);max-width:1200px;margin:0 auto}.section-dark{max-width:none;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-dark>*{max-width:1200px;margin-left:auto;margin-right:auto}.section-head{text-align:center;max-width:640px;margin:0 auto 56px}.section-head h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.section-sub{color:var(--text-muted);font-size:1.05rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s}.product-card:hover{border-color:#3b82f666;transform:translateY(-4px)}.product-card.highlight{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f614,#818cf80d)}.product-icon{font-size:1.8rem;margin-bottom:12px}.product-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.product-meta h3{font-size:1.05rem;font-weight:600}.tag{font-family:var(--mono);font-size:.7rem;color:var(--accent-bright);opacity:.8}.product-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.flow-diagram{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.flow-step{flex:1;min-width:180px;max-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center}.flow-num{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:.9rem}.flow-step h3{font-size:1rem;margin-bottom:8px}.flow-step p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.flow-step code{font-family:var(--mono);font-size:.75rem;color:var(--accent-bright)}.flow-arrow{display:flex;align-items:center;color:var(--text-muted);font-size:1.4rem;padding:0 4px}.arch-box{background:#0a0e17;border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow-x:auto}.arch-pre{font-family:var(--mono);font-size:.8rem;line-height:1.7;color:var(--text-muted);white-space:pre}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-content h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.split-content p{color:var(--text-muted);margin-bottom:20px}.split-content strong{color:var(--text)}.check-list{list-style:none;margin-bottom:28px}.check-list li{padding:8px 0 8px 28px;position:relative;font-size:.95rem;color:var(--text-muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.use-case-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.use-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:transform .2s}.use-card:hover{transform:translateY(-4px)}.use-card span{font-size:2rem;display:block;margin-bottom:8px}.use-card h4{font-size:1rem;margin-bottom:4px}.use-card p{font-size:.82rem;color:var(--text-muted)}.code-window{background:#0a0e17;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #0006}.code-tabs{display:flex;gap:4px;padding:12px 16px 0;background:#111827;border-bottom:1px solid var(--border)}.code-tabs span{padding:8px 16px;font-size:.8rem;color:var(--text-muted);border-radius:8px 8px 0 0;cursor:pointer}.code-tabs span.active{background:#0a0e17;color:var(--text)}.code-window pre{padding:24px;overflow-x:auto;margin:0}.code-window code{font-family:var(--mono);font-size:.78rem;line-height:1.7;color:#cbd5e1}.dev-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.dev-links a{color:var(--accent-bright);font-size:.9rem;font-weight:500}.dev-links a:hover{text-decoration:underline}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.price-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;position:relative}.price-card.featured{border-color:var(--accent);background:linear-gradient(180deg,rgba(59,130,246,.1),var(--bg-card));transform:scale(1.03);box-shadow:0 20px 60px var(--accent-glow)}.popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;padding:4px 14px;border-radius:999px;white-space:nowrap}.price-card h3{font-size:1.1rem;margin-bottom:8px}.price{font-size:2rem;font-weight:700;margin-bottom:8px}.price-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:24px}.price-card ul{list-style:none;margin-bottom:28px}.price-card li{padding:8px 0;font-size:.88rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.price-card li:last-child{border:none}.price-card .btn-primary,.price-card .btn-outline{width:100%}.cta-section{padding-bottom:120px}.cta-box{background:linear-gradient(135deg,#1e3a5f,#1e1b4b,#0f172a);border:1px solid var(--border);border-radius:var(--radius-lg);padding:64px clamp(24px,5vw,80px);text-align:center}.cta-box h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}.cta-box>p{color:var(--text-muted);margin-bottom:32px}.cta-form{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:0 auto 16px}.cta-form input{padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:#0000004d;color:var(--text);font-family:inherit;font-size:.95rem}.cta-form input::placeholder{color:#64748b}.cta-form input:focus{outline:none;border-color:var(--accent)}.cta-note{font-size:.85rem;color:var(--text-muted)}.cta-note.success{color:#4ade80}.cta-note.error{color:#f87171}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.footer{background:#04060a;border-top:1px solid var(--border);padding:64px clamp(20px,4vw,48px) 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 48px}.footer-brand p{color:var(--text-muted);font-size:.88rem;margin-top:12px;max-width:280px}.footer h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:16px}.footer a{display:block;font-size:.9rem;color:var(--text-muted);padding:6px 0}.footer a:hover{color:var(--text)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--text-muted)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.split{grid-template-columns:1fr;gap:40px}.hero-visual{height:280px}.mockup-desktop{width:320px}.mockup-phone{width:110px}.flow-arrow{display:none}.flow-step{max-width:none;flex:1 1 100%}.footer-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}}@media(max-width:640px){.nav-links,.nav-actions{display:none}.nav-links.open,.nav-actions.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--bg);padding:20px;border-bottom:1px solid var(--border)}.menu-btn{display:block}.hero-visual{display:none}.use-case-cards,.footer-grid{grid-template-columns:1fr}}
