{"id":7,"date":"2024-07-11T10:18:01","date_gmt":"2024-07-11T10:18:01","guid":{"rendered":"https:\/\/kaniamedia.pl\/?page_id=7"},"modified":"2026-09-12T09:39:22","modified_gmt":"2026-09-12T09:39:22","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/kaniamedia.pl\/en\/","title":{"rendered":"Home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5dde4 e-flex e-con-boxed e-con e-parent\" data-id=\"cb5dde4\" 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<div class=\"elementor-element elementor-element-28591a2 e-con-full e-flex e-con e-child\" data-id=\"28591a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-019d61c elementor-widget elementor-widget-text-editor\" data-id=\"019d61c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"main-hero\">Tworzenie stron internetowych<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b98e189 elementor-widget elementor-widget-html\" data-id=\"b98e189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-text-slider-container\">\r\n  <div class=\"slider-title-wrapper\">\r\n    <div class=\"slider-title active\">\r\n      Profesjonalny wizerunek <span class=\"highlight\">online<\/span>\r\n    <\/div>\r\n    <div class=\"slider-title\">\r\n      Sklep gotowy do <span class=\"highlight\">sprzeda\u017cy<\/span>\r\n    <\/div>\r\n    <div class=\"slider-title\">\r\n      Zacznij dzia\u0142a\u0107 w sieci <span class=\"highlight\">od zaraz<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Wczytanie czcionki Poppins *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n  .custom-text-slider-container {\r\n    font-family: 'Poppins', sans-serif;\r\n    overflow: hidden; \/* Zapobiega pojawianiu si\u0119 pask\u00f3w przewijania podczas ruchu tekstu *\/\r\n  }\r\n\r\n  .slider-title-wrapper {\r\n    position: relative;\r\n  }\r\n\r\n  .slider-title {\r\n    \/* DOMY\u015aLNY ROZMIAR (Telefony kom\u00f3rkowe) *\/\r\n    font-size: 32px; \r\n    color: #1E1E1E; \r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    \r\n    \/* NOWA ANIMACJA: Tekst jest niewidoczny i lekko obni\u017cony (15px w d\u00f3\u0142) *\/\r\n    opacity: 0;\r\n    transform: translateY(15px); \r\n    \r\n    \/* P\u0142ynne, nieco d\u0142u\u017csze (0.8s) przej\u015bcie ze zwalniaj\u0105cym tempem na ko\u0144cu (ease-out) *\/\r\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out, visibility 0.8s;\r\n    visibility: hidden; \r\n  }\r\n\r\n  \/* ROZMIAR DLA TABLET\u00d3W *\/\r\n  @media (min-width: 768px) {\r\n    .slider-title {\r\n      font-size: 48px;\r\n    }\r\n  }\r\n\r\n  \/* DU\u017bY ROZMIAR DLA DESKTOP\u00d3W *\/\r\n  @media (min-width: 1024px) {\r\n    .slider-title {\r\n      font-size: 54px; \r\n    }\r\n  }\r\n\r\n  .slider-title:first-child {\r\n    position: relative; \r\n  }\r\n\r\n  .slider-title:not(:first-child) {\r\n    position: absolute;\r\n  }\r\n\r\n  .slider-title.active {\r\n    \/* NOWA ANIMACJA: Tekst staje si\u0119 w pe\u0142ni widoczny i wraca na swoj\u0105 pierwotn\u0105 pozycj\u0119 (0px) *\/\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    visibility: visible;\r\n  }\r\n\r\n  .slider-title .highlight {\r\n    color: #FFC900; \r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const container = document.querySelector('.custom-text-slider-container');\r\n    if (!container || container.getAttribute('data-slider-init') === 'true') return;\r\n    container.setAttribute('data-slider-init', 'true');\r\n    \r\n    const titles = container.querySelectorAll('.slider-title');\r\n    if (titles.length === 0) return;\r\n    \r\n    let currentTitleIndex = 0;\r\n\r\n    function showNextTitle() {\r\n      titles[currentTitleIndex].classList.remove('active');\r\n      currentTitleIndex = (currentTitleIndex + 1) % titles.length;\r\n      titles[currentTitleIndex].classList.add('active');\r\n    }\r\n\r\n    setInterval(showNextTitle, 4000);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46f9e63 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"46f9e63\" 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>Zyskaj przewag\u0119 dzi\u0119ki stronie, kt\u00f3ra przyci\u0105ga uwag\u0119 i zamienia odwiedzaj\u0105cych w klient\u00f3w. Tworzymy przemy\u015blane projekty, kt\u00f3re \u0142\u0105cz\u0105 estetyk\u0119 z realnymi efektami biznesowymi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e6e3f2 e-con-full e-flex e-con e-child\" data-id=\"8e6e3f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df36da2 e-transform elementor-widget elementor-widget-button\" data-id=\"df36da2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kaniamedia.pl\/kontakt\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Zam\u00f3w projekt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-656e9c6 e-transform elementor-widget elementor-widget-button\" data-id=\"656e9c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kaniamedia.pl\/realizacje\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Zobacz realizacje<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-513c7a1 e-con-full e-flex e-con e-child\" data-id=\"513c7a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6433ec9 elementor-widget elementor-widget-html\" data-id=\"6433ec9\" 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<div class=\"elementor-element elementor-element-c8f3bb5 e-con-full e-flex e-con e-child\" data-id=\"c8f3bb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a5989 elementor-widget__width-inherit elementor-widget-mobile__width-inherit e-transform elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"d1a5989\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scaleX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- Kontener G\u0142\u00f3wny Wid\u017cetu --- *\/\r\n    .kania-iso-widget-new {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 650px;\r\n        min-height: 550px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: 'Poppins', sans-serif;\r\n        perspective: 2000px;\r\n        z-index: 1;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .kania-iso-widget-new * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- B\u0104BELKI 3D --- *\/\r\n    .k-iso-sphere {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        background: #fcdb3b;\r\n        box-shadow: \r\n            inset -5px -5px 12px rgba(217, 119, 6, 0.4), \r\n            inset 4px 4px 10px rgba(255, 255, 255, 0.9),  \r\n            4px 8px 15px rgba(245, 166, 35, 0.2);         \r\n        animation: kIsoFloatSphere alternate infinite ease-in-out;\r\n    }\r\n    \r\n    .k-iso-sphere::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 18%; left: 18%;\r\n        width: 25%; height: 25%;\r\n        background: rgba(255, 255, 255, 0.85);\r\n        border-radius: 50%; filter: blur(1px);\r\n    }\r\n\r\n    .k-iso-sp-small { width: 30px; height: 30px; top: 15%; right: 10%; animation-duration: 4.5s; z-index: 1; }\r\n    .k-iso-sp-mid { width: 45px; height: 45px; top: 35%; left: 5%; animation-duration: 6s; z-index: 1; }\r\n    .k-iso-sp-big { \r\n        width: 95px; height: 95px; \r\n        bottom: 8%; left: 12%; \r\n        animation-duration: 7s; \r\n        z-index: 20;\r\n        box-shadow: inset -8px -8px 18px rgba(217, 119, 6, 0.4), inset 6px 6px 15px rgba(255, 255, 255, 0.9), 10px 20px 30px rgba(245, 166, 35, 0.35);\r\n    }\r\n\r\n    \/* --- SCENA 3D --- *\/\r\n    .k-iso-scene-new {\r\n        position: relative;\r\n        width: 420px;\r\n        height: 300px;\r\n        transform-style: preserve-3d;\r\n        transform: rotateX(20deg) rotateY(-35deg) rotateZ(5deg);\r\n        animation: kIsoFloatSceneNew 6s ease-in-out infinite;\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* --- Makieta Przegl\u0105darki --- *\/\r\n    .k-iso-browser-new {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: 1px 1px 0 #E5E7EB, 2px 2px 0 #D1D5DB, 5px 5px 0 #6B7280, 25px 35px 45px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .k-iso-header-new {\r\n        background: #1F2937; height: 38px; border-radius: 12px 12px 0 0;\r\n        display: flex; align-items: center; padding: 0 15px; gap: 6px;\r\n    }\r\n    .k-iso-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n    .k-iso-dot.d1 { background: #ff5f56; } \r\n    .k-iso-dot.d2 { background: #ffbd2e; }\r\n    .k-iso-dot.d3 { background: #27c93f; }\r\n\r\n    .k-iso-body-new { flex: 1; background: #FAFAFA; border-radius: 0 0 12px 12px; display: flex; overflow: hidden; }\r\n\r\n    .k-iso-mock-sidebar { width: 50px; background: #4B5563; display: flex; flex-direction: column; align-items: center; padding-top: 20px; gap: 15px; }\r\n    .k-iso-sb-icon { width: 22px; height: 22px; background: rgba(255,255,255,0.1); border-radius: 4px; }\r\n    .k-iso-sb-icon.active { background: #fcdb3b; }\r\n\r\n    .k-iso-mock-main { flex: 1; padding: 20px; display: flex; flex-direction: column; gap: 15px; }\r\n    .k-iso-mock-title { width: 100px; height: 10px; background: #2D2D2D; border-radius: 5px;}\r\n    \r\n    .k-iso-mock-banner {\r\n        width: 100%; height: 80px;\r\n        background: linear-gradient(135deg, #fcdb3b 0%, #f5a623 100%);\r\n        border-radius: 8px; display: flex; align-items: center; padding: 15px; gap: 10px;\r\n    }\r\n    .k-iso-mock-banner-img { width: 50px; height: 50px; background: rgba(255,255,255,0.8); border-radius: 6px; }\r\n    .k-iso-mock-banner-text { display: flex; flex-direction: column; gap: 6px; flex: 1; }\r\n    .k-iso-mock-line-l { width: 80%; height: 8px; background: #ffffff; border-radius: 4px;}\r\n    .k-iso-mock-line-s { width: 40%; height: 8px; background: rgba(255,255,255,0.6); border-radius: 4px;}\r\n\r\n    \/* Style dla wype\u0142nienia pustych p\u00f3l *\/\r\n    .k-iso-data-card {\r\n        flex: 1; height: 65px; background: #ffffff; border: 1px solid #E5E7EB; border-radius: 6px;\r\n        padding: 8px; display: flex; flex-direction: column; gap: 6px;\r\n    }\r\n    .k-iso-data-bar { width: 100%; height: 6px; background: #F3F4F6; border-radius: 3px; position: relative; overflow: hidden; }\r\n    .k-iso-data-bar::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 60%; background: #fcdb3b; }\r\n    .k-iso-data-line { width: 40%; height: 5px; background: #E5E7EB; border-radius: 2px; }\r\n\r\n    \/* --- POWIADOMIENIE (OBNI\u017bONE) --- *\/\r\n    .k-iso-notify {\r\n        position: absolute; \r\n        top: -10px;\r\n        right: 30px; \r\n        background: #ffffff;\r\n        padding: 10px 18px; border-radius: 30px; font-size: 0.85rem; font-weight: 700; color: #2D2D2D;\r\n        transform: translateZ(100px); box-shadow: 0 10px 25px rgba(0,0,0,0.12);\r\n        display: flex; align-items: center; gap: 10px; white-space: nowrap;\r\n        animation: kIsoFloatNotify 5.5s infinite alternate ease-in-out; z-index: 50;\r\n    }\r\n    .k-iso-notify::before { content: ''; width: 10px; height: 10px; background: #27c93f; border-radius: 50%; box-shadow: 0 0 8px rgba(39,201,63,0.6); flex-shrink: 0; }\r\n\r\n    \/* --- GWIAZDKI --- *\/\r\n    .k-iso-stars-new {\r\n        position: absolute; top: -15px; left: -40px; background: #ffffff;\r\n        padding: 12px 18px; border-radius: 30px; display: flex; gap: 5px;\r\n        transform: translateZ(60px); box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n        animation: kIsoFloatElementNew 5s infinite alternate ease-in-out;\r\n    }\r\n    .k-iso-stars-new svg { width: 18px; height: 18px; fill: #fcdb3b; }\r\n\r\n    \/* --- RESZTA DETALI --- *\/\r\n    .k-iso-growth-new {\r\n        position: absolute; bottom: 0px; right: -55px; width: 85px; height: 85px;\r\n        background: linear-gradient(135deg, #fce270 0%, #f5a623 100%);\r\n        border-radius: 22px; display: flex; align-items: center; justify-content: center;\r\n        transform: translateZ(70px); box-shadow: 10px 15px 25px rgba(245, 166, 35, 0.3);\r\n        animation: kIsoFloatElement2New 4.5s infinite alternate ease-in-out;\r\n    }\r\n    .k-iso-growth-new svg { width: 42px; height: 42px; stroke: #ffffff; stroke-width: 2.5; fill: none; }\r\n\r\n    .k-iso-cursor {\r\n        position: absolute; top: 130px; right: 120px; width: 45px; height: 45px;\r\n        transform: translateZ(90px); z-index: 15; filter: drop-shadow(-8px 12px 10px rgba(0,0,0,0.25));\r\n        animation: kIsoFloatCursor 3s infinite alternate ease-in-out;\r\n    }\r\n    .k-iso-cursor svg { width: 100%; height: 100%; fill: #ffffff; stroke: #2D2D2D; stroke-width: 1.5; }\r\n\r\n    \/* --- ANIMACJE --- *\/\r\n    @keyframes kIsoFloatSphere { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } }\r\n    @keyframes kIsoFloatSceneNew { \r\n        0%, 100% { transform: rotateX(20deg) rotateY(-35deg) rotateZ(5deg) translateY(0); } \r\n        50% { transform: rotateX(20deg) rotateY(-35deg) rotateZ(5deg) translateY(-20px); } \r\n    }\r\n    @keyframes kIsoFloatElementNew { 0%, 100% { transform: translateZ(60px) translateY(0); } 50% { transform: translateZ(60px) translateY(-12px); } }\r\n    @keyframes kIsoFloatElement2New { 0%, 100% { transform: translateZ(70px) translateY(0); } 50% { transform: translateZ(70px) translateY(-15px); } }\r\n    @keyframes kIsoFloatCursor { 0% { transform: translateZ(90px) translate(0, 0); } 100% { transform: translateZ(90px) translate(-8px, -12px); } }\r\n    @keyframes kIsoFloatNotify { 0%, 100% { transform: translateZ(100px) translateY(0); } 50% { transform: translateZ(100px) translateY(-10px); } }\r\n\r\n    \/* =========================================\r\n       RESPONSYWNO\u015a\u0106 (POPRAWKA B\u0104BELK\u00d3W NA MOBILCE)\r\n       ========================================= *\/\r\n    @media (max-width: 576px) {\r\n        .kania-iso-widget-new { min-height: 480px; padding-top: 40px; }\r\n        .k-iso-scene-new { width: 320px; height: 240px; transform: scale(0.7) rotateX(20deg) rotateY(-35deg) rotateZ(5deg); }\r\n        .k-iso-notify { right: 15px; top: 0px; font-size: 0.75rem; }\r\n        \r\n        \/* Zmiana dla gwiazdek *\/\r\n        .k-iso-stars-new { left: -15px; scale: 0.8; top: -25px; }\r\n\r\n        \/* --- ZMNIEJSZENIE B\u0104BELK\u00d3W NA MOBILCE --- *\/\r\n        .k-iso-sp-small { \r\n            width: 20px; height: 20px; \r\n            top: 10%; right: 15%; \r\n        }\r\n        .k-iso-sp-mid { \r\n            width: 30px; height: 30px; \r\n            top: 40%; left: 10%; \r\n        }\r\n        .k-iso-sp-big { \r\n            width: 60px; height: 60px; \r\n            bottom: 12%; left: 8%; \r\n            \/* Korekta cienia dla mniejszej kulki *\/\r\n            box-shadow: inset -5px -5px 12px rgba(217, 119, 6, 0.4), inset 4px 4px 10px rgba(255, 255, 255, 0.9), 6px 12px 20px rgba(245, 166, 35, 0.35);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"kania-iso-widget-new\">\r\n    <div class=\"k-iso-sphere k-iso-sp-small\"><\/div>\r\n    <div class=\"k-iso-sphere k-iso-sp-mid\"><\/div>\r\n    <div class=\"k-iso-sphere k-iso-sp-big\"><\/div>\r\n\r\n    <div class=\"k-iso-scene-new\">\r\n        <div class=\"k-iso-browser-new\">\r\n            <div class=\"k-iso-header-new\">\r\n                <div class=\"k-iso-dot d1\"><\/div>\r\n                <div class=\"k-iso-dot d2\"><\/div>\r\n                <div class=\"k-iso-dot d3\"><\/div>\r\n            <\/div>\r\n            <div class=\"k-iso-body-new\">\r\n                <div class=\"k-iso-mock-sidebar\">\r\n                    <div class=\"k-iso-sb-icon active\"><\/div>\r\n                    <div class=\"k-iso-sb-icon\"><\/div>\r\n                <\/div>\r\n                <div class=\"k-iso-mock-main\">\r\n                    <div class=\"k-iso-mock-title\"><\/div>\r\n                    <div class=\"k-iso-mock-banner\">\r\n                        <div class=\"k-iso-mock-banner-img\"><\/div>\r\n                        <div class=\"k-iso-mock-banner-text\">\r\n                            <div class=\"k-iso-mock-line-l\"><\/div>\r\n                            <div class=\"k-iso-mock-line-s\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div style=\"display:flex; gap:10px;\">\r\n                        <div class=\"k-iso-data-card\">\r\n                            <div class=\"k-iso-data-line\"><\/div>\r\n                            <div class=\"k-iso-data-bar\"><\/div>\r\n                            <div class=\"k-iso-data-line\" style=\"width:70%\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"k-iso-data-card\">\r\n                            <div class=\"k-iso-data-line\"><\/div>\r\n                            <div style=\"display:flex; gap:4px; align-items:flex-end; height:20px; margin-top:5px;\">\r\n                                <div style=\"flex:1; height:40%; background:#fcdb3b; border-radius:2px;\"><\/div>\r\n                                <div style=\"flex:1; height:80%; background:#fcdb3b; border-radius:2px;\"><\/div>\r\n                                <div style=\"flex:1; height:60%; background:#fcdb3b; border-radius:2px;\"><\/div>\r\n                                <div style=\"flex:1; height:100%; background:#f5a623; border-radius:2px;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"k-iso-notify\">Nowe zam\u00f3wienie<\/div>\r\n\r\n        <div class=\"k-iso-stars-new\">\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"k-iso-growth-new\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"k-iso-cursor\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 2 L11.4 21.2 L14.2 14.2 L21.2 11.4 Z\"><\/path><\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e586bb e-flex e-con-boxed e-con e-child\" data-id=\"8e586bb\" 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-5187285 e-con-full logo-slider-container e-flex e-con e-child\" data-id=\"5187285\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-671825a elementor-widget elementor-widget-image-carousel\" data-id=\"671825a\" 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;slides_to_show_tablet&quot;:&quot;4&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 of 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 of 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 of 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 of 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 of 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 of 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 of 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 of 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 of 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 of 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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-636a5c8 e-con-full e-flex e-con e-parent\" data-id=\"636a5c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caadd82 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"caadd82\" 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=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== G\u0141\u00d3WNY KONTENER (izolacja zmiennych i styl\u00f3w) ===== *\/\r\n.scene {\r\n  --paper: #F1EEE7;\r\n  --ink: #1A1813;\r\n  --mut: #6E6A60;\r\n  --gold: #F5A314;\r\n  --g-edge: rgba(255, 255, 255, 0.70);\r\n\r\n  \/* KRAW\u0118D\u0179 KAFELKA \u2014 ciep\u0142y odcie\u0144 z palety *\/\r\n  --edge: rgba(58, 42, 12, 0.13);        \r\n  --edge-hi: rgba(58, 42, 12, 0.22);     \r\n  --edge-in: rgba(255, 255, 255, 0.92);  \r\n\r\n  --r-lg: 30px;\r\n  --f-d: 'Poppins', sans-serif;\r\n  --f-s: 'Poppins', sans-serif;\r\n\r\n  position: relative;\r\n  padding: clamp(24px, 4vw, 48px) clamp(16px, 4vw, 40px);\r\n  font-family: var(--f-s);\r\n  color: var(--ink);\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.scene * { box-sizing: border-box; }\r\n.scene h3 { font-family: var(--f-d); font-weight: 600; letter-spacing: -.01em; line-height: 1.12; color: var(--ink); margin: 0; }\r\n.scene p { margin: 0; }\r\n\r\n.glass {\r\n  background: linear-gradient(158deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.65));\r\n  backdrop-filter: blur(24px) saturate(155%);\r\n  -webkit-backdrop-filter: blur(24px) saturate(155%);\r\n\r\n  border: 1px solid var(--edge);\r\n  box-shadow:\r\n    inset 0 1px 0 var(--edge-in),\r\n    0 12px 30px rgba(58, 42, 12, 0.06),\r\n    0 36px 70px rgba(58, 42, 12, 0.05);\r\n}\r\n\r\n\/* ===== BENTO GRID ===== *\/\r\n.bento { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; grid-auto-rows: minmax(168px, auto); max-width: 1180px; margin: 0 auto; }\r\n\r\n.tile {\r\n  border-radius: var(--r-lg);\r\n  padding: 26px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s, border-color .45s;\r\n  text-decoration: none;\r\n  color: inherit;\r\n}\r\n\r\n.tile:hover { transform: translateY(-5px); }\r\n.tile.glass:hover {\r\n  border-color: var(--edge-hi);\r\n  box-shadow:\r\n    inset 0 1px 0 #ffffff,\r\n    0 22px 50px rgba(58, 42, 12, 0.10),\r\n    0 50px 90px rgba(58, 42, 12, 0.08);\r\n}\r\n.tile > * { position: relative; z-index: 1; }\r\n.tile > .glow { position: absolute; z-index: 0; }\r\n\r\n\/* Klasy siatki 12-kolumnowej *\/\r\n.c3 { grid-column: span 3; }\r\n.c6 { grid-column: span 6; }\r\n.r2 { grid-row: span 2; }\r\n\r\n\/* ===== PODSTAWOWE ELEMENTY ===== *\/\r\n.t-ic {\r\n  width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center;\r\n  margin-bottom: 18px; border: 1px solid var(--g-edge); flex: none;\r\n  color: var(--gold); background: linear-gradient(160deg, rgba(255, 200, 68, 0.4), rgba(255, 255, 255, 0.5));\r\n  transition: all .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n.t-ic .ico { width: 25px; height: 25px; transition: stroke .3s ease; }\r\n.ico { stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.tile h3 { font-size: 20px; margin-bottom: 8px; }\r\n.tile p { font-size: 14.5px; color: var(--mut); line-height: 1.55; }\r\n.t-link { margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 7px; font-family: var(--f-d); font-weight: 600; font-size: 14px; color: var(--ink); transition: gap .25s; text-decoration: none; }\r\n.tile:hover .t-link { gap: 11px; }\r\n.t-link .ico { width: 18px; height: 18px; }\r\n.glow { width: 280px; height: 280px; border-radius: 50%; pointer-events: none; left: var(--mx, 50%); top: var(--my, 50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity .4s; }\r\n.tile:hover .glow { opacity: 1; }\r\n\r\n\/* ===== KOLORY US\u0141UG I EFEKT HOVER NA IKONIE ===== *\/\r\n.s-blue { --sc: #3B82F6; } .s-coral { --sc: #FF5A5F; } .s-amber { --sc: #F59E0B; } .s-green { --sc: #22C55E; } .s-violet { --sc: #8B5CF6; } .s-pink { --sc: #EC4899; } .s-cyan { --sc: #06B6D4; } .s-indigo { --sc: #6366F1; }\r\n.svc::before { content: \"\"; position: absolute; inset: 0; background: color-mix(in srgb, var(--sc) 8%, transparent); opacity: 0; transition: opacity .45s; z-index: 0; }\r\n.svc:hover::before { opacity: 1; }\r\n\r\n\/* kraw\u0119d\u017a przejmuje kolor us\u0142ugi po najechaniu *\/\r\n.tile.glass.svc:hover { border-color: color-mix(in srgb, var(--sc) 45%, transparent); }\r\n\r\n\/* Ikona domy\u015blnie *\/\r\n.svc .t-ic {\r\n  background: linear-gradient(160deg, color-mix(in srgb, var(--sc) 15%, transparent), rgba(255, 255, 255, 0.6));\r\n  color: var(--sc);\r\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n\/* Ikona po najechaniu na kafelek *\/\r\n.svc:hover .t-ic {\r\n  background: var(--sc);\r\n  color: #ffffff;\r\n  border-color: var(--sc);\r\n  box-shadow: 0 10px 24px color-mix(in srgb, var(--sc) 45%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n  transform: scale(1.05);\r\n}\r\n\r\n.svc .glow { background: radial-gradient(circle, color-mix(in srgb, var(--sc) 24%, transparent), transparent 70%); }\r\n.svc .t-link .ico { color: var(--sc); }\r\n\r\n\/* ===== KAFELEK G\u0141\u00d3WNY (.feat) ===== *\/\r\n.feat { justify-content: center; padding: 40px; }\r\n.feat .t-ic { width: 64px; height: 64px; border-radius: 17px; }\r\n.feat .t-ic .ico { width: 30px; height: 30px; }\r\n.feat h3 { font-size: 30px; margin-bottom: 12px; }\r\n.feat p { font-size: 15.5px; max-width: 90%; }\r\n.feat .t-link { margin-top: 20px; font-size: 15px; }\r\n\r\n\/* ===== KAFELEK POZIOMY (Sklepy) ===== *\/\r\n.tile.wide { flex-direction: row; align-items: center; padding: 32px; gap: 24px; }\r\n.tile.wide .t-ic { margin-bottom: 0; width: 60px; height: 60px; flex: none; }\r\n.tile.wide .t-body { display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: center; }\r\n.tile.wide .t-link { margin-top: 12px; padding-top: 0; }\r\n\r\n\/* ===== DOLNY RZ\u0104D - MNIEJSZE KAFELKI (.mini) ===== *\/\r\n.tile.mini { padding: 20px; }\r\n.tile.mini .t-ic { width: 42px; height: 42px; border-radius: 12px; margin-bottom: 13px; }\r\n.tile.mini .t-ic .ico { width: 21px; height: 21px; }\r\n.tile.mini h3 { font-size: 16.5px; margin-bottom: 6px; }\r\n.tile.mini p { font-size: 13px; line-height: 1.5; }\r\n.tile.mini .t-link { padding-top: 13px; font-size: 13px; }\r\n.tile.mini .t-link .ico { width: 16px; height: 16px; }\r\n\r\n\/* ===== RESPONSYWNO\u015a\u0106 ===== *\/\r\n@media(max-width: 1024px) {\r\n  .c3 { grid-column: span 6; }\r\n  .c6 { grid-column: span 12; }\r\n  .r2 { grid-row: auto; }\r\n  .feat { padding: 32px; }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n  .tile.wide { flex-direction: column; align-items: flex-start; gap: 0; padding: 26px; }\r\n  .tile.wide .t-ic { margin-bottom: 18px; }\r\n  .tile.wide .t-link { margin-top: auto; padding-top: 16px; }\r\n\r\n  .tile h3 { font-size: 18.5px; }\r\n  .tile p { font-size: 14px; }\r\n  .feat h3 { font-size: 25px; }\r\n  .feat p { font-size: 14.5px; }\r\n}\r\n\r\n\/* --- MOBILE BENTO GRID --- *\/\r\n@media(max-width: 600px) {\r\n  \/* Zmniejszenie gapu dla bento na telefonach *\/\r\n  .bento { gap: 12px; grid-auto-rows: minmax(130px, auto); }\r\n  .scene { padding: clamp(20px, 5vw, 32px) clamp(12px, 4vw, 20px); }\r\n\r\n  \/* \r\n    Uk\u0142ad na telefonie:\r\n    G\u0142\u00f3wne kafelki pe\u0142na szeroko\u015b\u0107 (span 12)\r\n    Mniejsze kafelki dziel\u0105 ekran na p\u00f3\u0142 (span 6)\r\n  *\/\r\n  .c6 { grid-column: span 12; }\r\n  .c3 { grid-column: span 6; } \r\n\r\n  \/* Dopasowanie du\u017cych kafelk\u00f3w (Strony, Sklepy) *\/\r\n  .tile.feat { padding: 24px; }\r\n  .feat .t-ic { width: 50px; height: 50px; border-radius: 14px; margin-bottom: 12px; }\r\n  .feat .t-ic .ico { width: 24px; height: 24px; }\r\n  .feat h3 { font-size: 21px; margin-bottom: 8px; }\r\n  .feat p { font-size: 13.5px; line-height: 1.45; }\r\n  .feat .t-link { font-size: 13px; margin-top: 14px; }\r\n\r\n  .tile.wide { padding: 24px; flex-direction: column; align-items: flex-start; }\r\n  .tile.wide .t-ic { width: 46px; height: 46px; margin-bottom: 12px; }\r\n  .tile.wide h3 { font-size: 19px; }\r\n  .tile.wide p { font-size: 13.5px; }\r\n  .tile.wide .t-link { font-size: 13px; padding-top: 14px; margin-top: auto; }\r\n\r\n  \/* Dopasowanie ma\u0142ych kafelk\u00f3w u\u0142o\u017conych po 2 w rz\u0119dzie (span 6) *\/\r\n  .tile.c3 { padding: 18px 16px; border-radius: 20px; }\r\n  .tile.c3 .t-ic { width: 40px; height: 40px; border-radius: 11px; margin-bottom: 12px; }\r\n  .tile.c3 .t-ic .ico { width: 20px; height: 20px; }\r\n  .tile.c3 h3 { font-size: 15px; margin-bottom: 6px; line-height: 1.25; }\r\n  .tile.c3 p { font-size: 12px; line-height: 1.4; }\r\n  .tile.c3 .t-link { padding-top: 10px; font-size: 12px; margin-top: auto; }\r\n  .tile.c3 .t-link .ico { width: 14px; height: 14px; }\r\n}\r\n\r\n@media(max-width: 380px) {\r\n  \/* Minimalne korekty dla baaardzo w\u0105skich ekran\u00f3w (np. iPhone SE) *\/\r\n  .bento { gap: 10px; }\r\n  .tile.feat { padding: 20px; }\r\n  .feat h3 { font-size: 19px; }\r\n  \r\n  .tile.wide { padding: 20px; }\r\n  .tile.wide h3 { font-size: 17px; }\r\n\r\n  .tile.c3 { padding: 16px 14px; border-radius: 18px; }\r\n  .tile.c3 h3 { font-size: 14px; }\r\n  .tile.c3 p { font-size: 11px; }\r\n  .tile.c3 .t-ic { width: 36px; height: 36px; margin-bottom: 10px; }\r\n  .tile.c3 .t-link { font-size: 11px; padding-top: 8px; }\r\n}\r\n\r\n@media(prefers-reduced-motion: reduce) {\r\n  .scene *, .scene *::before, .scene *::after { animation: none !important; transition: none !important; }\r\n  .scene .tile { opacity: 1; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"scene\">\r\n  <div class=\"bento\">\r\n\r\n    <a href=\"https:\/\/kaniamedia.pl\/strony-internetowe\" class=\"tile glass svc s-blue c6 r2 feat\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2.5\"\/><path d=\"M3 8h18M8.5 21h7M12 17v4\"\/><\/svg><\/span>\r\n      <h3>Strony internetowe<\/h3>\r\n      <p>Szybkie i bezpieczne serwisy B2B. Zoptymalizowane pod konwersj\u0119 i wyniki Core Web Vitals.<\/p>\r\n      <span class=\"t-link\">Zam\u00f3w stron\u0119 <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/kaniamedia.pl\/sklepy-internetowe\" class=\"tile glass svc s-coral c6 wide\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M3 4h2l2.2 11.2a1.5 1.5 0 0 0 1.5 1.2h8.1a1.5 1.5 0 0 0 1.5-1.2L21 8H6\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.3\"\/><circle cx=\"18\" cy=\"20\" r=\"1.3\"\/><\/svg><\/span>\r\n      <div class=\"t-body\">\r\n        <h3>Sklepy online<\/h3>\r\n        <p>Skalowalne platformy e-commerce z bezpiecznymi p\u0142atno\u015bciami i pe\u0142n\u0105 automatyzacj\u0105.<\/p>\r\n        <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/kaniamedia.pl\/seo-i-adsy\" class=\"tile glass svc s-amber c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"6.5\"\/><path d=\"m20 20-3.2-3.2M8.5 12.5 10.7 10l1.8 1.6 2.3-2.8\"\/><\/svg><\/span>\r\n      <h3>SEO\/Reklamy<\/h3>\r\n      <p>Optymalizacja i kampanie, kt\u00f3re realnie skaluj\u0105 ruch organiczny.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/kaniamedia.pl\/opieka-nad-strona\" class=\"tile glass svc s-green c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M12 3 5 5.5v5.2c0 4.3 2.9 7.6 7 9 4.1-1.4 7-4.7 7-9V5.5L12 3Z\"\/><path d=\"m9 11.5 2 2 4-4.2\"\/><\/svg><\/span>\r\n      <h3>Opieka nad stron\u0105<\/h3>\r\n      <p>Gwarancja ci\u0105g\u0142o\u015bci dzia\u0142ania, szybki backup i sta\u0142y monitoring.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"tile glass svc s-violet mini c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M4 10v4l9 4V6L4 10Z\"\/><path d=\"M13 8c2 0 4 1.5 4 4s-2 4-4 4\"\/><path d=\"M6 14v3l3 1\"\/><\/svg><\/span>\r\n      <h3>Kampanie<\/h3>\r\n      <p>Targetowane reklamy nastawione na pozyskiwanie jako\u015bciowych lead\u00f3w.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"tile glass svc s-pink mini c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M12 3c3 1 5 4 5 8l-2.5 2.5h-5L7 11c0-4 2-7 5-8Z\"\/><path d=\"M9.5 16.5 7 19m7.5-2.5L17 19M5 14s-1 1-1 4c3 0 4-1 4-1\"\/><circle cx=\"12\" cy=\"9\" r=\"1.2\"\/><\/svg><\/span>\r\n      <h3>Landing page<\/h3>\r\n      <p>Strony docelowe stworzone wy\u0142\u0105cznie pod maksymalizacj\u0119 sprzeda\u017cy.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"tile glass svc s-cyan mini c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 0 18c1.4 0 2-1 2-1.8 0-.5-.3-.9-.6-1.2-.3-.3-.5-.7-.5-1.1 0-.8.7-1.4 1.5-1.4H16a5 5 0 0 0 5-5c0-4.1-4-7.5-9-7.5Z\"\/><circle cx=\"8\" cy=\"11\" r=\"1\"\/><circle cx=\"12\" cy=\"8\" r=\"1\"\/><circle cx=\"16\" cy=\"11\" r=\"1\"\/><\/svg><\/span>\r\n      <h3>Identyfikacja<\/h3>\r\n      <p>Sp\u00f3jny branding i systemy wizualne buduj\u0105ce autorytet marki.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/kaniamedia.pl\/domena-i-hosting\/\" class=\"tile glass svc s-indigo mini c3\">\r\n      <span class=\"glow\"><\/span>\r\n      <span class=\"t-ic\"><svg class=\"ico\" viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"4\" width=\"17\" height=\"6.5\" rx=\"2\"\/><rect x=\"3.5\" y=\"13.5\" width=\"17\" height=\"6.5\" rx=\"2\"\/><path d=\"M7 7.2h.01M7 16.8h.01\"\/><\/svg><\/span>\r\n      <h3>Hosting i domeny<\/h3>\r\n      <p>Szybkie serwery NVMe, certyfikaty SSL i poczta firmowa.<\/p>\r\n      <span class=\"t-link\">Wi\u0119cej <svg class=\"ico\" viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* delikatna po\u015bwiata pod\u0105\u017caj\u0105ca za kursorem \u2014 ograniczona do tego widgetu *\/\r\n(function(){\r\n  function init(){\r\n    var scene = document.querySelector('.scene');\r\n    if(!scene || scene.dataset.glowInit === '1') return;\r\n    scene.dataset.glowInit = '1';\r\n\r\n    scene.querySelectorAll('.tile').forEach(function(t){\r\n      t.addEventListener('pointermove', function(e){\r\n        var r = t.getBoundingClientRect();\r\n        t.style.setProperty('--mx', (e.clientX - r.left) + 'px');\r\n        t.style.setProperty('--my', (e.clientY - r.top) + 'px');\r\n      });\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-1153699 e-flex e-con-boxed e-con e-parent\" data-id=\"1153699\" 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<div class=\"elementor-element elementor-element-0ab7ea6 e-flex e-con-boxed e-con e-child\" data-id=\"0ab7ea6\" 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-662aebd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"662aebd\" 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>Je\u015bli nie widzisz odpowiedniej pozycji dla siebie, skontaktuj si\u0119 z nami \u2013 zrealizujemy tw\u00f3j pomys\u0142!\u00a0<\/p>\t\t\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-6c45f3f e-con-full e-flex e-con e-child\" data-id=\"6c45f3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2dfc99e e-con-full e-transform e-flex e-con e-child\" data-id=\"2dfc99e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.15,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a711da elementor-widget elementor-widget-html\" data-id=\"8a711da\" 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=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.kania-laptop-3d-section * {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* G\u0141\u00d3WNY KONTENER *\/\r\n.visual-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 550px;\r\n    height: 500px; \/* Sta\u0142a wysoko\u015b\u0107 u\u0142atwia centrowanie *\/\r\n    margin: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    perspective: 2500px;\r\n}\r\n\r\n\/* OKR\u0104G T\u0141A (PRZERYWANY) *\/\r\n.background-dashed-circle {\r\n    position: absolute;\r\n    width: 440px;\r\n    height: 440px;\r\n    border: 2px dashed #E5E7EB;\r\n    border-radius: 50%;\r\n    opacity: .5;\r\n    z-index: 1;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* \u017b\u00d3\u0141TE KO\u0141O - TERAZ IDEALNIE NA \u015aRODKU *\/\r\n.background-yellow-disk {\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    background: #fcdb3b;\r\n    border-radius: 50%;\r\n    z-index: 2;\r\n    opacity: 0.15;\r\n    \/* Centrowanie dysku *\/\r\n    top: 35%;\r\n    left: 45%;\r\n    transform: translate(-50%, -50%);\r\n    animation: kGlowPulse 6s alternate infinite ease-in-out; \r\n}\r\n\r\n\/* B\u0104BELKI *\/\r\n.k-sphere {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: #fcdb3b;\r\n    box-shadow: \r\n        inset -5px -5px 12px rgba(217,119,6,0.4),\r\n        inset 4px 4px 10px rgba(255,255,255,0.9),\r\n        4px 8px 15px rgba(245,166,35,0.2);\r\n    animation: kSphereFloat alternate infinite ease-in-out;\r\n}\r\n\r\n.k-sphere::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 18%; left: 18%;\r\n    width: 25%; height: 25%;\r\n    background: rgba(255,255,255,0.85);\r\n    border-radius: 50%;\r\n    filter: blur(1px);\r\n}\r\n\r\n.k-sp-1 { width: 75px; height: 75px; bottom: 10%; left: 5%; z-index: 20; animation-duration: 5s; }\r\n.k-sp-2 { width: 45px; height: 45px; top: 15%; left: 10%; z-index: 2; animation-duration: 6s; }\r\n.k-sp-3 { width: 35px; height: 35px; top: 20%; right: 10%; z-index: 2; animation-duration: 4s; }\r\n.k-sp-4 { width: 55px; height: 55px; bottom: 15%; right: 5%; z-index: 3; animation-duration: 7s; }\r\n\r\n\/* LAPTOP - TERAZ IDEALNIE NA \u015aRODKU KO\u0141A *\/\r\n.laptop-wrap {\r\n    position: absolute; \/* Zmiana na absolute dla pe\u0142nej kontroli \u015brodka *\/\r\n    width: 280px;\r\n    z-index: 10;\r\n    transform-style: preserve-3d;\r\n    top: 50%;\r\n    left: 50%;\r\n    \/* \u0141\u0105czymy centrowanie translate z rotacj\u0105 i animacj\u0105 lewitacji *\/\r\n    animation: kLaptopHover 6s ease-in-out infinite;\r\n}\r\n\r\n.laptop-base {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 200px;\r\n    background: #E5E7EB;\r\n    border-radius: 10px;\r\n    box-shadow: 0 1px 0 #D1D5DB, 0 5px 0 #9CA3AF, 0 25px 50px rgba(0,0,0,0.15);\r\n    display: flex; flex-direction: column; align-items: center; padding: 15px;\r\n}\r\n\r\n.keyboard {\r\n    width: 90%; height: 80px;\r\n    display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; margin-top: 10px;\r\n}\r\n.key { background: #D1D5DB; border-radius: 2px; }\r\n.touchpad { width: 70px; height: 35px; background: #D1D5DB; margin-top: 20px; border-radius: 4px; opacity: .6; }\r\n\r\n.laptop-lid {\r\n    position: absolute; bottom: 100%; left: 0;\r\n    width: 100%; height: 200px;\r\n    background: #374151; border: 6px solid #374151;\r\n    border-radius: 10px; transform-origin: bottom;\r\n    transform: rotateX(-100deg); overflow: hidden;\r\n}\r\n\r\n.screen-content { width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; }\r\n.browser-header { background: #F3F4F6; padding: 6px; display: flex; gap: 4px; }\r\n.dot { width: 6px; height: 6px; border-radius: 50%; }\r\n.dot-red { background: #ff5f56; }\r\n.dot-yellow { background: #ffbd2e; }\r\n.dot-green { background: #27c93f; }\r\n\r\n.mockup-inner { padding: 12px; display: flex; flex-direction: column; gap: 8px; }\r\n.mockup-banner { width: 100%; height: 50px; background: linear-gradient(135deg, #FCD34D, #F59E0B); border-radius: 4px; }\r\n.line { height: 5px; background: #E5E7EB; border-radius: 3px; }\r\n\r\n\/* ANIMACJE *\/\r\n@keyframes kSphereFloat {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-15px); }\r\n}\r\n\r\n@keyframes kGlowPulse {\r\n    0% { opacity: 0.15; transform: translate(-50%, -50%) scale(1); }\r\n    100% { opacity: 0.25; transform: translate(-50%, -50%) scale(1.1); }\r\n}\r\n\r\n\/* ANIMACJA: LEWITACJA + IDEALNE CENTROWANIE *\/\r\n@keyframes kLaptopHover {\r\n    0%, 100% { \r\n        transform: translate(-50%, -45%) rotateX(65deg) rotateZ(-30deg); \r\n    }\r\n    50% { \r\n        transform: translate(-50%, -55%) rotateX(65deg) rotateZ(-30deg); \r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width: 768px) {\r\n    .visual-container { transform: scale(0.75); height: 400px; }\r\n    .background-yellow-disk { width: 260px; height: 260px; }\r\n    .laptop-wrap { width: 240px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"kania-laptop-3d-section\">\r\n    <div class=\"visual-container\">\r\n        <div class=\"background-dashed-circle\"><\/div>\r\n        <div class=\"background-yellow-disk\"><\/div>\r\n\r\n        <div class=\"k-sphere k-sp-1\"><\/div>\r\n        <div class=\"k-sphere k-sp-2\"><\/div>\r\n        <div class=\"k-sphere k-sp-3\"><\/div>\r\n        <div class=\"k-sphere k-sp-4\"><\/div>\r\n\r\n        <div class=\"laptop-wrap\">\r\n            <div class=\"laptop-base\">\r\n                <div class=\"keyboard\">\r\n                    <div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div>\r\n                    <div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div><div class=\"key\"><\/div>\r\n                <\/div>\r\n                <div class=\"touchpad\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"laptop-lid\">\r\n                <div class=\"screen-content\">\r\n                    <div class=\"browser-header\">\r\n                        <div class=\"dot dot-red\"><\/div>\r\n                        <div class=\"dot dot-yellow\"><\/div>\r\n                        <div class=\"dot dot-green\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"mockup-inner\">\r\n                        <div class=\"mockup-banner\"><\/div>\r\n                        <div class=\"line\" style=\"width:70%\"><\/div>\r\n                        <div style=\"display:flex; gap:8px; margin-top:5px;\">\r\n                            <div style=\"flex:1; height:40px; background:#F9FAFB; border:1px solid #eee; border-radius:4px;\"><\/div>\r\n                            <div style=\"flex:1; height:40px; background:#FDE68A; border:1px solid #FCD34D; border-radius:4px;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\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-06792e8 e-con-full e-flex e-con e-child\" data-id=\"06792e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe4f202 elementor-widget elementor-widget-text-editor\" data-id=\"fe4f202\" 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>POZNAJ SI\u0118 NA INDYWIDUALNO\u015a\u0106<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da58e0 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"2da58e0\" 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\">Dlaczego <span style=\"color: #fcba03\">my?<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d177fc4 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d177fc4\" 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>Pe\u0142ne zaanga\u017cowanie na ka\u017cdym etapie projektu. Tworzymy dopracowane i dedykowane strony internetowe, kt\u00f3re buduj\u0105 zaufanie i wyr\u00f3\u017cniaj\u0105 Twoj\u0105 mark\u0119 na rynku.<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acb4312 e-con-full e-flex e-con e-parent\" data-id=\"acb4312\" 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-39aa328 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"39aa328\" 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;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"km-jak-pracujemy\">\r\n  <style>\r\n  \/* ===== \u015aCIS\u0141A IZOLACJA ===== *\/\r\n  #km-jak-pracujemy {\r\n    --ink: #1A1813; --ink-2: #3C382F; --mut: #6E6A60; --mut-2: #9A958A;\r\n    --gold: #FFC400; \r\n    --g-edge: rgba(255, 255, 255, .80);\r\n    --grad: linear-gradient(135deg, #FFE36E, #FFC400 60%, #E6B000);\r\n    --f-d: 'Sora', sans-serif; --f-s: 'Inter', sans-serif;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n\r\n  #km-jak-pracujemy * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #km-jak-pracujemy .km-jp-scene {\r\n    position: relative;\r\n    padding: clamp(40px, 6vw, 90px) clamp(16px, 4vw, 44px);\r\n    background-color: #FDFCF9;\r\n    background-image:\r\n      radial-gradient(circle at 85% 5%, rgba(255, 196, 0, 0.08) 0%, transparent 45%),\r\n      radial-gradient(circle at 15% 95%, rgba(255, 196, 0, 0.06) 0%, transparent 45%);\r\n    border-radius: 40px;\r\n    font-family: var(--f-s);\r\n    color: var(--ink);\r\n  }\r\n\r\n  \/* ===== ZMIANA NA FLEXBOX (Wymuszenie toru dla Sticky) ===== *\/\r\n  #km-jak-pracujemy .km-jp-proc { \r\n    display: flex; \r\n    align-items: stretch !important; \/* Wa\u017cne: to rozci\u0105ga lew\u0105 kolumn\u0119 na wysoko\u015b\u0107 prawej *\/\r\n    justify-content: space-between;\r\n    gap: 5%; \r\n    max-width: 1140px; \r\n    margin: 0 auto; \r\n  }\r\n\r\n  \/* ===== LEWA KOLUMNA (Czyste Sticky) ===== *\/\r\n  #km-jak-pracujemy .km-jp-rail { \r\n    width: 42%;\r\n    position: -webkit-sticky !important;\r\n    position: sticky !important; \r\n    top: 130px !important; \r\n    align-self: flex-start !important; \/* Wa\u017cne: zatrzymuje rozci\u0105ganie samej zawarto\u015bci *\/\r\n    height: max-content !important; \r\n    z-index: 99;\r\n  }\r\n\r\n  \/* ===== PRAWA KOLUMNA (Karty) ===== *\/\r\n  #km-jak-pracujemy .km-jp-cards { \r\n    width: 53%;\r\n    display: flex; \r\n    flex-direction: column; \r\n    gap: 22px; \r\n  }\r\n\r\n  \/* --- Elementy dekoracyjne --- *\/\r\n  #km-jak-pracujemy .km-jp-eyebrow {\r\n    display: inline-flex; align-items: center; gap: 9px; font-family: var(--f-s); font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); background: linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.3)); backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%); border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 6px 16px rgba(58,42,12,0.04); padding: 8px 16px; border-radius: 999px;\r\n  }\r\n  #km-jak-pracujemy .km-jp-eyebrow .km-jp-d { width: 7px; height: 7px; border-radius: 50%; background: var(--grad); }\r\n  #km-jak-pracujemy .km-jp-rail h2 { font-size: clamp(28px, 3.4vw, 42px); margin: 18px 0 14px; font-family: var(--f-d); color: var(--ink); line-height: 1.2; font-weight: 700; }\r\n  #km-jak-pracujemy .km-jp-rail h2 .km-jp-g { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n  #km-jak-pracujemy .km-jp-rail .km-jp-sub { font-size: 15.5px; color: var(--mut); max-width: 38ch; margin-bottom: 30px; font-family: var(--f-s); line-height: 1.6; }\r\n\r\n  \/* --- Nawigacja numerkowa --- *\/\r\n  #km-jak-pracujemy .km-jp-index { display: flex; flex-direction: column; margin-bottom: 30px; }\r\n  #km-jak-pracujemy .km-jp-rnum { display: flex; align-items: center; gap: 18px; width: 100%; background: none; border: none; cursor: pointer; padding: 12px 0; text-align: left; opacity: .4; transition: opacity .4s cubic-bezier(.22,1,.36,1); }\r\n  #km-jak-pracujemy .km-jp-rnum .km-jp-n { font-family: var(--f-d); font-weight: 800; font-size: clamp(34px, 3.4vw, 46px); line-height: 1; letter-spacing: -.02em; color: var(--ink-2); transition: transform .45s cubic-bezier(.22,1,.36,1), color .45s; flex: none; }\r\n  #km-jak-pracujemy .km-jp-rnum .km-jp-l { font-family: var(--f-d); font-weight: 600; font-size: 17px; color: var(--mut); transition: color .4s; }\r\n  #km-jak-pracujemy .km-jp-rnum.km-jp-active { opacity: 1; }\r\n  #km-jak-pracujemy .km-jp-rnum.km-jp-active .km-jp-n { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; transform: translateX(2px) scale(1.06); }\r\n  #km-jak-pracujemy .km-jp-rnum.km-jp-active .km-jp-l { color: var(--ink); }\r\n  #km-jak-pracujemy .km-jp-rnum:hover { opacity: .85; }\r\n\r\n  \/* --- Przycisk --- *\/\r\n  #km-jak-pracujemy .km-jp-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--f-d); font-weight: 600; font-size: 15px; padding: 14px 26px; border-radius: 999px; background: var(--grad); color: #2A1D04; border: 1px solid rgba(255,255,255,.4); box-shadow: 0 10px 26px rgba(255,196,0,.34), 0 1px 0 rgba(255,255,255,.6) inset; transition: transform .35s, box-shadow .35s; text-decoration: none !important; }\r\n  #km-jak-pracujemy .km-jp-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(255,196,0,.44), 0 1px 0 rgba(255,255,255,.6) inset; color: #2A1D04; }\r\n  #km-jak-pracujemy .km-jp-btn svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  \/* --- Karty --- *\/\r\n  #km-jak-pracujemy .km-jp-card {\r\n    position: relative; overflow: hidden; border-radius: 28px; padding: clamp(26px, 3vw, 38px);\r\n    background: linear-gradient(158deg, rgba(255,255,255,.75), rgba(255,255,255,.45));\r\n    backdrop-filter: blur(32px) saturate(180%); -webkit-backdrop-filter: blur(32px) saturate(180%);\r\n    border: 1px solid rgba(255,255,255,0.85); box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 16px 42px rgba(58,42,12,.11);\r\n    transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s, border-color .5s, opacity .5s, filter .5s;\r\n    opacity: 0; transform: translateY(32px);\r\n  }\r\n  #km-jak-pracujemy .km-jp-card.km-jp-in { opacity: 0.45; filter: grayscale(85%); transform: translateY(0); }\r\n  #km-jak-pracujemy .km-jp-card.km-jp-active { opacity: 1; filter: grayscale(0%); box-shadow: 0 0 0 1.5px rgba(255,196,0,.65), 0 1px 0 rgba(255,255,255,.9) inset, 0 26px 56px rgba(58,42,12,.16); }\r\n  #km-jak-pracujemy .km-jp-card .km-jp-wm { position: absolute; top: clamp(-26px, -2vw, -14px); right: 8px; font-family: var(--f-d); font-weight: 800; font-size: clamp(96px, 11vw, 150px); line-height: 1; letter-spacing: -.04em; color: rgba(255,196,0,.09); pointer-events: none; z-index: 0; transition: color .5s; }\r\n  #km-jak-pracujemy .km-jp-card.km-jp-active .km-jp-wm { color: rgba(255,196,0,.16); }\r\n  #km-jak-pracujemy .km-jp-card > * { position: relative; z-index: 1; }\r\n  #km-jak-pracujemy .km-jp-cicon { width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; margin-bottom: 20px; color: var(--gold); background: linear-gradient(160deg, rgba(255,196,0,.2), rgba(255,255,255,.5)); border: 1px solid var(--g-edge); box-shadow: inset 0 1px 0 rgba(255,255,255,.6); }\r\n  #km-jak-pracujemy .km-jp-cicon svg { width: 29px; height: 29px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n  #km-jak-pracujemy .km-jp-card .km-jp-k { font-family: var(--f-d); font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: 9px; }\r\n  #km-jak-pracujemy .km-jp-card h3 { font-family: var(--f-d); font-size: clamp(21px, 2.4vw, 26px); margin-bottom: 11px; color: var(--ink); line-height: 1.3; font-weight: 700; }\r\n  #km-jak-pracujemy .km-jp-card p { font-family: var(--f-s); font-size: 15px; line-height: 1.65; color: var(--mut); margin: 0; }\r\n\r\n  \/* ===== Responsywno\u015b\u0107 ===== *\/\r\n  @media(max-width: 860px) {\r\n    #km-jak-pracujemy .km-jp-proc { flex-direction: column; gap: 40px; }\r\n    #km-jak-pracujemy .km-jp-rail { width: 100%; position: static !important; }\r\n    #km-jak-pracujemy .km-jp-cards { width: 100%; }\r\n    #km-jak-pracujemy .km-jp-index { display: none; }\r\n  }\r\n  @media(prefers-reduced-motion: reduce) { #km-jak-pracujemy .km-jp-card { opacity: 1; transform: none; } }\r\n  <\/style>\r\n\r\n  <div class=\"km-jp-scene\">\r\n    <div class=\"km-jp-proc\">\r\n      \r\n      <div class=\"km-jp-rail\">\r\n        <span class=\"km-jp-eyebrow\"><span class=\"km-jp-d\"><\/span> Jak pracujemy<\/span>\r\n        <h2>Przebieg<br><span class=\"km-jp-g\">wsp\u00f3\u0142pracy<\/span><\/h2>\r\n        <p class=\"km-jp-sub\">Przejrzysty proces zaprojektowany tak, by by\u0142 efektywny, transparentny i dopasowany do Twoich potrzeb.<\/p>\r\n        \r\n        <div class=\"km-jp-index\">\r\n          <button class=\"km-jp-rnum km-jp-active\" data-i=\"0\"><span class=\"km-jp-n\">01<\/span><span class=\"km-jp-l\">Konsultacja<\/span><\/button>\r\n          <button class=\"km-jp-rnum\" data-i=\"1\"><span class=\"km-jp-n\">02<\/span><span class=\"km-jp-l\">Indywidualny projekt<\/span><\/button>\r\n          <button class=\"km-jp-rnum\" data-i=\"2\"><span class=\"km-jp-n\">03<\/span><span class=\"km-jp-l\">Implementacja<\/span><\/button>\r\n          <button class=\"km-jp-rnum\" data-i=\"3\"><span class=\"km-jp-n\">04<\/span><span class=\"km-jp-l\">Wsparcie techniczne<\/span><\/button>\r\n        <\/div>\r\n        \r\n        <a href=\"\/kontakt\" class=\"km-jp-btn\">Zam\u00f3w projekt <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"km-jp-cards\">\r\n        <article class=\"km-jp-card\" id=\"jp-s0\">\r\n          <span class=\"km-jp-wm\" aria-hidden=\"true\">01<\/span>\r\n          <span class=\"km-jp-cicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16v11H9l-4 3v-3H4V5Z\"\/><path d=\"M8.5 10h7M8.5 13h4\"\/><\/svg><\/span>\r\n          <div class=\"km-jp-k\">Krok 01<\/div>\r\n          <h3>Konsultacja<\/h3>\r\n          <p>Poznajemy Twoje potrzeby i cele biznesowe. Przeprowadzamy dog\u0142\u0119bn\u0105 analiz\u0119 i proponujemy najlepsze rozwi\u0105zania, kt\u00f3re prowadz\u0105 do cyfrowego sukcesu.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"km-jp-card\" id=\"jp-s1\">\r\n          <span class=\"km-jp-wm\" aria-hidden=\"true\">02<\/span>\r\n          <span class=\"km-jp-cicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3Z\"\/><\/svg><\/span>\r\n          <div class=\"km-jp-k\">Krok 02<\/div>\r\n          <h3>Indywidualny projekt<\/h3>\r\n          <p>Tworzymy projekty w pe\u0142ni dopasowane do Twoich wymaga\u0144. Od koncepcji po realizacj\u0119 unikalne rozwi\u0105zania, kt\u00f3re wyr\u00f3\u017cniaj\u0105 Twoj\u0105 mark\u0119 na rynku.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"km-jp-card\" id=\"jp-s2\">\r\n          <span class=\"km-jp-wm\" aria-hidden=\"true\">03<\/span>\r\n          <span class=\"km-jp-cicon\"><svg viewBox=\"0 0 24 24\"><path d=\"m8 8-4 4 4 4M16 8l4 4-4 4M14 5l-4 14\"\/><\/svg><\/span>\r\n          <div class=\"km-jp-k\">Krok 03<\/div>\r\n          <h3>Implementacja<\/h3>\r\n          <p>Pe\u0142ne wdro\u017cenie zaprojektowanych rozwi\u0105za\u0144. P\u0142ynne przej\u015bcie od projektu do rzeczywisto\u015bci, z dba\u0142o\u015bci\u0105 o ka\u017cdy szczeg\u00f3\u0142 techniczny i funkcjonalny.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"km-jp-card\" id=\"jp-s3\">\r\n          <span class=\"km-jp-wm\" aria-hidden=\"true\">04<\/span>\r\n          <span class=\"km-jp-cicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 13a8 8 0 0 1 16 0\"\/><rect x=\"3\" y=\"13\" width=\"3.6\" height=\"6\" rx=\"1.6\"\/><rect x=\"17.4\" y=\"13\" width=\"3.6\" height=\"6\" rx=\"1.6\"\/><path d=\"M20 19a3 3 0 0 1-3 3h-3\"\/><\/svg><\/span>\r\n          <div class=\"km-jp-k\">Krok 04<\/div>\r\n          <h3>Wsparcie techniczne<\/h3>\r\n          <p>Po wdro\u017ceniu zapewniamy utrzymanie strony, regularne aktualizacje i natychmiastow\u0105 pomoc. Twoja strona zawsze sprawna i aktualna Ty skupiasz si\u0119 na biznesie.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ 1. Skrypt odblokowuj\u0105cy Elementora w tle (usuwa overflow: hidden ze wszystkich rodzic\u00f3w)\r\n(function forceElementorUnblock() {\r\n  let el = document.getElementById('km-jak-pracujemy');\r\n  if (!el) return;\r\n  while (el && el.tagName !== 'BODY' && el.tagName !== 'HTML') {\r\n    el.style.setProperty('overflow', 'visible', 'important');\r\n    el.style.setProperty('overflow-x', 'visible', 'important');\r\n    el.style.setProperty('overflow-y', 'visible', 'important');\r\n    el = el.parentElement;\r\n  }\r\n})();\r\n\r\n\/\/ 2. Skrypt odpowiedzialny za aktywacj\u0119 numerk\u00f3w podczas scrollowania\r\n(function initScrollSpy() {\r\n  const widget = document.getElementById('km-jak-pracujemy');\r\n  if (!widget) return;\r\n\r\n  const cards = [...widget.querySelectorAll('.km-jp-card')];\r\n  const rnums = [...widget.querySelectorAll('.km-jp-rnum')];\r\n  if(cards.length === 0) return;\r\n\r\n  function update() {\r\n    const mark = window.innerHeight * 0.42;\r\n    let act = 0, best = Infinity;\r\n    cards.forEach((c, i) => {\r\n      const r = c.getBoundingClientRect();\r\n      const d = Math.abs((r.top + r.height \/ 2) - mark);\r\n      if (d < best) { best = d; act = i; }\r\n    });\r\n    cards.forEach((c, i) => c.classList.toggle('km-jp-active', i === act));\r\n    rnums.forEach((n, i) => n.classList.toggle('km-jp-active', i === act));\r\n  }\r\n  \r\n  window.addEventListener('scroll', update, { passive: true });\r\n  window.addEventListener('resize', update);\r\n\r\n  rnums.forEach((n, i) => n.addEventListener('click', () => {\r\n    cards[i].scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n  }));\r\n\r\n  const io = new IntersectionObserver((es) => {\r\n    es.forEach(e => { if (e.isIntersecting) e.target.classList.add('km-jp-in'); });\r\n  }, { threshold: .18, rootMargin: '0px 0px -8% 0px' });\r\n  \r\n  cards.forEach(c => io.observe(c));\r\n  update();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe5ab5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"6fe5ab5\" 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  --gold: #FFC400; --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(--gold); }\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(--gold); 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(--gold); 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\/2026\/08\/strona-internetowa-roboty-koszace-robo-centrum.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\/08\/strona-www-martin-leasing-jobs.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-3c1f324 e-con-full e-flex e-con e-parent\" data-id=\"3c1f324\" 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-818eb2e e-con-full e-flex e-con e-child\" data-id=\"818eb2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef7956 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"0ef7956\" 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\">MASZ PYTANIA?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e88b42 elementor-widget elementor-widget-heading\" data-id=\"9e88b42\" 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\">CHCESZ OM\u00d3WI\u0106 PROJEKT?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-431237a elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"431237a\" 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>Skontaktuj si\u0119 z nami ju\u017c dzi\u015b! Jeste\u015bmy tutaj, aby pom\u00f3c w realizacji Twojej wizji. Wype\u0142nij formularz kontaktowy lub zadzwo\u0144 do nas bezpo\u015brednio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63ebb61 e-flex e-con-boxed e-con e-child\" data-id=\"63ebb61\" 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-f7827b2 elementor-align-center elementor-widget__width-initial bn54 elementor-widget elementor-widget-button\" data-id=\"f7827b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kaniamedia.pl\/kontakt\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">darmowa wycena<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8fcb65 tlo e-flex e-con-boxed e-con e-parent\" data-id=\"f8fcb65\" 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\t\t<div class=\"elementor-element elementor-element-65d47fa e-transform elementor-widget elementor-widget-menu-anchor\" data-id=\"65d47fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-118,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"opinie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75a570b e-con-full e-flex e-con e-child\" data-id=\"75a570b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1a3e2e0 e-con-full e-flex e-con e-child\" data-id=\"1a3e2e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c05ae2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5c05ae2\" 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@600;700&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* Kontener sekcji nag\u0142\u00f3wka i opinii *\/\r\n.k-reviews-header-wrapper {\r\n  --ink: #1A1813;\r\n  --mut: #6E6A60;\r\n  --mut-2: #9A958A;\r\n  --gold: #F5A314;\r\n  --f-d: 'Sora', sans-serif;\r\n  --f-s: 'Inter', sans-serif;\r\n\r\n  font-family: var(--f-s);\r\n  color: var(--ink);\r\n  -webkit-font-smoothing: antialiased;\r\n  padding: 20px 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.k-reviews-header-wrapper * {\r\n  box-sizing: inherit;\r\n}\r\n\r\n\/* Tekst pod nag\u0142\u00f3wkiem (Eyebrow) *\/\r\n.k-rev-eyebrow {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: var(--mut-2);\r\n}\r\n\r\n\/* G\u0142\u00f3wny nag\u0142\u00f3wek *\/\r\n.k-reviews-header-wrapper h2 {\r\n  font-family: var(--f-d);\r\n  font-weight: 700;\r\n  letter-spacing: -.02em;\r\n  line-height: 1.1;\r\n  font-size: clamp(28px, 4vw, 42px);\r\n  margin: 10px 0 12px;\r\n}\r\n\r\n\/* Subtitle (Ka\u017cdy projekt to...) *\/\r\n.k-rev-sub {\r\n  font-size: 15.5px;\r\n  line-height: 1.6;\r\n  color: var(--mut);\r\n  max-width: 46ch;\r\n}\r\n\r\n\/* --- BADGE OCENY (Glassmorfizm) --- *\/\r\n.k-rev-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-top: 24px;\r\n  padding: 12px 20px;\r\n  border-radius: 999px; \/* Kszta\u0142t pigu\u0142ki *\/\r\n  \r\n  \/* Efekt oszronionego szk\u0142a *\/\r\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.25));\r\n  backdrop-filter: blur(16px) saturate(160%);\r\n  -webkit-backdrop-filter: blur(16px) saturate(160%);\r\n  \r\n  \/* Kraw\u0119dzie i odbicia \u015bwiat\u0142a *\/\r\n  border: 1px solid rgba(255, 255, 255, 0.9);\r\n  box-shadow: \r\n    0 1px 0 rgba(255, 255, 255, 0.8) inset, \r\n    0 10px 24px rgba(58, 42, 12, 0.05);\r\n}\r\n\r\n\/* Gwiazdki wewnatrz badge'a *\/\r\n.k-rev-badge .stars {\r\n  color: var(--gold);\r\n  font-size: 16px;\r\n  letter-spacing: 2px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Warto\u015b\u0107 oceny (5,0) *\/\r\n.k-rev-badge b {\r\n  font-family: var(--f-d);\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  color: var(--ink);\r\n}\r\n\r\n\/* Logo Google + Tekst \"Google\" *\/\r\n.k-rev-google {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 14px;\r\n  color: var(--mut-2);\r\n}\r\n\r\n\/* Ikonka Google (SVG) *\/\r\n.k-rev-google svg {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n@media(max-width: 760px) {\r\n  .k-rev-sub {\r\n    max-width: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"k-reviews-header-wrapper\">\r\n  <div class=\"k-rev-eyebrow\">Feedback klient\u00f3w<\/div>\r\n  <h2>Poznaj opinie<\/h2>\r\n  <p class=\"k-rev-sub\">Ka\u017cdy projekt to nowa historia. Zobacz, jak oceniaj\u0105 nas ci, z kt\u00f3rymi ju\u017c j\u0105 napisali\u015bmy.<\/p>\r\n  \r\n  <div class=\"k-rev-badge\">\r\n    <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n    <b>5,0<\/b>\r\n    <span class=\"k-rev-google\">\r\n      <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\/>\r\n        <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\/>\r\n        <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\/>\r\n        <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\/>\r\n        <path fill=\"none\" d=\"M0 0h48v48H0z\"\/>\r\n      <\/svg>\r\n      \u00b7 Google\r\n    <\/span>\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-0a02b16 e-con-full e-transform e-flex e-con e-child\" data-id=\"0a02b16\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:123,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-281,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69c8827 elementor-widget-mobile__width-initial e-transform elementor-widget elementor-widget-html\" data-id=\"69c8827\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Kontener pozycjonuj\u0105cy *\/\r\n  .k-exact-wrapper {\r\n    position: relative;\r\n    width: 160px;\r\n    height: 160px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Baza kuleczek bezpo\u015brednio z Twojego kodu *\/\r\n  .k-exact-sphere {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: #fcdb3b;\r\n    animation: kExactFloat alternate infinite ease-in-out;\r\n  }\r\n\r\n  \/* Jasny odblask z Twojego kodu *\/\r\n  .k-exact-sphere::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 18%; \r\n    left: 18%;\r\n    width: 25%; \r\n    height: 25%;\r\n    background: rgba(255, 255, 255, 0.85);\r\n    border-radius: 50%; \r\n    filter: blur(1px);\r\n  }\r\n\r\n  \/* Mniejsza kuleczka *\/\r\n  .k-exact-sm { \r\n    width: 45px; \r\n    height: 45px; \r\n    bottom: 20px; \r\n    left: 10px; \r\n    animation-duration: 4.5s; \r\n    \/* Standardowy cie\u0144 z Twojej klasy .k-iso-sphere *\/\r\n    box-shadow: \r\n      inset -5px -5px 12px rgba(217, 119, 6, 0.4), \r\n      inset 4px 4px 10px rgba(255, 255, 255, 0.9),  \r\n      4px 8px 15px rgba(245, 166, 35, 0.2); \r\n  }\r\n\r\n  \/* Wi\u0119ksza kuleczka *\/\r\n  .k-exact-lg { \r\n    width: 80px; \r\n    height: 80px; \r\n    top: 10px; \r\n    right: 15px; \r\n    animation-duration: 6s; \r\n    animation-delay: 1.5s; \/* Op\u00f3\u017anienie, by lata\u0142y asynchronicznie *\/\r\n    \/* Mocniejszy cie\u0144 z Twojej klasy .k-iso-sp-big, by zachowa\u0107 g\u0142\u0119bi\u0119 3D *\/\r\n    box-shadow: \r\n      inset -8px -8px 18px rgba(217, 119, 6, 0.4), \r\n      inset 6px 6px 15px rgba(255, 255, 255, 0.9), \r\n      10px 20px 30px rgba(245, 166, 35, 0.35);\r\n  }\r\n\r\n  \/* Animacja lewitowania *\/\r\n  @keyframes kExactFloat { \r\n    0% { transform: translateY(0); } \r\n    100% { transform: translateY(-20px); } \r\n  }\r\n<\/style>\r\n\r\n<div class=\"k-exact-wrapper\">\r\n  <div class=\"k-exact-sphere k-exact-sm\"><\/div>\r\n  <div class=\"k-exact-sphere k-exact-lg\"><\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9cb927 e-con-full e-flex e-con e-child\" data-id=\"f9cb927\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7fc11e9 e-con-full e-flex e-con e-child\" data-id=\"7fc11e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-046274d elementor-widget elementor-widget-shortcode\" data-id=\"046274d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/trustindex-google-widget.css?1786970230\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/trustindex-google-widget.css?1786970230\" class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d %s temu|dzi\u015b|dzie\u0144|dni|tydzie\u0144|tygodni|miesi\u0105c|miesi\u0119cy|rok|lat\" data-plugin-version=\"14.1.1\" data-layout-id=\"4\" data-layout-category=\"slider\" data-set-id=\"soft\" data-pid=\"wp-widget\" data-language=\"pl\" data-close-locale=\"Zamknij\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"Odpowied\u017a w\u0142a\u015bciciela\" data-only-rating-locale=\"Ten u\u017cytkownik wystawi\u0142 tylko ocen\u0119.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Nast\u0119pna recenzj\u0119\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Poprzednia recenzj\u0119\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1785888000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXxBBiNFTBKXVWIWQBujwOJm6Uscw8hP9aNh1R8SrpJ2iF_dFn1=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXxBBiNFTBKXVWIWQBujwOJm6Uscw8hP9aNh1R8SrpJ2iF_dFn1=w80-h80-c-rp-mo-br100 2x\" alt=\"Tomasz Zielski profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Tomasz Zielski <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Polecam firm\u0119 Kania Media. Profesjonalizm, szybko\u015b\u0107 w dzia\u0142aniu i skuteczno\u015b\u0107.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1783123200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU0XZz2Fx3TVY1ZzbwtYuDgGtBRM4rTLApsQy7b_2_9dUBjzvs=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU0XZz2Fx3TVY1ZzbwtYuDgGtBRM4rTLApsQy7b_2_9dUBjzvs=w80-h80-c-rp-mo-br100 2x\" alt=\"Jacek Louco Grabowski profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Jacek Louco Grabowski <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Bardzo dobry i sprawny kontakt. Serdeczne i cierpliwe podej\u015bcie do zmian i poprawek. Pe\u0142na profeska \ud83d\udd25 i realizacja top \ud83d\udd1d<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1781568000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVGQJqrKwKffgeU6Ro5kpGPQV_Zj9nOaSDP6rhqSJaf-XQD5MU=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVGQJqrKwKffgeU6Ro5kpGPQV_Zj9nOaSDP6rhqSJaf-XQD5MU=w80-h80-c-rp-mo-br100 2x\" alt=\"Olivia Bartkowiak profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Olivia Bartkowiak <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Jestem bardzo zadowolona z us\u0142ug Pana Kamila, moja strona wygl\u0105da tak jak chcia\u0142am a wsp\u00f3\u0142praca przebieg\u0142a w bardzo mi\u0142ej atmosferze. Bardzo polecam!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1781049600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKqe_F-tY6kTHTrbyXCGUjFpch-YLkUxApJow-o_sRDneezsA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKqe_F-tY6kTHTrbyXCGUjFpch-YLkUxApJow-o_sRDneezsA=w80-h80-c-rp-mo-br100 2x\" alt=\"Paula Ka profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Paula Ka <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Super wsp\u00f3\u0142praca\ud83d\ude01<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1778371200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLFX1tDiA44HwJ2Ccfe39oxyjKwMkczSDOccO5isDbnFj6orw=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLFX1tDiA44HwJ2Ccfe39oxyjKwMkczSDOccO5isDbnFj6orw=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"Michal Strzelecki profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Michal Strzelecki <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Strona internetowa wykonana profesjonalnie, wed\u0142ug potrzeb. Kontakt i dogadywanie szczeg\u00f3\u0142\u00f3w 10\/10 polecam z ca\u0142ego serca<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1772668800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjV1JEyw71-GiywyhdZvsnOk75NZp3Xb5m8rpOicZPea1ria4wI=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjV1JEyw71-GiywyhdZvsnOk75NZp3Xb5m8rpOicZPea1ria4wI=w80-h80-c-rp-mo-br100 2x\" alt=\"gear base profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> gear base <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Chcia\u0142bym serdecznie podzi\u0119kowa\u0107 za stworzenie strony internetowej dla mojej firmy. Jestem bardzo zadowolony z efektu ko\u0144cowego  strona wygl\u0105da nowocze\u015bnie, dzia\u0142a szybko i jest bardzo przejrzysta dla klient\u00f3w. Wida\u0107 profesjonalizm, zaanga\u017cowanie i dba\u0142o\u015b\u0107 o ka\u017cdy szczeg\u00f3\u0142 podczas realizacji projektu.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1771545600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU8nFUMlZKYTR9UC9vbtRR1EiiNf5CcCK1b3ATLI8keu0qqhPA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU8nFUMlZKYTR9UC9vbtRR1EiiNf5CcCK1b3ATLI8keu0qqhPA=w80-h80-c-rp-mo-br100 2x\" alt=\"Dominika Koszulkowy profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Dominika Koszulkowy <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Bardzo polecam Kamila, kt\u00f3ry stworzy\u0142 dla mnie stron\u0119. Od pocz\u0105tku do ko\u0144ca by\u0142o profesjonalne podej\u015bcie. Nawet moje najg\u0142upsze pytania. Terminowo\u015b\u0107, cierpliwo\u015b\u0107, ogromna wiedza i estetyka na najwy\u017cszym poziomie. Ciesz\u0119 si\u0119, \u017ce trafi\u0142am w\u0142a\u015bnie na niego, bo to by\u0142y dobrze wydane pieni\u0105dze:)<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1770681600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Opublikowano na Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI_uDrUvLbZ5Tx7e6eAldK1DKDevDduQ3Uta2P0EQWiGNerzw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI_uDrUvLbZ5Tx7e6eAldK1DKDevDduQ3Uta2P0EQWiGNerzw=w80-h80-c-rp-mo-br100 2x\" alt=\"Dominika profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Dominika <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex sprawdza, czy pierwotnym \u017ar\u00f3d\u0142em recenzji jest Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u015awietna wsp\u00f3\u0142praca od pocz\u0105tku do ko\u0144ca. Kamil wykaza\u0142 si\u0119 ogromn\u0105 wiedz\u0105, kreatywno\u015bci\u0105 i \u015bwietnymi pomys\u0142ami, kt\u00f3re realnie wp\u0142yn\u0119\u0142y na ko\u0144cowy efekt strony. Do tego du\u017ca cierpliwo\u015b\u0107, otwarto\u015b\u0107 na sugestie i bardzo dobry kontakt na ka\u017cdym etapie realizacji. Strona wysz\u0142a dok\u0142adnie tak, jak sobie wyobra\u017ca\u0142am, a nawet lepiej. Zdecydowanie polecam!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Ukryj\" data-open-text=\"Czytaj wi\u0119cej\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div>    <\/div> <\/div> <\/pre><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/div>\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 class=\"elementor-element elementor-element-85fb712 e-transform elementor-widget elementor-widget-menu-anchor\" data-id=\"85fb712\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-118,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faq\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2288164 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2288164\" 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\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  --gold: #FFC400;\r\n  --line: rgba(26,24,19,.12);\r\n  --g-edge: rgba(255,255,255,.72);\r\n  --grad: linear-gradient(135deg, #FFE36E, #FFC400 60%, #E6B000);\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\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\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(--gold); }\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\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(58,42,12,.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(--gold); 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 { display: inline-flex; align-items: center; gap: 9px; font-family: var(--f-d); font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px; color: #2A1D04; background: var(--grad); border: 1px solid rgba(255,255,255,.4); box-shadow: 0 10px 24px rgba(255,196,0,.34), 0 1px 0 rgba(255,255,255,.6) inset; transition: transform .3s, box-shadow .3s; text-decoration: none !important; }\r\n.km-fq-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(255,196,0,.44), 0 1px 0 rgba(255,255,255,.6) inset; color: #2A1D04; }\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\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\">Ile musz\u0119 zainwestowa\u0107 w now\u0105 stron\u0119 lub sklep internetowy? <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>Ceny ustalamy indywidualnie na podstawie Twoich wymaga\u0144 i skali projektu. Skontaktuj si\u0119 z nami, a przygotujemy darmow\u0105 wycen\u0119 dopasowan\u0105 do Twojego bud\u017cetu.<\/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. Ka\u017cdy projekt tworzymy od podstaw, aby w 100% oddawa\u0142 charakter Twojej marki i idealnie odpowiada\u0142 na potrzeby Twojej grupy docelowej.<\/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 tre\u015bci po oddaniu 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>Zdecydowanie tak. Opieramy nasze realizacje o intuicyjne systemy CMS (g\u0142\u00f3wnie WordPress). Dzi\u0119ki temu z \u0142atwo\u015bci\u0105 podmienisz zdj\u0119cia, zaktualizujesz cennik czy opublikujesz nowy wpis na blogu.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy pomagacie w nauce obs\u0142ugi panelu administracyjnego? <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>Oczywi\u015bcie. Po zako\u0144czeniu prac otrzymasz od nas przejrzyst\u0105 instrukcj\u0119 lub przeprowadzimy kr\u00f3tkie szkolenie. Zadbamy o to, aby\u015b pewnie porusza\u0142 si\u0119 po systemie.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Ile czasu zajmuje wdro\u017cenie gotowego projektu? <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>Proste strony firmowe oddajemy zazwyczaj w przeci\u0105gu 1 do 2 tygodni. Z\u0142o\u017cone platformy i sklepy e-commerce wymagaj\u0105 wi\u0119cej czasu. Du\u017co zale\u017cy te\u017c od sprawnej komunikacji i dostarczenia niezb\u0119dnych materia\u0142\u00f3w z Twojej strony.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Jakie s\u0105 sta\u0142e op\u0142aty zwi\u0105zane z utrzymaniem serwisu? <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>Twoim jedynym sta\u0142ym obowi\u0105zkiem jest coroczne odnawianie domeny oraz hostingu. Us\u0142ugi takie jak nasze wsparcie techniczne czy ci\u0105g\u0142a administracja s\u0105 w pe\u0142ni opcjonalne.<\/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. Je\u015bli ich nie masz, doradzimy i pomo\u017cemy w procesie zakupu.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy zapewniacie gwarancj\u0119 na stworzon\u0105 stron\u0119? <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, ka\u017cda nasza realizacja obj\u0119ta jest okresem gwarancyjnym. Je\u015bli po starcie zauwa\u017cysz jakie\u015b b\u0142\u0119dy techniczne, b\u0142yskawicznie je wyeliminujemy w ramach naszego darmowego wsparcia.<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c66a7d9 e-con-full e-flex e-con e-parent\" data-id=\"c66a7d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1af5a3c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1af5a3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"km-footer\">\r\n\r\n  <div class=\"km-footer__container\">\r\n\r\n    <div class=\"km-footer__top\">\r\n\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"km-footer__brand\">\r\n\r\n        <a\r\n          href=\"https:\/\/kaniamedia.pl\/\"\r\n          class=\"km-footer__logo\"\r\n          aria-label=\"Kania Media\"\r\n        >\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/KANIA-MEDIA-LOGO-main-yellow1.png\"\r\n            alt=\"Kania Media\"\r\n          >\r\n        <\/a>\r\n\r\n\r\n        <p>\r\n          Nowoczesne strony internetowe, sklepy online,\r\n          SEO, reklamy oraz sta\u0142e wsparcie techniczne dla firm.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"km-footer__rating\">\r\n\r\n          <div class=\"km-footer__stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>5,0<\/strong>\r\n            <span>ponad 80 zrealizowanych projekt\u00f3w<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"km-footer__social\">\r\n\r\n          <a href=\"#\" aria-label=\"Facebook\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v5h4v-5h3l1-4h-4V9c0-.7.3-1 1-1z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"#\" aria-label=\"Instagram\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"4\" y=\"9\" width=\"4\" height=\"11\"\/>\r\n              <circle cx=\"6\" cy=\"5.5\" r=\"2\"\/>\r\n              <path d=\"M12 20V9h4v2c1-1.5 2.5-2.5 4.5-2.5V13c-2.5 0-4.5 1.5-4.5 4v3z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- US\u0141UGI -->\r\n      <div class=\"km-footer__column\">\r\n\r\n        <button\r\n          class=\"km-footer__title\"\r\n          type=\"button\"\r\n        >\r\n\r\n          <span>Us\u0142ugi<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M6 9l6 6 6-6\"\/>\r\n          <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"km-footer__links\">\r\n\r\n          <a href=\"\/strony-internetowe\/\">\r\n            Strony internetowe\r\n          <\/a>\r\n\r\n          <a href=\"\/sklepy-internetowe\/\">\r\n            Sklepy internetowe\r\n          <\/a>\r\n\r\n          <a href=\"\/seo-i-adsy\/\">\r\n            SEO \/ Google Ads\r\n          <\/a>\r\n\r\n          <a href=\"\/opieka-nad-strona\/\">\r\n            Opieka nad stron\u0105\r\n          <\/a>\r\n\r\n          <a href=\"\/landing-page\/\">\r\n            Landing page\r\n          <\/a>\r\n\r\n          <a href=\"\/identyfikacja-wizualna\/\">\r\n            Identyfikacja wizualna\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- KANIA MEDIA -->\r\n      <div class=\"km-footer__column\">\r\n\r\n        <button\r\n          class=\"km-footer__title\"\r\n          type=\"button\"\r\n        >\r\n\r\n          <span>Wi\u0119cej<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M6 9l6 6 6-6\"\/>\r\n          <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"km-footer__links\">\r\n\r\n          <a href=\"\/o-nas\/\">\r\n            O nas\r\n          <\/a>\r\n\r\n          <a href=\"\/realizacje\/\">\r\n            Realizacje\r\n          <\/a>\r\n\r\n          <a href=\"\/#opinie\">\r\n            Opinie\r\n          <\/a>\r\n\r\n          <a href=\"\/wiedza\/\">\r\n            Wiedza\r\n          <\/a>\r\n\r\n          <a href=\"\/kontakt\/\">\r\n            Kontakt\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- KONTAKT -->\r\n      <div class=\"km-footer__column km-footer__contact\">\r\n\r\n        <button\r\n          class=\"km-footer__title\"\r\n          type=\"button\"\r\n        >\r\n\r\n          <span>Kontakt<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M6 9l6 6 6-6\"\/>\r\n          <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"km-footer__links\">\r\n\r\n\r\n          <a\r\n            href=\"tel:+48574504200\"\r\n            class=\"km-footer__contact-row\"\r\n          >\r\n\r\n            <span class=\"km-footer__icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2\r\n                19.8 19.8 0 0 1-8.6-3\r\n                19.5 19.5 0 0 1-6-6\r\n                19.8 19.8 0 0 1-3-8.6\r\n                A2 2 0 0 1 4.1 2h3\r\n                a2 2 0 0 1 2 1.7\r\n                c.1 1 .4 1.9.7 2.8\r\n                a2 2 0 0 1-.5 2.1\r\n                L8.1 9.9a16 16 0 0 0 6 6\r\n                l1.3-1.3a2 2 0 0 1 2.1-.4\r\n                c.9.3 1.8.5 2.8.6\r\n                a2 2 0 0 1 1.7 2.1z\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <small>Telefon<\/small>\r\n\r\n              <strong>\r\n                +48 574 504 200\r\n              <\/strong>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <a\r\n            href=\"\/kontakt\/\"\r\n            class=\"km-footer__contact-row\"\r\n          >\r\n\r\n            <span class=\"km-footer__icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 5h16v14H4z\"\/>\r\n                <path d=\"m4 7 8 6 8-6\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <small>Kontakt<\/small>\r\n\r\n              <strong>\r\n                Formularz kontaktowy\r\n              <\/strong>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <div class=\"km-footer__status\">\r\n\r\n            <i><\/i>\r\n\r\n            <div>\r\n              <strong>\r\n                Przyjmujeny nowe projekty\r\n              <\/strong>\r\n\r\n              <span>\r\n                Zapytaj o dost\u0119pny termin\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"km-footer__bottom\">\r\n\r\n      <div>\r\n        \u00a9\r\n        <span id=\"kmFooterYear\"><\/span>\r\n        Kania Media.\r\n        Wszelkie prawa zastrze\u017cone.\r\n      <\/div>\r\n\r\n\r\n      <nav>\r\n\r\n        <a href=\"\/polityka-prywatnosci\/\">\r\n          Polityka prywatno\u015bci\r\n        <\/a>\r\n\r\n        <a href=\"#\">\r\n          Cookies\r\n        <\/a>\r\n\r\n      <\/nav>\r\n\r\n\r\n      <a\r\n        href=\"#\"\r\n        id=\"kmFooterTop\"\r\n        class=\"km-footer__back\"\r\n      >\r\n\r\n        Do g\u00f3ry\r\n\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M12 19V5\"\/>\r\n          <path d=\"m6 11 6-6 6 6\"\/>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n.km-footer,\r\n.km-footer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.km-footer {\r\n  --yellow: #f5b400;\r\n  --dark: #242424;\r\n  --text: #716d65;\r\n  --line: rgba(36,36,36,.09);\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    72px 20px\r\n    22px;\r\n\r\n  background:\r\n    #FFFFFE;\r\n\r\n  color:\r\n    var(--dark);\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    system-ui,\r\n    sans-serif;\r\n}\r\n\r\n\r\n.km-footer a {\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n.km-footer__container {\r\n  width:\r\n    min(\r\n      100%,\r\n      1240px\r\n    );\r\n\r\n  margin:\r\n    0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   GRID\r\n===================================================== *\/\r\n\r\n.km-footer__top {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.55fr\r\n    .9fr\r\n    .8fr\r\n    1.15fr;\r\n\r\n  gap:\r\n    clamp(\r\n      38px,\r\n      5vw,\r\n      75px\r\n    );\r\n\r\n  padding-bottom:\r\n    58px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   LOGO\r\n===================================================== *\/\r\n\r\n.km-footer__logo {\r\n  display:\r\n    inline-block;\r\n}\r\n\r\n\r\n.km-footer__logo img {\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    100px;\r\n\r\n  height:\r\n    auto;\r\n}\r\n\r\n\r\n.km-footer__brand > p {\r\n  max-width:\r\n    370px;\r\n\r\n  margin:\r\n    23px 0 0;\r\n\r\n  color:\r\n    var(--text);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.75;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   RATING\r\n===================================================== *\/\r\n\r\n.km-footer__rating {\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    12px;\r\n\r\n  margin-top:\r\n    24px;\r\n}\r\n\r\n\r\n.km-footer__stars {\r\n  color:\r\n    var(--yellow);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  letter-spacing:\r\n    1px;\r\n}\r\n\r\n\r\n.km-footer__rating > div:last-child {\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n}\r\n\r\n\r\n.km-footer__rating strong {\r\n  color:\r\n    #242424;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.km-footer__rating span {\r\n  margin-top:\r\n    1px;\r\n\r\n  color:\r\n    #99938b;\r\n\r\n  font-size:\r\n    9px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   SOCIAL\r\n===================================================== *\/\r\n\r\n.km-footer__social {\r\n  display:\r\n    flex;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  margin-top:\r\n    23px;\r\n}\r\n\r\n\r\n.km-footer__social a {\r\n  width:\r\n    37px;\r\n\r\n  height:\r\n    37px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid var(--line);\r\n\r\n  border-radius:\r\n    12px;\r\n\r\n  background:\r\n    #fafafa;\r\n\r\n  color:\r\n    #6f6b63;\r\n\r\n  transition:\r\n    .25s ease;\r\n}\r\n\r\n\r\n.km-footer__social a:hover {\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  border-color:\r\n    var(--yellow);\r\n\r\n  color:\r\n    white;\r\n}\r\n\r\n\r\n.km-footer__social svg {\r\n  width:\r\n    16px;\r\n\r\n  height:\r\n    16px;\r\n\r\n  fill:\r\n    none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    1.8;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TITLES\r\n===================================================== *\/\r\n\r\n.km-footer__title {\r\n  width:\r\n    100%;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    0;\r\n\r\n  background:\r\n    transparent;\r\n\r\n  color:\r\n    #242424;\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    sans-serif;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    .08em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  text-align:\r\n    left;\r\n}\r\n\r\n\r\n.km-footer__title svg {\r\n  display:\r\n    none;\r\n\r\n  width:\r\n    16px;\r\n\r\n  height:\r\n    16px;\r\n\r\n  fill:\r\n    none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    2;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   LINKS\r\n===================================================== *\/\r\n\r\n.km-footer__links {\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap:\r\n    13px;\r\n\r\n  margin-top:\r\n    22px;\r\n}\r\n\r\n\r\n.km-footer__links >\r\na:not(.km-footer__contact-row) {\r\n  width:\r\n    fit-content;\r\n\r\n  position:\r\n    relative;\r\n\r\n  color:\r\n    #78736b;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  transition:\r\n    .25s ease;\r\n}\r\n\r\n\r\n.km-footer__links >\r\na:not(.km-footer__contact-row):hover {\r\n  color:\r\n    #242424;\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   CONTACT\r\n===================================================== *\/\r\n\r\n.km-footer__contact-row {\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    12px;\r\n}\r\n\r\n\r\n.km-footer__icon {\r\n  width:\r\n    40px;\r\n\r\n  height:\r\n    40px;\r\n\r\n  flex:\r\n    none;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border-radius:\r\n    13px;\r\n\r\n  background:\r\n    #fff8e5;\r\n\r\n  color:\r\n    #d89d00;\r\n}\r\n\r\n\r\n.km-footer__icon svg {\r\n  width:\r\n    17px;\r\n\r\n  height:\r\n    17px;\r\n\r\n  fill:\r\n    none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    1.7;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n}\r\n\r\n\r\n.km-footer__contact-row >\r\nspan:last-child {\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n}\r\n\r\n\r\n.km-footer__contact-row small {\r\n  color:\r\n    #99938a;\r\n\r\n  font-size:\r\n    9px;\r\n}\r\n\r\n\r\n.km-footer__contact-row strong {\r\n  margin-top:\r\n    1px;\r\n\r\n  color:\r\n    #242424;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   STATUS\r\n===================================================== *\/\r\n\r\n.km-footer__status {\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    11px;\r\n\r\n  margin-top:\r\n    8px;\r\n\r\n  padding:\r\n    13px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(41,190,83,.13);\r\n\r\n  border-radius:\r\n    15px;\r\n\r\n  background:\r\n    #f8fdf9;\r\n}\r\n\r\n\r\n.km-footer__status > i {\r\n  width:\r\n    8px;\r\n\r\n  height:\r\n    8px;\r\n\r\n  flex:\r\n    none;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    #2ec65b;\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(46,198,91,.10);\r\n}\r\n\r\n\r\n.km-footer__status > div {\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n}\r\n\r\n\r\n.km-footer__status strong {\r\n  color:\r\n    #385040;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.km-footer__status span {\r\n  color:\r\n    #849087;\r\n\r\n  font-size:\r\n    8px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   BOTTOM\r\n===================================================== *\/\r\n\r\n.km-footer__bottom {\r\n  min-height:\r\n    70px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto\r\n    1fr;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    24px;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  color:\r\n    #979188;\r\n\r\n  font-size:\r\n    10px;\r\n}\r\n\r\n\r\n.km-footer__bottom nav {\r\n  display:\r\n    flex;\r\n\r\n  gap:\r\n    20px;\r\n}\r\n\r\n\r\n.km-footer__bottom nav a {\r\n  color:\r\n    inherit;\r\n\r\n  transition:\r\n    color .2s ease;\r\n}\r\n\r\n\r\n.km-footer__bottom nav a:hover {\r\n  color:\r\n    #242424;\r\n}\r\n\r\n\r\n.km-footer__back {\r\n  justify-self:\r\n    end;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    7px;\r\n\r\n  color:\r\n    #716c64;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.km-footer__back svg {\r\n  width:\r\n    15px;\r\n\r\n  height:\r\n    15px;\r\n\r\n  fill:\r\n    none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    2;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.km-footer__back:hover svg {\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width: 950px) {\r\n\r\n  .km-footer__top {\r\n    grid-template-columns:\r\n      repeat(3, 1fr);\r\n  }\r\n\r\n\r\n  .km-footer__brand {\r\n    grid-column:\r\n      1 \/ -1;\r\n  }\r\n\r\n\r\n  .km-footer__brand > p {\r\n    max-width:\r\n      600px;\r\n  }\r\n\r\n\r\n  .km-footer__bottom {\r\n    grid-template-columns:\r\n      1fr\r\n      auto;\r\n\r\n    padding:\r\n      20px 0;\r\n  }\r\n\r\n\r\n  .km-footer__bottom nav {\r\n    grid-column:\r\n      1 \/ -1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width: 650px) {\r\n\r\n  .km-footer {\r\n    padding:\r\n      50px 14px\r\n      18px;\r\n  }\r\n\r\n\r\n  .km-footer__top {\r\n    display:\r\n      block;\r\n\r\n    padding-bottom:\r\n      38px;\r\n  }\r\n\r\n\r\n  .km-footer__brand {\r\n    padding-bottom:\r\n      34px;\r\n  }\r\n\r\n\r\n  .km-footer__column {\r\n    border-top:\r\n      1px solid var(--line);\r\n  }\r\n\r\n\r\n  .km-footer__column:last-child {\r\n    border-bottom:\r\n      1px solid var(--line);\r\n  }\r\n\r\n\r\n  .km-footer__title {\r\n    min-height:\r\n      58px;\r\n\r\n    cursor:\r\n      pointer;\r\n  }\r\n\r\n\r\n  .km-footer__title svg {\r\n    display:\r\n      block;\r\n  }\r\n\r\n\r\n  .km-footer__links {\r\n    max-height:\r\n      0;\r\n\r\n    overflow:\r\n      hidden;\r\n\r\n    margin-top:\r\n      0;\r\n\r\n    padding-bottom:\r\n      0;\r\n\r\n    transition:\r\n      max-height .35s ease,\r\n      padding .35s ease;\r\n  }\r\n\r\n\r\n  .km-footer__column.is-open\r\n  .km-footer__links {\r\n    max-height:\r\n      520px;\r\n\r\n    padding-bottom:\r\n      25px;\r\n  }\r\n\r\n\r\n  .km-footer__column.is-open\r\n  .km-footer__title svg {\r\n    transform:\r\n      rotate(180deg);\r\n  }\r\n\r\n\r\n  .km-footer__bottom {\r\n    display:\r\n      flex;\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    gap:\r\n      14px;\r\n\r\n    padding:\r\n      25px 0;\r\n  }\r\n\r\n\r\n  .km-footer__bottom nav {\r\n    flex-wrap:\r\n      wrap;\r\n  }\r\n\r\n\r\n  .km-footer__back {\r\n    align-self:\r\n      flex-start;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const footer =\r\n    document.querySelector(\r\n      '.km-footer'\r\n    );\r\n\r\n  if (!footer) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* AUTOMATYCZNY ROK *\/\r\n\r\n  const year =\r\n    footer.querySelector(\r\n      '#kmFooterYear'\r\n    );\r\n\r\n  if (year) {\r\n\r\n    year.textContent =\r\n      new Date()\r\n        .getFullYear();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE ACCORDION *\/\r\n\r\n  const columns =\r\n    footer.querySelectorAll(\r\n      '.km-footer__column'\r\n    );\r\n\r\n\r\n  columns.forEach(\r\n    function (column) {\r\n\r\n      const button =\r\n        column.querySelector(\r\n          '.km-footer__title'\r\n        );\r\n\r\n\r\n      if (!button) {\r\n        return;\r\n      }\r\n\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n          if (\r\n            window.innerWidth > 650\r\n          ) {\r\n            return;\r\n          }\r\n\r\n\r\n          columns.forEach(\r\n            function (item) {\r\n\r\n              if (\r\n                item !== column\r\n              ) {\r\n\r\n                item.classList.remove(\r\n                  'is-open'\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n\r\n          column.classList.toggle(\r\n            'is-open'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* BACK TO TOP *\/\r\n\r\n  const back =\r\n    footer.querySelector(\r\n      '#kmFooterTop'\r\n    );\r\n\r\n\r\n  if (back) {\r\n\r\n    back.addEventListener(\r\n      'click',\r\n      function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n\r\n        window.scrollTo({\r\n          top: 0,\r\n          behavior: 'smooth'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tworzenie stron internetowych Profesjonalny wizerunek online Sklep gotowy do sprzeda\u017cy Zacznij dzia\u0142a\u0107 w sieci od zaraz Zyskaj przewag\u0119 dzi\u0119ki stronie, kt\u00f3ra przyci\u0105ga uwag\u0119 i zamienia odwiedzaj\u0105cych w klient\u00f3w. Tworzymy przemy\u015blane projekty, kt\u00f3re \u0142\u0105cz\u0105 estetyk\u0119 z realnymi efektami biznesowymi. Zam\u00f3w projekt Zobacz realizacje 5,0 \u00b7 ponad 80 zrealizowanych projekt\u00f3w Nowe zam\u00f3wienie Strony internetowe Szybkie i bezpieczne&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-7","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>Kania Media | Nowoczesne strony internetowe dla Ciebie!<\/title>\n<meta name=\"description\" content=\"Tworzymy nowoczesne strony internetowe. Oferujemy kompleksowe projekty graficzne oraz profesjonalne us\u0142ugi fotograficzne dla Twojego biznesu.\" \/>\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\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kania Media | Nowoczesne strony internetowe dla Ciebie!\" \/>\n<meta property=\"og:description\" content=\"Tworzymy nowoczesne strony internetowe. Oferujemy kompleksowe projekty graficzne oraz profesjonalne us\u0142ugi fotograficzne dla Twojego biznesu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kaniamedia.pl\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Kania Media\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-12T09:39:22+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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"name\":\"Kania Media | Nowoczesne strony internetowe dla Ciebie!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Maritn_leasing_jobs.png\",\"datePublished\":\"2024-07-11T10:18:01+00:00\",\"dateModified\":\"2026-09-12T09:39:22+00:00\",\"description\":\"Tworzymy nowoczesne strony internetowe. Oferujemy kompleksowe projekty graficzne oraz profesjonalne us\u0142ugi fotograficzne dla Twojego biznesu.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kaniamedia.pl\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#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\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/kaniamedia.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strona g\u0142\u00f3wna\"}]},{\"@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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#organization\",\"name\":\"Kania Media\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"Kania Media | Modern websites for you!","description":"We create modern websites. We offer comprehensive graphic design and professional photography services for your business.","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\/en\/","og_locale":"en_US","og_type":"article","og_title":"Kania Media | Nowoczesne strony internetowe dla Ciebie!","og_description":"Tworzymy nowoczesne strony internetowe. Oferujemy kompleksowe projekty graficzne oraz profesjonalne us\u0142ugi fotograficzne dla Twojego biznesu.","og_url":"https:\/\/kaniamedia.pl\/en\/","og_site_name":"Kania Media","article_modified_time":"2026-09-12T09:39:22+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","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kaniamedia.pl\/","url":"https:\/\/kaniamedia.pl\/","name":"Kania Media | Modern websites for you!","isPartOf":{"@id":"https:\/\/kaniamedia.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kaniamedia.pl\/#primaryimage"},"image":{"@id":"https:\/\/kaniamedia.pl\/#primaryimage"},"thumbnailUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/04\/Maritn_leasing_jobs.png","datePublished":"2024-07-11T10:18:01+00:00","dateModified":"2026-09-12T09:39:22+00:00","description":"We create modern websites. We offer comprehensive graphic design and professional photography services for your business.","breadcrumb":{"@id":"https:\/\/kaniamedia.pl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kaniamedia.pl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kaniamedia.pl\/#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\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/kaniamedia.pl\/"},{"@type":"ListItem","position":2,"name":"Strona g\u0142\u00f3wna"}]},{"@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":"en-US"},{"@type":"Organization","@id":"https:\/\/kaniamedia.pl\/#organization","name":"Kania Media","url":"https:\/\/kaniamedia.pl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":348,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":6941,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/6941"}],"wp:attachment":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}