/* Kapanış adımları (modules/home-v2 › ClosingSteps): kapanış formunun (#analiz, düz koyu yüzey) sol sütununda tek satırlık
   çalışma süreci — 10.10 yedi bölüm turu (sahibi: "anasayfamız eşsiz sadelikte olmalı"); "Nasıl çalışıyoruz" ayrı bölüm değil.
   Küçük üst etiket (beyaz %70), altında tek ince çizgi (beyaz %10), dört sütun: küçük numara (Mor 10) + 1–2 sözcüklük başlık;
   ilk adımın altında küçük "Bu adım ücretsiz" hapı (Mor 10). Genişlik takvim satırıyla aynı (34rem), iki çizgi aynı hizada biter.
   Hareket yok (sol sütunun belirmesiyle gelir). Telefonda (≤ 560 px) 2 × 2 ızgara, her satırın üstünde ince çizgi.
   Yalnız yeni ana sayfada yüklenir; seçiciler ks- önekli. */

.ks { margin-top: 36px; max-width: 34rem; scroll-margin-top: 120px; }
.ks .ks-t {
  margin: 0 0 14px; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7); text-wrap: wrap;
}
.ks .ks-steps {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ks .ks-step { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; margin: 0; padding: 16px 16px 0 0; }
.ks .ks-n { font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; color: var(--wa-mor-10); }
.ks .ks-h { font-size: 15px; font-weight: 500; line-height: 1.35; color: rgba(255, 255, 255, 0.9); }
.ks .ks-free {
  display: inline-flex; align-items: center; height: 22px; margin-top: 4px; padding: 0 9px; border-radius: 999px;
  border: 1px solid rgba(209, 193, 255, 0.3); background: rgba(209, 193, 255, 0.08);
  font-size: 11px; font-weight: 500; line-height: 1; white-space: nowrap; color: var(--wa-mor-10);
}

/* Tablet ve telefon: takvim satırı formun altına iner; adımlar maddelerin hemen altında */
@media (max-width: 1080px) {
  .ks { margin-top: 28px; }
}
@media (max-width: 560px) {
  .ks { margin-top: 24px; }
  .ks .ks-t { margin-bottom: 0; }
  .ks .ks-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; border-top: 0; }
  .ks .ks-step { padding: 14px 0 16px; border-bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .ks .ks-step:nth-child(-n + 2) { margin-top: 12px; }
}