/* ============================================
   LUCIX LIGHT MODE UPDATE
   Global color theme conversion
   ============================================ */

/* Override all dark theme colors with light mode */

/* Main backgrounds */
body,
.section-dark,
.hero-subpage,
section {
    background: var(--page-bg) !important;
    color: var(--text-primary) !important;
}

/* Card surfaces */
.card,
.stat-card,
.challenge-card,
.solution-card,
.use-case-card,
.metric-card,
.blog-card,
.whitepaper-card,
.video-card,
.case-study-card,
.factor-card,
.industry-card,
.resource-card,
.content-block,
.example-container,
.example-problem,
.example-reveal,
.example-outcome,
.concern-item,
.problem-stat,
.outcome-metric,
.webinar-card,
.onepager-card,
.visual-asset-card,
.boilerplate-box,
.brand-overview-card,
.asset-section,
.color-card,
.type-sample-card,
.newsletter-box,
.cta-box,
.press-contact-box,
.download-all-box,
.download-form-container,
.featured-post,
.comparison-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.case-header h3,
.blog-card-content h3,
.whitepaper-card h3 {
    color: var(--text-primary) !important;
}

/* Body text */
p,
.hero-subtitle,
.section-subtitle,
.post-excerpt,
.whitepaper-description,
.case-body p,
.blog-card-content p {
    color: var(--text-secondary) !important;
}

/* Secondary/tertiary text */
.stat-label,
.post-meta span,
.video-meta span,
.blog-card-meta span,
.onepager-meta span,
.footer-tagline {
    color: var(--text-tertiary) !important;
}

/* Navigation */
.navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--border-light) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}

.navbar.scrolled {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

.nav-link,
.brand-name,
.lucix-wordmark {
    color: var(--text-secondary) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--lucix-indigo) !important;
    background: var(--lucix-indigo-pale) !important;
}

/* Dropdown menus */
.dropdown-menu {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1) !important;
}

.dropdown-menu a {
    color: var(--text-secondary) !important;
}

.dropdown-menu a:hover,
.dropdown-menu a.active {
    background: var(--subtle-bg) !important;
    color: var(--lucix-indigo) !important;
}

/* Buttons */
.btn-primary {
    background: var(--lucix-indigo) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.btn-secondary {
    background: transparent !important;
    color: var(--lucix-indigo) !important;
    border: 1px solid var(--border-medium) !important;
}

.btn-secondary:hover {
    background: var(--subtle-bg) !important;
    border-color: var(--lucix-indigo) !important;
}

/* Hero sections */
.hero-subpage {
    background: linear-gradient(135deg, var(--subtle-bg) 0%, var(--page-bg) 100%) !important;
}

.hero-subpage::before {
    background: radial-gradient(circle at 30% 50%, rgba(85, 88, 240, 0.05) 0%, transparent 50%) !important;
}

/* Stats bars */
.stats-bar {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
}

.stat-value {
    color: var(--lucix-indigo) !important;
}

/* Forms */
input,
select,
textarea {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-primary) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--lucix-indigo) !important;
    background: var(--card-bg) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-tertiary) !important;
}

/* Footer */
.footer {
    background: var(--slate-800) !important;
    color: var(--slate-300) !important;
}

.footer h4 {
    color: var(--slate-50) !important;
}

.footer a {
    color: var(--slate-400) !important;
}

.footer a:hover {
    color: var(--slate-50) !important;
}

/* Badges */
.hero-badge,
.case-tag,
.blog-category-badge,
.whitepaper-badge,
.post-badge,
.video-badge,
.webinar-badge {
    background: var(--lucix-indigo-pale) !important;
    border: 1px solid var(--lucix-indigo) !important;
    color: var(--lucix-indigo) !important;
}

/* Icon containers */
.challenge-icon,
.factor-icon,
.use-case-icon,
.overview-icon,
.industry-icon,
.concern-icon,
.whitepaper-icon,
.newsletter-icon {
    background: var(--lucix-indigo-pale) !important;
    color: var(--lucix-indigo) !important;
}

/* Borders */
.case-meta,
.post-meta,
.video-meta,
.blog-card-meta {
    border-top: 1px solid var(--border-light) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* Image placeholders */
.post-image-placeholder,
.blog-image-placeholder,
.video-placeholder,
.video-thumb-content {
    background: linear-gradient(135deg, var(--subtle-bg), var(--page-bg)) !important;
}

/* ============================================
   COMMITTEE HERO SECTION
   "See who's in the room" visualization
   ============================================ */

.hero-committee {
    min-height: 600px;
    padding: 120px 0 80px;
    background: var(--page-bg);
    position: relative;
}

.hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
    display: grid;
    grid-template-columns: 60% 40%;
    gap: var(--spacing-2xl);
    align-items: center;
}

/* Committee Visualization - Left Side (60%) */
.committee-view {
    position: relative;
}

.committee-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
}

.committee-member {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-lg);
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.committee-member:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    border-color: var(--border-medium);
}

/* Champion highlight with subtle glow */
.committee-member.champion-highlight {
    position: relative;
    border-color: var(--lucix-indigo);
    box-shadow: 0 4px 16px rgba(85, 88, 240, 0.12);
}

.committee-member.champion-highlight::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--lucix-indigo) 0%, rgba(85, 88, 240, 0.3) 100%);
    z-index: -1;
    opacity: 0.15;
}

/* Member photo placeholder */
.member-photo {
    margin-bottom: var(--spacing-md);
}

.photo-placeholder {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto;
}

.photo-placeholder.champion {
    background: linear-gradient(135deg, var(--success-green) 0%, #10b981 100%);
    color: white;
}

.photo-placeholder.supporter {
    background: linear-gradient(135deg, var(--success-green) 0%, #10b981 100%);
    color: white;
}

.photo-placeholder.neutral {
    background: linear-gradient(135deg, var(--warning-amber) 0%, #f59e0b 100%);
    color: white;
}

.photo-placeholder.warning {
    background: linear-gradient(135deg, var(--warning-amber) 0%, #f59e0b 100%);
    color: white;
}

.photo-placeholder.reviewing {
    background: linear-gradient(135deg, var(--slate-400) 0%, var(--slate-500) 100%);
    color: white;
}

/* Member info */
.member-info {
    text-align: center;
}

.member-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs) 0;
    letter-spacing: -0.01em;
}

.member-title {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-secondary);
    margin: 0 0 var(--spacing-sm) 0;
}

/* Stance pills */
.stance-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--spacing-sm);
}

.stance-pill.supporter {
    background: rgba(52, 211, 153, 0.12);
    color: #059669;
    border: 1px solid rgba(52, 211, 153, 0.3);
}

.stance-pill.neutral {
    background: rgba(251, 191, 36, 0.12);
    color: #d97706;
    border: 1px solid rgba(251, 191, 36, 0.3);
}

.stance-pill.reviewing {
    background: rgba(100, 116, 139, 0.12);
    color: var(--slate-600);
    border: 1px solid var(--border-medium);
}

/* Engagement signal caption */
.engagement-signal {
    font-size: 11px;
    font-style: italic;
    color: var(--text-tertiary);
    margin: var(--spacing-sm) 0 0 0;
    line-height: 1.4;
}

/* Message Panel - Right Side (40%) */
.hero-message-panel {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    padding: var(--spacing-2xl);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.message-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.hero-headline {
    font-size: 48px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.1;
    margin: 0;
    letter-spacing: -0.02em;
}

.hero-subheadline {
    font-size: 18px;
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Compact stats block */
.hero-stats-compact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-lg) 0;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

.stat-compact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.stat-number-compact {
    font-size: 24px;
    font-weight: 700;
    color: var(--lucix-indigo);
    line-height: 1;
}

.stat-label-compact {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 1.3;
}

.stat-label-compact-emphasis {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    font-style: italic;
}

/* CTA Button */
.hero-cta-single {
    margin-top: var(--spacing-md);
}

.btn-cta {
    display: inline-block;
    padding: 14px 32px;
    background: var(--lucix-indigo);
    color: white;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(85, 88, 240, 0.2);
}

.btn-cta:hover {
    background: #4347d9;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(85, 88, 240, 0.3);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .hero-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
    }
    
    .hero-headline {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .hero-committee {
        padding: 100px 0 60px;
        min-height: auto;
    }
    
    .committee-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .hero-headline {
        font-size: 32px;
    }
    
    .hero-subheadline {
        font-size: 16px;
    }
    
    .hero-message-panel {
        padding: var(--spacing-xl);
    }
    
    .stat-number-compact {
        font-size: 20px;
    }
}

/* ============================================
   AI INDUSTRY PAGE - REDESIGNED SECTIONS
   Visual upgrades for Evaluation Paradox, Tooling Landscape, Acceleration
   ============================================ */

/* AI Evaluation Paradox - Stakeholder Grid */
.paradox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
}

.paradox-stakeholder {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-lg);
    text-align: center;
    transition: all 0.3s ease;
}

.paradox-stakeholder:hover {
    transform: translateY(-4px);
    border-color: var(--lucix-indigo);
    box-shadow: 0 8px 24px rgba(85, 88, 240, 0.12);
}

.stakeholder-avatar {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--spacing-md);
    background: linear-gradient(135deg, var(--lucix-indigo), #6366f1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

.paradox-stakeholder h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs) 0;
}

.paradox-stakeholder p {
    font-size: 13px;
    color: var(--text-secondary);
    margin: 0;
    font-style: italic;
}

/* Paradox Result */
.paradox-result {
    background: var(--subtle-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-xl);
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.result-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--spacing-md);
    background: var(--warning-amber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: white;
}

.paradox-result h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-sm) 0;
}

.paradox-result p {
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Cost Cards Grid */
.cost-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-lg);
}

.cost-card {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.3s ease;
}

.cost-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.cost-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--spacing-md);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    /* REMOVED: color: white; - This was causing the white icon issue */
}

.cost-icon.danger {
    background: linear-gradient(135deg, var(--alert-red), #dc2626);
}

.cost-icon.warning {
    background: linear-gradient(135deg, var(--warning-amber), #f59e0b);
}

.cost-stat {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--spacing-xs);
    line-height: 1;
}

.cost-label {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.4;
}

/* Tooling Landscape Grid */
.tooling-landscape-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
}

.tool-category-card {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-lg);
    transition: all 0.3s ease;
}

.tool-category-card:hover {
    transform: translateY(-4px);
    border-color: var(--border-medium);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.category-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-light);
}

.category-icon {
    width: 40px;
    height: 40px;
    background: var(--lucix-indigo-pale);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--lucix-indigo);
    flex-shrink: 0;
}

.category-header h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.tool-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tool-list li {
    font-size: 14px;
    color: var(--text-secondary);
    padding: var(--spacing-xs) 0;
    display: flex;
    align-items: center;
}

.tool-list li:before {
    content: "•";
    color: var(--lucix-indigo);
    font-weight: 700;
    margin-right: var(--spacing-sm);
}

/* Landscape Summary */
.landscape-summary {
    background: var(--subtle-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-xl);
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.summary-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
}

.summary-number {
    font-size: 48px;
    font-weight: 700;
    color: var(--lucix-indigo);
    line-height: 1;
}

.summary-label {
    font-size: 16px;
    color: var(--text-secondary);
}

/* Missing Piece Card - lucix */
.missing-piece-card {
    background: linear-gradient(135deg, rgba(85, 88, 240, 0.05), rgba(85, 88, 240, 0.02));
    border: 2px solid var(--lucix-indigo);
    border-radius: 16px;
    padding: var(--spacing-2xl);
}

.missing-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.missing-icon {
    width: 64px;
    height: 64px;
    background: var(--lucix-indigo);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: white;
}

.missing-header h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.missing-content {
    display: grid;
    gap: var(--spacing-xl);
}

.missing-problem h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-sm) 0;
}

.missing-problem p {
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 1.6;
}

.missing-examples {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.missing-example {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 8px;
}

.missing-example i {
    color: var(--lucix-indigo);
    font-size: 18px;
}

.missing-example p {
    font-size: 15px;
    color: var(--text-secondary);
    margin: 0;
}

.missing-insight {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
}

.insight-icon {
    font-size: 24px;
    color: var(--alert-red);
}

.missing-insight p {
    font-size: 16px;
    color: var(--text-primary);
    margin: 0;
}

.lucix-solution h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--lucix-indigo);
    margin: 0 0 var(--spacing-md) 0;
}

.solution-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.solution-features li {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: 15px;
    color: var(--text-secondary);
}

.solution-features i {
    color: var(--success-green);
    font-size: 18px;
}

/* Acceleration Grid */
.acceleration-grid {
    display: grid;
    gap: var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl);
}

.acceleration-step {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: var(--spacing-xl);
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-xl);
    transition: all 0.3s ease;
}

.acceleration-step:hover {
    transform: translateY(-4px);
    border-color: var(--lucix-indigo);
    box-shadow: 0 8px 24px rgba(85, 88, 240, 0.12);
}

.step-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

.step-number-large {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--lucix-indigo), #6366f1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 700;
    color: white;
}

.step-icon {
    width: 64px;
    height: 64px;
    background: var(--lucix-indigo-pale);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--lucix-indigo);
}

.step-content-block h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-sm) 0;
}

.step-content-block > p {
    font-size: 16px;
    color: var(--text-secondary);
    margin: 0 0 var(--spacing-lg) 0;
    line-height: 1.6;
}

.step-details {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.detail-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: 14px;
    color: var(--text-secondary);
}

.detail-item i {
    color: var(--lucix-indigo);
    font-size: 14px;
}

/* Outcome Comparison Card */
.outcome-comparison-card {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--spacing-xl);
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: var(--spacing-2xl);
    align-items: center;
}

.outcome-before,
.outcome-after {
    padding: var(--spacing-lg);
}

.outcome-label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
}

.outcome-before .outcome-label {
    color: var(--alert-red);
}

.outcome-after .outcome-label {
    color: var(--success-green);
}

.outcome-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.outcome-list li {
    font-size: 15px;
    color: var(--text-secondary);
    padding-left: var(--spacing-md);
    position: relative;
}

.outcome-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 700;
}

.outcome-before .outcome-list li:before {
    color: var(--alert-red);
}

.outcome-after .outcome-list li:before {
    color: var(--success-green);
}

.outcome-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--lucix-indigo);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .acceleration-step {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .step-visual {
        flex-direction: row;
        justify-content: center;
    }
    
    .outcome-comparison-card {
        grid-template-columns: 1fr;
    }
    
    .outcome-arrow {
        transform: rotate(90deg);
    }
}

@media (max-width: 768px) {
    .paradox-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
    
    .tooling-landscape-grid {
        grid-template-columns: 1fr;
    }
    
    .summary-number {
        font-size: 36px;
    }
    
    .missing-header {
        flex-direction: column;
        text-align: center;
    }
    
    .missing-header h3 {
        font-size: 24px;
    }
}

/* Hover effects - keep subtle on light backgrounds */
.blog-card:hover,
.whitepaper-card:hover,
.video-card:hover,
.case-study-card:hover,
.industry-card:hover {
    border-color: var(--lucix-indigo) !important;
    box-shadow: 0 4px 16px rgba(85, 88, 240, 0.12) !important;
}

/* Special sections that should remain with accent background */
.cta-box {
    background: linear-gradient(135deg, var(--lucix-indigo-pale) 0%, rgba(248, 250, 252, 0.5) 100%) !important;
    border: 1px solid var(--lucix-indigo) !important;
}

.newsletter-box {
    background: linear-gradient(135deg, var(--lucix-indigo-pale) 0%, rgba(248, 250, 252, 0.5) 100%) !important;
    border: 1px solid var(--lucix-indigo) !important;
}

/* ============================================
   STAT CARDS - Light Mode Text Colors
   ============================================ */

.stat-number {
    color: var(--text-primary) !important;
    font-weight: 700;
}

.stat-label {
    color: var(--text-secondary) !important;
}

.stat-source {
    color: var(--text-tertiary) !important;
}

.stat-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
}

.stat-card:hover {
    box-shadow: 0 4px 16px rgba(85, 88, 240, 0.12) !important;
}

/* ============================================
   SECTION SEPARATION - Clear Visual Breaks
   ============================================ */

/* Add clear spacing and visual separation between sections */
.section,
section {
    margin-bottom: 80px;
    position: relative;
}

/* Hero section specific */
.hero-committee {
    margin-bottom: 60px;
}

/* Problem section (after hero) */
#problem {
    padding-top: 60px;
    border-top: 1px solid var(--border-light);
    background: var(--subtle-bg);
    margin-top: 0;
}

/* Major sections get subtle background alternation */
#why-we-exist {
    background: var(--page-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

#how-it-works {
    background: var(--subtle-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

#who-we-are {
    background: var(--page-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

#industries {
    background: var(--subtle-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

#resources {
    background: var(--page-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

#contact {
    background: var(--subtle-bg);
    padding-top: 80px;
    padding-bottom: 80px;
}

/* ============================================
   WHO WE ARE - Team Imagery & Visual Hero
   ============================================ */

.who-visual-hero {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 64px;
}

.who-hero-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    position: relative;
}

.who-hero-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
}

.who-hero-img.primary {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    height: 100%;
}

.who-hero-img.secondary {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.who-hero-content {
    text-align: center;
    padding: 0 24px;
    min-width: 300px;
}

.who-hero-content .section-title {
    margin-bottom: 16px;
}

.who-hero-content .section-subtitle {
    font-size: 20px;
    color: var(--lucix-indigo);
    font-weight: 600;
}

/* Team Cast Grid */
.team-cast-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 64px;
}

.cast-member-card {
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.cast-member-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(85, 88, 240, 0.15);
    border-color: var(--lucix-indigo);
}

.cast-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 16px;
    border: 3px solid var(--lucix-indigo);
    box-shadow: 0 4px 12px rgba(85, 88, 240, 0.2);
}

.cast-info {
    text-align: center;
}

.cast-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 4px 0;
}

.cast-role {
    font-size: 14px;
    font-weight: 600;
    color: var(--lucix-indigo);
    margin: 0 0 8px 0;
}

.cast-bio {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Team Collaboration Moment */
.who-team-moment {
    margin-top: 64px;
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    border: 1px solid var(--border-light);
}

.team-moment-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

.team-moment-caption {
    padding: 32px;
    background: var(--subtle-bg);
    border-top: 2px solid var(--lucix-indigo);
}

.team-moment-caption p {
    font-size: 18px;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
    text-align: center;
}

/* Responsive */
@media (max-width: 1024px) {
    .who-visual-hero {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .who-hero-content {
        padding-left: 0;
        text-align: center;
    }
    
    .team-cast-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .who-visual-hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .who-hero-img {
        height: 220px;
    }
    
    .who-hero-content {
        order: -1;
        padding: 0 16px;
        min-width: unset;
    }
    
    .who-hero-images {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .who-hero-img.primary {
        grid-column: 1;
        grid-row: 1;
        height: 240px;
    }
    
    .who-hero-img.secondary {
        grid-column: 1;
        grid-row: 2;
        height: 180px;
    }
    
    .team-cast-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .cast-photo {
        width: 80px;
        height: 80px;
    }
    
    .cast-name {
        font-size: 16px;
    }
    
    .cast-role {
        font-size: 13px;
    }
    
    .cast-bio {
        font-size: 12px;
    }
    
    .team-moment-img {
        height: 250px;
    }
    
    .team-moment-caption {
        padding: 20px;
    }
    
    .team-moment-caption p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .who-hero-img.primary {
        height: 200px;
    }
    
    .who-hero-img.secondary {
        height: 150px;
    }
    
    .cast-member-card {
        padding: 16px;
    }
    
    .cast-photo {
        width: 70px;
        height: 70px;
        border-width: 2px;
    }
    
    .cast-name {
        font-size: 15px;
    }
    
    .cast-role {
        font-size: 12px;
    }
    
    .cast-bio {
        font-size: 11px;
    }
    
    .team-moment-img {
        height: 200px;
    }
    
    .team-moment-caption {
        padding: 16px;
    }
    
    .team-moment-caption p {
        font-size: 14px;
        line-height: 1.5;
    }
}





/* Comparison cards with special styling */
.comparison-card.lucix-card {
    background: var(--lucix-indigo-pale) !important;
    border-color: var(--lucix-indigo) !important;
}

/* Success/warning/error states */
.outcome-metric.success {
    background: rgba(52, 211, 153, 0.05) !important;
    border-color: var(--success-green) !important;
}

.problem-stat {
    background: rgba(251, 191, 36, 0.05) !important;
    border-color: var(--warning-amber) !important;
}

/* Quote blocks */
.outcome-quote {
    border-left-color: var(--lucix-indigo) !important;
    color: var(--text-secondary) !important;
}

/* Featured elements */
.featured-post,
.featured-video {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
}

/* Filter buttons */
.filter-btn {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-secondary) !important;
}

.filter-btn:hover {
    background: var(--subtle-bg) !important;
    border-color: var(--lucix-indigo) !important;
    color: var(--lucix-indigo) !important;
}

.filter-btn.active {
    background: var(--lucix-indigo) !important;
    border-color: var(--lucix-indigo) !important;
    color: #FFFFFF !important;
}

/* Code and technical elements */
code,
.code-block {
    background: var(--subtle-bg) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Shadows - lighter for light mode */
.navbar,
.card,
.dropdown-menu,
.modal {
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
}

.navbar.scrolled,
.card:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
}

/* Mobile menu */
@media (max-width: 768px) {
    .nav-menu {
        background: var(--card-bg) !important;
        border-bottom: 1px solid var(--border-light) !important;
    }
}

/* ============================================
   SECTION VISUAL SEPARATORS
   Strong dividers between major sections for mobile clarity
   ============================================ */

section {
    position: relative;
    margin-bottom: 0;
}

/* Gradient divider line between sections */
section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(85, 88, 240, 0.15), 
        transparent
    );
}

/* Remove divider from last section */
section:last-of-type::after,
footer::after {
    display: none;
}

/* Stronger separation on mobile */
@media (max-width: 768px) {
    section {
        margin-bottom: 40px;
    }
    
    section::after {
        width: 85%;
        height: 3px;
        background: linear-gradient(90deg, 
            transparent, 
            rgba(85, 88, 240, 0.3), 
            transparent
        );
    }
}

/* Print styles remain unchanged */
@media print {
    body {
        background: white !important;
        color: black !important;
    }
}