/* ============================================================
   KOGNEV — Paslaugos
   Scoped to body.kg2, loaded alongside home.css, which supplies
   the tokens, the shared component treatments (buttons, nav,
   footer, reviews, the kg-faq disclosure), the .kg-ps-hero /
   kg-ps-wrap anatomy (now shared with DI mokymai), and the
   .kg-flow process component this page reuses verbatim for
   "Nuo analizės iki įgyvendinimo".

   Same anatomy as the homepage rather than merely the same
   palette: every section is a heading in a narrow left rail with
   its content in the wide column beside it, rows separated by one
   hairline rule. The content column starts at the same x position
   in every section and on both pages, so the eye follows one
   continuous vertical guide the whole way down.

   Everything the old page used to signal "designed" — 8px rounded
   cards, blurred decorative rings, gradient washes, pill labels,
   layered shadows — is gone. Structure carries the hierarchy now.
   ============================================================ */

/* ============================================================
   SERVICES — capability paired with its evidence
   Deliberately NOT the homepage's anatomy. There a small heading
   sits in a narrow rail beside compact tabular rows; here each
   service opens its own block with a large full-width heading,
   and the body splits underneath into what we do (left) and the
   project that proves it (right).

   Three fixed anchors repeat at the same position in every block
   — service name, project name, result — so someone scanning the
   page hits the same three beats three times without reading a
   full sentence.
   ============================================================ */
.kg2 .kg-sv__set {
  /* No section heading above the set — the three service names are
     the headings. This heavier rule opens the section on its own,
     which is why the section itself drops kg-section--line: two
     stacked rules would only be noise. */
  border-top: 2px solid var(--ink);
}

.kg2 .kg-sv {
  padding: var(--s-6) 0;
  border-bottom: 1px solid var(--rule);
  /* Sticky nav is ~84px; the homepage and five sub-pages deep-link
     straight to these blocks. */
  scroll-margin-top: 96px;
}
.kg2 .kg-sv__name {
  margin: 0;
  /* These three names are the page's primary scan target and, with
     the intro gone, its main headings. */
  font-size: clamp(2rem, 1.5rem + 1.9vw, 2.625rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.028em;
  color: var(--ink);
  text-wrap: balance;
}
.kg2 .kg-sv__body {
  margin-top: var(--s-4);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  gap: clamp(2rem, 1.4rem + 3vw, 4rem);
  align-items: start;
}
.kg2 .kg-sv__what { display: grid; gap: var(--s-3); }
.kg2 .kg-sv__what p { margin: 0; max-width: 54ch; }

/* The evidence panel is a different register from the claim beside
   it, so it gets its own ground and a signal rule down its edge —
   an aside, not a card: no radius, no shadow, no full border. */
.kg2 .kg-sv__case {
  padding: var(--s-4) var(--s-4) var(--s-4) var(--s-4);
  background: var(--paper-sunk);
  border-left: 2px solid var(--signal);
}
.kg2 .kg-sv__case-label {
  margin: 0;
  font-size: var(--t-micro);
  color: var(--slate);
}
.kg2 .kg-sv__case-name {
  margin: var(--s-1) 0 0;
  font-size: var(--t-body);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: var(--ink);
}
.kg2 .kg-sv__case-desc {
  margin: var(--s-2) 0 0;
  font-size: var(--t-micro);
  line-height: 1.6;
  color: var(--slate);
}
/* The result is the hook. It sits last, in the same place in all
   three blocks, with the figure carried in signal so the eye
   lands on it before reading anything around it. */
.kg2 .kg-sv__result {
  margin: var(--s-3) 0 0;
  padding-top: var(--s-3);
  border-top: 1px solid var(--rule-strong);
  font-size: var(--t-micro);
  line-height: 1.5;
  color: var(--slate);
}
.kg2 .kg-sv__result b {
  display: block;
  font-size: var(--t-lead);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--signal-ink);
}
.kg2 .kg-sv__more { display: inline-block; margin-top: var(--s-5); }

/* ---------- Responsive ----------
   Same breakpoints and the same stacking behaviour as the
   homepage, so the two pages collapse identically. */
@media (max-width: 1023px) {
  /* Claim over evidence rather than beside it. The case keeps its
     signal rule, so the two registers stay distinguishable once
     they are stacked. */
  .kg2 .kg-sv__body { grid-template-columns: 1fr; gap: var(--s-4); }
  .kg2 .kg-sv__what p { max-width: none; }
}

@media (max-width: 700px) {
  .kg2 .kg-sv { padding: var(--s-5) 0; }
  .kg2 .kg-sv__case { padding: var(--s-3); }
}