/* Custom Mobile Responsiveness Fixes */

@media (max-width: 768px) {

    /* Hero Section Adjustments */
    #home h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }

    /* Hide forced line breaks to allow natural wrapping */
    #home h1 br {
        display: none;
    }

    /* Inject space after 'automate' because hiding <br> merged the text */
    #home h1 span:first-of-type::after {
        content: " ";
    }

    /* Adjust paragraph text */
    #home p {
        font-size: 16px !important;
        text-align: center !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1rem;
        /* Add side padding */
    }

    /* Center the content container */
    #home .container .max-w-2xl {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    /* Fix Button sizing and alignment */
    #home a[href="/login"] {
        height: auto !important;
        padding: 12px 32px !important;
        font-size: 16px !important;
        width: 100%;
        max-width: 280px;
        /* Limit max width */
        display: flex !important;
        justify-content: center !important;
    }

    /* Ensure button icon/text is centered */
    #home a[href="/login"] svg {
        margin-left: 8px;
    }

    /* Video Background Fix: Zoom and Focus on Hand */
    /* Hand is on the right side, so we zoom in and anchor to the right-center */
    #home iframe {
        transform: scale(4.5);
        transform-origin: 85% center;
        pointer-events: none;
        /* prevent interaction with zoomed iframe */
    }
}