@font-face{font-family:Geist;src:url(assets/geist-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

#slide-9 {
  overflow: hidden;
  background: #fff;
  color: #111827;
  font-family: Geist, Arial, sans-serif;
}

.partner-example-slide {
  position: absolute;
  inset: 0;
  padding: 72px;
}

.partner-story {
  position: relative;
  background: transparent;
}

.partner-story h2 {
  max-width: 1540px;
  margin: 0 auto;
  color: #111827;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.04;
  text-align: center;
  background-image: linear-gradient(90deg,#111827 0%,#111827 24%,#69727e 36%,#555f6c 42%,#111827 54%,#111827 100%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 720px 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: brox-title-gradient-wave 5.76s linear infinite;
}

.partner-browser {
  width: 1500px;
  height: 700px;
  margin: 51px auto 0;
  overflow: hidden;
  border: 1px solid #dbe0e6;
  border-radius: 25px;
  background: #08090c;
  box-shadow: 0 30px 80px rgba(15,23,42,.13), 0 3px 10px rgba(15,23,42,.07);
}

.gff-scroll-viewport {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #08090c;
}

.gff-site-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  background: #08090c;
}

@media (prefers-reduced-motion: reduce) {
  .partner-story h2 { color: #111827; background: none; -webkit-text-fill-color: currentColor; animation: none; }
}