/* Index responsive styles
   Loaded only on screens up to 991.98px.
   Desktop and wide-layout rules remain in /css/index.css.
   The hero artwork and overlay remain controlled by /css/index.css. */

@media (max-width: 991.98px) {
    body[data-page="home"] .fm-header {
        position: sticky;
    }

    body[data-page="home"] [data-layout-header]:empty {
        min-height: var(--fm-header-h);
        background: #0b0f10;
    }

    body[data-page="home"] .fm-nav {
        background: linear-gradient(180deg, rgba(11, 15, 16, .98), rgba(8, 12, 13, .97));
        border-bottom-color: var(--fm-border);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
    }

    .home-hero {
        min-height: auto;
        background-position: center, center, 50% 14%;
    }

    .home-hero__container {
        padding-top: 3.8rem;
        padding-bottom: 5.6rem;
    }

    .home-hero__copy {
        max-width: none;
        padding: 1.35rem 1.2rem 1.45rem;
    }

    .home-platform {
        max-width: none;
        margin-top: .5rem;
        transform: none;
    }

    .home-section-heading {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .home-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-product-card:nth-child(n) {
        grid-column: auto;
    }
}

@media (max-width: 767.98px) {
    .home-hero {
        min-height: 46rem;
    }

    .home-hero__container {
        padding-top: 1.9rem;
        padding-bottom: 5.5rem;
    }

    .home-hero__copy {
        padding: .9rem 1.25rem 1.05rem;
        transform: translateY(-.35rem);
    }

    .home-hero__copy::before {
        inset: -.25rem;
        background: rgba(5, 9, 10, .40);
        mask-image: none;
    }

    .home-hero__title {
        max-width: 9.6em;
        font-size: clamp(2.35rem, 11.5vw, 3.25rem);
        line-height: .98;
    }

    .home-title-rule {
        margin-top: .95rem;
    }

    .home-hero__lead {
        max-width: 32rem;
        margin-top: 1rem;
        font-size: .94rem;
        line-height: 1.55;
    }

    .home-hero__audience {
        margin-top: 1rem;
    }

    .home-platform {
        margin-top: 2.75rem;
    }

    .home-platform__status {
        display: none;
    }

    .home-platform__tiles {
        gap: .38rem;
    }

    .home-platform__tile {
        min-height: 54px;
    }

    .home-questions__grid {
        grid-template-columns: 1fr;
    }

    .home-question,
    .home-question:nth-child(3) {
        border-left: 0;
        border-top: 1px solid var(--home-line);
    }

    .home-question:nth-child(2) {
        border-bottom: 0;
    }

    .home-products {
        padding: 4rem 0;
    }

    .home-product-grid {
        grid-template-columns: 1fr;
    }

    .home-product-card:nth-child(n) {
        grid-column: auto;
    }
}

@media (max-width: 479.98px) {
    .home-hero {
        min-height: 44rem;
    }

    .home-hero__title {
        font-size: clamp(2.18rem, 11vw, 2.8rem);
    }

    .home-hero__actions {
        display: grid;
    }

    .home-button {
        width: 100%;
    }

    .home-platform {
        margin-top: 2.35rem;
        padding: 1rem;
    }

    .home-platform__group {
        padding: .65rem;
    }

    .home-platform__tile span {
        font-size: .69rem;
    }

    .home-platform__tile small {
        display: none;
    }

    .home-product-card__heading {
        align-items: flex-start;
    }

    .home-product-card__heading .home-product-card__code {
        min-width: 54px;
    }
}