/* ══════════════════════════════════════════════════════════════════════════
   Главная страница.
   ══════════════════════════════════════════════════════════════════════════ */
/* ── section notes: full-width strip instead of a ragged paragraph ───────── */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
       background:var(--line);border:1px solid var(--line);margin-top:var(--s6)}
@media (max-width:900px){.notes{grid-template-columns:1fr}}
.notes>div{background:var(--ink-1);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.band--alt .notes>div{background:var(--ink-0)}
.notes p{color:var(--tx-2);font-size:13.5px;line-height:1.58}
/* ── split columns: trailing note pinned to the bottom edge ──────────────── */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);font:400 var(--t-lbl-lg)/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.hero h1 em{font-style:normal;color:var(--acc)}
/* ── process stack (hero visual) ─────────────────────────────────────────── */
/* ── process domains grid ────────────────────────────────────────────────── */
/* ── limits matrix ───────────────────────────────────────────────────────── */
@media (max-width:820px){
  .lad__hd{display:none}
  .lad__row{grid-template-columns:1fr}
  .lad__row>div:nth-child(2)::before{content:"Low-code / typical vendor — ";color:var(--tx-3);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
  .lad__row>div:last-child::before{content:"Atoms — ";color:var(--acc);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
}
/* ═══════════════════════════════════════════════════════════════════════════
   HOME — components specific to index.html
   ═══════════════════════════════════════════════════════════════════════════ */
/* ── home meta bar ───────────────────────────────────────────────────────── */
.crumb strong{color:var(--tx-1);font-weight:400}
/* ── hero capability map ─────────────────────────────────────────────────── */
.m-r{fill:var(--tx-2);font:400 9.4px var(--f-mono);letter-spacing:.02em}
.m-n{fill:var(--acc);font:600 9px var(--f-mono);letter-spacing:.12em}
/* ── discipline cards ────────────────────────────────────────────────────── */
.svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media (max-width:900px){.svcs{grid-template-columns:1fr}}
.svc{background:var(--ink-0);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:var(--s5);transition:background .2s}
.svc:hover{background:var(--ink-1)}
.band--alt .svc{background:var(--ink-0)}
.band--alt .svc:hover{background:var(--ink-2)}
.svc__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.svc h3{font-size:clamp(23px,2.3vw,31px);font-weight:700;line-height:1.06;letter-spacing:-.035em;font-variation-settings:"wdth" 106;min-height:2.2em}
.svc h3 em{font-style:normal;color:var(--acc)}
.svc>.body-2{min-height:100px}
.svc__what{display:grid;gap:var(--s3)}
.svc__what li{display:grid;grid-template-columns:13px minmax(0,1fr);gap:var(--s3);color:var(--tx-2);font-size:13.5px;line-height:1.55}
.svc__what i{margin-top:7px;width:5px;height:5px;background:var(--acc);display:block}
.svc__hard{border-left:2px solid var(--acc);padding-left:var(--s4)}
.svc__hard b{display:block;font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:var(--s2)}
.svc__hard span{color:var(--tx-2);font-size:13.5px;line-height:1.55}
.svc__go{margin-top:var(--s2);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font:500 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--tx-1);transition:color .16s}
.svc__go svg{width:14px;height:14px;flex:none;transition:transform .16s ease}
.svc:hover .svc__go{color:var(--acc)}
.svc:hover .svc__go svg{transform:translateX(4px)}
.metrics{margin-top:0}
.metrics--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.metrics--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.metrics--4 dd{font-size:18px}
/* ── cases, four across ──────────────────────────────────────────────────── */
.cases--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.cases--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cases--4{grid-template-columns:1fr}}
.cases--4 .case{padding:clamp(22px,2vw,28px);gap:var(--s4)}
.cases--4 .case h3{font-size:18px;line-height:1.25;min-height:3.75em}
.cases--4 .case>.body-2{min-height:0;font-size:13.5px}
.cases--4 .metrics dd{font-size:18px}
@media (max-width:1180px){.cases--4 .case h3{min-height:0}}
/* ── stack grid ──────────────────────────────────────────────────────────── */
.stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media (max-width:1000px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.stack{grid-template-columns:1fr}}
.stk{background:var(--ink-0);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.band--alt .stk{background:var(--ink-0)}
.stk h4{padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.stk ul{display:grid;gap:var(--s2)}
.stk li{color:var(--tx-2);font:400 13px/1.5 var(--f-mono);letter-spacing:.01em}
.stk p{margin-top:auto;padding-top:var(--s4);font:500 10.5px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
/* ── team figures ────────────────────────────────────────────────────────── */
.figs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.figs--3{grid-template-columns:1fr}}
.rules{display:grid;gap:0;margin-top:var(--s5)}
.rules li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);padding-block:var(--s4);border-top:1px solid var(--line)}
.rules b{font:500 12.5px/1.3 var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--acc)}
.rules span{color:var(--tx-2);font-size:var(--t-sm);line-height:1.58}
/* ── final call ──────────────────────────────────────────────────────────── */
.hero--home h1{font-size:clamp(30px,5.6vw,80px);font-variation-settings:"wdth" 110;
               letter-spacing:-.045em;line-height:1.14;
               padding-bottom:clamp(24px,2.6vw,40px);border-bottom:1px solid var(--line);
               margin-bottom:clamp(26px,3vw,44px)}
.hero--home h1 em{
  font-style:normal;color:var(--acc-ink);background:var(--acc);
  padding:.03em .10em .07em;margin-inline:-.03em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
@media (max-width:600px){.hero--home h1 em{padding:.02em .06em .05em;margin-inline:-.02em}}
/* ── trajectories (small task → system) ──────────────────────────────────── */
.trajs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media (max-width:900px){.trajs{grid-template-columns:1fr}}
.traj{background:var(--ink-0);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:var(--s4)}
.band--alt .traj{background:var(--ink-0)}
.traj__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.traj__box{background:var(--ink-1);border:1px solid var(--line);padding:var(--s5)}
.traj__box p{margin-top:var(--s3);color:var(--tx-2);font-size:13.5px;line-height:1.58}
.traj__box--now{background:var(--acc-08);border-color:var(--acc-20);flex:1}
.traj__box--now p{color:var(--tx-1)}
.traj__link{display:flex;align-items:center;gap:var(--s4);padding-left:var(--s5);
            font:400 11px/1 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--tx-3)}
.traj__link svg{width:12px;height:24px;flex:none;color:var(--acc)}
.figs--3 dd i{font-style:normal;color:var(--acc);font-size:.62em;letter-spacing:0}
.hero--home .stats{margin-top:var(--s8)}