:root {
  --system-peach: #f3aa90;
  --system-peach-soft: rgba(243, 170, 144, .14);
}

.content-hero,
.service-system-hero {
  position: relative;
  margin: 0 0 clamp(52px, 7vw, 94px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  min-height: 570px;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background:
    radial-gradient(circle at 78% 18%, rgba(113, 255, 151, .12), transparent 29rem),
    linear-gradient(145deg, rgba(13, 23, 16, .98), rgba(4, 8, 5, .99));
  isolation: isolate;
}

.content-hero::before,
.service-system-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .34;
  background:
    linear-gradient(rgba(113, 255, 151, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(113, 255, 151, .06) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(90deg, #000, transparent 76%);
}

.content-hero__copy,
.service-system-hero__copy {
  padding: clamp(38px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-kicker {
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(165, 255, 189, .72) !important;
  font: 700 10px/1.4 var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.content-kicker::before {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--green);
}

.content-kicker span { color: var(--system-peach); }

.content-hero h1,
.service-system-hero h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(46px, 5.6vw, 82px);
  line-height: .94;
}

.content-hero__lead,
.service-system-hero__lead {
  max-width: 690px;
  margin: 28px 0 0;
  color: #d9e3db !important;
  font-size: clamp(17px, 1.6vw, 22px);
  line-height: 1.55;
}

.service-system-hero__extra { margin-top: 14px; color: var(--muted); }

.content-hero__actions {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.content-button,
.page-shell a.content-button {
  min-height: 51px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 1px solid var(--green);
  color: var(--ink) !important;
  background: var(--green);
  font: 800 12px/1 var(--font-sans);
  letter-spacing: .035em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}

.content-button:hover { transform: translateY(-3px); }
.content-button--ghost,
.page-shell a.content-button--ghost { color: var(--green-bright) !important; background: rgba(5, 8, 6, .36); }
.content-button--ghost:hover { color: var(--ink) !important; background: var(--green); }

.content-hero__signals {
  margin: clamp(44px, 6vw, 82px) 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
}

.content-hero__signals div { padding: 17px 10px 0 0; }
.content-hero__signals dt { color: var(--green); font: 11px/1 var(--font-mono); }
.content-hero__signals dd { margin: 8px 0 0; color: var(--muted); font-size: 12px; }

.content-hero__visual,
.service-system-hero__visual > figure {
  position: relative;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  border-left: 1px solid var(--line);
  background: #07100a;
}

.content-hero__visual img,
.service-system-hero__visual figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.92) contrast(1.05);
}

.content-hero__visual::after,
.service-system-hero__visual > figure::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 8, 6, .35), transparent 35%), linear-gradient(0deg, rgba(5, 8, 6, .45), transparent 42%);
}

.content-hero__visual figcaption,
.service-system-hero__visual figcaption {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(238, 245, 239, .76);
  font: 10px/1.3 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.content-hero__visual figcaption span,
.service-system-hero__visual figcaption i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 14px var(--green);
}

.service-system-hero { grid-template-columns: minmax(0, 1.1fr) minmax(390px, .9fr); }
.service-system-hero__visual { position: relative; display: grid; grid-template-rows: minmax(330px, 1fr) auto; }
.service-system-hero__bullets { margin: 28px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.service-system-hero__bullets li { display: flex; gap: 12px; align-items: baseline; color: #cad6cc; }
.service-system-hero__bullets span { color: var(--green); font: 10px/1 var(--font-mono); }
.service-system-audit { padding: 25px; border-top: 1px solid var(--line-strong); background: linear-gradient(135deg, rgba(11, 24, 15, .98), rgba(15, 20, 17, .98)); }
.service-system-audit__label { color: var(--green); font: 10px/1.3 var(--font-mono); letter-spacing: .1em; }
.service-system-audit h2 { margin: 10px 0; font-size: 25px; }
.service-system-audit p { margin-bottom: 10px; }
.service-system-audit ul { margin: 14px 0 20px; padding: 0; display: grid; gap: 7px; list-style: none; }
.service-system-audit li::before { content: "+"; margin-right: 9px; color: var(--green); font-family: var(--font-mono); }

.system-metrics {
  margin: -52px 0 clamp(70px, 8vw, 110px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-top: 0;
}
.system-metrics div { padding: 24px 28px; border-right: 1px solid var(--line); }
.system-metrics div:last-child { border-right: 0; }
.system-metrics dt { color: var(--system-peach); font: 750 clamp(25px, 3vw, 42px)/1 var(--font-sans); }
.system-metrics dd { margin: 8px 0 0; color: var(--muted); font: 10px/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }

.content-section { margin: 0 0 clamp(76px, 9vw, 130px); }
.content-section__heading { max-width: 820px; margin-bottom: 36px; }
.content-section__heading h2 { margin: 0; }
.content-section__heading > p:last-child { max-width: 650px; margin: 18px 0 0; font-size: 17px; }
.content-section--prose { display: grid; grid-template-columns: minmax(260px, .38fr) minmax(0, .62fr); gap: clamp(40px, 7vw, 110px); align-items: start; }
.content-section--prose .content-section__heading { position: sticky; top: 120px; }

.system-card-grid,
.portfolio-grid,
.editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

.system-content-card,
.portfolio-card,
.editorial-card {
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: linear-gradient(145deg, rgba(17, 28, 20, .96), rgba(7, 12, 8, .98));
  transition: transform .2s ease, border-color .2s ease;
}
.system-content-card:hover,
.portfolio-card:hover,
.editorial-card:hover { transform: translateY(-5px); border-color: var(--green); }

.system-content-card__cover,
.portfolio-card__cover,
.portfolio-card__image,
.editorial-card__cover,
.editorial-card__image { position: relative; aspect-ratio: 16 / 10; display: block; overflow: hidden; border-bottom: 1px solid var(--line); }
.system-content-card__cover::after,
.portfolio-card__cover::after,
.portfolio-card__image::after,
.editorial-card__cover::after,
.editorial-card__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,8,6,.5), transparent 60%); }
.system-content-card__cover img,
.portfolio-card__cover img,
.portfolio-card__image img,
.editorial-card__cover img,
.editorial-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.system-content-card:hover img,
.portfolio-card:hover img,
.editorial-card:hover img { transform: scale(1.035); }
.system-content-card__cover > span,
.portfolio-card__cover > span,
.portfolio-card__image > span,
.editorial-card__cover > span,
.editorial-card__image > span { position: absolute; top: 14px; left: 14px; z-index: 2; min-width: 32px; padding: 7px; color: var(--ink); background: var(--green); font: 800 10px/1 var(--font-mono); text-align: center; }

.system-content-card__body,
.portfolio-card__body,
.editorial-card__body { padding: 24px; }
.system-content-card__body > p:first-child,
.portfolio-card__meta,
.editorial-card__meta { margin: 0 0 12px; color: var(--green) !important; font: 10px/1.35 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.system-content-card h3,
.portfolio-card h2,
.portfolio-card h3,
.editorial-card h2,
.editorial-card h3 { margin: 0 0 13px; font-size: clamp(20px, 2vw, 28px); line-height: 1.08; }
.system-content-card h3 a,
.portfolio-card h2 a,
.portfolio-card h3 a,
.editorial-card h2 a,
.editorial-card h3 a { color: var(--white) !important; text-decoration: none; }
.system-content-card ul { margin: 18px 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.system-content-card li { padding-left: 15px; position: relative; }
.system-content-card li::before { content: "/"; position: absolute; left: 0; color: var(--green); font-family: var(--font-mono); }
.system-content-card__link,
.portfolio-card__link,
.editorial-card__link { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; color: var(--green-bright) !important; font: 700 11px/1.4 var(--font-mono); letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }

.system-process > ol { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line-strong); list-style: none; }
.system-process li { min-height: 260px; padding: 28px; border-right: 1px solid var(--line); background: rgba(8, 15, 10, .74); }
.system-process li:last-child { border-right: 0; }
.system-process li > span { color: var(--green); font: 10px/1.4 var(--font-mono); letter-spacing: .08em; }
.system-process h3 { margin: 66px 0 14px; font-size: 24px; }

.system-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.system-feature { min-height: 230px; padding: 26px; border: 1px solid var(--line); background: rgba(10, 17, 12, .78); }
.system-feature > span { color: var(--system-peach); font: 11px/1 var(--font-mono); }
.system-feature h3 { margin: 52px 0 12px; font-size: 22px; }

.rich-content,
.article-content,
.promotion-content,
.detail-text,
.about-prose {
  color: #c7d2c9;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.75;
}
.rich-content > *:first-child,
.article-content > *:first-child,
.promotion-content > *:first-child,
.detail-text > *:first-child,
.about-prose > *:first-child { margin-top: 0; }
.rich-content h2,
.article-content h2,
.promotion-content h2,
.detail-text h2,
.about-prose h2 { margin: 56px 0 20px; }
.rich-content h3,
.article-content h3,
.promotion-content h3,
.detail-text h3,
.about-prose h3 { margin: 36px 0 14px; color: var(--green-bright); }
.rich-content ul,
.rich-content ol,
.article-content ul,
.article-content ol,
.promotion-content ul,
.detail-text ul,
.about-prose ul { padding-left: 1.25rem; }
.rich-content li::marker,
.article-content li::marker,
.promotion-content li::marker,
.detail-text li::marker,
.about-prose li::marker { color: var(--green); }
.rich-content blockquote,
.article-content blockquote,
.detail-text blockquote { margin: 36px 0; padding: 24px 28px; border-left: 3px solid var(--system-peach); background: var(--system-peach-soft); color: var(--white); }
.rich-content img,
.article-content img,
.promotion-content img,
.detail-text img,
.about-prose img { height: auto; border: 1px solid var(--line-strong); }
.rich-content table,
.article-content table,
.detail-text table { width: 100%; margin: 32px 0; border-collapse: collapse; }
.rich-content td, .rich-content th,
.article-content td, .article-content th,
.detail-text td, .detail-text th { padding: 14px; border: 1px solid var(--line); }

/* Контент, ранее собранный в CMS на Bootstrap-блоках. */
.category-description .advantages-section,
.category-description .stats-section,
.category-description .process-section,
.category-description .cases-section { margin: 38px 0 !important; padding: 0 !important; color: #c7d2c9 !important; background: transparent !important; }
.category-description .container { width: 100%; max-width: none; padding: 0; }
.category-description .advantages-section .row,
.category-description .process-section .row,
.category-description .cases-section .row,
.category-description .stats-section .row { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.category-description .stats-section .row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.category-description .row > [class*="col-"] { width: auto; margin: 0 !important; padding: 0; }
.category-description .advantage-item,
.category-description .step,
.category-description .case-item,
.category-description .stat-item { height: 100%; padding: 20px; border: 1px solid var(--line); color: #c7d2c9; background: rgba(8,15,10,.78); }
.category-description .adv-title,
.category-description .step-title,
.category-description .case-title { color: var(--white) !important; }
.category-description .step-num,
.category-description .stat-number { color: var(--system-peach) !important; font-family: var(--font-mono); }
.category-description .case-thumb { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 0; }

/* Старая разметка кейсов содержит собственный <style>; принудительно приводим её к теме. */
.detail-text .article-wrap { --accent: var(--green) !important; --accent-light: rgba(113,255,151,.08) !important; --text: var(--white) !important; --muted: var(--muted) !important; --border: var(--line) !important; --bg: transparent !important; --table-head: rgba(113,255,151,.08) !important; --faq-open-bg: rgba(113,255,151,.08) !important; color: #c7d2c9 !important; background: transparent !important; font-family: var(--font-sans) !important; }
.detail-text .article-wrap h2,
.detail-text .article-wrap h3,
.detail-text .article-wrap p,
.detail-text .article-wrap li,
.detail-text .article-wrap th,
.detail-text .article-wrap td,
.detail-text .article-wrap .ci-qa__q { color: #c7d2c9 !important; border-color: var(--line) !important; }
.detail-text .article-wrap h2,
.detail-text .article-wrap h3,
.detail-text .article-wrap strong { color: var(--white) !important; }
.detail-text .article-wrap .type-card,
.detail-text .article-wrap .ci-qa__item,
.detail-text .article-wrap .ci-qa__q,
.detail-text .article-wrap tbody tr,
.detail-text .article-wrap .info-box { color: #c7d2c9 !important; border-color: var(--line-strong) !important; background: rgba(8,15,10,.82) !important; }
.detail-text .article-wrap thead tr,
.detail-text .article-wrap tbody tr:nth-child(even),
.detail-text .article-wrap .ci-qa__item.open .ci-qa__q { background: rgba(113,255,151,.07) !important; }

.system-cta {
  margin-top: clamp(70px, 9vw, 130px);
  padding: clamp(34px, 5vw, 64px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
  border: 1px solid var(--line-strong);
  background: radial-gradient(circle at 80% 50%, rgba(113,255,151,.15), transparent 25rem), #0a120d;
}
.system-cta h2 { max-width: 800px; margin: 0; }
.system-cta p:last-child { max-width: 650px; margin: 18px 0 0; }

.content-tags { margin: 0 0 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.content-tags a { padding: 9px 13px; border: 1px solid var(--line); color: var(--green-bright) !important; background: rgba(113,255,151,.04); font: 10px/1.2 var(--font-mono); text-decoration: none; text-transform: uppercase; }
.content-tags a:hover { color: var(--ink) !important; background: var(--green); }

.case-info,
.case-detail-content,
.promotions-container,
.article-content,
.contact-system,
.requisites-system { max-width: 1080px; margin: 0 auto; }
.case-info__panel { margin-bottom: 30px; padding: 28px; border: 1px solid var(--line-strong); background: rgba(9, 16, 11, .82); }
.case-info__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.case-info__item { padding: 20px; background: #09100b; }
.case-info__label { display: block; margin-bottom: 7px; color: var(--green); font: 10px/1.3 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.case-info__tasks { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }

.contact-system { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-system__card { padding: 30px; border: 1px solid var(--line-strong); background: rgba(9, 16, 11, .84); }
.contact-system__card > span { color: var(--green); font: 10px/1.3 var(--font-mono); text-transform: uppercase; }
.contact-system__card h2 { margin: 22px 0; font-size: 30px; }
.contact-list { margin: 0; padding: 0; display: grid; gap: 16px; list-style: none; }
.contact-list small { display: block; margin-bottom: 3px; color: var(--muted); font: 10px/1.3 var(--font-mono); text-transform: uppercase; }
.contact-system__details { margin-top: clamp(70px, 8vw, 110px); }

.requisites-system table { width: 100%; }
.requisites-system th { width: 42%; color: var(--green-bright); }

/* Единая тёмная система для старых таблиц и тарифных блоков. */
.page-shell .seo-tariffs,
.page-shell .pricing-grid,
.page-shell .tariffs-grid,
.page-shell .features-comparison,
.page-shell .comparison-table,
.page-shell .pricing-container { color: var(--paper); background: transparent !important; }
.page-shell .tariff-card,
.page-shell .pricing-card { height: 100%; padding: 26px; border: 1px solid var(--line-strong) !important; border-radius: 0 !important; background: linear-gradient(145deg, rgba(17,28,20,.98), rgba(6,11,8,.98)) !important; box-shadow: none !important; }
.page-shell .tariff-card::before,
.page-shell .pricing-card::before { color: var(--green); }
.page-shell .tariff-card .btn,
.page-shell .pricing-card .btn,
.page-shell .btn-primary { border-color: var(--green) !important; color: var(--ink) !important; background: var(--green) !important; }
.page-shell .comparison-header,
.page-shell .comparison-row { border-color: var(--line) !important; color: var(--paper) !important; background: rgba(8,15,10,.8) !important; }
.page-shell .comparison-row:nth-child(even) { background: rgba(113,255,151,.035) !important; }
.page-shell .features-comparison { overflow: auto; border: 1px solid var(--line-strong); }
.page-shell .card { border-color: var(--line-strong); border-radius: 0; color: var(--paper); background: rgba(10,17,12,.92); }
.page-shell .card-body { color: var(--paper); }

/* Тарифы: единые кнопки и карточки без старых светлых стилей. */
.page-shell .pricing-card {
  max-height: none !important;
}
.page-shell .pricing-card__section {
  overflow: visible;
}
.page-shell .order-buttons {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.page-shell .pricing-grid + .order-buttons:has(.order-btn:nth-of-type(3):last-child) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-shell .order-btn,
.page-shell .pricing-card__button,
.page-shell .order-btn-mobile {
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid var(--green) !important;
  border-radius: 0 !important;
  background: rgba(113,255,151,.035) !important;
  color: var(--green-bright) !important;
  font: 800 11px/1.35 var(--font-mono);
  letter-spacing: .045em;
  text-align: center;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.page-shell .pricing-card__button {
  width: 100%;
  margin-top: 22px;
}
.page-shell .order-btn.highlighted,
.page-shell .pricing-card.highlighted .pricing-card__button,
.page-shell .order-btn:hover,
.page-shell .pricing-card__button:hover,
.page-shell .order-btn-mobile:hover {
  background: var(--green) !important;
  color: var(--ink) !important;
  transform: translateY(-2px);
}

/* Магазин и продуктовые лендинги используют тот же визуальный язык. */
.shop-page .shop-section,
.shop-page .shop-section--muted,
.shop-page .shop-nav-section,
.page-shell .bg-white,
.page-shell .bg-gray-50,
.page-shell .gradient-bg,
.page-shell .hero-gradient { color: var(--paper) !important; background: transparent !important; }
.shop-page .container { padding-inline: 0; }
.shop-section { padding-block: clamp(54px, 7vw, 90px); }
.shop-nav-section { padding: 0 0 34px; }
.shop-section__head { margin-bottom: 32px; }
.shop-eyebrow { color: var(--green) !important; font: 10px/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.shop-groups-grid,
.shop-products-grid,
.shop-benefits,
.shop-detail-grid { gap: 16px !important; }
.shop-group-card,
.shop-product,
.shop-benefit,
.shop-detail-panel,
.shop-faq__item,
.shop-cta__inner,
.page-shell .solution-card,
.page-shell .card-hover,
.page-shell .price-card {
  color: var(--paper) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, rgba(17,28,20,.96), rgba(7,12,8,.98)) !important;
  box-shadow: none !important;
}
.shop-group-card,
.shop-product,
.shop-benefit,
.shop-detail-panel { padding: 26px; }
.shop-product__image-link { border: 1px solid var(--line); background: rgba(113,255,151,.035); }
.shop-product__image { max-height: 200px; object-fit: contain; }
.shop-tab,
.shop-chip { border: 1px solid var(--line) !important; border-radius: 0 !important; color: var(--green-bright) !important; background: rgba(113,255,151,.04) !important; }
.shop-tab.is-active,
.shop-tab:hover,
.shop-chip:hover { color: var(--ink) !important; background: var(--green) !important; }
.shop-btn,
.shop-product__action,
.shop-card-link { border-radius: 0 !important; color: var(--ink) !important; background: var(--green) !important; }
.shop-btn--light { color: var(--green-bright) !important; border: 1px solid var(--green) !important; background: transparent !important; }
.shop-price span,
.shop-product-hero__price span { color: var(--system-peach) !important; }
.shop-faq__item summary { color: var(--white); }
.page-shell .text-gray-800,
.page-shell .text-gray-700,
.page-shell .text-gray-900 { color: var(--white) !important; }
.page-shell .text-gray-500,
.page-shell .text-gray-600 { color: #c4d0c6 !important; }
.page-shell .text-blue-600,
.page-shell .text-green-600,
.page-shell .text-purple-600 { color: var(--green-bright) !important; }
.page-shell .bg-blue-100,
.page-shell .bg-green-100,
.page-shell .bg-purple-100,
.page-shell .bg-yellow-100,
.page-shell .bg-orange-100,
.page-shell .bg-pink-100,
.page-shell .bg-teal-100 { color: var(--green); background: rgba(113,255,151,.1) !important; }
.page-shell .rounded-lg,
.page-shell .rounded-xl,
.page-shell .rounded-full { border-radius: 0 !important; }
.page-shell .shadow-sm,
.page-shell .shadow-md,
.page-shell .shadow-xl { box-shadow: none !important; }
.page-shell section.py-16 { border-top: 1px solid var(--line); }
.page-shell section.py-16 > .container { padding-block: clamp(30px, 5vw, 60px); }

@media (max-width: 1020px) {
  .content-hero,
  .service-system-hero { grid-template-columns: 1fr; }
  .content-hero__visual,
  .service-system-hero__visual > figure { min-height: 440px; border-top: 1px solid var(--line); border-left: 0; }
  .service-system-hero__visual { grid-template-rows: 440px auto; }
  .system-card-grid,
  .portfolio-grid,
  .editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-process > ol,
  .system-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .system-process li:nth-child(2) { border-right: 0; }
  .system-process li { border-bottom: 1px solid var(--line); }
  .system-process li:nth-last-child(-n+2) { border-bottom: 0; }
  .content-section--prose { grid-template-columns: 1fr; gap: 12px; }
  .content-section--prose .content-section__heading { position: static; }
}

@media (max-width: 720px) {
  .content-hero,
  .service-system-hero { min-height: 0; margin-inline: -1px; }
  .content-hero__copy,
  .service-system-hero__copy { padding: 32px 22px; }
  .content-hero h1,
  .service-system-hero h1 { font-size: clamp(34px, 9.6vw, 44px); overflow-wrap: anywhere; }
  .content-hero__lead,
  .service-system-hero__lead { font-size: 16px; }
  .content-hero__visual,
  .service-system-hero__visual > figure { min-height: 300px; }
  .service-system-hero__visual { grid-template-rows: 300px auto; }
  .content-hero__signals { margin-top: 38px; }
  .system-metrics { margin-top: -26px; grid-template-columns: 1fr; }
  .system-metrics div { border-right: 0; border-bottom: 1px solid var(--line); }
  .system-metrics div:last-child { border-bottom: 0; }
  .system-card-grid,
  .portfolio-grid,
  .editorial-grid,
  .system-process > ol,
  .system-feature-grid,
  .contact-system,
  .case-info__grid { grid-template-columns: 1fr; }
  .system-process li { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .system-process li:last-child { border-bottom: 0 !important; }
  .system-process h3 { margin-top: 38px; }
  .system-cta { grid-template-columns: 1fr; align-items: start; padding: 30px 22px; }
  .system-cta .content-button { width: 100%; }
  .content-button { width: 100%; }
  .requisites-system th,
  .requisites-system td { width: auto; display: block; }
  .requisites-system th { border-bottom: 0; }
  .category-description .advantages-section .row,
  .category-description .process-section .row,
  .category-description .cases-section .row { grid-template-columns: 1fr; }
  .category-description .stats-section .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-shell .order-buttons { display: none; }
  .page-shell .order-btn-mobile { width: 100%; display: inline-flex; align-items: center; justify-content: center; }
}