{"id":784,"date":"2024-07-26T09:25:25","date_gmt":"2024-07-26T09:25:25","guid":{"rendered":"https:\/\/kaniamedia.pl\/?page_id=784"},"modified":"2026-09-12T09:37:05","modified_gmt":"2026-09-12T09:37:05","slug":"strony-internetowe","status":"publish","type":"page","link":"https:\/\/kaniamedia.pl\/de\/strony-internetowe\/","title":{"rendered":"Strony Internetowe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"784\" class=\"elementor elementor-784\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e30bc0e e-con-full e-flex e-con e-parent\" data-id=\"e30bc0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b0e6e9e e-flex e-con-boxed e-con e-child\" data-id=\"b0e6e9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8997cb3 e-con-full e-flex e-con e-child\" data-id=\"8997cb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e2889 elementor-widget elementor-widget-html\" data-id=\"e0e2889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Font (je\u015bli nie jest \u0142adowany w motywie) *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\r\n\r\n.km3-tag {\r\n  \/* Zmienne kolor\u00f3w dla tego elementu *\/\r\n  --blue: #3971ED;\r\n  --blue-l: #6f97f4;\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n}\r\n\r\n\/* G\u0142\u00f3wny styl tekstu *\/\r\n.km3-tag .ey {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-size: 0.72rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--blue);\r\n  margin-bottom: 18px; \/* Margines dolny - mo\u017cesz dostosowa\u0107 *\/\r\n}\r\n\r\n\/* Kolorowy \"my\u015blnik\" z gradientem *\/\r\n.km3-tag .ey::before {\r\n  content: \"\";\r\n  width: 26px;\r\n  height: 2px;\r\n  border-radius: 2px;\r\n  background: linear-gradient(90deg, var(--blue), var(--blue-l));\r\n}\r\n\r\n\/* Wariant wy\u015brodkowany (dodaj klas\u0119 \"c\" do tagu span, np. <span class=\"ey c\">) *\/\r\n.km3-tag .ey.c {\r\n  justify-content: center;\r\n}\r\n<\/style>\r\n\r\n<div class=\"km3-tag\">\r\n  <span class=\"ey\">Tworzenie stron internetowych<\/span>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49e2362 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"49e2362\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wydajne Strony Internetowe <span class=\"blue\">dla Firm<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfdbbb5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"bfdbbb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Projektujemy szybkie i bezpieczne witryny dla biznesu. Dostarczamy indywidualn\u0105 architektur\u0119, pe\u0142n\u0105 optymalizacj\u0119 pod algorytmy Google. Solidny fundament cyfrowy dla Twojej firmy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa1e6a e-con-full e-flex e-con e-child\" data-id=\"8aa1e6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed48eaa elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"ed48eaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   BAZA ZMIENNYCH DLA PRZYCISK\u00d3W\r\n   ============================================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\r\n\r\n.km3-buttons {\r\n  --blue: #3971ED;\r\n  --blue-d: #2a5bd0;\r\n  --ink: #111a2e;\r\n  --line: #eaf0fb;\r\n  --sh-card: 0 14px 40px -20px rgba(31,71,168,.22);\r\n  \r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n}\r\n\r\n.km3-buttons * { box-sizing: border-box; }\r\n.km3-buttons a { text-decoration: none; }\r\n\r\n\/* Kontener u\u0142o\u017cenia przycisk\u00f3w *\/\r\n.km3-buttons .hcta {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* ============================================================\r\n   STYLE PRZYCISK\u00d3W\r\n   ============================================================ *\/\r\n\/* Baza przycisku (wsp\u00f3lne cechy) *\/\r\n.km3-buttons .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 15px 30px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 0.94rem;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: transform 0.28s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.28s, background 0.28s, color 0.28s;\r\n}\r\n\r\n\/* Animacja ikonki strza\u0142ki przy najechaniu *\/\r\n.km3-buttons .btn svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  transition: transform 0.28s;\r\n}\r\n.km3-buttons .btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Przycisk 1: Zam\u00f3w projekt (G\u0142\u00f3wny - niebieski gradient) *\/\r\n.km3-buttons .btn-1 {\r\n  background: linear-gradient(135deg, var(--blue), var(--blue-d));\r\n  color: #fff;\r\n  box-shadow: 0 16px 34px -12px rgba(41,91,208,0.6);\r\n}\r\n.km3-buttons .btn-1:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 22px 44px -12px rgba(41,91,208,0.7);\r\n}\r\n\r\n\/* Przycisk 2: Zobacz realizacje (Poboczny - bia\u0142y z obrysem) *\/\r\n.km3-buttons .btn-2 {\r\n  background: #fff;\r\n  color: var(--ink);\r\n  border: 1.5px solid var(--line);\r\n  box-shadow: var(--sh-card);\r\n}\r\n.km3-buttons .btn-2:hover {\r\n  transform: translateY(-2px);\r\n  color: var(--blue);\r\n  border-color: #cddcfb;\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSYWNO\u015a\u0106 (Mobile)\r\n   ============================================================ *\/\r\n@media (max-width: 600px) {\r\n  .km3-buttons .hcta {\r\n    flex-direction: column;\r\n  }\r\n  .km3-buttons .hcta .btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n\/* Wy\u0142\u0105czenie animacji dla os\u00f3b, kt\u00f3re tego wymagaj\u0105 (Dost\u0119pno\u015b\u0107) *\/\r\n@media (prefers-reduced-motion: reduce) { \r\n  .km3-buttons * { transition: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"km3-buttons\">\r\n  <div class=\"hcta\">\r\n    <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"btn btn-1\">Zam\u00f3w projekt\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"https:\/\/kaniamedia.pl\/realizacje\" class=\"btn btn-2\">Zobacz realizacje<\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c07e51f e-con-full e-flex e-con e-child\" data-id=\"c07e51f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-641a478 elementor-widget elementor-widget-html\" data-id=\"641a478\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== KANIA MEDIA \u2014 ocena \/ gwiazdki ===== -->\r\n<div class=\"km-rating\">\r\n  <span class=\"km-rating__stars\" aria-label=\"Ocena 5 na 5\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6.5 7 .8-5.2 4.7 1.4 6.9L12 17.6 5.8 20.9l1.4-6.9L2 9.3l7-.8z\"\/><\/svg>\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6.5 7 .8-5.2 4.7 1.4 6.9L12 17.6 5.8 20.9l1.4-6.9L2 9.3l7-.8z\"\/><\/svg>\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6.5 7 .8-5.2 4.7 1.4 6.9L12 17.6 5.8 20.9l1.4-6.9L2 9.3l7-.8z\"\/><\/svg>\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6.5 7 .8-5.2 4.7 1.4 6.9L12 17.6 5.8 20.9l1.4-6.9L2 9.3l7-.8z\"\/><\/svg>\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6.5 7 .8-5.2 4.7 1.4 6.9L12 17.6 5.8 20.9l1.4-6.9L2 9.3l7-.8z\"\/><\/svg>\r\n  <\/span>\r\n  <span class=\"km-rating__text\"><strong>5,0<\/strong> \u00b7 ponad 80 zrealizowanych projekt\u00f3w<\/span>\r\n<\/div>\r\n\r\n<style>\r\n.km-rating{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\r\n}\r\n.km-rating__stars{ display:inline-flex; gap:2px; }\r\n.km-rating__stars svg{ width:17px; height:17px; fill:#F0B429; display:block; }\r\n.km-rating__text{ font-size:14px; color:#4A4438; }\r\n.km-rating__text strong{ color:#19140A; font-weight:700; }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8056253 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8056253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   BAZA ZMIENNYCH DLA GRAFIKI (wymagane do kolor\u00f3w i cieni)\r\n   ============================================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n.km3-graphic {\r\n  --blue: #3971ED;\r\n  --blue-d: #2a5bd0;\r\n  --blue-dd: #1f47a8;\r\n  --blue-l: #6f97f4;\r\n  --blue-050: #eef3fe;\r\n  --muted: #748092;\r\n  --line: #eaf0fb;\r\n  --sh-card: 0 14px 40px -20px rgba(31,71,168,.22);\r\n  \r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.km3-graphic * { box-sizing: border-box; }\r\n\r\n\/* ============================================================\r\n   GRAFIKA, KULE I EFEKTY\r\n   ============================================================ *\/\r\n\/* Kontener g\u0142\u00f3wny grafiki *\/\r\n.km3-graphic .art { \r\n  position: relative; \r\n  display: flex; \r\n  justify-content: center; \r\n  align-items: center; \r\n  width: 100%;\r\n  min-height: 340px; \r\n  padding: 20px;\r\n}\r\n\r\n\/* Niebieska po\u015bwiata w tle *\/\r\n.km3-graphic .art .glow { \r\n  position: absolute; \r\n  width: 78%; \r\n  height: 78%; \r\n  border-radius: 50%; \r\n  background: radial-gradient(circle,rgba(57,113,237,.16),rgba(57,113,237,0) 70%); \r\n  z-index: 0; \r\n}\r\n\r\n\/* Kule 3D *\/\r\n.km3-graphic .orb { \r\n  position: absolute; \r\n  border-radius: 50%; \r\n  pointer-events: none; \r\n  z-index: 1; \r\n  background: radial-gradient(circle at 34% 28%,#ffffff 0%,var(--blue-l) 30%,var(--blue) 60%,var(--blue-dd) 100%); \r\n  box-shadow: 0 26px 50px -14px rgba(41,91,208,.5), inset -7px -9px 18px rgba(31,71,168,.55), inset 8px 9px 16px rgba(255,255,255,.7); \r\n}\r\n.km3-graphic .orb.soft { \r\n  background: radial-gradient(circle at 34% 28%,#ffffff 0%,#dbe6fd 45%,#bcd0fb 100%); \r\n  box-shadow: 0 20px 40px -16px rgba(41,91,208,.32), inset -6px -8px 14px rgba(120,150,220,.35), inset 6px 8px 12px rgba(255,255,255,.85); \r\n}\r\n.km3-graphic .o-b { width: 34px; height: 34px; top: 35%; left: 15%; z-index: 4; }\r\n.km3-graphic .o-c { width: 104px; height: 104px; bottom: 0%; left: 10%; }\r\n.km3-graphic .o-d { width: 46px; height: 46px; top: 15%; right: 5%; }\r\n\r\n\/* Animowane okno przegl\u0105darki *\/\r\n.km3-graphic svg.browser { \r\n  width: 100%; \r\n  max-width: 460px; \r\n  height: auto; \r\n  position: relative; \r\n  z-index: 3; \r\n  filter: drop-shadow(0 40px 60px rgba(31,71,168,.28)); \r\n  transform: rotate(-2.5deg); \r\n  transition: transform .6s cubic-bezier(.2,.8,.2,1); \r\n}\r\n.km3-graphic .art:hover svg.browser { \r\n  transform: rotate(-1deg) translateY(-4px); \r\n}\r\n\r\n\/* Lewituj\u0105ce dymki (Chips) *\/\r\n.km3-graphic .chip { \r\n  position: absolute; \r\n  z-index: 5; \r\n  background: #fff; \r\n  border-radius: 15px; \r\n  padding: 11px 15px; \r\n  display: flex; \r\n  align-items: center; \r\n  gap: 10px; \r\n  font-size: .8rem; \r\n  font-weight: 700; \r\n  color: #111a2e;\r\n  box-shadow: var(--sh-card); \r\n  border: 1px solid var(--line); \r\n}\r\n.km3-graphic .chip .ci { \r\n  width: 32px; \r\n  height: 32px; \r\n  border-radius: 9px; \r\n  display: grid; \r\n  place-items: center; \r\n  background: var(--blue-050); \r\n  color: var(--blue); \r\n}\r\n.km3-graphic .chip .ci svg { width: 17px; height: 17px; }\r\n.km3-graphic .chip .sub { \r\n  display: block; \r\n  font-weight: 600; \r\n  color: var(--muted); \r\n  font-size: .7rem; \r\n  margin-top: 1px; \r\n}\r\n.km3-graphic .chip-t { top: 5%; right: -5%; }\r\n.km3-graphic .chip-b { bottom: 10%; left: -5%; }\r\n\r\n\/* Ukrywanie dymk\u00f3w na ma\u0142ych ekranach mobilnych (\u017ceby nie wychodzi\u0142y poza ekran) *\/\r\n@media (max-width: 600px) {\r\n  .km3-graphic .chip { display: none; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .km3-graphic * { transition: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"km3-graphic\">\r\n  <div class=\"art\">\r\n    <!-- Po\u015bwiata -->\r\n    <span class=\"glow\"><\/span>\r\n    \r\n    <!-- Kule 3D -->\r\n    <span class=\"orb o-c\"><\/span>\r\n    <span class=\"orb soft o-d\"><\/span>\r\n    <span class=\"orb o-b\"><\/span>\r\n\r\n    <!-- Dymek 1 -->\r\n    <div class=\"chip chip-t\">\r\n      <span class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg><\/span>\r\n      <span>100% PageSpeed<span class=\"sub\">B\u0142yskawiczne \u0142adowanie<\/span><\/span>\r\n    <\/div>\r\n    \r\n    <!-- Dymek 2 -->\r\n    <div class=\"chip chip-b\">\r\n      <span class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v6c0 4.4-3 7.4-7 9-4-1.6-7-4.6-7-9V6l7-3z\"\/><\/svg><\/span>\r\n      <span>SSL &amp; RODO<span class=\"sub\">Bezpiecze\u0144stwo w standardzie<\/span><\/span>\r\n    <\/div>\r\n\r\n    <!-- Okno przegl\u0105darki (SVG) -->\r\n    <svg class=\"browser\" viewBox=\"0 0 460 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <defs>\r\n        <linearGradient id=\"km3Screen\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0\" stop-color=\"#3971ED\"\/><stop offset=\"1\" stop-color=\"#2a5bd0\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"km3Win\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n          <stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#f3f7ff\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"km3Btn\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n          <stop offset=\"0\" stop-color=\"#3971ED\"\/><stop offset=\"1\" stop-color=\"#6f97f4\"\/>\r\n        <\/linearGradient>\r\n      <\/defs>\r\n      <rect x=\"24\" y=\"20\" width=\"412\" height=\"300\" rx=\"20\" fill=\"url(#km3Win)\" stroke=\"#e6eefc\"\/>\r\n      <path d=\"M24 40 a20 20 0 0 1 20 -20 h372 a20 20 0 0 1 20 20 v14 H24 Z\" fill=\"#eef3fd\"\/>\r\n      <circle cx=\"46\" cy=\"34\" r=\"4.5\" fill=\"#ff6b63\"\/><circle cx=\"63\" cy=\"34\" r=\"4.5\" fill=\"#ffbd2e\"\/><circle cx=\"80\" cy=\"34\" r=\"4.5\" fill=\"#28c840\"\/>\r\n      <rect x=\"104\" y=\"29.5\" width=\"220\" height=\"9\" rx=\"4.5\" fill=\"#dbe6fb\"\/>\r\n      <rect x=\"48\" y=\"72\" width=\"364\" height=\"96\" rx=\"14\" fill=\"url(#km3Screen)\"\/>\r\n      <rect x=\"66\" y=\"92\" width=\"150\" height=\"12\" rx=\"6\" fill=\"rgba(255,255,255,.85)\"\/>\r\n      <rect x=\"66\" y=\"112\" width=\"210\" height=\"9\" rx=\"4.5\" fill=\"rgba(255,255,255,.5)\"\/>\r\n      <rect x=\"66\" y=\"128\" width=\"120\" height=\"9\" rx=\"4.5\" fill=\"rgba(255,255,255,.5)\"\/>\r\n      <rect x=\"66\" y=\"146\" width=\"86\" height=\"14\" rx=\"7\" fill=\"#ffffff\"\/>\r\n      <circle cx=\"356\" cy=\"120\" r=\"30\" fill=\"rgba(255,255,255,.14)\"\/>\r\n      <path d=\"M346 120 l7 7 14 -14\" stroke=\"#fff\" stroke-width=\"3.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <rect x=\"48\" y=\"186\" width=\"270\" height=\"9\" rx=\"4.5\" fill=\"#e7eefb\"\/>\r\n      <rect x=\"48\" y=\"204\" width=\"330\" height=\"9\" rx=\"4.5\" fill=\"#eef3fd\"\/>\r\n      <rect x=\"48\" y=\"228\" width=\"112\" height=\"72\" rx=\"12\" fill=\"#eef3fe\" stroke=\"#dbe6fb\"\/>\r\n      <rect x=\"174\" y=\"228\" width=\"112\" height=\"72\" rx=\"12\" fill=\"#f5f8ff\" stroke=\"#e9f0fc\"\/>\r\n      <rect x=\"300\" y=\"228\" width=\"112\" height=\"72\" rx=\"12\" fill=\"#f5f8ff\" stroke=\"#e9f0fc\"\/>\r\n      <rect x=\"64\" y=\"244\" width=\"30\" height=\"30\" rx=\"8\" fill=\"url(#km3Btn)\"\/>\r\n      <rect x=\"64\" y=\"282\" width=\"66\" height=\"7\" rx=\"3.5\" fill=\"#cfdcf7\"\/>\r\n      <rect x=\"190\" y=\"244\" width=\"30\" height=\"30\" rx=\"8\" fill=\"#dbe6fb\"\/>\r\n      <rect x=\"190\" y=\"282\" width=\"66\" height=\"7\" rx=\"3.5\" fill=\"#e2ebfa\"\/>\r\n      <rect x=\"316\" y=\"244\" width=\"30\" height=\"30\" rx=\"8\" fill=\"#dbe6fb\"\/>\r\n      <rect x=\"316\" y=\"282\" width=\"66\" height=\"7\" rx=\"3.5\" fill=\"#e2ebfa\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\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<div class=\"elementor-element elementor-element-762ade4 e-flex e-con-boxed e-con e-parent\" data-id=\"762ade4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0ce86 elementor-widget elementor-widget-image-carousel\" data-id=\"2e0ce86\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:0,&quot;speed&quot;:5000,&quot;slides_to_show&quot;:&quot;6&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Karuzela obrazk\u00f3w\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png\" alt=\"Maritn_leasing_jobs\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/10\/Odra-wodzislaw.png\" alt=\"Odra wodzislaw\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/Projekt-bez-nazwy-8.png\" alt=\"Projekt bez nazwy (8)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/08\/matwork-removebg-preview.png\" alt=\"matwork-removebg-preview\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/EGIDA_logo.png\" alt=\"EGIDA_logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/Robo-Centrum-logo.pdf-1.png\" alt=\"Robo Centrum- logo.pdf (1)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/mrfojo_logo.png\" alt=\"mrfojo_logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/10\/we_black.png\" alt=\"we_black\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/2.png\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/08\/gosciniec_rownica-removebg-preview-3.png\" alt=\"gosciniec_rownica-removebg-preview (3)\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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-8d9fec2 e-flex e-con-boxed e-con e-parent\" data-id=\"8d9fec2\" 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-1d4440c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1d4440c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Font - \u0142adowany defensywnie *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n\/* ==================== TOKENY I BAZA ==================== *\/\r\n.km3 {\r\n  --blue: #3971ED;\r\n  --blue-d: #2a5bd0;\r\n  --blue-dd: #1f47a8;\r\n  --blue-l: #6f97f4;\r\n  --blue-050: #eef3fe;\r\n  --ink: #111a2e;\r\n  --muted: #748092;\r\n  --line: #eaf0fb;\r\n  --r-md: 22px;\r\n  --sh-card: 0 14px 40px -20px rgba(31,71,168,.22);\r\n  --sh-lift: 0 30px 70px -28px rgba(31,71,168,.35);\r\n  --maxw: 1180px;\r\n\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  color: var(--ink);\r\n  line-height: 1.62;\r\n  font-weight: 600;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #fff;\r\n  isolation: isolate; \r\n}\r\n.km3 * { box-sizing: border-box; }\r\n.km3 h2, .km3 h3 { margin: 0; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); }\r\n.km3 p, .km3 span, .km3 button { font-weight: 500; }\r\n.km3 .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 26px; }\r\n\r\n\/* Typografia pomocnicza *\/\r\n.km3 .ey { display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--blue); margin-bottom: 18px; }\r\n.km3 .ey::before { content: \"\"; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--blue),var(--blue-l)); }\r\n.km3 .blob { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; filter: blur(6px); }\r\n\r\n.km3 .deliver { position: relative; z-index: 2; padding: 96px 0; background: #fff; overflow: hidden; width: 100%; }\r\n.km3 .deliver .b1 { width: 440px; height: 440px; left: -160px; top: 24%; background: radial-gradient(circle,var(--blue-050),rgba(238,243,254,0) 70%); }\r\n.km3 .dtop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; max-width: var(--maxw); margin: 0 auto 34px; padding: 0 26px; position: relative; z-index: 2; }\r\n.km3 .dtop .txt { max-width: 560px; }\r\n.km3 .dtop h2 { font-size: clamp(2rem,3.8vw,2.75rem); margin: 12px 0 12px; }\r\n.km3 .dtop p { color: var(--muted); margin: 0; font-size: 1rem; }\r\n.km3 .darrows { display: flex; gap: 10px; flex: none; }\r\n.km3 .darr { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; color: var(--ink); transition: transform .25s,border-color .25s,color .25s,background .25s,box-shadow .25s; box-shadow: var(--sh-card); }\r\n.km3 .darr:hover { border-color: var(--blue); color: #fff; background: var(--blue); transform: translateY(-2px); }\r\n.km3 .darr svg { width: 20px; height: 20px; }\r\n.km3 .darr[disabled] { opacity: .35; cursor: default; pointer-events: none; box-shadow: none; }\r\n\r\n\/* Pasek przewijany *\/\r\n.km3 .dscroll { \r\n  display: flex; \r\n  gap: 20px; \r\n  overflow-x: auto; \r\n  overflow-y: hidden; \r\n  scroll-snap-type: x mandatory; \r\n  -webkit-overflow-scrolling: touch; \r\n  padding: 30px 26px 50px; \r\n  scroll-padding-left: 26px; \r\n  scrollbar-width: none; \r\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8px, black calc(100% - 40px), transparent 100%);\r\n  mask-image: linear-gradient(to right, transparent 0%, black 8px, black calc(100% - 40px), transparent 100%);\r\n}\r\n.km3 .dscroll::-webkit-scrollbar { display: none; }\r\n.km3 .dcard { scroll-snap-align: start; flex: 0 0 300px; min-height: 290px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: 30px 28px; box-shadow: var(--sh-card); position: relative; overflow: hidden; display: flex; flex-direction: column; transition: transform .3s,box-shadow .3s,border-color .3s; }\r\n.km3 .dcard:hover { transform: translateY(-6px); box-shadow: var(--sh-lift); border-color: #cddcfb; }\r\n.km3 .dcard .idx { font-size: .72rem; font-weight: 700; letter-spacing: .16em; color: #c3d0ea; margin-bottom: 18px; }\r\n.km3 .dcard .dico { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--blue-050); color: var(--blue); margin-bottom: 18px; }\r\n.km3 .dcard .dico svg { width: 25px; height: 25px; }\r\n.km3 .dcard h3 { font-size: 1.16rem; margin-bottom: 9px; }\r\n.km3 .dcard p { color: var(--muted); font-size: .92rem; margin: 0; }\r\n\r\n.km3 .dcard.blue { background: linear-gradient(150deg,var(--blue),var(--blue-dd)); border-color: transparent; }\r\n.km3 .dcard.blue::after { content: \"\"; position: absolute; width: 200px; height: 200px; border-radius: 50%; right: -80px; bottom: -80px; background: rgba(255,255,255,.08); }\r\n.km3 .dcard.blue .idx { color: rgba(255,255,255,.6); }\r\n.km3 .dcard.blue .dico { background: rgba(255,255,255,.16); color: #fff; }\r\n.km3 .dcard.blue h3 { color: #fff; }\r\n.km3 .dcard.blue p { color: rgba(255,255,255,.86); }\r\n.km3 .dhint { display: none; text-align: center; color: #aab4c8; font-size: .82rem; margin-top: 4px; }\r\n\r\n\r\n\/* ============================================================\r\n   NOWE: STICKY SCROLL (Desktop) \/ NATIVE SCROLL (Mobile)\r\n   ============================================================ *\/\r\n@media (min-width: 900px) {\r\n  .km-sticky-wrapper {\r\n    height: 350vh; \/* Decyduje o tym, jak d\u0142ugo przewijasz, zanim sekcja pu\u015bci *\/\r\n    position: relative;\r\n  }\r\n  .km3-sticky-box {\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background: #fff;\r\n  }\r\n  \/* Wy\u0142\u0105czamy r\u0119czny scroll i strza\u0142ki na PC, bo przejmuje to k\u00f3\u0142ko myszy *\/\r\n  .km3-sticky-box .dscroll {\r\n    scroll-snap-type: none !important;\r\n    overflow-x: hidden !important; \r\n  }\r\n  .km3-sticky-box .darrows {\r\n    display: none; \r\n  }\r\n}\r\n\r\n@media (max-width: 899px) {\r\n  .km3 .deliver { padding: 66px 0; }\r\n  .km3 .dtop { flex-direction: column; align-items: flex-start; }\r\n  .km3 .darrows { display: none; }\r\n  .km3 .dhint { display: block; }\r\n  .km3 .dscroll { padding-left: 18px; padding-right: 18px; scroll-padding-left: 18px; }\r\n  .km3 .dcard { flex-basis: 82%; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .km3 * { transition: none !important; scroll-behavior: auto !important; } \r\n}\r\n<\/style>\r\n\r\n<!-- Nowy kontener (Wrapper), kt\u00f3ry pozwala na efekt przyklejenia -->\r\n<div class=\"km-sticky-wrapper\" id=\"kmStickyWrapper\">\r\n  <div class=\"km3 km3-sticky-box\" id=\"kmSI\">\r\n    <section class=\"deliver\">\r\n      <span class=\"blob b1\"><\/span>\r\n      <div class=\"dtop\">\r\n        <div class=\"txt\">\r\n          <span class=\"ey\">PE\u0141NY PROCES<\/span>\r\n          <h2>Co dostajesz w projekcie<\/h2>\r\n          <p>Kompletny zakres - od pierwszej makiety po gotowe, zoptymalizowane wdro\u017cenie. Przewi\u0144, \u017ceby zobaczy\u0107 wszystko, co wchodzi w sk\u0142ad.<\/p>\r\n        <\/div>\r\n        <div class=\"darrows\">\r\n          <button class=\"darr\" data-km-prev aria-label=\"Poprzednie\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <button class=\"darr\" data-km-next aria-label=\"Nast\u0119pne\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dscroll\" data-km-scroll>\r\n        <div class=\"dcard blue\">\r\n          <div class=\"idx\">01<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8\"\/><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><\/svg><\/div>\r\n          <h3>Indywidualny projekt graficzny<\/h3>\r\n          <p>Makieta tworzona od zera pod Twoj\u0105 mark\u0119 - kolory, typografia i uk\u0142ad dopasowane do charakteru firmy.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">02<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 6 3 12l5 6M16 6l5 6-5 6M13 4l-2 16\"\/><\/svg><\/div>\r\n          <h3>Czysty, lekki kod<\/h3>\r\n          <p>Zoptymalizowany kod bez zb\u0119dnych wtyczek. Szybkie \u0142adowanie, wysokie wyniki PageSpeed i stabilne dzia\u0142anie.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">03<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 9h18M8 21h8\"\/><\/svg><\/div>\r\n          <h3>Responsywny design<\/h3>\r\n          <p>Perfekcyjne wy\u015bwietlanie na telefonie, tablecie i komputerze. Projektujemy w podej\u015bciu Mobile First.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">04<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17l6-6 4 4 7-8\"\/><path d=\"M17 7h4v4\"\/><\/svg><\/div>\r\n          <h3>Optymalizacja SEO<\/h3>\r\n          <p>Poprawna struktura nag\u0142\u00f3wk\u00f3w, meta dane i szybko\u015b\u0107 - solidny fundament pod widoczno\u015b\u0107 w Google.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">05<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v12H4z\"\/><path d=\"M8 20h8M12 16v4\"\/><\/svg><\/div>\r\n          <h3>Panel do samodzielnej edycji<\/h3>\r\n          <p>Intuicyjny WordPress - samodzielnie zmienisz zdj\u0119cia, teksty i cennik oraz dodasz wpis na blogu.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">06<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10H3M21 6H3M21 14H3M21 18H3\"\/><\/svg><\/div>\r\n          <h3>Formularz kontaktowy<\/h3>\r\n          <p>Gotowy do zbierania zapyta\u0144, po\u0142\u0105czony z Twoj\u0105 skrzynk\u0105 - bez tracenia \u017cadnego leada.<\/p>\r\n        <\/div>\r\n        <div class=\"dcard\">\r\n          <div class=\"idx\">07<\/div>\r\n          <div class=\"dico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/><path d=\"M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5\"\/><path d=\"M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3\"\/><\/svg><\/div>\r\n          <h3>Hosting i domena<\/h3>\r\n          <p>Doradzimy i skonfigurujemy hosting oraz domen\u0119, \u017ceby\u015b nie musia\u0142 martwi\u0107 si\u0119 techniczn\u0105 stron\u0105 startu.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"dhint\">\u2190 przesu\u0144, aby zobaczy\u0107 wi\u0119cej \u2192<\/p>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  function initStickyKM3(){\r\n    var wrapper = document.getElementById('kmStickyWrapper');\r\n    var scroller = document.querySelector('[data-km-scroll]');\r\n    if(!wrapper || !scroller) return;\r\n\r\n    \/\/ Funkcja aktualizuj\u0105ca przesuni\u0119cie kart podczas scrollowania\r\n    function onScroll() {\r\n      \/\/ Dzia\u0142a tylko na komputerach (powy\u017cej 900px szeroko\u015bci)\r\n      if(window.innerWidth < 900) {\r\n        return; \r\n      }\r\n\r\n      \/\/ Obliczamy pozycj\u0119\r\n      var rect = wrapper.getBoundingClientRect();\r\n      var maxScrollDistance = wrapper.offsetHeight - window.innerHeight;\r\n      var currentScrollPos = -rect.top; \/\/ Jak g\u0142\u0119boko weszli\u015bmy w sekcj\u0119\r\n      \r\n      \/\/ Progres od 0 do 1\r\n      var progress = currentScrollPos \/ maxScrollDistance;\r\n      if(progress < 0) progress = 0;\r\n      if(progress > 1) progress = 1;\r\n\r\n      \/\/ Przesuwamy zawarto\u015b\u0107 w poziomie\r\n      var maxScrollLeft = scroller.scrollWidth - scroller.clientWidth;\r\n      scroller.scrollLeft = progress * maxScrollLeft;\r\n    }\r\n\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n    window.addEventListener('resize', onScroll);\r\n    onScroll(); \/\/ Inicjalizacja przy \u0142adowaniu\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', initStickyKM3);\r\n  } else {\r\n    initStickyKM3();\r\n  }\r\n})();\r\n<\/script>\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-16dc5b1 e-con-full e-flex e-con e-parent\" data-id=\"16dc5b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6622f45 e-con-full e-flex e-con e-child\" data-id=\"6622f45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6b55f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"8b6b55f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TW\u00d3J BIZNES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78e0672 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"78e0672\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NASZA TECHNOLOGIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-909fb4c elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"909fb4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Zapewniamy pe\u0142en cykl \u017cycia produktu: od audytu i makiety UX, przez czysty kod, a\u017c po administracj\u0119 serwerami i SLA.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-429492c e-con-full e-flex e-con e-parent\" data-id=\"429492c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e51aa02 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e51aa02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* Zmodyfikowany import - dodana waga 500 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700&display=swap');\r\n\r\n.kmx{\r\n  --blue:#3971ED; --blue-d:#2a5bd0; --blue-dd:#1f47a8; --blue-l:#6f97f4;\r\n  --blue-050:#eef3fe; --blue-025:#f6f9ff;\r\n  --ink:#111a2e; --ink-2:#3c485c; --muted:#748092;\r\n  --line:#e9eefa; --paper:#fff; --wash:#f7f9fe;\r\n  --r-lg:28px; --r-md:20px; --r-sm:14px;\r\n  --sh-card:0 14px 40px -20px rgba(31,71,168,.22);\r\n  --sh-lift:0 34px 80px -30px rgba(31,71,168,.4);\r\n  --maxw:1200px;\r\n  font-family:'Poppins','Segoe UI',system-ui,sans-serif;\r\n  color:var(--ink); font-weight:600; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; position:relative; isolation:isolate;\r\n}\r\n.kmx *{box-sizing:border-box;}\r\n.kmx h2,.kmx h3,.kmx h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);}\r\n.kmx span,.kmx div,.kmx button{font-family:inherit; font-weight:600;}\r\n\/* Zmiana grubo\u015bci fontu dla paragraf\u00f3w na 500 *\/\r\n.kmx p {font-family:inherit; font-weight:500;}\r\n\r\n.kmx .sec{position:relative;overflow:hidden;padding:100px 0;\r\n  background:\r\n    radial-gradient(75% 60% at 90% -8%,var(--blue-050) 0%,rgba(238,243,254,0) 55%),\r\n    linear-gradient(180deg,#fbfcff 0%,var(--wash) 100%);}\r\n.kmx .b1{position:absolute;width:460px;height:460px;left:-160px;bottom:-120px;border-radius:50%;\r\n  background:radial-gradient(circle,var(--blue-050),rgba(238,243,254,0) 70%);filter:blur(6px);z-index:0;pointer-events:none;}\r\n.kmx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;position:relative;z-index:2;}\r\n\r\n\/* nag\u0142\u00f3wek *\/\r\n.kmx .head{margin-bottom:52px;max-width:640px;}\r\n.kmx .ey{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;\r\n  letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;}\r\n.kmx .ey::before{content:\"\";width:26px;height:2px;border-radius:2px;\r\n  background:linear-gradient(90deg,var(--blue),var(--blue-l));}\r\n.kmx .head h2{font-size:clamp(2rem,3.8vw,2.75rem);}\r\n.kmx .head p{color:var(--muted);margin:14px 0 0;font-size:1.02rem;}\r\n\r\n\/* uk\u0142ad showcase (desktop) *\/\r\n.kmx .show{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:stretch;}\r\n\r\n\/* --- lewa lista --- *\/\r\n.kmx .list{display:flex;flex-direction:column;gap:10px;}\r\n.kmx .row{position:relative;display:flex;align-items:center;gap:16px;width:100%;text-align:left;\r\n  padding:18px 20px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;\r\n  cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;}\r\n.kmx .row:hover{background:#fff;border-color:var(--line);}\r\n.kmx .row .ric{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;\r\n  background:var(--blue-050);color:var(--blue);transition:background .3s,color .3s,transform .3s;}\r\n.kmx .row .ric svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;\r\n  stroke-linecap:round;stroke-linejoin:round;}\r\n.kmx .row .rtx{flex:1;min-width:0;}\r\n.kmx .row .rtx b{display:block;font-weight:700;font-size:1.04rem;color:var(--ink);\r\n  transition:color .3s;letter-spacing:-.01em;}\r\n.kmx .row .rtx small{display:block;font-weight:600;font-size:.82rem;color:var(--muted);margin-top:2px;\r\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s;}\r\n.kmx .row .rar{flex:none;width:22px;height:22px;color:#c3d0ea;opacity:0;transform:translateX(-6px);\r\n  transition:opacity .3s,transform .3s,color .3s;}\r\n.kmx .row .rar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}\r\n\/* aktywny wiersz *\/\r\n.kmx .row.on{background:linear-gradient(135deg,var(--blue),var(--blue-dd));border-color:transparent;\r\n  box-shadow:0 20px 40px -18px rgba(41,91,208,.6);transform:translateX(4px);}\r\n.kmx .row.on .ric{background:rgba(255,255,255,.18);color:#fff;}\r\n.kmx .row.on .rtx b{color:#fff;}\r\n.kmx .row.on .rtx small{color:rgba(255,255,255,.75);}\r\n.kmx .row.on .rar{opacity:1;transform:translateX(0);color:#fff;}\r\n\r\n\/* --- prawy panel detalu --- *\/\r\n.kmx .panel{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:440px;\r\n  background:linear-gradient(160deg,#fff 0%,var(--blue-025) 100%);border:1px solid var(--line);\r\n  box-shadow:var(--sh-lift);display:flex;flex-direction:column;}\r\n.kmx .panel .deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}\r\n.kmx .panel .deco .g1{position:absolute;width:340px;height:340px;border-radius:50%;top:-120px;right:-100px;\r\n  background:radial-gradient(circle,rgba(57,113,237,.14),rgba(57,113,237,0) 70%);}\r\n.kmx .panel .deco .grid{position:absolute;inset:0;opacity:.5;\r\n  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);\r\n  background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 70% 25%,#000,transparent 65%);\r\n  mask-image:radial-gradient(circle at 70% 25%,#000,transparent 65%);}\r\n.kmx .panel .inner{position:relative;z-index:2;padding:40px;display:flex;flex-direction:column;height:100%;flex:1;}\r\n\r\n.kmx .ptop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:auto;}\r\n.kmx .pbig{width:96px;height:96px;border-radius:26px;display:grid;place-items:center;\r\n  background:linear-gradient(140deg,var(--blue),var(--blue-d));color:#fff;\r\n  box-shadow:0 24px 50px -18px rgba(41,91,208,.75);position:relative;overflow:hidden;}\r\n.kmx .pbig::after{content:\"\";position:absolute;width:120px;height:120px;border-radius:50%;\r\n  right:-50px;top:-50px;background:rgba(255,255,255,.14);}\r\n.kmx .pbig svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.7;\r\n  stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:2;\r\n  transition:transform .5s cubic-bezier(.2,.8,.2,1);}\r\n.kmx .panel.swap .pbig svg{transform:scale(.6) rotate(-8deg);opacity:0;}\r\n.kmx .pnum{font-size:4.6rem;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--blue-050);user-select:none;}\r\n\r\n.kmx .pbody{margin-top:34px;}\r\n.kmx .ptag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\r\n  color:var(--blue);background:var(--blue-050);padding:6px 12px;border-radius:999px;margin-bottom:16px;}\r\n.kmx .pbody h3{font-size:1.9rem;margin-bottom:12px;letter-spacing:-.025em;}\r\n.kmx .pbody p{color:var(--ink-2);font-size:1.05rem;line-height:1.65;max-width:92%;margin:0;}\r\n\r\n.kmx .pstats{display:flex;gap:30px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);}\r\n.kmx .pst{display:flex;flex-direction:column;}\r\n.kmx .pst .n{font-size:1.7rem;font-weight:700;letter-spacing:-.03em;\r\n  background:linear-gradient(120deg,var(--blue),var(--blue-l));-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n.kmx .pst .l{font-size:.82rem;color:var(--muted);margin-top:2px;}\r\n\r\n\/* animacja podmiany tre\u015bci *\/\r\n.kmx .fade{transition:opacity .35s ease,transform .35s ease;}\r\n.kmx .panel.swap .fade{opacity:0;transform:translateY(10px);}\r\n\r\n\/* ====== MOBILE: samodzielne kafelki ====== *\/\r\n.kmx .tiles{display:none;}\r\n\r\n@media (max-width:960px){\r\n  .kmx .show{display:none;}\r\n  .kmx .tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px;}\r\n  .kmx .tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);\r\n    padding:26px 24px;box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;}\r\n  .kmx .tile::after{content:\"\";position:absolute;width:150px;height:150px;border-radius:50%;\r\n    right:-70px;top:-70px;background:radial-gradient(circle,var(--blue-050),rgba(238,243,254,0) 70%);pointer-events:none;}\r\n  .kmx .tile .tic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;\r\n    background:linear-gradient(140deg,var(--blue),var(--blue-d));color:#fff;\r\n    box-shadow:0 14px 30px -14px rgba(41,91,208,.7);position:relative;z-index:2;}\r\n  .kmx .tile .tic svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\r\n  .kmx .tile h3{font-size:1.18rem;margin-bottom:8px;position:relative;z-index:2;}\r\n  .kmx .tile p{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0 0 16px;position:relative;z-index:2;}\r\n  .kmx .tile .tstats{margin-top:auto;display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--line);position:relative;z-index:2;}\r\n  .kmx .tile .ts{display:flex;flex-direction:column;}\r\n  .kmx .tile .ts .n{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;\r\n    background:linear-gradient(120deg,var(--blue),var(--blue-l));-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n  .kmx .tile .ts .l{font-size:.74rem;color:var(--muted);margin-top:1px;line-height:1.35;}\r\n}\r\n\r\n@media (max-width:600px){\r\n  .kmx .sec{padding:64px 0;}\r\n  .kmx .wrap{padding:0 18px;}\r\n  .kmx .tiles{grid-template-columns:1fr;gap:16px;}\r\n  .kmx .tile{padding:24px 22px;}\r\n  .kmx .tile .tstats{gap:24px;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .kmx *{transition:none!important;animation:none!important;}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"kmx\" id=\"kmxShowcase\">\r\n  <div class=\"sec\">\r\n    <span class=\"b1\"><\/span>\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"head\">\r\n        <span class=\"ey\">Dlaczego warto<\/span>\r\n        <h2>Jak nasze rozwi\u0105zania skaluj\u0105 Tw\u00f3j biznes<\/h2>\r\n        <p>Dobrze zaprojektowana strona to nie koszt, lecz narz\u0119dzie, kt\u00f3re pracuje na Tw\u00f3j biznes ka\u017cdego dnia. Zobacz, co realnie zyskujesz.<\/p>\r\n      <\/div>\r\n\r\n      <!-- ===== DESKTOP: lista + panel ===== -->\r\n      <div class=\"show\">\r\n        <div class=\"list\" role=\"tablist\" aria-label=\"Mo\u017cliwo\u015bci strony\">\r\n          <button class=\"row on\" data-i=\"0\" role=\"tab\" aria-selected=\"true\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>Wzrost rozpoznawalno\u015bci<\/b><small>Wyr\u00f3\u017cnij si\u0119 i zbuduj siln\u0105 mark\u0119<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <button class=\"row\" data-i=\"1\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17l6-6 4 4 7-8\"\/><path d=\"M17 7h4v4\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>Zwi\u0119kszenie sprzeda\u017cy<\/b><small>Wi\u0119cej klient\u00f3w, wy\u017csze zyski<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <button class=\"row\" data-i=\"2\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>\u0141atwiejsza komunikacja<\/b><small>Kontakt z Tob\u0105 o ka\u017cdej porze<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <button class=\"row\" data-i=\"3\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>Budowanie relacji<\/b><small>Lojalno\u015b\u0107 i zaanga\u017cowanie klient\u00f3w<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <button class=\"row\" data-i=\"4\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>Dane i analityka<\/b><small>Trafne decyzje oparte na liczbach<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <button class=\"row\" data-i=\"5\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ric\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg><\/span>\r\n            <span class=\"rtx\"><b>Poziom obs\u0142ugi klienta<\/b><small>Wsparcie na najwy\u017cszym poziomie<\/small><\/span>\r\n            <span class=\"rar\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"panel\" id=\"kmxPanel\">\r\n          <div class=\"deco\"><span class=\"g1\"><\/span><span class=\"grid\"><\/span><\/div>\r\n          <div class=\"inner\">\r\n            <div class=\"ptop\">\r\n              <div class=\"pbig\" id=\"kmxBig\">\r\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"pnum fade\" id=\"kmxNum\">01<\/div>\r\n            <\/div>\r\n            <div class=\"pbody\">\r\n              <span class=\"ptag fade\" id=\"kmxTag\">Widoczno\u015b\u0107<\/span>\r\n              <h3 class=\"fade\" id=\"kmxTitle\">Wzrost rozpoznawalno\u015bci<\/h3>\r\n              <p class=\"fade\" id=\"kmxDesc\">B\u0105d\u017a widoczny tam, gdzie szukaj\u0105 Ci\u0119 klienci. Profesjonalna strona buduje siln\u0105 pozycj\u0119 marki i sprawia, \u017ce wyr\u00f3\u017cniasz si\u0119 na tle konkurencji - r\u00f3wnie\u017c w wynikach Google.<\/p>\r\n              <div class=\"pstats fade\" id=\"kmxStats\">\r\n                <div class=\"pst\"><span class=\"n\">75%<\/span><span class=\"l\">klient\u00f3w ocenia firm\u0119 po stronie<\/span><\/div>\r\n                <div class=\"pst\"><span class=\"n\">\u00d73<\/span><span class=\"l\">wi\u0119ksza zapami\u0119tywalno\u015b\u0107 marki<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== MOBILE: kafelki (renderowane przez JS z tych samych danych) ===== -->\r\n      <div class=\"tiles\" id=\"kmxTiles\" aria-label=\"Mo\u017cliwo\u015bci strony\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  function init(){\r\n    var root=document.getElementById('kmxShowcase');\r\n    if(!root||root.dataset.init==='1')return; root.dataset.init='1';\r\n\r\n    var DATA=[\r\n      {num:'01',tag:'Widoczno\u015b\u0107',title:'Wzrost rozpoznawalno\u015bci',\r\n       desc:'B\u0105d\u017a widoczny tam, gdzie szukaj\u0105 Ci\u0119 klienci. Profesjonalna strona buduje siln\u0105 pozycj\u0119 marki i sprawia, \u017ce wyr\u00f3\u017cniasz si\u0119 na tle konkurencji - r\u00f3wnie\u017c w wynikach Google.',\r\n       stats:[['75%','klient\u00f3w ocenia firm\u0119 po stronie'],['\u00d73','wi\u0119ksza zapami\u0119tywalno\u015b\u0107 marki']],\r\n       icon:'<circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/>'},\r\n      {num:'02',tag:'Sprzeda\u017c',title:'Zwi\u0119kszenie sprzeda\u017cy',\r\n       desc:'Efektywna strona zamienia odwiedzaj\u0105cych w klient\u00f3w. Przemy\u015blany uk\u0142ad, jasne wezwania do dzia\u0142ania i szybko\u015b\u0107 \u0142adowania realnie przek\u0142adaj\u0105 si\u0119 na wzrost zysk\u00f3w Twojego biznesu.',\r\n       stats:[['+40%','potencjalny wzrost konwersji'],['24\/7','sprzeda\u017c niezale\u017cna od godzin']],\r\n       icon:'<path d=\"M3 17l6-6 4 4 7-8\"\/><path d=\"M17 7h4v4\"\/>'},\r\n      {num:'03',tag:'Komunikacja',title:'\u0141atwiejsza komunikacja',\r\n       desc:'Szybki kontakt i wygodne rozwi\u0105zania. Formularze, mapa, klikni\u0119cie w telefon - Twoi klienci bez trudu skontaktuj\u0105 si\u0119 z Tob\u0105 o ka\u017cdej porze, z ka\u017cdego urz\u0105dzenia.',\r\n       stats:[['<1 s','do kontaktu jednym klikni\u0119ciem'],['100%','dost\u0119pno\u015b\u0107 informacji']],\r\n       icon:'<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>'},\r\n      {num:'04',tag:'Relacje',title:'Budowanie relacji',\r\n       desc:'Zadbaj o lojalno\u015b\u0107. Blog, newsletter i warto\u015bciowe tre\u015bci buduj\u0105 trwa\u0142\u0105 relacj\u0119 z odbiorcami, zwi\u0119kszaj\u0105 zaanga\u017cowanie i sprawiaj\u0105, \u017ce klienci wracaj\u0105 do Ciebie.',\r\n       stats:[['\u00d75','taniej utrzyma\u0107 ni\u017c pozyska\u0107 klienta'],['+60%','wy\u017csze zaanga\u017cowanie']],\r\n       icon:'<path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>'},\r\n      {num:'05',tag:'Analityka',title:'Dane i analityka',\r\n       desc:'Podejmuj trafne decyzje oparte na faktach. Dzi\u0119ki analityce poznasz zachowania odwiedzaj\u0105cych, najlepsze \u017ar\u00f3d\u0142a ruchu i dowiesz si\u0119, co realnie dzia\u0142a w Twoim biznesie.',\r\n       stats:[['360\u00b0','pe\u0142ny obraz zachowa\u0144 klient\u00f3w'],['0 z\u0142','za dane z Google Analytics']],\r\n       icon:'<line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>'},\r\n      {num:'06',tag:'Obs\u0142uga',title:'Poziom obs\u0142ugi klienta',\r\n       desc:'Lepsza strona to lepsza obs\u0142uga. Sekcja FAQ, baza wiedzy i automatyzacje odpowiadaj\u0105 na potrzeby klient\u00f3w w mgnieniu oka, odci\u0105\u017caj\u0105c Ciebie i podnosz\u0105c satysfakcj\u0119.',\r\n       stats:[['-50%','mniej powtarzalnych pyta\u0144'],['+30%','wy\u017csza satysfakcja klienta']],\r\n       icon:'<path d=\"M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/>'}\r\n    ];\r\n\r\n    \/* ---------- DESKTOP: lista + panel ---------- *\/\r\n    var rows=Array.prototype.slice.call(root.querySelectorAll('.row'));\r\n    var panel=document.getElementById('kmxPanel');\r\n    var elBig=document.getElementById('kmxBig');\r\n    var elNum=document.getElementById('kmxNum');\r\n    var elTag=document.getElementById('kmxTag');\r\n    var elTitle=document.getElementById('kmxTitle');\r\n    var elDesc=document.getElementById('kmxDesc');\r\n    var elStats=document.getElementById('kmxStats');\r\n    var cur=0, timer=null, DUR=6000;\r\n\r\n    function render(i){\r\n      var d=DATA[i];\r\n      panel.classList.add('swap');\r\n      setTimeout(function(){\r\n        elBig.innerHTML='<svg viewBox=\"0 0 24 24\" style=\"fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round\">'+d.icon+'<\/svg>';\r\n        elNum.textContent=d.num;\r\n        elTag.textContent=d.tag;\r\n        elTitle.textContent=d.title;\r\n        elDesc.textContent=d.desc;\r\n        elStats.innerHTML=d.stats.map(function(s){\r\n          return '<div class=\"pst\"><span class=\"n\">'+s[0]+'<\/span><span class=\"l\">'+s[1]+'<\/span><\/div>';\r\n        }).join('');\r\n        panel.classList.remove('swap');\r\n      },320);\r\n    }\r\n    function select(i){\r\n      if(i===cur){ return; }\r\n      rows.forEach(function(r,idx){\r\n        var on=idx===i; r.classList.toggle('on',on); r.setAttribute('aria-selected',on?'true':'false');\r\n      });\r\n      cur=i; render(i);\r\n    }\r\n    function next(){ select((cur+1)%DATA.length); }\r\n    function resetTimer(){ if(timer)clearInterval(timer); timer=setInterval(next,DUR); }\r\n\r\n    rows.forEach(function(r){\r\n      var i=parseInt(r.getAttribute('data-i'),10);\r\n      r.addEventListener('click',function(){ select(i); resetTimer(); });\r\n      r.addEventListener('mouseenter',function(){ select(i); resetTimer(); });\r\n    });\r\n    root.addEventListener('mouseenter',function(){ if(timer){clearInterval(timer);timer=null;} });\r\n    root.addEventListener('mouseleave',function(){ resetTimer(); });\r\n    resetTimer();\r\n\r\n    \/* ---------- MOBILE: kafelki z tych samych danych ---------- *\/\r\n    var tiles=document.getElementById('kmxTiles');\r\n    if(tiles){\r\n      tiles.innerHTML=DATA.map(function(d){\r\n        var st=d.stats.map(function(s){\r\n          return '<div class=\"ts\"><span class=\"n\">'+s[0]+'<\/span><span class=\"l\">'+s[1]+'<\/span><\/div>';\r\n        }).join('');\r\n        return '<div class=\"tile\">'+\r\n          '<div class=\"tic\"><svg viewBox=\"0 0 24 24\">'+d.icon+'<\/svg><\/div>'+\r\n          '<h3>'+d.title+'<\/h3>'+\r\n          '<p>'+d.desc+'<\/p>'+\r\n          '<div class=\"tstats\">'+st+'<\/div>'+\r\n        '<\/div>';\r\n      }).join('');\r\n    }\r\n  }\r\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);\r\n  else init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9304dd e-con-full e-flex e-con e-parent\" data-id=\"c9304dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7929d0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b7929d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Sora:wght@500;600;700&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.km-sl-scene {\r\n  --ink: #1A1813; --mut: #6E6A60; --mut-2: #9A958A; --line: rgba(26,24,19,.12);\r\n  --blue: #3971ED; --g-edge: rgba(255,255,255,.78);\r\n  --f-d: 'Sora', sans-serif; --f-s: 'Inter', sans-serif;\r\n\r\n  position: relative;\r\n  padding: clamp(28px, 5vw, 72px) clamp(16px, 4vw, 44px);\r\n  font-family: var(--f-s);\r\n  color: var(--ink);\r\n  -webkit-font-smoothing: antialiased;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.km-sl-scene * { box-sizing: inherit; }\r\n.km-sl-wrap { max-width: 1280px; margin: 0 auto; }\r\n\r\n\/* nag\u0142\u00f3wek *\/\r\n.km-sl-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: clamp(22px, 3vw, 34px); }\r\n.km-sl-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mut-2); }\r\n.km-sl-eyebrow .km-sl-d { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }\r\n.km-sl-head h2 { font-size: clamp(28px, 3.6vw, 44px); margin-top: 10px; font-family: var(--f-d); font-weight: 600; letter-spacing: -.02em; line-height: 1.1; margin-bottom:0;}\r\n.km-sl-nav { display: flex; align-items: center; gap: 14px; flex: none; }\r\n.km-sl-count { font-family: var(--f-d); font-weight: 500; font-size: 14px; color: var(--mut-2); letter-spacing: .06em; }\r\n.km-sl-count b { color: var(--ink); font-weight: 700; }\r\n.km-sl-arr { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; background: rgba(255,255,255,.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--g-edge); color: var(--ink); box-shadow: 0 6px 16px rgba(40,34,20,.08); transition: background .25s, transform .25s, opacity .25s; }\r\n.km-sl-arr:hover { background: #fff; transform: translateY(-1px); }\r\n.km-sl-arr svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* slider z efektem zanikania po bokach *\/\r\n.km-sl-stage { \r\n  overflow: hidden; \r\n  padding: 10px 0 24px; \r\n  margin-bottom: -18px; \r\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n  mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n}\r\n.km-sl-track { display: flex; gap: 24px; transition: transform .6s cubic-bezier(.6,0,.1,1); will-change: transform; cursor: grab; touch-action: pan-y; }\r\n.km-sl-track:active { cursor: grabbing; }\r\n\r\n\/* kafelki slajd\u00f3w *\/\r\n.km-sl-slide { \r\n  flex: 0 0 52%; \r\n  max-width: 800px;\r\n  opacity: .25; \r\n  transform: scale(.85); \r\n  transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); \r\n}\r\n.km-sl-slide.km-sl-active { opacity: 1; transform: scale(1); }\r\n\r\n.km-sl-shot { display: block; border-radius: 22px; overflow: hidden; aspect-ratio: 16\/10; border: 1px solid var(--line); background: #ECEAE4; }\r\n.km-sl-shot img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(.97); transition: filter .6s ease, transform .9s cubic-bezier(.22,1,.36,1); -webkit-user-drag: none; }\r\n.km-sl-slide:hover .km-sl-shot img { filter: grayscale(0); transform: scale(1.05); }\r\n.km-sl-cap { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 4px 0; }\r\n.km-sl-cap h3 { font-size: clamp(18px, 2vw, 22px); font-family: var(--f-d); font-weight: 600; letter-spacing: -.02em; line-height: 1.1; margin:0;}\r\n.km-sl-cap p { font-size: 13.5px; color: var(--mut); margin-top: 4px; margin-bottom:0;}\r\n.km-sl-more { display: inline-flex; align-items: center; gap: 7px; font-family: var(--f-d); font-weight: 600; font-size: 14px; color: var(--ink); white-space: nowrap; transition: gap .25s; flex: none; text-decoration: none; }\r\n.km-sl-more:hover { gap: 11px; }\r\n.km-sl-more svg { width: 17px; height: 17px; stroke: var(--blue); stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* pasek post\u0119pu *\/\r\n.km-sl-prog { margin-top: clamp(20px, 3vw, 30px); height: 1px; background: rgba(26,24,19,.08); border-radius: 2px; overflow: hidden; }\r\n.km-sl-prog i { display: block; height: 100%; width: 20%; background: var(--blue); border-radius: 2px; transition: width .6s cubic-bezier(.6,0,.1,1); }\r\n\r\n\/* klasa pomocnicza do cichego przeskakiwania w p\u0119tli *\/\r\n.km-sl-notrans,\r\n.km-sl-notrans .km-sl-slide,\r\n.km-sl-notrans .km-sl-shot img {\r\n  transition: none !important;\r\n}\r\n\r\n\/* Responsywno\u015b\u0107 *\/\r\n@media(max-width: 720px) {\r\n  .km-sl-slide { flex: 0 0 80%; } \r\n  .km-sl-head { flex-direction: column; align-items: flex-start; gap: 16px; }\r\n  .km-sl-stage { \r\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n  }\r\n}\r\n@media(prefers-reduced-motion: reduce) { .km-sl-track, .km-sl-shot img, .km-sl-slide { transition: none; } }\r\n<\/style>\r\n\r\n<div class=\"km-sl-scene\">\r\n  <div class=\"km-sl-wrap\">\r\n\r\n    <div class=\"km-sl-head\">\r\n      <div>\r\n        <span class=\"km-sl-eyebrow\"><span class=\"km-sl-d\"><\/span> Realizacje<\/span>\r\n        <h2>Wybrane projekty<\/h2>\r\n      <\/div>\r\n      <div class=\"km-sl-nav\">\r\n        <span class=\"km-sl-count\"><b id=\"km-sl-cur\">01<\/b> \/ <span id=\"km-sl-tot\">05<\/span><\/span>\r\n        <button class=\"km-sl-arr\" id=\"km-sl-prev\" aria-label=\"Poprzedni\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\r\n        <button class=\"km-sl-arr\" id=\"km-sl-next\" aria-label=\"Nast\u0119pny\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"km-sl-stage\" id=\"km-sl-stage\">\r\n      <div class=\"km-sl-track\" id=\"km-sl-track\">\r\n\r\n        <article class=\"km-sl-slide\">\r\n          <a class=\"km-sl-shot\" href=\"https:\/\/robo-centrum.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/10\/Bez-tytulu-1500-x-1200-px-1500-x-1500-px.png\" alt=\"Robo Centrum\"><\/a>\r\n          <div class=\"km-sl-cap\">\r\n            <div><h3>Robo Centrum<\/h3><p>Strona internetowa \u00b7 roboty kosz\u0105ce<\/p><\/div>\r\n            <a class=\"km-sl-more\" href=\"https:\/\/robo-centrum.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zobacz <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"km-sl-slide\">\r\n          <a class=\"km-sl-shot\" href=\"https:\/\/leasingjobs.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/02\/mlj-card.png\" alt=\"Martin Leasing Jobs\"><\/a>\r\n          <div class=\"km-sl-cap\">\r\n            <div><h3>Martin Leasing Jobs<\/h3><p>Strona WWW z integracj\u0105 og\u0142osze\u0144 + identyfikacja<\/p><\/div>\r\n            <a class=\"km-sl-more\" href=\"https:\/\/leasingjobs.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zobacz <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"km-sl-slide\">\r\n          <a class=\"km-sl-shot\" href=\"https:\/\/wlasnaenergia.eu\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/09\/Wlasnaenergia.png\" alt=\"W\u0142asna Energia\"><\/a>\r\n          <div class=\"km-sl-cap\">\r\n            <div><h3>W\u0142asna Energia<\/h3><p>Strona internetowa \u00b7 OZE<\/p><\/div>\r\n            <a class=\"km-sl-more\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Zobacz <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"km-sl-slide\">\r\n          <a class=\"km-sl-shot\" href=\"https:\/\/mrfojo.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2025\/12\/mr.fojo-portfolio.png\" alt=\"Mr Fojo\"><\/a>\r\n          <div class=\"km-sl-cap\">\r\n            <div><h3>Mr.Fojo<\/h3><p>Strona Barbershopu \u00b7 premium<\/p><\/div>\r\n            <a class=\"km-sl-more\" href=\"https:\/\/mrfojo.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zobacz <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"km-sl-slide\">\r\n          <a class=\"km-sl-shot\" href=\"https:\/\/plastelinka.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/02\/plastelinka-protfiolio.png\" alt=\"Plastelinka\"><\/a>\r\n          <div class=\"km-sl-cap\">\r\n            <div><h3>Plastelinka<\/h3><p>Sklep online<\/p><\/div>\r\n            <a class=\"km-sl-more\" href=\"https:\/\/plastelinka.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zobacz <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"km-sl-prog\"><i id=\"km-sl-bar\"><\/i><\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const stage = document.getElementById('km-sl-stage');\r\n  const track = document.getElementById('km-sl-track');\r\n  const originalSlides = [...document.querySelectorAll('.km-sl-slide')];\r\n  const n = originalSlides.length;\r\n  const cur = document.getElementById('km-sl-cur');\r\n  const bar = document.getElementById('km-sl-bar');\r\n  \r\n  document.getElementById('km-sl-tot').textContent = String(n).padStart(2, '0');\r\n\r\n  \/\/ Niesko\u0144czona p\u0119tla: kopiujemy slajdy\r\n  originalSlides.forEach(s => {\r\n    let clone = s.cloneNode(true);\r\n    track.insertBefore(clone, originalSlides[0]);\r\n  });\r\n  originalSlides.forEach(s => {\r\n    let clone = s.cloneNode(true);\r\n    track.appendChild(clone);\r\n  });\r\n\r\n  const allSlides = [...document.querySelectorAll('.km-sl-slide')];\r\n  \r\n  let curIndex = n; \r\n  let timer;\r\n  let isAnimating = false;\r\n\r\n  function render() {\r\n    const sw = allSlides[0].offsetWidth; \r\n    const gap = parseFloat(getComputedStyle(track).gap) || 24;\r\n    \r\n    \/\/ Obliczanie precyzyjnego wy\u015brodkowania\r\n    const offset = (stage.clientWidth - sw) \/ 2;\r\n    track.style.transform = 'translateX(' + (offset - curIndex * (sw + gap)) + 'px)';\r\n    \r\n    allSlides.forEach((s, k) => s.classList.toggle('km-sl-active', k === curIndex));\r\n    \r\n    const realIndex = curIndex % n;\r\n    cur.textContent = String(realIndex + 1).padStart(2, '0');\r\n    bar.style.width = ((realIndex + 1) \/ n * 100) + '%';\r\n  }\r\n\r\n  function go(d) {\r\n    if (isAnimating) return;\r\n    isAnimating = true;\r\n\r\n    track.classList.remove('km-sl-notrans');\r\n    curIndex += d;\r\n    render();\r\n\r\n    setTimeout(() => {\r\n      let snapped = false;\r\n      if (curIndex < n) {\r\n        curIndex += n; \r\n        snapped = true;\r\n      } else if (curIndex >= 2 * n) {\r\n        curIndex -= n; \r\n        snapped = true;\r\n      }\r\n\r\n      if (snapped) {\r\n        track.classList.add('km-sl-notrans');\r\n        render();\r\n        void track.offsetWidth; \r\n      }\r\n      isAnimating = false;\r\n    }, 600); \r\n  }\r\n\r\n  document.getElementById('km-sl-next').onclick = () => { go(1); restart(); };\r\n  document.getElementById('km-sl-prev').onclick = () => { go(-1); restart(); };\r\n\r\n  function start() { timer = setInterval(() => go(1), 5000); }\r\n  function restart() { clearInterval(timer); start(); }\r\n  stage.addEventListener('pointerenter', () => clearInterval(timer));\r\n  stage.addEventListener('pointerleave', start);\r\n\r\n  let x0 = null;\r\n  stage.addEventListener('pointerdown', e => { if(!isAnimating) x0 = e.clientX; });\r\n  stage.addEventListener('pointerup', e => {\r\n    if (x0 === null) return;\r\n    const dx = e.clientX - x0; x0 = null;\r\n    if (Math.abs(dx) > 45) { go(dx < 0 ? 1 : -1); restart(); }\r\n  });\r\n\r\n  window.addEventListener('resize', () => {\r\n    track.classList.add('km-sl-notrans');\r\n    render();\r\n    void track.offsetWidth;\r\n  });\r\n  \r\n  track.classList.add('km-sl-notrans');\r\n  setTimeout(() => {\r\n    render();\r\n    void track.offsetWidth;\r\n    track.classList.remove('km-sl-notrans');\r\n    start();\r\n  }, 50);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52eae95 e-con-full e-flex e-con e-parent\" data-id=\"52eae95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a398c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d0a398c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n\/* ==================== ZMIENNE BAZOWE ==================== *\/\r\n.km3-cta {\r\n  --blue: #3971ED;\r\n  --blue-dd: #1f47a8;\r\n  --wash: #f6f8fe;\r\n  --r-lg: 30px;\r\n  --maxw: 1180px;\r\n  --sh-soft: 0 20px 55px -22px rgba(41,91,208,.28);\r\n  \r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.km3-cta * { box-sizing: border-box; }\r\n.km3-cta a { text-decoration: none; }\r\n\r\n\/* ==================== PRZYCISK ==================== *\/\r\n.km3-cta .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 15px 30px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: .94rem;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .28s, color .28s;\r\n}\r\n.km3-cta .btn svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  transition: transform .28s;\r\n}\r\n.km3-cta .btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n.km3-cta .btn-w {\r\n  background: #fff;\r\n  color: var(--blue);\r\n  box-shadow: 0 16px 34px -12px rgba(0,0,0,.28);\r\n}\r\n.km3-cta .btn-w:hover {\r\n  transform: translateY(-2px);\r\n  background: #f3f7ff;\r\n}\r\n\r\n\/* ==================== ANIMACJA I KULA 3D ==================== *\/\r\n@keyframes kmFloatOrb {\r\n  0%, 100% {\r\n    transform: translateY(0px) translateX(0px) scale(1);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px) translateX(10px) scale(1.03);\r\n  }\r\n}\r\n\r\n.km3-cta .orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  background: radial-gradient(circle at 34% 28%, #ffffff 0%, #6f97f4 30%, var(--blue) 60%, var(--blue-dd) 100%);\r\n  box-shadow: 0 26px 50px -14px rgba(41,91,208,.5),\r\n              inset -7px -9px 18px rgba(31,71,168,.55),\r\n              inset 8px 9px 16px rgba(255,255,255,.7);\r\n  animation: kmFloatOrb 7s ease-in-out infinite;\r\n}\r\n\r\n\/* ==================== LAYOUT CTA ==================== *\/\r\n.km3-cta .cta {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 6px 0 6px;\r\n  background: linear-gradient(180deg, var(--wash), #fff);\r\n}\r\n.km3-cta .in {\r\n  max-width: var(--maxw);\r\n  margin: 0 auto;\r\n  padding: 60px 44px;\r\n  border-radius: var(--r-lg);\r\n  background: linear-gradient(135deg, var(--blue), var(--blue-dd));\r\n  color: #fff;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: var(--sh-soft);\r\n}\r\n.km3-cta .in::before, \r\n.km3-cta .in::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,.09);\r\n}\r\n.km3-cta .in::before {\r\n  width: 240px;\r\n  height: 240px;\r\n  top: -100px;\r\n  right: -40px;\r\n}\r\n.km3-cta .in::after {\r\n  width: 180px;\r\n  height: 180px;\r\n  bottom: -80px;\r\n  left: -30px;\r\n}\r\n.km3-cta .o {\r\n  width: 60px;\r\n  height: 60px;\r\n  top: -20px;\r\n  left: 12%;\r\n  z-index: 2;\r\n}\r\n.km3-cta h2 {\r\n  color: #fff;\r\n  font-size: clamp(1.8rem, 3.6vw, 2.6rem);\r\n  margin: 0 0 14px;\r\n  position: relative;\r\n  z-index: 3;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.02em;\r\n}\r\n.km3-cta p {\r\n  color: rgba(255,255,255,.86);\r\n  max-width: 520px;\r\n  margin: 0 auto 26px;\r\n  position: relative;\r\n  z-index: 3;\r\n  font-weight: 600;\r\n  line-height: 1.62;\r\n}\r\n.km3-cta .btn {\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n\/* ==================== RESPONSYWNO\u015a\u0106 ==================== *\/\r\n@media (max-width: 600px) {\r\n  .km3-cta .in {\r\n    padding: 46px 24px;\r\n  }\r\n  .km3-cta .btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .km3-cta * { transition: none !important; animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"km3-cta\">\r\n  <section class=\"cta\">\r\n    <div class=\"in\">\r\n      <span class=\"orb o\"><\/span>\r\n      <h2>Porozmawiajmy o Twoim projekcie<\/h2>\r\n      <p>Zbudujmy platform\u0119, kt\u00f3ra stanie si\u0119 Twoim najskuteczniejszym kana\u0142em sprzeda\u017cy i wizerunku.<\/p>\r\n      <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"btn btn-w\">Darmowa wycena\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d47991 e-con-full e-flex e-con e-parent\" data-id=\"9d47991\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cbc7d3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8cbc7d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Sora:wght@500;600;700&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* G\u0142\u00f3wny kontener *\/\r\n.km-fq-scene {\r\n  --ink: #1A1813;\r\n  --ink-2: #3C382F;\r\n  --mut: #6E6A60;\r\n  --mut-2: #9A958A;\r\n  \r\n  --accent: #366DE8;\r\n  \r\n  --line: rgba(26,24,19,.12);\r\n  --g-edge: rgba(255,255,255,.72);\r\n  \r\n  --grad: linear-gradient(135deg, #749ef2, #366DE8 60%, #204ebf);\r\n  \r\n  --f-d: 'Sora', sans-serif;\r\n  --f-s: 'Inter', sans-serif;\r\n\r\n  position: relative;\r\n  padding: clamp(32px, 5vw, 80px) clamp(16px, 4vw, 44px);\r\n  font-family: var(--f-s);\r\n  color: var(--ink);\r\n  -webkit-font-smoothing: antialiased;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.km-fq-scene * { box-sizing: inherit; }\r\n\r\n.km-fq-scene h2,\r\n.km-fq-scene h3 {\r\n  font-family: var(--f-d);\r\n  font-weight: 700;\r\n  letter-spacing: -.02em;\r\n  line-height: 1.15;\r\n  margin: 0;\r\n}\r\n\r\n.km-fq-wrap { max-width: 1180px; margin: 0 auto; }\r\n\r\n\/* nag\u0142\u00f3wek *\/\r\n.km-fq-head { margin-bottom: clamp(24px, 3vw, 38px); }\r\n.km-fq-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mut-2); }\r\n.km-fq-head h2 { font-size: clamp(28px, 4vw, 44px); margin-top: 10px; color: var(--ink); }\r\n\r\n\/* uk\u0142ad *\/\r\n.km-fq-grid { display: grid; grid-template-columns: 1.85fr .8fr; gap: clamp(24px, 4vw, 60px); align-items: start; }\r\n\r\n\/* ===== akordeon \u2014 minimalistyczna lista ===== *\/\r\n.km-fq-acc { border-top: 1px solid var(--line); }\r\n.km-fq-qa { border-bottom: 1px solid var(--line); }\r\n.km-fq-q { width: 100%; text-align: left; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 4px; font-family: var(--f-s); font-weight: 500; font-size: clamp(15px, 1.6vw, 17px); color: var(--ink-2); line-height: 1.4; transition: color .25s; }\r\n.km-fq-q:hover { color: var(--ink); }\r\n.km-fq-qa.km-fq-open .km-fq-q { color: var(--ink); }\r\n.km-fq-plus { flex: none; width: 22px; height: 22px; color: var(--mut-2); transition: transform .35s cubic-bezier(.22,1,.36,1), color .35s; }\r\n.km-fq-plus svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; }\r\n.km-fq-qa.km-fq-open .km-fq-plus { transform: rotate(45deg); color: var(--accent); }\r\n.km-fq-a { max-height: 0; overflow: hidden; transition: max-height .4s cubic-bezier(.4,0,.2,1); }\r\n.km-fq-a p { margin: 0; padding: 0 4px 24px; font-size: 14.5px; line-height: 1.65; color: var(--mut); max-width: 64ch; }\r\n\r\n\/* ===== Szklana karta kontaktu (sticky) ===== *\/\r\n.km-fq-cc {\r\n  position: sticky;\r\n  top: clamp(80px, 12vh, 110px);\r\n  align-self: start;     \r\n  height: auto;          \r\n  border-radius: 20px;\r\n  padding: 26px;\r\n  background: linear-gradient(158deg, rgba(255,255,255,.72), rgba(255,255,255,.48));\r\n  backdrop-filter: blur(24px) saturate(155%);\r\n  -webkit-backdrop-filter: blur(24px) saturate(155%);\r\n  border: 1px solid var(--g-edge);\r\n  box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 18px 42px rgba(54,109,232,.08);\r\n}\r\n.km-fq-cc h3 { font-size: 18px; margin-bottom: 10px; color: var(--ink); }\r\n.km-fq-cc h3 .km-fq-qm { display: inline-flex; vertical-align: -3px; width: 18px; height: 18px; color: var(--accent); margin-left: 3px; }\r\n.km-fq-cc h3 .km-fq-qm svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.km-fq-cc p { font-size: 14px; line-height: 1.6; color: var(--mut); margin: 0 0 20px 0; }\r\n\r\n.km-fq-btn { \r\n  display: inline-flex; \r\n  align-items: center; \r\n  gap: 9px; \r\n  font-family: var(--f-d); \r\n  font-weight: 600; \r\n  font-size: 15px; \r\n  padding: 13px 24px; \r\n  border-radius: 999px; \r\n  color: #ffffff; \r\n  background: var(--grad); \r\n  border: 1px solid rgba(255,255,255,.4); \r\n  box-shadow: 0 10px 24px rgba(54,109,232,.34), 0 1px 0 rgba(255,255,255,.6) inset; \r\n  transition: transform .3s, box-shadow .3s; \r\n  text-decoration: none !important; \r\n}\r\n.km-fq-btn:hover { \r\n  transform: translateY(-2px); \r\n  box-shadow: 0 16px 32px rgba(54,109,232,.44), 0 1px 0 rgba(255,255,255,.6) inset; \r\n  color: #ffffff; \r\n}\r\n.km-fq-btn svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n@media(max-width: 860px){\r\n  .km-fq-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .km-fq-cc { position: static; }\r\n}\r\n@media(prefers-reduced-motion: reduce){\r\n  .km-fq-a, .km-fq-plus { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"km-fq-scene\">\r\n  <div class=\"km-fq-wrap\">\r\n\r\n    <div class=\"km-fq-head\">\r\n      <div class=\"km-fq-eyebrow\">FAQ<\/div>\r\n      <h2>Najcz\u0119\u015bciej zadawane pytania<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"km-fq-grid\">\r\n\r\n      <div class=\"km-fq-acc\" id=\"km-fq-acc\">\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Na jakim systemie powstaj\u0105 Wasze strony? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Tworzymy zar\u00f3wno indywidualne rozwi\u0105zania kodowane od zera, jak i projekty oparte o system WordPress. WordPress to \u015bwietny wyb\u00f3r dla wi\u0119kszo\u015bci firm, poniewa\u017c po oddaniu strony pozwala na niezwykle intuicyjn\u0105, samodzieln\u0105 edycj\u0119 tekst\u00f3w i zdj\u0119\u0107 bez specjalistycznej wiedzy programistycznej.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Ile czasu trwa stworzenie strony internetowej? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Czas realizacji zale\u017cy od stopnia skomplikowania projektu. Standardowe strony wizyt\u00f3wkowe wdra\u017camy zazwyczaj w ci\u0105gu 7-10 dni. Rozbudowane serwisy oraz sklepy internetowe mog\u0105 wymaga\u0107 od 2 do 4 tygodni pracy, wliczaj\u0105c w to proces projektowania, kodowania i test\u00f3w.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy tworzycie r\u00f3wnie\u017c sklepy internetowe? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Tak, wdra\u017camy w pe\u0142ni funkcjonalne sklepy e-commerce oparte na platformie WooCommerce. Konfigurujemy bramki p\u0142atno\u015bci, metody wysy\u0142ki (np. paczkomaty InPost) oraz synchronizacj\u0119 zam\u00f3wie\u0144 z systemami typu BaseLinker.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy moja strona b\u0119dzie widoczna w Google? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Ka\u017cd\u0105 witryn\u0119 odpowiednio optymalizujemy pod k\u0105tem technicznym (SEO). Zapewniamy prawid\u0142ow\u0105 struktur\u0119 nag\u0142\u00f3wk\u00f3w, wdra\u017camy metadane oraz pomagamy zaj\u0105\u0107 si\u0119 lokalnymi wizyt\u00f3wkami map Google, co daje solidny fundament pod wysok\u0105 pozycj\u0119 w wyszukiwarkach.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy poradz\u0119 sobie z samodzieln\u0105 edycj\u0105 po zako\u0144czeniu prac? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Zdecydowanie tak. Intuicyjny panel CMS pozwala z \u0142atwo\u015bci\u0105 podmienia\u0107 teksty, aktualizowa\u0107 zdj\u0119cia czy dodawa\u0107 nowe wpisy. Dodatkowo po wdro\u017ceniu przekazujemy wszystkie potrzebne instrukcje, aby obs\u0142uga strony nie sprawia\u0142a problem\u00f3w.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy korzystacie z gotowych szablon\u00f3w graficznych? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Nie, stawiamy na unikalno\u015b\u0107 i brak utartych schemat\u00f3w. Opracowujemy architektur\u0119 i wygl\u0105d od podstaw, by witryna pracowa\u0142a na Tw\u00f3j indywidualny sukces i wyr\u00f3\u017cnia\u0142a si\u0119 na tle konkurencji.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czym dok\u0142adnie jest domena i hosting serwera? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Domena to unikalny adres Twojej witryny w sieci (np. nazwafirmy.pl), natomiast hosting to przestrze\u0144 na serwerze, gdzie przechowywane s\u0105 pliki strony. W razie potrzeby konfigurujemy te elementy za Ciebie, aby wszystko dzia\u0142a\u0142o bezpiecznie podpi\u0119te pod certyfikat SSL.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"km-fq-cc\">\r\n        <h3>Masz dodatkowe pytania<span class=\"km-fq-qm\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.3 9.2a2.8 2.8 0 0 1 5.4 1c0 1.9-2.7 2.2-2.7 4\"\/><path d=\"M12 17h.01\"\/><\/svg><\/span><\/h3>\r\n        <p>Je\u015bli nie znalaz\u0142e\u015b odpowiedzi na swoje pytania na naszej stronie, zadzwo\u0144 lub napisz do nas.<\/p>\r\n        <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"km-fq-btn\">Kontakt z nami <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const acc = document.getElementById('km-fq-acc');\r\n  const items = [...acc.querySelectorAll('.km-fq-qa')];\r\n\r\n  function close(qa){\r\n    qa.classList.remove('km-fq-open');\r\n    qa.querySelector('.km-fq-a').style.maxHeight = '0px';\r\n  }\r\n  function open(qa){\r\n    qa.classList.add('km-fq-open');\r\n    const a = qa.querySelector('.km-fq-a');\r\n    a.style.maxHeight = a.scrollHeight + 'px';\r\n  }\r\n\r\n  items.forEach(qa => {\r\n    qa.querySelector('.km-fq-q').addEventListener('click', () => {\r\n      const isOpen = qa.classList.contains('km-fq-open');\r\n      items.forEach(close);\r\n      if(!isOpen) open(qa);\r\n    });\r\n  });\r\n\r\n  window.addEventListener('resize', () => {\r\n    const o = acc.querySelector('.km-fq-qa.km-fq-open');\r\n    if(o){\r\n      const a = o.querySelector('.km-fq-a');\r\n      a.style.maxHeight = a.scrollHeight + 'px';\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8d0fce e-flex e-con-boxed e-con e-parent\" data-id=\"a8d0fce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6859319 e-con-full e-grid e-con e-child\" data-id=\"6859319\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-772d1f6 e-con-full e-flex e-con e-child\" data-id=\"772d1f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-239e647 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"239e647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"555\" height=\"232\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/Kania-media-blue.png\" class=\"attachment-large size-large wp-image-6280\" alt=\"\" srcset=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/Kania-media-blue.png 555w, https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/Kania-media-blue-300x125.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff7c7b5 elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ff7c7b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">44-300 Wodzis\u0142aw \u015al\u0105ski<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ul. Wojska Polskiego 8<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">tel. 574 504 200<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-561b891 elementor-widget__width-inherit e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"561b891\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-5a077ee\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-9490547\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-f99c9d8\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-repeater-item-561671d\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Envelope<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffab3ca e-con-full e-flex e-con e-child\" data-id=\"ffab3ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cfa730 elementor-widget elementor-widget-heading\" data-id=\"2cfa730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Oferta<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bfb215 elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7bfb215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/strony-internetowe\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Strony internetowe<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/sklepy-internetowe\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Sklepy online<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/seo-i-adsy\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Seo i reklamy<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/opieka-nad-strona\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Opieka nad stron\u0105<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5a9629 e-con-full e-flex e-con e-child\" data-id=\"d5a9629\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65a99b1 elementor-widget elementor-widget-heading\" data-id=\"65a99b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pozosta\u0142e us\u0142ugi<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1399b34 e-con-full e-flex e-con e-child\" data-id=\"1399b34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebbe03 elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6ebbe03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/domena-i-hosting\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Domena i hosting<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Miniatury<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ulotki<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wizyt\u00f3wki<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0e10f7 elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c0e10f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Posty<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Reklamy<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wsparcie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SEO<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c95d711 e-con-full e-flex e-con e-child\" data-id=\"c95d711\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da68d7e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"da68d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ec754f e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6ec754f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e62357 elementor-icon-list--layout-inline elementor-align-end elementor-widget__width-initial elementor-mobile-align-start elementor-widget-mobile__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0e62357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/polityka-prywatnosci\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Polityka prywatno\u015bci<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/realizacje\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Realizacje<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/o-nas\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">O nas<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/kontakt\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Kontakt<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/kontakt\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Darmowa wycena<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ead810d elementor-icon-list--layout-inline elementor-align-start elementor-widget__width-initial elementor-mobile-align-start elementor-widget-mobile__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ead810d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/Darmowa%20wy\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00a9KANIA MEDIA 2026<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f112772 e-con-full e-flex e-con e-child\" data-id=\"f112772\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58654d4 elementor-icon-list--layout-inline elementor-align-end elementor-widget__width-initial elementor-mobile-align-end elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"58654d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Polityka prywatno\u015bci<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bb0524 e-flex e-con-boxed e-con e-parent\" data-id=\"8bb0524\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a50a354 e-flex e-con-boxed e-con e-parent\" data-id=\"a50a354\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tworzenie stron internetowych Wydajne Strony Internetowe dla Firm Projektujemy szybkie i bezpieczne witryny dla biznesu. Dostarczamy indywidualn\u0105 architektur\u0119, pe\u0142n\u0105 optymalizacj\u0119 pod algorytmy Google. Solidny fundament cyfrowy dla Twojej firmy. Zam\u00f3w projekt Zobacz realizacje 5,0 \u00b7 ponad 80 zrealizowanych projekt\u00f3w 100% PageSpeedB\u0142yskawiczne \u0142adowanie SSL &amp; RODOBezpiecze\u0144stwo w standardzie PE\u0141NY PROCES Co dostajesz w projekcie Kompletny zakres&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-784","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Strony Internetowe<\/title>\n<meta name=\"description\" content=\"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kaniamedia.pl\/de\/strony-internetowe\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strony Internetowe\" \/>\n<meta property=\"og:description\" content=\"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kaniamedia.pl\/de\/strony-internetowe\/\" \/>\n<meta property=\"og:site_name\" content=\"Kania Media\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-12T09:37:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"37\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/\",\"name\":\"Strony Internetowe\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Maritn_leasing_jobs.png\",\"datePublished\":\"2024-07-26T09:25:25+00:00\",\"dateModified\":\"2026-09-12T09:37:05+00:00\",\"description\":\"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Maritn_leasing_jobs.png\",\"contentUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Maritn_leasing_jobs.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/strony-internetowe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/kaniamedia.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strony Internetowe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#website\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"name\":\"Kania Media\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kaniamedia.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#organization\",\"name\":\"Kania Media\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png\",\"contentUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png\",\"width\":383,\"height\":154,\"caption\":\"Kania Media\"},\"image\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Strony Internetowe","description":"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!","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:\/\/kaniamedia.pl\/de\/strony-internetowe\/","og_locale":"de_DE","og_type":"article","og_title":"Strony Internetowe","og_description":"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!","og_url":"https:\/\/kaniamedia.pl\/de\/strony-internetowe\/","og_site_name":"Kania Media","article_modified_time":"2026-09-12T09:37:05+00:00","og_image":[{"url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"37\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","ItemPage"],"@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/","url":"https:\/\/kaniamedia.pl\/strony-internetowe\/","name":"Strony Internetowe","isPartOf":{"@id":"https:\/\/kaniamedia.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/#primaryimage"},"image":{"@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/#primaryimage"},"thumbnailUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png","datePublished":"2024-07-26T09:25:25+00:00","dateModified":"2026-09-12T09:37:05+00:00","description":"Realizujemy profesjonalne strony internetowe, kt\u00f3re skutecznie przyci\u0105gn\u0105 klient\u00f3w i zwi\u0119ksz\u0105 Twoj\u0105 widoczno\u015b\u0107 w sieci!","breadcrumb":{"@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kaniamedia.pl\/strony-internetowe\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/#primaryimage","url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png","contentUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png"},{"@type":"BreadcrumbList","@id":"https:\/\/kaniamedia.pl\/strony-internetowe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/kaniamedia.pl\/"},{"@type":"ListItem","position":2,"name":"Strony Internetowe"}]},{"@type":"WebSite","@id":"https:\/\/kaniamedia.pl\/#website","url":"https:\/\/kaniamedia.pl\/","name":"Kania Media","description":"","publisher":{"@id":"https:\/\/kaniamedia.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kaniamedia.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kaniamedia.pl\/#organization","name":"Kania Media","url":"https:\/\/kaniamedia.pl\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kaniamedia.pl\/#\/schema\/logo\/image\/","url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png","contentUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png","width":383,"height":154,"caption":"Kania Media"},"image":{"@id":"https:\/\/kaniamedia.pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/pages\/784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/comments?post=784"}],"version-history":[{"count":150,"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/pages\/784\/revisions"}],"predecessor-version":[{"id":6935,"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/pages\/784\/revisions\/6935"}],"wp:attachment":[{"href":"https:\/\/kaniamedia.pl\/de\/wp-json\/wp\/v2\/media?parent=784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}