/* FORCE FULL WIDTH - Sections size naturally, no viewport-filling voids */

/* DESKTOP */
section {
    padding: 6rem 6% !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.hero {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    padding: 10rem 6% 6rem !important;
    width: 100% !important;
    min-height: auto !important;
    gap: 1rem !important;
}

.hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cta-section {
    background: #0a0a0a !important;
    padding: 0 !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
}

.cta-box {
    background: linear-gradient(135deg, #c8ff00 0%, #9bc200 100%) !important;
    border-radius: 0 !important;
    margin: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.wp-site-blocks { max-width: 100% !important; padding: 0 !important; }
.is-layout-constrained > * { max-width: 100% !important; }

/* TABLET - 768px */
@media (max-width: 768px) {
    section { padding: 5rem 5% !important; justify-content: flex-start !important; }
    .hero {
        grid-template-columns: 1fr !important;
        padding: 7rem 5% 4rem !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    .hero-content { align-items: flex-start; }
}

/* MOBILE - 520px */
@media (max-width: 520px) {
    section { padding: 3rem 1.5rem !important; min-height: auto !important; justify-content: flex-start !important; }
    .hero {
        display: flex !important;
        flex-direction: column !important;
        padding: 7rem 1.5rem 2rem !important;
        min-height: auto !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }
    .hero-content { align-items: center !important; width: 100% !important; }
    .hero h1 { font-size: clamp(2.2rem, 9vw, 3rem); margin-bottom: 1.25rem; }
    .hero p { font-size: 1.05rem; margin-bottom: 1.75rem; }
    .cta-group { justify-content: center; gap: 1rem; }
    .btn { min-width: 145px; padding: 0.8rem 1.5rem; font-size: 0.9rem; }
    .cta-section { padding: 0 !important; }
    .section-header { margin-bottom: 2.5rem; }
    .section-title { font-size: clamp(1.6rem, 6vw, 2rem); }
    .services-grid { gap: 1rem; }
    .service-card { padding: 1.75rem 1.5rem; }
    .proof-stats { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    .industries-grid { grid-template-columns: 1fr; gap: 1rem; }
}


html>body body section.cta-section.cta-section .cta-box.cta-box {
    background: linear-gradient(135deg, #c8ff00 0%, #9bc200 100%) !important;
    border-radius: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}