/* Remittance face — consumer app promotion */
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.showcase-copy .ticks{list-style:none;padding:0;margin:1.3rem 0 1.6rem}
.ticks li{position:relative;padding-left:1.8rem;margin:.65rem 0;color:var(--ink)}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--brand-red);font-weight:700}

.phones{position:relative;min-height:540px;display:flex;justify-content:center;align-items:center}
.phone{max-width:236px;border-radius:30px;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);position:absolute}
.phone-back{transform:translateX(-72px) rotate(-6deg) scale(.95);opacity:.92}
.phone-front{transform:translateX(72px) rotate(5deg)}

.store-pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--navy-700);border:1px solid var(--line);border-radius:12px;padding:.7rem 1.2rem;text-decoration:none;font-weight:600;color:var(--ink)}
.store-pill:hover{border-color:rgba(229,72,77,.45)}

.chip-more{background:rgba(229,72,77,.12)!important;border-color:rgba(229,72,77,.3)!important;color:var(--brand-red)!important;font-weight:600}

.steps{list-style:none;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.steps li{background:var(--navy-700);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.3rem;position:relative;counter-increment:s;text-align:center}
.step-illo{width:104px;height:104px;object-fit:contain;padding:12px;margin:0 auto 1rem;display:block;
  background:
    radial-gradient(closest-side,rgba(229,72,77,.12),transparent 70%),
    linear-gradient(rgba(14,23,42,.5),rgba(14,23,42,.5)),
    url(../img/amb1_alpha.png) center/128% no-repeat}
.steps b{display:block;margin-bottom:.3rem}
.steps b::before{content:counter(s) ". ";color:var(--brand-red);font-weight:800}
.steps span{color:var(--ink-dim);font-size:.9rem}

blockquote.card{margin:0;font-style:italic;color:var(--ink-dim)}
.contact-cta{text-align:center}
.contact-cta .lead{margin-inline:auto}
.muted{color:var(--ink-dim);margin-top:1rem}

@media(max-width:820px){
  .showcase-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .phones{min-height:440px}
}
@media(max-width:520px){
  .steps{grid-template-columns:1fr}
  .phones{min-height:360px}
  .phone{max-width:185px}
  .phone-back{transform:translateX(-42px) rotate(-6deg) scale(.95)}
  .phone-front{transform:translateX(42px) rotate(5deg)}
}