/* Shared customer proof. Homepage owns the names, marks and story links. */
.home-customer-stories {padding:32px 0 36px}
.home-customer-stories > .stack-inner {width:var(--launch-frame);margin-inline:auto}
.home-customer-stories .home-customer-label {margin:0 0 20px;color:#707070;font-size:13px;line-height:1.5;text-align:center}
.home-customer-logos {
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;gap:24px;max-width:1200px;margin:0 auto;
}
.home-customer-logos > :is(a,span) {
  display:flex;min-width:0;min-height:52px;
  align-items:center;justify-content:center;opacity:.56;text-decoration:none;
}
.home-customer-logos img {display:block;width:var(--logo-width);max-width:100%;height:auto;max-height:none;object-fit:contain;filter:grayscale(1) brightness(0)}
.home-customer-logos .logo-magnaflow {--logo-width:136px}
.home-customer-logos .logo-awol {--logo-width:110px}
.home-customer-logos .logo-arccos {--logo-width:128px}
.home-customer-logos .logo-flaus {--logo-width:88px}
.home-customer-logos .logo-buoy {--logo-width:40px}
.home-customer-logos .logo-crate {--logo-width:122px}
.home-customer-logos a:hover {opacity:.72}
.home-customer-logos a:focus-visible {opacity:1;outline:2px solid #707070;outline-offset:4px;border-radius:3px}
/* The grid's rules never move or resize the retained marks. */
@media(min-width:1025px) {
  .home-customer-stories {padding-top:20px}
  .home-customer-stories .home-customer-label {margin-bottom:31.5px;font-size:14px;line-height:20px;letter-spacing:-.01em}
  .home-customer-logos {position:relative}
  .home-customer-logos::before {
    content:"";position:absolute;inset:-12px 0;pointer-events:none;
    border-block:1px solid var(--border-subtle);
    background:linear-gradient(to right,transparent calc(100% - 1px),var(--border-subtle) 0)
      -11.5px 0 / calc((100% + 24px) / 6) 100% repeat-x;
  }
}
@media(max-width:1024px) {.home-customer-logos {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px) {
  .home-customer-stories {padding:28px 0 32px}
  .home-customer-stories .home-customer-label {margin-bottom:16px}
  .home-customer-logos {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
  .home-customer-logos > :is(a,span) {min-height:48px}
}
@media(max-width:359px) {.home-customer-logos {grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Why Glossi supplies the outer rail and a chapter pause after its logo grid. */
.approach-ai-intro > .home-customer-stories {padding:var(--ap-chapter-space) 0 0}
.approach-ai-intro > .home-customer-stories > .stack-inner {width:100%}
.approach-ai-intro > .home-customer-stories + .approach-product-chapters {margin-top:var(--ap-chapter-space);border-top:0}
/* The desktop logo rule extends12px above its layout box. */
@media(min-width:1025px) {.approach-ai-intro > .home-customer-stories {padding-top:calc(var(--ap-chapter-space) + var(--space-3))}}