/* Start:/include/kontent_zavod//style.css?178541060627725*/
/* ============================================================
   Лендинг «Контент-завод под ключ» — INTEC
   Вся вёрстка на токенах из tokens.css. Локальных цветов,
   размеров шрифта и произвольных отступов нет.
   ============================================================ */

.kontent-zavod-page{
  /* ---- Палитра (8 цветов, других быть не должно) ---- */
  --intec-dark: #1B1E25;
  --intec-crimson: #C41F4C;
  --intec-crimson-hover: #A81842;
  --intec-gray: #808080;
  --intec-border: #CECECE;
  --intec-surface: #F8F8F8;
  --intec-surface-2: #EFEFEF;
  --intec-white: #FFFFFF;

  /* ---- Семантические алиасы ---- */
  --color-bg: var(--intec-white);
  --color-surface: var(--intec-surface);
  --color-surface-alt: var(--intec-surface-2);
  --color-border: var(--intec-border);

  --text-heading: var(--intec-dark);
  --text-body: var(--intec-dark);
  --text-secondary: #565A62;
  --text-on-dark: var(--intec-white);

  --accent: var(--intec-crimson);
  --accent-hover: var(--intec-crimson-hover);
  --accent-contrast: var(--intec-white);

  /* ---- Типографика ---- */
  --font-sans: 'Gilroy', -apple-system, 'Segoe UI', Arial, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-h1: 44px;        /* заголовки секций и hero */
  --fs-h2: 24px;        /* вторичные заголовки */
  --fs-h2-quiet: 38px;  /* спокойный редакционный заголовок */
  --fs-h3: 20px;        /* заголовки карточек */
  --fs-larger: 22px;
  --fs-base: 20px;
  --fs-small: 18px;
  --fs-small-2: 16px;
  --fs-caption: 14px;   /* кнопки, подписи */
  --fs-stat: 46px;      /* крупные цифры-показатели */

  --lh-tight: 1.12;
  --lh-body: 1.5;
  --ls-heading: -0.01em;
  --ls-label: 0.06em;

  /* ---- Отступы и сетка ---- */
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-9: 36px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --container-max: 1240px;
  --container-pad: 20px;
  --grid-gap: 24px;

  /* ---- Радиусы ---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* ---- Тени (минимальные) ---- */
  --shadow-xs: 0 1px 3px rgba(27,30,37,0.05);
  --shadow-sm: 0 2px 8px rgba(27,30,37,0.05);

  /* ---- Анимация ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
}

@media (max-width: 1080px){ .kontent-zavod-page{ --container-pad: 24px; } }


/* ---------- 0. База ---------- */
/**,*::before,*::after{box-sizing:border-box}*/
/*html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}*/
/*body{*/
/*  margin:0;*/
/*  font-family:var(--font-sans);*/
/*  font-size:var(--fs-base);*/
/*  line-height:var(--lh-body);*/
/*  color:var(--text-body);*/
/*  background:var(--color-bg);*/
/*  overflow-x:hidden;*/
/*  -webkit-font-smoothing:antialiased;*/
/*  text-wrap:pretty;*/
/*}*/
.kontent-zavod-page h1,
.kontent-zavod-page h2,
.kontent-zavod-page h3,
.kontent-zavod-page h4,
.kontent-zavod-page h5,
.kontent-zavod-page h6{margin:0;padding:0;font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);color:var(--text-heading)}
.kontent-zavod-page p{margin:0}
.kontent-zavod-page ul,
.kontent-zavod-page ol{margin:0;padding:0;list-style:none}
.kontent-zavod-page img{max-width:100%}
.kontent-zavod-page a{color:var(--accent);text-decoration:none;transition:color var(--dur) var(--ease)}
.kontent-zavod-page a:hover{color:var(--accent-hover)}
.kontent-zavod-page .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kontent-zavod-page .sprite{display:none}
.kontent-zavod-page .ico{fill:none;stroke:currentColor;flex:0 0 auto}
.kontent-zavod-page .container:before,
.kontent-zavod-page .container:after{
  display: none !important;
}

/* ---------- 1. Каркас секций ---------- */
.kontent-zavod-page{--section-gap:80px}
.kontent-zavod-page .container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}
.kontent-zavod-page .section#top{
  padding-top: 160px;
}
.kontent-zavod-page .section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}
.kontent-zavod-page .section--surface{background:var(--color-surface)}
.kontent-zavod-page .section--dark{background:var(--intec-dark);color:var(--text-on-dark)}
.kontent-zavod-page .section--half{padding-top:calc(var(--section-gap) / 2);padding-bottom:calc(var(--section-gap) / 2)}

.kontent-zavod-page .h-section{font-size:var(--fs-h1);line-height:var(--lh-tight);text-transform:uppercase}
.kontent-zavod-page .h-section em{font-style:normal;color:var(--accent)}
.kontent-zavod-page .text{font-size:var(--fs-base);line-height:1.6;color:var(--text-secondary)}
.kontent-zavod-page .num{font-size:var(--fs-small-2);font-weight:var(--fw-bold);line-height:1;color:var(--accent)}

.kontent-zavod-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}
.kontent-zavod-page .two-col--wide{gap:var(--space-20)}
.kontent-zavod-page .two-col--center{align-items:center}
.kontent-zavod-page .mb-24{margin-bottom:var(--space-6)}
.kontent-zavod-page .mb-32{margin-bottom:var(--space-8)}
.kontent-zavod-page .mb-48{margin-bottom:var(--space-12)}
.kontent-zavod-page .mb-64{margin-bottom:var(--space-16)}
.kontent-zavod-page .mt-48{margin-top:var(--space-12)}
.kontent-zavod-page .mw-600{max-width:600px}
.kontent-zavod-page .mw-820{max-width:820px}
.kontent-zavod-page .mw-900{max-width:900px}

/* ---------- 2. Кнопки и ссылки ---------- */
.kontent-zavod-page .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:56px;padding:0 34px;
  font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--fw-semibold);
  letter-spacing:var(--ls-label);text-transform:uppercase;line-height:1;white-space:nowrap;
  border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;
  outline: none !important;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease);
}
.kontent-zavod-page .btn:active{transform:translateY(1px)}
.kontent-zavod-page .btn--primary{background:var(--intec-dark);border-color:var(--intec-dark);color:var(--intec-white)}
.kontent-zavod-page .btn--primary:hover{background:#2a2e38;color:var(--intec-white)}
.kontent-zavod-page .btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}
.kontent-zavod-page .btn--accent:hover{background:var(--accent-hover);color:var(--accent-contrast)}
.kontent-zavod-page .btn--on-dark{background:#2a2e38;border-color:#2a2e38;color:var(--intec-white) !important;}
.kontent-zavod-page .btn--on-dark:hover{background:#343945;color:var(--intec-white)}
.kontent-zavod-page .btn--full{width:100%}
.kontent-zavod-page .btn:focus-visible,
.kontent-zavod-page a:focus-visible,
.kontent-zavod-page input:focus-visible,
.kontent-zavod-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.kontent-zavod-page .text-link{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-small-2);font-weight:var(--fw-semibold);color:var(--intec-dark);text-decoration: none;}
.kontent-zavod-page .text-link--invert{color:var(--intec-white)}
.kontent-zavod-page .text-link:hover{color:var(--accent)}
.kontent-zavod-page .text-link .ico{width:18px;height:14px;stroke-width:2;transition:transform var(--dur) var(--ease)}
.kontent-zavod-page .text-link:hover .ico{transform:translateX(3px)}

/* ---------- 3. Списки с галочками и маркерами ---------- */
.kontent-zavod-page .check-list{display:flex;flex-direction:column;gap:22px}
.kontent-zavod-page .check-item{display:flex;gap:var(--space-4);align-items:flex-start;font-size:var(--fs-small);line-height:1.4;color:var(--text-heading)}
.kontent-zavod-page .check-item .ico{width:26px;height:26px;margin-top:1px;stroke-width:2.4;color:var(--accent)}
.kontent-zavod-page .dot-list{display:flex;flex-direction:column;gap:14px;margin-top:var(--space-6)}
.kontent-zavod-page .dot-list li{position:relative;padding-left:22px;font-size:var(--fs-small);line-height:1.5;color:var(--text-heading)}
.kontent-zavod-page .dot-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.kontent-zavod-page .dot-list b{font-weight:var(--fw-bold)}

/* ---------- 4. Hero (01 · тёмный первый экран) ---------- */
.kontent-zavod-page .hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-16);align-items:center;padding-top:52px}
.kontent-zavod-page .hero__title{max-width:660px;font-size:var(--fs-h1);line-height:var(--lh-tight);text-transform:uppercase;color:var(--text-on-dark)}
.kontent-zavod-page .hero__lead{max-width:640px;margin-top:26px;font-size:var(--fs-small);line-height:1.5;color:rgba(255,255,255,0.68)}
.kontent-zavod-page .hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin:var(--space-8) 0 56px}
.kontent-zavod-page .hero__media{display:block;width:128%;max-width:none;height:auto;margin-right:-28%}
.kontent-zavod-page .hero__metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,0.1)}
.kontent-zavod-page .metric{display:flex;flex-direction:column;gap:10px;padding:26px 28px}
.kontent-zavod-page .metric:first-child{padding-left:0}
.kontent-zavod-page .metric + .metric{border-left:1px solid rgba(255,255,255,0.1)}
.kontent-zavod-page .metric__value{font-size:34px;font-weight:var(--fw-bold);line-height:1;color:var(--text-on-dark)}
.kontent-zavod-page .metric__label{font-size:var(--fs-small);line-height:1.4;color:rgba(255,255,255,0.6)}

/* ---------- 5. Вводная двухколоночная (02) ---------- */
.kontent-zavod-page .intro__lead{font-size:26px;font-weight:var(--fw-bold);line-height:1.5;color:var(--text-heading)}

/* ---------- 6. Четыре нумерованные карточки (03) ---------- */
.kontent-zavod-page .cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.kontent-zavod-page .n-card{display:flex;flex-direction:column;min-height:290px;padding:var(--space-8);background:var(--color-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}
.kontent-zavod-page .n-card__title{margin-bottom:var(--space-2);font-size:var(--fs-h3);line-height:1.2;font-weight: var(--fw-bold);}
.kontent-zavod-page .n-card__text{font-size:var(--fs-small);line-height:1.5;color:var(--text-secondary)}
.kontent-zavod-page .n-card__num{margin-top:auto;padding-top:var(--space-6);font-size:26px;font-weight:var(--fw-semibold);line-height:1;color:var(--color-border)}
.kontent-zavod-page .n-card--accent{background:var(--accent);box-shadow:none}
.kontent-zavod-page .n-card--accent .n-card__title{color:var(--intec-white)}
.kontent-zavod-page .n-card--accent .n-card__text{color:rgba(255,255,255,0.85)}
.kontent-zavod-page .n-card--accent .n-card__num{color:rgba(255,255,255,0.5)}

/* ---------- 7. Сравнение (04) ---------- */
.kontent-zavod-page .compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
.kontent-zavod-page .compare__panel{padding:var(--space-9) 40px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--text-heading)}
.kontent-zavod-page .compare__panel--dark{background:var(--intec-dark);border-color:var(--intec-dark);color:var(--intec-white)}
.kontent-zavod-page .compare__title{margin-bottom:20px;font-size:var(--fs-h3);color:inherit;font-weight: var(--fw-bold);}
.kontent-zavod-page .compare__list li{position:relative;padding-left:22px;margin-bottom:var(--space-4);font-size:var(--fs-small);line-height:1.5;color:var(--text-secondary)}
.kontent-zavod-page .compare__list li:last-child{margin-bottom:0}
.kontent-zavod-page .compare__list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.kontent-zavod-page .compare__panel--dark .compare__list li{color:rgba(255,255,255,0.75)}

/* ---------- 8. Кримсон-плашка (05) ---------- */
.kontent-zavod-page .plaque{padding:72px 56px;background:var(--accent);border-radius:var(--radius-lg);text-align:center}
.kontent-zavod-page .plaque__text{max-width:1100px;margin-inline:auto;font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:1.45;text-transform:uppercase;letter-spacing:var(--ls-heading);color:var(--intec-white)}

/* ---------- 9. Нумерованные ячейки выгод (06) ---------- */
.kontent-zavod-page .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}
.kontent-zavod-page .benefit{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-8);background:var(--color-surface-alt);border-radius:var(--radius-xs)}
.kontent-zavod-page .benefit__num{margin-bottom:var(--space-4);font-size:var(--fs-h2);font-weight:var(--fw-medium);line-height:1;color:var(--accent)}
.kontent-zavod-page .benefit__title{margin-bottom:12px;font-size:var(--fs-h3);font-weight:var(--fw-semibold);line-height:1.25;}
.kontent-zavod-page .benefit__text{font-size:var(--fs-small);line-height:1.5;color:var(--text-heading)}

/* ---------- 10. Как SEO-контент превращается в лиды (07) ---------- */
.kontent-zavod-page .how__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--space-16);align-items:center}
.kontent-zavod-page .how__media{display:flex;justify-content:center}
.kontent-zavod-page .how__media img{display:block;width:100%;max-width:560px;height:auto;border-radius:var(--radius-lg)}
.kontent-zavod-page .how__steps{display:grid;grid-template-columns:1fr 1fr;gap:40px var(--space-12)}
.kontent-zavod-page .how__title{margin:14px 0 var(--space-2);font-size:var(--fs-small);line-height:1.3;letter-spacing:var(--ls-heading);color:var(--text-heading);font-weight: var(--fw-semibold);}
.kontent-zavod-page .how__text{font-size:var(--fs-small);line-height:1.45;color:var(--text-secondary)}

/* ---------- 11. Диаграмма роста (08) ---------- */
.kontent-zavod-page .chart{padding:var(--space-9);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}
.kontent-zavod-page .chart__row + .chart__row{margin-top:var(--space-6)}
.kontent-zavod-page .chart__head{display:flex;justify-content:space-between;margin-bottom:12px;font-size:var(--fs-small-2);font-weight:var(--fw-bold)}
.kontent-zavod-page .chart__label{font-weight:var(--fw-semibold);color:var(--text-secondary)}
.kontent-zavod-page .chart__value{color:var(--text-heading)}
.kontent-zavod-page .chart__track{height:12px;border-radius:6px;background:var(--color-surface-alt);overflow:hidden}
.kontent-zavod-page .chart__fill{height:100%;border-radius:6px;background:var(--accent)}
.kontent-zavod-page .chart__fill--8{width:8%}
.kontent-zavod-page .chart__fill--25{width:25%}
.kontent-zavod-page .chart__fill--50{width:50%}
.kontent-zavod-page .chart__fill--100{width:100%}

/* ---------- 12. Открытая сетка услуг с иконками (09) ---------- */
.kontent-zavod-page .icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.kontent-zavod-page .service-item{display:flex;flex-direction:column;max-width:460px}
.kontent-zavod-page .service-item__icon{width:48px;height:48px;margin-bottom:var(--space-6);display:grid;place-items:center;color:var(--accent)}
.kontent-zavod-page .service-item__icon .ico{width:44px;height:44px;stroke-width:2}
.kontent-zavod-page .service-item__title{margin-bottom:12px;font-size:var(--fs-small);line-height:1.3}
.kontent-zavod-page .service-item__text{font-size:var(--fs-small);line-height:1.5;color:var(--text-secondary)}

/* ---------- 13. Калькулятор (10) ---------- */
.kontent-zavod-page .calc{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-16);align-items:start}
.kontent-zavod-page .calc__label{display:block;margin-bottom:12px;font-size:var(--fs-small);font-weight:var(--fw-bold)}
.kontent-zavod-page .calc__range{width:100%;height:6px;margin:0;border-radius:3px;background:var(--color-border);accent-color:var(--accent);cursor:pointer}
.kontent-zavod-page .calc__hint{margin-top:12px;font-size:var(--fs-small-2);color:var(--text-secondary)}
.kontent-zavod-page .calc__hint b{font-weight:var(--fw-bold);color:var(--text-heading)}
.kontent-zavod-page .calc__label--spaced{margin-top:var(--space-8)}
.kontent-zavod-page .mw-520{max-width:520px}
.kontent-zavod-page .calc__periods{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.kontent-zavod-page .calc__period{flex:1;padding:12px 8px;background:none;border:0;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-small-2);font-weight:var(--fw-semibold);color:var(--text-secondary);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.kontent-zavod-page .calc__period[aria-pressed="true"]{background:var(--accent);color:var(--intec-white)}
.kontent-zavod-page .calc__panel{padding:var(--space-9);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}
.kontent-zavod-page .calc__caption{font-size:var(--fs-small-2);color:var(--text-secondary)}
.kontent-zavod-page .calc__values{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:18px 0 var(--space-4)}
.kontent-zavod-page .calc__value{font-size:44px;font-weight:var(--fw-bold);line-height:1;color:var(--accent)}
.kontent-zavod-page .calc__unit{margin-top:10px;font-size:var(--fs-small-2);color:var(--text-secondary)}
.kontent-zavod-page .calc__meta{margin-top:var(--space-2);font-size:var(--fs-small-2);color:var(--text-secondary)}
.kontent-zavod-page .calc__note{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--fs-caption);line-height:1.6;color:var(--text-secondary)}
.kontent-zavod-page .calc__cta{margin-top:var(--space-6)}

/* ---------- 14. Стоимость (11) ---------- */
.kontent-zavod-page .price__cost{display:inline-block;margin:0 0 var(--space-8);white-space:nowrap;font-size:var(--fs-larger);font-weight:var(--fw-bold);color:var(--accent)}
.kontent-zavod-page .price__intro{margin-bottom:10px}

/* ---------- 15. Компания: показатели и регалии (12) ---------- */
.kontent-zavod-page .about__grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:var(--space-16);align-items:start}
.kontent-zavod-page .about__text{max-width:570px}
.kontent-zavod-page .about__media{display:flex;justify-content:center}
.kontent-zavod-page .about__media img{display:block;width:100%;max-width:500px;height:auto;margin-inline:auto}
.kontent-zavod-page .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}
.kontent-zavod-page .stat{text-align:center}
.kontent-zavod-page .stat__value{display:block;font-size:var(--fs-stat);font-weight:var(--fw-bold);line-height:1;color:var(--accent)}
.kontent-zavod-page .stat__label{display:block;max-width:220px;margin:14px auto 0;font-size:var(--fs-small);line-height:1.4;color:var(--text-secondary)}
.kontent-zavod-page .awards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.kontent-zavod-page .award{display:flex;flex-direction:column;min-height:150px;padding:28px 28px 30px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.kontent-zavod-page .award__logo{width:48px;height:48px;margin-bottom:auto;display:grid;place-items:center}
.kontent-zavod-page .award__logo img{display:block;width:auto;height:44px}
.kontent-zavod-page .award__title{margin:18px 0 6px;font-size:var(--fs-base);line-height:1.25;text-transform:uppercase;letter-spacing:var(--ls-heading);color:var(--text-heading);font-weight: var(--fw-semibold);}
.kontent-zavod-page .award__text{font-size:var(--fs-small);line-height:1.4;color:var(--text-secondary)}
.kontent-zavod-page .award--dark{background:var(--intec-dark);border-color:var(--intec-dark)}
.kontent-zavod-page .award--dark .award__title{color:var(--intec-white)}

/* ---------- 16. FAQ (13) ---------- */
.kontent-zavod-page .faq{border-top:1px solid var(--color-border)}
.kontent-zavod-page .faq__row{border-bottom:1px solid var(--color-border)}
.kontent-zavod-page .faq__title{margin:0;font-size:var(--fs-h3);padding-bottom:0;}
.kontent-zavod-page .faq__q{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;padding:30px 0;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);color:var(--text-heading);transition:color var(--dur) var(--ease)}
.kontent-zavod-page .faq__q:hover,
.kontent-zavod-page .faq__row.is-open .faq__q{color:var(--accent)}
.kontent-zavod-page .faq__q .ico{width:20px;height:20px;stroke-width:2;color:var(--text-secondary);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.kontent-zavod-page .faq__row.is-open .faq__q .ico{transform:rotate(-90deg);color:var(--accent)}
.kontent-zavod-page .faq__a{overflow:hidden;max-height:0;transition:max-height var(--dur) var(--ease)}
.kontent-zavod-page .faq__row.is-open .faq__a{max-height:400px}
.kontent-zavod-page .faq__a p{max-width:1000px;padding-bottom:30px;font-size:var(--fs-small);line-height:1.6;color:var(--text-secondary)}

/* ---------- 17. Форма заявки (14) ---------- */
.kontent-zavod-page .contact{padding-bottom:var(--section-gap)}
.kontent-zavod-page .contact__grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:var(--space-16);align-items:stretch}
.kontent-zavod-page .contact__panel{display:flex;flex-direction:column;padding:56px var(--space-12);background:var(--accent);border-radius:var(--radius-lg);color:var(--intec-white)}
.kontent-zavod-page .contact__title{font-size:var(--fs-h2-quiet);line-height:1.1;text-transform:uppercase;color:var(--intec-white)}
.kontent-zavod-page .contact__note{margin-top:var(--space-6);font-size:var(--fs-small);line-height:1.6;color:rgba(255,255,255,0.9)}
.kontent-zavod-page .contact__checklist{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-6)}
.kontent-zavod-page .contact__checklist li{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-small-2);color:var(--intec-white)}
.kontent-zavod-page .contact__checklist .ico{width:16px;height:12px;margin-top:5px;stroke-width:2.2;color:var(--intec-white)}
.kontent-zavod-page .contact__links{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:var(--space-8)}
.kontent-zavod-page .contact__links a{font-size:var(--fs-small-2);color:var(--intec-white)}
.kontent-zavod-page .contact__links a:hover{color:var(--intec-white);text-decoration:underline}
.kontent-zavod-page .contact__phone{font-size:var(--fs-larger);font-weight:var(--fw-bold)}
.kontent-zavod-page .form{display:flex;flex-direction:column;justify-content:center}
.kontent-zavod-page .form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-12)}
.kontent-zavod-page .field{display:flex;flex-direction:column;gap:var(--space-2)}
.kontent-zavod-page .field--full{grid-column:1 / -1}
.kontent-zavod-page .field__label{font-size:var(--fs-small-2);color:var(--text-secondary)}
.kontent-zavod-page .field input,
.kontent-zavod-page .field textarea{padding:10px 0;background:none;border:0;border-bottom:1.5px solid var(--color-border);font-family:var(--font-sans);font-size:var(--fs-small);color:var(--text-body);outline:none;transition:border-color var(--dur) var(--ease)}
.kontent-zavod-page .field textarea{min-height:44px;resize:vertical}
.kontent-zavod-page .field input:focus,
.kontent-zavod-page .field textarea:focus{border-bottom-color:var(--accent)}
.kontent-zavod-page .form__actions{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}
.kontent-zavod-page .consent{display:flex;align-items:flex-start;gap:12px;max-width:420px;font-size:13px;line-height:1.5;color:var(--text-secondary);cursor:pointer}
.kontent-zavod-page .consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer}
.kontent-zavod-page .form__success{grid-column:1 / -1;display:none;align-items:center;gap:12px;margin-top:var(--space-6);padding:var(--space-4) 18px;background:var(--color-surface);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--fs-small-2);font-weight:var(--fw-bold);color:var(--text-heading)}
.kontent-zavod-page .form__success.is-visible{display:flex}

/* ============================================================
   Адаптив
   ============================================================ */
@media (max-width: 1080px){
  .kontent-zavod-page{--section-gap:56px}
  .kontent-zavod-page .cards-4,
  .kontent-zavod-page .icon-grid,
  .kontent-zavod-page .benefit-grid,
  .kontent-zavod-page .stats,
  .kontent-zavod-page .awards{grid-template-columns:repeat(2,1fr)}
  .kontent-zavod-page .contact__grid,
  .kontent-zavod-page .calc,
  .kontent-zavod-page .how__grid{grid-template-columns:1fr}
  .kontent-zavod-page .how__media{order:2}
  .kontent-zavod-page .n-card{min-height:0}
}
@media all and (max-width: 1024px) {
  .kontent-zavod-page .section#top{
    padding-top: 80px;
  }
}
@media (max-width: 900px){
  .kontent-zavod-page .hero__grid{grid-template-columns:1fr;gap:40px}
  .kontent-zavod-page .hero__media{width:100%;margin-right:0}
  .kontent-zavod-page .hero__metrics{grid-template-columns:repeat(2,1fr)}
  .kontent-zavod-page .metric,
  .kontent-zavod-page .metric:first-child{padding:26px 0}
  .kontent-zavod-page .metric + .metric{border-left:0}
  .kontent-zavod-page .metric:nth-child(2n){padding-left:28px;border-left:1px solid rgba(255,255,255,0.1)}
}
@media (max-width: 768px){
  .kontent-zavod-page{--section-gap:44px}
  .kontent-zavod-page .two-col,
  .kontent-zavod-page .about__grid,
  .kontent-zavod-page .compare,
  .kontent-zavod-page .cards-4,
  .kontent-zavod-page .icon-grid,
  .kontent-zavod-page .benefit-grid,
  .kontent-zavod-page .form__grid{grid-template-columns:1fr}
  .kontent-zavod-page .stats,
  .kontent-zavod-page .how__steps,
  .kontent-zavod-page .calc__values{grid-template-columns:repeat(2,1fr)}
  .kontent-zavod-page .awards{grid-template-columns:repeat(1,1fr)}
  .kontent-zavod-page .compare__panel{padding:28px var(--space-6)}
  .kontent-zavod-page .contact__panel{padding:40px 28px}
  .kontent-zavod-page .plaque{padding:var(--space-8)}
  .kontent-zavod-page .calc__panel,
  .kontent-zavod-page .chart{padding:28px}
  .kontent-zavod-page .calc__periods{flex-direction:column}
  .kontent-zavod-page .form__actions{flex-direction:column;align-items:flex-start}
  .kontent-zavod-page .btn{width:100%}
  .kontent-zavod-page .faq__q{font-size:var(--fs-small)}
}
@media (max-width: 640px){
  .kontent-zavod-page .h-section,
  .kontent-zavod-page .hero__title{font-size:36px}
  .kontent-zavod-page .contact__title{font-size:28px}
  .kontent-zavod-page .stat__value,
  .kontent-zavod-page .calc__value{font-size:38px}
  .kontent-zavod-page .intro__lead,
  .kontent-zavod-page .plaque__text{font-size:22px}
}

/* End */
/* /include/kontent_zavod//style.css?178541060627725 */