/* Extracted sentiment icon styles from style.css */

/* ==================== SENTIMENT ICONS BACKGROUND ==================== */
.sentiment-icons-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.sentiment-icon {
    position: absolute;
    font-size: 80px;
    opacity: 0.08;
    animation: float 8s ease-in-out infinite;
    color: var(--primary-teal);
}

@media (max-width: 768px) {
    .sentiment-icon {
        font-size: 50px;
    }
}

@media (max-width: 480px) {
    .sentiment-icon {
        font-size: 35px;
    }
}

/* ==================== SENTIMENT ICONS - SCATTERED & SPACED ==================== */

.sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: 0.08;
    animation: float 10s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    filter: drop-shadow(0 8px 4px rgba(138, 133, 128, 0.1));
}

/* ==================== HERO SECTION ==================== */
.sec-home-hero .sentiment-icon:nth-child(1), .sec-demo-hero .sentiment-icon:nth-child(1) {
    font-size: 50px;
    opacity: 0.06;
    top: 15%;
    right: 5%;
    animation-delay: 1s;
}

.sec-home-hero .sentiment-icon:nth-child(2), .sec-demo-hero .sentiment-icon:nth-child(2) {
    font-size: 70px;
    opacity: 0.07;
    top: 55%;
    left: 3%;
    animation-delay: 2s;
}

.sec-home-hero .sentiment-icon:nth-child(3), .sec-demo-hero .sentiment-icon:nth-child(3) {
    font-size: 55px;
    opacity: 0.065;
    bottom: 15%;
    right: 8%;
    animation-delay: 1.5s;
}

/* ==================== FEATURES SECTION ==================== */
.features .sentiment-icon:nth-child(1) {
    font-size: 65px;
    opacity: 0.065;
    top: 8%;
    left: 4%;
    animation-delay: 0.5s;
}

.features .sentiment-icon:nth-child(2) {
    font-size: 50px;
    opacity: 0.06;
    top: 45%;
    right: 5%;
    animation-delay: 2s;
}

.features .sentiment-icon:nth-child(3) {
    font-size: 58px;
    opacity: 0.07;
    bottom: 12%;
    left: 8%;
    animation-delay: 1.2s;
}

.features .sentiment-icon:nth-child(4) {
    font-size: 48px;
    opacity: 0.065;
    bottom: 25%;
    right: 6%;
    animation-delay: 2.5s;
}

/* ==================== HOW IT WORKS SECTION ==================== */
.how-it-works .sentiment-icon:nth-child(1) {
    font-size: 62px;
    opacity: 0.067;
    top: 12%;
    right: 4%;
    animation-delay: 0.8s;
}

.how-it-works .sentiment-icon:nth-child(2) {
    font-size: 52px;
    opacity: 0.065;
    bottom: 18%;
    left: 5%;
    animation-delay: 1.8s;
}

.how-it-works .sentiment-icon:nth-child(3) {
    font-size: 58px;
    opacity: 0.07;
    top: 60%;
    right: 8%;
    animation-delay: 2.2s;
}

/* ==================== STATS SECTION ==================== */
.stats-section .sentiment-icon:nth-child(1) {
    font-size: 64px;
    opacity: 0.068;
    top: 10%;
    left: 5%;
    animation-delay: 1s;
}

.stats-section .sentiment-icon:nth-child(2) {
    font-size: 54px;
    opacity: 0.066;
    top: 55%;
    right: 4%;
    animation-delay: 2.3s;
}

.stats-section .sentiment-icon:nth-child(3) {
    font-size: 50px;
    opacity: 0.07;
    bottom: 20%;
    left: 7%;
    animation-delay: 1.5s;
}

/* ==================== PRICING SECTION ==================== */
.pricing-section .sentiment-icon:nth-child(1) {
    font-size: 62px;
    opacity: 0.067;
    top: 15%;
    right: 5%;
    animation-delay: 0.8s;
}

.pricing-section .sentiment-icon:nth-child(2) {
    font-size: 52px;
    opacity: 0.065;
    top: 50%;
    left: 3%;
    animation-delay: 1.8s;
}

.pricing-section .sentiment-icon:nth-child(3) {
    font-size: 58px;
    opacity: 0.07;
    bottom: 18%;
    right: 7%;
    animation-delay: 2.2s;
}

/* ==================== BENEFITS SECTION ==================== */
.benefits-section .sentiment-icon:nth-child(1) {
    font-size: 64px;
    opacity: 0.068;
    top: 12%;
    left: 4%;
    animation-delay: 1s;
}

.benefits-section .sentiment-icon:nth-child(2) {
    font-size: 54px;
    opacity: 0.066;
    top: 55%;
    right: 5%;
    animation-delay: 2.3s;
}

.benefits-section .sentiment-icon:nth-child(3) {
    font-size: 50px;
    opacity: 0.07;
    bottom: 18%;
    left: 7%;
    animation-delay: 1.5s;
}

/* ==================== TESTIMONIALS SECTION ==================== */
.testimonials-section .sentiment-icon:nth-child(1) {
    font-size: 60px;
    opacity: 0.067;
    top: 10%;
    right: 4%;
    animation-delay: 1.2s;
}

.testimonials-section .sentiment-icon:nth-child(2) {
    font-size: 56px;
    opacity: 0.068;
    top: 50%;
    left: 5%;
    animation-delay: 2.1s;
}

.testimonials-section .sentiment-icon:nth-child(3) {
    font-size: 52px;
    opacity: 0.066;
    bottom: 15%;
    right: 6%;
    animation-delay: 1.8s;
}

/* ==================== FAQ SECTION ==================== */
.faq-section .sentiment-icon:nth-child(1) {
    font-size: 58px;
    opacity: 0.067;
    top: 12%;
    left: 4%;
    animation-delay: 0.9s;
}

.faq-section .sentiment-icon:nth-child(2) {
    font-size: 54px;
    opacity: 0.068;
    top: 50%;
    right: 5%;
    animation-delay: 2.2s;
}

.faq-section .sentiment-icon:nth-child(3) {
    font-size: 50px;
    opacity: 0.066;
    bottom: 18%;
    left: 6%;
    animation-delay: 1.6s;
}

/* ==================== CTA SECTION - Already optimized ==================== */
.sentiment-icons-bg .sentiment-icon {
    opacity: 0.08;
}

.sentiment-icons-bg .sentiment-icon:hover {
    opacity: 0.15;
    transform: scale(1.1);
}

.sentiment-icon {
    font-size: 48px !important;
    opacity: 0.05 !important;
}

@media (max-width: 768px) {
    .sentiment-icon {
        font-size: 40px !important;
        opacity: 0.04 !important;
    }
}

@media (max-width: 768px) {
    .sec-home-hero .sentiment-icon:nth-child(1), .sec-demo-hero .sentiment-icon:nth-child(1) {
        top: 10% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-hero .sentiment-icon:nth-child(2), .sec-demo-hero .sentiment-icon:nth-child(2) {
        top: 60% !important;
        left: 2% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-hero .sentiment-icon:nth-child(3), .sec-demo-hero .sentiment-icon:nth-child(3) {
        bottom: 10% !important;
        right: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-features .sentiment-icon:nth-child(1) {
        top: 5% !important;
        left: 2% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-features .sentiment-icon:nth-child(2) {
        top: 50% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-features .sentiment-icon:nth-child(3) {
        bottom: 10% !important;
        left: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-features .sentiment-icon:nth-child(4) {
        bottom: 30% !important;
        right: 4% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-how-it-works .sentiment-icon:nth-child(1) {
        top: 10% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-how-it-works .sentiment-icon:nth-child(2) {
        bottom: 15% !important;
        left: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-how-it-works .sentiment-icon:nth-child(3) {
        top: 65% !important;
        right: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-stats .sentiment-icon:nth-child(1) {
        top: 8% !important;
        left: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-stats .sentiment-icon:nth-child(2) {
        top: 60% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-stats .sentiment-icon:nth-child(3) {
        bottom: 18% !important;
        left: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-pricing .sentiment-icon:nth-child(1), .sec-demo-pricing .sentiment-icon:nth-child(1) {
        top: 12% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-pricing .sentiment-icon:nth-child(2), .sec-demo-pricing .sentiment-icon:nth-child(2) {
        top: 55% !important;
        left: 2% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-pricing .sentiment-icon:nth-child(3), .sec-demo-pricing .sentiment-icon:nth-child(3) {
        bottom: 15% !important;
        right: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-benefits .sentiment-icon:nth-child(1), .sec-demo-benefits .sentiment-icon:nth-child(1) {
        top: 10% !important;
        left: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-benefits .sentiment-icon:nth-child(2), .sec-demo-benefits .sentiment-icon:nth-child(2) {
        top: 60% !important;
        right: 4% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-benefits .sentiment-icon:nth-child(3), .sec-demo-benefits .sentiment-icon:nth-child(3) {
        bottom: 15% !important;
        left: 5% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-testimonials .sentiment-icon:nth-child(1) {
        top: 8% !important;
        right: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-testimonials .sentiment-icon:nth-child(2) {
        top: 55% !important;
        left: 4% !important;
    }
}

@media (max-width: 768px) {
    .sec-demo-testimonials .sentiment-icon:nth-child(3) {
        bottom: 12% !important;
        right: 4% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-faq .sentiment-icon:nth-child(1), .sec-demo-faq .sentiment-icon:nth-child(1) {
        top: 10% !important;
        left: 3% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-faq .sentiment-icon:nth-child(2), .sec-demo-faq .sentiment-icon:nth-child(2) {
        top: 55% !important;
        right: 4% !important;
    }
}

@media (max-width: 768px) {
    .sec-home-faq .sentiment-icon:nth-child(3), .sec-demo-faq .sentiment-icon:nth-child(3) {
        bottom: 15% !important;
        left: 4% !important;
    }
}

@media (max-width: 480px) {
    .sentiment-icon {
        font-size: 32px !important;
        opacity: 0.03 !important;
    }
}

@media (max-width: 480px) {
    .sec-home-hero .sentiment-icon:nth-child(1), .sec-demo-hero .sentiment-icon:nth-child(1) {
        top: 12% !important;
        right: 2% !important;
    }
}

@media (max-width: 480px) {
    .sec-home-hero .sentiment-icon:nth-child(2), .sec-demo-hero .sentiment-icon:nth-child(2) {
        top: 70% !important;
        left: 1% !important;
    }
}

@media (max-width: 480px) {
    .sec-home-hero .sentiment-icon:nth-child(3), .sec-demo-hero .sentiment-icon:nth-child(3) {
        bottom: 8% !important;
        right: 3% !important;
    }
}

/* ==================== SENTIMENT ICONS - USE CASES & HOW IT WORKS SECTIONS ==================== */

/* Generic sentiment icon styles */
.sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: 0.08;
    animation: float 10s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    filter: drop-shadow(0 2px 4px rgba(32, 178, 170, 0.1));
    color: var(--primary-teal);
}

/* ==================== USE CASES SECTION - SENTIMENT ICONS ==================== */

/* Individual positioning for Use Cases icons */
.content-images-section .sentiment-icon:nth-child(1) {
    font-size: 54px;
    opacity: 0.067;
    top: 8%;
    left: 4%;
    animation-delay: 0.9s;
}

.content-images-section .sentiment-icon:nth-child(2) {
    font-size: 50px;
    opacity: 0.065;
    top: 50%;
    right: 5%;
    animation-delay: 2.2s;
}

.content-images-section .sentiment-icon:nth-child(3) {
    font-size: 58px;
    opacity: 0.066;
    bottom: 18%;
    left: 6%;
    animation-delay: 1.6s;
}

/* ==================== HOW IT WORKS SECTION - SENTIMENT ICONS ==================== */

/* Individual positioning for How It Works icons */
.how-works-detailed-section .sentiment-icon:nth-child(1) {
    font-size: 56px;
    opacity: 0.068;
    top: 10%;
    left: 5%;
    animation-delay: 1s;
}

.how-works-detailed-section .sentiment-icon:nth-child(2) {
    font-size: 52px;
    opacity: 0.066;
    top: 55%;
    right: 4%;
    animation-delay: 2.3s;
}

.how-works-detailed-section .sentiment-icon:nth-child(3) {
    font-size: 50px;
    opacity: 0.07;
    bottom: 20%;
    left: 2%;
    animation-delay: 1.5s;
}

/* ==================== SENTIMENT ICON HOVER EFFECTS ==================== */

.content-images-section:hover .sentiment-icon,
.how-works-detailed-section:hover .sentiment-icon {
    opacity: 0.15;
}

.sentiment-icon:hover {
    animation-play-state: paused;
    opacity: 0.2 !important;
}

.sentiment-icon {
    font-size: 48px !important;
    opacity: 0.05 !important;
}

.content-images-section .sentiment-icon:nth-child(1) {
    font-size: 45px;
    opacity: 0.055;
}

.content-images-section .sentiment-icon:nth-child(2) {
    font-size: 42px;
    opacity: 0.05;
}

.content-images-section .sentiment-icon:nth-child(3) {
    font-size: 48px;
    opacity: 0.055;
}

.how-works-detailed-section .sentiment-icon:nth-child(1) {
    font-size: 46px;
    opacity: 0.056;
}

.how-works-detailed-section .sentiment-icon:nth-child(2) {
    font-size: 44px;
    opacity: 0.055;
}

.how-works-detailed-section .sentiment-icon:nth-child(3) {
    font-size: 42px;
    opacity: 0.05;
}

@media (max-width: 768px) {
    .sentiment-icon {
        font-size: 40px !important;
        opacity: 0.04 !important;
    }
}

@media (max-width: 768px) {

    /* Use Cases Icons */
    .content-images-section .sentiment-icon:nth-child(1) {
        font-size: 35px;
        opacity: 0.04;
        top: 5%;
        left: 2%;
    }
}

@media (max-width: 768px) {
    .content-images-section .sentiment-icon:nth-child(2) {
        font-size: 32px;
        opacity: 0.038;
        top: 55%;
        right: 3%;
    }
}

@media (max-width: 768px) {
    .content-images-section .sentiment-icon:nth-child(3) {
        font-size: 38px;
        opacity: 0.042;
        bottom: 15%;
        left: 4%;
    }
}

@media (max-width: 768px) {

    /* How It Works Icons */
    .how-works-detailed-section .sentiment-icon:nth-child(1) {
        font-size: 36px;
        opacity: 0.041;
        top: 8%;
        left: 3%;
    }
}

@media (max-width: 768px) {
    .how-works-detailed-section .sentiment-icon:nth-child(2) {
        font-size: 33px;
        opacity: 0.039;
        top: 60%;
        right: 2%;
    }
}

@media (max-width: 768px) {
    .how-works-detailed-section .sentiment-icon:nth-child(3) {
        font-size: 30px;
        opacity: 0.037;
        bottom: 18%;
        left: 5%;
    }
}

@media (max-width: 480px) {
    .sentiment-icon {
        font-size: 32px !important;
        opacity: 0.03 !important;
    }
}

@media (max-width: 480px) {

    /* Use Cases Icons Mobile */
    .content-images-section .sentiment-icon:nth-child(1) {
        font-size: 28px;
        opacity: 0.03;
        top: 8%;
        left: 3%;
    }
}

@media (max-width: 480px) {
    .content-images-section .sentiment-icon:nth-child(2) {
        font-size: 25px;
        opacity: 0.028;
        top: 60%;
        right: 4%;
    }
}

@media (max-width: 480px) {
    .content-images-section .sentiment-icon:nth-child(3) {
        font-size: 30px;
        opacity: 0.032;
        bottom: 12%;
        left: 6%;
    }
}

@media (max-width: 480px) {

    /* How It Works Icons Mobile */
    .how-works-detailed-section .sentiment-icon:nth-child(1) {
        font-size: 28px;
        opacity: 0.031;
        top: 12%;
        left: 4%;
    }
}

@media (max-width: 480px) {
    .how-works-detailed-section .sentiment-icon:nth-child(2) {
        font-size: 26px;
        opacity: 0.029;
        top: 65%;
        right: 3%;
    }
}

@media (max-width: 480px) {
    .how-works-detailed-section .sentiment-icon:nth-child(3) {
        font-size: 24px;
        opacity: 0.027;
        bottom: 15%;
        left: 7%;
    }
}

@media (max-width: 360px) {
    .sentiment-icon {
        font-size: 28px !important;
        opacity: 0.025 !important;
    }
}

@media (max-width: 360px) {

    .content-images-section .sentiment-icon,
    .how-works-detailed-section .sentiment-icon {
        font-size: 24px;
        opacity: 0.025;
    }
}

/* ==================== SENTIMENT ICONS GLOW EFFECT ==================== */

.sentiment-icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(32, 178, 170, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1;
    animation: glow 3s ease-in-out infinite;
}

/* ==================== SENTIMENT ICONS STAGGER ANIMATION ==================== */

.sentiment-icon:nth-child(1) {
    animation-name: float;
}

.sentiment-icon:nth-child(2) {
    animation-name: floatAlt;
    animation-duration: 12s;
}

.sentiment-icon:nth-child(3) {
    animation-name: float;
    animation-duration: 11s;
}

/* ==================== INDUSTRY HERO - SENTIMENT ICONS ==================== */
.sec-platform-hero .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: 0.07;
    animation: float 10s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    color: var(--primary-teal);
}

.sec-platform-hero .sentiment-icon:nth-child(1) {
    font-size: 64px;
    opacity: 0.07;
    top: 15%;
    left: 3%;
    animation-delay: 0.8s;
}

.sec-platform-hero .sentiment-icon:nth-child(2) {
    font-size: 56px;
    opacity: 0.065;
    top: 60%;
    right: 4%;
    animation-delay: 2.1s;
}

.sec-platform-hero .sentiment-icon:nth-child(3) {
    font-size: 52px;
    opacity: 0.068;
    bottom: 15%;
    left: 2%;
    animation-delay: 1.5s;
}

@media (max-width: 768px) {
    .sec-platform-hero .sentiment-icon {
        font-size: 40px !important;
        opacity: 0.04 !important;
    }
}

@media (max-width: 768px) {
    .sec-platform-hero .sentiment-icon:nth-child(1) {
        font-size: 45px;
        opacity: 0.045;
        top: 5%;
        left: 2%;
    }
}

@media (max-width: 768px) {
    .sec-platform-hero .sentiment-icon:nth-child(2) {
        font-size: 42px;
        opacity: 0.04;
        top: 55%;
        right: 3%;
    }
}

@media (max-width: 768px) {
    .sec-platform-hero .sentiment-icon:nth-child(3) {
        font-size: 38px;
        opacity: 0.042;
        bottom: 12%;
        left: 4%;
    }
}

@media (max-width: 480px) {
    .industry-hero .sentiment-icon {
        font-size: 32px !important;
        opacity: 0.03 !important;
    }
}

/* ==================== INDUSTRY SWITCHER - SENTIMENT ICONS ==================== */
.industry-switcher-section .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: 0.07;
    animation: float 10s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    color: var(--primary-teal);
}

.industry-switcher-section .sentiment-icon:nth-child(1) {
    font-size: 62px;
    opacity: 0.068;
    top: 12%;
    right: 5%;
    animation-delay: 0.9s;
}

.industry-switcher-section .sentiment-icon:nth-child(2) {
    font-size: 54px;
    opacity: 0.066;
    top: 55%;
    left: 4%;
    animation-delay: 2.2s;
}

.industry-switcher-section .sentiment-icon:nth-child(3) {
    font-size: 50px;
    opacity: 0.065;
    bottom: 20%;
    right: 6%;
    animation-delay: 1.6s;
}

@media (max-width: 768px) {
    .industry-switcher-section .sentiment-icon {
        font-size: 40px !important;
        opacity: 0.04 !important;
    }
}

@media (max-width: 768px) {
    .industry-switcher-section .sentiment-icon:nth-child(1) {
        font-size: 46px;
        opacity: 0.045;
        top: 10%;
        right: 3%;
    }
}

@media (max-width: 768px) {
    .industry-switcher-section .sentiment-icon:nth-child(2) {
        font-size: 44px;
        opacity: 0.042;
        top: 60%;
        left: 3%;
    }
}

@media (max-width: 768px) {
    .industry-switcher-section .sentiment-icon:nth-child(3) {
        font-size: 40px;
        opacity: 0.04;
        bottom: 18%;
        right: 4%;
    }
}

@media (max-width: 480px) {
    .industry-switcher-section .sentiment-icon {
        font-size: 32px !important;
        opacity: 0.03 !important;
    }
}

/* ==================== SENTIMENT ICONS ==================== */

.monitor-new-section .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: 0.06;
    animation: float 12s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    color: var(--primary-teal);
}

.monitor-new-section .sentiment-icon:nth-child(1) {
    font-size: 70px;
    opacity: 0.065;
    top: 20%;
    left: 4%;
    animation-delay: 0s;
}

.monitor-new-section .sentiment-icon:nth-child(2) {
    font-size: 58px;
    opacity: 0.06;
    top: 50%;
    right: 5%;
    animation-delay: 2s;
}

.monitor-new-section .sentiment-icon:nth-child(3) {
    font-size: 52px;
    opacity: 0.062;
    bottom: 25%;
    left: 7%;
    animation-delay: 4s;
}

@media (max-width: 768px) {
    .monitor-new-section .sentiment-icon {
        font-size: 40px !important;
        opacity: 0.04 !important;
    }
}

@media (max-width: 480px) {
    .monitor-new-section .sentiment-icon {
        font-size: 30px !important;
        opacity: 0.03 !important;
    }
}

.data-sources-section .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

.data-sources-section .sentiment-icon:nth-child(1) {
    font-size: 70px;
    opacity: .065;
    top: 15%;
    left: 4%;
}

.data-sources-section .sentiment-icon:nth-child(2) {
    font-size: 58px;
    opacity: .06;
    top: 65%;
    right: 5%;
    animation-delay: 2s;
}

.data-sources-section .sentiment-icon:nth-child(3) {
    font-size: 52px;
    opacity: .062;
    bottom: 20%;
    left: 6%;
    animation-delay: 4s;
}

@media (max-width:768px) {
    .data-sources-section .sentiment-icon {
        font-size: 40px !important;
        opacity: .04 !important;
    }
}

@media (max-width:480px) {
    .data-sources-section .sentiment-icon {
        font-size: 30px !important;
        opacity: .03 !important;
    }
}

/* Sentiment icons */
.playbook-section .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.playbook-section .sentiment-icon:nth-child(1) {
    top: 12%;
    left: 5%;
    font-size: 64px;
    opacity: .065;
}

.playbook-section .sentiment-icon:nth-child(2) {
    top: 58%;
    right: 4%;
    font-size: 58px;
    opacity: .06;
    animation-delay: 2s;
}

.playbook-section .sentiment-icon:nth-child(3) {
    bottom: 16%;
    left: 7%;
    font-size: 52px;
    opacity: .062;
    animation-delay: 1s;
}

.mint-hero .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.mint-hero .sentiment-icon:nth-child(1) {
    top: 12%;
    left: 3%;
    font-size: 64px;
    opacity: .065;
}

.mint-hero .sentiment-icon:nth-child(2) {
    top: 58%;
    right: 4%;
    font-size: 58px;
    opacity: .06;
    animation-delay: 2s;
}

.mint-hero .sentiment-icon:nth-child(3) {
    bottom: 16%;
    left: 2%;
    font-size: 52px;
    opacity: .062;
    animation-delay: 1s;
}

.csa-simple .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.csa-simple .sentiment-icon:nth-child(1) {
    top: 12%;
    left: 5%;
    font-size: 64px;
    opacity: .065;
}

.csa-simple .sentiment-icon:nth-child(2) {
    top: 58%;
    right: 4%;
    font-size: 58px;
    opacity: .06;
    animation-delay: 2s;
}

.csa-simple .sentiment-icon:nth-child(3) {
    bottom: 16%;
    left: 7%;
    font-size: 52px;
    opacity: .062;
    animation-delay: 1s;
}

.review-industry-section .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.review-industry-section .sentiment-icon:nth-child(1) {
    top: 12%;
    left: 5%;
    font-size: 64px;
    opacity: .065;
}

.review-industry-section .sentiment-icon:nth-child(2) {
    top: 58%;
    right: 4%;
    font-size: 58px;
    opacity: .06;
    animation-delay: 2s;
}

.review-industry-section .sentiment-icon:nth-child(3) {
    bottom: 16%;
    left: 7%;
    font-size: 52px;
    opacity: .062;
    animation-delay: 1s;
}

.benefits-band .sentiment-icon {
    position: absolute;
    font-size: 60px;
    opacity: .06;
    color: var(--primary-teal);
    animation: float 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.benefits-band .sentiment-icon:nth-child(1) {
    top: 12%;
    left: 5%;
    font-size: 64px;
    opacity: .065;
}

.benefits-band .sentiment-icon:nth-child(2) {
    top: 58%;
    right: 4%;
    font-size: 58px;
    opacity: .06;
    animation-delay: 2s;
}

.benefits-band .sentiment-icon:nth-child(3) {
    bottom: 16%;
    left: 7%;
    font-size: 52px;
    opacity: .062;
    animation-delay: 1s;
}

/* ==================== SENTIMENT ICON COLOR OVERRIDES BY SECTION BACKGROUND ==================== */
/* Gradient-backed sections → bold yellow icons */
.features .sentiment-icon,
.stats-section .sentiment-icon,
.benefits-section .sentiment-icon,
.faq-section .sentiment-icon,
.content-images-section .sentiment-icon,
.how-works-detailed-section .sentiment-icon,
.industry-hero .sentiment-icon,
.industry-switcher-section .sentiment-icon,
.monitor-new-section .sentiment-icon,
.data-sources-section .sentiment-icon,
.playbook-section .sentiment-icon,
.csa-simple .sentiment-icon {
    color: var(--warning) !important;
    /* yellow */
    opacity: 1 !important;
    font-weight: 900;
}

/* White-backed sections → bold green icons */
.hero .sentiment-icon,
.how-it-works .sentiment-icon,
.pricing-section .sentiment-icon,
.testimonials-section .sentiment-icon,
.mint-hero .sentiment-icon,
.features-interactive .sentiment-icon,
.review-industry-section .sentiment-icon,
.benefits-band .sentiment-icon {
    color: var(--primary-green) !important;
    /* green */
    opacity: 1 !important;
    font-weight: 900;
}
/* Alternating card backgrounds for content-images-section */
:root {
  --content-alt-odd: #ecf9f7;   /* light mint */
  --content-alt-even: #f4f9ff;  /* light blue */
  --content-alt-border: rgba(0, 0, 0, 0.05);
}

.content-images-section .row > [class*="col-"]:nth-child(odd) > * {
  background: var(--content-alt-odd) !important;
  border: 1px solid var(--content-alt-border);
  border-radius: 18px;
}

.content-images-section .row > [class*="col-"]:nth-child(even) > * {
  background: var(--content-alt-even) !important;
  border: 1px solid var(--content-alt-border);
  border-radius: 18px;
}

.content-images-section .row > [class*="col-"] > *:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
/* Alternating backgrounds for the four content items */
.content-images-section .content-items .content-item {
  background: var(--content-alt-odd) !important;
  border: 1px solid var(--content-alt-border);
  border-radius: 18px;
  overflow: hidden;
}

.content-images-section .content-items .content-item:nth-child(even) {
  background: var(--content-alt-even) !important;
}

/* Keep a subtle hover elevation */
.content-images-section .content-items .content-item:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}