/* Workflow landing pages reuse the migration typography, forms and spacing. */
.workflow-page .workflow-media { position: relative; margin: 0; border-radius: 20px; overflow: hidden; background: #f5f3f8; }
.workflow-page .workflow-photo { display: block; width: 100%; height: 380px; object-fit: cover; }
.workflow-page .workflow-media figcaption { padding: 18px 24px; font-size: 12px; line-height: 1.7; color: #625d6b; }
.workflow-page .workflow-repair-media .workflow-photo { height: 280px; }
.workflow-page .workflow-ticket { position: relative; margin: -105px 24px 0 auto; width: min(78%, 340px); }
.workflow-page .workflow-ticket img { width: 100%; height: auto; }
.workflow-page .workflow-gold-panel { border: 1px solid #e1dce6; padding: 36px; border-radius: 20px; background: linear-gradient(145deg, #f4eff9, #eff8f8); }
.workflow-page .workflow-gold-panel > h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.15; margin-bottom: 28px; color: #241635; }
.workflow-page .workflow-gold-line { display: flex; align-items: center; gap: 20px; border-top: 1px solid #dce3e8; padding: 24px 0; }
.workflow-page .workflow-gold-line > span { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border: 1px solid #a1cdd9; border-radius: 50%; font-size: 12px; color: #094353; }
.workflow-page .workflow-gold-line h3 { font-size: 24px; line-height: 1.3; margin-bottom: 8px; }
.workflow-page .workflow-gold-line p, .workflow-page .workflow-gold-foot { font-size: 13px; line-height: 1.8; color: #625d6b; }
.workflow-page .workflow-gold-active > span { background: #241635; border-color: #241635; color: #fff; }
.workflow-page .workflow-gold-foot { border-top: 1px solid #dce3e8; padding-top: 24px; }
@media (min-width: 1024px) {
  .workflow-page .migration-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .workflow-page .workflow-photo { height: 260px; }
  .workflow-page .workflow-repair-media .workflow-photo { height: 220px; }
  .workflow-page .workflow-ticket { margin-top: -75px; margin-right: 12px; }
  .workflow-page .workflow-gold-panel { padding: 26px 24px; }
  .workflow-page .workflow-gold-line { gap: 14px; }
  .workflow-page .workflow-gold-line h3 { font-size: 21px; }
}

/* The scrap purchase is an illustrative table, not a product screenshot. */
.scrap-gold-page .scrap-purchase { margin: 0; min-width: 0; }
.scrap-gold-page .scrap-purchase-table { width: 100%; border-collapse: collapse; color: #241635; font-size: 14px; }
.scrap-gold-page .scrap-purchase-table caption { text-align: left; padding-bottom: 28px; }
.scrap-gold-page .scrap-purchase-table caption > span { display: block; }
.scrap-gold-page .scrap-purchase-title { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
.scrap-gold-page .scrap-purchase-table th, .scrap-gold-page .scrap-purchase-table td { padding: 20px 8px; text-align: left; border-top: 1px solid #dce3e8; }
.scrap-gold-page .scrap-purchase-table thead th { color: #625d6b; font-size: 12px; font-weight: 400; }
.scrap-gold-page .scrap-purchase-table tbody th { font-weight: 600; }
.scrap-gold-page .scrap-purchase-table tr > :first-child { padding-left: 0; }
.scrap-gold-page .scrap-purchase-table tr > :last-child { padding-right: 0; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.scrap-gold-page .scrap-outcomes { align-items: start; }
.scrap-gold-page .scrap-paperwork { border: 1px solid #e1dce6; border-radius: 20px; padding: 28px; background: linear-gradient(145deg, #f7f5fb, #f0f8f9); }
.scrap-gold-page .scrap-paperwork > p:last-child { margin-bottom: 0; }
@media (min-width: 640px) {
  .scrap-gold-page .migration-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 639px) {
  .scrap-gold-page .scrap-purchase, .scrap-gold-page .scrap-paperwork { padding: 26px 20px; }
  .scrap-gold-page .scrap-purchase-table th, .scrap-gold-page .scrap-purchase-table td { padding-block: 18px; padding-inline: 6px; }
}