/* business/checking/elite-business-checking.html — dark ribbon + mosaic grid */
.biz-checking-commercial-page .checking-hero__circle--round img {
  object-fit: cover;
}

.biz-co-ribbon {
  background: radial-gradient(120% 80% at 10% 0%, #2a4a6f 0%, var(--color-navy-950) 55%);
  color: var(--color-cream);
}

.biz-co-ribbon__inner {
  max-width: 52rem;
}

.biz-co-ribbon__kicker {
  margin: 0 0 0.35rem;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-gold);
  font-weight: 600;
}

.biz-co-ribbon__h {
  margin: 0 0 0.5rem;
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 2.8vw, 2.1rem);
  color: var(--color-white);
}

.biz-co-ribbon__lede {
  margin: 0 0 1.75rem;
  max-width: 55ch;
  opacity: 0.92;
}

.biz-co-ribbon__stats {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 640px) {
  .biz-co-ribbon__stats {
    grid-template-columns: 1fr;
  }
}

.biz-co-ribbon__stat {
  display: block;
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--color-white);
}

.biz-co-ribbon__lbl {
  display: block;
  font-size: 0.9rem;
  opacity: 0.85;
}

.biz-co-mosaic {
  background: var(--color-page);
}

.biz-co-mosaic__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(120px, auto);
}

@media (max-width: 900px) {
  .biz-co-mosaic__grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
}

.biz-co-mosaic__cell {
  padding: 1.35rem;
  background: var(--color-white);
  border-radius: var(--radius-md);
  border: 1px solid rgba(58, 85, 119, 0.12);
  box-shadow: var(--shadow-soft);
}

.biz-co-mosaic__cell h3 {
  margin: 0 0 0.5rem;
  font-family: var(--font-serif);
  font-size: 1.1rem;
  color: var(--color-navy-950);
}

.biz-co-mosaic__cell p {
  margin: 0;
  color: var(--color-slate-600);
  font-size: 0.96rem;
}

.biz-co-mosaic__cell--wide {
  grid-column: span 4;
}

.biz-co-mosaic__cell--tall {
  grid-column: span 2;
  grid-row: span 2;
}

@media (max-width: 900px) {
  .biz-co-mosaic__cell--wide,
  .biz-co-mosaic__cell--tall {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

.biz-co-plain {
  background: var(--color-page);
}

.biz-co-plain p {
  margin: 0;
  max-width: 68ch;
  color: var(--color-slate-600);
}

.biz-co-plain strong {
  color: var(--color-navy-950);
}