/* A standalone white spotlight within the shared customer-quote family. */
.customer-proof {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0;
  padding:var(--space-20) var(--space-16);
  border:1px solid var(--quote-card-border);
  border-radius:var(--quote-card-radius);
  background:var(--color-bg-raised);
  color:var(--color-text-primary);
  text-align:center;
}
.customer-proof__lines {position:absolute;inset:0;z-index:-1;width:100%;height:100%;stroke:var(--color-structure-quiet);stroke-width:1;pointer-events:none}
.customer-proof__logo {display:block;width:180px;height:28px;object-fit:contain;margin-bottom:var(--space-8)}
.customer-proof blockquote {max-width:880px;margin:0;font-family:var(--font-display);font-size:var(--type-size-section);font-weight:400;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}
.customer-proof__attribution {display:flex;flex-direction:column;align-items:center;max-width:100%}
.customer-proof__person {display:flex;align-items:center;gap:var(--space-3);max-width:100%;margin-top:var(--space-10);text-align:left}
.customer-proof__phrase {white-space:nowrap}
.customer-proof__person>img {flex:none;width:48px;height:48px;border-radius:var(--radius-pill);object-fit:cover}
.customer-proof__person>div {min-width:0}
.customer-proof__person strong {display:block;font-size:var(--type-size-body);font-weight:500;line-height:1.5}
.customer-proof__person span {display:block;max-width:40ch;margin-top:var(--space-0-5);color:var(--color-text-supporting);font-size:var(--type-size-label);line-height:1.5;text-wrap:pretty}
.customer-proof__link {min-height:var(--size-control);margin-top:var(--space-6);font-size:var(--type-size-label);font-weight:500}
@media(max-width:1280px) {
  .customer-proof__lines {display:none}
}
@media(max-width:720px) {
  .customer-proof {padding:var(--space-12) var(--space-6)}
  .customer-proof blockquote {font-size:28px;line-height:1.4}
  .customer-proof__person {margin-top:var(--space-8)}
}

/* The Why Glossi quote joins the page rails with square structural corners. */
.approach-page .customer-proof {
  border-radius:0;
  background-color:var(--color-bg-supporting);
  background-image:radial-gradient(circle,rgba(86,87,93,.12) .65px,transparent .85px);
  background-size:24px 24px;
}