{"id":47201,"date":"2026-04-14T08:56:48","date_gmt":"2026-04-14T06:56:48","guid":{"rendered":"https:\/\/varify.io\/?page_id=47201"},"modified":"2026-07-17T12:03:10","modified_gmt":"2026-07-17T10:03:10","slug":"varify-ai","status":"publish","type":"page","link":"https:\/\/varify.io\/es\/varify-ai\/","title":{"rendered":"Varify AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47201\" class=\"elementor elementor-47201\" 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-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 v5 (SEO\/SEA optimiert) -->\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.vai-block .btn--outline {\n  background: transparent; color: var(--primary) !important;\n  border: 2px solid var(--primary); padding: 11px 26px;\n}\n.vai-block .btn--outline:hover {\n  background: var(--primary); color: #fff !important;\n  transform: translateY(-1px);\n}\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: 580px; margin: 28px 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}\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); border-bottom: 1px solid var(--border); padding: 28px 0 32px;\n  overflow: hidden;\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  will-change: transform;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n}\n.vai-block .logo-marquee__track img {\n  height: 28px; width: 100px; object-fit: contain;\n  filter: grayscale(100%); opacity: .45;\n  transition: opacity .2s, filter .2s;\n  flex-shrink: 0;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\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 USE CASES TEASER \u2500\u2500 *\/\n.vai-block .usecases-section { padding: 80px 0; background: var(--white); border-top: 1px solid var(--border); }\n.vai-block .usecases-teaser {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n  max-width: 940px; margin: 0 auto;\n}\n.vai-block .usecases-teaser__text { }\n.vai-block .uc-preview-card {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\n}\n.vai-block .uc-preview-item {\n  display: flex; align-items: center; gap: 10px;\n  background: var(--bg); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 14px 16px;\n  font-size: 14px; font-weight: 500; color: var(--dark);\n  transition: border-color .18s, box-shadow .18s;\n}\n.vai-block .uc-preview-item:hover {\n  border-color: rgba(21,137,123,.3); box-shadow: var(--shadow-sm);\n}\n.vai-block .uc-preview-icon { font-size: 18px; flex-shrink: 0; }\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 .usecases-teaser { 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 .usecases-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 AI Features<\/div>\n      <h1>AI-gest\u00fctzte A\/B-Tests<br>per Prompt. <em>In Sekunden.<\/em><\/h1>\n      <p class=\"hero__sub\">\n        Beschreibe deine Hypothese in nat\u00fcrlicher Sprache \u2014 die AI generiert Varianten,\n        schreibt den Code und startet das Experiment direkt auf deiner Seite. Prompt Based Experimenting macht A\/B Testing so schnell wie eine Chat-Nachricht.\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 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Hero Mockup: B\/A Slider + AI Sidebar -->\n    <div class=\"hero__mockup\">\n      <div class=\"mockup-bar\">\n        <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n        <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n        <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n        <div class=\"mockup-bar__url\">my-shop.com\/product\/premium-sneaker<\/div>\n      <\/div>\n      <div class=\"mockup-split\">\n\n        <!-- Left: Before\/After Slider -->\n        <div class=\"ba-container\" id=\"baContainer\">\n          <!-- BEFORE layer -->\n          <div class=\"ba-layer ba-layer--before\">\n            <span class=\"ba-label ba-label--before\">Vorher<\/span>\n            <div class=\"ba-nav\">\n              <span>MeinShop<\/span><span>Herren<\/span><span>Damen<\/span><span>Sale<\/span>\n            <\/div>\n            <div class=\"ba-page ba-before-page\">\n              <div class=\"ba-product-img ba-product-img--before\">\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\n              <\/div>\n              <div class=\"ba-product-title\" style=\"color:#37393C;\">Premium Sneaker \u2014 Limited Edition<\/div>\n              <div class=\"ba-product-sub\">Farbe: Schwarz \u00b7 Gr\u00f6\u00dfe: 42<\/div>\n              <div class=\"ba-product-price\" style=\"color:#37393C;\">\u20ac 149,00<\/div>\n              <div class=\"ba-cta-btn ba-cta-btn--before\">Absenden<\/div>\n              <div class=\"ba-delivery\">Lieferung: 3\u20135 Werktage<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- AFTER layer -->\n          <div class=\"ba-layer ba-layer--after\" id=\"baAfter\">\n            <span class=\"ba-label ba-label--after\">Nachher<\/span>\n            <div class=\"ba-nav\">\n              <span>MeinShop<\/span><span>Herren<\/span><span>Damen<\/span><span>Sale<\/span>\n            <\/div>\n            <div class=\"ba-page ba-after-page\">\n              <div class=\"ba-product-img ba-product-img--after\">\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#15897B\" stroke-width=\"1.2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\n              <\/div>\n              <div class=\"ba-product-title\" style=\"color:#0D1F1E;\">Premium Sneaker \u2014 Limited Edition<\/div>\n              <div class=\"ba-product-sub\">Farbe: Schwarz \u00b7 Gr\u00f6\u00dfe: 42<\/div>\n              <div class=\"ba-product-price\" style=\"color:#0D1F1E;\">\u20ac 149,00<\/div>\n              <div class=\"ba-urgency\">\u2713 Nur noch 3 auf Lager \u2014 24 Personen sehen sich dieses Produkt gerade an<\/div>\n              <div class=\"ba-cta-btn ba-cta-btn--after\">\ud83d\uded2 In den Warenkorb<\/div>\n              <div class=\"ba-trust-row\">\n                <span>\ud83d\udd12 Sichere Zahlung<\/span>\n                <span>\u00b7<\/span>\n                <span>\ud83d\ude9a Kostenloser Versand<\/span>\n                <span>\u00b7<\/span>\n                <span>\u21a9 30 Tage R\u00fcckgabe<\/span>\n              <\/div>\n              <div class=\"ba-reviews\">\u2605\u2605\u2605\u2605\u2605 <strong>4.8<\/strong> aus 2.341 Bewertungen<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Drag 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\">AI Assistant<\/span>\n              <span class=\"ai-sidebar__badge\">v1<\/span>\n            <\/div>\n            <span class=\"ai-sidebar__lang\">{} JavaScript<\/span>\n          <\/div>\n          <div class=\"ai-sidebar__body\">\n            <div class=\"ai-msg\">\n              <div class=\"ai-msg__avatar ai-msg__avatar--user\">Du<\/div>\n              <div class=\"ai-msg__bubble\">Optimiere die Produktseite: Mach den CTA gr\u00f6\u00dfer und gr\u00fcn, f\u00fcge Urgency mit Lagerbestand hinzu, Trust-Icons unter dem Button und eine Sternebewertung mit Anzahl.<\/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 erstelle eine optimierte Variante mit 4 Conversion-Elementen:\n                <span class=\"ai-status\">\u25b8 CTA: \ud83d\uded2 Icon, #15897B, 15px bold<\/span>\n                <span class=\"ai-status\">\u25b8 Urgency: Lagerbestand + Live-Viewer<\/span>\n                <span class=\"ai-status\">\u25b8 Trust: Zahlung, Versand, R\u00fcckgabe<\/span>\n                <span class=\"ai-status\">\u25b8 Social Proof: 4.8\u2605 \/ 2.341 Bewertungen<\/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\">Probiere eine Idee \u2728<\/div>\n              <span class=\"ai-idea-chip\">USP Bar<\/span>\n              <span class=\"ai-idea-chip\">Sale Banner<\/span>\n              <span class=\"ai-idea-chip\">Trust Badges<\/span>\n            <\/div>\n            <div class=\"ai-input-row\">\n              <div class=\"ai-input-field\">Frag die Varify AI \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>\u2611 Auto-apply code<\/span>\n              <span>13.1k \/ 40.0k tokens<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <p class=\"ba-hint\">\u2190 Schiebe den Regler, um Vorher und Nachher zu vergleichen \u2192<\/p>\n  <\/div>\n<\/section>\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\">\u00dcber 1.370 Teams nutzen Varify AI f\u00fcr schnellere A\/B-Tests<\/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<!-- \u2501\u2501\u2501 PROBLEM \u2501\u2501\u2501 -->\n<section class=\"problem\">\n  <div class=\"container\">\n    <div class=\"problem__inner\">\n      <span class=\"eyebrow\">Das Problem<\/span>\n      <h2 style=\"margin-top:12px;margin-bottom:8px;\">Tests dauern zu lange.<br>Und kosten zu viel.<\/h2>\n      <p>Idee \u2192 Briefing \u2192 Design \u2192 Dev \u2192 QA \u2192 Launch: Wochen vergehen, bevor ein einziger A\/B-Test live geht. Jeder Test bindet Developer-Kapazit\u00e4t \u2014 und ohne AI-Unterst\u00fctzung wird das schnell teuer.<\/p>\n      <div class=\"problem__pains\" style=\"grid-template-columns:1fr 1fr;\">\n        <div class=\"pain-item\">\n          <div class=\"pain-icon\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 8v4M12 16h.01\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h4>\u00d8 2\u20134 Wochen pro Test<\/h4>\n            <p>Vom ersten Briefing bis zum Go-Live vergehen Wochen. Hypothesen verstauben im Backlog, weil die manuelle Implementation zu aufw\u00e4ndig ist \u2014 genau hier setzt AI-gest\u00fctztes A\/B Testing an.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pain-item\">\n          <div class=\"pain-icon\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h4>Teuer durch Dev-Abh\u00e4ngigkeit<\/h4>\n            <p>Jeder Test braucht Entwickler-Ressourcen \u2014 sei es f\u00fcr Frontend-\u00c4nderungen, QA oder Deployment. Das kostet Zeit und Geld, das an anderer Stelle fehlt.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<hr class=\"section-divider\">\n\n<!-- \u2501\u2501\u2501 PBX FEATURE: PROMPT BASED EXPERIMENTING \u2501\u2501\u2501 -->\n<section class=\"feature-pbx\" id=\"pbx\">\n  <div class=\"container\">\n    <div class=\"feature__header\">\n      <span class=\"eyebrow eyebrow--pill\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg>\n        Prompt Based Experimenting\n      <\/span>\n      <h2 style=\"margin-top:14px;\">Beschreibe deine Hypothese.<br>Die AI baut den Test.<\/h2>\n      <p>Formuliere deine Idee in nat\u00fcrlicher Sprache \u2014 die AI erstellt eine testbare Variante, die du per Prompt iterativ anpassen kannst. Bei Bedarf hast du direkten Zugang zum generierten JavaScript, um Entwicklern Zeit zu sparen.<\/p>\n    <\/div>\n\n    <div class=\"pbx-steps-strip\">\n      <div class=\"step-card\">\n        <div class=\"step-card__num\">1<\/div>\n        <h3>Prompt formulieren<\/h3>\n        <p>Beschreibe deine Idee in nat\u00fcrlicher Sprache \u2014 keine technischen Details n\u00f6tig, die AI versteht deine Optimierungsidee sofort.<\/p>\n        <span class=\"step-connector\">\u203a<\/span>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-card__num\">2<\/div>\n        <h3>AI erstellt die Variante<\/h3>\n        <p>Varify generiert eine Variante inkl. Code. Per Prompt kannst du iterativ verfeinern \u2014 oder direkt ins JS wechseln.<\/p>\n        <span class=\"step-connector\">\u203a<\/span>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-card__num\">3<\/div>\n        <h3>Experiment startet sofort<\/h3>\n        <p>\u00dcberpr\u00fcfen, freigeben, live \u2014 dein AI-generiertes Experiment l\u00e4uft in unter 2 Minuten. GA4-Tracking wird automatisch konfiguriert.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Second B\/A Slider: Testimonials Section -->\n    <div class=\"pbx-demo-full\">\n      <div class=\"pbx-label\">Beispiel: Testimonial-Sektion per AI-Prompt optimieren<\/div>\n      <div class=\"hero__mockup\" style=\"margin-top:0;\">\n        <div class=\"mockup-bar\">\n          <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n          <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n          <div class=\"mockup-dot\" style=\"background:#e2e8f0;\"><\/div>\n          <div class=\"mockup-bar__url\">my-shop.com\/testimonials<\/div>\n        <\/div>\n        <div class=\"mockup-split\">\n\n          <!-- B\/A Slider #2 -->\n          <div class=\"ba-container\" id=\"baContainer2\">\n            <div class=\"ba-layer ba-layer--before\">\n              <span class=\"ba-label ba-label--before\">Vorher<\/span>\n              <div class=\"ba-page ba-before-page\" style=\"padding:28px;\">\n                <div style=\"text-align:center;margin-bottom:22px;\">\n                  <div style=\"font-size:20px;font-weight:800;color:#37393C;margin-bottom:6px;\">Was unsere Kunden sagen<\/div>\n                  <div style=\"font-size:12px;color:#9ca3af;\">Kundenstimmen<\/div>\n                <\/div>\n                <div style=\"background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:18px;margin-bottom:10px;\">\n                  <div style=\"font-size:12px;color:#6b7280;line-height:1.6;font-style:italic;\">\u201eDas Produkt ist ganz gut. W\u00fcrde ich weiterempfehlen.\"<\/div>\n                  <div style=\"font-size:12px;color:#9ca3af;margin-top:6px;\">\u2014 Max M.<\/div>\n                <\/div>\n                <div style=\"background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:18px;margin-bottom:10px;\">\n                  <div style=\"font-size:12px;color:#6b7280;line-height:1.6;font-style:italic;\">\u201eLieferung war schnell.\"<\/div>\n                  <div style=\"font-size:12px;color:#9ca3af;margin-top:6px;\">\u2014 Sarah K.<\/div>\n                <\/div>\n                <div style=\"background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:18px;\">\n                  <div style=\"font-size:12px;color:#6b7280;line-height:1.6;font-style:italic;\">\u201eGuter Service.\"<\/div>\n                  <div style=\"font-size:12px;color:#9ca3af;margin-top:6px;\">\u2014 Jan L.<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"ba-layer ba-layer--after\" id=\"baAfter2\">\n              <span class=\"ba-label ba-label--after\">Nachher<\/span>\n              <div class=\"ba-page ba-after-page\" style=\"padding:28px;\">\n                <div style=\"text-align:center;margin-bottom:6px;\">\n                  <div style=\"font-size:24px;margin-bottom:2px;\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n                  <div style=\"font-size:20px;font-weight:800;color:#0D1F1E;margin-bottom:3px;\">Empfohlen von \u00fcber 2.400 Teams<\/div>\n                  <div style=\"font-size:12px;color:#6b7280;\">4.8 von 5 Sternen auf Trustpilot<\/div>\n                <\/div>\n                <div style=\"display:flex;gap:10px;margin-top:16px;\">\n                  <div style=\"flex:1;background:#e8f5f3;border:1px solid #c8e6e0;border-radius:10px;padding:14px;\">\n                    <div style=\"font-size:12px;color:#0D1F1E;line-height:1.5;font-style:italic;margin-bottom:8px;\">\u201eConversion Rate um 34 % gesteigert \u2014 in nur 6 Wochen.\"<\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;\">\n                      <div style=\"width:22px;height:22px;border-radius:50%;background:#15897B;flex-shrink:0;\"><\/div>\n                      <div><div style=\"font-size:10px;font-weight:700;color:#0D1F1E;\">Maria S.<\/div><div style=\"font-size:10px;color:#6b7280;\">Head of E-Com, FashionCo<\/div><\/div>\n                    <\/div>\n                  <\/div>\n                  <div style=\"flex:1;background:#e8f5f3;border:1px solid #c8e6e0;border-radius:10px;padding:14px;\">\n                    <div style=\"font-size:12px;color:#0D1F1E;line-height:1.5;font-style:italic;margin-bottom:8px;\">\u201eEndlich datengetrieben statt Bauchgef\u00fchl. Absoluter Gamechanger.\"<\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;\">\n                      <div style=\"width:22px;height:22px;border-radius:50%;background:#0e6e63;flex-shrink:0;\"><\/div>\n                      <div><div style=\"font-size:10px;font-weight:700;color:#0D1F1E;\">Tobias R.<\/div><div style=\"font-size:10px;color:#6b7280;\">CTO, TechStart GmbH<\/div><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div style=\"text-align:center;margin-top:14px;\">\n                  <div style=\"display:inline-flex;align-items:center;gap:12px;font-size:10px;color:#6b7280;\">\n                    <span>\ud83c\udfc6 Trustpilot<\/span>\n                    <span>\u00b7<\/span>\n                    <span>\u2b50 Google Bewertungen<\/span>\n                    <span>\u00b7<\/span>\n                    <span>\u2713 Verifizierte K\u00e4ufe<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"ba-handle\" id=\"baHandle2\"><\/div>\n          <\/div>\n\n          <!-- AI Sidebar for testimonial example -->\n          <div class=\"ai-sidebar\">\n            <div class=\"ai-sidebar__header\">\n              <div>\n                <span class=\"ai-sidebar__title\">AI Assistant<\/span>\n                <span class=\"ai-sidebar__badge\">v1<\/span>\n              <\/div>\n              <span class=\"ai-sidebar__lang\">{} JavaScript<\/span>\n            <\/div>\n            <div class=\"ai-sidebar__body\">\n              <div class=\"ai-msg\">\n                <div class=\"ai-msg__avatar ai-msg__avatar--user\">Du<\/div>\n                <div class=\"ai-msg__bubble\">\u00dcberarbeite die Testimonial-Sektion: Ersetze die generischen Zitate durch Social Proof mit konkreten Zahlen. Zeige Sternebewertung, Trustpilot-Score, Rollen und Firmennamen. 2-Spalten-Layout, Varify-Gr\u00fcn als Akzentfarbe.<\/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 optimiere die Testimonial-Sektion mit konkretem Social Proof:\n                  <span class=\"ai-status\">\u25b8 Headline: Anzahl + Empfehlung<\/span>\n                  <span class=\"ai-status\">\u25b8 Trustpilot-Score: 4.8\/5<\/span>\n                  <span class=\"ai-status\">\u25b8 Zitate mit Rolle + Firma<\/span>\n                  <span class=\"ai-status\">\u25b8 Trust-Badges: Trustpilot, Google<\/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\">Probiere eine Idee \u2728<\/div>\n                <span class=\"ai-idea-chip\">USP Bar<\/span>\n                <span class=\"ai-idea-chip\">Sale Banner<\/span>\n                <span class=\"ai-idea-chip\">Trust Badges<\/span>\n              <\/div>\n              <div class=\"ai-input-row\">\n                <div class=\"ai-input-field\">Frag die Varify AI \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>\u2611 Auto-apply code<\/span>\n                <span>8.4k \/ 40.0k tokens<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <p class=\"ba-hint\">\u2190 Schiebe den Regler, um Vorher und Nachher zu vergleichen \u2192<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<hr class=\"section-divider\">\n\n<!-- \u2501\u2501\u2501 USE CASES TEASER \u2501\u2501\u2501 -->\n<section class=\"usecases-section\" id=\"usecases\">\n  <div class=\"container\">\n    <div class=\"usecases-teaser\">\n      <div class=\"usecases-teaser__text\">\n        <span class=\"eyebrow eyebrow--pill\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n          Prompt Based Experimenting in der Praxis\n        <\/span>\n        <h2 style=\"margin-top:14px;margin-bottom:12px;\">AI A\/B Testing in der Praxis \u2014<br>echte Beispiele, echte Prompts.<\/h2>\n        <p style=\"font-size: 16px!important;line-height:26px!important;\">Wie sieht ein A\/B-Test aus, der komplett per AI-Prompt erstellt wurde? Auf unserer Beispiel-Seite zeigen wir Use Cases aus E-Commerce, SaaS, Lead-Gen und mehr \u2014 inklusive der Prompts, die dahinterstecken.<\/p>\n        <div style=\"margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;\">\n          <a href=\"https:\/\/varify.io\/de\/varify-pbx-examples\/\" class=\"btn btn--primary\">\n            \n            Use Cases &amp; Beispiele ansehen \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"usecases-teaser__preview\">\n        <div class=\"uc-preview-card\">\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\uded2<\/span>\n            <span>E-Commerce Produktseiten<\/span>\n          <\/div>\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\udccb<\/span>\n            <span>SaaS Signup &amp; Pricing<\/span>\n          <\/div>\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\udcdd<\/span>\n            <span>Lead-Gen Formulare<\/span>\n          <\/div>\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\udcf0<\/span>\n            <span>Content &amp; Media<\/span>\n          <\/div>\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\udc57<\/span>\n            <span>Fashion &amp; Retail<\/span>\n          <\/div>\n          <div class=\"uc-preview-item\">\n            <span class=\"uc-preview-icon\">\ud83d\udcca<\/span>\n            <span>Agenturen &amp; Teams<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<hr class=\"section-divider\">\n\n<!-- \u2501\u2501\u2501 CRO AUDIT \u2501\u2501\u2501 -->\n<section class=\"audit-section\" id=\"audit\">\n  <div class=\"container\">\n    <div class=\"audit-inner\">\n      <div class=\"audit-header\">\n        <span class=\"eyebrow eyebrow--pill\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.35-4.35\"><\/path><\/svg>\n          AI CRO Audit\n        <\/span>\n        <h2 style=\"margin-top:14px;margin-bottom:12px;\">Deine Seite, AI-analysiert.<br>Priorit\u00e4ten sofort geliefert.<\/h2>\n        <p style=\"font-size: 16px!important;line-height:26px!important;\">Varify scannt automatisch deine wichtigsten Seiten auf Conversion-Barrieren \u2014 und liefert eine priorisierte Liste von Optimierungspunkten, direkt als testbare Hypothesen f\u00fcr Prompt Based Experimenting.<\/p>\n      <\/div>\n\n      <div class=\"audit-benefits-row\">\n        <div class=\"audit-benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 11 12 14 22 4\"><\/polyline><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\n          <\/div>\n          <h4>Sofort-Hypothesen<\/h4>\n          <p>Jedes Finding ist eine testbare Hypothese \u2014 ein Klick startet das Experiment direkt \u00fcber Prompt Based Experimenting.<\/p>\n        <\/div>\n        <div class=\"audit-benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\n          <\/div>\n          <h4>10.000+ Test-Patterns<\/h4>\n          <p>Die AI-Empfehlungen basieren auf CRO-Patterns aus echten Experimenten \u2014 nicht generische Tipps.<\/p>\n        <\/div>\n        <div class=\"audit-benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 20V10M12 20V4M6 20v-6\"><\/path><\/svg>\n          <\/div>\n          <h4>Priorisiert nach Impact<\/h4>\n          <p>Schweregrad + gesch\u00e4tzter CVR-Uplift \u2014 du wei\u00dft sofort, welchen Test du zuerst starten solltest.<\/p>\n        <\/div>\n      <\/div>\n\n      <div style=\"font-size: 12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;\">Beispiel: Audit-Report f\u00fcr my-shop.com\/product\/premium-sneaker<\/div>\n      <div class=\"audit-findings\">\n        <div class=\"finding-item\">\n          <span class=\"finding-sev sev-high\">Kritisch<\/span>\n          <div>\n            <h4>CTA unterhalb des Fold auf 68% der Mobilger\u00e4te<\/h4>\n            <p>Der \u201eIn den Warenkorb\"-Button ist auf den meistgenutzten Viewports (375\u00d7667, 390\u00d7844) nicht ohne Scrollen sichtbar. Sticky CTA oder Position-Shift testen. Potenzial: +12\u201318% Mobile CVR.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"finding-item\">\n          <span class=\"finding-sev sev-high\">Kritisch<\/span>\n          <div>\n            <h4>Kein Trust-Signal im Buy-Box-Bereich<\/h4>\n            <p>Weder G\u00fctesiegel noch Bewertungsanzahl sind im sichtbaren Kaufbereich platziert. Trusted Shops Badge + Sterne-Snippet direkt neben dem Preis testen.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"finding-item\">\n          <span class=\"finding-sev sev-med\">Mittel<\/span>\n          <div>\n            <h4>Kein Urgency-Element trotz limitiertem Produkt<\/h4>\n            <p>Produktname enth\u00e4lt \u201eLimited Edition\", aber Verf\u00fcgbarkeit und Restmenge werden nicht kommuniziert. Lagerbestand-Anzeige oder Countdown testen.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"finding-item\">\n          <span class=\"finding-sev sev-med\">Mittel<\/span>\n          <div>\n            <h4>CTA-Button-Kontrast unter WCAG AA auf Mobile<\/h4>\n            <p>Blauer Button (#2563eb) auf hellem Hintergrund \u2014 Kontrastverh\u00e4ltnis 3.8:1 statt min. 4.5:1. Dunkleren Ton oder gr\u00f6\u00dfere Schrift testen.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"finding-item\">\n          <span class=\"finding-sev sev-low\">Optimierung<\/span>\n          <div>\n            <h4>Produktbilder ohne Zoom auf Desktop<\/h4>\n            <p>Hochaufl\u00f6sende Bilder vorhanden, aber kein Hover-Zoom oder Lightbox aktiviert. Bei Fashion-Produkten steigert Zoom die Verweildauer um \u00d8 15%.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"margin-top:20px;text-align:center;\">\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"btn btn--primary\" style=\"font-size: 14px;padding:10px 22px;\">\n          CRO Audit f\u00fcr deine Seite starten \u2192\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2501\u2501\u2501 SETUP STRIP \u2501\u2501\u2501 -->\n<div class=\"setup-strip\">\n  <div class=\"container\">\n    <div style=\"text-align:center;margin-bottom:36px;\">\n      <span style=\"font-size: 12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);\">In 3 Schritten zu deinem ersten KI-Experiment<\/span>\n    <\/div>\n    <div class=\"setup-inner\">\n      <div class=\"setup-step\">\n        <div class=\"setup-step__num\">1<\/div>\n        <div class=\"setup-step__label\">Varify Snippet einbinden<\/div>\n        <div class=\"setup-step__sub\">Per GTM oder direkt \u2014 einmalig, l\u00e4uft auf jeder Seite<\/div>\n      <\/div>\n      <div class=\"setup-step\">\n        <div class=\"setup-step__num\">2<\/div>\n        <div class=\"setup-step__label\">Plan w\u00e4hlen \u2014 AI Credits sofort verf\u00fcgbar<\/div>\n        <div class=\"setup-step__sub\">Professional oder Growth Plan, Credits direkt freigeschaltet<\/div>\n      <\/div>\n      <div class=\"setup-step\">\n        <div class=\"setup-step__num\">3<\/div>\n        <div class=\"setup-step__label\">Ersten AI-Prompt eingeben<\/div>\n        <div class=\"setup-step__sub\">Hypothese beschreiben \u2192 Experiment startet in &lt; 2 Min<\/div>\n      <\/div>\n      <div class=\"setup-cta-wrap\">\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"setup-cta\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M15 10l-4 4 6 6 4-16-18 7 4 2 2 6 3-3\"><\/path><\/svg>\n          AI Demo buchen\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2501\u2501\u2501 VERGLEICH \u2501\u2501\u2501 -->\n<section class=\"compare-section\" id=\"vergleich\">\n  <div class=\"container\">\n    <div style=\"text-align:center;\">\n      <span class=\"eyebrow\">Warum Varify AI<\/span>\n      <h2 style=\"margin-top:12px;\">Klassischer CRO-Prozess vs.<br>Varify AI &amp; Prompt Based Experimenting<\/h2>\n    <\/div>\n    <table class=\"compare-table\">\n      <thead>\n        <tr>\n          <th>Kriterium<\/th>\n          <th class=\"col-varify\">Varify AI<\/th>\n          <th class=\"col-others\">Klassisch \/ andere Tools<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>Time to Experiment<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> &lt; 2 Minuten per Prompt<\/td>\n          <td><span class=\"cross\">\u2717<\/span> \u00d8 2\u20134 Wochen (Briefing \u2192 Dev \u2192 QA)<\/td>\n        <\/tr>\n        <tr>\n          <td>Varianten-Generierung<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> Automatisch per AI-Prompt<\/td>\n          <td><span class=\"cross\">\u2717<\/span> Manuell: Design + Code + Review<\/td>\n        <\/tr>\n        <tr>\n          <td>CRO Audit \/ Priorisierung<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> AI-automatisiert + priorisiert<\/td>\n          <td><span class=\"cross\">\u2717<\/span> Manuell oder Agentur (ab 5.000 \u20ac)<\/td>\n        <\/tr>\n        <tr>\n          <td>Dev-Dependency<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> Keine \u2014 AI-Prompts statt Dev-Sprints<\/td>\n          <td><span class=\"cross\">\u2717<\/span> Meist 1\u20132 Dev-Sprints pro Test<\/td>\n        <\/tr>\n        <tr>\n          <td>Analytics-Integration<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> GA4 + BigQuery nativ<\/td>\n          <td>Oft eigenes Tracking-System<\/td>\n        <\/tr>\n        <tr>\n          <td>Kosten bei Skalierung<\/td>\n          <td class=\"td-varify\"><span class=\"check\">\u2713<\/span> Flat per Domain, vorhersehbar<\/td>\n          <td><span class=\"cross\">\u2717<\/span> MTU-basiert \u2014 teuer bei Wachstum<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/section>\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 per Prompt.<\/h2>\n      <p style=\"max-width:540px;margin:12px auto 0;font-size: 16px!important;line-height:26px!important;\">\n        Sieh in einem 30-Minuten Demo Call, wie Varify AI und Prompt Based Experimenting 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  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 AI Features AI-gest\u00fctzte A\/B-Testsper Prompt. In Sekunden. Beschreibe deine Hypothese in nat\u00fcrlicher Sprache \u2014 die AI generiert Varianten, schreibt den Code und startet das Experiment direkt auf deiner Seite. Prompt Based Experimenting macht A\/B Testing so schnell wie eine Chat-Nachricht. Demo Call buchen oder 30 Tage kostenlos testen \u2192 my-shop.com\/product\/premium-sneaker Vorher MeinShopHerrenDamenSale Premium [&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-47201","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/pages\/47201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/comments?post=47201"}],"version-history":[{"count":28,"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/pages\/47201\/revisions"}],"predecessor-version":[{"id":48132,"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/pages\/47201\/revisions\/48132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/media\/47338"}],"wp:attachment":[{"href":"https:\/\/varify.io\/es\/wp-json\/wp\/v2\/media?parent=47201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}