@media (max-width: 991.98px) {
    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .hero {
        height: 740px !important;
        min-height: auto;
    }

    .tunnel-visual {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 520px;
        margin: 40px auto -20px;
    }

    .logo-iuc {
        max-width: 110px;
    }

    .gap-4 {
        gap: .5rem !important;
    }

    .flex-wrap {
        flex-wrap: nowrap !important;
    }

    .partner-logo {
        max-height: 40px;
        width: auto;
        object-fit: contain;
    }

    .partner-label {
        display: block;
        font-size: .6rem;
        color: #333;
        margin-bottom: .35rem;
    }

    .date-box {
        padding: 28px 0;
    }

    .tunnel-visual {
        position: relative;
        right: auto;
        bottom: 470px;
        width: 100%;
        max-width: 520px;
        margin: 40px auto -20px;
    }

    .audience-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767.98px) {
	
	
	
    .section-padding {
        padding: 48px 0;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .payoff {
        font-size: 2.4rem;
    }

    .hero-copy {
        font-size: 1.2rem;
        line-height: 1.25;
        max-width: 640px;
    }

    .date-icon,
    .format-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }

    .date-number {
        font-size: 2rem;
    }

    .date-month {
        font-size: 1.35rem;
    }

    .audience-card {
        border-right: 0;
    }

    .audience-grid {
        grid-template-columns: 1fr;
    }

    @media (max-width: 768px) {
        .hero-cta {
            flex-direction: column;
            align-items: flex-start;
        }

        .hero-payoff {
            margin-top: 10px;
        }
    }
}

@media (max-width: 768px) {
	
	.bofiere-logo {
	    max-height: 35px;
	}
	
    .hero {
        min-height: auto;
        padding-bottom: 60px;
    }

    .hero-cta {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 24px;
        margin-top: 28px;
    }

    .hero-cta .download-card {
        width: 100%;
        max-width: 320px;
        min-height: 88px;
    }

    .hero-payoff {
        display: block !important;
        font-size: 2.6rem;
        line-height: 1.05;
        margin-top: 8px;
    }

    .tunnel-visual {
        right: -180px;
        bottom: 250px;
        width: 420px;
        height: 420px;
        opacity: 0.65;
    }
}