/* Page-local styles for /escrow/ */
/* Escrow page layout. Tokens only. */
.esc-flow-panel { min-height: 0; padding: 64px 48px; place-items: stretch; }
.esc-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; text-align: left; }
.esc-step { display: flex; flex-direction: column; gap: 12px; }
.esc-dot {
  width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--ink); font-size: 13px; font-weight: var(--w-medium);
  box-shadow: 0 0 0 1px rgba(20, 26, 18, 0.06);
}
.esc-dot-live { background: var(--btn-ink); color: oklch(0.9861 0.0025 120); box-shadow: none; }
.esc-h { font-size: 18px; line-height: 26px; font-weight: var(--w-medium); color: var(--ink-strong); letter-spacing: -0.011em; }
.esc-p { font-size: 14.5px; line-height: 23px; color: var(--ink-soft); max-width: 34ch; }
.jrow { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 64px; align-items: center; }
.jrow.rev { grid-template-columns: 1.15fr 0.85fr; }
.jrow.rev .feature-head { order: 2; justify-self: end; }
.jrow .feature-head { max-width: 400px; }
.esc-buyer-panel { min-height: 0; padding: 48px 48px 0; align-items: end; }
.esc-buyer-clip { max-height: 480px; overflow: hidden; border-radius: 12px 12px 0 0;
  box-shadow: 0 0 1px rgba(20, 26, 18, 0.08), 0 8px 28px 4px rgba(10, 14, 8, 0.09); }
.esc-buyer-clip img { width: 100%; height: auto; display: block; }
@media (max-width: 900px) {
  .esc-flow { grid-template-columns: 1fr; gap: 36px; }
  .jrow, .jrow.rev { grid-template-columns: 1fr; gap: 40px; }
  .jrow.rev .feature-head { order: 0; justify-self: stretch; max-width: none; }
  .esc-buyer-panel { padding: 32px 24px 0; }
}