{"id":23328,"date":"2026-04-13T20:18:37","date_gmt":"2026-04-13T20:18:37","guid":{"rendered":"https:\/\/wptablebuilder.com\/?page_id=23328"},"modified":"2026-07-27T16:13:03","modified_gmt":"2026-07-27T16:13:03","slug":"23328-2","status":"publish","type":"page","link":"https:\/\/wptablebuilder.com\/de\/","title":{"rendered":""},"content":{"rendered":"<div class=\"gb-container gb-container-c4946681 alignfull\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/geist@1.3.1\/dist\/fonts\/geist-sans\/style.min.css\">\n\n\n\n<style>\n    :root {\n      --brand: #10609e;\n      --brand-dark: #0c4d7e;\n      --brand-light: #e8f1f8;\n      --brand-lighter: #f4f8fb;\n      --gold: #ffc403;\n      --gold-dark: #e6b003;\n      --gold-light: #fff8e0;\n      --ink: #1a1a2e;\n      --ink-soft: #4a4a5a;\n      --ink-muted: #8a8a9a;\n      --surface: #ffffff;\n      --surface-warm: #fafaf8;\n      --surface-cool: #f5f7fa;\n      --border: #e8e8ec;\n      --border-light: #f0f0f4;\n      --serif: 'Geist', -apple-system, sans-serif;\n      --sans: 'Instrument Sans', -apple-system, sans-serif;\n      --mono: 'JetBrains Mono', monospace;\n      --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n      --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n\n    .wptb-landing *, .wptb-landing *::before, .wptb-landing *::after {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .wptb-landing {\n      font-family: var(--sans);\n      color: var(--ink);\n      background: var(--surface);\n      line-height: 1.6;\n      overflow-x: hidden;\n      width: 100%;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       UTILITY\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    .container--narrow {\n      max-width: 800px;\n    }\n\n    .container--wide {\n      max-width: 1400px;\n    }\n\n    .sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       REVEAL ANIMATIONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(40px);\n      transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);\n    }\n\n    .reveal.visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    .reveal-stagger > .reveal,\n    .reveal-stagger > [class*=\"reveal-\"] {\n      transition-delay: calc(var(--i, 0) * 0.1s);\n    }\n\n    .reveal-fade {\n      opacity: 0;\n      transition: opacity 1s var(--ease-out-expo);\n    }\n\n    .reveal-fade.visible { opacity: 1; }\n\n    .reveal-scale {\n      opacity: 0;\n      transform: scale(0.92);\n      transition: opacity 0.7s var(--ease-out-expo), transform 0.7s var(--ease-out-back);\n    }\n\n    .reveal-scale.visible { opacity: 1; transform: none; }\n\n    .reveal-left {\n      opacity: 0;\n      transform: translateX(-80px);\n      transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);\n    }\n\n    .reveal-left.visible { opacity: 1; transform: none; }\n\n    .reveal-right {\n      opacity: 0;\n      transform: translateX(80px);\n      transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);\n    }\n\n    .reveal-right.visible { opacity: 1; transform: none; }\n\n    .reveal-zoom {\n      opacity: 0;\n      transform: scale(0.85);\n      transition: opacity 0.9s var(--ease-out-expo), transform 0.9s var(--ease-out-back);\n    }\n\n    .reveal-zoom.visible { opacity: 1; transform: none; }\n\n    \/* Slam \u2014 drops in with heavy bounce *\/\n    .reveal-slam {\n      opacity: 0;\n      transform: translateY(-80px) scale(1.1);\n      transition: opacity 0.5s var(--ease-out-expo), transform 0.6s var(--ease-out-back);\n    }\n\n    .reveal-slam.visible { opacity: 1; transform: none; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HERO WORD-BY-WORD TEXT REVEAL\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .hero__title .word {\n      display: inline-block;\n      opacity: 0;\n      transform: translateY(100%) rotateX(-80deg);\n      transition: opacity 0.6s var(--ease-out-expo), transform 0.7s var(--ease-out-back);\n      transform-origin: bottom center;\n    }\n\n    .hero__title.visible .word {\n      opacity: 1;\n      transform: none;\n    }\n\n    .hero__title .word-em {\n      color: var(--brand);\n      font-style: italic;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       3D CARD TILT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .tilt-card {\n      transform-style: preserve-3d;\n      perspective: 800px;\n      will-change: transform;\n    }\n\n    .tilt-card__inner {\n      transition: transform 0.15s ease-out;\n      will-change: transform;\n    }\n\n    .tilt-card__shine {\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 0.3s;\n      background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%),\n        rgba(255,255,255,0.25) 0%, transparent 60%);\n      z-index: 10;\n    }\n\n    .tilt-card:hover .tilt-card__shine { opacity: 1; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       MAGNETIC BUTTONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .btn-magnetic {\n      position: relative;\n      transition: transform 0.2s var(--ease-out-expo);\n    }\n\n    .btn-magnetic .btn-magnetic__ripple {\n      position: absolute;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.4);\n      transform: scale(0);\n      animation: ripple-out 0.6s ease-out forwards;\n      pointer-events: none;\n    }\n\n    @keyframes ripple-out {\n      to { transform: scale(4); opacity: 0; }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PARALLAX LAYERS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .parallax-layer {\n      will-change: transform;\n      transition: transform 0.1s linear;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SCROLL PROGRESS BAR\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .scroll-progress {\n      position: fixed;\n      top: 0;\n      left: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--brand), var(--gold));\n      z-index: 200;\n      transform-origin: left;\n      transform: scaleX(0);\n      will-change: transform;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COUNTER SLOT MACHINE\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .counter-slot {\n      display: inline-block;\n      overflow: hidden;\n      vertical-align: bottom;\n    }\n\n    .counter-slot__inner {\n      transition: transform 1.5s var(--ease-out-expo);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       ELEMENT CARD HOVER FLIP\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .element-card {\n      perspective: 600px;\n    }\n\n    .element-card:hover {\n      transform: translateY(-4px) rotateY(8deg) rotateX(4deg);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FLOATING GLOW ON CTA\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .btn--gold {\n      position: relative;\n      overflow: hidden;\n    }\n\n    .btn--gold::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: conic-gradient(transparent, rgba(255,255,255,0.3), transparent 30%);\n      animation: cta-glow 3s linear infinite;\n      pointer-events: none;\n    }\n\n    @keyframes cta-glow {\n      to { transform: rotate(1turn); }\n    }\n\n    .btn--gold::after {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      background: var(--gold);\n      border-radius: 8px;\n      z-index: 0;\n    }\n\n    .btn--gold > * { position: relative; z-index: 1; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PAIN CARD SHAKE ON HOVER\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .pain-card:hover {\n      animation: card-shake 0.4s ease-out;\n    }\n\n    @keyframes card-shake {\n      0%, 100% { transform: translateX(0) translateY(-4px); }\n      20% { transform: translateX(-4px) translateY(-4px); }\n      40% { transform: translateX(4px) translateY(-4px); }\n      60% { transform: translateX(-2px) translateY(-4px); }\n      80% { transform: translateX(2px) translateY(-4px); }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TYPEWRITER EYEBROW\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .hero__eyebrow {\n      overflow: hidden;\n      white-space: nowrap;\n    }\n\n    .hero__eyebrow .typewriter-text {\n      display: inline-block;\n      border-right: 2px solid var(--brand);\n      animation: blink-caret 0.75s step-end infinite;\n    }\n\n    @keyframes blink-caret {\n      from, to { border-color: var(--brand); }\n      50% { border-color: transparent; }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FEATURE VISUAL HOVER FLOAT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .feature__visual {\n      transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\n    }\n\n    .feature__visual:hover {\n      transform: translateY(-8px) scale(1.02);\n      box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HERO\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .hero {\n      padding: 100px 0 100px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -200px;\n      right: -200px;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(16,96,158,0.06) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .hero::after {\n      content: '';\n      position: absolute;\n      bottom: -100px;\n      left: -100px;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(255,196,3,0.06) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .hero__content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n    }\n\n    .hero__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: var(--brand-light);\n      color: var(--brand);\n      padding: 8px 16px;\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      margin-bottom: 32px;\n    }\n\n    .hero__eyebrow::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: var(--gold);\n      border-radius: 50%;\n      animation: pulse 2s ease infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.5; transform: scale(1.5); }\n    }\n\n    .hero__title {\n      font-family: var(--serif);\n      font-size: clamp(48px, 6.5vw, 82px);\n      font-weight: 800;\n      line-height: 1.05;\n      letter-spacing: -2px;\n      max-width: 900px;\n      margin: 0 auto 28px;\n    }\n\n    .hero__title em {\n      font-style: italic;\n      color: var(--brand);\n      position: relative;\n    }\n\n    .hero__title em::after {\n      content: '';\n      position: absolute;\n      bottom: 4px;\n      left: 0;\n      right: 0;\n      height: 8px;\n      background: var(--gold);\n      opacity: 0.4;\n      border-radius: 4px;\n      z-index: -1;\n    }\n\n    .hero__subtitle {\n      font-size: clamp(18px, 2vw, 22px);\n      color: var(--ink-soft);\n      max-width: 600px;\n      line-height: 1.6;\n      margin: 0 auto 44px;\n    }\n\n    .hero__actions {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 32px;\n      border-radius: 10px;\n      font-family: var(--sans);\n      font-size: 16px;\n      font-weight: 600;\n      text-decoration: none;\n      cursor: pointer;\n      border: none;\n      transition: all 0.3s var(--ease-out-expo);\n    }\n\n    .btn--primary {\n      background: var(--brand);\n      color: white;\n      box-shadow: 0 4px 16px rgba(16, 96, 158, 0.3), 0 1px 3px rgba(16, 96, 158, 0.2);\n    }\n\n    .btn--primary:hover {\n      background: var(--brand-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 28px rgba(16, 96, 158, 0.35), 0 2px 6px rgba(16, 96, 158, 0.2);\n    }\n\n    .btn--ghost {\n      background: transparent;\n      color: var(--ink);\n      border: 2px solid var(--border);\n    }\n\n    .btn--ghost:hover {\n      border-color: var(--brand);\n      color: var(--brand);\n      transform: translateY(-2px);\n    }\n\n    .btn--gold {\n      background: var(--gold);\n      color: var(--ink);\n      box-shadow: 0 4px 16px rgba(255, 196, 3, 0.35);\n    }\n\n    .btn--gold:hover {\n      background: var(--gold-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 28px rgba(255, 196, 3, 0.4);\n    }\n\n    .btn__arrow {\n      transition: transform 0.3s var(--ease-out-expo);\n    }\n\n    .btn:hover .btn__arrow {\n      transform: translateX(4px);\n    }\n\n    .hero__proof {\n      margin-top: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 32px;\n      flex-wrap: wrap;\n    }\n\n    .hero__stat {\n      text-align: center;\n    }\n\n    .hero__stat-value {\n      font-family: var(--serif);\n      font-size: 32px;\n      font-weight: 700;\n      color: var(--brand);\n      letter-spacing: -1px;\n    }\n\n    .hero__stat-label {\n      font-size: 13px;\n      color: var(--ink-muted);\n      font-weight: 500;\n    }\n\n    .hero__divider {\n      width: 1px;\n      height: 40px;\n      background: var(--border);\n    }\n\n    .hero__visual {\n      margin-top: 80px;\n      position: relative;\n    }\n\n    .hero__browser {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow:\n        0 4px 8px rgba(0,0,0,0.04),\n        0 16px 40px rgba(0,0,0,0.06),\n        0 40px 80px rgba(0,0,0,0.04);\n    }\n\n    .hero__browser-bar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 20px;\n      background: var(--surface-cool);\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    .hero__browser-dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background: var(--border);\n    }\n\n    .hero__browser-dot:nth-child(1) { background: #ff5f57; }\n    .hero__browser-dot:nth-child(2) { background: #ffbd2e; }\n    .hero__browser-dot:nth-child(3) { background: #28ca41; }\n\n    .hero__browser-url {\n      flex: 1;\n      margin-left: 12px;\n      background: var(--surface);\n      border-radius: 6px;\n      padding: 6px 14px;\n      font-family: var(--mono);\n      font-size: 12px;\n      color: var(--ink-muted);\n    }\n\n    .hero__table-demo {\n      padding: 40px;\n      background: var(--surface);\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    \/* Demo table inside hero *\/\n    .demo-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border-radius: 12px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n      font-size: 14px;\n    }\n\n    .demo-table thead th {\n      background: var(--brand);\n      color: white;\n      padding: 16px 20px;\n      text-align: left;\n      font-weight: 600;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .demo-table tbody td {\n      padding: 14px 20px;\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    .demo-table tbody tr:last-child td {\n      border-bottom: none;\n    }\n\n    .demo-table tbody tr:nth-child(even) {\n      background: var(--surface-cool);\n    }\n\n    .demo-table .badge {\n      display: inline-block;\n      padding: 4px 12px;\n      border-radius: 100px;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .badge--popular {\n      background: var(--gold-light);\n      color: #8a6d00;\n    }\n\n    .badge--new {\n      background: #e8f8ee;\n      color: #1a7a3a;\n    }\n\n    .badge--pro {\n      background: var(--brand-light);\n      color: var(--brand);\n    }\n\n    .demo-table .stars {\n      color: var(--gold);\n      letter-spacing: 2px;\n    }\n\n    .demo-table .price {\n      font-weight: 700;\n      color: var(--brand);\n    }\n\n    .demo-table .btn-small {\n      display: inline-block;\n      padding: 6px 16px;\n      background: var(--brand);\n      color: white;\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n    }\n\n    .demo-table .progress-bar {\n      width: 100px;\n      height: 6px;\n      background: var(--border);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .demo-table .progress-bar__fill {\n      height: 100%;\n      background: var(--brand);\n      border-radius: 3px;\n      transition: width 1.5s var(--ease-out-expo);\n    }\n\n    .hero__float-badge {\n      position: absolute;\n      background: white;\n      border-radius: 12px;\n      padding: 14px 20px;\n      box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      font-weight: 600;\n      animation: float 4s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .hero__float-badge--left {\n      top: 20%;\n      left: -30px;\n      animation-delay: 0s;\n    }\n\n    .hero__float-badge--right {\n      bottom: 20%;\n      right: -30px;\n      animation-delay: 2s;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    .hero__float-icon {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n    }\n\n    .hero__float-icon--drag {\n      background: var(--gold-light);\n    }\n\n    .hero__float-icon--responsive {\n      background: var(--brand-light);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PROBLEM SECTION\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .problem {\n      padding: 120px 0;\n      background: var(--surface-warm);\n      position: relative;\n    }\n\n    .problem::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--border), transparent);\n    }\n\n    .problem__label {\n      font-family: var(--mono);\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--ink-muted);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .problem__header {\n      text-align: center;\n      margin-bottom: 64px;\n    }\n\n    .problem__headline {\n      font-family: var(--serif);\n      font-size: clamp(36px, 4.5vw, 56px);\n      font-weight: 800;\n      line-height: 1.1;\n      letter-spacing: -1.5px;\n      max-width: 700px;\n      margin: 0 auto 24px;\n    }\n\n    .problem__headline .strike {\n      text-decoration: line-through;\n      color: var(--ink-muted);\n      text-decoration-color: #e74c3c;\n      text-decoration-thickness: 3px;\n    }\n\n    .problem__intro {\n      font-size: 18px;\n      color: var(--ink-soft);\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }\n\n    .problem__grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    .pain-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      padding: 36px;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.4s var(--ease-out-expo);\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n    }\n\n    .pain-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n    }\n\n    .pain-card__number {\n      font-family: var(--serif);\n      font-size: 64px;\n      font-weight: 800;\n      color: var(--border);\n      line-height: 1;\n      margin-bottom: 16px;\n    }\n\n    .pain-card__title {\n      font-size: 20px;\n      font-weight: 700;\n      margin-bottom: 12px;\n      letter-spacing: -0.3px;\n    }\n\n    .pain-card__text {\n      font-size: 15px;\n      color: var(--ink-soft);\n      line-height: 1.65;\n    }\n\n    .pain-card__accent {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 80px;\n      height: 80px;\n      background: linear-gradient(135deg, rgba(231, 76, 60, 0.06), transparent);\n      border-radius: 0 16px 0 80px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TRANSITION \/ SHIFT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .shift {\n      padding: 120px 0;\n      text-align: center;\n      position: relative;\n    }\n\n    .shift__divider {\n      width: 80px;\n      height: 4px;\n      background: var(--gold);\n      border-radius: 2px;\n      margin: 0 auto 40px;\n    }\n\n    .shift__headline {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 52px);\n      font-weight: 700;\n      line-height: 1.15;\n      letter-spacing: -1.5px;\n      max-width: 700px;\n      margin: 0 auto 24px;\n    }\n\n    .shift__headline em {\n      color: var(--brand);\n      font-style: italic;\n    }\n\n    .shift__text {\n      font-size: 18px;\n      color: var(--ink-soft);\n      max-width: 560px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FEATURES\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .features {\n      padding: 40px 0 120px;\n    }\n\n    .features__header {\n      text-align: center;\n      margin-bottom: 80px;\n    }\n\n    .features__label {\n      font-family: var(--mono);\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--brand);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 20px;\n    }\n\n    .features__title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      line-height: 1.15;\n    }\n\n    .feature-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 120px;\n    }\n\n    .feature-row:nth-child(even) {\n      direction: rtl;\n    }\n\n    .feature-row:nth-child(even) > * {\n      direction: ltr;\n    }\n\n    .feature-row:last-child {\n      margin-bottom: 0;\n    }\n\n    .feature__content {\n      max-width: 480px;\n    }\n\n    .feature__icon {\n      width: 48px;\n      height: 48px;\n      background: var(--brand-light);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      margin-bottom: 24px;\n    }\n\n    .feature__tag {\n      display: inline-block;\n      font-family: var(--mono);\n      font-size: 11px;\n      font-weight: 500;\n      color: var(--brand);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 12px;\n    }\n\n    .feature__title {\n      font-family: var(--serif);\n      font-size: clamp(28px, 3vw, 36px);\n      font-weight: 700;\n      line-height: 1.15;\n      letter-spacing: -1px;\n      margin-bottom: 16px;\n    }\n\n    .feature__desc {\n      font-size: 16px;\n      color: var(--ink-soft);\n      line-height: 1.7;\n      margin-bottom: 24px;\n    }\n\n    .feature__list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .feature__list li {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: var(--ink-soft);\n      font-weight: 500;\n    }\n\n    .feature__list li::before {\n      content: '';\n      width: 20px;\n      height: 20px;\n      background: var(--brand-light);\n      border-radius: 50%;\n      flex-shrink: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%2310609e'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'\/%3E%3C\/svg%3E\");\n      background-size: 14px;\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n\n    .feature__visual {\n      background: var(--surface-cool);\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      padding: 32px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .feature__visual::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border-radius: 16px;\n      box-shadow: inset 0 2px 0 rgba(255,255,255,0.8);\n      pointer-events: none;\n    }\n\n    \/* Feature visual demos *\/\n    .visual-dnd {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n    }\n\n    .visual-dnd__element {\n      background: var(--surface);\n      border: 2px dashed var(--border);\n      border-radius: 10px;\n      padding: 20px;\n      text-align: center;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--ink-soft);\n      transition: all 0.3s var(--ease-out-expo);\n    }\n\n    .visual-dnd__element:nth-child(2) {\n      border-color: var(--brand);\n      border-style: solid;\n      background: var(--brand-light);\n      color: var(--brand);\n      transform: scale(1.02);\n      box-shadow: 0 4px 16px rgba(16, 96, 158, 0.15);\n    }\n\n    .visual-dnd__element-icon {\n      font-size: 28px;\n      margin-bottom: 8px;\n    }\n\n    .visual-elements {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n      align-items: stretch;\n    }\n\n    .visual-element {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 10px;\n      padding: 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .visual-element__icon {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      flex-shrink: 0;\n    }\n\n    .visual-element__icon--text { background: #e8f1f8; }\n    .visual-element__icon--image { background: #fce8f4; }\n    .visual-element__icon--button { background: #e8f8ee; }\n    .visual-element__icon--list { background: #f5eeff; }\n    .visual-element__icon--star { background: var(--gold-light); }\n    .visual-element__icon--badge { background: #fff0e8; }\n    .visual-element__icon--progress { background: #e8f6f8; }\n    .visual-element__icon--ribbon { background: #ffe8e8; }\n\n    .visual-element__name {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--ink);\n    }\n\n    .visual-element__type {\n      font-size: 11px;\n      color: var(--ink-muted);\n    }\n\n    .visual-element--pro {\n      border-color: var(--brand);\n      background: var(--brand-lighter);\n    }\n\n    .visual-element--pro .visual-element__name::after {\n      content: 'PRO';\n      margin-left: 6px;\n      font-size: 9px;\n      background: var(--brand);\n      color: white;\n      padding: 2px 6px;\n      border-radius: 4px;\n      vertical-align: middle;\n    }\n\n    \/* Sticky visual *\/\n    .visual-sticky {\n      border-radius: 10px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n    }\n\n    .visual-sticky__header {\n      background: var(--brand);\n      color: white;\n      padding: 12px 16px;\n      font-size: 13px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .visual-sticky__pin {\n      font-size: 14px;\n    }\n\n    .visual-sticky__row {\n      padding: 10px 16px;\n      font-size: 13px;\n      color: var(--ink-soft);\n      border-bottom: 1px solid var(--border-light);\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .visual-sticky__row:last-child {\n      border-bottom: none;\n    }\n\n    .visual-sticky__row:nth-child(even) {\n      background: var(--surface-cool);\n    }\n\n    .visual-sticky__label {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--gold-dark);\n      background: var(--gold-light);\n      padding: 2px 8px;\n      border-radius: 4px;\n      margin-top: 8px;\n      display: inline-block;\n    }\n\n    \/* Responsive visual *\/\n    .visual-responsive {\n      display: flex;\n      align-items: flex-end;\n      justify-content: center;\n      gap: 20px;\n      padding: 20px 0;\n    }\n\n    .visual-device {\n      background: var(--surface);\n      border: 2px solid var(--ink);\n      border-radius: 12px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .visual-device--desktop {\n      width: 200px;\n    }\n\n    .visual-device--tablet {\n      width: 120px;\n    }\n\n    .visual-device--phone {\n      width: 70px;\n    }\n\n    .visual-device__screen {\n      padding: 8px;\n    }\n\n    .visual-device__notch {\n      width: 40%;\n      height: 4px;\n      background: var(--ink);\n      border-radius: 0 0 4px 4px;\n      margin: 0 auto;\n    }\n\n    .visual-device__table {\n      width: 100%;\n      font-size: 7px;\n      border-collapse: collapse;\n    }\n\n    .visual-device__table th {\n      background: var(--brand);\n      color: white;\n      padding: 4px;\n      text-align: left;\n    }\n\n    .visual-device__table td {\n      padding: 3px 4px;\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       ELEMENTS SHOWCASE\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .elements-section {\n      padding: 120px 0;\n      background: var(--surface-cool);\n    }\n\n    .elements-section__header {\n      text-align: center;\n      margin-bottom: 64px;\n    }\n\n    .elements-section__label {\n      font-family: var(--mono);\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--brand);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 20px;\n    }\n\n    .elements-section__title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      line-height: 1.15;\n      margin-bottom: 16px;\n    }\n\n    .elements-section__subtitle {\n      font-size: 18px;\n      color: var(--ink-soft);\n      max-width: 500px;\n      margin: 0 auto;\n    }\n\n    .elements-section__grid {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n      gap: 16px;\n    }\n\n    .element-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      padding: 28px 20px;\n      text-align: center;\n      transition: all 0.4s var(--ease-out-expo);\n      position: relative;\n    }\n\n    .element-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n      border-color: var(--brand);\n    }\n\n    .element-card--pro {\n      border-color: transparent;\n      background: linear-gradient(var(--surface), var(--surface)) padding-box,\n                  linear-gradient(135deg, var(--brand), var(--gold)) border-box;\n      border: 2px solid transparent;\n    }\n\n    .element-card__pro-tag {\n      position: absolute;\n      top: -8px;\n      right: -8px;\n      background: var(--gold);\n      color: var(--ink);\n      font-size: 9px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 6px;\n      letter-spacing: 0.5px;\n    }\n\n    .element-card__icon {\n      font-size: 32px;\n      margin-bottom: 12px;\n    }\n\n    .element-card__name {\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: -0.2px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TEMPLATES SECTION\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .templates {\n      padding: 120px 0;\n    }\n\n    .templates__header {\n      text-align: center;\n      margin-bottom: 64px;\n    }\n\n    .templates__label {\n      font-family: var(--mono);\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--brand);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 20px;\n    }\n\n    .templates__title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      line-height: 1.15;\n      margin-bottom: 16px;\n    }\n\n    .templates__subtitle {\n      font-size: 18px;\n      color: var(--ink-soft);\n      max-width: 540px;\n      margin: 0 auto;\n    }\n\n    .templates__scroll {\n      display: flex;\n      gap: 24px;\n      overflow-x: auto;\n      padding: 8px 0 24px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    .templates__scroll::-webkit-scrollbar {\n      display: none;\n    }\n\n    .template-card {\n      flex: 0 0 280px;\n      scroll-snap-align: start;\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      overflow: hidden;\n      transition: all 0.4s var(--ease-out-expo);\n      display: flex;\n      flex-direction: column;\n    }\n\n    .template-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 16px 48px rgba(0,0,0,0.08);\n    }\n\n    .template-card__preview {\n      height: 180px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 48px;\n      position: relative;\n    }\n\n    .template-card__preview--pricing {\n      background: linear-gradient(135deg, var(--brand-light), #e8e0f8);\n    }\n\n    .template-card__preview--comparison {\n      background: linear-gradient(135deg, var(--gold-light), #e8f8ee);\n    }\n\n    .template-card__preview--pros {\n      background: linear-gradient(135deg, #e8f8ee, #e8f1f8);\n    }\n\n    .template-card__preview--schedule {\n      background: linear-gradient(135deg, #fce8f4, var(--brand-light));\n    }\n\n    .template-card__preview--amazon {\n      background: linear-gradient(135deg, #fff0e8, var(--gold-light));\n    }\n\n    .template-card__preview--league {\n      background: linear-gradient(135deg, #e8f1f8, #e8f6f8);\n    }\n\n    .template-card__body {\n      padding: 20px;\n    }\n\n    .template-card__name {\n      font-weight: 700;\n      font-size: 16px;\n      letter-spacing: -0.3px;\n      margin-bottom: 4px;\n    }\n\n    .template-card__desc {\n      font-size: 13px;\n      color: var(--ink-muted);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PRICING\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .comparison {\n      padding: 120px 0;\n      background: var(--ink);\n      color: white;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .comparison::before {\n      content: '';\n      position: absolute;\n      top: -200px;\n      right: -200px;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(16,96,158,0.3) 0%, transparent 70%);\n    }\n\n    .comparison__header {\n      text-align: center;\n      margin-bottom: 64px;\n      position: relative;\n    }\n\n    .comparison__label {\n      font-family: var(--mono);\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--gold);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 20px;\n    }\n\n    .comparison__title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      line-height: 1.15;\n    }\n\n    .comparison__grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      max-width: 1100px;\n      margin: 0 auto;\n      position: relative;\n      align-items: start;\n    }\n\n    .plan-card {\n      border-radius: 20px;\n      padding: 40px 36px;\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .plan-card--featured {\n      background: linear-gradient(135deg, var(--brand), var(--brand-dark));\n      border: 2px solid rgba(255,255,255,0.15);\n      box-shadow: 0 20px 60px rgba(16, 96, 158, 0.4);\n      transform: scale(1.04);\n    }\n\n    .plan-card--lifetime {\n      background: linear-gradient(135deg, rgba(255,196,3,0.12), rgba(255,196,3,0.04));\n      border: 2px solid rgba(255,196,3,0.3);\n    }\n\n    .plan-card__name {\n      font-family: var(--serif);\n      font-size: 24px;\n      font-weight: 700;\n      margin-bottom: 12px;\n      color: var(--brand-light);\n    }\n\n    .plan-card--featured .plan-card__name { color: white; }\n    .plan-card--lifetime .plan-card__name { color: var(--gold); }\n\n    .plan-card__badge {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      padding: 4px 14px;\n      border-radius: 6px;\n      letter-spacing: 0.3px;\n      margin-bottom: 20px;\n      width: fit-content;\n    }\n\n    .plan-card__badge--starter {\n      background: rgba(255,255,255,0.1);\n      color: rgba(255,255,255,0.7);\n      border: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .plan-card__badge--flexible {\n      background: var(--brand-light);\n      color: var(--brand);\n    }\n\n    .plan-card__badge--popular {\n      background: var(--gold);\n      color: var(--ink);\n      font-weight: 700;\n    }\n\n    .plan-card__amount {\n      font-family: var(--serif);\n      font-size: 52px;\n      font-weight: 800;\n      letter-spacing: -2px;\n      line-height: 1;\n      margin-bottom: 4px;\n    }\n\n    .plan-card__period {\n      font-size: 13px;\n      opacity: 0.5;\n      margin-bottom: 28px;\n    }\n\n    .plan-card__features {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-bottom: 32px;\n      flex: 1;\n    }\n\n    .plan-card__features li {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .plan-card__features li::before {\n      content: '\\2713';\n      color: var(--gold);\n      font-weight: 700;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n\n    .plan-card__cta {\n      display: block;\n      width: 100%;\n      text-align: center;\n      margin-bottom: 12px;\n    }\n\n    .plan-card__guarantee {\n      font-size: 12px;\n      text-align: center;\n      opacity: 0.5;\n    }\n\n    .btn--white {\n      background: white;\n      color: var(--brand);\n      box-shadow: 0 4px 16px rgba(0,0,0,0.15);\n    }\n\n    .btn--white:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 28px rgba(0,0,0,0.2);\n    }\n\n    .btn--outline-white {\n      background: transparent;\n      color: white;\n      border: 2px solid rgba(255,255,255,0.2);\n    }\n\n    .btn--outline-white:hover {\n      border-color: rgba(255,255,255,0.5);\n      transform: translateY(-2px);\n    }\n\n    .btn--navy {\n      background: var(--ink);\n      color: var(--gold);\n      box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n    }\n\n    .btn--navy:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 28px rgba(0,0,0,0.4);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TESTIMONIAL \/ SOCIAL PROOF STRIP\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .proof {\n      padding: 100px 0;\n      background: var(--surface-warm);\n    }\n\n    .proof__stats {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 32px;\n      text-align: center;\n    }\n\n    .proof__stat {\n      padding: 32px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .proof__stat-value {\n      font-family: var(--serif);\n      font-size: clamp(36px, 4vw, 52px);\n      font-weight: 800;\n      color: var(--brand);\n      letter-spacing: -2px;\n      line-height: 1;\n      margin-bottom: 8px;\n    }\n\n    .proof__stat-label {\n      font-size: 14px;\n      color: var(--ink-muted);\n      font-weight: 500;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FAQ\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .faq {\n      padding: 120px 0;\n    }\n\n    .faq__header {\n      text-align: center;\n      margin-bottom: 64px;\n    }\n\n    .faq__title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 800;\n      letter-spacing: -1.5px;\n    }\n\n    .faq__list {\n      max-width: 720px;\n      margin: 0 auto;\n    }\n\n    .faq__item {\n      border-bottom: 1px solid var(--border);\n    }\n\n    .faq__question {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 24px 0;\n      background: none;\n      border: none;\n      font-family: var(--sans);\n      font-size: 17px;\n      font-weight: 600;\n      color: var(--ink);\n      cursor: pointer;\n      text-align: left;\n      line-height: 1.4;\n      gap: 16px;\n    }\n\n    .faq__question:hover {\n      color: var(--brand);\n    }\n\n    .faq__icon {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      background: var(--surface-cool);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: all 0.3s var(--ease-out-expo);\n      font-size: 18px;\n      color: var(--ink-muted);\n    }\n\n    .faq__item.open .faq__icon {\n      background: var(--brand);\n      color: white;\n      transform: rotate(45deg);\n    }\n\n    .faq__answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s var(--ease-out-expo), padding 0.4s var(--ease-out-expo);\n    }\n\n    .faq__item.open .faq__answer {\n      max-height: 300px;\n      padding-bottom: 24px;\n    }\n\n    .faq__answer p {\n      font-size: 15px;\n      color: var(--ink-soft);\n      line-height: 1.7;\n      max-width: 600px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FINAL CTA\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .cta-final {\n      padding: 120px 0;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      background: linear-gradient(180deg, var(--surface) 0%, var(--brand-light) 100%);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(16,96,158,0.08) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .cta-final__headline {\n      font-family: var(--serif);\n      font-size: clamp(36px, 5vw, 64px);\n      font-weight: 800;\n      line-height: 1.1;\n      letter-spacing: -2px;\n      max-width: 700px;\n      margin: 0 auto 24px;\n      position: relative;\n    }\n\n    .cta-final__headline em {\n      color: var(--brand);\n      font-style: italic;\n    }\n\n    .cta-final__text {\n      font-size: 18px;\n      color: var(--ink-soft);\n      max-width: 500px;\n      margin: 0 auto 44px;\n      line-height: 1.7;\n    }\n\n    .cta-final__actions {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-bottom: 32px;\n    }\n\n    .cta-final__note {\n      font-size: 13px;\n      color: var(--ink-muted);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 1024px) {\n      .feature-row {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .feature-row:nth-child(even) {\n        direction: ltr;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .hero { padding: 60px 0 60px; }\n      .hero__title { letter-spacing: -1px; }\n\n      .hero__table-demo { padding: 16px; }\n\n      .demo-table { font-size: 12px; min-width: 480px; }\n\n      .demo-table thead th { padding: 10px 12px; font-size: 11px; }\n\n      .demo-table tbody td { padding: 10px 12px; }\n\n      .problem__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .comparison__grid {\n        grid-template-columns: 1fr;\n        max-width: 440px;\n      }\n\n      .plan-card--featured {\n        transform: none;\n      }\n\n      .proof__stats {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .hero__proof {\n        gap: 20px;\n      }\n\n      .hero__divider { display: none; }\n\n      .hero__float-badge { display: none; }\n\n      .hero__actions {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .btn { justify-content: center; }\n\n      .cta-final__actions {\n        flex-direction: column;\n        align-items: stretch;\n        max-width: 360px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n    }\n\n    @media (max-width: 1024px) {\n      .elements-section__grid {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .elements-section__grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .visual-responsive {\n        gap: 12px;\n      }\n    }\n<\/style>\n\n\n\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n\n\n<div class=\"wp-block-group wptb-landing is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"hero\">\n    <div class=\"container hero__content\">\n      <div class=\"reveal-fade\">\n        <div class=\"hero__eyebrow\">#1 WordPress Table Plugin<\/div>\n      <\/div>\n      <h1 class=\"hero__title\">\n        Your tables are\n        costing you <em>conversions<\/em>\n      <\/h1>\n      <p class=\"hero__subtitle reveal-fade\">\n        Ugly tables don&#8217;t just look bad \u2014 they erode trust, confuse buyers, and kill the sale before it starts. WP Table Builder Pro fixes that.\n      <\/p>\n      <div class=\"hero__actions reveal\">\n        <a href=\"#pricing\" class=\"btn btn--gold btn-magnetic\">\n          <span>Get Pro Now<\/span>\n          <span class=\"btn__arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"https:\/\/wordpress.org\/plugins\/wp-table-builder\/\" target=\"_blank\" class=\"btn btn--ghost btn-magnetic\" rel=\"noopener\"><span>Try Free Version<\/span><\/a>\n      <\/div>\n      <div class=\"hero__proof reveal-fade\">\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-value\" data-count=\"50000\">0<\/div>\n          <div class=\"hero__stat-label\">Active Installs<\/div>\n        <\/div>\n        <div class=\"hero__divider\"><\/div>\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-value\">4.8<small>\/5<\/small><\/div>\n          <div class=\"hero__stat-label\">WordPress Rating<\/div>\n        <\/div>\n        <div class=\"hero__divider\"><\/div>\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-value\">14<\/div>\n          <div class=\"hero__stat-label\">Content Elements<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Hero table demo -->\n      <div class=\"hero__visual reveal-zoom parallax-layer\" data-parallax=\"-0.08\">\n        <div class=\"hero__browser\">\n          <div class=\"hero__browser-bar\">\n            <div class=\"hero__browser-dot\"><\/div>\n            <div class=\"hero__browser-dot\"><\/div>\n            <div class=\"hero__browser-dot\"><\/div>\n            <div class=\"hero__browser-url\">your-site.com\/pricing<\/div>\n          <\/div>\n          <div class=\"hero__table-demo\">\n            <table class=\"demo-table\">\n              <thead>\n                <tr>\n                  <th>Plan<\/th>\n                  <th>Features<\/th>\n                  <th>Rating<\/th>\n                  <th>Price<\/th>\n                  <th><\/th>\n                <\/tr>\n              <\/thead>\n              <tbody>\n                <tr>\n                  <td><strong>Starter<\/strong> <span class=\"badge badge--new\">New<\/span><\/td>\n                  <td>5 Projects, 1 User<\/td>\n                  <td><span class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/span><\/td>\n                  <td class=\"price\">$9\/mo<\/td>\n                  <td><a href=\"#\" class=\"btn-small\">Choose<\/a><\/td>\n                <\/tr>\n                <tr>\n                  <td><strong>Professional<\/strong> <span class=\"badge badge--popular\">Popular<\/span><\/td>\n                  <td>25 Projects, 5 Users<\/td>\n                  <td><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/td>\n                  <td class=\"price\">$29\/mo<\/td>\n                  <td><a href=\"#\" class=\"btn-small\">Choose<\/a><\/td>\n                <\/tr>\n                <tr>\n                  <td><strong>Enterprise<\/strong> <span class=\"badge badge--pro\">Pro<\/span><\/td>\n                  <td>Unlimited Everything<\/td>\n                  <td><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/td>\n                  <td class=\"price\">$79\/mo<\/td>\n                  <td><a href=\"#\" class=\"btn-small\">Choose<\/a><\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero__float-badge hero__float-badge--left\">\n          <div class=\"hero__float-icon hero__float-icon--drag\">\u270d<\/div>\n          Drag &#038; Drop\n        <\/div>\n        <div class=\"hero__float-badge hero__float-badge--right\">\n          <div class=\"hero__float-icon hero__float-icon--responsive\">\ud83d\udcf1<\/div>\n          Responsive\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"problem\">\n    <div class=\"container\">\n      <div class=\"problem__header\">\n        <div class=\"problem__label reveal-fade\">The uncomfortable truth<\/div>\n        <h2 class=\"problem__headline reveal\">\n          Most WordPress tables are <span class=\"strike\">broken<\/span> embarrassing\n        <\/h2>\n        <p class=\"problem__intro reveal-fade\">\n          You&#8217;ve seen them. Squished on mobile, impossible to scan, visually stuck in 2012. Your visitors notice too \u2014 and they leave.\n        <\/p>\n      <\/div>\n      <div class=\"problem__grid reveal-stagger\">\n        <div class=\"pain-card reveal-slam\" style=\"--i:0\">\n          <div class=\"pain-card__accent\"><\/div>\n          <div class=\"pain-card__number\">01<\/div>\n          <div class=\"pain-card__title\">The Mobile Disaster<\/div>\n          <p class=\"pain-card__text\">Your pricing table looks great on your 27&#8243; monitor. On the phone where 70% of your traffic lives? A horizontal scrolling nightmare that nobody will fight through.<\/p>\n        <\/div>\n        <div class=\"pain-card reveal-slam\" style=\"--i:1\">\n          <div class=\"pain-card__accent\"><\/div>\n          <div class=\"pain-card__number\">02<\/div>\n          <div class=\"pain-card__title\">The Trust Killer<\/div>\n          <p class=\"pain-card__text\">Misaligned columns. Inconsistent spacing. Clashing fonts. Small details, but they signal amateur hour \u2014 and prospects assign that label to your product too.<\/p>\n        <\/div>\n        <div class=\"pain-card reveal-slam\" style=\"--i:2\">\n          <div class=\"pain-card__accent\"><\/div>\n          <div class=\"pain-card__number\">03<\/div>\n          <div class=\"pain-card__title\">The Data Dump<\/div>\n          <p class=\"pain-card__text\">500 rows, no search, no pagination, no sticky headers. You built a spreadsheet, not a user experience. Nobody&#8217;s scrolling through that. They&#8217;re bouncing.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<div class=\"wp-block-group shift has-global-padding is-layout-constrained wp-container-core-group-is-layout-ca1db1cf wp-block-group-is-layout-constrained\">\n<div class=\"shift__divider reveal-fade\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading shift__headline reveal-scale\">What if your tables were your<br><em>best sales tool?<\/em><\/h2>\n\n\n\n<p class=\"shift__text reveal-fade wp-block-paragraph\">Tables aren&#8217;t just data containers. Done right, they&#8217;re comparison engines, decision-making frameworks, and conversion machines. That&#8217;s what WP Table Builder Pro was built for.<\/p>\n<\/div>\n\n\n\n<section class=\"features\" id=\"features\">\n    <div class=\"container\">\n      <div class=\"features__header\">\n        <div class=\"features__label reveal-fade\">How it works<\/div>\n        <h2 class=\"features__title reveal-scale\">Build tables that<br>do the selling for you<\/h2>\n      <\/div>\n\n      <!-- Feature 1: Drag & Drop -->\n      <div class=\"feature-row\">\n        <div class=\"feature__content reveal-left\">\n          <div class=\"feature__icon\">\u270e<\/div>\n          <div class=\"feature__tag\">Drag &#038; Drop Editor<\/div>\n          <h3 class=\"feature__title\">Point. Click. Publish.<\/h3>\n          <p class=\"feature__desc\">No code. No shortcode puzzles. No fighting with HTML. Drop elements into cells, style everything visually, and publish tables that look like a designer built them.<\/p>\n          <ul class=\"feature__list\">\n            <li>Visual cell editor with live preview<\/li>\n            <li>14 content elements to mix and match<\/li>\n            <li>Gutenberg block for instant embedding<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"feature__visual reveal-right\">\n          <div class=\"visual-dnd\">\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\ud83d\udcc4<\/div>\n              Text\n            <\/div>\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\ud83c\udfa8<\/div>\n              Image\n            <\/div>\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\ud83d\udd17<\/div>\n              Button\n            <\/div>\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\u2b50<\/div>\n              Star Rating\n            <\/div>\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\ud83d\udccb<\/div>\n              List\n            <\/div>\n            <div class=\"visual-dnd__element\">\n              <div class=\"visual-dnd__element-icon\">\ud83d\ude80<\/div>\n              Badge\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Feature 2: 14 Elements -->\n      <div class=\"feature-row\">\n        <div class=\"feature__content reveal-right\">\n          <div class=\"feature__icon\">\ud83d\udce6<\/div>\n          <div class=\"feature__tag\">Content Elements<\/div>\n          <h3 class=\"feature__title\">Every element a table needs<\/h3>\n          <p class=\"feature__desc\">From text and images to star ratings, progress bars, and badges. Each element is purpose-built for the kind of content that drives decisions.<\/p>\n          <ul class=\"feature__list\">\n            <li>Text, Image, Button, List, Star Rating, HTML, Shortcode<\/li>\n            <li>Circle Rating, Progress Bar, Ribbon, Badge, Styled List, Text Icon, Icon<\/li>\n            <li>Full styling control on every element<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"feature__visual reveal-left\">\n          <div class=\"visual-elements\">\n            <div class=\"visual-element\">\n              <div class=\"visual-element__icon visual-element__icon--text\">A<\/div>\n              <div><div class=\"visual-element__name\">Text<\/div><div class=\"visual-element__type\">Rich text content<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element\">\n              <div class=\"visual-element__icon visual-element__icon--image\">\ud83d\udcf7<\/div>\n              <div><div class=\"visual-element__name\">Image<\/div><div class=\"visual-element__type\">Photos &#038; graphics<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element\">\n              <div class=\"visual-element__icon visual-element__icon--button\">\u25b6<\/div>\n              <div><div class=\"visual-element__name\">Button<\/div><div class=\"visual-element__type\">Call to action<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element\">\n              <div class=\"visual-element__icon visual-element__icon--star\">\u2b50<\/div>\n              <div><div class=\"visual-element__name\">Star Rating<\/div><div class=\"visual-element__type\">Visual scores<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element visual-element--pro\">\n              <div class=\"visual-element__icon visual-element__icon--badge\">\ud83c\udfc6<\/div>\n              <div><div class=\"visual-element__name\">Badge<\/div><div class=\"visual-element__type\">Labels &#038; tags<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element visual-element--pro\">\n              <div class=\"visual-element__icon visual-element__icon--progress\">\u25ef<\/div>\n              <div><div class=\"visual-element__name\">Circle Rating<\/div><div class=\"visual-element__type\">Percentage display<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element visual-element--pro\">\n              <div class=\"visual-element__icon visual-element__icon--ribbon\">\ud83c\udff7<\/div>\n              <div><div class=\"visual-element__name\">Ribbon<\/div><div class=\"visual-element__type\">Eye-catching labels<\/div><\/div>\n            <\/div>\n            <div class=\"visual-element visual-element--pro\">\n              <div class=\"visual-element__icon visual-element__icon--list\">\u2630<\/div>\n              <div><div class=\"visual-element__name\">Progress Bar<\/div><div class=\"visual-element__type\">Visual comparison<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Feature 3: Sticky + Search + Pagination -->\n      <div class=\"feature-row\">\n        <div class=\"feature__content reveal-left\">\n          <div class=\"feature__icon\">\ud83d\udccc<\/div>\n          <div class=\"feature__tag\">Pro Table Controls<\/div>\n          <h3 class=\"feature__title\">Large tables, zero frustration<\/h3>\n          <p class=\"feature__desc\">Sticky headers that follow the scroll. Search that finds instantly. Pagination that keeps things manageable. Sorting that puts users in control.<\/p>\n          <ul class=\"feature__list\">\n            <li>Sticky top row and first column<\/li>\n            <li>Built-in search with customizable position<\/li>\n            <li>Pagination with dynamic page sizes<\/li>\n            <li>Column and row sorting<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"feature__visual reveal-right\">\n          <div class=\"visual-sticky\">\n            <div class=\"visual-sticky__header\">\n              <span class=\"visual-sticky__pin\">\ud83d\udccc<\/span>\n              Sticky Header \u2014 Always Visible\n            <\/div>\n            <div class=\"visual-sticky__row\"><span>Product Alpha<\/span><span>$29\/mo<\/span><\/div>\n            <div class=\"visual-sticky__row\"><span>Product Beta<\/span><span>$49\/mo<\/span><\/div>\n            <div class=\"visual-sticky__row\"><span>Product Gamma<\/span><span>$79\/mo<\/span><\/div>\n            <div class=\"visual-sticky__row\"><span>Product Delta<\/span><span>$99\/mo<\/span><\/div>\n            <div class=\"visual-sticky__row\"><span>Product Epsilon<\/span><span>$149\/mo<\/span><\/div>\n            <div class=\"visual-sticky__label\">\u2191 Users keep scrolling, header stays locked<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Feature 4: Responsive -->\n      <div class=\"feature-row\">\n        <div class=\"feature__content reveal-right\">\n          <div class=\"feature__icon\">\ud83d\udcf1<\/div>\n          <div class=\"feature__tag\">Responsive Design<\/div>\n          <h3 class=\"feature__title\">Beautiful on every screen<\/h3>\n          <p class=\"feature__desc\">Tables automatically adapt to mobile and tablet. Set custom breakpoints, control stack direction, and choose whether headers repeat or stay static.<\/p>\n          <ul class=\"feature__list\">\n            <li>Mobile &#038; tablet breakpoint control<\/li>\n            <li>Row or column stacking options<\/li>\n            <li>Header repeat for stacked views<\/li>\n            <li>Container or window width targeting<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"feature__visual reveal-left\">\n          <div class=\"visual-responsive\">\n            <div class=\"visual-device visual-device--desktop\">\n              <div class=\"visual-device__screen\">\n                <table class=\"visual-device__table\">\n                  <tr><th>Plan<\/th><th>Price<\/th><th>Users<\/th><\/tr>\n                  <tr><td>Free<\/td><td>$0<\/td><td>1<\/td><\/tr>\n                  <tr><td>Pro<\/td><td>$29<\/td><td>10<\/td><\/tr>\n                  <tr><td>Team<\/td><td>$79<\/td><td>50<\/td><\/tr>\n                <\/table>\n              <\/div>\n            <\/div>\n            <div class=\"visual-device visual-device--tablet\">\n              <div class=\"visual-device__notch\"><\/div>\n              <div class=\"visual-device__screen\">\n                <table class=\"visual-device__table\">\n                  <tr><th>Plan<\/th><th>Price<\/th><\/tr>\n                  <tr><td>Free<\/td><td>$0<\/td><\/tr>\n                  <tr><td>Pro<\/td><td>$29<\/td><\/tr>\n                  <tr><td>Team<\/td><td>$79<\/td><\/tr>\n                <\/table>\n              <\/div>\n            <\/div>\n            <div class=\"visual-device visual-device--phone\">\n              <div class=\"visual-device__notch\"><\/div>\n              <div class=\"visual-device__screen\">\n                <table class=\"visual-device__table\">\n                  <tr><th>Plan<\/th><\/tr>\n                  <tr><td>Free<\/td><\/tr>\n                  <tr><td>Pro<\/td><\/tr>\n                  <tr><td>Team<\/td><\/tr>\n                <\/table>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"elements-section\" id=\"elements\">\n    <div class=\"container\">\n      <div class=\"elements-section__header\">\n        <div class=\"elements-section__label reveal-fade\">14 Content Elements<\/div>\n        <h2 class=\"elements-section__title reveal\">Everything you need<br>in every cell<\/h2>\n        <p class=\"elements-section__subtitle reveal-fade\">Mix and match elements to create tables that inform, compare, and convert.<\/p>\n      <\/div>\n      <div class=\"elements-section__grid reveal-stagger\">\n        <div class=\"element-card reveal-scale\" style=\"--i:0\">\n          <div class=\"element-card__icon\">\ud83d\udcc4<\/div>\n          <div class=\"element-card__name\">Text<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:1\">\n          <div class=\"element-card__icon\">\ud83c\udfa8<\/div>\n          <div class=\"element-card__name\">Image<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:2\">\n          <div class=\"element-card__icon\">\ud83d\udc49<\/div>\n          <div class=\"element-card__name\">Button<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:3\">\n          <div class=\"element-card__icon\">\ud83d\udccb<\/div>\n          <div class=\"element-card__name\">List<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:4\">\n          <div class=\"element-card__icon\">\u2b50<\/div>\n          <div class=\"element-card__name\">Star Rating<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:5\">\n          <div class=\"element-card__icon\">&lt;\/&gt;<\/div>\n          <div class=\"element-card__name\">Custom HTML<\/div>\n        <\/div>\n        <div class=\"element-card reveal-scale\" style=\"--i:6\">\n          <div class=\"element-card__icon\">[&nbsp;]<\/div>\n          <div class=\"element-card__name\">Shortcode<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:7\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\ud83c\udfc6<\/div>\n          <div class=\"element-card__name\">Badge<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:8\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\u25ef<\/div>\n          <div class=\"element-card__name\">Circle Rating<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:9\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\ud83d\udcc8<\/div>\n          <div class=\"element-card__name\">Progress Bar<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:10\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\ud83c\udff7<\/div>\n          <div class=\"element-card__name\">Ribbon<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:11\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\u2630<\/div>\n          <div class=\"element-card__name\">Styled List<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:12\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\ud83d\udcac<\/div>\n          <div class=\"element-card__name\">Text Icon<\/div>\n        <\/div>\n        <div class=\"element-card element-card--pro reveal-scale\" style=\"--i:13\">\n          <div class=\"element-card__pro-tag\">PRO<\/div>\n          <div class=\"element-card__icon\">\u2605<\/div>\n          <div class=\"element-card__name\">Icon<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"templates\" id=\"templates\">\n    <div class=\"container container--wide\">\n      <div class=\"templates__header\">\n        <div class=\"templates__label reveal-fade\">28 Pre-Built Templates<\/div>\n        <h2 class=\"templates__title reveal\">Start with a template,<br>make it yours<\/h2>\n        <p class=\"templates__subtitle reveal-fade\">Professionally designed table templates for the most common use cases. One click to insert, fully customizable.<\/p>\n      <\/div>\n      <div class=\"templates__scroll reveal-right\">\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--pricing\">\ud83d\udcb0<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">Pricing Tables<\/div>\n            <div class=\"template-card__desc\">6 variants for SaaS, services, and products<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--comparison\">\ud83d\udcca<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">Product Comparisons<\/div>\n            <div class=\"template-card__desc\">5 layouts for side-by-side feature comparison<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--pros\">\u2705<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">Pros &#038; Cons<\/div>\n            <div class=\"template-card__desc\">2 clean layouts for balanced reviews<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--amazon\">\ud83d\uded2<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">Amazon-Style<\/div>\n            <div class=\"template-card__desc\">3 product box and comparison formats<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--schedule\">\ud83d\udcc5<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">Schedules<\/div>\n            <div class=\"template-card__desc\">Class timetables and event planning<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"template-card\">\n          <div class=\"template-card__preview template-card__preview--league\">\ud83c\udfc6<\/div>\n          <div class=\"template-card__body\">\n            <div class=\"template-card__name\">League &#038; Scores<\/div>\n            <div class=\"template-card__desc\">Scoreboards, rankings, and point tables<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"proof\">\n    <div class=\"container\">\n      <div class=\"proof__stats reveal-stagger\">\n        <div class=\"proof__stat reveal-zoom\" style=\"--i:0\">\n          <div class=\"proof__stat-value\" data-count=\"50000\">0<\/div>\n          <div class=\"proof__stat-label\">Active WordPress Installs<\/div>\n        <\/div>\n        <div class=\"proof__stat reveal-zoom\" style=\"--i:1\">\n          <div class=\"proof__stat-value\">4.8\/5<\/div>\n          <div class=\"proof__stat-label\">Average User Rating<\/div>\n        <\/div>\n        <div class=\"proof__stat reveal-zoom\" style=\"--i:2\">\n          <div class=\"proof__stat-value\">28<\/div>\n          <div class=\"proof__stat-label\">Ready-Made Templates<\/div>\n        <\/div>\n        <div class=\"proof__stat reveal-zoom\" style=\"--i:3\">\n          <div class=\"proof__stat-value\">14<\/div>\n          <div class=\"proof__stat-label\">Content Element Types<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"comparison\" id=\"pricing\">\n    <div class=\"container\">\n      <div class=\"comparison__header\">\n        <div class=\"comparison__label reveal-fade\">Choose your plan<\/div>\n        <h2 class=\"comparison__title reveal-scale\">One plugin. Four ways<br>to unlock it.<\/h2>\n      <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wptb-container-legacy\" data-table-id=\"23634\">\n    <table class=\"wptb-preview-table wptb-element-main-table_setting-23634\" style=\"border-spacing: 25px 3px; border-collapse: separate !important; min-width: 1253px; border: 0px solid ; \" data-border-spacing-columns=\"25\" data-border-spacing-rows=\"3\" data-reconstraction=\"1\" data-wptb-table-directives=\"eyJpbm5lckJvcmRlcnMiOnsiYWN0aXZlIjoiYWxsIiwiYm9yZGVyV2lkdGgiOjEsImJvcmRlclJhZGl1c2VzIjp7ImFsbCI6MTIsInJvdyI6MTIsImNvbHVtbiI6MTJ9fX0=\" data-wptb-responsive-directives=\"eyJyZXNwb25zaXZlRW5hYmxlZCI6dHJ1ZSwicmVzcG9uc2l2ZU1vZGUiOiJhdXRvIiwicmVsYXRpdmVXaWR0aCI6ImNvbnRhaW5lciIsInByZXNlcnZlUm93Q29sb3IiOmZhbHNlLCJoZWFkZXJGdWxseU1lcmdlZCI6ZmFsc2UsImJyZWFrcG9pbnRzIjp7ImRlc2t0b3AiOnsibmFtZSI6ImRlc2t0b3AiLCJ3aWR0aCI6MTAyNH0sInRhYmxldCI6eyJuYW1lIjoidGFibGV0Iiwid2lkdGgiOjcwMH0sIm1vYmlsZSI6eyJuYW1lIjoibW9iaWxlIiwid2lkdGgiOjM3NX19LCJtb2RlT3B0aW9ucyI6eyJhdXRvIjp7ImRpc2FibGVkIjp7ImRlc2t0b3AiOmZhbHNlLCJ0YWJsZXQiOmZhbHNlLCJtb2JpbGUiOmZhbHNlfSwidG9wUm93QXNIZWFkZXIiOnsiZGVza3RvcCI6ZmFsc2UsInRhYmxldCI6ZmFsc2UsIm1vYmlsZSI6ZmFsc2V9LCJyZXBlYXRNZXJnZWRIZWFkZXIiOnsiZGVza3RvcCI6dHJ1ZSwidGFibGV0Ijp0cnVlLCJtb2JpbGUiOnRydWV9LCJzdGF0aWNUb3BSb3ciOnsiZGVza3RvcCI6ZmFsc2UsInRhYmxldCI6ZmFsc2UsIm1vYmlsZSI6ZmFsc2V9LCJjZWxsU3RhY2tEaXJlY3Rpb24iOnsiZGVza3RvcCI6InJvdyIsInRhYmxldCI6ImNvbHVtbiIsIm1vYmlsZSI6ImNvbHVtbiJ9LCJjZWxsc1BlclJvdyI6eyJkZXNrdG9wIjoxLCJ0YWJsZXQiOjEsIm1vYmlsZSI6MX19fX0=\" data-wptb-cells-width-auto-count=\"4\" data-wptb-extra-styles=\"LyogRW50ZXIgeW91ciBjdXN0b20gQ1NTIHJ1bGVzIGhlcmUgKi8=\" data-wptb-pro-pagination-top-row-header=\"false\" data-wptb-rows-per-page=\"10\" data-wptb-pro-search-top-row-header=\"false\" data-wptb-searchbar-position=\"left\" role=\"table\" data-table-columns=\"4\" data-wptb-table-alignment=\"center\" data-wptb-td-width-auto=\"381\" data-wptb-table-tds-sum-max-width=\"1253\" data-v2-props=\"eyJ1c2VUaEZvckZpcnN0Um93IjpmYWxzZSwiY29sdW1uc1Byb3BzIjp7IjAiOnsid2lkdGgiOiIyODBweCJ9LCIxIjp7IndpZHRoIjoiMjgwcHgifSwiMiI6eyJ3aWR0aCI6IjI4MHB4In0sIjMiOnsid2lkdGgiOiIyODBweCJ9fSwicm93c1Byb3BzIjp7IjAiOnsiaGlnaGxpZ2h0IjpmYWxzZSwiaGlnaGxpZ2h0U2NhbGUiOjEwMCwiYmFja2dyb3VuZCI6IiNmZmZmZmYifX0sInNob3dQb3dlcmVkQnlCYWRnZSI6ZmFsc2V9\" ><tbody data-global-font-size=\"15\" ><tr  class=\"wptb-row \" style=\"background-color: #ffffff; \"><td class=\"wptb-cell \" colspan=\"1\" rowspan=\"1\" style=\"padding: 16px; width: 280px; background-color: rgb(255, 255, 255); border-width: 2px; border-color: rgb(196, 196, 196); border-style: solid; border-radius: 12px; \" data-y-index=\"0\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" data-wptb-cell-distribution=\"space-evenly\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-597\" style=\"color: #2e83ea; font-size: 28px; padding: 10px; margin: 20px 50px 10px 50px; \"><div style=\"position: relative;\"><p style=\"text-align:center;\"><strong>Starter <\/strong><\/p><p style=\"text-align:center;\"><strong>(Yearly)<\/strong><\/p><\/div><\/div><div class=\"wptb-badge-container wptb-ph-element wptb-element-badge-1\" style=\"justify-content: center; \">\n  <div class=\"wptb-badge-wrapper\" style=\"font-size: 14px; color: #000000; background-color: #e5e7eb; \">\n    <p class=\"wptb-badge\" style=\"position: relative\">Starter Friendly<\/p>\n  <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-598\" style=\"font-size: 3em; padding: 20px 0px 20px 0px; \"><div ><p style=\"text-align:center;\">$39<\/p><\/div><\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-1\" style=\"padding: 0px 0px 10px 0px; \">\n    <ul>\n        <li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                <strong>Single Site <\/strong>\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                25+ Pre-Built Templates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                AI Assistant \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Advanced Cell Customization\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Pagination, Search &amp; Lazy Loading\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Sticky Header &amp; First Column\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Highlight &amp; Tooltip Options\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Unlock 10+ More Powerful Features\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                1 Year Priority Support \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                1 Year Updates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li>\n    <\/ul>\n<\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-2\" style=\"padding: 0px; margin: 10px 0px 10px 10px; \">\n    <ul>\n        \n    <\/ul>\n<\/div><div class=\"wptb-button-container wptb-ph-element wptb-element-button-1 edit-active\" style=\"margin: 12px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <span class=\"wptb-link-target\" id=\"single-yearly\" style=\"width: 100%;\" >\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 8px; background-color: #007bff; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#007bff\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\"><strong>Get Starter - $39\/year<\/strong><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: rgb(255, 255, 255); \" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/span>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-599\" style=\"color: #274762; font-size: 1em; \"><div ><p style=\"text-align:center;\">30-day Money-back Guarantee<\/p><\/div><\/div><\/td><td class=\"wptb-cell \" colspan=\"1\" rowspan=\"1\" style=\"padding: 16px; width: 280px; background-color: rgb(255, 255, 255); border-width: 2px; border-color: rgb(16, 37, 218); border-style: solid; border-radius: 12px; \" data-y-index=\"0\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" data-wptb-cell-distribution=\"space-evenly\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-600\" style=\"color: #2e83ea; font-size: 28px; padding: 10px; margin: 20px 50px 10px 50px; \"><div style=\"position: relative;\"><p style=\"text-align:center;\"><strong>Agency\n (Yearly)<\/strong><\/p><\/div><\/div><div class=\"wptb-badge-container wptb-ph-element wptb-element-badge-2\" style=\"justify-content: center; \">\n  <div class=\"wptb-badge-wrapper\" style=\"font-size: 14px; color: #ffffff; background-color: #0058cc; \">\n    <p class=\"wptb-badge\" style=\"position: relative\">Most Popular<\/p>\n  <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-601\" style=\"font-size: 3em; padding: 20px 0px 20px 0px; \"><div ><p style=\"text-align:center;\">$99<\/p><\/div><\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-3\" style=\"padding: 0px 0px 10px 0px; \">\n    <ul>\n        <li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                <strong>Unlimited Sites <\/strong>\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                25+ Pre-Built Templates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                AI Assistant\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Advanced Cell Customization\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Pagination, Search &amp; Lazy Loading\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Sticky Header &amp; First Column\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Highlight &amp; Tooltip Options\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Unlock 10+ More Powerful Features\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                1 Year Priority Support \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                1 Year Updates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li>\n    <\/ul>\n<\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-4\" style=\"padding: 0px; margin: 10px 0px 10px 10px; \">\n    <ul>\n        \n    <\/ul>\n<\/div><div class=\"wptb-button-container wptb-ph-element wptb-element-button-2 edit-active\" style=\"margin: 12px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <span class=\"wptb-link-target\" id=\"unlimited-yearly\" style=\"width: 100%;\" >\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 8px; background-color: #0058cc; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#0058cc\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\"><strong>Get Agency - $99\/year<\/strong><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: rgb(255, 255, 255); \" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/span>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-602\" style=\"color: #274762; font-size: 1em; \"><div ><p style=\"text-align:center;\">30-Day Money-Back Guarantee<\/p><\/div><\/div><\/td><td class=\"wptb-cell \" colspan=\"1\" rowspan=\"1\" style=\"padding: 16px; width: 280px; background-color: rgb(255, 250, 235); border-width: 2px; border-color: rgb(245, 159, 10); border-style: solid; border-radius: 12px; \" data-y-index=\"0\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" data-wptb-cell-distribution=\"space-evenly\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-603\" style=\"color: #2e83ea; font-size: 28px; padding: 10px; margin: 20px 50px 10px 50px; \"><div style=\"position: relative;\"><p style=\"text-align:center;\"><strong>Starter\n(Lifetime)<\/strong><\/p><\/div><\/div><div class=\"wptb-badge-container wptb-ph-element wptb-element-badge-3\" style=\"justify-content: center; \">\n  <div class=\"wptb-badge-wrapper\" style=\"font-size: 14px; color: #000000; background-color: #f6c446; \">\n    <p class=\"wptb-badge\" style=\"position: relative\">No Renewals<\/p>\n  <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-604\" style=\"font-size: 3em; padding: 20px 0px 20px 0px; \"><div ><p style=\"text-align:center;\">$99<\/p><\/div><\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-5\" style=\"padding: 0px 0px 10px 0px; \">\n    <ul>\n        <li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                <strong>Single Site<\/strong>\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                25+ Pre-Built Templates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                AI Assistant\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Advanced Cell Customization\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Pagination, Search &amp; Lazy Loading\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Sticky Header &amp; First Column\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Highlight &amp; Tooltip Options\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Unlock 10+ More Powerful Features\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                Lifetime Priority Support \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Lifetime Updates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li>\n    <\/ul>\n<\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-6\" style=\"padding: 0px; margin: 10px 0px 10px 10px; \">\n    <ul>\n        \n    <\/ul>\n<\/div><div class=\"wptb-button-container wptb-ph-element wptb-element-button-3 edit-active\" style=\"margin: 12px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <span class=\"wptb-link-target\" id=\"single-lifetime\" style=\"width: 100%;\" >\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 8px; background-color: #0041a8; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#0041a8\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\"><strong>Go Lifetime - $99 once<\/strong><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: rgb(255, 255, 255); \" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/span>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-605\" style=\"color: #b8870a; font-size: 1em; \"><div ><p style=\"text-align:center;\">30-Day Money-Back Guarantee<\/p><\/div><\/div><\/td><td class=\"wptb-cell \" colspan=\"1\" rowspan=\"1\" style=\"padding: 16px; width: 280px; background-color: rgb(255, 250, 235); border-width: 2px; border-color: rgb(245, 159, 10); border-style: solid; border-radius: 12px; \" data-y-index=\"0\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" data-wptb-cell-distribution=\"space-evenly\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-606\" style=\"color: #2e83ea; font-size: 28px; padding: 10px; margin: 20px 50px 10px 50px; \"><div style=\"position: relative;\"><p style=\"text-align:center;\"><strong>Agency\n(Lifetime)<\/strong><\/p><\/div><\/div><div class=\"wptb-badge-container wptb-ph-element wptb-element-badge-4\" style=\"justify-content: center; \">\n  <div class=\"wptb-badge-wrapper\" style=\"font-size: 14px; color: #000000; background-color: #f6c446; \">\n    <p class=\"wptb-badge\" style=\"position: relative\">No Renewals<\/p>\n  <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-607\" style=\"font-size: 3em; padding: 20px 0px 20px 0px; \"><div ><p style=\"text-align:center;\">$249<\/p><\/div><\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-7\" style=\"padding: 0px 0px 10px 0px; \">\n    <ul>\n        <li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                <strong>Unlimited Sites <\/strong>\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                25+ Pre-Built Templates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                AI Assistant\n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Advanced Cell Customization\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Pagination, Search &amp; Lazy Loading\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Sticky Header &amp; First Column\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Highlight &amp; Tooltip Options\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Unlock 10+ More Powerful Features\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                Lifetime Priority Support \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li><li class=\"wptb-in-element\" style=\"margin-bottom: 8px\">\n    <div class=\"wptb-styled-list-li-inner-wrap\" data-wptb-styled-list-alignment=\"left\">\n        <div class=\"wptb-styled-list-icon\" data-wptb-styled-list-icon-src=\"check\" style=\"width: 20px; height: 20px; flex: 0 0 20px; fill: #009947\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"wptb-styled-list-item-content\" style=\"position: relative\">\n            <p data-styled_list-marker=\"\" style=\"font-size: 15px; line-height: 15px; color: #000000; margin-left: 12px; \">\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                Lifetime Updates\n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-m-tooltip\" style=\"\">\n            \n        <\/div>\n    <\/div>\n    <div class=\"wptb-clear-both\"><\/div>\n<\/li>\n    <\/ul>\n<\/div><div class=\"wptb-styled_list-container wptb-ph-element wptb-element-styled_list-8\" style=\"padding: 0px; margin: 10px 0px 10px 10px; \">\n    <ul>\n        \n    <\/ul>\n<\/div><div class=\"wptb-button-container wptb-ph-element wptb-element-button-4 edit-active\" style=\"margin: 12px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <span class=\"wptb-link-target\" id=\"unlimited-lifetime\" style=\"width: 100%;\" >\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 8px; background-color: #0041a8; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#0041a8\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\"><strong>Go Lifetime - $249 once<\/strong><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: rgb(255, 255, 255); \" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                        \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/span>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-608\" style=\"color: #b8870a; font-size: 1em; \"><div ><p style=\"text-align:center;\">30-Day Money-Back Guarantee<\/p><\/div><\/div><\/td><\/tr><\/tbody><\/table>\n<\/div>\n\n\n\n<script src=\"https:\/\/checkout.freemius.com\/checkout.min.js\"><\/script>\n<script defer>\n  var handler = FS.Checkout.configure({\n    plugin_id: \"6984\",\n    plan_id: \"11455\",\n    public_key: \"pk_e1120fb37bd7382b676f21362759e\",\n    image:\n      \"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2022\/08\/icon-128x128-2.png\",\n  });\n\n  const buttonConfigs = [\n    { selector: \"#single-yearly\", licenses: 1, billing_cycle: \"annual\" },\n    { selector: \"#pro-yearly\", licenses: 10, billing_cycle: \"annual\" },\n    {\n      selector: \"#unlimited-yearly\",\n      licenses: \"unlimited\",\n      billing_cycle: \"annual\",\n    },\n    { selector: \"#single-lifetime\", licenses: 1, billing_cycle: \"lifetime\" },\n    { selector: \"#pro-lifetime\", licenses: 10, billing_cycle: \"lifetime\" },\n    {\n      selector: \"#unlimited-lifetime\",\n      licenses: \"unlimited\",\n      billing_cycle: \"lifetime\",\n    },\n  ];\n\n  function bindButton(button, config) {\n    if (button && !button._fsBound) {\n      button.addEventListener(\"click\", function (e) {\n        handler.open({\n          name: \"WP Table Builder Pro\",\n          licenses: config.licenses,\n          billing_cycle: config.billing_cycle,\n          coupon: \"\",\n          purchaseCompleted: function (response) {},\n          success: function (response) {},\n        });\n        e.preventDefault();\n      });\n      button._fsBound = true;\n    }\n  }\n  const attachListeners = () => {\n    buttonConfigs.forEach((config) => {\n      const btn = document.querySelector(config.selector);\n      if (btn) {\n        bindButton(btn, config);\n      }\n    });\n  };\n  document.addEventListener(\"DOMContentLoaded\", attachListeners);\n  document.addEventListener(\"wptb:table-rendered\", attachListeners);\n<\/script>\n\n\n\n\n<section class=\"faq\" id=\"faq\">\n    <div class=\"container\">\n      <div class=\"faq__header\">\n        <h2 class=\"faq__title reveal-scale\">Frequently Asked Questions<\/h2>\n      <\/div>\n      <div class=\"faq__list\">\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            Do I need any coding knowledge?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>Not at all. WP Table Builder is 100% visual. Drag elements into cells, adjust settings in the sidebar, and publish. If you can use WordPress, you can build beautiful tables.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            Will my tables work on mobile?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>Yes. Every table is responsive by default. The Pro version gives you full control over breakpoints, stacking direction, and header behavior on smaller screens.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            Does it work with Gutenberg?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>Absolutely. WP Table Builder includes a dedicated Gutenberg block. Just search for &#8220;Table Builder&#8221; in the block editor, select your table, and it&#8217;s embedded \u2014 no shortcode fussing required.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            What if I want to start with the free version?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>Of course. WP Table Builder has a free version with 7 elements and core features. When you&#8217;re ready, Pro installs alongside the free plugin \u2014 all your tables, settings, and styles are preserved. Just activate Pro and the new features unlock immediately.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            How many tables can I create?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>Unlimited \u2014 in both the Free and Pro versions. There are no artificial limits on how many tables you can create or how many rows and columns each table can have.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq__item reveal\">\n          <button class=\"faq__question\">\n            Will it slow down my site?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__answer\">\n            <p>No. Tables are rendered with clean, lightweight HTML and CSS. The Pro version includes lazy loading for large tables, so content loads progressively as users scroll \u2014 keeping your page speed score high.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"cta-final\" id=\"cta\">\n    <div class=\"container container--narrow\">\n      <h2 class=\"cta-final__headline reveal-zoom\">\n        Your next table should<br><em>close the deal<\/em>\n      <\/h2>\n      <p class=\"cta-final__text reveal-fade\">\n        Join thousands of WordPress sites that stopped losing conversions to ugly tables. Get WP Table Builder Pro and start building tables that convert.\n      <\/p>\n      <div class=\"cta-final__actions reveal\">\n        <a href=\"#pricing\" class=\"btn btn--gold btn-magnetic\">\n          <span>Get Pro Now<\/span>\n          <span class=\"btn__arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"https:\/\/wordpress.org\/plugins\/wp-table-builder\/\" target=\"_blank\" class=\"btn btn--ghost btn-magnetic\" rel=\"noopener\">\n          <span>Try Free Version<\/span>\n        <\/a>\n      <\/div>\n      <p class=\"cta-final__note reveal-fade\">30-day money-back guarantee. Upgrade, downgrade, or cancel anytime.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<script>\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       1. SCROLL REVEAL (all variants)\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });\n\n    document.querySelectorAll('.reveal, .reveal-fade, .reveal-scale, .reveal-left, .reveal-right, .reveal-zoom, .reveal-slam').forEach(el => {\n      revealObserver.observe(el);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       2. HERO WORD-BY-WORD SPLIT TEXT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('[data-split-words]').forEach(el => {\n      const html = el.innerHTML;\n      \/\/ Extract text nodes and <em> tags, split into words\n      const fragment = document.createElement('div');\n      fragment.innerHTML = html;\n      let wordIndex = 0;\n      const words = [];\n\n      function walkNodes(node) {\n        node.childNodes.forEach(child => {\n          if (child.nodeType === 3) { \/\/ text node\n            const text = child.textContent.trim();\n            if (text) {\n              text.split(\/\\s+\/).forEach(w => {\n                words.push({ text: w, em: false, index: wordIndex++ });\n              });\n            }\n          } else if (child.nodeName === 'EM') {\n            const text = child.textContent.trim();\n            text.split(\/\\s+\/).forEach(w => {\n              words.push({ text: w, em: true, index: wordIndex++ });\n            });\n          } else if (child.nodeName === 'BR') {\n            words.push({ br: true });\n          }\n        });\n      }\n      walkNodes(fragment);\n\n      el.innerHTML = words.map(w => {\n        if (w.br) return '<br>';\n        const cls = w.em ? 'word word-em' : 'word';\n        const delay = w.index * 0.08;\n        return `<span class=\"${cls}\" style=\"transition-delay:${delay}s\">${w.text}<\/span> `;\n      }).join('');\n\n      \/\/ Observe the title element\n      const titleObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            el.classList.add('visible');\n            titleObserver.unobserve(el);\n          }\n        });\n      }, { threshold: 0.3 });\n      titleObserver.observe(el);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       3. TYPEWRITER EYEBROW\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('.hero__eyebrow').forEach(el => {\n      const fullText = el.textContent;\n      el.innerHTML = '<span class=\"typewriter-text\"><\/span>';\n      const textEl = el.querySelector('.typewriter-text');\n      let i = 0;\n\n      const eyebrowObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const type = () => {\n              if (i <= fullText.length) {\n                textEl.textContent = fullText.slice(0, i);\n                i++;\n                setTimeout(type, 50 + Math.random() * 40);\n              } else {\n                \/\/ Stop blinking after done\n                setTimeout(() => { textEl.style.borderColor = 'transparent'; }, 1500);\n              }\n            };\n            setTimeout(type, 300);\n            eyebrowObserver.unobserve(el);\n          }\n        });\n      }, { threshold: 0.5 });\n      eyebrowObserver.observe(el);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       4. 3D CARD TILT (pain cards, feature visuals, plan cards)\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('.pain-card, .feature__visual, .plan-card').forEach(card => {\n      card.addEventListener('mousemove', (e) => {\n        const rect = card.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        const centerX = rect.width \/ 2;\n        const centerY = rect.height \/ 2;\n        const rotateX = ((y - centerY) \/ centerY) * -8;\n        const rotateY = ((x - centerX) \/ centerX) * 8;\n\n        card.style.transform = `perspective(800px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;\n        card.style.setProperty('--mx', `${(x \/ rect.width) * 100}%`);\n        card.style.setProperty('--my', `${(y \/ rect.height) * 100}%`);\n      });\n\n      card.addEventListener('mouseleave', () => {\n        card.style.transform = '';\n      });\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       5. MAGNETIC BUTTONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('.btn-magnetic').forEach(btn => {\n      btn.addEventListener('mousemove', (e) => {\n        const rect = btn.getBoundingClientRect();\n        const x = e.clientX - rect.left - rect.width \/ 2;\n        const y = e.clientY - rect.top - rect.height \/ 2;\n        btn.style.transform = `translate(${x * 0.3}px, ${y * 0.3}px)`;\n      });\n\n      btn.addEventListener('mouseleave', () => {\n        btn.style.transform = '';\n      });\n\n      btn.addEventListener('click', (e) => {\n        const ripple = document.createElement('span');\n        ripple.className = 'btn-magnetic__ripple';\n        const rect = btn.getBoundingClientRect();\n        const size = Math.max(rect.width, rect.height);\n        ripple.style.width = ripple.style.height = size + 'px';\n        ripple.style.left = (e.clientX - rect.left - size \/ 2) + 'px';\n        ripple.style.top = (e.clientY - rect.top - size \/ 2) + 'px';\n        btn.appendChild(ripple);\n        setTimeout(() => ripple.remove(), 600);\n      });\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       6. SCROLL PROGRESS BAR\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const progressBar = document.getElementById('scrollProgress');\n    window.addEventListener('scroll', () => {\n      const scrolled = window.scrollY;\n      const total = document.documentElement.scrollHeight - window.innerHeight;\n      const progress = Math.min(scrolled \/ total, 1);\n      progressBar.style.transform = `scaleX(${progress})`;\n    }, { passive: true });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       7. PARALLAX ON SCROLL\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const parallaxEls = document.querySelectorAll('[data-parallax]');\n    let ticking = false;\n    window.addEventListener('scroll', () => {\n      if (!ticking) {\n        requestAnimationFrame(() => {\n          parallaxEls.forEach(el => {\n            const speed = parseFloat(el.dataset.parallax);\n            const rect = el.getBoundingClientRect();\n            const center = rect.top + rect.height \/ 2 - window.innerHeight \/ 2;\n            el.style.transform = `translateY(${center * speed}px)`;\n          });\n          ticking = false;\n        });\n        ticking = true;\n      }\n    }, { passive: true });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       8. ANIMATED COUNTERS (slot-machine style)\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const counters = document.querySelectorAll('[data-count]');\n    const counterObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const el = entry.target;\n          const target = parseInt(el.dataset.count);\n          const duration = 2000;\n          const start = performance.now();\n\n          const animate = (now) => {\n            const elapsed = now - start;\n            const progress = Math.min(elapsed \/ duration, 1);\n            \/\/ Bounce easing for slot-machine feel\n            const t = progress;\n            const eased = t < 0.5\n              ? 4 * t * t * t\n              : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n            const current = Math.floor(eased * target);\n\n            if (target >= 1000) {\n              el.textContent = current.toLocaleString() + '+';\n            } else {\n              el.textContent = current;\n            }\n\n            if (progress < 1) {\n              requestAnimationFrame(animate);\n            } else {\n              \/\/ Bounce overshoot effect\n              el.style.transform = 'scale(1.15)';\n              el.style.transition = 'transform 0.3s var(--ease-out-back)';\n              setTimeout(() => { el.style.transform = 'scale(1)'; }, 200);\n            }\n          };\n\n          requestAnimationFrame(animate);\n          counterObserver.unobserve(el);\n        }\n      });\n    }, { threshold: 0.5 });\n    counters.forEach(el => counterObserver.observe(el));\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       9. FAQ ACCORDION\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('.faq__question').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const item = btn.parentElement;\n        const wasOpen = item.classList.contains('open');\n        document.querySelectorAll('.faq__item').forEach(i => i.classList.remove('open'));\n        if (!wasOpen) item.classList.add('open');\n      });\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       10. SMOOTH SCROLL\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n      anchor.addEventListener('click', (e) => {\n        const target = document.querySelector(anchor.getAttribute('href'));\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       11. MOUSE CURSOR GLOW ON HERO\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const hero = document.querySelector('.hero');\n    if (hero) {\n      const glow = document.createElement('div');\n      glow.style.cssText = `\n        position: absolute; width: 500px; height: 500px;\n        background: radial-gradient(circle, rgba(16,96,158,0.08) 0%, transparent 70%);\n        pointer-events: none; border-radius: 50%; z-index: 0;\n        transform: translate(-50%, -50%); transition: opacity 0.3s;\n        opacity: 0;\n      `;\n      hero.style.position = 'relative';\n      hero.appendChild(glow);\n\n      hero.addEventListener('mousemove', (e) => {\n        const rect = hero.getBoundingClientRect();\n        glow.style.left = (e.clientX - rect.left) + 'px';\n        glow.style.top = (e.clientY - rect.top) + 'px';\n        glow.style.opacity = '1';\n      });\n\n      hero.addEventListener('mouseleave', () => {\n        glow.style.opacity = '0';\n      });\n    }\n  <\/script>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>#1 WordPress Table Plugin Your tables are costing you conversions Ugly tables don&#8217;t just look bad \u2014 they erode trust, confuse buyers, and kill the sale before it starts. WP Table Builder Pro fixes that. Get Pro Now \u2192 Try Free Version 0 Active Installs 4.8\/5 WordPress Rating 14 Content Elements your-site.com\/pricing Plan Features Rating [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-23328","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages\/23328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=23328"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages\/23328\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=23328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}