/* Founder recommendations: static content first, motion is optional. */
#gl-testimonials {
  --trust-ink: #17131b;
  --trust-copy: #535367;
  --trust-accent: #ad4382;
  --trust-border: rgba(173, 67, 130, .14);
  --trust-card: rgba(255, 255, 255, .92);
  --trust-soft: #f8f1f6;
  position: relative; width: min(820px, 100vw); max-width: 100vw; flex: none;
  order: initial !important; padding: 20px 0 4px; margin-inline: auto;
  color: var(--trust-ink); font-family: "Inter Display", Inter, sans-serif;
  scroll-margin-top: 110px; contain: inline-size;
}
#gl-testimonials *, #gl-testimonials *::before, #gl-testimonials *::after { box-sizing: border-box; }
.gl-t__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%); white-space: nowrap; border: 0 !important; }
.gl-t__bands { display: grid; gap: 12px; mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent); }
.gl-t__row { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.gl-t__row::-webkit-scrollbar { display: none; }
.gl-t__track, .gl-t__group { display: flex; width: max-content; align-items: stretch; }
.gl-t__group { gap: 12px; padding: 6px 12px 6px 0; }
.gl-t__clone { display: none; }
.gl-t__animated .gl-t__clone { display: flex; }
.gl-t__profile { display: flex; flex: 0 0 160px; width: 160px; align-items: center; flex-direction: column; padding: 4px; border: 0; border-radius: 8px; background: transparent; color: inherit; font-family: inherit; text-align: center; cursor: pointer; appearance: none; }
.gl-t__portrait { display: block; width: 64px; height: 64px; flex: none; border-radius: 50%; object-fit: cover; object-position: center 30%; background: var(--trust-soft); box-shadow: 0 0 0 1px var(--trust-border); }
.gl-t__initials { display: grid; place-items: center; font: 600 16px/1 Inter, sans-serif; color: var(--trust-copy); }
.gl-t__name { display: block; color: var(--trust-ink); font-size: 13px; font-weight: 600; line-height: 18px; }
.gl-t__profile .gl-t__name { margin-top: 9px; white-space: nowrap; }
.gl-t__company { display: block; width: 100%; min-height: 16px; margin-top: 2px; color: var(--trust-copy); font-size: 11px; line-height: 16px; text-wrap: balance; }
.gl-t__who { display: flex; align-items: center; gap: 12px; min-width: 0; margin-top: 20px; }
.gl-t__role { display: block; color: var(--trust-copy); font-size: 12px; line-height: 1.45; }
.gl-t__role strong { font-weight: 600; }
.gl-t__category { margin: 0; color: var(--trust-accent); font-size: 11px; font-weight: 600; letter-spacing: .04em; line-height: 1.4; }
.gl-t__source svg { width: 18px; height: 18px; flex: none; }
.gl-t__source:hover { text-decoration: underline; }
#gl-testimonials :focus-visible { outline: 2px solid var(--trust-accent); outline-offset: 3px; }
.gl-t__row:focus-visible { outline-offset: -3px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .gl-t__profile .gl-t__portrait { transition: transform .2s ease, box-shadow .2s ease; }
  .gl-t__profile:hover .gl-t__portrait { transform: translateY(-2px); box-shadow: 0 0 0 2px var(--trust-accent); }
}
.gl-t__dialog { width: min(580px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 32px; overflow-y: auto; border: 1px solid var(--trust-border); border-radius: 24px; background: var(--trust-card); color: var(--trust-ink); box-shadow: 0 24px 80px rgba(0,0,0,.2); }
.gl-t__dialog::backdrop { background: rgba(20, 15, 24, .55); backdrop-filter: blur(4px); }
.gl-t__dialog-title { margin: 0 0 6px; color: var(--trust-ink); font: 800 26px/1.1 var(--gl-font-heading); letter-spacing: -.04em; }
.gl-t__dialog blockquote { margin: 24px 0; font-size: 16px; line-height: 1.7; color: var(--trust-ink); white-space: pre-line; }
.gl-t__close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--trust-soft); color: var(--trust-ink); font-size: 26px; cursor: pointer; }
.gl-t__source { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--trust-accent); font-size: 12px; line-height: 1.4; text-decoration: none; }
html:has(.gl-t__dialog[open]) { overflow-y: hidden; }
html[data-theme="dark"] #gl-testimonials { --trust-ink: #f5f4f6; --trust-copy: #bbb5c3; --trust-accent: #e6a4cd; --trust-border: rgba(230, 164, 205, .18); --trust-card: #17141a; --trust-soft: #2a202b; }
@media (max-width: 809.98px) {
  #gl-testimonials { width: min(720px, 100vw); padding: 14px 0 0; }
  .gl-t__bands { gap: 6px; }
  .gl-t__row { scroll-padding-inline: 16px; }
  .gl-t__group { gap: 8px; padding-right: 8px; }
  .gl-t__profile { flex-basis: 144px; width: 144px; }
  .gl-t__profile .gl-t__portrait { width: 56px; height: 56px; }
  .gl-t__dialog { padding: 26px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .gl-t__animated .gl-t__clone { display: none; }
}
