/* Dark mode styles */
.dark body {
    background-color: #1a202c;
    color: #e2e8f0;
}

.dark .bg-white {
    background-color: #2d3748 !important;
}

.dark .bg-gray-50 {
    background-color: #1a202c !important;
}

.dark .text-gray-900 {
    color: #e2e8f0 !important;
}

/* Additional dark mode styles for Power & Productivity and Transform sections */
.dark .bg-gradient-to-b.from-white.to-indigo-50 {
    background: #1a202c !important;
    background-image: linear-gradient(to bottom, #1a202c, #2d3748) !important;
}

.dark .text-indigo-600 {
    color: #93c5fd !important;
}

.dark .text-gray-600,
.dark .text-gray-700 {
    color: #d1d5db !important;
}

.dark .bg-indigo-800 {
    background-color: #374151 !important;
}

.dark #demo {
    background: #1a202c !important;
    background-image: linear-gradient(to bottom, #1a202c, #2d3748) !important;
}

/* Force dark styles on feature cards */
.dark .bg-white.p-6.rounded-lg,
.dark .glass-effect.bg-white\/80,
.dark #features .glass-effect {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

/* Force dark mode colors for the Features section with maximum specificity */
.dark #features,
.dark #features.bg-gradient-to-b.from-gray-50.to-gray-100,
.dark #features.py-16.bg-gradient-to-b.from-gray-50.to-gray-100.dark\:from-gray-900.dark\:to-gray-800,
div.dark #features,
html.dark body #features,
.dark div#features {
    background: #0c1222 !important;
    background-image: linear-gradient(to bottom, #0c1222, #1a202c) !important;
    position: relative;
}

/* Add subtle texture to enhance contrast */
.dark #features::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.dark #features .absolute.inset-0 {
    opacity: 0.15 !important;
}

.dark #features .absolute.inset-0 .rounded-full {
    filter: brightness(0.8) saturate(1.5) !important;
}

/* Fix for transparent/opacity backgrounds in feature cards with better contrast */
.dark .bg-white\/80 {
    background-color: rgba(26, 32, 44, 0.95) !important;
}

.dark #features .glass-effect.bg-white\/80.dark\:bg-gray-800\/80 {
    background-color: rgba(17, 24, 39, 0.97) !important;
    border-color: rgba(79, 84, 120, 0.7) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
}

/* Improve contrast for text in the features section */
.dark #features .text-gray-900.dark\:text-white {
    color: #ffffff !important;
}

.dark #features .text-gray-600.dark\:text-gray-300,
.dark #features .text-base.text-gray-600.dark\:text-gray-300 {
    color: #e2e8f0 !important;
}

/* Enhance contrast for headings in features section */
.dark #features h2.text-base,
.dark #features .text-3xl {
    color: #90cdf4 !important; /* Brighter blue for headings */
}

/* Enhance icon containers in feature cards */
.dark #features .bg-gradient-to-r.from-blue-600.to-indigo-600,
.dark #features .bg-gradient-to-r.from-purple-600.to-pink-600,
.dark #features .bg-gradient-to-r.from-cyan-600.to-teal-600,
.dark #features .bg-gradient-to-r.from-amber-600.to-orange-600 {
    background-image: linear-gradient(to right, rgba(66, 153, 225, 0.9), rgba(102, 126, 234, 0.9)) !important;
    border: 1px solid rgba(129, 178, 248, 0.3) !important;
    box-shadow: 0 0 15px rgba(66, 153, 225, 0.4) !important;
}

.dark #features .bg-gradient-to-r.from-purple-600.to-pink-600 {
    background-image: linear-gradient(to right, rgba(159, 122, 234, 0.9), rgba(236, 72, 153, 0.9)) !important;
    border: 1px solid rgba(196, 146, 233, 0.3) !important;
    box-shadow: 0 0 15px rgba(159, 122, 234, 0.4) !important;
}

.dark #features .bg-gradient-to-r.from-cyan-600.to-teal-600 {
    background-image: linear-gradient(to right, rgba(22, 189, 202, 0.9), rgba(56, 178, 172, 0.9)) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
    box-shadow: 0 0 15px rgba(22, 189, 202, 0.4) !important;
}

.dark #features .bg-gradient-to-r.from-amber-600.to-orange-600 {
    background-image: linear-gradient(to right, rgba(217, 119, 6, 0.9), rgba(234, 88, 12, 0.9)) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 0 15px rgba(217, 119, 6, 0.4) !important;
}

/* Animation for shine effect on images */
@keyframes shine {
    0% {
        left: -100%;
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.group:hover .group-hover\:animate-shine {
    animation: shine 1.5s ease-in-out;
}

/* Why Finosent Section dark mode styles */
.dark #why-finosent,
.dark #why-finosent.bg-gradient-to-br.from-indigo-50.via-blue-50.to-white {
    background: linear-gradient(to bottom right, #0c1222, #1a202c, #0f172a) !important;
    position: relative;
}

/* Enhance visibility of decorative elements in dark mode */
.dark #why-finosent .absolute.top-0.left-0.bg-gradient-to-br.rounded-full.blur-3xl {
    background-image: linear-gradient(to bottom right, rgba(168, 85, 247, 0.5), rgba(79, 70, 229, 0.5)) !important;
    opacity: 0.3 !important;
}

.dark #why-finosent .absolute.bottom-0.right-0.bg-gradient-to-br.rounded-full.blur-3xl {
    background-image: linear-gradient(to bottom right, rgba(59, 130, 246, 0.5), rgba(79, 70, 229, 0.5)) !important;
    opacity: 0.3 !important;
}

/* Fix glass-effect background in why-finosent section */
.dark #why-finosent .glass-effect.bg-white\/90,
.dark #why-finosent .glass-effect.bg-white\/95 {
    background-color: rgba(17, 24, 39, 0.95) !important;
    border-color: rgba(79, 84, 120, 0.7) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
}

/* Fix table backgrounds in comparison table */
.dark #why-finosent .bg-white.dark\:bg-gray-800 {
    background-color: #1e293b !important;
}

/* Fix header backgrounds in comparison table */
.dark .bg-gradient-to-r.from-indigo-600.to-purple-600.px-4.py-2 {
    background: linear-gradient(to right, rgba(79, 70, 229, 0.9), rgba(139, 92, 246, 0.9)) !important;
    border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}

/* Improve comparison item rows */
.dark .text-gray-600.dark\:text-gray-300.text-sm.flex.items-center,
.dark .text-sm.text-gray-500.dark\:text-gray-400.flex.items-center {
    color: #d1d5db !important;
}

.dark .fas.fa-times-circle.text-gray-400.dark\:text-gray-500,
.dark .fas.fa-book.text-gray-400.dark\:text-gray-500 {
    color: #9ca3af !important;
}

/* Fix table hover states */
.dark #why-finosent .hover\:bg-indigo-50.dark\:hover\:bg-indigo-900\/10 {
    background-color: rgba(67, 56, 202, 0.15) !important;
}

/* How it works section dark mode styles */
.dark #how-it-works,
.dark #how-it-works.bg-gradient-to-b.from-gray-50.via-indigo-50\/30.to-white {
    background: linear-gradient(to bottom, #0c1222, #1a202c) !important;
    position: relative;
}

/* Add subtle texture to enhance contrast */
.dark #how-it-works::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.dark #how-it-works .absolute.inset-0 {
    opacity: 0.15 !important;
}

.dark #how-it-works .absolute.inset-0 .rounded-full {
    filter: brightness(0.8) saturate(1.5) !important;
}

/* Enhanced glow effects for dark mode */
.dark #how-it-works .bg-gradient-to-r.from-indigo-500.to-cyan-500 {
    opacity: 0.4 !important;
}

/* Improve contrast for feature cards in dark mode */
.dark #how-it-works .glass-effect.bg-white\/80.dark\:bg-gray-800\/80 {
    background-color: rgba(17, 24, 39, 0.97) !important;
    border-color: rgba(79, 84, 120, 0.7) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
}

/* Enhanced gradient text in dark mode */
.dark #how-it-works .text-transparent.bg-clip-text {
    opacity: 0.95;
}

/* Industry Solutions / Use Cases section dark mode styles */
.dark #industry-solutions,
.dark #industry-solutions.bg-gradient-to-b.from-white.to-gray-50 {
    background: linear-gradient(to bottom, #1a202c, #0c1222) !important;
    position: relative;
}

/* Add subtle texture to enhance contrast */
.dark #industry-solutions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.dark #industry-solutions .absolute.inset-0 {
    opacity: 0.15 !important;
}

.dark #industry-solutions .absolute.inset-0 .rounded-full {
    filter: brightness(0.8) saturate(1.5) !important;
}

/* Improve contrast for industry cards in dark mode */
.dark #industry-solutions .glass-effect.bg-white\/80.dark\:bg-gray-800\/80 {
    background-color: rgba(17, 24, 39, 0.97) !important;
    border-color: rgba(79, 84, 120, 0.7) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
}

/* Enhanced icons and buttons in dark mode */
.dark #industry-solutions .bg-gradient-to-r,
.dark #industry-solutions .rounded-lg.bg-gradient-to-r {
    box-shadow: 0 0 15px rgba(15, 23, 42, 0.4) !important;
}

/* Ensure text contrast in dark mode */
.dark #industry-solutions .text-gray-900.dark\:text-white {
    color: #ffffff !important;
}

.dark #industry-solutions .text-gray-600.dark\:text-gray-300,
.dark #industry-solutions .text-sm.text-gray-600.dark\:text-gray-300 {
    color: #e2e8f0 !important;
}

/* Enhanced glass card backgrounds */
.dark #industry-solutions .glass-card.bg-white\/50.dark\:bg-gray-700\/50 {
    background-color: rgba(31, 41, 55, 0.8) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.15) !important;
}

/* Enhanced card hover effects */
.dark #industry-solutions .group:hover .group-hover\:text-indigo-600 {
    color: rgb(129, 140, 248) !important;
}

.dark #industry-solutions .group:hover .group-hover\:text-purple-600 {
    color: rgb(192, 132, 252) !important;
}

.dark #industry-solutions .group:hover .group-hover\:text-teal-600 {
    color: rgb(94, 234, 212) !important;
}

.dark #industry-solutions .group:hover .group-hover\:text-amber-600 {
    color: rgb(251, 191, 36) !important;
}

/* Force dark styles on all headings */
.dark h2, .dark h3, .dark h4 {
    color: #f3f4f6 !important;
}

/* Force dark styles on all paragraphs */
.dark p {
    color: #e2e8f0 !important;
}

/* Force dark styles on form elements */
.dark input, .dark textarea, .dark select {
    background-color: #374151 !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}

/* Improve form elements in dark mode for CTA section */
.dark #demo input,
.dark #demo textarea,
.dark #demo select {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.dark #demo input:focus,
.dark #demo textarea:focus,
.dark #demo select:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25) !important;
}

/* Enhanced contrast for form labels */
.dark #demo label {
    color: #e5e7eb !important;
    font-weight: 500 !important;
}

/* Improve CTA section content contrast */
.dark #demo h3.text-indigo-700.dark\:text-indigo-400 {
    color: #a5b4fc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Force dark styles on stat boxes */
.dark .bg-indigo-800 .text-white,
.dark .bg-indigo-800 .text-indigo-100 {
    color: #f3f4f6 !important;
}

/* Video Modal Styles */
.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.video-modal.show {
    display: flex;
}

.video-container {
    position: relative;
    width: 85%;
    max-width: 1280px;
    max-height: 85vh;
    margin: 0 auto;
}

.video-container video {
    width: 100%;
    height: auto;
    max-height: 85vh;
    object-fit: contain;
}

.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 24px;
    cursor: pointer;
    background: transparent;
    border: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-modal.ended .video-close,
.video-modal:hover .video-close {
    opacity: 1;
}

.video-replay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px 30px;
    background-color: rgba(79, 70, 229, 0.9);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2rem;
    display: none;
    z-index: 10;
    transition: all 0.3s ease;
}

.video-replay:hover {
    background-color: rgba(79, 70, 229, 1);
    transform: translate(-50%, -50%) scale(1.05);
}

.video-modal.ended .video-replay {
    display: block;
}

.dark .video-replay {
    background-color: #6366f1;
}

/* Fix Sign up button and CTA buttons */
.dark .text-indigo-700 {
    color: #93c5fd !important;
}

/* Watch Demo button dark mode */
.dark #watchDemoBtn {
    background-color: #4338ca !important;
    color: #f3f4f6 !important;
    border-color: #6366f1 !important;
}

.dark #watchDemoBtn:hover {
    background-color: #4f46e5 !important;
}

/* Enhanced Dark Mode for Financial Services Sections - with maximum specificity */
html.dark #financial-services,
html.dark #legal-services,
html.dark #corporate-services,
.dark #financial-services,
.dark #legal-services,
.dark #corporate-services,
:root.dark #financial-services,
:root.dark #legal-services,
:root.dark #corporate-services {
    background: linear-gradient(to bottom, #111827, #1e293b) !important;
    position: relative;
    color: #f3f4f6 !important;
}

/* Forcefully override specific background gradients in dark mode */
html.dark .bg-gradient-to-b.from-white.to-gray-50,
html.dark .bg-gradient-to-b.from-gray-50.to-white {
    background: linear-gradient(to bottom, #111827, #1e293b) !important;
}

/* Add subtle texture for better contrast */
html.dark #financial-services::before,
html.dark #legal-services::before,
html.dark #corporate-services::before,
.dark #financial-services::before,
.dark #legal-services::before,
.dark #corporate-services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.25;
    pointer-events: none;
    z-index: 1;
}

/* Enhance glow effect in dark mode */
html.dark #financial-services .absolute.-inset-1,
html.dark #legal-services .absolute.-inset-1,
html.dark #corporate-services .absolute.-inset-1,
.dark #financial-services .absolute.-inset-1,
.dark #legal-services .absolute.-inset-1,
.dark #corporate-services .absolute.-inset-1 {
    background-image: linear-gradient(to right, rgba(79, 70, 229, 0.6), rgba(6, 182, 212, 0.6)) !important;
    opacity: 0.6 !important;
}

/* Dark mode glass effect override with high specificity */
html.dark .glass-effect.bg-white\/30,
.dark .glass-effect.bg-white\/30,
html.dark #financial-services .glass-effect,
html.dark #legal-services .glass-effect,
html.dark #corporate-services .glass-effect,
.dark #financial-services .glass-effect,
.dark #legal-services .glass-effect,
.dark #corporate-services .glass-effect {
    background-color: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid rgba(79, 70, 229, 0.25) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

/* Enhance text contrast with maximum specificity */
html.dark h2.text-gray-900.dark\:text-white,
html.dark #financial-services h2,
html.dark #legal-services h2,
html.dark #corporate-services h2,
.dark #financial-services h2,
.dark #legal-services h2,
.dark #corporate-services h2 {
    color: #f8fafc !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.dark p.text-gray-600.dark\:text-gray-300,
html.dark #financial-services p,
html.dark #legal-services p,
html.dark #corporate-services p,
.dark #financial-services p,
.dark #legal-services p,
.dark #corporate-services p {
    color: #e2e8f0 !important;
}

/* Enhanced shine effect */
html.dark #financial-services .group-hover\:animate-shine div,
html.dark #legal-services .group-hover\:animate-shine div,
html.dark #corporate-services .group-hover\:animate-shine div,
.dark #financial-services .group-hover\:animate-shine div,
.dark #legal-services .group-hover\:animate-shine div,
.dark #corporate-services .group-hover\:animate-shine div {
    background-image: linear-gradient(to right, transparent, rgba(129, 140, 248, 0.3), transparent) !important;
}

/* Demo form success message animation */
@keyframes bounce-once {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }
}

.animate-bounce-once {
    animation: bounce-once 1.2s ease-in-out 1;
}

/* Enhanced styling for demo success message */
#demoSuccessMessage {
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
}

#demoSuccessMessage.animate-bounce-once {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Dark mode enhancements for the success message */
html.dark #demoSuccessMessage,
.dark #demoSuccessMessage {
    background-color: rgba(31, 41, 55, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-color: rgba(74, 222, 128, 0.4) !important;
}

/* Special dark-section class to force dark mode styling */
.dark-section.dark,
html.dark .dark-section,
body.dark .dark-section,
:root.dark .dark-section {
    background: linear-gradient(to bottom, #111827, #1e293b) !important;
    color: #f3f4f6 !important;
}

.dark-section.dark h2,
html.dark .dark-section h2,
body.dark .dark-section h2 {
    color: #f8fafc !important;
}

.dark-section.dark p,
html.dark .dark-section p,
body.dark .dark-section p {
    color: #e2e8f0 !important;
}

.dark-section.dark .glass-effect {
    background-color: rgba(30, 41, 59, 0.8) !important;
    border-color: rgba(79, 70, 229, 0.25) !important;
}

/* Enhanced CTA section dark mode styling */
html.dark #demo,
.dark #demo {
    background: linear-gradient(to bottom right, #111827, #1e293b, #312e81) !important;
    position: relative;
}

/* Glass effect enhancements for CTA section in dark mode */
html.dark #demo .glass-effect,
.dark #demo .glass-effect {
    background-color: rgba(31, 41, 55, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5) !important;
}

/* Submit button enhancement for dark mode */
html.dark #demo #submitDemoBtn,
.dark #demo #submitDemoBtn {
    background-image: linear-gradient(to right, #4f46e5, #7c3aed) !important;
    border-color: #6366f1 !important;
    color: white !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

html.dark #demo #submitDemoBtn:hover,
.dark #demo #submitDemoBtn:hover {
    background-image: linear-gradient(to right, #4338ca, #6d28d9) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px) !important;
}

/* Enhanced decorative elements for CTA section in dark mode */
html.dark #demo .absolute.rounded-full,
.dark #demo .absolute.rounded-full {
    opacity: 0.5 !important;
    filter: brightness(0.7) saturate(1.5) !important;
}

/* Enhanced gradients for decorative elements */
html.dark #demo .from-indigo-300\/20.to-purple-300\/20,
.dark #demo .from-indigo-300\/20.to-purple-300\/20 {
    background-image: linear-gradient(to bottom right, rgba(99, 102, 241, 0.4), rgba(139, 92, 246, 0.4)) !important;
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.2) !important;
}

html.dark #demo .from-indigo-400\/10.to-purple-400\/10,
.dark #demo .from-indigo-400\/10.to-purple-400\/10 {
    background-image: linear-gradient(to bottom right, rgba(129, 140, 248, 0.3), rgba(167, 139, 250, 0.3)) !important;
    box-shadow: 0 0 40px rgba(129, 140, 248, 0.15) !important;
}

html.dark #demo .from-purple-300\/10.to-indigo-300\/10,
.dark #demo .from-purple-300\/10.to-indigo-300\/10 {
    background-image: linear-gradient(to bottom right, rgba(196, 181, 253, 0.3), rgba(165, 180, 252, 0.3)) !important;
    box-shadow: 0 0 40px rgba(196, 181, 253, 0.15) !important;
}

.dark .bg-white.dark\:bg-gray-800 a.text-indigo-700 {
    color: #93c5fd !important;
}

.dark a.bg-white {
    background-color: #4b5563 !important;
    color: #f3f4f6 !important;
}

.dark .bg-indigo-600 {
    background-color: #4f46e5 !important;
}

.dark #cta-section a,
.dark #demo a {
    color: #f3f4f6 !important;
    background-color: #4b5563 !important;
    border-color: #6b7280 !important;
}

/* Target specific Sign up and Get Started buttons */
.dark a[href="/register"] {
    background-color: #4f46e5 !important;
    color: white !important;
    border-color: #6366f1 !important;
}

.dark a[href="/register"].text-indigo-700.bg-white {
    background-color: #4f46e5 !important;
    color: white !important;
}

.dark a[href="/register"].bg-white {
    background-color: #4f46e5 !important;
    color: white !important;
}

.dark .text-gray-700 {
    color: #cbd5e0 !important;
}

.dark .text-gray-600 {
    color: #a0aec0 !important;
}

.dark .text-gray-500 {
    color: #a0aec0 !important;
}

.dark .border-gray-200 {
    border-color: #4a5568 !important;
}

.dark .border-gray-100 {
    border-color: #4a5568 !important;
}

.dark .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark .shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.5) !important;
}

.dark .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5) !important;
}

.dark .bg-indigo-600 {
    background-color: #5a67d8 !important;
}

.dark .bg-indigo-700 {
    background-color: #4c51bf !important;
}

.dark .bg-indigo-800 {
    background-color: #434190 !important;
}

.dark .hover\:bg-gray-50:hover {
    background-color: #2d3748 !important;
}

.dark .hover\:bg-indigo-700:hover {
    background-color: #4c51bf !important;
}

/* Form fields dark mode styles */
.dark input,
.dark textarea,
.dark select {
    color: #f3f4f6 !important;
    background-color: #1a202c !important;
    border-color: #4b5563 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #a0aec0 !important;
    opacity: 1;
}

/* Mobile menu dark mode styles */
.dark #mobile-menu {
    background-color: #2d3748 !important;
}

.dark #mobile-menu a.text-gray-600 {
    color: #e2e8f0 !important;
}

.dark #mobile-menu a.hover\:text-gray-800:hover {
    color: #fff !important;
}

.dark #mobile-menu a.hover\:bg-gray-50:hover {
    background-color: #4a5568 !important;
}

.dark #mobile-menu .border-t {
    border-color: #4a5568 !important;
}

/* AI Capabilities section dark mode styles */
.dark .bg-gradient-to-b.from-indigo-50.to-white {
    background: linear-gradient(to bottom, #2d3748, #1a202c) !important;
}

.dark .text-indigo-600 {
    color: #7f9cf5 !important;
}

.dark .bg-green-100 {
    background-color: #1c4532 !important;
}

.dark .text-green-800 {
    color: #9ae6b4 !important;
}

/* Dark mode styles for Industry Leaders section */
html.dark body #industry-leaders,
html.dark #industry-leaders {
    background: #0a0e1a !important;
    background-color: #0a0e1a !important;
    background-image: none !important;
}

/* Add subtle texture to enhance contrast */
.dark #industry-leaders::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

/* Enhance text contrast for headings */
.dark #industry-leaders .text-transparent.bg-clip-text,
.dark #industry-leaders h2.text-base,
.dark #industry-leaders .text-transparent {
    opacity: 1 !important;
}

.dark #industry-leaders h2.text-base.text-transparent.bg-clip-text,
.dark #industry-leaders h2.text-transparent.bg-clip-text.bg-gradient-to-r.from-green-600.to-emerald-600,
.dark #industry-leaders h2.text-base.text-transparent.bg-clip-text.bg-gradient-to-r {
    background-image: none !important;
    color: #4ade80 !important; /* Brighter green for the heading text */
    text-shadow: 0 0 10px rgba(74, 222, 128, 0.3);
    font-weight: 700;
}

.dark #industry-leaders .text-3xl.font-extrabold,
.dark #industry-leaders p.mt-2.text-3xl.font-extrabold,
.dark #industry-leaders p.text-3xl {
    color: #ffffff !important; /* Pure white for better contrast */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 800;
}

/* Enhance card contrast */
.dark #industry-leaders .glass-effect.bg-white\/80.dark\:bg-gray-800\/80 {
    background-color: rgba(30, 41, 59, 0.95) !important;
    border: 2px solid rgba(74, 222, 128, 0.3) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5), 0 0 15px rgba(74, 222, 128, 0.2) !important;
}

/* Enhance text contrast in cards */
.dark #industry-leaders .text-gray-900.dark\:text-white {
    color: #ffffff !important;
    font-weight: 700;
}

.dark #industry-leaders .text-gray-600.dark\:text-gray-300 {
    color: #e2e8f0 !important;
}

/* Enhance icon containers */
.dark #industry-leaders .bg-gradient-to-br.from-green-500.to-emerald-500 {
    background-image: linear-gradient(to bottom right, rgba(16, 185, 129, 0.9), rgba(5, 150, 105, 0.9)) !important;
    border: 1px solid rgba(52, 211, 153, 0.3) !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.4) !important;
}

/* Enhanced hover effects for better contrast */
.dark #industry-leaders .group:hover .dark\:group-hover\:text-green-400 {
    color: #34d399 !important; /* Brighter green on hover */
    text-shadow: 0 0 8px rgba(52, 211, 153, 0.3);
}

/* Enhance check icons for better visibility */
.dark #industry-leaders .text-green-600.dark\:text-green-400 {
    color: #10b981 !important;
}

.dark #industry-leaders .h-1.w-32.bg-gradient-to-r.from-green-500.to-emerald-500 {
    background: linear-gradient(to right, #10b981, #059669) !important;
    height: 2px !important;
    opacity: 0.9;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}

/* Carousel styles */
.carousel-container {
    position: relative;
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    transition: transform 0.7s ease-in-out;
}

.carousel-slide {
    min-width: 100%;
}

.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
}

.aspect-w-16 img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}

.carousel-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cbd5e0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.carousel-dots .dot.active {
    background-color: #5a67d8;
}

.dark .carousel-dots .dot {
    background-color: #4a5568;
}

.dark .carousel-dots .dot.active {
    background-color: #7f9cf5;
}

/* Dark mode styles for pricing section */
.dark #pricing,
.dark #pricing.py-16.bg-gradient-to-b.from-gray-50.via-indigo-50\/30.to-white {
    background: #0c1222 !important;
    background-image: linear-gradient(to bottom, #0c1222, #1a202c) !important;
    position: relative;
}

/* Add subtle texture to pricing section */
.dark #pricing::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%234a5568' fill-opacity='0.15' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

/* Enhanced decorative elements for pricing section */
.dark #pricing .absolute.inset-0 {
    opacity: 0.15 !important;
}

.dark #pricing .rounded-full.bg-gradient-to-r,
.dark #pricing .rounded-full.bg-gradient-to-br {
    filter: brightness(0.8) saturate(1.5) !important;
    opacity: 0.3 !important;
}

.dark #pricing .rounded-full.bg-gradient-to-br {
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.2) !important;
}

/* Enhanced pricing card backgrounds */
.dark #pricing .glass-effect.bg-white\/80.dark\:bg-gray-800\/80 {
    background-color: rgba(17, 24, 39, 0.97) !important;
    border-color: rgba(79, 84, 120, 0.7) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
}

/* Popular card with border */
.dark #pricing .glass-effect.border-2.border-indigo-500\/50.dark\:border-indigo-400\/50 {
    border-color: rgba(129, 140, 248, 0.6) !important;
    box-shadow: 0 0 15px rgba(129, 140, 248, 0.2) !important;
}

/* Improved text contrast */
.dark #pricing .text-gray-900.dark\:text-white {
    color: #ffffff !important;
}

.dark #pricing .text-gray-700.dark\:text-gray-300,
.dark #pricing .text-gray-600.dark\:text-gray-300,
.dark #pricing .text-gray-700.dark\:text-gray-400,
.dark #pricing .text-gray-600.dark\:text-gray-400,
.dark #pricing .text-gray-600.dark\:text-gray-200,
.dark #pricing .text-gray-800.dark\:text-white,
.dark #pricing .text-sm.text-gray-600 {
    color: #e2e8f0 !important;
}

/* Enhanced headings */
.dark #pricing h2.text-base.text-transparent.bg-clip-text,
.dark #pricing .text-transparent.bg-clip-text {
    opacity: 0.9;
}

/* Improved token package visibility for dark mode */
.dark #pricing .font-medium.text-gray-800.dark\:text-white {
    color: #ffffff !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}

.dark #pricing .text-sm.text-gray-600.dark\:text-gray-200,
.dark #pricing .text-sm.text-gray-600.dark\:text-gray-400 {
    color: #e2e8f0 !important;
}

/* Price display should be consistent between dark and light mode */
.dark #pricing .text-xl.font-bold.text-transparent.bg-clip-text {
    color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    background-image: linear-gradient(to right, #818cf8, #c084fc) !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    opacity: 1;
}

/* Fix 'Most popular choice' background in dark mode */
.dark #pricing .bg-indigo-50.dark\:bg-indigo-900\/30 {
    background-color: rgba(67, 56, 202, 0.15) !important;
    border-left: 2px solid #818cf8;
}

/* Enhanced pricing buttons */
.dark #pricing .subscription-btn {
    background-image: linear-gradient(to right, #4338ca, #6366f1) !important;
    color: white !important;
    border: 1px solid rgba(129, 140, 248, 0.3) !important;
}

.dark #pricing .subscription-btn:hover {
    background-image: linear-gradient(to right, #4f46e5, #818cf8) !important;
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.4) !important;
}

/* Enhanced pricing features list */
.dark #pricing .h-6.w-6.rounded-full.bg-gradient-to-r {
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.3) !important;
}

/* Additional subscription info text */
.dark #pricing .glass-effect.bg-white\/50.dark\:bg-gray-800\/50 {
    background-color: rgba(17, 24, 39, 0.8) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .hero-content {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .feature-grid {
        grid-template-columns: 1fr;
    }

    .carousel-slide {
        min-width: 100%;
    }
}/* Force dark mode styling for industry leaders section - with maximum specificity */
html.dark body #industry-leaders,
html.dark #industry-leaders,
body.dark #industry-leaders,
.dark #industry-leaders,
.dark div#industry-leaders,
div.dark #industry-leaders,
#industry-leaders.dark\:bg-gray-900 {
    background: #0a0e1a !important;
    background-color: #0a0e1a !important;
    background-image: none !important;
    color: #e2e8f0 !important;
}

/* Dark mode styles for Why Choose Finosent section with more specific selectors */
.dark [class*="glass-effect"] h3.text-2xl,
.dark [class*="glass-effect"] h4.text-lg {
    color: #e2e8f0 !important;
}

.dark [class*="glass-effect"] p {
    color: #a0aec0 !important;
}

/* Ensure glass effect has proper dark mode styling */
.dark .glass-effect.bg-white\/90,
.dark .glass-effect.bg-white\/95 {
    background-color: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(79, 84, 120, 0.5) !important;
}

/* Comparison table dark mode fixes - more specific selectors */
.dark .bg-white.dark\:bg-gray-800 {
    background-color: #1e293b !important;
}

.dark .divide-x.divide-gray-200.dark\:divide-gray-700 {
    border-color: #374151 !important;
}

.dark .bg-indigo-50\/50.dark\:bg-indigo-900\/10 {
    background-color: rgba(67, 56, 202, 0.15) !important;
}

/* Tab section dark mode enhancements */
.dark #financialContent,
.dark #corporateContent,
.dark #legalContent {
    background-color: rgba(31, 41, 55, 0.95) !important;
    color: #e2e8f0 !important;
}

/* Specific overrides for tab content text */
.dark #financialContent h3,
.dark #corporateContent h3,
.dark #legalContent h3 {
    color: #e2e8f0 !important;
}

.dark #financialContent p,
.dark #corporateContent p,
.dark #legalContent p {
    color: #a0aec0 !important;
}

/* Force dark mode for text elements */
html.dark body #industry-leaders h2,
html.dark body #industry-leaders h3,
html.dark body #industry-leaders p,
html.dark body #industry-leaders .text-gray-900,
.dark #industry-leaders h2,
.dark #industry-leaders h3,
.dark #industry-leaders .text-gray-900,
.dark #industry-leaders .text-xl.font-bold.text-gray-900 {
    color: #e2e8f0 !important;
}

.dark #industry-leaders p,
.dark #industry-leaders .text-gray-600 {
    color: #a0aec0 !important;
}

/* Ensure all cards in industry section have proper dark backgrounds */
.dark #industry-leaders .glass-effect,
.dark #industry-leaders .glass-effect.bg-white\/80,
.dark #industry-leaders .bg-white,
.dark #industry-leaders .bg-white\/80 {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border-color: rgba(79, 84, 120, 0.5) !important;
}

/* Force dark mode for any other light elements */
.dark #industry-leaders .border-gray-100,
.dark #industry-leaders .border-white\/20 {
    border-color: #2d3748 !important;
}

/* Add !important to Tailwind dark mode classes */
#industry-leaders .dark\:bg-gray-900 {
    background-color: #0a0e1a !important;
}

#industry-leaders .dark\:text-white {
    color: #ffffff !important;
}

#industry-leaders .dark\:text-gray-300 {
    color: #d1d5db !important;
}

#industry-leaders .dark\:bg-gray-800\/80 {
    background-color: rgba(31, 41, 55, 0.8) !important;
}

#industry-leaders .dark\:border-gray-700\/20 {
    border-color: rgba(55, 65, 81, 0.2) !important;
}

/* Mobile menu dark mode fixes */
html.dark #mobile-menu .text-gray-600,
html.dark #mobile-menu button.text-gray-600 {
    color: #d1d5db !important; /* gray-300 */
}

html.dark #mobile-menu .border-transparent.text-gray-600.hover\:bg-gray-50.hover\:border-gray-300.hover\:text-gray-800 {
    color: #d1d5db !important; /* gray-300 */
}

html.dark #mobile-menu .border-transparent.text-gray-600.hover\:bg-gray-50.hover\:border-gray-300.hover\:text-gray-800:hover {
    background-color: rgba(55, 65, 81, 0.5) !important; /* gray-700 with transparency */
    border-color: #6366f1 !important; /* indigo-500 */
    color: #f3f4f6 !important; /* gray-100 */
}

html.dark #mobile-menu .text-gray-500.hover\:text-gray-800.hover\:bg-gray-100 {
    color: #9ca3af !important; /* gray-400 */
}

html.dark #mobile-menu .text-gray-500.hover\:text-gray-800.hover\:bg-gray-100:hover {
    background-color: rgba(55, 65, 81, 0.5) !important; /* gray-700 with transparency */
    color: #f3f4f6 !important; /* gray-100 */
}

html.dark #mobile-menu .border-gray-200 {
    border-color: rgba(55, 65, 81, 0.5) !important; /* gray-700 with transparency */
}

html.dark #mobile-menu .bg-indigo-50 {
    background-color: rgba(79, 70, 229, 0.2) !important; /* indigo-600 with transparency */
}

html.dark #mobile-menu .text-indigo-700 {
    color: #a5b4fc !important; /* indigo-300 */
}

/* Global dark mode text and background fixes */
html.dark body .text-gray-900,
html.dark .text-gray-900,
html.dark h1.text-gray-900,
html.dark h2.text-gray-900,
html.dark h3.text-gray-900,
html.dark h4.text-gray-900,
html.dark h5.text-gray-900,
html.dark .font-bold.text-gray-900,
html.dark .font-semibold.text-gray-900 {
    color: #e2e8f0 !important;
}

html.dark body .text-gray-600,
html.dark .text-gray-600,
html.dark p.text-gray-600,
html.dark div.text-gray-600,
html.dark span.text-gray-600 {
    color: #a0aec0 !important;
}

html.dark body .text-gray-700,
html.dark .text-gray-700 {
    color: #d1d5db !important;
}

/* Specific dark mode fixes for glass effects and cards */
html.dark body .glass-effect,
html.dark .glass-effect,
html.dark .glass-effect.bg-white\/80,
html.dark .glass-effect.bg-white\/90,
html.dark .glass-effect.bg-white\/95 {
    background-color: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(79, 84, 120, 0.5) !important;
}

/* Ensure all white backgrounds are properly darkened */
html.dark body .bg-white,
html.dark .bg-white,
html.dark div.bg-white {
    background-color: #1e293b !important;
}

/* Fix comparison table styling */
html.dark .divide-x.divide-gray-200,
html.dark .divide-y.divide-gray-200 {
    border-color: #374151 !important;
}

/* Fix text colors in Why Finosent section */
.dark #why-finosent .text-gray-900,
.dark #why-finosent h4.text-lg.font-semibold.text-gray-900 {
    color: #f3f4f6 !important;
}

.dark #why-finosent .text-gray-600,
.dark #why-finosent p.mt-2.text-gray-600 {
    color: #d1d5db !important;
}

/* Fix specific backgrounds in cards and tables */
.dark #why-finosent .bg-white,
.dark #why-finosent tbody tr.bg-white,
.dark .tab-content .bg-white {
    background-color: #1e293b !important;
}

/* Fix decorative gradient background in comparison table container */
.dark #why-finosent .absolute.-inset-1.bg-gradient-to-r.from-indigo-500\/20.to-purple-500\/20 {
    background-image: linear-gradient(to right, rgba(99, 102, 241, 0.5), rgba(139, 92, 246, 0.5)) !important;
    opacity: 0.3 !important;
}

.dark #why-finosent .group:hover .absolute.-inset-1.bg-gradient-to-r.from-indigo-500\/20.to-purple-500\/20 {
    opacity: 0.5 !important;
}

/* Fix mobile card backgrounds in Why Finosent section */
.dark #why-finosent .bg-white.rounded-lg.border {
    background-color: #1e293b !important;
    border-color: #4b5563 !important;
}

/* Fix quote section in Why Finosent */
.dark #why-finosent .glass-effect.bg-white\/70 {
    background-color: rgba(30, 41, 59, 0.8) !important;
    border-color: rgba(79, 84, 120, 0.3) !important;
}

/* Fix icon containers in the Why Finosent section */
.dark #why-finosent .w-8.h-8.rounded-full.bg-gradient-to-r,
.dark #why-finosent .w-8.h-8.rounded-md.bg-indigo-100 {
    background-color: #312e81 !important; /* indigo-900 */
    border: 1px solid rgba(99, 102, 241, 0.3);
    box-shadow: 0 0 15px rgba(79, 70, 229, 0.2);
}

/* Fix Example Query sections in dark mode */
/* 1. Financial Analysis Example (indigo/purple) */
.dark .bg-gradient-to-r.from-indigo-50.to-purple-50,
.dark .tab-content .bg-gradient-to-r.from-indigo-50.to-purple-50,
.dark .bg-gradient-to-r.from-indigo-900\/20.to-purple-900\/20 {
    background: linear-gradient(to right, rgba(49, 46, 129, 0.3), rgba(76, 29, 149, 0.3)) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

/* 2. Corporate Services Example (blue/cyan) */
.dark .bg-gradient-to-r.from-blue-50.to-cyan-50,
.dark .tab-content .bg-gradient-to-r.from-blue-50.to-cyan-50,
.dark .bg-gradient-to-r.from-blue-900\/20.to-cyan-900\/20 {
    background: linear-gradient(to right, rgba(30, 58, 138, 0.3), rgba(8, 145, 178, 0.3)) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

/* 3. Loan Agreement Example (purple) */
.dark .bg-gradient-to-r.from-purple-50.to-pink-50,
.dark .tab-content .bg-gradient-to-r.from-purple-50.to-pink-50,
.dark .bg-gradient-to-r.from-purple-900\/20.to-pink-900\/20 {
    background: linear-gradient(to right, rgba(76, 29, 149, 0.3), rgba(157, 23, 77, 0.3)) !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}

/* Fix tab content backgrounds in dark mode for all sections */
.dark .tab-content.bg-white\/90,
.dark #financialContent.bg-white\/90,
.dark #corporateContent.bg-white\/90,
.dark #legalContent.bg-white\/90 {
    background-color: rgba(31, 41, 55, 0.95) !important;
}

/* Fix AI Projections and Contract Terms header gradients */
.dark .bg-gradient-to-r.from-blue-600\/90.to-cyan-600\/90,
.dark .tab-content .bg-gradient-to-r.from-blue-600\/90.to-cyan-600\/90 {
    background: linear-gradient(to right, rgba(30, 64, 175, 0.95), rgba(8, 145, 178, 0.95)) !important;
}

.dark .bg-gradient-to-r.from-purple-600\/90.to-pink-600\/90,
.dark .tab-content .bg-gradient-to-r.from-purple-600\/90.to-pink-600\/90 {
    background: linear-gradient(to right, rgba(124, 58, 237, 0.95), rgba(219, 39, 119, 0.95)) !important;
}

/* Fix confidence indicator backgrounds */
.dark .bg-gradient-to-r.from-gray-50.to-blue-50,
.dark .bg-gradient-to-r.from-gray-50.to-purple-50,
.dark .bg-gradient-to-r.from-gray-800.to-blue-900\/20,
.dark .bg-gradient-to-r.from-gray-800.to-purple-900\/20 {
    background: linear-gradient(to right, rgba(31, 41, 55, 0.95), rgba(30, 58, 138, 0.3)) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

html.dark .bg-indigo-50\/50 {
    background-color: rgba(67, 56, 202, 0.15) !important;
}

/* Fix "What makes this different from ChatGPT" sections */
.dark .mt-6.bg-white\/50.dark\:bg-gray-800\/50,
.dark .tab-content .mt-6.bg-white\/50.dark\:bg-gray-800\/50 {
    background-color: rgba(31, 41, 55, 0.8) !important;
    border-color: rgba(75, 85, 99, 0.5) !important;
}

/* Fix "What makes this different from ChatGPT:" text in dark mode */
.dark h5.font-bold.text-gray-800.dark\:text-gray-200,
.dark h5.font-bold.text-gray-800.dark\:text-gray-200 * {
    color: #f3f4f6 !important; /* Force light text color in dark mode */
}

.dark .fa-bolt.text-amber-500 {
    color: #f59e0b !important; /* Brighter amber in dark mode */
}

/* Fix example query icon containers */
.dark .w-6.h-6.rounded-full.bg-indigo-100,
.dark .w-6.h-6.rounded-full.bg-blue-100,
.dark .w-6.h-6.rounded-full.bg-purple-100,
.dark .w-6.h-6.rounded-full.bg-indigo-800\/30,
.dark .w-6.h-6.rounded-full.bg-blue-800\/30,
.dark .w-6.h-6.rounded-full.bg-purple-800\/30 {
    background-color: rgba(67, 56, 202, 0.3) !important;
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.dark .w-6.h-6.rounded-full.bg-blue-100 {
    background-color: rgba(37, 99, 235, 0.3) !important;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.dark .w-6.h-6.rounded-full.bg-purple-100 {
    background-color: rgba(126, 34, 206, 0.3) !important;
    border: 1px solid rgba(139, 92, 246, 0.3);
}

/* Ensure text colors in example queries are properly visible */
.dark .pl-8.text-gray-700.dark\:text-gray-300 {
    color: #d1d5db !important;
}

/* Improve non-active tabs in dark mode */
.dark .bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg.shadow-sm,
.dark .bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg.mx-2,
.dark .bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg {
    background-color: rgba(51, 65, 85, 0.8) !important; /* slate-700 with transparency */
    color: #e2e8f0 !important; /* slate-200 */
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Hover state for non-active tabs */
.dark button:hover.bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg.shadow-sm,
.dark button:hover.bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg.mx-2,
.dark button:hover.bg-white\/90.dark\:bg-gray-800\/90.text-gray-800.dark\:text-gray-200.rounded-lg {
    background-color: rgba(79, 70, 229, 0.2) !important; /* indigo with transparency */
    color: #f9fafb !important; /* gray-50 */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Enhance dark mode tab container */
.dark .bg-gray-100\/80.dark\:bg-gray-800\/50 {
    background-color: rgba(30, 41, 59, 0.7) !important;
    border-color: rgba(71, 85, 105, 0.5) !important;
}

/* Improve background for specialized items in comparison table */
.dark .bg-indigo-50\/50,
.dark .dark\:bg-indigo-900\/10 {
    background-color: rgba(67, 56, 202, 0.15) !important;
    border: 1px solid rgba(99, 102, 241, 0.2);
}

/* Fix text and icon colors for specialized items */
.dark .text-indigo-600.dark\:text-indigo-400,
.dark .text-indigo-500.dark\:text-indigo-400 {
    color: #a5b4fc !important; /* indigo-300 */
}

/* Enhance specialized badge in table */
.dark .inline-flex.items-center.px-3.py-1.rounded-full.text-sm.font-medium.bg-gradient-to-r.from-indigo-500\/10.to-purple-500\/10.text-indigo-600.dark\:text-indigo-400 {
    background: linear-gradient(to right, rgba(79, 70, 229, 0.25), rgba(139, 92, 246, 0.25)) !important;
    border: 1px solid rgba(99, 102, 241, 0.3);
    color: #a5b4fc !important;
}

/* Fix confidence indicator text and AI header text */
.dark .text-xs.text-gray-500.dark\:text-gray-400 {
    color: #d1d5db !important; /* Brighter text for "AI-Generated Forecast" etc. */
}

.dark h5.font-bold.text-white {
    color: #ffffff !important; /* Ensure "AI Financial Projections" is bright white */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* Add subtle shadow for better contrast */
}

/* Fix border colors in AI tables */
.dark .divide-y.divide-gray-200 {
    border-color: rgba(75, 85, 99, 0.4) !important;
}

.dark .border-blue-100,
.dark .border-t.border-blue-100,
.dark .border-purple-100 {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.dark .border-t.border-blue-900\/30,
.dark .border-t.border-purple-900\/30 {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

/* Make sure all gradient text is visible in dark mode */
html.dark .text-transparent.bg-clip-text.bg-gradient-to-r,
html.dark .text-transparent.bg-clip-text {
    opacity: 0.95 !important;
}

/* Fix tab content in dark mode */
html.dark #financialContent,
html.dark #corporateContent,
html.dark #legalContent {
    background-color: rgba(31, 41, 55, 0.95) !important;
}