/* CRITICAL SPACING FIX - Load this CSS last to override all other styles */

/* Force Header and Hero to be completely adjacent with NO gap */
body {
    margin: 0;
    padding: 0;
}

header#header,
#header {
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

main {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

section#hero,
#hero {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
    display: block !important;
    position: relative !important;
    top: 0 !important;
    transform: translateY(0) !important;
}

.hero-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    top: 0 !important;
    display: block !important;
}

/* Force brands section spacing to match design */
section#stats,
#stats {
    margin: 0 !important;
    padding: 0 !important;
}

/* Force brands section spacing to match design - Desktop only */
@media (max-width: 1024px) {
    .brands-section {
        margin-top: 40px !important;
    }
}

/* Remove any default browser spacing */
* {
    box-sizing: border-box !important;
}

html, body, main, header, section {
    line-height: normal !important;
}

/* Debug borders removed */