/* ===================================================================
 * Solid Black Backgrounds Override
 * Replaces all transparent/semi-transparent backgrounds with solid black
 * ================================================================ */

/* ===================================================================
 * SECTIONS - Solid Black Backgrounds
 * ================================================================ */

#stats-counter {
    background: #000000 !important;
}

#benefits,
#gen-ai-spotlight,
#coverage,
#industries,
#experts,
#survival-guide,
#pitfalls,
#locations,
#testimonials,
#faq,
#contact,
#tech-stack,
#case-studies {
    background: #000000 !important;
}

.section {
    background: #000000 !important;
}

.section.bg-light {
    background: #000000 !important;
}

.section.bg-primary {
    background: #000000 !important;
}

/* ===================================================================
 * CARDS - Solid Black Backgrounds
 * ================================================================ */

.card,
.stat-item,
.pillar-item,
.industry-card,
.expert-card,
.guide-card,
.pitfall-card,
.location-card,
.testimonial-card,
.faq-item,
.tech-card,
.case-study-card,
.hero-metric-card,
.process-step {
    background: #000000 !important;
}

#benefits .card,
#industries .industry-card,
#gen-ai-spotlight .visual-container,
#gen-ai-spotlight .code-window,
#coverage .capability-tag {
    background: #000000 !important;
}

/* ===================================================================
 * STAT COUNTER - Solid Black
 * ================================================================ */

#stats-counter .stat-item {
    background: #000000 !important;
}

/* ===================================================================
 * HERO SECTION ELEMENTS - Solid Black
 * ================================================================ */

.hero-metrics-centered,
.hero-metric-card {
    background: #000000 !important;
}

.hero-section .hero-form-card {
    background: #000000 !important;
}

.hero-section .hero-stage-pill {
    background: #000000 !important;
}

.hero-section .hero-stage-pill.is-active {
    background: #000000 !important;
}

.hero-section .hero-proof-item {
    background: #000000 !important;
}

.hero-section .hero-btn-secondary {
    background: #000000 !important;
}

.hero-stage-group {
    background: #000000 !important;
}

/* ===================================================================
 * SMALL ELEMENTS - Solid Black
 * ================================================================ */

.icon-box,
.pillar-icon,
.industry-icon,
.feature-icon,
.expert-avatar,
.section-icon {
    background: #000000 !important;
}

.challenge-badge,
.solution-badge,
.expertise-tag,
.tech-tag,
.capability-tag {
    background: #000000 !important;
}

/* ===================================================================
 * BUTTONS - Solid Black
 * ================================================================ */

.hero-btn-secondary-large:hover {
    background: #000000 !important;
}

/* ===================================================================
 * FORM ELEMENTS - Solid Black
 * ================================================================ */

.hero-section .hero-form input {
    background: #000000 !important;
}

/* ===================================================================
 * REMOVE BACKDROP FILTERS
 * ================================================================ */

.card,
.stat-item,
.hero-metric-card,
.hero-form-card,
#benefits .card,
#industries .industry-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ===================================================================
 * REMOVE PSEUDO-ELEMENT OVERLAYS
 * ================================================================ */

.card::before,
.card::after,
.stat-item::before,
.stat-item::after,
.industry-card::before,
.industry-card::after {
    display: none !important;
}

#stats-counter::before {
    display: none !important;
}