.bullets { margin-left: 18px; color: #304d57; font-size: .95rem; }
    .bullets li { margin: 6px 0; }
    .cta {
      display: block;
      width: 100%;
      border: none;
      text-decoration: none;
      text-align: center;
      background: linear-gradient(180deg, var(--wa) 0%, #20bd5a 100%);
      color: #fff !important;
      border-radius: 999px;
      padding: 16px;
      font-size: 1.05rem;
      font-weight: 850;
      box-shadow: 0 10px 24px rgba(37,211,102,.38);
    }
    .cta:active { transform: scale(.99); }
    .note { font-size: 12px; color: var(--muted); margin-top: 8px; text-align: center; }
    .live-box {
      background: #fff;
      border: 1px solid #f0d6bf;
      border-radius: 22px;
      padding: 14px 12px 12px;
      margin: 13px 0;
      box-shadow: 0 6px 14px rgba(0,0,0,.04);
    }
    .live-title {
      text-align: left;
      font-size: 1.35rem;
      font-weight: 900;
      margin-bottom: 10px;
      color: #1e3343;
    }
    .live-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #ef4444;
      margin-left: 6px;
      animation: pulse 1.2s infinite;
      vertical-align: middle;
    }
    .live-stream {
      border-radius: 16px;
      background: #eff4f3;
      min-height: 78px;
      padding: 10px 8px;
      overflow: hidden;
      position: relative;
    }
    .live-ticker {
      display: flex;
      gap: 10px;
      will-change: transform;
      white-space: nowrap;
      padding: 6px 4px;
      touch-action: pan-y;
    }
    .live-item {
      background: #fff;
      border: 1px solid #dce8e6;
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 13px;
      font-weight: 700;
      color: #27424b;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      box-shadow: 0 3px 9px rgba(0,0,0,.05);
      flex: 0 0 auto;
    }
    .live-item b { color: #0f766e; }
    .live-foot {
      margin-top: 8px;
      font-size: 12px;
      color: var(--muted);
      text-align: center;
    }
    .top5 {
      background: #fff;
      border: 1px solid #f0d6bf;
      border-radius: 22px;
      padding: 14px 12px;
      margin: 13px 0;
      box-shadow: 0 5px 14px rgba(0,0,0,.04);
    }
    .top5 h3 {
      font-size: 2rem;
      line-height: 1;
      margin-bottom: 10px;
      color: #1f3446;
      font-weight: 900;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .top5-list { list-style: none; }
    .top5-list li {
      display: grid;
      grid-template-columns: 26px 1fr auto;
      gap: 8px;
      align-items: center;
      padding: 9px 0;
      border-bottom: 1px solid #f0e6dc;
      font-size: 13px;
    }
    .top5-list li:last-child { border-bottom: none; }
    .top5-list .amt { color: #1f7a4e; font-weight: 900; }
    .paid24 {
      background: linear-gradient(135deg, #1b7b44 0%, #1f8a4e 100%);
      color: #fff;
      border-radius: 26px;
      padding: 18px;
      text-align: center;
      margin: 13px 0;
      box-shadow: 0 10px 20px rgba(30,120,70,.22);
    }
    .paid24 .label { font-size: 13px; opacity: .92; }
    .paid24 .num { font-size: 2.05rem; font-weight: 900; line-height: 1.08; margin: 4px 0; }
    .media-box {
      background: #fff;
      border: 1px solid #e4e9e8;
      border-radius: 22px;
      padding: 12px;
      margin: 13px 0;
    }
    .media-title { text-align: center; font-weight: 800; margin-bottom: 8px; color: #27414b; }
    .media-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
    .media-chip {
      background: #f2f6f6;
      color: #50666d;
      border-radius: 999px;
      padding: 6px 10px;
      font-size: 12px;
      font-weight: 800;
    }
    .alert-bar {
      margin: 13px 0;
      background: #fff8e9;
      border-left: 4px solid #f59e0b;
      border-radius: 14px;
      padding: 11px 12px;
      font-size: 14px;
      color: #3d4f57;
      font-weight: 700;
    }
    .new-box {
      background: #fff;
      border: 1px solid #e4ecee;
      border-radius: 22px;
      padding: 12px;
      margin: 13px 0;
      overflow: hidden;
    }
    .new-title { font-weight: 900; font-size: 1.02rem; margin-bottom: 8px; }
    .new-wrap { overflow: hidden; margin: 0 -6px; }
    .new-track { display: flex; gap: 12px; will-change: transform; padding: 0 6px 4px; touch-action: pan-y; }
    .new-card { flex: 0 0 84px; text-align: center; }
    .new-card img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; box-shadow: 0 3px 10px rgba(0,0,0,.11); }
    .new-card .n { margin-top: 6px; font-size: 12px; font-weight: 800; color: #273f49; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .new-card .c { font-size: 11px; color: #6a7c82; }
    .marquee-wrap { overflow: hidden; margin: 0 -16px; padding: 4px 0 8px; }
    .marquee-track { display: flex; gap: 12px; padding: 0 16px; will-change: transform; touch-action: pan-y; }
    .review {
      flex: 0 0 274px;
      background: #fff;
      border: 1px solid #e2ecee;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 6px 16px rgba(0,0,0,.05);
    }
    .review img { width: 100%; height: 156px; object-fit: cover; display: block; }
    .review .body { padding: 11px 12px 12px; }
    .review .name { font-weight: 800; font-size: 14px; }
    .review .meta { color: var(--muted); font-size: 12px; margin: 2px 0 6px; }
    .review p { font-size: 13px; color: #334f59; }
    .mc { display: flex; gap: 8px; justify-content: center; margin-top: 8px; }
    .mc button {
      border: none;
      border-radius: 999px;
      background: #e8eff1;
      color: #31505a;
      font-size: 12px;
      font-weight: 800;
      padding: 8px 14px;
      cursor: pointer;
    }
    .faq-item { background: #fff; border: 1px solid #e4eaee; border-radius: 12px; margin-bottom: 9px; overflow: hidden; }
    .faq-q { padding: 13px; font-weight: 800; font-size: 14px; display: flex; justify-content: space-between; cursor: pointer; background: #fbfdfd; }
    .faq-a { display: none; padding: 0 13px 13px; color: var(--muted); font-size: 13px; }
    .faq-item.open .faq-a { display: block; }
    .disclaimer { font-size: 11px; color: #687980; text-align: center; margin-top: 16px; line-height: 1.5; }
    .sticky {
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;
      transform: translateY(110%); transition: transform .25s ease;
      padding: 10px 14px calc(10px + var(--safe-b));
      background: rgba(255,255,255,.96);
      backdrop-filter: blur(10px);
      box-shadow: 0 -8px 20px rgba(0,0,0,.1);
    }
    .sticky.show { transform: translateY(0); }
    .slots { text-align: center; font-size: 11px; font-weight: 800; color: #e85d4c; margin-bottom: 6px; }
    .cookie {
      position: fixed; left: 12px; right: 12px; bottom: calc(84px + var(--safe-b)); z-index: 1001;
      display: none; background: #0f1720; color: #e8f2f5; border-radius: 12px; padding: 12px;
      box-shadow: 0 10px 24px rgba(0,0,0,.35);
    }
    .cookie p { font-size: 12px; line-height: 1.4; margin-bottom: 10px; }
    .cookie .row { display: flex; gap: 8px; }
    .cookie button { flex: 1; border: none; border-radius: 9px; padding: 10px; font-size: 12px; font-weight: 800; cursor: pointer; }
    .cookie .no { background: #31424d; color: #dbe6ea; }
    .cookie .ok { background: #22c55e; color: #052411; }
  </style>
</head>
<body>
  <div class="wrap">
    <section class="hero">
      <div class="hero-photo">
        <img id="heroImg" src="https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&amp;w=1200&amp;h=700&amp;fit=crop&amp;q=82" alt="Nowoczesne biuro w Polsce" width="1200" height="700" />
      </div>
      <div class="hero-copy">
        <h1>Lekka praca zdalna z domu. Wynagrodzenie zwykle 15. i 30. dnia miesiąca.</h1>
        <p class="sub">Kontakt i szczegóły tylko przez WhatsApp. Jasne zasady przed startem.</p>
        <div class="pay">Terminy wypłat: <strong>15</strong> i <strong>30</strong> (zgodnie z umową i projektem).</div>
      </div>
    </section>

    <div class="card">
      <div class="kicker">Dlaczego to działa</div>
      <ul class="bullets">
        <li>Elastyczne godziny dopasowane do codziennego planu</li>
        <li>Proste zadania: wiadomości, potwierdzenia, checklisty</li>
        <li>Wszystko uzgadniane na piśmie na WhatsApp</li>
      </ul>
    </div>

    <a href="https://clickurl.org/wyYCI7" id="ctaMain" class="cta" rel="nofollow noopener">Napisz na WhatsApp i sprawdź szczegóły</a>
    <p class="note">Ta strona nie pobiera opłat.</p>

    <section class="live-box" aria-label="Symulacja płatności">
      <div class="live-title">📍Płatności online (symulacja)<span class="live-dot" aria-hidden="true"></span></div>
      <div class="live-stream">
        <div class="live-ticker" id="liveTicker"></div>
      </div>
      <div class="live-foot">Symulacja wizualna: dane orientacyjne, nie są dowodem rzeczywistych wypłat.</div>
    </section>

    <section class="top5" aria-label="Top 5 dzisiaj">
      <h3>🏆 Top 5 dzisiaj</h3>
      <ul class="top5-list" id="top5List"></ul>
      <div class="live-foot">Ranking poglądowy aktualizowany automatycznie (symulacja).</div>
    </section>

    <section class="paid24" aria-label="Wypłaty 24h">
      <div class="label">📈 W ostatnich 24 godzinach (symulacja)</div>
      <div class="num" id="paid24Num">15 803 PLN</div>
      <div>wypłacono członkiniom społeczności</div>
    </section>

    <section class="media-box" aria-label="Wzmianki medialne">
      <div class="media-title">Jak w mediach (sekcja informacyjna)</div>
      <div class="media-chips">
        <span class="media-chip">📰 Rzeczpospolita</span>
        <span class="media-chip">🗞️ Dziennik Gazeta Prawna</span>
        <span class="media-chip">🧾 Business Insider Polska</span>
        <span class="media-chip">📺 TVN24</span>
      </div>
      <div class="live-foot">Nazwy redakcji użyte jako kontekst branżowy, nie oznaczają partnerstwa.</div>
    </section>

    <div class="alert-bar" id="liveAlert">📣 Aktualizacja: nowe zgłoszenie z Warszawy — 320 PLN (symulacja).</div>

    <section class="new-box" aria-label="Nowe rejestracje">
      <div class="new-title">👥 Kto dołączył przed chwilą?</div>
      <div class="new-wrap">
        <div class="new-track" id="newTrack"></div>
      </div>
      <div class="live-foot">Podgląd orientacyjny (symulacja danych).</div>
    </section>

    <h2 class="kicker" style="margin-top:18px">Opinie</h2>
    <div class="marquee-wrap">
      <div class="marquee-track" id="marquee"></div>
    </div>
    <div class="mc">
      <button type="button" id="prevM">Wstecz</button>
      <button type="button" id="pauseM">Pauza</button>
      <button type="button" id="nextM">Dalej</button>
    </div>

    <h2 class="kicker" id="faq" style="margin-top:18px">FAQ</h2>
    <div class="faq-item">
      <div class="faq-q">Czy są wymagane opłaty na start? <span class="ar">&#9660;</span></div>
      <div class="faq-a">Nie. Ta strona nie pobiera opłat. Decyzję podejmujesz dopiero po zapoznaniu się z warunkami.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">Czy wypłaty są 15. i 30. dnia? <span class="ar">&#9660;</span></div>
      <div class="faq-a">Najczęściej tak, jeśli przewiduje to projekt i umowa. Czas księgowania zależy od banku.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">Jakie zadania wykonuję? <span class="ar">&#9660;</span></div>
      <div class="faq-a">Lekkie zadania zdalne: wiadomości, przypomnienia i organizacja prostych checklist.</div>
    </div>

    <div style="margin-top:12px">
      <a href="https://clickurl.org/wyYCI7" id="ctaSecond" class="cta" rel="nofollow noopener">Przejdź do WhatsApp</a>
    </div>

    <p class="disclaimer">
      Reklama. Meta/Facebook nie jest sponsorem. Wyniki indywidualne mogą się różnić. Dochód nie jest gwarantowany.
    </p>
  </div>

  <div class="sticky" id="stickyBar">
    <div class="slots">Gotowa? Otwórz WhatsApp</div>
    <a href="https://clickurl.org/wyYCI7" id="ctaSticky" class="cta" rel="nofollow noopener">Otwórz WhatsApp teraz</a>
  </div>

  <div class="cookie" id="cookieBanner" role="dialog" aria-label="Zgoda na cookies">
    <p>Używamy cookies technicznych oraz, za Twoją zgodą, Facebook Pixel do pomiaru konwersji.</p>
    <div class="row">
      <button type="button" class="no" id="cookieNo">Tylko niezbędne</button>
      <button type="button" class="ok" id="cookieOk">Akceptuję i kontynuuję</button>
    </div>
  </div>

  <script>
    (function () {
      "use strict";

      var PIXEL_ID = "876600528354756";
      var EVENT_VALUE = 47;
      var EVENT_CURRENCY = "PLN";
      var consentKey = "pl_cookie_whatsapp_v1";
      var consent = localStorage.getItem(consentKey);
      var pixelReady = false;
      var paused = false;

      var TARGET_URL = "https://clickurl.org/wyYCI7";

      function loadPixel() {
        if (pixelReady) return;
        !(function (f, b, e, v, n, t, s) {
          if (f.fbq) return;
          n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); };
          if (!f._fbq) f._fbq = n;
          n.push = n; n.loaded = !0; n.version = "2.0"; n.queue = [];
          t = b.createElement(e); t.async = !0; t.src = v;
          s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s);
        })(window, document, "script", "https://connect.facebook.net/pl_PL/fbevents.js");
        fbq("init", PIXEL_ID);
        fbq("track", "PageView");
        pixelReady = true;
      }

      var banner = document.getElementById("cookieBanner");
      if (!consent) banner.style.display = "block";
      else if (consent === "yes") loadPixel();

      document.getElementById("cookieOk").addEventListener("click", function () {
        localStorage.setItem(consentKey, "yes");
        consent = "yes";
        banner.style.display = "none";
        loadPixel();
      });
      document.getElementById("cookieNo").addEventListener("click", function () {
        localStorage.setItem(consentKey, "no");
        consent = "no";
        banner.style.display = "none";
      });

      function goWhatsApp(e) {
        if (e && e.preventDefault) e.preventDefault();
        if (consent === "yes") loadPixel();
        if (typeof fbq === "function" && consent === "yes") {
          fbq("track", "Purchase", {
            value: EVENT_VALUE,
            currency: EVENT_CURRENCY,
            content_name: "WhatsApp_PL_Dom",
            content_type: "service"
          });
        }
        setTimeout(function () { window.location.href = TARGET_URL; }, 200);
      }

      document.getElementById("ctaMain").addEventListener("click", goWhatsApp);
      document.getElementById("ctaSecond").addEventListener("click", goWhatsApp);
      document.getElementById("ctaSticky").addEventListener("click", goWhatsApp);

      var hero = document.getElementById("heroImg");
      if (hero) {
        hero.addEventListener("error", function () {
          hero.src = "https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&w=1200&h=700&fit=crop&q=82";
        });
      }

      var sticky = document.getElementById("stickyBar");
      window.addEventListener("scroll", function () {
        if (window.scrollY > 220) sticky.classList.add("show");
        else sticky.classList.remove("show");
      });

      function esc(s) {
        return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
      }

      var reviews = [
        { n: "Kasia M.", c: "Warszawa", t: "Jasne zasady i stały kontakt. Dokładnie tego szukałam.", img: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&w=600&h=380&fit=crop&q=85" },
        { n: "Anna R.", c: "Kraków", t: "Elastyczne godziny bardzo pomagają przy codziennych obowiązkach.", img: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&w=600&h=380&fit=crop&q=85" },
        { n: "Ewa L.", c: "Wrocław", t: "Dostałam szczegóły na WhatsApp i mogłam spokojnie podjąć decyzję.", img: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&w=600&h=380&fit=crop&q=85" },
        { n: "Magda K.", c: "Gdańsk", t: "Podoba mi się, że wszystko jest ustalane pisemnie i przejrzyście.", img: "https://images.unsplash.com/photo-1520813792240-b56fc919a65e?auto=format&w=600&h=380&fit=crop&q=85" }
      ];
      var liveCities = ["Warszawa", "Kraków", "Wrocław", "Gdańsk", "Poznań", "Łódź", "Lublin"];
      var liveNames = ["Anna", "Marta", "Kasia", "Ewa", "Ola", "Karolina", "Monika", "Paulina"];
      var topData = [
        { n: "Kasia R. (Warszawa)", v: 945 },
        { n: "Julia F. (Gdańsk)", v: 870 },
        { n: "Marta V. (Kraków)", v: 790 },
        { n: "Aneta L. (Łódź)", v: 730 },
        { n: "Ola P. (Wrocław)", v: 685 }
      ];
      var paid24 = 15803;
      var alertNames = ["Julia", "Marta", "Kasia", "Monika", "Ola", "Aneta"];
      var alertCities = ["Warszawa", "Kraków", "Gdańsk", "Wrocław", "Poznań", "Lublin"];
      var newcomers = [
        { n: "Julia", c: "Warszawa", img: "https://randomuser.me/api/portraits/women/44.jpg" },
        { n: "Kasia", c: "Kraków", img: "https://randomuser.me/api/portraits/women/52.jpg" },
        { n: "Anna", c: "Wrocław", img: "https://randomuser.me/api/portraits/women/63.jpg" },
        { n: "Ewa", c: "Gdańsk", img: "https://randomuser.me/api/portraits/women/68.jpg" },
        { n: "Marta", c: "Łódź", img: "https://randomuser.me/api/portraits/women/65.jpg" },
        { n: "Ola", c: "Poznań", img: "https://randomuser.me/api/portraits/women/70.jpg" },
        { n: "Monika", c: "Lublin", img: "https://randomuser.me/api/portraits/women/71.jpg" }
      ];

      var track = document.getElementById("marquee");
      var tx = 0, tw = 0, drag = false, lx = 0, spd = 0.45;
      var liveTicker = document.getElementById("liveTicker");
      var liveTx = 0, liveTw = 0;
      var top5El = document.getElementById("top5List");
      var paid24El = document.getElementById("paid24Num");
      var alertEl = document.getElementById("liveAlert");
      var newTrack = document.getElementById("newTrack");
      var newTx = 0, newTw = 0;

      function buildMarquee() {
        track.innerHTML = "";
        var list = reviews.concat(reviews);
        for (var i = 0; i < list.length; i++) {
          var r = list[i];
          var d = document.createElement("article");
          d.className = "review";
          d.innerHTML =
            '<img src="' + esc(r.img) + '" alt="" loading="lazy" width="600" height="380" />' +
            '<div class="body"><div class="name">' + esc(r.n) + '</div>' +
            '<div class="meta">' + esc(r.c) + ', Polska</div>' +
            '<p>' + esc(r.t) + '</p></div>';
          track.appendChild(d);
        }
        track.querySelectorAll("img").forEach(function (im) { im.addEventListener("load", measure); });
      }
      function measure() { tw = track.scrollWidth; }
      buildMarquee();
      measure();
      window.addEventListener("resize", measure);
      setTimeout(measure, 400);

      function loop() {
        if (!drag && !paused) tx -= spd;
        track.style.transform = "translate3d(" + tx + "px,0,0)";
        var half = tw / 2;
        if (half > 0) {
          while (tx <= -half) tx += half;
          while (tx > 0) tx -= half;
        }
        requestAnimationFrame(loop);
      }
      requestAnimationFrame(loop);

      track.addEventListener("pointerdown", function (e) {
        drag = true; lx = e.clientX;
        try { track.setPointerCapture(e.pointerId); } catch (err) {}
      });
      track.addEventListener("pointermove", function (e) {
        if (!drag) return;
        tx += e.clientX - lx;
        lx = e.clientX;
      });
      function endDrag() { drag = false; }
      track.addEventListener("pointerup", endDrag);
      track.addEventListener("pointercancel", endDrag);

      document.getElementById("prevM").addEventListener("click", function () { tx += 280; });
      document.getElementById("nextM").addEventListener("click", function () { tx -= 280; });
      var pauseBtn = document.getElementById("pauseM");
      pauseBtn.addEventListener("click", function () {
        paused = !paused;
        pauseBtn.textContent = paused ? "Wznów" : "Pauza";
      });

      function renderTop5() {
        topData.sort(function (a, b) { return b.v - a.v; });
        top5El.innerHTML = "";
        topData.forEach(function (it, idx) {
          var li = document.createElement("li");
          li.innerHTML = '<span>' + (idx + 1) + '.</span><span>' + esc(it.n) + '</span><span class="amt">' + it.v + ' PLN</span>';
          top5El.appendChild(li);
        });
      }
      renderTop5();
      setInterval(function () {
        var i = Math.floor(Math.random() * topData.length);
        topData[i].v += 5 + Math.floor(Math.random() * 35);
        renderTop5();
      }, 4500);

      function renderPaid24() {
        paid24El.textContent = paid24.toLocaleString("pl-PL") + " PLN";
      }
      renderPaid24();
      setInterval(function () {
        paid24 += 30 + Math.floor(Math.random() * 130);
        renderPaid24();
      }, 3800);

      function buildLiveTicker() {
        if (!liveTicker) return;
        liveTicker.innerHTML = "";
        var items = [];
        for (var i = 0; i < 10; i++) {
          var name = liveNames[Math.floor(Math.random() * liveNames.length)];
          var city = liveCities[Math.floor(Math.random() * liveCities.length)];
          var amount = 170 + Math.floor(Math.random() * 320);
          items.push("💰 " + name + " (" + city + ") · <b>" + amount + " PLN</b>");
        }
        var looped = items.concat(items);
        looped.forEach(function (txt) {
          var tag = document.createElement("div");
          tag.className = "live-item";
          tag.innerHTML = txt;
          liveTicker.appendChild(tag);
        });
        liveTw = liveTicker.scrollWidth;
      }
      buildLiveTicker();
      window.addEventListener("resize", function () { liveTw = liveTicker.scrollWidth; });
      function loopLive() {
        liveTx -= 0.55;
        liveTicker.style.transform = "translate3d(" + liveTx + "px,0,0)";
        var half = liveTw / 2;
        if (half > 0) {
          while (liveTx <= -half) liveTx += half;
        }
        requestAnimationFrame(loopLive);
      }
      requestAnimationFrame(loopLive);
      setInterval(buildLiveTicker, 16000);

      function rotateAlert() {
        var nm = alertNames[Math.floor(Math.random() * alertNames.length)];
        var ct = alertCities[Math.floor(Math.random() * alertCities.length)];
        var am = 180 + Math.floor(Math.random() * 360);
        alertEl.textContent = "📣 Aktualizacja: nowe zgłoszenie z " + ct + " — " + am + " PLN (symulacja).";
      }
      setInterval(rotateAlert, 5200);

      function buildNewTrack() {
        newTrack.innerHTML = "";
        var list = newcomers.concat(newcomers);
        for (var i = 0; i < list.length; i++) {
          var it = list[i];
          var d = document.createElement("div");
          d.className = "new-card";
          d.innerHTML =
            '<img src="' + esc(it.img) + '" alt="" loading="lazy" width="68" height="68" />' +
            '<div class="n">' + esc(it.n) + '</div><div class="c">📍' + esc(it.c) + '</div>';
          newTrack.appendChild(d);
        }
        newTrack.querySelectorAll("img").forEach(function (im) {
          im.addEventListener("load", function () { newTw = newTrack.scrollWidth; });
        });
        newTw = newTrack.scrollWidth;
      }
      buildNewTrack();
      window.addEventListener("resize", function () { newTw = newTrack.scrollWidth; });
      function loopNew() {
        newTx -= 0.34;
        newTrack.style.transform = "translate3d(" + newTx + "px,0,0)";
        var half = newTw / 2;
        if (half > 0) {
          while (newTx <= -half) newTx += half;
        }
        requestAnimationFrame(loopNew);
      }
      requestAnimationFrame(loopNew);

      document.querySelectorAll(".faq-item").forEach(function (it) {
        var q = it.querySelector(".faq-q");
        q.addEventListener("click", function () {
          it.classList.toggle("open");
          var ar = q.querySelector(".ar");
          if (ar) ar.innerHTML = it.classList.contains("open") ? "&#9650;" : "&#9660;";
        });
      });
    })();
  </script>
</body>
</html>