/*
 * Редизайн v2 для всех страниц лендинга (ветка redesign/home).
 * Подключается в layouts/landing.blade.php сразу после landing.css и переопределяет
 * общие компоненты под «воздушный» стиль главной (в духе apple.com):
 * отступы секций, заголовки, карточки, финальный призыв, логотип.
 * Разметку и тексты страниц не меняет. Главная дополнительно использует landing-home-v2.css.
 */

:root {
    --v2-white: #ffffff;
    --v2-alt: #f5f5f7;
    --v2-muted: #6e6e73;
    --v2-card-line: rgba(0, 0, 0, 0.06);
    --v2-radius: 18px;
}

/* ---------- Логотип: «QR» голубым ---------- */
.landing-nav__logo-qr {
    color: var(--sky-dark);
}

/* ---------- Секции и заголовки ---------- */
.landing .landing-section {
    padding: 72px 22px;
}
.landing .landing-section--alt {
    background: var(--v2-alt);
}
.landing .landing-page {
    padding: 72px 22px;
}
.landing .landing-title {
    font-size: 48px;
    line-height: 1.08;
    letter-spacing: -0.003em;
    margin-bottom: 18px;
    text-wrap: balance;
}
.landing .landing-section__title-sm {
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.003em;
    margin-bottom: 14px;
    text-wrap: balance;
}
.landing .landing-lead {
    font-size: 21px;
    line-height: 1.38;
    letter-spacing: 0.011em;
    color: var(--v2-muted);
    text-wrap: pretty;
}
.landing .landing-capability-group__title {
    font-size: 28px;
    letter-spacing: -0.003em;
}
.landing .landing-capability-group__head {
    text-align: center;
}

/* ---------- Карточки: белые, скругление 18px, почти невидимая граница ---------- */
.landing .landing-capability,
.landing .landing-product-about__format-card,
.landing .landing-product-about__step,
.landing .landing-consumer-stats__card,
.landing .landing-pricing__card,
.landing .landing-post-card,
.landing .landing-auth__card,
.landing .landing-for-whom-benefit,
.landing .landing-for-whom-role {
    border: 0;
    border-radius: var(--v2-radius);
    box-shadow: inset 0 0 0 1px var(--v2-card-line);
    background: var(--v2-white);
}
.landing .landing-capability {
    padding: 24px 18px 22px;
}
.landing .landing-product-about__step,
.landing .landing-product-about__format-card {
    padding: 28px 30px;
}
.landing .landing-pricing__card {
    padding: 28px 22px 26px;
}
.landing .landing-pricing__card:hover {
    transform: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.landing .landing-pricing__card--featured,
.landing .landing-pricing__card--featured:hover {
    box-shadow: inset 0 0 0 1.5px var(--sky);
}
.landing .landing-auth__card {
    padding: 36px 32px 32px;
}
.landing .landing-market__callout {
    border: 0;
    border-radius: var(--v2-radius);
    background: var(--v2-alt);
}
.landing .landing-section--alt .landing-market__callout {
    background: var(--v2-white);
}

/* ---------- Финальный призыв: светлый, по центру, кнопка-«таблетка» ---------- */
.landing .landing-cta-band {
    background: var(--v2-white);
    color: var(--text);
    padding: 72px 22px;
}
.landing .landing-cta-band__title {
    color: var(--text);
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.003em;
    margin-bottom: 14px;
    text-wrap: balance;
}
.landing .landing-cta-band__sub {
    color: var(--v2-muted);
    font-size: 21px;
    line-height: 1.38;
    max-width: 36em;
    margin-bottom: 28px;
}
.landing .landing-cta-band .landing-btn--white,
.landing .landing-cta-band .landing-btn--on-dark,
.landing .landing-cta-band .landing-btn--primary {
    background: transparent;
    color: var(--sky-dark);
    box-shadow: inset 0 0 0 1px var(--sky);
    padding: 14px 28px;
    font-size: 17px;
}
.landing .landing-cta-band .landing-btn--white:hover,
.landing .landing-cta-band .landing-btn--on-dark:hover,
.landing .landing-cta-band .landing-btn--primary:hover {
    background: var(--sky-soft);
    color: var(--sky-dark);
}

/* ---------- Подвал ---------- */
.landing .landing-footer {
    background: var(--v2-white);
}

/* ---------- Телефон ---------- */
@media (max-width: 734px) {
    .landing .landing-section,
    .landing .landing-page,
    .landing .landing-cta-band {
        padding-block: 52px;
    }
    .landing .landing-title {
        font-size: 34px;
        line-height: 1.12;
    }
    .landing .landing-section__title-sm,
    .landing .landing-cta-band__title {
        font-size: 28px;
        line-height: 1.14;
    }
    .landing .landing-lead,
    .landing .landing-cta-band__sub {
        font-size: 18px;
    }
    .landing .landing-capability-group__title {
        font-size: 24px;
    }
}

/* ==========================================================================
 * Исправления после проверки дизайна (01.10.2026)
 * ========================================================================== */

/* 1. Голубой текст: глубже, чтобы читался (контраст ≥ 4.5 на белом и #f5f5f7).
 *    Обводки кнопок (--sky) остаются светлыми. */
:root {
    --sky-dark: #28729a;
}
/* 2. Подзаголовки-акценты и номера шагов были цвета обводки (--sky) */
.landing .landing-hero__accent,
.landing .landing-step__num {
    color: var(--sky-dark);
}
/* 4. Залитые кнопки (вход, регистрация, тариф «Бизнес») — белый текст на глубоком голубом */
.landing .landing-btn--primary {
    background: var(--sky-dark);
    color: #fff;
}
.landing .landing-btn--primary:hover {
    background: #1f5f80;
    color: #fff;
}

/* 3. Шапка на телефоне: кнопка меню не помещалась */
@media (max-width: 480px) {
    .landing .landing-nav__inner {
        column-gap: 10px;
        padding-inline: 16px;
    }
    .landing .landing-nav__tagline {
        display: none;
    }
    .landing .landing-nav__actions {
        gap: 6px;
    }
    .landing .landing-nav .landing-btn--sm {
        padding: 8px 12px;
        font-size: 13px;
    }
    .landing .landing-nav__login {
        min-width: 0;
    }
}

/* 5. «Обзор рынка»: заголовки разделов и вводные абзацы по центру, как заголовок страницы */
.landing .landing-market__section .landing-section__title-sm {
    text-align: center;
}
.landing .landing-market__section-lead {
    text-align: center;
    margin-inline: auto;
    max-width: 40em;
}

/* 6–8. «Стоимость» */
.landing .landing-pricing__inner {
    max-width: var(--max);
}
.landing .landing-pricing__features,
.landing .landing-pricing__ai-list {
    text-align: left;
}
.landing .landing-pricing__ai {
    background: var(--v2-white);
    border: 0;
    border-radius: var(--v2-radius);
    box-shadow: inset 0 0 0 1px var(--v2-card-line);
    text-align: center;
}
.landing .landing-pricing__ai-list {
    display: inline-block;
    max-width: 44em;
}
.landing .landing-pricing__faq .landing-section__title-sm {
    text-align: center;
}
.landing .landing-pricing__faq-list {
    max-width: 760px;
    margin-inline: auto;
    text-align: left;
}
.landing .landing-pricing__faq-item {
    border-color: var(--v2-card-line);
}
/* 12. Мелкие плашки */
.landing .landing-pricing__badge,
.landing .landing-pricing__toggle-badge {
    font-size: 12px;
}
/* 13. Зелёная плашка акции → в палитре сайта */
.landing .landing-pricing__badge--promo,
.landing .landing-pricing__badge--promo.landing-pricing__badge-link:hover {
    background: var(--sky-soft);
    color: var(--sky-dark);
}

/* 9. «Возможности»: карточки одной ширины, неполные ряды по центру */
.landing .landing-section--capabilities .landing-capabilities {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}
.landing .landing-section--capabilities .landing-capability {
    flex: 0 0 calc((100% - 64px) / 5);
    min-width: 0;
    min-height: 0;
}
@media (max-width: 900px) {
    .landing .landing-section--capabilities .landing-capability {
        flex-basis: calc((100% - 32px) / 3);
    }
}
@media (max-width: 560px) {
    .landing .landing-section--capabilities .landing-capability {
        flex-basis: calc((100% - 16px) / 2);
    }
}

/* 10. «О продукте»: карточки вариантов А и Б одной высоты */
.landing .landing-product-about__format-grid {
    align-items: stretch;
}

/* 14. Страница новости: звёздочка внутри обложки, а не за её краем */
.landing .landing-post-show--has-badge {
    padding-right: 0; /* запас под звёздочку справа не нужен — она теперь на обложке */
}
.landing .landing-post-show .landing-post-badge {
    top: 18px;
    right: 14px;
}

/* 17. Низ страниц: призыв, ссылка «← На главную» и подвал на одном фоне, без серой полосы */
.landing .landing-cta-band,
.landing .landing-footer,
.landing .landing-subpage__back {
    background: var(--bg);
}

/* Ссылки под призывом на «Обзоре рынка» были белыми под старый голубой фон */
.landing .landing-market__cta-links {
    color: var(--v2-muted);
}
.landing .landing-market__cta-links a,
.landing .landing-market__cta-links a:hover {
    color: var(--sky-dark);
}

/* Ширина содержимого = ширина шапки (980 − 2×22 = 936px) на всех страницах.
 * Раньше внутренние контейнеры полноширинных секций были 980px без отступов
 * и выступали на 22px с каждой стороны относительно шапки. */
:root {
    --v2-content: calc(var(--max) - 44px);
}
.landing .landing-section__inner,
.landing .landing-product__header,
.landing .landing-product__steps,
.landing .landing-product__demo,
.landing .landing-product__features,
.landing .landing-cta-band__inner {
    max-width: var(--v2-content);
    margin-left: auto;
    margin-right: auto;
}
/* Список новостей — той же ширины, что остальные сетки карточек (было 820px) */
.landing .landing-page__inner--wide {
    max-width: var(--v2-content);
}