:root[data-theme="light"]{
  --primary:#7c3aed;
  --primary-light:#8b5cf6;
  --dark:#e7eaee;
  --dark-light:#eef0f3;
  --text:#171c2b;
  --text-light:#505b6e;
  --border:rgba(40,46,62,.14);
  --muted:#505b6e;
}

/* ============================================================
   THEME TOGGLE SWITCH — additive component, matches existing
   topbar-right icon+label link pattern (no layout changes)
   ============================================================ */

.theme-toggle{
  cursor:pointer;
  background:none;
  border:none;
  font:inherit;
}

.theme-toggle .fa-sun{ display:none; }
.theme-toggle .fa-moon{ display:inline-block; }

[data-theme="light"] .theme-toggle .fa-sun{ display:inline-block; }
[data-theme="light"] .theme-toggle .fa-moon{ display:none; }

/* ============================================================
   VoiceX — Premium Light Theme (auto-generated overlay)
   Source: assets/style.css
   Non-destructive: activates only under [data-theme="light"].
   Do not hand-edit paired with source changes without regenerating.
   ============================================================ */


[data-theme="light"] body { background:
    linear-gradient(
    180deg,
    rgba(231,234,238,0.92) 0%,
    rgba(238,240,243,0.92) 100%
    ); }
[data-theme="light"] .topbar { background: rgba(255,255,255,0.92); border-bottom:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .topbar-left a:hover, [data-theme="light"] .topbar-right a:hover { color:#6d28d9; }
[data-theme="light"] .voicex-navbar { border-bottom: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .voicex-logo { color: #171c2b  !important; }
[data-theme="light"] .voicex-logo span { color: #6d28d9; }
[data-theme="light"] .nav-link { color: rgba(23,28,43,0.82)  !important; }
[data-theme="light"] .nav-link:hover { color: #6d28d9  !important; }
[data-theme="light"] .nav-link.show { color: #6d28d9  !important; }
[data-theme="light"] .mega-menu { background:
  linear-gradient(
  135deg,
  rgba(238,239,243,0.92),
  rgba(227,229,237,0.92)
  ); box-shadow: 0 20px 80px rgba(20,26,41,0.135); }
[data-theme="light"] .menu-heading { color: #6d28d9; }
[data-theme="light"] .menu-category-card { border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .active-menu-card, [data-theme="light"] .menu-category-card:hover { background: rgba(255,255,255,0.546); }
[data-theme="light"] .menu-icon { color: #6d28d9; }
[data-theme="light"] .menu-category-card h5 { color: #171c2b; }
[data-theme="light"] .menu-category-card p { color: rgba(23,28,43,0.65); }
[data-theme="light"] .menu-link-item:hover { background: rgba(255,255,255,0.578); }
[data-theme="light"] .menu-link-item i { color: #6d28d9; }
[data-theme="light"] .menu-link-item span { color: #171c2b; }
[data-theme="light"] .menu-link-item small { color: rgba(23,28,43,0.6); }
[data-theme="light"] .simple-links a { color: rgba(23,28,43,0.86); }
[data-theme="light"] .simple-links a:hover { color: #6d28d9; }
[data-theme="light"] .mini-badge { color: #6d28d9; }
[data-theme="light"] .mega-side-card h3 { color: #171c2b; }
[data-theme="light"] .mega-side-card p { color: rgba(23,28,43,0.68); }
[data-theme="light"] .contact-link, [data-theme="light"] .login-link { color: rgba(23,28,43,0.8); }
[data-theme="light"] .demo-btn { border: 1px solid rgba(40,46,62,0.16); }
[data-theme="light"] .navbar-toggler { color: #171c2b; }
[data-theme="light"] .custom-navbar { background:rgba(226,227,234,0.92); border-bottom:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .nav-link { color:#171c2b; }
[data-theme="light"] .nav-link:hover { color:#6d28d9; }
[data-theme="light"] .mega-menu { background:rgba(234,235,239,0.92); border:1px solid rgba(40,46,62,0.138); box-shadow:0 20px 60px rgba(20,26,41,0.15); }
[data-theme="light"] .menu-box { background:rgba(240,241,243,0.92); }
[data-theme="light"] .menu-box h6 { color:#171c2b; }
[data-theme="light"] .menu-box p { color:#475b77; }
[data-theme="light"] .menu-box ul li { color:#2f6cbd; border-bottom:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .solution-links li { color:#171c2b; border-bottom:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .hero-badge { color:#3614b9; }
[data-theme="light"] .hero-title { color: #171c2b; }
[data-theme="light"] .gradient-text { background-image:
linear-gradient(
90deg,
#171c2b,
#6d28d9
); }
[data-theme="light"] .highlight { color:#6d28d9; }
[data-theme="light"] .btn-secondary-custom { border:
1px solid rgba(40,46,62,0.182); color:#171c2b; background:
rgba(255,255,255,0.546); }
[data-theme="light"] .btn-secondary-custom:hover { background:
rgba(255,255,255,0.706); color:#171c2b; }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-text { color:#2e69b8; }
[data-theme="light"] .dashboard-card { background:
linear-gradient(
180deg,
rgba(245,246,247,0.92),
rgba(231,234,238,0.92)
); border:
1px solid rgba(40,46,62,0.138); box-shadow:
0 35px 90px rgba(20,26,41,0.135); }
[data-theme="light"] .dashboard-logo { color: #171c2b; }
[data-theme="light"] .dashboard-logo span { color:#6d28d9; }
[data-theme="light"] .platform-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .platform-icon { color:#6d28d9; }
[data-theme="light"] .platform-card h5 { color: #171c2b; }
[data-theme="light"] .platform-card p { color:#475b77; }
[data-theme="light"] .stat-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .stat-card h4 { color:#6d28d9; }
[data-theme="light"] .stat-card p { color:#475b77; }
[data-theme="light"] .partners-section { background:
linear-gradient(
180deg,
rgba(231,234,238,0.92) 0%,
rgba(238,240,243,0.92) 100%
); }
[data-theme="light"] .partners-badge { background:
rgba(255,255,255,0.578); border:
1px solid rgba(40,46,62,0.138); color:#3614b9; }
[data-theme="light"] .partners-heading h2 { color:#171c2b; }
[data-theme="light"] .partners-heading h2 span { color:#6d28d9; }
[data-theme="light"] .partners-heading p { color:#475b77; }
[data-theme="light"] .partners-marquee { border-top:
1px solid rgba(40,46,62,0.105); border-bottom:
1px solid rgba(40,46,62,0.105); background:
rgba(255,255,255,0.514); }
[data-theme="light"] .partner-logo { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .partner-logo span { color:#3f87cf; }
[data-theme="light"] .why-voicex-section { background:
linear-gradient(
180deg,
rgba(232,234,238,0.92) 0%,
rgba(240,241,243,0.92) 100%
); }
[data-theme="light"] .section-badge { color:#3614b9; }
[data-theme="light"] .section-header h2 { color:#171c2b; }
[data-theme="light"] .section-header h2 span { color:#6d28d9; }
[data-theme="light"] .section-header p { color:#475b77; }
[data-theme="light"] .traditional-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .voicex-card { background:
linear-gradient(
135deg,
rgba(124,58,237,.12),
rgba(255,255,255,0.546)
); }
[data-theme="light"] .comparison-icon.red { color:#f30c0c; }
[data-theme="light"] .comparison-icon.purple { color:#6d28d9; }
[data-theme="light"] .comparison-top h3 { color:#171c2b; }
[data-theme="light"] .comparison-top p { color:#475b77; }
[data-theme="light"] .comparison-item { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.094); color:#2f6cbd; }
[data-theme="light"] .comparison-item i.fa-xmark { color:#f30c0c; }
[data-theme="light"] .comparison-footer { color:#475b77; }
[data-theme="light"] .success-text { color:#6d28d9; }
[data-theme="light"] .mini-badge { color:#6d28d9; }
[data-theme="light"] .infrastructure-content h2 { color:#171c2b; }
[data-theme="light"] .infrastructure-content h2 span { color:#6d28d9; }
[data-theme="light"] .infrastructure-content p { color:#475b77; }
[data-theme="light"] .infra-feature { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.105); color:#2f6cbd; }
[data-theme="light"] .infra-feature i { color:#6d28d9; }
[data-theme="light"] .architecture-card { background:
linear-gradient(
180deg,
rgba(255,255,255,0.546),
rgba(124,58,237,.06)
); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .core-inner h3 { color:#171c2b; }
[data-theme="light"] .core-inner p { color:#7212dd; }
[data-theme="light"] .client-node { background:
rgba(255,255,255,0.61); border:
1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .client-node i { color:#6d28d9; }
[data-theme="light"] .client-node span { color:#171c2b; }
[data-theme="light"] .section-badge { color:#3614b9; }
[data-theme="light"] .section-header h2 { color:#171c2b; }
[data-theme="light"] .section-header h2 span { color:#6d28d9; }
[data-theme="light"] .section-header p { color:#475b77; }
[data-theme="light"] .workflow-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .active-card, [data-theme="light"] .launch-card { background:
linear-gradient(
180deg,
rgba(124,58,237,.12),
rgba(255,255,255,0.546)
); }
[data-theme="light"] .workflow-icon i { color:#6d28d9; }
[data-theme="light"] .workflow-card h3 { color:#171c2b; }
[data-theme="light"] .workflow-card p { color:#475b77; }
[data-theme="light"] .point { color:#2f6cbd; background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.094); }
[data-theme="light"] .point i { color:#6d28d9; }
[data-theme="light"] .user-feeling-box { background:
linear-gradient(
135deg,
rgba(124,58,237,.12),
rgba(255,255,255,0.546)
); }
[data-theme="light"] .feeling-icon i { color:#6d28d9; }
[data-theme="light"] .user-feeling-box h3 { color:#171c2b; }
[data-theme="light"] .user-feeling-box p { color:#475b77; }
[data-theme="light"] .ai-automation-section { background:
linear-gradient(
180deg,
rgba(230,233,237,0.92) 0%,
rgba(240,241,244,0.92) 100%
); }
[data-theme="light"] .section-description { color: #1246e2; }
[data-theme="light"] .benefit-item { color: #1246e2; }
[data-theme="light"] .benefit-item i { color: #6d28d9; }
[data-theme="light"] .growth-business-section { background: rgba(227,228,234,0.92); }
[data-theme="light"] .section-badge { color: #6d28d9; }
[data-theme="light"] .section-title { color: #171c2b; }
[data-theme="light"] .section-description { color: #475b77; }
[data-theme="light"] .growth-step-card { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .active-card { background: linear-gradient(
        180deg,
        rgba(108,59,255,0.10),
        rgba(237,238,241,0.92)
    ); }
[data-theme="light"] .step-content h4 { color: #171c2b; }
[data-theme="light"] .step-content p { color: #475b77; }
[data-theme="light"] .business-panel { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .panel-badge { color: #6d28d9; }
[data-theme="light"] .business-top h3 { color: #171c2b; }
[data-theme="light"] .business-top p { color: #475b77; }
[data-theme="light"] .feature-box { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .feature-box i { color: #6d28d9; }
[data-theme="light"] .feature-box span { color: #1246e2; }
[data-theme="light"] .growth-icon { background: rgba(255,255,255,0.706); }
[data-theme="light"] .growth-icon i { color: #6d28d9; }
[data-theme="light"] .bottom-growth-card h5 { color: #171c2b; }
[data-theme="light"] .bottom-growth-card p { color: #475b77; }
[data-theme="light"] .business-revenue-section { background: rgba(227,228,234,0.92); }
[data-theme="light"] .section-badge { color: #6d28d9; }
[data-theme="light"] .section-title { color: #171c2b; }
[data-theme="light"] .section-description { color: #475b77; }
[data-theme="light"] .growth-point { color: #1246e2; }
[data-theme="light"] .growth-point i { color: #6d28d9; }
[data-theme="light"] .secondary-btn { border: 1px solid rgba(40,46,62,0.182); color: #171c2b; }
[data-theme="light"] .revenue-flow-box { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-mini-badge { color: #6d28d9; }
[data-theme="light"] .flow-top h3 { color: #171c2b; }
[data-theme="light"] .flow-item { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .flow-icon i { color: #6d28d9; }
[data-theme="light"] .flow-text h5 { color: #171c2b; }
[data-theme="light"] .flow-text p { color: #475b77; }
[data-theme="light"] .section-badge { color:#3614b9; }
[data-theme="light"] .section-header h2 { color:#171c2b; }
[data-theme="light"] .section-header h2 span { color:#6d28d9; }
[data-theme="light"] .section-header p { color:#475b77; }
[data-theme="light"] .ai-feature-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .ai-icon i { color:#6d28d9; }
[data-theme="light"] .ai-feature-content h3 { color:#171c2b; }
[data-theme="light"] .ai-feature-content p { color:#475b77; }
[data-theme="light"] .ai-visual-wrapper { background:
linear-gradient(
180deg,
rgba(255,255,255,0.546),
rgba(124,58,237,.06)
); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .core-badge { background:
rgba(255,255,255,0.834); border:
1px solid rgba(40,46,62,0.22); color:#171c2b; }
[data-theme="light"] .ai-core-inner h3 { color:#171c2b; }
[data-theme="light"] .ai-core-inner p { color:#441fe3; }
[data-theme="light"] .floating-card { background:
rgba(255,255,255,0.61); border:
1px solid rgba(40,46,62,0.138); color:#171c2b; }
[data-theme="light"] .floating-card i { color:#6d28d9; }
[data-theme="light"] .user-feeling-box { background:
linear-gradient(
135deg,
rgba(124,58,237,.10),
rgba(255,255,255,0.546)
); }
[data-theme="light"] .feeling-icon i { color:#6d28d9; }
[data-theme="light"] .user-feeling-box h3 { color:#171c2b; }
[data-theme="light"] .user-feeling-box p { color:#475b77; }
[data-theme="light"] .integration-strip { background:
linear-gradient(
180deg,
rgba(232,234,238,0.92) 0%,
rgba(240,241,244,0.92) 100%
); }
[data-theme="light"] .integration-wrapper { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .integration-badge { color:#3614b9; }
[data-theme="light"] .integration-content h2 { color:#171c2b; }
[data-theme="light"] .integration-content h2 span { color:#6d28d9; }
[data-theme="light"] .integration-content p { color:#475b77; }
[data-theme="light"] .logo-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .logo-card span { color:#171c2b; }
[data-theme="light"] .logo-card:hover i { color:#6d28d9; }
[data-theme="light"] .trust-section { background:
linear-gradient(
180deg,
rgba(232,234,238,0.92) 0%,
rgba(240,241,244,0.92) 100%
); }
[data-theme="light"] .trust-badge { color:#3614b9; }
[data-theme="light"] .trust-header h2 { color:#171c2b; }
[data-theme="light"] .trust-header h2 span { color:#6d28d9; }
[data-theme="light"] .trust-header p { color:#475b77; }
[data-theme="light"] .metric-icon i { color:#6d28d9; }
[data-theme="light"] .metric-card h3 { color:#171c2b; }
[data-theme="light"] .metric-card h4 { color:#171c2b; }
[data-theme="light"] .metric-card p { color:#475b77; }
[data-theme="light"] .testimonial-header span { color:#3614b9; }
[data-theme="light"] .testimonial-header h2 { color:#171c2b; }
[data-theme="light"] .testimonial-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .quote-icon i { color:#6d28d9; }
[data-theme="light"] .user-info h4 { color:#171c2b; }
[data-theme="light"] .user-info span { color:#475b77; }
[data-theme="light"] .conversion-footer-section { background:
linear-gradient(
180deg,
rgba(226,230,235,0.92) 0%,
rgba(234,236,239,0.92) 100%
); }
[data-theme="light"] .conversion-badge { color:#3614b9; }
[data-theme="light"] .conversion-header h2 { color:#171c2b; }
[data-theme="light"] .conversion-header h2 span { color:#6d28d9; }
[data-theme="light"] .conversion-header p { color:#475b77; }
[data-theme="light"] .conversion-card { background:
rgba(255,255,255,0.546); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .active-card { background:
linear-gradient(
180deg,
rgba(124,58,237,.08),
rgba(255,255,255,0.546)
); }
[data-theme="light"] .card-icon i { color:#6d28d9; }
[data-theme="light"] .card-label { color:#6d28d9; }
[data-theme="light"] .conversion-card h3 { color:#171c2b; }
[data-theme="light"] .conversion-card p { color:#475b77; }
[data-theme="light"] .conversion-features li i { color:#6d28d9; }
[data-theme="light"] .conversion-btn { border:
1px solid rgba(40,46,62,0.16); background:
rgba(255,255,255,0.546); }
[data-theme="light"] .voicex-footer { background:
linear-gradient(
180deg,
rgba(226,227,234,0.92) 0%,
rgba(231,233,238,0.92) 100%
); border-top:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .logo-gradient { background-image:
linear-gradient(
135deg,
#171c2b,
#6d28d9
); }
[data-theme="light"] .footer-brand p { color:#475b77; }
[data-theme="light"] .footer-socials a { background:
rgba(255,255,255,0.578); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .footer-links h5 { color:#171c2b; }
[data-theme="light"] .footer-links ul li a { color:#475b77; }
[data-theme="light"] .footer-links ul li a:hover { color:#6d28d9; }
[data-theme="light"] .newsletter-box h6 { color:#171c2b; }
[data-theme="light"] .newsletter-box p { color:#475b77; }
[data-theme="light"] .newsletter-form { background:
rgba(255,255,255,0.578); border:
1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .newsletter-form input::placeholder { color:#667c9c; }
[data-theme="light"] .footer-bottom { border-top:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .footer-copy { color:#667c9c; }
[data-theme="light"] .footer-legal a { color:#475b77; }
[data-theme="light"] .footer-legal a:hover { color:#6d28d9; }
[data-theme="light"] .industry-card { background:
    rgba(255,255,255,0.546); }
[data-theme="light"] .industry-icon { color:#6d28d9; }
[data-theme="light"] .industry-card h5 { color:#171c2b; }
[data-theme="light"] .industry-card p { color:#475b77; }
[data-theme="light"] .menu-title { color:#6d28d9; }
[data-theme="light"] .product-link:hover { background:
    rgba(255,255,255,0.578); }
[data-theme="light"] .product-icon { color:#6d28d9; }
[data-theme="light"] .product-content h6 { color:#171c2b; }
[data-theme="light"] .product-content p { color:#475b77; }
[data-theme="light"] .resource-links a { color:#2e69b8; }
[data-theme="light"] .resource-links a:hover { color:#6d28d9; }
[data-theme="light"] .menu-visual h3 { color:#171c2b; }
[data-theme="light"] .menu-visual p { color:#475b77; }
[data-theme="light"] .section-badge { color:#6d28d9; }
[data-theme="light"] .section-title { color: #171c2b; }
[data-theme="light"] .section-title span { background-image:
    linear-gradient(
    135deg,
    #6d28d9,
    #4338ca
    ); }
[data-theme="light"] .section-text { color:#475b77; }
[data-theme="light"] .secondary-btn { border:
    1px solid rgba(40,46,62,0.182); background:
    rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .secondary-btn:hover { color:#171c2b; }
[data-theme="light"] .hero-image img { border:
    1px solid rgba(40,46,62,0.138); box-shadow:
    0 40px 100px rgba(20,26,41,0.135); }
[data-theme="light"] .feature-card { background:
    rgba(255,255,255,0.546); border:
    1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .feature-icon i { color:#6d28d9; }
[data-theme="light"] .feature-card h4 { color: #171c2b; }
[data-theme="light"] .feature-card p { color:#475b77; }
[data-theme="light"] .feature-list i { color:#6d28d9; }
[data-theme="light"] .use-card { background:
    rgba(255,255,255,0.546); border:
    1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .use-icon i { color:#6d28d9; }
[data-theme="light"] .use-card h4 { color: #171c2b; }
[data-theme="light"] .use-card p { color:#475b77; }
[data-theme="light"] .philosophy-box { background:
    rgba(255,255,255,0.546); border:
    1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-card { background:
    rgba(255,255,255,0.546); border:
    1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-card h4 { color: #171c2b; }
[data-theme="light"] .flow-card li i { color:#6d28d9; }
[data-theme="light"] .conversion-footer-section { background:
linear-gradient(
180deg,
rgba(226,230,235,0.92) 0%,
rgba(234,236,239,0.92) 100%
); }
[data-theme="light"] .build-section { background:rgba(224,227,235,0.92); }
[data-theme="light"] .build-badge { color:#6d28d9; }
[data-theme="light"] .build-title { color:#171c2b; }
[data-theme="light"] .build-title span { color:#6d28d9; }
[data-theme="light"] .build-subtitle { color:#475b77; }
[data-theme="light"] .build-card { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .build-icon { color:#6d28d9; }
[data-theme="light"] .build-label { color:#6d28d9; }
[data-theme="light"] .build-card h3 { color:#171c2b; }
[data-theme="light"] .build-card p { color:#475b77; }
[data-theme="light"] .build-features li { color:#2f6cbd; }
[data-theme="light"] .build-features i { color:#6d28d9; }
[data-theme="light"] .build-btn { border:1px solid rgba(40,46,62,0.182); background:rgba(255,255,255,0.546); }
[data-theme="light"] .voicex-footer { background:
linear-gradient(
180deg,
rgba(226,227,234,0.92) 0%,
rgba(231,233,238,0.92) 100%
); border-top:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .logo-gradient { background-image:
linear-gradient(
135deg,
#171c2b,
#6d28d9
); }
[data-theme="light"] .footer-brand p { color:#475b77; }
[data-theme="light"] .footer-socials a { background:
rgba(255,255,255,0.578); border:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .footer-links h5 { color:#171c2b; }
[data-theme="light"] .footer-links ul li a { color:#475b77; }
[data-theme="light"] .footer-links ul li a:hover { color:#6d28d9; }
[data-theme="light"] .newsletter-box h6 { color:#171c2b; }
[data-theme="light"] .newsletter-box p { color:#475b77; }
[data-theme="light"] .newsletter-form { background:
rgba(255,255,255,0.578); border:
1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .newsletter-form input::placeholder { color:#667c9c; }
[data-theme="light"] .footer-bottom { border-top:
1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .footer-copy { color:#667c9c; }
[data-theme="light"] .footer-legal a { color:#475b77; }
[data-theme="light"] .footer-legal a:hover { color:#6d28d9; }
[data-theme="light"] .pricing-section { background:
      radial-gradient(circle at top right,#7c3aed25,transparent 30%),
      radial-gradient(circle at bottom left,#2563eb20,transparent 30%),
      rgba(228,230,235,0.92); }
[data-theme="light"] .pricing-section::before { background-image:
      linear-gradient(rgba(255,255,255,0.546) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.546) 1px, transparent 1px); }
[data-theme="light"] .pricing-badge { color:#6d28d9; }
[data-theme="light"] .pricing-title { color: #171c2b; }
[data-theme="light"] .pricing-title span { color:#6d28d9; }
[data-theme="light"] .pricing-subtitle { color:#505b6e; }
[data-theme="light"] .save-badge { background:rgba(236,243,239,0.92); }
[data-theme="light"] .form-check-input { background-color:rgba(252,252,253,0.92); }
[data-theme="light"] .pricing-card { background:rgba(233,234,238,0.92); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .plan-icon { color:#6d28d9; }
[data-theme="light"] .plan-name { color: #171c2b; }
[data-theme="light"] .plan-desc { color:#505b6e; }
[data-theme="light"] .price { color: #171c2b; }
[data-theme="light"] .price span { color:#475b77; }
[data-theme="light"] .year-price { color:#6d28d9; }
[data-theme="light"] .feature-list i { color:#6d28d9; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); }
[data-theme="light"] .addon-card { background:rgba(233,234,238,0.92); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .addon-title { color: #171c2b; }
[data-theme="light"] .addon-sub { color:#475b77; }
[data-theme="light"] .addon-item { background:rgba(240,241,244,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .addon-item i { color:#6d28d9; }
[data-theme="light"] .addon-item h6 { color: #171c2b; }
[data-theme="light"] .addon-item p { color:#475b77; }
[data-theme="light"] .security-item { background:rgba(240,241,244,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .security-item i { color:#6d28d9; }
[data-theme="light"] .security-item h6 { color: #171c2b; }
[data-theme="light"] .security-item p { color:#475b77; }
[data-theme="light"] .bottom-cta h3 { color: #171c2b; }
[data-theme="light"] .bottom-cta p { color:#505b6e; }
[data-theme="light"] .cta-secondary { border:1px solid rgba(40,46,62,0.182); color:#171c2b; }
[data-theme="light"] .voicex-contact-page { background: rgba(227,228,234,0.92); }
[data-theme="light"] .contact-badge { color: #6d28d9; }
[data-theme="light"] .contact-hero h1 { color: #171c2b; }
[data-theme="light"] .contact-hero p { color: #475b77; }
[data-theme="light"] .contact-info-card { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .contact-icon i { color: #6d28d9; }
[data-theme="light"] .info-label { color: #6d28d9; }
[data-theme="light"] .contact-info-card h4 { color: #171c2b; }
[data-theme="light"] .contact-info-card p { color: #475b77; }
[data-theme="light"] .support-box span { color: #6d28d9; }
[data-theme="light"] .support-box h3 { color: #171c2b; }
[data-theme="light"] .contact-form-wrapper { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .form-badge { color: #6d28d9; }
[data-theme="light"] .form-top h2 { color: #171c2b; }
[data-theme="light"] .form-top p { color: #475b77; }
[data-theme="light"] label { color: #1246e2; }
[data-theme="light"] .form-control { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.116); color: #171c2b; }
[data-theme="light"] .form-control:focus { background: rgba(255,255,255,0.578); color: #171c2b; }
[data-theme="light"] .form-control::placeholder { color: #667c9c; }
[data-theme="light"] body { background: rgba(227,228,234,0.92); color: #171c2b; }
[data-theme="light"] .section-badge { color: #6d28d9; }
[data-theme="light"] .secondary-btn { border: 1px solid rgba(40,46,62,0.182); color: #171c2b; }
[data-theme="light"] .secondary-btn:hover { background: rgba(255,255,255,0.61); color: #171c2b; }
[data-theme="light"] .hero-description { color: #475b77; }
[data-theme="light"] .stat-item p { color: #475b77; }
[data-theme="light"] .hero-card { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-item { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .flow-icon i { color: #6d28d9; }
[data-theme="light"] .flow-text p { color: #475b77; }
[data-theme="light"] .business-wrapper { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .business-description { color: #475b77; }
[data-theme="light"] .growth-step { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .step-number { color: #6d28d9; }
[data-theme="light"] .step-text p { color: #475b77; }
[data-theme="light"] .section-description { color: #475b77; }
[data-theme="light"] .outcome-card { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .outcome-icon i { color: #6d28d9; }
[data-theme="light"] .outcome-card p { color: #475b77; }
[data-theme="light"] .trust-box { border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .trust-item { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .trust-item p { color: #475b77; }
[data-theme="light"] .cta-box { background: rgba(237,238,241,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-box p { color: #475b77; }
[data-theme="light"] .hero-badge { border: 1px solid rgba(40,46,62,0.138); color: #4338ca; }
[data-theme="light"] .demo-hero p { color: #475b77; }
[data-theme="light"] .demo-card { background: rgba(233,234,238,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .demo-icon i { color: #6d28d9; }
[data-theme="light"] .demo-card p { color: #475b77; }
[data-theme="light"] .demo-label { color: #667c9c; }
[data-theme="light"] .flow-wrapper { border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-description { color: #475b77; }
[data-theme="light"] .flow-step { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .flow-step::after { color: #6d28d9; }
[data-theme="light"] .flow-step span i { color: #6d28d9; }
[data-theme="light"] .flow-step p { color: #475b77; }
[data-theme="light"] .help-box { background: rgba(233,234,238,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .help-subtitle { color: #475b77; }
[data-theme="light"] .help-option { background: rgba(255,255,255,0.546); border: 1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .help-option p { color: #475b77; }
[data-theme="light"] .cta-box { background: rgba(233,234,238,0.92); border: 1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-box p { color: #475b77; }
[data-theme="light"] .secondary-btn { border: 1px solid rgba(40,46,62,0.138); color: #171c2b; }
[data-theme="light"] .secondary-btn:hover { background: rgba(255,255,255,0.578); color: #171c2b; }
[data-theme="light"] .section-badge { color:#6d28d9; }
[data-theme="light"] .section-title span { background-image:linear-gradient(90deg,#171c2b,#6d28d9); }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); background:rgba(255,255,255,0.546); }
[data-theme="light"] .btn-outline-custom:hover { background:rgba(255,255,255,0.642); }
[data-theme="light"] .hero-card { background:linear-gradient(180deg,rgba(247,247,249,0.92),rgba(235,236,240,0.92)); box-shadow:0 20px 60px rgba(20,26,41,0.15); }
[data-theme="light"] .infrastructure-box { background:linear-gradient(180deg,rgba(251,251,252,0.92),rgba(243,243,246,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .mini-node { background:rgba(243,243,245,0.92); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .mini-node i { color:#6d28d9; }
[data-theme="light"] .feature-card { background:linear-gradient(180deg,rgba(242,243,246,0.92),rgba(235,236,240,0.92)); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .flow-section { background:rgba(230,232,237,0.92); }
[data-theme="light"] .flow-box { background:linear-gradient(180deg,rgba(245,246,248,0.92),rgba(235,236,240,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-step .circle { color:#6d28d9; }
[data-theme="light"] .flow-arrow { color:#6d28d9; }
[data-theme="light"] .use-card { background:rgba(238,239,242,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .use-card i { color:#6d28d9; }
[data-theme="light"] .cta-box { background:linear-gradient(180deg,rgba(247,247,249,0.92),rgba(235,236,240,0.92)); }
[data-theme="light"] body { background:rgba(226,227,234,0.92); color:#171c2b; }
[data-theme="light"] .gradient-text { background-image:linear-gradient(to right,#171c2b,#6d28d9); }
[data-theme="light"] .section-tag { color:#6d28d9; }
[data-theme="light"] .hero-description { color:#505b6e; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); }
[data-theme="light"] .hero-panel { background:linear-gradient(180deg,rgba(240,241,243,0.92),rgba(230,232,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .deploy-card { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .deploy-card p { color:#505b6e; }
[data-theme="light"] .section-heading p { color:#505b6e; }
[data-theme="light"] .feature-card { background:rgba(236,237,241,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-card p { color:#505b6e; }
[data-theme="light"] .process-wrapper { background:linear-gradient(180deg,rgba(234,235,239,0.92),rgba(243,244,246,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .process-card p { color:#505b6e; }
[data-theme="light"] .cta-section p { color:#505b6e; }
[data-theme="light"] .gradient-text { background-image:linear-gradient(to right,#171c2b,#6d28d9); }
[data-theme="light"] .section-badge { color:#6d28d9; }
[data-theme="light"] .hero-description { color:#505b6e; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); }
[data-theme="light"] .routing-panel { background:linear-gradient(180deg,rgba(240,241,243,0.92),rgba(230,232,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .route-box { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .route-box p { color:#505b6e; }
[data-theme="light"] .arrow { color:#6d28d9; }
[data-theme="light"] .section-heading p { color:#505b6e; }
[data-theme="light"] .feature-card { background:rgba(236,237,241,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-card p { color:#505b6e; }
[data-theme="light"] .benefits-wrapper { background:linear-gradient(180deg,rgba(234,235,239,0.92),rgba(243,244,246,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .benefit-icon { color:#6d28d9; }
[data-theme="light"] .benefit-content p { color:#505b6e; }
[data-theme="light"] .cta-box { background:linear-gradient(135deg,rgba(247,247,249,0.92),rgba(230,232,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-box p { color:#505b6e; }
[data-theme="light"] body { background:rgba(226,227,234,0.92); color:#171c2b; }
[data-theme="light"] .gradient-text { background-image:linear-gradient(to right,#171c2b,#6d28d9); }
[data-theme="light"] .section-badge { color:#6d28d9; }
[data-theme="light"] .hero-description { color:#505b6e; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); }
[data-theme="light"] .transcription-panel { background:linear-gradient(180deg,rgba(240,241,243,0.92),rgba(230,232,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .call-box { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .call-box p { color:#505b6e; }
[data-theme="light"] .call-arrow { color:#6d28d9; }
[data-theme="light"] .section-heading p { color:#505b6e; }
[data-theme="light"] .feature-card { background:rgba(236,237,241,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-card p { color:#505b6e; }
[data-theme="light"] .benefits-wrapper { background:linear-gradient(180deg,rgba(234,235,239,0.92),rgba(243,244,246,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .benefit-icon { color:#6d28d9; }
[data-theme="light"] .benefit-content p { color:#505b6e; }
[data-theme="light"] .cta-box { background:linear-gradient(135deg,rgba(247,247,249,0.92),rgba(230,232,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-box p { color:#505b6e; }
[data-theme="light"] body { background:rgba(226,227,234,0.92); color:#171c2b; }
[data-theme="light"] .virtual-hero { background:
    radial-gradient(circle at top right, rgba(120,70,255,0.18), transparent 30%),
    radial-gradient(circle at left, rgba(0,120,255,0.10), transparent 25%),
    rgba(226,227,234,0.92); }
[data-theme="light"] .virtual-badge { color:#6d28d9; }
[data-theme="light"] .gradient-text { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .virtual-desc { color:#3e4670; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.182); background:rgba(255,255,255,0.546); }
[data-theme="light"] .btn-outline-custom:hover { background:rgba(255,255,255,0.92); }
[data-theme="light"] .virtual-card { background:linear-gradient(180deg,rgba(242,243,245,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .number-box { background:rgba(244,244,246,0.92); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .number-icon { color:#6d28d9; }
[data-theme="light"] .section-subtitle { color:#6d28d9; }
[data-theme="light"] .section-desc { color:#3e4975; }
[data-theme="light"] .feature-card { background:linear-gradient(180deg,rgba(239,240,243,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-text { color:#3e4670; }
[data-theme="light"] .benefits-box { background:linear-gradient(180deg,rgba(239,240,243,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .benefit-check { color:#6d28d9; }
[data-theme="light"] .benefit-text { color:#3e4975; }
[data-theme="light"] .cta-box { background:
    linear-gradient(135deg, rgba(123,77,255,0.15), rgba(35,58,120,0.15)),
    rgba(234,235,239,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-text { color:#3e4670; }
[data-theme="light"] body { background:rgba(226,227,234,0.92); color:#171c2b; }
[data-theme="light"] .support-hero { background:
    radial-gradient(circle at top left, rgba(123,77,255,0.20), transparent 30%),
    radial-gradient(circle at bottom right, rgba(0,119,255,0.12), transparent 30%),
    rgba(226,227,234,0.92); }
[data-theme="light"] .hero-badge { color:#6d28d9; }
[data-theme="light"] .gradient-text { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .hero-desc { color:#3a4472; }
[data-theme="light"] .btn-outline-custom { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); }
[data-theme="light"] .btn-outline-custom:hover { background:rgba(255,255,255,0.92); }
[data-theme="light"] .support-dashboard { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(230,231,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .support-card { background:rgba(243,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .support-icon { color:#6d28d9; }
[data-theme="light"] .support-dept { color:#48527b; }
[data-theme="light"] .support-text { color:#3e4670; }
[data-theme="light"] .section-subtitle { color:#6d28d9; }
[data-theme="light"] .section-desc { color:#3e4975; }
[data-theme="light"] .feature-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(230,231,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-text { color:#3e4975; }
[data-theme="light"] .flow-wrapper { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(230,231,236,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .flow-icon { color:#6d28d9; }
[data-theme="light"] .flow-text { color:#3e4975; }
[data-theme="light"] .flow-arrow { color:#6d28d9; }
[data-theme="light"] .cta-box { background:
    linear-gradient(135deg, rgba(123,77,255,0.15), rgba(39,60,120,0.15)),
    rgba(234,235,239,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .cta-text { color:#3e4975; }
[data-theme="light"] .vx-sales-section { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-sales-badge { color:#6d28d9; }
[data-theme="light"] .vx-sales-title { color:#171c2b; }
[data-theme="light"] .vx-sales-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-sales-description { color:#3d4976; }
[data-theme="light"] .vx-sales-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-sales-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-sales-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-sales-dashboard-header span { color:#44507b; }
[data-theme="light"] .vx-sales-metric-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-sales-icon { color:#6d28d9; }
[data-theme="light"] .vx-sales-metric-card h3 { color:#171c2b; }
[data-theme="light"] .vx-sales-metric-card p { color:#3d4976; }
[data-theme="light"] .vx-sales-chart-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-chart-header h5 { color:#171c2b; }
[data-theme="light"] .vx-chart-header span { color:#44507b; }
[data-theme="light"] .vx-sales-feature-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-sales-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-sales-feature-card h3 { color:#171c2b; }
[data-theme="light"] .vx-sales-feature-card p { color:#3d4976; }
[data-theme="light"] .vx-sales-flow-section { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-sales-flow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-sales-flow-icon { color:#6d28d9; }
[data-theme="light"] .vx-sales-flow-card h4 { color:#171c2b; }
[data-theme="light"] .vx-sales-flow-card p { color:#3d4976; }
[data-theme="light"] .vx-sales-arrow { color:#6d28d9; }
[data-theme="light"] .vx-analytics-section { background: rgba(227,228,234,0.92); }
[data-theme="light"] .vx-analytics-badge { color:#6d28d9; }
[data-theme="light"] .vx-analytics-title { color:#171c2b; }
[data-theme="light"] .vx-analytics-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-analytics-description { color:#3d4976; }
[data-theme="light"] .vx-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-dashboard-wrapper { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-dashboard-header span { color:#44507b; }
[data-theme="light"] .vx-dashboard-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-card-icon { color:#6d28d9; }
[data-theme="light"] .vx-dashboard-card h3 { color:#171c2b; }
[data-theme="light"] .vx-dashboard-card p { color:#3d4976; }
[data-theme="light"] .vx-graph-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-graph-header h5 { color:#171c2b; }
[data-theme="light"] .vx-graph-header span { color:#44507b; }
[data-theme="light"] .vx-feature-box { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-feature-box p { color:#3d4976; }
[data-theme="light"] .vx-reporting-flow { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-flow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-flow-icon { color:#6d28d9; }
[data-theme="light"] .vx-flow-card h4 { color:#171c2b; }
[data-theme="light"] .vx-flow-card p { color:#3d4976; }
[data-theme="light"] .vx-flow-arrow { color:#6d28d9; }
[data-theme="light"] .vx-api-section { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-api-badge { color:#6d28d9; }
[data-theme="light"] .vx-api-title { color:#171c2b; }
[data-theme="light"] .vx-api-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-api-description { color:#3d4976; }
[data-theme="light"] .vx-api-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-api-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-api-dashboard-header span { color:#44507b; }
[data-theme="light"] .vx-api-tool-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-tool-icon { color:#6d28d9; }
[data-theme="light"] .vx-api-tool-card h5 { color:#171c2b; }
[data-theme="light"] .vx-api-tool-card p { color:#3d4976; }
[data-theme="light"] .vx-api-business-header h2 { color:#171c2b; }
[data-theme="light"] .vx-api-business-header p { color:#3d4976; }
[data-theme="light"] .vx-api-flow-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-flow-icon { color:#6d28d9; }
[data-theme="light"] .vx-api-flow-card h4 { color:#171c2b; }
[data-theme="light"] .vx-api-flow-card p { color:#3d4976; }
[data-theme="light"] .vx-api-feature-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-api-feature-card h3 { color:#171c2b; }
[data-theme="light"] .vx-api-feature-card p { color:#3d4976; }
[data-theme="light"] .vx-recording-section { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-recording-badge { color:#6d28d9; }
[data-theme="light"] .vx-recording-title { color:#171c2b; }
[data-theme="light"] .vx-recording-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-recording-description { color:#3d4976; }
[data-theme="light"] .vx-recording-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-recording-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-recording-header h4 { color:#171c2b; }
[data-theme="light"] .vx-recording-header span { color:#44507b; }
[data-theme="light"] .vx-recording-item { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-recording-icon { color:#6d28d9; }
[data-theme="light"] .vx-recording-info h5 { color:#171c2b; }
[data-theme="light"] .vx-recording-info p { color:#3d4976; }
[data-theme="light"] .vx-recording-benefits-header h2 { color:#171c2b; }
[data-theme="light"] .vx-recording-benefits-header p { color:#3d4976; }
[data-theme="light"] .vx-recording-feature-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-recording-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-recording-feature-card h3 { color:#171c2b; }
[data-theme="light"] .vx-recording-feature-card p { color:#3d4976; }
[data-theme="light"] .vx-recording-workflow { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-recording-workflow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-recording-flow-icon { color:#6d28d9; }
[data-theme="light"] .vx-recording-flow-card h4 { color:#171c2b; }
[data-theme="light"] .vx-recording-flow-card p { color:#3d4976; }
[data-theme="light"] .vx-recording-arrow { color:#6d28d9; }
[data-theme="light"] .vx-ai-section { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-ai-badge { color:#6d28d9; }
[data-theme="light"] .vx-ai-title { color:#171c2b; }
[data-theme="light"] .vx-ai-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-ai-description { color:#3d4976; }
[data-theme="light"] .vx-ai-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-ai-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-ai-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-ai-dashboard-header span { color:#44507b; }
[data-theme="light"] .vx-ai-flow-item { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-ai-flow-icon { color:#6d28d9; }
[data-theme="light"] .vx-ai-flow-text h5 { color:#171c2b; }
[data-theme="light"] .vx-ai-flow-text p { color:#3d4976; }
[data-theme="light"] .vx-ai-arrow { color:#6d28d9; }
[data-theme="light"] .vx-ai-benefits-header h2 { color:#171c2b; }
[data-theme="light"] .vx-ai-benefits-header p { color:#3d4976; }
[data-theme="light"] .vx-ai-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-ai-card-icon { color:#6d28d9; }
[data-theme="light"] .vx-ai-card h3 { color:#171c2b; }
[data-theme="light"] .vx-ai-card p { color:#3d4976; }
[data-theme="light"] .vx-ai-bottom { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-ai-bottom-content h2 { color:#171c2b; }
[data-theme="light"] .vx-ai-bottom-content p { color:#3d4976; }
[data-theme="light"] .vx-ai-list li { color:#2f4dba; }
[data-theme="light"] .vx-ai-list i { color:#6d28d9; }
[data-theme="light"] .vx-ai-stat-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-ai-stat-card h3 { color:#171c2b; }
[data-theme="light"] .vx-ai-stat-card p { color:#3d4976; }
[data-theme="light"] .vx-wlapi-section { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-wlapi-badge { color:#6d28d9; }
[data-theme="light"] .vx-wlapi-title { color:#171c2b; }
[data-theme="light"] .vx-wlapi-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-wlapi-description { color:#3d4976; }
[data-theme="light"] .vx-wlapi-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-wlapi-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(232,233,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-wlapi-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-wlapi-dashboard-header span { color:#44507b; }
[data-theme="light"] .vx-wlapi-api-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-wlapi-api-icon { color:#6d28d9; }
[data-theme="light"] .vx-wlapi-api-card h5 { color:#171c2b; }
[data-theme="light"] .vx-wlapi-api-card p { color:#3d4976; }
[data-theme="light"] .vx-wlapi-business-header h2 { color:#171c2b; }
[data-theme="light"] .vx-wlapi-business-header p { color:#3d4976; }
[data-theme="light"] .vx-wlapi-step-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-wlapi-step-icon { color:#6d28d9; }
[data-theme="light"] .vx-wlapi-step-card h4 { color:#171c2b; }
[data-theme="light"] .vx-wlapi-step-card p { color:#3d4976; }
[data-theme="light"] .vx-wlapi-feature-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-wlapi-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-wlapi-feature-card h3 { color:#171c2b; }
[data-theme="light"] .vx-wlapi-feature-card p { color:#3d4976; }
[data-theme="light"] .vx-business-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-business-badge { color:#6d28d9; }
[data-theme="light"] .vx-business-title { color:#171c2b; }
[data-theme="light"] .vx-business-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-business-description { color:#3d4976; }
[data-theme="light"] .vx-business-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-business-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(233,234,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-business-dashboard-header h4 { color:#171c2b; }
[data-theme="light"] .vx-business-dashboard-header span { color:#44517d; }
[data-theme="light"] .vx-business-feature-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-business-icon { color:#6d28d9; }
[data-theme="light"] .vx-business-feature-card h5 { color:#171c2b; }
[data-theme="light"] .vx-business-feature-card p { color:#3d4976; }
[data-theme="light"] .vx-business-section-heading h2 { color:#171c2b; }
[data-theme="light"] .vx-business-section-heading p { color:#3d4976; }
[data-theme="light"] .vx-business-problem-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); color:#171c2b; }
[data-theme="light"] .vx-business-problem-card i { color:#fe0035; }
[data-theme="light"] .vx-business-flow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-business-flow-header p { color:#3d4976; }
[data-theme="light"] .vx-business-step-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-business-step-icon { color:#6d28d9; }
[data-theme="light"] .vx-business-step-card h4 { color:#171c2b; }
[data-theme="light"] .vx-business-step-card p { color:#3d4976; }
[data-theme="light"] .vx-business-outcome-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-business-outcome-icon { color:#6d28d9; }
[data-theme="light"] .vx-business-outcome-card h3 { color:#171c2b; }
[data-theme="light"] .vx-business-outcome-card p { color:#3d4976; }
[data-theme="light"] .vx-business-trust-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-business-trust-card h3 { color:#171c2b; }
[data-theme="light"] .vx-business-trust-card p { color:#3d4976; }
[data-theme="light"] .vx-business-plan-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-business-plan-card h4 { color:#171c2b; }
[data-theme="light"] .vx-business-plan-card p { color:#3d4976; }
[data-theme="light"] .vx-edu-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-edu-badge { color:#6d28d9; }
[data-theme="light"] .vx-edu-title { color:#171c2b; }
[data-theme="light"] .vx-edu-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-edu-description { color:#3d4976; }
[data-theme="light"] .vx-edu-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(233,234,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-edu-dashboard-top h4 { color:#171c2b; }
[data-theme="light"] .vx-edu-dashboard-top span { color:#44517d; }
[data-theme="light"] .vx-edu-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-edu-icon { color:#6d28d9; }
[data-theme="light"] .vx-edu-card h5 { color:#171c2b; }
[data-theme="light"] .vx-edu-card p { color:#3d4976; }
[data-theme="light"] .vx-edu-heading h2 { color:#171c2b; }
[data-theme="light"] .vx-edu-heading p { color:#3d4976; }
[data-theme="light"] .vx-edu-problem-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); color:#171c2b; }
[data-theme="light"] .vx-edu-problem-card i { color:#fe0035; }
[data-theme="light"] .vx-edu-flow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-edu-flow-header p { color:#3d4976; }
[data-theme="light"] .vx-edu-step-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-edu-step-icon { color:#6d28d9; }
[data-theme="light"] .vx-edu-step-card h4 { color:#171c2b; }
[data-theme="light"] .vx-edu-step-card p { color:#3d4976; }
[data-theme="light"] .vx-edu-feature-box { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-edu-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-edu-feature-box h3 { color:#171c2b; }
[data-theme="light"] .vx-edu-feature-box p { color:#3d4976; }
[data-theme="light"] .vx-edu-industry-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-edu-industry-card i { color:#6d28d9; }
[data-theme="light"] .vx-edu-industry-card h4 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-smallbiz-badge { color:#6d28d9; }
[data-theme="light"] .vx-smallbiz-title { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-smallbiz-description { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(233,234,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-smallbiz-dashboard-top h4 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-dashboard-top span { color:#44517d; }
[data-theme="light"] .vx-smallbiz-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-smallbiz-icon { color:#6d28d9; }
[data-theme="light"] .vx-smallbiz-card h5 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-card p { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-heading h2 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-heading p { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-problem-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); color:#171c2b; }
[data-theme="light"] .vx-smallbiz-problem-card i { color:#fe0035; }
[data-theme="light"] .vx-smallbiz-flow-header h2 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-flow-header p { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-step-card { background:linear-gradient(180deg,rgba(238,239,242,0.92),rgba(231,232,237,0.92)); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-smallbiz-step-icon { color:#6d28d9; }
[data-theme="light"] .vx-smallbiz-step-card h4 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-step-card p { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-feature-box { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-smallbiz-feature-icon { color:#6d28d9; }
[data-theme="light"] .vx-smallbiz-feature-box h3 { color:#171c2b; }
[data-theme="light"] .vx-smallbiz-feature-box p { color:#3d4976; }
[data-theme="light"] .vx-smallbiz-industry-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-smallbiz-industry-card i { color:#6d28d9; }
[data-theme="light"] .vx-smallbiz-industry-card h4 { color:#171c2b; }
[data-theme="light"] .vx-api-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-api-badge { color:#6d28d9; }
[data-theme="light"] .vx-api-title { color:#171c2b; }
[data-theme="light"] .vx-api-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-api-description { color:#3d4976; }
[data-theme="light"] .vx-api-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-api-dashboard { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(233,234,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-code { background:rgba(231,234,238,0.92); color:#6d28d9; }
[data-theme="light"] .vx-api-section-header h2 { color:#171c2b; }
[data-theme="light"] .vx-api-section-header p { color:#3d4976; }
[data-theme="light"] .vx-api-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-api-icon { color:#6d28d9; }
[data-theme="light"] .vx-api-card h4 { color:#171c2b; }
[data-theme="light"] .vx-api-card p { color:#3d4976; }
[data-theme="light"] .vx-api-flow-content h2 { color:#171c2b; }
[data-theme="light"] .vx-api-flow-content p { color:#3d4976; }
[data-theme="light"] .vx-api-step { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-api-step span { color:#6d28d9; }
[data-theme="light"] .vx-api-step h4 { color:#171c2b; }
[data-theme="light"] .vx-api-cta { background:linear-gradient(135deg,rgba(244,244,246,0.92),rgba(235,236,240,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-api-cta h2 { color:#171c2b; }
[data-theme="light"] .vx-api-cta p { color:#3d4976; }
[data-theme="light"] .vx-docs-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-docs-badge { color:#6d28d9; }
[data-theme="light"] .vx-docs-title { color:#171c2b; }
[data-theme="light"] .vx-docs-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-docs-description { color:#3d4976; }
[data-theme="light"] .vx-docs-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-docs-panel { background:linear-gradient(180deg,rgba(239,240,242,0.92),rgba(233,234,238,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-docs-search i { color:#44517d; }
[data-theme="light"] .vx-docs-search input { background:rgba(234,235,239,0.92); color:#171c2b; }
[data-theme="light"] .vx-docs-item { background:rgba(242,243,245,0.92); }
[data-theme="light"] .vx-docs-item h5 { color:#171c2b; }
[data-theme="light"] .vx-docs-item span { color:#44517d; }
[data-theme="light"] .vx-docs-item i { color:#6d28d9; }
[data-theme="light"] .vx-docs-section-header h2 { color:#171c2b; }
[data-theme="light"] .vx-docs-section-header p { color:#3d4976; }
[data-theme="light"] .vx-docs-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-docs-icon { color:#6d28d9; }
[data-theme="light"] .vx-docs-card h4 { color:#171c2b; }
[data-theme="light"] .vx-docs-card p { color:#3d4976; }
[data-theme="light"] .vx-docs-quickstart-content h2 { color:#171c2b; }
[data-theme="light"] .vx-docs-quickstart-content p { color:#3d4976; }
[data-theme="light"] .vx-docs-step { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-docs-step span { color:#6d28d9; }
[data-theme="light"] .vx-docs-step h5 { color:#171c2b; }
[data-theme="light"] .vx-docs-step p { color:#3d4976; }
[data-theme="light"] .vx-docs-cta { background:linear-gradient(135deg,rgba(244,244,246,0.92),rgba(235,236,240,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-docs-cta h2 { color:#171c2b; }
[data-theme="light"] .vx-docs-cta p { color:#3d4976; }
[data-theme="light"] .vx-dev-guide-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-dev-badge { color:#6d28d9; }
[data-theme="light"] .vx-dev-title { color:#171c2b; }
[data-theme="light"] .vx-dev-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-dev-description { color:#3d4976; }
[data-theme="light"] .vx-dev-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-dev-panel { background:rgba(237,238,241,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-dev-code-header { border-bottom:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-dev-code-block { color:#171c2b; }
[data-theme="light"] .vx-dev-section-header h2 { color:#171c2b; }
[data-theme="light"] .vx-dev-section-header p { color:#3d4976; }
[data-theme="light"] .vx-dev-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-dev-icon { color:#6d28d9; }
[data-theme="light"] .vx-dev-card h4 { color:#171c2b; }
[data-theme="light"] .vx-dev-card p { color:#3d4976; }
[data-theme="light"] .vx-dev-card a { color:#6d28d9; }
[data-theme="light"] .vx-dev-workflow-content h2 { color:#171c2b; }
[data-theme="light"] .vx-dev-workflow-content p { color:#3d4976; }
[data-theme="light"] .vx-dev-step { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-dev-step span { color:#6d28d9; }
[data-theme="light"] .vx-dev-step h5 { color:#171c2b; }
[data-theme="light"] .vx-dev-step p { color:#3d4976; }
[data-theme="light"] .vx-dev-cta { background:linear-gradient(135deg,rgba(244,244,246,0.92),rgba(235,236,240,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-dev-cta h2 { color:#171c2b; }
[data-theme="light"] .vx-dev-cta p { color:#3d4976; }
[data-theme="light"] .vx-case-page { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-case-badge { color:#6d28d9; }
[data-theme="light"] .vx-case-title { color:#171c2b; }
[data-theme="light"] .vx-case-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .vx-case-description { color:#3d4976; }
[data-theme="light"] .vx-case-secondary-btn { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#171c2b; }
[data-theme="light"] .vx-case-stat-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-case-stat-card h2 { color:#6d28d9; }
[data-theme="light"] .vx-case-stat-card p { color:#3d4976; }
[data-theme="light"] .vx-case-header h2 { color:#171c2b; }
[data-theme="light"] .vx-case-header p { color:#3d4976; }
[data-theme="light"] .vx-case-card { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-case-icon { color:#6d28d9; }
[data-theme="light"] .vx-case-category { color:#6d28d9; }
[data-theme="light"] .vx-case-card h3 { color:#171c2b; }
[data-theme="light"] .vx-case-card p { color:#3d4976; }
[data-theme="light"] .vx-case-card ul li { color:#2f4dba; }
[data-theme="light"] .vx-case-card a { color:#6d28d9; }
[data-theme="light"] .vx-case-growth-content h2 { color:#171c2b; }
[data-theme="light"] .vx-case-growth-content p { color:#3d4976; }
[data-theme="light"] .vx-case-step { background:rgba(239,240,242,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-case-step span { color:#6d28d9; }
[data-theme="light"] .vx-case-step h5 { color:#171c2b; }
[data-theme="light"] .vx-case-step p { color:#3d4976; }
[data-theme="light"] .vx-case-cta { background:linear-gradient(135deg,rgba(244,244,246,0.92),rgba(235,236,240,0.92)); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-case-cta h2 { color:#171c2b; }
[data-theme="light"] .vx-case-cta p { color:#3d4976; }
[data-theme="light"] .voicex-demo-experience { background:rgba(226,227,234,0.92); }
[data-theme="light"] .demo-badge { color:#6d28d9; }
[data-theme="light"] .demo-hero h1 { color:#171c2b; }
[data-theme="light"] .demo-hero p { color:#475b77; }
[data-theme="light"] .demo-option-card { background:rgba(234,236,239,0.92); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .demo-icon { color:#6d28d9; }
[data-theme="light"] .demo-option-card h3 { color:#171c2b; }
[data-theme="light"] .demo-option-card p, [data-theme="light"] .demo-option-card li { color:#475b77; }
[data-theme="light"] .help-section { background:rgba(234,236,239,0.92); }
[data-theme="light"] .help-section h2 { color:#171c2b; }
[data-theme="light"] .activation-flow h2 { color:#171c2b; }
[data-theme="light"] .flow-item { background:rgba(234,236,239,0.92); color:#171c2b; }
[data-theme="light"] .flow-arrow { color:#6d28d9; }
[data-theme="light"] .demo-page { background:
  radial-gradient(circle at top left,#6d3df000 0%, transparent 30%),
  radial-gradient(circle at bottom right,#6d3df01c 0%, transparent 30%),
  linear-gradient(135deg,rgba(226,227,234,0.92) 0%, rgba(234,236,240,0.92) 40%, rgba(226,227,234,0.92) 100%); }
[data-theme="light"] .section-tag { border:1px solid rgba(40,46,62,0.16); background:rgba(255,255,255,0.546); color:#6d28d9; }
[data-theme="light"] .hero-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .hero-desc { color:#414f73; }
[data-theme="light"] .demo-card { background:rgba(235,236,240,0.92); border:1px solid rgba(40,46,62,0.138); box-shadow:
  0 10px 40px rgba(20,26,41,0.12),
  inset 0 1px 0 rgba(255,255,255,0.066); }
[data-theme="light"] .card-subtitle { color:#435074; }
[data-theme="light"] .form-label { color:#1246e2; }
[data-theme="light"] .form-control, [data-theme="light"] .form-select { background:rgba(237,239,242,0.92); border:1px solid rgba(40,46,62,0.138); color:#171c2b; }
[data-theme="light"] .form-control:focus, [data-theme="light"] .form-select:focus { background:rgba(237,239,242,0.92); color:#171c2b; }
[data-theme="light"] .feature-box { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-box p { color:#4b577b; }
[data-theme="light"] .trial-page { background:
  radial-gradient(circle at top right,#6d3df022 0%,transparent 30%),
  radial-gradient(circle at bottom left,#4b7bff1a 0%,transparent 30%),
  linear-gradient(135deg,rgba(226,227,234,0.92) 0%,rgba(234,236,240,0.92) 45%,rgba(226,227,234,0.92) 100%); }
[data-theme="light"] .tag { border:1px solid rgba(40,46,62,0.138); background:rgba(255,255,255,0.546); color:#6d28d9; }
[data-theme="light"] .hero-title span { background-image:linear-gradient(to right,#6d28d9,#4338ca); }
[data-theme="light"] .hero-desc { color:#425173; }
[data-theme="light"] .feature-box { background:rgba(255,255,255,0.546); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .feature-icon { color:#6d28d9; }
[data-theme="light"] .feature-box p { color:#4a597c; }
[data-theme="light"] .trial-card { background:rgba(233,234,239,0.92); border:1px solid rgba(40,46,62,0.138); box-shadow:
  0 10px 40px rgba(20,26,41,0.12),
  inset 0 1px 0 rgba(255,255,255,0.066); }
[data-theme="light"] .card-subtitle { color:#425173; }
[data-theme="light"] .form-label { color:#1246e2; }
[data-theme="light"] .form-control, [data-theme="light"] .form-select { background:rgba(237,239,242,0.92); border:1px solid rgba(40,46,62,0.138); color:#171c2b; }
[data-theme="light"] .form-control:focus, [data-theme="light"] .form-select:focus { background:rgba(237,239,242,0.92); color:#171c2b; }
[data-theme="light"] .trial-note { color:#4e5c7f; }
[data-theme="light"] .card { background:
  radial-gradient(circle at center,
  rgba(255,80,40,.12) 0%,
  rgba(255,80,40,.04) 20%,
  transparent 60%),
  linear-gradient(
  180deg,
  rgba(235,237,239,0.92) 0%,
  rgba(227,229,233,0.92) 100%); border:1px solid rgba(40,46,62,0.138); box-shadow:
  0 0 0 1px rgba(255,255,255,0.044),
  0 40px 100px rgba(20,26,41,0.18); }
[data-theme="light"] .card::before { background-image:
  linear-gradient(
  rgba(255,255,255,0.546) 1px,
  transparent 1px),
  linear-gradient(
  90deg,
  rgba(255,255,255,0.546) 1px,
  transparent 1px); }
[data-theme="light"] .top { border-bottom:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .dot { background:rgba(255,255,255,0.92); }
[data-theme="light"] .live { color:#00ff48; }
[data-theme="light"] .node-muted { fill:#687490; }
[data-theme="light"] .label { fill:#545e79; }
[data-theme="light"] .core-label { fill:#545e79; }
[data-theme="light"] .stats-box { background:rgba(221,223,228,0.92); border:1px solid rgba(40,46,62,0.138); color:#545f78; }
[data-theme="light"] .stats-box b { color:#171c2b; }
[data-theme="light"] .metrics { border-top:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .metric { border-right:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .value { color:#171c2b; }
[data-theme="light"] .metric-label { color:#5f6983; }
[data-theme="light"] .footer { border-top:1px solid rgba(40,46,62,0.116); background:rgba(221,223,228,0.92); color:#49536c; }
[data-theme="light"] .method { color:#00eb51; }
[data-theme="light"] .vx-net-card { background:
    radial-gradient(circle at 50% 0%,
    rgba(124,58,237,.16) 0%,
    rgba(124,58,237,.05) 25%,
    transparent 60%),
    linear-gradient(180deg,rgba(245,246,247,0.92) 0%,rgba(231,233,238,0.92) 100%); border:1px solid rgba(40,46,62,0.138); box-shadow:
    0 0 0 1px rgba(255,255,255,0.066) inset,
    0 50px 110px rgba(20,26,41,0.165),
    0 0 120px rgba(124,58,237,.10); }
[data-theme="light"] .vx-net-card::before { background-image:
    linear-gradient(rgba(255,255,255,0.53) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.53) 1px,transparent 1px); }
[data-theme="light"] .vx-net-top { background:rgba(255,255,255,0.514); border-bottom:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-net-dot { background:rgba(255,255,255,0.834); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.132); }
[data-theme="light"] .vx-net-graph::after { background:radial-gradient(circle at 50% 45%,transparent 45%,rgba(231,233,238,0.92) 100%); }
[data-theme="light"] .vx-net-link { stroke:#6d28d9; }
[data-theme="light"] .vx-net-packet { fill:#6d28d9; }
[data-theme="light"] .vx-net-node { fill:#6d28d9; }
[data-theme="light"] .vx-net-node-muted { fill:#6e7c9c; }
[data-theme="light"] .vx-net-core { fill:#6d28d9; }
[data-theme="light"] .vx-net-ring { stroke:#6d28d9; }
[data-theme="light"] .vx-net-label { fill:#545e79; }
[data-theme="light"] .vx-net-core-label { fill:#3614b9; }
[data-theme="light"] .vx-net-pulse { fill:rgba(109,40,217,0.1); }
[data-theme="light"] .vx-net-stats { background:rgba(228,230,234,0.92); border:1px solid rgba(40,46,62,0.138); color:#545f78; }
[data-theme="light"] .vx-net-stats b { color:#171c2b; }
[data-theme="light"] .vx-net-metrics { border-top:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-net-metric { border-right:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-net-metric:hover { background:rgba(255,255,255,0.514); }
[data-theme="light"] .vx-net-value { color:#171c2b; }
[data-theme="light"] .vx-net-metric-label { color:#5f6983; }
[data-theme="light"] .vx-net-footer { border-top:1px solid rgba(40,46,62,0.116); background:rgba(221,223,228,0.92); color:#49536c; }
[data-theme="light"] .workflow-step .step-number { color:#6d28d9; }
[data-theme="light"] .workflow-step .step-number::after { background:rgba(235,237,239,0.92); border:1px solid rgba(40,46,62,0.182); color:#545e79; }
[data-theme="light"] .workflow-arrow-dot { background:rgba(235,237,239,0.92); color:#6d28d9; }
[data-theme="light"] .ai-feature-card { border-bottom:1px solid rgba(40,46,62,0.127); }
[data-theme="light"] .growth-step-card { border-bottom:1px solid rgba(40,46,62,0.127); }
[data-theme="light"] .flow-item { border-bottom:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .trust-metrics { background:rgba(255,255,255,0.514); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .metric-card { border-right:1px solid rgba(40,46,62,0.127); }
[data-theme="light"] .comparison-wrapper { background:rgba(255,255,255,0.514); border:1px solid rgba(40,46,62,0.127); }
[data-theme="light"] .comparison-wrapper .col-lg-6:last-child .comparison-card { border-left:1px solid rgba(40,46,62,0.127); }
[data-theme="light"] .vx-ivr-hero { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-ivr-badge { color:#6d28d9; }
[data-theme="light"] .vx-ivr-title { color:#171c2b; }
[data-theme="light"] .vx-ivr-desc { color:#475b77; }
[data-theme="light"] .vx-ivr-secondary { border:1px solid rgba(40,46,62,0.16); color:#171c2b; }
[data-theme="light"] .vx-ivr-secondary:hover { color:#171c2b; }
[data-theme="light"] .vx-stat h3 { color:#171c2b; }
[data-theme="light"] .vx-stat span { color:#475b77; }
[data-theme="light"] .vx-ivr-dashboard { background:
  linear-gradient(
  135deg,
  rgba(255,255,255,0.578),
  rgba(255,255,255,0.514)
  ); border:1px solid rgba(40,46,62,0.138); }
[data-theme="light"] .vx-dashboard-header { color:#171c2b; }
[data-theme="light"] .vx-route-node { background:rgba(235,236,240,0.92); color:#171c2b; }
[data-theme="light"] .vx-mini-card { background:rgba(235,236,240,0.92); }
[data-theme="light"] .vx-mini-card h4 { color:#171c2b; }
[data-theme="light"] .vx-mini-card p { color:#475b77; }
[data-theme="light"] .vx-section-head span { color:#6d28d9; }
[data-theme="light"] .vx-section-head h2 { color:#171c2b; }
[data-theme="light"] .vx-section-head p { color:#475b77; }
[data-theme="light"] .vx-ivr-about { background:rgba(230,231,237,0.92); }
[data-theme="light"] .vx-about-card { background:rgba(235,236,240,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-about-card i { color:#6d28d9; }
[data-theme="light"] .vx-about-card h4 { color:#171c2b; }
[data-theme="light"] .vx-about-card p { color:#475b77; }
[data-theme="light"] .vx-how-ivr { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-flow-box { background:rgba(235,236,240,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-flow-arrow { color:#6d28d9; }
[data-theme="light"] .vx-cr-hero { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-cr-badge { color:#6d28d9; }
[data-theme="light"] .vx-cr-title { color:#171c2b; }
[data-theme="light"] .vx-cr-title span { color:#6d28d9; }
[data-theme="light"] .vx-cr-desc { color:#475b77; }
[data-theme="light"] .vx-cr-secondary-btn { border:1px solid rgba(40,46,62,0.16); color:#171c2b; }
[data-theme="light"] .vx-cr-dashboard { background:rgba(237,238,242,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-cr-route-box { background:rgba(244,245,247,0.92); }
[data-theme="light"] .vx-cr-route-title { color:#171c2b; }
[data-theme="light"] .vx-cr-node { background:rgba(249,250,251,0.92); color:#171c2b; }
[data-theme="light"] .vx-cr-small-node { background:rgba(249,250,251,0.92); color:#171c2b; }
[data-theme="light"] .vx-cr-arrow { color:#6d28d9; }
[data-theme="light"] .vx-cr-stat { background:rgba(244,245,247,0.92); }
[data-theme="light"] .vx-cr-stat h4 { color:#171c2b; }
[data-theme="light"] .vx-cr-stat span { color:#475b77; }
[data-theme="light"] .vx-cr-about, [data-theme="light"] .vx-cr-features { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-cr-heading span { color:#6d28d9; }
[data-theme="light"] .vx-cr-heading h2 { color:#171c2b; }
[data-theme="light"] .vx-cr-about-card, [data-theme="light"] .vx-cr-feature-card { background:rgba(237,238,242,0.92); }
[data-theme="light"] .vx-cr-about-card p, [data-theme="light"] .vx-cr-about-card li { color:#475b77; }
[data-theme="light"] .vx-cr-feature-card i { color:#6d28d9; }
[data-theme="light"] .vx-cr-feature-card h4 { color:#171c2b; }
[data-theme="light"] .vx-cr-feature-card p { color:#475b77; }
[data-theme="light"] .vx-wa-hero { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-wa-title { color:#171c2b; }
[data-theme="light"] .vx-wa-desc { color:#475b77; }
[data-theme="light"] .vx-wa-secondary-btn { border:1px solid rgba(40,46,62,0.182); color:#171c2b; }
[data-theme="light"] .vx-wa-dashboard { background:rgba(237,238,242,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-wa-header h5 { color:#171c2b; }
[data-theme="light"] .vx-wa-header span { color:#475b77; }
[data-theme="light"] .vx-wa-chat { background:rgba(244,245,247,0.92); }
[data-theme="light"] .vx-wa-msg.customer { background:rgba(252,252,253,0.92); }
[data-theme="light"] .vx-wa-stat { background:rgba(244,245,247,0.92); }
[data-theme="light"] .vx-wa-stat h4 { color:#171c2b; }
[data-theme="light"] .vx-wa-stat span { color:#475b77; }
[data-theme="light"] .vx-wa-about { background:rgba(226,227,234,0.92); }
[data-theme="light"] .vx-wa-heading h2 { color:#171c2b; }
[data-theme="light"] .vx-wa-card { background:rgba(237,238,242,0.92); }
[data-theme="light"] .vx-wa-card p, [data-theme="light"] .vx-wa-card li { color:#475b77; }
[data-theme="light"] .vx-blog-hero { background:rgba(236,237,240,0.92); }
[data-theme="light"] .vx-blog-hero::before { background:rgba(255,255,255,0.706); }
[data-theme="light"] .vx-blog-hero::after { background:rgba(255,255,255,0.61); }
[data-theme="light"] .vx-blog-badge { background:rgba(255,255,255,0.92); color:#171c2b; }
[data-theme="light"] .vx-blog-head h1 { color:#171c2b; }
[data-theme="light"] .vx-blog-head h1 span { color:#6d28d9; }
[data-theme="light"] .vx-blog-head p { color:rgba(23,28,43,0.88); }
[data-theme="light"] .vx-blog-meta { color:#171c2b; }
[data-theme="light"] .vx-single-blog { background: rgba(226,227,234,0.92); }
[data-theme="light"] .vx-blog-card { background:rgba(236,237,240,0.92); box-shadow:0 20px 60px rgba(20,26,41,0.05); }
[data-theme="light"] .vx-blog-content p { color: #475b77; }
[data-theme="light"] .vx-blog-content h2 { color:#171c2b; }
[data-theme="light"] .vx-blog-content strong { color:#171c2b; }
[data-theme="light"] .vx-blog-list li { color: #1246e2; }
[data-theme="light"] blockquote { color:#171c2b; }
[data-theme="light"] .vx-feature-box { background: rgba(243,244,246,0.92); border:1px solid rgba(243,244,246,0.22); }
[data-theme="light"] .vx-blog-cta { background:rgba(246,247,248,0.92); border:2px solid rgba(246,247,248,0.22); }
[data-theme="light"] .vx-blog-hero { background:rgba(227,228,234,0.92); }
[data-theme="light"] .vx-blog-badge { background:#dfdaff; color:#6d28d9; }
[data-theme="light"] .vx-blog-hero h1 { color:#171c2b
; }
[data-theme="light"] .vx-blog-hero h1 span { color:#6d28d9; }
[data-theme="light"] .vx-blog-hero p { color:#6c7b99; }
[data-theme="light"] .vx-blog-section { background: rgba(227,228,234,0.92); }
[data-theme="light"] .vx-blog-card { background:rgba(245,245,247,0.92); box-shadow:0 15px 45px rgba(20,26,41,0.05); }
[data-theme="light"] .vx-blog-card:hover { box-shadow:0 30px 70px rgba(20,26,41,0.05); }
[data-theme="light"] .vx-blog-meta { color:#6c7b99; }
[data-theme="light"] .vx-blog-meta i { color:#6d28d9; }
[data-theme="light"] .vx-blog-content h3 { color:#171c2b; }
[data-theme="light"] .vx-blog-hero { background:
  radial-gradient(circle at top right,#6d4cff22,transparent 30%),
  radial-gradient(circle at left,#7b61ff14,transparent 35%),
  rgba(227,228,234,0.92); }
[data-theme="light"] .vx-blog-badge { color:#6d28d9; }
[data-theme="light"] .vx-blog-hero h1 { color:#171c2b; }
[data-theme="light"] .vx-blog-hero h1 span { color:#6d28d9; }
[data-theme="light"] .vx-blog-subtitle { color:#35426e; }
[data-theme="light"] .vx-blog-meta span { color:#3f4d7c; }
[data-theme="light"] .vx-blog-meta i { color:#6d28d9; }
[data-theme="light"] .vx-blog-card { background:rgba(236,237,240,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-blog-lead { color:#2e4ab8; }
[data-theme="light"] .vx-blog-card h2 { color:#171c2b; }
[data-theme="light"] .vx-blog-card strong { color:#6d28d9; }
[data-theme="light"] .vx-quote-box h3 { color:#171c2b; }
[data-theme="light"] .vx-highlight-card p { color:#2121ed; }
[data-theme="light"] .vx-feature-card { background:rgba(242,243,245,0.92); border:1px solid rgba(40,46,62,0.116); }
[data-theme="light"] .vx-feature-card i { color:#6d28d9; }
[data-theme="light"] .vx-feature-card h5 { color:#171c2b; }
[data-theme="light"] .vx-blog-list li { color:#2943a5; }
[data-theme="light"] .vx-sidebar-card { background:rgba(236,237,240,0.92); border:1px solid rgba(40,46,62,0.105); }
[data-theme="light"] .vx-sidebar-card h4 { color:#171c2b; }
[data-theme="light"] .vx-sidebar-card ul li a:hover { color:#6d28d9; }
[data-theme="light"] .vx-blog-cta p { color:#1e2ded; }
[data-theme="light"] .vx-blog-btn { background:rgba(255,255,255,0.92); }

@media (max-width:1199px) {
  [data-theme="light"] .navbar-collapse { background: rgba(236,238,242,0.92); }
}

@media (max-width:991px) {
  [data-theme="light"] .navbar-collapse { background:rgba(232,234,239,0.92); }
  [data-theme="light"] .comparison-wrapper .col-lg-6:last-child .comparison-card { border-top:1px solid rgba(40,46,62,0.127); }
}

@media (max-width:640px) {
  [data-theme="light"] .vx-net-metric:nth-child(3) { border-top:1px solid rgba(40,46,62,0.116); }
}

@media (max-width:767px) {
  [data-theme="light"] .metric-card { border-bottom:1px solid rgba(40,46,62,0.127); }
}


/* ---- hero-glow.css overrides ---- */

/* ------------------------------------------------------------
   Fix 9: .hero-section's OWN background (root cause of the
   persistent tint on the homepage hero)
   Unlike every other glow in this file, this one isn't a
   ::before/::after pseudo-element or a dedicated "-glow" class —
   it's baked directly into .hero-section's own `background`
   property: two radial gradients (violet top-right at .22 alpha,
   blue bottom-left at .10 alpha) layered over the base surface
   color. Every earlier pass searched specifically for decorative
   glow *shapes* (absolutely-positioned, circular) and this rule
   matches neither pattern, which is why it survived two previous
   rounds of fixes untouched. It's the actual largest contributor
   to visible tint on the homepage. Removed outright, leaving just
   the flat light surface color underneath.
   ------------------------------------------------------------ */
[data-theme="light"] .hero-section {
  background: var(--dark);
}
[data-theme="light"] .trial-page {
  background: var(--dark);
}
[data-theme="light"] .pricing-section,
[data-theme="light"] .virtual-hero,
[data-theme="light"] .support-hero,
[data-theme="light"] .demo-page,
[data-theme="light"] .vx-blog-hero {
  background: var(--dark);
}

/* ------------------------------------------------------------
   Fix 8: Cursor-following glow (hero-glow.css / hero-glow.js)
   This is a mouse-tracking radial glow: 4 stacked blue/violet
   layers up to .22 alpha, plus a matching cursor-adjacent grid
   highlight at .55 alpha. That intensity is tuned for a near-
   black hero and is too strong for a light one — but the
   interaction itself (a soft light following the cursor) is a
   deliberate, wanted touch, not something to remove. Redesigned
   rather than deleted: one on-brand violet hue instead of four
   competing colors, alpha cut to a fraction of the original, and
   a steeper falloff so it reads as a soft highlight under the
   cursor rather than a haze. Position/radius/animation timing
   are untouched — same interaction, restrained for light mode.
   ------------------------------------------------------------ */
[data-theme="light"] .hero-cursor-glow {
  background:
    radial-gradient(380px circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,.08), transparent 40%),
    radial-gradient(380px circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,.03), transparent 65%);
}
[data-theme="light"] .hero-bg-grid::after {
  background-image:
    linear-gradient(rgba(124,58,237,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,.16) 1px, transparent 1px);
}



/* ============================================================
   MANUAL LIGHT-THEME REFINEMENT (hand-authored, not generated)
   ============================================================ */

/* ------------------------------------------------------------
   Fix 11: checkout.html's page-scoped inline <style> block
   This page (like a few others) defines its own components in a
   <style> tag rather than assets/style.css, so the original
   generation pass — which only ever read assets/style.css and
   hero-glow.css — never saw or overrode any of it. Because the
   whole page is internally consistent (light text on the page's
   own dark surfaces), the contrast audit never flagged it either;
   it just silently stayed dark regardless of the theme toggle.
   Covers checkout.html AND payment-success.html, which reuses the
   same class names by design.
   ------------------------------------------------------------ */
[data-theme="light"] .voicex-checkout-page {
  background: var(--dark);
}
[data-theme="light"] .voicex-checkout-page::before,
[data-theme="light"] .voicex-checkout-page::after {
  background: none;
}
[data-theme="light"] .checkout-badge {
  background: rgba(108,59,255,0.12);
  color: #6d28d9;
}
[data-theme="light"] .checkout-hero h1 {
  color: #171c2b;
}
[data-theme="light"] .checkout-hero p {
  color: #475b77;
}
[data-theme="light"] .checkout-form-wrapper,
[data-theme="light"] .checkout-notice-card {
  background: rgba(237,238,241,0.92);
  border: 1px solid rgba(40,46,62,0.116);
}
[data-theme="light"] .checkout-section-label {
  background: rgba(108,59,255,0.10);
  color: #6d28d9;
}
[data-theme="light"] .checkout-form-wrapper h2,
[data-theme="light"] .checkout-notice-card h2 {
  color: #171c2b;
}
[data-theme="light"] .checkout-form-wrapper > p,
[data-theme="light"] .checkout-notice-card p {
  color: #475b77;
}
[data-theme="light"] .checkout-divider {
  border-top: 1px solid rgba(40,46,62,0.138);
}
[data-theme="light"] .payment-methods-note {
  color: #505b6e;
}
[data-theme="light"] .payment-methods-note .gateway-chip {
  border: 1px solid rgba(40,46,62,0.16);
  color: #3d4453;
}
[data-theme="light"] .checkout-secure-note {
  background: rgba(139,92,246,0.06);
  border: 1px solid rgba(139,92,246,0.16);
  color: #3614b9;
}
[data-theme="light"] .checkout-secure-note i {
  color: #6d28d9;
}
[data-theme="light"] .form-status-info {
  background: rgba(139,92,246,0.1);
  border: 1px solid rgba(139,92,246,0.22);
  color: #3917d8;
}
[data-theme="light"] .form-status-success {
  background: rgba(34,197,94,0.1);
  border: 1px solid rgba(34,197,94,0.25);
  color: #18873f;
}
[data-theme="light"] .form-status-error {
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.25);
  color: #ce1515;
}
[data-theme="light"] .form-status-pending {
  background: rgba(148,163,184,0.1);
  border: 1px solid rgba(148,163,184,0.25);
  color: #2f6cbd;
}
[data-theme="light"] .order-summary-card {
  background: rgba(233,234,238,0.92);
  border: 1px solid rgba(40,46,62,0.116);
}
[data-theme="light"] .order-summary-eyebrow {
  color: #6d28d9;
}
[data-theme="light"] .summary-plan-header h3,
[data-theme="light"] .summary-plan-header .plan-name {
  color: #171c2b;
}
[data-theme="light"] .summary-plan-header .year-price {
  color: #6d28d9;
}
[data-theme="light"] .plan-desc {
  color: #475b77;
}
[data-theme="light"] .summary-row {
  color: #475b77;
  border-bottom: 1px solid rgba(40,46,62,0.116);
}
[data-theme="light"] .summary-row span:last-child {
  color: #171c2b;
}
[data-theme="light"] .summary-row.summary-total span:last-child {
  color: #6d28d9;
}
[data-theme="light"] .checkout-notice-card .notice-icon {
  background: rgba(124,58,237,0.12);
  border: 1px solid rgba(124,58,237,0.35);
  color: #6d28d9;
}
[data-theme="light"] .checkout-notice-link {
  color: #6d28d9;
}
[data-theme="light"] .status-item {
  background: rgba(255,255,255,0.546);
  border: 1px solid rgba(40,46,62,0.116);
}
[data-theme="light"] .status-item.is-done { color: #18873f; }
[data-theme="light"] .status-item.is-done i { color: #18873f; }
[data-theme="light"] .status-item.is-pending { color: #3917d8; }
[data-theme="light"] .status-item.is-pending i { color: #6d28d9; }
[data-theme="light"] .status-item.is-upcoming { color: #2f6cbd; }
[data-theme="light"] .status-item.is-upcoming i { color: #475b77; }
[data-theme="light"] .login-cta-note {
  color: #475b77;
}
[data-theme="light"] .support-note a {
  color: #6d28d9;
}

/* ------------------------------------------------------------
   Fix 10: Mega-menu / nav dropdown transparency
   Two contributing causes, both now fixed:
   1) .mega-menu itself was overridden to 0.92 alpha — reasonable
      in isolation, but with a second translucent layer on top of
      it (below) the compounding effect let page content behind
      the whole dropdown show through. Bumped closer to opaque.
   2) .mega-side-card (the "Launch Faster. Scale Smarter." panel)
      has its own background: a low-alpha violet wash (0.06-0.18)
      designed to sit on the mega-menu's near-opaque DARK backing
      in the dark theme. On the now-light menu, that same low
      alpha isn't enough to read as a solid card, and layered on
      top of the menu's own near-(not fully-)opaque background it
      let whatever sits behind the whole dropdown show through
      clearly. Boosted to a solid, opaque pale-violet card.
   ------------------------------------------------------------ */
[data-theme="light"] .mega-menu {
  background: rgba(240,241,245,0.98) !important;
}
[data-theme="light"] .mega-side-card {
  background: linear-gradient(180deg, rgba(124,77,255,0.16), rgba(124,77,255,0.10)), rgb(247,246,253);
  border-color: rgba(139,92,246,0.25);
}


/* ------------------------------------------------------------
   Fix 4: "Ghost/outline" buttons (transparent or near-transparent
   background + white text) across the site.
   Root cause: several of these buttons share a base class with a
   *different* modifier/hover variant that has a solid brand-color
   fill (e.g. WhatsApp-message bubbles, or this same button's own
   hover state). The original pass correctly left white text alone
   wherever a same-rule background stays vivid, but it also (wrongly)
   protected the base/transparent state anywhere that shared class
   name appeared elsewhere with a vivid fill. Each fix below targets
   only the base variant, which is now sitting on a light glass panel.
   Hover states that resolve to a solid violet fill are untouched
   (verified in-browser) — white text there is already correct.
   ------------------------------------------------------------ */
[data-theme="light"] .btn-outline-custom {
  color: #171c2b;
}
/* .btn-outline-custom:hover universally resolves to background:#fff;
   color:#000 sitewide (confirmed in-browser) — already correct, no
   override needed. */

[data-theme="light"] .btn-secondary-custom,
[data-theme="light"] .btn-secondary-custom:hover {
  color: #171c2b;
}

[data-theme="light"] .build-btn {
  color: #171c2b;
}
[data-theme="light"] .build-btn:hover {
  color: #fff; /* hover fill is solid #7c3aed, vivid — keep white */
}

/* ------------------------------------------------------------
   Fix 5: WhatsApp demo mockup (whatsapp-integration.html)
   .vx-wa-msg.customer's dark bubble (#1c2744) correctly flipped to
   a light card, but its white text was wrongly protected because it
   shares the `.vx-wa-msg` base class with `.vx-wa-msg.bot`, whose
   WhatsApp-green fill legitimately keeps white text.
   Separately, `.vx-wa-badge` pairs WhatsApp green text directly on
   a pale tint of the same green — fine on dark, too low-contrast on
   light, so the text is deepened (background tint is untouched).
   ------------------------------------------------------------ */
[data-theme="light"] .vx-wa-msg.customer {
  color: #171c2b;
}
[data-theme="light"] .vx-wa-badge {
  color: #18873f;
}

/* ------------------------------------------------------------
   Fix 6: Boundary-case misses
   These four rules use colors that sat just outside the original
   pass's lightness cutoffs (~1-4 points over/under 20%/84%), so
   they were left untouched: light-gray/lavender text that read
   fine on dark but is far too pale against the new light surfaces.
   ------------------------------------------------------------ */
[data-theme="light"] .feature-list li {
  color: #3d4453;
}
[data-theme="light"] .vx-blog-card p {
  color: #414a68;
}
[data-theme="light"] .help-list div {
  color: #3d4453;
}
[data-theme="light"] .vx-feature-box h3,
[data-theme="light"] .vx-feature-box h5 {
  color: #171c2b;
}

/* ------------------------------------------------------------
   Fix 7: Remaining items found by a full 37-page ground-truth
   contrast sweep (real rendered computed styles, not static
   analysis) after Fixes 1-6 above.
   ------------------------------------------------------------ */
[data-theme="light"] .flow-card li {
  color: #3d4453;
}
[data-theme="light"] .vx-dev-code-header p {
  color: #4a5170;
}
[data-theme="light"] .vx-flow-box {
  color: #171c2b;
}
[data-theme="light"] .vx-wa-title span {
  color: #18873f;
}
[data-theme="light"] .vx-wa-heading span {
  color: #18873f;
}

/* ------------------------------------------------------------
   Fix 3: Sticky navbar background
   .voicex-navbar's background (#1f204d80, ~21% lightness) sat
   just outside the auto-pass's "dark surface" threshold and was
   left un-overridden, so the nav bar (and everything sitting on
   it: logo, nav links, dropdown toggles) was still rendering as
   a translucent dark-purple bar in light theme — the direct cause
   of the low-contrast logo/nav-link readings site-wide.
   ------------------------------------------------------------ */
[data-theme="light"] .voicex-navbar {
  background: rgba(255,255,255,0.86);
}


/* ------------------------------------------------------------
   Fix 2: Partner/client logo strip
   These are literal white-filled SVG image files (not text), so
   they can't be recolored via `color`. The logos are single-tone
   white silhouettes on transparent backgrounds, so inverting them
   turns white -> near-black reliably, with no new image assets
   needed. Grayscale is already applied upstream; we layer invert
   on top of it and lift opacity slightly since inverted dark marks
   read lighter/thinner than the original white marks did on dark.
   ------------------------------------------------------------ */
[data-theme="light"] .partner-logo img {
  filter: grayscale(1) invert(1);
  opacity: .55;
}
[data-theme="light"] .partner-logo:hover img {
  opacity: .8;
}

/* ------------------------------------------------------------
   Fix 1: Ambient background glow blobs
   These decorative ::before/::after / .*-glow blobs carried the
   dark-theme's rgba(violet, .10-.25) intensity straight through.
   Over a near-black page that reads as a soft ambient glow; over
   a light page the same alpha reads as visible "colored fog".
   Hue/position/size/blur are untouched — only intensity is turned
   down so the effect stays present but recedes into the surface.
   ------------------------------------------------------------ */

/* Hero section corner blobs. Two rounds of feedback confirmed even
   a tightly-contained, low-alpha version still reads as a visible
   tint near the badge/title. Rather than keep tuning intensity,
   these are removed entirely — the hero already gets visual
   interest from the badge, gradient text, and buttons; it doesn't
   need an ambient wash behind it. Box size/position untouched. */
[data-theme="light"] .hero-section::before,
[data-theme="light"] .hero-section::after {
  background: none;
}

/* Card/badge-level accents — also removed entirely rather than
   further dimmed, for the same reason. */
[data-theme="light"] .floating-glow,
[data-theme="light"] .virtual-card::before {
  background: none;
}

/* Section-level ambient washes that added no depth once contained
   within already-defined light cards/sections — removed entirely
   rather than dimmed further. */
[data-theme="light"] .partners-glow,
[data-theme="light"] .why-glow,
[data-theme="light"] .workflow-glow,
[data-theme="light"] .cta-section::before,
[data-theme="light"] .cta-box::before,
[data-theme="light"] .hero-panel::before,
[data-theme="light"] .routing-panel::before,
[data-theme="light"] .transcription-panel::before,
[data-theme="light"] .hero-glow,
[data-theme="light"] .ai-glow-1,
[data-theme="light"] .ai-glow-2,
[data-theme="light"] .trust-glow-1,
[data-theme="light"] .trust-glow-2,
[data-theme="light"] .integration-glow-1,
[data-theme="light"] .integration-glow-2,
[data-theme="light"] .footer-glow-1,
[data-theme="light"] .footer-glow-2,
[data-theme="light"] .footer-blur-1,
[data-theme="light"] .footer-blur-2 {
  background: none;
}

/* Per-page hero blobs (Contact / Sales / Analytics / API / Recording /
   AI / White-Label API / Business / Education / Small-Biz / Docs /
   Dev-Guide / Case-Studies / Blog / Business-Revenue). These were the
   biggest offenders — full-section 400-700px washes reused verbatim
   from the dark theme. None of them anchor to any specific content,
   so removing them entirely reads as clean rather than empty; the
   pages already get depth from the layered card surfaces underneath. */
[data-theme="light"] .vx-sales-section::before,
[data-theme="light"] .vx-analytics-section::before,
[data-theme="light"] .vx-api-section::before,
[data-theme="light"] .vx-recording-section::before,
[data-theme="light"] .vx-ai-section::before,
[data-theme="light"] .vx-wlapi-section::before,
[data-theme="light"] .vx-business-page::before,
[data-theme="light"] .vx-edu-page::before,
[data-theme="light"] .vx-smallbiz-page::before,
[data-theme="light"] .vx-api-page::before,
[data-theme="light"] .vx-docs-page::before,
[data-theme="light"] .vx-dev-guide-page::before,
[data-theme="light"] .vx-case-page::before,
[data-theme="light"] .business-revenue-section::before,
[data-theme="light"] .business-revenue-section::after,
[data-theme="light"] .voicex-contact-page::before,
[data-theme="light"] .voicex-contact-page::after,
[data-theme="light"] .demo-hero::before,
[data-theme="light"] .vx-blog-hero::before {
  background: none;
}

/* These pairs set an actual `opacity` on a solid-color blob rather
   than baking transparency into the color — same call as above
   (full-section wash, no anchor to specific content): removed. */
[data-theme="light"] .demo-page::before,
[data-theme="light"] .trial-page::before,
[data-theme="light"] .demo-card::before,
[data-theme="light"] .trial-card::before,
[data-theme="light"] .demo-page::after,
[data-theme="light"] .trial-page::after {
  opacity: 0;
}