{"id":8,"date":"2024-06-23T12:31:07","date_gmt":"2024-06-23T12:31:07","guid":{"rendered":"https:\/\/brisk-bihm-dagqn.zipwp.link\/?page_id=8"},"modified":"2026-05-11T19:10:39","modified_gmt":"2026-05-11T19:10:39","slug":"start","status":"publish","type":"page","link":"https:\/\/creativezen.pl\/en\/","title":{"rendered":"Start"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 NAWIGACJA\r\n Zmie\u0144 href=\"#\" na w\u0142a\u015bciwe adresy podstron\r\n Zmie\u0144 etykiety link\u00f3w\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\r\n <!-- Logo \u2013 zmie\u0144 tekst \"CREATIVE ZEN\" je\u015bli potrzeba -->\r\n <a class=\"logo\" href=\"https:\/\/creativezen.pl\/en\/\">\r\n CREATIVE ZEN\r\n <span class=\"logo-ring\" aria-hidden=\"true\"><\/span>\r\n <\/a>\r\n\r\n <!-- Linki \u2013 zmie\u0144 href i etykiety tutaj -->\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"https:\/\/creativezen.pl\/en\/Baza-wiedzy\/\">Knowledge Base<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/en\/o-nas\/\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/en\/portfolio\/\">Services<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/en\/blog\/\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/creativezen.pl\/en\/kontakt\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n\r\n <!-- Hamburger \u2013 wy\u0142\u0105cznie mobile -->\r\n <button class=\"hamburger\" id=\"hamburger\"\r\n aria-label=\"Open 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<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 JAVASCRIPT \u2013 hamburger toggle\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<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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98ccbd0 e-con-full e-flex e-con e-parent\" data-id=\"98ccbd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f63baf elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7f63baf\" 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 Nasze us\u0142ugi<\/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 <style>\r\n :root {\r\n --accent: #4ade80;\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.52);\r\n --border: rgba(255,255,255,0.09);\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(16px, 5vw, 72px);\r\n --gap: clamp(8px, 1.4vw, 18px);\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 .services-section {\r\n padding: clamp(32px, 4vw, 56px) var(--px);\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 .services-header {\r\n text-align: center;\r\n margin-bottom: clamp(28px, 4vw, 52px);\r\n }\r\n .services-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: 14px;\r\n }\r\n .services-label::before,\r\n .services-label::after {\r\n content: '';\r\n width: 24px; height: 1px;\r\n background: var(--accent);\r\n opacity: 0.6;\r\n }\r\n .services-title {\r\n font-size: clamp(2rem, 4.5vw, 3.2rem);\r\n font-weight: 300;\r\n letter-spacing: -0.01em;\r\n line-height: 1.15;\r\n }\r\n .services-title strong { font-weight: 800; }\r\n .services-subtitle {\r\n margin-top: 14px;\r\n font-size: clamp(0.85rem, 1.3vw, 1rem);\r\n font-weight: 300;\r\n color: var(--muted);\r\n max-width: 520px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* \u2550\u2550 SIATKA \u2013 p\u0142aski grid 12 kolumn \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: var(--gap);\r\n }\r\n .service-card--top { grid-column: span 4; }\r\n .service-card--bot { grid-column: span 3; }\r\n\r\n \/* \u2550\u2550 KARTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 .service-card {\r\n position: relative;\r\n display: block;\r\n text-decoration: none;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n aspect-ratio: 4 \/ 3;\r\n background: #111;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.40);\r\n transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.25s ease;\r\n }\r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 56px rgba(0,0,0,0.55), 0 0 0 1px rgba(74,222,128,0.20);\r\n border-color: rgba(74,222,128,0.28);\r\n }\r\n\r\n \/* Linia akcentu \u2013 g\u00f3rna kraw\u0119d\u017a na hover *\/\r\n .card-accent-line {\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: var(--accent);\r\n z-index: 4;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.35s ease;\r\n }\r\n .service-card:hover .card-accent-line { transform: scaleX(1); }\r\n\r\n \/* Obrazek *\/\r\n .card-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n filter: brightness(0.65) saturate(0.80);\r\n transition: transform 0.45s ease, filter 0.30s ease;\r\n }\r\n .service-card:hover .card-img {\r\n transform: scale(1.06);\r\n filter: brightness(0.45) saturate(0.65);\r\n }\r\n\r\n \/* Gradient od do\u0142u \u2013 sta\u0142y, silniejszy ni\u017c poprzednio *\/\r\n .card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(6,6,6,0) 0%,\r\n rgba(6,6,6,0.15) 45%,\r\n rgba(6,6,6,0.88) 100%\r\n );\r\n z-index: 2;\r\n }\r\n\r\n \/* \u2550\u2550 TRE\u015a\u0106 \u2013 TYLKO NA DOLE \u2550\u2550\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 position absolute bottom 0 \u2014 NIE inset:0\r\n Dzi\u0119ki temu nie ma ryzyka \u017ce tre\u015b\u0107 \"wyp\u0142ynie\" na g\u00f3r\u0119\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 .card-content {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n z-index: 3;\r\n padding: clamp(10px, 1.8vw, 20px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n }\r\n\r\n \/* Tag \u2013 ma\u0142y label nad tytu\u0142em *\/\r\n .card-tag {\r\n font-size: clamp(0.52rem, 0.8vw, 0.62rem);\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n opacity: 0;\r\n transform: translateY(4px);\r\n transition: opacity 0.25s, transform 0.25s;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .service-card:hover .card-tag { opacity: 1; transform: translateY(0); }\r\n\r\n \/* Tytu\u0142 \u2013 fluid, zawsze widoczny *\/\r\n .card-name {\r\n font-size: clamp(0.80rem, 1.6vw, 1.30rem);\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.20;\r\n letter-spacing: -0.01em;\r\n text-shadow: 0 1px 8px rgba(0,0,0,0.6);\r\n }\r\n\r\n \/* Opis \u2013 pojawia si\u0119 na hover, schowany domy\u015blnie *\/\r\n .card-desc {\r\n font-size: clamp(0.62rem, 0.9vw, 0.76rem);\r\n font-weight: 300;\r\n color: rgba(255,255,255,0.72);\r\n line-height: 1.5;\r\n overflow: hidden;\r\n max-height: 0;\r\n opacity: 0;\r\n transition: max-height 0.35s ease, opacity 0.28s ease;\r\n }\r\n .service-card:hover .card-desc { max-height: 72px; opacity: 1; }\r\n\r\n \/* Strza\u0142ka CTA *\/\r\n .card-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: clamp(0.58rem, 0.85vw, 0.68rem);\r\n font-weight: 600;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-top: 2px;\r\n opacity: 0;\r\n transform: translateX(-5px);\r\n transition: opacity 0.25s ease 0.04s, transform 0.25s ease 0.04s;\r\n white-space: nowrap;\r\n }\r\n .card-arrow svg { width: 11px; height: 11px; flex-shrink: 0; transition: transform 0.2s; }\r\n .service-card:hover .card-arrow { opacity: 1; transform: translateX(0); }\r\n .service-card:hover .card-arrow svg { transform: translateX(3px); }\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 \/* Tablet \u2264 860px \u2192 2 kolumny *\/\r\n @media (max-width: 860px) {\r\n .service-card--top,\r\n .service-card--bot { grid-column: span 6; }\r\n }\r\n\r\n \/* Telefon \u2264 480px \u2192 1 kolumna, opis zawsze widoczny *\/\r\n @media (max-width: 480px) {\r\n .services-section { padding-left: 14px; padding-right: 14px; }\r\n .service-card--top,\r\n .service-card--bot { grid-column: span 12; }\r\n .card-desc { max-height: 60px; opacity: 1; }\r\n .card-tag { opacity: 1; transform: translateY(0); }\r\n .card-arrow { opacity: 1; transform: translateX(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"services-section\">\r\n\r\n <div class=\"services-header\">\r\n <div class=\"services-label\">What are we doing<\/div>\r\n <h2 class=\"services-title\">Choose yours <strong>service<\/strong><\/h2>\r\n <p class=\"services-subtitle\">\r\n From medical animations to AI advertisements, we undertake every project with the utmost precision.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <!-- KARTA 1 \u2013 Animacja produktu -->\r\n <a class=\"service-card service-card--top\"\r\n href=\"https:\/\/creativezen.pl\/en\/animacja-reklamowa-3d\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/0505-2.png\"\r\n alt=\"Animacja produktu\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">3D \/ CGI<\/span>\r\n <h3 class=\"card-name\">Product animation<\/h3>\r\n <p class=\"card-desc\">Supplements, electronics, jewellery, cosmetics \u2014 every product in a striking 3D animation.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 2 \u2013 Animacja techniczna -->\r\n <a class=\"service-card service-card--top\"\r\n href=\"https:\/\/creativezen.pl\/en\/animacja-techniczna\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/linia_produkcyjna_widok_z_gory_202605050335.webp\"\r\n alt=\"Animacja techniczna\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">Machines \u00b7 CAD<\/span>\r\n <h3 class=\"card-name\">Technical animation<\/h3>\r\n <p class=\"card-desc\">Machines, equipment, production lines \u2014 3D cross-sections for trade fairs and B2B tenders.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 3 \u2013 Animacja medyczna -->\r\n <a class=\"service-card service-card--top\"\r\n href=\"https:\/\/creativezen.pl\/en\/animacja-medyczna\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Usun_napisy_202605051646.webp\"\r\n alt=\"Animacja medyczna\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">MedTech \u00b7 Pharma<\/span>\r\n <h3 class=\"card-name\">Medical animation<\/h3>\r\n <p class=\"card-desc\">MOA locations, surgical procedures, MedTech devices \u2014 for pharmaceutical companies and clinics.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 4 \u2013 Animacja monta\u017cu -->\r\n <a class=\"service-card service-card--bot\"\r\n href=\"https:\/\/creativezen.pl\/en\/animacja-montazu\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Montaz_stolu_grafika_3d_202605051652.webp\"\r\n alt=\"Animacja monta\u017cu\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">Instructions<\/span>\r\n <h3 class=\"card-name\">Assembly animation<\/h3>\r\n <p class=\"card-desc\">Step by step \u2014 eliminate errors and reduce service costs.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 5 \u2013 Wizualizacja produktu -->\r\n <a class=\"service-card service-card--bot\"\r\n href=\"https:\/\/creativezen.pl\/en\/wizualizacja-produktu\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/3d_luxury_sofa_white_background_202605051655-2.webp\"\r\n alt=\"Wizualizacja produktu\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">Render \u00b7 CGI<\/span>\r\n <h3 class=\"card-name\">Product Visualization<\/h3>\r\n <p class=\"card-desc\">3D renders and visualisations \u2013 before the physical product is created.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 6 \u2013 Reklama AI -->\r\n <a class=\"service-card service-card--bot\"\r\n href=\"https:\/\/creativezen.pl\/en\/reklama-ai\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Robot_patrzy_prosto_w_kamere_202605051704.webp\"\r\n alt=\"Reklama AI\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">AI \u00b7 Video<\/span>\r\n <h3 class=\"card-name\">AI Ads<\/h3>\r\n <p class=\"card-desc\">AI-powered video campaigns - faster and cheaper than traditional production.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTA 7 \u2013 Prompty -->\r\n <a class=\"service-card service-card--bot\"\r\n href=\"https:\/\/creativezen.pl\/en\/prompty\/\">\r\n <div class=\"card-accent-line\"><\/div>\r\n <img decoding=\"async\" class=\"card-img\"\r\n src=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2026\/05\/Computer_screen_with_Python_code_202605051700.webp\"\r\n alt=\"Prompty AI dla biznesu\"\/>\r\n <div class=\"card-overlay\"><\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-tag\">AI \u00b7 Automatyzacja<\/span>\r\n <h3 class=\"card-name\">Prompts for business<\/h3>\r\n <p class=\"card-desc\">Ready-made AI prompts and strategies tailored to your industry.<\/p>\r\n <span class=\"card-arrow\">See more\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n<\/section>\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-49752a9 e-con-full e-flex e-con e-parent\" data-id=\"49752a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bcef42 elementor-widget elementor-widget-html\" data-id=\"6bcef42\" 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 <!-- \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 -->\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 Working with Pawe\u0142 is an absolute pleasure. Even if I don't specify something clearly, Pawe\u0142 still does it in such a way that I'm ultimately satisfied. He can practically read minds \ud83e\udd37\u200d\u2642\ufe0f 11\/10, highly recommended!\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 I was looking for fresh ideas, it's hard to come by these days in the market, CreativeZen delivered them in spades. The company name fits perfectly - everything done with calm and on time. I'll definitely be back with more jobs.\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 I was looking for trusted medical animation creators \u2014 Creative Zen surprised me very positively. The specialisation is ideal for our company, everything was on time. I highly recommend them!\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 Check all Google reviews\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 <!-- \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 -->\r\n <div class=\"trusted-card\">\r\n\r\n <div class=\"trusted-header\">\r\n <div class=\"trusted-label\">Our clients<\/div>\r\n <h2 class=\"trusted-title\">Trusted us <strong>nam<\/strong><\/h2>\r\n <\/div>\r\n\r\n <!-- 2 kolumny \u00d7 3 wiersze = 6 kom\u00f3rek, 5 logo + 1 pusta -->\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=\"Nothing\">\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<div class=\"elementor-element elementor-element-e374072 e-flex e-con-boxed e-con e-child\" data-id=\"e374072\" 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-ea37377 elementor-widget elementor-widget-html\" data-id=\"ea37377\" 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<!--\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\u2550\u2550\u2550\u2550\u2557\r\n \u2551 CREATIVE ZEN \u2013 Segment: Stopka \/ Footer \u2551\r\n \u2551 Lewa: dane kontaktowe | Prawa: mapa | D\u00f3\u0142: copyright \u2551\r\n \u2551 \u2551\r\n \u2551 INSTRUKCJA SZYBKIEJ EDYCJI: \u2551\r\n \u2551 \u2022 Telefon \u2192 szukaj: TELEFON \u2551\r\n \u2551 \u2022 E-mail \u2192 szukaj: EMAIL \u2551\r\n \u2551 \u2022 NIP \u2192 szukaj: NIP \u2551\r\n \u2551 \u2022 Adres na mapie \u2192 szukaj: MAPA EMBED \u2551\r\n \u2551 \u2022 Polityka pryw. \u2192 szukaj: POLITYKA LINK \u2551\r\n \u2551 \u2022 Rok \/ copyright \u2192 szukaj: COPYRIGHT \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\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n<!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&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 wszystkimi poprzednimi segmentami\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; \/* zielony akcent *\/\r\n --text: #ffffff; \/* tekst g\u0142\u00f3wny *\/\r\n --muted: rgba(255,255,255,0.45); \/* tekst drugoplanowy *\/\r\n --border: rgba(255,255,255,0.09); \/* obramowania *\/\r\n --font: 'Inter', sans-serif;\r\n --px: clamp(20px, 5vw, 72px); \/* padding poziomy sekcji *\/\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { font-size: 16px; }\r\n\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: transparent; \/* \u2190 transparentne \u2013 CMS nadaje kolor strony *\/\r\n overflow-x: hidden;\r\n }\r\n\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 G\u0141\u00d3WNA SEKCJA STOPKI\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 .footer-main {\r\n padding: clamp(48px, 7vw, 96px) var(--px) clamp(32px, 5vw, 56px);\r\n display: grid;\r\n \/* Lewa (dane) w\u0119\u017csza, prawa (mapa) szersza \u2013 jak na screenshocie *\/\r\n grid-template-columns: 1fr 1.4fr;\r\n gap: clamp(32px, 5vw, 72px);\r\n align-items: center;\r\n }\r\n\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 LEWA KOLUMNA \u2013 dane kontaktowe\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 .contact-col {\r\n display: flex;\r\n flex-direction: column;\r\n \/* Odst\u0119p mi\u0119dzy wierszami kontaktu *\/\r\n gap: clamp(20px, 3vw, 32px);\r\n }\r\n\r\n \/* Pojedynczy wiersz danych (ikona + tekst) *\/\r\n .contact-row {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(16px, 2vw, 24px);\r\n }\r\n\r\n \/* \u2500\u2500 Ikona w k\u00f3\u0142ku \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 K\u00f3\u0142ko z ikon\u0105 \u2013 jak na screenshocie (bia\u0142y okr\u0105g + ikona)\r\n \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .contact-icon {\r\n flex-shrink: 0;\r\n width: clamp(44px, 4.5vw, 56px); \/* rozmiar k\u00f3\u0142ka *\/\r\n height: clamp(44px, 4.5vw, 56px);\r\n border-radius: 50%;\r\n \/* Bia\u0142y okr\u0105g jak na screenshocie *\/\r\n background: rgba(255,255,255,0.10);\r\n border: 1.5px solid rgba(255,255,255,0.20);\r\n display: flex;\r\n align-items: center;\r\n 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.16);\r\n border-color: rgba(255,255,255,0.35);\r\n }\r\n\r\n \/* SVG ikony wewn\u0105trz k\u00f3\u0142ka *\/\r\n .contact-icon svg {\r\n width: clamp(18px, 2vw, 24px);\r\n height: clamp(18px, 2vw, 24px);\r\n fill: var(--text);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Tekst danych kontaktowych *\/\r\n .contact-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n \/* Etykieta (Tel:, Mail:, NIP:) *\/\r\n .contact-label {\r\n font-size: clamp(0.62rem, 0.9vw, 0.70rem);\r\n font-weight: 500;\r\n letter-spacing: 0.10em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n }\r\n\r\n \/* Warto\u015b\u0107 danych kontaktowych *\/\r\n .contact-value {\r\n font-size: clamp(1rem, 1.8vw, 1.4rem); \/* du\u017cy jak na screenshocie *\/\r\n font-weight: 500;\r\n color: var(--text);\r\n text-decoration: none;\r\n line-height: 1.2;\r\n transition: color 0.20s;\r\n }\r\n a.contact-value:hover { color: var(--accent); }\r\n\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 PRAWA KOLUMNA \u2013 MAPA GOOGLE\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 .map-col {}\r\n\r\n \/* Kontener mapy \u2013 zaokr\u0105glone rogi jak na screenshocie *\/\r\n .map-wrap {\r\n position: relative;\r\n border-radius: 18px; \/* zaokr\u0105glone rogi *\/\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n \/* Efekt jak na screenshocie \u2013 subtelny cie\u0144 *\/\r\n box-shadow:\r\n 0 24px 60px rgba(0,0,0,0.55),\r\n 0 0 0 1px rgba(255,255,255,0.06);\r\n \/* Proporcje mapy \u2013 jak na screenshocie (szerszy ni\u017c wy\u017cszy) *\/\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n \/* \u2500\u2500 MAPA EMBED \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 MAPA EMBED \u2013 zamie\u0144 src iframe poni\u017cej na w\u0142asny embed:\r\n\r\n JAK UZYSKA\u0106 EMBED GOOGLE MAPS:\r\n 1. Otw\u00f3rz maps.google.com\r\n 2. Wyszukaj adres: Aleje Jerozolimskie 109\/70, Warszawa\r\n 3. Kliknij \"Udost\u0119pnij\" \u2192 \"Umie\u015b\u0107 map\u0119\"\r\n 4. Skopiuj src z wygenerowanego iframe\r\n 5. Wklej poni\u017cej zamiast obecnego src\r\n\r\n Aktualny adres: Al. Jerozolimskie 109 lok. 70, 02-011 Warszawa\r\n \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .map-wrap iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n display: block;\r\n \/* Ciemny filtr mapy \u2013 pasuje do ciemnego motywu strony\r\n Zmie\u0144 brightness\/saturate aby dostosowa\u0107 wygl\u0105d *\/\r\n filter: grayscale(35%) brightness(0.85) contrast(1.05);\r\n transition: filter 0.35s ease;\r\n }\r\n \/* Pe\u0142ne kolory mapy przy hover *\/\r\n .map-wrap:hover iframe {\r\n filter: grayscale(0%) brightness(0.95) contrast(1.0);\r\n }\r\n\r\n \/* Nak\u0142adka \u2013 mo\u017cna klikn\u0105\u0107 map\u0119 (otwiera Google Maps w nowej karcie) *\/\r\n .map-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n cursor: pointer;\r\n \/* Gradient na rogach dla efektu depth *\/\r\n background:\r\n radial-gradient(ellipse at top left,\r\n rgba(0,0,0,0.15) 0%, transparent 60%),\r\n radial-gradient(ellipse at bottom right,\r\n rgba(0,0,0,0.15) 0%, transparent 60%);\r\n }\r\n \/* Usu\u0144 nak\u0142adk\u0119 \u017ceby mapa by\u0142a interaktywna:\r\n wystarczy doda\u0107 style=\"display:none\" do .map-overlay\r\n Lub ca\u0142kowicie usu\u0144 div.map-overlay z HTML *\/\r\n\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 PASEK DOLNY \u2013 copyright + polityka prywatno\u015bci\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 .footer-bar {\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\r\n \/* COPYRIGHT \u2013 zmie\u0144 rok i nazw\u0119 firmy tutaj lub w HTML *\/\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\r\n \/* POLITYKA LINK \u2013 zmie\u0144 href na sw\u00f3j link do polityki prywatno\u015bci *\/\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 {\r\n color: var(--text);\r\n text-decoration: underline;\r\n }\r\n\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 RESPONSYWNO\u015a\u0106\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\r\n \/* Tablet \u2264 760px \u2013 jedna kolumna, mapa pod danymi *\/\r\n @media (max-width: 760px) {\r\n .footer-main {\r\n grid-template-columns: 1fr;\r\n gap: clamp(28px, 5vw, 44px);\r\n }\r\n\r\n \/* Mapa nieco ni\u017csza na tablecie *\/\r\n .map-wrap {\r\n aspect-ratio: 4 \/ 3;\r\n }\r\n }\r\n\r\n \/* Telefon \u2264 480px *\/\r\n @media (max-width: 480px) {\r\n .footer-main {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n }\r\n .footer-bar {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n \/* Mapa w proporcji 1:1 na telefonie *\/\r\n .map-wrap { aspect-ratio: 1 \/ 1; }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\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\u2550\u2550\r\n SEKCJA G\u0141\u00d3WNA STOPKI \u2013 dane kontaktowe + mapa\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<footer>\r\n <div class=\"footer-main\">\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEWA: dane kontaktowe \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"contact-col\">\r\n\r\n <!-- \u2500\u2500 TELEFON \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 TELEFON \u2013 zmie\u0144 numer w href i w tek\u015bcie poni\u017cej -->\r\n <div class=\"contact-row\">\r\n <!-- Ikona s\u0142uchawki telefonu -->\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\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 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1 C8.6 21 3 15.4 3 8.5 3 7.9 3.4 7.5 4 7.5H7.5 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-label\">Telephone<\/span>\r\n <!-- TELEFON \u2013 zmie\u0144 numer telefonu (href i tekst) -->\r\n <a class=\"contact-value\" href=\"tel:+48733024929\">\r\n Tel: +48 733 024 929\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500 E-MAIL \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 EMAIL \u2013 zmie\u0144 adres e-mail w href i w tek\u015bcie -->\r\n <div class=\"contact-row\">\r\n <!-- Ikona koperty e-mail -->\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\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 c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z 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-label\">Email<\/span>\r\n <!-- EMAIL \u2013 zmie\u0144 adres e-mail (href i tekst) -->\r\n <a class=\"contact-value\" href=\"mailto:kontakt@creativezen.pl\">\r\n Mail: kontakt@creativezen.pl\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500 NIP \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 NIP \u2013 zmie\u0144 numer NIP poni\u017cej -->\r\n <div class=\"contact-row\">\r\n <!-- Ikona budynku \/ firmy -->\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\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-label\">VAT number<\/span>\r\n <!-- NIP \u2013 zmie\u0144 numer NIP tutaj -->\r\n <span class=\"contact-value\">NIP: 5234060479<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/.contact-col -->\r\n\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRAWA: mapa Google Maps \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\n MAPA EMBED \u2013 zamie\u0144 src w <iframe> na w\u0142asny embed:\r\n\r\n Szybki spos\u00f3b:\r\n 1. Kliknij link poni\u017cej \u2013 otwiera lokalizacj\u0119 w Google Maps\r\n https:\/\/maps.google.com\/?q=Aleje+Jerozolimskie+109,+Warszawa\r\n 2. Kliknij \"Udost\u0119pnij\" \u2192 \"Umie\u015b\u0107 map\u0119\" \u2192 \"Skopiuj HTML\"\r\n 3. Z skopiowanego kodu we\u017a tylko warto\u015b\u0107 src=\"...\"\r\n 4. Wklej j\u0105 w miejscu aktualnego src poni\u017cej\r\n\r\n Aktualny adres:\r\n Al. Jerozolimskie 109 lok. 70, 02-011 Warszawa\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"map-col\">\r\n <div class=\"map-wrap\">\r\n\r\n <!-- Klikni\u0119cie na map\u0119 otwiera Google Maps w nowej karcie -->\r\n <a class=\"map-overlay\"\r\n href=\"https:\/\/maps.google.com\/?q=Aleje+Jerozolimskie+109,+02-011+Warszawa\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Open Creative Zen location in Google Maps\">\r\n <\/a>\r\n\r\n <!-- MAPA EMBED \u2013 podmie\u0144 src na sw\u00f3j embed z Google Maps\r\n Aktualny: Al. Jerozolimskie 109, Warszawa -->\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=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Creative Zen Location \u2013 Al. Jerozolimskie 109, Warsaw\">\r\n <\/iframe>\r\n\r\n <\/div><!-- \/.map-wrap -->\r\n <\/div><!-- \/.map-col -->\r\n\r\n <\/div><!-- \/.footer-main -->\r\n\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\r\n PASEK DOLNY \u2013 copyright + polityka prywatno\u015bci\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 <div class=\"footer-bar\">\r\n\r\n <!-- COPYRIGHT \u2013 zmie\u0144 rok i nazw\u0119 firmy tutaj -->\r\n <span class=\"footer-copy\">\r\n \u00a9 2026 Creative Zen. All rights reserved.\r\n <\/span>\r\n\r\n <!-- POLITYKA LINK \u2013 zmie\u0144 href na sw\u00f3j link do polityki prywatno\u015bci\r\n Przyk\u0142ady:\r\n href=\"\/polityka-prywatnosci\" (podstrona WordPressa)\r\n href=\"https:\/\/twoja-domena.pl\/polityka\" (pe\u0142ny URL) -->\r\n <a class=\"footer-policy\"\r\n href=\"https:\/\/creativezen.pl\/en\/polityka-prywatnosci\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n Privacy policy\r\n <\/a>\r\n\r\n <\/div><!-- \/.footer-bar -->\r\n\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Creative Zen \u2013 Nasze us\u0142ugi Co robimy Wybierz swoj\u0105 us\u0142ug\u0119 Od animacji medycznych po reklamy AI \u2014 ka\u017cdy projekt realizujemy z najwy\u017csz\u0105 precyzj\u0105. 3D \/ CGI Animacja produktu Suplement, elektronika, bi\u017cuteria, kosmetyki \u2014 ka\u017cdy produkt w efektownej animacji 3D. Zobacz wi\u0119cej Maszyny […]<\/p>\n","protected":false},"author":7,"featured_media":2988,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"unboxed","site-sidebar-style":"unboxed","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":"enabled","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-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wizualizacja produktu, animacja, reklama, prezentacje 3D<\/title>\n<meta name=\"description\" content=\"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wizualizacja produktu, animacja, reklama, prezentacje 3D\" \/>\n<meta property=\"og:description\" content=\"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativezen.pl\/en\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T19:10:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1769\" \/>\n\t<meta property=\"og:image:height\" content=\"1769\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/\",\"name\":\"Wizualizacja produktu, animacja, reklama, prezentacje 3D\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Perfumy2.webp\",\"datePublished\":\"2024-06-23T12:31:07+00:00\",\"dateModified\":\"2026-05-11T19:10:39+00:00\",\"description\":\"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativezen.pl\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#primaryimage\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Perfumy2.webp\",\"contentUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Perfumy2.webp\",\"width\":1769,\"height\":1769,\"caption\":\"Przyk\u0142ad prezentacji produktu 3D - Perfumy.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/creativezen.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Start\"}]},{\"@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_transparent_logo_compressed_06-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/creativezen.pl\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Creative_zen_4k_transparent_logo_compressed_06-scaled.webp\",\"width\":2560,\"height\":421,\"caption\":\"CreativeZen\"},\"image\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/@CreativeZen-PL\",\"https:\\\/\\\/www.instagram.com\\\/creativezen.pl\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@creativezen.pl\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wizualizacja produktu, animacja, reklama, prezentacje 3D","description":"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativezen.pl\/en\/","og_locale":"en_GB","og_type":"article","og_title":"Wizualizacja produktu, animacja, reklama, prezentacje 3D","og_description":"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.","og_url":"https:\/\/creativezen.pl\/en\/","article_modified_time":"2026-05-11T19:10:39+00:00","og_image":[{"width":1769,"height":1769,"url":"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativezen.pl\/","url":"https:\/\/creativezen.pl\/","name":"Wizualizacja produktu, animacja, reklama, prezentacje 3D","isPartOf":{"@id":"https:\/\/creativezen.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativezen.pl\/#primaryimage"},"image":{"@id":"https:\/\/creativezen.pl\/#primaryimage"},"thumbnailUrl":"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp","datePublished":"2024-06-23T12:31:07+00:00","dateModified":"2026-05-11T19:10:39+00:00","description":"kontakt@creativezen.pl \u2b62 Zareklamuj si\u0119 z nasz\u0105 pomoc\u0105! Wizualizacja produktu, Animacje 3D, filmy instrukta\u017cowe, prezentacje interaktywne.","breadcrumb":{"@id":"https:\/\/creativezen.pl\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativezen.pl\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/creativezen.pl\/#primaryimage","url":"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp","contentUrl":"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp","width":1769,"height":1769,"caption":"Przyk\u0142ad prezentacji produktu 3D - Perfumy."},{"@type":"BreadcrumbList","@id":"https:\/\/creativezen.pl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/creativezen.pl\/"},{"@type":"ListItem","position":2,"name":"Start"}]},{"@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_transparent_logo_compressed_06-scaled.webp","contentUrl":"https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Creative_zen_4k_transparent_logo_compressed_06-scaled.webp","width":2560,"height":421,"caption":"CreativeZen"},"image":{"@id":"https:\/\/creativezen.pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.youtube.com\/@CreativeZen-PL","https:\/\/www.instagram.com\/creativezen.pl\/","https:\/\/www.tiktok.com\/@creativezen.pl"]}]}},"uagb_featured_image_src":{"full":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp",1769,1769,false],"thumbnail":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2-150x150.webp",150,150,true],"medium":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2-300x300.webp",300,300,true],"medium_large":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2-768x768.webp",768,768,true],"large":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2-1024x1024.webp",1024,1024,true],"1536x1536":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2-1536x1536.webp",1536,1536,true],"2048x2048":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp",1769,1769,false],"trp-custom-language-flag":["https:\/\/creativezen.pl\/wp-content\/uploads\/2024\/09\/Perfumy2.webp",12,12,false]},"uagb_author_info":{"display_name":"oo2vzexdlxrd","author_link":"https:\/\/creativezen.pl\/en\/author\/oo2vzexdlxrd\/"},"uagb_comment_info":0,"uagb_excerpt":"Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Creative Zen \u2013 Nasze us\u0142ugi Co robimy Wybierz swoj\u0105 us\u0142ug\u0119 Od animacji medycznych po reklamy AI \u2014 ka\u017cdy projekt realizujemy z najwy\u017csz\u0105 precyzj\u0105. 3D \/ CGI Animacja produktu Suplement, elektronika, bi\u017cuteria, kosmetyki \u2014 ka\u017cdy produkt w efektownej animacji 3D. Zobacz wi\u0119cej Maszyny…","_links":{"self":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1227,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":7328,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/7328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/media\/2988"}],"wp:attachment":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}