.platform-strip { --platform-paper: #f2cd5c; --platform-ink: #252a22; --platform-duration: 38s; }
/* Typographic platform names, not partnership or integration badges. */
.platform-strip {
  min-width: 0;
  overflow: hidden;
  padding: 16px 0 32px;
  color: var(--platform-ink);
  background: var(--platform-paper);
  border-block: 1px solid color-mix(in srgb, var(--platform-ink) 18%, transparent);
}
.platform-strip__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-inline: var(--gutter, 28px);
  min-height: 44px;
  margin-bottom: 20px;
}
.platform-strip__label {
  margin: 0;
  font: 500 10px/1.5 var(--sans, sans-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.platform-strip__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 80px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--platform-ink) 30%, transparent);
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: 500 10px/1 var(--sans, sans-serif);
  text-transform: uppercase;
  letter-spacing: .06em;
  cursor: pointer;
  touch-action: manipulation;
}
.platform-strip__toggle[hidden] { display: none !important; }
.platform-strip__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.platform-strip__toggle svg { width: 12px; height: 12px; fill: currentColor; }
.platform-strip__toggle svg[hidden] { display: none !important; }
.platform-strip__window { overflow: hidden; }
.platform-strip__track { display: flex; width: 100%; }
.platform-strip__group {
  display: flex;
  flex: 0 0 100%;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px 44px;
  margin: 0;
  padding: 0 var(--gutter, 28px);
  list-style: none;
}
.platform-strip__group li {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font: 700 clamp(25px, 2.4vw, 38px)/1.2 Arial, sans-serif;
  letter-spacing: -.045em;
}
.platform-strip__group .platform-word--onlyfans { font-weight: 800; font-style: italic; }
.platform-strip__group .platform-word--fansly { font-family: Georgia, serif; font-weight: 700; letter-spacing: -.06em; }
.platform-strip__group .platform-word--fanvue { font-weight: 500; letter-spacing: -.06em; }
.platform-strip__group .platform-word--mym { font-weight: 900; font-size: clamp(35px, 3.2vw, 50px); letter-spacing: -.085em; }
.platform-strip__group .platform-word--passes { font-weight: 500; letter-spacing: -.065em; }
.platform-strip__group .platform-word--fancentro { font-size: clamp(20px, 1.9vw, 30px); font-weight: 900; letter-spacing: -.04em; }
.platform-strip__group .platform-word--infloww { font-weight: 500; font-size: clamp(23px, 2vw, 31px); letter-spacing: -.06em; }
.platform-strip__group .platform-word--cafecito { font-weight: 700; font-size: clamp(24px, 2.1vw, 33px); }
.platform-strip[data-motion="ready"] .platform-strip__track {
  width: max-content;
  animation: platform-drift var(--platform-duration, 42s) linear infinite;
  animation-play-state: paused;
}
.platform-strip[data-motion="ready"] .platform-strip__group {
  flex: 0 0 auto;
  min-width: 100vw;
  flex-wrap: nowrap;
  justify-content: space-around;
  gap: clamp(44px, 5vw, 96px);
  padding-inline: clamp(22px, 2.5vw, 48px);
}
.platform-strip[data-running="true"] .platform-strip__track { animation-play-state: running; }
@media (hover: hover) and (pointer: fine) {
  .platform-strip:hover .platform-strip__track { animation-play-state: paused; }
  .platform-strip__toggle:hover { background: color-mix(in srgb, var(--platform-ink) 10%, transparent); }
}
@keyframes platform-drift { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .platform-strip[data-motion="ready"] .platform-strip__track { animation: none; transform: none; width: 100%; }
  .platform-strip[data-motion="ready"] .platform-strip__group { min-width: 0; flex: 0 0 100%; flex-wrap: wrap; gap: 28px 44px; }
  .platform-strip__group[aria-hidden="true"], .platform-strip__toggle { display: none !important; }
}