Cyfrowy Pakiet - Narz\u0119dzia AI, E-booki i Wiedza<\/title>\r\n <meta name=\"description\" content=\"Cyfrowy Pakiet oferuje prze\u0142omowe, bezpieczne narz\u0119dzia, e-booki i us\u0142ugi AI. Osi\u0105gnij cyfrow\u0105 dominacj\u0119 w 2026.\">\r\n \r\n <link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>\ud83e\uddca<\/text><\/svg>\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --bg-dark: #020408;\r\n --card-bg: rgba(10, 14, 23, 0.7);\r\n --accent-purple: #9333ea;\r\n --accent-blue: #2563eb;\r\n --neon-glow: rgba(147, 51, 234, 0.3);\r\n --twitter-blue: #1d9bf0;\r\n }\r\n\r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n background-color: var(--bg-dark);\r\n color: #ffffff;\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- Style dla przycisk\u00f3w Stripe --- *\/\r\n .btn-buy, .btn-rent {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 15px 30px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: bold;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n margin-top: 20px;\r\n width: 100%; \r\n text-align: center;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-buy { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: white; }\r\n .btn-rent { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; }\r\n \r\n .btn-buy:hover, .btn-rent:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 10px 25px rgba(0,0,0,0.4);\r\n filter: brightness(1.1);\r\n }\r\n\r\n .btn-buy small, .btn-rent small {\r\n font-size: 11px;\r\n font-weight: normal;\r\n opacity: 0.8;\r\n margin-top: 4px;\r\n text-transform: none;\r\n letter-spacing: 0;\r\n }\r\n\r\n \/* T\u0142o z dynamicznym gradientem *\/\r\n .main-bg {\r\n position: fixed;\r\n inset: 0;\r\n z-index: -1;\r\n background: \r\n radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.1) 0%, transparent 40%),\r\n radial-gradient(circle at 90% 90%, rgba(147, 51, 234, 0.1) 0%, transparent 40%),\r\n #020408;\r\n }\r\n\r\n \/* Nawigacja *\/\r\n .nav-link {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after { width: 100%; }\r\n \r\n \/* Mobilna nawigacja *\/\r\n .mobile-nav-link {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n padding: 1rem 0;\r\n transition: all 0.3s;\r\n text-transform: uppercase;\r\n font-style: italic;\r\n }\r\n\r\n \/* Karty *\/\r\n .glass-card {\r\n background: var(--card-bg);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 32px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .glass-card:hover {\r\n border-color: rgba(147, 51, 234, 0.4);\r\n box-shadow: 0 0 50px var(--neon-glow);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n line-height: 0.85;\r\n background: linear-gradient(to bottom, #ffffff 70%, rgba(255,255,255,0.3));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .animate-in {\r\n animation: fadeIn 1s ease-out forwards;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-content { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; }\r\n .faq-item.active .faq-content { max-height: 300px; opacity: 1; padding-bottom: 1.5rem; }\r\n .faq-item.active .faq-icon { transform: rotate(45deg); color: #a855f7; }\r\n \r\n \/* Toast Notification *\/\r\n #copy-toast {\r\n visibility: hidden;\r\n min-width: 280px;\r\n background-color: #10b981;\r\n color: #fff;\r\n text-align: center;\r\n border-radius: 12px;\r\n padding: 16px;\r\n position: fixed;\r\n z-index: 200;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.6);\r\n font-weight: bold;\r\n opacity: 0;\r\n transition: all 0.3s;\r\n }\r\n #copy-toast.show { visibility: visible; opacity: 1; bottom: 50px; }\r\n\r\n \/* Neon Text Effects *\/\r\n .neon-text-purple { text-shadow: 0 0 5px #a78bfa, 0 0 10px #8b5cf6; }\r\n .neon-text-blue { text-shadow: 0 0 5px #60a5fa, 0 0 10px #3b82f6; }\r\n .counter-digit { font-variant-numeric: tabular-nums; }\r\n\r\n \/* Sticky Menu Buttons *\/\r\n .sticky-controls {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n z-index: 100;\r\n pointer-events: none;\r\n }\r\n .sticky-btn {\r\n pointer-events: auto;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(147, 51, 234, 0.8);\r\n backdrop-filter: blur(10px);\r\n color: white;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n .sticky-btn:hover {\r\n transform: scale(1.1);\r\n background: var(--accent-purple);\r\n }\r\n\r\n \/* Cookie Banner *\/\r\n #cookie-banner {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(10, 14, 23, 0.95);\r\n backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 20px;\r\n z-index: 300;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n text-align: center;\r\n transform: translateY(100%);\r\n transition: transform 0.5s ease;\r\n }\r\n #cookie-banner.active { transform: translateY(0); }\r\n\r\n .social-x-active { color: var(--twitter-blue) !important; }\r\n\r\n \/* Hide Scrollbar *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: var(--bg-dark); }\r\n ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; }\r\n ::-webkit-scrollbar-thumb:hover { background: var(--accent-purple); }\r\n\r\n \/* Video Container *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 177.77%; \/* 9:16 Aspect Ratio for Shorts *\/\r\n overflow: hidden;\r\n border-radius: 16px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n background: #000;\r\n }\r\n .video-container iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"main-bg\"><\/div>\r\n\r\n <div id=\"copy-toast\">\r\n <i class=\"fa-solid fa-check-circle mr-2\"><\/i><span id=\"toast-message\">Skopiowano do schowka!<\/span>\r\n <\/div>\r\n\r\n <div class=\"sticky-controls\">\r\n <div onclick=\"scrollToTop()\" class=\"sticky-btn\" title=\"G\u00f3ra\">\r\n <i class=\"fa-solid fa-cube\"><\/i>\r\n <\/div>\r\n <div onclick=\"toggleMobileMenu()\" class=\"sticky-btn\" title=\"Menu\">\r\n <i class=\"fa-solid fa-bars-staggered\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"cookie-banner\">\r\n <p class=\"text-sm text-gray-300 max-w-2xl\">Ta strona korzysta z ciasteczek, aby zapewni\u0107 Ci najlepsze wra\u017cenia cyfrowe. Kontynuuj\u0105c, akceptujesz nasz\u0105 polityk\u0119 prywatno\u015bci.<\/p>\r\n <button onclick=\"acceptCookies()\" class=\"px-8 py-2 bg-white text-black font-bold rounded-full text-xs uppercase tracking-widest hover:bg-purple-500 hover:text-white transition\">Akceptuj\u0119<\/button>\r\n <\/div>\r\n\r\n <nav class=\"fixed top-0 w-full z-50 bg-black\/40 backdrop-blur-xl border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6 h-20 md:h-24 flex justify-between items-center\">\r\n <div onclick=\"scrollToTop()\" class=\"cursor-pointer flex items-center gap-3\">\r\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gradient-to-tr from-blue-600 to-purple-600 rounded-xl flex items-center justify-center shadow-lg relative overflow-hidden group\">\r\n <i class=\"fa-solid fa-cube text-lg md:text-xl text-white z-10\"><\/i>\r\n <div class=\"absolute inset-0 bg-white\/20 blur-lg group-hover:bg-white\/40 transition\"><\/div>\r\n <\/div>\r\n <span class=\"text-xl md:text-2xl font-bold tracking-tighter italic uppercase\">Cyfrowy<span class=\"text-purple-500\">Pakiet<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"hidden lg:flex items-center gap-12\">\r\n <a href=\"#stats\" class=\"nav-link text-sm hover:text-white text-gray-400\">Status<\/a>\r\n <a href=\"#o-nas\" class=\"nav-link text-sm hover:text-white text-gray-400\">O nas<\/a>\r\n <a href=\"#ebooki\" class=\"nav-link text-sm hover:text-white text-gray-400\">E-booki<\/a>\r\n <a href=\"#wynajem\" class=\"nav-link text-sm hover:text-white text-gray-400\">Wynajem<\/a>\r\n <a href=\"#faq\" class=\"nav-link text-sm hover:text-white text-gray-400\">FAQ<\/a>\r\n <a href=\"blog.html\" class=\"nav-link text-sm text-purple-400 hover:text-purple-300\">Blog<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"hidden md:flex items-center gap-4 mr-2\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"text-gray-400 hover:text-pink-500 transition\"><i class=\"fa-brands fa-instagram text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"text-gray-400 social-x-active transition\"><i class=\"fa-brands fa-x-twitter text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"text-gray-400 hover:text-blue-500 transition\"><i class=\"fa-brands fa-facebook text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"text-gray-400 hover:text-red-600 transition\"><i class=\"fa-brands fa-youtube text-xl\"><\/i><\/a>\r\n <\/div>\r\n <button onclick=\"copyToClipboard('twojcyfrowykreator@gmail.com', 'E-mail skopiowany!')\" class=\"hidden sm:block px-5 py-2.5 border border-purple-500\/50 rounded-full text-[10px] uppercase font-bold tracking-widest hover:bg-purple-600 hover:text-white hover:border-purple-600 transition text-purple-400\">\r\n Email\r\n <\/button>\r\n <button id=\"mobile-menu-button\" onclick=\"toggleMobileMenu()\" class=\"lg:hidden text-white p-2\">\r\n <i class=\"fa-solid fa-bars-staggered text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-black\/98 backdrop-blur-2xl z-[60] hidden flex-col justify-center items-center opacity-0 transition-opacity duration-300\">\r\n <button id=\"close-menu-button\" onclick=\"toggleMobileMenu()\" class=\"absolute top-6 right-6 text-white text-3xl p-4\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"flex flex-col items-center space-y-6\">\r\n <a href=\"#stats\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">Status<\/a>\r\n <a href=\"#o-nas\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">O nas<\/a>\r\n <a href=\"#ebooki\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">E-booki<\/a>\r\n <a href=\"#wynajem\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">Wynajem<\/a>\r\n <a href=\"#faq\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">FAQ<\/a>\r\n <a href=\"blog.html\" class=\"mobile-nav-link text-purple-400 hover:text-purple-300\">Blog<\/a>\r\n <div class=\"pt-8 flex gap-8\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"social-x-active text-2xl\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <button onclick=\"copyToClipboard('twojcyfrowykreator@gmail.com', 'E-mail skopiowany!')\" class=\"mt-8 px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 rounded-xl font-black text-sm uppercase italic tracking-widest text-white shadow-xl\">\r\n SKOPIUJ E-MAIL\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <section id=\"start\" class=\"min-h-screen flex items-center px-6 pt-24 pb-12 relative overflow-hidden max-w-7xl mx-auto\">\r\n <div class=\"grid lg:grid-cols-2 gap-12 items-center w-full\">\r\n <div class=\"text-left animate-in relative z-20\">\r\n <div class=\"mb-8 inline-flex items-center gap-2 px-5 py-2 border border-purple-500\/30 rounded-full bg-purple-500\/10 text-[10px] font-black uppercase tracking-[0.5em] text-purple-400\">\r\n <span class=\"w-2 h-2 rounded-full bg-green-500 animate-pulse\"><\/span>\r\n Posta\u0107 Wirtualna Online\r\n <\/div>\r\n <h1 class=\"hero-title text-6xl sm:text-7xl md:text-[8rem] uppercase italic tracking-tighter mb-8 leading-[0.9] break-words\">\r\n CYFROWY<br><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-purple-600\">PAKIET<\/span>\r\n <\/h1>\r\n <p class=\"text-gray-400 text-lg md:text-xl max-w-xl mb-12 leading-relaxed font-light\">\r\n Twoje imperium narz\u0119dzi i wiedzy. Wynajmij technologie jutra i zdominuj rynek ju\u017c dzisiaj. Wszystko w jednym miejscu.\r\n <\/p>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"relative hidden lg:block animate-in\" style=\"animation-delay: 0.3s\">\r\n <div class=\"relative z-10\">\r\n <div class=\"w-full aspect-square relative rounded-[50px] overflow-hidden border border-white\/10 shadow-[0_0_100px_rgba(147,51,234,0.2)]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531746790731-6c087fecd65a?q=80&w=1000&auto=format&fit=crop\" \r\n alt=\"Cyber Character\" \r\n class=\"w-full h-full object-cover grayscale hover:grayscale-0 transition-all duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent\"><\/div>\r\n <div class=\"absolute bottom-10 left-10\">\r\n <p class=\"text-blue-400 font-bold italic uppercase text-xs tracking-widest\">Wirtualny Asystent<\/p>\r\n <p class=\"text-3xl font-black italic uppercase tracking-tighter text-white\">SYSTEM V-2<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[120%] h-[120%] bg-purple-600\/10 blur-[120px] -z-10 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"stats\" class=\"py-12 px-6 max-w-7xl mx-auto\">\r\n <h2 class=\"text-3xl font-bold font-['Rajdhani'] text-center mb-12 text-blue-500 uppercase tracking-widest border-b border-white\/10 pb-4\">Status Sieci 2026<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\r\n \r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Zadowoleni Klienci<\/p>\r\n <div data-target=\"2847\" class=\"counter text-5xl md:text-6xl font-black text-purple-400 neon-text-purple counter-digit font-['Rajdhani']\">0<\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Aktywne Systemy<\/p>\r\n <div data-target=\"1420\" class=\"counter text-5xl md:text-6xl font-black text-blue-400 neon-text-blue counter-digit font-['Rajdhani']\">0<\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Status Operacyjny<\/p>\r\n <div class=\"text-5xl md:text-6xl font-black text-green-400 neon-text-blue font-['Rajdhani']\">ONLINE<\/div>\r\n <p class=\"text-gray-500 mt-2 text-xs uppercase tracking-wider\">Stabilno\u015b\u0107 99.99%<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 px-6 bg-white\/5 border-y border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col items-center gap-8\">\r\n <h3 class=\"text-2xl font-black italic uppercase tracking-tighter text-center\">Do\u0142\u0105cz do naszej spo\u0142eczno\u015bci<\/h3>\r\n <div class=\"flex flex-wrap justify-center gap-10\">\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-red-600 transition-all\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">YouTube<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-blue-600 transition-all\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Facebook<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-pink-600 transition-all\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Instagram<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-[#1d9bf0] transition-all social-x-active\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Twitter \/ X<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"o-nas\" class=\"py-24 px-6 max-w-7xl mx-auto\">\r\n <div class=\"glass-card p-10 md:p-20 text-center border-t-4 border-t-purple-600\/50\">\r\n <h2 class=\"text-4xl md:text-6xl font-bold italic uppercase tracking-tighter mb-8\"><span class=\"text-purple-500\">Nasza<\/span> Misja<\/h2>\r\n <p class=\"text-gray-400 text-lg md:text-xl max-w-3xl mx-auto leading-relaxed font-light\">\r\n Jeste\u015bmy zespo\u0142em pasjonat\u00f3w technologii, kt\u00f3rzy wierz\u0105, \u017ce automatyzacja jest kluczem do sukcesu w XXI wieku. Dostarczamy najnowocze\u015bniejsze, cyfrowe rozwi\u0105zania, kt\u00f3re pozwalaj\u0105 naszym klientom zaoszcz\u0119dzi\u0107 czas, zwi\u0119kszy\u0107 wydajno\u015b\u0107 i skalowa\u0107 swoje biznesy bez granic. Nasz \"Cyfrowy Pakiet\" to Tw\u00f3j bilet do technologicznej dominacji.\r\n <\/p>\r\n <div class=\"flex flex-wrap justify-center gap-8 md:gap-16 mt-16\">\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-blue-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Automatyzacja<\/div>\r\n <\/div>\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-purple-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Skalowalno\u015b\u0107<\/div>\r\n <\/div>\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-green-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-brain\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Wiedza<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"wynajem\" class=\"py-24 px-6 max-w-7xl mx-auto\">\r\n \r\n <div class=\"w-full flex justify-center mb-16\">\r\n <a href=\"https:\/\/www.youtube.com\/@KobiecaStronaBiznesu\" target=\"_blank\" class=\"w-full max-w-4xl group relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-pink-600 via-purple-600 to-blue-600 blur-lg opacity-40 group-hover:opacity-80 transition duration-500 rounded-xl\"><\/div>\r\n <div class=\"relative bg-black\/90 border border-white\/10 rounded-xl py-6 px-4 text-center overflow-hidden flex flex-col md:flex-row items-center justify-center min-h-[100px] gap-4\">\r\n <i class=\"fa-brands fa-youtube text-4xl text-red-600\"><\/i>\r\n <h2 class=\"text-3xl md:text-5xl font-black italic uppercase tracking-tighter text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-400 to-blue-500 group-hover:scale-105 transition duration-500\">\r\n Kobieca Strona Biznesu\r\n <\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-2 gap-10\">\r\n \r\n <div class=\"glass-card p-6 md:p-8 border-l-8 border-l-pink-600 flex flex-col\">\r\n <h3 class=\"text-2xl font-bold uppercase italic mb-4\">Vlog Generator Pro<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">Przekszta\u0142caj swoje wideo w profesjonalne tre\u015bci pisane jednym klikni\u0119ciem.<\/p>\r\n <div class=\"mt-auto video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/k6KgFpkxrak\" title=\"Vlog Generator Pro\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card p-6 md:p-8 border-l-8 border-l-purple-600 flex flex-col\">\r\n <h3 class=\"text-2xl font-bold uppercase italic mb-4\">AI Sales Assistant<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">Inteligentny bot przeszkolony pod Twoj\u0105 ofert\u0119. Sprzedaje 24\/7.<\/p>\r\n <div class=\"mt-auto video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/gXVexjhYtVQ\" title=\"AI Sales Assistant\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"ebooki\" class=\"py-24 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <h2 class=\"text-5xl font-bold italic uppercase tracking-tighter mb-20 text-center\">Merytoryczne <span class=\"text-purple-500\">E-booki<\/span><\/h2>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n \r\n <div class=\"glass-card p-8 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Podstawy Biznesu<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 border-purple-500\/50 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589998059171-988d887df646?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Marketing 2.0<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Produktywno\u015b\u0107<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center text-gray-500 mt-12 text-sm uppercase tracking-widest opacity-80\">\r\n <i class=\"fa-solid fa-bolt text-yellow-400 mr-2\"><\/i> Dost\u0119p do plik\u00f3w otrzymasz natychmiast po autoryzacji p\u0142atno\u015bci.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"blog-preview\" class=\"py-16 px-6 max-w-7xl mx-auto border-t border-white\/5\">\r\n <div class=\"flex justify-between items-end mb-12\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold italic uppercase tracking-tighter\">Baza <span class=\"text-blue-500\">Wiedzy<\/span><\/h2>\r\n <a href=\"blog.html\" class=\"hidden md:block text-purple-400 hover:text-white uppercase tracking-widest text-xs font-bold transition\">Zobacz wszystkie <i class=\"fa-solid fa-arrow-right ml-2\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=316'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&q=80&w=800\" alt=\"AI Article\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-blue-400 font-bold uppercase tracking-widest mb-2\">Technologia<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Jak AI zmienia rynek w 2026?<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=316\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=321'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?auto=format&fit=crop&q=80&w=800\" alt=\"Crypto Article\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-purple-400 font-bold uppercase tracking-widest mb-2\">Finanse<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Automatyzacja dochod\u00f3w pasywnych<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=321\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=326'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800\" alt=\"Cyber Security\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-green-400 font-bold uppercase tracking-widest mb-2\">Bezpiecze\u0144stwo<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Ochrona danych w erze cyfrowej<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=326\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-24 px-6 max-w-4xl mx-auto\">\r\n <h2 class=\"text-4xl font-bold italic uppercase tracking-tighter text-center mb-16\">Pytania i <span class=\"text-purple-500\">Odpowiedzi<\/span><\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Czy otrzymam faktur\u0119 VAT?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Tak, po zakupie otrzymasz faktur\u0119 VAT na podany adres e-mail. Wszystkie nasze ceny zawieraj\u0105 podatek.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Jak wygl\u0105da proces dostawy e-booka?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Dostawa jest natychmiastowa i automatyczna. Link do pobrania plik\u00f3w otrzymasz na e-mail w ci\u0105gu 2 minut od zaksi\u0119gowania p\u0142atno\u015bci.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Czy mog\u0119 zrezygnowa\u0107 z wynajmu narz\u0119dzi?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Oczywi\u015bcie. Subskrypcj\u0119 mo\u017cesz anulowa\u0107 w dowolnym momencie w panelu klienta. Dost\u0119p do narz\u0119dzi wyga\u015bnie wraz z ko\u0144cem op\u0142aconego okresu.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Jakie formy p\u0142atno\u015bci obs\u0142ugujecie?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Obs\u0142ugujemy szybkie przelewy (BLIK), karty kredytowe\/debetowe (Visa, Mastercard) oraz p\u0142atno\u015bci Stripe i PayPal.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-16 w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/marketingonlinepro.com.pl\/wp-content\/uploads\/2026\/02\/dddd-scaled.png\" alt=\"Special Offer\" class=\"w-full h-auto rounded-3xl border border-white\/10 shadow-2xl\">\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"bg-black\/90 pt-20 pb-10 border-t border-white\/10\">\r\n <div class=\"max-w-7xl mx-auto px-6 grid md:grid-cols-4 gap-12 mb-16\">\r\n <div class=\"col-span-2\">\r\n <div class=\"flex items-center gap-2 mb-6\">\r\n <div class=\"w-8 h-8 bg-gradient-to-tr from-blue-600 to-purple-600 rounded-lg flex items-center justify-center\">\r\n <i class=\"fa-solid fa-cube text-white text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl font-bold tracking-tighter italic uppercase\">Cyfrowy<span class=\"text-purple-500\">Pakiet<\/span><\/span>\r\n <\/div>\r\n <p class=\"text-gray-500 max-w-xs mb-6\">Tworzymy przysz\u0142o\u015b\u0107 cyfrowego biznesu. Do\u0142\u0105cz do lider\u00f3w rynku.<\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-pink-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-[#1d9bf0] transition social-x-active text-gray-400 hover:text-white\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-blue-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-red-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div>\r\n <h4 class=\"font-bold uppercase tracking-widest mb-6 text-sm\">Nawigacja<\/h4>\r\n <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n <li><a href=\"#stats\" class=\"hover:text-purple-400 transition\">Status<\/a><\/li>\r\n <li><a href=\"#ebooki\" class=\"hover:text-purple-400 transition\">E-booki<\/a><\/li>\r\n <li><a href=\"#wynajem\" class=\"hover:text-purple-400 transition\">Narz\u0119dzia AI<\/a><\/li>\r\n <li><a href=\"blog.html\" class=\"hover:text-purple-400 transition\">Blog<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"font-bold uppercase tracking-widest mb-6 text-sm\">Legalne<\/h4>\r\n <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Regulamin<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Polityka Prywatno\u015bci<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Kontakt<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center text-gray-600 text-xs uppercase tracking-widest border-t border-white\/5 pt-8\">\r\n © 2026 Cyfrowy Pakiet. Wszelkie prawa zastrze\u017cone.\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Animacje licznik\u00f3w\r\n function animateCounters() {\r\n const counters = document.querySelectorAll('.counter');\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n const duration = 2000; \r\n const increment = target \/ (duration \/ 16); \r\n \r\n let current = 0;\r\n const updateCounter = () => {\r\n current += increment;\r\n if (current < target) {\r\n counter.innerText = Math.ceil(current);\r\n requestAnimationFrame(updateCounter);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCounter();\r\n });\r\n }\r\n\r\n \/\/ Intersection Observer dla animacji\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if(entry.target.id === 'stats') {\r\n animateCounters();\r\n observer.unobserve(entry.target);\r\n }\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.getElementById('stats') && observer.observe(document.getElementById('stats'));\r\n\r\n \/\/ FAQ Toggle\r\n function toggleFaq(button) {\r\n const item = button.parentElement;\r\n const wasActive = item.classList.contains('active');\r\n \r\n document.querySelectorAll('.faq-item').forEach(i => {\r\n i.classList.remove('active');\r\n });\r\n\r\n if (!wasActive) {\r\n item.classList.add('active');\r\n }\r\n }\r\n\r\n \/\/ Copy to Clipboard\r\n function copyToClipboard(text, message) {\r\n navigator.clipboard.writeText(text).then(() => {\r\n const toast = document.getElementById('copy-toast');\r\n const msgSpan = document.getElementById('toast-message');\r\n msgSpan.innerText = message;\r\n toast.classList.add('show');\r\n setTimeout(() => toast.classList.remove('show'), 3000);\r\n }).catch(err => {\r\n console.error('B\u0142\u0105d kopiowania:', err);\r\n });\r\n }\r\n\r\n \/\/ Mobile Menu\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobile-menu');\r\n const isOpen = !menu.classList.contains('hidden');\r\n \r\n if (isOpen) {\r\n menu.classList.remove('opacity-100');\r\n menu.classList.add('opacity-0');\r\n setTimeout(() => menu.classList.add('hidden'), 300);\r\n } else {\r\n menu.classList.remove('hidden');\r\n \/\/ Force reflow\r\n void menu.offsetWidth;\r\n menu.classList.remove('opacity-0');\r\n menu.classList.add('opacity-100');\r\n }\r\n }\r\n\r\n \/\/ Scroll to Top\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Cookie Banner\r\n function acceptCookies() {\r\n document.getElementById('cookie-banner').classList.remove('active');\r\n localStorage.setItem('cookiesAccepted', 'true');\r\n }\r\n\r\n \/\/ Check Cookies on Load\r\n window.addEventListener('load', () => {\r\n if (!localStorage.getItem('cookiesAccepted')) {\r\n setTimeout(() => {\r\n document.getElementById('cookie-banner').classList.add('active');\r\n }, 1000);\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cyfrowy Pakiet – Narz\u0119dzia AI, E-booki i Wiedza<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":54,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Cyfrowy Pakiet - Narz\u0119dzia AI, E-booki i Wiedza<\/title>\r\n <meta name=\"description\" content=\"Cyfrowy Pakiet oferuje prze\u0142omowe, bezpieczne narz\u0119dzia, e-booki i us\u0142ugi AI. Osi\u0105gnij cyfrow\u0105 dominacj\u0119 w 2026.\">\r\n \r\n <link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>\ud83e\uddca<\/text><\/svg>\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --bg-dark: #020408;\r\n --card-bg: rgba(10, 14, 23, 0.7);\r\n --accent-purple: #9333ea;\r\n --accent-blue: #2563eb;\r\n --neon-glow: rgba(147, 51, 234, 0.3);\r\n --twitter-blue: #1d9bf0;\r\n }\r\n\r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n background-color: var(--bg-dark);\r\n color: #ffffff;\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- Style dla przycisk\u00f3w Stripe --- *\/\r\n .btn-buy, .btn-rent {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 15px 30px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: bold;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n margin-top: 20px;\r\n width: 100%; \r\n text-align: center;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-buy { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: white; }\r\n .btn-rent { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; }\r\n \r\n .btn-buy:hover, .btn-rent:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 10px 25px rgba(0,0,0,0.4);\r\n filter: brightness(1.1);\r\n }\r\n\r\n .btn-buy small, .btn-rent small {\r\n font-size: 11px;\r\n font-weight: normal;\r\n opacity: 0.8;\r\n margin-top: 4px;\r\n text-transform: none;\r\n letter-spacing: 0;\r\n }\r\n\r\n \/* T\u0142o z dynamicznym gradientem *\/\r\n .main-bg {\r\n position: fixed;\r\n inset: 0;\r\n z-index: -1;\r\n background: \r\n radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.1) 0%, transparent 40%),\r\n radial-gradient(circle at 90% 90%, rgba(147, 51, 234, 0.1) 0%, transparent 40%),\r\n #020408;\r\n }\r\n\r\n \/* Nawigacja *\/\r\n .nav-link {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after { width: 100%; }\r\n \r\n \/* Mobilna nawigacja *\/\r\n .mobile-nav-link {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n padding: 1rem 0;\r\n transition: all 0.3s;\r\n text-transform: uppercase;\r\n font-style: italic;\r\n }\r\n\r\n \/* Karty *\/\r\n .glass-card {\r\n background: var(--card-bg);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 32px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .glass-card:hover {\r\n border-color: rgba(147, 51, 234, 0.4);\r\n box-shadow: 0 0 50px var(--neon-glow);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n line-height: 0.85;\r\n background: linear-gradient(to bottom, #ffffff 70%, rgba(255,255,255,0.3));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .animate-in {\r\n animation: fadeIn 1s ease-out forwards;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-content { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; }\r\n .faq-item.active .faq-content { max-height: 300px; opacity: 1; padding-bottom: 1.5rem; }\r\n .faq-item.active .faq-icon { transform: rotate(45deg); color: #a855f7; }\r\n \r\n \/* Toast Notification *\/\r\n #copy-toast {\r\n visibility: hidden;\r\n min-width: 280px;\r\n background-color: #10b981;\r\n color: #fff;\r\n text-align: center;\r\n border-radius: 12px;\r\n padding: 16px;\r\n position: fixed;\r\n z-index: 200;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.6);\r\n font-weight: bold;\r\n opacity: 0;\r\n transition: all 0.3s;\r\n }\r\n #copy-toast.show { visibility: visible; opacity: 1; bottom: 50px; }\r\n\r\n \/* Neon Text Effects *\/\r\n .neon-text-purple { text-shadow: 0 0 5px #a78bfa, 0 0 10px #8b5cf6; }\r\n .neon-text-blue { text-shadow: 0 0 5px #60a5fa, 0 0 10px #3b82f6; }\r\n .counter-digit { font-variant-numeric: tabular-nums; }\r\n\r\n \/* Sticky Menu Buttons *\/\r\n .sticky-controls {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n z-index: 100;\r\n pointer-events: none;\r\n }\r\n .sticky-btn {\r\n pointer-events: auto;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(147, 51, 234, 0.8);\r\n backdrop-filter: blur(10px);\r\n color: white;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n .sticky-btn:hover {\r\n transform: scale(1.1);\r\n background: var(--accent-purple);\r\n }\r\n\r\n \/* Cookie Banner *\/\r\n #cookie-banner {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(10, 14, 23, 0.95);\r\n backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 20px;\r\n z-index: 300;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n text-align: center;\r\n transform: translateY(100%);\r\n transition: transform 0.5s ease;\r\n }\r\n #cookie-banner.active { transform: translateY(0); }\r\n\r\n .social-x-active { color: var(--twitter-blue) !important; }\r\n\r\n \/* Hide Scrollbar *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: var(--bg-dark); }\r\n ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; }\r\n ::-webkit-scrollbar-thumb:hover { background: var(--accent-purple); }\r\n\r\n \/* Video Container *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 177.77%; \/* 9:16 Aspect Ratio for Shorts *\/\r\n overflow: hidden;\r\n border-radius: 16px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n background: #000;\r\n }\r\n .video-container iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"main-bg\"><\/div>\r\n\r\n <div id=\"copy-toast\">\r\n <i class=\"fa-solid fa-check-circle mr-2\"><\/i><span id=\"toast-message\">Skopiowano do schowka!<\/span>\r\n <\/div>\r\n\r\n <div class=\"sticky-controls\">\r\n <div onclick=\"scrollToTop()\" class=\"sticky-btn\" title=\"G\u00f3ra\">\r\n <i class=\"fa-solid fa-cube\"><\/i>\r\n <\/div>\r\n <div onclick=\"toggleMobileMenu()\" class=\"sticky-btn\" title=\"Menu\">\r\n <i class=\"fa-solid fa-bars-staggered\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"cookie-banner\">\r\n <p class=\"text-sm text-gray-300 max-w-2xl\">Ta strona korzysta z ciasteczek, aby zapewni\u0107 Ci najlepsze wra\u017cenia cyfrowe. Kontynuuj\u0105c, akceptujesz nasz\u0105 polityk\u0119 prywatno\u015bci.<\/p>\r\n <button onclick=\"acceptCookies()\" class=\"px-8 py-2 bg-white text-black font-bold rounded-full text-xs uppercase tracking-widest hover:bg-purple-500 hover:text-white transition\">Akceptuj\u0119<\/button>\r\n <\/div>\r\n\r\n <nav class=\"fixed top-0 w-full z-50 bg-black\/40 backdrop-blur-xl border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6 h-20 md:h-24 flex justify-between items-center\">\r\n <div onclick=\"scrollToTop()\" class=\"cursor-pointer flex items-center gap-3\">\r\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gradient-to-tr from-blue-600 to-purple-600 rounded-xl flex items-center justify-center shadow-lg relative overflow-hidden group\">\r\n <i class=\"fa-solid fa-cube text-lg md:text-xl text-white z-10\"><\/i>\r\n <div class=\"absolute inset-0 bg-white\/20 blur-lg group-hover:bg-white\/40 transition\"><\/div>\r\n <\/div>\r\n <span class=\"text-xl md:text-2xl font-bold tracking-tighter italic uppercase\">Cyfrowy<span class=\"text-purple-500\">Pakiet<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"hidden lg:flex items-center gap-12\">\r\n <a href=\"#stats\" class=\"nav-link text-sm hover:text-white text-gray-400\">Status<\/a>\r\n <a href=\"#o-nas\" class=\"nav-link text-sm hover:text-white text-gray-400\">O nas<\/a>\r\n <a href=\"#ebooki\" class=\"nav-link text-sm hover:text-white text-gray-400\">E-booki<\/a>\r\n <a href=\"#wynajem\" class=\"nav-link text-sm hover:text-white text-gray-400\">Wynajem<\/a>\r\n <a href=\"#faq\" class=\"nav-link text-sm hover:text-white text-gray-400\">FAQ<\/a>\r\n <a href=\"blog.html\" class=\"nav-link text-sm text-purple-400 hover:text-purple-300\">Blog<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"hidden md:flex items-center gap-4 mr-2\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"text-gray-400 hover:text-pink-500 transition\"><i class=\"fa-brands fa-instagram text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"text-gray-400 social-x-active transition\"><i class=\"fa-brands fa-x-twitter text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"text-gray-400 hover:text-blue-500 transition\"><i class=\"fa-brands fa-facebook text-xl\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"text-gray-400 hover:text-red-600 transition\"><i class=\"fa-brands fa-youtube text-xl\"><\/i><\/a>\r\n <\/div>\r\n <button onclick=\"copyToClipboard('twojcyfrowykreator@gmail.com', 'E-mail skopiowany!')\" class=\"hidden sm:block px-5 py-2.5 border border-purple-500\/50 rounded-full text-[10px] uppercase font-bold tracking-widest hover:bg-purple-600 hover:text-white hover:border-purple-600 transition text-purple-400\">\r\n Email\r\n <\/button>\r\n <button id=\"mobile-menu-button\" onclick=\"toggleMobileMenu()\" class=\"lg:hidden text-white p-2\">\r\n <i class=\"fa-solid fa-bars-staggered text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-black\/98 backdrop-blur-2xl z-[60] hidden flex-col justify-center items-center opacity-0 transition-opacity duration-300\">\r\n <button id=\"close-menu-button\" onclick=\"toggleMobileMenu()\" class=\"absolute top-6 right-6 text-white text-3xl p-4\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"flex flex-col items-center space-y-6\">\r\n <a href=\"#stats\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">Status<\/a>\r\n <a href=\"#o-nas\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">O nas<\/a>\r\n <a href=\"#ebooki\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">E-booki<\/a>\r\n <a href=\"#wynajem\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">Wynajem<\/a>\r\n <a href=\"#faq\" class=\"mobile-nav-link text-white hover:text-purple-500\" onclick=\"toggleMobileMenu()\">FAQ<\/a>\r\n <a href=\"blog.html\" class=\"mobile-nav-link text-purple-400 hover:text-purple-300\">Blog<\/a>\r\n <div class=\"pt-8 flex gap-8\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"social-x-active text-2xl\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"text-white text-2xl\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <button onclick=\"copyToClipboard('twojcyfrowykreator@gmail.com', 'E-mail skopiowany!')\" class=\"mt-8 px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 rounded-xl font-black text-sm uppercase italic tracking-widest text-white shadow-xl\">\r\n SKOPIUJ E-MAIL\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <section id=\"start\" class=\"min-h-screen flex items-center px-6 pt-24 pb-12 relative overflow-hidden max-w-7xl mx-auto\">\r\n <div class=\"grid lg:grid-cols-2 gap-12 items-center w-full\">\r\n <div class=\"text-left animate-in relative z-20\">\r\n <div class=\"mb-8 inline-flex items-center gap-2 px-5 py-2 border border-purple-500\/30 rounded-full bg-purple-500\/10 text-[10px] font-black uppercase tracking-[0.5em] text-purple-400\">\r\n <span class=\"w-2 h-2 rounded-full bg-green-500 animate-pulse\"><\/span>\r\n Posta\u0107 Wirtualna Online\r\n <\/div>\r\n <h1 class=\"hero-title text-6xl sm:text-7xl md:text-[8rem] uppercase italic tracking-tighter mb-8 leading-[0.9] break-words\">\r\n CYFROWY<br><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-purple-600\">PAKIET<\/span>\r\n <\/h1>\r\n <p class=\"text-gray-400 text-lg md:text-xl max-w-xl mb-12 leading-relaxed font-light\">\r\n Twoje imperium narz\u0119dzi i wiedzy. Wynajmij technologie jutra i zdominuj rynek ju\u017c dzisiaj. Wszystko w jednym miejscu.\r\n <\/p>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"relative hidden lg:block animate-in\" style=\"animation-delay: 0.3s\">\r\n <div class=\"relative z-10\">\r\n <div class=\"w-full aspect-square relative rounded-[50px] overflow-hidden border border-white\/10 shadow-[0_0_100px_rgba(147,51,234,0.2)]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531746790731-6c087fecd65a?q=80&w=1000&auto=format&fit=crop\" \r\n alt=\"Cyber Character\" \r\n class=\"w-full h-full object-cover grayscale hover:grayscale-0 transition-all duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent\"><\/div>\r\n <div class=\"absolute bottom-10 left-10\">\r\n <p class=\"text-blue-400 font-bold italic uppercase text-xs tracking-widest\">Wirtualny Asystent<\/p>\r\n <p class=\"text-3xl font-black italic uppercase tracking-tighter text-white\">SYSTEM V-2<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[120%] h-[120%] bg-purple-600\/10 blur-[120px] -z-10 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"stats\" class=\"py-12 px-6 max-w-7xl mx-auto\">\r\n <h2 class=\"text-3xl font-bold font-['Rajdhani'] text-center mb-12 text-blue-500 uppercase tracking-widest border-b border-white\/10 pb-4\">Status Sieci 2026<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\r\n \r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Zadowoleni Klienci<\/p>\r\n <div data-target=\"2847\" class=\"counter text-5xl md:text-6xl font-black text-purple-400 neon-text-purple counter-digit font-['Rajdhani']\">0<\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Aktywne Systemy<\/p>\r\n <div data-target=\"1420\" class=\"counter text-5xl md:text-6xl font-black text-blue-400 neon-text-blue counter-digit font-['Rajdhani']\">0<\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 rounded-3xl\">\r\n <p class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-2 font-['Rajdhani']\">Status Operacyjny<\/p>\r\n <div class=\"text-5xl md:text-6xl font-black text-green-400 neon-text-blue font-['Rajdhani']\">ONLINE<\/div>\r\n <p class=\"text-gray-500 mt-2 text-xs uppercase tracking-wider\">Stabilno\u015b\u0107 99.99%<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 px-6 bg-white\/5 border-y border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col items-center gap-8\">\r\n <h3 class=\"text-2xl font-black italic uppercase tracking-tighter text-center\">Do\u0142\u0105cz do naszej spo\u0142eczno\u015bci<\/h3>\r\n <div class=\"flex flex-wrap justify-center gap-10\">\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-red-600 transition-all\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">YouTube<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-blue-600 transition-all\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Facebook<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-pink-600 transition-all\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Instagram<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"flex flex-col items-center gap-2 group\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-white\/5 flex items-center justify-center text-3xl group-hover:bg-[#1d9bf0] transition-all social-x-active\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Twitter \/ X<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"o-nas\" class=\"py-24 px-6 max-w-7xl mx-auto\">\r\n <div class=\"glass-card p-10 md:p-20 text-center border-t-4 border-t-purple-600\/50\">\r\n <h2 class=\"text-4xl md:text-6xl font-bold italic uppercase tracking-tighter mb-8\"><span class=\"text-purple-500\">Nasza<\/span> Misja<\/h2>\r\n <p class=\"text-gray-400 text-lg md:text-xl max-w-3xl mx-auto leading-relaxed font-light\">\r\n Jeste\u015bmy zespo\u0142em pasjonat\u00f3w technologii, kt\u00f3rzy wierz\u0105, \u017ce automatyzacja jest kluczem do sukcesu w XXI wieku. Dostarczamy najnowocze\u015bniejsze, cyfrowe rozwi\u0105zania, kt\u00f3re pozwalaj\u0105 naszym klientom zaoszcz\u0119dzi\u0107 czas, zwi\u0119kszy\u0107 wydajno\u015b\u0107 i skalowa\u0107 swoje biznesy bez granic. Nasz \"Cyfrowy Pakiet\" to Tw\u00f3j bilet do technologicznej dominacji.\r\n <\/p>\r\n <div class=\"flex flex-wrap justify-center gap-8 md:gap-16 mt-16\">\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-blue-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Automatyzacja<\/div>\r\n <\/div>\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-purple-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Skalowalno\u015b\u0107<\/div>\r\n <\/div>\r\n <div class=\"group\">\r\n <div class=\"text-4xl mb-4 text-green-500 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-brain\"><\/i><\/div>\r\n <div class=\"text-xl font-bold uppercase italic tracking-tighter\">Wiedza<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"wynajem\" class=\"py-24 px-6 max-w-7xl mx-auto\">\r\n \r\n <div class=\"w-full flex justify-center mb-16\">\r\n <a href=\"https:\/\/www.youtube.com\/@KobiecaStronaBiznesu\" target=\"_blank\" class=\"w-full max-w-4xl group relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-pink-600 via-purple-600 to-blue-600 blur-lg opacity-40 group-hover:opacity-80 transition duration-500 rounded-xl\"><\/div>\r\n <div class=\"relative bg-black\/90 border border-white\/10 rounded-xl py-6 px-4 text-center overflow-hidden flex flex-col md:flex-row items-center justify-center min-h-[100px] gap-4\">\r\n <i class=\"fa-brands fa-youtube text-4xl text-red-600\"><\/i>\r\n <h2 class=\"text-3xl md:text-5xl font-black italic uppercase tracking-tighter text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-400 to-blue-500 group-hover:scale-105 transition duration-500\">\r\n Kobieca Strona Biznesu\r\n <\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-2 gap-10\">\r\n \r\n <div class=\"glass-card p-6 md:p-8 border-l-8 border-l-pink-600 flex flex-col\">\r\n <h3 class=\"text-2xl font-bold uppercase italic mb-4\">Vlog Generator Pro<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">Przekszta\u0142caj swoje wideo w profesjonalne tre\u015bci pisane jednym klikni\u0119ciem.<\/p>\r\n <div class=\"mt-auto video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/k6KgFpkxrak\" title=\"Vlog Generator Pro\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card p-6 md:p-8 border-l-8 border-l-purple-600 flex flex-col\">\r\n <h3 class=\"text-2xl font-bold uppercase italic mb-4\">AI Sales Assistant<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">Inteligentny bot przeszkolony pod Twoj\u0105 ofert\u0119. Sprzedaje 24\/7.<\/p>\r\n <div class=\"mt-auto video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/gXVexjhYtVQ\" title=\"AI Sales Assistant\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"ebooki\" class=\"py-24 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <h2 class=\"text-5xl font-bold italic uppercase tracking-tighter mb-20 text-center\">Merytoryczne <span class=\"text-purple-500\">E-booki<\/span><\/h2>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n \r\n <div class=\"glass-card p-8 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Podstawy Biznesu<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 border-purple-500\/50 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589998059171-988d887df646?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Marketing 2.0<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card p-8 flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?auto=format&fit=crop&q=80\" class=\"rounded-2xl mb-8 aspect-[3\/4] object-cover\" alt=\"Ebook\">\r\n <h3 class=\"text-2xl font-bold italic uppercase mb-3\">Produktywno\u015b\u0107<\/h3>\r\n <div class=\"mt-auto\">\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=284\" class=\"btn-buy\">Merytoryczne E-booki<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center text-gray-500 mt-12 text-sm uppercase tracking-widest opacity-80\">\r\n <i class=\"fa-solid fa-bolt text-yellow-400 mr-2\"><\/i> Dost\u0119p do plik\u00f3w otrzymasz natychmiast po autoryzacji p\u0142atno\u015bci.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"blog-preview\" class=\"py-16 px-6 max-w-7xl mx-auto border-t border-white\/5\">\r\n <div class=\"flex justify-between items-end mb-12\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold italic uppercase tracking-tighter\">Baza <span class=\"text-blue-500\">Wiedzy<\/span><\/h2>\r\n <a href=\"blog.html\" class=\"hidden md:block text-purple-400 hover:text-white uppercase tracking-widest text-xs font-bold transition\">Zobacz wszystkie <i class=\"fa-solid fa-arrow-right ml-2\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=316'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&q=80&w=800\" alt=\"AI Article\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-blue-400 font-bold uppercase tracking-widest mb-2\">Technologia<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Jak AI zmienia rynek w 2026?<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=316\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=321'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?auto=format&fit=crop&q=80&w=800\" alt=\"Crypto Article\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-purple-400 font-bold uppercase tracking-widest mb-2\">Finanse<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Automatyzacja dochod\u00f3w pasywnych<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=321\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"group cursor-pointer\" onclick=\"window.location.href='https:\/\/cyfrowypakiet.pl\/?page_id=326'\">\r\n <div class=\"overflow-hidden rounded-2xl mb-4 border border-white\/10\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800\" alt=\"Cyber Security\" class=\"w-full aspect-video object-cover group-hover:scale-110 transition duration-700\">\r\n <\/div>\r\n <p class=\"text-xs text-green-400 font-bold uppercase tracking-widest mb-2\">Bezpiecze\u0144stwo<\/p>\r\n <h3 class=\"text-xl font-bold italic uppercase mb-2 group-hover:text-purple-400 transition\">Ochrona danych w erze cyfrowej<\/h3>\r\n <a href=\"https:\/\/cyfrowypakiet.pl\/?page_id=326\" class=\"text-sm text-gray-500 hover:text-white transition\">Czytaj wi\u0119cej<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-24 px-6 max-w-4xl mx-auto\">\r\n <h2 class=\"text-4xl font-bold italic uppercase tracking-tighter text-center mb-16\">Pytania i <span class=\"text-purple-500\">Odpowiedzi<\/span><\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Czy otrzymam faktur\u0119 VAT?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Tak, po zakupie otrzymasz faktur\u0119 VAT na podany adres e-mail. Wszystkie nasze ceny zawieraj\u0105 podatek.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Jak wygl\u0105da proces dostawy e-booka?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Dostawa jest natychmiastowa i automatyczna. Link do pobrania plik\u00f3w otrzymasz na e-mail w ci\u0105gu 2 minut od zaksi\u0119gowania p\u0142atno\u015bci.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Czy mog\u0119 zrezygnowa\u0107 z wynajmu narz\u0119dzi?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Oczywi\u015bcie. Subskrypcj\u0119 mo\u017cesz anulowa\u0107 w dowolnym momencie w panelu klienta. Dost\u0119p do narz\u0119dzi wyga\u015bnie wraz z ko\u0144cem op\u0142aconego okresu.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item border border-white\/10 rounded-2xl bg-white\/5 px-6\">\r\n <button class=\"w-full py-6 flex justify-between items-center text-left\" onclick=\"toggleFaq(this)\">\r\n <span class=\"font-bold text-lg\">Jakie formy p\u0142atno\u015bci obs\u0142ugujecie?<\/span>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-500 transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content text-gray-400\">\r\n Obs\u0142ugujemy szybkie przelewy (BLIK), karty kredytowe\/debetowe (Visa, Mastercard) oraz p\u0142atno\u015bci Stripe i PayPal.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-16 w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/marketingonlinepro.com.pl\/wp-content\/uploads\/2026\/02\/dddd-scaled.png\" alt=\"Special Offer\" class=\"w-full h-auto rounded-3xl border border-white\/10 shadow-2xl\">\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"bg-black\/90 pt-20 pb-10 border-t border-white\/10\">\r\n <div class=\"max-w-7xl mx-auto px-6 grid md:grid-cols-4 gap-12 mb-16\">\r\n <div class=\"col-span-2\">\r\n <div class=\"flex items-center gap-2 mb-6\">\r\n <div class=\"w-8 h-8 bg-gradient-to-tr from-blue-600 to-purple-600 rounded-lg flex items-center justify-center\">\r\n <i class=\"fa-solid fa-cube text-white text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl font-bold tracking-tighter italic uppercase\">Cyfrowy<span class=\"text-purple-500\">Pakiet<\/span><\/span>\r\n <\/div>\r\n <p class=\"text-gray-500 max-w-xs mb-6\">Tworzymy przysz\u0142o\u015b\u0107 cyfrowego biznesu. Do\u0142\u0105cz do lider\u00f3w rynku.<\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"https:\/\/www.instagram.com\/medi.a7553\/\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-pink-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/x.com\/kreator_cyfrowy\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-[#1d9bf0] transition social-x-active text-gray-400 hover:text-white\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584857697978\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-blue-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SocialLinkPro-f5p\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-red-600 transition text-gray-400 hover:text-white\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div>\r\n <h4 class=\"font-bold uppercase tracking-widest mb-6 text-sm\">Nawigacja<\/h4>\r\n <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n <li><a href=\"#stats\" class=\"hover:text-purple-400 transition\">Status<\/a><\/li>\r\n <li><a href=\"#ebooki\" class=\"hover:text-purple-400 transition\">E-booki<\/a><\/li>\r\n <li><a href=\"#wynajem\" class=\"hover:text-purple-400 transition\">Narz\u0119dzia AI<\/a><\/li>\r\n <li><a href=\"blog.html\" class=\"hover:text-purple-400 transition\">Blog<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"font-bold uppercase tracking-widest mb-6 text-sm\">Legalne<\/h4>\r\n <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Regulamin<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Polityka Prywatno\u015bci<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-purple-400 transition\">Kontakt<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center text-gray-600 text-xs uppercase tracking-widest border-t border-white\/5 pt-8\">\r\n © 2026 Cyfrowy Pakiet. Wszelkie prawa zastrze\u017cone.\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Animacje licznik\u00f3w\r\n function animateCounters() {\r\n const counters = document.querySelectorAll('.counter');\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n const duration = 2000; \r\n const increment = target \/ (duration \/ 16); \r\n \r\n let current = 0;\r\n const updateCounter = () => {\r\n current += increment;\r\n if (current < target) {\r\n counter.innerText = Math.ceil(current);\r\n requestAnimationFrame(updateCounter);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCounter();\r\n });\r\n }\r\n\r\n \/\/ Intersection Observer dla animacji\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if(entry.target.id === 'stats') {\r\n animateCounters();\r\n observer.unobserve(entry.target);\r\n }\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.getElementById('stats') && observer.observe(document.getElementById('stats'));\r\n\r\n \/\/ FAQ Toggle\r\n function toggleFaq(button) {\r\n const item = button.parentElement;\r\n const wasActive = item.classList.contains('active');\r\n \r\n document.querySelectorAll('.faq-item').forEach(i => {\r\n i.classList.remove('active');\r\n });\r\n\r\n if (!wasActive) {\r\n item.classList.add('active');\r\n }\r\n }\r\n\r\n \/\/ Copy to Clipboard\r\n function copyToClipboard(text, message) {\r\n navigator.clipboard.writeText(text).then(() => {\r\n const toast = document.getElementById('copy-toast');\r\n const msgSpan = document.getElementById('toast-message');\r\n msgSpan.innerText = message;\r\n toast.classList.add('show');\r\n setTimeout(() => toast.classList.remove('show'), 3000);\r\n }).catch(err => {\r\n console.error('B\u0142\u0105d kopiowania:', err);\r\n });\r\n }\r\n\r\n \/\/ Mobile Menu\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobile-menu');\r\n const isOpen = !menu.classList.contains('hidden');\r\n \r\n if (isOpen) {\r\n menu.classList.remove('opacity-100');\r\n menu.classList.add('opacity-0');\r\n setTimeout(() => menu.classList.add('hidden'), 300);\r\n } else {\r\n menu.classList.remove('hidden');\r\n \/\/ Force reflow\r\n void menu.offsetWidth;\r\n menu.classList.remove('opacity-0');\r\n menu.classList.add('opacity-100');\r\n }\r\n }\r\n\r\n \/\/ Scroll to Top\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Cookie Banner\r\n function acceptCookies() {\r\n document.getElementById('cookie-banner').classList.remove('active');\r\n localStorage.setItem('cookiesAccepted', 'true');\r\n }\r\n\r\n \/\/ Check Cookies on Load\r\n window.addEventListener('load', () => {\r\n if (!localStorage.getItem('cookiesAccepted')) {\r\n setTimeout(() => {\r\n document.getElementById('cookie-banner').classList.add('active');\r\n }, 1000);\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cyfrowy Pakiet – Narz\u0119dzia AI, E-booki i Wiedza<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":54,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/cyfrowypakiet.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}