/* ===== /darbo-sauga (v2 „ledger“) =====
   Tik šio puslapio dalys. Bendri blokai (herojus, pasas, sekcijos, žingsniai,
   „Kam tinka“, D.U.K., LiveShot) — site.v6.css skyriuje „Ledger page kit“.
   „Prieš ir po“ lentelė ir kainos skaičiuoklė nukopijuotos iš solution-v2.css
   (tos pačios klasės), kad puslapis nepriklausytų nuo sprendimų stiliaus. */


/* ====== Prieš ir po: „Kaip būna“ → „Ką daro modulis“ ====== */
.erp-sx-solve-head, .erp-sx-solve-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; }
.erp-sx-solve-head {
  padding-bottom: 14px; border-bottom: 1px solid var(--erp-rule);
  font: 500 12px/1 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-600);
}
.erp-sx-solve-head span + span { color: var(--erp-freedom-ink); }
.erp-sx-solve { list-style: none; margin: 0; padding: 0; }
.erp-sx-solve-row { padding: 26px 0; border-bottom: 1px solid var(--erp-rule); align-items: start; }
.erp-sx-solve-lbl { display: none; }
.erp-ds-solve-t { margin: 0 0 6px; font: 600 17px/1.35 var(--erp-font-body); color: var(--erp-maastricht); text-wrap: pretty; }
.erp-sx-solve-now .erp-ds-solve-t { color: var(--erp-gray-700); font-weight: 500; }
.erp-ds-solve-d { margin: 0; font: 400 15.5px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }


/* ====== Būsena: trys būsenos ir tikra darbuotojo kortelė ====== */
.erp-ds-status { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px 64px; align-items: start; }
.erp-ds-states { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--erp-maastricht); }
.erp-ds-states li {
  display: grid; grid-template-columns: 172px minmax(0, 1fr); gap: 8px 24px; align-items: start;
  padding: 20px 0; border-bottom: 1px solid var(--erp-rule);
}
.erp-ds-states p { margin: 0; font: 400 15.5px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ds-states b { font-weight: 600; color: var(--erp-maastricht); }
.erp-ds-pill {
  justify-self: start; display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px 6px 8px;
  border-radius: 4px; border: 1px solid; white-space: nowrap;
  font: 500 12.5px/1 var(--erp-font-mono); letter-spacing: 0.01em;
}
.erp-ds-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.erp-ds-pill.is-ok { color: #13703F; background: #EAF7EF; border-color: #BFE5CC; }
.erp-ds-pill.is-warn { color: #8A5A00; background: var(--erp-yellow-50); border-color: var(--erp-yellow-300); }
.erp-ds-pill.is-block { color: #B42318; background: #FDEEEC; border-color: #F5C2BC; }
.erp-ds-status-note { margin: 22px 0 0; font: 400 14.5px/1.6 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ds-fig { margin: 0; }
.erp-ds-fig-frame { border: 1px solid var(--erp-rule); border-radius: 8px; overflow: hidden; background: #fff; box-shadow: var(--erp-shadow-lg); }
.erp-ds-fig img { display: block; width: 100%; height: auto; }
.erp-ds-fig figcaption { margin-top: 14px; font: 400 14px/1.5 var(--erp-font-body); color: var(--erp-gray-600); }


/* ====== Šešios sritys: sąrašas kairėje, atidaryta sritis dešinėje ======
   Telefone — akordeonas: atidaryta sritis atsiveria po savo eilute. */
.erp-ds-areas {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  grid-template-rows: repeat(6, auto) 1fr; column-gap: 56px; align-items: start;
  border-top: 2px solid var(--erp-maastricht);
}
.erp-ds-area-h { grid-column: 1; grid-row: var(--r); margin: 0; font: inherit; border-bottom: 1px solid var(--erp-rule); }
.erp-ds-area-btn {
  position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr) 20px; align-items: center; gap: 10px;
  width: 100%; min-height: 56px; padding: 14px 12px 14px 0; background: none; border: 0; text-align: left; cursor: pointer;
  font: 600 17px/1.3 var(--erp-font-body); color: var(--erp-gray-700);
  transition: color 150ms var(--erp-ease-out), transform 150ms var(--erp-ease-out);
}
.erp-ds-area-btn:hover { color: var(--erp-maastricht); }
.erp-ds-area-btn:active { transform: scale(0.98); }
.erp-ds-area-btn:focus-visible { outline: 2px solid var(--erp-freedom); outline-offset: -2px; border-radius: 4px; }
.erp-ds-area-btn.is-on { color: var(--erp-maastricht); }
.erp-ds-area-btn.is-on::before { content: ""; position: absolute; left: -16px; top: 12px; bottom: 12px; width: 2px; background: var(--erp-freedom); }
.erp-ds-area-n { font: 500 12.5px/1 var(--erp-font-mono); color: var(--erp-freedom-ink); }
.erp-ds-area-i { justify-self: end; font: 400 18px/1 var(--erp-font-body); color: var(--erp-gray-400); transition: transform 200ms var(--erp-ease-out), color 150ms var(--erp-ease-out); }
.erp-ds-area-i::before { content: "→"; }
.erp-ds-area-btn.is-on .erp-ds-area-i { color: var(--erp-freedom-ink); }
.erp-ds-area-btn:hover .erp-ds-area-i { transform: translateX(3px); }
.erp-ds-area-panel { grid-column: 2; grid-row: 1 / span 7; padding-top: 24px; }
.erp-ds-area-panel[hidden] { display: none; }
.erp-ds-area-title { margin: 0 0 10px; font: 650 26px/1.2 var(--erp-font-display); letter-spacing: -0.02em; color: var(--erp-maastricht); text-wrap: balance; }
.erp-ds-area-desc { margin: 0 0 24px; max-width: 62ch; font: 400 16.5px/1.6 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ds-area-panel ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 36px; border-top: 1px solid var(--erp-rule); }
.erp-ds-area-panel li {
  display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 12px; align-items: start;
  padding: 14px 0; border-bottom: 1px solid var(--erp-rule);
}
.erp-ds-area-panel li > .erp-sx-check { transform: translateY(7px) rotate(-45deg); }
.erp-ds-area-panel strong { display: block; font: 600 15.5px/1.35 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-ds-area-panel li p { margin: 3px 0 0; font: 400 14.5px/1.5 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
@media (prefers-reduced-motion: no-preference) {
  .erp-ds-area-panel:not([hidden]) { animation: erp-ds-panel-in 240ms var(--erp-ease-out); }
}
@keyframes erp-ds-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Ateities planai: trys stulpeliai po hairline. */
.erp-ds-road { margin-top: 80px; }
.erp-ds-road-head { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 12px 56px; align-items: end; margin-bottom: 24px; }
.erp-ds-road-head h3 { margin: 0; font: 650 24px/1.2 var(--erp-font-display); letter-spacing: -0.018em; color: var(--erp-maastricht); }
.erp-ds-road-head p { margin: 0; font: 400 16px/1.55 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-ds-road-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--erp-rule); }
.erp-ds-road-col { padding: 18px 24px 0 0; }
.erp-ds-road-col + .erp-ds-road-col { padding-left: 24px; border-left: 1px solid var(--erp-rule); }
.erp-ds-road-col h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font: 500 12px/1 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-600); }
.erp-ds-road-col h4::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--erp-gray-400); }
.erp-ds-road-col.is-now h4 { color: var(--erp-freedom-ink); }
.erp-ds-road-col.is-now h4::before { background: var(--erp-freedom); }
.erp-ds-road-col ul { list-style: none; margin: 0; padding: 0; }
.erp-ds-road-col li { padding: 7px 0; font: 400 15px/1.45 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-ds-road-col:not(.is-now) li { color: var(--erp-gray-700); }
.erp-ds-road-note { margin: 24px 0 0; font: 400 14.5px/1.55 var(--erp-font-body); color: var(--erp-gray-600); }


/* ====== Kaip veikia: tikrų ekranų gidas ir naujiena apie testų importą ====== */
.erp-ds-ai {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px 64px; align-items: start;
  margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--erp-rule);
}
.erp-ds-ai .erp-ds-ai-tag {
  display: inline-block; margin: 0 0 14px; padding: 5px 8px; border-radius: 3px;
  background: var(--erp-freedom-50); font: 500 12px/1 var(--erp-font-mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--erp-freedom-ink);
}
.erp-ds-ai h3 { margin: 0 0 12px; font: 650 26px/1.2 var(--erp-font-display); letter-spacing: -0.02em; color: var(--erp-maastricht); text-wrap: balance; }
.erp-ds-ai p { margin: 0; font: 400 16px/1.6 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ds-ai code { padding: 1px 5px; border-radius: 3px; background: #fff; border: 1px solid var(--erp-rule); font: 500 0.88em/1 var(--erp-font-mono); color: var(--erp-maastricht); }
.erp-ds-ai-providers { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 0; list-style: none; }
.erp-ds-ai-providers li { padding: 7px 10px; border: 1px solid var(--erp-rule); border-radius: 4px; background: #fff; font: 500 12.5px/1.2 var(--erp-font-mono); color: var(--erp-maastricht); }
.erp-ds-ai-note { font-size: 15px !important; }
.erp-ds-ai-note b { font-weight: 600; color: var(--erp-maastricht); }


/* ====== Kam skirta: penkios rolės eilutėmis ====== */
.erp-ds-roles { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--erp-rule); }
.erp-ds-roles li {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 8px 40px; align-items: baseline;
  padding: 22px 0; border-bottom: 1px solid var(--erp-rule);
}
.erp-ds-roles h3 { margin: 0; font: 650 21px/1.25 var(--erp-font-display); letter-spacing: -0.015em; color: var(--erp-maastricht); }
.erp-ds-roles p { margin: 0; max-width: 62ch; font: 400 16px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }


/* ====== Darbuotojo portalas: vienintelė tamsi juosta ====== */
.erp-ds-dark { position: relative; padding: 96px 0 104px; background: var(--erp-maastricht); color: #fff; overflow: hidden; }
.erp-ds-dark-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 48px 48px; background-position: center -1px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 75%);
          mask-image: linear-gradient(180deg, #000 0%, transparent 75%);
}
.erp-ds-dark .erp-container { position: relative; }
.erp-ds-dark .erp-llabel { color: var(--erp-maastricht-100); }
.erp-ds-dark .erp-llabel::after { background: var(--erp-rule-inverse); }
.erp-ds-dark .erp-lh2 { color: #fff; }
.erp-ds-dark .erp-llede { color: var(--erp-maastricht-100); }
.erp-ds-logins { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--erp-rule-inverse); }
.erp-ds-logins li { padding: 24px 24px 0 0; }
.erp-ds-logins li + li { padding-left: 24px; border-left: 1px solid var(--erp-rule-inverse); }
.erp-ds-logins-n { display: block; margin-bottom: 16px; font: 500 12.5px/1 var(--erp-font-mono); color: var(--erp-picton); }
.erp-ds-logins h3 { margin: 0 0 8px; font: 650 19px/1.25 var(--erp-font-display); letter-spacing: -0.012em; color: #fff; }
.erp-ds-logins p { margin: 0; font: 400 15px/1.55 var(--erp-font-body); color: var(--erp-maastricht-100); text-wrap: pretty; }
.erp-ds-dark-note { margin: 40px 0 0; padding-top: 20px; border-top: 1px solid var(--erp-rule-inverse); max-width: 72ch; font: 400 15px/1.6 var(--erp-font-body); color: var(--erp-maastricht-100); }


/* ====== Paketas inspekcijai: archyvo turinys ir greitis ====== */
.erp-ds-vdi { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px 64px; align-items: start; }
.erp-ds-rows { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--erp-maastricht); }
.erp-ds-rows li {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: baseline;
  padding: 12px 0; border-bottom: 1px solid var(--erp-rule); font: 400 15.5px/1.45 var(--erp-font-body); color: var(--erp-maastricht);
}
.erp-ds-ext {
  padding: 4px 6px; border-radius: 3px; border: 1px solid var(--erp-rule); background: var(--erp-paper);
  font: 500 11.5px/1 var(--erp-font-mono); color: var(--erp-gray-700);
}
.erp-ds-time { font: 500 14.5px/1 var(--erp-font-mono); color: var(--erp-maastricht); font-variant-numeric: tabular-nums; white-space: nowrap; }
.erp-ds-rows-note { margin: 16px 0 0; font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); }


/* ====== Antrinis blokas sekcijos viduje (teisinis pagrindas, diegimas) ======
   Antraštė kairėje, turinys dešinėje, kaip „Funkcijų“ grupės. */
.erp-ds-sub {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 28px 56px; align-items: start;
  margin-top: 96px; padding-top: 40px; border-top: 2px solid var(--erp-maastricht);
}
.erp-ds-subhead { position: sticky; top: 136px; }
.erp-ds-subhead h3 {
  margin: 0 0 14px; font: 700 clamp(24px, 15px + 1.1vw, 32px)/1.14 var(--erp-font-display);
  letter-spacing: -0.028em; color: var(--erp-maastricht); text-wrap: balance;
}
.erp-ds-subhead-d { margin: 0; font: 400 16px/1.6 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }

/* Telefone: pagalbinis sąrašas po mygtuku (DssPhoneMore). */
.erp-ds-more { border-top: 1px solid var(--erp-rule); border-bottom: 1px solid var(--erp-rule); }
.erp-ds-more-btn {
  display: grid; grid-template-columns: minmax(0, 1fr) 20px; align-items: center; gap: 12px;
  width: 100%; min-height: 52px; padding: 12px 0; background: none; border: 0; text-align: left; cursor: pointer;
  font: 600 16.5px/1.3 var(--erp-font-body); color: var(--erp-maastricht);
  transition: transform 150ms var(--erp-ease-out);
}
.erp-ds-more-btn:active { transform: scale(0.98); }
.erp-ds-more-btn:focus-visible { outline: 2px solid var(--erp-freedom); outline-offset: -2px; border-radius: 4px; }
.erp-ds-more-btn .erp-ds-area-i::before { content: "+"; }
.erp-ds-more-btn.is-on .erp-ds-area-i { transform: rotate(45deg); color: var(--erp-freedom-ink); }
.erp-ds-more-panel { padding-bottom: 8px; }
.erp-ds-more-panel > .erp-ds-acts { border-top: 0; }

/* ====== Teisės aktai: kodas kairėje, ką jis reiškia dešinėje ====== */
.erp-ds-acts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--erp-rule); }
.erp-ds-acts li {
  display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 6px 20px; align-items: start;
  padding: 18px 0; border-bottom: 1px solid var(--erp-rule);
}
.erp-ds-act-code { padding-top: 2px; font: 500 13px/1.35 var(--erp-font-mono); color: var(--erp-freedom-ink); }
.erp-ds-acts p { margin: 0; font: 400 15px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ds-acts b { font-weight: 600; color: var(--erp-maastricht); }
.erp-ds-act-flag {
  display: inline-block; margin-left: 8px; padding: 3px 6px; border-radius: 3px; vertical-align: 1px;
  background: var(--erp-freedom-50); font: 500 11px/1 var(--erp-font-mono); color: var(--erp-freedom-ink);
}
.erp-ds-disclaimer {
  margin: 24px 0 0; padding: 16px 18px; max-width: 80ch; border: 1px solid var(--erp-rule); border-left: 3px solid var(--erp-maastricht);
  border-radius: 6px; background: #fff; font: 400 14.5px/1.6 var(--erp-font-body); color: var(--erp-gray-700);
}
.erp-ds-disclaimer b { font-weight: 600; color: var(--erp-maastricht); }


/* ====== Kaina (iš solution-v2.css) ====== */
.erp-sx-price { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px 72px; align-items: start; }
.erp-sx-price-copy .erp-sx-ticks { margin-bottom: 28px; }
.erp-sx-price-note { margin: 0 0 12px; max-width: 52ch; font: 400 15px/1.55 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-sx-calc { background: #fff; border: 1px solid var(--erp-rule); border-radius: 12px; box-shadow: var(--erp-shadow-md); overflow: hidden; }
.erp-sx-calc fieldset { margin: 0; padding: 22px 24px 6px; border: 0; }
.erp-sx-calc legend {
  float: left; width: 100%; margin-bottom: 10px; padding: 0;
  font: 500 12px/1 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-600);
}
.erp-sx-opt {
  clear: both; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 2px 12px;
  padding: 13px 0; border-top: 1px solid var(--erp-rule); cursor: pointer;
}
.erp-sx-opt input { grid-column: 1; grid-row: 1 / 3; width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--erp-freedom-ink); cursor: pointer; }
.erp-sx-opt-t { grid-column: 2; grid-row: 1; font: 600 16px/1.3 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-sx-opt-d { grid-column: 2; grid-row: 2; font: 400 14px/1.45 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-sx-opt-p {
  grid-column: 3; grid-row: 1 / 3; font: 500 15px/1.3 var(--erp-font-mono); color: var(--erp-gray-600);
  font-variant-numeric: tabular-nums; transition: color 150ms var(--erp-ease-out);
}
.erp-sx-opt.is-on .erp-sx-opt-p { color: var(--erp-maastricht); }
.erp-sx-opt:has(input:focus-visible) { outline: 2px solid var(--erp-freedom); outline-offset: 2px; border-radius: 4px; }
.erp-sx-opt.is-fixed { cursor: default; }
.erp-sx-opt.is-fixed > .erp-sx-check { grid-column: 1; grid-row: 1 / 3; margin: 7px 0 0 4px; }
.erp-sx-calc-total {
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 16px;
  padding: 22px 24px 18px; background: var(--erp-paper); border-top: 1px solid var(--erp-rule);
}
.erp-sx-calc-total > span { font: 500 13px/1.3 var(--erp-font-mono); color: var(--erp-gray-700); }
.erp-sx-calc-total strong {
  font: 700 44px/1 var(--erp-font-display); letter-spacing: -0.04em; color: var(--erp-maastricht);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.erp-sx-calc-total small { margin-left: 4px; font: 400 14px/1 var(--erp-font-mono); letter-spacing: 0; color: var(--erp-gray-600); }
.erp-sx-calc-cta { padding: 0 24px 24px; background: var(--erp-paper); }


/* ====== Diegimas: šablonai ir trys žingsniai ====== */
.erp-ds-imports { margin: 0; }
.erp-ds-imports .erp-sx-ticks { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; }
.erp-ds-imports-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin-top: 28px; }
.erp-ds-imports-foot p { margin: 0; max-width: 64ch; font: 400 15.5px/1.55 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-ds-steps { margin-bottom: 40px; }
.erp-ds-steps .erp-sx-roll { grid-template-columns: repeat(var(--steps), minmax(0, 1fr)); }
.erp-ds-steps .erp-sx-roll h3 { font-size: 17.5px; }


@media (hover: none) {
  .erp-ds-area-btn:hover .erp-ds-area-i { transform: none; }
}


/* ====== Responsive ====== */
@media (max-width: 1024px) {
  .erp-ds-status { grid-template-columns: 1fr; }
  .erp-ds-fig { max-width: 560px; }
  .erp-ds-vdi { grid-template-columns: 1fr; }
  .erp-ds-logins { grid-template-columns: 1fr 1fr; row-gap: 32px; }
  .erp-ds-logins li:nth-child(3) { padding-left: 0; border-left: 0; }
  .erp-sx-price { grid-template-columns: 1fr; }
  .erp-sx-calc { max-width: 560px; }
  .erp-ds-ai { grid-template-columns: 1fr; }
  .erp-ds-sub { grid-template-columns: 1fr; }
  .erp-ds-subhead { position: static; }
}
@media (max-width: 860px) {
  .erp-sx-solve-head { display: none; }
  .erp-sx-solve-row { grid-template-columns: 1fr; gap: 16px; }
  .erp-sx-solve-lbl {
    display: block; margin-bottom: 6px;
    font: 500 11.5px/1 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-500);
  }
  .erp-sx-solve-then .erp-sx-solve-lbl { color: var(--erp-freedom-ink); }
  .erp-ds-states li { grid-template-columns: 1fr; gap: 10px; }
  /* Akordeonas: eilutė, po ja — atidaryta sritis. */
  .erp-ds-areas { grid-template-columns: 1fr; grid-template-rows: none; }
  .erp-ds-area-h, .erp-ds-area-panel { grid-column: 1; grid-row: auto; }
  .erp-ds-area-btn.is-on::before { display: none; }
  .erp-ds-area-i::before { content: "+"; }
  .erp-ds-area-btn.is-on .erp-ds-area-i { transform: rotate(45deg); }
  .erp-ds-area-btn:hover .erp-ds-area-i { transform: none; }
  .erp-ds-area-btn.is-on:hover .erp-ds-area-i { transform: rotate(45deg); }
  .erp-ds-area-panel { padding: 8px 0 28px; border-bottom: 1px solid var(--erp-rule); }
  .erp-ds-area-title { font-size: 21px; }
  .erp-ds-area-desc { font-size: 15.5px; margin-bottom: 16px; }
  .erp-ds-area-panel ul { grid-template-columns: 1fr; }
  .erp-ds-road-head { grid-template-columns: 1fr; }
  .erp-ds-road-cols { grid-template-columns: 1fr; }
  .erp-ds-road-col, .erp-ds-road-col + .erp-ds-road-col { padding: 16px 0 8px; border-left: 0; }
  .erp-ds-road-col + .erp-ds-road-col { border-top: 1px solid var(--erp-rule); }
  .erp-ds-roles li { grid-template-columns: 1fr; }
  .erp-ds-imports .erp-sx-ticks { grid-template-columns: 1fr; }
  .erp-ds-steps .erp-sx-roll { grid-template-columns: 1fr; }
  .erp-ds-steps .erp-sx-roll > li, .erp-ds-steps .erp-sx-roll > li + li { padding: 20px 0; border-left: 0; border-top: 1px solid var(--erp-rule); }
  .erp-ds-steps .erp-sx-roll > li:first-child { border-top: 0; }
}
@media (max-width: 560px) {
  .erp-sx-solve-row { padding: 22px 0; }
  .erp-ds-road { margin-top: 48px; }
  .erp-ds-sub { margin-top: 64px; padding-top: 28px; gap: 20px; }
  .erp-ds-subhead-d { font-size: 15.5px; }
  .erp-ds-road-col li { padding: 4px 0; font-size: 14.5px; }
  .erp-ds-road-col ul { padding-bottom: 8px; }

  .erp-ds-ai { margin-top: 40px; }
  .erp-ds-ai h3 { font-size: 22px; }
  .erp-ds-roles li { gap: 4px; padding: 16px 0; }
  .erp-ds-roles h3 { font-size: 18px; }
  .erp-ds-roles p { font-size: 15px; }
  .erp-ds-dark { padding: 64px 0 72px; }
  .erp-ds-logins { grid-template-columns: 1fr; row-gap: 0; }
  .erp-ds-logins li, .erp-ds-logins li + li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 6px; padding: 18px 0; border-left: 0; border-bottom: 1px solid var(--erp-rule-inverse); }
  .erp-ds-logins-n { grid-row: 1 / 3; margin: 4px 0 0; }
  .erp-ds-logins h3 { margin-bottom: 4px; font-size: 17.5px; }
  .erp-ds-dark-note { margin-top: 24px; border-top: 0; padding-top: 0; }
  .erp-ds-acts li { grid-template-columns: 1fr; gap: 6px; padding: 16px 0; }
  .erp-ds-disclaimer { padding: 16px 18px; }
  .erp-sx-calc fieldset { padding: 18px 16px 4px; }
  .erp-sx-calc-total { padding: 18px 16px 16px; }
  .erp-sx-calc-total strong { font-size: 36px; }
  .erp-sx-calc-cta { padding: 0 16px 18px; }
  .erp-ds-imports-foot .erp-btn { flex: 1 1 100%; }
  /* Telefone žingsniai — kompaktiškos eilutės: numeris kairėje, tekstas šalia. */
  .erp-ds-steps { margin-bottom: 32px; }
  .erp-ds-steps .erp-sx-roll > li, .erp-ds-steps .erp-sx-roll > li + li {
    display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 6px; padding: 14px 0;
  }
  .erp-ds-steps .erp-sx-roll-n { grid-row: 1 / 3; margin: 5px 0 0; }
  .erp-ds-steps .erp-sx-roll h3 { margin-bottom: 4px; }
  .erp-ds-rows li { padding: 10px 0; font-size: 14.5px; }
  .erp-ds-acts p { font-size: 14.5px; }
  .erp-ds-imports .erp-sx-ticks li { padding: 10px 0; font-size: 15px; }
  .erp-sx-price-copy .erp-sx-ticks li { padding: 10px 0; font-size: 15px; }
}