.cols { display: grid; gap: 18px; max-width: 68ch; }
.rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--border); }
.rows li { display: grid; grid-template-columns: 64px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--border); }
.rows__n { font-family: var(--font-display); font-size: 1.1rem; color: var(--accent-deep); padding-top: 2px; }
.rows h3 { margin: 0 0 6px; }
.rows h3 a { color: inherit; text-decoration: none; }
.rows h3 a:hover { color: var(--green-700); text-decoration: underline; text-underline-offset: 4px; }
.rows p { margin: 0; max-width: 62ch; }
.rows__start { margin-top: 8px !important; font-size: var(--fs-sm); color: var(--fg-soft); }
.rows__start b { color: var(--accent-deep); font-weight: 600; }
.rows__more { margin: 22px 0 0; color: var(--fg-soft); }
.svcgrp { margin-top: clamp(28px, 4vw, 44px); }
.svcgrp__head { display: grid; gap: 4px; margin-bottom: 14px; }
.svcgrp__k { margin: 0; font-family: var(--font-display); font-size: clamp(1.35rem, 2.2vw, 1.7rem); }
.svcgrp__head p { margin: 0; color: var(--fg-soft); max-width: 60ch; }
.shapes { display: grid; gap: 18px; margin-top: clamp(22px, 3vw, 34px); }
.shape { padding: 26px 26px 28px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.shape__k { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-deep); margin-bottom: 10px; }
.shape h3 { margin: 0 0 10px; }
.shape p { margin: 0; color: var(--fg-soft); }
@media (min-width: 760px) {
  .shapes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .rows li { grid-template-columns: 72px 1fr; }
}
@media (max-width: 480px) {
  .rows li { grid-template-columns: 44px 1fr; gap: 12px; padding: 20px 0; }
}