.micro-hero__content {
    gap: 22px;
}

/* What we build */

.section > .micro-build__helix {
    right: var(--gutter);
    top: 88px;
    width: 440px;
    height: 130px;
}

.micro-app {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
}

.micro-app__request {
    align-self: flex-start;
    margin-top: auto;
}

/* How we work */

.micro-steps__rings {
    right: -160px;
    bottom: -200px;
    width: 520px;
    height: 520px;
    opacity: .12;
}

/* When it is the right choice */

.micro-choice {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 48px;
    align-items: center;
}

.micro-choice__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.micro-choice__head .section-head__text {
    max-width: 560px;
}

.micro-fit {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    border-top-width: 4px;
}

.micro-fit__link {
    align-self: flex-start;
}

.micro-fit__link:hover {
    color: var(--c-dna-dark);
}

.micro-fit .check-list {
    gap: 10px;
}

.micro-fit .check-list__item {
    font-size: 14px;
}

.micro-choice__form {
    justify-self: start;
    width: 420px;
    max-width: 100%;
}

@media (max-width: 1199px) {
    .grid.micro-steps {
        --cols: 2;
    }

    .section > .micro-build__helix {
        display: none;
    }

    .micro-choice {
        grid-template-columns: minmax(0, 1fr) 420px;
        gap: 40px;
    }

    .grid.micro-choice__grid {
        --cols: 1;
    }
}

@media (max-width: 991px) {
    .micro-choice {
        grid-template-columns: minmax(0, 1fr);
    }

    .grid.micro-choice__grid {
        --cols: 2;
    }

    .micro-choice__form {
        width: 560px;
    }
}

@media (max-width: 767px) {
    .grid.micro-steps,
    .grid.micro-choice__grid {
        --cols: 1;
    }

    .micro-app {
        padding: 24px;
    }
}