/* DESKTOP HERO FIX - Targeted fix for top gap on desktop */
/* Uploaded 2026-03-15 - removes giant empty space at top of page on desktop */

@media (min-width: 768px) {

    /* Fix: Remove massive top padding from hero section */
    .hero {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
        margin-top: 0 !important;
    }

    /* Fix: Ensure header has no bottom margin pushing hero down */
    .header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Fix: Remove any top margin/padding on body or main wrapper */
    body {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Fix: Make sure no spacer divs or wrappers are adding height */
    body > *:first-child,
    .wrapper,
    .page-wrapper,
    main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Fix: The star canvas is fixed so it doesn't affect layout */
    #star-bg {
        position: fixed !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fix: Hero content should flow tight after header */
    .hero .container {
        padding-top: 0 !important;
    }

    /* Desktop 2-column layout preserved */
    .hero-content {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 60px !important;
        align-items: center !important;
        text-align: left !important;
    }

    .hero-text {
        order: 0 !important;
        text-align: left !important;
    }

    .hero-phone {
        order: 1 !important;
    }

    .hero-title {
        text-align: left !important;
        font-size: 52px !important;
        line-height: 1.1 !important;
    }

    .hero-subtitle {
        text-align: left !important;
        margin: 16px 0 32px 0 !important;
    }

    .hero-badge {
        text-align: left !important;
    }

    .hero-cta {
        align-items: flex-start !important;
    }

    .trust-signals {
        justify-content: flex-start !important;
    }
}