/* Figma hero wash — Ellipse 71 (24954.svg), shared across capability pages */

.bs-hero,
.ra-hero,
.how-hero {
  background: var(--color-hero-bg, #fff9f9);
}

/* Full-bleed photo heroes: avoid pink band under the image */
.bs-hero:has(.bs-hero__bg > img),
.ra-hero:has(.ra-hero__bg > img) {
  background: #fff;
}

.bs-hero:has(.bs-hero__bg > img) .bs-hero__bg,
.ra-hero:has(.ra-hero__bg > img) .ra-hero__bg {
  top: 0;
  height: 812px;
}

.bs-hero__bg,
.ra-hero__bg {
  background: var(--color-hero-bg, #fff9f9);
}

.bs-hero__bg:has(> img),
.ra-hero__bg:has(> img) {
  z-index: 1;
}

.bs-hero .bs-hero__ellipse,
.ra-hero .ra-hero__ellipse,
.how-hero .how-hero__ellipse {
  z-index: 2;
}

.bs-hero .bs-hero__ellipse img,
.ra-hero .ra-hero__ellipse img,
.how-hero .how-hero__ellipse img {
  position: absolute;
  width: 113.67%;
  height: 113.67%;
  left: -6.835%;
  top: -6.835%;
  max-width: none;
}

.bs-hero .bs-hero__visual {
  z-index: 3;
}

.bs-hero .bs-hero__title,
.bs-hero .bs-hero__lead,
.ra-hero .ra-hero__title,
.ra-hero .ra-hero__lead,
.how-hero .how-hero__title,
.how-hero .how-hero__lead,
.how-hero .how-hero__subtitle {
  z-index: 4;
}

.solution-page--whatsapp .ra-hero__visual {
  z-index: 2;
}

/* Hero headlines — tighter multi-line stack (was 1.15 in page CSS) */
.ra-hero__title,
.how-hero__title {
  line-height: 1;
}

/* First-section hero headings — consistent laptop size across pages */
.bs-hero__title,
.ra-hero__title,
.how-hero__title,
.work-hero__title,
.blog-hero__title,
.company-hero__title,
.cap-hero__title {
  font-size: 72px;
}

.solution-page--whatsapp .ra-hero__title {
  font-size: 70px;
  line-height: 0.98;
}

/* First-section subcopy below hero headings */
.bs-hero__lead,
.ra-hero__lead,
.how-hero__lead,
.how-hero__subtitle,
.work-hero__lead,
.blog-hero__lead,
.company-hero__lead,
.cap-hero__lead {
  font-size: 24px;
  line-height: 1.19;
}

.solution-page--whatsapp .ra-hero__lead {
  font-size: 24px;
  line-height: 1.1;
  top: 449px;
}