/* ============================================================
   Контентные страницы (Почему выбирают, SEO-разделы и т.п.)
   Manrope + токены, бренд #e0455a.
   ============================================================ */
.info-page {
    max-width: 980px;
    margin: 0 auto;
    padding: var(--space-8) var(--container-gutter) var(--space-9);
}
.info-hero { margin: 0 0 var(--space-7); }
.info-hero__title {
    font-family: var(--font-display);
    font-weight: var(--font-weight-extrabold);
    font-size: clamp(28px, 3.6vw, 42px);
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    color: var(--color-text);
}
.info-hero__lead { font-size: var(--font-size-lg); line-height: 1.5; color: var(--color-text); opacity: 0.65; margin: 0; }

/* Сетка преимуществ */
.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 0 0 var(--space-8);
}
@media (max-width: 820px) { .info-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .info-grid { grid-template-columns: 1fr; } }
.info-card {
    background: var(--home-gray-bg, #f5f5f7);
    border-radius: var(--home-radius, 14px);
    padding: 22px 20px;
}
.info-card__ic {
    width: 44px; height: 44px;
    display: grid; place-items: center;
    border: 1.5px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-primary);
    margin-bottom: 12px;
}
.info-card__ic svg { width: 22px; height: 22px; stroke: currentColor; fill: none; }
.info-card__title { font-family: var(--font-display); font-weight: 700; font-size: 17px; margin: 0 0 6px; }
.info-card__text { font-size: 14px; line-height: 1.5; color: var(--color-text); opacity: 0.75; margin: 0; }

/* Текстовые секции */
.info-section { margin: 0 0 var(--space-7); }
.info-section__title {
    font-family: var(--font-display);
    font-weight: var(--font-weight-bold);
    font-size: clamp(20px, 2.4vw, 26px);
    margin: 0 0 12px;
    color: var(--color-text);
}
.info-section p { font-size: 15px; line-height: 1.6; color: var(--color-text); margin: 0 0 12px; }
.info-section ul { margin: 0 0 12px; padding-left: 20px; }
.info-section li { font-size: 15px; line-height: 1.6; margin: 0 0 6px; }

/* CTA-полоса */
.info-cta {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
    background: var(--home-hero-bg, #fce9e6);
    border-radius: var(--home-radius-lg, 22px);
    padding: 28px 30px;
}
.info-cta__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(20px, 2.4vw, 26px); margin: 0; }