/* Hero-блок */

.hero {
    background-color: var(--mbi-main);
    text-align: center;
    padding: 120px 0 120px;
}

/* На мобильных чуть меньше отступы */
@media (max-width: 767.98px) {
    .hero {
        padding: 80px 0 80px;
    }
}

/* Узкая колонка по центру (как на Tilda) */
.hero-content {
    max-width: var(--mbi-max-width-narrow);
    margin: 0 auto;
    padding: 0 20px; /* отступ от краёв экрана */
}

/* Заголовок Hero */
.hero-title {
    color: var(--mbi-text-light);
}

/* Описание под заголовком */
.hero-subtitle {
    color: var(--mbi-text-light);
    opacity: 0.95;
}