:root {
            --white: #FFFFFF;
            --cream-50: #FFFBF6;
            --gray-50: #F9FAFB;
            --gray-100: #F3F4F6;
            --gray-200: #E5E7EB;
            --gray-300: #D1D5DB;
            --gray-400: #9CA3AF;
            --gray-500: #6B7280;
            --gray-600: #4B5563;
            --gray-700: #374151;
            --gray-800: #1F2937;
            --gray-900: #111827;
            --gray-950: #0a0d12;
            --bronze-900: #312E81;
            --bronze-800: #3730A3;
            --bronze-700: #4F46E5;
            --bronze-600: #6366F1;
            --bronze-500: #818CF8;
            --bronze-400: #A5B4FC;
            --bronze-300: #C7D2FE;
            --bronze-200: #E0E7FF;
            --bronze-100: #EEF2FF;
            --emerald: #10B981;
            --blue: #3B82F6;
            --violet: #8B5CF6;
            --cyan: #06B6D4;
            --pink: #EC4899;
            --orange: #F97316;
            --red: #EF4444;
            --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            --font-serif: 'DM Serif Display', Georgia, serif;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        html { overflow-x: hidden; }
        body {
            font-family: var(--font-sans);
            background: var(--white);
            color: var(--gray-900);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            padding-top: 80px;
            overflow-x: hidden;
        }
        a { color: inherit; text-decoration: none; }
        .container { max-width: 1600px; margin: 0 auto; padding: 0 72px; }

        /* HEADER */
        #header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 5000;
            padding: 14px 0;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid var(--gray-100);
            transition: all 0.3s ease;
        }
        #header.scrolled { padding: 10px 0; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06); }
        #header .header-inner { display: flex; align-items: center; justify-content: space-between; }
        #header .logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; color: var(--gray-900); }
        #header .logo-mark { width: 34px; height: 34px; background: linear-gradient(135deg, var(--bronze-700), var(--bronze-900)); border-radius: 9px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(61, 41, 20, 0.2); }
        #header .logo-mark svg { width: 18px; height: 18px; color: white; }
        #header .logo sup { font-size: 10px; font-weight: 500; color: var(--bronze-600); margin-left: 2px; }
        #header .nav { display: flex; align-items: center; gap: 4px; }
        #header .nav-item { position: relative; }
        #header .nav-link { display: flex; align-items: center; gap: 4px; padding: 10px 16px; font-size: 14px; font-weight: 500; color: var(--gray-600); border-radius: 6px; transition: all 0.2s; }
        #header .nav-link:hover { color: var(--gray-900); background: var(--gray-50); }
        #header .nav-link.active { color: var(--bronze-700); }
        #header .nav-link svg { width: 14px; height: 14px; transition: transform 0.2s; }
        #header .nav-item:hover .nav-link svg { transform: rotate(180deg); }
        #header .mega-menu { position: fixed; top: 76px; left: 50%; transform: translateX(-50%) translateY(10px); background: linear-gradient(180deg, #FFFFFF 0%, var(--cream-50) 100%); border-radius: 16px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; z-index: 6000; padding: 24px; width: min(760px, calc(100vw - 32px)); max-width: calc(100vw - 32px); }
        #header .mega-menu.wide { width: min(920px, calc(100vw - 32px)); }
        #header .nav-item.is-open .mega-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
        #header .mega-menu-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
        #header .mega-menu-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
        #header .mega-menu-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px; border-radius: 12px; transition: all 0.2s; }
        #header .mega-menu-item:hover { background: var(--gray-50); }
        #header .mega-menu-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        #header .mega-menu-icon svg { width: 22px; height: 22px; }
        .mega-menu-icon.voice { background: rgba(99,102,241, 0.12); color: var(--bronze-600); }
        .mega-menu-icon.whatsapp { background: rgba(37, 211, 102, 0.12); color: #25D366; }
        .mega-menu-icon.instagram { background: rgba(225, 48, 108, 0.12); color: #E1306C; }
        .mega-menu-icon.messenger { background: rgba(0, 132, 255, 0.12); color: #0084FF; }
        .mega-menu-icon.crm-agent { background: rgba(59, 130, 246, 0.12); color: #3B82F6; }
        .mega-menu-icon.quality-agent { background: rgba(16, 185, 129, 0.12); color: #10B981; }
        .mega-menu-icon.receptionist-agent { background: rgba(139, 92, 246, 0.12); color: #8B5CF6; }
        .mega-menu-icon.platform { background: rgba(59, 130, 246, 0.12); color: #3B82F6; }
        .mega-menu-icon.voip { background: rgba(99,102,241, 0.12); color: var(--bronze-600); }
        .mega-menu-icon.solutions { background: rgba(139, 92, 246, 0.12); color: #8B5CF6; }
        .mega-menu-icon.integrations { background: rgba(139, 92, 246, 0.12); color: #8B5CF6; }
        .mega-menu-icon.auto { background: rgba(99,102,241, 0.12); color: var(--bronze-600); }
        .mega-menu-icon.health { background: rgba(16, 185, 129, 0.12); color: #10B981; }
        .mega-menu-icon.realestate { background: rgba(59, 130, 246, 0.12); color: #3B82F6; }
        .mega-menu-icon.ecommerce { background: rgba(251, 146, 60, 0.12); color: #FB923C; }
        .mega-menu-icon.finance { background: rgba(6, 182, 212, 0.12); color: #06B6D4; }
        .mega-menu-icon.hr { background: rgba(139, 92, 246, 0.12); color: #8B5CF6; }
        .mega-menu-icon.blog { background: rgba(59, 130, 246, 0.12); color: #3B82F6; }
        .mega-menu-icon.api { background: rgba(251, 146, 60, 0.12); color: #FB923C; }
        .mega-menu-content h4 { font-size: 14px; font-weight: 600; color: var(--gray-900); margin-bottom: 4px; }
        .mega-menu-content p { font-size: 13px; color: var(--gray-500); line-height: 1.4; }
        .mega-menu-section-title { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bronze-700); margin-bottom: 12px; padding-left: 14px; }
        .mega-menu.agents { padding: 0; width: min(1120px, calc(100vw - 32px)); }
        .agents-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 14px 22px 18px; border-top: 1px solid rgba(17, 24, 39, 0.08); background: linear-gradient(180deg, rgba(253,252,251,0.6), rgba(255,255,255,0.8)); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
        .agents-stat { text-align: center; }
        .agents-stat strong { display: block; font-size: 16px; font-weight: 800; color: var(--bronze-700); letter-spacing: -0.01em; }
        .agents-stat span { display: block; font-size: 12px; color: var(--gray-600); margin-top: 2px; }
        .mega-menu.platform { padding: 14px; width: min(980px, calc(100vw - 32px)); }
        .platform-menu { display: grid; grid-template-columns: 1fr 1.05fr; gap: 14px; align-items: stretch; }
        .platform-left { padding: 8px; height: 400px; display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; }
        .platform-kicker { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.10em; color: var(--bronze-700); margin-bottom: 8px; }
        .platform-title { font-size: 18px; font-weight: 850; color: var(--gray-900); letter-spacing: -0.02em; margin-bottom: 6px; }
        .platform-desc { font-size: 13px; color: var(--gray-600); line-height: 1.55; margin-bottom: 8px; }
        .platform-points { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; flex: 1; align-content: start; min-height: auto; overflow: hidden; }
        .platform-point { display: grid; grid-template-columns: 18px 1fr; gap: 10px; padding: 9px 12px; border-radius: 12px; border: 1px solid rgba(17, 24, 39, 0.08); background: rgba(255,255,255,0.70); }
        .platform-point-icon { width: 18px; height: 18px; border-radius: 6px; background: rgba(99,102,241,0.10); border: 1px solid rgba(99,102,241,0.18); display: grid; place-items: center; color: var(--bronze-700); }
        .platform-point-icon svg { width: 12px; height: 12px; }
        .platform-point strong { display: block; font-size: 13px; font-weight: 850; color: var(--gray-900); margin-bottom: 1px; }
        .platform-point span { display: block; font-size: 12px; color: var(--gray-600); line-height: 1.4; }
        .platform-cta { margin-top: 8px; flex-shrink: 0; }
        .platform-right { border-radius: 16px; background: linear-gradient(135deg, #1a1f2e, #141820); border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 18px 50px rgba(0,0,0,0.24); overflow: hidden; display: flex; flex-direction: column; height: 400px; }
        .platform-right.platform-links { background: rgba(255,255,255,0.75); border: 1px solid rgba(17, 24, 39, 0.10); box-shadow: 0 18px 50px rgba(0,0,0,0.10); padding: 10px; overflow: hidden !important; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-grid { gap: 2px !important; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-item { padding: 6px; gap: 8px; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-icon { width: 32px; height: 32px; border-radius: 10px; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-icon svg { width: 16px; height: 16px; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-content h4 { margin-bottom: 2px; line-height: 1.2; }
        .mega-menu.platform .platform-right.platform-links .mega-menu-content p { font-size: 10px; line-height: 1.15; }
        @media (max-width: 1024px) {
            .platform-menu { grid-template-columns: 1fr; }
            .platform-right { display: none; }
            .agents-stats { grid-template-columns: repeat(2, 1fr); }
        }
        .header-actions { display: flex; align-items: center; gap: 12px; }
        .mobile-menu-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 8px; color: var(--gray-600); background: transparent; border: none; cursor: pointer; }
        .mobile-menu-toggle svg { width: 24px; height: 24px; }
        .mobile-menu { display: none; position: fixed; top: 64px; left: 0; right: 0; bottom: 0; background: white; padding: 24px; overflow-y: auto; z-index: 5500; }
        .mobile-menu-inner { max-width: 1200px; margin: 0 auto; }
        .mobile-accordion { border: 1px solid rgba(17, 24, 39, 0.08); border-radius: 14px; background: linear-gradient(180deg, #FFFFFF 0%, var(--cream-50) 100%); overflow: hidden; }
        .mobile-accordion-item + .mobile-accordion-item { border-top: 1px solid rgba(17, 24, 39, 0.08); }
        .mobile-accordion-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 14px 14px; font-size: 15px; font-weight: 700; color: var(--gray-900); background: transparent; border: none; cursor: pointer; }
        .mobile-accordion-trigger svg { width: 18px; height: 18px; transition: transform 0.2s ease; }
        .mobile-accordion-item.is-open .mobile-accordion-trigger svg { transform: rotate(180deg); }
        .mobile-accordion-panel { display: none; padding: 0 10px 12px; }
        .mobile-accordion-item.is-open .mobile-accordion-panel { display: block; }
        .mobile-accordion-link { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,0.75); border: 1px solid rgba(17, 24, 39, 0.08); margin: 8px 0; }
        .mobile-accordion-link strong { display: block; font-size: 14px; font-weight: 800; color: var(--gray-900); margin-bottom: 2px; }
        .mobile-accordion-link span { display: block; font-size: 12px; color: var(--gray-600); line-height: 1.4; }
        .mobile-menu-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
        .mobile-menu.active { display: block; }
        @media (max-width: 1024px) {
            #header .nav { display: none; }
            .mobile-menu-toggle { display: flex; }
            .header-actions .btn-ghost { display: none; }
        }
        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; font-family: var(--font-sans); font-size: 14px; font-weight: 500; border-radius: 8px; transition: all 0.2s ease; border: none; cursor: pointer; }
        .btn-sm { padding: 8px 16px; font-size: 13px; }
        .btn-lg { padding: 14px 28px; font-size: 15px; }
        .btn-primary { background: transparent; color: #1E1E24; border: 1.5px solid #1E1E24; }
        .btn-primary:hover { background: #1E1E24; color: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); }
        .btn-outline { background: transparent; color: var(--gray-700); border: 1px solid var(--gray-200); }
        .btn-outline:hover { background: var(--gray-50); border-color: var(--gray-300); }
        .btn-ghost { color: var(--gray-600); background: transparent; }
        .btn-ghost:hover { color: var(--gray-900); background: var(--gray-50); }
        .btn-icon { width: 16px; height: 16px; transition: transform 0.2s; }
        .btn:hover .btn-icon { transform: translateX(2px); }

        /* BLOG HERO */
        .blog-hero { padding: 80px 0; background: linear-gradient(180deg, var(--cream-50) 0%, var(--white) 100%); text-align: center; }
        .blog-hero-kicker { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: linear-gradient(135deg, rgba(99,102,241, 0.12), rgba(99,102,241, 0.06)); border: 1px solid rgba(99,102,241, 0.2); border-radius: 100px; font-size: 12px; font-weight: 700; color: var(--bronze-600); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; }
        .blog-hero-title { font-family: var(--font-serif); font-size: clamp(40px, 5vw, 56px); font-weight: 400; color: var(--gray-900); line-height: 1.15; margin-bottom: 20px; }
        .blog-hero-desc { font-size: 18px; color: var(--gray-600); max-width: 600px; margin: 0 auto 32px; line-height: 1.7; }

        /* FEATURED POST */
        .featured-section { padding: 0 0 80px; }
        .featured-card { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; background: var(--white); border: 1px solid var(--gray-200); border-radius: 24px; overflow: hidden; transition: all 0.3s ease; }
        .featured-card:hover { border-color: var(--gray-300); box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08); }
        .featured-image { height: 400px; position: relative; overflow: hidden; }
        .featured-content { padding: 48px 48px 48px 0; display: flex; flex-direction: column; justify-content: center; }
        .featured-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: var(--emerald); border-radius: 100px; font-size: 11px; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 16px; width: fit-content; }
        .featured-category { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--bronze-600); margin-bottom: 12px; }
        .featured-title { font-family: var(--font-serif); font-size: 32px; font-weight: 400; color: var(--gray-900); line-height: 1.3; margin-bottom: 16px; }
        .featured-excerpt { font-size: 16px; color: var(--gray-600); line-height: 1.7; margin-bottom: 24px; }
        .featured-meta { display: flex; align-items: center; gap: 16px; font-size: 14px; color: var(--gray-500); }
        .featured-meta-item { display: flex; align-items: center; gap: 6px; }
        .featured-meta-item svg { width: 16px; height: 16px; }

        /* BLOG GRID */
        .blog-section { padding: 0 0 100px; }
        .blog-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
        .blog-section-title { font-size: 28px; font-weight: 700; color: var(--gray-900); }
        .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
        .blog-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; }
        .blog-card:hover { border-color: var(--gray-300); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); transform: translateY(-4px); }
        .blog-card-image { height: 200px; position: relative; overflow: hidden; }
        .blog-card-body { padding: 24px; }
        .blog-card-category { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--bronze-600); margin-bottom: 10px; }
        .blog-card-title { font-size: 18px; font-weight: 700; color: var(--gray-900); margin-bottom: 12px; line-height: 1.4; }
        .blog-card-excerpt { font-size: 14px; color: var(--gray-600); line-height: 1.6; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        .blog-card-meta { font-size: 13px; color: var(--gray-500); }

        /* THUMBNAIL BACKGROUNDS */
        .thumb-languages { background: linear-gradient(135deg, #0f766e 0%, #134e4a 100%); position: relative; }
        
        /* New Release Badge */
        .blog-card-badge { position: absolute; top: 12px; right: 12px; padding: 5px 10px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 6px; font-size: 10px; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.03em; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4); z-index: 5; }
        .thumb-voice-ai { background: linear-gradient(135deg, #1a1f2e 0%, #0f1318 100%); }
        .thumb-automotive { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); }
        .thumb-whatsapp { background: linear-gradient(135deg, #075E54 0%, #128C7E 100%); }
        .thumb-wa-calling { background: linear-gradient(135deg, #064E3B 0%, #065F46 40%, #047857 70%, #0D9488 100%); }
        .thumb-wa-calling .wa-call-visual { display: flex; align-items: center; gap: 16px; }
        .thumb-wa-calling .wa-call-phone { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg,#1a4028,#2a6040); display: flex; align-items: center; justify-content: center; border: 2px solid rgba(37,211,102,0.4); box-shadow: 0 0 30px rgba(37,211,102,0.3); position: relative; }
        .thumb-wa-calling .wa-call-phone svg { width: 26px; height: 26px; color: #4ADE80; }
        .thumb-wa-calling .wa-call-ring { position: absolute; inset: -8px; border: 2px solid rgba(37,211,102,0.2); border-radius: 50%; animation: call-ring-anim 2s ease-in-out infinite; }
        .thumb-wa-calling .wa-call-ring:nth-child(2) { inset: -18px; animation-delay: 0.5s; }
        @keyframes wa-call-pulse { 0%,100%{opacity:0;transform:scale(.9)} 50%{opacity:.6;transform:scale(1.1)} }
        .thumb-wa-calling .wa-call-label { font-size: 11px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.06em; }
        .thumb-wa-calling .wa-call-stat { font-size: 28px; font-weight: 800; color: #4ADE80; line-height: 1; }
        .thumb-wa-calling .wa-call-sub { font-size: 9px; color: rgba(255,255,255,0.6); text-transform: uppercase; }
        .thumb-wait-times { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
        .thumb-multichannel { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%); }
        .thumb-pbx { background: linear-gradient(135deg, #1e3a5f 0%, #0c4a6e 100%); }
        .thumb-balance { background: linear-gradient(135deg, #312E81 0%, #3730A3 100%); }
        .thumb-sip-connector { background: linear-gradient(135deg, #0b1020 0%, #0c4a6e 55%, #0f172a 100%); }
        .thumb-integrations { background: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1a1f2e 100%); }
        .thumb-integrations .integration-icons { display: flex; align-items: center; justify-content: center; gap: 8px; }
        .thumb-integrations .integration-icons img { width: 28px; height: 28px; border-radius: 6px; }
        .thumb-integrations .integration-icons .center-icon { width: 40px; height: 40px; background: linear-gradient(135deg, #A5B4FC, #6366F1); border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(99,102,241, 0.4); }
        .thumb-integrations .integration-icons .center-icon svg { width: 20px; height: 20px; color: white; }

        /* n8n Integration Thumbnail */
        .thumb-n8n { background: linear-gradient(135deg, #1a1a2e 0%, #EA4B71 120%); }
        .thumb-n8n .n8n-mini-flow { display: flex; align-items: center; gap: 8px; }
        .thumb-n8n .n8n-mini-node { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1.5px solid rgba(255,255,255,0.2); }
        .thumb-n8n .n8n-mini-node.trigger { background: linear-gradient(135deg, #EA4B71, #D4365C); border-color: rgba(234,75,113,0.6); }
        .thumb-n8n .n8n-mini-node.mihu { background: linear-gradient(135deg, #6366F1, #4F46E5); border-color: rgba(99,102,241,0.6); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
        .thumb-n8n .n8n-mini-node.code { background: rgba(255,255,255,0.08); }
        .thumb-n8n .n8n-mini-node svg { width: 18px; height: 18px; color: white; }
        .thumb-n8n .n8n-mini-edge { width: 16px; height: 2px; background: rgba(255,255,255,0.3); border-radius: 1px; }
        .thumb-n8n .n8n-mini-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 10px; text-align: center; }

        /* Mihu Assistant (Launch Series · Week 1) */
        .thumb-mihu-assistant { background: linear-gradient(135deg, #1a1a2e 0%, #6366F1 120%); }
        .thumb-mihu-assistant .assistant-mini-visual { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-mihu-assistant .assistant-mini-spark { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6366F1, #4F46E5); border: 1.5px solid rgba(99,102,241,0.6); box-shadow: 0 4px 16px rgba(99,102,241,0.4); }
        .thumb-mihu-assistant .assistant-mini-spark svg { width: 24px; height: 24px; color: #fff; }
        .thumb-mihu-assistant .assistant-mini-bubble { font-size: 11px; font-weight: 600; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); padding: 7px 12px; border-radius: 12px 12px 12px 4px; max-width: 190px; text-align: center; }
        .thumb-mihu-assistant .assistant-mini-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Guard Rules, Escalation & Human-in-the-Loop */
        .thumb-guardrails { background: linear-gradient(135deg, #16161c 0%, #4F46E5 130%); }
        .thumb-guardrails .guard-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-guardrails .guard-shield { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6366F1, #4F46E5); border: 1.5px solid rgba(99,102,241,0.6); box-shadow: 0 4px 18px rgba(99,102,241,0.45); }
        .thumb-guardrails .guard-shield svg { width: 26px; height: 26px; color: #fff; }
        .thumb-guardrails .guard-chips { display: flex; gap: 6px; }
        .thumb-guardrails .guard-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-guardrails .guard-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Conversation Intelligence */
        .thumb-conversation-intelligence { background: linear-gradient(135deg, #16161c 0%, #6366F1 130%); }
        .thumb-conversation-intelligence .ci-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-conversation-intelligence .ci-bubble { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6366F1, #4F46E5); border: 1.5px solid rgba(99,102,241,0.6); box-shadow: 0 4px 18px rgba(99,102,241,0.45); }
        .thumb-conversation-intelligence .ci-bubble svg { width: 26px; height: 26px; color: #fff; }
        .thumb-conversation-intelligence .ci-chips { display: flex; gap: 6px; }
        .thumb-conversation-intelligence .ci-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-conversation-intelligence .ci-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Smart IVR */
        .thumb-smart-ivr { background: linear-gradient(135deg, #16161c 0%, #6366F1 130%); }
        .thumb-smart-ivr .ivr-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-smart-ivr .ivr-phone { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6366F1, #4F46E5); border: 1.5px solid rgba(99,102,241,0.6); box-shadow: 0 4px 18px rgba(99,102,241,0.45); }
        .thumb-smart-ivr .ivr-phone svg { width: 26px; height: 26px; color: #fff; }
        .thumb-smart-ivr .ivr-chips { display: flex; gap: 6px; }
        .thumb-smart-ivr .ivr-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-smart-ivr .ivr-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Mihu as a PBX Extension Thumbnail (bronze) */
        .thumb-pbx-ext { background: linear-gradient(135deg, #16161c 0%, #b8813a 130%); }
        .thumb-pbx-ext .pbxext-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-pbx-ext .pbxext-phone { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b8813a, #955f22); border: 1.5px solid rgba(207,160,102,0.6); box-shadow: 0 4px 18px rgba(184,129,58,0.45); }
        .thumb-pbx-ext .pbxext-phone svg { width: 26px; height: 26px; color: #fff; }
        .thumb-pbx-ext .pbxext-chips { display: flex; gap: 6px; }
        .thumb-pbx-ext .pbxext-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-pbx-ext .pbxext-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Complete Contact Center Thumbnail (bronze) */
        .thumb-ccc { background: linear-gradient(135deg, #16161c 0%, #7a4f1d 130%); }
        .thumb-ccc .ccc-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-ccc .ccc-grid-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
        .thumb-ccc .ccc-dot { width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b8813a, #955f22); border: 1.5px solid rgba(207,160,102,0.5); box-shadow: 0 3px 12px rgba(184,129,58,0.4); }
        .thumb-ccc .ccc-dot svg { width: 15px; height: 15px; color: #fff; }
        .thumb-ccc .ccc-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Self-Updating CRM / Analyzer Thumbnail (bronze) */
        .thumb-crm { background: linear-gradient(135deg, #16161c 0%, #955f22 130%); }
        .thumb-crm .crm-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-crm .crm-db { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b8813a, #7a4f1d); border: 1.5px solid rgba(207,160,102,0.55); box-shadow: 0 4px 18px rgba(184,129,58,0.45); }
        .thumb-crm .crm-db svg { width: 26px; height: 26px; color: #fff; }
        .thumb-crm .crm-chips { display: flex; gap: 6px; }
        .thumb-crm .crm-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-crm .crm-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Test, Learn & Improve Thumbnail (bronze) */
        .thumb-tli { background: linear-gradient(135deg, #16161c 0%, #b8813a 130%); }
        .thumb-tli .tli-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-tli .tli-loop { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b8813a, #7a4f1d); border: 1.5px solid rgba(207,160,102,0.55); box-shadow: 0 4px 18px rgba(184,129,58,0.45); }
        .thumb-tli .tli-loop svg { width: 26px; height: 26px; color: #fff; }
        .thumb-tli .tli-chips { display: flex; gap: 6px; }
        .thumb-tli .tli-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-tli .tli-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* How Businesses Use Mihu Thumbnail (bronze) */
        .thumb-hbu { background: linear-gradient(135deg, #16161c 0%, #955f22 130%); }
        .thumb-hbu .hbu-mini { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .thumb-hbu .hbu-phone { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b8813a, #7a4f1d); border: 1.5px solid rgba(207,160,102,0.55); box-shadow: 0 4px 18px rgba(184,129,58,0.45); }
        .thumb-hbu .hbu-phone svg { width: 26px; height: 26px; color: #fff; }
        .thumb-hbu .hbu-chips { display: flex; gap: 6px; }
        .thumb-hbu .hbu-chip { font-size: 9px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 3px 9px; border-radius: 999px; letter-spacing: 0.02em; }
        .thumb-hbu .hbu-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; }

        /* Make Integration Thumbnail */
        .thumb-make { background: linear-gradient(135deg, #1a1a2e 0%, #6D00CC 120%); }
        .thumb-make .make-mini-flow { display: flex; align-items: center; gap: 8px; }
        .thumb-make .make-mini-node { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1.5px solid rgba(255,255,255,0.2); }
        .thumb-make .make-mini-node.trigger { background: linear-gradient(135deg, #A855F7, #6D00CC); border-color: rgba(168,85,247,0.6); }
        .thumb-make .make-mini-node.mihu { background: linear-gradient(135deg, #6366F1, #4F46E5); border-color: rgba(99,102,241,0.6); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
        .thumb-make .make-mini-node.out { background: rgba(255,255,255,0.08); }
        .thumb-make .make-mini-node svg { width: 18px; height: 18px; color: white; }
        .thumb-make .make-mini-edge { width: 16px; height: 2px; background: rgba(255,255,255,0.3); border-radius: 1px; }
        .thumb-make .make-mini-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 10px; text-align: center; }

        /* Zapier Integration Thumbnail */
        .thumb-zapier { background: linear-gradient(135deg, #1a0f00 0%, #FF4A00 150%); }
        .thumb-zapier .zapier-mini-visual { display: flex; align-items: center; gap: 10px; }
        .thumb-zapier .zapier-mini-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
        .thumb-zapier .zapier-mini-icon.mihu { background: linear-gradient(135deg, #6366F1, #4F46E5); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
        .thumb-zapier .zapier-mini-icon.zap { background: linear-gradient(135deg, #FF4A00, #FF6D33); box-shadow: 0 4px 12px rgba(255,74,0,0.3); }
        .thumb-zapier .zapier-mini-icon svg { width: 20px; height: 20px; color: white; }
        .thumb-zapier .zapier-mini-arrow { font-size: 18px; color: rgba(255,255,255,0.5); font-weight: 700; }
        .thumb-zapier .zapier-mini-apps { display: flex; gap: 4px; }
        .thumb-zapier .zapier-mini-apps img { width: 22px; height: 22px; border-radius: 5px; }
        .thumb-zapier .zapier-mini-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 10px; text-align: center; }

        /* IVR Death Thumbnail */
        .thumb-ivr-death { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f0f1a 100%); }
        .ivr-comparison { display: flex; align-items: center; gap: 24px; }
        .ivr-side { display: flex; flex-direction: column; align-items: center; gap: 10px; }
        .ivr-icon-box { width: 70px; height: 70px; border-radius: 16px; display: flex; align-items: center; justify-content: center; position: relative; }
        .ivr-icon-box.old { background: linear-gradient(135deg, #374151, #1F2937); border: 2px solid #4B5563; }
        .ivr-icon-box.new { background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4); }
        .ivr-keypad { display: flex; flex-wrap: wrap; width: 42px; gap: 3px; }
        .ivr-key { width: 12px; height: 12px; background: rgba(255,255,255,0.2); border-radius: 3px; font-size: 7px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); }
        .ivr-strike { position: absolute; width: 60px; height: 4px; background: #EF4444; border-radius: 2px; transform: rotate(-45deg); }
        .ivr-wave { display: flex; align-items: center; gap: 3px; height: 30px; }
        .ivr-wave span { width: 4px; background: white; border-radius: 2px; }
        .ivr-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
        .ivr-label.old { color: #6B7280; }
        .ivr-label.new { color: #10B981; }
        .ivr-arrow { font-size: 24px; color: #A5B4FC; }

        /* Voice vs Chat Thumbnail */
        .thumb-voice-chat { background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 60%, #0f172a 100%); }
        .channel-icons { display: flex; align-items: center; gap: 12px; }
        .channel-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
        .channel-icon.voice-bronze { background: linear-gradient(135deg, #A5B4FC, #6366F1); }
        .channel-icon.wa-green { background: #25D366; }
        .channel-icon.ig-gradient { background: linear-gradient(135deg, #833AB4, #E1306C, #F77737); }
        .channel-icon.msg-blue { background: linear-gradient(135deg, #0084FF, #00C6FF); }
        .channel-icon svg { width: 22px; height: 22px; color: white; }
        .channel-plus { width: 36px; height: 36px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4); }

        /* Resolution ROI Thumbnail */
        .thumb-resolution { background: linear-gradient(135deg, #064e3b 0%, #065f46 50%, #047857 100%); }
        .resolution-flow { display: flex; align-items: center; gap: 20px; }
        .resolution-box { width: 70px; height: 70px; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
        .resolution-box.info { background: rgba(255,255,255,0.15); border: 2px dashed rgba(255,255,255,0.4); }
        .resolution-box.check { background: linear-gradient(135deg, #FBBF24, #F59E0B); box-shadow: 0 8px 24px rgba(251, 191, 36, 0.4); }
        .resolution-box svg { width: 32px; height: 32px; }
        .resolution-box.info svg { color: rgba(255,255,255,0.6); }
        .resolution-box.check svg { color: #1a1a2e; }
        .resolution-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 8px; }
        .resolution-label.dim { color: rgba(255,255,255,0.5); }
        .resolution-label.gold { color: #FBBF24; }

        /* QA Coaching Thumbnail */
        .thumb-qa-coaching { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%); }
        .qa-scorecard { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 14px; width: 180px; }
        .qa-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); }
        .qa-title { font-size: 12px; font-weight: 700; color: white; }
        .qa-badge { background: rgba(16,185,129,0.2); border: 1px solid rgba(16,185,129,0.4); border-radius: 10px; padding: 3px 8px; font-size: 9px; font-weight: 700; color: #10B981; }
        .qa-row { display: flex; justify-content: space-between; padding: 6px 0; font-size: 11px; }
        .qa-metric { color: rgba(255,255,255,0.7); }
        .qa-score { font-weight: 700; }
        .qa-score.green { color: #10B981; }
        .qa-score.yellow { color: #FBBF24; }
        .qa-total { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; }
        .qa-total-label { font-size: 12px; font-weight: 600; color: white; }
        .qa-total-value { font-size: 24px; font-weight: 800; color: #10B981; }

        /* Instagram Messenger Thumbnail */
        .thumb-social-dm { background: linear-gradient(135deg, #065f46 0%, #047857 50%, #059669 100%); }
        .social-chat-preview { background: white; border-radius: 14px; padding: 12px; width: 160px; box-shadow: 0 12px 32px rgba(0,0,0,0.2); }
        .social-chat-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #E5E7EB; }
        .social-avatar { width: 28px; height: 28px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: white; }
        .social-name { font-size: 11px; font-weight: 700; color: #111827; }
        .social-status { font-size: 9px; color: #10B981; }
        .social-messages { display: flex; flex-direction: column; gap: 6px; }
        .social-msg { padding: 6px 10px; border-radius: 10px; font-size: 9px; max-width: 85%; }
        .social-msg.ai { background: #F3F4F6; color: #374151; align-self: flex-start; }
        .social-msg.user { background: #10B981; color: white; align-self: flex-end; }
        .social-stats { display: flex; flex-direction: column; gap: 8px; margin-left: 16px; }
        .social-stat { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); border-radius: 10px; padding: 10px 16px; text-align: center; }
        .social-stat-value { font-size: 22px; font-weight: 800; color: white; }
        .social-stat-label { font-size: 9px; color: rgba(255,255,255,0.8); text-transform: uppercase; }
        .social-platforms { display: flex; gap: 8px; margin-top: 4px; }
        .social-platform { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
        .social-platform.ig { background: linear-gradient(135deg, #833AB4, #E1306C, #F77737); }
        .social-platform.fb { background: linear-gradient(135deg, #0084FF, #00C6FF); }
        .social-platform svg { width: 18px; height: 18px; color: white; }

        /* THUMBNAIL CONTENT */
        .thumb-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }

        /* 15 Languages Thumbnail - Improved Design */
        
        .languages-visual { position: relative; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; }
        .globe-container { position: relative; width: 180px; height: 180px; }
        .globe-icon { width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85)); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; box-shadow: 0 8px 32px rgba(0,0,0,0.2), 0 0 0 4px rgba(255,255,255,0.1); }
        .globe-icon svg { width: 36px; height: 36px; color: #0f766e; }
        .globe-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px dashed rgba(255,255,255,0.3); border-radius: 50%; animation: spinSlow 20s linear infinite; }
        .globe-ring.ring1 { width: 110px; height: 110px; }
        .globe-ring.ring2 { width: 155px; height: 155px; animation-direction: reverse; animation-duration: 28s; }
        @keyframes spinSlow { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
        .lang-badge { position: absolute; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.95); border-radius: 8px; font-size: 11px; font-weight: 800; color: #0f766e; box-shadow: 0 4px 16px rgba(0,0,0,0.2); animation: floatBadge 3s ease-in-out infinite; }
        .lang-badge:nth-child(1) { top: 5px; left: 50%; transform: translateX(-50%); animation-delay: 0s; }
        .lang-badge:nth-child(2) { top: 22%; right: 5px; animation-delay: 0.5s; }
        .lang-badge:nth-child(3) { bottom: 22%; right: 5px; animation-delay: 1s; }
        .lang-badge:nth-child(4) { bottom: 5px; left: 50%; transform: translateX(-50%); animation-delay: 1.5s; }
        .lang-badge:nth-child(5) { bottom: 22%; left: 5px; animation-delay: 2s; }
        .lang-badge:nth-child(6) { top: 22%; left: 5px; animation-delay: 2.5s; }
        @keyframes floatBadge { 0%, 100% { opacity: 0.9; } 50% { opacity: 1; transform: translateY(-5px); } }
        .lang-badge:nth-child(1), .lang-badge:nth-child(4) { animation-name: floatBadgeCenter; }
        @keyframes floatBadgeCenter { 0%, 100% { opacity: 0.9; transform: translateX(-50%) translateY(0); } 50% { opacity: 1; transform: translateX(-50%) translateY(-5px); } }
        .languages-count { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 6px; padding: 8px 14px; background: rgba(16, 185, 129, 0.9); border-radius: 100px; box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4); }
        .languages-count .count { font-size: 14px; font-weight: 800; color: white; }
        .languages-count span { font-size: 11px; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.03em; }

        /* Voice AI Thumbnail */
        .voice-wave-display { display: flex; align-items: center; justify-content: center; gap: 3px; height: 60px; margin-bottom: 12px; }
        .voice-bar { width: 5px; background: linear-gradient(180deg, var(--bronze-400), var(--bronze-600)); border-radius: 3px; animation: voiceWave 1.2s ease-in-out infinite; }
        .voice-bar:nth-child(1) { height: 16px; animation-delay: 0s; }
        .voice-bar:nth-child(2) { height: 28px; animation-delay: 0.1s; }
        .voice-bar:nth-child(3) { height: 40px; animation-delay: 0.2s; }
        .voice-bar:nth-child(4) { height: 55px; animation-delay: 0.3s; }
        .voice-bar:nth-child(5) { height: 44px; animation-delay: 0.4s; }
        .voice-bar:nth-child(6) { height: 32px; animation-delay: 0.5s; }
        .voice-bar:nth-child(7) { height: 48px; animation-delay: 0.6s; }
        .voice-bar:nth-child(8) { height: 36px; animation-delay: 0.7s; }
        .voice-bar:nth-child(9) { height: 24px; animation-delay: 0.8s; }
        @keyframes voiceWave { 0%, 100% { transform: scaleY(1); opacity: 0.7; } 50% { transform: scaleY(1.4); opacity: 1; } }
        .voice-ai-badge { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: rgba(99,102,241, 0.15); border: 1px solid rgba(99,102,241, 0.3); border-radius: 100px; }
        .pulse-dot { width: 6px; height: 6px; background: var(--bronze-400); border-radius: 50%; animation: pulseDot 2s ease-in-out infinite; }
        @keyframes pulseDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; transform: scale(0.8); } }
        .voice-ai-badge span { font-size: 10px; font-weight: 700; color: var(--bronze-400); text-transform: uppercase; letter-spacing: 0.05em; }

        /* Automotive Thumbnail */
        .car-dashboard { width: 100%; max-width: 240px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; padding: 16px; }
        .dash-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; background: rgba(16, 185, 129, 0.15); border-radius: 100px; font-size: 10px; font-weight: 700; color: #34D399; margin-bottom: 12px; }
        .dash-status::before { content: ''; width: 6px; height: 6px; background: #34D399; border-radius: 50%; }
        .dash-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .dash-stat { text-align: center; padding: 10px 6px; background: rgba(255, 255, 255, 0.04); border-radius: 8px; }
        .dash-stat-value { font-size: 16px; font-weight: 800; color: white; margin-bottom: 2px; }
        .dash-stat-value.highlight { color: var(--bronze-400); }
        .dash-stat-label { font-size: 9px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.03em; }

        /* WhatsApp Thumbnail */
        .whatsapp-phone { width: 150px; background: #ECE5DD; border-radius: 16px; padding: 6px; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3); }
        .wa-header { background: #128C7E; border-radius: 10px 10px 0 0; padding: 8px 10px; display: flex; align-items: center; gap: 6px; }
        .wa-avatar { width: 24px; height: 24px; background: linear-gradient(135deg, var(--bronze-400), var(--bronze-600)); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .wa-avatar svg { width: 12px; height: 12px; color: white; }
        .wa-name { font-size: 11px; font-weight: 700; color: white; }
        .wa-chat { padding: 10px 6px; display: flex; flex-direction: column; gap: 5px; min-height: 80px; }
        .wa-bubble { max-width: 85%; padding: 5px 8px; border-radius: 6px; font-size: 9px; line-height: 1.3; }
        .wa-bubble.incoming { background: white; color: var(--gray-800); align-self: flex-start; border-bottom-left-radius: 2px; }
        .wa-bubble.outgoing { background: #DCF8C6; color: var(--gray-800); align-self: flex-end; border-bottom-right-radius: 2px; }
        .wa-typing { display: flex; gap: 3px; padding: 6px 8px; background: white; border-radius: 6px; align-self: flex-start; border-bottom-left-radius: 2px; }
        .wa-typing span { width: 4px; height: 4px; background: var(--gray-400); border-radius: 50%; animation: waTyping 1.4s ease-in-out infinite; }
        .wa-typing span:nth-child(2) { animation-delay: 0.2s; }
        .wa-typing span:nth-child(3) { animation-delay: 0.4s; }
        @keyframes waTyping { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-3px); } }
        .wa-stats { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 8px; }
        .wa-stat-card { background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 10px 14px; text-align: center; backdrop-filter: blur(8px); }
        .wa-stat-value { font-size: 16px; font-weight: 800; color: white; }
        .wa-stat-label { font-size: 9px; color: rgba(255, 255, 255, 0.7); }

        /* Wait Times Thumbnail */
        .time-comparison { display: flex; align-items: center; gap: 12px; transform: scale(0.85); }
        .time-card { text-align: center; padding: 12px 14px; border-radius: 12px; min-width: 80px; }
        .time-card.before { background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3); }
        .time-card.after { background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.3); }
        .time-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
        .time-card.before .time-label { color: #F87171; }
        .time-card.after .time-label { color: #34D399; }
        .time-value { font-size: 22px; font-weight: 800; color: white; line-height: 1; }
        .time-unit { font-size: 9px; color: rgba(255, 255, 255, 0.6); margin-top: 3px; }
        .time-arrow { display: flex; flex-direction: column; align-items: center; gap: 3px; }
        .time-arrow svg { width: 20px; height: 20px; color: var(--bronze-400); }
        .time-arrow span { font-size: 10px; font-weight: 800; color: #34D399; }

        /* Multi-Channel Thumbnail */
        .channels-hub { position: relative; width: 160px; height: 160px; }
        .hub-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: linear-gradient(135deg, var(--bronze-400), var(--bronze-600)); border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(99,102,241, 0.4); z-index: 2; }
        .hub-center svg { width: 24px; height: 24px; color: white; }
        .channel-node { position: absolute; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); }
        .channel-node svg { width: 18px; height: 18px; color: white; }
        .channel-node.voice { top: 8px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(--bronze-500), var(--bronze-700)); }
        .channel-node.whatsapp { top: 50%; right: 8px; transform: translateY(-50%); background: linear-gradient(135deg, #25D366, #128C7E); }
        .channel-node.email { bottom: 8px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #3B82F6, #1D4ED8); }
        .channel-node.chat { top: 50%; left: 8px; transform: translateY(-50%); background: linear-gradient(135deg, #8B5CF6, #6D28D9); }
        .hub-connector { position: absolute; top: 50%; left: 50%; width: 45px; height: 2px; background: linear-gradient(90deg, var(--bronze-400), var(--bronze-600)); transform-origin: left center; }
        .hub-connector.top { transform: translate(-50%, -50%) rotate(-90deg) translateX(-22px); }
        .hub-connector.right { transform: translate(-50%, -50%) rotate(0deg) translateX(22px); }
        .hub-connector.bottom { transform: translate(-50%, -50%) rotate(90deg) translateX(-22px); }
        .hub-connector.left { transform: translate(-50%, -50%) rotate(180deg) translateX(22px); }

        /* PBX Thumbnail */
        .pbx-flow { display: flex; align-items: center; gap: 8px; transform: scale(0.8); }
        .pbx-node { display: flex; flex-direction: column; align-items: center; gap: 6px; }
        .pbx-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
        .pbx-icon.pbx { background: linear-gradient(135deg, var(--cyan), #0891B2); }
        .pbx-icon.ai { background: linear-gradient(135deg, var(--violet), #6D28D9); }
        .pbx-icon.agent { background: linear-gradient(135deg, var(--emerald), #059669); }
        .pbx-icon svg { width: 22px; height: 22px; color: white; }
        .pbx-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; }
        .pbx-arrow { color: var(--bronze-400); }
        .pbx-arrow svg { width: 16px; height: 16px; }

        /* Balance Thumbnail */
        .balance-visual { display: flex; align-items: center; justify-content: center; gap: 16px; }
        .balance-side { display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .balance-icon { width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
        .balance-icon.ai { background: linear-gradient(135deg, var(--violet), #6D28D9); }
        .balance-icon.human { background: linear-gradient(135deg, var(--bronze-400), var(--bronze-600)); }
        .balance-icon svg { width: 28px; height: 28px; color: white; }
        .balance-label { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.8); text-transform: uppercase; }
        .balance-connector { display: flex; align-items: center; }
        .balance-line { width: 40px; height: 3px; background: linear-gradient(90deg, var(--violet), var(--bronze-400)); border-radius: 2px; }

        /* FOOTER */
        .footer { background: var(--gray-950); color: white; padding: 80px 0 32px; }
        .footer-top { display: grid; grid-template-columns: 1.3fr 2fr; gap: 80px; padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
        .footer-brand { max-width: 340px; }
        .footer-logo { display: inline-flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 600; margin-bottom: 20px; }
        .footer-logo-mark { width: 36px; height: 36px; background: linear-gradient(135deg, var(--bronze-600), var(--bronze-800)); border-radius: 10px; display: flex; align-items: center; justify-content: center; }
        .footer-logo-mark svg { width: 18px; height: 18px; color: white; }
        .footer-desc { font-size: 15px; color: var(--gray-400); line-height: 1.7; margin-bottom: 28px; }
        .footer-newsletter { background: rgba(255, 255, 255, 0.04); border-radius: 12px; padding: 20px; margin-bottom: 28px; }
        .footer-newsletter-title { font-size: 14px; font-weight: 600; color: white; margin-bottom: 12px; }
        .footer-newsletter-form { display: flex; gap: 8px; }
        .footer-newsletter-input { flex: 1; padding: 10px 14px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; font-size: 14px; color: white; outline: none; transition: all 0.2s; }
        .footer-newsletter-input::placeholder { color: var(--gray-500); }
        .footer-newsletter-input:focus { border-color: var(--bronze-500); background: rgba(255, 255, 255, 0.08); }
        .footer-newsletter-btn { padding: 10px 18px; background: var(--bronze-700); border: none; border-radius: 8px; font-size: 14px; font-weight: 500; color: white; cursor: pointer; transition: all 0.2s; }
        .footer-newsletter-btn:hover { background: var(--bronze-600); }
        .footer-social { display: flex; gap: 10px; }
        .social-link { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
        .social-link:hover { background: var(--bronze-700); border-color: var(--bronze-600); }
        .social-link svg { width: 18px; height: 18px; color: var(--gray-400); }
        .social-link:hover svg { color: white; }
        .footer-links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; }
        .footer-column h4 { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: white; margin-bottom: 20px; }
        .footer-links { display: flex; flex-direction: column; gap: 12px; }
        .footer-link { font-size: 14px; color: var(--gray-400); transition: all 0.2s; display: flex; align-items: center; gap: 6px; }
        .footer-link:hover { color: white; transform: translateX(2px); }
        .footer-link-badge { padding: 2px 6px; background: var(--emerald); border-radius: 4px; font-size: 9px; font-weight: 600; color: white; text-transform: uppercase; }
        .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 32px; flex-wrap: wrap; gap: 16px; }
        .footer-copyright { font-size: 14px; color: var(--gray-500); }
        .footer-legal { display: flex; gap: 24px; flex-wrap: wrap; }
        .footer-legal a { font-size: 14px; color: var(--gray-500); transition: color 0.2s; }
        .footer-legal a:hover { color: white; }

        /* RESPONSIVE */
        @media (max-width: 1024px) {
            .featured-card { grid-template-columns: 1fr; }
            .featured-image { height: 300px; }
            .blog-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-top { grid-template-columns: 1fr; gap: 48px; }
            .footer-links-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .blog-hero { padding: 60px 0; }
            .blog-grid { grid-template-columns: 1fr; }
            .featured-title { font-size: 26px; }
        }
    
/* ── Nav wrapping fix for long translations ── */
#header .nav-link,
#header .nav-item > a {
  white-space: nowrap;
}
#header .nav {
  font-size: clamp(12px, 1.1vw, 15px);
  flex-wrap: nowrap;
}
#header .header-inner {
  flex-wrap: nowrap;
  align-items: center;
}
.header-actions {
  flex-shrink: 0;
  white-space: nowrap;
}