{"id":548,"date":"2026-10-12T08:33:38","date_gmt":"2026-10-12T08:33:38","guid":{"rendered":"https:\/\/webavatarai.pl\/?page_id=548"},"modified":"2026-10-19T11:10:24","modified_gmt":"2026-10-19T11:10:24","slug":"o-nas-i-uslugi","status":"publish","type":"page","link":"https:\/\/webavatarai.pl\/en\/o-nas-i-uslugi\/","title":{"rendered":"About us and services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"548\" class=\"elementor elementor-548\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc1ed6 e-con e-atomic-element e-flexbox-base e-default-div e-b3907ca\" data-id=\"2dc1ed6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2dc1ed6\">\n    <div class=\"elementor-element elementor-element-0f676e2 e-con e-atomic-element e-flexbox-base e-default-div e-dd658f4\" data-id=\"0f676e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f676e2\">\n    \t\t<div class=\"elementor-element elementor-element-830ead9 elementor-widget elementor-widget-html\" data-id=\"830ead9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\nWEBAVATARAI.PL \u2014 MASTER O NAS I US\u0141UGI V2\r\nANIMACJA Z LEWEJ STRONY\r\n======================================== -->\r\n\r\n<section id=\"wa-about-v2\">\r\n\r\n  <div class=\"wa-about-card\">\r\n\r\n    <div class=\"wa-about-label\">\r\n      <span class=\"wa-about-dot\"><\/span>\r\n      WEBAVATARAI \/ DIGITAL STUDIO\r\n    <\/div>\r\n\r\n    <h1 class=\"wa-about-title\">\r\n      <span class=\"wa-about-white\">\r\n        About us\r\n      <\/span>\r\n      <span class=\"wa-about-blue\">\r\n        AND SERVICES\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <div class=\"wa-about-line\"><\/div>\r\n\r\n    <h2 class=\"wa-about-subtitle\">\r\n      Creativity meets technology\r\n    <\/h2>\r\n\r\n    <p>\r\n      We combine creative website design\r\n      Internet-based, interactive 3D elements\r\n      and intelligent AI solutions to\r\n      present your company more effectively\r\n      in the digital world\r\n    <\/p>\r\n\r\n    <p>\r\n      From the first idea to exceptional\r\n      digital experiences \u2014 together we bring\r\n      your vision to life\r\n    <\/p>\r\n\r\n    <div class=\"wa-about-features\">\r\n\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Creative website design\r\n      <\/div>\r\n\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Interactive 3D elements\r\n      <\/div>\r\n\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Intelligent AI solutions\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* SEKCJA *\/\r\n\r\n#wa-about-v2 {\r\n  width: 100%;\r\n  padding: 8px;\r\n  color: #fff;\r\n  background: transparent;\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n  overflow: clip;\r\n}\r\n\r\n#wa-about-v2 *,\r\n#wa-about-v2 *::before,\r\n#wa-about-v2 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* KARTA *\/\r\n\r\n#wa-about-v2 .wa-about-card {\r\n  position: relative;\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: clamp(24px,3vw,42px);\r\n  border-radius: 22px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(8,42,99,.32),\r\n    rgba(2,13,46,.17)\r\n  );\r\n\r\n  border: 1px solid\r\n    rgba(130,210,255,.38);\r\n\r\n  -webkit-backdrop-filter: blur(5px);\r\n  backdrop-filter: blur(5px);\r\n\r\n  box-shadow:\r\n    0 0 25px rgba(0,145,255,.13),\r\n    inset 0 1px 0 rgba(255,255,255,.15);\r\n\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n\r\n  transition:\r\n    transform 1.3s cubic-bezier(.19,1,.22,1),\r\n    opacity 1.1s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\/* G\u00d3RNY NEON *\/\r\n\r\n#wa-about-v2 .wa-about-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 12%;\r\n  right: 12%;\r\n  height: 2px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    #8ce7ff,\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,170,255,.6);\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n#wa-about-v2 .wa-about-card:hover {\r\n  border-color: rgba(110,220,255,.75);\r\n\r\n  box-shadow:\r\n    0 0 30px rgba(0,160,255,.23),\r\n    0 12px 35px rgba(0,20,70,.16);\r\n}\r\n\r\n\/* ETYKIETA *\/\r\n\r\n#wa-about-v2 .wa-about-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 24px;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.7px;\r\n  line-height: 1.5;\r\n  color: #a6e6ff;\r\n}\r\n\r\n#wa-about-v2 .wa-about-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: #65deff;\r\n\r\n  box-shadow:\r\n    0 0 8px #39cfff,\r\n    0 0 18px rgba(0,140,255,.7);\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n\r\n#wa-about-v2 .wa-about-title {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(30px,3.5vw,55px);\r\n  font-weight: 800;\r\n  line-height: 1.08;\r\n  letter-spacing: -.04em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#wa-about-v2 .wa-about-white {\r\n  display: block;\r\n  color: #fff;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(90,175,255,.2);\r\n}\r\n\r\n#wa-about-v2 .wa-about-blue {\r\n  display: block;\r\n  color: #b0edff;\r\n\r\n  text-shadow:\r\n    0 0 14px rgba(0,170,255,.4),\r\n    0 0 30px rgba(0,110,255,.18);\r\n}\r\n\r\n\/* NEONOWA LINIA *\/\r\n\r\n#wa-about-v2 .wa-about-line {\r\n  width: 85px;\r\n  height: 2px;\r\n  margin: 25px 0;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #8ceaff,\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(0,175,255,.5);\r\n\r\n  transition: width .5s ease;\r\n}\r\n\r\n#wa-about-v2 .wa-about-card:hover\r\n.wa-about-line {\r\n  width: 150px;\r\n}\r\n\r\n\/* PODTYTU\u0141 *\/\r\n\r\n#wa-about-v2 .wa-about-subtitle {\r\n  margin: 0 0 18px;\r\n  padding: 0;\r\n\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: clamp(17px,1.7vw,23px);\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* TEKSTY *\/\r\n\r\n#wa-about-v2 .wa-about-card p {\r\n  margin: 0 0 16px;\r\n\r\n  color: rgba(245,250,255,.94);\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  text-shadow:\r\n    0 2px 9px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* TRZY ELEMENTY *\/\r\n\r\n#wa-about-v2 .wa-about-features {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin-top: 25px;\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 11px 15px;\r\n  border-radius: 11px;\r\n\r\n  background: rgba(17,70,135,.2);\r\n\r\n  border: 1px solid\r\n    rgba(155,220,255,.2);\r\n\r\n  color: #fff;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature span {\r\n  color: #7cddff;\r\n  font-size: 16px;\r\n\r\n  text-shadow:\r\n    0 0 9px rgba(0,170,255,.6);\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature:hover {\r\n  transform: translateX(5px);\r\n  background: rgba(20,100,185,.32);\r\n  border-color: rgba(120,220,255,.55);\r\n}\r\n\r\n\/* ========================================\r\n   ANIMACJA \u2014 WJAZD Z LEWEJ\r\n   ======================================== *\/\r\n\r\n\/* Domy\u015blnie wszystko jest widoczne.\r\n   Ukrywamy kart\u0119 dopiero kiedy JS\r\n   prawid\u0142owo uruchomi animacj\u0119. *\/\r\n\r\n#wa-about-v2.wa-about-ready\r\n.wa-about-card {\r\n  opacity: 0;\r\n  transform: translate3d(-70vw,0,0);\r\n}\r\n\r\n#wa-about-v2.wa-about-ready.wa-about-visible\r\n.wa-about-card {\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  #wa-about-v2 {\r\n    padding: 5px;\r\n  }\r\n\r\n  #wa-about-v2 .wa-about-card {\r\n    padding: 27px 22px;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #wa-about-v2 .wa-about-title {\r\n    font-size: clamp(29px,7vw,41px);\r\n  }\r\n\r\n  #wa-about-v2 .wa-about-card p {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #wa-about-v2 .wa-about-feature {\r\n    font-size: 12px;\r\n  }\r\n\r\n}\r\n\r\n\/* OGRANICZONY RUCH *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #wa-about-v2 .wa-about-card,\r\n  #wa-about-v2 .wa-about-feature {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ========================================\r\n JAVASCRIPT \u2014 SCROLL ANIMATION\r\n ======================================== -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const section = document.getElementById(\r\n    \"wa-about-v2\"\r\n  );\r\n\r\n  if (!section) return;\r\n\r\n  if (section.dataset.initialized === \"1\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.initialized = \"1\";\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  if (\r\n    reducedMotion ||\r\n    !(\"IntersectionObserver\" in window)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* W EDYTORZE ZOSTAWIAMY WIDOCZNE *\/\r\n\r\n  if (window.self !== window.top) {\r\n    return;\r\n  }\r\n\r\n  \/* OBSERWUJEMY CA\u0141\u0104 SEKCJ\u0118,\r\n     NIE PRZESUNI\u0118T\u0104 KART\u0118 *\/\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n          section.classList.add(\r\n            \"wa-about-visible\"\r\n          );\r\n\r\n          observer.unobserve(section);\r\n\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n    {\r\n      threshold: 0.05,\r\n      rootMargin: \"0px 0px -30px 0px\"\r\n    }\r\n  );\r\n\r\n  section.classList.add(\"wa-about-ready\");\r\n\r\n  observer.observe(section);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL O NAS I US\u0141UGI V2 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bd3177e e-con e-atomic-element e-flexbox-base e-default-div e-b3387ee\" data-id=\"bd3177e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bd3177e\">\n    \t\t<div class=\"elementor-element elementor-element-2e1108e elementor-widget elementor-widget-html\" data-id=\"2e1108e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBAVATARAI.PL \u2014 PREMIUM GLASS -->\r\n\r\n<style>\r\n\r\n\/* WEBAVATARAI PREMIUM GLASS *\/\r\n\r\n#wa-premium-glass {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 560px;\r\n  margin: auto;\r\n  padding: 2px;\r\n  border-radius: 26px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(100,190,255,.75),\r\n    rgba(255,255,255,.08),\r\n    rgba(35,120,255,.45),\r\n    rgba(255,255,255,.12)\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 22px rgba(30,120,255,.20),\r\n    0 20px 50px rgba(0,0,0,.35);\r\n\r\n  animation: waFrameGlow 5s ease-in-out infinite;\r\n}\r\n\r\n\/* SZKLANA POWIERZCHNIA *\/\r\n\r\n#wa-premium-glass .wa-glass-inner {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  padding: 36px 32px;\r\n  border-radius: 24px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(9,13,22,.78),\r\n    rgba(18,24,35,.62),\r\n    rgba(7,12,22,.76)\r\n  );\r\n\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n\r\n  border: 1px solid rgba(255,255,255,.12);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    inset 0 0 35px rgba(60,120,255,.05);\r\n}\r\n\r\n\/* REFLEKS NA SZKLE *\/\r\n\r\n#wa-premium-glass .wa-glass-inner::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background: linear-gradient(\r\n    125deg,\r\n    rgba(255,255,255,.12) 0%,\r\n    transparent 30%,\r\n    transparent 75%,\r\n    rgba(90,170,255,.06) 100%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#wa-premium-glass .wa-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* MA\u0141Y NAPIS *\/\r\n\r\n#wa-premium-glass .wa-label {\r\n  display: inline-block;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n\r\n  color: #9ad9ff;\r\n  margin-bottom: 20px;\r\n\r\n  text-shadow:\r\n    0 0 10px rgba(50,170,255,.65);\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK NEON *\/\r\n\r\n#wa-premium-glass h2 {\r\n  margin: 0 0 20px;\r\n\r\n  font-size: clamp(29px,3.5vw,43px);\r\n  line-height: 1.05;\r\n  font-weight: 700;\r\n  letter-spacing: -1px;\r\n\r\n  color: #f5faff;\r\n\r\n  text-shadow:\r\n    0 0 8px rgba(140,200,255,.65),\r\n    0 0 24px rgba(40,130,255,.45),\r\n    0 0 45px rgba(40,130,255,.20);\r\n}\r\n\r\n\/* NIEBIESKI NEON *\/\r\n\r\n#wa-premium-glass .wa-neon {\r\n  color: #80caff;\r\n\r\n  text-shadow:\r\n    0 0 6px rgba(120,210,255,.9),\r\n    0 0 18px rgba(50,160,255,.85),\r\n    0 0 38px rgba(20,110,255,.55);\r\n}\r\n\r\n\/* OPIS *\/\r\n\r\n#wa-premium-glass p {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n\r\n  color: rgba(235,245,255,.85);\r\n\r\n  margin: 0 0 28px;\r\n}\r\n\r\n\/* PRZYCISK PREMIUM *\/\r\n\r\n#wa-premium-glass .wa-neon-btn {\r\n  position: relative;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n\r\n  padding: 16px 26px;\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-decoration: none;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #101d35,\r\n    #172f55\r\n  );\r\n\r\n  border: 1px solid rgba(110,200,255,.9);\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(30,150,255,.5),\r\n    0 0 28px rgba(30,120,255,.3),\r\n    inset 0 0 18px rgba(50,120,255,.18);\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n\r\n  animation: waButtonPulse 3s ease-in-out infinite;\r\n}\r\n\r\n\/* PRZESUWAJ\u0104CE SI\u0118 \u015aWIAT\u0141O *\/\r\n\r\n#wa-premium-glass .wa-neon-btn::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -65%;\r\n\r\n  width: 38%;\r\n  height: 200%;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.38),\r\n    transparent\r\n  );\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  animation: waShine 4.5s ease-in-out infinite;\r\n}\r\n\r\n\/* EFEKT HOVER *\/\r\n\r\n#wa-premium-glass .wa-neon-btn:hover {\r\n  transform: translateY(-4px) scale(1.03);\r\n\r\n  box-shadow:\r\n    0 0 20px rgba(60,180,255,.85),\r\n    0 0 45px rgba(30,120,255,.55),\r\n    inset 0 0 22px rgba(60,150,255,.3);\r\n}\r\n\r\n#wa-premium-glass .wa-neon-btn:focus-visible {\r\n  outline: 2px solid #b8eaff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n#wa-premium-glass .wa-arrow {\r\n  font-size: 19px;\r\n  color: #90d8ff;\r\n}\r\n\r\n\/* ANIMACJE *\/\r\n\r\n@keyframes waFrameGlow {\r\n  0%,100% {\r\n    box-shadow:\r\n      0 0 16px rgba(30,120,255,.20),\r\n      0 20px 50px rgba(0,0,0,.35);\r\n  }\r\n\r\n  50% {\r\n    box-shadow:\r\n      0 0 28px rgba(60,160,255,.42),\r\n      0 20px 50px rgba(0,0,0,.35);\r\n  }\r\n}\r\n\r\n@keyframes waButtonPulse {\r\n  0%,100% {\r\n    border-color: rgba(100,190,255,.65);\r\n  }\r\n\r\n  50% {\r\n    border-color: rgba(160,230,255,1);\r\n    box-shadow:\r\n      0 0 22px rgba(40,160,255,.7),\r\n      0 0 38px rgba(30,120,255,.4);\r\n  }\r\n}\r\n\r\n@keyframes waShine {\r\n  0%,20% {\r\n    left: -65%;\r\n  }\r\n\r\n  55%,100% {\r\n    left: 145%;\r\n  }\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  #wa-premium-glass .wa-glass-inner {\r\n    padding: 26px 20px;\r\n  }\r\n\r\n  #wa-premium-glass h2 {\r\n    font-size: clamp(28px,8vw,36px);\r\n  }\r\n\r\n  #wa-premium-glass p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #wa-premium-glass .wa-neon-btn {\r\n    width: 100%;\r\n    padding: 15px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n  #wa-premium-glass,\r\n  #wa-premium-glass .wa-neon-btn,\r\n  #wa-premium-glass .wa-neon-btn::before {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- POLSKA KARTA PREMIUM -->\r\n\r\n<div id=\"wa-premium-glass\">\r\n\r\n  <div class=\"wa-glass-inner\">\r\n\r\n    <div class=\"wa-content\">\r\n\r\n      <!-- ETYKIETA -->\r\n\r\n      <div class=\"wa-label\">\r\n        \u2726 DIGITAL WORLD PREMIUM\r\n      <\/div>\r\n\r\n      <!-- NAG\u0141\u00d3WEK -->\r\n\r\n      <h2>\r\n        3D, AI &amp; PREMIUM<br>\r\n        <span class=\"wa-neon\">\r\n          WEBSITES\r\n        <\/span>\r\n      <\/h2>\r\n\r\n      <!-- OPIS -->\r\n\r\n      <p>\r\n        Modern websites\r\n        of premium appearance, with subtle details\r\n        with animations and interactive elements\r\n        elements that distinguish it\r\n        Your brand in the digital world\r\n      <\/p>\r\n\r\n      <!-- PRZYCISK -->\r\n\r\n      <a href=\"#diensten\" class=\"wa-neon-btn\">\r\n\r\n        DISCOVER THE OPPORTUNITIES\r\n\r\n        <span class=\"wa-arrow\"\r\n              aria-hidden=\"true\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL PREMIUM GLASS -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-5d8beb2 e-con e-atomic-element e-flexbox-base e-default-div e-869b348\" data-id=\"5d8beb2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d8beb2\">\n    <div class=\"elementor-element elementor-element-4e06925 e-con e-atomic-element e-flexbox-base e-default-div e-8117815\" data-id=\"4e06925\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4e06925\">\n    \t\t<div class=\"elementor-element elementor-element-62edb59 elementor-widget elementor-widget-html\" data-id=\"62edb59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBAVATARAI.PL \u2014 PREMIUM DIGITAL GLASS -->\r\n\r\n<style>\r\n\r\n\/* WEBAVATARAI \u2014 PREMIUM DIGITAL GLASS *\/\r\n\r\n#wa-digital-glass {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 560px;\r\n  margin: auto;\r\n  padding: 2px;\r\n  border-radius: 26px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(100,190,255,.65),\r\n    rgba(255,255,255,.06),\r\n    rgba(35,120,255,.45)\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 20px rgba(30,120,255,.20),\r\n    0 20px 45px rgba(0,0,0,.35);\r\n\r\n  animation: waDigitalGlow 5s ease-in-out infinite;\r\n}\r\n\r\n\/* CIEMNA SZKLANA POWIERZCHNIA *\/\r\n\r\n#wa-digital-glass .wa-digital-inner {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 34px 30px;\r\n  border-radius: 24px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(8,13,23,.78),\r\n    rgba(16,25,39,.62),\r\n    rgba(7,12,22,.76)\r\n  );\r\n\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n\r\n  border: 1px solid rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.16),\r\n    inset 0 0 30px rgba(40,110,255,.05);\r\n}\r\n\r\n\/* REFLEKS \u015aWIAT\u0141A *\/\r\n\r\n#wa-digital-glass .wa-digital-inner::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background: linear-gradient(\r\n    125deg,\r\n    rgba(255,255,255,.10),\r\n    transparent 35%,\r\n    transparent 75%,\r\n    rgba(80,170,255,.08)\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#wa-digital-glass .wa-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* MA\u0141Y NAPIS *\/\r\n\r\n#wa-digital-glass .wa-label {\r\n  margin-bottom: 18px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: #9ad9ff;\r\n\r\n  text-shadow:\r\n    0 0 10px rgba(50,170,255,.65);\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n\r\n#wa-digital-glass h3 {\r\n  margin: 0 0 24px;\r\n  font-size: clamp(28px,3.5vw,42px);\r\n  line-height: 1.05;\r\n  font-weight: 700;\r\n  letter-spacing: -1px;\r\n  text-transform: uppercase;\r\n  color: #f5faff;\r\n\r\n  text-shadow:\r\n    0 0 8px rgba(140,200,255,.55),\r\n    0 0 24px rgba(40,130,255,.35);\r\n}\r\n\r\n\/* NIEBIESKI NEON *\/\r\n\r\n#wa-digital-glass .wa-neon {\r\n  color: #80caff;\r\n\r\n  text-shadow:\r\n    0 0 6px rgba(120,210,255,.9),\r\n    0 0 18px rgba(50,160,255,.8),\r\n    0 0 36px rgba(20,110,255,.5);\r\n}\r\n\r\n\/* LISTA KORZY\u015aCI *\/\r\n\r\n#wa-digital-glass .wa-benefits {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n#wa-digital-glass .wa-benefit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 12px 14px;\r\n\r\n  border-radius: 12px;\r\n  background: rgba(255,255,255,.035);\r\n  border: 1px solid rgba(110,190,255,.12);\r\n\r\n  color: rgba(235,245,255,.9);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\/* \u015aWIEC\u0104CE SYMBOLE *\/\r\n\r\n#wa-digital-glass .wa-icon {\r\n  color: #81d6ff;\r\n  font-size: 20px;\r\n  line-height: 1;\r\n\r\n  text-shadow:\r\n    0 0 8px rgba(90,200,255,.9),\r\n    0 0 18px rgba(30,130,255,.55);\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n#wa-digital-glass .wa-benefit:hover {\r\n  transform: translateX(4px);\r\n\r\n  background: rgba(65,125,255,.10);\r\n  border-color: rgba(110,190,255,.45);\r\n}\r\n\r\n\/* DELIKATNE PULSOWANIE *\/\r\n\r\n@keyframes waDigitalGlow {\r\n  0%,100% {\r\n    box-shadow:\r\n      0 0 16px rgba(30,120,255,.18),\r\n      0 20px 45px rgba(0,0,0,.35);\r\n  }\r\n\r\n  50% {\r\n    box-shadow:\r\n      0 0 28px rgba(60,160,255,.38),\r\n      0 20px 45px rgba(0,0,0,.35);\r\n  }\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media(max-width:767px) {\r\n\r\n  #wa-digital-glass .wa-digital-inner {\r\n    padding: 26px 20px;\r\n  }\r\n\r\n  #wa-digital-glass h3 {\r\n    font-size: clamp(28px,8vw,36px);\r\n  }\r\n\r\n  #wa-digital-glass .wa-benefit {\r\n    font-size: 13px;\r\n    padding: 11px 12px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  #wa-digital-glass {\r\n    animation: none;\r\n  }\r\n\r\n  #wa-digital-glass .wa-benefit {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- POLSKA KARTA DIGITAL GLASS -->\r\n\r\n<div id=\"wa-digital-glass\">\r\n\r\n  <div class=\"wa-digital-inner\">\r\n\r\n    <div class=\"wa-content\">\r\n\r\n      <!-- ETYKIETA -->\r\n\r\n      <div class=\"wa-label\">\r\n        \u2726 WHAT WE ADD\r\n      <\/div>\r\n\r\n      <!-- NAG\u0141\u00d3WEK -->\r\n\r\n      <h3>\r\n        SMART<br>\r\n        <span class=\"wa-neon\">\r\n          DIGITAL TECHNOLOGY\r\n        <\/span>\r\n      <\/h3>\r\n\r\n      <!-- TRZY KORZY\u015aCI -->\r\n\r\n      <div class=\"wa-benefits\">\r\n\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\">\u2726<\/span>\r\n          <span>Interactive 3D elements<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\">\u2726<\/span>\r\n          <span>Exceptional visual design<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\">\u2726<\/span>\r\n          <span>Fast and modern websites<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL DIGITAL GLASS -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0016770 e-con e-atomic-element e-flexbox-base e-default-div e-d4404a4\" data-id=\"0016770\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0016770\">\n    \t\t<div class=\"elementor-element elementor-element-958dbef elementor-widget elementor-widget-html\" data-id=\"958dbef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n WEBAVATARAI.PL \u2014 MASTER CREATIVE TECHNOLOGY\r\n PREMIUM 3D GLASS \/ RIGHT ENTRANCE\r\n ========================================== -->\r\n\r\n<section id=\"wa-creative-premium\"\r\n         aria-label=\"Creative design and intelligent technology\">\r\n\r\n  <div class=\"wa-creative-card\">\r\n\r\n    <!-- G\u00d3RNA ETYKIETA -->\r\n\r\n    <div class=\"wa-creative-label\">\r\n      <span class=\"wa-creative-dot\"><\/span>\r\n      WEBAVATARAI \/ STUDIO OF INNOVATION\r\n    <\/div>\r\n\r\n    <!-- G\u0141\u00d3WNY NAG\u0141\u00d3WEK -->\r\n\r\n    <h2 class=\"wa-creative-title\">\r\n      <span>CREATIVE<\/span>\r\n      <span>DESIGN &amp;<\/span>\r\n      <span class=\"wa-creative-blue\">SMART<\/span>\r\n      <span class=\"wa-creative-blue\">TECHNOLOGY<\/span>\r\n    <\/h2>\r\n\r\n    <!-- NEONOWA LINIA -->\r\n\r\n    <div class=\"wa-creative-line\"\r\n         aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- PODTYTU\u0141 -->\r\n\r\n    <h3 class=\"wa-creative-subtitle\">\r\n      Innovations that make an impression\r\n    <\/h3>\r\n\r\n    <!-- TEKST -->\r\n\r\n    <p>\r\n      At WebAvatarAI, we combine creativity and smart technology to design modern, responsive websites tailored to your brand and business goals.\r\n    <\/p>\r\n\r\n    <p>\r\n      By combining interactive 3D elements, engaging visuals, and AI-powered solutions, we create memorable digital experiences that help your business stand out and grow.\r\n    <\/p>\r\n\r\n    <!-- TRZY ELEMENTY -->\r\n\r\n    <div class=\"wa-creative-features\">\r\n\r\n      <div class=\"wa-creative-feature\">\r\n        <span class=\"wa-creative-check\"\r\n              aria-hidden=\"true\">\u2713<\/span>\r\n        An individual project tailored to your needs\r\n      <\/div>\r\n\r\n      <div class=\"wa-creative-feature\">\r\n        <span class=\"wa-creative-check\"\r\n              aria-hidden=\"true\">\u2713<\/span>\r\n        Interactive 3D experiences\r\n      <\/div>\r\n\r\n      <div class=\"wa-creative-feature\">\r\n        <span class=\"wa-creative-check\"\r\n              aria-hidden=\"true\">\u2713<\/span>\r\n        Intelligent and scalable solutions\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ==========================================\r\n CSS \u2014 PREMIUM GLASS STYLING\r\n ========================================== -->\r\n\r\n<style>\r\n\r\n#wa-creative-premium {\r\n  width: 100%;\r\n  padding: 8px;\r\n  margin: 0;\r\n  background: transparent;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n  overflow: clip;\r\n}\r\n\r\n#wa-creative-premium *,\r\n#wa-creative-premium *::before,\r\n#wa-creative-premium *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* G\u0141\u00d3WNA KARTA *\/\r\n\r\n#wa-creative-premium .wa-creative-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  padding: clamp(24px, 3vw, 42px);\r\n  border-radius: 22px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(8, 42, 99, 0.32),\r\n    rgba(2, 13, 46, 0.17)\r\n  );\r\n\r\n  border: 1px solid\r\n    rgba(130, 210, 255, 0.38);\r\n\r\n  backdrop-filter: blur(5px);\r\n  -webkit-backdrop-filter: blur(5px);\r\n\r\n  box-shadow:\r\n    0 0 25px rgba(0,145,255,0.13),\r\n    inset 0 1px 0 rgba(255,255,255,0.15);\r\n\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n\r\n  transition:\r\n    border-color .4s ease,\r\n    box-shadow .4s ease,\r\n    background .4s ease;\r\n}\r\n\r\n\/* G\u00d3RNY B\u0141YSK *\/\r\n\r\n#wa-creative-premium .wa-creative-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 12%;\r\n  right: 12%;\r\n  height: 2px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    #8ce7ff,\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,170,255,0.6);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* HOVER KARTY *\/\r\n\r\n#wa-creative-premium .wa-creative-card:hover {\r\n  border-color:\r\n    rgba(110,220,255,0.75);\r\n\r\n  box-shadow:\r\n    0 0 30px rgba(0,160,255,0.23),\r\n    0 12px 35px rgba(0,20,70,0.16),\r\n    inset 0 1px 0 rgba(255,255,255,0.18);\r\n}\r\n\r\n\/* ETYKIETA *\/\r\n\r\n#wa-creative-premium .wa-creative-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  color: #a6e6ff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.7px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* \u015aWIEC\u0104CA KROPKA *\/\r\n\r\n#wa-creative-premium .wa-creative-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 50%;\r\n  background: #65deff;\r\n\r\n  box-shadow:\r\n    0 0 8px #39cfff,\r\n    0 0 18px rgba(0,140,255,0.7);\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n\r\n#wa-creative-premium .wa-creative-title {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  font-size: clamp(27px, 3.3vw, 52px);\r\n  font-weight: 800;\r\n  line-height: 1.08;\r\n  letter-spacing: -0.045em;\r\n  text-transform: uppercase;\r\n\r\n  overflow-wrap: anywhere;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(90,175,255,0.2);\r\n}\r\n\r\n\/* NIEBIESKI AKCENT *\/\r\n\r\n#wa-creative-premium .wa-creative-blue {\r\n  color: #b0edff;\r\n\r\n  text-shadow:\r\n    0 0 14px rgba(0,170,255,0.4),\r\n    0 0 30px rgba(0,110,255,0.18);\r\n}\r\n\r\n\/* \u015aWIETLNA LINIA *\/\r\n\r\n#wa-creative-premium .wa-creative-line {\r\n  width: 85px;\r\n  height: 2px;\r\n\r\n  margin: 25px 0;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #8ceaff,\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(0,175,255,0.5);\r\n\r\n  transition: width .5s ease;\r\n}\r\n\r\n#wa-creative-premium .wa-creative-card:hover\r\n.wa-creative-line {\r\n  width: 150px;\r\n}\r\n\r\n\/* PODTYTU\u0141 *\/\r\n\r\n#wa-creative-premium .wa-creative-subtitle {\r\n  margin: 0 0 18px;\r\n  padding: 0;\r\n\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  font-size: clamp(17px, 1.7vw, 23px);\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* OPISY *\/\r\n\r\n#wa-creative-premium .wa-creative-card p {\r\n  margin: 0 0 16px;\r\n\r\n  color: rgba(245,250,255,0.94);\r\n\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  text-shadow:\r\n    0 2px 9px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* DOLNE ELEMENTY *\/\r\n\r\n#wa-creative-premium .wa-creative-features {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin-top: 25px;\r\n}\r\n\r\n#wa-creative-premium .wa-creative-feature {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 11px 15px;\r\n  border-radius: 11px;\r\n\r\n  background: rgba(17,70,135,0.2);\r\n\r\n  border: 1px solid\r\n    rgba(155,220,255,0.2);\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n\/* CHECKMARK *\/\r\n\r\n#wa-creative-premium .wa-creative-check {\r\n  color: #7cddff;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  flex-shrink: 0;\r\n\r\n  text-shadow:\r\n    0 0 9px rgba(0,170,255,0.6);\r\n}\r\n\r\n\/* HOVER ELEMENT\u00d3W *\/\r\n\r\n#wa-creative-premium .wa-creative-feature:hover {\r\n  transform: translateX(5px);\r\n\r\n  background: rgba(20,100,185,0.32);\r\n\r\n  border-color:\r\n    rgba(120,220,255,0.55);\r\n}\r\n\r\n\/* ==========================================\r\n ANIMACJA \u2014 WJAZD Z PRAWEJ\r\n ========================================== *\/\r\n\r\n\/* Animacja rusza dopiero, gdy sekcja\r\n   pojawi si\u0119 w obszarze ekranu.\r\n   Bez JavaScript karta pozostaje widoczna. *\/\r\n\r\n#wa-creative-premium.wa-creative-enter\r\n.wa-creative-card {\r\n  animation:\r\n    waCreativeSlideRight 1.3s\r\n    cubic-bezier(.19,1,.22,1) both;\r\n}\r\n\r\n@keyframes waCreativeSlideRight {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translate3d(70vw,0,0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\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  #wa-creative-premium .wa-creative-title {\r\n    font-size: clamp(25px,3vw,38px);\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-card {\r\n    padding: 25px 22px;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-card p {\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n TELEFON\r\n ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #wa-creative-premium {\r\n    padding: 5px;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-card {\r\n    padding: 27px 22px;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-title {\r\n    font-size: clamp(28px,6.5vw,40px);\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-label {\r\n    font-size: 9px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-card p {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-feature {\r\n    font-size: 12px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n REDUCED MOTION\r\n ========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #wa-creative-premium .wa-creative-card {\r\n    animation: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  #wa-creative-premium .wa-creative-feature,\r\n  #wa-creative-premium .wa-creative-line {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\n JAVASCRIPT \u2014 SCROLL OBSERVER\r\n ========================================== -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const section = document.getElementById(\r\n    \"wa-creative-premium\"\r\n  );\r\n\r\n  if (!section) return;\r\n\r\n  if (section.dataset.initialized === \"1\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.initialized = \"1\";\r\n\r\n  \/* W edytorze Elementor karta ma by\u0107\r\n     stale widoczna, bez animacji. *\/\r\n\r\n  if (\r\n    window.self !== window.top ||\r\n    document.body.classList.contains(\r\n      \"elementor-editor-active\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  if (\r\n    reducedMotion ||\r\n    !(\"IntersectionObserver\" in window)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* Obserwujemy SEKCJ\u0118, nie kart\u0119\r\n     przesuni\u0119t\u0105 z prawej strony. *\/\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n          section.classList.add(\r\n            \"wa-creative-enter\"\r\n          );\r\n\r\n          observer.unobserve(section);\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      threshold: 0.08,\r\n      rootMargin: \"0px 0px -30px 0px\"\r\n    }\r\n  );\r\n\r\n  observer.observe(section);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL CREATIVE PREMIUM -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-3e18711 e-con e-atomic-element e-flexbox-base e-default-div e-93d3ee0\" data-id=\"3e18711\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3e18711\">\n    \t\t<div class=\"elementor-element elementor-element-2bd1ab3 elementor-widget elementor-widget-html\" data-id=\"2bd1ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n WEBAVATARAI.PL \u2014 SERVICES HEADING PREMIUM\r\n LEFT \/ RIGHT SCROLL ANIMATION\r\n ========================================= -->\r\n\r\n<section id=\"wa-heading-master-v3\"\r\n         aria-label=\"How we can help your company\">\r\n\r\n  <div class=\"wa-heading-inner\">\r\n\r\n    <!-- MA\u0141A ETYKIETA -->\r\n\r\n    <div class=\"wa-heading-label\">\r\n      <span class=\"wa-heading-dot\"><\/span>\r\n      OUR SERVICES \/ WEBAVATARAI\r\n    <\/div>\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n\r\n    <h2 class=\"wa-heading-title\">\r\n      <span class=\"wa-heading-first\">\r\n        HOW CAN WE\r\n      <\/span>\r\n\r\n      <span class=\"wa-heading-second\">\r\n        HELP YOUR COMPANY\r\n      <\/span>\r\n    <\/h2>\r\n\r\n    <!-- OPIS -->\r\n\r\n    <p class=\"wa-heading-description\">\r\n      From modern websites and interactive 3D experiences to intelligent AI solutions and professional promotional materials\u2014we help your company stand out with creative digital solutions that build trust and drive results.\r\n    <\/p>\r\n\r\n    <!-- LINIA \u015aWIETLNA -->\r\n\r\n    <div class=\"wa-heading-light\"\r\n         aria-hidden=\"true\"><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* SEKCJA G\u0141\u00d3WNA *\/\r\n\r\n#wa-heading-master-v3 {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 30px 10px 35px;\r\n  margin: 0;\r\n\r\n  background: transparent;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  box-sizing: border-box;\r\n  overflow: clip;\r\n}\r\n\r\n#wa-heading-master-v3 *,\r\n#wa-heading-master-v3 *::before,\r\n#wa-heading-master-v3 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ZAWARTO\u015a\u0106 *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-inner {\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* G\u00d3RNA ETYKIETA *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  color: #a9e8ff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* NEONOWA KROPKA *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 50%;\r\n  background: #66dcff;\r\n\r\n  box-shadow:\r\n    0 0 8px rgba(50,210,255,.9),\r\n    0 0 18px rgba(0,145,255,.55);\r\n}\r\n\r\n\r\n\/* G\u0141\u00d3WNY NAG\u0141\u00d3WEK *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-title {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n\r\n  gap: 2px;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(30px,4.8vw,67px);\r\n  font-weight: 800;\r\n  line-height: 1.07;\r\n  letter-spacing: -0.045em;\r\n\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  overflow-wrap: break-word;\r\n\r\n  text-shadow:\r\n    0 2px 14px rgba(0,10,40,.25),\r\n    0 0 19px rgba(80,175,255,.16);\r\n}\r\n\r\n\r\n\/* PIERWSZA LINIA *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-first {\r\n  display: block;\r\n  max-width: 100%;\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n\/* DRUGA LINIA *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-second {\r\n  display: block;\r\n  max-width: 100%;\r\n\r\n  color: #e6f8ff;\r\n\r\n  text-shadow:\r\n    0 0 15px rgba(75,185,255,.40),\r\n    0 0 30px rgba(0,120,255,.17);\r\n}\r\n\r\n\r\n\/* OPIS POD NAG\u0141\u00d3WKIEM *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-description {\r\n  max-width: 1000px;\r\n\r\n  margin: 24px 0 25px;\r\n  padding: 0;\r\n\r\n  color: rgba(245,250,255,.94);\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(15px,1.35vw,18px);\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  text-shadow:\r\n    0 2px 10px rgba(0,0,0,.3);\r\n}\r\n\r\n\r\n\/* \u015aWIETLNA LINIA *\/\r\n\r\n#wa-heading-master-v3 .wa-heading-light {\r\n  width: 145px;\r\n  height: 2px;\r\n\r\n  border-radius: 4px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #8ceaff,\r\n    #33baff,\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,170,255,.65),\r\n    0 0 25px rgba(0,110,255,.2);\r\n\r\n  transform-origin: left center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n ANIMACJE \u2014 WJAZD Z DW\u00d3CH STRON\r\n ========================================= *\/\r\n\r\n\/* Animacje startuj\u0105 dopiero po dodaniu\r\n   klasy przez JavaScript\r\n   Domy\u015blnie tre\u015b\u0107 pozostaje widoczna *\/\r\n\r\n\r\n\/* ETYKIETA *\/\r\n\r\n#wa-heading-master-v3.wa-animate\r\n.wa-heading-label {\r\n  animation:\r\n    waHeadingFade .8s ease both;\r\n}\r\n\r\n\r\n\/* NAG\u0141\u00d3WEK \u2014 Z LEWEJ *\/\r\n\r\n#wa-heading-master-v3.wa-animate\r\n.wa-heading-title {\r\n  animation:\r\n    waHeadingFromLeft 1.3s\r\n    cubic-bezier(.19,1,.22,1) both;\r\n}\r\n\r\n\r\n\/* OPIS \u2014 Z PRAWEJ *\/\r\n\r\n#wa-heading-master-v3.wa-animate\r\n.wa-heading-description {\r\n  animation:\r\n    waHeadingFromRight 1.3s\r\n    cubic-bezier(.19,1,.22,1) .15s both;\r\n}\r\n\r\n\r\n\/* LINIA \u2014 ROZWIJANIE *\/\r\n\r\n#wa-heading-master-v3.wa-animate\r\n.wa-heading-light {\r\n  animation:\r\n    waHeadingLine 1s ease .55s both;\r\n}\r\n\r\n\r\n\/* LEWY WJAZD *\/\r\n\r\n@keyframes waHeadingFromLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(-70vw,0,0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n}\r\n\r\n\r\n\/* PRAWY WJAZD *\/\r\n\r\n@keyframes waHeadingFromRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(70vw,0,0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n}\r\n\r\n\r\n\/* DELIKATNE POJAWIENIE *\/\r\n\r\n@keyframes waHeadingFade {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\r\n\/* \u015aWIETLNA LINIA *\/\r\n\r\n@keyframes waHeadingLine {\r\n  from {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: scaleX(1);\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  #wa-heading-master-v3 .wa-heading-title {\r\n    font-size: clamp(32px,5vw,53px);\r\n  }\r\n\r\n  #wa-heading-master-v3 .wa-heading-description {\r\n    font-size: 15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n TELEFON\r\n ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #wa-heading-master-v3 {\r\n    padding: 22px 6px 28px;\r\n  }\r\n\r\n  #wa-heading-master-v3 .wa-heading-title {\r\n    font-size: clamp(28px,6.4vw,42px);\r\n    line-height: 1.12;\r\n    letter-spacing: -.04em;\r\n  }\r\n\r\n  #wa-heading-master-v3 .wa-heading-label {\r\n    font-size: 9px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  #wa-heading-master-v3 .wa-heading-description {\r\n    margin-top: 20px;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  #wa-heading-master-v3.wa-animate\r\n  .wa-heading-title {\r\n    animation-name: waHeadingMobileLeft;\r\n  }\r\n\r\n  #wa-heading-master-v3.wa-animate\r\n  .wa-heading-description {\r\n    animation-name: waHeadingMobileRight;\r\n  }\r\n\r\n}\r\n\r\n@keyframes waHeadingMobileLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(-85px,0,0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n}\r\n\r\n@keyframes waHeadingMobileRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(85px,0,0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================\r\n DOST\u0118PNO\u015a\u0106\r\n ========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #wa-heading-master-v3 *,\r\n  #wa-heading-master-v3 *::before,\r\n  #wa-heading-master-v3 *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================\r\n JAVASCRIPT \u2014 OBSERWOWANIE SEKCJI\r\n ========================================= -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const section = document.getElementById(\r\n    \"wa-heading-master-v3\"\r\n  );\r\n\r\n  if (!section) return;\r\n\r\n  if (section.dataset.initialized === \"1\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.initialized = \"1\";\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  \/* Bez animacji tre\u015b\u0107 jest widoczna *\/\r\n\r\n  if (\r\n    reducedMotion ||\r\n    !(\"IntersectionObserver\" in window)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* Nie uruchamiaj efektu w edytorze *\/\r\n\r\n  if (\r\n    window.self !== window.top ||\r\n    document.body.classList.contains(\r\n      \"elementor-editor-active\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* Obserwujemy ca\u0142\u0105 sekcj\u0119 *\/\r\n\r\n  const observer = new IntersectionObserver(\r\n\r\n    function (entries) {\r\n\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n          section.classList.add(\r\n            \"wa-animate\"\r\n          );\r\n\r\n          observer.unobserve(section);\r\n\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      threshold: 0.05,\r\n      rootMargin: \"0px 0px -30px 0px\"\r\n    }\r\n\r\n  );\r\n\r\n  observer.observe(section);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL SERVICES HEADING -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b8c1e09 e-con e-atomic-element e-flexbox-base e-default-div e-ffb6c4f\" data-id=\"b8c1e09\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8c1e09\">\n    \t\t<div class=\"elementor-element elementor-element-bfc45b9 elementor-widget elementor-widget-html\" data-id=\"bfc45b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n WEBAVATARAI.PL \u2014 MASTER SERVICES PREMIUM\r\n 4 SEKCJE \/ JEDEN HTML\r\n ANIMACJA LEWO + PRAWO\r\n ============================================= -->\r\n\r\n<section id=\"wa-services-master\" aria-label=\"Our services\">\r\n\r\n  <div class=\"wa-services-grid\">\r\n\r\n    <!-- 01 \u2014 LEWA G\u00d3RNA -->\r\n\r\n    <article class=\"wa-service wa-from-left\">\r\n\r\n      <div class=\"wa-service-top\">\r\n        <span class=\"wa-service-dot\"><\/span>\r\n        <span>01 \/ WEBSITE DESIGN<\/span>\r\n      <\/div>\r\n\r\n      <h3>Premium websites<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        We design modern, responsive websites tailored to your business. Combining distinctive visuals with smart functionality, we create professional websites that showcase your brand and help turn visitors into customers.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- 02 \u2014 PRAWA G\u00d3RNA -->\r\n\r\n    <article class=\"wa-service wa-from-right\">\r\n\r\n      <div class=\"wa-service-top\">\r\n        <span class=\"wa-service-dot\"><\/span>\r\n        <span>02 \/ ARTIFICIAL INTELLIGENCE<\/span>\r\n      <\/div>\r\n\r\n      <h3>AI AVATAR<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        Bring your website to life with interactive 3D models, smooth animations, and engaging visual effects. We create unique digital experiences that captivate visitors and help your brand stand out from the competition.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- 03 \u2014 LEWA DOLNA -->\r\n\r\n    <article class=\"wa-service wa-from-left\">\r\n\r\n      <div class=\"wa-service-top\">\r\n        <span class=\"wa-service-dot\"><\/span>\r\n        <span>03 \/ DIGITAL EXPERIENCE<\/span>\r\n      <\/div>\r\n\r\n      <h3>INTERACTIVE 3D<br>AND ANIMATIONS<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        Bring your website to life with interactive 3D models, smooth animations, and engaging visual effects. We create unique digital experiences that captivate visitors and help your brand stand out from the competition.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- 04 \u2014 PRAWA DOLNA -->\r\n\r\n    <article class=\"wa-service wa-from-right\">\r\n\r\n      <div class=\"wa-service-top\">\r\n        <span class=\"wa-service-dot\"><\/span>\r\n        <span>04 \/ CREATIVE PRODUCTION<\/span>\r\n      <\/div>\r\n\r\n      <h3>BRANDING &amp;<br>ONLINE PROMOTION<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        From professional logos and graphic design to promotional videos and social media content, we create visual materials that help your brand stand out and communicate your message clearly.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- =============================================\r\n CSS \u2014 MASTER PREMIUM STYLING\r\n ============================================= -->\r\n\r\n<style>\r\n\r\n\/* G\u0141\u00d3WNY KONTENER *\/\r\n\r\n#wa-services-master {\r\n  width: 100%;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  background: transparent;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  overflow-x: clip;\r\n}\r\n\r\n#wa-services-master *,\r\n#wa-services-master *::before,\r\n#wa-services-master *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* UK\u0141AD 2 \u00d7 2 *\/\r\n\r\n#wa-services-master .wa-services-grid {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1fr) minmax(0, 1fr);\r\n  gap: 30px 42px;\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* SZKLANE KARTY *\/\r\n\r\n#wa-services-master .wa-service {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-width: 0;\r\n  min-height: 235px;\r\n  padding: 30px 32px;\r\n  border-radius: 18px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(8, 34, 77, 0.24),\r\n    rgba(3, 14, 43, 0.13)\r\n  );\r\n\r\n  border: 1px solid rgba(151, 217, 255, 0.20);\r\n\r\n  -webkit-backdrop-filter: blur(5px);\r\n  backdrop-filter: blur(5px);\r\n\r\n  box-shadow:\r\n    0 8px 32px rgba(0, 12, 38, 0.10),\r\n    inset 0 1px 0 rgba(255,255,255,0.12);\r\n\r\n  transition:\r\n    opacity 0.85s ease,\r\n    transform 1s cubic-bezier(0.19,1,0.22,1),\r\n    border-color 0.35s ease,\r\n    box-shadow 0.35s ease,\r\n    background 0.35s ease;\r\n}\r\n\r\n\r\n\/* DELIKATNY B\u0141YSK NA G\u00d3RZE *\/\r\n\r\n#wa-services-master .wa-service::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 8%;\r\n  right: 8%;\r\n  top: 0;\r\n  height: 1px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(135,220,255,0.65),\r\n    transparent\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* HOVER \u2014 SUBTELNY EFEKT PREMIUM *\/\r\n\r\n#wa-services-master .wa-service:hover {\r\n  border-color: rgba(105,210,255,0.65);\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(11,52,110,0.32),\r\n    rgba(5,28,72,0.22)\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 22px rgba(0,155,255,0.20),\r\n    0 12px 35px rgba(0,25,80,0.16),\r\n    inset 0 0 16px rgba(85,190,255,0.06);\r\n}\r\n\r\n\r\n\/* MA\u0141A ETYKIETA *\/\r\n\r\n#wa-services-master .wa-service-top {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-bottom: 19px;\r\n\r\n  color: #9cddff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n\r\n\/* NIEBIESKA KROPKA *\/\r\n\r\n#wa-services-master .wa-service-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: #54d9ff;\r\n\r\n  box-shadow:\r\n    0 0 8px rgba(65,205,255,0.8),\r\n    0 0 15px rgba(0,150,255,0.4);\r\n}\r\n\r\n\r\n\/* NAG\u0141\u00d3WKI PREMIUM *\/\r\n\r\n#wa-services-master .wa-service h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  font-size: clamp(22px, 2.25vw, 31px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  letter-spacing: -0.035em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  text-shadow:\r\n    0 2px 12px rgba(0,0,0,0.20),\r\n    0 0 15px rgba(70,170,255,0.15);\r\n}\r\n\r\n\r\n\/* \u015aWIETLNA LINIA POD NAG\u0141\u00d3WKIEM *\/\r\n\r\n#wa-services-master .wa-service-line {\r\n  width: 56px;\r\n  height: 2px;\r\n  margin: 18px 0;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #55d9ff,\r\n    rgba(85,217,255,0.05)\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(45,175,255,0.30);\r\n\r\n  transition:\r\n    width 0.45s ease,\r\n    box-shadow 0.45s ease;\r\n}\r\n\r\n#wa-services-master .wa-service:hover\r\n.wa-service-line {\r\n  width: 100px;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(45,185,255,0.55);\r\n}\r\n\r\n\r\n\/* TEKST OPISOWY *\/\r\n\r\n#wa-services-master .wa-service p {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: rgba(245,250,255,0.92);\r\n\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,0.22);\r\n}\r\n\r\n\r\n\/* =============================================\r\n ANIMACJE WJAZDU Z LEWEJ I PRAWEJ\r\n ============================================= *\/\r\n\r\n\/* Bez JS wszystkie karty s\u0105 widoczne\r\n   JS w\u0142\u0105cza animacj\u0119 podczas przewijania *\/\r\n\r\n#wa-services-master.wa-services--js\r\n.wa-service:not(.wa-visible) {\r\n  opacity: 0;\r\n}\r\n\r\n#wa-services-master.wa-services--js\r\n.wa-from-left:not(.wa-visible) {\r\n  transform: translate3d(-75px,0,0);\r\n}\r\n\r\n#wa-services-master.wa-services--js\r\n.wa-from-right:not(.wa-visible) {\r\n  transform: translate3d(75px,0,0);\r\n}\r\n\r\n#wa-services-master.wa-services--js\r\n.wa-service.wa-visible {\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\r\n\/* DELIKATNE OP\u00d3\u0179NIENIA *\/\r\n\r\n#wa-services-master .wa-service:nth-child(1) {\r\n  transition-delay: 0ms;\r\n}\r\n\r\n#wa-services-master .wa-service:nth-child(2) {\r\n  transition-delay: 110ms;\r\n}\r\n\r\n#wa-services-master .wa-service:nth-child(3) {\r\n  transition-delay: 90ms;\r\n}\r\n\r\n#wa-services-master .wa-service:nth-child(4) {\r\n  transition-delay: 200ms;\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  #wa-services-master .wa-services-grid {\r\n    gap: 22px;\r\n  }\r\n\r\n  #wa-services-master .wa-service {\r\n    padding: 25px 22px;\r\n    min-height: 245px;\r\n  }\r\n\r\n  #wa-services-master .wa-service h3 {\r\n    font-size: clamp(20px, 2.7vw, 26px);\r\n  }\r\n\r\n  #wa-services-master .wa-service p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n\r\n\/* =============================================\r\n MOBILE \u2014 JEDNA KOLUMNA\r\n ============================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #wa-services-master {\r\n    padding: 6px;\r\n  }\r\n\r\n  #wa-services-master .wa-services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  #wa-services-master .wa-service {\r\n    min-height: 0;\r\n    padding: 25px 23px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  #wa-services-master .wa-service h3 {\r\n    font-size: clamp(22px, 5.5vw, 28px);\r\n  }\r\n\r\n  #wa-services-master .wa-service p {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #wa-services-master .wa-service-top {\r\n    font-size: 9px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  #wa-services-master.wa-services--js\r\n  .wa-from-left:not(.wa-visible) {\r\n    transform: translate3d(-35px,0,0);\r\n  }\r\n\r\n  #wa-services-master.wa-services--js\r\n  .wa-from-right:not(.wa-visible) {\r\n    transform: translate3d(35px,0,0);\r\n  }\r\n}\r\n\r\n\r\n\/* =============================================\r\n ACCESSIBILITY \u2014 REDUCED MOTION\r\n ============================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #wa-services-master .wa-service,\r\n  #wa-services-master .wa-service-line {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =============================================\r\n JAVASCRIPT \u2014 SCROLL REVEAL\r\n ============================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const section = document.getElementById(\r\n    \"wa-services-master\"\r\n  );\r\n\r\n  if (!section) return;\r\n\r\n  const cards = section.querySelectorAll(\r\n    \".wa-service\"\r\n  );\r\n\r\n  if (!cards.length) return;\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  \/* Je\u015bli animacje s\u0105 wy\u0142\u0105czone\r\n     lub przegl\u0105darka nie obs\u0142uguje\r\n     IntersectionObserver,\r\n     tre\u015b\u0107 pozostaje widoczna *\/\r\n\r\n  if (\r\n    reducedMotion ||\r\n    !(\"IntersectionObserver\" in window)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* Aktywacja animacji *\/\r\n\r\n  section.classList.add(\"wa-services--js\");\r\n\r\n  const observer = new IntersectionObserver(\r\n\r\n    function (entries) {\r\n\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n          entry.target.classList.add(\r\n            \"wa-visible\"\r\n          );\r\n\r\n          observer.unobserve(entry.target);\r\n\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      root: null,\r\n      rootMargin: \"0px 0px -30px 0px\",\r\n      threshold: 0.10\r\n    }\r\n\r\n  );\r\n\r\n  cards.forEach(function (card) {\r\n    observer.observe(card);\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL MASTER SERVICES -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e384aa7 e-con e-atomic-element e-flexbox-base e-default-div e-a4fd340\" data-id=\"e384aa7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e384aa7\">\n    \t\t<div class=\"elementor-element elementor-element-ca3faa1 elementor-widget elementor-widget-html\" data-id=\"ca3faa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n WEBAVATARAI.PL \u2014 MASTER PREMIUM SECTIONS\r\n INDYWIDUALNY DESIGN + KONTAKT\r\n ANIMACJA LEWO \/ PRAWO\r\n ============================================= -->\r\n\r\n<section id=\"wa-final-sections\" aria-label=\"Individual projects and contact\">\r\n\r\n  <div class=\"wa-final-layout\">\r\n\r\n    <!-- BLOK 1 \u2014 WJAZD Z LEWEJ -->\r\n\r\n    <article class=\"wa-final-card wa-final-left\">\r\n\r\n      <div class=\"wa-final-label\">\r\n        <span class=\"wa-final-dot\"><\/span>\r\n        CUSTOMIZED PROJECTS \/ WEBAVATARAI\r\n      <\/div>\r\n\r\n      <h2 class=\"wa-final-title\">\r\n        EXCEPTIONAL APPEARANCE\r\n        <span>FOR EVERY COMPANY<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"wa-final-line\"\r\n           aria-hidden=\"true\"><\/div>\r\n\r\n      <p>\r\n        Every business is unique and deserves a website that reflects its character. With creative design, interactive 3D elements, and modern animations, we build a distinctive digital presence for your brand.\r\n      <\/p>\r\n\r\n      <p>\r\n        From restaurants and hotels to offices, real estate agencies, and businesses in other industries, we tailor every project to your specific needs and goals.\r\n      <\/p>\r\n\r\n      <div class=\"wa-final-features\">\r\n        <span>\u2726 Individual projects<\/span>\r\n        <span>\u2726 Interactive 3D<\/span>\r\n        <span>\u2726 Outstanding brand image<\/span>\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- BLOK 2 \u2014 WJAZD Z PRAWEJ -->\r\n\r\n    <article class=\"wa-final-card wa-final-right\">\r\n\r\n      <div class=\"wa-final-label\">\r\n        <span class=\"wa-final-dot\"><\/span>\r\n        YOUR NEXT STEP\r\n      <\/div>\r\n\r\n      <h2 class=\"wa-final-title\">\r\n        READY\r\n        <span>TO STAND OUT ONLINE?<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"wa-final-line\"\r\n           aria-hidden=\"true\"><\/div>\r\n\r\n      <p>\r\n        Grow your business with a professional website featuring impressive 3D elements and smart AI solutions. Together, we'll create a memorable digital experience that makes your brand stand out.\r\n      <\/p>\r\n\r\n      <a class=\"wa-final-button\"\r\n         href=\"https:\/\/webavatarai.pl\/en\/contact\/\">\r\n\r\n        <span>CONTACT US<\/span>\r\n\r\n        <span class=\"wa-final-arrow\"\r\n              aria-hidden=\"true\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =============================================\r\n G\u0141\u00d3WNA SEKCJA\r\n ============================================= *\/\r\n\r\n#wa-final-sections {\r\n  width: 100%;\r\n  padding: 20px 10px;\r\n  margin: 0;\r\n  background: transparent;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n#wa-final-sections *,\r\n#wa-final-sections *::before,\r\n#wa-final-sections *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* UK\u0141AD \u2014 DWA BLOKI JEDEN POD DRUGIM *\/\r\n\r\n#wa-final-sections .wa-final-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0,1fr);\r\n  gap: 28px;\r\n\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* KARTY GLASS PREMIUM *\/\r\n\r\n#wa-final-sections .wa-final-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-width: 0;\r\n\r\n  padding: clamp(28px,4vw,49px);\r\n\r\n  border-radius: 22px;\r\n\r\n  background: linear-gradient(\r\n    125deg,\r\n    rgba(5,35,87,.30),\r\n    rgba(4,16,50,.15)\r\n  );\r\n\r\n  border: 1px solid\r\n    rgba(155,220,255,.28);\r\n\r\n  backdrop-filter: blur(5px);\r\n  -webkit-backdrop-filter: blur(5px);\r\n\r\n  box-shadow:\r\n    0 10px 40px rgba(0,20,70,.13),\r\n    inset 0 1px 0 rgba(255,255,255,.13);\r\n\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n\r\n  transition:\r\n    opacity 1s ease,\r\n    transform 1.25s cubic-bezier(.19,1,.22,1),\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\r\n\/* G\u00d3RNY \u015aWIETLNY KONTUR *\/\r\n\r\n#wa-final-sections .wa-final-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 0;\r\n  left: 8%;\r\n  right: 8%;\r\n\r\n  height: 2px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(145,230,255,.9),\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,170,255,.45);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n#wa-final-sections .wa-final-card:hover {\r\n  border-color:\r\n    rgba(125,220,255,.70);\r\n\r\n  box-shadow:\r\n    0 0 30px rgba(0,160,255,.21),\r\n    0 12px 40px rgba(0,25,75,.18),\r\n    inset 0 1px 0 rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n\/* ETYKIETA *\/\r\n\r\n#wa-final-sections .wa-final-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 21px;\r\n\r\n  color: #a9e8ff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* NEONOWA KROPKA *\/\r\n\r\n#wa-final-sections .wa-final-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 50%;\r\n  background: #65ddff;\r\n\r\n  box-shadow:\r\n    0 0 8px #31caff,\r\n    0 0 18px rgba(0,160,255,.55);\r\n}\r\n\r\n\r\n\/* NAG\u0141\u00d3WKI PREMIUM *\/\r\n\r\n#wa-final-sections .wa-final-title {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(29px,4.2vw,55px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  letter-spacing: -.04em;\r\n\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n\r\n  overflow-wrap: break-word;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(80,175,255,.20),\r\n    0 3px 13px rgba(0,10,40,.20);\r\n}\r\n\r\n\r\n\/* DRUGA LINIA NAG\u0141\u00d3WKA *\/\r\n\r\n#wa-final-sections .wa-final-title span {\r\n  display: block;\r\n  color: #d0f2ff;\r\n\r\n  text-shadow:\r\n    0 0 14px rgba(50,180,255,.43),\r\n    0 0 29px rgba(0,120,255,.18);\r\n}\r\n\r\n\r\n\/* \u015aWIETLNA LINIA *\/\r\n\r\n#wa-final-sections .wa-final-line {\r\n  width: 90px;\r\n  height: 2px;\r\n\r\n  margin: 23px 0;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #8ceaff,\r\n    rgba(0,130,255,0)\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(0,170,255,.5);\r\n\r\n  transition: width .45s ease;\r\n}\r\n\r\n#wa-final-sections .wa-final-card:hover\r\n.wa-final-line {\r\n  width: 155px;\r\n}\r\n\r\n\r\n\/* TEKST *\/\r\n\r\n#wa-final-sections .wa-final-card p {\r\n  max-width: 1050px;\r\n\r\n  margin: 0 0 17px;\r\n\r\n  color: rgba(245,250,255,.94);\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(15px,1.3vw,17px);\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,.24);\r\n}\r\n\r\n\r\n\/* MINI ELEMENTY W PIERWSZEJ KARCIE *\/\r\n\r\n#wa-final-sections .wa-final-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n\r\n  margin-top: 25px;\r\n}\r\n\r\n#wa-final-sections .wa-final-features span {\r\n  padding: 10px 14px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: rgba(15,75,150,.23);\r\n\r\n  border: 1px solid\r\n    rgba(140,215,255,.24);\r\n\r\n  color: #eafaff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n#wa-final-sections .wa-final-features span:hover {\r\n  background: rgba(20,115,195,.32);\r\n  border-color: rgba(140,220,255,.65);\r\n}\r\n\r\n\r\n\/* DRUGI BLOK \u2014 DELIKATNY AKCENT *\/\r\n\r\n#wa-final-sections .wa-final-right {\r\n  background: linear-gradient(\r\n    120deg,\r\n    rgba(6,48,106,.34),\r\n    rgba(3,20,60,.18)\r\n  );\r\n}\r\n\r\n\r\n\/* PRZYCISK KONTAKTOWY *\/\r\n\r\n#wa-final-sections .wa-final-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n\r\n  max-width: 100%;\r\n  margin-top: 18px;\r\n\r\n  padding: 12px 13px 12px 23px;\r\n\r\n  border-radius: 13px;\r\n\r\n  border: 1px solid\r\n    rgba(125,220,255,.65);\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(15,120,220,.38),\r\n    rgba(0,55,125,.23)\r\n  );\r\n\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .7px;\r\n\r\n  box-shadow:\r\n    0 0 19px rgba(0,145,255,.23),\r\n    inset 0 1px 0 rgba(255,255,255,.15);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#wa-final-sections .wa-final-button:hover {\r\n  transform: translateY(-3px);\r\n\r\n  background: rgba(0,130,235,.48);\r\n\r\n  box-shadow:\r\n    0 0 28px rgba(0,170,255,.48);\r\n}\r\n\r\n#wa-final-sections .wa-final-button:focus-visible {\r\n  outline: 2px solid #a1eaff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* STRZA\u0141KA *\/\r\n\r\n#wa-final-sections .wa-final-arrow {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 33px;\r\n  height: 33px;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 9px;\r\n\r\n  border: 1px solid\r\n    rgba(150,230,255,.7);\r\n\r\n  background: rgba(65,185,255,.25);\r\n\r\n  font-size: 19px;\r\n\r\n  transition: transform .3s ease;\r\n}\r\n\r\n#wa-final-sections .wa-final-button:hover\r\n.wa-final-arrow {\r\n  transform: translate(2px,-2px);\r\n}\r\n\r\n\r\n\/* =============================================\r\n ANIMACJE Z DW\u00d3CH STRON\r\n ============================================= *\/\r\n\r\n\/* Domy\u015blnie bloki s\u0105 widoczne.\r\n   Ukrywanie aktywuje wy\u0142\u0105cznie JS. *\/\r\n\r\n\/* PIERWSZY \u2014 Z LEWEJ *\/\r\n\r\n#wa-final-sections.wa-motion-ready\r\n.wa-final-left {\r\n  opacity: 0;\r\n  transform: translate3d(-70vw,0,0);\r\n}\r\n\r\n\/* DRUGI \u2014 Z PRAWEJ *\/\r\n\r\n#wa-final-sections.wa-motion-ready\r\n.wa-final-right {\r\n  opacity: 0;\r\n  transform: translate3d(70vw,0,0);\r\n}\r\n\r\n\/* OBA ZATRZYMUJ\u0104 SI\u0118 NA MIEJSCU *\/\r\n\r\n#wa-final-sections.wa-motion-ready\r\n.wa-final-card.wa-visible {\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\r\n\/* =============================================\r\n TELEFON\r\n ============================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  #wa-final-sections {\r\n    padding: 12px 6px;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-layout {\r\n    gap: 20px;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-card {\r\n    padding: 27px 22px;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-title {\r\n    font-size: clamp(25px,6vw,36px);\r\n    line-height: 1.13;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-card p {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-features {\r\n    gap: 8px;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-features span {\r\n    font-size: 11px;\r\n  }\r\n\r\n  #wa-final-sections .wa-final-button {\r\n    font-size: 11px;\r\n  }\r\n\r\n  #wa-final-sections.wa-motion-ready\r\n  .wa-final-left {\r\n    transform: translate3d(-65vw,0,0);\r\n  }\r\n\r\n  #wa-final-sections.wa-motion-ready\r\n  .wa-final-right {\r\n    transform: translate3d(65vw,0,0);\r\n  }\r\n\r\n  #wa-final-sections.wa-motion-ready\r\n  .wa-final-card.wa-visible {\r\n    transform: translate3d(0,0,0);\r\n  }\r\n}\r\n\r\n\r\n\/* =============================================\r\n OGRANICZENIE RUCHU\r\n ============================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #wa-final-sections .wa-final-card,\r\n  #wa-final-sections .wa-final-button,\r\n  #wa-final-sections .wa-final-line {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =============================================\r\n JAVASCRIPT \u2014 BEZPIECZNY SCROLL REVEAL\r\n ============================================= -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const section = document.getElementById(\r\n    \"wa-final-sections\"\r\n  );\r\n\r\n  if (!section) return;\r\n\r\n  if (section.dataset.initialized === \"1\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.initialized = \"1\";\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  if (\r\n    reducedMotion ||\r\n    !(\"IntersectionObserver\" in window)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/* W EDYTORZE TRE\u015a\u0106 ZOSTAJE WIDOCZNA *\/\r\n\r\n  if (\r\n    window.self !== window.top ||\r\n    document.body.classList.contains(\r\n      \"elementor-editor-active\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  const cards = section.querySelectorAll(\r\n    \".wa-final-card\"\r\n  );\r\n\r\n  \/* Obserwujemy SEKCJ\u0118, a nie karty\r\n     przesuni\u0119te poza ekran. *\/\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n\r\n      if (entries.some(function (entry) {\r\n        return entry.isIntersecting;\r\n      })) {\r\n\r\n        cards.forEach(function (card, index) {\r\n\r\n          window.setTimeout(function () {\r\n            card.classList.add(\"wa-visible\");\r\n          }, index * 180);\r\n\r\n        });\r\n\r\n        observer.disconnect();\r\n      }\r\n\r\n    },\r\n    {\r\n      threshold: 0.06,\r\n      rootMargin: \"0px 0px -30px 0px\"\r\n    }\r\n  );\r\n\r\n  section.classList.add(\"wa-motion-ready\");\r\n\r\n  observer.observe(section);\r\n\r\n  \/* Awaryjne ods\u0142oni\u0119cie kart,\r\n     gdyby obserwacja zosta\u0142a przerwana. *\/\r\n\r\n  window.setTimeout(function () {\r\n\r\n    cards.forEach(function (card) {\r\n      card.classList.add(\"wa-visible\");\r\n    });\r\n\r\n  }, 4000);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL MASTER PREMIUM -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-97d277a e-con e-atomic-element e-flexbox-base e-default-div e-8f9a24f\" data-id=\"97d277a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97d277a\">\n    \t\t<div class=\"elementor-element elementor-element-1c2bd1c elementor-widget elementor-widget-html\" data-id=\"1c2bd1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     WEBAVATARAI.PL \u2014 MASTER FOOTER 3D\r\n     PREMIUM EDITION \u2014 POLSKA WERSJA\r\n     POPRAWIONE WSZYSTKIE LINKI\r\n     ===================================================== -->\r\n\r\n<footer class=\"wa-master-footer\" id=\"wa-master-footer-v2\">\r\n\r\n  <!-- ANIMOWANE T\u0141O MP4 -->\r\n\r\n  <div class=\"wa-footer-background\" aria-hidden=\"true\">\r\n\r\n    <video\r\n      class=\"wa-footer-wave\"\r\n      muted\r\n loop\r\n autoplay\r\n playsinline\r\n preload=\"none\"\r\n      data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/2026\/10\/Petla-wwwavatar.mp4\"\r\n    ><\/video>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- G\u0141\u00d3WNA STRUKTURA \u2014 TRZY KOLUMNY -->\r\n\r\n  <div class=\"wa-footer-container\">\r\n\r\n\r\n    <!-- KOLUMNA 1 \u2014 NAWIGACJA -->\r\n\r\n    <nav class=\"wa-footer-navigation\"\r\n         aria-label=\"Navigation in a stopcock\">\r\n\r\n      <h3>NAVIGATION<\/h3>\r\n\r\n      <ul>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/\">\r\n            Home\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/o-nas-i-uslugi\/\">\r\n            About us and services\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/cennik\/\">\r\n            Pricing\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/3d-biblioteka\/\">\r\n            3D library\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/kontakt\/\">\r\n            Contact\r\n          <\/a>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n    <\/nav>\r\n\r\n\r\n\r\n    <!-- KOLUMNA 2 \u2014 INTERAKTYWNA KOSTKA 3D -->\r\n\r\n    <div class=\"wa-footer-center\">\r\n\r\n      <div class=\"wa-footer-cube\">\r\n\r\n\r\n        <!-- WARSTWA 1: ANIMACJA KOSTKI -->\r\n\r\n        <video\r\n          class=\"wa-footer-cube-video\"\r\n          muted\r\n loop\r\n autoplay\r\n playsinline\r\n preload=\"none\"\r\n          data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/wa-3d-cube-loop-final1.mp4\"\r\n          aria-hidden=\"true\"\r\n        ><\/video>\r\n\r\n\r\n        <!-- WARSTWA 2: INTERAKTYWNE LOGO WA -->\r\n\r\n        <model-viewer\r\n          class=\"wa-footer-logo\"\r\n          data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/WA.glb\"\r\n\r\n          camera-controls\r\n auto-rotate\r\n rotation-per-second=\"12deg\"\r\n\r\n          interaction-prompt=\"none\"\r\n          disable-zoom\r\n\r\n shadow-intensity=\"0\"\r\n          tone-mapping=\"neutral\"\r\n\r\n          loading=\"lazy\"\r\n\r\n          alt=\"Interaktywne logo 3D WebAvatarAI\"\r\n        ><\/model-viewer>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BRANDING -->\r\n\r\n      <div class=\"wa-footer-brand\">\r\n        WEB<span>AVATAR<\/span>AI\r\n      <\/div>\r\n\r\n\r\n      <p class=\"wa-footer-tagline\">\r\n        Digital experiences that make an impression\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- KOLUMNA 3 \u2014 KONTAKT -->\r\n\r\n    <div class=\"wa-footer-contact\">\r\n\r\n      <h3>CONTACT<\/h3>\r\n\r\n      <h4>\r\n        Let's create something special together\r\n      <\/h4>\r\n\r\n      <p>\r\n        Modern websites, interactive\r\n        3D experiences, and\r\n        intelligent AI solutions\r\n      <\/p>\r\n\r\n      <p>\r\n        Tell us about your idea\r\n        \u2014 we would be happy to help you develop it\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/webavatarai.pl\/en\/kontakt\/\"\r\n        class=\"wa-footer-contact-button\"\r\n      >\r\n        Contact us\r\n\r\n        <span aria-hidden=\"true\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- DOLNY PASEK -->\r\n\r\n  <div class=\"wa-footer-bottom\">\r\n\r\n    <div>\r\n      \u00a9 2026 WebAvatarAI\r\n      All rights reserved\r\n    <\/div>\r\n\r\n    <div>\r\n      Premium sites \u00b7 3D \u00b7 AI\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<!-- GOOGLE MODEL VIEWER -->\r\n\r\n<script\r\n  type=\"module\"\r\n  src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer.min.js\">\r\n<\/script>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     MASTER FOOTER \u2014 ORYGINALNY CSS\r\n     ===================================================== -->\r\n\r\n<style>\r\n\r\n\/* PODSTAWOWY KONTENER *\/\r\n\r\n.wa-master-footer {\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 450px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #020814;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n\r\n  padding: 55px 30px 22px;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.wa-master-footer *,\r\n.wa-master-footer *::before,\r\n.wa-master-footer *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ANIMOWANE T\u0141O \u2014 FALA MP4 *\/\r\n\r\n.wa-footer-background {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  z-index: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.wa-footer-wave {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  object-position: center center;\r\n\r\n  display: block;\r\n\r\n  filter: none;\r\n\r\n  opacity: 1;\r\n\r\n}\r\n\r\n\r\n\r\n\/* G\u0141\u00d3WNY UK\u0141AD KOLUMN *\/\r\n\r\n.wa-footer-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(250px, 320px)\r\n    minmax(0, 1fr);\r\n\r\n  column-gap: 55px;\r\n\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1200px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* WSP\u00d3LNE NAG\u0141\u00d3WKI *\/\r\n\r\n.wa-master-footer h3 {\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  color: #65d5ff;\r\n\r\n  margin: 0 0 24px;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(0, 120, 255, 0.4);\r\n\r\n}\r\n\r\n\r\n\r\n\/* LEWA KOLUMNA \u2014 NAWIGACJA *\/\r\n\r\n.wa-footer-navigation {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.wa-footer-navigation ul {\r\n\r\n  list-style: none;\r\n\r\n  padding: 0;\r\n\r\n  margin: 0;\r\n\r\n}\r\n\r\n\r\n.wa-footer-navigation li {\r\n\r\n  margin: 0 0 16px;\r\n\r\n  padding: 0;\r\n\r\n}\r\n\r\n\r\n.wa-footer-navigation a {\r\n\r\n  display: inline-block;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.5;\r\n\r\n  text-decoration: none;\r\n\r\n  text-shadow:\r\n    0 2px 10px rgba(0, 0, 0, 0.65);\r\n\r\n  transition:\r\n    color 0.3s ease,\r\n    transform 0.3s ease,\r\n    text-shadow 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.wa-footer-navigation a:hover {\r\n\r\n  color: #60d9ff;\r\n\r\n  transform: translateX(5px);\r\n\r\n  text-shadow:\r\n    0 0 15px rgba(0, 180, 255, 0.65);\r\n\r\n}\r\n\r\n\r\n\r\n\/* \u015aRODEK \u2014 KOMPOZYCJA 3D *\/\r\n\r\n.wa-footer-center {\r\n\r\n  width: 100%;\r\n\r\n  min-width: 0;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* KOSTKA \u2014 G\u0141\u00d3WNA RAMKA *\/\r\n\r\n.wa-footer-cube {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 300px;\r\n\r\n  aspect-ratio: 1 \/ 1;\r\n\r\n  background: #020814;\r\n\r\n  border-radius: 18px;\r\n\r\n  overflow: hidden;\r\n\r\n  isolation: isolate;\r\n\r\n  box-shadow:\r\n\r\n    0 0 22px rgba(0, 125, 255, 0.22),\r\n\r\n    0 0 45px rgba(0, 90, 255, 0.12);\r\n\r\n}\r\n\r\n\r\n\r\n\/* MP4 \u2014 RUCH \u015aWIAT\u0141A W KOSTCE *\/\r\n\r\n.wa-footer-cube-video {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  object-position: center;\r\n\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  background: #020814;\r\n\r\n}\r\n\r\n\r\n\r\n\/* INTERAKTYWNY MODEL WA.GLB *\/\r\n\r\n.wa-footer-logo {\r\n\r\n  position: absolute;\r\n\r\n  top: 15%;\r\n  left: 15%;\r\n\r\n  width: 70%;\r\n  height: 70%;\r\n\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  background: transparent;\r\n\r\n  --poster-color: transparent;\r\n\r\n  outline: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* BRANDING POD KOSTK\u0104 *\/\r\n\r\n.wa-footer-brand {\r\n\r\n  margin-top: 19px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 21px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: 1.8px;\r\n\r\n  text-shadow:\r\n\r\n    0 0 12px rgba(0, 140, 255, 0.65),\r\n\r\n    0 0 25px rgba(0, 100, 255, 0.3);\r\n\r\n}\r\n\r\n\r\n.wa-footer-brand span {\r\n\r\n  color: #52cfff;\r\n\r\n}\r\n\r\n\r\n.wa-footer-tagline {\r\n\r\n  margin: 8px 0 0;\r\n\r\n  color: #d6e9ff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.6;\r\n\r\n  letter-spacing: 0.3px;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0, 0, 0, 0.75);\r\n\r\n}\r\n\r\n\r\n\r\n\/* PRAWA KOLUMNA \u2014 KONTAKT *\/\r\n\r\n.wa-footer-contact {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.wa-footer-contact h4 {\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 18px;\r\n\r\n  font-weight: 600;\r\n\r\n  line-height: 1.35;\r\n\r\n  letter-spacing: 0.2px;\r\n\r\n  margin: 0 0 18px;\r\n\r\n  text-transform: none;\r\n\r\n  text-shadow:\r\n    0 2px 12px rgba(0, 0, 0, 0.65);\r\n\r\n}\r\n\r\n\r\n.wa-footer-contact p {\r\n\r\n  color: #e1efff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.75;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  text-shadow:\r\n    0 2px 10px rgba(0, 0, 0, 0.75);\r\n\r\n}\r\n\r\n\r\n\r\n\/* PRZYCISK KONTAKTOWY *\/\r\n\r\n.wa-footer-contact-button {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 14px;\r\n\r\n  margin-top: 14px;\r\n\r\n  padding: 13px 21px;\r\n\r\n  color: #ffffff !important;\r\n\r\n  background:\r\n    rgba(0, 105, 255, 0.22);\r\n\r\n  border:\r\n    1px solid rgba(93, 208, 255, 0.65);\r\n\r\n  border-radius: 11px;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 600;\r\n\r\n  text-decoration: none !important;\r\n\r\n  backdrop-filter: blur(8px);\r\n\r\n  -webkit-backdrop-filter: blur(8px);\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0, 115, 255, 0.2);\r\n\r\n  transition:\r\n\r\n    background 0.3s ease,\r\n\r\n    box-shadow 0.3s ease,\r\n\r\n    transform 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.wa-footer-contact-button:hover {\r\n\r\n  color: #ffffff !important;\r\n\r\n  background:\r\n    rgba(0, 140, 255, 0.38);\r\n\r\n  box-shadow:\r\n    0 0 25px rgba(0, 145, 255, 0.45);\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.wa-footer-contact-button span {\r\n\r\n  font-size: 17px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DOLNY PASEK *\/\r\n\r\n.wa-footer-bottom {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1200px;\r\n\r\n  margin: 45px auto 0;\r\n\r\n  padding-top: 22px;\r\n\r\n  border-top:\r\n    1px solid rgba(160, 210, 255, 0.28);\r\n\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n  color: #d0e2f5;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.5;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0, 0, 0, 0.7);\r\n\r\n}\r\n\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .wa-master-footer {\r\n\r\n    padding: 45px 25px 22px;\r\n\r\n  }\r\n\r\n  .wa-footer-container {\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    column-gap: 45px;\r\n\r\n    row-gap: 45px;\r\n\r\n  }\r\n\r\n  .wa-footer-center {\r\n\r\n    grid-column: 1 \/ -1;\r\n\r\n    grid-row: 1;\r\n\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n\r\n    grid-column: 1;\r\n\r\n    grid-row: 2;\r\n\r\n  }\r\n\r\n  .wa-footer-contact {\r\n\r\n    grid-column: 2;\r\n\r\n    grid-row: 2;\r\n\r\n  }\r\n\r\n  .wa-footer-cube {\r\n\r\n    max-width: 280px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .wa-master-footer {\r\n\r\n    padding: 38px 22px 20px;\r\n\r\n  }\r\n\r\n  .wa-footer-container {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 35px;\r\n\r\n  }\r\n\r\n  .wa-footer-center {\r\n\r\n    order: 1;\r\n\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n\r\n    order: 2;\r\n\r\n  }\r\n\r\n  .wa-footer-contact {\r\n\r\n    order: 3;\r\n\r\n  }\r\n\r\n  .wa-footer-cube {\r\n\r\n    max-width: 270px;\r\n\r\n    margin: 0 auto;\r\n\r\n    border-radius: 15px;\r\n\r\n  }\r\n\r\n  .wa-footer-brand {\r\n\r\n    font-size: 19px;\r\n\r\n  }\r\n\r\n  .wa-footer-navigation h3,\r\n  .wa-footer-contact h3 {\r\n\r\n    font-size: 14px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n  }\r\n\r\n  .wa-footer-navigation li {\r\n\r\n    margin-bottom: 14px;\r\n\r\n  }\r\n\r\n  .wa-footer-navigation a {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n  .wa-footer-contact h4 {\r\n\r\n    font-size: 18px;\r\n\r\n  }\r\n\r\n  .wa-footer-contact p {\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.7;\r\n\r\n  }\r\n\r\n  .wa-footer-bottom {\r\n\r\n    flex-direction: column;\r\n\r\n    text-align: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 35px;\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wa-footer-navigation a,\r\n  .wa-footer-contact-button {\r\n\r\n    transition: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     OPTYMALIZACJA \u0141ADOWANIA\r\n     MP4 + INTERAKTYWNY MODEL 3D\r\n     ===================================================== -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const footer = document.getElementById(\r\n    \"wa-master-footer-v2\"\r\n  );\r\n\r\n  if (!footer) return;\r\n\r\n\r\n  const wave = footer.querySelector(\r\n    \".wa-footer-wave\"\r\n  );\r\n\r\n  const cubeVideo = footer.querySelector(\r\n    \".wa-footer-cube-video\"\r\n  );\r\n\r\n  const logo = footer.querySelector(\r\n    \".wa-footer-logo\"\r\n  );\r\n\r\n\r\n  if (!wave || !cubeVideo || !logo) return;\r\n\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n\r\n  let initialized = false;\r\n\r\n\r\n  \/* WCZYTYWANIE MATERIA\u0141\u00d3W *\/\r\n\r\n  function initializeScene() {\r\n\r\n    if (initialized) return;\r\n\r\n    initialized = true;\r\n\r\n\r\n    wave.src = wave.dataset.src;\r\n\r\n    cubeVideo.src = cubeVideo.dataset.src;\r\n\r\n\r\n    wave.muted = true;\r\n\r\n    cubeVideo.muted = true;\r\n\r\n\r\n    wave.load();\r\n\r\n    cubeVideo.load();\r\n\r\n\r\n    logo.setAttribute(\r\n      \"src\",\r\n      logo.dataset.src\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* BEZPIECZNE ODTWARZANIE *\/\r\n\r\n  function safePlay(video) {\r\n\r\n    const promise = video.play();\r\n\r\n    if (\r\n      promise &&\r\n      typeof promise.catch === \"function\"\r\n    ) {\r\n\r\n      promise.catch(function () {});\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* W\u0141\u0104CZANIE I ZATRZYMYWANIE *\/\r\n\r\n  function updateScene(visible) {\r\n\r\n    if (visible) {\r\n\r\n      initializeScene();\r\n\r\n\r\n      if (!reducedMotion) {\r\n\r\n        safePlay(wave);\r\n\r\n        safePlay(cubeVideo);\r\n\r\n        logo.setAttribute(\r\n          \"auto-rotate\",\r\n          \"\"\r\n        );\r\n\r\n      }\r\n\r\n    } else {\r\n\r\n      wave.pause();\r\n\r\n      cubeVideo.pause();\r\n\r\n      logo.removeAttribute(\r\n        \"auto-rotate\"\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* \u0141ADOWANIE BLISKO FOOTERA *\/\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n\r\n    const observer = new IntersectionObserver(\r\n\r\n      function (entries) {\r\n\r\n        entries.forEach(function (entry) {\r\n\r\n          updateScene(entry.isIntersecting);\r\n\r\n        });\r\n\r\n      },\r\n\r\n      {\r\n\r\n        rootMargin: \"200px 0px\",\r\n\r\n        threshold: 0.01\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n    observer.observe(footer);\r\n\r\n  } else {\r\n\r\n    updateScene(true);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ZATRZYMANIE PO ZMIANIE KARTY *\/\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        wave.pause();\r\n\r\n        cubeVideo.pause();\r\n\r\n      } else {\r\n\r\n        const rect = footer.getBoundingClientRect();\r\n\r\n        const nearViewport =\r\n          rect.bottom > -200 &&\r\n          rect.top < window.innerHeight + 200;\r\n\r\n        if (nearViewport) {\r\n\r\n          updateScene(true);\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI.PL MASTER FOOTER 3D -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WEBAVATARAI \/ STUDIO CYFROWE O NAS I US\u0141UGI Kreatywno\u015b\u0107 spotyka technologi\u0119 \u0141\u0105czymy kreatywne projektowanie stron internetowych, interaktywne elementy 3D i inteligentne rozwi\u0105zania AI, aby skuteczniej prezentowa\u0107 Twoj\u0105 firm\u0119 w cyfrowym \u015bwiecie Od pierwszego pomys\u0142u po wyj\u0105tkowe do\u015bwiadczenia cyfrowe \u2014 wsp\u00f3lnie o\u017cywiamy Twoj\u0105 wizj\u0119 \u2726 Kreatywne projektowanie stron WWW \u2726 Interaktywne elementy 3D \u2726 Inteligentne rozwi\u0105zania [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-548","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/comments?post=548"}],"version-history":[{"count":121,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/548\/revisions"}],"predecessor-version":[{"id":1405,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/548\/revisions\/1405"}],"wp:attachment":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/media?parent=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}