/* Kinetic Private Capital — Example B only: situation rows, engagement steps, "what we are not", reach band. */

/* situation rows */
.rows { border-top: 1px solid var(--line-2); }
.row { display: grid; grid-template-columns: 70px 1fr 1fr; gap: 56px; padding: 56px 0; border-bottom: 1px solid var(--line-2); align-items: start; }
.row-num { font-family: var(--mono); font-size: 14px; color: var(--cyan); padding-top: 4px; }
.row-tag { font-family: var(--mono); font-size: 16px; font-weight: 700; letter-spacing: 0.12em; color: var(--cyan); margin-bottom: 18px; }
.row h3 { font-size: 30px; line-height: 1.22; font-weight: 700; color: var(--white); letter-spacing: -0.015em; max-width: 480px; }
.row-body p { font-size: 17px; line-height: 1.7; color: var(--soft); margin-bottom: 26px; }
.row-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.row-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--text); line-height: 1.45; }
.row-list li::before { content: "▸"; color: var(--cyan); font-size: 13px; margin-top: 2px; }
.row:hover .row-num { color: var(--white); }

/* engagement steps */
.steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border-top: 2px solid transparent; border-image: linear-gradient(90deg,#00D4FF,#7C3AED) 1; }
.step { padding: 36px 32px 8px 0; position: relative; }
.step + .step { padding-left: 32px; border-left: 1px solid var(--line-2); }
.step-num { font-family: var(--mono); font-size: 13px; color: var(--cyan); margin-bottom: 22px; }
.step h3 { font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 12px; letter-spacing: -0.01em; }
.step p { font-size: 15.5px; line-height: 1.6; color: var(--muted); }

/* what we are not */
.not { margin-top: 48px; border-left: 2px solid var(--violet); padding: 4px 0 4px 24px; }
.not-tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; color: var(--violet); margin-bottom: 12px; }
.not p { font-size: 16px; line-height: 1.7; color: var(--soft); }

/* reach band */
.reach-band { padding: 120px 56px; border-top: 1px solid var(--line); background: linear-gradient(135deg,rgba(0,212,255,0.06),rgba(124,58,237,0.09)); }
.reach-line { font-size: 54px; line-height: 1.15; font-weight: 700; color: var(--white); letter-spacing: -0.02em; margin: 18px 0 24px; }
.reach-line i { font-style: normal; color: var(--violet); padding: 0 6px; }
.reach-sub { font-size: 17px; line-height: 1.7; color: var(--muted); max-width: 640px; }

@media (max-width: 900px) {
  .row { grid-template-columns: 1fr; gap: 18px; padding: 40px 0; }
  .row h3 { font-size: 24px; }
  .steps { grid-template-columns: 1fr; }
  .step, .step + .step { padding: 28px 0; border-left: 0; }
  .step + .step { border-top: 1px solid var(--line-2); }
  .reach-band { padding: 72px 22px; }
  .reach-line { font-size: 30px; }
}