/* main-integrate: financing beat — three doors and the flagship escrow panel.
 * Lifted verbatim from the picked mock's main2.css, split by block. */

.fin-row {
  margin-top: var(--resurs-gap-cards);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--resurs-card-gap);
}
.fin-row .card { padding: 24px 22px; }
.card-inside {
  margin-top: 14px;
  display: grid;
  gap: 6px;
  font-size: var(--resurs-size-small);
  line-height: 1.4;
  color: var(--resurs-ink-soft);
}
.card-inside li { display: flex; gap: 10px; align-items: baseline; }
.card-inside li::before {
  content: '';
  flex: none;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--resurs-accent);
  transform: translateY(-2px);
}

/* The fourth door: wider, on the tint, the only door with a solid call. */
.escrow {
  margin-top: var(--resurs-card-gap);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 48px;
  padding: 40px 44px 40px 40px;
  border-radius: var(--resurs-radius-panel);
  background: var(--resurs-tint);
}
.escrow-head { display: flex; align-items: flex-start; gap: 18px; margin-top: 14px; }
.escrow .plate { width: 64px; height: 64px; }
.escrow-name {
  font-size: var(--resurs-size-title);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.escrow-lead {
  margin-top: 22px;
  font-size: var(--resurs-size-nav);
  line-height: 1.5;
}
.escrow-body {
  margin-top: 12px;
  font-size: var(--resurs-size-small);
  line-height: 1.5;
  color: var(--resurs-ink-soft);
  max-width: 62ch;
}

.escrow-side { display: flex; flex-direction: column; }
.escrow-side .kicker { color: var(--resurs-ink-muted); }
.stages { margin-top: 10px; counter-reset: stage; }
.stages li {
  counter-increment: stage;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--resurs-hairline);
  font-size: var(--resurs-size-body);
}
.stages li:last-child { border-bottom: 1px solid var(--resurs-hairline); }
.stages li::before {
  content: counter(stage, decimal-leading-zero);
  font-size: var(--resurs-size-small);
  font-variant-numeric: tabular-nums;
  color: var(--resurs-accent);
  width: 2ch;
}
.escrow-fee {
  margin-top: 16px;
  font-size: var(--resurs-size-small);
  color: var(--resurs-ink-muted);
}
.escrow-actions {
  margin-top: auto;
  padding-top: 24px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

@media (max-width: 1080px) {
  .fin-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fin-row .card { padding: 20px 18px; }
  .escrow { grid-template-columns: 1fr; gap: 28px; padding: 32px 28px; }
}
@media (max-width: 760px) {
  .fin-row { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .escrow { padding: 24px 20px; }
  .escrow .plate { width: 52px; height: 52px; }
  .escrow-actions .pill-accent { width: 100%; justify-content: space-between; }
}