/* ═══════════════════════════════════════════════════════
   SECTION CONTINUITY — BrutForce Aviation
   Enqueue this on the home page.
   Eliminates gaps between hero → courses → demo and
   all other sections, giving the page a single flowing feel.
═══════════════════════════════════════════════════════ */

/* ── Zero margin/padding between sections ── */
.hero-section,
.dgca-section,
.demo-split,
.about-section,
.faqs-section,
.contact-section,
.testimonials-section {
    display: block;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

/* ── Prevent any body/main margin from creating gaps ── */
body > main,
.page-wrapper,
.site-content {
    overflow: hidden; /* contains any negative-margin tricks */
}

/* ── Hero: no bottom margin, ticker flush with next section ── */
.hero-section {
    padding-bottom: 0 !important; /* ticker is absolutely positioned at bottom */
}

/* ── Courses: clips correctly over the wave ── */
.dgca-section {
    position: relative;
    overflow: visible; /* allow wave SVG to render outside if needed */
}

/* ── Demo: sits flush below courses wave ── */
.demo-split {
    margin-top: -2px !important; /* close sub-pixel gap */
    position: relative;
    z-index: 1;
}

/* ── Shared: all sections that follow demo should match #f8faff ── */
.about-section,
.testimonials-section {
    background: #f8faff;
}

/* ── FAQs / Contact can use slightly offset tone ── */
.faqs-section,
.contact-section {
    background: #f0f4ff;
}

/* ── Smooth colour transition between light-bg sections ── */
.demo-split + section,
.about-section + section {
    margin-top: 0;
}

/* ── Page-level scroll behaviour ── */
html {
    scroll-behavior: smooth;
}

/* ── Subjects section flush ── */
.subjects-wave-top,
.demo-wave-bottom {
    display: block;
    margin: 0;
    padding: 0;
}

.bfa-subject-section-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}