.bb-marketing .main-container {
  max-width: 1290px;
  padding-inline: 1.25rem;
  margin-inline: auto;
}

@media (min-width: 1440px) {
  .bb-marketing .main-container {
    padding-inline: 1.25rem;
  }
}

.stack-cards {
  --stack-cards-gap: 24px;
}

.stack-cards__item {
  top: 7rem;
  transform-origin: top;
  position: sticky;
  overflow: hidden;
}

.cards-marquee-container .horizontal-marquee-inner {
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  white-space: nowrap;
}

.bb-testimonial-card {
  flex: 0 0 358px;
  width: 358px;
  max-width: 358px;
  min-width: 358px;
  white-space: normal;
  box-sizing: border-box;
}

.bb-testimonial-card h3 {
  white-space: normal;
}

/* Utility classes used by new marketing mockups that the pre-built
   theme CSS (public/assets/main.css) doesn't include, since it's a
   static Tailwind build generated from the original theme's own pages. */
.bg-\[\#F5F6FA\] {
  background-color: #F5F6FA;
}

.italic {
  font-style: italic;
}

.font-serif {
  font-family: Georgia, 'Times New Roman', serif;
}

.leading-none {
  line-height: 1;
}

.ring-1 {
  box-shadow: inset 0 0 0 1px rgba(49, 32, 88, 0.15);
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-xs {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1rem));
}

.text-secondary\/25 {
  color: color-mix(in oklab, var(--color-secondary) 25%, transparent);
}

.max-w-\[408px\] {
  max-width: 408px;
}

.max-w-\[467px\] {
  max-width: 467px;
}

.max-w-\[483px\] {
  max-width: 483px;
}

.font-\[\'Bricolage_Grotesque\'\] {
  font-family: 'Bricolage Grotesque', sans-serif;
}

@media (min-width: 40rem) {
  .sm\:inline {
    display: inline;
  }
}

.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}

.font-extrabold {
  font-weight: 800;
}

.text-\[\#805dca\] {
  color: #805dca;
}

.h-\[60px\] {
  height: 60px;
}