/* Start:/local/templates/exinco/assets/css/customer.css?179196962017219*/
/* Страница «Технический заказчик» (/customer/); общие стили tz-* берёт и
   «Строительный контроль» (/control/), свои блоки у неё — в control.css.
   Источник — assets/preview.css в папке доработок, собирает build-live.py. */

/* В custom.css сайта есть глобальное picture{display:contents} — оно нужно
   для webp, но растворяет <picture> целиком, и в grid/flex попадают ОБА его
   потомка: <source> занимает ячейку, картинка уезжает на следующую строку.
   <source> — служебный тег, рисоваться он не должен никогда. */
picture > source { display: none; }

/* ── общее ───────────────────────────────────────────────────────── */
.tz-container { max-width: 1290px; margin: 0 auto; padding: 0 20px; }
.tz-sec { padding: 100px 0; }
.tz-sec--grey { background: #F7F7F7; }
.tz-sec--flat { padding-top: 0; }

.tz-h2 {
    margin: 0; font-size: 36px; font-weight: 800; line-height: 44px;
    letter-spacing: -.015em; color: #043659;
}
.tz-lead { margin: 18px 0 0; font-size: 18px; font-weight: 400; line-height: 30px; color: #505050; }
.tz-lead--44 { max-width: 44em; }
.tz-lead--42 { max-width: 42em; }

/* шапка секции: заголовок слева, вводный абзац справа — по верхнему краю
   (верх заглавных у H2 36/44 и абзаца 17/29 совпадает с точностью до 1px) */
.tz-head { display: grid; gap: 60px; align-items: start; }
.tz-head--660 { grid-template-columns: 1fr 660px; }
.tz-head--670 { grid-template-columns: 1fr 670px; }
.tz-head p { margin: 0; font-size: 17px; font-weight: 400; line-height: 29px; color: #505050; }

/* ── кнопки ──────────────────────────────────────────────────────── */
.tz-btn {
    display: inline-flex; align-items: center; height: 52px; padding: 0 32px;
    border-radius: 4px; font-size: 15px; font-weight: 700; letter-spacing: .02em;
    text-decoration: none; transition: filter .2s, color .2s, box-shadow .2s;
}
.tz-btn--primary { background: linear-gradient(90deg, #091628 0%, #00C0EA 100%); color: #fff; }
.tz-btn--primary:hover { filter: brightness(1.08); color: #fff; }
/* обводка через inset-тень: не сдвигает раскладку, как в макете */
.tz-btn--ghost { padding: 0 33px; box-shadow: inset 0 0 0 1px #284670; color: #284670; }
.tz-btn--ghost:hover { color: #00C0EA; box-shadow: inset 0 0 0 1px #00C0EA; }
.tz-btn--cyan { background: #00C0EA; color: #091628; }
.tz-btn--cyan:hover { filter: brightness(1.08); color: #091628; }

/* ── первый экран ────────────────────────────────────────────────── */
.tz-hero { padding: 60px 0 96px; }
.tz-hero__grid { display: grid; grid-template-columns: 640px 1fr; gap: 75px; align-items: start; }
.tz-hero__text { padding-top: 34px; }
.tz-hero__title {
    margin: 26px 0 0; font-size: 64px; font-weight: 800; line-height: 1.06;
    letter-spacing: -.02em; color: #284670; max-width: 12ch;
}
.tz-hero__lead { margin: 32px 0 0; max-width: 33em; font-size: 18px; font-weight: 400; line-height: 31px; color: #505050; }
.tz-hero__actions { margin-top: 40px; display: flex; gap: 16px; flex-wrap: wrap; }
/* Верх картинки — по верху заглавных букв надзаголовка: отступ колонки
   текста (34px) плюс 4px от верха строки до верха букв у .subtitle сайта
   (14px, line-height 17px) */
.tz-hero__media { display: block; width: 590px; height: 480px; margin-top: 38px; object-fit: cover; }

/* ── кто такой техзаказчик ───────────────────────────────────────── */
.tz-who { display: grid; grid-template-columns: 420px 1fr; gap: 60px; align-items: start; }
.tz-who__note { margin: 20px 0 0; font-size: 15px; font-weight: 500; line-height: 25px; color: #7C7C7C; }
.tz-who__body { max-width: 810px; }
.tz-quote {
    margin: 0; padding: 4px 0 4px 28px; border-left: 3px solid #00C0EA;
    font-size: 17px; font-weight: 400; line-height: 30px; color: #333;
}
.tz-who__body p { margin: 22px 0 0; font-size: 17px; font-weight: 400; line-height: 30px; color: #505050; }
.tz-who__body p:first-of-type { margin-top: 36px; }

/* ── когда нужен: карточки ───────────────────────────────────────── */
.tz-cards { margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tz-card {
    background: #fff; border: 1px solid #E4EEF2; border-top: 3px solid #00C0EA;
    padding: 34px 34px 38px;
}
.tz-card__num {
    font-size: 15px; font-weight: 800; line-height: 15px; letter-spacing: .08em;
    color: #00C0EA; font-variant-numeric: tabular-nums;
}
.tz-card__title { margin: 20px 0 0; font-size: 19px; font-weight: 700; line-height: 27px; color: #043659; }
.tz-card__text { margin: 16px 0 0; font-size: 16px; font-weight: 400; line-height: 27px; color: #505050; }

/* ── что входит: градиентная плашка и три колонки ────────────────── */
.tz-scope__lead {
    margin: 0 0 0 auto; max-width: 590px;
    font-size: 16px; font-weight: 400; line-height: 27px; color: #666;
}
.tz-banner {
    margin-top: 44px; min-height: 100px; padding: 20px;
    background: linear-gradient(240deg, #00C0EA 0%, #284670 54.3%, #091628 100%);
    display: flex; align-items: center; justify-content: center;
}
.tz-banner h2 { margin: 0; text-align: center; font-size: 36px; font-weight: 800; line-height: 44px; letter-spacing: -.015em; color: #fff; }
.tz-scope__grid { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 45px; row-gap: 68px; }
.tz-scope__num {
    font-size: 50px; font-weight: 800; line-height: 1; letter-spacing: -.02em;
    color: #E6E6E6; font-variant-numeric: tabular-nums;
}
.tz-scope__title { margin: 22px 0 0; font-size: 18px; font-weight: 700; line-height: 26px; color: #043659; }
.tz-scope__sub { margin: 8px 0 0; font-size: 15px; font-weight: 400; line-height: 24px; color: #7C7C7C; }
.tz-scope__note {
    margin: 24px 0 0; padding-top: 16px; border-top: 1px solid #E6E6E6;
    font-size: 13px; font-weight: 400; line-height: 21px; color: #8A8A8A;
}
.tz-star { color: #00C0EA; }

/* маркированный список с квадратным маркером */
.tz-bullets { margin: 20px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; }
.tz-bullets li { display: grid; grid-template-columns: 7px 1fr; gap: 15px; align-items: start; }
.tz-bullets li::before { content: ""; display: block; width: 7px; height: 7px; background: #00C0EA; margin-top: 9px; }
.tz-bullets span { font-size: 16px; font-weight: 400; line-height: 25px; color: #505050; }

/* ── порядок работы ──────────────────────────────────────────────── */
.tz-steps { margin-top: 48px; }
.tz-step {
    display: grid; grid-template-columns: 72px 340px minmax(0, 720px); gap: 40px;
    padding: 34px 0; border-top: 1px solid #E6E6E6;
}
.tz-step:last-child { border-bottom: 1px solid #E6E6E6; }
.tz-step__num { font-size: 36px; font-weight: 800; line-height: 40px; color: #DBDBDB; font-variant-numeric: tabular-nums; }
.tz-step__title { margin: 0; font-size: 21px; font-weight: 700; line-height: 30px; letter-spacing: -.01em; color: #043659; }
.tz-step__text { margin: 0; font-size: 16px; font-weight: 400; line-height: 28px; color: #505050; }

/* ── нормативные основания ───────────────────────────────────────── */
.tz-legal {
    padding: 100px 0;
    background: radial-gradient(700px 460px at 83% 21%, #284670 0%, #091628 100%);
}
.tz-legal__grid { display: grid; grid-template-columns: 1fr 622px; gap: 85px; align-items: start; }
.tz-legal h2 { margin: 0; font-size: 36px; font-weight: 800; line-height: 44px; letter-spacing: -.015em; color: #fff; }
.tz-legal p { margin: 22px 0 0; max-width: 34em; font-size: 17px; font-weight: 400; line-height: 30px; color: rgba(255,255,255,.82); }
.tz-legal p:first-of-type { margin-top: 28px; }
.tz-legal__key {
    margin-top: 28px !important; padding-left: 24px; border-left: 3px solid #00C0EA;
    font-weight: 600 !important; color: #fff !important;
}
.tz-legal__card {
    background: rgba(255,255,255,.09); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
    padding: 40px 35px 35px;
}
.tz-legal__card h3 { margin: 18px 0 0; font-size: 24px; font-weight: 700; line-height: 30px; color: #fff; font-variant-numeric: tabular-nums; }
.tz-legal__card p { margin: 18px 0 0; max-width: none; font-size: 16px; line-height: 28px; color: rgba(255,255,255,.78); }
.tz-legal__card p:first-of-type { margin-top: 20px; }
.tz-legal__link {
    display: inline-block; margin-top: 28px; padding-bottom: 3px;
    border-bottom: 1px solid rgba(0,192,234,.5);
    font-size: 16px; font-weight: 600; line-height: 20px; color: #00C0EA;
}
.tz-legal__link:hover { border-bottom-color: #00C0EA; color: #00C0EA; }

/* ── строки со значком: документы и факторы стоимости ────────────── */
.tz-rows { margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 46px; }
.tz-row {
    display: grid; grid-template-columns: 22px 1fr; gap: 18px; align-items: start;
    padding: 21px 0; border-bottom: 1px solid #E0E0E0;
}
.tz-row::before {
    content: ""; display: block; width: 14px; height: 8px;
    border-left: 2px solid #00C0EA; border-bottom: 2px solid #00C0EA;
    transform: rotate(-45deg); margin-top: 9px;
}
.tz-row span { font-size: 17px; font-weight: 500; line-height: 27px; color: #222; }
.tz-after { margin: 44px 0 0; max-width: 52em; font-size: 17px; font-weight: 400; line-height: 29px; color: #505050; }

/* ── почему ЭКСИНКО: липкая колонка с цифрами и список доводов ───── */
.tz-why__grid { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 90px; align-items: start; }
.tz-why__aside { position: sticky; top: 140px; }
.tz-why__lead { margin: 20px 0 0; font-size: 17px; font-weight: 400; line-height: 29px; color: #505050; }
.tz-why__facts { margin: 40px 0 0; }
.tz-why__facts div { padding: 22px 0; border-top: 1px solid #E6E6E6; }
.tz-why__facts dt {
    font-size: 44px; font-weight: 800; line-height: 1; letter-spacing: -.02em;
    color: #284670; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.tz-why__facts dd { margin: 10px 0 0; font-size: 15px; font-weight: 500; line-height: 23px; color: #7C7C7C; }
.tz-why__list { margin: 0; padding: 0; list-style: none; }
.tz-why__item { padding: 36px 0; border-top: 1px solid #E6E6E6; }
.tz-why__item:first-child { padding-top: 0; border-top: 0; }
.tz-why__item:last-child { padding-bottom: 0; }
.tz-why__title { margin: 0; font-size: 22px; font-weight: 700; line-height: 30px; letter-spacing: -.01em; color: #043659; }
.tz-why__text { margin: 14px 0 0; max-width: 46em; font-size: 16px; font-weight: 400; line-height: 28px; color: #505050; }
.tz-why__proof { margin: 18px 0 0; display: flex; flex-wrap: wrap; gap: 10px 28px; font-size: 14px; font-weight: 600; line-height: 22px; }
.tz-why__proof a { color: #00C0EA; text-decoration: none; border-bottom: 1px solid rgba(0, 192, 234, .35); transition: border-color .2s; }
.tz-why__proof a:hover { border-bottom-color: #00C0EA; }
.tz-why__proof a::after { content: "\00a0→"; }
/* два белых раздела подряд: «Стоимость» отделена линией, а не только отступом */
.tz-why + .tz-sec { border-top: 1px solid #E6E6E6; }

/* ── стоимость ───────────────────────────────────────────────────── */
.tz-price { display: grid; grid-template-columns: 660px 1fr; gap: 56px; align-items: start; }
.tz-price__list { margin-top: 30px; }
.tz-price__item {
    display: grid; grid-template-columns: 8px 1fr; gap: 18px; align-items: start;
    padding: 16px 0; border-bottom: 1px solid #E0E0E0;
}
.tz-price__item::before { content: ""; display: block; width: 8px; height: 8px; background: #00C0EA; margin-top: 10px; }
.tz-price__item span { font-size: 17px; font-weight: 500; line-height: 27px; color: #222; }
.tz-price__box { background: #091628; padding: 44px 40px; margin-top: 62px; }
.tz-price__box h3 { margin: 0; font-size: 26px; font-weight: 800; line-height: 34px; letter-spacing: -.01em; color: #fff; }
.tz-price__box p { margin: 16px 0 0; max-width: 30em; font-size: 16px; font-weight: 400; line-height: 27px; color: rgba(255,255,255,.75); }
.tz-price__box .tz-btn { margin-top: 30px; }


/* ── вопросы и ответы ────────────────────────────────────────────── */
.tz-faq { margin-top: 48px; border-top: 1px solid #E0E0E0; }
.tz-faq details { border-bottom: 1px solid #E0E0E0; }
.tz-faq summary {
    list-style: none; cursor: pointer;
    display: grid; grid-template-columns: 1fr 24px; gap: 24px; align-items: center;
    padding: 26px 0;
}
.tz-faq summary::-webkit-details-marker { display: none; }
.tz-faq__q { margin: 0; max-width: 44em; font-size: 19px; font-weight: 700; line-height: 28px; letter-spacing: -.005em; color: #043659; }
.tz-faq__chev {
    display: block; width: 11px; height: 11px;
    border-right: 2px solid #00C0EA; border-bottom: 2px solid #00C0EA;
    transform: rotate(45deg); margin: -4px auto 0; transition: transform .2s, margin .2s;
}
.tz-faq details[open] .tz-faq__chev { transform: rotate(-135deg); margin: 4px auto 0; }
.tz-faq__a { padding: 0 0 32px; }
.tz-faq__a p { margin: 0; max-width: 56em; font-size: 17px; font-weight: 400; line-height: 30px; color: #505050; }

/* ── адаптив: в макете его нет, брейкпоинты взяты у сайта ────────── */
@media (max-width: 1330px) {
    .tz-hero__grid { grid-template-columns: 1fr 1fr; gap: 48px; }
    .tz-hero__media { width: 100%; height: 420px; }
    .tz-who { grid-template-columns: 340px 1fr; gap: 44px; }
    .tz-step { grid-template-columns: 60px 280px minmax(0, 1fr); gap: 28px; }
    .tz-legal__grid { grid-template-columns: 1fr 480px; gap: 56px; }
    .tz-price { grid-template-columns: 1fr 420px; gap: 44px; }
    .tz-why__grid { grid-template-columns: 340px minmax(0, 1fr); gap: 56px; }
    .tz-head--660, .tz-head--670 { grid-template-columns: 1fr 1fr; gap: 44px; }
}
@media (max-width: 991.92px) {
    .tz-sec, .tz-legal { padding: 70px 0; }
    .tz-hero { padding: 40px 0 70px; }
    .tz-hero__grid, .tz-who, .tz-legal__grid, .tz-price,
    .tz-head--660, .tz-head--670 { grid-template-columns: 1fr; gap: 36px; }
    .tz-hero__text { padding-top: 0; }
    .tz-hero__media { margin-top: 0; }
    .tz-hero__title { font-size: 44px; max-width: none; }
    .tz-hero__lead, .tz-legal p { max-width: none; }
    .tz-cards, .tz-scope__grid { grid-template-columns: repeat(2, 1fr); }
    .tz-rows { grid-template-columns: 1fr; }
    .tz-step { grid-template-columns: 52px 1fr; }
    .tz-step__text { grid-column: 2; }
    .tz-h2, .tz-banner h2 { font-size: 30px; line-height: 38px; }
    .tz-price__box { margin-top: 0; }
    .tz-why__grid { grid-template-columns: 1fr; gap: 48px; }
    .tz-why__aside { position: static; }
    .tz-why__facts { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
}
@media (max-width: 600px) {
    .tz-sec, .tz-legal { padding: 50px 0; }
    .tz-hero { padding: 24px 0 50px; }
    .tz-hero__title { font-size: 34px; }
    .tz-hero__lead { font-size: 16px; line-height: 27px; }
    .tz-hero__media { height: 260px; }
    .tz-hero__actions a { width: 100%; justify-content: center; }
    .tz-cards, .tz-scope__grid { grid-template-columns: 1fr; }
    .tz-h2, .tz-banner h2 { font-size: 24px; line-height: 32px; }
    .tz-lead { font-size: 16px; line-height: 27px; }
    .tz-price__box .tz-btn { width: 100%; justify-content: center; }
    .tz-faq__q { font-size: 17px; line-height: 25px; }
    .tz-scope__num { font-size: 40px; }
    .tz-why__facts { grid-template-columns: 1fr; }
    .tz-why__facts dt { font-size: 36px; }
    .tz-why__title { font-size: 19px; line-height: 27px; }
    .tz-why__item { padding: 28px 0; }
}

/* End */


/* Start:/local/templates/exinco/assets/css/control.css?17919696202011*/
/* Страница «Строительный контроль» (/control/): блоки, которых нет у «Технического
   заказчика». Общие стили tz-* — в customer.css, страница подключает оба файла.
   Источник — assets/control.css в папке доработок, собирает build-control-live.py. */

/* ── измерения вместо визуальной оценки: фото сканера и четыре карточки ── */
.tz-tools__body { margin-top: 52px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; }
.tz-tools__media { min-height: 360px; background: #E4EEF2; }
.tz-tools__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tz-tools__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.tz-tool { padding: 30px 28px 34px; background: #F7F7F7; border-top: 3px solid #00C0EA; }
.tz-tool__title { margin: 20px 0 0; font-size: 19px; font-weight: 700; line-height: 27px; color: #043659; }
.tz-tool__text { margin: 14px 0 0; font-size: 16px; font-weight: 400; line-height: 27px; color: #505050; }
.tz-tools .tz-after a:link, .tz-tools .tz-after a:visited {
    color: #00C0EA; font-weight: 600; text-decoration: none;
    border-bottom: 1px solid rgba(0, 192, 234, .35); transition: border-color .2s;
}
.tz-tools .tz-after a:hover { border-bottom-color: #00C0EA; }

/* ── стоимость: норматив для бюджетных объектов — сноской под списком ── */
.tz-price__note { margin: 24px 0 0; font-size: 14px; font-weight: 400; line-height: 23px; color: #7C7C7C; }

@media (max-width: 991.92px) {
    .tz-tools__body { grid-template-columns: 1fr; }
    .tz-tools__media { min-height: 0; height: 340px; }
}
@media (max-width: 600px) {
    .tz-tools__media { height: 240px; }
    .tz-tools__grid { grid-template-columns: 1fr; }
    .tz-tool { padding: 26px 22px 28px; }
}

/* End */


/* Start:/local/templates/exinco/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1788272766467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/exinco/components/bitrix/news.list/our-projects/style.css?1788272766162*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/exinco/assets/css/lead-form.css?17919696206441*/
/* Форма заявки — блок «Нужна экспертиза по проекту?»: «Технический заказчик»
   и главная. Источник — assets/lead-form.css в папке доработок, на сайт
   собирает build-live.py. Подключает includes/lead-form.php. */

/* ── заявка: форма слева, контакты справа ────────────────────────── */
/* кнопка «Обсудить проект» ведёт сюда (#feedback): отступ под липкую шапку */
.tz-cta { background: #F6F6F6; padding: 100px 0; scroll-margin-top: 60px; }
/* не «__container»: на такие классы у сайта общее правило [class*=__container] */
.tz-cta__inner { max-width: 1290px; margin: 0 auto; padding: 0 20px; }
.tz-cta__grid { display: grid; grid-template-columns: minmax(0, 640px) minmax(0, 1fr); gap: 60px 120px; align-items: center; }
.tz-cta h2 { margin: 0; font-size: 48px; font-weight: 700; line-height: 1.14; letter-spacing: -.02em; color: #284670; }
.tz-cta__lead { margin: 20px 0 0; font-size: 18px; font-weight: 400; line-height: 30px; color: #505050; }

.tz-form { margin-top: 36px; }
/* поле — строка с чертой снизу, звёздочка обязательного поля у правого края */
.tz-field { position: relative; display: block; border-bottom: 1px solid #CFCFCF; transition: border-color .2s; }
.tz-field + .tz-field { margin-top: 16px; }
.tz-field:focus-within { border-bottom-color: #00C0EA; }
.tz-field.is-invalid { border-bottom-color: #CA1646; }
.tz-field__input {
    display: block; width: 100%; height: 60px; padding: 0 28px 0 0;
    border: 0; border-radius: 0; background: transparent; outline: none;
    font-family: Inter, sans-serif; font-size: 18px; font-weight: 400; color: #091628;
}
.tz-field__input::placeholder { color: #6B6B6B; opacity: 1; }
.tz-field__req { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; color: #CA1646; }
.tz-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* флажок согласия: настоящий checkbox скрыт, рисуется квадрат рядом */
.tz-check { position: relative; display: grid; grid-template-columns: 24px 1fr; gap: 14px; margin-top: 32px; cursor: pointer; }
.tz-check + .tz-check { margin-top: 16px; }
.tz-check__input { position: absolute; opacity: 0; width: 24px; height: 24px; margin: 0; }
.tz-check__box {
    position: relative; width: 24px; height: 24px; box-sizing: border-box;
    border: 1px solid #BDBDBD; background: #fff; transition: background-color .2s, border-color .2s;
}
.tz-check__input:checked + .tz-check__box { background: #00C0EA; border-color: #00C0EA; }
.tz-check__input:checked + .tz-check__box::after {
    content: ""; position: absolute; left: 8px; top: 3px; width: 6px; height: 12px;
    border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.tz-check__input:focus-visible + .tz-check__box { outline: 2px solid #00C0EA; outline-offset: 2px; }
.tz-check.is-invalid .tz-check__box { border-color: #CA1646; }
.tz-check__text { font-size: 15px; font-weight: 400; line-height: 23px; color: #505050; }
/* :link и :visited — иначе перебьёт правило шаблона a:link { text-decoration: none }:
   специфичность та же, а стили шаблона на сайте подключаются позже */
.tz-check__text a:link, .tz-check__text a:visited { color: #284670; text-decoration: underline; text-underline-offset: 2px; }
.tz-check__text a:hover { color: #00C0EA; }

.tz-form__error { margin: 20px 0 0; font-size: 15px; line-height: 22px; color: #CA1646; }
.tz-form__submit {
    display: inline-flex; align-items: center; justify-content: center;
    margin-top: 32px; height: 56px; padding: 0 48px; border: 0; border-radius: 4px;
    background: linear-gradient(90deg, #091628 0%, #00C0EA 100%); color: #fff;
    font-family: Inter, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .02em;
    cursor: pointer; transition: filter .2s;
}
.tz-form__submit:hover { filter: brightness(1.08); }
.tz-form__submit:disabled { cursor: default; filter: grayscale(.4); }
.tz-form__done { margin-top: 36px; padding: 28px 32px; background: #fff; border-left: 4px solid #00C0EA; }
.tz-form__done p { margin: 0; font-size: 17px; line-height: 28px; color: #505050; }
.tz-form__done .tz-form__done-title { margin-bottom: 6px; font-size: 22px; font-weight: 700; line-height: 30px; color: #284670; }

/* контакты */
.tz-contacts { display: grid; gap: 44px; margin: 0; padding: 0; list-style: none; }
.tz-contacts__item { display: grid; grid-template-columns: 36px 1fr; gap: 24px; align-items: start; }
.tz-contacts__icon { width: 36px; height: 36px; fill: #284670; }
.tz-contacts__label {
    display: block; font-size: 14px; font-weight: 600; line-height: 20px;
    letter-spacing: .06em; text-transform: uppercase; color: #505050;
}
.tz-contacts__value {
    display: inline-block; margin-top: 12px; padding-bottom: 4px;
    border-bottom: 2px dotted #00C0EA;
    font-size: 30px; font-weight: 700; line-height: 38px; color: #284670; text-decoration: none;
    transition: color .2s;
}
.tz-contacts__value:hover { color: #00C0EA; }

/* ── адаптив: брейкпоинты сайта ──────────────────────────────────── */
@media (max-width: 1330px) {
    .tz-cta__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: 60px; }
    .tz-contacts__value { font-size: 26px; line-height: 34px; }
}
@media (max-width: 991.92px) {
    .tz-cta { padding: 70px 0; }
    .tz-cta__grid { grid-template-columns: 1fr; gap: 56px; }
    .tz-cta h2 { font-size: 36px; }
}
@media (max-width: 600px) {
    .tz-cta { padding: 50px 0; }
    .tz-cta h2 { font-size: 28px; }
    .tz-cta__lead { font-size: 16px; line-height: 27px; }
    .tz-field__input { height: 54px; font-size: 16px; }
    .tz-form__submit { width: 100%; }
    .tz-contacts { gap: 32px; }
    .tz-contacts__item { grid-template-columns: 28px 1fr; gap: 16px; }
    .tz-contacts__icon { width: 28px; height: 28px; }
    .tz-contacts__value { font-size: 22px; line-height: 30px; }
}

/* End */
/* /local/templates/exinco/assets/css/customer.css?179196962017219 */
/* /local/templates/exinco/assets/css/control.css?17919696202011 */
/* /local/templates/exinco/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1788272766467 */
/* /local/templates/exinco/components/bitrix/news.list/our-projects/style.css?1788272766162 */
/* /local/templates/exinco/assets/css/lead-form.css?17919696206441 */