/* ============================================================
   А1 Интегриум · v12 — белый фон, жёлтый акцент, плотная мощная
   вёрстка в духе NVIDIA (плотность, крупный шрифт) и HuggingFace
   (белое поле, тёплые акценты). Без градиентов. Без синего/серого.
   ============================================================ */
@font-face{font-family:'Manrope';src:url('fonts/Manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2013-2014,U+2018-201A,U+201C-201E,U+2026}
@font-face{font-family:'Manrope';src:url('fonts/Manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:'Inter';src:url('fonts/Inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2013-2014,U+2018-201A,U+201C-201E,U+2026}
@font-face{font-family:'Inter';src:url('fonts/Inter-cyrillic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JetBrainsMono-latin.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JetBrainsMono-cyrillic.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0400-04FF,U+2116}

:root{
  --bg:#FFFFFF;
  --ink:#14100A;
  --ink-soft:#4A4132;
  --ink-faint:#7A6F5C;
  --yellow:#FFC526;
  --yellow-deep:#F0AC00;
  --tint:#FFF7DE;
  --tint-2:#FFFBEF;
  --line:#EADFC4;
  --card-line:#E3D8BC;
  --green:#3E9B33;
  --orange:#D97B1F;
  --red:#C75146;
  --nut:#6B5B41;
  --font-display:'Manrope','Arial Black',Arial,sans-serif;
  --font-body:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:'JetBrains Mono',Consolas,monospace;
  --wrap:1520px;
  --gutter:clamp(20px,3.4vw,56px);
  --radius:16px;
  --shadow-hard:6px 6px 0 var(--yellow);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--yellow);color:var(--ink)}
:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- Единая ширина: ОДИН контейнер для всего сайта ---------- */
.wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
.wrap.narrow,.wrap.wide-content{width:min(var(--wrap),100% - var(--gutter)*2)}

h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.08;letter-spacing:-0.025em;margin:0}
p{margin:0}
.muted{color:var(--ink-soft)}
.num{font-family:var(--font-display);font-weight:800;letter-spacing:-0.02em}
.smalltext{font-size:14px;color:var(--ink-soft)}

/* ---------- Ключевые слова выделяются жёлтым маркером ---------- */
.hl{font-style:normal;background:var(--yellow);padding:0 .09em;margin:0 -.02em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}

/* ---------- Шапка ---------- */
.header{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line)}
.head{display:flex;align-items:center;gap:24px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.brand img{width:46px;height:46px;display:block}
.brand-title{display:block;font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1.1;letter-spacing:-0.01em}
.brand small{display:block;font-size:14px;color:var(--ink-faint);line-height:1.2}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a[data-nav]{text-decoration:none;font-size:15px;font-weight:600;color:var(--ink-soft);padding:9px 12px;border-radius:10px;white-space:nowrap}
.nav a[data-nav]:hover{color:var(--ink);background:var(--tint)}
.nav a[data-nav].active{color:var(--ink);background:var(--yellow)}
.nav .btn{margin-left:10px}
.menu{display:none;margin-left:auto;background:var(--bg);border:2px solid var(--ink);border-radius:12px;font-size:20px;line-height:1;padding:8px 12px;cursor:pointer;color:var(--ink)}
.mobile{display:none}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 16px/1 var(--font-body);text-decoration:none;padding:14px 24px;border-radius:12px;border:2px solid var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.btn.primary{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn.dark{background:var(--ink);color:#FFF8E7;border-color:var(--ink)}
.btn.dark:hover{background:#2B2212}
.btn.ghost{background:var(--bg);color:var(--ink)}
.btn.ghost:hover{background:var(--tint)}
.btn.sm{padding:10px 16px;font-size:14.5px;border-radius:10px}
.btn.lg{padding:17px 30px;font-size:17.5px;border-radius:14px}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- Секции: плотно, единый ритм ---------- */
.section{padding:clamp(46px,5.2vw,76px) 0}
.section.anchor{scroll-margin-top:86px}
.section-head{max-width:980px;margin:0 auto clamp(28px,3.4vw,44px);text-align:center}
.eyebrow{display:inline-block;font:700 14px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.section-head h2{font-size:clamp(30px,3.3vw,48px);margin-bottom:14px}
.section-head .lead{font-size:clamp(17.5px,1.5vw,20px);color:var(--ink-soft)}

/* ---------- Герой ---------- */
.hero{padding:clamp(30px,3.6vw,56px) 0 0}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,3.6vw,56px);align-items:center}
.hero-copy .eyebrow{margin-bottom:18px}
.hero-copy h1{font-size:clamp(40px,4.6vw,68px);letter-spacing:-0.03em;margin-bottom:20px}
.hero-copy .lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink-soft);margin-bottom:26px;max-width:640px}
.hero-trust{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:15.5px;color:var(--ink-soft);max-width:560px}
.hero-trust svg{flex-shrink:0;color:var(--green);margin-top:2px}

/* Жёлтая полоса фактов: крупные цифры — главные на экране */
.factband{margin-top:clamp(30px,3.6vw,52px);background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.factgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,40px);padding:clamp(24px,2.6vw,36px) 0}
.fact{display:flex;flex-direction:column;gap:6px}
.fact strong{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,3.6vw,58px);line-height:1;letter-spacing:-0.03em}
.fact span{font-size:15.5px;line-height:1.35;color:var(--ink)}

/* ---------- Карточки ---------- */
.card{background:var(--bg);border:1.5px solid var(--card-line);border-radius:var(--radius);padding:26px}
.card h3{font-size:21px;letter-spacing:-0.015em;margin-bottom:10px}
.card p{font-size:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-grid,.deploy-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}

.feature-card .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);font-size:17px;margin-bottom:14px}
.feature-card h3{font-size:20px}

/* ---------- Типовые ситуации (бывшие «проблема/решение») ---------- */
.problem-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.problem-card .body{padding:24px 26px 20px}
.problem-card .body h3{font-size:20px}
.problem-card .tag{display:inline-block;font:700 14px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}
.problem-card .solution{margin-top:auto;background:var(--tint);border-top:1.5px solid var(--card-line);padding:20px 26px 24px}
.problem-card .solution span{display:inline-block;font:700 14px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.problem-card .solution p{font-size:16px}

/* ---------- Роли (табы) ---------- */
.role-layout{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}
.rolebuttons{display:flex;flex-direction:column;gap:8px;position:sticky;top:96px}
.rolebuttons button{text-align:left;font:700 16px/1.25 var(--font-body);padding:14px 18px;border-radius:12px;border:1.5px solid var(--card-line);background:var(--bg);cursor:pointer;color:var(--ink-soft);transition:all .12s ease}
.rolebuttons button:hover{border-color:var(--ink);color:var(--ink)}
.rolebuttons button.active{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.rolepanel{display:none;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
.rolepanel.active{display:grid}
.rolepanel .inner{border:1.5px solid var(--card-line);border-radius:var(--radius);padding:28px}
.rolepanel .inner h3{font-size:23px;margin-bottom:12px}
.rolepanel .inner .muted{font-size:16.5px;margin-bottom:18px}
.result-card{background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);padding:28px;box-shadow:6px 6px 0 var(--ink)}
.result-card strong{display:inline-block;font:700 14px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.result-card h3{font-size:22px;margin-bottom:10px}
.result-card span{font-size:16px}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.checklist li{position:relative;padding-left:32px;font-size:16px}
.checklist li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--yellow) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m5.4 10.3 3 3 6.2-6.6" stroke="%2314100A" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/13px no-repeat}

/* ---------- Процесс ---------- */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step-card{position:relative;padding-top:22px}
.step-no{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font:800 17px/1 var(--font-display);margin-bottom:14px}
.step-card h3{font-size:20px}

/* ---------- График (гант) ---------- */
.schedule-combo{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}
.schedule-summary{display:flex;flex-direction:column;justify-content:center;gap:12px}
.schedule-summary h3{font-size:24px}
.gantt-card{padding:24px}
.gantt{display:flex;flex-direction:column;gap:12px}
.gantt-head{display:grid;grid-template-columns:190px 1fr;gap:14px;font:700 14px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}
.gantt-head .dates{display:flex;justify-content:space-between}
.gantt-row{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center}
.gantt-row strong{font-size:15px;font-weight:600}
.gantt-track{position:relative;height:34px;background:var(--tint-2);border-radius:9px}
.gantt-track .bar{position:absolute;top:4px;bottom:4px;left:var(--left);width:var(--width);border-radius:7px;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--font-mono);color:var(--ink)}
.bar.sand{background:var(--yellow)}
.bar.nut{background:#D9C08A}
.bar.orange{background:#F0A35C}
.bar.red{background:#E08576}
.bar.green{background:#8CC868}

/* ---------- Светлые факты ---------- */
.light-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fact-l{background:var(--tint-2);border:1.5px solid var(--card-line);border-radius:var(--radius);padding:24px}
.fact-l strong{display:block;font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-0.015em;margin-bottom:8px}
.fact-l span{font-size:16px;color:var(--ink-soft)}

/* ---------- Мок приложения ---------- */
.app{background:var(--tint-2);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 var(--yellow)}
.app-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1.5px solid var(--card-line);background:var(--bg)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);border:1.5px solid var(--ink)}
.doc-code{font:600 13.5px/1 var(--font-mono);color:var(--ink-soft);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stamp{margin-left:auto;font:700 13.5px/1 var(--font-body);background:var(--yellow);border:1.5px solid var(--ink);border-radius:8px;padding:5px 9px;white-space:nowrap}
.appgrid{display:grid;grid-template-columns:172px 1fr}
.side{border-right:1.5px solid var(--card-line);padding:16px;background:var(--bg)}
.side small{display:block;font:700 13.5px/1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}
.side strong{display:block;font-size:14.5px;line-height:1.3;margin-bottom:12px}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav span{font-size:14px;color:var(--ink-soft);padding:7px 10px;border-radius:8px}
.side nav .on{background:var(--yellow);color:var(--ink);font-weight:700}
.mainmock{padding:18px;display:flex;flex-direction:column;gap:14px}
.banner{background:var(--tint);border:1.5px solid var(--card-line);border-radius:12px;padding:16px}
.banner h3{font-size:17.5px;line-height:1.3;margin-bottom:6px}
.banner p{font-size:14.5px;color:var(--ink-soft)}
.mockcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mockcards>div{border:1.5px solid var(--card-line);border-radius:10px;padding:10px 12px;background:var(--bg)}
.mockcards strong{display:block;font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1}
.mockrow{display:flex;flex-direction:column;gap:8px}
.row{display:flex;align-items:center;gap:10px;border:1.5px solid var(--card-line);border-radius:10px;padding:10px 12px;background:var(--bg);font-size:14.5px}
.row strong{font-weight:600;margin-right:auto}
.status{font:700 13.5px/1 var(--font-body);border-radius:999px;padding:5px 10px;white-space:nowrap}
.status.ok{background:#E4F2DC;color:var(--green)}
.status.warn{background:#FDE8D2;color:var(--orange)}
.status.info{background:var(--yellow);color:var(--ink)}
.status.neutral{background:#EFE8D6;color:var(--nut)}
.row span:last-child{font-size:14px;color:var(--ink-faint)}

/* ---------- Область документов ---------- */
.doc-scope{margin-top:22px;background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);padding:26px;display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center}
.doc-scope-title strong{display:block;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.015em;margin-bottom:8px}
.doc-scope-title span{font-size:16px}
.doc-chips{display:flex;flex-wrap:wrap;gap:8px}
.doc-chips span{background:var(--bg);border:1.5px solid var(--ink);border-radius:999px;padding:8px 14px;font-size:14.5px;font-weight:600}

/* ---------- Цены ---------- */
#pricing{background:var(--tint-2);border-top:1.5px solid var(--card-line);border-bottom:1.5px solid var(--card-line)}
.pricing-toggle-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.save-banner{display:inline-flex;align-items:center;gap:9px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:11px 20px;font:800 16.5px/1 var(--font-display);letter-spacing:-.01em}
.save-banner svg{color:var(--green)}
.billing-toggle{display:inline-flex;background:var(--bg);border:2px solid var(--ink);border-radius:999px;padding:5px;gap:4px}
.billing-toggle button{border:0;background:transparent;font:700 15.5px/1 var(--font-body);padding:10px 20px;border-radius:999px;cursor:pointer;color:var(--ink-soft)}
.billing-toggle button.active{background:var(--ink);color:#FFF8E7}
.billing-toggle .save{font-size:13.5px;font-weight:700;color:var(--yellow-deep)}
.billing-toggle button.active .save{color:var(--yellow)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{display:flex;flex-direction:column;position:relative}
.price-card h3{font-size:23px}
.plan-sub{font-size:15.5px;color:var(--ink-soft);margin-bottom:16px}
.price{font-size:clamp(34px,2.6vw,44px)!important;margin-bottom:6px}
.billing-period{font-size:15.5px;color:var(--ink-soft);margin-bottom:18px}
.billing-period .benefit{color:var(--green);font-weight:700}
.price-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;flex:1}
.price-card li{position:relative;padding-left:28px;font-size:15.5px}
.price-card li::before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;background:var(--yellow) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m5.4 10.3 3 3 6.2-6.6" stroke="%2314100A" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/11px no-repeat}
.price-card.recommended{background:var(--ink);border-color:var(--ink);color:#FFF8E7;box-shadow:8px 8px 0 var(--yellow)}
.price-card.recommended .plan-sub,.price-card.recommended .billing-period{color:#CDBFA4}
.price-card.recommended li::before{background:var(--yellow) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m5.4 10.3 3 3 6.2-6.6" stroke="%2314100A" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/11px no-repeat}
.rec-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:7px 16px;font:800 14px/1 var(--font-display);letter-spacing:.02em;white-space:nowrap}
.enterprise-card{background:var(--bg);border:1.5px dashed var(--nut);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.enterprise-card .price{font-size:32px!important}
.enterprise-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;flex:1}
.enterprise-card li{position:relative;padding-left:28px;font-size:15.5px;color:var(--ink-soft)}
.enterprise-card li::before{content:"—";position:absolute;left:0;color:var(--yellow-deep);font-weight:800}
.pricing-footnote{text-align:center;font-size:14.5px;color:var(--ink-faint);max-width:820px;margin:24px auto 0}

/* ---------- FAQ ---------- */
.faq-list{max-width:980px;margin:0 auto;display:grid;gap:12px}
.faq-item{border:1.5px solid var(--card-line);border-radius:14px;background:var(--bg);overflow:hidden}
.faq-item[open]{border-color:var(--ink);box-shadow:5px 5px 0 var(--yellow)}
.faq-item summary{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font:700 17.5px/1.35 var(--font-body);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .sign{margin-left:auto;font:800 24px/1 var(--font-display);color:var(--yellow-deep);flex-shrink:0;transition:transform .15s ease}
.faq-item[open] .sign{transform:rotate(45deg)}
.faq-body{padding:0 22px 20px;font-size:16px;color:var(--ink-soft);max-width:900px}

/* ---------- CTA-панель ---------- */
.cta-panel{background:var(--yellow);border:2px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--ink);padding:clamp(30px,4vw,54px);text-align:center;max-width:1080px;margin:0 auto}
.cta-panel h2{font-size:clamp(28px,3vw,42px);margin-bottom:14px}
.cta-panel .lead{font-size:18px;color:var(--ink);max-width:760px;margin:0 auto 24px}
.cta-hint{margin-top:14px;font-size:15px;color:var(--ink-soft)}

/* ---------- Внутренние страницы ---------- */
.page-hero{padding:clamp(34px,4vw,58px) 0 clamp(24px,3vw,38px);background:var(--tint-2);border-bottom:1.5px solid var(--card-line)}
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:14.5px;color:var(--ink-faint);margin-bottom:18px}
.breadcrumbs a{color:var(--ink-faint);text-decoration:none}
.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}
.breadcrumbs .here{color:var(--ink);font-weight:600}
.page-hero .eyebrow{margin-bottom:10px}
.page-hero h1{font-size:clamp(34px,4vw,56px);margin-bottom:14px}
.page-hero .lead{font-size:clamp(17.5px,1.5vw,20px);color:var(--ink-soft);max-width:980px}
.page-body{padding:clamp(34px,4vw,56px) 0}
.page-body .info-grid{margin-bottom:22px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip-row span{background:var(--tint);border:1.5px solid var(--card-line);border-radius:999px;padding:9px 15px;font-size:14.5px;font-weight:600}
.steps-vertical{display:grid;gap:14px}
.step-v{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;border:1.5px solid var(--card-line);border-radius:var(--radius);padding:22px 26px;background:var(--bg)}
.step-v .v-no{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font:800 18px/1 var(--font-display)}
.step-v h3{font-size:20px;margin-bottom:6px}
.step-v p{font-size:16px;color:var(--ink-soft)}
.empty-note{display:flex;gap:12px;align-items:flex-start;background:var(--tint);border:1.5px solid var(--card-line);border-radius:var(--radius);padding:22px 26px}
.empty-note svg{flex-shrink:0;color:var(--yellow-deep);margin-top:2px}
.empty-note p{font-size:16px}
.cta-inline{background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:7px 7px 0 var(--ink);padding:28px 30px;text-align:center}
.cta-inline h3{font-size:24px;margin-bottom:8px}
.cta-inline p{font-size:16px;margin-bottom:18px}

/* ---------- Таблицы ---------- */
.table-wrap{overflow-x:auto;border:1.5px solid var(--card-line);border-radius:var(--radius);margin-bottom:22px;background:var(--bg)}
table.data{width:100%;border-collapse:collapse;min-width:640px}
table.data th{font:700 14px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:14px 18px;background:var(--tint);border-bottom:1.5px solid var(--card-line)}
table.data td{padding:14px 18px;font-size:15.5px;border-bottom:1px solid var(--card-line);vertical-align:top}
table.data tr:last-child td{border-bottom:0}

/* ---------- Документы с содержанием ---------- */
.doc-layout{display:grid;grid-template-columns:290px 1fr;gap:clamp(24px,3vw,48px);align-items:start}
.toc{position:sticky;top:96px;background:var(--tint-2);border:1.5px solid var(--card-line);border-radius:var(--radius);padding:20px}
.toc-title{font:800 15px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:9px;text-decoration:none;font-size:15px;color:var(--ink-soft)}
.toc a:hover{background:var(--yellow);color:var(--ink)}
.toc-num{font:800 13.5px/1 var(--font-mono);color:var(--yellow-deep)}
.toc a:hover .toc-num{color:var(--ink)}
.prose h2{display:flex;gap:14px;align-items:baseline;font-size:clamp(24px,2.2vw,32px);margin:34px 0 14px;scroll-margin-top:96px}
.prose h2:first-child{margin-top:0}
.sec-num{font-family:var(--font-mono);font-size:.62em;color:var(--yellow-deep);font-weight:700}
.prose p{font-size:16.5px;margin-bottom:12px;max-width:900px}
.prose ul{margin:0 0 14px;padding-left:22px;display:grid;gap:8px;max-width:900px}
.prose li{font-size:16.5px}
.prose strong{font-weight:700}
.doc-meta{margin-top:30px;padding-top:16px;border-top:1.5px solid var(--card-line);font-size:14.5px;color:var(--ink-faint)}

/* ---------- Футер: тёмное основание ---------- */
.footer{background:var(--ink);color:#EFE6D2;margin-top:clamp(40px,5vw,72px)}
.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.1fr;gap:clamp(20px,2.6vw,40px);padding:clamp(36px,4vw,56px) 0 30px}
.footer-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;margin-bottom:16px}
.footer-brand img{width:44px;height:44px}
.fb-name{display:block;font-family:var(--font-display);font-weight:800;font-size:18px}
.fb-sub{display:block;font-size:14px;color:#B7A98C}
.footer .about{font-size:14.5px;line-height:1.55;color:#C9BCA1;max-width:320px}
.fcol{display:flex;flex-direction:column;gap:10px}
.fcol h4{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}
.fcol a{color:#E4D9C0;text-decoration:none;font-size:15px}
.fcol a:hover{color:var(--yellow)}
.legal{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #3A3222;padding:20px 0 26px;font-size:14px;color:#9C8F7E}
.legal .blurb{max-width:760px;line-height:1.5}

/* ---------- Адаптив ---------- */
@media (max-width:1250px){
  .nav a[data-nav]{padding:9px 8px;font-size:14.5px}
  .role-layout{grid-template-columns:260px 1fr}
}
@media (max-width:1100px){
  .nav{display:none}
  .menu{display:inline-flex}
  .mobile{display:block;max-height:0;overflow:hidden;transition:max-height .2s ease;border-top:1px solid var(--line)}
  .mobile.open{max-height:640px}
  .mobile a{display:block;padding:13px 0;font:600 17px/1 var(--font-body);text-decoration:none;border-bottom:1px solid var(--card-line)}
  .mobile a.btn{margin:14px 0 18px;border-bottom:2px solid var(--ink)}
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy .lead{max-width:none}
  .factgrid{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.process-grid,.deploy-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}
  .light-facts{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
  .problem-grid{grid-template-columns:1fr}
  .doc-scope{grid-template-columns:1fr}
  .schedule-combo{grid-template-columns:1fr}
  .doc-layout{grid-template-columns:1fr}
  .toc{position:static}
  .role-layout{grid-template-columns:1fr}
  .rolebuttons{position:static;flex-direction:row;flex-wrap:wrap}
  .rolebuttons button{flex:1 1 auto;text-align:center}
  .rolepanel{grid-template-columns:1fr}
  .footergrid{grid-template-columns:repeat(2,1fr)}
  .gantt-head,.gantt-row{grid-template-columns:130px 1fr}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .head{min-height:64px}
  .brand img{width:40px;height:40px}
  .btnrow .btn{width:100%}
  .factgrid{grid-template-columns:1fr 1fr;gap:16px}
  .fact strong{font-size:34px}
  .feature-grid,.process-grid,.deploy-grid,.catalog-grid,.info-grid,.light-facts{grid-template-columns:1fr}
  .mockcards{grid-template-columns:repeat(2,1fr)}
  .appgrid{grid-template-columns:1fr}
  .side{border-right:0;border-bottom:1.5px solid var(--card-line)}
  .side nav{flex-direction:row;flex-wrap:wrap}
  .step-v{grid-template-columns:1fr;gap:12px}
  .footergrid{grid-template-columns:1fr}
  .billing-toggle button{padding:10px 14px;font-size:14.5px}
}

/* ============================================================
   v13 — всё по центру, ровные матрицы блоков, текст вместо иконок
   ============================================================ */
.hero-copy,.section-head,.card,.fact,.fact-l,.price-card,.enterprise-card,.cta-panel,.cta-inline,.faq-item,.doc-scope,.result-card,.rolepanel .inner,.step-v,.empty-note,.subhead,.prose,.toc,.page-hero,.footer,.fcol,.problem-card,.schedule-summary{text-align:center}
.btnrow,.hero-trust,.chip-row,.doc-chips,.breadcrumbs{justify-content:center}
.fact{align-items:center}
.fact strong{font-size:clamp(32px,3vw,46px)}
.tick{color:var(--green);font-weight:800}
.rolebuttons button{text-align:center}
.checklist{justify-items:center}
.checklist li,.price-card li,.enterprise-card li{padding-left:0;text-align:center}
.checklist li::before,.price-card li::before,.enterprise-card li::before{position:static;background:none;width:auto;height:auto;border-radius:0;content:"✓";font-weight:800;margin-right:8px}
.checklist li::before,.price-card li::before{color:var(--green)}
.price-card.recommended li::before{color:var(--yellow)}
.enterprise-card li::before{color:var(--yellow-deep)}
.faq-item summary{justify-content:center}
.faq-item .sign{margin-left:14px}
table.data th,table.data td{text-align:center}
.toc a{justify-content:center}
.prose h2{justify-content:center}
.gantt,.gantt-head,.gantt-row strong,.side,.mainmock,.app-top{text-align:left}
.save-banner svg,.btn svg,.empty-note svg{display:none}
.problem-card .solution{background:#FFFFFF;border-top:2px solid var(--yellow)}
.problem-card .solution span{color:var(--nut)}
.subhead{max-width:980px;margin:40px auto 20px}
.subhead h3{font-size:26px;margin-bottom:10px}
.subhead p{font-size:16.5px}
.footer-brand{justify-content:center}
.legal{justify-content:center}
@media (min-width:1101px){
  .deploy-grid{grid-template-columns:repeat(2,1fr)}
  .enterprise-card{grid-column:1/-1}
  .enterprise-card ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-bottom:20px}
}
.catalog-list{list-style:none;margin:0 0 0;padding:0;display:grid;gap:8px;justify-items:center}
.catalog-list li{padding-left:0;text-align:center}
.catalog-list li::before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.checklist li{padding-left:0}

/* ============================================================
   v14 — цветное разделение ситуаций на одной высоте, никаких
   точек-маркеров, центрированные документы, компактные кружки
   ============================================================ */
.problem-card .solution{background:var(--tint);border-top:2px solid var(--yellow);min-height:132px;display:flex;flex-direction:column;justify-content:center}
.problem-card .solution p{max-width:520px;margin-left:auto;margin-right:auto}
ul{list-style:none;padding-left:0}
.info-card ul,.card ul{display:grid;gap:8px;justify-items:center}
.prose ul{display:grid;gap:8px;justify-items:center;max-width:900px;margin-left:auto;margin-right:auto;padding-left:0}
.prose p{margin-left:auto;margin-right:auto}
.steps-vertical{gap:18px;max-width:980px;margin:0 auto}
.step-v{grid-template-columns:1fr;justify-items:center;gap:10px;padding:26px 28px}
.step-v .v-no{width:40px;height:40px;font-size:15px;margin-bottom:2px}
.feature-card .num,.step-no{width:38px;height:38px;font-size:15px;margin-bottom:12px}
.prose h2{align-items:center}
.sec-num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font:800 16px/1 var(--font-mono);color:var(--ink);flex-shrink:0}
.toc-num{font-size:14.5px}
.page-body .info-grid{margin-bottom:26px}
.table-wrap{margin-bottom:26px}

/* ============================================================
   v15 — статьи, точные фиксации, единые стандарты отступов
   ============================================================ */
.page-hero .lead,.hero-copy .lead{margin-left:auto;margin-right:auto}
.problem-grid{align-items:stretch}
.problem-card .body{flex:1}
.problem-card .solution{height:auto;min-height:170px;overflow:visible}
@media(max-width:640px){.problem-card .solution{min-height:0}}
.article-toc{background:var(--tint);border:1.5px solid var(--card-line);border-radius:16px;padding:24px;margin:26px auto 34px;max-width:900px}
.article-section{scroll-margin-top:100px;margin:32px auto}
.article-section p{max-width:900px;line-height:1.8}
.article-sources,.article-faq{margin-top:34px}
.article-sources a{overflow-wrap:anywhere}
.pilot-card,.implementation-price{margin:26px auto 0;max-width:1150px}
.pilot-card p,.implementation-price p{max-width:960px;margin:12px auto 20px}
[hidden]{display:none!important}
.checklist li::before,.price-card li::before,.enterprise-card li::before,.catalog-list li::before{content:none}
.checklist li,.price-card li,.enterprise-card li{padding-left:0}
.tick{color:var(--green);font-weight:800;margin-right:8px}
.price-card.recommended .tick{color:var(--yellow)}
li::first-letter{text-transform:uppercase}
.cta-inline{margin:26px auto 0;max-width:980px}
.fmail{margin-top:14px}
.fmail a{color:var(--yellow);font-family:var(--font-display);font-weight:800;font-size:19px;text-decoration:none}
.fmail a:hover{text-decoration:underline}
.filter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 26px}
.filter-row button{border:1.5px solid var(--card-line);background:var(--bg);border-radius:999px;padding:10px 17px;font:600 14.5px/1 var(--font-body);cursor:pointer;color:var(--ink-soft)}
.filter-row button:hover{border-color:var(--ink);color:var(--ink)}
.filter-row button.active{background:var(--ink);border-color:var(--ink);color:#FFF8E7}
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:center}
.mat-card{display:flex;flex-direction:column;gap:10px;align-items:center}
.mat-card h3{font-size:19px}
.mat-card p{font-size:15px}
.mat-card .btn{margin-top:auto}
.mat-tag{display:inline-block;background:var(--tint);border:1.5px solid var(--card-line);border-radius:999px;padding:6px 13px;font:700 13.5px/1 var(--font-body);color:var(--nut)}
.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px 0 0}
.page-info{font-size:15px;color:var(--ink-faint)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px;text-align:center}
.rel-card{display:flex;flex-direction:column;gap:10px;align-items:center;text-decoration:none}
.rel-card strong{font-size:17px;font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}
.alead{font-size:18px;color:var(--ink-soft);text-align:center;max-width:900px;margin:0 auto 26px}
.prose.article h2{justify-content:center;font-size:26px}
.prose.article .tips{margin-top:16px}
.tips li{font-size:16px}
.mat-links{margin-top:22px;font-size:15px;text-align:center}
.subhead h2{font-size:26px}
@media (max-width:1100px){.mat-grid,.rel-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mat-grid,.rel-grid{grid-template-columns:1fr}}


/* ============================================================
   v16 — хаб: одна страница, фильтр по всем карточкам, показать ещё
   ============================================================ */
.mat-card.is-hidden{display:none!important}
.loadmore{display:flex;justify-content:center;margin-top:30px}
.loadmore.done{display:none}
.role-layout{display:flex;flex-direction:column;align-items:center;gap:26px}
.rolebuttons{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1050px;margin:0 auto}
.rolepanel{display:none;width:100%}
.rolepanel.active{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;max-width:1150px;margin:0 auto;width:100%}
.hero-trust{margin-left:auto;margin-right:auto;text-align:center;justify-content:center}
@media (max-width:1100px){.rolepanel.active{grid-template-columns:1fr}}
/* v17: явная высота строк, без сжатия текстовых элементов */
.fcol a{display:block;line-height:1.6;flex-shrink:0;position:static;min-height:24px}
.price-card>h3,.price-card>.plan-sub,.price-card>.price,.price-card>.billing-period,.price-card>ul,.price-card>.btn{flex-shrink:0}
.price-card ul{line-height:1.6;margin-top:8px}
.price-card li{min-height:25px;position:static}
.price-card .billing-period{line-height:1.6;min-height:25px}
/* v17: адаптация без горизонтального переполнения */
.hero-grid>*,.appgrid>*,.schedule-combo>*,.role-layout>*,.price-grid>*,.mockcards>*{min-width:0}
.gantt-card{overflow-x:auto}
.gantt{min-width:550px}
@media(max-width:640px){
 .hero-copy h1{font-size:36px;overflow-wrap:anywhere}
 .hl{white-space:normal}
 .app{width:100%}
 .app-top{flex-wrap:wrap}
 .doc-code{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0}
 .mainmock{padding:12px}
 .row{flex-wrap:wrap}
 .row strong{flex-basis:100%;overflow-wrap:anywhere}
 .mockcards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .role-layout>div{width:100%;min-width:0}
 .brand{gap:8px;min-width:0;flex-shrink:1}
 .brand-title{font-size:17px}
 .brand small{font-size:12px}
 .head{gap:10px}
 .enterprise-card .price{font-size:28px!important}
 .price{font-size:30px!important;overflow-wrap:anywhere}
 .btn{max-width:100%;line-height:1.3}
 .breadcrumbs{flex-wrap:wrap;overflow-wrap:anywhere}
 .page-hero h1{overflow-wrap:anywhere}
}


/* v18: единая центровка и разделение частых вопросов */
.faq-body{width:100%;max-width:none;margin-inline:auto;text-align:center;line-height:1.65}
.article-faq .faq-list{display:grid;gap:12px;margin-top:20px}
.article-faq .faq-item{margin:0}
.article-faq summary,.article-faq .q{text-align:center}
.cloud-label{font-size:14px!important;font-weight:700;color:var(--nut);margin:0 0 16px}
.recommended .cloud-label{color:var(--yellow)}
.prose p,.prose li,.lead,.footer-brand span,.footer .about,.faq-body,.card p,.card li,.checklist li,.price-card li,.enterprise-card li,.catalog-list li,.row strong,.row span,.side nav span,.side strong{text-align:center}
.footer .about{margin-inline:auto}

.gantt,.gantt-head,.gantt-row strong,.side,.mainmock,.app-top,.brand,.mobile a,.rolebuttons button{text-align:center}