body {
      margin: 0;
      background-color: #000; /* for contrast */
    }

    .marquee-wrapper {
      width: 100%;
      height: 80px;
      background-color: rgba(126, 255, 197, 0.05);
      overflow: hidden;
      display: flex;
      align-items: center;
      position: relative;
    }

    .marquee {
      display: inline-flex;
      white-space: nowrap;
      will-change: transform;
      font-size: 24px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      gap: 100px;
    }

    .marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .star-icon {
      width: 16px;
      height: 16px;
    }