/* the hero's three points: one block in the middle under the centred words, its lines starting together (as the kit has them on a phone) */
/* The BatchX app (the page's second screen before 29 Oct, now a kit section): under the centred head, the points and the buttons
   on the left, the app's film in the kit's plate on the right; on a phone the film under the points, everything centred. */
.k-off { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr); gap: clamp(40px, 4.5vw, 72px); align-items: center; }
.k-off-words, .k-off-vis { min-width: 0; }
.k-off .k-bul { margin-top: 0; }
@media (max-width: 860px) {
  .k-off { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .k-off-words { text-align: center; }
  .k-off .k-bul { display: inline-grid; justify-items: start; text-align: left; }
  .k-off .k-cta { justify-content: center; }
}
/* the end plate: the rings from the Figma (Dasha, 29 Oct) under the buttons, the whole width; no faded ring behind */
.bx-end { display: block; width: min(100%, 960px); height: auto; margin: clamp(28px, 4vw, 44px) auto 0; }
.k-end-plate::before { display: none; }