/* ============================================
   SECTIONS GLOBAL STYLES - MIGRATIVE PARTNERS
   Common styles for sections without grid background
   ============================================ */

/* Base section styling for non-hero sections */
.section-no-grid {
    background: var(--bg-primary);
    position: relative;
}

/* Subtle glow background for startup feel */
.section-no-grid::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        rgba(10, 11, 26, 0.9) 0%,
        rgba(0, 255, 170, 0.005) 45%,
        var(--bg-primary) 85%
    );
    pointer-events: none;
    z-index: 1;
}

/* Alternative subtle glow - even more minimal */
.section-minimal-glow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle 80% at 50% 40%,
        rgba(0, 255, 170, 0.008) 0%,
        transparent 60%
    );
    pointer-events: none;
    z-index: 1;
}

/* Content containers need higher z-index */
.section-no-grid .container,
.section-minimal-glow .container {
    position: relative;
    z-index: 2;
}

/* Services, Methodology, Cases, About sections */
.services,
.methodology, 
.cases,
.about {
    background: var(--bg-primary);
    position: relative;
    padding: var(--spacing-3xl) 0;
    border-top: 1px solid rgba(0, 255, 170, 0.05);
}

.services::before,
.methodology::before,
.cases::before,
.about::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        ellipse 100% 60% at 50% 50%,
        rgba(0, 255, 170, 0.003) 0%,
        transparent 70%
    );
    pointer-events: none;
    z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .services,
    .methodology,
    .cases,
    .about {
        padding: var(--spacing-2xl) 0;
    }
    
    .services::before,
    .methodology::before,
    .cases::before,
    .about::before {
        background: radial-gradient(
            circle 90% at 50% 40%,
            rgba(0, 255, 170, 0.005) 0%,
            transparent 60%
        );
    }
}