.kfn-plans-card {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 680px;
  margin: 8px auto 48px;
  padding: 18px 24px 18px 18px;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff 0%, #fbf7ef 100%);
  color: inherit;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s;
}
.kfn-plans-card:hover { box-shadow: 0 10px 28px rgb(0 0 0 / 10%); transform: translateY(-2px); }

.kfn-plans-mock {
  flex: none;
  width: 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  background: #f1ece2;
}
.kpm-team {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 9px 11px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
  font-size: 12.5px;
  line-height: 1.3;
  color: #1a1a1a;
}
.kpm-team:nth-child(2) { margin-left: 14px; }
.kpm-head { display: flex; align-items: center; gap: 8px; font-weight: 700; white-space: nowrap; }
.kpm-faces { display: flex; }
.kpm-faces i {
  width: 20px; height: 20px;
  margin-left: -5px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font: 700 10px/16px system-ui, sans-serif;
  text-align: center;
}
.kpm-faces i:first-child { margin-left: 0; }
.kpm-item { display: flex; align-items: center; gap: 7px; color: #444; }
.kpm-item::before {
  content: "";
  width: 12px; height: 12px;
  flex: none;
  border: 1.5px solid #bbb;
  border-radius: 4px;
}
.kpm-done { color: #999; text-decoration: line-through; }
.kpm-done::before { border-color: #1f9d6b; background: #1f9d6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat; }

.kfn-plans-copy { display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.4; color: var(--muted, #666); }
.kfn-plans-copy strong { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: 30px; line-height: 1.1; color: var(--text, #1a1a1a); }
.kfn-plans-kicker { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #b00d26; }
.kfn-plans-points { display: flex; flex-wrap: wrap; gap: 2px 14px; }
.kfn-plans-points span { white-space: nowrap; }
.kfn-plans-cta {
  align-self: flex-start;
  margin-top: 6px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #1a1a1a;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.kfn-plans-card:hover .kfn-plans-cta { background: #b00d26; }

@media (max-width: 560px) {
  .kfn-plans-card { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
  .kfn-plans-mock { width: auto; }
  .kfn-plans-copy strong { font-size: 28px; }
}