{"id":719,"date":"2026-10-14T11:32:52","date_gmt":"2026-10-14T11:32:52","guid":{"rendered":"https:\/\/webavatarai.com\/?page_id=719"},"modified":"2026-10-24T12:48:43","modified_gmt":"2026-10-24T12:48:43","slug":"prijzen","status":"publish","type":"page","link":"https:\/\/webavatarai.com\/en\/prijzen\/","title":{"rendered":"PRICING"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"719\" class=\"elementor elementor-719\">\n\t\t\t\t<div class=\"elementor-element elementor-element-405ee8d e-con e-atomic-element e-flexbox-base e-default-div e-262c6c6 \" data-id=\"405ee8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"405ee8d\">\n    <div class=\"elementor-element elementor-element-028c14d e-con e-atomic-element e-flexbox-base e-default-div e-5976134 \" data-id=\"028c14d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"028c14d\">\n    \t\t<div class=\"elementor-element elementor-element-4abb01e elementor-widget elementor-widget-html\" data-id=\"4abb01e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM \u2014 PRIJZEN\r\nPREMIUM HERO V3\r\nTRANSPARENT GLASS + BLUE NEON\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<style>\r\n\r\n.wai-prijzen-glass {\r\n  position: relative;\r\n  isolation: isolate;\r\n  container-type: inline-size;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: clamp(24px,3vw,40px);\r\n  border-radius: 25px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 80% 15%,\r\n      rgba(0,185,255,.19),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(58,126,190,.23),\r\n      rgba(8,28,61,.32)\r\n    );\r\n\r\n  border: 1px solid rgba(160,230,255,.62);\r\n\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n\r\n  box-shadow:\r\n    0 18px 50px rgba(0,0,0,.19),\r\n    inset 0 1px 0 rgba(255,255,255,.29),\r\n    0 0 30px rgba(0,175,255,.23);\r\n\r\n  font-family: 'Segoe UI',Arial,sans-serif;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wai-prijzen-glass *,\r\n.wai-prijzen-glass *::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* NIEBIESKA PO\u015aWIATA *\/\r\n\r\n.wai-prijzen-glass::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 310px;\r\n  height: 310px;\r\n  top: -130px;\r\n  right: -100px;\r\n  border-radius: 50%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(0,190,255,.30),\r\n    rgba(0,110,255,.10) 45%,\r\n    transparent 75%\r\n  );\r\n\r\n  filter: blur(12px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* PRZESUWAJ\u0104CY SI\u0118 REFLEKS *\/\r\n\r\n.wai-prijzen-glass::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -30%;\r\n  left: 0;\r\n  width: 35%;\r\n  height: 160%;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(185,235,255,.04),\r\n    rgba(225,250,255,.18),\r\n    rgba(185,235,255,.04),\r\n    transparent\r\n  );\r\n\r\n  transform: translateX(-350%) rotate(18deg);\r\n  filter: blur(9px);\r\n  animation: waiPrijzenHeroSweep 11s ease-in-out infinite;\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.wai-prijzen-glass > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* HOVER G\u0141\u00d3WNEGO SZK\u0141A *\/\r\n\r\n.wai-prijzen-glass:hover {\r\n  border-color: rgba(205,245,255,.92);\r\n\r\n  box-shadow:\r\n    0 22px 55px rgba(0,0,0,.23),\r\n    inset 0 1px 0 rgba(255,255,255,.36),\r\n    0 0 36px rgba(0,195,255,.38);\r\n}\r\n\r\n\/* MA\u0141Y NAG\u0141\u00d3WEK *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  margin-bottom: 26px;\r\n  padding: 9px 14px;\r\n  border-radius: 30px;\r\n\r\n  background: rgba(0,150,255,.17);\r\n  border: 1px solid rgba(150,230,255,.48);\r\n\r\n  color: #b8ecff !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: 1.4px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n\r\n  box-shadow: 0 0 17px rgba(0,165,255,.15);\r\n}\r\n\r\n\/* G\u0141\u00d3WNY NAG\u0141\u00d3WEK *\/\r\n\r\n.wai-prijzen-glass #wai-prijzen-heading {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n\r\n  margin: 0 0 30px !important;\r\n  padding: 0 !important;\r\n\r\n  font-family: 'Segoe UI',Arial,sans-serif !important;\r\n  font-size: clamp(18px,7.6cqw,43px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n  letter-spacing: -.7px !important;\r\n\r\n  color: #ffffff !important;\r\n  text-transform: none !important;\r\n  text-align: left !important;\r\n\r\n  overflow-wrap: normal !important;\r\n  word-break: normal !important;\r\n  hyphens: none !important;\r\n}\r\n\r\n\/* PREMIUM WEBSITES *\/\r\n\r\n.wai-prijzen-glass .wai-line-one {\r\n  display: block !important;\r\n  width: 100%;\r\n\r\n  color: #ffffff !important;\r\n  font-size: 1em !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n  white-space: nowrap !important;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(255,255,255,.38),\r\n    0 0 25px rgba(145,220,255,.24);\r\n}\r\n\r\n\/* TRANSPARANTE PRIJZEN *\/\r\n\r\n.wai-prijzen-glass .wai-line-two {\r\n  display: block !important;\r\n  width: 100%;\r\n\r\n  margin-top: 12px;\r\n\r\n  color: #a6eaff !important;\r\n  font-size: .96em !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n  white-space: nowrap !important;\r\n\r\n  text-shadow:\r\n    0 0 9px rgba(130,230,255,.83),\r\n    0 0 24px rgba(0,190,255,.58),\r\n    0 0 45px rgba(0,145,255,.29);\r\n}\r\n\r\n\/* TEKST *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-text {\r\n  margin: 0 0 32px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #edf7ff !important;\r\n  font-size: 16px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.85 !important;\r\n  text-transform: none !important;\r\n\r\n  text-shadow: 0 1px 5px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* PRZYCISK PREMIUM GLASS *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-button {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n\r\n  max-width: 100%;\r\n  min-height: 52px;\r\n  padding: 16px 23px;\r\n  border-radius: 13px;\r\n  overflow: hidden;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(115,220,255,.31),\r\n    rgba(0,150,255,.27),\r\n    rgba(30,100,200,.28)\r\n  );\r\n\r\n  border: 1px solid rgba(175,240,255,.91);\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  color: #ffffff !important;\r\n  font-size: 14px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.5 !important;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  text-transform: none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.38),\r\n    0 7px 20px rgba(0,45,110,.23),\r\n    0 0 21px rgba(0,195,255,.39),\r\n    0 0 42px rgba(0,145,255,.18);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\/* REFLEKS PRZYCISKU *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-button::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -45%;\r\n  width: 35%;\r\n  height: 100%;\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.32),\r\n    transparent\r\n  );\r\n\r\n  transition: left .55s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* HOVER PRZYCISKU *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-button:hover {\r\n  color: #ffffff !important;\r\n  transform: translateY(-3px);\r\n  border-color: #e2faff;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(145,235,255,.49),\r\n    rgba(0,175,255,.40),\r\n    rgba(40,125,225,.36)\r\n  );\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.49),\r\n    0 10px 26px rgba(0,50,115,.27),\r\n    0 0 27px rgba(0,205,255,.59),\r\n    0 0 53px rgba(0,155,255,.31);\r\n}\r\n\r\n.wai-prijzen-glass .wai-prijzen-button:hover::before {\r\n  left: 120%;\r\n}\r\n\r\n.wai-prijzen-glass .wai-prijzen-button:focus-visible {\r\n  outline: 3px solid #b8f1ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* STRZA\u0141KA *\/\r\n\r\n.wai-prijzen-glass .wai-prijzen-arrow {\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  color: #c7f4ff;\r\n}\r\n\r\n\/* ANIMACJA *\/\r\n\r\n@keyframes waiPrijzenHeroSweep {\r\n  0%,12% {\r\n    transform: translateX(-350%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n  22% { opacity: .65; }\r\n  55% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: .7;\r\n  }\r\n  70%,100% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* TELEFONY *\/\r\n\r\n@media (max-width:767px) {\r\n  .wai-prijzen-glass {\r\n    padding: 25px 18px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-prijzen-glass #wai-prijzen-heading {\r\n    font-size: clamp(16px,7cqw,35px) !important;\r\n  }\r\n\r\n  .wai-prijzen-glass .wai-prijzen-label {\r\n    font-size: 10px !important;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .wai-prijzen-glass .wai-prijzen-text {\r\n    font-size: 14px !important;\r\n    line-height: 1.75 !important;\r\n  }\r\n\r\n  .wai-prijzen-glass .wai-prijzen-button {\r\n    width: 100%;\r\n    padding: 16px 13px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n  .wai-prijzen-glass::after {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-prijzen-glass,\r\n  .wai-prijzen-glass .wai-prijzen-button,\r\n  .wai-prijzen-glass .wai-prijzen-button::before {\r\n    transition: none !important;\r\n  }\r\n\r\n  .wai-prijzen-glass .wai-prijzen-button:hover {\r\n    transform: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nPREMIUM HERO \u2014 PRIJZEN\r\n========================================== -->\r\n\r\n<section\r\n  class=\"wai-prijzen-glass\"\r\n  aria-labelledby=\"wai-prijzen-heading\">\r\n\r\n  <div class=\"wai-prijzen-label\">\r\n    WEBAVATARAI \u00b7 ONZE PRIJZEN\r\n  <\/div>\r\n\r\n  <h1 id=\"wai-prijzen-heading\">\r\n\r\n    <span class=\"wai-line-one\">\r\n      Premium websites\r\n    <\/span>\r\n\r\n    <span class=\"wai-line-two\">\r\n      Transparante prijzen\r\n    <\/span>\r\n\r\n  <\/h1>\r\n\r\n  <p class=\"wai-prijzen-text\">\r\n    Van stijlvolle websites met indrukwekkende\r\n    3D-effecten tot interactieve digitale\r\n    ervaringen met professionele animaties.\r\n\r\n    <br><br>\r\n\r\n    Ontdek onze pakketten en kies de oplossing\r\n    die perfect aansluit bij jouw onderneming.\r\n  <\/p>\r\n\r\n  <a\r\n    class=\"wai-prijzen-button\"\r\n    href=\"#prijzen-pakketten\">\r\n\r\n    Bekijk onze pakketten\r\n\r\n    <span class=\"wai-prijzen-arrow\" aria-hidden=\"true\">\r\n      \u2192\r\n    <\/span>\r\n\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n<!-- EINDE PRIJZEN PREMIUM HERO V3 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e64b132 e-con e-atomic-element e-flexbox-base e-default-div e-3334f8f \" data-id=\"e64b132\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e64b132\">\n    \t\t<div class=\"elementor-element elementor-element-da0da1c elementor-widget elementor-widget-html\" data-id=\"da0da1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM \u2014 PRIJZEN\r\nPREMIUM DIENSTEN V6\r\n3 FLOATING GLASS CARDS\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<style>\r\n\r\n\/* GLOW GLASS BACKGROUND *\/\r\n\r\n.wai-prijzen-v2 {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-width: 0;\r\n  box-sizing: border-box;\r\n  padding: 32px 22px;\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 20% 18%,\r\n      rgba(25,155,255,.30),\r\n      transparent 60%\r\n    ),\r\n    radial-gradient(\r\n      ellipse at 83% 78%,\r\n      rgba(0,195,255,.24),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(17,45,82,.76),\r\n      rgba(5,17,38,.67)\r\n    );\r\n\r\n  border: 1px solid rgba(145,225,255,.54);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    0 18px 48px rgba(0,0,0,.22),\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    0 0 36px rgba(0,160,255,.22);\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n}\r\n\r\n.wai-prijzen-v2 *,\r\n.wai-prijzen-v2 *::before,\r\n.wai-prijzen-v2 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ANIMATED BACKGROUND GLOW *\/\r\n\r\n.wai-prijzen-v2::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 90%;\r\n  height: 70%;\r\n  top: 15%;\r\n  left: 5%;\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse,\r\n      rgba(0,180,255,.29),\r\n      rgba(0,110,255,.10) 50%,\r\n      transparent 75%\r\n    );\r\n\r\n  filter: blur(30px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n\r\n  animation:\r\n    waiV6Aura 10s ease-in-out infinite;\r\n}\r\n\r\n\/* MAIN STACK *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-stack {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 26px;\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n\/* PREMIUM GLASS CARDS *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-card {\r\n  position: relative;\r\n  width: 94%;\r\n  max-width: 520px;\r\n  min-width: 0;\r\n\r\n  padding: 27px 25px;\r\n  border-radius: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(105,200,255,.25),\r\n      rgba(28,95,170,.18) 52%,\r\n      rgba(8,30,68,.39)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(165,230,255,.65);\r\n\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n\r\n  box-shadow:\r\n    0 14px 38px rgba(0,0,0,.24),\r\n    inset 0 1px 0 rgba(255,255,255,.28),\r\n    0 0 24px rgba(0,175,255,.20);\r\n\r\n  animation:\r\n    waiV6Float 6s ease-in-out infinite;\r\n\r\n  transition:\r\n    background .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\/* GLASS REFLECTION *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 12%;\r\n  width: 76%;\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(225,250,255,.85),\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* STAGGERED POSITIONS *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-card-one {\r\n  align-self: flex-start;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.wai-prijzen-v2 .wai-v2-card-two {\r\n  align-self: flex-end;\r\n  animation-delay: -2s;\r\n}\r\n\r\n.wai-prijzen-v2 .wai-v2-card-three {\r\n  align-self: flex-start;\r\n  margin-left: 3%;\r\n  animation-delay: -4s;\r\n}\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-card:hover {\r\n  border-color: rgba(205,247,255,.95);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(115,215,255,.32),\r\n      rgba(30,110,205,.23),\r\n      rgba(10,43,95,.43)\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(0,0,0,.27),\r\n    inset 0 1px 0 rgba(255,255,255,.36),\r\n    0 0 30px rgba(0,195,255,.42),\r\n    0 0 55px rgba(0,145,255,.20);\r\n}\r\n\r\n\/* CATEGORY LABEL *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  margin-bottom: 17px;\r\n  padding: 9px 15px;\r\n  border-radius: 30px;\r\n\r\n  background: rgba(0,155,255,.25);\r\n  border: 1px solid rgba(150,230,255,.62);\r\n\r\n  color: #cbf3ff !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: 1.1px !important;\r\n  line-height: 1.5 !important;\r\n  text-transform: uppercase !important;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.17),\r\n    0 0 17px rgba(0,170,255,.22);\r\n}\r\n\r\n\/* LARGE TITLES *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-title {\r\n  display: block;\r\n  width: 100%;\r\n  margin: 0 0 16px !important;\r\n  padding: 0 !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 27px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n  letter-spacing: -.5px !important;\r\n\r\n  color: #ffffff !important;\r\n  text-transform: none !important;\r\n\r\n  word-break: normal !important;\r\n  overflow-wrap: break-word !important;\r\n\r\n  text-shadow:\r\n    0 2px 5px rgba(0,0,0,.30),\r\n    0 0 17px rgba(225,245,255,.26),\r\n    0 0 30px rgba(0,170,255,.22);\r\n}\r\n\r\n\/* LARGER DESCRIPTION TEXT *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-text {\r\n  margin: 0 !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.75 !important;\r\n\r\n  color: #edf7ff !important;\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 1px 5px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* PREMIUM NEON GLASS BUTTONS *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  width: auto;\r\n  max-width: 100%;\r\n  min-height: 49px;\r\n\r\n  margin-top: 24px;\r\n  padding: 14px 18px;\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(100,215,255,.31),\r\n      rgba(0,145,255,.26),\r\n      rgba(30,100,200,.28)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(175,239,255,.93);\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  color: #ffffff !important;\r\n  font-size: 14px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.37),\r\n    inset 0 -1px 0 rgba(0,100,190,.30),\r\n    0 6px 18px rgba(0,45,110,.24),\r\n    0 0 19px rgba(0,195,255,.37),\r\n    0 0 38px rgba(0,145,255,.20);\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(150,235,255,.40);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\/* BUTTON LIGHT SWEEP *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight::before {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: -45%;\r\n\r\n  width: 35%;\r\n  height: 100%;\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.30),\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n  transition: left .55s ease;\r\n}\r\n\r\n\/* STRONG GLOW ON HOVER *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight:hover {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(125,230,255,.49),\r\n      rgba(0,170,255,.41),\r\n      rgba(40,125,225,.38)\r\n    );\r\n\r\n  border-color: #e2faff;\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.50),\r\n    0 9px 24px rgba(0,50,115,.28),\r\n    0 0 25px rgba(0,205,255,.58),\r\n    0 0 52px rgba(0,155,255,.33);\r\n}\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight:hover::before {\r\n  left: 120%;\r\n}\r\n\r\n\/* KEYBOARD FOCUS *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight:focus-visible {\r\n  outline: 3px solid #b8f1ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* BUTTON ARROW *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-arrow {\r\n  display: inline-block;\r\n  flex-shrink: 0;\r\n  font-size: 19px;\r\n  line-height: 1;\r\n  color: #cbf5ff;\r\n\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.wai-prijzen-v2 .wai-v2-highlight:hover .wai-v2-arrow {\r\n  transform: translate(2px,-2px);\r\n}\r\n\r\n\/* BOTTOM BRAND *\/\r\n\r\n.wai-prijzen-v2 .wai-v2-brand {\r\n  position: relative;\r\n  z-index: 2;\r\n  align-self: center;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n\r\n  max-width: 100%;\r\n  margin-top: 7px;\r\n  padding: 13px 21px;\r\n  border-radius: 30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(30,90,160,.60),\r\n      rgba(5,25,52,.65)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,225,255,.55);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.18),\r\n    0 0 27px rgba(0,175,255,.24);\r\n\r\n  color: #ffffff !important;\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.wai-prijzen-v2 .wai-v2-brand span {\r\n  color: #9de7ff !important;\r\n\r\n  text-shadow:\r\n    0 0 13px rgba(0,190,255,.55);\r\n}\r\n\r\n\/* FLOAT ANIMATION *\/\r\n\r\n@keyframes waiV6Float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-7px);\r\n  }\r\n}\r\n\r\n\/* BACKGROUND GLOW ANIMATION *\/\r\n\r\n@keyframes waiV6Aura {\r\n  0%, 100% {\r\n    opacity: .65;\r\n    transform: scale(1);\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width:1024px) {\r\n  .wai-prijzen-v2 {\r\n    padding: 27px 18px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-card {\r\n    width: 94%;\r\n    padding: 24px 20px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-title {\r\n    font-size: 25px !important;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-text {\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width:767px) {\r\n  .wai-prijzen-v2 {\r\n    padding: 22px 13px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-stack {\r\n    gap: 23px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-card {\r\n    width: 97%;\r\n    max-width: none;\r\n    padding: 22px 17px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-card-one {\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-card-two {\r\n    align-self: flex-end;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-card-three {\r\n    align-self: flex-start;\r\n    margin-left: 0;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-label {\r\n    font-size: 11px !important;\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-title {\r\n    font-size: 23px !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-text {\r\n    font-size: 15px !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-highlight {\r\n    font-size: 13px !important;\r\n    padding: 13px 14px;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-brand {\r\n    font-size: 13px !important;\r\n    padding: 12px 16px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n  .wai-prijzen-v2::before,\r\n  .wai-prijzen-v2 .wai-v2-card {\r\n    animation: none !important;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-highlight,\r\n  .wai-prijzen-v2 .wai-v2-highlight::before,\r\n  .wai-prijzen-v2 .wai-v2-arrow {\r\n    transition: none !important;\r\n  }\r\n\r\n  .wai-prijzen-v2 .wai-v2-highlight:hover,\r\n  .wai-prijzen-v2 .wai-v2-highlight:hover .wai-v2-arrow {\r\n    transform: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nTHREE PREMIUM GLASS CARDS\r\n========================================== -->\r\n\r\n<section\r\n  class=\"wai-prijzen-v2\"\r\n  aria-label=\"WebAvatarAI premium diensten\">\r\n\r\n  <div class=\"wai-v2-stack\">\r\n\r\n    <!-- CARD 1 \u2014 3D WEBSITES -->\r\n\r\n    <article class=\"wai-v2-card wai-v2-card-one\">\r\n\r\n      <div class=\"wai-v2-label\">\r\n        WEB DESIGN\r\n      <\/div>\r\n\r\n      <h3 class=\"wai-v2-title\">\r\n        3D websites\r\n      <\/h3>\r\n\r\n      <p class=\"wai-v2-text\">\r\n        Moderne websites met subtiele beweging\r\n        en een premium uitstraling.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"wai-v2-highlight\"\r\n        href=\"https:\/\/webavatarai.com\/3d-bibliotheek\/\"\r\n        aria-label=\"Bekijk onze 3D-voorbeelden\">\r\n\r\n        Bekijk 3D-voorbeelden\r\n\r\n        <span class=\"wai-v2-arrow\" aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- CARD 2 \u2014 WORDPRESS MODERNISERING -->\r\n\r\n    <article class=\"wai-v2-card wai-v2-card-two\">\r\n\r\n      <div class=\"wai-v2-label\">\r\n        WEBSITE UPGRADE\r\n      <\/div>\r\n\r\n      <h3 class=\"wai-v2-title\">\r\n        WordPress modernisering\r\n      <\/h3>\r\n\r\n      <p class=\"wai-v2-text\">\r\n        Geef je bestaande WordPress-website\r\n        een moderne uitstraling met\r\n        interactieve 3D-elementen\r\n        en stijlvolle animaties.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"wai-v2-highlight\"\r\n        href=\"https:\/\/webavatarai.com\/contact\/\"\r\n        aria-label=\"Vraag WordPress modernisering aan\">\r\n\r\n        Website vernieuwen\r\n\r\n        <span class=\"wai-v2-arrow\" aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- CARD 3 \u2014 MEERTALIG -->\r\n\r\n    <article class=\"wai-v2-card wai-v2-card-three\">\r\n\r\n      <div class=\"wai-v2-label\">\r\n        EXTRA\r\n      <\/div>\r\n\r\n      <h3 class=\"wai-v2-title\">\r\n        Meertalig\r\n      <\/h3>\r\n\r\n      <p class=\"wai-v2-text\">\r\n        Bereik meer klanten met\r\n        een professionele website\r\n        in meerdere talen.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"wai-v2-highlight\"\r\n        href=\"https:\/\/webavatarai.com\/contact\/\"\r\n        aria-label=\"Vraag een meertalige website aan\">\r\n\r\n        Meertalige website aanvragen\r\n\r\n        <span class=\"wai-v2-arrow\" aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- BRAND -->\r\n\r\n    <div class=\"wai-v2-brand\">\r\n      WebAvatarAI <span>Premium<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================\r\nEND WEBAVATARAI PREMIUM DIENSTEN V6\r\n========================================== -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-4779e1b e-con e-atomic-element e-flexbox-base e-default-div e-73c5e45 \" data-id=\"4779e1b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4779e1b\">\n    \t\t<div class=\"elementor-element elementor-element-bb53865 elementor-widget elementor-widget-html\" data-id=\"bb53865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM\r\nBUSINESS STARTER \u2014 \u20ac300 EXCL. BTW\r\nPREMIUM GLASS \/ NEON PRICE EDITION\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<div\r\n  id=\"prijzen-pakketten\"\r\n  style=\"scroll-margin-top:100px;\">\r\n<\/div>\r\n\r\n<section id=\"wa-starter-nl\">\r\n\r\n  <!-- LINKERKOLOM -->\r\n\r\n  <div class=\"ws-left\">\r\n\r\n    <div class=\"ws-label\">\r\n      WEBAVATARAI \u00b7 STARTERSPAKKET\r\n    <\/div>\r\n\r\n    <h2>\r\n      BUSINESS <span>STARTER<\/span>\r\n    <\/h2>\r\n\r\n    <h3>\r\n      Een professionele start voor jouw bedrijf.\r\n    <\/h3>\r\n\r\n    <p class=\"ws-intro\">\r\n      Een moderne en professionele website\r\n      voor ondernemers die op een aantrekkelijke\r\n      en betaalbare manier online zichtbaar\r\n      willen worden.\r\n\r\n      Een sterke basis die samen met jouw\r\n      onderneming verder kan groeien.\r\n    <\/p>\r\n\r\n    <!-- PAKKETINHOUD -->\r\n\r\n    <div class=\"ws-features\">\r\n\r\n      <p>\r\n        \u2713 3 pagina's: Home,\r\n        Over ons en Diensten, Contact\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Modern en responsive ontwerp\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Geanimeerd hero-design\r\n        met jouw eigen roterende 3D-bedrijfslogo\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Gepersonaliseerde footer\r\n        met jouw bedrijfslogo\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Stijlvolle foto's\r\n        of naadloos herhalende videoloops\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Geschikt voor smartphones,\r\n        tablets en computers\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Werkende navigatie\r\n        en contactknoppen\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Contactformulier gekoppeld\r\n        aan jouw e-mailadres\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 Basis SEO-instellingen:\r\n        paginatitels en metabeschrijvingen\r\n      <\/p>\r\n\r\n      <p>\r\n        \u2713 E\u00e9n correctieronde inbegrepen\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- UITBREIDINGEN -->\r\n\r\n    <div class=\"ws-upgrade\">\r\n\r\n      <strong>\r\n        + Klein beginnen.\r\n        Groots doorgroeien.\r\n      <\/strong>\r\n\r\n      <p>\r\n        Breid jouw website later eenvoudig\r\n        uit met extra pagina's,\r\n        aanvullende 3D-animaties,\r\n        unieke 3D-projecten,\r\n        premium animaties\r\n        of extra talen.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ======================================\r\n       RECHTERKOLOM\r\n       TRANSPARENT PREMIUM GLASS\r\n  ======================================= -->\r\n\r\n  <div class=\"ws-right\">\r\n\r\n    <div class=\"ws-package\">\r\n      BUSINESS STARTER\r\n    <\/div>\r\n\r\n    <!-- 3D NEON PRICE -->\r\n\r\n    <div class=\"ws-price\">\r\n      \u20ac300\r\n    <\/div>\r\n\r\n    <div class=\"ws-tax\">\r\n      Eenmalig \u00b7 excl. btw\r\n    <\/div>\r\n\r\n    <div class=\"ws-divider\"><\/div>\r\n\r\n    <p class=\"ws-price-text\">\r\n      Jouw professionele website.\r\n\r\n      Met een geanimeerd hero-design,\r\n      een eigen roterend 3D-logo\r\n      en een footer op maat.\r\n    <\/p>\r\n\r\n    <!-- PREMIUM GLASS BUTTON -->\r\n\r\n    <a\r\n      href=\"https:\/\/webavatarai.com\/contact\/\"\r\n      class=\"ws-button\"\r\n      aria-label=\"Business Starter aanvragen\">\r\n\r\n      <span class=\"ws-button-text\">\r\n        STARTER AANVRAGEN\r\n      <\/span>\r\n\r\n      <span class=\"ws-button-arrow\" aria-hidden=\"true\">\r\n        \u2197\r\n      <\/span>\r\n\r\n    <\/a>\r\n\r\n    <small>\r\n      Professioneel \u00b7 Betaalbaar \u00b7 Flexibel\r\n    <\/small>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ONDERSTE BALK -->\r\n\r\n  <div class=\"ws-bottom\">\r\n\r\n    <span>\r\n      Een sterke start voor jouw onderneming.\r\n    <\/span>\r\n\r\n    <span>\r\n      Hosting, domeinnaam en uitgebreide\r\n      3D-projecten zijn niet inbegrepen.\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN GLASS CONTAINER\r\n========================================== *\/\r\n\r\n#wa-starter-nl {\r\n\r\n  width: 100%;\r\n  max-width: 1400px;\r\n\r\n  margin: 0 auto;\r\n  padding: 38px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.5fr 1fr;\r\n  gap: 38px;\r\n\r\n  align-items: center;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n\r\n  border-radius: 24px;\r\n\r\n  \/* TRANSPARENT GLASS BACKGROUND *\/\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 85% 15%,\r\n      rgba(0,150,255,.13),\r\n      transparent 65%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(7,23,43,.46),\r\n      rgba(2,9,21,.24)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(90,190,255,.35);\r\n\r\n  -webkit-backdrop-filter: blur(4px);\r\n  backdrop-filter: blur(4px);\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(0,0,0,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.11),\r\n    0 0 30px rgba(0,130,255,.12);\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n}\r\n\r\n#wa-starter-nl * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ==========================================\r\n   LEFT COLUMN\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-left {\r\n  min-width: 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#wa-starter-nl .ws-label {\r\n\r\n  color: #6dd8ff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#wa-starter-nl h2 {\r\n\r\n  font-size: clamp(28px,3.5vw,44px);\r\n\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n\r\n  color: #ffffff;\r\n\r\n  margin: 0 0 14px;\r\n}\r\n\r\n#wa-starter-nl h2 span {\r\n  color: #64d6ff;\r\n}\r\n\r\n#wa-starter-nl h3 {\r\n\r\n  font-size: 19px;\r\n  line-height: 1.4;\r\n  font-weight: 600;\r\n\r\n  color: #ffffff;\r\n\r\n  margin: 0 0 20px;\r\n}\r\n\r\n#wa-starter-nl .ws-intro {\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n\r\n  color: #d5e6f5;\r\n\r\n  margin: 0 0 24px;\r\n  max-width: 620px;\r\n\r\n  white-space: pre-line;\r\n}\r\n\r\n\/* ==========================================\r\n   FEATURES\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-features {\r\n\r\n  display: grid;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 25px;\r\n}\r\n\r\n#wa-starter-nl .ws-features p {\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n\r\n  color: #e8f5ff;\r\n}\r\n\r\n\/* ==========================================\r\n   UPGRADE BOX\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-upgrade {\r\n\r\n  border-left: 3px solid #55cbff;\r\n\r\n  background: rgba(0,110,255,.10);\r\n\r\n  padding: 16px 20px;\r\n\r\n  border-radius: 0 12px 12px 0;\r\n\r\n  -webkit-backdrop-filter: blur(6px);\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n#wa-starter-nl .ws-upgrade strong {\r\n\r\n  color: #76ddff;\r\n  font-size: 14px;\r\n}\r\n\r\n#wa-starter-nl .ws-upgrade p {\r\n\r\n  color: #dbeeff;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n\r\n  margin: 8px 0 0;\r\n}\r\n\r\n\/* ==========================================\r\n   RIGHT COLUMN\r\n   PREMIUM TRANSPARENT GLASS\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-right {\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  min-width: 0;\r\n\r\n  text-align: center;\r\n  padding: 42px 28px;\r\n\r\n  border-radius: 22px;\r\n\r\n  overflow: hidden;\r\n\r\n  \/* LIGHT TRANSPARENT GLASS *\/\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(56,142,218,.18),\r\n      rgba(5,25,52,.13) 55%,\r\n      rgba(12,48,92,.20)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(132,220,255,.52);\r\n\r\n  -webkit-backdrop-filter: blur(5px);\r\n  backdrop-filter: blur(5px);\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(0,0,0,.15),\r\n    inset 0 1px 0 rgba(255,255,255,.28),\r\n    inset 0 0 28px rgba(60,170,255,.08),\r\n    0 0 20px rgba(0,170,255,.18),\r\n    0 0 48px rgba(0,125,255,.08);\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\/* SOFT BLUE AMBIENT LIGHT *\/\r\n\r\n#wa-starter-nl .ws-right::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  top: -145px;\r\n  right: -135px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(55,202,255,.22),\r\n      transparent 72%\r\n    );\r\n\r\n  filter: blur(15px);\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: 0;\r\n}\r\n\r\n\/* TOP GLASS REFLECTION *\/\r\n\r\n#wa-starter-nl .ws-right::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 10%;\r\n\r\n  width: 80%;\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(206,245,255,.75),\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#wa-starter-nl .ws-right > * {\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#wa-starter-nl .ws-right:hover {\r\n\r\n  border-color: rgba(150,230,255,.78);\r\n\r\n  box-shadow:\r\n    0 15px 42px rgba(0,0,0,.18),\r\n    inset 0 1px 0 rgba(255,255,255,.30),\r\n    inset 0 0 30px rgba(60,170,255,.10),\r\n    0 0 32px rgba(0,170,255,.26),\r\n    0 0 65px rgba(0,125,255,.11);\r\n}\r\n\r\n\/* ==========================================\r\n   PACKAGE NAME\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-package {\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  color: #9be6ff;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(0,190,255,.38);\r\n}\r\n\r\n\/* ==========================================\r\n   \u20ac300\r\n   PREMIUM 3D NEON TEXT\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-price {\r\n\r\n  display: block;\r\n\r\n  font-family:\r\n    'Segoe UI',\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: clamp(56px,6.7vw,94px);\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: 1.25;\r\n\r\n  letter-spacing: -3px;\r\n\r\n  color: #f0fcff;\r\n\r\n  margin: 20px 0 8px;\r\n\r\n  padding: 0 0 8px;\r\n\r\n  white-space: nowrap;\r\n\r\n  -webkit-text-stroke:\r\n    .5px rgba(255,255,255,.75);\r\n\r\n  \/* MULTILAYER 3D DEPTH + BLUE GLOW *\/\r\n\r\n  text-shadow:\r\n\r\n    \/* SOLID DEPTH *\/\r\n    0 1px 0 #82dcff,\r\n    0 2px 0 #53b6e6,\r\n    0 3px 0 #2679b4,\r\n    0 4px 0 #155987,\r\n    0 5px 0 #103b61,\r\n\r\n    \/* DEPTH SHADOW *\/\r\n    0 9px 13px rgba(0,12,35,.80),\r\n    0 15px 23px rgba(0,0,0,.46),\r\n\r\n    \/* NEON LIGHT *\/\r\n    0 0 12px rgba(172,238,255,.85),\r\n    0 0 26px rgba(0,190,255,.62),\r\n    0 0 48px rgba(0,155,255,.40),\r\n    0 0 80px rgba(0,120,255,.20);\r\n}\r\n\r\n\/* ==========================================\r\n   TAX TEXT\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-tax {\r\n\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n\r\n  color: #c9eaff;\r\n\r\n  text-shadow:\r\n    0 1px 5px rgba(0,0,0,.50);\r\n}\r\n\r\n\/* ==========================================\r\n   DIVIDER\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-divider {\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(130,225,255,.75),\r\n      transparent\r\n    );\r\n\r\n  margin: 30px 0;\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,190,255,.30);\r\n}\r\n\r\n\/* ==========================================\r\n   PRICE DESCRIPTION\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-price-text {\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n\r\n  color: #ebf7ff;\r\n\r\n  margin: 0 0 27px;\r\n\r\n  white-space: pre-line;\r\n\r\n  text-shadow:\r\n    0 1px 7px rgba(0,0,0,.55);\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM NEON GLASS BUTTON\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-button {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  width: 100%;\r\n\r\n  padding: 17px 18px;\r\n\r\n  margin: 14px auto;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 13px;\r\n\r\n  \/* GLASS SURFACE *\/\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(98,210,255,.29),\r\n      rgba(0,130,255,.23) 50%,\r\n      rgba(25,94,180,.24)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,235,255,.90);\r\n\r\n  -webkit-backdrop-filter: blur(12px);\r\n  backdrop-filter: blur(12px);\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: .8px;\r\n\r\n  text-align: center;\r\n\r\n  text-decoration: none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.32),\r\n    inset 0 -1px 0 rgba(0,112,210,.28),\r\n    0 6px 16px rgba(0,40,95,.24),\r\n    0 0 14px rgba(0,190,255,.32),\r\n    0 0 34px rgba(0,150,255,.18);\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(170,225,255,.38);\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\/* GLASS SHINE *\/\r\n\r\n#wa-starter-nl .ws-button::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: -35%;\r\n\r\n  width: 35%;\r\n  height: 100%;\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.23),\r\n      transparent\r\n    );\r\n\r\n  transition: left .6s ease;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#wa-starter-nl .ws-button:hover::before {\r\n  left: 120%;\r\n}\r\n\r\n#wa-starter-nl .ws-button:hover {\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(110,225,255,.42),\r\n      rgba(0,160,255,.37),\r\n      rgba(35,110,205,.35)\r\n    );\r\n\r\n  border-color: #d0f6ff;\r\n\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.45),\r\n    0 10px 24px rgba(0,40,95,.28),\r\n    0 0 20px rgba(0,200,255,.48),\r\n    0 0 44px rgba(0,145,255,.30);\r\n}\r\n\r\n#wa-starter-nl .ws-button:focus-visible {\r\n\r\n  outline: 3px solid #b8f1ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* BUTTON TEXT *\/\r\n\r\n#wa-starter-nl .ws-button-text {\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#wa-starter-nl .ws-button-arrow {\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  font-size: 19px;\r\n\r\n  color: #c3f2ff;\r\n\r\n  transition: transform .3s ease;\r\n}\r\n\r\n#wa-starter-nl .ws-button:hover\r\n.ws-button-arrow {\r\n\r\n  transform: translate(2px,-2px);\r\n}\r\n\r\n\/* ==========================================\r\n   SMALL TEXT\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-right small {\r\n\r\n  display: block;\r\n\r\n  color: #cae4f8;\r\n\r\n  font-size: 11px;\r\n\r\n  margin-top: 23px;\r\n\r\n  text-shadow:\r\n    0 1px 6px rgba(0,0,0,.45);\r\n}\r\n\r\n\/* ==========================================\r\n   BOTTOM INFORMATION BAR\r\n========================================== *\/\r\n\r\n#wa-starter-nl .ws-bottom {\r\n\r\n  grid-column: 1 \/ -1;\r\n\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 15px;\r\n\r\n  padding-top: 20px;\r\n\r\n  border-top:\r\n    1px solid rgba(150,210,255,.28);\r\n\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n\r\n  color: #bdd4e7;\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ==========================================\r\n   TABLET\r\n========================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #wa-starter-nl {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    padding: 30px;\r\n\r\n    gap: 28px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-right {\r\n\r\n    max-width: 550px;\r\n    width: 100%;\r\n\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #wa-starter-nl {\r\n\r\n    padding: 24px 18px;\r\n\r\n    border-radius: 17px;\r\n\r\n    gap: 25px;\r\n  }\r\n\r\n  #wa-starter-nl h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  #wa-starter-nl h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-intro {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-features p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-right {\r\n\r\n    padding: 30px 16px;\r\n\r\n    border-radius: 18px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-price {\r\n\r\n    font-size: clamp(52px,13vw,78px);\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-button {\r\n\r\n    font-size: 12px;\r\n\r\n    padding: 16px 10px;\r\n    gap: 8px;\r\n  }\r\n\r\n  #wa-starter-nl .ws-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}\r\n\r\n\/* ==========================================\r\n   REDUCED MOTION\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #wa-starter-nl .ws-button,\r\n  #wa-starter-nl .ws-button-arrow,\r\n  #wa-starter-nl .ws-button::before {\r\n\r\n    transition: none;\r\n  }\r\n\r\n  #wa-starter-nl .ws-button:hover,\r\n  #wa-starter-nl .ws-button:hover\r\n  .ws-button-arrow {\r\n\r\n    transform: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- EINDE BUSINESS STARTER \u20ac300\r\n     PREMIUM NEON GLASS EDITION -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-686c5e2 e-con e-atomic-element e-flexbox-base e-default-div e-c8baa86 \" data-id=\"686c5e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"686c5e2\">\n    <div class=\"elementor-element elementor-element-69fd1f6 e-con e-atomic-element e-flexbox-base e-default-div e-644ebe5 \" data-id=\"69fd1f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"69fd1f6\">\n    \t\t<div class=\"elementor-element elementor-element-6ad49b9 elementor-widget elementor-widget-html\" data-id=\"6ad49b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/4.1.0\/model-viewer.min.js\"><\/script>\r\n\r\n<div class=\"wa-price3d-card\">\r\n  <div class=\"wa-euro-bg euro-1\">\u20ac<\/div>\r\n  <div class=\"wa-euro-bg euro-2\">\u20ac<\/div>\r\n  <div class=\"wa-euro-bg euro-3\">\u20ac<\/div>\r\n\r\n  <div class=\"wa-model-wrap\">\r\n    <model-viewer\r\n      src=\"https:\/\/webavatarai.com\/wp-content\/uploads\/3d\/500.glb\"\r\n      camera-controls\r\n      auto-rotate\r\n      auto-rotate-delay=\"2000\"\r\n      rotation-per-second=\"18deg\"\r\n      interaction-prompt=\"none\"\r\n      disable-zoom\r\n      tone-mapping=\"neutral\"\r\n      shadow-intensity=\"0\"\r\n      style=\"width:100%;height:220px;background:transparent;\">\r\n    <\/model-viewer>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.wa-price3d-card{\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 220px;\r\n  border-radius: 22px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(90,120,255,0.18), transparent 35%),\r\n    radial-gradient(circle at bottom right, rgba(0,220,255,0.10), transparent 30%),\r\n    linear-gradient(180deg, rgba(16,23,48,0.45), rgba(9,14,30,0.22));\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.06),\r\n    0 10px 30px rgba(0,0,0,0.20);\r\n}\r\n\r\n.wa-model-wrap{\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  height: 220px;\r\n}\r\n\r\n.wa-model-wrap model-viewer{\r\n  --poster-color: transparent;\r\n}\r\n\r\n.wa-euro-bg{\r\n  position: absolute;\r\n  color: rgba(255,255,255,0.08);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  filter: blur(0.2px);\r\n  animation: waFloatEuro 10s linear infinite;\r\n}\r\n\r\n.euro-1{\r\n  top: 18px;\r\n  left: 18px;\r\n  font-size: 26px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.euro-2{\r\n  top: 90px;\r\n  right: 28px;\r\n  font-size: 18px;\r\n  animation-delay: 3s;\r\n}\r\n\r\n.euro-3{\r\n  bottom: 18px;\r\n  left: 42%;\r\n  font-size: 22px;\r\n  animation-delay: 6s;\r\n}\r\n\r\n@keyframes waFloatEuro{\r\n  0%{\r\n    transform: translateY(12px) translateX(0px);\r\n    opacity: 0;\r\n  }\r\n  15%{\r\n    opacity: 1;\r\n  }\r\n  50%{\r\n    transform: translateY(-8px) translateX(6px);\r\n    opacity: 0.7;\r\n  }\r\n  85%{\r\n    opacity: 0.15;\r\n  }\r\n  100%{\r\n    transform: translateY(-22px) translateX(-6px);\r\n    opacity: 0;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b61bc69 elementor-widget elementor-widget-html\" data-id=\"b61bc69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM\r\nSTARTER MOTION \u2014 \u20ac500 EXCL. BTW\r\nREGULIERE PRIJS \u2014 \u20ac700 EXCL. BTW\r\n3 EXTRA 3D-ANIMATIES\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<div class=\"wa-starter-content\">\r\n\r\n  <!-- PROMOTIE -->\r\n\r\n  <div class=\"wa-starter-label\">\r\n    INTRODUCTIE \u00b7 EERSTE 10 KLANTEN\r\n  <\/div>\r\n\r\n  <!-- TITEL -->\r\n\r\n  <h2>\r\n    Starter <span>Motion<\/span>\r\n  <\/h2>\r\n\r\n  <p class=\"wa-starter-subtitle\">\r\n    Een stijlvolle en dynamische website\r\n    die jouw onderneming professioneel\r\n    presenteert.\r\n  <\/p>\r\n\r\n  <!-- PRIJS -->\r\n\r\n  <div class=\"wa-starter-pricing\">\r\n\r\n    <div class=\"wa-starter-promo-label\">\r\n      INTRODUCTIEPRIJS\r\n    <\/div>\r\n\r\n    <div class=\"wa-starter-price\">\r\n      \u20ac 500\r\n    <\/div>\r\n\r\n    <div class=\"wa-starter-once\">\r\n      Eenmalig \u00b7 excl. btw\r\n    <\/div>\r\n\r\n    <div class=\"wa-starter-after\">\r\n      Daarna:\r\n      <strong>\u20ac 700<\/strong> excl. btw\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"wa-starter-divider\"><\/div>\r\n\r\n  <!-- PAKKETINHOUD -->\r\n\r\n  <ul class=\"wa-starter-features\">\r\n\r\n    <li>\r\n      3 professioneel ontworpen pagina's\r\n    <\/li>\r\n\r\n    <li>\r\n      Geanimeerd hero-design met jouw\r\n      eigen roterende 3D-bedrijfslogo\r\n    <\/li>\r\n\r\n    <li class=\"wa-starter-special\">\r\n      3 extra 3D-animaties op de website,\r\n      naast het 3D-logo in de hero\r\n    <\/li>\r\n\r\n    <li>\r\n      Stijlvolle foto's of naadloos\r\n      herhalende videoachtergronden\r\n    <\/li>\r\n\r\n    <li>\r\n      Subtiele animaties en luxe glaseffecten\r\n    <\/li>\r\n\r\n    <li>\r\n      Gepersonaliseerde premium footer\r\n      met jouw bedrijfslogo\r\n    <\/li>\r\n\r\n    <li>\r\n      Responsive ontwerp voor smartphones,\r\n      tablets en computers\r\n    <\/li>\r\n\r\n    <li>\r\n      Werkende navigatie,\r\n      contactformulier en actieknoppen\r\n    <\/li>\r\n\r\n    <li>\r\n      Basis SEO-instellingen:\r\n      paginatitels en metabeschrijvingen\r\n    <\/li>\r\n\r\n    <li>\r\n      E\u00e9n correctieronde inbegrepen\r\n    <\/li>\r\n\r\n  <\/ul>\r\n\r\n  <!-- KLEINE INFORMATIEBALK -->\r\n\r\n  <div class=\"wa-starter-note\">\r\n    De 3 extra 3D-animaties zijn inbegrepen\r\n    naast het roterende bedrijfslogo\r\n    in het hero-design.\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN CONTENT\r\n========================================== *\/\r\n\r\n.wa-starter-content {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n  box-sizing: border-box;\r\n\r\n  padding: 20px 15px 28px;\r\n\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  animation:\r\n    waStarterEnter .9s ease both;\r\n}\r\n\r\n.wa-starter-content *,\r\n.wa-starter-content *::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ==========================================\r\n   PROMOTIONAL LABEL\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n\r\n  padding: 9px 13px;\r\n  border-radius: 30px;\r\n\r\n  background:\r\n    rgba(67,155,255,.15);\r\n\r\n  border:\r\n    1px solid rgba(130,215,255,.40);\r\n\r\n  color: #b7eaff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  line-height: 1.5;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,145,255,.12);\r\n}\r\n\r\n\/* ==========================================\r\n   TITLE\r\n========================================== *\/\r\n\r\n.wa-starter-content h2 {\r\n  margin: 23px 0 13px;\r\n  padding: 0;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: clamp(28px,2.5vw,35px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -.7px !important;\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 0 20px rgba(95,170,255,.24);\r\n}\r\n\r\n.wa-starter-content h2 span {\r\n  color: #9bd8ff !important;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(0,185,255,.40);\r\n}\r\n\r\n\/* ==========================================\r\n   SUBTITLE\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-subtitle {\r\n  margin: 0 0 24px;\r\n\r\n  color: #dce9f8 !important;\r\n\r\n  font-size: 15px !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM GLASS PRICE PANEL\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-pricing {\r\n  position: relative;\r\n\r\n  padding: 21px 19px;\r\n  border-radius: 17px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 20%,\r\n      rgba(0,180,255,.15),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(80,165,240,.15),\r\n      rgba(8,30,65,.22)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(145,220,255,.50);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    0 8px 25px rgba(0,0,0,.12),\r\n    0 0 24px rgba(0,165,255,.17);\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.wa-starter-content .wa-starter-pricing:hover {\r\n  border-color:\r\n    rgba(185,240,255,.85);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.30),\r\n    0 0 28px rgba(0,185,255,.30),\r\n    0 0 48px rgba(0,135,255,.13);\r\n}\r\n\r\n\/* PROMO LABEL *\/\r\n\r\n.wa-starter-content .wa-starter-promo-label {\r\n  margin-bottom: 9px;\r\n\r\n  color: #abe7ff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.3px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ==========================================\r\n   \u20ac500 \u2014 NEON DEPTH EFFECT\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-price {\r\n  margin: 0 0 10px;\r\n\r\n  color: #f2fcff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size: clamp(44px,4vw,57px);\r\n  font-weight: 900;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.5px;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-shadow:\r\n    0 1px 0 #8be1ff,\r\n    0 2px 0 #54b8e8,\r\n    0 3px 0 #287fb6,\r\n    0 5px 0 #124970,\r\n    0 8px 12px rgba(0,0,0,.50),\r\n    0 0 15px rgba(130,220,255,.72),\r\n    0 0 32px rgba(0,170,255,.45);\r\n}\r\n\r\n\/* ONE-TIME PRICE *\/\r\n\r\n.wa-starter-content .wa-starter-once {\r\n  color: #c4ecff;\r\n\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* REGULAR PRICE *\/\r\n\r\n.wa-starter-content .wa-starter-after {\r\n  margin-top: 11px;\r\n\r\n  color: #c1d4ea;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.wa-starter-content .wa-starter-after strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n}\r\n\r\n\/* ==========================================\r\n   DIVIDER\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-divider {\r\n  height: 1px;\r\n  margin: 27px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(110,210,255,.60),\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,180,255,.25);\r\n}\r\n\r\n\/* ==========================================\r\n   FEATURES\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-features {\r\n  list-style: none !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.wa-starter-content .wa-starter-features li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n\r\n  margin: 0 0 17px;\r\n  padding: 0;\r\n\r\n  color: #e3eefb !important;\r\n\r\n  font-size: 14px !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n\/* CHECKMARKS *\/\r\n\r\n.wa-starter-content .wa-starter-features li::before {\r\n  content: \"\u2713\";\r\n\r\n  flex: 0 0 22px;\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(65,190,255,.15);\r\n\r\n  border:\r\n    1px solid rgba(110,215,255,.28);\r\n\r\n  color: #8de1ff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(0,165,255,.15);\r\n}\r\n\r\n\/* ==========================================\r\n   SPECIAL 3D FEATURE\r\n========================================== *\/\r\n\r\n.wa-starter-content\r\n.wa-starter-features\r\n.wa-starter-special {\r\n  color: #ffffff !important;\r\n  font-weight: 700 !important;\r\n\r\n  text-shadow:\r\n    0 0 11px rgba(0,190,255,.22);\r\n}\r\n\r\n.wa-starter-content\r\n.wa-starter-features\r\n.wa-starter-special::before {\r\n  background:\r\n    rgba(0,185,255,.27);\r\n\r\n  border-color:\r\n    rgba(160,235,255,.70);\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 0 17px rgba(0,185,255,.37);\r\n}\r\n\r\n\/* ==========================================\r\n   INFORMATION GLASS NOTE\r\n========================================== *\/\r\n\r\n.wa-starter-content .wa-starter-note {\r\n  margin-top: 20px;\r\n\r\n  padding: 14px 16px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    rgba(0,125,220,.10);\r\n\r\n  border:\r\n    1px solid rgba(110,205,255,.25);\r\n\r\n  color: #c3e9fb;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* ==========================================\r\n   ENTRANCE ANIMATION\r\n========================================== *\/\r\n\r\n@keyframes waStarterEnter {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  .wa-starter-content {\r\n    padding: 17px 10px 23px;\r\n  }\r\n\r\n  .wa-starter-content h2 {\r\n    font-size: 28px !important;\r\n  }\r\n\r\n  .wa-starter-content .wa-starter-subtitle {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .wa-starter-content .wa-starter-pricing {\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .wa-starter-content .wa-starter-price {\r\n    font-size: 46px;\r\n  }\r\n\r\n  .wa-starter-content .wa-starter-features li {\r\n    font-size: 13px !important;\r\n    line-height: 1.6 !important;\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-starter-content {\r\n    animation: none;\r\n  }\r\n\r\n  .wa-starter-content .wa-starter-pricing {\r\n    transition: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- EINDE STARTER MOTION \u2014 \u20ac500 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cd95106 e-con e-atomic-element e-flexbox-base e-default-div e-b832851 \" data-id=\"cd95106\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cd95106\">\n    \t\t<div class=\"elementor-element elementor-element-daa0dac elementor-widget elementor-widget-html\" data-id=\"daa0dac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wa-price700-box\">\r\n  <div class=\"wa-float-euro700 euro700-a\">\u20ac<\/div>\r\n  <div class=\"wa-float-euro700 euro700-b\">\u20ac<\/div>\r\n  <div class=\"wa-float-euro700 euro700-c\">\u20ac<\/div>\r\n\r\n  <model-viewer\r\n    src=\"https:\/\/webavatarai.com\/wp-content\/uploads\/3d\/700.glb\"\r\n    camera-controls\r\n    auto-rotate\r\n    auto-rotate-delay=\"2000\"\r\n    rotation-per-second=\"18deg\"\r\n    interaction-prompt=\"none\"\r\n    disable-zoom\r\n    disable-pan\r\n    tone-mapping=\"neutral\"\r\n    shadow-intensity=\"0\"\r\n    camera-orbit=\"0deg 75deg 105%\"\r\n    style=\"width:100%; height:220px; background:transparent;\">\r\n  <\/model-viewer>\r\n<\/div>\r\n\r\n<style>\r\n.wa-price700-box{\r\n  position: relative;\r\n  width: 100%;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n  background:\r\n    radial-gradient(circle at 20% 20%, rgba(90,140,255,0.18), transparent 35%),\r\n    radial-gradient(circle at 80% 75%, rgba(0,220,255,0.10), transparent 30%),\r\n    linear-gradient(180deg, rgba(15,20,45,0.38), rgba(8,12,28,0.18));\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.06),\r\n    0 10px 24px rgba(0,0,0,0.18);\r\n}\r\n\r\n.wa-price700-box model-viewer{\r\n  position: relative;\r\n  z-index: 2;\r\n  --poster-color: transparent;\r\n}\r\n\r\n.wa-float-euro700{\r\n  position: absolute;\r\n  z-index: 1;\r\n  color: rgba(255,255,255,0.08);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  animation: waEuroFloat700 9s linear infinite;\r\n}\r\n\r\n.euro700-a{\r\n  left: 14px;\r\n  top: 18px;\r\n  font-size: 24px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.euro700-b{\r\n  right: 20px;\r\n  top: 90px;\r\n  font-size: 18px;\r\n  animation-delay: 2.5s;\r\n}\r\n\r\n.euro700-c{\r\n  left: 50%;\r\n  bottom: 20px;\r\n  font-size: 20px;\r\n  transform: translateX(-50%);\r\n  animation-delay: 5s;\r\n}\r\n\r\n@keyframes waEuroFloat700{\r\n  0%{\r\n    transform: translateY(14px);\r\n    opacity: 0;\r\n  }\r\n  15%{\r\n    opacity: 0.8;\r\n  }\r\n  50%{\r\n    transform: translateY(-6px);\r\n    opacity: 0.55;\r\n  }\r\n  100%{\r\n    transform: translateY(-28px);\r\n    opacity: 0;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a309b elementor-widget elementor-widget-html\" data-id=\"b1a309b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM\r\nBUSINESS MOTION \u2014 \u20ac700 EXCL. BTW\r\nREGULIERE PRIJS \u2014 \u20ac980 EXCL. BTW\r\n4 EXTRA 3D-ANIMATIES\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<div class=\"wa-business-content\">\r\n\r\n  <!-- PROMOTIE -->\r\n\r\n  <div class=\"wa-business-label\">\r\n    ONZE AANRADER \u00b7 EERSTE 10 KLANTEN\r\n  <\/div>\r\n\r\n  <!-- TITEL -->\r\n\r\n  <h2 class=\"wa-business-title\">\r\n    <span class=\"wa-business-line-1\">BUSINESS<\/span>\r\n    <span class=\"wa-business-line-2\">MOTION<\/span>\r\n  <\/h2>\r\n\r\n  <!-- ONDERTITEL -->\r\n\r\n  <p class=\"wa-business-subtitle\">\r\n    Meer uitstraling, meer mogelijkheden\r\n    en een sterke online presentatie\r\n    voor jouw onderneming.\r\n  <\/p>\r\n\r\n  <!-- PRIJZEN -->\r\n\r\n  <div class=\"wa-business-pricing\">\r\n\r\n    <div class=\"wa-business-promo-label\">\r\n      INTRODUCTIEPRIJS\r\n    <\/div>\r\n\r\n    <div class=\"wa-business-price\">\r\n      \u20ac 700\r\n    <\/div>\r\n\r\n    <div class=\"wa-business-once\">\r\n      Eenmalig \u00b7 excl. btw\r\n    <\/div>\r\n\r\n    <div class=\"wa-business-after\">\r\n      Daarna:\r\n      <strong>\u20ac 980<\/strong> excl. btw\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- SCHEIDINGSLIJN -->\r\n\r\n  <div class=\"wa-business-divider\"><\/div>\r\n\r\n  <!-- PAKKETINHOUD -->\r\n\r\n  <ul class=\"wa-business-features\">\r\n\r\n    <li>\r\n      4 professioneel ontworpen pagina's\r\n    <\/li>\r\n\r\n    <li>\r\n      Uitgebreid geanimeerd hero-design\r\n      met jouw eigen roterende 3D-bedrijfslogo\r\n    <\/li>\r\n\r\n    <li class=\"wa-business-special\">\r\n      4 extra 3D-animaties, verdeeld\r\n      over de vier pagina's\r\n    <\/li>\r\n\r\n    <li>\r\n      Stijlvolle foto's en maximaal\r\n      2 bewegende videoachtergronden\r\n      die naadloos kunnen herhalen\r\n    <\/li>\r\n\r\n    <li>\r\n      Luxe glaseffecten\r\n      en hover-animaties\r\n    <\/li>\r\n\r\n    <li>\r\n      Gepersonaliseerde premium footer\r\n      met jouw bedrijfslogo\r\n    <\/li>\r\n\r\n    <li>\r\n      Responsive ontwerp voor smartphones,\r\n      tablets en computers\r\n    <\/li>\r\n\r\n    <li>\r\n      Werkende navigatie,\r\n      contactformulier en actieknoppen\r\n    <\/li>\r\n\r\n    <li>\r\n      Basis SEO-instellingen:\r\n      paginatitels en metabeschrijvingen\r\n    <\/li>\r\n\r\n    <li>\r\n      E\u00e9n correctieronde inbegrepen\r\n    <\/li>\r\n\r\n  <\/ul>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN CONTENT\r\n========================================== *\/\r\n\r\n.wa-business-content {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: 20px 15px 28px;\r\n\r\n  font-family: inherit;\r\n  color: #ffffff;\r\n\r\n  animation: waBusinessEnter .9s ease both;\r\n}\r\n\r\n.wa-business-content *,\r\n.wa-business-content *::before,\r\n.wa-business-content *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ==========================================\r\n   PROMOTIONAL LABEL\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n\r\n  padding: 9px 13px;\r\n\r\n  border-radius: 30px;\r\n\r\n  background: rgba(67,155,255,.15);\r\n\r\n  border: 1px solid rgba(130,215,255,.40);\r\n\r\n  color: #b7eaff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n  line-height: 1.5;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,145,255,.12);\r\n}\r\n\r\n\/* ==========================================\r\n   RESPONSIVE BUSINESS MOTION TITLE\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-title {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n\r\n  margin: 23px 0 13px;\r\n  padding: 0;\r\n\r\n  font-size: clamp(21px,2.2vw,29px) !important;\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.15 !important;\r\n  letter-spacing: -.8px !important;\r\n\r\n  text-align: left;\r\n  text-transform: uppercase !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  word-break: normal !important;\r\n  overflow-wrap: normal !important;\r\n  hyphens: none !important;\r\n\r\n  text-shadow:\r\n    0 0 20px rgba(95,170,255,.24);\r\n}\r\n\r\n.wa-business-content .wa-business-title span {\r\n  display: block !important;\r\n\r\n  width: 100%;\r\n\r\n  white-space: nowrap !important;\r\n  word-break: keep-all !important;\r\n  overflow-wrap: normal !important;\r\n\r\n  font-size: inherit !important;\r\n  font-weight: inherit !important;\r\n\r\n  line-height: inherit !important;\r\n  letter-spacing: inherit !important;\r\n}\r\n\r\n.wa-business-content .wa-business-line-1 {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.wa-business-content .wa-business-line-2 {\r\n  color: #9bd8ff !important;\r\n\r\n  margin-top: 3px;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(0,185,255,.40);\r\n}\r\n\r\n\/* ==========================================\r\n   SUBTITLE\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-subtitle {\r\n  margin: 0 0 24px;\r\n\r\n  color: #dce9f8 !important;\r\n\r\n  font-size: 15px !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM GLASS PRICE PANEL\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-pricing {\r\n  position: relative;\r\n\r\n  padding: 21px 19px;\r\n\r\n  border-radius: 17px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 20%,\r\n      rgba(0,180,255,.15),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(80,165,240,.15),\r\n      rgba(8,30,65,.22)\r\n    );\r\n\r\n  border: 1px solid rgba(145,220,255,.50);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    0 8px 25px rgba(0,0,0,.12),\r\n    0 0 24px rgba(0,165,255,.17);\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.wa-business-content .wa-business-pricing:hover {\r\n  border-color: rgba(185,240,255,.85);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.30),\r\n    0 0 28px rgba(0,185,255,.30),\r\n    0 0 48px rgba(0,135,255,.13);\r\n}\r\n\r\n\/* ==========================================\r\n   PROMOTIONAL PRICE LABEL\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-promo-label {\r\n  margin-bottom: 9px;\r\n\r\n  color: #abe7ff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.3px;\r\n  line-height: 1.4;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ==========================================\r\n   \u20ac700 \u2014 NEON 3D DEPTH\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-price {\r\n  margin: 0 0 10px;\r\n\r\n  color: #f2fcff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size: clamp(44px,4vw,57px);\r\n  font-weight: 900;\r\n\r\n  line-height: 1.2;\r\n  letter-spacing: -1.5px;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-shadow:\r\n    0 1px 0 #8be1ff,\r\n    0 2px 0 #54b8e8,\r\n    0 3px 0 #287fb6,\r\n    0 5px 0 #124970,\r\n    0 8px 12px rgba(0,0,0,.50),\r\n    0 0 15px rgba(130,220,255,.72),\r\n    0 0 32px rgba(0,170,255,.45);\r\n}\r\n\r\n\/* ==========================================\r\n   ONE-TIME PAYMENT\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-once {\r\n  color: #c4ecff;\r\n\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ==========================================\r\n   REGULAR PRICE\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-after {\r\n  margin-top: 11px;\r\n\r\n  color: #c1d4ea;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.wa-business-content .wa-business-after strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n}\r\n\r\n\/* ==========================================\r\n   DIVIDER\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-divider {\r\n  height: 1px;\r\n\r\n  margin: 27px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(110,210,255,.60),\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,180,255,.25);\r\n}\r\n\r\n\/* ==========================================\r\n   FEATURES\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-features {\r\n  list-style: none !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.wa-business-content .wa-business-features li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  margin: 0 0 17px;\r\n  padding: 0;\r\n\r\n  color: #e3eefb !important;\r\n\r\n  font-size: 14px !important;\r\n  font-weight: 400;\r\n\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   BLUE CHECKMARKS\r\n========================================== *\/\r\n\r\n.wa-business-content .wa-business-features li::before {\r\n  content: \"\u2713\";\r\n\r\n  flex: 0 0 22px;\r\n\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(65,190,255,.15);\r\n\r\n  border: 1px solid rgba(110,215,255,.28);\r\n\r\n  color: #8de1ff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(0,165,255,.15);\r\n}\r\n\r\n\/* ==========================================\r\n   4 EXTRA 3D-ANIMATIES \u2014 HIGHLIGHT\r\n========================================== *\/\r\n\r\n.wa-business-content\r\n.wa-business-features\r\n.wa-business-special {\r\n  color: #ffffff !important;\r\n\r\n  font-weight: 700 !important;\r\n\r\n  text-shadow:\r\n    0 0 11px rgba(0,190,255,.22);\r\n}\r\n\r\n.wa-business-content\r\n.wa-business-features\r\n.wa-business-special::before {\r\n  background: rgba(0,185,255,.27);\r\n\r\n  border-color: rgba(160,235,255,.70);\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 0 17px rgba(0,185,255,.37);\r\n}\r\n\r\n\/* ==========================================\r\n   ENTRANCE ANIMATION\r\n========================================== *\/\r\n\r\n@keyframes waBusinessEnter {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   TABLET\r\n========================================== *\/\r\n\r\n@media (min-width:768px) and (max-width:1024px) {\r\n  .wa-business-content .wa-business-title {\r\n    font-size: 24px !important;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  .wa-business-content {\r\n    padding: 17px 10px 23px;\r\n  }\r\n\r\n  .wa-business-content .wa-business-title {\r\n    font-size: clamp(22px,6vw,27px) !important;\r\n  }\r\n\r\n  .wa-business-content .wa-business-subtitle {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .wa-business-content .wa-business-pricing {\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .wa-business-content .wa-business-price {\r\n    font-size: 46px;\r\n  }\r\n\r\n  .wa-business-content .wa-business-features li {\r\n    font-size: 13px !important;\r\n    line-height: 1.6 !important;\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-business-content {\r\n    animation: none;\r\n  }\r\n\r\n  .wa-business-content .wa-business-pricing {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- KONIEC BUSINESS MOTION \u2014 \u20ac700 -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1ac4e7f e-con e-atomic-element e-flexbox-base e-default-div e-1c6a080 \" data-id=\"1ac4e7f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1ac4e7f\">\n    \t\t<div class=\"elementor-element elementor-element-d5e6011 elementor-widget elementor-widget-html\" data-id=\"d5e6011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wa-price900-box\">\r\n\r\n  <span class=\"wa900-euro wa900-e1\">\u20ac<\/span>\r\n  <span class=\"wa900-euro wa900-e2\">\u20ac<\/span>\r\n  <span class=\"wa900-euro wa900-e3\">\u20ac<\/span>\r\n\r\n  <model-viewer\r\n    src=\"https:\/\/webavatarai.com\/wp-content\/uploads\/3d\/900.glb\"\r\n    camera-controls\r\n    auto-rotate\r\n    auto-rotate-delay=\"2000\"\r\n    rotation-per-second=\"15deg\"\r\n    interaction-prompt=\"none\"\r\n    disable-zoom\r\n    disable-pan\r\n    tone-mapping=\"neutral\"\r\n    shadow-intensity=\"0\"\r\n    style=\"width:100%;height:220px;background:transparent;\">\r\n  <\/model-viewer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.wa-price900-box {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 20% 20%,\r\n      rgba(90,140,255,0.18),\r\n      transparent 35%\r\n    ),\r\n    radial-gradient(\r\n      circle at 80% 75%,\r\n      rgba(0,220,255,0.10),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(15,20,45,0.38),\r\n      rgba(8,12,28,0.18)\r\n    );\r\n\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.06),\r\n    0 10px 24px rgba(0,0,0,0.18);\r\n}\r\n\r\n.wa-price900-box model-viewer {\r\n  position: relative;\r\n  z-index: 2;\r\n  --poster-color: transparent;\r\n}\r\n\r\n.wa900-euro {\r\n  position: absolute;\r\n  z-index: 1;\r\n  color: rgba(255,255,255,0.08);\r\n  font-weight: 700;\r\n  pointer-events: none;\r\n  animation: wa900Float 12s linear infinite;\r\n}\r\n\r\n.wa900-e1 {\r\n  left: 14px;\r\n  top: 18px;\r\n  font-size: 24px;\r\n}\r\n\r\n.wa900-e2 {\r\n  right: 20px;\r\n  top: 90px;\r\n  font-size: 18px;\r\n  animation-delay: -4s;\r\n}\r\n\r\n.wa900-e3 {\r\n  left: 45%;\r\n  bottom: 20px;\r\n  font-size: 20px;\r\n  animation-delay: -8s;\r\n}\r\n\r\n@keyframes wa900Float {\r\n  0% {\r\n    transform: translateY(14px);\r\n    opacity: 0;\r\n  }\r\n\r\n  20% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0.35;\r\n  }\r\n\r\n  100% {\r\n    transform: translateY(-28px);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .wa-price900-box,\r\n  .wa-price900-box model-viewer {\r\n    height: 210px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .wa900-euro {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b85999d elementor-widget elementor-widget-html\" data-id=\"b85999d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM\r\nPREMIUM EXPERIENCE \u2014 \u20ac900 EXCL. BTW\r\nREGULIERE PRIJS \u2014 \u20ac1260 EXCL. BTW\r\n5 EXTRA 3D-ANIMATIES\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<div class=\"wa-premium-content\">\r\n\r\n  <!-- PROMOTIONAL LABEL -->\r\n\r\n  <div class=\"wa-premium-label\">\r\n    PREMIUM \u00b7 EERSTE 10 KLANTEN\r\n  <\/div>\r\n\r\n  <!-- PACKAGE TITLE -->\r\n\r\n  <h2 class=\"wa-premium-title\">\r\n    PREMIUM\r\n    <span>EXPERIENCE<\/span>\r\n  <\/h2>\r\n\r\n  <!-- SUBTITLE -->\r\n\r\n  <p class=\"wa-premium-subtitle\">\r\n    Een complete premium digitale ervaring.\r\n    Exclusief ontworpen om jouw onderneming\r\n    online te laten opvallen.\r\n  <\/p>\r\n\r\n  <!-- PRICING GLASS PANEL -->\r\n\r\n  <div class=\"wa-premium-pricing\">\r\n\r\n    <div class=\"wa-premium-promo-label\">\r\n      INTRODUCTIEPRIJS\r\n    <\/div>\r\n\r\n    <div class=\"wa-premium-price\">\r\n      \u20ac 900\r\n    <\/div>\r\n\r\n    <div class=\"wa-premium-once\">\r\n      Eenmalig \u00b7 excl. btw\r\n    <\/div>\r\n\r\n    <div class=\"wa-premium-after\">\r\n      Daarna:\r\n      <strong>\u20ac 1.260<\/strong> excl. btw\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- DIVIDER -->\r\n\r\n  <div class=\"wa-premium-divider\"><\/div>\r\n\r\n  <!-- PACKAGE FEATURES -->\r\n\r\n  <ul class=\"wa-premium-features\">\r\n\r\n    <li>\r\n      5 professioneel ontworpen pagina's\r\n    <\/li>\r\n\r\n    <li>\r\n      Exclusief geanimeerd hero-design\r\n      met jouw eigen roterende 3D-bedrijfslogo\r\n    <\/li>\r\n\r\n    <li class=\"wa-premium-special\">\r\n      5 extra 3D-animaties, verdeeld\r\n      over de vijf pagina's,\r\n      naast het 3D-logo in de hero\r\n    <\/li>\r\n\r\n    <li>\r\n      Stijlvolle foto's en geoptimaliseerde,\r\n      naadloos herhalende videoachtergronden\r\n    <\/li>\r\n\r\n    <li>\r\n      Geavanceerde glas- en hover-effecten\r\n      met stijlvolle animaties\r\n    <\/li>\r\n\r\n    <li>\r\n      Gepersonaliseerde premium footer\r\n      met jouw bedrijfslogo\r\n    <\/li>\r\n\r\n    <li>\r\n      Responsive ontwerp voor smartphones,\r\n      tablets en computers\r\n    <\/li>\r\n\r\n    <li>\r\n      Werkende navigatie,\r\n      contactformulier en strategische actieknoppen\r\n    <\/li>\r\n\r\n    <li>\r\n      Basis SEO-instellingen:\r\n      paginatitels en metabeschrijvingen\r\n    <\/li>\r\n\r\n    <li>\r\n      E\u00e9n correctieronde inbegrepen\r\n    <\/li>\r\n\r\n  <\/ul>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN PREMIUM CONTENT\r\n========================================== *\/\r\n\r\n.wa-premium-content {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: 20px 15px 28px;\r\n\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n\r\n  animation: waPremiumEnter .9s ease both;\r\n}\r\n\r\n.wa-premium-content *,\r\n.wa-premium-content *::before,\r\n.wa-premium-content *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM LABEL\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n\r\n  padding: 9px 13px;\r\n  border-radius: 30px;\r\n\r\n  background: rgba(67,155,255,.15);\r\n\r\n  border: 1px solid rgba(130,215,255,.40);\r\n\r\n  color: #b7eaff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: .7px;\r\n  line-height: 1.5;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,145,255,.12);\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM EXPERIENCE TITLE\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-title {\r\n  display: block;\r\n  width: 100%;\r\n\r\n  margin: 23px 0 13px;\r\n  padding: 0;\r\n\r\n  font-size: 22px !important;\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -.5px !important;\r\n\r\n  color: #ffffff !important;\r\n  text-transform: uppercase !important;\r\n\r\n  word-break: normal !important;\r\n  overflow-wrap: normal !important;\r\n\r\n  text-shadow:\r\n    0 0 20px rgba(95,170,255,.24);\r\n}\r\n\r\n.wa-premium-content .wa-premium-title span {\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: #9bd8ff !important;\r\n\r\n  font-size: .92em !important;\r\n  font-weight: 800 !important;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(0,185,255,.40);\r\n}\r\n\r\n\/* ==========================================\r\n   SUBTITLE\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-subtitle {\r\n  margin: 0 0 24px;\r\n\r\n  color: #dce9f8 !important;\r\n\r\n  font-size: 15px !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   PREMIUM GLASS PRICE PANEL\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-pricing {\r\n  position: relative;\r\n\r\n  padding: 21px 19px;\r\n  border-radius: 17px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 20%,\r\n      rgba(0,185,255,.17),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(85,175,250,.17),\r\n      rgba(8,30,65,.22)\r\n    );\r\n\r\n  border: 1px solid rgba(155,225,255,.55);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.23),\r\n    0 8px 25px rgba(0,0,0,.13),\r\n    0 0 26px rgba(0,165,255,.20);\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.wa-premium-content .wa-premium-pricing:hover {\r\n  border-color: rgba(190,245,255,.90);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.32),\r\n    0 0 30px rgba(0,185,255,.33),\r\n    0 0 50px rgba(0,135,255,.16);\r\n}\r\n\r\n\/* ==========================================\r\n   INTRODUCTIEPRIJS LABEL\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-promo-label {\r\n  margin-bottom: 9px;\r\n\r\n  color: #abe7ff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.3px;\r\n  line-height: 1.4;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ==========================================\r\n   \u20ac900 \u2014 3D NEON DEPTH\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-price {\r\n  margin: 0 0 10px;\r\n\r\n  color: #f2fcff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size: clamp(44px,4vw,57px);\r\n  font-weight: 900;\r\n\r\n  line-height: 1.2;\r\n  letter-spacing: -1.5px;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-shadow:\r\n    0 1px 0 #8be1ff,\r\n    0 2px 0 #54b8e8,\r\n    0 3px 0 #287fb6,\r\n    0 5px 0 #124970,\r\n    0 8px 12px rgba(0,0,0,.50),\r\n    0 0 15px rgba(130,220,255,.75),\r\n    0 0 32px rgba(0,170,255,.48),\r\n    0 0 48px rgba(0,140,255,.20);\r\n}\r\n\r\n\/* ==========================================\r\n   ONE-TIME PAYMENT\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-once {\r\n  color: #c4ecff;\r\n\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ==========================================\r\n   REGULAR PRICE\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-after {\r\n  margin-top: 11px;\r\n\r\n  color: #c1d4ea;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.wa-premium-content .wa-premium-after strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n}\r\n\r\n\/* ==========================================\r\n   DIVIDER\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-divider {\r\n  height: 1px;\r\n  margin: 27px 0;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(110,210,255,.60),\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,180,255,.25);\r\n}\r\n\r\n\/* ==========================================\r\n   PACKAGE FEATURES\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-features {\r\n  list-style: none !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.wa-premium-content .wa-premium-features li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  margin: 0 0 17px;\r\n  padding: 0;\r\n\r\n  color: #e3eefb !important;\r\n\r\n  font-size: 14px !important;\r\n  font-weight: 400;\r\n\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   BLUE CHECKMARKS\r\n========================================== *\/\r\n\r\n.wa-premium-content .wa-premium-features li::before {\r\n  content: \"\u2713\";\r\n\r\n  flex: 0 0 22px;\r\n\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(65,190,255,.15);\r\n\r\n  border: 1px solid rgba(110,215,255,.28);\r\n\r\n  color: #8de1ff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(0,165,255,.15);\r\n}\r\n\r\n\/* ==========================================\r\n   5 EXTRA 3D-ANIMATIES\r\n========================================== *\/\r\n\r\n.wa-premium-content\r\n.wa-premium-features\r\n.wa-premium-special {\r\n  color: #ffffff !important;\r\n\r\n  font-weight: 700 !important;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(0,190,255,.28);\r\n}\r\n\r\n.wa-premium-content\r\n.wa-premium-features\r\n.wa-premium-special::before {\r\n  background: rgba(0,185,255,.29);\r\n\r\n  border-color: rgba(160,235,255,.75);\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,185,255,.40);\r\n}\r\n\r\n\/* ==========================================\r\n   ENTRANCE ANIMATION\r\n========================================== *\/\r\n\r\n@keyframes waPremiumEnter {\r\n\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .wa-premium-content {\r\n    padding: 17px 10px 23px;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-title {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-subtitle {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-pricing {\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-price {\r\n    font-size: 46px;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-features li {\r\n    font-size: 13px !important;\r\n    line-height: 1.6 !important;\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-premium-content {\r\n    animation: none;\r\n  }\r\n\r\n  .wa-premium-content .wa-premium-pricing {\r\n    transition: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- KONIEC PREMIUM EXPERIENCE \u2014 \u20ac900 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-fd013c0 e-con e-atomic-element e-flexbox-base e-default-div e-d4cf91e \" data-id=\"fd013c0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd013c0\">\n    <div class=\"elementor-element elementor-element-d3a1d8c e-con e-atomic-element e-flexbox-base e-default-div e-1dbd50f \" data-id=\"d3a1d8c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d3a1d8c\">\n    \t\t<div class=\"elementor-element elementor-element-15ea0e0 elementor-widget elementor-widget-html\" data-id=\"15ea0e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM \u2014 PRIJZEN\r\nMEERTALIGE WEBSITE \u2014 \u20ac200 EXCL. BTW\r\nPREMIUM GLASS \/ NEON EDITION\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<style>\r\n\r\n\/* MAIN PREMIUM GLASS CARD *\/\r\n\r\n.wai-extra-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  min-width: 0;\r\n  min-height: 400px;\r\n\r\n  padding: clamp(26px, 3vw, 40px);\r\n\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 85% 15%,\r\n      rgba(0,185,255,.19),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(35,85,145,.32),\r\n      rgba(8,23,48,.44)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,225,255,.55);\r\n\r\n  backdrop-filter: blur(13px);\r\n  -webkit-backdrop-filter: blur(13px);\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(0,0,0,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.23),\r\n    0 0 28px rgba(0,170,255,.20);\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wai-extra-card * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* BLUE AMBIENT GLOW *\/\r\n\r\n.wai-extra-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -120px;\r\n  right: -100px;\r\n\r\n  width: 310px;\r\n  height: 310px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(0,190,255,.26),\r\n      rgba(0,125,255,.10) 45%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter: blur(12px);\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* ANIMATED LIGHT SWEEP *\/\r\n\r\n.wai-extra-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -30%;\r\n  left: -45%;\r\n\r\n  width: 38%;\r\n  height: 160%;\r\n\r\n  transform: rotate(18deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,0) 0%,\r\n      rgba(180,235,255,.05) 20%,\r\n      rgba(220,250,255,.22) 50%,\r\n      rgba(180,235,255,.05) 80%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n\r\n  filter: blur(10px);\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n\r\n  animation:\r\n    waiLightSweep 9s ease-in-out infinite;\r\n}\r\n\r\n\/* CONTENT ABOVE EFFECTS *\/\r\n\r\n.wai-extra-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.wai-extra-card:hover {\r\n  transform: translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(190,240,255,.90);\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(0,0,0,.24),\r\n    inset 0 1px 0 rgba(255,255,255,.30),\r\n    0 0 32px rgba(0,190,255,.37),\r\n    0 0 55px rgba(0,135,255,.14);\r\n}\r\n\r\n\/* CATEGORY LABEL *\/\r\n\r\n.wai-extra-card .wai-extra-label {\r\n  display: inline-block;\r\n\r\n  max-width: 100%;\r\n\r\n  padding: 9px 15px;\r\n  margin-bottom: 25px;\r\n\r\n  border-radius: 30px;\r\n\r\n  background:\r\n    rgba(0,165,255,.22);\r\n\r\n  border:\r\n    1px solid rgba(150,230,255,.60);\r\n\r\n  color: #bdeeff;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.5;\r\n\r\n  letter-spacing: 1.1px;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.16),\r\n    0 0 17px rgba(0,165,255,.18);\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.wai-extra-card .wai-extra-title {\r\n  margin: 0 0 20px !important;\r\n  padding: 0 !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(26px, 2.8vw, 36px) !important;\r\n\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n  letter-spacing: -.5px !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  text-transform: none !important;\r\n\r\n  overflow-wrap: break-word;\r\n\r\n  text-shadow:\r\n    0 2px 5px rgba(0,0,0,.26),\r\n    0 0 18px rgba(255,255,255,.24),\r\n    0 0 28px rgba(0,165,255,.18);\r\n}\r\n\r\n\/* NEON 3D PRICE *\/\r\n\r\n.wai-extra-card .wai-extra-price {\r\n  margin: 0 0 24px;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size:\r\n    clamp(46px, 4.4vw, 64px);\r\n\r\n  font-weight: 900;\r\n  line-height: 1.25;\r\n\r\n  letter-spacing: -1.5px;\r\n\r\n  color: #effcff;\r\n\r\n  white-space: nowrap;\r\n\r\n  -webkit-text-stroke:\r\n    .4px rgba(255,255,255,.60);\r\n\r\n  text-shadow:\r\n    0 1px 0 #8be1ff,\r\n    0 2px 0 #56b8e6,\r\n    0 3px 0 #287fb6,\r\n    0 5px 0 #124970,\r\n\r\n    0 8px 12px rgba(0,0,0,.50),\r\n\r\n    0 0 14px rgba(150,235,255,.78),\r\n    0 0 30px rgba(0,185,255,.52),\r\n    0 0 52px rgba(0,140,255,.27);\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.wai-extra-card .wai-extra-text {\r\n  margin: 0 0 26px !important;\r\n\r\n  color: #ecf6ff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size: 16px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.8 !important;\r\n\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 1px 5px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* PRICE NOTE *\/\r\n\r\n.wai-extra-card .wai-extra-note {\r\n  padding: 15px 17px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    rgba(0,125,220,.12);\r\n\r\n  border:\r\n    1px solid rgba(130,215,255,.27);\r\n\r\n  color: #c6dff0;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.08);\r\n}\r\n\r\n\/* LIGHT SWEEP ANIMATION *\/\r\n\r\n@keyframes waiLightSweep {\r\n  0% {\r\n    left: -45%;\r\n    opacity: 0;\r\n  }\r\n\r\n  8% {\r\n    opacity: .35;\r\n  }\r\n\r\n  35% {\r\n    opacity: .55;\r\n  }\r\n\r\n  55% {\r\n    opacity: .28;\r\n  }\r\n\r\n  70% {\r\n    left: 115%;\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    left: 115%;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .wai-extra-card {\r\n    min-height: 0;\r\n\r\n    padding: 27px 22px;\r\n\r\n    border-radius: 19px;\r\n  }\r\n\r\n  .wai-extra-card .wai-extra-title {\r\n    font-size: 27px !important;\r\n  }\r\n\r\n  .wai-extra-card .wai-extra-price {\r\n    font-size: 50px;\r\n  }\r\n\r\n  .wai-extra-card .wai-extra-text {\r\n    font-size: 15px !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  .wai-extra-card .wai-extra-note {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .wai-extra-card::after {\r\n    width: 44%;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wai-extra-card {\r\n    transition: none;\r\n  }\r\n\r\n  .wai-extra-card:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .wai-extra-card::after {\r\n    animation: none;\r\n    opacity: .18;\r\n    left: 22%;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nMEERTALIGE WEBSITE\r\n========================================== -->\r\n\r\n<article class=\"wai-extra-card\">\r\n\r\n  <div class=\"wai-extra-label\">\r\n    EXTRA MOGELIJKHEDEN\r\n  <\/div>\r\n\r\n  <h2 class=\"wai-extra-title\">\r\n    Meertalige website\r\n  <\/h2>\r\n\r\n  <div class=\"wai-extra-price\">\r\n    \u20ac 200\r\n  <\/div>\r\n\r\n  <p class=\"wai-extra-text\">\r\n    Bereik meer klanten met een professionele\r\n    website in een extra taal.\r\n\r\n    <br><br>\r\n\r\n    Wij passen de teksten en navigatie aan,\r\n    zodat jouw website ook internationale\r\n    bezoekers professioneel aanspreekt.\r\n  <\/p>\r\n\r\n  <div class=\"wai-extra-note\">\r\n    Eenmalige prijs per extra taal.\r\n    De exacte omvang wordt vooraf afgestemd.\r\n    Excl. btw.\r\n  <\/div>\r\n\r\n<\/article>\r\n\r\n<!-- EINDE MEERTALIGE WEBSITE \u2014 \u20ac200 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2b48a45 e-con e-atomic-element e-flexbox-base e-default-div e-77287e3 \" data-id=\"2b48a45\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2b48a45\">\n    \t\t<div class=\"elementor-element elementor-element-6a32442 elementor-widget elementor-widget-html\" data-id=\"6a32442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"wai-extra-card\">\r\n\r\n  <div class=\"wai-extra-label\">\r\n    PREMIUM 3D EXPERIENCE\r\n  <\/div>\r\n\r\n  <h2 class=\"wai-extra-title\">\r\n    Interactieve 3D\r\n  <\/h2>\r\n\r\n  <div class=\"wai-extra-price\">\r\n    Vanaf \u20ac 150\r\n  <\/div>\r\n\r\n  <p class=\"wai-extra-text\">\r\n    Geef jouw website extra diepte\r\n    met een individueel samengestelde\r\n    3D-presentatie.\r\n    <br><br>\r\n    Combineer een subtiel bewegende\r\n    achtergrond met een 3D-object\r\n    dat bezoekers kunnen bekijken\r\n    en bedienen.\r\n  <\/p>\r\n\r\n  <div class=\"wai-extra-note\">\r\n    Eenmalige prijs voor een eenvoudige\r\n    3D-integratie met een bestaand model.\r\n    Complex maatwerk apart geoffreerd.\r\n    Excl. btw.\r\n  <\/div>\r\n\r\n<\/article>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-6b69d2e e-con e-atomic-element e-flexbox-base e-default-div e-bb26b80 \" data-id=\"6b69d2e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b69d2e\">\n    <div class=\"elementor-element elementor-element-cd5b43c e-con e-atomic-element e-flexbox-base e-default-div e-7de00c5 \" data-id=\"cd5b43c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cd5b43c\">\n    \t\t<div class=\"elementor-element elementor-element-d757214 elementor-widget elementor-widget-html\" data-id=\"d757214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM\r\nEXTRA 3D-ANIMATIE\r\nVANAF \u20ac150 EXCL. BTW\r\nPREMIUM GLASS CARD\r\n========================================== -->\r\n\r\n<style>\r\n\r\n\/* MAIN CARD *\/\r\n\r\n.wai-3d-extra-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  min-width: 0;\r\n  min-height: 590px;\r\n  padding: clamp(24px, 3vw, 40px);\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 85% 15%,\r\n      rgba(0,180,255,0.18),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(25,65,110,0.70),\r\n      rgba(5,19,42,0.68)\r\n    );\r\n\r\n  border: 1px solid rgba(135,220,255,0.52);\r\n\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n\r\n  box-shadow:\r\n    0 18px 50px rgba(0,0,0,0.22),\r\n    inset 0 1px 0 rgba(255,255,255,0.20),\r\n    0 0 30px rgba(0,160,255,0.18);\r\n\r\n  transition:\r\n    border-color 0.4s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n.wai-3d-extra-card * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* BLUE GLOW *\/\r\n\r\n.wai-3d-extra-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 320px;\r\n  height: 320px;\r\n  top: -130px;\r\n  right: -130px;\r\n  border-radius: 50%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(0,190,255,0.26),\r\n    rgba(0,130,255,0.09) 45%,\r\n    transparent 75%\r\n  );\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* ANIMATED LIGHT SWEEP *\/\r\n\r\n.wai-3d-extra-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -30%;\r\n  left: 0;\r\n  width: 38%;\r\n  height: 160%;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(155,225,255,0.05),\r\n    rgba(205,245,255,0.18),\r\n    rgba(155,225,255,0.05),\r\n    transparent\r\n  );\r\n\r\n  transform: translateX(-350%) rotate(18deg);\r\n  filter: blur(8px);\r\n\r\n  animation: wai3DExtraShine 11s ease-in-out infinite;\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n@keyframes wai3DExtraShine {\r\n  0%, 10% {\r\n    transform: translateX(-350%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  20% {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  55% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0.7;\r\n  }\r\n\r\n  65%, 100% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.wai-3d-extra-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.wai-3d-extra-card:hover {\r\n  border-color: rgba(180,240,255,0.85);\r\n\r\n  box-shadow:\r\n    0 22px 55px rgba(0,0,0,0.25),\r\n    inset 0 1px 0 rgba(255,255,255,0.26),\r\n    0 0 38px rgba(0,185,255,0.32);\r\n}\r\n\r\n\/* LABEL *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-label {\r\n  display: inline-flex;\r\n  align-self: flex-start;\r\n  align-items: center;\r\n\r\n  padding: 9px 15px;\r\n  margin-bottom: 25px;\r\n  border-radius: 30px;\r\n\r\n  background: rgba(0,160,255,0.20);\r\n  border: 1px solid rgba(130,225,255,0.50);\r\n\r\n  color: #b9edff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: 1.1px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase !important;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,170,255,0.15);\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-title {\r\n  margin: 0 0 15px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: clamp(26px, 3vw, 38px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.22 !important;\r\n  letter-spacing: -0.5px !important;\r\n  text-transform: none !important;\r\n\r\n  overflow-wrap: break-word;\r\n\r\n  text-shadow:\r\n    0 0 15px rgba(255,255,255,0.26),\r\n    0 0 30px rgba(0,170,255,0.20);\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-subtitle {\r\n  margin: 0 0 28px !important;\r\n\r\n  color: #e2effa !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 16px !important;\r\n  line-height: 1.75 !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\/* PRICE *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-price {\r\n  margin: 0 0 8px !important;\r\n\r\n  color: #f0fcff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: clamp(39px, 4vw, 54px) !important;\r\n  font-weight: 900 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -1.3px !important;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-shadow:\r\n    0 1px 0 #8be1ff,\r\n    0 2px 0 #54b8e8,\r\n    0 3px 0 #287fb6,\r\n    0 5px 0 #124970,\r\n    0 8px 12px rgba(0,0,0,0.45),\r\n    0 0 14px rgba(140,230,255,0.75),\r\n    0 0 30px rgba(0,170,255,0.45);\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-period {\r\n  display: block;\r\n  margin-top: 5px;\r\n  margin-bottom: 5px;\r\n\r\n  color: #d9e9f5 !important;\r\n  font-size: 14px !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-vat {\r\n  color: #b9d4e6 !important;\r\n  font-size: 13px !important;\r\n}\r\n\r\n\/* DIVIDER *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  margin: 26px 0;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(120,220,255,0.65),\r\n    transparent\r\n  );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,180,255,0.22);\r\n}\r\n\r\n\/* FEATURES *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-list {\r\n  list-style: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 0 26px !important;\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n\r\n  margin: 0 0 16px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #e4f0fa !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-list li::before {\r\n  content: \"\u2713\";\r\n  flex: 0 0 16px;\r\n\r\n  color: #8de5ff;\r\n  font-weight: 800;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(0,200,255,0.65);\r\n}\r\n\r\n\/* NOTE *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-note {\r\n  margin: 0 0 24px !important;\r\n  padding: 15px 17px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: rgba(0,145,255,0.10);\r\n  border: 1px solid rgba(120,210,255,0.25);\r\n\r\n  color: #c5ddec !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* BUTTON WRAPPER *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-action {\r\n  margin-top: auto;\r\n}\r\n\r\n\/* PREMIUM GLASS BUTTON *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-button {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  width: 100%;\r\n  padding: 17px 18px;\r\n\r\n  border-radius: 13px;\r\n  overflow: hidden;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(100,215,255,0.29),\r\n    rgba(0,145,255,0.24),\r\n    rgba(30,100,200,0.27)\r\n  );\r\n\r\n  border: 1px solid rgba(175,239,255,0.90);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.5 !important;\r\n\r\n  text-align: center;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.32),\r\n    0 6px 18px rgba(0,45,110,0.20),\r\n    0 0 18px rgba(0,195,255,0.29),\r\n    0 0 35px rgba(0,145,255,0.15);\r\n\r\n  transition:\r\n    background 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n\/* BUTTON LIGHT SWEEP *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-button::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 0;\r\n  left: -45%;\r\n\r\n  width: 35%;\r\n  height: 100%;\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,0.28),\r\n    transparent\r\n  );\r\n\r\n  transition: left 0.55s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* BUTTON HOVER *\/\r\n\r\n.wai-3d-extra-card .wai-3d-extra-button:hover {\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(125,230,255,0.45),\r\n    rgba(0,170,255,0.38),\r\n    rgba(40,125,225,0.35)\r\n  );\r\n\r\n  border-color: #e2faff;\r\n\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.45),\r\n    0 9px 24px rgba(0,50,115,0.24),\r\n    0 0 24px rgba(0,205,255,0.48),\r\n    0 0 48px rgba(0,155,255,0.27);\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-button:hover::before {\r\n  left: 120%;\r\n}\r\n\r\n.wai-3d-extra-card .wai-3d-extra-button:focus-visible {\r\n  outline: 3px solid #b8f1ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .wai-3d-extra-card {\r\n    min-height: 0;\r\n    padding: 26px 22px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-3d-extra-card .wai-3d-extra-title {\r\n    font-size: 29px !important;\r\n  }\r\n\r\n  .wai-3d-extra-card .wai-3d-extra-price {\r\n    font-size: clamp(34px, 9vw, 43px) !important;\r\n  }\r\n\r\n  .wai-3d-extra-card .wai-3d-extra-subtitle {\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wai-3d-extra-card::after {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-3d-extra-card,\r\n  .wai-3d-extra-card .wai-3d-extra-button,\r\n  .wai-3d-extra-card .wai-3d-extra-button::before {\r\n    transition: none !important;\r\n  }\r\n\r\n  .wai-3d-extra-card .wai-3d-extra-button:hover {\r\n    transform: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nEXTRA 3D-ANIMATIE\r\n========================================== -->\r\n\r\n<article class=\"wai-3d-extra-card\">\r\n\r\n  <div class=\"wai-3d-extra-label\">\r\n    EXTRA MOGELIJKHEDEN\r\n  <\/div>\r\n\r\n  <h2 class=\"wai-3d-extra-title\">\r\n    Extra 3D-animatie\r\n  <\/h2>\r\n\r\n  <p class=\"wai-3d-extra-subtitle\">\r\n    Geef jouw website nog meer uitstraling\r\n    met een extra 3D-element of animatie,\r\n    afgestemd op jouw onderneming.\r\n  <\/p>\r\n\r\n  <div class=\"wai-3d-extra-price\">\r\n    \u20ac 150\r\n  <\/div>\r\n\r\n  <span class=\"wai-3d-extra-period\">\r\n    Vanaf \u00b7 eenmalig\r\n  <\/span>\r\n\r\n  <span class=\"wai-3d-extra-vat\">\r\n    Excl. btw\r\n  <\/span>\r\n\r\n  <div class=\"wai-3d-extra-divider\"><\/div>\r\n\r\n  <ul class=\"wai-3d-extra-list\">\r\n\r\n    <li>\r\n      Een extra 3D-element of animatie\r\n      op jouw website\r\n    <\/li>\r\n\r\n    <li>\r\n      Visuele stijl afgestemd op jouw bedrijf\r\n    <\/li>\r\n\r\n    <li>\r\n      Mogelijkheid tot interactieve\r\n      3D-presentatie\r\n    <\/li>\r\n\r\n    <li>\r\n      Geschikt voor desktop\r\n      en mobiele apparaten\r\n    <\/li>\r\n\r\n    <li>\r\n      Uitbreiding bovenop de 3D-elementen\r\n      die al in jouw pakket zijn inbegrepen\r\n    <\/li>\r\n\r\n  <\/ul>\r\n\r\n  <p class=\"wai-3d-extra-note\">\r\n    Vanaf \u20ac 150 excl. btw per extra\r\n    3D-element of animatie.\r\n    De definitieve prijs is afhankelijk\r\n    van het ontwerp en de complexiteit.\r\n    De mogelijkheden worden vooraf afgestemd.\r\n  <\/p>\r\n\r\n  <div class=\"wai-3d-extra-action\">\r\n\r\n    <a\r\n      class=\"wai-3d-extra-button\"\r\n      href=\"https:\/\/webavatarai.com\/contact\/\">\r\n\r\n      Vraag 3D-uitbreiding aan\r\n\r\n      <span aria-hidden=\"true\">\u2197<\/span>\r\n\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/article>\r\n\r\n<!-- ==========================================\r\nEINDE EXTRA 3D-ANIMATIE\r\n========================================== -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c9a9c43 e-con e-atomic-element e-flexbox-base e-default-div e-79d93aa \" data-id=\"c9a9c43\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9a9c43\">\n    \t\t<div class=\"elementor-element elementor-element-1db10c3 elementor-widget elementor-widget-html\" data-id=\"1db10c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM \u2014 PRIJZEN\r\nPREMIUM 3D-PROJECT\r\nMAATWERK \/ PRIJS OP AANVRAAG\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<style>\r\n\r\n\/* G\u0141\u00d3WNA KARTA *\/\r\n\r\n.wai-premium-3d-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n  min-height: 590px;\r\n\r\n  box-sizing: border-box;\r\n  padding: clamp(24px, 3vw, 40px);\r\n\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 15%,\r\n      rgba(0,190,255,.20),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(25,65,110,.70),\r\n      rgba(5,19,42,.68)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(135,220,255,.52);\r\n\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n\r\n  box-shadow:\r\n    0 18px 50px rgba(0,0,0,.22),\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    0 0 30px rgba(0,160,255,.18);\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif;\r\n\r\n  color: #ffffff;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wai-premium-3d-card *,\r\n.wai-premium-3d-card *::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* NIEBIESKA PO\u015aWIATA *\/\r\n\r\n.wai-premium-3d-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -130px;\r\n  right: -130px;\r\n\r\n  width: 320px;\r\n  height: 320px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(0,190,255,.27),\r\n      rgba(0,130,255,.09) 45%,\r\n      transparent 75%\r\n    );\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* PRZESUWAJ\u0104CY SI\u0118 REFLEKS *\/\r\n\r\n.wai-premium-3d-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -30%;\r\n  left: 0;\r\n\r\n  width: 38%;\r\n  height: 160%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(155,225,255,.05),\r\n      rgba(210,245,255,.20),\r\n      rgba(155,225,255,.05),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    translateX(-350%) rotate(18deg);\r\n\r\n  filter: blur(8px);\r\n\r\n  animation:\r\n    waiPremium3DShine 11s ease-in-out infinite;\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.wai-premium-3d-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* HOVER KARTY *\/\r\n\r\n.wai-premium-3d-card:hover {\r\n  border-color:\r\n    rgba(190,240,255,.90);\r\n\r\n  box-shadow:\r\n    0 22px 55px rgba(0,0,0,.25),\r\n    inset 0 1px 0 rgba(255,255,255,.26),\r\n    0 0 38px rgba(0,185,255,.34),\r\n    0 0 65px rgba(0,125,255,.12);\r\n}\r\n\r\n\/* ETYKIETA *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-label {\r\n  display: inline-flex;\r\n  align-self: flex-start;\r\n\r\n  max-width: 100%;\r\n\r\n  padding: 9px 15px;\r\n  margin-bottom: 25px;\r\n\r\n  border-radius: 30px;\r\n\r\n  background: rgba(0,160,255,.20);\r\n\r\n  border:\r\n    1px solid rgba(140,225,255,.57);\r\n\r\n  color: #b9edff !important;\r\n\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n\r\n  letter-spacing: 1px;\r\n  line-height: 1.5;\r\n\r\n  text-transform: uppercase;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(0,170,255,.17);\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-title {\r\n  margin: 0 0 16px !important;\r\n  padding: 0 !important;\r\n\r\n  font-size:\r\n    clamp(25px, 3vw, 38px) !important;\r\n\r\n  font-weight: 800 !important;\r\n  line-height: 1.22 !important;\r\n  letter-spacing: -.5px !important;\r\n\r\n  color: #ffffff !important;\r\n  text-transform: none !important;\r\n\r\n  overflow-wrap: break-word;\r\n\r\n  text-shadow:\r\n    0 0 15px rgba(255,255,255,.28),\r\n    0 0 30px rgba(0,170,255,.20);\r\n}\r\n\r\n\/* PODTYTU\u0141 *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-subtitle {\r\n  margin: 0 0 27px !important;\r\n\r\n  color: #e2effa !important;\r\n\r\n  font-size: 16px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* PANEL WYCENY *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-pricing {\r\n  padding: 20px 18px;\r\n\r\n  border-radius: 16px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(95,190,255,.16),\r\n      rgba(8,30,65,.20)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,225,255,.48);\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.18),\r\n    0 0 22px rgba(0,165,255,.14);\r\n}\r\n\r\n\/* CENA \u2014 WYCENA INDYWIDUALNA *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-price {\r\n  margin: 0 0 8px !important;\r\n\r\n  color: #f0fcff !important;\r\n\r\n  font-size:\r\n    clamp(27px, 2.8vw, 37px) !important;\r\n\r\n  font-weight: 900 !important;\r\n  line-height: 1.25 !important;\r\n\r\n  letter-spacing: -.6px;\r\n\r\n  text-shadow:\r\n    0 1px 0 #83dcff,\r\n    0 2px 0 #368bbd,\r\n    0 4px 8px rgba(0,0,0,.44),\r\n    0 0 15px rgba(145,230,255,.72),\r\n    0 0 32px rgba(0,170,255,.40);\r\n}\r\n\r\n.wai-premium-3d-card .wai-p3d-price-note {\r\n  color: #c5e6f7 !important;\r\n\r\n  font-size: 13px !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n\/* LINIA *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-divider {\r\n  width: 100%;\r\n  height: 1px;\r\n\r\n  margin: 27px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(120,220,255,.60),\r\n      transparent\r\n    );\r\n}\r\n\r\n\/* LISTA *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-list {\r\n  list-style: none !important;\r\n\r\n  margin: 0 0 25px !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.wai-premium-3d-card .wai-p3d-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  margin: 0 0 17px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #e4f0fa !important;\r\n\r\n  font-size: 14px !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n.wai-premium-3d-card .wai-p3d-list li::before {\r\n  content: \"\u2713\";\r\n\r\n  flex: 0 0 19px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(0,180,255,.17);\r\n\r\n  color: #8de5ff;\r\n\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(0,190,255,.18);\r\n}\r\n\r\n\/* INFORMACJA *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-note {\r\n  margin: 0 0 23px !important;\r\n\r\n  padding: 15px 17px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: rgba(0,145,255,.10);\r\n\r\n  border:\r\n    1px solid rgba(120,210,255,.25);\r\n\r\n  color: #c5ddec !important;\r\n\r\n  font-size: 13px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* PRZYCISK NA DOLE *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-action {\r\n  margin-top: auto;\r\n}\r\n\r\n\/* SZKLANY PRZYCISK *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-button {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  width: 100%;\r\n\r\n  padding: 17px 18px;\r\n\r\n  border-radius: 13px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(100,215,255,.30),\r\n      rgba(0,145,255,.25),\r\n      rgba(30,100,200,.28)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(175,239,255,.90);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 14px !important;\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.5 !important;\r\n\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.35),\r\n    0 6px 18px rgba(0,45,110,.20),\r\n    0 0 18px rgba(0,195,255,.30),\r\n    0 0 38px rgba(0,145,255,.17);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\/* REFLEKS PRZYCISKU *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-button::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: -45%;\r\n\r\n  width: 35%;\r\n  height: 100%;\r\n\r\n  transform: skewX(-25deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.29),\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n\r\n  transition: left .55s ease;\r\n}\r\n\r\n\/* HOVER PRZYCISKU *\/\r\n\r\n.wai-premium-3d-card .wai-p3d-button:hover {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(125,230,255,.47),\r\n      rgba(0,170,255,.39),\r\n      rgba(40,125,225,.36)\r\n    );\r\n\r\n  border-color: #e2faff;\r\n\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.46),\r\n    0 9px 24px rgba(0,50,115,.24),\r\n    0 0 25px rgba(0,205,255,.51),\r\n    0 0 50px rgba(0,155,255,.27);\r\n}\r\n\r\n.wai-premium-3d-card .wai-p3d-button:hover::before {\r\n  left: 120%;\r\n}\r\n\r\n.wai-premium-3d-card .wai-p3d-button:focus-visible {\r\n  outline: 3px solid #b8f1ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ANIMACJA REFLEKSU *\/\r\n\r\n@keyframes waiPremium3DShine {\r\n  0%, 10% {\r\n    transform:\r\n      translateX(-350%) rotate(18deg);\r\n\r\n    opacity: 0;\r\n  }\r\n\r\n  20% {\r\n    opacity: .7;\r\n  }\r\n\r\n  55% {\r\n    transform:\r\n      translateX(650%) rotate(18deg);\r\n\r\n    opacity: .7;\r\n  }\r\n\r\n  65%, 100% {\r\n    transform:\r\n      translateX(650%) rotate(18deg);\r\n\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* TELEFONY *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .wai-premium-3d-card {\r\n    min-height: 0;\r\n    padding: 26px 22px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-premium-3d-card .wai-p3d-title {\r\n    font-size: 29px !important;\r\n  }\r\n\r\n  .wai-premium-3d-card .wai-p3d-price {\r\n    font-size: 28px !important;\r\n  }\r\n\r\n  .wai-premium-3d-card .wai-p3d-subtitle {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n}\r\n\r\n\/* MNIEJ ANIMACJI *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wai-premium-3d-card::after {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-premium-3d-card,\r\n  .wai-premium-3d-card .wai-p3d-button,\r\n  .wai-premium-3d-card .wai-p3d-button::before {\r\n    transition: none !important;\r\n  }\r\n\r\n  .wai-premium-3d-card .wai-p3d-button:hover {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nPREMIUM 3D-PROJECT\r\n========================================== -->\r\n\r\n<article class=\"wai-premium-3d-card\">\r\n\r\n  <div class=\"wai-p3d-label\">\r\n    MAATWERK \u00b7 EXTRA MOGELIJKHEDEN\r\n  <\/div>\r\n\r\n  <h2 class=\"wai-p3d-title\">\r\n    Premium 3D-project\r\n  <\/h2>\r\n\r\n  <p class=\"wai-p3d-subtitle\">\r\n    Maak van jouw website een unieke\r\n    digitale ervaring met op maat\r\n    ontworpen 3D-presentaties,\r\n    interactieve elementen\r\n    en indrukwekkende animaties.\r\n  <\/p>\r\n\r\n  <div class=\"wai-p3d-pricing\">\r\n\r\n    <div class=\"wai-p3d-price\">\r\n      Offerte op maat\r\n    <\/div>\r\n\r\n    <div class=\"wai-p3d-price-note\">\r\n      Eenmalig \u00b7 prijs vooraf afgesproken\r\n      \u00b7 excl. btw\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"wai-p3d-divider\"><\/div>\r\n\r\n  <ul class=\"wai-p3d-list\">\r\n\r\n    <li>\r\n      Uniek 3D-ontwerp afgestemd\r\n      op jouw onderneming\r\n    <\/li>\r\n\r\n    <li>\r\n      Interactieve 3D-objecten\r\n      met rotatie en zoom\r\n    <\/li>\r\n\r\n    <li>\r\n      Exclusieve animaties\r\n      en visuele effecten\r\n    <\/li>\r\n\r\n    <li>\r\n      Integratie in jouw\r\n      bestaande of nieuwe website\r\n    <\/li>\r\n\r\n    <li>\r\n      Geschikt voor desktop,\r\n      tablet en smartphone\r\n    <\/li>\r\n\r\n    <li>\r\n      Mogelijkheden voor bijzondere\r\n      producten en visuele presentaties\r\n    <\/li>\r\n\r\n  <\/ul>\r\n\r\n  <p class=\"wai-p3d-note\">\r\n    Dit is een optionele uitbreiding\r\n    voor projecten die meer maatwerk vragen.\r\n    De definitieve prijs is afhankelijk\r\n    van het ontwerp, de complexiteit\r\n    en de gewenste functionaliteiten.\r\n    Alles wordt vooraf besproken.\r\n  <\/p>\r\n\r\n  <div class=\"wai-p3d-action\">\r\n\r\n    <a\r\n      class=\"wai-p3d-button\"\r\n      href=\"https:\/\/webavatarai.com\/contact\/\">\r\n\r\n      Vraag een offerte aan\r\n\r\n      <span aria-hidden=\"true\">\u2197<\/span>\r\n\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/article>\r\n\r\n<!-- EINDE PREMIUM 3D-PROJECT -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-5600443 e-con e-atomic-element e-flexbox-base e-default-div e-ad047f8 \" data-id=\"5600443\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5600443\">\n    <div class=\"elementor-element elementor-element-097b3d9 e-con e-atomic-element e-flexbox-base e-default-div e-30d69fa \" data-id=\"097b3d9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"097b3d9\">\n    \t\t<div class=\"elementor-element elementor-element-fcbb5ba elementor-widget elementor-widget-html\" data-id=\"fcbb5ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\nWEBAVATARAI.COM \u2014 PRIJZEN\r\nZO WERKEN WIJ \u2014 PREMIUM GLASS V2\r\nCOMPLETE HTML + CSS\r\n========================================== -->\r\n\r\n<style>\r\n\r\n\/* MAIN GLASS CARD *\/\r\n\r\n.wai-final-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n  min-height: 440px;\r\n\r\n  padding: clamp(26px, 3vw, 40px);\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 85% 12%,\r\n      rgba(0,190,255,.20),\r\n      transparent 60%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(50,115,180,.28),\r\n      rgba(8,28,61,.40)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,225,255,.60);\r\n\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(0,0,0,.20),\r\n    0 0 29px rgba(0,165,255,.22),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  color: #ffffff;\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wai-final-card *,\r\n.wai-final-card *::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* BLUE AMBIENT LIGHT *\/\r\n\r\n.wai-final-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  top: -130px;\r\n  right: -100px;\r\n\r\n  width: 310px;\r\n  height: 310px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(0,190,255,.29),\r\n      rgba(0,110,255,.10) 45%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter: blur(10px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* ANIMATED LIGHT REFLECTION *\/\r\n\r\n.wai-final-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  top: -30%;\r\n  left: 0;\r\n\r\n  width: 38%;\r\n  height: 160%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(180,235,255,.04),\r\n      rgba(220,250,255,.19),\r\n      rgba(180,235,255,.04),\r\n      transparent\r\n    );\r\n\r\n  transform: translateX(-350%) rotate(18deg);\r\n  filter: blur(9px);\r\n\r\n  animation:\r\n    waiFinalSweepV2 11s ease-in-out infinite;\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.wai-final-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.wai-final-card:hover {\r\n  border-color:\r\n    rgba(205,245,255,.94);\r\n\r\n  box-shadow:\r\n    0 22px 48px rgba(0,0,0,.24),\r\n    inset 0 1px 0 rgba(255,255,255,.32),\r\n    0 0 35px rgba(0,185,255,.38),\r\n    0 0 55px rgba(0,145,255,.16);\r\n}\r\n\r\n\/* MAIN TITLE *\/\r\n\r\n.wai-final-card .wai-final-title {\r\n  margin: 0 0 31px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(27px, 2.8vw, 36px) !important;\r\n\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n  letter-spacing: -.5px !important;\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 0 18px rgba(255,255,255,.23),\r\n    0 0 30px rgba(0,170,255,.14);\r\n}\r\n\r\n.wai-final-card .wai-final-title span {\r\n  color: #a8eaff !important;\r\n\r\n  text-shadow:\r\n    0 0 16px rgba(0,190,255,.57),\r\n    0 0 32px rgba(0,155,255,.28);\r\n}\r\n\r\n\/* PROCESS STEP *\/\r\n\r\n.wai-final-card .wai-final-step {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 18px;\r\n  margin-bottom: 29px;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n\/* GLASS NUMBER *\/\r\n\r\n.wai-final-card .wai-final-number {\r\n  display: inline-flex;\r\n  flex: 0 0 43px;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(110,215,255,.28),\r\n      rgba(0,110,220,.19)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(165,235,255,.72);\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  color: #d5f7ff;\r\n\r\n  font-size: 15px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.31),\r\n    0 0 18px rgba(0,185,255,.31);\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(0,190,255,.57);\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.wai-final-card .wai-final-step:hover .wai-final-number {\r\n  border-color: #e1faff;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.44),\r\n    0 0 23px rgba(0,195,255,.52);\r\n}\r\n\r\n\/* STEP TEXT CONTAINER *\/\r\n\r\n.wai-final-card .wai-final-step-content {\r\n  flex: 1 1 auto;\r\n  min-width: 0;\r\n}\r\n\r\n\/* STEP HEADINGS *\/\r\n\r\n.wai-final-card .wai-final-step h3 {\r\n  margin: 0 0 9px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size: 19px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 0 13px rgba(180,230,255,.22);\r\n}\r\n\r\n\/* STEP DESCRIPTIONS *\/\r\n\r\n.wai-final-card .wai-final-step p {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: #e5f1fb !important;\r\n\r\n  font-family:\r\n    'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size: 15px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.75 !important;\r\n\r\n  text-transform: none !important;\r\n}\r\n\r\n\/* BOTTOM INFORMATION *\/\r\n\r\n.wai-final-card .wai-final-note {\r\n  margin-top: auto;\r\n\r\n  padding: 19px 17px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    rgba(0,125,220,.12);\r\n\r\n  border:\r\n    1px solid rgba(130,215,255,.30);\r\n\r\n  color: #cbe3f3;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.09);\r\n}\r\n\r\n\/* ==========================================\r\n   FAQ STYLES \u2014 PRESERVED\r\n========================================== *\/\r\n\r\n.wai-faq-item {\r\n  margin-bottom: 13px;\r\n  padding: 16px 18px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(75,165,235,.14),\r\n      rgba(0,90,180,.09)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(140,220,255,.36);\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.11),\r\n    0 0 15px rgba(0,165,255,.08);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.wai-faq-item:hover,\r\n.wai-faq-item[open] {\r\n  background: rgba(0,150,255,.16);\r\n  border-color: rgba(170,235,255,.65);\r\n}\r\n\r\n.wai-faq-item summary {\r\n  cursor: pointer;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.55 !important;\r\n}\r\n\r\n.wai-faq-item summary:focus-visible {\r\n  outline: 2px solid #9de7ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n.wai-faq-item p {\r\n  margin: 14px 0 0 !important;\r\n\r\n  color: #d8eaf7 !important;\r\n\r\n  font-size: 14px !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   ANIMATED REFLECTION\r\n========================================== *\/\r\n\r\n@keyframes waiFinalSweepV2 {\r\n  0%, 12% {\r\n    transform: translateX(-350%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  22% {\r\n    opacity: .65;\r\n  }\r\n\r\n  55% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: .7;\r\n  }\r\n\r\n  70%, 100% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  .wai-final-card {\r\n    min-height: 0;\r\n    padding: 27px 20px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-final-card .wai-final-title {\r\n    font-size: 28px !important;\r\n    margin-bottom: 26px !important;\r\n  }\r\n\r\n  .wai-final-card .wai-final-step {\r\n    gap: 14px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .wai-final-card .wai-final-number {\r\n    flex-basis: 39px;\r\n    width: 39px;\r\n    height: 39px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .wai-final-card .wai-final-step h3 {\r\n    font-size: 17px !important;\r\n  }\r\n\r\n  .wai-final-card .wai-final-step p {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .wai-final-card .wai-final-note {\r\n    padding: 16px;\r\n    font-size: 12px;\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  .wai-final-card::after {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-final-card,\r\n  .wai-final-card .wai-final-number,\r\n  .wai-faq-item {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ==========================================\r\nZO WERKEN WIJ\r\n========================================== -->\r\n\r\n<article class=\"wai-final-card\">\r\n\r\n  <h2 class=\"wai-final-title\">\r\n    Zo <span>werken wij<\/span>\r\n  <\/h2>\r\n\r\n  <!-- STEP 01 -->\r\n\r\n  <div class=\"wai-final-step\">\r\n\r\n    <div class=\"wai-final-number\">\r\n      01\r\n    <\/div>\r\n\r\n    <div class=\"wai-final-step-content\">\r\n\r\n      <h3>\r\n        Kennismaking\r\n      <\/h3>\r\n\r\n      <p>\r\n        We bespreken jouw onderneming,\r\n        wensen en de uitstraling\r\n        van jouw nieuwe website.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- STEP 02 -->\r\n\r\n  <div class=\"wai-final-step\">\r\n\r\n    <div class=\"wai-final-number\">\r\n      02\r\n    <\/div>\r\n\r\n    <div class=\"wai-final-step-content\">\r\n\r\n      <h3>\r\n        Ontwerp en ontwikkeling\r\n      <\/h3>\r\n\r\n      <p>\r\n        Wij bouwen jouw website\r\n        met een professioneel design,\r\n        passende visuele effecten\r\n        en duidelijke navigatie.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- STEP 03 -->\r\n\r\n  <div class=\"wai-final-step\">\r\n\r\n    <div class=\"wai-final-number\">\r\n      03\r\n    <\/div>\r\n\r\n    <div class=\"wai-final-step-content\">\r\n\r\n      <h3>\r\n        Controle en oplevering\r\n      <\/h3>\r\n\r\n      <p>\r\n        We controleren het ontwerp,\r\n        de belangrijkste functies\r\n        en de weergave op verschillende\r\n        apparaten.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- BOTTOM NOTE -->\r\n\r\n  <div class=\"wai-final-note\">\r\n    Voor de start spreken we de inhoud,\r\n    het gekozen pakket en eventuele\r\n    aanvullende diensten duidelijk af.\r\n  <\/div>\r\n\r\n<\/article>\r\n\r\n<!-- EINDE ZO WERKEN WIJ -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fa8e868 e-con e-atomic-element e-flexbox-base e-default-div e-fd3f7bd \" data-id=\"fa8e868\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fa8e868\">\n    \t\t<div class=\"elementor-element elementor-element-9b855e3 elementor-widget elementor-widget-html\" data-id=\"9b855e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"wai-final-card\">\r\n\r\n  <h2 class=\"wai-final-title\">\r\n    Veelgestelde <span>vragen<\/span>\r\n  <\/h2>\r\n\r\n  <details class=\"wai-faq-item\">\r\n    <summary>\r\n      Is een AI-avatar verplicht?\r\n    <\/summary>\r\n\r\n    <p>\r\n      Nee. Een AI-avatar is volledig\r\n      optioneel en kan afzonderlijk\r\n      aan jouw website worden toegevoegd.\r\n    <\/p>\r\n  <\/details>\r\n\r\n  <details class=\"wai-faq-item\">\r\n    <summary>\r\n      Zijn hosting en domeinnaam inbegrepen?\r\n    <\/summary>\r\n\r\n    <p>\r\n      Hosting, domeinnaam en eventuele\r\n      betaalde licenties worden\r\n      vooraf afzonderlijk besproken.\r\n    <\/p>\r\n  <\/details>\r\n\r\n  <details class=\"wai-faq-item\">\r\n    <summary>\r\n      Kan ik mijn website later uitbreiden?\r\n    <\/summary>\r\n\r\n    <p>\r\n      Ja. Je kunt later extra pagina's,\r\n      talen, visuele 3D-elementen\r\n      of een AI-avatar toevoegen.\r\n      De kosten worden vooraf afgestemd.\r\n    <\/p>\r\n  <\/details>\r\n\r\n  <details class=\"wai-faq-item\">\r\n    <summary>\r\n      Wat kost het gebruik van AI?\r\n    <\/summary>\r\n\r\n    <p>\r\n      De AI-abonnementen beginnen\r\n      bij \u20ac 150 per maand.\r\n      Eenmalige integratie kost \u20ac 150.\r\n      Gebruikskosten en AI-tegoeden\r\n      worden afzonderlijk berekend.\r\n      Alle bedragen zijn exclusief btw.\r\n    <\/p>\r\n  <\/details>\r\n\r\n  <details class=\"wai-faq-item\">\r\n    <summary>\r\n      Wat gebeurt er na de introductieactie?\r\n    <\/summary>\r\n\r\n    <p>\r\n      Na de eerste 10 klanten\r\n      stijgen de prijzen van onze\r\n      drie websitepakketten met 40%.\r\n    <\/p>\r\n  <\/details>\r\n\r\n  <div class=\"wai-final-note\">\r\n    Heb je andere vragen?\r\n    Neem gerust contact met ons op\r\n    voor persoonlijk advies.\r\n  <\/div>\r\n\r\n<\/article>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-905ba0f e-con e-atomic-element e-flexbox-base e-default-div e-986674f \" data-id=\"905ba0f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"905ba0f\">\n    \t\t<div class=\"elementor-element elementor-element-69bd3f2 elementor-widget elementor-widget-html\" data-id=\"69bd3f2\" 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=\"Footernavigatie\">\r\n\r\n      <h3>NAVIGATIE<\/h3>\r\n\r\n      <ul>\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/\">\r\n            Home\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/over-ons-diensten\/\">\r\n            Over ons &amp; Diensten\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/prijzen\/\">\r\n            Prijzen\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/3d-bibliotheek\/\">\r\n            3D Bibliotheek\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.com\/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        Digitale ervaringen die indruk maken.\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        Samen iets bijzonders maken?\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        Vertel ons over jouw idee.\r\n        Wij denken graag met je mee.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/webavatarai.com\/contact\/\"\r\n        class=\"wa-footer-contact-button\">\r\n        Neem contact op\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      Alle rechten voorbehouden.\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBAVATARAI \u00b7 ONZE PRIJZEN Premium websites Transparante prijzen Van stijlvolle websites met indrukwekkende 3D-effecten tot interactieve digitale ervaringen met professionele animaties. Ontdek onze pakketten en kies de oplossing die perfect aansluit bij jouw onderneming. Bekijk onze pakketten \u2192 WEB DESIGN 3D websites Moderne websites met subtiele beweging en een premium uitstraling. Bekijk 3D-voorbeelden \u2197 WEBSITE [&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-719","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\/719","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=719"}],"version-history":[{"count":163,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/pages\/719\/revisions\/1566"}],"wp:attachment":[{"href":"https:\/\/webavatarai.com\/en\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}