/* RBX Heading Strip — fully scoped to .rbx-head-zone */
.rbx-head-zone {
  /* section-local tokens */
  --rbx-head-ink: #0f172a;
  --rbx-head-muted: #6b7280;
  --rbx-head-c1: #12616E;   /* unified brand color */

  background: #f2fdf9;      /* soft mint background */
  padding: clamp(36px, 6vw, 72px);
  padding-bottom: 0;
  font-family: inherit; /* use your site’s font */
}

.rbx-head-zone .rbx-head-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.rbx-head-zone .rbx-head-title {
  margin: 0 0 14px;
  color: var(--rbx-head-ink);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
  font-size: clamp(28px, 5.2vw, 44px);
}

.rbx-head-zone .rbx-head-accent {
  color: var(--rbx-head-c1); /* solid brand color */
  white-space: nowrap;
}

.rbx-head-zone .rbx-head-sub {
  margin: 0;
  color: var(--rbx-head-muted);
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.7;
  max-width: 760px;
  margin-inline: auto;
}

/* small screens */
@media (max-width: 520px) {
  .rbx-head-zone { padding: 28px 16px; }
}