@layer components {
/* ===== Главная: Подход к операции ===== */
.rz-landing-approach__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-5);
}

.rz-landing-approach__step {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-6);
    background: var(--color-background);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    flex: 0 1 calc((100% - 2 * var(--space-5)) / 3);
}

.rz-landing-approach__step-num {
    font-family: var(--font-display);
    font-size: var(--text-h2);
    line-height: 1;
    color: var(--color-primary);
}

.rz-landing-approach__step-title {
    font-size: var(--text-h3);
}

.rz-landing-approach__step-text {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
}

@media (max-width: 1024px) {
    .rz-landing-approach__step {
        flex-basis: calc((100% - var(--space-5)) / 2);
    }
}

@media (max-width: 767px) {
    .rz-landing-approach__steps {
        gap: var(--space-4);
    }

    .rz-landing-approach__step {
        flex-basis: 100%;
    }
}
}