.elementor-3098 .elementor-element.elementor-element-f1521d7{width:var( --container-widget-width, 169.153% );max-width:169.153%;--container-widget-width:169.153%;--container-widget-flex-grow:0;}.elementor-3098 .elementor-element.elementor-element-15c2a46f{width:var( --container-widget-width, 169.153% );max-width:169.153%;--container-widget-width:169.153%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-3098 .elementor-element.elementor-element-daebbf5{width:100%;}.elementor-3098 .elementor-element.elementor-element-28f67936{width:100%;}}/* Start custom CSS for section, class: .elementor-element-e00b00b */<!DOCTYPE html>
<html lang="pl" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ViralRocket - System LeadBooster</title>
    
    <!-- Google Fonts: Open Sans -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800&display=swap" rel="stylesheet">
    
    <!-- Phosphor Icons -->
    <script src="https://unpkg.com/@phosphor-icons/web"></script>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#2c75dd',
                        primaryHover: '#1e5bb0',
                        secondary: '#ffffff',
                        dark: '#111827',
                        light: '#f3f4f6'
                    },
                    fontFamily: {
                        sans: ['"Open Sans"', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    <style>
        /* Custom styles for smooth transitions */
        .faq-content {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .faq-content.open {
            max-height: 500px; /* Adjust if content is longer */
            opacity: 1;
        }
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            height: 0;
            overflow: hidden;
            border-radius: 0.75rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body class="bg-light text-gray-800 antialiased font-sans">

    <!-- HERO SECTION -->
    <header class="bg-secondary pt-16 pb-12 px-4 sm:px-6 lg:px-8 text-center border-b border-gray-200">
        <div class="max-w-4xl mx-auto">
            <p class="text-sm md:text-base font-bold text-primary tracking-wider uppercase mb-4">
                Właścicielu mikrofirmy usługowej
            </p>
            <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold text-dark leading-tight mb-6">
                Sprawdź jak zyskać <span class="text-primary underline decoration-4 underline-offset-4">30 nowych zapytań</span> miesięcznie.
            </h1>
            <p class="text-lg md:text-xl text-gray-600 font-semibold mb-8 max-w-3xl mx-auto">
                <span class="text-primary font-bold">BEZ</span> czekania aż klient sam się zgłosi, amatorskich działań i przepalania budżetu na nieskuteczne reklamy
            </p>
        </div>
    </header>

    <!-- KROK 1: VSL -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-secondary">
        <div class="max-w-4xl mx-auto text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-dark mb-8 uppercase tracking-wide">
                <span class="text-primary">KROK 1:</span> Dowiedz się więcej
            </h2>
            
            <!-- VSL Placeholder -->
            <div class="video-container bg-dark mb-8 border-4 border-gray-100">
                <!-- Replace src with actual VSL link -->
                <div class="absolute inset-0 flex flex-col items-center justify-center text-secondary bg-dark">
                    <i class="ph ph-play-circle text-7xl text-primary mb-4"></i>
                    <p class="text-lg font-bold">(W tym miejscu będzie znajdować się VSL)</p>
                </div>
            </div>
        </div>
    </section>

    <!-- KROK 2: SOCIAL PROOF -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50 border-t border-b border-gray-200">
        <div class="max-w-6xl mx-auto text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-dark mb-12 uppercase tracking-wide">
                <span class="text-primary">KROK 2:</span> Oceń skuteczność
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- Video 1 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/8ZStWUQEuu0" title="Social Proof 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <!-- Video 2 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/Ye5DLm7pbAA" title="Social Proof 2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <!-- Video 3 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/OZE5r10deO4" title="Social Proof 3" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>

    <!-- KROK 3: FAQ -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-secondary">
        <div class="max-w-3xl mx-auto">
            <h2 class="text-2xl md:text-3xl font-bold text-center text-dark mb-12 uppercase tracking-wide">
                <span class="text-primary">KROK 3:</span> Sprawdź FAQ
            </h2>
            
            <div class="space-y-4" id="faq-container">
                <!-- FAQ Items will be injected by JS -->
            </div>
        </div>
    </section>

    <!-- CLOSING TEXT -->
    <section class="py-8 px-4 sm:px-6 lg:px-8 bg-transparent">
        <div class="max-w-4xl mx-auto text-center">
            <p class="text-sm md:text-base leading-relaxed text-gray-500">
                Dziękujemy za zapoznanie się ze stroną. Jeśli po obejrzeniu wyników i przeczytaniu FAQ wciąż masz pytania, zapisz je, a odpowiemy na nie podczas naszej pierwszej rozmowy. <br><br>
                Pamiętaj tylko o jednym: jeśli wideo na początku strony zostało pominięte lub nie było obejrzane w całości, koniecznie to nadrób. Krok po kroku tłumaczymy w nim, jak przygotować się do naszego spotkania.
            </p>
        </div>
    </section>

    <!-- FOOTER & LEGAL -->
    <footer id="kontakt" class="bg-dark text-gray-300 py-16 px-4 sm:px-6 lg:px-8">
        <!-- Legal Texts Accordion/Sections -->
        <div class="max-w-7xl mx-auto text-xs text-gray-500 space-y-8">
            
            <!-- Zastrzeżenie -->
            <div>
                <h4 class="font-bold text-gray-400 mb-2 uppercase">Zastrzeżenie</h4>
                <p>Ta strona nie jest częścią serwisu Facebook ani firmy Meta Platforms, Inc. Ponadto, nie jest ona w żaden sposób wspierana przez firmę Meta. Facebook oraz Instagram są znakami towarowymi firmy Meta Platforms, Inc. Wszelkie zapytania i roszczenia należy kierować wyłącznie do administratora strony pod adresem: krystian@viralrocket.pl.</p>
            </div>

            <div class="flex flex-wrap justify-center gap-8 pt-4 border-t border-gray-700">
                <button onclick="openModal('privacy-modal')" class="text-gray-400 hover:text-white transition-colors uppercase font-bold tracking-wider">Polityka prywatności</button>
                <button onclick="openModal('legal-modal')" class="text-gray-400 hover:text-white transition-colors uppercase font-bold tracking-wider">Nota prawna</button>
            </div>
            
            <div class="text-center pt-8">
                <p>&copy; 2024 ViralRocket. Wszelkie prawa zastrzeżone.</p>
            </div>
        </div>
    </footer>

    <!-- Polityka Prywatności Modal -->
    <div id="privacy-modal" class="fixed inset-0 z-50 hidden bg-black bg-opacity-70 flex items-center justify-center p-4 opacity-0 transition-opacity duration-300">
        <div class="bg-white rounded-lg w-full max-w-3xl max-h-[85vh] flex flex-col shadow-2xl transform scale-95 transition-transform duration-300">
            <div class="p-6 border-b flex justify-between items-center bg-gray-50 rounded-t-lg">
                <h3 class="text-xl font-bold text-dark uppercase">Polityka prywatności</h3>
                <button onclick="closeModal('privacy-modal')" class="text-gray-500 hover:text-red-500 transition-colors focus:outline-none">
                    <i class="ph ph-x text-2xl"></i>
                </button>
            </div>
            <div class="p-6 overflow-y-auto custom-scrollbar text-sm text-gray-700 space-y-4">
                <p><strong>§ 1. ADMINISTRATOR DANYCH OSOBOWYCH</strong><br>Administratorem danych osobowych jest ViralRocket Krystian Fijałkowski z siedzibą przy Wysokiej 13/19, 97-300 Piotrków Trybunalski, NIP: 7712913775, (dalej jako: „Administrator”). Kontakt z Administratorem jest możliwy za pośrednictwem adresu e-mail: krystian@viralrocket.pl.</p>
                <p><strong>§ 2. CELE I PODSTAWY PRZETWARZANIA DANYCH</strong><br>Dane osobowe przetwarzane są zgodnie z rozporządzeniem RODO w następujących celach:<br>- Nawiązanie kontaktu, przedstawienie oferty lub umówienie spotkania (Art. 6 ust. 1 lit. b RODO).<br>- Wykorzystywanie technologii śledzących (Piksel Meta) w celu mierzenia skuteczności kampanii reklamowych (Art. 6 ust. 1 lit. f RODO – pod warunkiem uzyskania zgody na cookies na stronie Thank You Page).<br>- Obrona przed roszczeniami: Przechowywanie danych w celu ewentualnego ustalenia lub dochodzenia roszczeń (Art. 6 ust. 1 lit. f RODO).</p>
                <p><strong>§ 3. KATEGORIE PRZETWARZANYCH DANYCH</strong><br>Administrator przetwarza następujące dane pozyskane z formularzy: Imię i nazwisko, adres e-mail, numer telefonu, nazwa firmy / branża (jeśli dotyczy) oraz inne informacje przekazane dobrowolnie.</p>
                <p><strong>§ 4. ODBIORCY DANYCH I PRZEKAZYWANIE DO PAŃSTW TRZECICH</strong><br>Dane mogą być przekazywane podmiotom wspierającym działalność Administratora: dostawcom hostingu, systemom CRM, bramkom SMS, systemom do wysyłki e-maili. Ze względu na korzystanie z usług Meta Platforms (Facebook, Instagram) oraz Google, Twoje dane mogą być przekazywane do USA. Podmioty te gwarantują odpowiedni poziom ochrony poprzez stosowanie standardowych klauzul umownych zatwierdzonych przez Komisję Europejską.</p>
                <p><strong>§ 5. OKRES PRZECHOWYWANIA DANYCH</strong><br>Dane przetwarzane w celu obsługi zapytania: do czasu zakończenia komunikacji lub przez okres 12 miesięcy od ostatniego kontaktu.</p>
                <p><strong>§ 6. PRAWA OSOBY, KTÓREJ DANE DOTYCZĄ</strong><br>Użytkownikowi przysługuje prawo do: Dostępu do swoich danych oraz otrzymania ich kopii. Sprostowania, usunięcia lub ograniczenia przetwarzania. Wniesienia sprzeciwu wobec przetwarzania. Przenoszenia danych. Wniesienia skargi do Prezesa Urzędu Ochrony Danych Osobowych (PUODO).</p>
                <p><strong>§ 7. KOMUNIKACJA SMS I TELEFONICZNA</strong><br>Użytkownik akceptuje, że Administrator może używać automatycznych systemów wywołujących w celu realizacji tej komunikacji. Użytkownik może w każdej chwili zrezygnować z otrzymywania wiadomości SMS, odpisując o treści „STOP” lub kontaktując się z Administratorem.</p>
                <p><strong>§ 8. TECHNOLOGIE ŚLEDZĄCE (PIKSEL META / COOKIES)</strong><br>Serwis wykorzystuje pliki cookies oraz technologie śledzące platform zewnętrznych (Meta, Google) w celu analizy ruchu i optymalizacji reklam. Dane zbierane przez te technologie są zazwyczaj zanonimizowane i służą do budowania grup odbiorców reklam oraz mierzenia konwersji (np. czy użytkownik wypełnił formularz).</p>
                <p><strong>§ 9. POSTANOWIENIA KOŃCOWE</strong><br>Administrator zastrzega sobie prawo do aktualizacji niniejszej Polityki. Podanie danych osobowych jest dobrowolne, jednak niezbędne do nawiązania kontaktu i realizacji usług przez Administratora.</p>
            </div>
        </div>
    </div>

    <!-- Nota Prawna Modal -->
    <div id="legal-modal" class="fixed inset-0 z-50 hidden bg-black bg-opacity-70 flex items-center justify-center p-4 opacity-0 transition-opacity duration-300">
        <div class="bg-white rounded-lg w-full max-w-3xl max-h-[85vh] flex flex-col shadow-2xl transform scale-95 transition-transform duration-300">
            <div class="p-6 border-b flex justify-between items-center bg-gray-50 rounded-t-lg">
                <h3 class="text-xl font-bold text-dark uppercase">Nota prawna</h3>
                <button onclick="closeModal('legal-modal')" class="text-gray-500 hover:text-red-500 transition-colors focus:outline-none">
                    <i class="ph ph-x text-2xl"></i>
                </button>
            </div>
            <div class="p-6 overflow-y-auto custom-scrollbar text-sm text-gray-700 space-y-4">
                <p><strong>§ 1 OŚWIADCZENIE O WYNIKACH</strong><br>Wszelkie informacje, przykłady realizacji oraz opisy efektów prezentowane na niniejszej stronie mają charakter wyłącznie informacyjny i poglądowy. Przedstawione wyniki są rezultatem pracy z konkretnymi podmiotami i nie stanowią gwarancji ani obietnicy osiągnięcia identycznych efektów przez każdego klienta. Skuteczność świadczonych usług zależy od wielu czynników zewnętrznych, specyfiki branży klienta, jego zaangażowania oraz indywidualnej sytuacji rynkowej. Firma ViralRocket Krystian Fijałkowski dokłada wszelkich starań, aby świadczone usługi były na najwyższym poziomie, jednak nie ponosi odpowiedzialności za decyzje biznesowe podejmowane przez klienta na podstawie uzyskanych informacji.</p>
                <p><strong>INFORMACJA O OPINIACH</strong><br>Szanujemy transparentność, dlatego informujemy, że wszystkie opinie i referencje publikowane w serwisie pochodzą od osób i firm, które rzeczywiście korzystały z naszych usług. Proces weryfikacji opinii opiera się na sprawdzeniu zgodności danych autora z naszą historią zleceń i korespondencji. Nie stosujemy płatnych opinii, a ich treść nie jest modyfikowana, poza ewentualną korektą błędów językowych lub niezbędnym skrótem redakcyjnym, który nie zmienia merytorycznego sensu wypowiedzi.</p>
                <p><strong>BRAK SZYBKICH SPOSOBÓW WZBOGACENIA SIĘ</strong><br>Firma ViralRocket Krystian Fijałkowski prowadzi działalność w sposób etyczny i zgodny z obowiązującym prawem. Nie oferujemy ani nie promujemy systemów szybkiego wzbogacania się, ofert o charakterze spekulacyjnym ani usług niezgodnych z dobrymi obyczajami. Nasza komunikacja jest oparta na rzetelności i przejrzystości procesu współpracy. Wszystkie materiały edukacyjne i promocyjne mają na celu wsparcie klienta w rozwoju, a nie zastępstwo dla jego samodzielnych decyzji i odpowiedzialności biznesowej.</p>
                <p><strong>OCHRONA WŁASNOŚCI INTELEKTUALNEJ</strong><br>Wszelkie treści, grafiki, materiały wideo oraz autorskie rozwiązania prezentowane na tej stronie są chronione prawem autorskim i należą do ViralRocket Krystian Fijałkowski. Zabrania się ich kopiowania, powielania lub rozpowszechniania w celach komercyjnych bez uzyskania uprzedniej, pisemnej zgody właściciela.</p>
            </div>
        </div>
    </div>

    <!-- Skrypt do obsługi FAQ -->
    <script>
        const faqs = [
            {
                q: "Dlaczego mam płacić za wdrożenie systemu, skoro mogę sam ustawić reklamy na Facebooku?",
                a: "Możesz to zrobić, ale licz się z tym, że przepalisz budżet na testy, których koszt wielokrotnie przewyższy naszą usługę. Płacisz nie za samo \"kliknięcie w przycisk\", ale za gotowy, przetestowany proces, który zamienia zimny ruch w realne pieniądze, oszczędzając Ci miesięcy frustracji i tysięcy złotych strat."
            },
            {
                q: "Czy to wdrożenie nie zajmie mi zbyt dużo czasu, którego i tak nie mam przez bieżące zlecenia?",
                a: "Cały sens LeadBoostera polega na tym, że to my robimy ciężką robotę za Ciebie. Nasza ekipa przyjeżdża do Twojej siedziby, nagrywa materiały i konfiguruje system, a Ty jedynie akceptujesz gotowe rozwiązania. To inwestycja czasu, która ma Ci ten czas w przyszłości zwrócić, a nie go zabrać."
            },
            {
                q: "Co jeśli po wdrożeniu systemu dalej nie będę potrafił domknąć sprzedaży z tych nowych kontaktów?",
                a: "To nie jest tylko marketing, to hybryda z nauką sprzedaży. Dostajesz od nas gotowe skrypty rozmów i szkolenie, które uczy Cię, jak rozmawiać z klientem z sieci, żeby nie traktował Cię jak kolejnego sprzedawcę, tylko jak eksperta, któremu warto zapłacić za usługę premium."
            },
            {
                q: "Czy te materiały wideo nie będą wyglądały sztucznie, jak u większości agencji?",
                a: "Wręcz przeciwnie – to nasz główny wyróżnik. Nie siedzimy w biurze w Warszawie, tylko przyjeżdżamy do Ciebie, żeby nagrać autentyczne wideo w Twoim środowisku pracy. Dzięki temu klient widzi prawdziwego człowieka i prawdziwą firmę, co buduje zaufanie, którego nie da się wygenerować żadną sztuczną inteligencją."
            },
            {
                q: "Co jeśli po 30 dniach nie zobaczę obiecanych 30 zapytań?",
                a: "Mamy twardą gwarancję: jeśli nie dowieziemy minimum 30 potencjalnych klientów, pracujemy dla Ciebie całkowicie za darmo, dopóki nie osiągniemy tego wyniku. Ryzyko finansowe jest po naszej stronie, nie Twojej."
            },
            {
                q: "Czy muszę mieć duży budżet reklamowy, żeby ten system działał?",
                a: "System jest zaprojektowany tak, aby był rentowny przy rozsądnym budżecie na start. Rekomendowany to 75 zł dziennie."
            },
            {
                q: "Czy to rozwiązanie zadziała w mojej branży?",
                a: "LeadBooster to uniwersalny mechanizm budowania świadomości i sprzedaży, który działa wszędzie tam, gdzie sprzedajesz usługi powyżej 3 000 złotych. Niezależnie od branży, klienci kupują w ten sam sposób: najpierw muszą Cię poznać, potem zaufać, a na końcu zrozumieć, że Twój problem jest dla nich priorytetem."
            },
            {
                q: "Dlaczego nie mogę po prostu zatrudnić freelancera od rolek za 500 złotych?",
                a: "Bo rolki to tylko wierzchołek góry lodowej, który daje Ci lajki, a nie przelewy. Freelancer nie zbuduje Ci lejka sprzedażowego, nie nauczy Cię sprzedaży i nie weźmie odpowiedzialności za Twój zysk. Jeśli chcesz tylko \"być w sieci\", bierz freelancera. Jeśli chcesz skalować biznes i mieć spokój finansowy, potrzebujesz systemu."
            },
            {
                q: "Czy muszę występować przed kamerą, jeśli bardzo tego nie lubię?",
                a: "To nie jest opcja dla tych, którzy chcą się ukrywać. W dzisiejszym świecie autentyczność to waluta. Jeśli chcesz budować markę, musisz pokazać twarz, ale my zadbamy o to, żebyś czuł się przed kamerą swobodnie i brzmiał naturalnie, dzięki profesjonalnemu wsparciu na planie."
            },
            {
                q: "Czy po wdrożeniu systemu będę musiał płacić za każdą zmianę w reklamach?",
                a: "Po wdrożeniu możesz przejść na model stałej obsługi. W tej kwocie masz już wszystko: optymalizację, aktualizację materiałów i opiekę techniczną. Nie ma żadnych ukrytych kosztów za każdą drobną zmianę. Co ważne – nie musisz być od nas zależny. W ramach wdrożenia nauczymy Cię, jak samodzielnie i sprawnie zmieniać reklamy oraz treści w systemie. Dostaniesz od nas proste instrukcje, dzięki czemu mniejsze poprawki czy wymianę grafik zrobisz własnoręcznie w kilka minut, całkowicie bezpłatnie."
            }
        ];

        const container = document.getElementById('faq-container');

        faqs.forEach((faq, index) => {
            const faqHtml = `
                <div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-200 hover:border-primary">
                    <button class="w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none" onclick="toggleFaq(${index})">
                        <span class="font-bold text-gray-800 pr-4">${faq.q}</span>
                        <i class="ph ph-caret-down text-primary text-xl transition-transform duration-300 transform" id="icon-${index}"></i>
                    </button>
                    <div id="content-${index}" class="faq-content bg-gray-50 px-6">
                        <p class="py-4 text-gray-600 leading-relaxed border-t border-gray-200">${faq.a}</p>
                    </div>
                </div>
            `;
            container.innerHTML += faqHtml;
        });

        function toggleFaq(index) {
            const content = document.getElementById(`content-${index}`);
            const icon = document.getElementById(`icon-${index}`);
            
            const isOpen = content.classList.contains('open');
            
            // Close all
            document.querySelectorAll('.faq-content').forEach(el => el.classList.remove('open'));
            document.querySelectorAll('.ph-caret-down').forEach(el => el.style.transform = 'rotate(0deg)');
            
            // Open clicked if it wasn't open
            if (!isOpen) {
                content.classList.add('open');
                icon.style.transform = 'rotate(180deg)';
            }
        }

        // --- Obsługa Modali ---
        function openModal(modalId) {
            const modal = document.getElementById(modalId);
            modal.classList.remove('hidden');
            // Timeout by dać szansę na render zanim ruszy animacja
            setTimeout(() => {
                modal.classList.remove('opacity-0');
                modal.querySelector('div').classList.remove('scale-95');
                modal.querySelector('div').classList.add('scale-100');
            }, 10);
            document.body.style.overflow = 'hidden';
        }

        function closeModal(modalId) {
            const modal = document.getElementById(modalId);
            modal.classList.add('opacity-0');
            modal.querySelector('div').classList.remove('scale-100');
            modal.querySelector('div').classList.add('scale-95');
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 300);
            document.body.style.overflow = 'auto';
        }

        // Zamykanie modali po kliknięciu w tło
        window.onclick = function(event) {
            if (event.target.classList.contains('fixed') && event.target.id.includes('modal')) {
                closeModal(event.target.id);
            }
        }

        // Zamykanie modali klawiszem ESC
        document.addEventListener('keydown', function(event) {
            if (event.key === "Escape") {
                const openModals = document.querySelectorAll('.fixed:not(.hidden)');
                openModals.forEach(modal => {
                    if (modal.id.includes('modal')) {
                        closeModal(modal.id);
                    }
                });
            }
        });

        // Dodanie stylów dla scrollbara w tekstach prawnych
        document.head.insertAdjacentHTML('beforeend', `
            <style>
                .custom-scrollbar::-webkit-scrollbar {
                    width: 6px;
                }
                .custom-scrollbar::-webkit-scrollbar-track {
                    background: #1f2937;
                    border-radius: 4px;
                }
                .custom-scrollbar::-webkit-scrollbar-thumb {
                    background: #374151;
                    border-radius: 4px;
                }
                .custom-scrollbar::-webkit-scrollbar-thumb:hover {
                    background: #4b5563;
                }
            </style>
        `);
    </script>
</body>
</html>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-785b339e */<!DOCTYPE html>
<html lang="pl" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ViralRocket - System LeadBooster</title>
    
    <!-- Google Fonts: Open Sans -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800&display=swap" rel="stylesheet">
    
    <!-- Phosphor Icons -->
    <script src="https://unpkg.com/@phosphor-icons/web"></script>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#2c75dd',
                        primaryHover: '#1e5bb0',
                        secondary: '#ffffff',
                        dark: '#111827',
                        light: '#f3f4f6'
                    },
                    fontFamily: {
                        sans: ['"Open Sans"', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    <style>
        /* Custom styles for smooth transitions */
        .faq-content {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .faq-content.open {
            max-height: 500px; /* Adjust if content is longer */
            opacity: 1;
        }
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            height: 0;
            overflow: hidden;
            border-radius: 0.75rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body class="bg-light text-gray-800 antialiased font-sans">

    <!-- HERO SECTION -->
    <header class="bg-secondary pt-16 pb-12 px-4 sm:px-6 lg:px-8 text-center border-b border-gray-200">
        <div class="max-w-4xl mx-auto">
            <p class="text-sm md:text-base font-bold text-primary tracking-wider uppercase mb-4">
                Właścicielu mikrofirmy usługowej
            </p>
            <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold text-dark leading-tight mb-6">
                Sprawdź jak zyskać <span class="text-primary underline decoration-4 underline-offset-4">30 nowych zapytań</span> miesięcznie.
            </h1>
            <p class="text-lg md:text-xl text-gray-600 font-semibold mb-8 max-w-3xl mx-auto">
                <span class="text-primary font-bold">BEZ</span> czekania aż klient sam się zgłosi, amatorskich działań i przepalania budżetu na nieskuteczne reklamy
            </p>
        </div>
    </header>

    <!-- KROK 1: VSL -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-secondary">
        <div class="max-w-4xl mx-auto text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-dark mb-8 uppercase tracking-wide">
                <span class="text-primary">KROK 1:</span> Dowiedz się więcej
            </h2>
            
            <!-- VSL Placeholder -->
            <div class="video-container bg-dark mb-8 border-4 border-gray-100">
                <!-- Replace src with actual VSL link -->
                <div class="absolute inset-0 flex flex-col items-center justify-center text-secondary bg-dark">
                    <i class="ph ph-play-circle text-7xl text-primary mb-4"></i>
                    <p class="text-lg font-bold">(W tym miejscu będzie znajdować się VSL)</p>
                </div>
            </div>
        </div>
    </section>

    <!-- KROK 2: SOCIAL PROOF -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50 border-t border-b border-gray-200">
        <div class="max-w-6xl mx-auto text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-dark mb-12 uppercase tracking-wide">
                <span class="text-primary">KROK 2:</span> Oceń skuteczność
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- Video 1 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/8ZStWUQEuu0" title="Social Proof 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <!-- Video 2 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/Ye5DLm7pbAA" title="Social Proof 2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <!-- Video 3 -->
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/OZE5r10deO4" title="Social Proof 3" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>

    <!-- KROK 3: FAQ -->
    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-secondary">
        <div class="max-w-3xl mx-auto">
            <h2 class="text-2xl md:text-3xl font-bold text-center text-dark mb-12 uppercase tracking-wide">
                <span class="text-primary">KROK 3:</span> Sprawdź FAQ
            </h2>
            
            <div class="space-y-4" id="faq-container">
                <!-- FAQ Items will be injected by JS -->
            </div>
        </div>
    </section>

    <!-- CLOSING TEXT -->
    <section class="py-8 px-4 sm:px-6 lg:px-8 bg-transparent">
        <div class="max-w-4xl mx-auto text-center">
            <p class="text-sm md:text-base leading-relaxed text-gray-500">
                Dziękujemy za zapoznanie się ze stroną. Jeśli po obejrzeniu wyników i przeczytaniu FAQ wciąż masz pytania, zapisz je, a odpowiemy na nie podczas naszej pierwszej rozmowy. <br><br>
                Pamiętaj tylko o jednym: jeśli wideo na początku strony zostało pominięte lub nie było obejrzane w całości, koniecznie to nadrób. Krok po kroku tłumaczymy w nim, jak przygotować się do naszego spotkania.
            </p>
        </div>
    </section>

    <!-- FOOTER & LEGAL -->
    <footer id="kontakt" class="bg-dark text-gray-300 py-16 px-4 sm:px-6 lg:px-8">
        <!-- Legal Texts Accordion/Sections -->
        <div class="max-w-7xl mx-auto text-xs text-gray-500 space-y-8">
            
            <!-- Zastrzeżenie -->
            <div>
                <h4 class="font-bold text-gray-400 mb-2 uppercase">Zastrzeżenie</h4>
                <p>Ta strona nie jest częścią serwisu Facebook ani firmy Meta Platforms, Inc. Ponadto, nie jest ona w żaden sposób wspierana przez firmę Meta. Facebook oraz Instagram są znakami towarowymi firmy Meta Platforms, Inc. Wszelkie zapytania i roszczenia należy kierować wyłącznie do administratora strony pod adresem: krystian@viralrocket.pl.</p>
            </div>

            <div class="flex flex-wrap justify-center gap-8 pt-4 border-t border-gray-700">
                <button onclick="openModal('privacy-modal')" class="text-gray-400 hover:text-white transition-colors uppercase font-bold tracking-wider">Polityka prywatności</button>
                <button onclick="openModal('legal-modal')" class="text-gray-400 hover:text-white transition-colors uppercase font-bold tracking-wider">Nota prawna</button>
            </div>
            
            <div class="text-center pt-8">
                <p>&copy; 2024 ViralRocket. Wszelkie prawa zastrzeżone.</p>
            </div>
        </div>
    </footer>

    <!-- Polityka Prywatności Modal -->
    <div id="privacy-modal" class="fixed inset-0 z-50 hidden bg-black bg-opacity-70 flex items-center justify-center p-4 opacity-0 transition-opacity duration-300">
        <div class="bg-white rounded-lg w-full max-w-3xl max-h-[85vh] flex flex-col shadow-2xl transform scale-95 transition-transform duration-300">
            <div class="p-6 border-b flex justify-between items-center bg-gray-50 rounded-t-lg">
                <h3 class="text-xl font-bold text-dark uppercase">Polityka prywatności</h3>
                <button onclick="closeModal('privacy-modal')" class="text-gray-500 hover:text-red-500 transition-colors focus:outline-none">
                    <i class="ph ph-x text-2xl"></i>
                </button>
            </div>
            <div class="p-6 overflow-y-auto custom-scrollbar text-sm text-gray-700 space-y-4">
                <p><strong>§ 1. ADMINISTRATOR DANYCH OSOBOWYCH</strong><br>Administratorem danych osobowych jest ViralRocket Krystian Fijałkowski z siedzibą przy Wysokiej 13/19, 97-300 Piotrków Trybunalski, NIP: 7712913775, (dalej jako: „Administrator”). Kontakt z Administratorem jest możliwy za pośrednictwem adresu e-mail: krystian@viralrocket.pl.</p>
                <p><strong>§ 2. CELE I PODSTAWY PRZETWARZANIA DANYCH</strong><br>Dane osobowe przetwarzane są zgodnie z rozporządzeniem RODO w następujących celach:<br>- Nawiązanie kontaktu, przedstawienie oferty lub umówienie spotkania (Art. 6 ust. 1 lit. b RODO).<br>- Wykorzystywanie technologii śledzących (Piksel Meta) w celu mierzenia skuteczności kampanii reklamowych (Art. 6 ust. 1 lit. f RODO – pod warunkiem uzyskania zgody na cookies na stronie Thank You Page).<br>- Obrona przed roszczeniami: Przechowywanie danych w celu ewentualnego ustalenia lub dochodzenia roszczeń (Art. 6 ust. 1 lit. f RODO).</p>
                <p><strong>§ 3. KATEGORIE PRZETWARZANYCH DANYCH</strong><br>Administrator przetwarza następujące dane pozyskane z formularzy: Imię i nazwisko, adres e-mail, numer telefonu, nazwa firmy / branża (jeśli dotyczy) oraz inne informacje przekazane dobrowolnie.</p>
                <p><strong>§ 4. ODBIORCY DANYCH I PRZEKAZYWANIE DO PAŃSTW TRZECICH</strong><br>Dane mogą być przekazywane podmiotom wspierającym działalność Administratora: dostawcom hostingu, systemom CRM, bramkom SMS, systemom do wysyłki e-maili. Ze względu na korzystanie z usług Meta Platforms (Facebook, Instagram) oraz Google, Twoje dane mogą być przekazywane do USA. Podmioty te gwarantują odpowiedni poziom ochrony poprzez stosowanie standardowych klauzul umownych zatwierdzonych przez Komisję Europejską.</p>
                <p><strong>§ 5. OKRES PRZECHOWYWANIA DANYCH</strong><br>Dane przetwarzane w celu obsługi zapytania: do czasu zakończenia komunikacji lub przez okres 12 miesięcy od ostatniego kontaktu.</p>
                <p><strong>§ 6. PRAWA OSOBY, KTÓREJ DANE DOTYCZĄ</strong><br>Użytkownikowi przysługuje prawo do: Dostępu do swoich danych oraz otrzymania ich kopii. Sprostowania, usunięcia lub ograniczenia przetwarzania. Wniesienia sprzeciwu wobec przetwarzania. Przenoszenia danych. Wniesienia skargi do Prezesa Urzędu Ochrony Danych Osobowych (PUODO).</p>
                <p><strong>§ 7. KOMUNIKACJA SMS I TELEFONICZNA</strong><br>Użytkownik akceptuje, że Administrator może używać automatycznych systemów wywołujących w celu realizacji tej komunikacji. Użytkownik może w każdej chwili zrezygnować z otrzymywania wiadomości SMS, odpisując o treści „STOP” lub kontaktując się z Administratorem.</p>
                <p><strong>§ 8. TECHNOLOGIE ŚLEDZĄCE (PIKSEL META / COOKIES)</strong><br>Serwis wykorzystuje pliki cookies oraz technologie śledzące platform zewnętrznych (Meta, Google) w celu analizy ruchu i optymalizacji reklam. Dane zbierane przez te technologie są zazwyczaj zanonimizowane i służą do budowania grup odbiorców reklam oraz mierzenia konwersji (np. czy użytkownik wypełnił formularz).</p>
                <p><strong>§ 9. POSTANOWIENIA KOŃCOWE</strong><br>Administrator zastrzega sobie prawo do aktualizacji niniejszej Polityki. Podanie danych osobowych jest dobrowolne, jednak niezbędne do nawiązania kontaktu i realizacji usług przez Administratora.</p>
            </div>
        </div>
    </div>

    <!-- Nota Prawna Modal -->
    <div id="legal-modal" class="fixed inset-0 z-50 hidden bg-black bg-opacity-70 flex items-center justify-center p-4 opacity-0 transition-opacity duration-300">
        <div class="bg-white rounded-lg w-full max-w-3xl max-h-[85vh] flex flex-col shadow-2xl transform scale-95 transition-transform duration-300">
            <div class="p-6 border-b flex justify-between items-center bg-gray-50 rounded-t-lg">
                <h3 class="text-xl font-bold text-dark uppercase">Nota prawna</h3>
                <button onclick="closeModal('legal-modal')" class="text-gray-500 hover:text-red-500 transition-colors focus:outline-none">
                    <i class="ph ph-x text-2xl"></i>
                </button>
            </div>
            <div class="p-6 overflow-y-auto custom-scrollbar text-sm text-gray-700 space-y-4">
                <p><strong>§ 1 OŚWIADCZENIE O WYNIKACH</strong><br>Wszelkie informacje, przykłady realizacji oraz opisy efektów prezentowane na niniejszej stronie mają charakter wyłącznie informacyjny i poglądowy. Przedstawione wyniki są rezultatem pracy z konkretnymi podmiotami i nie stanowią gwarancji ani obietnicy osiągnięcia identycznych efektów przez każdego klienta. Skuteczność świadczonych usług zależy od wielu czynników zewnętrznych, specyfiki branży klienta, jego zaangażowania oraz indywidualnej sytuacji rynkowej. Firma ViralRocket Krystian Fijałkowski dokłada wszelkich starań, aby świadczone usługi były na najwyższym poziomie, jednak nie ponosi odpowiedzialności za decyzje biznesowe podejmowane przez klienta na podstawie uzyskanych informacji.</p>
                <p><strong>INFORMACJA O OPINIACH</strong><br>Szanujemy transparentność, dlatego informujemy, że wszystkie opinie i referencje publikowane w serwisie pochodzą od osób i firm, które rzeczywiście korzystały z naszych usług. Proces weryfikacji opinii opiera się na sprawdzeniu zgodności danych autora z naszą historią zleceń i korespondencji. Nie stosujemy płatnych opinii, a ich treść nie jest modyfikowana, poza ewentualną korektą błędów językowych lub niezbędnym skrótem redakcyjnym, który nie zmienia merytorycznego sensu wypowiedzi.</p>
                <p><strong>BRAK SZYBKICH SPOSOBÓW WZBOGACENIA SIĘ</strong><br>Firma ViralRocket Krystian Fijałkowski prowadzi działalność w sposób etyczny i zgodny z obowiązującym prawem. Nie oferujemy ani nie promujemy systemów szybkiego wzbogacania się, ofert o charakterze spekulacyjnym ani usług niezgodnych z dobrymi obyczajami. Nasza komunikacja jest oparta na rzetelności i przejrzystości procesu współpracy. Wszystkie materiały edukacyjne i promocyjne mają na celu wsparcie klienta w rozwoju, a nie zastępstwo dla jego samodzielnych decyzji i odpowiedzialności biznesowej.</p>
                <p><strong>OCHRONA WŁASNOŚCI INTELEKTUALNEJ</strong><br>Wszelkie treści, grafiki, materiały wideo oraz autorskie rozwiązania prezentowane na tej stronie są chronione prawem autorskim i należą do ViralRocket Krystian Fijałkowski. Zabrania się ich kopiowania, powielania lub rozpowszechniania w celach komercyjnych bez uzyskania uprzedniej, pisemnej zgody właściciela.</p>
            </div>
        </div>
    </div>

    <!-- Skrypt do obsługi FAQ -->
    <script>
        const faqs = [
            {
                q: "Dlaczego mam płacić za wdrożenie systemu, skoro mogę sam ustawić reklamy na Facebooku?",
                a: "Możesz to zrobić, ale licz się z tym, że przepalisz budżet na testy, których koszt wielokrotnie przewyższy naszą usługę. Płacisz nie za samo \"kliknięcie w przycisk\", ale za gotowy, przetestowany proces, który zamienia zimny ruch w realne pieniądze, oszczędzając Ci miesięcy frustracji i tysięcy złotych strat."
            },
            {
                q: "Czy to wdrożenie nie zajmie mi zbyt dużo czasu, którego i tak nie mam przez bieżące zlecenia?",
                a: "Cały sens LeadBoostera polega na tym, że to my robimy ciężką robotę za Ciebie. Nasza ekipa przyjeżdża do Twojej siedziby, nagrywa materiały i konfiguruje system, a Ty jedynie akceptujesz gotowe rozwiązania. To inwestycja czasu, która ma Ci ten czas w przyszłości zwrócić, a nie go zabrać."
            },
            {
                q: "Co jeśli po wdrożeniu systemu dalej nie będę potrafił domknąć sprzedaży z tych nowych kontaktów?",
                a: "To nie jest tylko marketing, to hybryda z nauką sprzedaży. Dostajesz od nas gotowe skrypty rozmów i szkolenie, które uczy Cię, jak rozmawiać z klientem z sieci, żeby nie traktował Cię jak kolejnego sprzedawcę, tylko jak eksperta, któremu warto zapłacić za usługę premium."
            },
            {
                q: "Czy te materiały wideo nie będą wyglądały sztucznie, jak u większości agencji?",
                a: "Wręcz przeciwnie – to nasz główny wyróżnik. Nie siedzimy w biurze w Warszawie, tylko przyjeżdżamy do Ciebie, żeby nagrać autentyczne wideo w Twoim środowisku pracy. Dzięki temu klient widzi prawdziwego człowieka i prawdziwą firmę, co buduje zaufanie, którego nie da się wygenerować żadną sztuczną inteligencją."
            },
            {
                q: "Co jeśli po 30 dniach nie zobaczę obiecanych 30 zapytań?",
                a: "Mamy twardą gwarancję: jeśli nie dowieziemy minimum 30 potencjalnych klientów, pracujemy dla Ciebie całkowicie za darmo, dopóki nie osiągniemy tego wyniku. Ryzyko finansowe jest po naszej stronie, nie Twojej."
            },
            {
                q: "Czy muszę mieć duży budżet reklamowy, żeby ten system działał?",
                a: "System jest zaprojektowany tak, aby był rentowny przy rozsądnym budżecie na start. Rekomendowany to 75 zł dziennie."
            },
            {
                q: "Czy to rozwiązanie zadziała w mojej branży?",
                a: "LeadBooster to uniwersalny mechanizm budowania świadomości i sprzedaży, który działa wszędzie tam, gdzie sprzedajesz usługi powyżej 3 000 złotych. Niezależnie od branży, klienci kupują w ten sam sposób: najpierw muszą Cię poznać, potem zaufać, a na końcu zrozumieć, że Twój problem jest dla nich priorytetem."
            },
            {
                q: "Dlaczego nie mogę po prostu zatrudnić freelancera od rolek za 500 złotych?",
                a: "Bo rolki to tylko wierzchołek góry lodowej, który daje Ci lajki, a nie przelewy. Freelancer nie zbuduje Ci lejka sprzedażowego, nie nauczy Cię sprzedaży i nie weźmie odpowiedzialności za Twój zysk. Jeśli chcesz tylko \"być w sieci\", bierz freelancera. Jeśli chcesz skalować biznes i mieć spokój finansowy, potrzebujesz systemu."
            },
            {
                q: "Czy muszę występować przed kamerą, jeśli bardzo tego nie lubię?",
                a: "To nie jest opcja dla tych, którzy chcą się ukrywać. W dzisiejszym świecie autentyczność to waluta. Jeśli chcesz budować markę, musisz pokazać twarz, ale my zadbamy o to, żebyś czuł się przed kamerą swobodnie i brzmiał naturalnie, dzięki profesjonalnemu wsparciu na planie."
            },
            {
                q: "Czy po wdrożeniu systemu będę musiał płacić za każdą zmianę w reklamach?",
                a: "Po wdrożeniu możesz przejść na model stałej obsługi. W tej kwocie masz już wszystko: optymalizację, aktualizację materiałów i opiekę techniczną. Nie ma żadnych ukrytych kosztów za każdą drobną zmianę. Co ważne – nie musisz być od nas zależny. W ramach wdrożenia nauczymy Cię, jak samodzielnie i sprawnie zmieniać reklamy oraz treści w systemie. Dostaniesz od nas proste instrukcje, dzięki czemu mniejsze poprawki czy wymianę grafik zrobisz własnoręcznie w kilka minut, całkowicie bezpłatnie."
            }
        ];

        const container = document.getElementById('faq-container');

        faqs.forEach((faq, index) => {
            const faqHtml = `
                <div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-200 hover:border-primary">
                    <button class="w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none" onclick="toggleFaq(${index})">
                        <span class="font-bold text-gray-800 pr-4">${faq.q}</span>
                        <i class="ph ph-caret-down text-primary text-xl transition-transform duration-300 transform" id="icon-${index}"></i>
                    </button>
                    <div id="content-${index}" class="faq-content bg-gray-50 px-6">
                        <p class="py-4 text-gray-600 leading-relaxed border-t border-gray-200">${faq.a}</p>
                    </div>
                </div>
            `;
            container.innerHTML += faqHtml;
        });

        function toggleFaq(index) {
            const content = document.getElementById(`content-${index}`);
            const icon = document.getElementById(`icon-${index}`);
            
            const isOpen = content.classList.contains('open');
            
            // Close all
            document.querySelectorAll('.faq-content').forEach(el => el.classList.remove('open'));
            document.querySelectorAll('.ph-caret-down').forEach(el => el.style.transform = 'rotate(0deg)');
            
            // Open clicked if it wasn't open
            if (!isOpen) {
                content.classList.add('open');
                icon.style.transform = 'rotate(180deg)';
            }
        }

        // --- Obsługa Modali ---
        function openModal(modalId) {
            const modal = document.getElementById(modalId);
            modal.classList.remove('hidden');
            // Timeout by dać szansę na render zanim ruszy animacja
            setTimeout(() => {
                modal.classList.remove('opacity-0');
                modal.querySelector('div').classList.remove('scale-95');
                modal.querySelector('div').classList.add('scale-100');
            }, 10);
            document.body.style.overflow = 'hidden';
        }

        function closeModal(modalId) {
            const modal = document.getElementById(modalId);
            modal.classList.add('opacity-0');
            modal.querySelector('div').classList.remove('scale-100');
            modal.querySelector('div').classList.add('scale-95');
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 300);
            document.body.style.overflow = 'auto';
        }

        // Zamykanie modali po kliknięciu w tło
        window.onclick = function(event) {
            if (event.target.classList.contains('fixed') && event.target.id.includes('modal')) {
                closeModal(event.target.id);
            }
        }

        // Zamykanie modali klawiszem ESC
        document.addEventListener('keydown', function(event) {
            if (event.key === "Escape") {
                const openModals = document.querySelectorAll('.fixed:not(.hidden)');
                openModals.forEach(modal => {
                    if (modal.id.includes('modal')) {
                        closeModal(modal.id);
                    }
                });
            }
        });

        // Dodanie stylów dla scrollbara w tekstach prawnych
        document.head.insertAdjacentHTML('beforeend', `
            <style>
                .custom-scrollbar::-webkit-scrollbar {
                    width: 6px;
                }
                .custom-scrollbar::-webkit-scrollbar-track {
                    background: #1f2937;
                    border-radius: 4px;
                }
                .custom-scrollbar::-webkit-scrollbar-thumb {
                    background: #374151;
                    border-radius: 4px;
                }
                .custom-scrollbar::-webkit-scrollbar-thumb:hover {
                    background: #4b5563;
                }
            </style>
        `);
    </script>
</body>
</html>/* End custom CSS */