:root,[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-elevated: #243044;--color-surface-alt: rgba(30, 41, 59, .65);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-primary: #22c55e;--color-primary-dark: #16a34a;--color-primary-light: rgba(34, 197, 94, .15);--color-accent: #3b82f6;--color-accent-400: #60a5fa;--color-accent-300: #93c5fd;--color-logo: #3b82f6;--color-blue: #3b82f6;--color-cyan: #06b6d4;--color-purple: #a855f7;--color-amber: #f59e0b;--color-divider: rgba(148, 163, 184, .12);--color-divider-solid: rgba(51, 65, 85, .6);--color-section: #131c31;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-weight: 700;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(148, 163, 184, .08);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(148, 163, 184, .12);--shadow-xl: 0 24px 50px -8px rgba(0, 0, 0, .75), 0 0 0 1px rgba(148, 163, 184, .16);--container-max: 1240px}[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-alt: #f1f5f9;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-light: #ecfdf5;--color-accent: #2563eb;--color-accent-400: #3b82f6;--color-accent-300: #60a5fa;--color-logo: #2563eb;--color-blue: #2563eb;--color-cyan: #0891b2;--color-purple: #7c3aed;--color-amber: #d97706;--color-divider: #e2e8f0;--color-divider-solid: #cbd5e1;--color-section: #f1f5f9;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .03)}html,body,#root{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.25;margin:0 0 var(--space-3);color:var(--color-text)}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-400)}.container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--space-6)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-divider);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card.elev-sm{box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:500;font-size:14px;line-height:1.2;border:1px solid transparent;cursor:pointer;text-decoration:none;color:var(--color-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 1px 2px #00000014}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border-color:var(--color-divider);background:var(--color-surface);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 5%,transparent);border-color:color-mix(in srgb,var(--color-text) 20%,transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-text) 10%,transparent)}.btn-ghost{color:var(--color-accent);padding:8px 14px;background:transparent}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input,select.input,textarea.input{padding:9px 13px;border-radius:var(--radius-md);border:1px solid var(--color-divider);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-surface);caret-color:var(--color-accent);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:hover,select.input:hover,textarea.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus,select.input:focus,textarea.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.3}.tag-demo{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:#b45309;border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}[data-theme=dark] .tag-demo{color:#fcd34d}.tag-accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent)}.state-banner{padding:var(--space-4);border-radius:var(--radius-md);font-size:14px}.state-banner-error{background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.state-banner-empty{background:var(--color-surface);color:var(--color-text-muted);text-align:center;border:1px solid var(--color-divider)}.blog-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.blog-badge-solutions{background:color-mix(in srgb,#3b82f6 14%,transparent);color:#2563eb;border:1px solid color-mix(in srgb,#3b82f6 30%,transparent)}[data-theme=dark] .blog-badge-solutions{color:#93c5fd}.blog-badge-comparison{background:color-mix(in srgb,#8b5cf6 14%,transparent);color:#7c3aed;border:1px solid color-mix(in srgb,#8b5cf6 30%,transparent)}[data-theme=dark] .blog-badge-comparison{color:#c4b5fd}.blog-badge-guides{background:color-mix(in srgb,#10b981 14%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}[data-theme=dark] .blog-badge-guides{color:#6ee7b7}.blog-badge-contact-center{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#d97706;border:1px solid color-mix(in srgb,#f59e0b 30%,transparent)}[data-theme=dark] .blog-badge-contact-center{color:#fcd34d}.blog-card{position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-divider))}.blog-featured-card{position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-divider);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.blog-featured-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.blog-prose{font-size:16px;line-height:1.8;color:var(--color-text)}.blog-prose p{margin:0 0 var(--space-5);color:var(--color-text)}.blog-prose h2{font-size:22px;font-weight:600;margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-4);scroll-margin-top:90px;border-bottom:1px solid var(--color-divider);padding-bottom:8px}.blog-prose h3{font-size:18px;font-weight:600;margin:var(--space-6) 0 var(--space-3);scroll-margin-top:90px}.blog-prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.social-share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.social-share-btn:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.cta-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,var(--color-surface)) 0%,var(--color-surface) 100%);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.hero-section{background:radial-gradient(120% 90% at 8% -10%,color-mix(in srgb,var(--color-primary) 10%,#ffffff) 0%,var(--color-bg) 65%);border-bottom:1px solid var(--color-divider)}[data-theme=dark] .hero-section{background:radial-gradient(120% 90% at 8% -10%,#22243a,#161826 58%);border-bottom:1px solid transparent}.cta-band{background:linear-gradient(180deg,var(--color-section) 0%,color-mix(in srgb,var(--color-section) 70%,var(--color-bg)) 100%);border-top:1px solid var(--color-divider)}[data-theme=dark] .cta-band{background:linear-gradient(180deg,var(--color-section, #131c31) 0%,color-mix(in srgb,var(--color-section, #131c31) 82%,#0f172a) 100%);border-top:1px solid var(--color-divider)}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:40px 40px;position:fixed;top:0;right:0;bottom:0;left:0}[data-theme=light] .bg-grid{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}.bg-orbs{z-index:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.orb{filter:blur(90px);opacity:.32;border-radius:50%;animation:24s ease-in-out infinite drift;position:absolute}[data-theme=light] .orb{opacity:.16;filter:blur(100px)}.orb-1{background:radial-gradient(circle,#3b82f6,transparent 70%);width:550px;height:550px;animation-delay:0s;top:-12%;left:-8%}.orb-2{background:radial-gradient(circle,#a855f7,transparent 70%);width:480px;height:480px;animation-delay:-8s;bottom:8%;right:-5%}.orb-3{background:radial-gradient(circle,#22c55e,transparent 70%);width:380px;height:380px;animation-delay:-16s;top:35%;left:28%}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(32px,-32px) scale(1.06)}66%{transform:translate(-24px,24px) scale(.94)}}.hero-badge{color:#4ade80;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:9999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{background:#22c55e;width:8px;height:8px;box-shadow:0 0 10px #22c55e;border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.gradient-text{background:linear-gradient(135deg,#22c55e,#06b6d4,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important;border-radius:9999px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 24px #22c55e61;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #22c55e8c}.cta-secondary{background:#1e293ba6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);border:1px solid rgba(148,163,184,.25);border-radius:9999px;padding:12px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.cta-secondary:hover{border-color:#94a3b873;background:#1e293be6;color:#fff;transform:translateY(-2px)}[data-theme=light] .cta-secondary{background:#fff;border-color:#cbd5e1}[data-theme=light] .cta-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.feature-card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 20px 40px #00000073}[data-theme=light] .feature-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px -2px #0f172a0d}[data-theme=light] .feature-card:hover{border-color:#3b82f6;box-shadow:0 20px 40px -10px #0f172a1f}.feat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;border:1px solid transparent}.feat-on{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.feat-plat{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:9999px;letter-spacing:.3px}.feat-plat.webrtc{color:#4ade80;background:#22c55e24}.feat-plat.desktop{color:#93c5fd;background:#3b82f629}.feat-plat.mobile{color:#c084fc;background:#a855f729}.feat-plat.api{color:#67e8f9;background:#06b6d429}.feat-plat.security{color:#f59e0b;background:#f59e0b29}.desktop-window{border:1px solid rgba(148,163,184,.15);background:#0b1220;border-radius:16px;max-width:1140px;margin:0 auto;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 60px #22c55e14}.desktop-window-bar{border-bottom:1px solid rgba(148,163,184,.12);background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:10px 16px;display:flex}.win-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.desktop-tabs{scrollbar-width:none;gap:4px;margin-left:14px;display:flex;overflow-x:auto}.desktop-tab{cursor:pointer;color:var(--color-text-muted);font:inherit;white-space:nowrap;background:transparent;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s ease}.desktop-tab:hover{color:#fff;background:#94a3b81f}.desktop-tab.active{color:#fff;background:#22c55e2e;border:1px solid rgba(34,197,94,.3)}.device-stage{touch-action:pan-y;width:720px;height:520px;position:relative;margin:0 auto}.stage-glow{filter:blur(60px);background:radial-gradient(at 45% 55%,rgba(34,197,94,.22) 0%,rgba(59,130,246,.18) 45%,transparent 72%);position:absolute;top:6%;right:2%;bottom:10%;left:4%;pointer-events:none}.stage-floor{filter:blur(10px);background:radial-gradient(rgba(0,0,0,.6) 0%,transparent 70%);height:46px;position:absolute;bottom:8px;left:6%;right:4%;pointer-events:none}.laptop{width:580px;position:absolute;top:30px;left:10px;z-index:1}.laptop-lid{background:linear-gradient(160deg,#1e2430,#0c0f14 60%);border-radius:18px 18px 7px 7px;padding:12px 12px 14px;position:relative;box-shadow:inset 0 0 0 1.5px #94a3b840,0 30px 70px #000000b3}.laptop-cam{background:#2a3341;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:5px;left:50%;box-shadow:inset 0 0 1px #94a3b8cc}.laptop-screen{aspect-ratio:16/10;background:#0b1220;border-radius:5px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.laptop-screen:after,.phone-screen:after{content:"";pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 32%,transparent 33%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.laptop-base{background:linear-gradient(#4a5262,#2b313c 45%,#161a21);border-radius:3px 3px 16px 16px;height:15px;margin:0 -36px;position:relative;box-shadow:0 18px 30px #0009}.laptop-base:before{content:"";background:#1e232c;border-radius:0 0 8px 8px;width:100px;height:6px;margin-left:-50px;position:absolute;top:0;left:50%}.phone{z-index:3;width:210px;position:absolute;bottom:24px;right:20px}.phone-body{background:linear-gradient(150deg,#3a4252,#12161d 55%,#222833);border-radius:38px;padding:8px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff29,0 30px 60px #000000b3,0 6px 16px #00000080}.phone-body:before,.phone-body:after{content:"";background:#2c333f;border-radius:2px;width:3px;position:absolute}.phone-body:before{height:44px;top:92px;left:-3px}.phone-body:after{height:60px;top:120px;right:-3px}.phone-screen{aspect-ratio:600/1299;background:#0f172a;border-radius:31px;position:relative;overflow:hidden}.phone-cam{z-index:6;background:#05070a;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:9px;left:50%;box-shadow:0 0 0 1.5px #10141b}.stage-caption{align-items:center;gap:14px;min-height:24px;display:flex;margin-top:16px;justify-content:center}.dots-indicator{gap:8px;display:flex}.dot-ind{cursor:pointer;background:#94a3b866;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s ease}.dot-ind.active{background:#22c55e;box-shadow:0 0 10px #22c55e;transform:scale(1.4)}.screen-label{color:var(--color-text-muted);white-space:nowrap;font-size:13.5px;font-weight:600}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}.device-stage{zoom:.85}}@media(max-width:900px){.device-stage{zoom:.72}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.device-stage{zoom:.52}.stage-caption{flex-direction:column;gap:8px}.screen-label{white-space:normal;text-align:center}}@media(max-width:640px){.container{padding-inline:var(--space-4)}.device-stage{zoom:.44}}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);width:100%}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr;gap:var(--space-4)}}.plan-card{position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-text) 30%,transparent)}.plan-card--featured{border-color:var(--color-primary)!important;box-shadow:0 0 24px -4px #22c55e47,var(--shadow-md);background:linear-gradient(180deg,rgba(34,197,94,.06) 0%,var(--color-surface) 40%)}.plan-card--featured:hover{transform:translateY(-3px);box-shadow:0 0 32px -2px #22c55e6b,var(--shadow-lg);border-color:var(--color-primary)!important}.plan-popular-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;letter-spacing:.02em;background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.35);white-space:nowrap}