.banking-placeholder{
  width:100%;
  min-height:330px;
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:40px;
  background:var(--color-evidence);
  color:var(--color-ink);
}

.banking-placeholder--crypto-card{
  justify-content:center;
  background:var(--color-banking-crypto-card-concept);
}

.banking-placeholder .banking-placeholder-media{
  display:block;
  width:100%;
  height:auto;
  align-self:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
}

@media(max-width:767px){
  /* Match the 5184×3123 KYC canvas and its source-pixel scale on mobile. */
  .banking-visual .banking-placeholder.banking-placeholder--crypto-card{
    width:calc((113vw - 33px) * 5184 / 3123 + 2px);
    min-width:0;
    min-height:0;
    height:calc(113vw - 31px);
    padding:0;
    border:1px solid var(--line);
    border-radius:20px;
  }
  .banking-placeholder--crypto-card .banking-placeholder-media{
    width:calc((113vw - 33px) * 4913 / 3123);
    max-width:none;
  }
}

.banking-placeholder-number{
  font-size:var(--type-label-size);
  line-height:var(--type-label-line);
  font-weight:var(--type-label-weight);
  letter-spacing:var(--type-label-spacing);
  text-transform:uppercase;
  color:var(--color-accent-strong);
}

.banking-placeholder-copy{display:grid;gap:12px;max-width:760px}

.banking-placeholder strong{
  font-size:var(--type-h5-size);
  line-height:var(--type-h5-line);
  font-weight:var(--type-h5-weight);
  letter-spacing:var(--type-h5-spacing);
}

.banking-placeholder span:last-child{
  color:color-mix(in srgb,var(--color-ink) 58%,transparent);
  font-size:var(--type-body-small-size);
  line-height:var(--type-body-small-line);
  font-weight:var(--type-body-small-weight);
  letter-spacing:var(--type-body-small-spacing);
}