/* Revenue Recovery overview (/recover-checkout) — ink stats banner.
   Brand "flagship moment": ink panel, teal accents, serif hero numbers. */

.recovery-stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin: 26px 0 6px;
  padding: 38px 40px 34px;
  border-radius: 18px;
  background: linear-gradient(180deg, #0F1A2A 0%, #08111E 100%);
  border: 1px solid rgba(0,212,184,0.18);
  box-shadow: 0 24px 60px -28px rgba(15,26,42,0.45);
  overflow: hidden;
}

/* Subtle 48px teal grid texture, masked by a radial glow — the brand's
   "infrastructure" surface treatment. */
.recovery-stats::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,212,184,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,184,0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(closest-side at 75% 0%, #000, transparent 90%);
  mask-image: radial-gradient(closest-side at 75% 0%, #000, transparent 90%);
  pointer-events: none;
}

.recovery-stats .stat {
  position: relative;
  text-align: center;
}

.recovery-stats .stat + .stat {
  border-left: 1px solid rgba(242,239,232,0.10);
  padding-left: 28px;
  margin-left: -28px;
}

.recovery-stats .eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(242,239,232,0.55);
  margin-bottom: 12px;
}

.recovery-stats .big {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 52px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #F2EFE8;
  margin-bottom: 10px;
}

.recovery-stats .big .accent {
  color: #00D4B8;
  font-style: italic;
}

.recovery-stats .cap {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.45;
  color: rgba(242,239,232,0.70);
  max-width: 220px;
  margin: 0 auto;
}

@media (max-width: 720px) {
  .recovery-stats {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 30px 24px;
  }
  .recovery-stats .stat + .stat {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    border-top: 1px solid rgba(242,239,232,0.10);
    padding-top: 24px;
  }
}