{"id":47212,"date":"2026-04-15T14:38:44","date_gmt":"2026-04-15T12:38:44","guid":{"rendered":"https:\/\/varify.io\/?page_id=47212"},"modified":"2026-04-30T17:22:19","modified_gmt":"2026-04-30T15:22:19","slug":"varify-pbx-examples","status":"publish","type":"page","link":"https:\/\/varify.io\/it\/varify-pbx-examples\/","title":{"rendered":"Esempi di PBX Varify"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47212\" class=\"elementor elementor-47212\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3adc9f8 e-con-full e-flex e-con e-parent\" data-id=\"3adc9f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92b6999 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"92b6999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Varify AI Features Landing Page \u2014 v4 (FIXED) -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n.vai-block *, .vai-block *::before, .vai-block *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.vai-block {\n  --primary:      #15897B;\n  --primary-dark: #0F6960;\n  --primary-light:#E6F5F3;\n  --primary-mid:  #C2E8E3;\n  --bg:           #F4F8FA;\n  --white:        #ffffff;\n  --muted:        #64748b;\n  --dark:         #37393C;\n  --border:       #e2e8f0;\n  --radius:       12px;\n  --shadow-sm:    0 1px 3px rgba(0,0,0,.08);\n  --shadow-md:    0 4px 20px rgba(21,137,123,.15);\n  --ai-glow:      0 0 40px rgba(21,137,123,.2);\n\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; line-height: 22px;\n  color: var(--dark);\n  -webkit-font-smoothing: antialiased;\n  scroll-behavior: smooth;\n}\n\n.vai-block h1 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(2rem, 4.5vw, 3rem);\n  font-weight: 800; line-height: 1.12;\n  letter-spacing: -0.03em; color: var(--dark) !important;\n}\n.vai-block h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(1.5rem, 3vw, 1.9rem);\n  font-weight: 700; line-height: 1.25;\n  letter-spacing: -0.02em; color: var(--dark) !important;\n}\n.vai-block h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 1.125rem; font-weight: 600; line-height: 1.4;\n  color: var(--dark) !important;\n}\n.vai-block h4 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 600; color: var(--dark) !important;\n}\n.vai-block p { font-size: 14px; line-height: 22px; color: var(--muted) !important; }\n.vai-block a { text-decoration: none; }\n\n.vai-block .container {\n  max-width: 1140px; margin: 0 auto; padding: 0 28px;\n}\n\n.vai-block .eyebrow {\n  display: inline-flex; align-items: center; gap: 6px;\n  font-size: 12px; font-weight: 600; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--primary);\n}\n.vai-block .eyebrow--pill {\n  background: var(--primary-light); border: 1px solid var(--primary-mid);\n  padding: 4px 12px; border-radius: 9999px;\n}\n\n.vai-block .btn {\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 13px 28px; border-radius: 9999px;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 600; line-height: 22px;\n  text-decoration: none; border: none; cursor: pointer;\n  transition: all .18s ease; white-space: nowrap;\n}\n.vai-block .btn--primary {\n  background: var(--primary); color: #fff !important;\n  box-shadow: 0 2px 8px rgba(21,137,123,.3);\n}\n.vai-block .btn--primary:hover {\n  background: var(--primary-dark); transform: translateY(-1px);\n  box-shadow: 0 4px 14px rgba(21,137,123,.4);\n}\n.vai-block .btn--ghost {\n  background: transparent; color: var(--primary) !important;\n  font-size: 14px; font-weight: 500; padding: 0;\n  border: none; text-decoration: underline; text-underline-offset: 3px;\n}\n.vai-block .btn--ghost:hover { color: var(--primary-dark) !important; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.vai-block .hero {\n  background: var(--white); border-bottom: 1px solid var(--border);\n  padding: 96px 0 80px; position: relative; overflow: hidden; text-align: center;\n}\n.vai-block .hero::before {\n  content: ''; position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(21,137,123,.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(21,137,123,.05) 1px, transparent 1px);\n  background-size: 40px 40px;\n  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 70%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 70%);\n  pointer-events: none;\n}\n.vai-block .hero::after {\n  content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%);\n  width: 900px; height: 900px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(21,137,123,.07) 0%, transparent 60%);\n  pointer-events: none;\n}\n.vai-block .hero__inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }\n.vai-block .hero__kicker {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--primary-light); border: 1px solid var(--primary-mid);\n  padding: 5px 14px; border-radius: 9999px;\n  font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;\n  color: var(--primary); margin-bottom: 24px;\n}\n.vai-block .hero__kicker::before {\n  content: ''; width: 6px; height: 6px; border-radius: 50%;\n  background: var(--primary); animation: vai-pulse 2s ease-in-out infinite;\n}\n@keyframes vai-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: .5; transform: scale(1.4); }\n}\n.vai-block .hero h1 em { color: var(--primary); font-style: normal; }\n.vai-block .hero__sub {\n  font-size: 16px !important; line-height: 26px !important; color: var(--muted) !important;\n  max-width: 560px; margin: 20px auto 36px;\n}\n.vai-block .hero__actions {\n  display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 16px;\n}\n\n\n\/* \u2500\u2500 HERO MOCKUP WITH BEFORE\/AFTER SLIDER \u2500\u2500 *\/\n.vai-block .hero__mockup {\n  position: relative; z-index: 1; margin-top: 56px;\n  border-radius: 16px; overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0,0,0,.12), 0 0 0 1px rgba(21,137,123,.12);\n}\n\/* Light mockup bar *\/\n.vai-block .mockup-bar {\n  background: #f8fafb; display: flex; align-items: center; gap: 6px; padding: 8px 16px;\n  border-bottom: 1px solid var(--border);\n}\n.vai-block .mockup-dot { width: 9px; height: 9px; border-radius: 50%; }\n.vai-block .mockup-bar__url {\n  flex: 1; text-align: center; font-family: 'DM Mono', monospace;\n  font-size: 12px; color: #94a3b8;\n}\n.vai-block .mockup-split {\n  display: grid; grid-template-columns: 1fr 300px; min-height: 440px;\n}\n\n\/* Before\/After Slider *\/\n.vai-block .ba-container {\n  position: relative; overflow: hidden; cursor: col-resize;\n  user-select: none; -webkit-user-select: none;\n  background: #f8fafb;\n}\n.vai-block .ba-layer {\n  position: absolute; inset: 0; overflow: hidden;\n  z-index: 1;\n}\n.vai-block .ba-layer--after {\n  clip-path: inset(0 0 0 50%);\n  z-index: 2;\n}\n.vai-block .ba-page {\n  width: 100%; height: 100%;\n  padding: 52px 28px 28px;\n  font-family: 'Poppins', sans-serif;\n}\n\/* Fake nav inside both layers *\/\n.vai-block .ba-nav {\n  position: absolute; top: 0; left: 0; right: 0; height: 38px;\n  background: #fff; border-bottom: 1px solid #e8ecf0;\n  display: flex; align-items: center; padding: 0 20px; gap: 20px;\n}\n.vai-block .ba-nav span { font-size: 10px; color: #94a3b8; font-weight: 500; }\n.vai-block .ba-nav span:first-child { font-weight: 700; color: var(--dark); font-size: 12px; }\n\n\/* Before page styling *\/\n.vai-block .ba-before-page { background: #f8fafb; }\n.vai-block .ba-after-page { background: #f4faf9; }\n\n.vai-block .ba-product-img {\n  width: 100%; max-width: 260px; height: 130px; border-radius: 8px;\n  margin: 0 auto 16px; display: flex; align-items: center; justify-content: center;\n}\n.vai-block .ba-product-img--before { background: #e8ecf0; }\n.vai-block .ba-product-img--after { background: #d5efeb; }\n.vai-block .ba-product-img svg { color: #c0c8d0; }\n\n.vai-block .ba-product-title {\n  font-size: 14px; font-weight: 700; margin-bottom: 3px; text-align: center;\n}\n.vai-block .ba-product-sub {\n  font-size: 12px; color: #9ca3af; text-align: center; margin-bottom: 10px;\n}\n.vai-block .ba-product-price {\n  font-size: 20px; font-weight: 800; text-align: center; margin-bottom: 6px;\n}\n.vai-block .ba-urgency {\n  text-align: center; font-size: 12px; font-weight: 600; color: var(--primary);\n  margin-bottom: 12px;\n}\n.vai-block .ba-cta-btn {\n  display: block; width: 100%; max-width: 260px; margin: 0 auto 10px;\n  padding: 11px 0; border-radius: 8px; text-align: center;\n  font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif;\n  border: none;\n}\n.vai-block .ba-cta-btn--before {\n  background: #d1d5db; color: #6b7280; border: 1px solid #c0c4ca;\n}\n.vai-block .ba-cta-btn--after {\n  background: var(--primary); color: #fff;\n  box-shadow: 0 4px 12px rgba(21,137,123,.3);\n  font-size: 14px; font-weight: 700; padding: 13px 0;\n}\n.vai-block .ba-trust-row {\n  display: flex; align-items: center; justify-content: center;\n  gap: 8px; margin-top: 10px; flex-wrap: wrap;\n}\n.vai-block .ba-trust-row span {\n  font-size: 10px; color: #6b7280;\n}\n.vai-block .ba-reviews {\n  text-align: center; font-size: 12px; color: #6b7280; margin-top: 8px;\n}\n.vai-block .ba-reviews strong { color: var(--dark); font-weight: 600; }\n.vai-block .ba-delivery {\n  text-align: center; font-size: 12px; color: #c0c8d0; margin-top: 14px;\n}\n.vai-block .ba-delivery--after {\n  color: #6b7280;\n}\n\n\/* B\/A Labels *\/\n.vai-block .ba-label {\n  position: absolute; top: 48px;\n  font-size: 10px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: .1em; padding: 4px 10px; border-radius: 6px;\n  z-index: 3;\n}\n.vai-block .ba-label--before {\n  left: 12px; background: #fef2f2; color: #ef4444; border: 1px solid #fecaca;\n}\n.vai-block .ba-label--after {\n  right: 12px; background: var(--primary-light); color: var(--primary); border: 1px solid var(--primary-mid);\n}\n\n\/* Handle *\/\n.vai-block .ba-handle {\n  position: absolute; top: 0; bottom: 0; width: 3px;\n  background: var(--primary); z-index: 5;\n  left: 50%; transform: translateX(-50%);\n  box-shadow: 0 0 12px rgba(21,137,123,.4);\n}\n.vai-block .ba-handle::after {\n  content: ''; position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 36px; height: 36px; border-radius: 50%;\n  background: var(--primary); border: 3px solid #fff;\n  box-shadow: 0 2px 10px rgba(0,0,0,.2);\n  display: flex; align-items: center; justify-content: center;\n}\n.vai-block .ba-handle::before {\n  content: '\u25c2 \u25b8'; position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%); z-index: 6;\n  font-size: 10px; color: #fff; letter-spacing: 2px;\n  font-family: 'DM Mono', monospace; white-space: nowrap;\n}\n\n.vai-block .ba-hint {\n  text-align: center; font-size: 12px; color: var(--muted); margin-top: 10px;\n}\n\n\/* AI Sidebar (compact) *\/\n.vai-block .ai-sidebar {\n  background: #fff; border-left: 1px solid #e8ecf0;\n  display: flex; flex-direction: column;\n}\n.vai-block .ai-sidebar__header {\n  padding: 12px 14px; border-bottom: 1px solid #e8ecf0;\n  display: flex; align-items: center; justify-content: space-between;\n}\n.vai-block .ai-sidebar__title {\n  font-size: 12px; font-weight: 700; color: var(--dark);\n}\n.vai-block .ai-sidebar__badge {\n  font-size: 10px; font-weight: 600; color: var(--muted);\n  background: #f1f5f9; padding: 2px 6px; border-radius: 4px;\n  margin-left: 5px;\n}\n.vai-block .ai-sidebar__lang {\n  font-family: 'DM Mono', monospace; font-size: 10px;\n  color: var(--muted); background: #f8fafb;\n  border: 1px solid #e8ecf0; border-radius: 6px;\n  padding: 2px 7px;\n}\n.vai-block .ai-sidebar__body {\n  flex: 1; padding: 12px; overflow: hidden;\n  display: flex; flex-direction: column; gap: 10px;\n}\n.vai-block .ai-msg {\n  display: flex; gap: 7px; text-align: left;\n}\n.vai-block .ai-msg__avatar {\n  width: 22px; height: 22px; border-radius: 5px; flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 8px; font-weight: 700; font-family: 'DM Mono', monospace;\n}\n.vai-block .ai-msg__avatar--user { background: #f1f5f9; color: var(--muted); }\n.vai-block .ai-msg__avatar--ai { background: var(--primary-light); color: var(--primary); }\n.vai-block .ai-msg__bubble {\n  background: #f8fafb; border: 1px solid #e8ecf0; border-radius: 8px;\n  padding: 7px 10px; font-size: 12px; line-height: 1.55;\n  color: var(--dark) !important;\n}\n.vai-block .ai-msg__bubble--ai {\n  background: var(--primary-light); border-color: var(--primary-mid);\n}\n.vai-block .ai-msg__bubble .ai-status {\n  display: block; font-size: 10px; color: var(--primary);\n  font-family: 'DM Mono', monospace; margin-top: 5px;\n}\n.vai-block .ai-sidebar__footer {\n  border-top: 1px solid #e8ecf0; padding: 8px 12px;\n}\n.vai-block .ai-sidebar__ideas {\n  text-align: center; margin-bottom: 6px;\n}\n.vai-block .ai-sidebar__ideas-label {\n  font-size: 10px; color: var(--muted); margin-bottom: 5px;\n}\n.vai-block .ai-idea-chip {\n  display: inline-block; font-size: 10px; font-weight: 500;\n  color: var(--primary); border: 1px solid var(--primary-mid);\n  background: var(--primary-light); border-radius: 9999px;\n  padding: 2px 8px; margin: 1px;\n}\n.vai-block .ai-input-row {\n  display: flex; gap: 5px; align-items: center;\n}\n.vai-block .ai-input-field {\n  flex: 1; border: 1px solid #e2e8f0; border-radius: 8px;\n  padding: 6px 10px; font-size: 10px; color: var(--muted);\n  font-family: 'Poppins', sans-serif; background: #fff;\n}\n.vai-block .ai-input-send {\n  width: 28px; height: 28px; border-radius: 50%;\n  background: var(--primary); border: none;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.vai-block .ai-input-send svg { color: #fff; }\n.vai-block .ai-sidebar__meta {\n  display: flex; align-items: center; justify-content: space-between;\n  font-size: 8px; color: var(--muted); margin-top: 4px; padding: 0 2px;\n}\n\n\/* \u2500\u2500 LOGO STRIP (marquee) \u2500\u2500 *\/\n.vai-block .logo-strip {\n  background: var(--white); padding: 28px 0 32px;\n  overflow: hidden;\n  margin-top: 50px !important;\n}\n.vai-block .logo-strip__label {\n  text-align: center; font-size: 12px; font-weight: 600;\n  letter-spacing: .12em; text-transform: uppercase;\n  color: var(--muted); margin-bottom: 24px;\n}\n.vai-block .logo-marquee {\n  position: relative; overflow: hidden;\n  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n}\n.vai-block .logo-marquee__track {\n  display: flex; align-items: center; gap: 52px;\n  width: max-content;\n  animation: vai-marquee 60s linear infinite;\n}\n.vai-block .logo-marquee__track img {\n  height: 28px; width: auto; object-fit: contain;\n  filter: grayscale(100%); opacity: .45;\n  transition: opacity .2s, filter .2s;\n  flex-shrink: 0;\n}\n.vai-block .logo-marquee__track img:hover {\n  filter: grayscale(0%); opacity: .85;\n}\n@keyframes vai-marquee {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* \u2500\u2500 PROBLEM \u2500\u2500 *\/\n.vai-block .problem { padding: 88px 0; background: var(--bg); }\n.vai-block .problem__inner { max-width: 720px; margin: 0 auto; text-align: center; }\n.vai-block .problem__pains {\n  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-top: 40px; text-align: left;\n}\n.vai-block .pain-item {\n  display: flex; flex-direction: column; gap: 10px;\n  background: var(--white); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 20px 18px;\n}\n.vai-block .pain-icon {\n  width: 36px; height: 36px; border-radius: 8px;\n  background: #FFF5F5; border: 1px solid #FFE4E4;\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.vai-block .pain-icon svg { color: #EF4444; }\n\n\/* \u2500\u2500 PBX FEATURE \u2500\u2500 *\/\n.vai-block .feature-pbx {\n  background: var(--white);\n  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n  padding: 96px 0; overflow: hidden;\n}\n.vai-block .feature__header {\n  text-align: center; max-width: 700px; margin: 0 auto 56px;\n}\n.vai-block .feature__header .eyebrow { margin-bottom: 14px; }\n.vai-block .feature__header h2 { margin-bottom: 16px; }\n.vai-block .feature__header p { font-size: 16px !important; line-height: 26px !important; }\n\n.vai-block .pbx-steps-strip {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\n  margin-bottom: 56px;\n}\n.vai-block .step-card {\n  background: var(--bg); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 24px 20px; position: relative;\n  text-align: center;\n}\n.vai-block .step-card__num {\n  width: 36px; height: 36px; border-radius: 50%;\n  background: var(--primary); color: #fff !important;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px; font-weight: 700; margin: 0 auto 14px;\n}\n.vai-block .step-connector {\n  position: absolute; top: 36px; right: -13px;\n  color: var(--primary-mid); font-size: 18px; z-index: 1;\n}\n\n.vai-block .pbx-demo-full { max-width: 840px; margin: 0 auto; }\n.vai-block .pbx-label {\n  font-size: 12px; font-weight: 600; text-transform: uppercase;\n  letter-spacing: .12em; color: var(--primary); margin-bottom: 10px;\n}\n\n\/* \u2500\u2500 CRO AUDIT \u2500\u2500 *\/\n.vai-block .audit-section { padding: 96px 0; background: var(--bg); }\n.vai-block .audit-inner { max-width: 840px; margin: 0 auto; }\n.vai-block .audit-header { max-width: 640px; margin-bottom: 40px; }\n\n.vai-block .audit-benefits-row {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;\n  margin-bottom: 40px;\n}\n.vai-block .audit-benefit-card {\n  background: var(--white); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 20px 18px; text-align: center;\n}\n.vai-block .audit-benefit-card .benefit-icon { margin: 0 auto 12px; }\n.vai-block .benefit-icon {\n  width: 40px; height: 40px; border-radius: 10px;\n  background: var(--primary-light); border: 1px solid var(--primary-mid);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.vai-block .benefit-icon svg { color: var(--primary); }\n\n.vai-block .audit-findings { display: flex; flex-direction: column; gap: 10px; }\n.vai-block .finding-item {\n  display: flex; align-items: flex-start; gap: 12px;\n  background: var(--white); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 14px 16px; transition: border-color .15s;\n}\n.vai-block .finding-item:hover { border-color: rgba(21,137,123,.3); }\n.vai-block .finding-sev {\n  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em;\n  padding: 3px 8px; border-radius: 9999px; flex-shrink: 0; margin-top: 1px; white-space: nowrap;\n  min-width: 96px; text-align: center;\n}\n.vai-block .sev-high { background: #FFF5F5; color: #EF4444; }\n.vai-block .sev-med  { background: #FFFBEB; color: #F59E0B; }\n.vai-block .sev-low  { background: var(--primary-light); color: var(--primary); }\n\n\/* \u2500\u2500 COMPARE \u2500\u2500 *\/\n.vai-block .compare-section {\n  padding: 88px 0 !important; background: var(--white) !important; border-top: 1px solid var(--border) !important;\n}\n.vai-block .compare-table {\n  width: 100% !important; border-collapse: collapse !important;\n  margin-top: 48px !important; border-radius: var(--radius) !important; overflow: hidden !important;\n  border: 1px solid var(--border) !important; box-shadow: var(--shadow-sm) !important;\n  table-layout: auto !important;\n}\n.vai-block .compare-table th,\n.vai-block .compare-table td {\n  padding: 14px 20px !important; font-size: 14px !important; border-bottom: 1px solid var(--border) !important;\n  text-align: left !important; font-family: 'Poppins', sans-serif !important;\n  line-height: 1.5 !important; color: var(--dark) !important;\n  background: var(--white) !important; vertical-align: middle !important;\n  border-right: none !important; border-left: none !important;\n}\n.vai-block .compare-table th {\n  font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important;\n  letter-spacing: .08em !important;\n}\n.vai-block .compare-table th:first-child { background: var(--bg) !important; color: var(--muted) !important; }\n.vai-block .compare-table th.col-varify { background: var(--primary) !important; color: #fff !important; text-align: center !important; }\n.vai-block .compare-table th.col-others { background: #f8fafc !important; color: var(--muted) !important; text-align: center !important; }\n.vai-block .compare-table td:not(:first-child) { text-align: center !important; }\n.vai-block .compare-table tr:last-child td { border-bottom: none !important; }\n.vai-block .compare-table td:first-child { font-weight: 500 !important; color: var(--dark) !important; }\n.vai-block .compare-table td.td-varify { background: rgba(21,137,123,.04) !important; }\n.vai-block .compare-table .check { color: var(--primary) !important; font-size: 18px !important; }\n.vai-block .compare-table .cross { color: #EF4444 !important; font-size: 18px !important; }\n\n\/* \u2500\u2500 SETUP STRIP \u2500\u2500 *\/\n.vai-block .setup-strip {\n  background: linear-gradient(160deg, #055C52 0%, #15897B 100%); padding: 56px 0;\n}\n.vai-block .setup-inner {\n  display: grid; grid-template-columns: 1fr 1fr 1fr auto;\n  align-items: start; gap: 32px;\n}\n.vai-block .setup-step {\n  display: flex; flex-direction: column; align-items: center;\n  text-align: center;\n}\n.vai-block .setup-step__num {\n  width: 48px; height: 48px; border-radius: 50%;\n  background: rgba(255,255,255,.15); border: 1.5px solid rgba(255,255,255,.3);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px; font-weight: 700; color: #fff !important;\n  margin-bottom: 14px; backdrop-filter: blur(4px);\n}\n.vai-block .setup-step__label { font-size: 14px; font-weight: 600; color: #fff !important; line-height: 1.35; margin-bottom: 5px; }\n.vai-block .setup-step__sub { font-size: 12px; color: rgba(255,255,255,.6) !important; line-height: 1.5; }\n.vai-block .setup-cta-wrap { align-self: center; }\n.vai-block .setup-cta {\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 13px 28px; border-radius: 9999px;\n  background: #fff; color: #0F6960 !important;\n  font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700;\n  text-decoration: none; box-shadow: 0 2px 12px rgba(0,0,0,.18);\n  white-space: nowrap; transition: all .18s;\n}\n.vai-block .setup-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 18px rgba(0,0,0,.22); }\n\n\/* \u2500\u2500 PRICING REFERENCE \u2500\u2500 *\/\n.vai-block .pricing-ref {\n  background: var(--bg); border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border); padding: 48px 0;\n}\n.vai-block .pricing-ref__inner {\n  display: flex; align-items: center; justify-content: center; gap: 48px; flex-wrap: wrap;\n}\n.vai-block .pricing-ref__item { text-align: center; }\n.vai-block .pricing-ref__feature { font-size: 14px; font-weight: 600; color: var(--dark); margin-bottom: 2px; }\n.vai-block .pricing-ref__plan { font-size: 12px; color: var(--muted); }\n.vai-block .pricing-ref__plan strong { color: var(--primary); font-weight: 600; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.vai-block .cta-section {\n  background: var(--white); border-top: 1px solid var(--border);\n  padding: 96px 0; text-align: center; position: relative; overflow: hidden;\n}\n.vai-block .cta-section::before {\n  content: ''; position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(21,137,123,.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(21,137,123,.04) 1px, transparent 1px);\n  background-size: 40px 40px;\n  mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 0%, transparent 70%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 0%, transparent 70%);\n  pointer-events: none;\n}\n.vai-block .cta-inner { position: relative; z-index: 1; }\n.vai-block .cta-section h2 { max-width: 600px; margin: 0 auto 16px; }\n.vai-block .cta-fine { font-size: 12px; color: var(--muted) !important; margin-top: 18px; }\n.vai-block .section-divider { border: none; border-top: 1px solid var(--border); margin: 0; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .vai-block .mockup-split { grid-template-columns: 1fr; }\n  .vai-block .ai-sidebar { border-left: none; border-top: 1px solid #e8ecf0; }\n  .vai-block .ba-container { min-height: 380px; }\n  .vai-block .problem__pains { grid-template-columns: 1fr; }\n  .vai-block .pbx-steps-strip { grid-template-columns: 1fr; }\n  .vai-block .variant-row { grid-template-columns: 1fr; }\n  .vai-block .audit-benefits-row { grid-template-columns: 1fr; }\n  .vai-block .setup-inner { grid-template-columns: 1fr; justify-items: center; }\n  .vai-block .setup-cta-wrap { padding-left: 0; }\n  .vai-block .pricing-ref__inner { gap: 28px; }\n}\n@media (max-width: 600px) {\n  .vai-block .container { padding: 0 16px; }\n  .vai-block .hero { padding: 64px 0 56px; }\n  .vai-block .hero__actions { flex-direction: column; align-items: center; }\n  .vai-block .mockup-split { grid-template-columns: 1fr; min-height: auto; }\n  .vai-block .ba-container { min-height: 360px; }\n  .vai-block .ba-product-img { height: 100px; }\n  .vai-block .feature-pbx,\n  .vai-block .audit-section,\n  .vai-block .compare-section,\n  .vai-block .cta-section { padding: 64px 0; }\n  .vai-block .compare-table th,\n  .vai-block .compare-table td { padding: 10px 12px; font-size: 12px; }\n}\n<\/style>\n\n<div class=\"vai-block\">\n\n<!-- \u2501\u2501\u2501 HERO \u2501\u2501\u2501 -->\n<section class=\"hero\">\n  <div class=\"container\">\n    <div class=\"hero__inner\">\n      <div class=\"hero__kicker\">Neu: Varify PBX<\/div>\n      <h1>A\/B-Tests in Sekunden.<br><em>Beschreiben. Generieren. Testen.<\/em><\/h1>\n      <p class=\"hero__sub\">\n        Beschreibe dein Experiment in nat\u00fcrlicher Sprache \u2014 Varify generiert die Variante,\n        schreibt den Code und erstellt das Experiment.\n      <\/p>\n      <div class=\"hero__actions\">\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"btn btn--primary\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M15 10l-4 4 6 6 4-16-18 7 4 2 2 6 3-3\"><\/path><\/svg>\n          Demo Call buchen\n        <\/a>\n        <a href=\"https:\/\/varify.io\/en\/registration\/\" class=\"btn btn--ghost\">oder 30 Tage kostenlos testen<\/a>\n      <\/div>\n    <\/div><!-- \/hero__inner -->\n\n    <!-- \u2501\u2501\u2501 HERO MOCKUP (Before \/ After Slider + AI Sidebar) \u2501\u2501\u2501 -->\n    <div class=\"hero__mockup\">\n      <div class=\"mockup-bar\">\n        <div class=\"mockup-dot\" style=\"background:#ff5f57\"><\/div>\n        <div class=\"mockup-dot\" style=\"background:#febc2e\"><\/div>\n        <div class=\"mockup-dot\" style=\"background:#28c840\"><\/div>\n        <div class=\"mockup-bar__url\">shop-example.com\/product<\/div>\n      <\/div>\n      <div class=\"mockup-split\">\n        <!-- Left: Before\/After Slider -->\n        <div class=\"ba-container\" id=\"baContainer\">\n          <!-- BEFORE layer (bottom) -->\n          <div class=\"ba-layer\">\n            <div class=\"ba-nav\">\n              <span>Shop<\/span><span>Products<\/span><span>About<\/span><span>Contact<\/span>\n            <\/div>\n            <div class=\"ba-page ba-before-page\">\n              <div class=\"ba-product-img ba-product-img--before\">\n                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg>\n              <\/div>\n              <div class=\"ba-product-title\">Premium Wireless Headphones<\/div>\n              <div class=\"ba-product-sub\">Over-ear \u00b7 Noise Cancelling<\/div>\n              <div class=\"ba-product-price\" style=\"color:#6b7280\">\u20ac 199,00<\/div>\n              <div class=\"ba-cta-btn ba-cta-btn--before\">Add to Cart<\/div>\n              <div class=\"ba-delivery\">Free delivery in 3-5 days<\/div>\n            <\/div>\n            <div class=\"ba-label ba-label--before\">Before<\/div>\n          <\/div>\n\n          <!-- AFTER layer (top, clipped) -->\n          <div class=\"ba-layer ba-layer--after\" id=\"baAfter\">\n            <div class=\"ba-nav\">\n              <span>Shop<\/span><span>Products<\/span><span>About<\/span><span>Contact<\/span>\n            <\/div>\n            <div class=\"ba-page ba-after-page\">\n              <div class=\"ba-product-img ba-product-img--after\">\n                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#15897B\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg>\n              <\/div>\n              <div class=\"ba-product-title\">Premium Wireless Headphones<\/div>\n              <div class=\"ba-product-sub\">Over-ear \u00b7 Noise Cancelling \u00b7 Award Winner 2025<\/div>\n              <div class=\"ba-urgency\">\ud83d\udd25 Only 3 left at this price<\/div>\n              <div class=\"ba-product-price\" style=\"color:var(--dark)\">\u20ac 199,00<\/div>\n              <div class=\"ba-cta-btn ba-cta-btn--after\">Add to Cart \u2014 Free Shipping<\/div>\n              <div class=\"ba-trust-row\">\n                <span>\u2713 30-Day Returns<\/span>\n                <span>\u2713 2-Year Warranty<\/span>\n              <\/div>\n              <div class=\"ba-reviews\"><strong>4.8 \u2605<\/strong> from 1,247 reviews<\/div>\n              <div class=\"ba-delivery ba-delivery--after\">\u2713 Free express delivery tomorrow<\/div>\n            <\/div>\n            <div class=\"ba-label ba-label--after\">After<\/div>\n          <\/div>\n\n          <!-- Slider Handle -->\n          <div class=\"ba-handle\" id=\"baHandle\"><\/div>\n        <\/div>\n\n        <!-- Right: AI Sidebar -->\n        <div class=\"ai-sidebar\">\n          <div class=\"ai-sidebar__header\">\n            <div>\n              <span class=\"ai-sidebar__title\">Varify AI<\/span>\n              <span class=\"ai-sidebar__badge\">PBX<\/span>\n            <\/div>\n            <span class=\"ai-sidebar__lang\">DE<\/span>\n          <\/div>\n          <div class=\"ai-sidebar__body\">\n            <div class=\"ai-msg\">\n              <div class=\"ai-msg__avatar ai-msg__avatar--user\">U<\/div>\n              <div class=\"ai-msg__bubble\">Mach die Produktseite \u00fcberzeugender. Mehr Social Proof und Urgency.<\/div>\n            <\/div>\n            <div class=\"ai-msg\">\n              <div class=\"ai-msg__avatar ai-msg__avatar--ai\">AI<\/div>\n              <div class=\"ai-msg__bubble ai-msg__bubble--ai\">\n                Ich habe 4 \u00c4nderungen vorgenommen: Urgency-Label, Trust-Badges, Bewertungen und eine optimierte CTA mit Versandhinweis.\n                <span class=\"ai-status\">\u2713 Variante generiert \u00b7 Experiment bereit<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ai-sidebar__footer\">\n            <div class=\"ai-sidebar__ideas\">\n              <div class=\"ai-sidebar__ideas-label\">Vorschl\u00e4ge<\/div>\n              <span class=\"ai-idea-chip\">CTA-Farbe testen<\/span>\n              <span class=\"ai-idea-chip\">Sticky Add-to-Cart<\/span>\n              <span class=\"ai-idea-chip\">Hero-Image A\/B<\/span>\n            <\/div>\n            <div class=\"ai-input-row\">\n              <div class=\"ai-input-field\">Beschreibe dein n\u00e4chstes Experiment\u2026<\/div>\n              <div class=\"ai-input-send\">\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"ai-sidebar__meta\">\n              <span>Powered by Varify PBX<\/span>\n              <span>v2.4<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div><!-- \/mockup-split -->\n    <\/div><!-- \/hero__mockup -->\n\n  <\/div><!-- \/container -->\n<\/section><!-- \/hero -->\n\n\n<!-- \u2501\u2501\u2501 LOGO STRIP (echte Kundenlogos) \u2501\u2501\u2501 -->\n<div class=\"logo-strip\">\n  <div class=\"container\">\n    <div class=\"logo-strip__label\">Weltweit setzen bereits 1.370 Teams auf Varify<\/div>\n  <\/div>\n  <div class=\"logo-marquee\">\n    <div class=\"logo-marquee__track\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/instylelogo-1.svg\" alt=\"InStyle\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/duden-logo-1.svg\" alt=\"Duden\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/chip-logo-1.svg\" alt=\"CHIP\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/mymuesli-logo-1.png\" alt=\"mymuesli\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/BB-Logo-SW-1.svg\" alt=\"Breuninger\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/eucerinlogo-1.svg\" alt=\"Eucerin\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Sevdesk-logo-1.svg\" alt=\"sevDesk\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Mainova_Logo-1.svg\" alt=\"Mainova\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/ellelogo-1.svg\" alt=\"ELLE\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/cg_logo-1-1-1.svg\" alt=\"Carglass\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Pflanzen-Koelle-Logo-1.png\" alt=\"Pflanzen K\u00f6lle\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/DRK-1.svg\" alt=\"DRK\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/esquirelogo-1.svg\" alt=\"Esquire\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/bazaarlogo-1.svg\" alt=\"Harper's Bazaar\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/1600px-Sedo_logo.svg-1.png\" alt=\"Sedo\" loading=\"lazy\">\n      <!-- Duplicate set for seamless loop -->\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/instylelogo-1.svg\" alt=\"InStyle\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/duden-logo-1.svg\" alt=\"Duden\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/chip-logo-1.svg\" alt=\"CHIP\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/mymuesli-logo-1.png\" alt=\"mymuesli\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/BB-Logo-SW-1.svg\" alt=\"Breuninger\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/eucerinlogo-1.svg\" alt=\"Eucerin\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Sevdesk-logo-1.svg\" alt=\"sevDesk\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Mainova_Logo-1.svg\" alt=\"Mainova\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/ellelogo-1.svg\" alt=\"ELLE\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/cg_logo-1-1-1.svg\" alt=\"Carglass\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/Pflanzen-Koelle-Logo-1.png\" alt=\"Pflanzen K\u00f6lle\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/DRK-1.svg\" alt=\"DRK\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/esquirelogo-1.svg\" alt=\"Esquire\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/bazaarlogo-1.svg\" alt=\"Harper's Bazaar\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2025\/10\/1600px-Sedo_logo.svg-1.png\" alt=\"Sedo\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div><!-- \/vai-block -->\n\n\n<script>\n(function() {\n  function initSlider(containerId, handleId, afterId) {\n    var container = document.getElementById(containerId);\n    var handle = document.getElementById(handleId);\n    var afterLayer = document.getElementById(afterId);\n    if (!container || !handle || !afterLayer) return;\n\n    var dragging = false;\n\n    function setPosition(pct) {\n      pct = Math.max(2, Math.min(98, pct));\n      handle.style.left = pct + '%';\n      afterLayer.style.clipPath = 'inset(0 0 0 ' + pct + '%)';\n    }\n\n    setPosition(50);\n\n    function getPercent(e) {\n      var rect = container.getBoundingClientRect();\n      var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n      return ((clientX - rect.left) \/ rect.width) * 100;\n    }\n\n    function onStart(e) {\n      e.preventDefault();\n      dragging = true;\n    }\n\n    function onMove(e) {\n      if (!dragging) return;\n      e.preventDefault();\n      setPosition(getPercent(e));\n    }\n\n    function onEnd() {\n      dragging = false;\n    }\n\n    handle.addEventListener('mousedown', onStart);\n    container.addEventListener('mousedown', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    });\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onEnd);\n\n    handle.addEventListener('touchstart', onStart, { passive: false });\n    container.addEventListener('touchstart', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    }, { passive: false });\n    document.addEventListener('touchmove', onMove, { passive: false });\n    document.addEventListener('touchend', onEnd);\n  }\n\n  \/\/ Init slider (baContainer2 removed since there's only one slider in this block)\n  initSlider('baContainer', 'baHandle', 'baAfter');\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03658b1 elementor-widget elementor-widget-html\" data-id=\"03658b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/MaterialDesign-Webfont\/7.4.47\/css\/materialdesignicons.min.css\" rel=\"stylesheet\">\n<style>\n.pbx-section *,.pbx-section *::before,.pbx-section *::after{margin:0;padding:0;box-sizing:border-box}\n.pbx-section{background:linear-gradient(160deg,#055C52 0%,#15897B 50%,#0e7367 100%);color:#fff;position:relative;overflow:hidden;padding:100px max(32px,calc((100% - 1210px)\/2));font-family:'Poppins',sans-serif}\n.pbx-section::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}\n.pbx-section a{text-decoration:none;color:inherit}\n.pbx-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 16px;font:600 12px\/1 'Poppins',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.5px}\n.pbx-badge .mdi{font-size:16px}\n.pbx-head{text-align:center;margin-bottom:50px}\n.pbx-head h2{font:700 clamp(2rem,4vw,2.8rem)\/1.15 'Poppins',sans-serif;color:#fff;margin:16px 0 12px}\n.pbx-head p{font:400 16px\/26px 'Poppins',sans-serif;color:rgba(255,255,255,.65);max-width:640px;margin:0 auto}\n.pbx-slider{position:relative}\n.pbx-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}\n.pbx-grid::-webkit-scrollbar{display:none}\n.pbx-card{min-width:380px;max-width:380px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;scroll-snap-align:start;flex-shrink:0}\n.pbx-card:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.16)}\n.pbx-card:hover .pbx-play{opacity:1;transform:translate(-50%,-50%) scale(1)}\n.pbx-thumb{position:relative;aspect-ratio:16\/10;background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center}\n.pbx-vid-thumb{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s;pointer-events:none}\n.pbx-card:hover .pbx-vid-thumb{opacity:1}\n.pbx-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:all .3s;width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#15897B;font-size:28px;box-shadow:0 4px 20px rgba(0,0,0,.2)}\n.pbx-info{padding:20px}\n.pbx-info h4{font:600 16px\/24px 'Poppins',sans-serif;color:#fff;margin-bottom:6px}\n.pbx-info p{font:400 14px\/22px 'Poppins',sans-serif;color:rgba(255,255,255,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n.pbx-tag{display:inline-flex;align-items:center;gap:4px;font:600 10px\/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.7);margin-bottom:8px}\n.pbx-tag .mdi{font-size:14px}\n.pbx-modal-data{display:none !important}\n.pbx-arrows{display:flex;gap:12px;justify-content:center;margin-top:24px}\n.pbx-arrow{width:44px;height:44px;border-radius:50% !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.2) !important;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;font-size:22px !important;transition:all .2s;padding:0 !important;outline:none !important;box-shadow:none !important;min-width:0 !important;line-height:1 !important}\n.pbx-arrow:hover{background:rgba(255,255,255,.25) !important;border-color:rgba(255,255,255,.4) !important}\n.pbx-arrow .mdi{color:#fff !important;font-size:22px !important}\n.pbx-cta{display:flex;justify-content:center;margin-top:40px}\n.pbx-cta a{background:#F4F8FA;color:#15897B;padding:10px 20px;border-radius:22px;font:600 16px\/24px 'Poppins',sans-serif;display:inline-block;transition:background .2s}\n.pbx-cta a:hover{background:#e8ecee}\n.pbx-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;align-items:center;justify-content:center;padding:32px;backdrop-filter:blur(4px)}\n.pbx-modal-overlay.open{display:flex}\n.pbx-modal{background:#fff;border-radius:16px;max-width:1140px;width:100%;max-height:90vh;overflow-y:auto;display:flex;position:relative;font-family:'Poppins',sans-serif}\n.pbx-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50% !important;background:#F4F8FA !important;border:0 !important;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;font-size:22px;color:#37393C !important;z-index:10;transition:background .2s;padding:0 !important;outline:none !important;box-shadow:none !important;line-height:1 !important;min-width:0 !important}\n.pbx-modal-close:hover{background:#e0e4e7 !important;color:#37393C !important}\n.pbx-modal-close:focus{background:#e0e4e7 !important;color:#37393C !important;outline:none !important;box-shadow:none !important}\n.pbx-modal-close .mdi{color:#37393C !important;font-size:22px !important;line-height:1 !important}\n.pbx-modal-video{flex:1;min-width:0;background:#000;border-radius:16px 0 0 16px;display:flex;align-items:center}\n.pbx-modal-video video{width:100%;display:block}\nvideo::-webkit-media-controls-fullscreen-button{display:block}\n.pbx-modal-video video:fullscreen,.pbx-modal-video video:-webkit-full-screen{width:100%;height:100%;object-fit:contain}\n.pbx-modal-body{width:380px;padding:48px 36px;display:flex;flex-direction:column;gap:18px;flex-shrink:0}\n.pbx-modal-body h3{font:600 26px\/34px 'Poppins',sans-serif;color:#37393C}\n.pbx-modal-body p{font:400 14px\/22px 'Poppins',sans-serif;color:#8F9092}\n.pbx-modal-ctas{display:flex;flex-direction:column;gap:10px;margin-top:auto;align-items:flex-start}\n.pbx-modal-ctas .pbx-btn-p{background:#15897B !important;color:#fff !important;padding:8px 20px;border-radius:22px !important;font:600 14px\/22px 'Poppins',sans-serif;display:inline-block;transition:background .2s;border:1px solid #15897B !important;white-space:nowrap;text-decoration:none !important}\n.pbx-modal-ctas .pbx-btn-p:hover{background:#117068 !important;color:#fff !important}\n.pbx-modal-ctas .pbx-btn-s{border:1px solid #15897B !important;color:#15897B !important;background:transparent !important;padding:8px 20px;border-radius:22px !important;font:400 14px\/22px 'Poppins',sans-serif;display:inline-block;transition:all .2s;white-space:nowrap;text-decoration:none !important}\n.pbx-modal-ctas .pbx-btn-s:hover{background:#15897B !important;color:#fff !important}\n@media(max-width:1024px){\n  .pbx-card{min-width:340px;max-width:340px}\n  .pbx-modal{flex-direction:column}\n  .pbx-modal-video{border-radius:16px 16px 0 0}\n  .pbx-modal-body{width:100%}\n}\n@media(max-width:768px){\n  .pbx-section{padding:60px 20px}\n  .pbx-card{min-width:85vw;max-width:85vw}\n  .pbx-modal{margin:16px}\n  .pbx-modal-body{padding:24px 20px}\n  .pbx-modal-body h3{font-size:20px}\n}\n<\/style>\n\n<div class=\"pbx-section\">\n  <div class=\"pbx-head\">\n    <div class=\"pbx-badge\"><span class=\"mdi mdi-shimmer\"><\/span> Neu: Varify PBX<\/div>\n    <h2>A\/B-Tests in Sekunden.<br>Beschreiben. Generieren. Testen.<\/h2>\n    <p>Varify generiert Testideen automatisch auf Basis deiner Website \u2014 oder du beschreibst dein Experiment in nat\u00fcrlicher Sprache. Der AI Assistant erstellt die Variante, schreibt den Code und baut das Experiment vollautomatisch. Ohne Entwickler, ohne manuellen Aufwand.<\/p>\n  <\/div>\n\n  <div class=\"pbx-slider\">\n    <div class=\"pbx-grid\" id=\"pbxSlider\">\n      <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n        data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Landingpage-to-PDP-Voiceover.mp4\">\n        <div class=\"pbx-thumb\">\n          <video muted preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Landingpage-to-PDP-Voiceover.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n          <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n        <\/div>\n        <div class=\"pbx-info\">\n          <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n          <h4>Landing Page zur Produktdetailseite umbauen<\/h4>\n          <p>Eine Produkt-Landingpage wird per Prompt in eine vollst\u00e4ndige E-Commerce PDP mit Bildergalerie und Buybox verwandelt.<\/p>\n        <\/div>\n        <span class=\"pbx-modal-data pbx-mt\">Landing Page zur Produktdetailseite umbauen<\/span>\n        <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wurde eine bestehende Produkt-Landingpage in eine klassische E-Commerce-Produktdetailseite verwandelt. Per Prompt und erg\u00e4nzenden Produktinformationen generierte der AI Assistant eine vollst\u00e4ndige Bildergalerie und Buybox \u2014 ohne manuellen Code.<\/span>\n      <\/div>\n\n      <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n        data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Varify-Prompt-based-testing.mp4\">\n        <div class=\"pbx-thumb\">\n          <video muted preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Varify-Prompt-based-testing.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n          <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n        <\/div>\n        <div class=\"pbx-info\">\n          <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n          <h4>Hero Section: Neuer CTA &amp; dynamisches Logo-Karussell<\/h4>\n          <p>Ein zus\u00e4tzlicher Secondary CTA wurde erg\u00e4nzt und das statische Logo-Karussell durch eine dynamisch rotierende Variante ersetzt.<\/p>\n        <\/div>\n        <span class=\"pbx-modal-data pbx-mt\">Hero Section: Neuer CTA &amp; dynamisches Logo-Karussell<\/span>\n        <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wurden zwei \u00c4nderungen an der Hero Section der Startseite getestet: Ein zus\u00e4tzlicher Secondary CTA wurde erg\u00e4nzt und das statische Logo-Karussell durch eine dynamisch rotierende Variante ersetzt. Der Varify AI Assistant hat den Code aus einer kurzen Prompt-Beschreibung generiert.<\/span>\n      <\/div>\n\n      <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n        data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/4-columns-to-3-columns.mp4\">\n        <div class=\"pbx-thumb\">\n          <video muted preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/4-columns-to-3-columns.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n          <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n        <\/div>\n        <div class=\"pbx-info\">\n          <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n          <h4>Seitenlayout anpassen: Von 4 Spalten auf 3 Spalten<\/h4>\n          <p>Die Kategorieseite wird von einem 4-spaltigen auf ein 3-spaltiges Layout umgestellt, um einzelne Produkte st\u00e4rker hervorzuheben.<\/p>\n        <\/div>\n        <span class=\"pbx-modal-data pbx-mt\">Seitenlayout anpassen: Von 4 Spalten auf 3 Spalten<\/span>\n        <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wird die Kategorieseite von einem 4-spaltigen auf ein 3-spaltiges Layout umgestellt. Ziel ist es, die Seite ruhiger wirken zu lassen, die einzelnen Produkte st\u00e4rker hervorzuheben und die Wahrnehmung der Inhalte zu verbessern.<\/span>\n      <\/div>\n\n      <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n        data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Adding-an-element-to-a-pricong-plan.mp4\">\n        <div class=\"pbx-thumb\">\n          <video muted preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Adding-an-element-to-a-pricong-plan.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n          <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n        <\/div>\n        <div class=\"pbx-info\">\n          <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n          <h4>Element in einer Pricing-Spalte erg\u00e4nzen<\/h4>\n          <p>Eine Plan-Spalte wird um ein neues Element erweitert, das ein enthaltenes KI-Feature sichtbar macht.<\/p>\n        <\/div>\n        <span class=\"pbx-modal-data pbx-mt\">Element in einer Pricing-Spalte erg\u00e4nzen<\/span>\n        <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wird eine Plan-Spalte auf der Pricing Page um ein neues Element erweitert, das ein enthaltenes KI-Feature sichtbar macht. Der Varify AI Assistant erstellt das Element anhand einer kurzen Beschreibung und f\u00fcgt es direkt in die Seite ein.<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"pbx-arrows\">\n      <button class=\"pbx-arrow\" onclick=\"pbxSlide(-1)\" aria-label=\"Zur\u00fcck\"><span class=\"mdi mdi-chevron-left\"><\/span><\/button>\n      <button class=\"pbx-arrow\" onclick=\"pbxSlide(1)\" aria-label=\"Weiter\"><span class=\"mdi mdi-chevron-right\"><\/span><\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"pbx-cta\">\n    <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\">Demo Call buchen<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"pbx-modal-overlay\" id=\"pbxOverlay\" onclick=\"if(event.target===this)closePbxModal()\">\n  <div class=\"pbx-modal\">\n    <button class=\"pbx-modal-close\" onclick=\"closePbxModal()\"><span class=\"mdi mdi-close\"><\/span><\/button>\n    <div class=\"pbx-modal-video\">\n      <video id=\"pbxVideo\" controls preload=\"metadata\"><\/video>\n    <\/div>\n    <div class=\"pbx-modal-body\">\n      <h3 id=\"pbxTitle\"><\/h3>\n      <p id=\"pbxDesc\"><\/p>\n      <div class=\"pbx-modal-ctas\">\n        <a href=\"https:\/\/varify.io\/de\/registration\/\" class=\"pbx-btn-p\">Varify AI kostenlos testen<\/a>\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"pbx-btn-s\">Demo buchen<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction pbxSlide(dir){\n  var s=document.getElementById('pbxSlider');\n  var card=s.querySelector('.pbx-card');\n  var w=card.offsetWidth+24;\n  s.scrollBy({left:dir*w,behavior:'smooth'});\n}\nfunction openPbxModal(el){\n  var o=document.getElementById('pbxOverlay'),v=document.getElementById('pbxVideo');\n  document.getElementById('pbxTitle').textContent=el.querySelector('.pbx-mt').textContent;\n  document.getElementById('pbxDesc').textContent=el.querySelector('.pbx-md').textContent;\n  v.src=el.getAttribute('data-video');\n  o.classList.add('open');\n  document.body.style.overflow='hidden';\n}\nfunction closePbxModal(){\n  var o=document.getElementById('pbxOverlay'),v=document.getElementById('pbxVideo');\n  v.pause();v.src='';\n  o.classList.remove('open');\n  document.body.style.overflow='';\n}\ndocument.addEventListener('keydown',function(e){if(e.key==='Escape')closePbxModal()});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1cf9293 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1cf9293\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6239f25 elementor-widget elementor-widget-heading\" data-id=\"6239f25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">So funktionieren Prompt Based Experiments<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b099020 e-con-full e-flex e-con e-child\" data-id=\"b099020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2937230 e-con-full e-flex e-con e-child\" data-id=\"2937230\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-124a2b6 elementor-widget elementor-widget-heading\" data-id=\"124a2b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Hero Section: Neuer CTA &amp; dynamisches Logo-Karussell\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-169ef16 elementor-widget elementor-widget-text-editor\" data-id=\"169ef16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">In diesem Experiment wurden zwei \u00c4nderungen an der Hero Section der Startseite getestet: Ein zus\u00e4tzlicher Secondary CTA wurde erg\u00e4nzt und das statische Logo-Karussell durch eine dynamisch rotierende Variante ersetzt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c67523c e-con-full e-flex e-con e-child\" data-id=\"c67523c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e835d6 pbx-example-video elementor-widget elementor-widget-video\" data-id=\"8e835d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Varify-Prompt-based-testing.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a403959 e-con-full e-flex e-con e-child\" data-id=\"a403959\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3716886 e-con-full e-flex e-con e-child\" data-id=\"3716886\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ae545 elementor-widget elementor-widget-heading\" data-id=\"22ae545\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Seitenlayout anpassen: Von 4 Spalten auf 3 Spalten<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06cb722 elementor-widget elementor-widget-text-editor\" data-id=\"06cb722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">In diesem Experiment wird die Kategorieseite von einem 4-spaltigen auf ein 3-spaltiges Layout umgestellt. Ziel ist es, die Seite ruhiger wirken zu lassen, die einzelnen Produkte st\u00e4rker hervorzuheben und die Wahrnehmung der Inhalte zu verbessern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-217b117 e-con-full e-flex e-con e-child\" data-id=\"217b117\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edccf4c pbx-example-video elementor-widget elementor-widget-video\" data-id=\"edccf4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/4-columns-to-3-columns.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f70ebf7 e-con-full e-flex e-con e-child\" data-id=\"f70ebf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d5ba0ce e-con-full e-flex e-con e-child\" data-id=\"d5ba0ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd881a5 elementor-widget elementor-widget-heading\" data-id=\"cd881a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Element in einer Pricing-Spalte erg\u00e4nzen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a871d elementor-widget elementor-widget-text-editor\" data-id=\"b0a871d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">In diesem Experiment wird eine Plan-Spalte auf der Pricing Page um ein neues Element erweitert, das ein enthaltenes KI-Feature sichtbar macht. Der Varify AI Assistant erstellt das Element anhand einer kurzen Beschreibung und f\u00fcgt es direkt in die Seite ein.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1d163c4 e-con-full e-flex e-con e-child\" data-id=\"1d163c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2072d2 pbx-example-video elementor-widget elementor-widget-video\" data-id=\"c2072d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Adding-an-element-to-a-pricong-plan.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e9c2bce e-con-full e-flex e-con e-parent\" data-id=\"e9c2bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dab7556 elementor-widget elementor-widget-html\" data-id=\"dab7556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Varify AI Features Landing Page \u2014 v4 -->\n\n<div class=\"vai-block\">\n\n\n\n<!-- \u2501\u2501\u2501 CTA \u2501\u2501\u2501 -->\n<section class=\"cta-section\">\n  <div class=\"container\">\n    <div class=\"cta-inner\">\n      <span class=\"eyebrow\">Jetzt starten<\/span>\n      <h2 style=\"margin-top:14px;\">Dein n\u00e4chstes Experiment.<br>Beschreib es einfach.<\/h2>\n      <p style=\"max-width:500px ;margin:12px auto 0;font-size: 16px!important;line-height:26px!important;\">\n        Sieh in einem 30-Minuten Demo Call, wie Varify AI deinen CRO-Prozess ver\u00e4ndert \u2014 live auf deiner eigenen Seite.\n      <\/p>\n      <div style=\"margin-top:32px;\">\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"btn btn--primary\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 10l-4 4 6 6 4-16-18 7 4 2 2 6 3-3\"><\/path><\/svg>\n          Demo Call buchen\n        <\/a>\n      <\/div>\n      <p class=\"cta-fine\">Keine Kreditkarte &nbsp;\u00b7&nbsp; Kein Risiko &nbsp;\u00b7&nbsp; DSGVO-konform &nbsp;\u00b7&nbsp; Server in Frankfurt<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/vai-block -->\n\n<!-- \u2501\u2501\u2501 BEFORE\/AFTER SLIDER JS \u2501\u2501\u2501 -->\n<script>\n(function() {\n  function initSlider(containerId, handleId, afterId) {\n    var container = document.getElementById(containerId);\n    var handle = document.getElementById(handleId);\n    var afterLayer = document.getElementById(afterId);\n    if (!container || !handle || !afterLayer) return;\n\n    var dragging = false;\n\n    function setPosition(pct) {\n      pct = Math.max(2, Math.min(98, pct));\n      handle.style.left = pct + '%';\n      afterLayer.style.clipPath = 'inset(0 0 0 ' + pct + '%)';\n    }\n\n    setPosition(50);\n\n    function getPercent(e) {\n      var rect = container.getBoundingClientRect();\n      var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n      return ((clientX - rect.left) \/ rect.width) * 100;\n    }\n\n    function onStart(e) {\n      e.preventDefault();\n      dragging = true;\n    }\n\n    function onMove(e) {\n      if (!dragging) return;\n      e.preventDefault();\n      setPosition(getPercent(e));\n    }\n\n    function onEnd() {\n      dragging = false;\n    }\n\n    handle.addEventListener('mousedown', onStart);\n    container.addEventListener('mousedown', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    });\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onEnd);\n\n    handle.addEventListener('touchstart', onStart, { passive: false });\n    container.addEventListener('touchstart', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    }, { passive: false });\n    document.addEventListener('touchmove', onMove, { passive: false });\n    document.addEventListener('touchend', onEnd);\n  }\n\n  \/\/ Init both sliders\n  initSlider('baContainer', 'baHandle', 'baAfter');\n  initSlider('baContainer2', 'baHandle2', 'baAfter2');\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neu: Varify PBX A\/B-Tests in Sekunden.Beschreiben. Generieren. Testen. Beschreibe dein Experiment in nat\u00fcrlicher Sprache \u2014 Varify generiert die Variante, schreibt den Code und erstellt das Experiment. Demo Call buchen oder 30 Tage kostenlos testen shop-example.com\/product ShopProductsAboutContact Premium Wireless Headphones Over-ear \u00b7 Noise Cancelling \u20ac 199,00 Add to Cart Free delivery in 3-5 days Before ShopProductsAboutContact [&hellip;]<\/p>\n","protected":false},"author":47,"featured_media":47338,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-47212","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/pages\/47212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/comments?post=47212"}],"version-history":[{"count":56,"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/pages\/47212\/revisions"}],"predecessor-version":[{"id":47461,"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/pages\/47212\/revisions\/47461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/media\/47338"}],"wp:attachment":[{"href":"https:\/\/varify.io\/it\/wp-json\/wp\/v2\/media?parent=47212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}