/* ==================================================
   FARMNOVA AI
   PLATFORM — RESPONSIVE
================================================== */

@media (max-width: 1100px) {

    .platform-hero-visual {
        right: 1%;
        transform:
            translateY(-50%)
            scale(0.82);
    }

    .platform-hero-content {
        max-width: 580px;
    }

}


@media (max-width: 900px) {

    .platform-hero {
        padding: 80px 0;
    }

    .platform-hero-content {
        max-width: 100%;
        text-align: center;
    }

    .platform-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .platform-hero-actions {
        justify-content: center;
    }

    .platform-hero-visual {
        position: relative;

        top: auto;
        right: auto;

        width: 340px;
        height: 340px;

        margin: 70px auto 0;

        transform: scale(0.9);
    }

    .platform-principles {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 600px) {

    .platform-container {
        width: min(
            100% - 30px,
            1180px
        );
    }

    .platform-hero {
        padding: 60px 0;
    }

    .platform-hero h1 {
        font-size: 42px;
    }

    .platform-hero-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .platform-hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .platform-primary-btn,
    .platform-secondary-btn {
        width: 100%;
    }

    .platform-hero-visual {
        transform: scale(0.72);

        margin-top: 45px;

        margin-bottom: -30px;
    }

    .platform-introduction {
        padding: 75px 0;
    }

    .platform-section-heading h2 {
        font-size: 34px;
    }

}
/* ==================================================
   PLATFORM RESPONSIVE
================================================== */

@media (max-width: 900px) {

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

}


@media (max-width: 650px) {

    .platform-ecosystem {
        padding: 75px 0;
    }


    .platform-stage {
        grid-template-columns: 1fr;

        gap: 12px;

        padding: 40px 0;
    }


    .platform-stage-number {
        padding-top: 0;
    }


    .platform-stage h3 {
        font-size: 30px;
    }


    .platform-stage p {
        font-size: 15px;
    }


    .platform-journey {
        padding: 80px 0;
    }


    .platform-journey-track {
        grid-template-columns: 1fr;

        gap: 15px;

        margin-top: 45px;
    }


    .platform-journey-step {
        padding: 25px;
    }


    .platform-philosophy {
        padding: 80px 0;
    }


    .platform-philosophy-box {
        padding: 45px 25px;

        border-radius: 22px;
    }


    .platform-philosophy-box h2 {
        font-size: 31px;
    }


    .platform-philosophy-box p {
        font-size: 15px;
    }

}