/* Start:/local/templates/neiroinform/components/bitrix/news.list/about_page_blocks/style.css?17936218204819*/
.about-intro *,
.about-intro *::before,
.about-intro *::after {
    box-sizing: border-box;
}

.about-intro__content {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: clamp(40px, 6vw, 120px);
    row-gap: 60px;
    align-items: start;
    padding-top: 180px;
    padding-bottom: 90px;
}

/* ---------- Левая колонка ---------- */
.about-intro__aside {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.about-intro__description {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff6;
}

.about-intro__title {
    font-family: var(--font-bounded);
    font-weight: 400;
    font-size: clamp(28px, 2.4vw, 40px);
    line-height: 114%;
    text-transform: uppercase;
    color: var(--color-white);
}

.about-intro__title span {
    font-family: var(--font-chava);
    color: var(--color-orange);
}

.about-intro__mission {
    font-family: var(--font-manrope);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #ffffffa3;
}

/* Цифры */
.about-intro__info {
    margin: 16px 0 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.about-intro__info-item {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 16px;
    padding-left: 20px;
    border-left: 1px solid var(--color-border-gray);
}

.about-intro__info-value {
    margin: 0;
    font-family: var(--font-bounded);
    font-size: clamp(34px, 3vw, 52px);
    font-weight: 400;
    line-height: 100%;
    color: var(--color-orange);
    white-space: nowrap;
}

.about-intro__info-text {
    font-family: var(--font-manrope);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #ffffffa3;
}

.about-intro__nowrap {
    white-space: nowrap;
}

/* Карточка продукта */
.about-intro__product {
    margin-top: 16px;
    padding: 20px;
    background-color: var(--color-bg-gray);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-intro__product-label {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff6;
}

.about-intro__product-name {
    font-family: var(--font-bounded);
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--color-white);
}

.about-intro__product-name span {
    font-family: var(--font-chava);
    color: var(--color-orange);
}

.about-intro__product-desc {
    font-family: var(--font-manrope);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #ffffffa3;
}

.about-intro__product-link {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-orange);
    transition: color .3s ease-in-out;
}

.about-intro__product-link:hover {
    color: var(--color-orange-muted);
}

.about-intro__product-link:focus-visible {
    outline: 1px solid var(--color-orange);
    outline-offset: 4px;
}

/* ---------- Правая колонка: текст ---------- */
.about-intro__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: var(--font-manrope);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: #ffffffa3;
}

.about-intro__lead {
    font-size: clamp(20px, 1.5vw, 24px);
    font-weight: 500;
    line-height: 130%;
    color: var(--color-white);
}

/* ---------- Адаптив ---------- */
@media (max-width: 1280px) {
    .about-intro__content {
        padding-top: 140px;
        padding-bottom: 70px;
    }
}

@media (max-width: 1150px) {
    .about-intro__content {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 50px;
    }

    .about-intro__title {
        font-size: clamp(24px, 4vw, 34px);
    }

    .about-intro__info-value {
        font-size: clamp(40px, 6vw, 64px);
    }

    .about-intro__text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .about-intro__content {
        padding-top: 80px;
        padding-bottom: 50px;
        row-gap: 40px;
    }

    .about-intro__aside {
        gap: 20px;
    }

    .about-intro__info {
        grid-template-columns: minmax(0, 1fr);
    }

    .about-intro__info-item {
        flex-direction: column-reverse;
        padding-left: 0;
        padding-bottom: 16px;
        border-left: none;
        border-bottom: 1px solid var(--color-border-gray);
    }

    .about-intro__product {
        padding: 16px;
    }

    .about-intro__product-name {
        font-size: 18px;
    }

    .about-intro__lead {
        font-size: 18px;
    }
}
/* ===== /Блок «О нас» ===== */

/* End */


/* Start:/local/templates/neiroinform/components/neuroinform/empty/about_legal/style.css?17937056465381*/
/* ===== Блок «Реквизиты и сведения об организации» (legal-block) =====
   Живёт внутри section.legal-info: фон и вертикальные отступы секции берутся оттуда.
   Типографика, цвета и брейкпоинты (1199 / 991 / 640) — как у .legal-info:
   подписи rgba(243,243,243,.34), разделители rgba(255,255,255,.16),
   акцент #ff4b2f, карточки #171717 как у .technology-stack-blocks__item. */

.legal-block *,
.legal-block *::before,
.legal-block *::after {
    box-sizing: border-box;
}

/* ---------- Шапка ---------- */
.legal-block__head {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
}

.legal-block__description {
    color: rgba(243, 243, 243, .34);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
}

.legal-block__title {
    max-width: 1010px;
    color: #fff;
    font-family: var(--font-bounded), sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 114%;
    text-transform: uppercase;
}

.legal-block__title span {
    color: #ff4b2f;
    font-family: var(--font-bounded), sans-serif;
    font-size: inherit;
}

/* ---------- Сетка карточек ---------- */
.legal-block__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

/* Карточка реквизитов */
.legal-block__details {
    margin: 0;
    padding: 10px 30px;
    background: var(--color-bg-gray, #171717);
}

.legal-block__row {
    display: grid;
    grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
    gap: 8px 32px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.legal-block__row:last-child {
    border-bottom: 0;
}

.legal-block__label {
    color: #fff;
    font-family: var(--font-bounded), sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
}

.legal-block__value {
    margin: 0;
    color: #a3a3a3;
    font-family: var(--font-manrope), sans-serif;
    font-size: 16px;
    line-height: 1.25;
}

.legal-block__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
}

.legal-block__contacts a {
    color: #a3a3a3;
    text-decoration: none;
    transition: color .2s ease;
}

.legal-block__contacts a:hover {
    color: #ff4b2f;
}

.legal-block__contacts a:focus-visible {
    outline: 1px solid #ff4b2f;
    outline-offset: 3px;
}

/* Карточка ИТ-деятельности */
.legal-block__it {
    padding: 34px 30px;
    background: var(--color-bg-gray, #171717);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.legal-block__it-title {
    font-family: var(--font-bounded), sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    color: #ff4b2f;
}

.legal-block__codes {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.legal-block__code {
    display: flex;
    align-items: baseline;
    gap: 16px;
    color: #a3a3a3;
    font-family: var(--font-manrope), sans-serif;
    font-size: 16px;
    line-height: 1.25;
}

.legal-block__chip {
    flex: none;
    min-width: 64px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    font-family: var(--font-bounded), sans-serif;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
}

.legal-block__chip--main {
    background: #ff4b2f;
    border-color: #ff4b2f;
}

.legal-block__note {
    color: rgba(243, 243, 243, .34);
}

.legal-block__activities {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .16);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.legal-block__sub-title {
    color: rgba(243, 243, 243, .34);
    font-family: var(--font-bounded), sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
}

.legal-block__activities .legal-block__code {
    align-items: flex-start;
}

.legal-block__chip-stack {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ---------- Адаптив ---------- */
@media (max-width: 1199px) {
    .legal-block__row {
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 0;
    }

    .legal-block__details,
    .legal-block__it {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 991px) {
    .legal-block__head {
        margin-bottom: 30px;
    }

    .legal-block__title {
        font-size: 34px;
    }

    .legal-block__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .legal-block__row {
        grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
        gap: 32px;
    }
}

@media (max-width: 640px) {
    .legal-block__title {
        font-size: 25px;
        line-height: 1.06;
    }

    .legal-block__details,
    .legal-block__it {
        padding-left: 16px;
        padding-right: 16px;
    }

    .legal-block__it {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .legal-block__row {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .legal-block__code {
        gap: 12px;
    }
}
/* ===== /Блок «Реквизиты» ===== */

/* End */


/* Start:/local/templates/neiroinform/components/bitrix/news.list/technology_stack_tags/style.css?17936296272570*/
/* ===== Технологический стек: карточка с тегами в левой колонке =====
   Заменяет в custom.css правила .technology-stack-blocks* (основные и в медиа 1199 / 640).
   Цвета и шрифты — как у .legal-info: подписи rgba(243,243,243,.34),
   текст #a3a3a3, рамки rgba(255,255,255,.18), карточка #171717. */

/* Контейнер «Сведения о продуктах»: слева заголовок + стек, справа текст */
.legal-info__container--product {
    grid-template-rows: auto 1fr;
    row-gap: 30px;
}

.legal-info__container--product .legal-info__side--product {
    grid-column: 1;
    grid-row: 1;
}

.legal-info__container--product .legal-info__main--product {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.legal-info__stack {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
}

/* Карточка */
.tech-stack {
    padding: 24px;
    background: #171717;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tech-stack__title {
    color: rgba(243, 243, 243, .34);
    font-family: var(--font-bounded), sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
}

.tech-stack__groups {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tech-stack__group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tech-stack__group-title {
    color: #a3a3a3;
    font-family: var(--font-manrope), sans-serif;
    font-size: 16px;
    line-height: 1.25;
}

.tech-stack__tags {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tech-stack__tag {
    padding: 6px 14px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    font-family: var(--font-manrope), sans-serif;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
}

/* ≤991: одна колонка — заголовок, текст, затем стек */
@media (max-width: 991px) {
    .legal-info__container--product {
        grid-template-rows: none;
    }

    .legal-info__container--product .legal-info__side--product,
    .legal-info__container--product .legal-info__main--product,
    .legal-info__stack {
        grid-column: auto;
        grid-row: auto;
    }

    .legal-info__stack {
        order: 7;
        margin-top: 20px;
    }
}

@media (max-width: 640px) {
    .tech-stack {
        padding: 20px 16px;
    }
}

/* End */
/* /local/templates/neiroinform/components/bitrix/news.list/about_page_blocks/style.css?17936218204819 */
/* /local/templates/neiroinform/components/neuroinform/empty/about_legal/style.css?17937056465381 */
/* /local/templates/neiroinform/components/bitrix/news.list/technology_stack_tags/style.css?17936296272570 */