/* Стили только для этого блока */
.seo-block {
background-color: #ffffff; /* Основной фон */
color: #2d3a3f; /* Тёмный, но мягкий цвет текста для контраста */
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
line-height: 1.5;
padding: 30px 20px;
border-radius: 24px; /* Лёгкая современная скругленность */
box-shadow: 0 5px 20px rgba(0,0,0,0.03); /* Едва заметная тень для объема */
max-width: 1200px;
margin: 0 auto; /* Центровка, если нужно */
}

/* Заголовки в блоке */
.seo-block h2,
.seo-block h3 {
color: #CF1C1C; /* Акцентный цвет для подзаголовков */
font-weight: 700;
letter-spacing: -0.02em;
margin-top: 1.8em;
margin-bottom: 0.6em;
font-size: 1.6rem;
}

.seo-block h2:first-of-type {
margin-top: 0; /* Убираем отступ сверху у первого заголовка */
}

/* Визуальное выделение strong (как мини-заголовки) */
.seo-block strong {
color: #CF1C1C;
font-weight: 600;
}

/* Стилизация параграфов */
.seo-block p {
margin-bottom: 1.2em;
font-size: 1rem;
color: #2d3a3f;
}

/* Уникальный стиль для "карточек" особенностей и преимуществ */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin: 25px 0 20px 0;
}

.feature-item {
background-color: #f4f6f7; /* Очень светлый серый для карточек (оттенок #666d70) */
background-color: #f0f3f5; /* Ближе к дополнительному цвету, но очень бледный */
padding: 20px 18px;
border-radius: 20px;
border-left: 4px solid #CF1C1C; /* Красная полоска слева для акцента */
transition: transform 0.2s ease;
}

.feature-item:hover {
transform: translateY(-3px);
}

.feature-item p {
margin: 0;
font-weight: 500;
display: flex;
align-items: center;
gap: 12px;
}

/* Иконки для фич (через эмодзи, но можно заменить на SVG) */
.feature-icon {
font-size: 2rem;
line-height: 1;
min-width: 40px;
text-align: center;
}

/* Стили для списков */
.seo-block ul {
list-style: none; /* Убираем стандартные маркеры */
padding-left: 0;
margin: 1.2em 0;
}

.seo-block li {
position: relative;
padding-left: 32px;
margin-bottom: 12px;
font-size: 1rem;
}

/* Кастомные маркеры (иконки) для списков */
.seo-block li::before {
content: "✓"; /* Галочка */
color: #CF1C1C; /* Красный цвет */
font-weight: bold;
position: absolute;
left: 8px;
top: 0;
font-size: 1.2rem;
}

/* Вложенные списки */
.seo-block ul ul {
margin-top: 10px;
padding-left: 20px;
}

.seo-block ul ul li::before {
content: "•"; /* Точка для вложенных */
color: #666d70; /* Дополнительный цвет для вторичных маркеров */
font-size: 1.5rem;
left: 4px;
top: -4px;
}

/* Кнопка/призыв в конце */
.cta-block {
background-color: #666d70; /* Дополнительный цвет фона */
background-color: #CF1C1C; /* Основной красный для CTA */
color: white;
text-align: center;
padding: 30px 20px;
border-radius: 32px;
margin-top: 40px;
}

.cta-block p {
margin: 0 0 10px 0;
color: white;
font-size: 1.4rem;
font-weight: 700;
}

.cta-block a {
color: white;
background-color: rgba(255,255,255,0.2);
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-block;
border: 2px solid white;
transition: background-color 0.3s ease;
margin-top: 10px;
}

.cta-block a:hover {
background-color: white;
color: #CF1C1C;
}

/* Разделители */
hr {
border: none;
height: 2px;
background: linear-gradient(90deg, transparent, #CF1C1C, #666d70, transparent);
margin: 30px 0;
opacity: 0.3;
}

/* Адаптация */
@media (max-width: 600px) {
.seo-block {
padding: 20px 15px;
}
.cta-block p {
font-size: 1.2rem;
}
}