Creative Zen \u2013 Nawigacja<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ZMIENNE \u2013 sp\u00f3jne z reszt\u0105 segment\u00f3w\r\n Zmie\u0144 --accent aby zmieni\u0107 kolor akcentu\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n :root {\r\n --accent: #4ade80; \/* kolor zielonego akcentu *\/\r\n --text: #ffffff; \/* kolor tekstu *\/\r\n --nav-h: 56px; \/* wysoko\u015b\u0107 navbara \u2013 zmie\u0144 je\u015bli potrzeba *\/\r\n --px: clamp(24px, 6vw, 80px); \/* padding poziomy *\/\r\n --font: 'Inter', sans-serif;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body { font-family: var(--font); color: var(--text); background: transparent; }\r\n\r\n \/* \u2550\u2550 NAWIGACJA \u2013 STICKY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Przyklejona do g\u00f3rnej kraw\u0119dzi ekranu podczas scrollowania\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n nav {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n \/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n \u2551 MARGINES G\u00d3RNY NAVBARA (desktop) \u2551\r\n \u2551 Zmie\u0144 warto\u015b\u0107 poni\u017cej aby przesun\u0105\u0107 navbar w g\u00f3r\u0119 \u2551\r\n \u2551 lub w d\u00f3\u0142 od kraw\u0119dzi ekranu \u2551\r\n \u2551 0px = przy samej g\u00f3rze ekranu \u2551\r\n \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\r\n top: 0px; \/* \u2190 ZMIE\u0143 TEN MARGINES G\u00d3RNY *\/\r\n z-index: 200;\r\n height: var(--nav-h);\r\n \/* Glassmorphism \u2013 ciemne t\u0142o z rozmyciem *\/\r\n background: rgba(14,14,14,0.85);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n display: flex;\r\n align-items: center; \/* wy\u015brodkowanie pionowe *\/\r\n justify-content: space-between; \/* logo lewo, linki prawo *\/\r\n padding: 0 var(--px);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n }\r\n\r\n \/* \u2550\u2550 LOGO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmie\u0144 tekst \"CREATIVE ZEN\" je\u015bli potrzeba\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 0.08em;\r\n color: var(--text);\r\n text-decoration: none;\r\n }\r\n\r\n \/* Obracaj\u0105ce si\u0119 zielone k\u00f3\u0142ko przy logo *\/\r\n .logo-ring {\r\n position: relative;\r\n width: 16px; height: 16px;\r\n flex-shrink: 0;\r\n }\r\n \/* Zewn\u0119trzny pier\u015bcie\u0144 \u2013 animacja obrotu *\/\r\n .logo-ring::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n border-radius: 50%;\r\n border: 2px solid var(--accent);\r\n border-top-color: transparent; \/* przerywa \u2192 efekt wirowania *\/\r\n animation: spinRing 3s linear infinite;\r\n }\r\n \/* Wewn\u0119trzna plamka *\/\r\n .logo-ring::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 5px; height: 5px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n @keyframes spinRing { to { transform: rotate(360deg); } }\r\n\r\n \/* \u2550\u2550 LINKI NAWIGACYJNE (DESKTOP) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmie\u0144 href i etykiety w <ul class=\"nav-links\"> w HTML\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .nav-links {\r\n display: flex;\r\n gap: clamp(16px, 2.5vw, 36px);\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n \/* ROZMIAR LITER W MENU \u2013 zmie\u0144 tutaj *\/\r\n font-size: 0.80rem; \/* \u2190 by\u0142o 0.67rem *\/\r\n font-weight: 600; \/* \u2190 grubo\u015b\u0107: 400=normalna, 600=pogrubiona *\/\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n \/* KOLOR LINK\u00d3W \u2013 1.00 = pe\u0142na biel, 0.68 = szary *\/\r\n color: rgba(255,255,255,1.00); \/* \u2190 ZMIE\u0143 KOLOR LINK\u00d3W *\/\r\n text-decoration: none;\r\n transition: color 0.18s;\r\n }\r\n .nav-links a:hover { color: var(--text); }\r\n\r\n \/* \u2550\u2550 HAMBURGER \u2013 widoczny tylko na mobile \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hamburger {\r\n display: none; \/* ukryty na desktop *\/\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n .hamburger span {\r\n display: block;\r\n width: 22px; height: 2px;\r\n background: var(--text);\r\n border-radius: 1px;\r\n transition: all 0.25s;\r\n }\r\n \/* Animacja hamburger \u2192 X *\/\r\n .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n .hamburger.active span:nth-child(2) { opacity: 0; }\r\n .hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n \/* \u2550\u2550 MOBILNE MENU ROZWIJANE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Pokazuje si\u0119 gdy hamburger aktywny (klasa .open dodana przez JS)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .nav-links.open {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px;\r\n position: fixed;\r\n top: var(--nav-h); left: 0; right: 0;\r\n background: rgba(10,10,10,0.97);\r\n padding: 28px var(--px);\r\n border-top: 1px solid rgba(255,255,255,0.07);\r\n z-index: 199;\r\n }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 860px) {\r\n \/* Tablet\/telefon: chowamy linki, pokazujemy hamburger *\/\r\n .nav-links { display: none; }\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n \/* Na mobile navbar bez marginesu \u2013 przy samej g\u00f3rze *\/\r\n nav { top: 0; } \/* \u2190 MARGINES G\u00d3RNY NA MOBILE (0 = brak) *\/\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav>\r\n\r\n \r\n <a class=\"logo\" href=\"https:\/\/creativezen.pl\">\r\n CREATIVE ZEN\r\n <span class=\"logo-ring\" aria-hidden=\"true\"><\/span>\r\n <\/a>\r\n\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"https:\/\/creativezen.pl\/Baza-wiedzy\/\">Baza Wiedzy<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/o-nas\/\">O Nas<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/portfolio\/\">Us\u0142ugi<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/blog\/\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/kontakt\/\">Kontakt<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <button class=\"hamburger\" id=\"hamburger\"\r\n aria-label=\"Otw\u00f3rz menu\"\r\n aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n<\/nav>\r\n\r\n\r\n\r\n<script>\r\n var hamburger = document.getElementById('hamburger');\r\n var navLinks = document.getElementById('navLinks');\r\n\r\n \/* Otwiera\/zamyka mobilne menu *\/\r\n hamburger.addEventListener('click', function() {\r\n var isOpen = navLinks.classList.toggle('open');\r\n hamburger.classList.toggle('active', isOpen);\r\n hamburger.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n \/* Zamknij menu po klikni\u0119ciu w link *\/\r\n navLinks.querySelectorAll('a').forEach(function(a) {\r\n a.addEventListener('click', function() {\r\n navLinks.classList.remove('open');\r\n hamburger.classList.remove('active');\r\n hamburger.setAttribute('aria-expanded', 'false');\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-307b815 e-con-full e-flex e-con e-parent\" data-id=\"307b815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba8434a elementor-widget elementor-widget-html\" data-id=\"ba8434a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.cz-section {\r\n --gold: #6CB74E;\r\n --text: #6CB74E;\r\n --muted: #F5F5F5;\r\n --line: rgba(108,183,78,0.2);\r\n\r\n background: transparent;\r\n font-family: 'DM Sans', sans-serif;\r\n padding: clamp(32px, 5vw, 60px) clamp(24px, 4vw, 48px);\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(32px, 8vw, 214px);\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n}\r\n\r\n.cz-left {\r\n flex: 0 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.cz-phone {\r\n position: relative;\r\n width: clamp(180px, 18vw, 300px);\r\n border-radius: 48px;\r\n background: #1a1a1a;\r\n box-shadow:\r\n 0 0 0 1px rgba(255,255,255,0.08),\r\n 0 50px 100px rgba(0,0,0,0.5),\r\n inset 0 0 0 1px rgba(255,255,255,0.04);\r\n padding: 6px;\r\n animation: cz-float 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cz-float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cz-phone::before {\r\n content: '';\r\n position: absolute;\r\n left: -3px; top: 100px;\r\n width: 3px; height: 34px;\r\n background: #2a2a2a;\r\n border-radius: 2px 0 0 2px;\r\n box-shadow: 0 48px 0 #2a2a2a;\r\n}\r\n.cz-phone::after {\r\n content: '';\r\n position: absolute;\r\n right: -3px; top: 128px;\r\n width: 3px; height: 58px;\r\n background: #2a2a2a;\r\n border-radius: 0 2px 2px 0;\r\n}\r\n\r\n.cz-screen {\r\n width: 100%;\r\n aspect-ratio: 9 \/ 19.5;\r\n border-radius: 35px;\r\n overflow: hidden;\r\n background: #000;\r\n position: relative;\r\n}\r\n\r\n.cz-notch {\r\n position: absolute;\r\n top: 10px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 88px; height: 26px;\r\n background: #1a1a1a;\r\n border-radius: 20px;\r\n z-index: 10;\r\n}\r\n\r\n.cz-video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.cz-glow {\r\n position: absolute;\r\n bottom: -35px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 180px; height: 35px;\r\n background: radial-gradient(ellipse, rgba(108,183,78,0.22) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.cz-right {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(20px, 3vw, 32px);\r\n min-width: 0;\r\n}\r\n\r\n.cz-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n}\r\n.cz-eyebrow::before {\r\n content: '';\r\n width: 36px; height: 1px;\r\n background: var(--gold);\r\n opacity: 0.45;\r\n}\r\n\r\n.cz-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n background: transparent;\r\n}\r\n\r\n.cz-stat:nth-child(odd) { border-right: 0px solid var(--line); }\r\n.cz-stat:nth-child(1),\r\n.cz-stat:nth-child(2) { border-bottom: 0px solid var(--line); }\r\n\r\n.cz-stat {\r\n background: transparent;\r\n padding: clamp(16px, 2.5vw, 32px) clamp(14px, 2vw, 28px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n gap: 0;\r\n opacity: 0;\r\n transform: translateY(18px);\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n}\r\n\r\n.cz-stat.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.cz-stat:nth-child(1) { transition-delay: 0.00s; }\r\n.cz-stat:nth-child(2) { transition-delay: 0.08s; }\r\n.cz-stat:nth-child(3) { transition-delay: 0.16s; }\r\n.cz-stat:nth-child(4) { transition-delay: 0.24s; }\r\n\r\n.cz-stat__number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-weight: 600;\r\n font-size: clamp(2rem, 3.5vw, 4.5rem);\r\n line-height: 1;\r\n color: var(--text);\r\n letter-spacing: -0.02em;\r\n font-variant-numeric: tabular-nums;\r\n margin-bottom: 16px;\r\n}\r\n.cz-stat__number .suffix { color: var(--gold); }\r\n\r\n.cz-stat__line {\r\n width: 26px; height: 1px;\r\n background: var(--gold);\r\n opacity: 0.5;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.cz-stat__label {\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--text);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.cz-stat__desc {\r\n font-size: clamp(0.7rem, 1vw, 0.8rem);\r\n font-weight: 300;\r\n line-height: 1.7;\r\n color: var(--muted);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .cz-section { gap: clamp(24px, 5vw, 80px); padding: 40px 28px; }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n .cz-section {\r\n flex-direction: column;\r\n padding: 48px 20px;\r\n gap: 48px;\r\n }\r\n .cz-left { flex: none; width: 100%; }\r\n .cz-phone { width: 200px; margin: 0 auto; }\r\n .cz-eyebrow { justify-content: center; }\r\n .cz-stat { align-items: center; text-align: center; padding: 24px 16px; }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n .cz-grid { grid-template-columns: 1fr; }\r\n .cz-stat:nth-child(odd) { border-right: none; }\r\n .cz-stat:nth-child(1),\r\n .cz-stat:nth-child(2),\r\n .cz-stat:nth-child(3) { border-bottom: 1px solid var(--line); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cz-section\">\r\n <div class=\"cz-left\">\r\n <div class=\"cz-phone\">\r\n <div class=\"cz-screen\">\r\n <div class=\"cz-notch\"><\/div>\r\n <video\r\n class=\"cz-video\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Showreel-phone-1.mp4\"\r\n autoplay muted loop playsinline\r\n ><\/video>\r\n <\/div>\r\n <div class=\"cz-glow\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cz-right\">\r\n <p class=\"cz-eyebrow\">Technologia AI to:<\/p>\r\n\r\n <div class=\"cz-grid\">\r\n <div class=\"cz-stat\" data-target=\"50\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">%<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Szybsza realizacja<\/p>\r\n <p class=\"cz-stat__desc\">Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"40\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">%<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Ni\u017csze koszty produkcji<\/p>\r\n <p class=\"cz-stat__desc\">Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"10\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">+<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Wariant\u00f3w kreatywnych<\/p>\r\n <p class=\"cz-stat__desc\">Tworzymy r\u00f3\u017cne wersje reklamy, by wybra\u0107 t\u0119, kt\u00f3ra najskuteczniej nap\u0119dza sprzeda\u017c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"1000\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">+<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Godzin do\u015bwiadczenia<\/p>\r\n <p class=\"cz-stat__desc\">Mistrzowskie promptowanie. Dok\u0142adnie wiemy, jak wyci\u0105gn\u0105\u0107 z AI idealne uj\u0119cia dla Twojej marki.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n function easeOut(t) { return 1 - Math.pow(1 - t, 3); }\r\n function animateCounter(el, target, duration) {\r\n var start = null;\r\n function step(ts) {\r\n if (!start) start = ts;\r\n var p = Math.min((ts - start) \/ duration, 1);\r\n el.textContent = Math.round(easeOut(p) * target);\r\n if (p < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n function runAll() {\r\n document.querySelectorAll('.cz-stat').forEach(function (card) {\r\n card.classList.add('visible');\r\n var numEl = card.querySelector('.cz-num');\r\n var target = parseInt(card.getAttribute('data-target'), 10);\r\n animateCounter(numEl, target, target >= 100 ? 2000 : 1200);\r\n });\r\n }\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', runAll);\r\n } else {\r\n runAll();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-722ca27 e-flex e-con-boxed e-con e-parent\" data-id=\"722ca27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38c3def elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-elementskit-social-media\" data-id=\"38c3def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-social-media.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t\t <ul class=\"ekit_social_media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-da8f4de\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.facebook.com\/profile.php?viewas=100000686899395&id=61566403116140\" target=\"_blank\" aria-label=\"Facebook\" class=\"f\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-f\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-c8596be\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.instagram.com\/creativezen.pl\/\" target=\"_blank\" aria-label=\"Instagram\" class=\"instagram\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-641feab\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.tiktok.com\/@creativezen.pl\" target=\"_blank\" aria-label=\"TikTok\" class=\"tiktok\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-tiktok\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-7f6a243\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.youtube.com\/@CreativeZen_Polska\" target=\"_blank\" aria-label=\"YouTube\" class=\"youtube\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-35f84a2\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.linkedin.com\/company\/creativezen\/\" target=\"_blank\" aria-label=\"Linkedin\" class=\"linkedin\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbfc5ca e-con-full e-flex e-con e-parent\" data-id=\"bbfc5ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0353228 elementor-widget elementor-widget-shortcode\" data-id=\"0353228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"offer-trigger\">\n <h2 class=\"offer-text\">Oferujemy<\/h2>\n <div class=\"scroll-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n<\/div>\n\n<style>\n\/* Import font\u00f3w je\u015bli nie s\u0105 jeszcze wczytane na stronie *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&display=swap');\n\n.offer-trigger {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 20px;\n text-align: center;\n background: transparent; \/* Dopasuje si\u0119 do t\u0142a strony *\/\n}\n\n.offer-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 400;\n color: #F0EBE1; \/* Tw\u00f3j jasny tekst *\/\n margin-bottom: 15px;\n letter-spacing: 1px;\n}\n\n.scroll-arrow {\n color: #6CB74E; \/* Tw\u00f3j zielony\/z\u0142oty kolor *\/\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n animation: pulse-arrow 2s infinite ease-in-out;\n}\n\n.scroll-arrow svg {\n width: 100%;\n height: 100%;\n}\n\n\/* Animacja pulsowania i lekkiego ruchu g\u00f3ra-d\u00f3\u0142 *\/\n@keyframes pulse-arrow {\n 0% {\n transform: translateY(0) scale(1);\n opacity: 0.4;\n }\n 50% {\n transform: translateY(10px) scale(1.2);\n opacity: 1;\n }\n 100% {\n transform: translateY(0) scale(1);\n opacity: 0.4;\n }\n}\n\n\/* Opcjonalne: delikatny blask wok\u00f3\u0142 strza\u0142ki *\/\n.scroll-arrow {\n filter: drop-shadow(0 0 5px rgba(108, 183, 78, 0.3));\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c5586 elementor-widget__width-inherit elementor-widget elementor-widget-elementskit-simple-tab\" data-id=\"f7c5586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-simple-tab.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" > <div class=\"elementkit-tab-wraper \">\n <ul class=\"nav nav-tabs elementkit-tab-nav elementskit_tooltip_style elementskit_tooltip_style elementskit-fullwidth-tab\">\n <li class=\"elementkit-nav-item elementor-repeater-item-00f52ae\">\n <a class=\"elementkit-nav-link active show top-pos\" id=\"content-00f52ae6a9d43760cd37-tab\" data-ekit-handler-id=\"zni-ka-25-\" data-ekit-toggle=\"tab\" data-target=\"#content-00f52ae6a9d43760cd37\" href=\"#Content-00f52ae6a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-00f52ae6a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-save-money\"><\/i><\/span> <span class=\"elementskit-tab-title\">Zni\u017cka - 25%<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-01acdb0\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-01acdb06a9d43760cd37-tab\" data-ekit-handler-id=\"darmowe-demo\" data-ekit-toggle=\"tab\" data-target=\"#content-01acdb06a9d43760cd37\" href=\"#Content-01acdb06a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-01acdb06a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-film-play\"><\/i><\/span> <span class=\"elementskit-tab-title\">Darmowe Demo<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-e7fb3c4\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-e7fb3c46a9d43760cd37-tab\" data-ekit-handler-id=\"szybka-wycena\" data-ekit-toggle=\"tab\" data-target=\"#content-e7fb3c46a9d43760cd37\" href=\"#Content-e7fb3c46a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-e7fb3c46a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-money-bag3\"><\/i><\/span> <span class=\"elementskit-tab-title\">Szybka Wycena<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-33fd887\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-33fd8876a9d43760cd37-tab\" data-ekit-handler-id=\"szczeg-ow-analiz-i-scenariusz\" data-ekit-toggle=\"tab\" data-target=\"#content-33fd8876a9d43760cd37\" href=\"#Content-33fd8876a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-33fd8876a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-text-align-justify\"><\/i><\/span> <span class=\"elementskit-tab-title\">Szczeg\u00f3\u0142ow\u0105 Analiz\u0119 i Scenariusz<\/span>\n <\/a>\n <\/li>\n <\/ul>\n\n <div class=\"tab-content elementkit-tab-content\">\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-00f52ae active show\" id=\"content-00f52ae6a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-00f52ae6a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Oferujemy 25% rabatu na pierwsze zam\u00f3wienie. Przy d\u0142u\u017cszej wsp\u00f3\u0142pracy r\u00f3wnie\u017c zapewniamy atrakcyjne, indywidualnie dopasowane warunki cenowe.<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-01acdb0 \" id=\"content-01acdb06a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-01acdb06a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>W wybranych projektach oferujemy mo\u017cliwo\u015b\u0107 wykonania darmowego demo bez wp\u0142acania zaliczki. *Przy projektach o wy\u017cszym stopniu z\u0142o\u017cono\u015bci, gdzie przygotowanie materia\u0142u demonstracyjnego wi\u0105\u017ce si\u0119 z du\u017cym nak\u0142adem pracy, realizacj\u0119 rozpoczynamy po op\u0142aceniu zaliczki (50% warto\u015bci projektu).\u201d<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-e7fb3c4 \" id=\"content-e7fb3c46a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-e7fb3c46a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Rozpocznijmy nasz\u0105 wsp\u00f3\u0142prac\u0119 od szybkiej wyceny, dzi\u0119ki kt\u00f3rej zyskasz pe\u0142en obraz koszt\u00f3w i zakresu naszej pracy bez \u017cadnych zobowi\u0105za\u0144.<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-33fd887 \" id=\"content-33fd8876a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-33fd8876a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Nie tylko przygotujemy scenariusz Twojej reklamy, ale r\u00f3wnie\u017c przeprowadzimy analiz\u0119 rynku i aktualnych trend\u00f3w, poka\u017cemy, co najlepiej si\u0119 sprawdza, dostarczymy inspiracje i precyzyjnie dopasujemy projekt do Twoich potrzeb.<\/p> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3350a043 e-con-full e-flex e-con e-parent\" data-id=\"3350a043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d43d021 e-con-full e-flex e-con e-child\" data-id=\"3d43d021\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b6bdf0 reveal-mask elementor-widget elementor-widget-heading\" data-id=\"73b6bdf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tworzymy:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f018002 elementor-align-start reveal-mask elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f018002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Reels<\/b><\/span><b> <\/b>- kr\u00f3tki dynamiczny film na twoje socjale.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Reklamy produktu lub us\u0142ugi<\/b><\/span><b> <\/b>- suplement diety, elektronika, bi\u017cuteria? Do \u015bwiata 3D mo\u017cemy przenie\u015b\u0107 wszystko!<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Explainer wideo<\/b><\/span><b> <\/b>- film kt\u00f3ry w przyst\u0119pny spos\u00f3b wyja\u015bnia dzia\u0142anie produktu, us\u0142ugi lub koncepcji.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Prezentacja wideo<\/b><\/span><b> <\/b>- film przedstawiaj\u0105cy informacje o produkcie, us\u0142udze lub firmie w atrakcyjnej i zrozumia\u0142ej formie.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Avatar AI<\/b><\/span><b> <\/b> - filmy typu UGC z wirtualnym twarz\u0105 marki<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-424ef964 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"424ef964\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c8987e elementor-widget elementor-widget-video\" data-id=\"31c8987e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/shorts\\\/ytBpcH7vlTQ","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-605b68f elementor-widget elementor-widget-text-editor\" data-id=\"605b68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"title\" class=\"style-scope ytd-video-description-header-renderer\">Concept of modern cosmetic advertising<\/div><div id=\"factoids\" class=\"style-scope ytd-video-description-header-renderer\"><div class=\"ytwFactoidRendererFactoid\" role=\"text\" aria-label=\"2\u00a0polubienia\">\u00a0<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d722c17 e-con-full e-flex e-con e-parent\" data-id=\"d722c17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd6b23 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2cd6b23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>CreativeZen \u2014 Portfolio Carousel<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --gold: #6CB74E;\r\n --gold-light: #9DD688;\r\n --gold-dim: rgba(108,183,78,0.15);\r\n --dark: #080808;\r\n --text: #F0EBE1;\r\n --phone-w: 310px; \r\n --phone-h: 620px; \r\n --phone-r: 48px;\r\n --border: 14px;\r\n}\r\n\r\nbody {\r\n background: var(--dark);\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* KONTENER SEKCJI *\/\r\n.pf-section { padding: 80px 10px; position: relative; }\r\n.pf-header { text-align: center; margin-bottom: 40px; }\r\n.pf-eyebrow { display: inline-flex; align-items: center; gap: 14px; font-size: 11px; letter-spacing: 6px; text-transform: uppercase; color: var(--gold); }\r\n.pf-eyebrow::before, .pf-eyebrow::after { content: ''; width: 40px; height: 1px; background: var(--gold); opacity: 0.4; }\r\n\r\n.pf-stage { display: flex; flex-direction: column; align-items: center; max-width: 1500px; margin: 0 auto; }\r\n.carousel-wrap { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; }\r\n\r\n\/* STRZA\u0141KI *\/\r\n.side-arrow {\r\n position: absolute; top: 50%; transform: translateY(-50%); z-index: 100;\r\n width: 65px; height: 65px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.3s ease; -webkit-tap-highlight-color: transparent;\r\n}\r\n.side-arrow-prev { left: 40px; }\r\n.side-arrow-next { right: 40px; }\r\n\r\n\/* RZ\u0104D TELEFON\u00d3W *\/\r\n.phones-row { display: flex; align-items: center; justify-content: center; perspective: 2000px; padding: 30px 0; width: 100%; }\r\n.phone-slot { position: relative; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s ease; cursor: pointer; flex-shrink: 0; }\r\n.phone-slot:nth-child(1) { transform: translateX(80px) rotateY(20deg) scale(0.8); opacity: 0.3; z-index: 1; }\r\n.phone-slot:nth-child(2) { transform: scale(1); opacity: 1; z-index: 10; }\r\n.phone-slot:nth-child(3) { transform: translateX(-80px) rotateY(-20deg) scale(0.8); opacity: 0.3; z-index: 1; }\r\n\r\n.phone-frame { width: var(--phone-w); height: var(--phone-h); border-radius: var(--phone-r); background: #1a1a1a; padding: var(--border); position: relative; }\r\n.phone-screen { width: 100%; height: 100%; border-radius: 35px; overflow: hidden; position: relative; background: #000; }\r\n.phone-thumb { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); }\r\n.phone-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; border-radius: 50%; border: 1px solid var(--gold); display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4); z-index: 10; }\r\n.phone-play-icon { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent var(--gold-light); margin-left: 5px; }\r\n\r\n.phone-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 15px 25px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); text-align: center; z-index: 5; }\r\n.phone-meta-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: #fff; }\r\n\r\n.pf-nav { display: flex; gap: 10px; margin-top: 25px; }\r\n.pf-dot { width: 30px; height: 2px; background: rgba(108,183,78,0.2); cursor: pointer; transition: 0.3s; }\r\n.pf-dot.active { width: 55px; background: var(--gold); }\r\n\r\n\/* --- POPRAWIONY LIGHTBOX (FIXED) --- *\/\r\n.lightbox { \r\n position: fixed; \r\n top: 0; left: 0; \r\n width: 100vw; height: 100vh; \r\n z-index: 9999; \r\n display: flex; \r\n align-items: center; \r\n justify-content: center; \r\n opacity: 0; \r\n pointer-events: none; \r\n transition: opacity 0.4s ease;\r\n touch-action: none; \/* Blokuje przesuwanie palcem po ekranie *\/\r\n}\r\n.lightbox.open { opacity: 1; pointer-events: all; }\r\n.lb-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.98); backdrop-filter: blur(15px); }\r\n\r\n.lb-phone { \r\n position: relative; \r\n z-index: 10000; \r\n width: min(450px, 85vw); \r\n height: auto;\r\n aspect-ratio: 9\/16;\r\n border-radius: 40px; \r\n background: #111; \r\n padding: 10px;\r\n box-shadow: 0 0 50px rgba(0,0,0,1);\r\n}\r\n\r\n.lb-screen { width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background: #000; position: relative; }\r\n.lb-iframe { width: 100%; height: 100%; border: none; display: block; }\r\n\r\n.lb-close { \r\n position: absolute; \r\n top: 0; right: -70px; \r\n width: 55px; height: 55px; \r\n border-radius: 50%; border: 2px solid var(--gold); \r\n background: rgba(0,0,0,0.8); color: #fff; \r\n font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n z-index: 10001;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .side-arrow { width: 45px; height: 45px; background: rgba(0,0,0,0.4); }\r\n .side-arrow-prev { left: 5px; }\r\n .side-arrow-next { right: 5px; }\r\n\r\n .lb-close { \r\n position: fixed; \r\n top: auto; left: 20px; bottom: 30px; right: auto;\r\n width: 60px; height: 60px; \r\n background: var(--gold); color: #000; border: none;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n :root { --phone-w: 55vw; --phone-h: 110vw; }\r\n .phone-meta-title { font-size: 14px; }\r\n .phone-slot:nth-child(1) { transform: translateX(40px) rotateY(20deg) scale(0.85); }\r\n .phone-slot:nth-child(3) { transform: translateX(-40px) rotateY(-20deg) scale(0.85); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"pf-section\">\r\n <div class=\"pf-header\"><p class=\"pf-eyebrow\">Wybrane realizacje<\/p><\/div>\r\n <div class=\"pf-stage\">\r\n <div class=\"carousel-wrap\">\r\n <button class=\"side-arrow side-arrow-prev\" id=\"btnPrev\">\u276e<\/button>\r\n <div class=\"phones-row\" id=\"phonesRow\"><\/div>\r\n <button class=\"side-arrow side-arrow-next\" id=\"btnNext\">\u276f<\/button>\r\n <\/div>\r\n <div class=\"pf-nav\" id=\"pfDots\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <div class=\"lb-backdrop\" id=\"lbBackdrop\"><\/div>\r\n <div class=\"lb-phone\">\r\n <button class=\"lb-close\" id=\"lbClose\">\u2715<\/button>\r\n <div class=\"lb-screen\">\r\n <iframe class=\"lb-iframe\" id=\"lbIframe\" allowfullscreen allow=\"autoplay\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst VIDEOS = [\r\n { id: 'CB8luOpLBmw', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/usun_napis_na_202604101554-scaled.webp', title: 'Deep Blue' },\r\n { id: 'uCh2QnkmCg4', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/hf_20260319_075905_897b93fa-be38-4345-9709-88126fb048f2.png', title: 'Cicatridina' },\r\n { id: 'AFsW5AZSLh0', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/0423.png', title: 'Waterproof Sun Gel' },\r\n { id: 'L1Z2TqyyxDY', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/1.1-scaled.webp', title: '\"Coffee on time\"' },\r\n { id: 'Lem0nq88kZQ', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/xfsdg-scaled.webp', title: 'Spot CreativeZen' },\r\n { id: 'JEuIU8NRXi4', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/hf_20260325_175205_551d891d-93a2-4f3b-b07e-c3d2654711ec-scaled.webp', title: 'Swivel chair' },\r\n { id: '9GodTipMCxA', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/kilka_kremow_lewituje_202604091246dsdsds-scaled.webp', title: 'Reklama Animowana' },\r\n { id: 'h5o64Pdq4xY', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/2cc-scaled.webp', title: 'Loop Reel #TikTok' },\r\n { id: 'ytBpcH7vlTQ', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/3-scaled.webp', title: 'Modern Cosmetic Ad' },\r\n { id: '04IjfGLfjBw', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Chcialbym_by_reka_202604091341-scaled.webp', title: 'Aethera \u2014 Ad' }\r\n];\r\n\r\nlet current = 0;\r\nconst row = document.getElementById('phonesRow');\r\nconst dotsWrap = document.getElementById('pfDots');\r\n\r\nconst slots = [0,1,2].map(i => {\r\n const s = document.createElement('div');\r\n s.className = 'phone-slot';\r\n s.innerHTML = `<div class=\"phone-frame\"><div class=\"phone-screen\"><img class=\"phone-thumb\"><div class=\"phone-play\"><div class=\"phone-play-icon\"><\/div><\/div><div class=\"phone-meta\"><h3 class=\"phone-meta-title\"><\/h3><\/div><\/div><\/div>`;\r\n row.appendChild(s);\r\n s.onclick = () => { if(i===0) navigate(-1); else if(i===2) navigate(1); else openVid(); };\r\n return s;\r\n});\r\n\r\nconst dots = VIDEOS.map((_, i) => {\r\n const d = document.createElement('div');\r\n d.className = 'pf-dot' + (i===0?' active':'');\r\n d.onclick = () => { current=i; render(); };\r\n dotsWrap.appendChild(d);\r\n return d;\r\n});\r\n\r\nfunction render() {\r\n [-1, 0, 1].forEach((offset, i) => {\r\n const idx = (current + offset + VIDEOS.length) % VIDEOS.length;\r\n slots[i].querySelector('.phone-thumb').src = VIDEOS[idx].thumb;\r\n slots[i].querySelector('.phone-meta-title').textContent = VIDEOS[idx].title;\r\n });\r\n dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n}\r\n\r\nfunction navigate(dir) { current = (current + dir + VIDEOS.length) % VIDEOS.length; render(); }\r\n\r\nfunction openVid() { \r\n document.getElementById('lbIframe').src = `https:\/\/www.youtube.com\/embed\/${VIDEOS[current].id}?autoplay=1&rel=0&modestbranding=1`;\r\n document.getElementById('lightbox').classList.add('open');\r\n document.body.style.overflow = 'hidden'; \/\/ Blokada przewijania t\u0142a\r\n}\r\n\r\nfunction closeVid() { \r\n document.getElementById('lightbox').classList.remove('open');\r\n document.getElementById('lbIframe').src = '';\r\n document.body.style.overflow = ''; \r\n}\r\n\r\ndocument.getElementById('btnPrev').onclick = (e) => { e.stopPropagation(); navigate(-1); };\r\ndocument.getElementById('btnNext').onclick = (e) => { e.stopPropagation(); navigate(1); };\r\ndocument.getElementById('lbClose').onclick = closeVid;\r\ndocument.getElementById('lbBackdrop').onclick = closeVid;\r\n\r\nrender();\r\nsetInterval(() => navigate(1), 4000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27c05a8 e-con-full e-flex e-con e-parent\" data-id=\"27c05a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba4f914 elementor-widget elementor-widget-html\" data-id=\"ba4f914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Creative Zen \u2013 Opinie i partnerzy<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n :root {\r\n --accent: #4ade80;\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.48);\r\n --border: rgba(255,255,255,0.10);\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(20px, 5vw, 72px);\r\n }\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: transparent;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550 WRAPPER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .section-wrap {\r\n padding: clamp(40px, 6vw, 72px) var(--px);\r\n }\r\n\r\n \/* \u2550\u2550 DWUKOLUMNOWY UK\u0141AD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .main-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 24px);\r\n align-items: stretch;\r\n }\r\n\r\n \/* \u2550\u2550 LEWA \u2013 OPINIE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .opinions-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 36px);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .opinions-list {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n }\r\n .opinion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: clamp(14px, 2vw, 20px) 0;\r\n flex: 1;\r\n }\r\n .opinion + .opinion { border-top: 1px solid var(--border); }\r\n .opinion-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .opinion-photo {\r\n width: clamp(44px, 5vw, 60px);\r\n height: clamp(44px, 5vw, 60px);\r\n border-radius: 10px;\r\n object-fit: cover;\r\n object-position: center top;\r\n flex-shrink: 0;\r\n border: 1px solid rgba(255,255,255,0.10);\r\n }\r\n .opinion-name {\r\n font-size: clamp(0.68rem, 0.95vw, 0.78rem);\r\n font-weight: 700;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: var(--text);\r\n }\r\n .opinion-text {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 300;\r\n line-height: 1.70;\r\n color: var(--muted);\r\n }\r\n .google-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: clamp(14px, 2vw, 22px);\r\n font-size: 0.62rem;\r\n font-weight: 700;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.35);\r\n text-decoration: none;\r\n transition: color 0.20s;\r\n }\r\n .google-link:hover { color: var(--text); }\r\n .google-link svg { width: 12px; height: 12px; flex-shrink: 0; transition: transform 0.20s; }\r\n .google-link:hover svg { transform: translateX(3px); }\r\n\r\n \/* \u2550\u2550 PRAWA \u2013 ZAUFALI NAM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .trusted-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 36px);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: clamp(20px, 2.5vw, 32px);\r\n }\r\n .trusted-header { text-align: center; }\r\n .trusted-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 6px;\r\n }\r\n .trusted-label::before,\r\n .trusted-label::after {\r\n content: '';\r\n width: 20px; height: 1px;\r\n background: var(--accent);\r\n opacity: 0.6;\r\n }\r\n .trusted-title {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 300;\r\n line-height: 1.15;\r\n letter-spacing: -0.01em;\r\n }\r\n .trusted-title strong { font-weight: 800; }\r\n\r\n \/* \u2550\u2550 SIATKA LOGO \u2013 2 kolumny, wi\u0119ksze kom\u00f3rki \u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmienione z repeat(3,1fr) \u2192 repeat(2,1fr)\r\n aspect-ratio 2\/1 \u2192 5\/3 (wy\u017csze kom\u00f3rki)\r\n min-height gwarantuje minimaln\u0105 wysoko\u015b\u0107\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .logo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: clamp(10px, 1.5vw, 16px);\r\n }\r\n\r\n .logo-cell {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* Zmieniono aspect-ratio i dodano min-height *\/\r\n aspect-ratio: 5 \/ 3;\r\n min-height: 90px;\r\n padding: clamp(16px, 2.5vw, 28px) clamp(14px, 2vw, 24px);\r\n transition: background 0.22s, border-color 0.22s;\r\n }\r\n .logo-cell:hover {\r\n background: rgba(255,255,255,0.08);\r\n border-color: rgba(255,255,255,0.16);\r\n }\r\n\r\n .logo-cell img {\r\n \/* max-width\/max-height zamiast width\/height 100%\r\n \u017ceby logo nie rozci\u0105ga\u0142o si\u0119 na ca\u0142\u0105 kom\u00f3rk\u0119\r\n ale by\u0142o wyra\u017anie widoczne *\/\r\n max-width: 75%;\r\n max-height: 60px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n display: block;\r\n filter: brightness(0) invert(1);\r\n opacity: 0.80;\r\n transition: opacity 0.22s, transform 0.22s;\r\n }\r\n .logo-cell:hover img {\r\n opacity: 1;\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Pusta kom\u00f3rka (placeholder) *\/\r\n .logo-cell--empty {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1100px) {\r\n .logo-cell img {\r\n max-width: 80%;\r\n max-height: 52px;\r\n }\r\n }\r\n\r\n \/* Tablet \u2264 820px \u2192 kolumny na siebie *\/\r\n @media (max-width: 820px) {\r\n .main-grid { grid-template-columns: 1fr; }\r\n \/* Na tablecie\/mobile wr\u00f3\u0107 do 3 kolumn \u2013 wi\u0119cej miejsca *\/\r\n .logo-grid { grid-template-columns: repeat(3, 1fr); }\r\n .logo-cell img { max-height: 48px; }\r\n }\r\n\r\n \/* Telefon \u2264 480px *\/\r\n @media (max-width: 480px) {\r\n .section-wrap { padding-left: 16px; padding-right: 16px; }\r\n .opinion-photo { width: 42px; height: 42px; }\r\n .logo-grid { grid-template-columns: repeat(2, 1fr); }\r\n .logo-cell { min-height: 70px; }\r\n .logo-cell img { max-height: 38px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-wrap\">\r\n <div class=\"main-grid\">\r\n\r\n \r\n <div class=\"opinions-card\">\r\n <div class=\"opinions-list\">\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Moralewicz.png\"\r\n alt=\"Piotr Moralewicz\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Piotr Moralewicz \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Wsp\u00f3\u0142praca z Paw\u0142em to czysta przyjemno\u015b\u0107. Nawet jak czego\u015b nie dookre\u015bl\u0119, to Pawe\u0142 i tak zrobi to w taki spos\u00f3b \u017ce finalnie jestem zadowolony. Chyba potrafi czyta\u0107 w my\u015blach \ud83e\udd37\u200d\u2642\ufe0f 11\/10, gor\u0105co polecam!\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Wachowicz.png\"\r\n alt=\"Tomasz Wachowicz\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Tomasz Wachowicz \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Szuka\u0142em \u015bwie\u017cych pomys\u0142\u00f3w, ci\u0119\u017cko teraz z tym na rynku, CreativeZen dostarczy\u0142o je z nawi\u0105zk\u0105. Nazwa firmy idealnie pasuje \u2014 wszystko ze spokojem i w terminie. Na pewno wr\u00f3c\u0119 z kolejnymi zleceniami.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Wiklanski.png\"\r\n alt=\"Przemys\u0142aw Wikla\u0144ski\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Przemys\u0142aw Wikla\u0144ski \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Szuka\u0142am sprawdzonych tw\u00f3rc\u00f3w animacji medycznych \u2014 Creative Zen\r\n zaskoczy\u0142o mnie bardzo pozytywnie. Specjalizacja idealna dla\r\n naszej firmy, wszystko w terminie. Serdecznie polecam!\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a class=\"google-link\"\r\n href=\"https:\/\/share.google\/e6et4vEUKGUhZ7j5j\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\r\n Sprawd\u017a wszystkie opinie Google\r\n <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M3 8H13M9 4L13 8L9 12\"\r\n stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"trusted-card\">\r\n\r\n <div class=\"trusted-header\">\r\n <div class=\"trusted-label\">Nasi klienci<\/div>\r\n <h2 class=\"trusted-title\">Zaufali <strong>nam<\/strong><\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-grid\">\r\n\r\n <div class=\"logo-cell\" title=\"Ochnik\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/OCHNIK-1.webp\" alt=\"Ochnik\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"NADAUP\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/NADAUP.webp\" alt=\"NADAUP\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"imFilter\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/IMFILTER.webp\" alt=\"imFilter\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"Elkat\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/ELKAT.webp\" alt=\"Elkat\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"Partner\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Bez-nazwy-1-1.png\" alt=\"Partner\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell logo-cell--empty\" aria-hidden=\"true\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a1d01a0 e-con-full e-flex e-con e-parent\" data-id=\"7a1d01a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-70535b12 e-con-full e-flex e-con e-child\" data-id=\"70535b12\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-383d442f dm-heading3 elementor-widget elementor-widget-heading\" data-id=\"383d442f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mamy unikalny system!\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119fa488 dm-paragraph3 elementor-widget elementor-widget-text-editor\" data-id=\"119fa488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"77\" data-end=\"310\">Sztuczna inteligencja to wci\u0105\u017c tylko narz\u0119dzie \u2013 jej skuteczno\u015b\u0107 zale\u017cy od do\u015bwiadczenia i w\u0142a\u015bciwego podej\u015bcia. Stworzyli\u015bmy unikalny workflow, kt\u00f3ry pozwala nam tworzy\u0107 realistyczne reklamy AI, w pe\u0142ni dopasowane do Twoich potrzeb. Po\u015bwi\u0119cili\u015bmy setki godzin na optymalizacj\u0119 proces\u00f3w i nauk\u0119 najnowszych technologii, aby\u015b Ty nie musia\u0142 tego robi\u0107. Zaufaj nam i stw\u00f3rz reklam\u0119, kt\u00f3ra realnie przyci\u0105gnie nowych klient\u00f3w.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd214a9 elementor-widget elementor-widget-html\" data-id=\"2cd214a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading3');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph3')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77eda4da e-con-full e-flex e-con e-child\" data-id=\"77eda4da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2934b1d1 dm-heading6 elementor-widget elementor-widget-heading\" data-id=\"2934b1d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ai zmienia zasady gry!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28b711a9 dm-paragraph6 elementor-widget elementor-widget-text-editor\" data-id=\"28b711a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"78\" data-end=\"344\">Dzi\u0119ki najnowszej technologii mo\u017cemy dzi\u015b realizowa\u0107 rzeczy, kt\u00f3re jeszcze niedawno by\u0142y niemo\u017cliwe. Nie ma ju\u017c potrzeby organizowania du\u017cych plan\u00f3w filmowych, anga\u017cowania aktor\u00f3w, kamerzyst\u00f3w ani wydawania setek tysi\u0119cy z\u0142otych na skomplikowan\u0105 produkcj\u0119 reklamow\u0105. Najwi\u0119ksze marki ju\u017c wykorzystuj\u0105 AI w swoich kampaniach, zyskuj\u0105c znacz\u0105c\u0105 przewag\u0119 konkurencyjn\u0105. Niestety, z naszych analiz rynku wynika, \u017ce a\u017c 95% Polskich firm nie zdaje sobie sprawy, \u017ce technologia ta pozwala ju\u017c tworzy\u0107 ultra-realistyczne reklamy o jako\u015bci por\u00f3wnywalnej z klasyczn\u0105 produkcj\u0105 filmow\u0105.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6855b851 elementor-widget elementor-widget-html\" data-id=\"6855b851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading6');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph6')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa22499 e-con-full e-flex e-con e-parent\" data-id=\"aa22499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb38a50 elementor-widget elementor-widget-html\" data-id=\"eb38a50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"cz-founder-card\">\r\n <div class=\"founder-box\">\r\n <div class=\"founder-image\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2025\/11\/e81aa2db-6296-4edc-bd16-9026355a7cfe-e1762790081447.webp\" alt=\"\">\r\n <\/div>\r\n <div class=\"founder-info\">\r\n <p class=\"founder-quote\">\r\n \u201eJako za\u0142o\u017cyciel firmy, chcia\u0142bym serdecznie podzi\u0119kowa\u0107 za zainteresowanie naszymi us\u0142ugami! Naszym celem jest budowanie d\u0142ugotrwa\u0142ych relacji opartych na zaufaniu i wsp\u00f3\u0142pracy. Po\u0142\u0105czmy si\u0142y i stw\u00f3rzmy co\u015b niezapomnianego!\u201d\r\n <\/p>\r\n <div class=\"founder-signature\">\r\n <span class=\"founder-role\">Za\u0142o\u017cyciel<\/span>\r\n <span class=\"founder-brand\">Creative<em>Zen<\/em><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Import font\u00f3w identycznych jak na stronie *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap');\r\n\r\n#cz-founder-card {\r\n \/* Zmienne kolorystyczne zgodne z Twoj\u0105 mark\u0105 *\/\r\n --gold: #6CB74E;\r\n --gold-light: #9DD688;\r\n --text-color: #F0EBE1;\r\n --bg-blur: rgba(255, 255, 255, 0.02);\r\n \r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n background: transparent;\r\n}\r\n\r\n.founder-box {\r\n display: flex;\r\n align-items: center;\r\n gap: 35px;\r\n max-width: 1900px;\r\n width: 100%;\r\n padding: 40px;\r\n background: var(--bg-blur);\r\n backdrop-filter: blur(15px); \/* Efekt nowoczesnego szk\u0142a *\/\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(108, 183, 78, 0.2);\r\n border-radius: 32px;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n}\r\n\r\n.founder-image {\r\n flex-shrink: 0;\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n padding: 5px;\r\n border: 1px solid var(--gold);\r\n overflow: hidden;\r\n}\r\n\r\n.founder-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n \/* Subtelny efekt dla zdj\u0119cia *\/\r\n filter: brightness(1.1) contrast(1.05);\r\n}\r\n\r\n.founder-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.founder-quote {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 17px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n margin-bottom: 25px;\r\n color: var(--text-color);\r\n font-style: italic;\r\n opacity: 0.9;\r\n}\r\n\r\n.founder-signature {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.founder-role {\r\n font-family: 'DM Sans', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 5px;\r\n font-size: 11px;\r\n color: var(--gold);\r\n font-weight: 500;\r\n}\r\n\r\n.founder-brand {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 28px;\r\n color: #fff;\r\n font-weight: 400;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.founder-brand em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n}\r\n\r\n\/* Dostosowanie do telefon\u00f3w *\/\r\n@media (max-width: 700px) {\r\n .founder-box {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 30px 20px;\r\n gap: 25px;\r\n }\r\n \r\n .founder-image {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .founder-quote {\r\n font-size: 15px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3472ae20 e-con-full e-flex e-con e-parent\" data-id=\"3472ae20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2e19f045 e-con-full e-flex e-con e-child\" data-id=\"2e19f045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7efcab36 dm-heading4 elementor-widget elementor-widget-heading\" data-id=\"7efcab36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Przewagi AI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5afc1ff0 dm-paragraph4 elementor-widget elementor-widget-text-editor\" data-id=\"5afc1ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1- Wysoka jako\u015b\u0107 grafiki, dor\u00f3wnuj\u0105ca obrazom uzyskiwanym najlepszymi obiektywami.<br \/>2- \u0141atwo\u015b\u0107 wprowadzania zmian i modyfikacji.<br \/>3- Nie ograniczaj\u0105 nas prawa fizyki.<br \/>4- Znacznie ni\u017csze koszty – plan, kamera i scenografia nie s\u0105 ju\u017c konieczno\u015bci\u0105!<br \/>5- \u015awiatowy trend – Ai jest obecnie w modzie o czym \u015bwiadcz\u0105 najnowsze reklamy Ai najwi\u0119kszych \u015bwiatowych marek.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a343e7d elementor-widget elementor-widget-html\" data-id=\"6a343e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading4');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph4')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7861ed9d e-con-full e-flex e-con e-child\" data-id=\"7861ed9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b000cf4 elementor-widget elementor-widget-elementskit-accordion\" data-id=\"1b000cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-6a9d43761b20c\">\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-0-1b000cf4\">\n <a href=\"#collapse-a01f27a6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a01f27a6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-a01f27a6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Ile czasu trwa wykonanie projektu?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-a01f27a6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Czas realizacji zale\u017cy od skomplikowania projektu. Proste wizualizacje mog\u0105 by\u0107 gotowe w ci\u0105gu kilku dni, podczas gdy bardziej zaawansowane projekty mog\u0105 zaj\u0105\u0107 kilka tygodni. Zawsze ustalamy realistyczne terminy na pocz\u0105tku wsp\u00f3\u0142pracy.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-1-1b000cf4\">\n <a href=\"#collapse-01d7c716a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-01d7c716a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-01d7c716a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Czy mog\u0119 wnosi\u0107 poprawki w trakcie tworzenia projektu?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-01d7c716a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Tak, klient mo\u017ce wprowadza\u0107 poprawki w trakcie realizacji projektu. Stale wsp\u00f3\u0142pracujemy z naszymi Klientami na ka\u017cdym etapie, aby wprowadza\u0107 niezb\u0119dne zmiany i sprawi\u0107, \u017ce ko\u0144cowy produkt spe\u0142ni Twoje oczekiwania.\u00a0<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-2-1b000cf4\">\n <a href=\"#collapse-7b9f44b6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-7b9f44b6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-7b9f44b6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Animacja reklamowa cena<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-7b9f44b6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Oferujemy darmow\u0105 wycen\u0119 projektu i demo!<\/p><p>Uwaga: Jeste\u015bmy otwarci na negocjacje, aby ka\u017cda ze stron by\u0142a usatysfakcjonowana. Negocjacja cen jest mo\u017cliwa wy\u0142\u0105cznie przed rozpocz\u0119ciem projektu. Po rozpocz\u0119ciu prac, zmiana warunk\u00f3w nie b\u0119dzie ju\u017c mo\u017cliwa.<\/p><p>Ceny zale\u017c\u0105 od stopnia skomplikowania projektu.<\/p><p>Po dostarczeniu demo, Klient ma jasno\u015b\u0107 co do oczekiwanych efekt\u00f3w naszej pracy. W\u00f3wczas prosimy o wp\u0142at\u0119 zaliczki w wysoko\u015bci 50% warto\u015bci ca\u0142kowitej zam\u00f3wienia.<br \/>Ka\u017cdy projekt wyceniamy indywidualnie, w zale\u017cno\u015bci od jego specyfiki i potrzeb klienta. Je\u015bli masz pytania, zapraszamy do kontaktu.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-3-1b000cf4\">\n <a href=\"#collapse-ce2fc6e6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ce2fc6e6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-ce2fc6e6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Szczeg\u00f3\u0142y promocji<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-ce2fc6e6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Oferujemy mo\u017cliwo\u015b\u0107 uzyskania rabatu w wysoko\u015bci 25% na pierwsze zam\u00f3wienie.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6b3cc8 e-con-full e-flex e-con e-parent\" data-id=\"f6b3cc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284e07e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"284e07e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Creative Zen \u2013 Kontakt<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n \r\n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-16743616939\"><\/script>\r\n <script>\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag(){dataLayer.push(arguments);}\r\n gtag('js', new Date());\r\n gtag('config', 'AW-16743616939');\r\n <\/script>\r\n\r\n \r\n <script>\r\n function gtag_report_conversion(url) {\r\n var callback = function () {\r\n if (typeof(url) != 'undefined') {\r\n window.location = url;\r\n }\r\n };\r\n gtag('event', 'conversion', {\r\n 'send_to': 'AW-16743616939\/CpjrCKDauqgcEKuj_a8-',\r\n 'value': 1.0,\r\n 'currency': 'PLN',\r\n 'event_callback': callback\r\n });\r\n return false;\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n --accent: #4ade80;\r\n --accent-dim: rgba(74,222,128,0.12);\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.48);\r\n --border: rgba(255,255,255,0.09);\r\n --border-focus: rgba(74,222,128,0.55);\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(20px, 5vw, 72px);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: transparent;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550 SEKCJA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-section {\r\n padding: clamp(48px, 7vw, 96px) var(--px) 0;\r\n }\r\n\r\n \/* \u2550\u2550 NAG\u0141\u00d3WEK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: clamp(36px, 5vw, 56px);\r\n }\r\n .contact-label-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 14px;\r\n }\r\n .contact-label-tag::before,\r\n .contact-label-tag::after {\r\n content: '';\r\n width: 24px; height: 1px;\r\n background: var(--accent);\r\n opacity: 0.6;\r\n }\r\n .contact-title {\r\n font-size: clamp(2rem, 4.5vw, 3.4rem);\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n line-height: 1.12;\r\n }\r\n .contact-title strong { font-weight: 800; }\r\n .contact-subtitle {\r\n margin-top: 14px;\r\n font-size: clamp(0.88rem, 1.3vw, 1rem);\r\n font-weight: 300;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n }\r\n .contact-subtitle .highlight {\r\n color: var(--accent);\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u2550\u2550 G\u0141\u00d3WNY GRID \u2013 lewa \/ prawa \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.35fr;\r\n gap: clamp(20px, 3vw, 36px);\r\n align-items: start;\r\n }\r\n\r\n \/* \u2550\u2550 LEWA KOLUMNA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .left-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(16px, 2.5vw, 24px);\r\n }\r\n\r\n \/* Karta danych kontaktowych *\/\r\n .info-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 32px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(18px, 2.5vw, 24px);\r\n }\r\n\r\n .contact-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n .contact-icon {\r\n flex-shrink: 0;\r\n width: 46px; height: 46px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.08);\r\n border: 1.5px solid rgba(255,255,255,0.14);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background 0.22s, border-color 0.22s;\r\n }\r\n .contact-row:hover .contact-icon {\r\n background: rgba(255,255,255,0.14);\r\n border-color: rgba(255,255,255,0.28);\r\n }\r\n .contact-icon svg {\r\n width: 20px; height: 20px;\r\n fill: var(--text);\r\n }\r\n .contact-text { display: flex; flex-direction: column; gap: 1px; }\r\n .contact-lbl {\r\n font-size: 0.60rem;\r\n font-weight: 600;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n }\r\n .contact-val {\r\n font-size: clamp(0.88rem, 1.4vw, 1.05rem);\r\n font-weight: 500;\r\n color: var(--text);\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n a.contact-val:hover { color: var(--accent); }\r\n\r\n \/* Mapka *\/\r\n .map-wrap {\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.10);\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.45);\r\n aspect-ratio: 16 \/ 7;\r\n position: relative;\r\n }\r\n .map-wrap iframe {\r\n width: 100%; height: 100%;\r\n border: none; display: block;\r\n filter: grayscale(30%) brightness(0.82) contrast(1.05);\r\n transition: filter 0.35s;\r\n }\r\n .map-wrap:hover iframe { filter: grayscale(0%) brightness(0.94); }\r\n .map-overlay {\r\n position: absolute; inset: 0; z-index: 1; cursor: pointer;\r\n }\r\n\r\n \/* \u2550\u2550 PRAWA KOLUMNA \u2013 FORMULARZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .right-col {}\r\n\r\n .contact-card {\r\n background: rgba(255,255,255,0.032);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: clamp(24px, 3.5vw, 44px);\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(14px, 2vw, 20px);\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(10px, 1.5vw, 16px);\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n label {\r\n font-size: 0.66rem;\r\n font-weight: 600;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.52);\r\n transition: color 0.2s;\r\n }\r\n .form-group:focus-within > label { color: var(--accent); }\r\n\r\n .req { color: var(--accent); margin-left: 2px; }\r\n\r\n input, textarea {\r\n width: 100%;\r\n background: rgba(255,255,255,0.06) !important;\r\n border: 1px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 15px;\r\n color: #ffffff !important;\r\n -webkit-text-fill-color: #ffffff !important;\r\n font-family: var(--font);\r\n font-size: 0.88rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n outline: none;\r\n -webkit-appearance: none;\r\n -webkit-box-shadow: 0 0 0 1000px rgba(18,18,18,0.95) inset !important;\r\n transition: border-color 0.22s, box-shadow 0.22s;\r\n }\r\n input::placeholder, textarea::placeholder {\r\n color: rgba(255,255,255,0.28) !important;\r\n -webkit-text-fill-color: rgba(255,255,255,0.28) !important;\r\n }\r\n input:focus, textarea:focus {\r\n border-color: var(--border-focus);\r\n box-shadow: 0 0 0 3px rgba(74,222,128,0.08);\r\n -webkit-box-shadow: 0 0 0 1000px rgba(10,28,14,0.97) inset !important;\r\n }\r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n \/* \u2500\u2500 Checkboxy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .checks-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .form-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n cursor: pointer;\r\n }\r\n .form-check input[type=\"checkbox\"] {\r\n position: absolute;\r\n opacity: 0; width: 0; height: 0;\r\n }\r\n .check-box {\r\n width: 19px; height: 19px; min-width: 19px;\r\n border-radius: 5px;\r\n border: 1.5px solid rgba(255,255,255,0.22);\r\n background: rgba(255,255,255,0.04);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-top: 1px;\r\n transition: border-color 0.2s, background 0.2s;\r\n flex-shrink: 0;\r\n }\r\n .check-box svg {\r\n width: 10px; height: 10px;\r\n stroke: #060606;\r\n opacity: 0;\r\n transition: opacity 0.15s;\r\n }\r\n .form-check input[type=\"checkbox\"]:checked ~ .check-box {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n }\r\n .form-check input[type=\"checkbox\"]:checked ~ .check-box svg { opacity: 1; }\r\n .form-check input[type=\"checkbox\"]:focus ~ .check-box {\r\n box-shadow: 0 0 0 3px rgba(74,222,128,0.20);\r\n }\r\n .check-label {\r\n font-size: 0.70rem;\r\n font-weight: 300;\r\n color: rgba(255,255,255,0.50);\r\n line-height: 1.65;\r\n text-transform: none;\r\n letter-spacing: 0;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n .check-label a {\r\n color: rgba(255,255,255,0.72);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: color 0.18s;\r\n }\r\n .check-label a:hover { color: var(--accent); }\r\n\r\n \/* \u2500\u2500 Przycisk \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .btn-submit {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 15px 28px;\r\n background: var(--accent);\r\n border: none;\r\n border-radius: 10px;\r\n color: #060606;\r\n font-family: var(--font);\r\n font-size: 0.76rem;\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: background 0.22s, transform 0.18s, box-shadow 0.22s;\r\n margin-top: 2px;\r\n }\r\n .btn-submit:hover {\r\n background: #6ee7a0;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(74,222,128,0.28);\r\n }\r\n .btn-submit:active { transform: translateY(0); }\r\n .btn-submit svg { width: 15px; height: 15px; flex-shrink: 0; transition: transform 0.2s; }\r\n .btn-submit:hover svg { transform: translateX(3px); }\r\n .btn-submit .spinner {\r\n display: none;\r\n width: 15px; height: 15px;\r\n border: 2px solid rgba(6,6,6,0.25);\r\n border-top-color: #060606;\r\n border-radius: 50%;\r\n animation: spin 0.7s linear infinite;\r\n }\r\n .btn-submit.loading .spinner { display: block; }\r\n .btn-submit.loading .btn-text,\r\n .btn-submit.loading .btn-arrow { display: none; }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n \/* \u2500\u2500 Sukces \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-success {\r\n display: none;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 14px;\r\n padding: clamp(24px, 4vw, 44px) 0;\r\n }\r\n .form-success.visible { display: flex; }\r\n .success-icon {\r\n width: 52px; height: 52px;\r\n border-radius: 50%;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(74,222,128,0.28);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .success-icon svg { width: 24px; height: 24px; color: var(--accent); }\r\n .success-title { font-size: 1.2rem; font-weight: 700; }\r\n .success-desc {\r\n font-size: 0.86rem; font-weight: 300;\r\n color: var(--muted); line-height: 1.7;\r\n max-width: 320px;\r\n }\r\n\r\n \/* \u2500\u2500 B\u0142\u0105d \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-error-msg {\r\n display: none;\r\n font-size: 0.70rem; color: #f87171;\r\n text-align: center; padding: 10px 14px;\r\n background: rgba(248,113,113,0.08);\r\n border: 1px solid rgba(248,113,113,0.20);\r\n border-radius: 8px;\r\n }\r\n .form-error-msg.visible { display: block; }\r\n\r\n \/* \u2550\u2550 STOPKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer-bar {\r\n margin-top: clamp(32px, 5vw, 56px);\r\n padding: clamp(14px, 2.5vw, 22px) var(--px);\r\n border-top: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n .footer-copy {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 300;\r\n color: var(--muted);\r\n }\r\n .footer-policy {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 400;\r\n color: var(--muted);\r\n text-decoration: none;\r\n text-underline-offset: 3px;\r\n transition: color 0.20s;\r\n }\r\n .footer-policy:hover { color: var(--text); text-decoration: underline; }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 860px) {\r\n .contact-grid { grid-template-columns: 1fr; }\r\n .left-col { flex-direction: row; flex-wrap: wrap; gap: 16px; }\r\n .info-card { flex: 1; min-width: 260px; }\r\n .map-wrap { flex: 1; min-width: 260px; aspect-ratio: 16\/9; }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .contact-section { padding-left: 16px; padding-right: 16px; }\r\n .form-row { grid-template-columns: 1fr; }\r\n .contact-card { padding: 22px 18px; }\r\n .left-col { flex-direction: column; }\r\n .map-wrap { aspect-ratio: 4\/3; }\r\n .footer-bar { padding-left: 16px; padding-right: 16px; flex-direction: column; align-items: flex-start; gap: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"contact-section\" id=\"kontakt\">\r\n\r\n \r\n <div class=\"contact-header\">\r\n <div class=\"contact-label-tag\">Napisz do nas<\/div>\r\n <h2 class=\"contact-title\">Napisz po <strong>szybk\u0105 wycen\u0119<\/strong><\/h2>\r\n <p class=\"contact-subtitle\">\r\n Opisz sw\u00f3j projekt \u2014 <span class=\"highlight\">zazwyczaj odpowiadamy w 30 minut!<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-grid\">\r\n\r\n \r\n <div class=\"left-col\">\r\n\r\n \r\n <div class=\"info-card\">\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2\r\n 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1\r\n C8.6 21 3 15.4 3 8.5 3 7.9 3.4 7.5 4 7.5H7.5\r\n c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">Telefon<\/span>\r\n <a class=\"contact-val\" href=\"tel:+48733024929\">+48 733 024 929<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M20 4H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16\r\n c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z\r\n M20 8l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">E-mail<\/span>\r\n <a class=\"contact-val\" href=\"mailto:kontakt@creativezen.pl\">kontakt@creativezen.pl<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2 L2 7 L2 22 L9 22 L9 15 L15 15 L15 22 L22 22 L22 7 Z\"\/>\r\n <rect x=\"5\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <rect x=\"11\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <rect x=\"16\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">Numer NIP<\/span>\r\n <span class=\"contact-val\">5234060479<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap\">\r\n <a class=\"map-overlay\"\r\n href=\"https:\/\/maps.google.com\/?q=Aleje+Jerozolimskie+109,+02-011+Warszawa\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n aria-label=\"Otw\u00f3rz lokalizacj\u0119 Creative Zen w Google Maps\">\r\n <\/a>\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2444.0!2d20.9884!3d52.2215!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471eccce28f0ef7b%3A0xdc1d19cb57c65c38!2sAleje%20Jerozolimskie%20109%2C%2002-011%20Warszawa!5e0!3m2!1spl!2spl!4v1700000000000!5m2!1spl!2spl\"\r\n allowfullscreen=\"\" loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Lokalizacja Creative Zen\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"right-col\">\r\n <div class=\"contact-card\">\r\n\r\n \r\n <div class=\"form-success\" id=\"formSuccess\">\r\n <div class=\"success-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"success-title\">Wiadomo\u015b\u0107 wys\u0142ana!<\/p>\r\n <p class=\"success-desc\">Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014 zazwyczaj w 30 minut!<\/p>\r\n <\/div>\r\n\r\n \r\n <form class=\"contact-form\" id=\"contactForm\"\r\n action=\"https:\/\/formspree.io\/f\/xbdwyzbe\"\r\n method=\"POST\">\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Imi\u0119 i nazwisko \/ Nazwa <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" name=\"Imi\u0119 i nazwisko \/ Nazwa\"\r\n placeholder=\"Jan Kowalski \/ Firma XYZ\" required autocomplete=\"name\"\/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Telefon<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"Telefon\"\r\n placeholder=\"+48 500 000 000\" autocomplete=\"tel\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adres e-mail <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"Email\"\r\n placeholder=\"jan@firma.pl\" required autocomplete=\"email\"\/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Wiadomo\u015b\u0107 <span class=\"req\">*<\/span><\/label>\r\n <textarea id=\"message\" name=\"Wiadomo\u015b\u0107\"\r\n placeholder=\"Opisz sw\u00f3j projekt \u2014 czego dotyczy, jaki masz cel, termin realizacji...\"\r\n required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"checks-group\">\r\n\r\n <label class=\"form-check\">\r\n <input type=\"checkbox\" name=\"Polityka prywatno\u015bci\"\r\n value=\"Tak, zapozna\u0142em\/am si\u0119 z polityk\u0105 prywatno\u015bci\" required\/>\r\n <span class=\"check-box\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"2 6 5 9 10 3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"check-label\">\r\n Zapozna\u0142am\/em si\u0119 z <a href=\"https:\/\/creativezen.pl\/polityka-prywatnosci\/\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\u201epolityk\u0105 prywatno\u015bci\"<\/a>. <span class=\"req\">*<\/span>\r\n <\/span>\r\n <\/label>\r\n\r\n <label class=\"form-check\">\r\n <input type=\"checkbox\" name=\"Zgoda marketingowa\"\r\n value=\"Tak, zgadzam si\u0119 na otrzymywanie informacji handlowych\"\/>\r\n <span class=\"check-box\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"2 6 5 9 10 3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"check-label\">\r\n Zgadzam si\u0119 na otrzymywanie na podany przeze mnie adres e-mail informacji handlowych.\r\n <\/span>\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n <div class=\"form-error-msg\" id=\"formError\">\r\n Wysy\u0142ka nie powiod\u0142a si\u0119. Spr\u00f3buj ponownie lub napisz bezpo\u015brednio na adres e-mail.\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">\r\n <span class=\"btn-text\">Wy\u015blij wiadomo\u015b\u0107<\/span>\r\n <svg class=\"btn-arrow\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\">\r\n <path d=\"M3 8h10M9 4l4 4-4 4\"\/>\r\n <\/svg>\r\n <span class=\"spinner\"><\/span>\r\n <\/button>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div class=\"footer-bar\">\r\n <span class=\"footer-copy\">\u00a9 2026 Creative Zen. Wszelkie prawa zastrze\u017cone.<\/span>\r\n <a class=\"footer-policy\"\r\n href=\"https:\/\/creativezen.pl\/polityka-prywatnosci\/\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\r\n Polityka prywatno\u015bci\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n var form = document.getElementById('contactForm');\r\n var submitBtn = document.getElementById('submitBtn');\r\n var formSuccess = document.getElementById('formSuccess');\r\n var formError = document.getElementById('formError');\r\n\r\n form.addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n formError.classList.remove('visible');\r\n submitBtn.classList.add('loading');\r\n submitBtn.disabled = true;\r\n\r\n try {\r\n var response = await fetch(form.action, {\r\n method: 'POST',\r\n body: new FormData(form),\r\n headers: { 'Accept': 'application\/json' }\r\n });\r\n if (response.ok) {\r\n form.style.display = 'none';\r\n formSuccess.classList.add('visible');\r\n \/\/ Zg\u0142o\u015b konwersj\u0119 do Google Ads\r\n gtag_report_conversion();\r\n } else {\r\n throw new Error('error');\r\n }\r\n } catch (err) {\r\n formError.classList.add('visible');\r\n submitBtn.classList.remove('loading');\r\n submitBtn.disabled = false;\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Technologia AI to: 0% Szybsza realizacja Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie. 0% Ni\u017csze koszty produkcji Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105. 0+ Wariant\u00f3w kreatywnych Tworzymy r\u00f3\u017cne wersje reklamy, by […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5042","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Reklama-Ai -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativezen.pl\/en\/reklama-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reklama-Ai -\" \/>\n<meta property=\"og:description\" content=\"Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Technologia AI to: 0% Szybsza realizacja Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie. 0% Ni\u017csze koszty produkcji Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105. 0+ Wariant\u00f3w kreatywnych Tworzymy r\u00f3\u017cne wersje reklamy, by […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativezen.pl\/en\/reklama-ai\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T17:57:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Moralewicz.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\",\"name\":\"Reklama-Ai -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\",\"datePublished\":\"2026-01-06T15:57:40+00:00\",\"dateModified\":\"2026-05-11T17:57:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\",\"contentUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/creativezen.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reklama-Ai\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/\",\"name\":\"CreativeZen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativezen.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#organization\",\"name\":\"CreativeZen\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Creative_zen_4k

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Creative Zen \u2013 Nawigacja<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ZMIENNE \u2013 sp\u00f3jne z reszt\u0105 segment\u00f3w\r\n Zmie\u0144 --accent aby zmieni\u0107 kolor akcentu\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n :root {\r\n --accent: #4ade80; \/* kolor zielonego akcentu *\/\r\n --text: #ffffff; \/* kolor tekstu *\/\r\n --nav-h: 56px; \/* wysoko\u015b\u0107 navbara \u2013 zmie\u0144 je\u015bli potrzeba *\/\r\n --px: clamp(24px, 6vw, 80px); \/* padding poziomy *\/\r\n --font: 'Inter', sans-serif;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body { font-family: var(--font); color: var(--text); background: transparent; }\r\n\r\n \/* \u2550\u2550 NAWIGACJA \u2013 STICKY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Przyklejona do g\u00f3rnej kraw\u0119dzi ekranu podczas scrollowania\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n nav {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n \/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n \u2551 MARGINES G\u00d3RNY NAVBARA (desktop) \u2551\r\n \u2551 Zmie\u0144 warto\u015b\u0107 poni\u017cej aby przesun\u0105\u0107 navbar w g\u00f3r\u0119 \u2551\r\n \u2551 lub w d\u00f3\u0142 od kraw\u0119dzi ekranu \u2551\r\n \u2551 0px = przy samej g\u00f3rze ekranu \u2551\r\n \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\r\n top: 0px; \/* \u2190 ZMIE\u0143 TEN MARGINES G\u00d3RNY *\/\r\n z-index: 200;\r\n height: var(--nav-h);\r\n \/* Glassmorphism \u2013 ciemne t\u0142o z rozmyciem *\/\r\n background: rgba(14,14,14,0.85);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n display: flex;\r\n align-items: center; \/* wy\u015brodkowanie pionowe *\/\r\n justify-content: space-between; \/* logo lewo, linki prawo *\/\r\n padding: 0 var(--px);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n }\r\n\r\n \/* \u2550\u2550 LOGO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmie\u0144 tekst \"CREATIVE ZEN\" je\u015bli potrzeba\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 0.08em;\r\n color: var(--text);\r\n text-decoration: none;\r\n }\r\n\r\n \/* Obracaj\u0105ce si\u0119 zielone k\u00f3\u0142ko przy logo *\/\r\n .logo-ring {\r\n position: relative;\r\n width: 16px; height: 16px;\r\n flex-shrink: 0;\r\n }\r\n \/* Zewn\u0119trzny pier\u015bcie\u0144 \u2013 animacja obrotu *\/\r\n .logo-ring::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n border-radius: 50%;\r\n border: 2px solid var(--accent);\r\n border-top-color: transparent; \/* przerywa \u2192 efekt wirowania *\/\r\n animation: spinRing 3s linear infinite;\r\n }\r\n \/* Wewn\u0119trzna plamka *\/\r\n .logo-ring::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 5px; height: 5px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n @keyframes spinRing { to { transform: rotate(360deg); } }\r\n\r\n \/* \u2550\u2550 LINKI NAWIGACYJNE (DESKTOP) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmie\u0144 href i etykiety w <ul class=\"nav-links\"> w HTML\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .nav-links {\r\n display: flex;\r\n gap: clamp(16px, 2.5vw, 36px);\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n \/* ROZMIAR LITER W MENU \u2013 zmie\u0144 tutaj *\/\r\n font-size: 0.80rem; \/* \u2190 by\u0142o 0.67rem *\/\r\n font-weight: 600; \/* \u2190 grubo\u015b\u0107: 400=normalna, 600=pogrubiona *\/\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n \/* KOLOR LINK\u00d3W \u2013 1.00 = pe\u0142na biel, 0.68 = szary *\/\r\n color: rgba(255,255,255,1.00); \/* \u2190 ZMIE\u0143 KOLOR LINK\u00d3W *\/\r\n text-decoration: none;\r\n transition: color 0.18s;\r\n }\r\n .nav-links a:hover { color: var(--text); }\r\n\r\n \/* \u2550\u2550 HAMBURGER \u2013 widoczny tylko na mobile \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hamburger {\r\n display: none; \/* ukryty na desktop *\/\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n .hamburger span {\r\n display: block;\r\n width: 22px; height: 2px;\r\n background: var(--text);\r\n border-radius: 1px;\r\n transition: all 0.25s;\r\n }\r\n \/* Animacja hamburger \u2192 X *\/\r\n .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n .hamburger.active span:nth-child(2) { opacity: 0; }\r\n .hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n \/* \u2550\u2550 MOBILNE MENU ROZWIJANE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Pokazuje si\u0119 gdy hamburger aktywny (klasa .open dodana przez JS)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .nav-links.open {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px;\r\n position: fixed;\r\n top: var(--nav-h); left: 0; right: 0;\r\n background: rgba(10,10,10,0.97);\r\n padding: 28px var(--px);\r\n border-top: 1px solid rgba(255,255,255,0.07);\r\n z-index: 199;\r\n }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 860px) {\r\n \/* Tablet\/telefon: chowamy linki, pokazujemy hamburger *\/\r\n .nav-links { display: none; }\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n \/* Na mobile navbar bez marginesu \u2013 przy samej g\u00f3rze *\/\r\n nav { top: 0; } \/* \u2190 MARGINES G\u00d3RNY NA MOBILE (0 = brak) *\/\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav>\r\n\r\n \r\n <a class=\"logo\" href=\"https:\/\/creativezen.pl\">\r\n CREATIVE ZEN\r\n <span class=\"logo-ring\" aria-hidden=\"true\"><\/span>\r\n <\/a>\r\n\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"https:\/\/creativezen.pl\/Baza-wiedzy\/\">Baza Wiedzy<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/o-nas\/\">O Nas<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/portfolio\/\">Us\u0142ugi<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/blog\/\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/kontakt\/\">Kontakt<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <button class=\"hamburger\" id=\"hamburger\"\r\n aria-label=\"Otw\u00f3rz menu\"\r\n aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n<\/nav>\r\n\r\n\r\n\r\n<script>\r\n var hamburger = document.getElementById('hamburger');\r\n var navLinks = document.getElementById('navLinks');\r\n\r\n \/* Otwiera\/zamyka mobilne menu *\/\r\n hamburger.addEventListener('click', function() {\r\n var isOpen = navLinks.classList.toggle('open');\r\n hamburger.classList.toggle('active', isOpen);\r\n hamburger.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n \/* Zamknij menu po klikni\u0119ciu w link *\/\r\n navLinks.querySelectorAll('a').forEach(function(a) {\r\n a.addEventListener('click', function() {\r\n navLinks.classList.remove('open');\r\n hamburger.classList.remove('active');\r\n hamburger.setAttribute('aria-expanded', 'false');\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-307b815 e-con-full e-flex e-con e-parent\" data-id=\"307b815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba8434a elementor-widget elementor-widget-html\" data-id=\"ba8434a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.cz-section {\r\n --gold: #6CB74E;\r\n --text: #6CB74E;\r\n --muted: #F5F5F5;\r\n --line: rgba(108,183,78,0.2);\r\n\r\n background: transparent;\r\n font-family: 'DM Sans', sans-serif;\r\n padding: clamp(32px, 5vw, 60px) clamp(24px, 4vw, 48px);\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(32px, 8vw, 214px);\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n}\r\n\r\n.cz-left {\r\n flex: 0 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.cz-phone {\r\n position: relative;\r\n width: clamp(180px, 18vw, 300px);\r\n border-radius: 48px;\r\n background: #1a1a1a;\r\n box-shadow:\r\n 0 0 0 1px rgba(255,255,255,0.08),\r\n 0 50px 100px rgba(0,0,0,0.5),\r\n inset 0 0 0 1px rgba(255,255,255,0.04);\r\n padding: 6px;\r\n animation: cz-float 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cz-float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cz-phone::before {\r\n content: '';\r\n position: absolute;\r\n left: -3px; top: 100px;\r\n width: 3px; height: 34px;\r\n background: #2a2a2a;\r\n border-radius: 2px 0 0 2px;\r\n box-shadow: 0 48px 0 #2a2a2a;\r\n}\r\n.cz-phone::after {\r\n content: '';\r\n position: absolute;\r\n right: -3px; top: 128px;\r\n width: 3px; height: 58px;\r\n background: #2a2a2a;\r\n border-radius: 0 2px 2px 0;\r\n}\r\n\r\n.cz-screen {\r\n width: 100%;\r\n aspect-ratio: 9 \/ 19.5;\r\n border-radius: 35px;\r\n overflow: hidden;\r\n background: #000;\r\n position: relative;\r\n}\r\n\r\n.cz-notch {\r\n position: absolute;\r\n top: 10px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 88px; height: 26px;\r\n background: #1a1a1a;\r\n border-radius: 20px;\r\n z-index: 10;\r\n}\r\n\r\n.cz-video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.cz-glow {\r\n position: absolute;\r\n bottom: -35px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 180px; height: 35px;\r\n background: radial-gradient(ellipse, rgba(108,183,78,0.22) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.cz-right {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(20px, 3vw, 32px);\r\n min-width: 0;\r\n}\r\n\r\n.cz-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n}\r\n.cz-eyebrow::before {\r\n content: '';\r\n width: 36px; height: 1px;\r\n background: var(--gold);\r\n opacity: 0.45;\r\n}\r\n\r\n.cz-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n background: transparent;\r\n}\r\n\r\n.cz-stat:nth-child(odd) { border-right: 0px solid var(--line); }\r\n.cz-stat:nth-child(1),\r\n.cz-stat:nth-child(2) { border-bottom: 0px solid var(--line); }\r\n\r\n.cz-stat {\r\n background: transparent;\r\n padding: clamp(16px, 2.5vw, 32px) clamp(14px, 2vw, 28px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n gap: 0;\r\n opacity: 0;\r\n transform: translateY(18px);\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n}\r\n\r\n.cz-stat.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.cz-stat:nth-child(1) { transition-delay: 0.00s; }\r\n.cz-stat:nth-child(2) { transition-delay: 0.08s; }\r\n.cz-stat:nth-child(3) { transition-delay: 0.16s; }\r\n.cz-stat:nth-child(4) { transition-delay: 0.24s; }\r\n\r\n.cz-stat__number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-weight: 600;\r\n font-size: clamp(2rem, 3.5vw, 4.5rem);\r\n line-height: 1;\r\n color: var(--text);\r\n letter-spacing: -0.02em;\r\n font-variant-numeric: tabular-nums;\r\n margin-bottom: 16px;\r\n}\r\n.cz-stat__number .suffix { color: var(--gold); }\r\n\r\n.cz-stat__line {\r\n width: 26px; height: 1px;\r\n background: var(--gold);\r\n opacity: 0.5;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.cz-stat__label {\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--text);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.cz-stat__desc {\r\n font-size: clamp(0.7rem, 1vw, 0.8rem);\r\n font-weight: 300;\r\n line-height: 1.7;\r\n color: var(--muted);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .cz-section { gap: clamp(24px, 5vw, 80px); padding: 40px 28px; }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n .cz-section {\r\n flex-direction: column;\r\n padding: 48px 20px;\r\n gap: 48px;\r\n }\r\n .cz-left { flex: none; width: 100%; }\r\n .cz-phone { width: 200px; margin: 0 auto; }\r\n .cz-eyebrow { justify-content: center; }\r\n .cz-stat { align-items: center; text-align: center; padding: 24px 16px; }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n .cz-grid { grid-template-columns: 1fr; }\r\n .cz-stat:nth-child(odd) { border-right: none; }\r\n .cz-stat:nth-child(1),\r\n .cz-stat:nth-child(2),\r\n .cz-stat:nth-child(3) { border-bottom: 1px solid var(--line); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cz-section\">\r\n <div class=\"cz-left\">\r\n <div class=\"cz-phone\">\r\n <div class=\"cz-screen\">\r\n <div class=\"cz-notch\"><\/div>\r\n <video\r\n class=\"cz-video\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Showreel-phone-1.mp4\"\r\n autoplay muted loop playsinline\r\n ><\/video>\r\n <\/div>\r\n <div class=\"cz-glow\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cz-right\">\r\n <p class=\"cz-eyebrow\">Technologia AI to:<\/p>\r\n\r\n <div class=\"cz-grid\">\r\n <div class=\"cz-stat\" data-target=\"50\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">%<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Szybsza realizacja<\/p>\r\n <p class=\"cz-stat__desc\">Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"40\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">%<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Ni\u017csze koszty produkcji<\/p>\r\n <p class=\"cz-stat__desc\">Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"10\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">+<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Wariant\u00f3w kreatywnych<\/p>\r\n <p class=\"cz-stat__desc\">Tworzymy r\u00f3\u017cne wersje reklamy, by wybra\u0107 t\u0119, kt\u00f3ra najskuteczniej nap\u0119dza sprzeda\u017c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cz-stat\" data-target=\"1000\">\r\n <p class=\"cz-stat__number\"><span class=\"cz-num\">0<\/span><span class=\"suffix\">+<\/span><\/p>\r\n <div class=\"cz-stat__line\"><\/div>\r\n <p class=\"cz-stat__label\">Godzin do\u015bwiadczenia<\/p>\r\n <p class=\"cz-stat__desc\">Mistrzowskie promptowanie. Dok\u0142adnie wiemy, jak wyci\u0105gn\u0105\u0107 z AI idealne uj\u0119cia dla Twojej marki.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n function easeOut(t) { return 1 - Math.pow(1 - t, 3); }\r\n function animateCounter(el, target, duration) {\r\n var start = null;\r\n function step(ts) {\r\n if (!start) start = ts;\r\n var p = Math.min((ts - start) \/ duration, 1);\r\n el.textContent = Math.round(easeOut(p) * target);\r\n if (p < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n function runAll() {\r\n document.querySelectorAll('.cz-stat').forEach(function (card) {\r\n card.classList.add('visible');\r\n var numEl = card.querySelector('.cz-num');\r\n var target = parseInt(card.getAttribute('data-target'), 10);\r\n animateCounter(numEl, target, target >= 100 ? 2000 : 1200);\r\n });\r\n }\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', runAll);\r\n } else {\r\n runAll();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-722ca27 e-flex e-con-boxed e-con e-parent\" data-id=\"722ca27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38c3def elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-elementskit-social-media\" data-id=\"38c3def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-social-media.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t\t <ul class=\"ekit_social_media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-da8f4de\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.facebook.com\/profile.php?viewas=100000686899395&id=61566403116140\" target=\"_blank\" aria-label=\"Facebook\" class=\"f\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-f\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-c8596be\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.instagram.com\/creativezen.pl\/\" target=\"_blank\" aria-label=\"Instagram\" class=\"instagram\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-641feab\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.tiktok.com\/@creativezen.pl\" target=\"_blank\" aria-label=\"TikTok\" class=\"tiktok\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-tiktok\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-7f6a243\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.youtube.com\/@CreativeZen_Polska\" target=\"_blank\" aria-label=\"YouTube\" class=\"youtube\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-35f84a2\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.linkedin.com\/company\/creativezen\/\" target=\"_blank\" aria-label=\"Linkedin\" class=\"linkedin\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbfc5ca e-con-full e-flex e-con e-parent\" data-id=\"bbfc5ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0353228 elementor-widget elementor-widget-shortcode\" data-id=\"0353228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"offer-trigger\">\n <h2 class=\"offer-text\">Oferujemy<\/h2>\n <div class=\"scroll-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n<\/div>\n\n<style>\n\/* Import font\u00f3w je\u015bli nie s\u0105 jeszcze wczytane na stronie *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&display=swap');\n\n.offer-trigger {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 20px;\n text-align: center;\n background: transparent; \/* Dopasuje si\u0119 do t\u0142a strony *\/\n}\n\n.offer-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 400;\n color: #F0EBE1; \/* Tw\u00f3j jasny tekst *\/\n margin-bottom: 15px;\n letter-spacing: 1px;\n}\n\n.scroll-arrow {\n color: #6CB74E; \/* Tw\u00f3j zielony\/z\u0142oty kolor *\/\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n animation: pulse-arrow 2s infinite ease-in-out;\n}\n\n.scroll-arrow svg {\n width: 100%;\n height: 100%;\n}\n\n\/* Animacja pulsowania i lekkiego ruchu g\u00f3ra-d\u00f3\u0142 *\/\n@keyframes pulse-arrow {\n 0% {\n transform: translateY(0) scale(1);\n opacity: 0.4;\n }\n 50% {\n transform: translateY(10px) scale(1.2);\n opacity: 1;\n }\n 100% {\n transform: translateY(0) scale(1);\n opacity: 0.4;\n }\n}\n\n\/* Opcjonalne: delikatny blask wok\u00f3\u0142 strza\u0142ki *\/\n.scroll-arrow {\n filter: drop-shadow(0 0 5px rgba(108, 183, 78, 0.3));\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c5586 elementor-widget__width-inherit elementor-widget elementor-widget-elementskit-simple-tab\" data-id=\"f7c5586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-simple-tab.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" > <div class=\"elementkit-tab-wraper \">\n <ul class=\"nav nav-tabs elementkit-tab-nav elementskit_tooltip_style elementskit_tooltip_style elementskit-fullwidth-tab\">\n <li class=\"elementkit-nav-item elementor-repeater-item-00f52ae\">\n <a class=\"elementkit-nav-link active show top-pos\" id=\"content-00f52ae6a9d43760cd37-tab\" data-ekit-handler-id=\"zni-ka-25-\" data-ekit-toggle=\"tab\" data-target=\"#content-00f52ae6a9d43760cd37\" href=\"#Content-00f52ae6a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-00f52ae6a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-save-money\"><\/i><\/span> <span class=\"elementskit-tab-title\">Zni\u017cka - 25%<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-01acdb0\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-01acdb06a9d43760cd37-tab\" data-ekit-handler-id=\"darmowe-demo\" data-ekit-toggle=\"tab\" data-target=\"#content-01acdb06a9d43760cd37\" href=\"#Content-01acdb06a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-01acdb06a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-film-play\"><\/i><\/span> <span class=\"elementskit-tab-title\">Darmowe Demo<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-e7fb3c4\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-e7fb3c46a9d43760cd37-tab\" data-ekit-handler-id=\"szybka-wycena\" data-ekit-toggle=\"tab\" data-target=\"#content-e7fb3c46a9d43760cd37\" href=\"#Content-e7fb3c46a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-e7fb3c46a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-money-bag3\"><\/i><\/span> <span class=\"elementskit-tab-title\">Szybka Wycena<\/span>\n <\/a>\n <\/li>\n <li class=\"elementkit-nav-item elementor-repeater-item-33fd887\">\n <a class=\"elementkit-nav-link top-pos\" id=\"content-33fd8876a9d43760cd37-tab\" data-ekit-handler-id=\"szczeg-ow-analiz-i-scenariusz\" data-ekit-toggle=\"tab\" data-target=\"#content-33fd8876a9d43760cd37\" href=\"#Content-33fd8876a9d43760cd37\"\n data-ekit-toggle-trigger=\"click\"\n aria-describedby=\"Content-33fd8876a9d43760cd37\">\n <span class=\"elementskit-tab-icon\"><i class=\"icon icon-text-align-justify\"><\/i><\/span> <span class=\"elementskit-tab-title\">Szczeg\u00f3\u0142ow\u0105 Analiz\u0119 i Scenariusz<\/span>\n <\/a>\n <\/li>\n <\/ul>\n\n <div class=\"tab-content elementkit-tab-content\">\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-00f52ae active show\" id=\"content-00f52ae6a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-00f52ae6a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Oferujemy 25% rabatu na pierwsze zam\u00f3wienie. Przy d\u0142u\u017cszej wsp\u00f3\u0142pracy r\u00f3wnie\u017c zapewniamy atrakcyjne, indywidualnie dopasowane warunki cenowe.<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-01acdb0 \" id=\"content-01acdb06a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-01acdb06a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>W wybranych projektach oferujemy mo\u017cliwo\u015b\u0107 wykonania darmowego demo bez wp\u0142acania zaliczki. *Przy projektach o wy\u017cszym stopniu z\u0142o\u017cono\u015bci, gdzie przygotowanie materia\u0142u demonstracyjnego wi\u0105\u017ce si\u0119 z du\u017cym nak\u0142adem pracy, realizacj\u0119 rozpoczynamy po op\u0142aceniu zaliczki (50% warto\u015bci projektu).\u201d<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-e7fb3c4 \" id=\"content-e7fb3c46a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-e7fb3c46a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Rozpocznijmy nasz\u0105 wsp\u00f3\u0142prac\u0119 od szybkiej wyceny, dzi\u0119ki kt\u00f3rej zyskasz pe\u0142en obraz koszt\u00f3w i zakresu naszej pracy bez \u017cadnych zobowi\u0105za\u0144.<\/p> <\/div>\n <\/div>\n <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-33fd887 \" id=\"content-33fd8876a9d43760cd37\" role=\"tabpanel\"\n aria-labelledby=\"content-33fd8876a9d43760cd37-tab\">\n <div class=\"animated fadeIn\">\n <p>Nie tylko przygotujemy scenariusz Twojej reklamy, ale r\u00f3wnie\u017c przeprowadzimy analiz\u0119 rynku i aktualnych trend\u00f3w, poka\u017cemy, co najlepiej si\u0119 sprawdza, dostarczymy inspiracje i precyzyjnie dopasujemy projekt do Twoich potrzeb.<\/p> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3350a043 e-con-full e-flex e-con e-parent\" data-id=\"3350a043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d43d021 e-con-full e-flex e-con e-child\" data-id=\"3d43d021\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b6bdf0 reveal-mask elementor-widget elementor-widget-heading\" data-id=\"73b6bdf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tworzymy:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f018002 elementor-align-start reveal-mask elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f018002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Reels<\/b><\/span><b> <\/b>- kr\u00f3tki dynamiczny film na twoje socjale.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Reklamy produktu lub us\u0142ugi<\/b><\/span><b> <\/b>- suplement diety, elektronika, bi\u017cuteria? Do \u015bwiata 3D mo\u017cemy przenie\u015b\u0107 wszystko!<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Explainer wideo<\/b><\/span><b> <\/b>- film kt\u00f3ry w przyst\u0119pny spos\u00f3b wyja\u015bnia dzia\u0142anie produktu, us\u0142ugi lub koncepcji.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Prezentacja wideo<\/b><\/span><b> <\/b>- film przedstawiaj\u0105cy informacje o produkcie, us\u0142udze lub firmie w atrakcyjnej i zrozumia\u0142ej formie.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span class=\"framer-text\"><b style=\"color:#6CB74E\">Avatar AI<\/b><\/span><b> <\/b> - filmy typu UGC z wirtualnym twarz\u0105 marki<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-424ef964 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"424ef964\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c8987e elementor-widget elementor-widget-video\" data-id=\"31c8987e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/shorts\\\/ytBpcH7vlTQ","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-605b68f elementor-widget elementor-widget-text-editor\" data-id=\"605b68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"title\" class=\"style-scope ytd-video-description-header-renderer\">Concept of modern cosmetic advertising<\/div><div id=\"factoids\" class=\"style-scope ytd-video-description-header-renderer\"><div class=\"ytwFactoidRendererFactoid\" role=\"text\" aria-label=\"2\u00a0polubienia\">\u00a0<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d722c17 e-con-full e-flex e-con e-parent\" data-id=\"d722c17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd6b23 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2cd6b23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>CreativeZen \u2014 Portfolio Carousel<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --gold: #6CB74E;\r\n --gold-light: #9DD688;\r\n --gold-dim: rgba(108,183,78,0.15);\r\n --dark: #080808;\r\n --text: #F0EBE1;\r\n --phone-w: 310px; \r\n --phone-h: 620px; \r\n --phone-r: 48px;\r\n --border: 14px;\r\n}\r\n\r\nbody {\r\n background: var(--dark);\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* KONTENER SEKCJI *\/\r\n.pf-section { padding: 80px 10px; position: relative; }\r\n.pf-header { text-align: center; margin-bottom: 40px; }\r\n.pf-eyebrow { display: inline-flex; align-items: center; gap: 14px; font-size: 11px; letter-spacing: 6px; text-transform: uppercase; color: var(--gold); }\r\n.pf-eyebrow::before, .pf-eyebrow::after { content: ''; width: 40px; height: 1px; background: var(--gold); opacity: 0.4; }\r\n\r\n.pf-stage { display: flex; flex-direction: column; align-items: center; max-width: 1500px; margin: 0 auto; }\r\n.carousel-wrap { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; }\r\n\r\n\/* STRZA\u0141KI *\/\r\n.side-arrow {\r\n position: absolute; top: 50%; transform: translateY(-50%); z-index: 100;\r\n width: 65px; height: 65px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.3s ease; -webkit-tap-highlight-color: transparent;\r\n}\r\n.side-arrow-prev { left: 40px; }\r\n.side-arrow-next { right: 40px; }\r\n\r\n\/* RZ\u0104D TELEFON\u00d3W *\/\r\n.phones-row { display: flex; align-items: center; justify-content: center; perspective: 2000px; padding: 30px 0; width: 100%; }\r\n.phone-slot { position: relative; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s ease; cursor: pointer; flex-shrink: 0; }\r\n.phone-slot:nth-child(1) { transform: translateX(80px) rotateY(20deg) scale(0.8); opacity: 0.3; z-index: 1; }\r\n.phone-slot:nth-child(2) { transform: scale(1); opacity: 1; z-index: 10; }\r\n.phone-slot:nth-child(3) { transform: translateX(-80px) rotateY(-20deg) scale(0.8); opacity: 0.3; z-index: 1; }\r\n\r\n.phone-frame { width: var(--phone-w); height: var(--phone-h); border-radius: var(--phone-r); background: #1a1a1a; padding: var(--border); position: relative; }\r\n.phone-screen { width: 100%; height: 100%; border-radius: 35px; overflow: hidden; position: relative; background: #000; }\r\n.phone-thumb { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); }\r\n.phone-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; border-radius: 50%; border: 1px solid var(--gold); display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4); z-index: 10; }\r\n.phone-play-icon { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent var(--gold-light); margin-left: 5px; }\r\n\r\n.phone-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 15px 25px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); text-align: center; z-index: 5; }\r\n.phone-meta-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: #fff; }\r\n\r\n.pf-nav { display: flex; gap: 10px; margin-top: 25px; }\r\n.pf-dot { width: 30px; height: 2px; background: rgba(108,183,78,0.2); cursor: pointer; transition: 0.3s; }\r\n.pf-dot.active { width: 55px; background: var(--gold); }\r\n\r\n\/* --- POPRAWIONY LIGHTBOX (FIXED) --- *\/\r\n.lightbox { \r\n position: fixed; \r\n top: 0; left: 0; \r\n width: 100vw; height: 100vh; \r\n z-index: 9999; \r\n display: flex; \r\n align-items: center; \r\n justify-content: center; \r\n opacity: 0; \r\n pointer-events: none; \r\n transition: opacity 0.4s ease;\r\n touch-action: none; \/* Blokuje przesuwanie palcem po ekranie *\/\r\n}\r\n.lightbox.open { opacity: 1; pointer-events: all; }\r\n.lb-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.98); backdrop-filter: blur(15px); }\r\n\r\n.lb-phone { \r\n position: relative; \r\n z-index: 10000; \r\n width: min(450px, 85vw); \r\n height: auto;\r\n aspect-ratio: 9\/16;\r\n border-radius: 40px; \r\n background: #111; \r\n padding: 10px;\r\n box-shadow: 0 0 50px rgba(0,0,0,1);\r\n}\r\n\r\n.lb-screen { width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background: #000; position: relative; }\r\n.lb-iframe { width: 100%; height: 100%; border: none; display: block; }\r\n\r\n.lb-close { \r\n position: absolute; \r\n top: 0; right: -70px; \r\n width: 55px; height: 55px; \r\n border-radius: 50%; border: 2px solid var(--gold); \r\n background: rgba(0,0,0,0.8); color: #fff; \r\n font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n z-index: 10001;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .side-arrow { width: 45px; height: 45px; background: rgba(0,0,0,0.4); }\r\n .side-arrow-prev { left: 5px; }\r\n .side-arrow-next { right: 5px; }\r\n\r\n .lb-close { \r\n position: fixed; \r\n top: auto; left: 20px; bottom: 30px; right: auto;\r\n width: 60px; height: 60px; \r\n background: var(--gold); color: #000; border: none;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n :root { --phone-w: 55vw; --phone-h: 110vw; }\r\n .phone-meta-title { font-size: 14px; }\r\n .phone-slot:nth-child(1) { transform: translateX(40px) rotateY(20deg) scale(0.85); }\r\n .phone-slot:nth-child(3) { transform: translateX(-40px) rotateY(-20deg) scale(0.85); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"pf-section\">\r\n <div class=\"pf-header\"><p class=\"pf-eyebrow\">Wybrane realizacje<\/p><\/div>\r\n <div class=\"pf-stage\">\r\n <div class=\"carousel-wrap\">\r\n <button class=\"side-arrow side-arrow-prev\" id=\"btnPrev\">\u276e<\/button>\r\n <div class=\"phones-row\" id=\"phonesRow\"><\/div>\r\n <button class=\"side-arrow side-arrow-next\" id=\"btnNext\">\u276f<\/button>\r\n <\/div>\r\n <div class=\"pf-nav\" id=\"pfDots\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <div class=\"lb-backdrop\" id=\"lbBackdrop\"><\/div>\r\n <div class=\"lb-phone\">\r\n <button class=\"lb-close\" id=\"lbClose\">\u2715<\/button>\r\n <div class=\"lb-screen\">\r\n <iframe class=\"lb-iframe\" id=\"lbIframe\" allowfullscreen allow=\"autoplay\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst VIDEOS = [\r\n { id: 'CB8luOpLBmw', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/usun_napis_na_202604101554-scaled.webp', title: 'Deep Blue' },\r\n { id: 'uCh2QnkmCg4', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/hf_20260319_075905_897b93fa-be38-4345-9709-88126fb048f2.png', title: 'Cicatridina' },\r\n { id: 'AFsW5AZSLh0', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/0423.png', title: 'Waterproof Sun Gel' },\r\n { id: 'L1Z2TqyyxDY', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/1.1-scaled.webp', title: '\"Coffee on time\"' },\r\n { id: 'Lem0nq88kZQ', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/xfsdg-scaled.webp', title: 'Spot CreativeZen' },\r\n { id: 'JEuIU8NRXi4', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/hf_20260325_175205_551d891d-93a2-4f3b-b07e-c3d2654711ec-scaled.webp', title: 'Swivel chair' },\r\n { id: '9GodTipMCxA', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/kilka_kremow_lewituje_202604091246dsdsds-scaled.webp', title: 'Reklama Animowana' },\r\n { id: 'h5o64Pdq4xY', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/2cc-scaled.webp', title: 'Loop Reel #TikTok' },\r\n { id: 'ytBpcH7vlTQ', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/3-scaled.webp', title: 'Modern Cosmetic Ad' },\r\n { id: '04IjfGLfjBw', thumb: 'https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Chcialbym_by_reka_202604091341-scaled.webp', title: 'Aethera \u2014 Ad' }\r\n];\r\n\r\nlet current = 0;\r\nconst row = document.getElementById('phonesRow');\r\nconst dotsWrap = document.getElementById('pfDots');\r\n\r\nconst slots = [0,1,2].map(i => {\r\n const s = document.createElement('div');\r\n s.className = 'phone-slot';\r\n s.innerHTML = `<div class=\"phone-frame\"><div class=\"phone-screen\"><img class=\"phone-thumb\"><div class=\"phone-play\"><div class=\"phone-play-icon\"><\/div><\/div><div class=\"phone-meta\"><h3 class=\"phone-meta-title\"><\/h3><\/div><\/div><\/div>`;\r\n row.appendChild(s);\r\n s.onclick = () => { if(i===0) navigate(-1); else if(i===2) navigate(1); else openVid(); };\r\n return s;\r\n});\r\n\r\nconst dots = VIDEOS.map((_, i) => {\r\n const d = document.createElement('div');\r\n d.className = 'pf-dot' + (i===0?' active':'');\r\n d.onclick = () => { current=i; render(); };\r\n dotsWrap.appendChild(d);\r\n return d;\r\n});\r\n\r\nfunction render() {\r\n [-1, 0, 1].forEach((offset, i) => {\r\n const idx = (current + offset + VIDEOS.length) % VIDEOS.length;\r\n slots[i].querySelector('.phone-thumb').src = VIDEOS[idx].thumb;\r\n slots[i].querySelector('.phone-meta-title').textContent = VIDEOS[idx].title;\r\n });\r\n dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n}\r\n\r\nfunction navigate(dir) { current = (current + dir + VIDEOS.length) % VIDEOS.length; render(); }\r\n\r\nfunction openVid() { \r\n document.getElementById('lbIframe').src = `https:\/\/www.youtube.com\/embed\/${VIDEOS[current].id}?autoplay=1&rel=0&modestbranding=1`;\r\n document.getElementById('lightbox').classList.add('open');\r\n document.body.style.overflow = 'hidden'; \/\/ Blokada przewijania t\u0142a\r\n}\r\n\r\nfunction closeVid() { \r\n document.getElementById('lightbox').classList.remove('open');\r\n document.getElementById('lbIframe').src = '';\r\n document.body.style.overflow = ''; \r\n}\r\n\r\ndocument.getElementById('btnPrev').onclick = (e) => { e.stopPropagation(); navigate(-1); };\r\ndocument.getElementById('btnNext').onclick = (e) => { e.stopPropagation(); navigate(1); };\r\ndocument.getElementById('lbClose').onclick = closeVid;\r\ndocument.getElementById('lbBackdrop').onclick = closeVid;\r\n\r\nrender();\r\nsetInterval(() => navigate(1), 4000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27c05a8 e-con-full e-flex e-con e-parent\" data-id=\"27c05a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba4f914 elementor-widget elementor-widget-html\" data-id=\"ba4f914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Creative Zen \u2013 Opinie i partnerzy<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n :root {\r\n --accent: #4ade80;\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.48);\r\n --border: rgba(255,255,255,0.10);\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(20px, 5vw, 72px);\r\n }\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: transparent;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550 WRAPPER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .section-wrap {\r\n padding: clamp(40px, 6vw, 72px) var(--px);\r\n }\r\n\r\n \/* \u2550\u2550 DWUKOLUMNOWY UK\u0141AD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .main-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 24px);\r\n align-items: stretch;\r\n }\r\n\r\n \/* \u2550\u2550 LEWA \u2013 OPINIE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .opinions-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 36px);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .opinions-list {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n }\r\n .opinion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: clamp(14px, 2vw, 20px) 0;\r\n flex: 1;\r\n }\r\n .opinion + .opinion { border-top: 1px solid var(--border); }\r\n .opinion-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .opinion-photo {\r\n width: clamp(44px, 5vw, 60px);\r\n height: clamp(44px, 5vw, 60px);\r\n border-radius: 10px;\r\n object-fit: cover;\r\n object-position: center top;\r\n flex-shrink: 0;\r\n border: 1px solid rgba(255,255,255,0.10);\r\n }\r\n .opinion-name {\r\n font-size: clamp(0.68rem, 0.95vw, 0.78rem);\r\n font-weight: 700;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: var(--text);\r\n }\r\n .opinion-text {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 300;\r\n line-height: 1.70;\r\n color: var(--muted);\r\n }\r\n .google-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: clamp(14px, 2vw, 22px);\r\n font-size: 0.62rem;\r\n font-weight: 700;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.35);\r\n text-decoration: none;\r\n transition: color 0.20s;\r\n }\r\n .google-link:hover { color: var(--text); }\r\n .google-link svg { width: 12px; height: 12px; flex-shrink: 0; transition: transform 0.20s; }\r\n .google-link:hover svg { transform: translateX(3px); }\r\n\r\n \/* \u2550\u2550 PRAWA \u2013 ZAUFALI NAM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .trusted-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 36px);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: clamp(20px, 2.5vw, 32px);\r\n }\r\n .trusted-header { text-align: center; }\r\n .trusted-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 6px;\r\n }\r\n .trusted-label::before,\r\n .trusted-label::after {\r\n content: '';\r\n width: 20px; height: 1px;\r\n background: var(--accent);\r\n opacity: 0.6;\r\n }\r\n .trusted-title {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 300;\r\n line-height: 1.15;\r\n letter-spacing: -0.01em;\r\n }\r\n .trusted-title strong { font-weight: 800; }\r\n\r\n \/* \u2550\u2550 SIATKA LOGO \u2013 2 kolumny, wi\u0119ksze kom\u00f3rki \u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Zmienione z repeat(3,1fr) \u2192 repeat(2,1fr)\r\n aspect-ratio 2\/1 \u2192 5\/3 (wy\u017csze kom\u00f3rki)\r\n min-height gwarantuje minimaln\u0105 wysoko\u015b\u0107\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .logo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: clamp(10px, 1.5vw, 16px);\r\n }\r\n\r\n .logo-cell {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* Zmieniono aspect-ratio i dodano min-height *\/\r\n aspect-ratio: 5 \/ 3;\r\n min-height: 90px;\r\n padding: clamp(16px, 2.5vw, 28px) clamp(14px, 2vw, 24px);\r\n transition: background 0.22s, border-color 0.22s;\r\n }\r\n .logo-cell:hover {\r\n background: rgba(255,255,255,0.08);\r\n border-color: rgba(255,255,255,0.16);\r\n }\r\n\r\n .logo-cell img {\r\n \/* max-width\/max-height zamiast width\/height 100%\r\n \u017ceby logo nie rozci\u0105ga\u0142o si\u0119 na ca\u0142\u0105 kom\u00f3rk\u0119\r\n ale by\u0142o wyra\u017anie widoczne *\/\r\n max-width: 75%;\r\n max-height: 60px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n display: block;\r\n filter: brightness(0) invert(1);\r\n opacity: 0.80;\r\n transition: opacity 0.22s, transform 0.22s;\r\n }\r\n .logo-cell:hover img {\r\n opacity: 1;\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Pusta kom\u00f3rka (placeholder) *\/\r\n .logo-cell--empty {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1100px) {\r\n .logo-cell img {\r\n max-width: 80%;\r\n max-height: 52px;\r\n }\r\n }\r\n\r\n \/* Tablet \u2264 820px \u2192 kolumny na siebie *\/\r\n @media (max-width: 820px) {\r\n .main-grid { grid-template-columns: 1fr; }\r\n \/* Na tablecie\/mobile wr\u00f3\u0107 do 3 kolumn \u2013 wi\u0119cej miejsca *\/\r\n .logo-grid { grid-template-columns: repeat(3, 1fr); }\r\n .logo-cell img { max-height: 48px; }\r\n }\r\n\r\n \/* Telefon \u2264 480px *\/\r\n @media (max-width: 480px) {\r\n .section-wrap { padding-left: 16px; padding-right: 16px; }\r\n .opinion-photo { width: 42px; height: 42px; }\r\n .logo-grid { grid-template-columns: repeat(2, 1fr); }\r\n .logo-cell { min-height: 70px; }\r\n .logo-cell img { max-height: 38px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-wrap\">\r\n <div class=\"main-grid\">\r\n\r\n \r\n <div class=\"opinions-card\">\r\n <div class=\"opinions-list\">\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Moralewicz.png\"\r\n alt=\"Piotr Moralewicz\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Piotr Moralewicz \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Wsp\u00f3\u0142praca z Paw\u0142em to czysta przyjemno\u015b\u0107. Nawet jak czego\u015b nie dookre\u015bl\u0119, to Pawe\u0142 i tak zrobi to w taki spos\u00f3b \u017ce finalnie jestem zadowolony. Chyba potrafi czyta\u0107 w my\u015blach \ud83e\udd37\u200d\u2642\ufe0f 11\/10, gor\u0105co polecam!\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Wachowicz.png\"\r\n alt=\"Tomasz Wachowicz\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Tomasz Wachowicz \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Szuka\u0142em \u015bwie\u017cych pomys\u0142\u00f3w, ci\u0119\u017cko teraz z tym na rynku, CreativeZen dostarczy\u0142o je z nawi\u0105zk\u0105. Nazwa firmy idealnie pasuje \u2014 wszystko ze spokojem i w terminie. Na pewno wr\u00f3c\u0119 z kolejnymi zleceniami.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"opinion\">\r\n <div class=\"opinion-head\">\r\n <img decoding=\"async\" class=\"opinion-photo\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Wiklanski.png\"\r\n alt=\"Przemys\u0142aw Wikla\u0144ski\" loading=\"lazy\"\/>\r\n <span class=\"opinion-name\">Przemys\u0142aw Wikla\u0144ski \u2605\u2605\u2605\u2605\u2605<\/span>\r\n <\/div>\r\n <p class=\"opinion-text\">\r\n Szuka\u0142am sprawdzonych tw\u00f3rc\u00f3w animacji medycznych \u2014 Creative Zen\r\n zaskoczy\u0142o mnie bardzo pozytywnie. Specjalizacja idealna dla\r\n naszej firmy, wszystko w terminie. Serdecznie polecam!\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a class=\"google-link\"\r\n href=\"https:\/\/share.google\/e6et4vEUKGUhZ7j5j\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\r\n Sprawd\u017a wszystkie opinie Google\r\n <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M3 8H13M9 4L13 8L9 12\"\r\n stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"trusted-card\">\r\n\r\n <div class=\"trusted-header\">\r\n <div class=\"trusted-label\">Nasi klienci<\/div>\r\n <h2 class=\"trusted-title\">Zaufali <strong>nam<\/strong><\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-grid\">\r\n\r\n <div class=\"logo-cell\" title=\"Ochnik\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/OCHNIK-1.webp\" alt=\"Ochnik\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"NADAUP\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/NADAUP.webp\" alt=\"NADAUP\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"imFilter\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/IMFILTER.webp\" alt=\"imFilter\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"Elkat\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/03\/ELKAT.webp\" alt=\"Elkat\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell\" title=\"Partner\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/04\/Bez-nazwy-1-1.png\" alt=\"Partner\"\/>\r\n <\/div>\r\n\r\n <div class=\"logo-cell logo-cell--empty\" aria-hidden=\"true\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a1d01a0 e-con-full e-flex e-con e-parent\" data-id=\"7a1d01a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-70535b12 e-con-full e-flex e-con e-child\" data-id=\"70535b12\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-383d442f dm-heading3 elementor-widget elementor-widget-heading\" data-id=\"383d442f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mamy unikalny system!\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119fa488 dm-paragraph3 elementor-widget elementor-widget-text-editor\" data-id=\"119fa488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"77\" data-end=\"310\">Sztuczna inteligencja to wci\u0105\u017c tylko narz\u0119dzie \u2013 jej skuteczno\u015b\u0107 zale\u017cy od do\u015bwiadczenia i w\u0142a\u015bciwego podej\u015bcia. Stworzyli\u015bmy unikalny workflow, kt\u00f3ry pozwala nam tworzy\u0107 realistyczne reklamy AI, w pe\u0142ni dopasowane do Twoich potrzeb. Po\u015bwi\u0119cili\u015bmy setki godzin na optymalizacj\u0119 proces\u00f3w i nauk\u0119 najnowszych technologii, aby\u015b Ty nie musia\u0142 tego robi\u0107. Zaufaj nam i stw\u00f3rz reklam\u0119, kt\u00f3ra realnie przyci\u0105gnie nowych klient\u00f3w.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd214a9 elementor-widget elementor-widget-html\" data-id=\"2cd214a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading3');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph3')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77eda4da e-con-full e-flex e-con e-child\" data-id=\"77eda4da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2934b1d1 dm-heading6 elementor-widget elementor-widget-heading\" data-id=\"2934b1d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ai zmienia zasady gry!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28b711a9 dm-paragraph6 elementor-widget elementor-widget-text-editor\" data-id=\"28b711a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"78\" data-end=\"344\">Dzi\u0119ki najnowszej technologii mo\u017cemy dzi\u015b realizowa\u0107 rzeczy, kt\u00f3re jeszcze niedawno by\u0142y niemo\u017cliwe. Nie ma ju\u017c potrzeby organizowania du\u017cych plan\u00f3w filmowych, anga\u017cowania aktor\u00f3w, kamerzyst\u00f3w ani wydawania setek tysi\u0119cy z\u0142otych na skomplikowan\u0105 produkcj\u0119 reklamow\u0105. Najwi\u0119ksze marki ju\u017c wykorzystuj\u0105 AI w swoich kampaniach, zyskuj\u0105c znacz\u0105c\u0105 przewag\u0119 konkurencyjn\u0105. Niestety, z naszych analiz rynku wynika, \u017ce a\u017c 95% Polskich firm nie zdaje sobie sprawy, \u017ce technologia ta pozwala ju\u017c tworzy\u0107 ultra-realistyczne reklamy o jako\u015bci por\u00f3wnywalnej z klasyczn\u0105 produkcj\u0105 filmow\u0105.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6855b851 elementor-widget elementor-widget-html\" data-id=\"6855b851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading6');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph6')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa22499 e-con-full e-flex e-con e-parent\" data-id=\"aa22499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb38a50 elementor-widget elementor-widget-html\" data-id=\"eb38a50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"cz-founder-card\">\r\n <div class=\"founder-box\">\r\n <div class=\"founder-image\">\r\n <img decoding=\"async\" src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2025\/11\/e81aa2db-6296-4edc-bd16-9026355a7cfe-e1762790081447.webp\" alt=\"\">\r\n <\/div>\r\n <div class=\"founder-info\">\r\n <p class=\"founder-quote\">\r\n \u201eJako za\u0142o\u017cyciel firmy, chcia\u0142bym serdecznie podzi\u0119kowa\u0107 za zainteresowanie naszymi us\u0142ugami! Naszym celem jest budowanie d\u0142ugotrwa\u0142ych relacji opartych na zaufaniu i wsp\u00f3\u0142pracy. Po\u0142\u0105czmy si\u0142y i stw\u00f3rzmy co\u015b niezapomnianego!\u201d\r\n <\/p>\r\n <div class=\"founder-signature\">\r\n <span class=\"founder-role\">Za\u0142o\u017cyciel<\/span>\r\n <span class=\"founder-brand\">Creative<em>Zen<\/em><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Import font\u00f3w identycznych jak na stronie *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap');\r\n\r\n#cz-founder-card {\r\n \/* Zmienne kolorystyczne zgodne z Twoj\u0105 mark\u0105 *\/\r\n --gold: #6CB74E;\r\n --gold-light: #9DD688;\r\n --text-color: #F0EBE1;\r\n --bg-blur: rgba(255, 255, 255, 0.02);\r\n \r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n background: transparent;\r\n}\r\n\r\n.founder-box {\r\n display: flex;\r\n align-items: center;\r\n gap: 35px;\r\n max-width: 1900px;\r\n width: 100%;\r\n padding: 40px;\r\n background: var(--bg-blur);\r\n backdrop-filter: blur(15px); \/* Efekt nowoczesnego szk\u0142a *\/\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(108, 183, 78, 0.2);\r\n border-radius: 32px;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n}\r\n\r\n.founder-image {\r\n flex-shrink: 0;\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n padding: 5px;\r\n border: 1px solid var(--gold);\r\n overflow: hidden;\r\n}\r\n\r\n.founder-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n \/* Subtelny efekt dla zdj\u0119cia *\/\r\n filter: brightness(1.1) contrast(1.05);\r\n}\r\n\r\n.founder-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.founder-quote {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 17px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n margin-bottom: 25px;\r\n color: var(--text-color);\r\n font-style: italic;\r\n opacity: 0.9;\r\n}\r\n\r\n.founder-signature {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.founder-role {\r\n font-family: 'DM Sans', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 5px;\r\n font-size: 11px;\r\n color: var(--gold);\r\n font-weight: 500;\r\n}\r\n\r\n.founder-brand {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 28px;\r\n color: #fff;\r\n font-weight: 400;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.founder-brand em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n}\r\n\r\n\/* Dostosowanie do telefon\u00f3w *\/\r\n@media (max-width: 700px) {\r\n .founder-box {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 30px 20px;\r\n gap: 25px;\r\n }\r\n \r\n .founder-image {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .founder-quote {\r\n font-size: 15px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3472ae20 e-con-full e-flex e-con e-parent\" data-id=\"3472ae20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2e19f045 e-con-full e-flex e-con e-child\" data-id=\"2e19f045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7efcab36 dm-heading4 elementor-widget elementor-widget-heading\" data-id=\"7efcab36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Przewagi AI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5afc1ff0 dm-paragraph4 elementor-widget elementor-widget-text-editor\" data-id=\"5afc1ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1- Wysoka jako\u015b\u0107 grafiki, dor\u00f3wnuj\u0105ca obrazom uzyskiwanym najlepszymi obiektywami.<br \/>2- \u0141atwo\u015b\u0107 wprowadzania zmian i modyfikacji.<br \/>3- Nie ograniczaj\u0105 nas prawa fizyki.<br \/>4- Znacznie ni\u017csze koszty – plan, kamera i scenografia nie s\u0105 ju\u017c konieczno\u015bci\u0105!<br \/>5- \u015awiatowy trend – Ai jest obecnie w modzie o czym \u015bwiadcz\u0105 najnowsze reklamy Ai najwi\u0119kszych \u015bwiatowych marek.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a343e7d elementor-widget elementor-widget-html\" data-id=\"6a343e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.4\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n let animHeadingPara2 = document.querySelectorAll('.dm-heading4');\r\n\r\n animHeadingPara2.forEach((headingElement2, index) => {\r\n let dmSplitHeading2 = new SplitType(headingElement2.querySelector('h2'), { types: 'words' });\r\n let dmSplitParagraph2 = new SplitType(document.querySelectorAll('.dm-paragraph4')[index].querySelector('p'), { types: 'lines' });\r\n\r\n let headingParaTimeline2 = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: headingElement2,\r\n scroller: 'body',\r\n start: 'top 90%'\r\n }\r\n });\r\n\r\n headingParaTimeline2\r\n .from(dmSplitHeading2.words, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n })\r\n .from(dmSplitParagraph2.lines, {\r\n x: -30,\r\n opacity: 0,\r\n duration: 0.9,\r\n stagger: 0.1\r\n }, \"-=0.2\"); \/\/ overlap the animations slightly for a smoother effect\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7861ed9d e-con-full e-flex e-con e-child\" data-id=\"7861ed9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b000cf4 elementor-widget elementor-widget-elementskit-accordion\" data-id=\"1b000cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-6a9d43761b20c\">\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-0-1b000cf4\">\n <a href=\"#collapse-a01f27a6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a01f27a6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-a01f27a6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Ile czasu trwa wykonanie projektu?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-a01f27a6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Czas realizacji zale\u017cy od skomplikowania projektu. Proste wizualizacje mog\u0105 by\u0107 gotowe w ci\u0105gu kilku dni, podczas gdy bardziej zaawansowane projekty mog\u0105 zaj\u0105\u0107 kilka tygodni. Zawsze ustalamy realistyczne terminy na pocz\u0105tku wsp\u00f3\u0142pracy.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-1-1b000cf4\">\n <a href=\"#collapse-01d7c716a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-01d7c716a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-01d7c716a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Czy mog\u0119 wnosi\u0107 poprawki w trakcie tworzenia projektu?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-01d7c716a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Tak, klient mo\u017ce wprowadza\u0107 poprawki w trakcie realizacji projektu. Stale wsp\u00f3\u0142pracujemy z naszymi Klientami na ka\u017cdym etapie, aby wprowadza\u0107 niezb\u0119dne zmiany i sprawi\u0107, \u017ce ko\u0144cowy produkt spe\u0142ni Twoje oczekiwania.\u00a0<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-2-1b000cf4\">\n <a href=\"#collapse-7b9f44b6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-7b9f44b6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-7b9f44b6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Animacja reklamowa cena<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-7b9f44b6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Oferujemy darmow\u0105 wycen\u0119 projektu i demo!<\/p><p>Uwaga: Jeste\u015bmy otwarci na negocjacje, aby ka\u017cda ze stron by\u0142a usatysfakcjonowana. Negocjacja cen jest mo\u017cliwa wy\u0142\u0105cznie przed rozpocz\u0119ciem projektu. Po rozpocz\u0119ciu prac, zmiana warunk\u00f3w nie b\u0119dzie ju\u017c mo\u017cliwa.<\/p><p>Ceny zale\u017c\u0105 od stopnia skomplikowania projektu.<\/p><p>Po dostarczeniu demo, Klient ma jasno\u015b\u0107 co do oczekiwanych efekt\u00f3w naszej pracy. W\u00f3wczas prosimy o wp\u0142at\u0119 zaliczki w wysoko\u015bci 50% warto\u015bci ca\u0142kowitej zam\u00f3wienia.<br \/>Ka\u017cdy projekt wyceniamy indywidualnie, w zale\u017cno\u015bci od jego specyfiki i potrzeb klienta. Je\u015bli masz pytania, zapraszamy do kontaktu.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-3-1b000cf4\">\n <a href=\"#collapse-ce2fc6e6a9d43761b20c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ce2fc6e6a9d43761b20c\" aria-expanded=\"false\" aria-controls=\"Collapse-ce2fc6e6a9d43761b20c\">\n \n <span class=\"ekit-accordion-title\">Szczeg\u00f3\u0142y promocji<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow1\"><\/i> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-ce2fc6e6a9d43761b20c\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-1b000cf4\" data-parent=\"#accordion-6a9d43761b20c\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Oferujemy mo\u017cliwo\u015b\u0107 uzyskania rabatu w wysoko\u015bci 25% na pierwsze zam\u00f3wienie.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6b3cc8 e-con-full e-flex e-con e-parent\" data-id=\"f6b3cc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284e07e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"284e07e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Creative Zen \u2013 Kontakt<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n \r\n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-16743616939\"><\/script>\r\n <script>\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag(){dataLayer.push(arguments);}\r\n gtag('js', new Date());\r\n gtag('config', 'AW-16743616939');\r\n <\/script>\r\n\r\n \r\n <script>\r\n function gtag_report_conversion(url) {\r\n var callback = function () {\r\n if (typeof(url) != 'undefined') {\r\n window.location = url;\r\n }\r\n };\r\n gtag('event', 'conversion', {\r\n 'send_to': 'AW-16743616939\/CpjrCKDauqgcEKuj_a8-',\r\n 'value': 1.0,\r\n 'currency': 'PLN',\r\n 'event_callback': callback\r\n });\r\n return false;\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n --accent: #4ade80;\r\n --accent-dim: rgba(74,222,128,0.12);\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.48);\r\n --border: rgba(255,255,255,0.09);\r\n --border-focus: rgba(74,222,128,0.55);\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(20px, 5vw, 72px);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: transparent;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550 SEKCJA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-section {\r\n padding: clamp(48px, 7vw, 96px) var(--px) 0;\r\n }\r\n\r\n \/* \u2550\u2550 NAG\u0141\u00d3WEK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: clamp(36px, 5vw, 56px);\r\n }\r\n .contact-label-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 14px;\r\n }\r\n .contact-label-tag::before,\r\n .contact-label-tag::after {\r\n content: '';\r\n width: 24px; height: 1px;\r\n background: var(--accent);\r\n opacity: 0.6;\r\n }\r\n .contact-title {\r\n font-size: clamp(2rem, 4.5vw, 3.4rem);\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n line-height: 1.12;\r\n }\r\n .contact-title strong { font-weight: 800; }\r\n .contact-subtitle {\r\n margin-top: 14px;\r\n font-size: clamp(0.88rem, 1.3vw, 1rem);\r\n font-weight: 300;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n }\r\n .contact-subtitle .highlight {\r\n color: var(--accent);\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u2550\u2550 G\u0141\u00d3WNY GRID \u2013 lewa \/ prawa \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.35fr;\r\n gap: clamp(20px, 3vw, 36px);\r\n align-items: start;\r\n }\r\n\r\n \/* \u2550\u2550 LEWA KOLUMNA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .left-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(16px, 2.5vw, 24px);\r\n }\r\n\r\n \/* Karta danych kontaktowych *\/\r\n .info-card {\r\n background: rgba(255,255,255,0.035);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: clamp(20px, 3vw, 32px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(18px, 2.5vw, 24px);\r\n }\r\n\r\n .contact-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n .contact-icon {\r\n flex-shrink: 0;\r\n width: 46px; height: 46px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.08);\r\n border: 1.5px solid rgba(255,255,255,0.14);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background 0.22s, border-color 0.22s;\r\n }\r\n .contact-row:hover .contact-icon {\r\n background: rgba(255,255,255,0.14);\r\n border-color: rgba(255,255,255,0.28);\r\n }\r\n .contact-icon svg {\r\n width: 20px; height: 20px;\r\n fill: var(--text);\r\n }\r\n .contact-text { display: flex; flex-direction: column; gap: 1px; }\r\n .contact-lbl {\r\n font-size: 0.60rem;\r\n font-weight: 600;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n }\r\n .contact-val {\r\n font-size: clamp(0.88rem, 1.4vw, 1.05rem);\r\n font-weight: 500;\r\n color: var(--text);\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n a.contact-val:hover { color: var(--accent); }\r\n\r\n \/* Mapka *\/\r\n .map-wrap {\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.10);\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.45);\r\n aspect-ratio: 16 \/ 7;\r\n position: relative;\r\n }\r\n .map-wrap iframe {\r\n width: 100%; height: 100%;\r\n border: none; display: block;\r\n filter: grayscale(30%) brightness(0.82) contrast(1.05);\r\n transition: filter 0.35s;\r\n }\r\n .map-wrap:hover iframe { filter: grayscale(0%) brightness(0.94); }\r\n .map-overlay {\r\n position: absolute; inset: 0; z-index: 1; cursor: pointer;\r\n }\r\n\r\n \/* \u2550\u2550 PRAWA KOLUMNA \u2013 FORMULARZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .right-col {}\r\n\r\n .contact-card {\r\n background: rgba(255,255,255,0.032);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: clamp(24px, 3.5vw, 44px);\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(14px, 2vw, 20px);\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(10px, 1.5vw, 16px);\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n label {\r\n font-size: 0.66rem;\r\n font-weight: 600;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.52);\r\n transition: color 0.2s;\r\n }\r\n .form-group:focus-within > label { color: var(--accent); }\r\n\r\n .req { color: var(--accent); margin-left: 2px; }\r\n\r\n input, textarea {\r\n width: 100%;\r\n background: rgba(255,255,255,0.06) !important;\r\n border: 1px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 15px;\r\n color: #ffffff !important;\r\n -webkit-text-fill-color: #ffffff !important;\r\n font-family: var(--font);\r\n font-size: 0.88rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n outline: none;\r\n -webkit-appearance: none;\r\n -webkit-box-shadow: 0 0 0 1000px rgba(18,18,18,0.95) inset !important;\r\n transition: border-color 0.22s, box-shadow 0.22s;\r\n }\r\n input::placeholder, textarea::placeholder {\r\n color: rgba(255,255,255,0.28) !important;\r\n -webkit-text-fill-color: rgba(255,255,255,0.28) !important;\r\n }\r\n input:focus, textarea:focus {\r\n border-color: var(--border-focus);\r\n box-shadow: 0 0 0 3px rgba(74,222,128,0.08);\r\n -webkit-box-shadow: 0 0 0 1000px rgba(10,28,14,0.97) inset !important;\r\n }\r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n \/* \u2500\u2500 Checkboxy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .checks-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .form-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n cursor: pointer;\r\n }\r\n .form-check input[type=\"checkbox\"] {\r\n position: absolute;\r\n opacity: 0; width: 0; height: 0;\r\n }\r\n .check-box {\r\n width: 19px; height: 19px; min-width: 19px;\r\n border-radius: 5px;\r\n border: 1.5px solid rgba(255,255,255,0.22);\r\n background: rgba(255,255,255,0.04);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-top: 1px;\r\n transition: border-color 0.2s, background 0.2s;\r\n flex-shrink: 0;\r\n }\r\n .check-box svg {\r\n width: 10px; height: 10px;\r\n stroke: #060606;\r\n opacity: 0;\r\n transition: opacity 0.15s;\r\n }\r\n .form-check input[type=\"checkbox\"]:checked ~ .check-box {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n }\r\n .form-check input[type=\"checkbox\"]:checked ~ .check-box svg { opacity: 1; }\r\n .form-check input[type=\"checkbox\"]:focus ~ .check-box {\r\n box-shadow: 0 0 0 3px rgba(74,222,128,0.20);\r\n }\r\n .check-label {\r\n font-size: 0.70rem;\r\n font-weight: 300;\r\n color: rgba(255,255,255,0.50);\r\n line-height: 1.65;\r\n text-transform: none;\r\n letter-spacing: 0;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n .check-label a {\r\n color: rgba(255,255,255,0.72);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: color 0.18s;\r\n }\r\n .check-label a:hover { color: var(--accent); }\r\n\r\n \/* \u2500\u2500 Przycisk \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .btn-submit {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 15px 28px;\r\n background: var(--accent);\r\n border: none;\r\n border-radius: 10px;\r\n color: #060606;\r\n font-family: var(--font);\r\n font-size: 0.76rem;\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: background 0.22s, transform 0.18s, box-shadow 0.22s;\r\n margin-top: 2px;\r\n }\r\n .btn-submit:hover {\r\n background: #6ee7a0;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(74,222,128,0.28);\r\n }\r\n .btn-submit:active { transform: translateY(0); }\r\n .btn-submit svg { width: 15px; height: 15px; flex-shrink: 0; transition: transform 0.2s; }\r\n .btn-submit:hover svg { transform: translateX(3px); }\r\n .btn-submit .spinner {\r\n display: none;\r\n width: 15px; height: 15px;\r\n border: 2px solid rgba(6,6,6,0.25);\r\n border-top-color: #060606;\r\n border-radius: 50%;\r\n animation: spin 0.7s linear infinite;\r\n }\r\n .btn-submit.loading .spinner { display: block; }\r\n .btn-submit.loading .btn-text,\r\n .btn-submit.loading .btn-arrow { display: none; }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n \/* \u2500\u2500 Sukces \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-success {\r\n display: none;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 14px;\r\n padding: clamp(24px, 4vw, 44px) 0;\r\n }\r\n .form-success.visible { display: flex; }\r\n .success-icon {\r\n width: 52px; height: 52px;\r\n border-radius: 50%;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(74,222,128,0.28);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .success-icon svg { width: 24px; height: 24px; color: var(--accent); }\r\n .success-title { font-size: 1.2rem; font-weight: 700; }\r\n .success-desc {\r\n font-size: 0.86rem; font-weight: 300;\r\n color: var(--muted); line-height: 1.7;\r\n max-width: 320px;\r\n }\r\n\r\n \/* \u2500\u2500 B\u0142\u0105d \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-error-msg {\r\n display: none;\r\n font-size: 0.70rem; color: #f87171;\r\n text-align: center; padding: 10px 14px;\r\n background: rgba(248,113,113,0.08);\r\n border: 1px solid rgba(248,113,113,0.20);\r\n border-radius: 8px;\r\n }\r\n .form-error-msg.visible { display: block; }\r\n\r\n \/* \u2550\u2550 STOPKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer-bar {\r\n margin-top: clamp(32px, 5vw, 56px);\r\n padding: clamp(14px, 2.5vw, 22px) var(--px);\r\n border-top: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n .footer-copy {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 300;\r\n color: var(--muted);\r\n }\r\n .footer-policy {\r\n font-size: clamp(0.72rem, 1vw, 0.82rem);\r\n font-weight: 400;\r\n color: var(--muted);\r\n text-decoration: none;\r\n text-underline-offset: 3px;\r\n transition: color 0.20s;\r\n }\r\n .footer-policy:hover { color: var(--text); text-decoration: underline; }\r\n\r\n \/* \u2550\u2550 RESPONSYWNO\u015a\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 860px) {\r\n .contact-grid { grid-template-columns: 1fr; }\r\n .left-col { flex-direction: row; flex-wrap: wrap; gap: 16px; }\r\n .info-card { flex: 1; min-width: 260px; }\r\n .map-wrap { flex: 1; min-width: 260px; aspect-ratio: 16\/9; }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .contact-section { padding-left: 16px; padding-right: 16px; }\r\n .form-row { grid-template-columns: 1fr; }\r\n .contact-card { padding: 22px 18px; }\r\n .left-col { flex-direction: column; }\r\n .map-wrap { aspect-ratio: 4\/3; }\r\n .footer-bar { padding-left: 16px; padding-right: 16px; flex-direction: column; align-items: flex-start; gap: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"contact-section\" id=\"kontakt\">\r\n\r\n \r\n <div class=\"contact-header\">\r\n <div class=\"contact-label-tag\">Napisz do nas<\/div>\r\n <h2 class=\"contact-title\">Napisz po <strong>szybk\u0105 wycen\u0119<\/strong><\/h2>\r\n <p class=\"contact-subtitle\">\r\n Opisz sw\u00f3j projekt \u2014 <span class=\"highlight\">zazwyczaj odpowiadamy w 30 minut!<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-grid\">\r\n\r\n \r\n <div class=\"left-col\">\r\n\r\n \r\n <div class=\"info-card\">\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2\r\n 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1\r\n C8.6 21 3 15.4 3 8.5 3 7.9 3.4 7.5 4 7.5H7.5\r\n c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">Telefon<\/span>\r\n <a class=\"contact-val\" href=\"tel:+48733024929\">+48 733 024 929<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M20 4H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16\r\n c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z\r\n M20 8l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">E-mail<\/span>\r\n <a class=\"contact-val\" href=\"mailto:kontakt@creativezen.pl\">kontakt@creativezen.pl<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2 L2 7 L2 22 L9 22 L9 15 L15 15 L15 22 L22 22 L22 7 Z\"\/>\r\n <rect x=\"5\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <rect x=\"11\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <rect x=\"16\" y=\"10\" width=\"3\" height=\"3\" fill=\"#09090b\" rx=\"0.3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <span class=\"contact-lbl\">Numer NIP<\/span>\r\n <span class=\"contact-val\">5234060479<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap\">\r\n <a class=\"map-overlay\"\r\n href=\"https:\/\/maps.google.com\/?q=Aleje+Jerozolimskie+109,+02-011+Warszawa\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n aria-label=\"Otw\u00f3rz lokalizacj\u0119 Creative Zen w Google Maps\">\r\n <\/a>\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2444.0!2d20.9884!3d52.2215!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471eccce28f0ef7b%3A0xdc1d19cb57c65c38!2sAleje%20Jerozolimskie%20109%2C%2002-011%20Warszawa!5e0!3m2!1spl!2spl!4v1700000000000!5m2!1spl!2spl\"\r\n allowfullscreen=\"\" loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Lokalizacja Creative Zen\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"right-col\">\r\n <div class=\"contact-card\">\r\n\r\n \r\n <div class=\"form-success\" id=\"formSuccess\">\r\n <div class=\"success-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"success-title\">Wiadomo\u015b\u0107 wys\u0142ana!<\/p>\r\n <p class=\"success-desc\">Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014 zazwyczaj w 30 minut!<\/p>\r\n <\/div>\r\n\r\n \r\n <form class=\"contact-form\" id=\"contactForm\"\r\n action=\"https:\/\/formspree.io\/f\/xbdwyzbe\"\r\n method=\"POST\">\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Imi\u0119 i nazwisko \/ Nazwa <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" name=\"Imi\u0119 i nazwisko \/ Nazwa\"\r\n placeholder=\"Jan Kowalski \/ Firma XYZ\" required autocomplete=\"name\"\/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Telefon<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"Telefon\"\r\n placeholder=\"+48 500 000 000\" autocomplete=\"tel\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adres e-mail <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"Email\"\r\n placeholder=\"jan@firma.pl\" required autocomplete=\"email\"\/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Wiadomo\u015b\u0107 <span class=\"req\">*<\/span><\/label>\r\n <textarea id=\"message\" name=\"Wiadomo\u015b\u0107\"\r\n placeholder=\"Opisz sw\u00f3j projekt \u2014 czego dotyczy, jaki masz cel, termin realizacji...\"\r\n required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"checks-group\">\r\n\r\n <label class=\"form-check\">\r\n <input type=\"checkbox\" name=\"Polityka prywatno\u015bci\"\r\n value=\"Tak, zapozna\u0142em\/am si\u0119 z polityk\u0105 prywatno\u015bci\" required\/>\r\n <span class=\"check-box\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"2 6 5 9 10 3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"check-label\">\r\n Zapozna\u0142am\/em si\u0119 z <a href=\"https:\/\/creativezen.pl\/polityka-prywatnosci\/\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\u201epolityk\u0105 prywatno\u015bci\"<\/a>. <span class=\"req\">*<\/span>\r\n <\/span>\r\n <\/label>\r\n\r\n <label class=\"form-check\">\r\n <input type=\"checkbox\" name=\"Zgoda marketingowa\"\r\n value=\"Tak, zgadzam si\u0119 na otrzymywanie informacji handlowych\"\/>\r\n <span class=\"check-box\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"2 6 5 9 10 3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"check-label\">\r\n Zgadzam si\u0119 na otrzymywanie na podany przeze mnie adres e-mail informacji handlowych.\r\n <\/span>\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n <div class=\"form-error-msg\" id=\"formError\">\r\n Wysy\u0142ka nie powiod\u0142a si\u0119. Spr\u00f3buj ponownie lub napisz bezpo\u015brednio na adres e-mail.\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">\r\n <span class=\"btn-text\">Wy\u015blij wiadomo\u015b\u0107<\/span>\r\n <svg class=\"btn-arrow\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\">\r\n <path d=\"M3 8h10M9 4l4 4-4 4\"\/>\r\n <\/svg>\r\n <span class=\"spinner\"><\/span>\r\n <\/button>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div class=\"footer-bar\">\r\n <span class=\"footer-copy\">\u00a9 2026 Creative Zen. Wszelkie prawa zastrze\u017cone.<\/span>\r\n <a class=\"footer-policy\"\r\n href=\"https:\/\/creativezen.pl\/polityka-prywatnosci\/\"\r\n target=\"_blank\" rel=\"noopener noreferrer\">\r\n Polityka prywatno\u015bci\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n var form = document.getElementById('contactForm');\r\n var submitBtn = document.getElementById('submitBtn');\r\n var formSuccess = document.getElementById('formSuccess');\r\n var formError = document.getElementById('formError');\r\n\r\n form.addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n formError.classList.remove('visible');\r\n submitBtn.classList.add('loading');\r\n submitBtn.disabled = true;\r\n\r\n try {\r\n var response = await fetch(form.action, {\r\n method: 'POST',\r\n body: new FormData(form),\r\n headers: { 'Accept': 'application\/json' }\r\n });\r\n if (response.ok) {\r\n form.style.display = 'none';\r\n formSuccess.classList.add('visible');\r\n \/\/ Zg\u0142o\u015b konwersj\u0119 do Google Ads\r\n gtag_report_conversion();\r\n } else {\r\n throw new Error('error');\r\n }\r\n } catch (err) {\r\n formError.classList.add('visible');\r\n submitBtn.classList.remove('loading');\r\n submitBtn.disabled = false;\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Technologia AI to: 0% Szybsza realizacja Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie. 0% Ni\u017csze koszty produkcji Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105. 0+ Wariant\u00f3w kreatywnych Tworzymy r\u00f3\u017cne wersje reklamy, by […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5042","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Reklama-Ai -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativezen.pl\/en\/reklama-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reklama-Ai -\" \/>\n<meta property=\"og:description\" content=\"Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Technologia AI to: 0% Szybsza realizacja Gotowe wideo w dni, nie w tygodnie. Wyprzedzaj konkurencj\u0119 i reaguj na trendy b\u0142yskawicznie. 0% Ni\u017csze koszty produkcji Zero wydatk\u00f3w na wynajem sprz\u0119tu, logistyk\u0119 i ca\u0142\u0105 ekip\u0119 zdj\u0119ciow\u0105. 0+ Wariant\u00f3w kreatywnych Tworzymy r\u00f3\u017cne wersje reklamy, by […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativezen.pl\/en\/reklama-ai\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T17:57:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Moralewicz.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\",\"name\":\"Reklama-Ai -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\",\"datePublished\":\"2026-01-06T15:57:40+00:00\",\"dateModified\":\"2026-05-11T17:57:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\",\"contentUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Moralewicz.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/reklama-ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/creativezen.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reklama-Ai\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/\",\"name\":\"CreativeZen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativezen.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#organization\",\"name\":\"CreativeZen\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Creative_zen_4k_trans