{"id":548,"date":"2026-10-12T08:33:38","date_gmt":"2026-10-12T08:33:38","guid":{"rendered":"https:\/\/webavatarai.com\/?page_id=548"},"modified":"2026-10-24T10:50:29","modified_gmt":"2026-10-24T10:50:29","slug":"over-ons-diensten","status":"publish","type":"page","link":"https:\/\/webavatarai.com\/en\/over-ons-diensten\/","title":{"rendered":"ABOUT US &amp; 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 \u2014 MASTER OVER ONS PREMIUM V3 GLOW\r\nStyl dopasowany do kart PREMIUM GLASS \/ NEON\r\nZachowane teksty i wjazd 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\">ABOUT US<\/span>\r\n      <span class=\"wa-about-blue\">&amp; SERVICES<\/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      Wij combineren creatief webdesign,\r\n      interactieve 3D-elementen en vloeiende\r\n      animaties om jouw bedrijf online\r\n      sterker te presenteren.\r\n    <\/p>\r\n\r\n    <p>\r\n      From the first idea to a unique digital experience, we bring your vision to life.\r\n    <\/p>\r\n\r\n    <div class=\"wa-about-features\">\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Creative web design\r\n      <\/div>\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Interactive 3D\r\n      <\/div>\r\n      <div class=\"wa-about-feature\">\r\n        <span>\u2726<\/span>\r\n        Professionele animaties\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========================================\r\n   SEKCJA I BEZPIECZNE SCOPE CSS\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\/* ========================================\r\n   G\u0141\u00d3WNA KARTA PREMIUM GLASS + GLOW\r\n   ======================================== *\/\r\n#wa-about-v2 .wa-about-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: clamp(24px, 3vw, 42px);\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n\r\n  background:\r\n    radial-gradient(ellipse at 7% 0%, rgba(41,150,255,.19), transparent 52%),\r\n    linear-gradient(135deg,\r\n      rgba(7,38,85,.49) 0%,\r\n      rgba(4,19,54,.35) 58%,\r\n      rgba(4,23,62,.43) 100%);\r\n\r\n  border: 1px solid rgba(158,226,255,.60);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  backdrop-filter: blur(18px);\r\n\r\n  box-shadow:\r\n    0 0 16px rgba(0,167,255,.24),\r\n    0 0 44px rgba(0,105,255,.13),\r\n    0 20px 46px rgba(0,12,40,.25),\r\n    inset 0 1px 0 rgba(255,255,255,.22),\r\n    inset 0 0 22px rgba(21,136,255,.08);\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\/* Tre\u015b\u0107 zawsze nad ruchomym refleksem *\/\r\n#wa-about-v2 .wa-about-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u015awiec\u0105ca linia przy g\u00f3rnej kraw\u0119dzi *\/\r\n#wa-about-v2 .wa-about-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 0;\r\n  left: 10%;\r\n  right: 10%;\r\n  height: 2px;\r\n  pointer-events: none;\r\n  background: linear-gradient(90deg,\r\n    transparent,\r\n    rgba(149,235,255,.60),\r\n    #b5f1ff,\r\n    rgba(85,190,255,.68),\r\n    transparent);\r\n  box-shadow: 0 0 12px rgba(89,214,255,.8),\r\n              0 0 25px rgba(0,130,255,.43);\r\n  animation: waAboutTopGlow 5s ease-in-out infinite;\r\n}\r\n\r\n\/* Szeroki, bardzo delikatny ruchomy refleks szk\u0142a *\/\r\n#wa-about-v2 .wa-about-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  top: -15%;\r\n  left: 0;\r\n  width: 38%;\r\n  height: 130%;\r\n  pointer-events: none;\r\n  background: linear-gradient(90deg,\r\n    transparent,\r\n    rgba(182,236,255,.025),\r\n    rgba(222,247,255,.095),\r\n    rgba(182,236,255,.025),\r\n    transparent);\r\n  filter: blur(6px);\r\n  transform: translate3d(-170%,0,0) skewX(-17deg);\r\n  animation: waAboutGlassSweep 11s ease-in-out infinite;\r\n}\r\n\r\n#wa-about-v2 .wa-about-card:hover {\r\n  border-color: rgba(186,241,255,.88);\r\n  box-shadow:\r\n    0 0 23px rgba(0,184,255,.39),\r\n    0 0 65px rgba(0,119,255,.23),\r\n    0 22px 50px rgba(0,12,40,.26),\r\n    inset 0 1px 0 rgba(255,255,255,.30),\r\n    inset 0 0 32px rgba(32,158,255,.13);\r\n}\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  color: #a7edff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  letter-spacing: 1.7px;\r\n  text-shadow: 0 0 12px rgba(70,200,255,.48);\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: #86e8ff;\r\n  box-shadow: 0 0 8px #39cfff,\r\n              0 0 20px rgba(0,140,255,.85);\r\n}\r\n\r\n\/* ========================================\r\n   TYTU\u0141 Z PO\u015aWIAT\u0104\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  margin: 0;\r\n  padding: 0;\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  text-shadow:\r\n    0 0 8px rgba(255,255,255,.24),\r\n    0 0 22px rgba(84,171,255,.29);\r\n}\r\n\r\n#wa-about-v2 .wa-about-blue {\r\n  display: block;\r\n  color: #b2efff;\r\n  text-shadow:\r\n    0 0 8px rgba(130,227,255,.63),\r\n    0 0 23px rgba(0,175,255,.47),\r\n    0 0 45px rgba(0,103,255,.25);\r\n}\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  background: linear-gradient(90deg,#c4f5ff,#61cfff,transparent);\r\n  box-shadow: 0 0 12px rgba(0,189,255,.72),\r\n              0 0 25px rgba(0,130,255,.32);\r\n  transition: width .5s ease;\r\n}\r\n\r\n#wa-about-v2 .wa-about-card:hover .wa-about-line {\r\n  width: 150px;\r\n}\r\n\r\n\/* ========================================\r\n   PODTYTU\u0141 I TEKST\r\n   ======================================== *\/\r\n#wa-about-v2 .wa-about-subtitle {\r\n  margin: 0 0 18px;\r\n  padding: 0;\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  text-shadow: 0 0 16px rgba(86,167,255,.15);\r\n}\r\n\r\n#wa-about-v2 .wa-about-card p {\r\n  margin: 0 0 16px;\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  text-shadow: 0 2px 9px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* ========================================\r\n   TRZY KAFELKI JAK \u015aWIEC\u0104CE SZKLANE PRZYCISKI\r\n   ======================================== *\/\r\n#wa-about-v2 .wa-about-features {\r\n  display: grid;\r\n  gap: 12px;\r\n  margin-top: 25px;\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  min-width: 0;\r\n  padding: 12px 15px;\r\n  border-radius: 12px;\r\n\r\n  background: linear-gradient(125deg,\r\n    rgba(36,111,186,.31),\r\n    rgba(7,47,106,.22) 65%,\r\n    rgba(24,84,162,.27));\r\n  border: 1px solid rgba(126,217,255,.57);\r\n  -webkit-backdrop-filter: blur(9px);\r\n  backdrop-filter: blur(9px);\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,178,255,.18),\r\n    0 5px 18px rgba(0,24,80,.15),\r\n    inset 0 1px 0 rgba(255,255,255,.18),\r\n    inset 0 0 12px rgba(56,155,255,.07);\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    box-shadow .3s ease;\r\n}\r\n\r\n\/* Refleks przesuwaj\u0105cy si\u0119 po kafelku na hover *\/\r\n#wa-about-v2 .wa-about-feature::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -65%;\r\n  width: 45%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  background: linear-gradient(90deg,\r\n    transparent,\r\n    rgba(218,249,255,.17),\r\n    transparent);\r\n  transform: skewX(-23deg);\r\n  transition: left .65s ease;\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature span {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: #9cecff;\r\n  font-size: 17px;\r\n  text-shadow:\r\n    0 0 9px rgba(0,201,255,.84),\r\n    0 0 19px rgba(0,119,255,.44);\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature:hover {\r\n  transform: translateX(5px);\r\n  background: linear-gradient(125deg,\r\n    rgba(40,137,214,.44),\r\n    rgba(14,73,155,.33));\r\n  border-color: rgba(180,238,255,.93);\r\n  box-shadow:\r\n    0 0 18px rgba(0,195,255,.43),\r\n    0 0 35px rgba(0,111,255,.21),\r\n    inset 0 1px 0 rgba(255,255,255,.27),\r\n    inset 0 0 19px rgba(48,164,255,.13);\r\n}\r\n\r\n#wa-about-v2 .wa-about-feature:hover::before {\r\n  left: 135%;\r\n}\r\n\r\n\/* ========================================\r\n   DELIKATNE ANIMACJE \u015aWIAT\u0141A\r\n   ======================================== *\/\r\n@keyframes waAboutTopGlow {\r\n  0%,100% { opacity: .64; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n@keyframes waAboutGlassSweep {\r\n  0%, 16% { transform: translate3d(-170%,0,0) skewX(-17deg); }\r\n  48%,100% { transform: translate3d(430%,0,0) skewX(-17deg); }\r\n}\r\n\r\n\/* ========================================\r\n   ANIMACJA WJAZDU Z LEWEJ \u2014 BEZ ZMIAN\r\n   ======================================== *\/\r\n\/* Karta widoczna, gdy JavaScript si\u0119 nie uruchomi. *\/\r\n#wa-about-v2.wa-about-ready .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 .wa-about-card {\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\/* ========================================\r\n   TELEFON\r\n   ======================================== *\/\r\n@media (max-width:767px) {\r\n  #wa-about-v2 { padding: 5px; }\r\n  #wa-about-v2 .wa-about-card {\r\n    padding: 27px 22px;\r\n    border-radius: 17px;\r\n  }\r\n  #wa-about-v2 .wa-about-title {\r\n    font-size: clamp(29px,7vw,41px);\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  #wa-about-v2 .wa-about-feature { font-size: 12px; }\r\n}\r\n\r\n\/* ========================================\r\n   OGRANICZONY RUCH\r\n   ======================================== *\/\r\n@media (prefers-reduced-motion:reduce) {\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  #wa-about-v2 .wa-about-card::before,\r\n  #wa-about-v2 .wa-about-card::after {\r\n    animation: none !important;\r\n  }\r\n  #wa-about-v2 .wa-about-card::after { display: none; }\r\n  #wa-about-v2 .wa-about-feature::before { transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.getElementById(\"wa-about-v2\");\r\n  if (!section) return;\r\n  if (section.dataset.initialized === \"1\") return;\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 (reducedMotion || !(\"IntersectionObserver\" in window)) return;\r\n\r\n  \/* W edytorze Elementor karta pozostaje widoczna. *\/\r\n  if (window.self !== window.top) return;\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          section.classList.add(\"wa-about-visible\");\r\n          observer.unobserve(section);\r\n        }\r\n      });\r\n    },\r\n    { threshold: 0.05, rootMargin: \"0px 0px -30px 0px\" }\r\n  );\r\n\r\n  section.classList.add(\"wa-about-ready\");\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n<!-- KONIEC MASTER OVER ONS PREMIUM V3 GLOW -->\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<!-- ========================================\r\nWEBAVATARAI \u2014 PREMIUM GLASS\r\nOVER ONS & DIENSTEN\r\nVERSIE ZONDER AI EN EXTRA KNOP\r\n======================================== -->\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\/* ZAWARTO\u015a\u0106 *\/\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;\r\n}\r\n\r\n\/* ANIMOWANA NEONOWA RAMKA *\/\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\/* 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\r\n\/* OGRANICZENIE ANIMACJI *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #wa-premium-glass {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ========================================\r\nKARTA PREMIUM GLASS\r\n======================================== -->\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      <div class=\"wa-label\">\r\n        \u2726 PREMIUM DIGITAL\r\n      <\/div>\r\n\r\n      <h2>\r\n        3D &amp;<br>\r\n        <span class=\"wa-neon\">\r\n          WEB DESIGN\r\n        <\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Modern websites with a premium look, subtle animations, and interactive elements that help your brand stand out online.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- KONIEC WEBAVATARAI PREMIUM GLASS -->\r\n\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 \u2014 PREMIUM DIGITAL GLASS | Gotowy blok do Elementor HTML -->\r\n<style>\r\n\/* WEBAVATARAI \u2014 PREMIUM DIGITAL GLASS *\/\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  background: linear-gradient(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  box-shadow: 0 0 20px rgba(30,120,255,.20), 0 20px 45px rgba(0,0,0,.35);\r\n  animation: waDigitalGlow 5s ease-in-out infinite;\r\n}\r\n\/* CIEMNA SZKLANA POWIERZCHNIA *\/\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  background: linear-gradient(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  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 30px rgba(40,110,255,.05);\r\n}\r\n\/* REFLEKS \u015aWIAT\u0141A *\/\r\n#wa-digital-glass .wa-digital-inner::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(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  pointer-events: none;\r\n}\r\n#wa-digital-glass .wa-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\/* MA\u0141Y NAPIS *\/\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  text-shadow: 0 0 10px rgba(50,170,255,.65);\r\n}\r\n\/* NAG\u0141\u00d3WEK *\/\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  text-shadow: 0 0 8px rgba(140,200,255,.55), 0 0 24px rgba(40,130,255,.35);\r\n}\r\n\/* NIEBIESKI NEON *\/\r\n#wa-digital-glass .wa-neon {\r\n  color: #80caff;\r\n  text-shadow: 0 0 6px rgba(120,210,255,.9), 0 0 18px rgba(50,160,255,.8), 0 0 36px rgba(20,110,255,.5);\r\n}\r\n\/* LISTA KORZY\u015aCI *\/\r\n#wa-digital-glass .wa-benefits {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\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  border-radius: 12px;\r\n  background: rgba(255,255,255,.035);\r\n  border: 1px solid rgba(110,190,255,.12);\r\n  color: rgba(235,245,255,.9);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  transition: background .25s ease, border-color .25s ease, transform .25s ease;\r\n}\r\n\/* \u015aWIEC\u0104CE SYMBOLE *\/\r\n#wa-digital-glass .wa-icon {\r\n  color: #81d6ff;\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  text-shadow: 0 0 8px rgba(90,200,255,.9), 0 0 18px rgba(30,130,255,.55);\r\n}\r\n\/* HOVER *\/\r\n#wa-digital-glass .wa-benefit:hover {\r\n  transform: translateX(4px);\r\n  background: rgba(65,125,255,.10);\r\n  border-color: rgba(110,190,255,.45);\r\n}\r\n\/* DELIKATNE PULSOWANIE *\/\r\n@keyframes waDigitalGlow {\r\n  0%,100% {\r\n    box-shadow: 0 0 16px rgba(30,120,255,.18), 0 20px 45px rgba(0,0,0,.35);\r\n  }\r\n  50% {\r\n    box-shadow: 0 0 28px rgba(60,160,255,.38), 0 20px 45px rgba(0,0,0,.35);\r\n  }\r\n}\r\n\/* TELEFON *\/\r\n@media (max-width: 767px) {\r\n  #wa-digital-glass .wa-digital-inner { padding: 26px 20px; }\r\n  #wa-digital-glass h3 { font-size: clamp(28px,8vw,36px); }\r\n  #wa-digital-glass .wa-benefit { font-size: 13px; padding: 11px 12px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  #wa-digital-glass { animation: none; }\r\n  #wa-digital-glass .wa-benefit { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wa-digital-glass\">\r\n  <div class=\"wa-digital-inner\">\r\n    <div class=\"wa-content\">\r\n      <div class=\"wa-label\">\u2726 WHAT WE ADD<\/div>\r\n      <h3>\r\n        SLIMME<br>\r\n        <span class=\"wa-neon\">DIGITAL POWER<\/span>\r\n      <\/h3>\r\n      <div class=\"wa-benefits\">\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\" aria-hidden=\"true\">\u2726<\/span>\r\n          <span>Interactive 3D elements<\/span>\r\n        <\/div>\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\" aria-hidden=\"true\">\u2726<\/span>\r\n          <span>Premium visual appearance<\/span>\r\n        <\/div>\r\n        <div class=\"wa-benefit\">\r\n          <span class=\"wa-icon\" aria-hidden=\"true\">\u2726<\/span>\r\n          <span>Fast and modern websites<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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 \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 smart 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 \/ INNOVATION STUDIO\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<\/span>\r\n      <span class=\"wa-creative-blue\">SLIMME<\/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      Innovation that makes an impression.\r\n    <\/h3>\r\n\r\n    <!-- TEKST -->\r\n\r\n    <p>\r\n      At WebAvatarAI, we combine creativity\r\n      with smart technology. We design\r\n      Modern, responsive websites that fit\r\n      for your brand and goals.\r\n    <\/p>\r\n\r\n    <p>\r\n      Met interactieve 3D-elementen, sterke\r\n      visuele content en moderne digitale\r\n      oplossingen cre\u00ebren we digitale ervaringen\r\n      die indruk maken en jouw bedrijf\r\n      helpen groeien.\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        Personalized custom design\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 experience\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        Smart 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 CREATIVE PREMIUM -->\r\n\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 \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=\"What can we do for you\">\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        WHAT WE CAN DO\r\n      <\/span>\r\n\r\n      <span class=\"wa-heading-second\">\r\n        BEFORE YOU SIGN UP\r\n      <\/span>\r\n    <\/h2>\r\n\r\n    <!-- OPIS -->\r\n\r\n    <p class=\"wa-heading-description\">\r\n      Van moderne websites en interactieve\r\n      3D-ervaringen tot professionele animaties\r\n      en visuele promotie. Wij helpen jouw\r\n      bedrijf met creatieve digitale\r\n      oplossingen die opvallen, vertrouwen\r\n      wekken en resultaat opleveren.\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 JS lub 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 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 \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 \/ WEB DESIGN<\/span>\r\n      <\/div>\r\n\r\n      <h3>PREMIUM WEBSITE<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        We design modern, responsive websites that perfectly suit your business. With a unique design, smart functionality and a professional appearance, we ensure a strong online presence.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- 02 \u2014 PRAWA G\u00d3RNA -->\r\n    <!-- WORDPRESS MODERNISERING -->\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 \/ WEBSITE MODERNISERING<\/span>\r\n      <\/div>\r\n\r\n      <h3>WORDPRESS<br>MODERNISERING<\/h3>\r\n\r\n      <div class=\"wa-service-line\"><\/div>\r\n\r\n      <p>\r\n        Heeft jouw bestaande WordPress-website\r\n        een nieuwe uitstraling nodig?\r\n        Wij moderniseren het ontwerp en voegen\r\n        waar passend interactieve 3D-elementen\r\n        en vloeiende animaties toe.\r\n        Zo krijgt jouw website een moderne,\r\n        professionele uitstraling die\r\n        aansluit bij jouw onderneming.\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 EXPERIENCES<\/span>\r\n      <\/div>\r\n\r\n      <h3>INTERACTIVE &amp;<br>3D ANIMATION<\/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 elements\r\n        3D elements, smooth animations and\r\n        Impressive visual effects.\r\n        We create unique digital experiences\r\n        that surprise your visitors and yours\r\n        distinguish brands.\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 visual content for social media. We help your brand stand out with creative solutions that powerfully convey your message.\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  \/* W edytorze Elementor\r\n     wszystkie karty pozostaj\u0105 widoczne. *\/\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  \/* Zabezpieczenie przed\r\n     ponown\u0105 inicjalizacj\u0105 *\/\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  \/* 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 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 \u2014 MASTER PREMIUM SECTIONS\r\n EEN UNIEKE UITSTRALING + CONTACT CTA\r\n LEFT \/ RIGHT SLIDE ENTRANCE\r\n ============================================= -->\r\n\r\n<section id=\"wa-final-sections\" aria-label=\"Customization 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        CUSTOMIZATION \/ WEBAVATARAI\r\n      <\/div>\r\n\r\n      <h2 class=\"wa-final-title\">\r\n        A UNIQUE 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 fits it. With creative design, interactive 3D elements and modern animations, we create a digital presence that sets your brand apart.\r\n      <\/p>\r\n\r\n      <p>\r\n        From restaurants and hotels to real estate agents\r\n        and other entrepreneurs: we adapt it\r\n        design completely tailored to your industry,\r\n        wishes and goals.\r\n      <\/p>\r\n\r\n      <div class=\"wa-final-features\">\r\n        <span>\u2726 Creative customization<\/span>\r\n        <span>\u2726 Interactive 3D<\/span>\r\n        <span>\u2726 Unique brand experience<\/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 TO GO ONLINE\r\n        <span>MAKE AN IMPRESSION?<\/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        Laat jouw bedrijf groeien met een\r\n        professionele website, indrukwekkende\r\n        3D-elementen en vloeiende animaties.\r\n        Samen cre\u00ebren we een unieke digitale\r\n        ervaring die jouw merk onderscheidt.\r\n      <\/p>\r\n\r\n      <a class=\"wa-final-button\"\r\n         href=\"https:\/\/webavatarai.com\/en\/contact\/\">\r\n\r\n        <span>GET IN TOUCH<\/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 MASTER PREMIUM -->\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<!-- WEBAVATARAI \u2014 MASTER FOOTER 3D -->\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    <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.com\/wp-content\/uploads\/2026\/10\/Petla-wwwavatar.mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <!-- TRZY KOLUMNY -->\r\n\r\n  <div class=\"wa-footer-container\">\r\n\r\n    <!-- NAWIGACJA -->\r\n\r\n    <nav class=\"wa-footer-navigation\"\r\n         aria-label=\"Footnote navigation\">\r\n\r\n      <h3>NAVIGATION<\/h3>\r\n\r\n      <ul>\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/en\/\">\r\n            Home\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/en\/over-ons-diensten\/\">\r\n            About us &amp; Services\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/en\/prijzen\/\">\r\n            Prices\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/en\/3d-bibliotheek\/\">\r\n            3D Library\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/en\/contact\/\">\r\n            Contact\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n    <\/nav>\r\n\r\n    <!-- INTERAKTYWNE LOGO 3D -->\r\n\r\n    <div class=\"wa-footer-center\">\r\n\r\n      <div class=\"wa-footer-cube\">\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.com\/wp-content\/uploads\/3d\/wa-3d-cube-loop-final1.mp4\"\r\n          aria-hidden=\"true\">\r\n        <\/video>\r\n\r\n        <model-viewer\r\n          class=\"wa-footer-logo\"\r\n          data-src=\"https:\/\/webavatarai.com\/wp-content\/uploads\/3d\/WA.glb\"\r\n          camera-controls\r\n auto-rotate\r\n rotation-per-second=\"12deg\"\r\n          interaction-prompt=\"none\"\r\n          disable-zoom\r\n shadow-intensity=\"0\"\r\n          tone-mapping=\"neutral\"\r\n          loading=\"lazy\"\r\n          alt=\"Interactief 3D-logo van WebAvatarAI\">\r\n        <\/model-viewer>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"wa-footer-brand\">\r\n        WEB<span>AVATAR<\/span>AI\r\n      <\/div>\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    <!-- KONTAKT -->\r\n\r\n    <div class=\"wa-footer-contact\">\r\n\r\n      <h3>CONTACT<\/h3>\r\n\r\n      <h4>\r\n        Create something special together?\r\n      <\/h4>\r\n\r\n      <p>\r\n        Moderne websites en interactieve\r\n        3D-ervaringen, ontworpen voor\r\n        jouw onderneming.\r\n      <\/p>\r\n\r\n      <p>\r\n        Tell us about your idea.\r\n        We would be happy to work with you.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/webavatarai.com\/en\/contact\/\"\r\n        class=\"wa-footer-contact-button\">\r\n        Contact us\r\n        <span aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\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 Websites \u00b7 3D \u00b7 Animatie\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\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<style>\r\n\r\n\/* G\u0141\u00d3WNY FOOTER *\/\r\n\r\n.wa-master-footer {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 450px;\r\n  overflow: hidden;\r\n  background: #020814;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  padding: 55px 30px 22px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wa-master-footer *,\r\n.wa-master-footer *::before,\r\n.wa-master-footer *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ANIMOWANA FALA *\/\r\n\r\n.wa-footer-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.wa-footer-wave {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center center;\r\n  display: block;\r\n  filter: none;\r\n  opacity: 1;\r\n}\r\n\r\n\/* TRZY KOLUMNY *\/\r\n\r\n.wa-footer-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(250px, 320px)\r\n    minmax(0, 1fr);\r\n  column-gap: 55px;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* NAG\u0141\u00d3WKI *\/\r\n\r\n.wa-master-footer h3 {\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 2px;\r\n  color: #65d5ff;\r\n  margin: 0 0 24px;\r\n  text-shadow:\r\n    0 0 12px rgba(0,120,255,.4);\r\n}\r\n\r\n\/* NAWIGACJA *\/\r\n\r\n.wa-footer-navigation {\r\n  min-width: 0;\r\n}\r\n\r\n.wa-footer-navigation ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.wa-footer-navigation li {\r\n  margin: 0 0 16px;\r\n  padding: 0;\r\n}\r\n\r\n.wa-footer-navigation a {\r\n  display: inline-block;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  text-decoration: none;\r\n  text-shadow:\r\n    0 2px 10px rgba(0,0,0,.65);\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s ease,\r\n    text-shadow .3s ease;\r\n}\r\n\r\n.wa-footer-navigation a:hover {\r\n  color: #60d9ff;\r\n  transform: translateX(5px);\r\n  text-shadow:\r\n    0 0 15px rgba(0,180,255,.65);\r\n}\r\n\r\n\/* \u015aRODEK 3D *\/\r\n\r\n.wa-footer-center {\r\n  width: 100%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.wa-footer-cube {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 300px;\r\n  aspect-ratio: 1 \/ 1;\r\n  background: #020814;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  box-shadow:\r\n    0 0 22px rgba(0,125,255,.22),\r\n    0 0 45px rgba(0,90,255,.12);\r\n}\r\n\r\n\/* WIDEO KOSTKI *\/\r\n\r\n.wa-footer-cube-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  z-index: 1;\r\n  display: block;\r\n  background: #020814;\r\n}\r\n\r\n\/* INTERAKTYWNE LOGO *\/\r\n\r\n.wa-footer-logo {\r\n  position: absolute;\r\n  top: 15%;\r\n  left: 15%;\r\n  width: 70%;\r\n  height: 70%;\r\n  z-index: 2;\r\n  display: block;\r\n  background: transparent;\r\n  --poster-color: transparent;\r\n  outline: none;\r\n}\r\n\r\n\/* BRANDING *\/\r\n\r\n.wa-footer-brand {\r\n  margin-top: 19px;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 21px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: 1.8px;\r\n  text-shadow:\r\n    0 0 12px rgba(0,140,255,.65),\r\n    0 0 25px rgba(0,100,255,.3);\r\n}\r\n\r\n.wa-footer-brand span {\r\n  color: #52cfff;\r\n}\r\n\r\n.wa-footer-tagline {\r\n  margin: 8px 0 0;\r\n  color: #d6e9ff;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  letter-spacing: .3px;\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,.75);\r\n}\r\n\r\n\/* KONTAKT *\/\r\n\r\n.wa-footer-contact {\r\n  min-width: 0;\r\n}\r\n\r\n.wa-footer-contact h4 {\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.35;\r\n  letter-spacing: .2px;\r\n  margin: 0 0 18px;\r\n  text-transform: none;\r\n  text-shadow:\r\n    0 2px 12px rgba(0,0,0,.65);\r\n}\r\n\r\n.wa-footer-contact p {\r\n  color: #e1efff;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n  margin: 0 0 14px;\r\n  text-shadow:\r\n    0 2px 10px rgba(0,0,0,.75);\r\n}\r\n\r\n\/* PRZYCISK KONTAKT *\/\r\n\r\n.wa-footer-contact-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  margin-top: 14px;\r\n  padding: 13px 21px;\r\n  color: #ffffff !important;\r\n  background: rgba(0,105,255,.22);\r\n  border:\r\n    1px solid rgba(93,208,255,.65);\r\n  border-radius: 11px;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-decoration: none !important;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  box-shadow:\r\n    0 0 18px rgba(0,115,255,.2);\r\n  transition:\r\n    background .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.wa-footer-contact-button:hover {\r\n  color: #ffffff !important;\r\n  background: rgba(0,140,255,.38);\r\n  box-shadow:\r\n    0 0 25px rgba(0,145,255,.45);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.wa-footer-contact-button span {\r\n  font-size: 17px;\r\n}\r\n\r\n\/* DOLNY PASEK *\/\r\n\r\n.wa-footer-bottom {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 45px auto 0;\r\n  padding-top: 22px;\r\n  border-top:\r\n    1px solid rgba(160,210,255,.28);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 15px;\r\n  color: #d0e2f5;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,.7);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .wa-master-footer {\r\n    padding: 45px 25px 22px;\r\n  }\r\n\r\n  .wa-footer-container {\r\n    grid-template-columns: 1fr 1fr;\r\n    column-gap: 45px;\r\n    row-gap: 45px;\r\n  }\r\n\r\n  .wa-footer-center {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 1;\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n  }\r\n\r\n  .wa-footer-contact {\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n  }\r\n\r\n  .wa-footer-cube {\r\n    max-width: 280px;\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    padding: 38px 22px 20px;\r\n  }\r\n\r\n  .wa-footer-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 35px;\r\n  }\r\n\r\n  .wa-footer-center {\r\n    order: 1;\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n    order: 2;\r\n  }\r\n\r\n  .wa-footer-contact {\r\n    order: 3;\r\n  }\r\n\r\n  .wa-footer-cube {\r\n    max-width: 270px;\r\n    margin: 0 auto;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .wa-footer-brand {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .wa-footer-navigation h3,\r\n  .wa-footer-contact h3 {\r\n    font-size: 14px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .wa-footer-navigation li {\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .wa-footer-navigation a {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .wa-footer-contact h4 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .wa-footer-contact p {\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .wa-footer-bottom {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 8px;\r\n    margin-top: 35px;\r\n    font-size: 11px;\r\n  }\r\n\r\n}\r\n\r\n\/* OGRANICZENIE ANIMACJI *\/\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    transition: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- OPTYMALIZACJA \u0141ADOWANIA -->\r\n\r\n<script>\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  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  if (!wave || !cubeVideo || !logo) return;\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  let initialized = false;\r\n\r\n  function initializeScene() {\r\n\r\n    if (initialized) return;\r\n\r\n    initialized = true;\r\n\r\n    wave.src = wave.dataset.src;\r\n    cubeVideo.src = cubeVideo.dataset.src;\r\n\r\n    wave.muted = true;\r\n    cubeVideo.muted = true;\r\n\r\n    wave.load();\r\n    cubeVideo.load();\r\n\r\n    logo.setAttribute(\r\n      \"src\",\r\n      logo.dataset.src\r\n    );\r\n\r\n  }\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      promise.catch(function () {});\r\n    }\r\n\r\n  }\r\n\r\n  function updateScene(visible) {\r\n\r\n    if (visible) {\r\n\r\n      initializeScene();\r\n\r\n      if (!reducedMotion) {\r\n\r\n        safePlay(wave);\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      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  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        rootMargin: \"200px 0px\",\r\n        threshold: 0.01\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  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        wave.pause();\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          updateScene(true);\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 MASTER FOOTER 3D -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WEBAVATARAI \/ DIGITAL STUDIO OVER ONS &amp; DIENSTEN Creativiteit ontmoet technologie. Wij combineren creatief webdesign, interactieve 3D-elementen en vloeiende animaties om jouw bedrijf online sterker te presenteren. Van het eerste idee tot een unieke digitale ervaring. Samen brengen we jouw visie tot leven. \u2726 Creatief webdesign \u2726 Interactieve 3D \u2726 Professionele animaties \u2726 PREMIUM DIGITAAL [&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.com\/en\/wp-json\/wp\/v2\/pages\/548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/comments?post=548"}],"version-history":[{"count":135,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/pages\/548\/revisions"}],"predecessor-version":[{"id":1560,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/pages\/548\/revisions\/1560"}],"wp:attachment":[{"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/media?parent=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}