@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .text-7xl {
        font-size: 3rem !important;
        line-height: 1.05 !important;
    }

    .text-6xl {
        font-size: 2.5rem !important;
        line-height: 1.08 !important;
    }

    .text-5xl {
        font-size: 2.15rem !important;
        line-height: 1.1 !important;
    }

    .text-4xl {
        font-size: 1.9rem !important;
        line-height: 1.15 !important;
    }

    .py-24 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-20 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .gap-16 {
        gap: 2rem !important;
    }

    .gap-12 {
        gap: 1.75rem !important;
    }

    .h-$$80vh$$ {
        height: auto !important;
        min-height: 72svh !important;
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    #mobile-menu {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important;
        z-index: 60 !important;
        width: 100% !important;
        max-height: calc(100vh - 72px);
        overflow-y: auto;
        box-shadow: 0 24px 40px rgba(0, 0, 0, 0.4);
    }

    #mobile-menu nav {
        gap: 0.9rem !important;
    }

    #mobile-menu nav > div,
    #mobile-menu nav > div a {
        font-size: 0.85rem !important;
        line-height: 1.35 !important;
    }

    #mobile-menu a {
        white-space: normal;
    }

    header .text-2xl {
        font-size: 1.35rem !important;
        line-height: 1.1 !important;
    }

    main .max-w-2xl,
    main .max-w-3xl,
    main .max-w-4xl,
    main .max-w-5xl {
        max-width: 100% !important;
    }

    .grid-cols-$$1\.5fr_1fr_1fr$$ {
        display: none !important;
    }

    .rounded-full.px-8,
    .rounded-full.px-6 {
        width: 100%;
        justify-content: center;
    }

    .inline-flex.items-center.gap-2.bg-primary,
    .inline-flex.items-center.gap-2.border,
    a.bg-primary,
    a.border.border-zinc-600 {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .tracking-$$0\.3em$$ {
        letter-spacing: 0.16em !important;
    }

    .text-zinc-500 {
        color: #b4b4bb !important;
    }
}