{"id":1422,"date":"2024-06-26T19:45:58","date_gmt":"2024-06-26T19:45:58","guid":{"rendered":"https:\/\/creativezen.pl\/?page_id=1422"},"modified":"2026-05-06T10:50:17","modified_gmt":"2026-05-06T10:50:17","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/creativezen.pl\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1422\" class=\"elementor elementor-1422\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae91b2b e-con-full e-flex e-con e-parent\" data-id=\"ae91b2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2338cc6 elementor-widget elementor-widget-html\" data-id=\"2338cc6\" 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 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\">\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\/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  <!-- Hamburger \u2013 wy\u0142\u0105cznie mobile -->\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<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-2205eed e-con-full e-flex e-con e-parent\" data-id=\"2205eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c00d01f elementor-widget elementor-widget-html\" data-id=\"c00d01f\" 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  <!-- Google tag (gtag.js) \u2013 wymagany do dzia\u0142ania konwersji Google Ads -->\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  <!-- Event snippet \u2013 konwersja Google Ads po klikni\u0119ciu \"Wy\u015blij wiadomo\u015b\u0107\" -->\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  <!-- Nag\u0142\u00f3wek -->\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  <!-- Grid: lewa + prawa -->\r\n  <div class=\"contact-grid\">\r\n\r\n    <!-- \u2550\u2550 LEWA: dane + mapka \u2550\u2550\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=\"left-col\">\r\n\r\n      <!-- Dane kontaktowe -->\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      <!-- Mapka -->\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    <!-- \u2550\u2550 PRAWA: formularz \u2550\u2550\u2550\u2550\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=\"right-col\">\r\n      <div class=\"contact-card\">\r\n\r\n        <!-- Sukces -->\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        <!-- Formularz -->\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><!-- \/.contact-grid -->\r\n\r\n<\/section>\r\n\r\n<!-- Pasek stopki -->\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 Creative Zen \u2013 Kontakt Napisz do nas Napisz po szybk\u0105 wycen\u0119 Opisz sw\u00f3j projekt \u2014 zazwyczaj odpowiadamy w 30 minut! Telefon +48 733 024 929 E-mail kontakt@creativezen.pl Numer NIP 5234060479 Wiadomo\u015b\u0107 wys\u0142ana! Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014 [&hellip;]<\/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":"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":"","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-1422","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kontakt -<\/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\/kontakt\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kontakt -\" \/>\n<meta property=\"og:description\" content=\"Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Creative Zen \u2013 Kontakt Napisz do nas Napisz po szybk\u0105 wycen\u0119 Opisz sw\u00f3j projekt \u2014 zazwyczaj odpowiadamy w 30 minut! Telefon +48 733 024 929 E-mail kontakt@creativezen.pl Numer NIP 5234060479 Wiadomo\u015b\u0107 wys\u0142ana! Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativezen.pl\/en\/kontakt\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-06T10:50:17+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/kontakt\\\/\",\"url\":\"https:\\\/\\\/creativezen.pl\\\/kontakt\\\/\",\"name\":\"Kontakt -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/#website\"},\"datePublished\":\"2024-06-26T19:45:58+00:00\",\"dateModified\":\"2026-05-06T10:50:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativezen.pl\\\/kontakt\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativezen.pl\\\/kontakt\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativezen.pl\\\/kontakt\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/creativezen.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kontakt\"}]},{\"@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":"Kontakt -","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\/kontakt\/","og_locale":"en_GB","og_type":"article","og_title":"Kontakt -","og_description":"Creative Zen \u2013 Nawigacja CREATIVE ZEN Baza Wiedzy O Nas Us\u0142ugi Blog Kontakt Creative Zen \u2013 Kontakt Napisz do nas Napisz po szybk\u0105 wycen\u0119 Opisz sw\u00f3j projekt \u2014 zazwyczaj odpowiadamy w 30 minut! Telefon +48 733 024 929 E-mail kontakt@creativezen.pl Numer NIP 5234060479 Wiadomo\u015b\u0107 wys\u0142ana! Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014 [&hellip;]","og_url":"https:\/\/creativezen.pl\/en\/kontakt\/","article_modified_time":"2026-05-06T10:50:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativezen.pl\/kontakt\/","url":"https:\/\/creativezen.pl\/kontakt\/","name":"Kontakt -","isPartOf":{"@id":"https:\/\/creativezen.pl\/#website"},"datePublished":"2024-06-26T19:45:58+00:00","dateModified":"2026-05-06T10:50:17+00:00","breadcrumb":{"@id":"https:\/\/creativezen.pl\/kontakt\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativezen.pl\/kontakt\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/creativezen.pl\/kontakt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/creativezen.pl\/"},{"@type":"ListItem","position":2,"name":"Kontakt"}]},{"@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":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":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 Kontakt Napisz do nas Napisz po szybk\u0105 wycen\u0119 Opisz sw\u00f3j projekt \u2014 zazwyczaj odpowiadamy w 30 minut! Telefon +48 733 024 929 E-mail kontakt@creativezen.pl Numer NIP 5234060479 Wiadomo\u015b\u0107 wys\u0142ana! Dzi\u0119kujemy za kontakt. Odezwiemy si\u0119 najszybciej jak to mo\u017cliwe \u2014&hellip;","_links":{"self":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/1422","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=1422"}],"version-history":[{"count":185,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/1422\/revisions"}],"predecessor-version":[{"id":7162,"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/pages\/1422\/revisions\/7162"}],"wp:attachment":[{"href":"https:\/\/creativezen.pl\/en\/wp-json\/wp\/v2\/media?parent=1422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}