html {
  scroll-behavior: smooth;
}

.logo-brand-type {
  width: 6.75rem;
}
@media (min-width: 640px) {
  .logo-brand-type {
    width: 7.25rem;
  }
}
.logo-brand-type img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Custom chevron: Tailwind from CDN only, no forms plugin. */
.idea-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='%2311182f'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  padding-right: 2.75rem;
}

.testimonial-viewport {
  isolation: isolate;
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  flex-direction: row;
  width: 200%;
}

/* min-width:0 so flex % widths resolve correctly inside grid. */
.testimonial-slide {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
}