:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #eef2ff;--color-accent: #6366f1;--color-accent-400: #818cf8;--color-accent-300: #a5b4fc;--color-divider: #e2e8f0;--color-section: #f1f5f9;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-weight: 600;--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-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--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);--container-max: 1120px}[data-theme=dark]{--color-bg: #161826;--color-surface: #232532;--color-surface-elevated: #2c2f40;--color-text: #e9e9ed;--color-text-muted: color-mix(in srgb, var(--color-text) 68%, transparent);--color-primary: #9184d9;--color-primary-dark: #796cbf;--color-primary-light: color-mix(in srgb, var(--color-primary) 14%, transparent);--color-accent: #9184d9;--color-accent-400: #b5abfc;--color-accent-300: #d2cefd;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-section: #262a60;--color-success: #1a8f5e;--color-warning: #b9770e;--color-danger: #c62f3f;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0, 0, 0, .65);--shadow-xl: 0 0 0 1px #a8acca, 0 24px 48px rgba(0, 0, 0, .75)}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, #262a60) 0%,color-mix(in srgb,var(--color-section, #262a60) 82%,#161826) 100%);border-top:1px solid transparent}@media(max-width:640px){.container{padding-inline:var(--space-4)}}