{"id":49481,"date":"2025-08-18T09:30:23","date_gmt":"2025-08-18T09:30:23","guid":{"rendered":"https:\/\/www.webgains.com\/public\/?page_id=49481"},"modified":"2025-10-08T10:54:07","modified_gmt":"2025-10-08T10:54:07","slug":"webgains-product-update-summer-edition-2025","status":"publish","type":"page","link":"https:\/\/www.webgains.com\/public\/en\/webgains-product-update-summer-edition-2025\/","title":{"rendered":"Webgains Summer 2025 Product Update"},"content":{"rendered":"\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-74d64303\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-eb7d7870 uag-hide-desktop uag-hide-tab\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-087f0015\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div class=\"wp-container-3 wp-block-columns\">\n<div class=\"wp-container-1 wp-block-column is-vertically-aligned-top\" style=\"flex-basis:1300px\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-e64b8dbd\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainsgrey-color has-text-color\" style=\"font-size:16px;font-style:normal;font-weight:700;letter-spacing:5px\">WEBGAINS PRODUCT UPDATES<\/h5>\n\n\n\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"has-webgainspink-color has-text-color\" style=\"font-size:40px;letter-spacing:8px\">The latest platform features, improvements and innovations<\/h1>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>As the&nbsp;Service-First network, we put our clients at the heart of everything we do. That\u2019s why we\u2019re dedicated to understanding your pain points and solving them by continually improving our platform. These seasonal product updates are here to save you time, boost ROI, and make your job a whole lot easier.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-block-11126419\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-eb81db59\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater\" href=\"https:\/\/knowledgehub.webgains.com\/home\/?l=en\" rel=\"noopener noreferrer\" target=\"_blank\"><div class=\"uagb-button__link\">Exolore all platform updates in the Knowledge Hub<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div>\n\n\n\n<div class=\"wp-container-2 wp-block-column is-vertically-aligned-center\" style=\"flex-basis:1700px\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-image uagb-block-4ab916a0\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Webgains Product Update - Summer Edition 2025\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qNMYtFe1Crg?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.webgains.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div><\/section>\n<\/div>\n<\/div>\n<\/div><\/section>\n<\/div><\/section>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-mob\"><\/div>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-06147c05\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<p><\/p>\n\n\n\n<h2 class=\"has-text-align-center has-webgainspink-color has-text-color\" style=\"font-size:28px;font-style:normal;font-weight:600;letter-spacing:5px\">SUMMER EDITION 2025<\/h2>\n\n\n\n<p class=\"has-text-align-center has-webgainsgrey-color has-text-color\">Click on each feature to explore the details <\/p>\n\n\n\n<p><style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700&display=swap');\n        \n        body {\n            font-family: 'Open Sans', sans-serif;\n            background: #f5f5f5;\n            min-height: 100vh;\n            color: #051C2C;\n        }\n\n        .container {\n            width: 100%;\n            max-width: none;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 3rem;\n            color: #051C2C;\n            padding: 2rem;\n        }\n\n        .header h1 {\n            font-size: 3.5rem;\n            margin-bottom: 1rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .header p {\n            font-size: 1.3rem;\n            opacity: 0.9;\n            margin-bottom: 0.5rem;\n        }\n\n        .header .subtitle {\n            font-size: 1.1rem;\n            opacity: 0.8;\n        }\n\n        .features-container {\n            padding: 2rem 0;\n        }\n\n        .feature-row {\n            display: flex;\n            gap: 2rem;\n            margin-bottom: 2rem;\n            align-items: stretch;\n            padding: 0;\n        }\n\n        .feature-item {\n            flex: 1;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        .feature-item:nth-child(odd) {\n            animation-delay: 0.2s;\n        }\n\n        .feature-item:nth-child(even) {\n            animation-delay: 0.4s;\n        }\n\n        .feature-content {\n            position: relative;\n            padding: 1.8rem;\n            background: #051C2C;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 3px solid transparent;\n            height: 100%;\n        }\n\n        .feature-content.publisher-section {\n            background: white;\n        }\n\n        .screenshot-placeholder {\n            width: 100%;\n            height: 300px;\n            background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n            border: 2px dashed #FFC000;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 1.5rem 0;\n            color: #051C2C;\n            font-weight: 600;\n            font-size: 1rem;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .screenshot-placeholder::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 192, 0, 0.2), transparent);\n            animation: shimmer 2s infinite;\n        }\n\n        @keyframes shimmer {\n            0% { left: -100%; }\n            100% { left: 100%; }\n        }\n\n        .feature-content:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n            border: 3px solid transparent;\n            background: linear-gradient(#051C2C, #051C2C) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;\n        }\n\n        .feature-content.publisher-section:hover {\n            background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;\n        }\n\n\n\n\n\n        .audience-badge {\n            display: inline-flex;\n            align-items: center;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 0.8px;\n            position: relative;\n            padding-left: 1.5rem;\n        }\n\n        .advertisers { \n            color: white;\n        }\n\n        .publishers { \n            color: white;\n        }\n\n        .publisher-section .publishers {\n            color: #E6A800;\n            font-weight: 700;\n        }\n\n        .advertisers::before, .publishers::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 4px;\n            height: 20px;\n            background: white;\n            border-radius: 2px;\n        }\n\n        .publisher-section .publishers::before {\n            background: #FFC000;\n        }\n\n        .feature-title {\n            font-size: 1.5rem;\n            font-weight: bold;\n            margin-bottom: 0.5rem;\n            color: white;\n        }\n\n        .publisher-section .feature-title {\n            color: #051C2C;\n        }\n\n        .feature-subtitle {\n            font-size: 1.1rem;\n            color: #FFC000;\n            margin-bottom: 1rem;\n            font-style: italic;\n            font-weight: 600;\n        }\n\n        .publisher-section .feature-subtitle {\n            color: #E61B7B;\n        }\n\n        .feature-summary {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: white;\n            margin-bottom: 1rem;\n        }\n\n        .publisher-section .feature-summary {\n            color: #051C2C;\n        }\n\n        .expand-details {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.5s ease;\n            background: rgba(248, 249, 250, 0.95);\n            border-radius: 15px;\n            margin-top: 1rem;\n            border: 2px solid #FFC000;\n        }\n\n        .expand-details.active {\n            max-height: 800px;\n            display: block;\n        }\n\n        .details-content {\n            padding: 1.5rem;\n            position: relative;\n        }\n\n        .close-btn {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            background: #E22134;\n            color: white;\n            border: none;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 1001;\n        }\n\n        .close-btn:hover {\n            background: #c41e2a;\n            transform: scale(1.1);\n        }\n\n        .feature-benefits {\n            list-style: none;\n            margin: 1.5rem 0;\n        }\n\n        .feature-benefits li {\n            padding: 0.8rem 0;\n            border-bottom: 1px solid #ecf0f1;\n            position: relative;\n            padding-left: 2.5rem;\n            font-size: 0.95rem;\n            line-height: 1.5;\n            margin-left: 0;\n            text-indent: 0;\n        }\n\n        .feature-benefits li:before {\n            content: '\u2713';\n            position: absolute;\n            left: 0.5rem;\n            top: 0.8rem;\n            color: #FFC000;\n            font-weight: bold;\n            font-size: 1.2rem;\n            width: 1.5rem;\n            text-align: center;\n            z-index: 1;\n        }\n\n        .feature-benefits li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-highlight {\n            background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n            padding: 1.2rem;\n            border-radius: 10px;\n            margin: 1rem 0;\n            border-left: 4px solid #E61B7B;\n            font-size: 0.95rem;\n        }\n\n        .feature-highlight strong {\n            color: #051C2C;\n        }\n\n        .expand-btn {\n            background: linear-gradient(135deg, #E22134, #E61B7B);\n            color: white;\n            border: none;\n            padding: 0.6rem 1.5rem;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            margin-top: 1rem;\n            transition: all 0.3s ease;\n            font-weight: 600;\n        }\n\n        .expand-btn:hover {\n            transform: scale(1.05);\n            box-shadow: 0 5px 15px rgba(226, 33, 52, 0.4);\n        }\n\n        .cta-buttons {\n            display: flex;\n            gap: 0.8rem;\n            margin-top: 1.5rem;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            padding: 0.6rem 1.2rem;\n            border: none;\n            border-radius: 20px;\n            font-weight: 600;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            font-size: 0.85rem;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, #E22134, #E61B7B);\n            color: white;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(226, 33, 52, 0.4);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: #E61B7B;\n            border: 2px solid #E61B7B;\n        }\n\n        .publisher-section .btn-primary {\n            border: none;\n        }\n\n        .btn-secondary:hover {\n            background: #E61B7B;\n            color: white;\n        }\n\n        .note {\n            font-size: 0.85rem;\n            color: #051C2C;\n            font-style: italic;\n            margin-top: 1rem;\n            opacity: 0.7;\n        }\n\n        .legend {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            margin-top: 3rem;\n            flex-wrap: wrap;\n        }\n\n        .legend-item {\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            padding: 1rem 1.5rem;\n            border-radius: 25px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: white;\n            position: relative;\n            padding-left: 2.5rem;\n        }\n\n        .legend-item:first-child {\n            background: #051C2C;\n            border: 3px solid transparent;\n        }\n\n        .legend-item:nth-child(2) {\n            background: white;\n            color: #E6A800;\n            font-weight: 700;\n            border: 3px solid transparent;\n        }\n\n        .legend-item:nth-child(3) {\n            background: rgba(255, 255, 255, 0.9);\n            color: #051C2C;\n        }\n\n        .legend-item:first-child:hover {\n            background: linear-gradient(#051C2C, #051C2C) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n        }\n\n        .legend-item:nth-child(2):hover {\n            background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n        }\n\n        .legend-item:first-child::before {\n            content: '';\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 4px;\n            height: 20px;\n            background: white;\n            border-radius: 2px;\n        }\n\n        .legend-item:nth-child(2)::before {\n            content: '';\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 4px;\n            height: 20px;\n            background: #FFC000;\n            border-radius: 2px;\n        }\n\n        .legend-color {\n            width: 20px;\n            height: 20px;\n            border-radius: 50%;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .feature-row {\n                flex-direction: column;\n                gap: 1rem;\n            }\n\n            .header h1 {\n                font-size: 2.5rem;\n            }\n\n            .legend {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .cta-buttons {\n                justify-content: center;\n            }\n        }\n    <\/style><\/p>\n\n\n\n<style id=\"learn-more-core\">\n  .learn-more-block {\n    font-family: 'Open Sans', sans-serif;\n    font-size: 13px;\n    max-width: 600px;\n    width: 100%;\n    background: #fff;\n    color: #051c2c;\n    padding: 15px;\n    border-radius: 6px;\n    text-align: center;\n    position: relative;\n    cursor: pointer;\n  }\n  .learn-more-link {\n    color: #051c2c !important;\n    font-size: 15px;\n    font-weight: 600;\n    display: inline-block;\n    text-decoration: none !important;\n    cursor: pointer;\n  }\n  .more-info {\n    display: none;\n    background: #fff;\n    padding: 15px;\n    margin-top: 10px;\n    border-radius: 6px;\n    text-align: left;\n    font-weight: 400 !important; \/* force lighter text *\/\n  }\n  .more-info strong {\n    font-weight: 600 !important; \/* headings\/bold *\/\n  }\n  .more-info ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  .more-info li::before {\n    content: none !important;\n  }\n  .highlight-box {\n    background: #f2f2f2;\n    border: 2px solid #ffc000;\n    padding: 10px;\n    border-radius: 5px;\n    margin-top: 10px;\n  }\n  .learn-more-btn {\n    display: inline-block;\n    background: #051c2c;\n    color: #fff;\n    padding: 10px 20px;\n    border-radius: 5px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    transition: all .3s ease;\n    border: 2px solid transparent;\n  }\n  .learn-more-btn:hover {\n    background: #fff;\n    color: #051c2c;\n    border: 2px solid #051c2c;\n  }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  document.querySelectorAll('.learn-more-block').forEach(block => {\n    const link = block.querySelector('.learn-more-link');\n    const content = block.querySelector('.more-info');\n    if (!link || !content) return;\n    block.addEventListener('click', () => {\n      const open = content.style.display === 'block';\n      content.style.display = open ? 'none' : 'block';\n      link.textContent = open ? 'See more' : 'See less';\n    });\n  });\n});\n<\/script>\n\n\n\n<div class=\"wp-container-15 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-5881a01c\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div class=\"wp-block-uagb-tabs uagb-block-4f0e0bb8 uagb-tabs__wrap uagb-tabs__hstyle4-desktop uagb-tabs__hstyle4-tablet uagb-tabs__hstyle4-mobile\" data-tab-active=\"0\"><ul class=\"uagb-tabs__panel uagb-tabs__align-center\"><li class=\"uagb-tab uagb-tabs__active\"><a href=\"#uagb-tabs__tab0\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"0\"><span>Advertiser features<\/span><\/a><\/li><li class=\"uagb-tab \"><a href=\"#uagb-tabs__tab1\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"1\"><span>Publisher features<\/span><\/a><\/li><\/ul><div class=\"uagb-tabs__body-wrap\">\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-tabs__inner-tab uagb-inner-tab-0\"><div class=\"uagb-blocks__c38900fe uagb-tabs__body\" aria-labelledby=\"uagb-tabs__tab0\">\n<div class=\"wp-container-7 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-69ac70e4\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<style id=\"learn-more-core\">\n  .learn-more-block{font-family:'Open Sans',sans-serif;font-size:13px;max-width:600px;width:100%;background:#fff;color:#051c2c;padding:15px;border-radius:6px;text-align:center;position:relative;cursor:pointer}\n  .learn-more-link{color:#051c2c !important;font-size:15px;font-weight:600;display:inline-block;text-decoration:none !important;cursor:pointer}\n  .more-info{display:none;background:#fff;padding:15px;margin-top:10px;border-radius:6px;text-align:left}\n  .more-info ul{list-style:none;padding:0;margin:0}\n  .more-info li::before{content:none !important}\n  .highlight-box{background:#f2f2f2;border:2px solid #ffc000;padding:10px;border-radius:5px;margin-top:10px}\n  .learn-more-btn{display:inline-block;background:#051c2c;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;border:2px solid transparent}\n  .learn-more-btn:hover{background:#fff;color:#051c2c;border:2px solid #051c2c}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  document.querySelectorAll('.learn-more-block').forEach(block=>{\n    const link=block.querySelector('.learn-more-link');\n    const content=block.querySelector('.more-info');\n    if(!link||!content) return;\n    block.addEventListener('click',()=>{\n      const open=content.style.display==='block';\n      content.style.display=open?'none':'block';\n      link.textContent=open?'See more':'See less';\n    });\n  });\n});\n<\/script>\n\n\n\n<div class=\"wp-container-6 wp-block-columns\">\n<div class=\"wp-container-4 wp-block-column\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-701ffc59 hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainswhite-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For Advertisers<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainswhite-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Customer Journey Reporting<\/h3>\n\n\n\n<h3 class=\"has-webgainslightorange-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">See the bigger picture \u2013 beyond last click<\/h3>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"hover-video-wrap\" onmouseenter=\"const v=this.querySelector('video'); v.controls=false; v.play();\" onmouseleave=\"const v=this.querySelector('video'); v.pause(); v.currentTime=0; v.controls=false;\">\n  <video muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-12-142313.jpg\" onloadedmetadata=\"this.controls=false\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/CJRNeu.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n\/* Size & rounding *\/\n.hover-video-wrap video{width:100%; height:auto; border-radius:12px}\n\n\/* Kill any player\/overlay UI some themes inject *\/\n.hover-video-wrap .mejs-overlay,\n.hover-video-wrap .mejs-overlay-button,\n.hover-video-wrap .mejs-controls,\n.hover-video-wrap .wp-block-video__overlay,\n.hover-video-wrap .plyr__controls,\n.hover-video-wrap .plyr__control--overlaid { display:none !important; }\n\n\/* Hide native controls across engines *\/\n.hover-video-wrap video::-webkit-media-controls,\n.hover-video-wrap video::-webkit-media-controls-enclosure,\n.hover-video-wrap video::-moz-media-controls { display:none !important; }\n<\/style>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainswhite-color has-text-color\" style=\"font-size:16px\">Our new Customer Journey Report shows who creates demand, who influences decisions, and who closes the sale. Now you can spend smarter, support the right publishers, and protect your ROI \u2013 all directly within your Webgains platform.<\/p>\n\n\n\n<!-- Customer Journey Reporting --> \n<div class=\"learn-more-block\" id=\"learnMoreBlock1\">\n  <span class=\"learn-more-link\" id=\"learnMoreLink1\">See more<\/span>\n  <div class=\"more-info\" id=\"moreInfo1\">\n    <br>\n    <ul style=\"list-style:none; padding-left:0; color:#051C2C;\">\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Track every step:<\/strong> Follow clicks, views and assists across the full path to purchase.\n      <\/li><br>\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>See upper-funnel impact:<\/strong> Identify which publishers drive early-stage engagement so you can reward them more effectively \u2014 for example, with placements.\n      <\/li><br>\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Compare performance:<\/strong> See first vs. last click by channel or publisher \u2014 and spot hidden value.\n      <\/li><br>\n    \n      <li class=\"highlight-box\" style=\"color:#051C2C; border:2px solid #E61B7B !important; background:none !important;\">\n        <strong>Best of all?<\/strong> This report is built right into the Webgains platform \u2013 no extra fees, no hidden add-ons. Just better decisions, backed by data.\n      <\/li>\n    <\/ul>\n    <br><br>\n    <div style=\"text-align:center;margin-top:15px;font-family:'Open Sans',sans-serif;\">\n      <p style=\"margin:10px 0;font-size:14px;color:#051C2C;\">Want to learn more about this feature?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/customer-journey-report\" target=\"_blank\" class=\"learn-more-btn\" rel=\"noopener\">Visit our Knowledge Hub<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const learnMoreBlock1 = document.getElementById('learnMoreBlock1');\n  const learnMoreLink1 = document.getElementById('learnMoreLink1');\n  const moreInfo1 = document.getElementById('moreInfo1');\n  learnMoreBlock1.addEventListener('click', () => {\n    const isVisible = moreInfo1.style.display === 'block';\n    moreInfo1.style.display = isVisible ? 'none' : 'block';\n    learnMoreLink1.textContent = isVisible ? 'See more' : 'See less';\n  });\n<\/script>\n<\/div><\/section>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-26ae70cf hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainswhite-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For Advertisers<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainswhite-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">[The Tag]<\/h3>\n\n\n\n<h3 class=\"has-webgainslightorange-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">Activate powerful tech publishers in one click, no extra code needed<\/h3>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Hover-to-play video (rounded, no controls) - The Tag -->\n<div class=\"hover-video\" aria-label=\"The Tag preview video (hover to play)\">\n  <video class=\"hover-video__clip\" muted=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/TheTagscreenshot.jpg\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/TheTagSuperneu.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n  \/* Container + rounding *\/\n  .hover-video {\n    max-width: 980px;    \/* adjust if you want narrower\/wider *\/\n    border-radius: 14px;\n    overflow: hidden;    \/* keeps the video corners rounded *\/\n  }\n  .hover-video__clip {\n    display: block;\n    width: 100%;\n    height: auto;\n    border-radius: inherit;\n    outline: none;\n  }\n\n  \/* Kill any player UI some WP themes add *\/\n  .hover-video .mejs-overlay,\n  .hover-video .mejs-overlay-button,\n  .hover-video .mejs-controls,\n  .hover-video .wp-block-video__overlay,\n  .hover-video .plyr__controls,\n  .hover-video .plyr__control--overlaid { display: none !important; }\n\n  \/* Hide native controls across engines just in case *\/\n  .hover-video__clip::-webkit-media-controls,\n  .hover-video__clip::-webkit-media-controls-enclosure { display: none !important; }\n<\/style>\n\n<script>\n  (function () {\n    document.querySelectorAll('.hover-video').forEach(function (wrap) {\n      const vid = wrap.querySelector('video');\n\n      const play = () => vid.play().catch(()=>{});\n      const stop = () => { vid.pause(); try { vid.currentTime = 0; } catch(e){} };\n\n      wrap.addEventListener('mouseenter', play);\n      wrap.addEventListener('mouseleave', stop);\n      wrap.addEventListener('focusin', play);\n      wrap.addEventListener('focusout', stop);\n\n      wrap.addEventListener('touchstart', function (e) {\n        e.preventDefault();\n        if (vid.paused) { play(); } else { stop(); }\n      }, { passive: false });\n    });\n  })();\n<\/script>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainswhite-color has-text-color\" style=\"font-size:16px\">With <strong>The Tag<\/strong>, advanced conversion tools are just one click away. Instantly switch on key tech publishers<strong> <\/strong>like <a href=\"https:\/\/www.linkedin.com\/posts\/sovendus_performancemarketing-ecommerce-webgains-activity-7313477906309996544-8He7?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAAAvhjtMBsxAdyZNk-53E9cWQjKR-L0RjGNc\" target=\"_blank\" rel=\"noreferrer noopener\">Sovendus<\/a>, <a href=\"https:\/\/www.webgains.com\/public\/en\/the-tag-is-here\/#:~:text=Advertisers%20can%20now%20enjoy%20seamless,l%20Webgains%20Chief%20Technology%20Officer\" target=\"_blank\" rel=\"noreferrer noopener\">Intent.ly<\/a> and other trusted partners &#8211; no custom code, no dev queue, no hassle.<\/p>\n\n\n\n<!-- The Tag -->\n<div class=\"learn-more-block\" id=\"learnMoreBlock3\" style=\"font-family: 'Open Sans', sans-serif; font-size: 13px; max-width: 600px; width: 100%; background-color: #ffffff; color: #051C2C; padding: 15px; border-radius: 6px; text-align: center; position: relative; cursor: pointer;\">\n  <span class=\"learn-more-link\" id=\"learnMoreLink3\" style=\"color: #051C2C; font-size: 15px; font-weight: 600; display: inline-block; text-decoration: none; cursor: pointer;\">See more<\/span>\n  <div class=\"more-info\" id=\"moreInfo3\" style=\"display: none; background: #ffffff; padding: 15px; margin-top: 10px; border-radius: 6px; text-align: left;\">\n    <br>\n    <ul style=\"list-style:none; padding-left:0; margin:0; color:#051C2C;\">\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Seamless integration:<\/strong> Everything runs through your standard Webgains Tracking suite \u2013 no need to implement publisher-specific code.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>One-click activation:<\/strong> Select publishers in the &#8216;Tracking&#8217; tab and we&#8217;ll handle the rest.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Instant access to proven tools:<\/strong> From overlays and retargeting to basket recovery, unlock tech that boosts conversions &#8211; with zero upfront cost.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Smarter partnerships:<\/strong> Work with vetted tech partners already driving performance across Webgains programs globally.<\/li><br>\n    <\/ul>\n    <br>\n    <div style=\"text-align: center; margin-top: 15px; font-family: 'Open Sans', sans-serif;\">\n      <p style=\"margin: 10px 0; font-size: 14px; color: #051C2C;\">Want to learn more about this tool?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/how-do-i-activate-publishers-within-the-tag\" target=\"_blank\" style=\"display:inline-block; background-color: #051C2C; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; transition: all 0.3s ease; border: 2px solid transparent;\" onmouseover=\"this.style.backgroundColor='#ffffff'; this.style.color='#051C2C'; this.style.border='2px solid #051C2C';\" onmouseout=\"this.style.backgroundColor='#051C2C'; this.style.color='white'; this.style.border='2px solid transparent';\" rel=\"noopener\">Visit our Knowledge Hub<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const learnMoreBlock3 = document.getElementById('learnMoreBlock3');\n  const learnMoreLink3 = document.getElementById('learnMoreLink3');\n  const moreInfo3 = document.getElementById('moreInfo3');\n  learnMoreBlock3.addEventListener('click', () => {\n    const isVisible = moreInfo3.style.display === 'block';\n    moreInfo3.style.display = isVisible ? 'none' : 'block';\n    learnMoreLink3.textContent = isVisible ? 'See more' : 'See less';\n  });\n<\/script>\n<\/div><\/section>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-2d7aaa87 hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainswhite-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For Advertisers<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainswhite-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Publisher Search<\/h3>\n\n\n\n<h3 class=\"has-webgainslightorange-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">Find, assess and invite publishers that match your goals<\/h3>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large zoom-round\">\n  <img width=\"1024\" height=\"601\" src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PUB-SEARCHSCREENSHOT-2-1024x601.jpg\" alt=\"\" class=\"wp-image-49571\" srcset=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PUB-SEARCHSCREENSHOT-2-1024x601.jpg 1024w, https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PUB-SEARCHSCREENSHOT-2-300x176.jpg 300w, https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PUB-SEARCHSCREENSHOT-2-768x451.jpg 768w, https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PUB-SEARCHSCREENSHOT-2.jpg 1454w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n<\/figure>\n\n<style>\n  \/* Container styles for rounded + zoom effect *\/\n  .zoom-round {\n    overflow: hidden;             \/* ensures rounded corners clip image *\/\n    border-radius: 14px;          \/* adjust corner roundness *\/\n    display: inline-block;\n    margin: 0;\n  }\n  .zoom-round img {\n    display: block;\n    width: 100%;\n    height: auto;\n    border-radius: inherit;       \/* keeps corners rounded *\/\n    transition: transform 0.4s ease; \/* smooth zoom animation *\/\n  }\n  .zoom-round:hover img {\n    transform: scale(1.05);       \/* zoom on hover *\/\n  }\n<\/style>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainswhite-color has-text-color\" style=\"font-size:16px\">No more guesswork with auto-completing search functionality to help you quickly find, assess and invite publishers that match your goals.<\/p>\n\n\n\n<!-- Publisher Search -->\n<div class=\"learn-more-block\" id=\"learnMoreBlock5\" style=\"font-family: 'Open Sans', sans-serif; font-size: 13px; max-width: 600px; width: 100%; background-color: #ffffff; color: #051C2C; padding: 15px; border-radius: 6px; text-align: center; position: relative; cursor: pointer;\">\n  <span class=\"learn-more-link\" id=\"learnMoreLink5\" style=\"color: #051C2C; font-size: 15px; font-weight: 600; display: inline-block; text-decoration: none; cursor: pointer;\">See more<\/span>\n  <div class=\"more-info\" id=\"moreInfo5\" style=\"display: none; background: #ffffff; padding: 15px; margin-top: 10px; border-radius: 6px; text-align: left;\">\n    <br>\n    <ul style=\"list-style:none; padding-left:0; margin:0; color:#051C2C;\">\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Search smarter:<\/strong> Find publishers by name, URL or organisation \u2014 no need to type the full name.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>See what matters:<\/strong> Instantly view key metrics like average clicks, categories and channel type.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Know before you invite:<\/strong> View joining history and publisher profile details in one click.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Make it personal:<\/strong> Customise and send invites directly in-platform.<\/li><br>\n    <\/ul>\n    <br>\n    <div style=\"text-align: center; margin-top: 15px; font-family: 'Open Sans', sans-serif;\">\n      <p style=\"margin: 10px 0; font-size: 14px; color: #051C2C;\">Want to learn more about this tool?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/what-is-the-publisher-search-tool\" target=\"_blank\" style=\"display:inline-block; background-color: #051C2C; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; transition: all 0.3s ease; border: 2px solid transparent;\" onmouseover=\"this.style.backgroundColor='#ffffff'; this.style.color='#051C2C'; this.style.border='2px solid #051C2C';\" onmouseout=\"this.style.backgroundColor='#051C2C'; this.style.color='white'; this.style.border='2px solid transparent';\" rel=\"noopener\">Visit our Knowledge Hub<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const learnMoreBlock5 = document.getElementById('learnMoreBlock5');\n  const learnMoreLink5 = document.getElementById('learnMoreLink5');\n  const moreInfo5 = document.getElementById('moreInfo5');\n  learnMoreBlock5.addEventListener('click', () => {\n    const isVisible = moreInfo5.style.display === 'block';\n    moreInfo5.style.display = isVisible ? 'none' : 'block';\n    learnMoreLink5.textContent = isVisible ? 'See more' : 'See less';\n  });\n<\/script>\n<\/div><\/section>\n<\/div>\n\n\n\n<div class=\"wp-container-5 wp-block-column\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-83697012 hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainswhite-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For Advertisers<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainswhite-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Post-View Reporting<\/h3>\n\n\n\n<h3 class=\"has-webgainslightorange-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">See the value of every view  \u2013 not just clicks<\/h3>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Hover-to-play video (rounded, no controls) -->\n<div class=\"hover-video\" aria-label=\"Preview video (hover to play)\">\n  <video class=\"hover-video__clip\" muted=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PVRstill.jpg\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PVRLANGERmp4.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n  \/* Container + rounding *\/\n  .hover-video {\n    max-width: 980px;    \/* adjust if you want narrower\/wider *\/\n    border-radius: 14px;\n    overflow: hidden;    \/* keeps the video corners rounded *\/\n  }\n  .hover-video__clip {\n    display: block;\n    width: 100%;\n    height: auto;\n    border-radius: inherit;\n    outline: none;\n  }\n\n  \/* Kill any player UI some WP themes add *\/\n  .hover-video .mejs-overlay,\n  .hover-video .mejs-overlay-button,\n  .hover-video .mejs-controls,\n  .hover-video .wp-block-video__overlay,\n  .hover-video .plyr__controls,\n  .hover-video .plyr__control--overlaid { display: none !important; }\n\n  \/* Hide native controls across engines just in case *\/\n  .hover-video__clip::-webkit-media-controls,\n  .hover-video__clip::-webkit-media-controls-enclosure { display: none !important; }\n<\/style>\n\n<script>\n  (function () {\n    document.querySelectorAll('.hover-video').forEach(function (wrap) {\n      const vid = wrap.querySelector('video');\n\n      \/\/ hover \/ focus play\n      const play = () => vid.play().catch(()=>{});\n      const stop = () => { vid.pause(); try { vid.currentTime = 0; } catch(e){} };\n\n      wrap.addEventListener('mouseenter', play);\n      wrap.addEventListener('mouseleave', stop);\n      wrap.addEventListener('focusin', play);\n      wrap.addEventListener('focusout', stop);\n\n      \/\/ touch: tap to play \/ tap again to stop+rewind\n      wrap.addEventListener('touchstart', function (e) {\n        \/\/ prevent page scroll from cancelling the tap\n        e.preventDefault();\n        if (vid.paused) { play(); } else { stop(); }\n      }, { passive: false });\n    });\n  })();\n<\/script>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainswhite-color has-text-color\" style=\"font-size:16px\">Not every conversion starts with a click. Some customers see an ad, return later, and then buy \u2014 and until now, that value could go unreported. Post-View (PV) reporting shows you exactly how much revenue your display views are driving, so you can back the right publishers and prove ROI with confidence.<\/p>\n\n\n\n<!-- Post-View Reporting -->\n<div class=\"learn-more-block\" id=\"learnMoreBlock2\">\n  <span class=\"learn-more-link\" id=\"learnMoreLink2\">See more<\/span>\n  <div class=\"more-info\" id=\"moreInfo2\">\n    <br>\n    <ul style=\"list-style:none; padding-left:0; color:#051C2C;\">\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Tracked views &amp; conversions:<\/strong> See transactions attributed to impressions \u2014 even when no click occurred.\n      <\/li><br>\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>KPI breakdown:<\/strong> Compare Post-View AOV, eCPM, and ROI across publishers and campaigns.\n      <\/li><br>\n      <li style=\"color:#051C2C;\">\n        <span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Performance insights:<\/strong> View results by publisher or ad and compare with Post-Click performance.\n      <\/li><br>\n      <li class=\"highlight-box\" style=\"color:#051C2C; border:2px solid #E61B7B !important; background:none !important;\">\n        <strong>Why it matters?<\/strong> Post-View campaigns are often undervalued \u2014 but this report reveals the full picture. If you\u2019re running upper-funnel or awareness activity, you\u2019ll now see how many views converted, what they spent, and how your investment is performing.\n      <\/li>\n    <\/ul>\n    <br>\n<p style=\"font-size:13px; color:#051C2C; background:#F8F9FA; padding:8px 12px; border-left:3px solid #E61B7B; border-radius:4px; margin-top:10px;\">\n  <strong>Note:<\/strong> This report is only visible for programs with Post-View tracking enabled.\n<\/p>\n    \n    <div style=\"text-align:center;margin-top:15px;font-family:'Open Sans',sans-serif;\">\n      <p style=\"margin:10px 0;font-size:14px;color:#051C2C;\">Want to learn more about this feature?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/post-view-report\" target=\"_blank\" class=\"learn-more-btn\" rel=\"noopener\">Visit our Knowledge Hub<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const learnMoreBlock2 = document.getElementById('learnMoreBlock2');\n  const learnMoreLink2 = document.getElementById('learnMoreLink2');\n  const moreInfo2 = document.getElementById('moreInfo2');\n  learnMoreBlock2.addEventListener('click', () => {\n    const isVisible = moreInfo2.style.display === 'block';\n    moreInfo2.style.display = isVisible ? 'none' : 'block';\n    learnMoreLink2.textContent = isVisible ? 'See more' : 'See less';\n  });\n<\/script>\n<\/div><\/section>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-5c12c2bb hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainswhite-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For Advertisers<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainswhite-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Tenancy Management<\/h3>\n\n\n\n<h3 class=\"has-webgainslightorange-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">Schedule, track and manage every placement \u2014 all in one place<\/h3>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Tenancy Management : hover-to-play, no controls -->\n<div class=\"wg-hover-video\" onmouseenter=\"const v=this.querySelector('video'); v.play();\" onmouseleave=\"const v=this.querySelector('video'); v.pause(); v.currentTime=0;\">\n  <video muted=\"\" playsinline=\"\" preload=\"none\" tabindex=\"-1\" controlslist=\"nodownload nofullscreen noplaybackrate noremoteplayback\" disablepictureinpicture=\"\" oncontextmenu=\"return false;\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/TenancyManagementSTill.jpg\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/TenancyManagementNeump4.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n\/* Size & rounding *\/\n.wg-hover-video{display:inline-block;border-radius:12px;overflow:hidden}\n.wg-hover-video video{display:block;width:100%;height:auto;border-radius:12px;outline:none;pointer-events:none}\n\n\/* Kill common WP player skins & overlays *\/\n.wg-hover-video .mejs-overlay,\n.wg-hover-video .mejs-overlay-button,\n.wg-hover-video .mejs-controls,\n.wg-hover-video .plyr__controls,\n.wg-hover-video .wp-block-video__overlay,\n.wg-hover-video .vjs-control-bar{display:none!important;opacity:0!important;visibility:hidden!important}\n\n\/* Hide native controls across engines *\/\n.wg-hover-video video::-webkit-media-controls,\n.wg-hover-video video::-webkit-media-controls-enclosure,\n.wg-hover-video video::-webkit-media-controls-panel,\n.wg-hover-video video::-webkit-media-controls-overlay-play-button,\n.wg-hover-video video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}\n.wg-hover-video video::-moz-media-controls{display:none!important}\n\n\/* Prevent long-press menus on iOS *\/\n.wg-hover-video video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  document.querySelectorAll('.wg-hover-video video').forEach(v => {\n    \/\/ Defensive: ensure no plugin re-adds controls later\n    const kill = () => v.removeAttribute('controls');\n    kill();\n    new MutationObserver(kill).observe(v, {attributes:true, attributeFilter:['controls']});\n  });\n});\n<\/script>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainswhite-color has-text-color\" style=\"font-size:16px\">The Tenancy Planner helps you schedule, organise and manage every exposure booking and placement deal, so you stay in control and know exactly where your budget\u2019s going.<\/p>\n\n\n\n<!-- Tenancy Management -->\n<div class=\"learn-more-block\" id=\"learnMoreBlock4\" style=\"font-family: 'Open Sans', sans-serif; font-size: 13px; max-width: 600px; width: 100%; background-color: #ffffff; color: #051C2C; padding: 15px; border-radius: 6px; text-align: center; position: relative; cursor: pointer;\">\n  <span class=\"learn-more-link\" id=\"learnMoreLink4\" style=\"color: #051C2C; font-size: 15px; font-weight: 600; display: inline-block; text-decoration: none; cursor: pointer;\">See more<\/span>\n  <div class=\"more-info\" id=\"moreInfo4\" style=\"display: none; background: #ffffff; padding: 15px; margin-top: 10px; border-radius: 6px; text-align: left;\">\n    <br>\n    <ul style=\"list-style:none; padding-left:0; margin:0; color:#051C2C;\">\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Schedule with ease:<\/strong> Set start dates and processing dates for each tenancy and see what&#8217;s live, what&#8217;s upcoming, and what&#8217;s already processed.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Work smarter:<\/strong> Create, edit and schedule tenancies without manual admin or missed payments.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Find deals fast:<\/strong> Filter by type, date, reference or status \u2014 always know what&#8217;s live and what&#8217;s next.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Tailor your spend:<\/strong> Choose from onboarding packages, email or media placements \u2014 and shape deals to match your goals.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"color:#051C2C; font-weight:bold;\">\u2713<\/span> <strong>Stay on budget:<\/strong> Tenancy costs show in your Transaction Reports \u2014 so you can track ROI and negotiate with confidence.<\/li><br>\n    <\/ul>\n    <br>\n    <div style=\"text-align: center; margin-top: 15px; font-family: 'Open Sans', sans-serif;\">\n      <p style=\"margin: 10px 0; font-size: 14px; color: #051C2C;\">Want to learn more about this tool?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/how-do-i-use-the-tenancy-planner-in-webgains\" target=\"_blank\" style=\"display:inline-block; background-color: #051C2C; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; transition: all 0.3s ease; border: 2px solid transparent;\" onmouseover=\"this.style.backgroundColor='#ffffff'; this.style.color='#051C2C'; this.style.border='2px solid #051C2C';\" onmouseout=\"this.style.backgroundColor='#051C2C'; this.style.color='white'; this.style.border='2px solid transparent';\" rel=\"noopener\">Visit our Knowledge Hub<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const learnMoreBlock4 = document.getElementById('learnMoreBlock4');\n  const learnMoreLink4 = document.getElementById('learnMoreLink4');\n  const moreInfo4 = document.getElementById('moreInfo4');\n  \n  learnMoreBlock4.addEventListener('click', () => {\n    const isVisible = moreInfo4.style.display === 'block';\n    moreInfo4.style.display = isVisible ? 'none' : 'block';\n    learnMoreLink4.textContent = isVisible ? 'See more' : 'See less';\n  });\n<\/script>\n<\/div><\/section>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* Force all hover video blocks to have same height\/width ratio *\/\n.hover-video, \n.hover-video__clip {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9; \/* adjust if you want taller\/shorter *\/\n  border-radius: 14px;\n  overflow: hidden;\n}\n\n\/* Make both poster image and playing video fill the container *\/\n.hover-video__clip {\n  height: 100%;\n  object-fit: cover; \/* zoom\/crop to fit *\/\n}\n\n\/* Hide any native controls or overlays *\/\n.hover-video__clip::-webkit-media-controls,\n.hover-video__clip::-webkit-media-controls-enclosure {\n  display: none !important;\n}\n<\/style>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const speed = 600; \/\/ animation speed in ms (increase for slower)\n  \n  document.querySelectorAll('.learn-more-block').forEach(block => {\n    const link = block.querySelector('.learn-more-link');\n    const content = block.querySelector('.more-info');\n\n    \/\/ Set up for smooth height animation\n    content.style.overflow = 'hidden';\n    content.style.transition = `max-height ${speed}ms ease`;\n    content.style.maxHeight = '0px';\n    \n    block.addEventListener('click', function () {\n      const isOpen = content.style.maxHeight !== '0px';\n\n      if (isOpen) {\n        \/\/ Set to current height before collapsing for smooth animation\n        content.style.maxHeight = content.scrollHeight + 'px';\n        requestAnimationFrame(() => {\n          content.style.maxHeight = '0px';\n        });\n        link.textContent = 'See more';\n      } else {\n        \/\/ Expand smoothly\n        content.style.maxHeight = content.scrollHeight + 'px';\n        link.textContent = 'See less';\n      }\n    });\n  });\n});\n<\/script>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-tabs__inner-tab uagb-inner-tab-1\"><div class=\"uagb-blocks__ea115a1a uagb-tabs__body\" aria-labelledby=\"uagb-tabs__tab1\">\n<div class=\"wp-container-14 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-container-13 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-768350f7\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div class=\"wp-container-12 wp-block-columns\">\n<div class=\"wp-container-10 wp-block-column\">\n<div class=\"wp-container-9 wp-block-columns\">\n<div class=\"wp-container-8 wp-block-column\" style=\"flex-basis:100%\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-5fe2fd8e hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainsdeepblueblack-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For PUBLISHERS<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainsdeepblueblack-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Payment Status Report<\/h3>\n\n\n\n<h3 class=\"has-webgainspink-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">See what\u2019s been paid \u2013 and what\u2019s pending<\/h3>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Payment Status \u2013 hover-to-play, no controls -->\n<div class=\"wg-hover-video\">\n  <video class=\"wg-hover-video__clip\" muted=\"\" playsinline=\"\" preload=\"none\" disablepictureinpicture=\"\" controlslist=\"nodownload noplaybackrate noremoteplayback nofullscreen\" oncontextmenu=\"return false;\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PaymentSTatusStill-1.jpg\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/PaymentStatusReportNeu.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n\/* Container + rounded edges *\/\n.wg-hover-video {\n  display: inline-block;\n  border-radius: 14px;\n  overflow: hidden;\n}\n.wg-hover-video video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n}\n\n\/* Hide native browser controls *\/\n.wg-hover-video video::-webkit-media-controls,\n.wg-hover-video video::-webkit-media-controls-enclosure,\n.wg-hover-video video::-moz-media-controls {\n  display: none !important;\n}\n\n\/* Hide WordPress injected overlays *\/\n.wg-hover-video .mejs-overlay,\n.wg-hover-video .mejs-controls,\n.wg-hover-video .wp-block-video__overlay,\n.wg-hover-video .plyr__controls,\n.wg-hover-video .plyr__control--overlaid {\n  display: none !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n}\n\n\/* Prevent click focus or controls override *\/\n.wg-hover-video video {\n  pointer-events: none;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  document.querySelectorAll('.wg-hover-video').forEach(function (container) {\n    const video = container.querySelector('video');\n    if (!video) return;\n\n    video.removeAttribute('controls');\n    video.controls = false;\n\n    container.addEventListener('mouseenter', () => {\n      video.currentTime = 0;\n      video.play().catch(() => {});\n    });\n    container.addEventListener('mouseleave', () => {\n      video.pause();\n      try { video.currentTime = 0; } catch(e) {}\n    });\n  });\n});\n<\/script>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainsdeepblueblack-color has-text-color\" style=\"font-size:16px\">For large publishers, keeping track of outstanding commissions across multiple programs isn\u2019t always easy. Our new Payment Report gives you a clear, consolidated view of what\u2019s been paid, what\u2019s delayed, and what\u2019s still on its way \u2013 helping you manage cashflow with confidence.<\/p>\n\n\n\n<!-- Seamless navy border + all navy bullets -->\n<div id=\"learnMoreBlock6\" style=\"font-family:'Open Sans',sans-serif; font-size:13px; max-width:600px; width:100%; background:#fff; color:#051C2C; border:2px solid #051C2C; border-radius:10px; overflow:hidden; text-align:center;\">\n\n  <!-- Top toggle bar is part of the same box -->\n  <div id=\"learnMoreLink6\" style=\"background:#fff; color:#051C2C; font-weight:600; font-size:15px; padding:14px 20px; cursor:pointer; user-select:none;\">\n    See more\n  <\/div>\n\n  <!-- Expand content -->\n  <div id=\"moreInfo6\" style=\"display:none; background:#fff; padding:20px; text-align:left;\">\n    <ul style=\"list-style:none; padding-left:0; margin:0; font-size:13px; line-height:1.5; color:#051C2C;\">\n      <li style=\"color:#051C2C;\"><span style=\"font-weight:600;\">\u2713<\/span> <strong>At-a-glance totals:<\/strong> View paid, delayed, cancelled and pending commission by status \u2013 in your selected currency.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"font-weight:600;\">\u2713<\/span> <strong>Program-level detail:<\/strong> Break it down by advertiser and network to see exactly what\u2019s owed.<\/li><br>\n      <li style=\"color:#051C2C;\"><span style=\"font-weight:600;\">\u2713<\/span> <strong>Export with ease:<\/strong> Download your report as a CSV or Excel file for fast reconciliation.<\/li><br>\n    <\/ul>\n\n    <div style=\"text-align:center; margin-top:15px; font-family:'Open Sans',sans-serif;\">\n      <p style=\"margin:10px 0; font-size:14px; color:#051C2C;\">Want to learn more about this feature?<\/p>\n      <a href=\"https:\/\/knowledgehub.webgains.com\/home\/payment-status-report-for-publishers\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block; background:#051C2C; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:600; font-size:14px; border:2px solid transparent; transition:all .3s ease;\" onmouseover=\"this.style.background='#fff'; this.style.color='#051C2C'; this.style.border='2px solid #051C2C';\" onmouseout=\"this.style.background='#051C2C'; this.style.color='#fff'; this.style.border='2px solid transparent';\">\n        Visit our Knowledge Hub\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function(){\n    const btn = document.getElementById('learnMoreLink6');\n    const panel = document.getElementById('moreInfo6');\n\n    btn.addEventListener('click', function(){\n      const open = panel.style.display === 'block';\n      panel.style.display = open ? 'none' : 'block';\n      btn.textContent = open ? 'See more' : 'See less';\n    });\n  })();\n<\/script>\n<\/div><\/section>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-container-11 wp-block-column\">\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-cc7e7555 hover-effect\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h5 class=\"has-webgainsdeepblueblack-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:5px\">| For PUBLISHERS<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-webgainsdeepblueblack-color has-text-color\" style=\"font-size:25px;font-style:normal;font-weight:600\">Mobile-Ready Publisher Platform<\/h3>\n\n\n\n<h3 class=\"has-webgainspink-color has-text-color has-medium-font-size\" style=\"font-style:normal;font-weight:300\">On the move? So is our Publisher Platform<\/h3>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Mobile \u2013 hover-to-play, no controls -->\n<div class=\"wg-hover-video\">\n  <video class=\"wg-hover-video__clip\" muted=\"\" playsinline=\"\" preload=\"none\" disablepictureinpicture=\"\" controlslist=\"nodownload noplaybackrate noremoteplayback nofullscreen\" oncontextmenu=\"return false;\" poster=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/Mobile.jpg\">\n    <source src=\"https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/Mobile.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<style>\n\/* Container + rounded edges *\/\n.wg-hover-video {\n  display: inline-block;\n  border-radius: 14px;\n  overflow: hidden; \/* keeps corners rounded *\/\n}\n.wg-hover-video video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n}\n\n\/* Hide native controls (extra belt & braces) *\/\n.wg-hover-video video::-webkit-media-controls,\n.wg-hover-video video::-webkit-media-controls-enclosure,\n.wg-hover-video video::-moz-media-controls {\n  display: none !important;\n}\n\n\/* Hide WordPress-injected players\/overlays *\/\n.wg-hover-video .mejs-overlay,\n.wg-hover-video .mejs-controls,\n.wg-hover-video .wp-block-video__overlay,\n.wg-hover-video .plyr__controls,\n.wg-hover-video .plyr__control--overlaid {\n  display: none !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n}\n\n\/* Prevent accidental clicks from re-enabling controls *\/\n.wg-hover-video video { pointer-events: none; }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  document.querySelectorAll('.wg-hover-video').forEach(function (container) {\n    const video = container.querySelector('video');\n    if (!video) return;\n\n    \/\/ ensure controls are off\n    video.removeAttribute('controls');\n    video.controls = false;\n\n    const play = () => video.play().catch(()=>{});\n    const stop = () => { video.pause(); try { video.currentTime = 0; } catch(e){} };\n\n    container.addEventListener('mouseenter', play);\n    container.addEventListener('mouseleave', stop);\n\n    \/\/ keyboard focus support\n    container.addEventListener('focusin', play);\n    container.addEventListener('focusout', stop);\n\n    \/\/ touch: tap to toggle\n    container.addEventListener('touchstart', function (e) {\n      e.preventDefault();\n      if (video.paused) play(); else stop();\n    }, { passive: false });\n  });\n});\n<\/script>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-webgainsdeepblueblack-color has-text-color\" style=\"font-size:16px\">Checking stats, grabbing links, or reviewing performance on the go? The entire Publisher Platform is now fully mobile-friendly \u2014 so you can manage your account, wherever you are.<\/p>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-block-2c57818f\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-48242d9c\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater\" href=\"https:\/\/platform.webgains.io\/\" rel=\"noopener noreferrer\" target=\"_blank\"><div class=\"uagb-button__link\">Login now to explore<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div>\n<\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-tabs__inner-tab uagb-inner-tab-2\"><div class=\"uagb-blocks__328e2df8 uagb-tabs__body\" aria-labelledby=\"uagb-tabs__tab2\">\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-tabs__inner-tab uagb-inner-tab-3\"><div class=\"uagb-blocks__c7ed7525 uagb-tabs__body\" aria-labelledby=\"uagb-tabs__tab3\">\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n<p><style>         * {&lt;br \/>             margin: 0;&lt;br \/>             padding: 0;&lt;br \/>             box-sizing: border-box;&lt;br \/>         }&lt;\/p> &lt;p>        @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700&amp;display=swap');&lt;\/p> &lt;p>        body {&lt;br \/>             font-family: 'Open Sans', sans-serif;&lt;br \/>             background: #f5f5f5;&lt;br \/>             min-height: 100vh;&lt;br \/>             color: #051C2C;&lt;br \/>         }&lt;\/p> &lt;p>        .container {&lt;br \/>             width: 100%;&lt;br \/>             max-width: none;&lt;br \/>             margin: 0;&lt;br \/>             padding: 0 2rem;&lt;br \/>             box-sizing: border-box;&lt;br \/>         }&lt;\/p> &lt;p>        .header {&lt;br \/>             text-align: center;&lt;br \/>             margin-bottom: 3rem;&lt;br \/>             color: #051C2C;&lt;br \/>             padding: 2rem;&lt;br \/>         }&lt;\/p> &lt;p>        .header h1 {&lt;br \/>             font-size: 3.5rem;&lt;br \/>             margin-bottom: 1rem;&lt;br \/>             text-shadow: 2px 2px 4px rgba(0,0,0,0.3);&lt;br \/>         }&lt;\/p> &lt;p>        .header p {&lt;br \/>             font-size: 1.3rem;&lt;br \/>             opacity: 0.9;&lt;br \/>             margin-bottom: 0.5rem;&lt;br \/>         }&lt;\/p> &lt;p>        .header .subtitle {&lt;br \/>             font-size: 1.1rem;&lt;br \/>             opacity: 0.8;&lt;br \/>         }&lt;\/p> &lt;p>        .features-container {&lt;br \/>             padding: 2rem 0;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-row {&lt;br \/>             display: flex;&lt;br \/>             gap: 2rem;&lt;br \/>             margin-bottom: 2rem;&lt;br \/>             align-items: stretch;&lt;br \/>             padding: 0;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-item {&lt;br \/>             flex: 1;&lt;br \/>             opacity: 0;&lt;br \/>             animation: fadeInUp 0.8s ease forwards;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-item:nth-child(odd) {&lt;br \/>             animation-delay: 0.2s;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-item:nth-child(even) {&lt;br \/>             animation-delay: 0.4s;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-content {&lt;br \/>             position: relative;&lt;br \/>             padding: 1.8rem;&lt;br \/>             background: #051C2C;&lt;br \/>             border-radius: 20px;&lt;br \/>             box-shadow: 0 10px 30px rgba(0,0,0,0.2);&lt;br \/>             cursor: pointer;&lt;br \/>             transition: all 0.3s ease;&lt;br \/>             border: 3px solid transparent;&lt;br \/>             height: 100%;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-content.publisher-section {&lt;br \/>             background: white;&lt;br \/>         }&lt;\/p> &lt;p>        .screenshot-placeholder {&lt;br \/>             width: 100%;&lt;br \/>             height: 300px;&lt;br \/>             background: linear-gradient(135deg, #f8f9fa, #e9ecef);&lt;br \/>             border: 2px dashed #FFC000;&lt;br \/>             border-radius: 10px;&lt;br \/>             display: flex;&lt;br \/>             align-items: center;&lt;br \/>             justify-content: center;&lt;br \/>             margin: 1.5rem 0;&lt;br \/>             color: #051C2C;&lt;br \/>             font-weight: 600;&lt;br \/>             font-size: 1rem;&lt;br \/>             text-align: center;&lt;br \/>             position: relative;&lt;br \/>             overflow: hidden;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-content:hover {&lt;br \/>             transform: translateY(-8px);&lt;br \/>             box-shadow: 0 15px 40px rgba(0,0,0,0.3);&lt;br \/>             border: 3px solid transparent;&lt;br \/>             background: linear-gradient(#051C2C, #051C2C) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-content.publisher-section:hover {&lt;br \/>             background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;&lt;br \/>         }&lt;\/p> &lt;p>        .audience-badge {&lt;br \/>             display: inline-flex;&lt;br \/>             align-items: center;&lt;br \/>             font-size: 0.85rem;&lt;br \/>             font-weight: 600;&lt;br \/>             margin-bottom: 1rem;&lt;br \/>             text-transform: uppercase;&lt;br \/>             letter-spacing: 0.8px;&lt;br \/>             position: relative;&lt;br \/>             padding-left: 1.5rem;&lt;br \/>         }&lt;\/p> &lt;p>        .advertisers {&lt;br \/>             color: white;&lt;br \/>         }&lt;\/p> &lt;p>        .publishers {&lt;br \/>             color: white;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .publishers {&lt;br \/>             color: #E6A800;&lt;br \/>             font-weight: 700;&lt;br \/>         }&lt;\/p> &lt;p>        .advertisers::before, .publishers::before {&lt;br \/>             content: '';&lt;br \/>             position: absolute;&lt;br \/>             left: 0;&lt;br \/>             top: 50%;&lt;br \/>             transform: translateY(-50%);&lt;br \/>             width: 4px;&lt;br \/>             height: 20px;&lt;br \/>             background: white;&lt;br \/>             border-radius: 2px;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .publishers::before {&lt;br \/>             background: #FFC000;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-title {&lt;br \/>             font-size: 1.5rem;&lt;br \/>             font-weight: bold;&lt;br \/>             margin-bottom: 0.5rem;&lt;br \/>             color: white;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .feature-title {&lt;br \/>             color: #051C2C;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-subtitle {&lt;br \/>             font-size: 1.1rem;&lt;br \/>             color: #FFC000;&lt;br \/>             margin-bottom: 1rem;&lt;br \/>             font-style: italic;&lt;br \/>             font-weight: 600;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .feature-subtitle {&lt;br \/>             color: #E61B7B;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-summary {&lt;br \/>             font-size: 1rem;&lt;br \/>             line-height: 1.6;&lt;br \/>             color: white;&lt;br \/>             margin-bottom: 1rem;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .feature-summary {&lt;br \/>             color: #051C2C;&lt;br \/>         }&lt;\/p> &lt;p>        .expand-details {&lt;br \/>             max-height: 0;&lt;br \/>             overflow: hidden;&lt;br \/>             transition: max-height 0.5s ease;&lt;br \/>             background: rgba(248, 249, 250, 0.95);&lt;br \/>             border-radius: 15px;&lt;br \/>             margin-top: 1rem;&lt;br \/>             border: 2px solid #FFC000;&lt;br \/>         }&lt;\/p> &lt;p>        .expand-details.active {&lt;br \/>             max-height: 800px;&lt;br \/>             display: block;&lt;br \/>         }&lt;\/p> &lt;p>        .details-content {&lt;br \/>             padding: 1.5rem;&lt;br \/>             position: relative;&lt;br \/>         }&lt;\/p> &lt;p>        .close-btn {&lt;br \/>             position: absolute;&lt;br \/>             top: 1rem;&lt;br \/>             right: 1rem;&lt;br \/>             background: #E22134;&lt;br \/>             color: white;&lt;br \/>             border: none;&lt;br \/>             width: 30px;&lt;br \/>             height: 30px;&lt;br \/>             border-radius: 50%;&lt;br \/>             cursor: pointer;&lt;br \/>             font-size: 1rem;&lt;br \/>             display: flex;&lt;br \/>             align-items: center;&lt;br \/>             justify-content: center;&lt;br \/>             z-index: 1001;&lt;br \/>         }&lt;\/p> &lt;p>        .close-btn:hover {&lt;br \/>             background: #c41e2a;&lt;br \/>             transform: scale(1.1);&lt;br \/>         }&lt;\/p> &lt;p>        .feature-benefits {&lt;br \/>             list-style: none;&lt;br \/>             margin: 1.5rem 0;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-benefits li {&lt;br \/>             padding: 0.8rem 0;&lt;br \/>             border-bottom: 1px solid #ecf0f1;&lt;br \/>             position: relative;&lt;br \/>             padding-left: 0;&lt;br \/>             font-size: 0.95rem;&lt;br \/>             line-height: 1.5;&lt;br \/>             margin-left: 0;&lt;br \/>             text-indent: 0;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-benefits li:last-child {&lt;br \/>             border-bottom: none;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-highlight {&lt;br \/>             background: linear-gradient(135deg, #f8f9fa, #e9ecef);&lt;br \/>             padding: 1.2rem;&lt;br \/>             border-radius: 10px;&lt;br \/>             margin: 1rem 0;&lt;br \/>             border-left: 4px solid #E61B7B;&lt;br \/>             font-size: 0.95rem;&lt;br \/>         }&lt;\/p> &lt;p>        .feature-highlight strong {&lt;br \/>             color: #051C2C;&lt;br \/>         }&lt;\/p> &lt;p>        .expand-btn {&lt;br \/>             background: linear-gradient(135deg, #E22134, #E61B7B);&lt;br \/>             color: white;&lt;br \/>             border: none;&lt;br \/>             padding: 0.6rem 1.5rem;&lt;br \/>             border-radius: 25px;&lt;br \/>             cursor: pointer;&lt;br \/>             font-size: 0.9rem;&lt;br \/>             margin-top: 1rem;&lt;br \/>             transition: all 0.3s ease;&lt;br \/>             font-weight: 600;&lt;br \/>         }&lt;\/p> &lt;p>        .expand-btn:hover {&lt;br \/>             transform: scale(1.05);&lt;br \/>             box-shadow: 0 5px 15px rgba(226, 33, 52, 0.4);&lt;br \/>         }&lt;\/p> &lt;p>        .cta-buttons {&lt;br \/>             display: flex;&lt;br \/>             gap: 0.8rem;&lt;br \/>             margin-top: 1.5rem;&lt;br \/>             flex-wrap: wrap;&lt;br \/>         }&lt;\/p> &lt;p>        .btn {&lt;br \/>             padding: 0.6rem 1.2rem;&lt;br \/>             border: none;&lt;br \/>             border-radius: 20px;&lt;br \/>             font-weight: 600;&lt;br \/>             text-decoration: none;&lt;br \/>             display: inline-block;&lt;br \/>             transition: all 0.3s ease;&lt;br \/>             cursor: pointer;&lt;br \/>             font-size: 0.85rem;&lt;br \/>         }&lt;\/p> &lt;p>        .btn-primary {&lt;br \/>             background: linear-gradient(135deg, #E22134, #E61B7B);&lt;br \/>             color: white;&lt;br \/>         }&lt;\/p> &lt;p>        .btn-primary:hover {&lt;br \/>             transform: translateY(-2px);&lt;br \/>             box-shadow: 0 5px 15px rgba(226, 33, 52, 0.4);&lt;br \/>         }&lt;\/p> &lt;p>        .btn-secondary {&lt;br \/>             background: transparent;&lt;br \/>             color: #E61B7B;&lt;br \/>             border: 2px solid #E61B7B;&lt;br \/>         }&lt;\/p> &lt;p>        .publisher-section .btn-primary {&lt;br \/>             border: none;&lt;br \/>         }&lt;\/p> &lt;p>        .btn-secondary:hover {&lt;br \/>             background: #E61B7B;&lt;br \/>             color: white;&lt;br \/>         }&lt;\/p> &lt;p>        .note {&lt;br \/>             font-size: 0.85rem;&lt;br \/>             color: #051C2C;&lt;br \/>             font-style: italic;&lt;br \/>             margin-top: 1rem;&lt;br \/>             opacity: 0.7;&lt;br \/>         }&lt;\/p> &lt;p>        .legend {&lt;br \/>             display: flex;&lt;br \/>             justify-content: center;&lt;br \/>             gap: 2rem;&lt;br \/>             margin-top: 3rem;&lt;br \/>             flex-wrap: wrap;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item {&lt;br \/>             display: flex;&lt;br \/>             align-items: center;&lt;br \/>             gap: 0.8rem;&lt;br \/>             padding: 1rem 1.5rem;&lt;br \/>             border-radius: 25px;&lt;br \/>             box-shadow: 0 5px 20px rgba(0,0,0,0.1);&lt;br \/>             font-weight: 600;&lt;br \/>             cursor: pointer;&lt;br \/>             transition: all 0.3s ease;&lt;br \/>             color: white;&lt;br \/>             position: relative;&lt;br \/>             padding-left: 2.5rem;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:first-child {&lt;br \/>             background: #051C2C;&lt;br \/>             border: 3px solid transparent;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:nth-child(2) {&lt;br \/>             background: white;&lt;br \/>             color: #E6A800;&lt;br \/>             font-weight: 700;&lt;br \/>             border: 3px solid transparent;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:nth-child(3) {&lt;br \/>             background: rgba(255, 255, 255, 0.9);&lt;br \/>             color: #051C2C;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:first-child:hover {&lt;br \/>             background: linear-gradient(#051C2C, #051C2C) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;&lt;br \/>             transform: translateY(-2px);&lt;br \/>             box-shadow: 0 8px 25px rgba(0,0,0,0.2);&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:nth-child(2):hover {&lt;br \/>             background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #E22134, #E61B7B) border-box;&lt;br \/>             transform: translateY(-2px);&lt;br \/>             box-shadow: 0 8px 25px rgba(0,0,0,0.2);&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:first-child::before {&lt;br \/>             content: '';&lt;br \/>             position: absolute;&lt;br \/>             left: 1rem;&lt;br \/>             top: 50%;&lt;br \/>             transform: translateY(-50%);&lt;br \/>             width: 4px;&lt;br \/>             height: 20px;&lt;br \/>             background: white;&lt;br \/>             border-radius: 2px;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-item:nth-child(2)::before {&lt;br \/>             content: '';&lt;br \/>             position: absolute;&lt;br \/>             left: 1rem;&lt;br \/>             top: 50%;&lt;br \/>             transform: translateY(-50%);&lt;br \/>             width: 4px;&lt;br \/>             height: 20px;&lt;br \/>             background: #FFC000;&lt;br \/>             border-radius: 2px;&lt;br \/>         }&lt;\/p> &lt;p>        .legend-color {&lt;br \/>             width: 20px;&lt;br \/>             height: 20px;&lt;br \/>             border-radius: 50%;&lt;br \/>         }&lt;\/p> &lt;p>        @keyframes fadeInUp {&lt;br \/>             from {&lt;br \/>                 opacity: 0;&lt;br \/>                 transform: translateY(30px);&lt;br \/>             }&lt;br \/>             to {&lt;br \/>                 opacity: 1;&lt;br \/>                 transform: translateY(0);&lt;br \/>             }&lt;br \/>         }&lt;\/p> &lt;p>        @media (max-width: 768px) {&lt;br \/>             .container {&lt;br \/>                 padding: 0 1rem;&lt;br \/>             }&lt;\/p> &lt;p>            .feature-row {&lt;br \/>                 flex-direction: column;&lt;br \/>                 gap: 1rem;&lt;br \/>             }&lt;\/p> &lt;p>            .header h1 {&lt;br \/>                 font-size: 2.5rem;&lt;br \/>             }&lt;\/p> &lt;p>            .legend {&lt;br \/>                 flex-direction: column;&lt;br \/>                 align-items: center;&lt;br \/>             }&lt;\/p> &lt;p>            .cta-buttons {&lt;br \/>                 justify-content: center;&lt;br \/>             }&lt;br \/>         }&lt;br \/>     <\/style><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/section>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-130e3a24\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\"><\/div><\/section>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-image uagb-block-e16f3e49\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-align-center has-webgainswhite-color has-text-color has-large-font-size\" style=\"font-style:normal;font-weight:600\">Ready to join Webgains?<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-18 wp-block-columns\">\n<div class=\"wp-container-16 wp-block-column\">\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-block-13f969ad\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-a357da19\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater\" href=\"https:\/\/www.webgains.com\/public\/en\/start-a-program\/\" rel=\"noopener noreferrer\" target=\"_self\"><div class=\"uagb-button__link\">Join as an Advertiser<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-container-17 wp-block-column\">\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-block-9eca85cc\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-9fc9032d\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater\" href=\"http:\/\/www.webgains.com\/front\/user\/signup\/\" rel=\"noopener noreferrer\" target=\"_self\"><div class=\"uagb-button__link\">Join as a Publisher<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/www.webgains.com\/public\/en\/webgains-product-update-summer-edition-2025\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":54,"featured_media":48409,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-blank-landing-page.php","meta":{"_uag_custom_page_level_css":""},"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--scaled.jpg",2560,1339,false],"thumbnail":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--150x150.jpg",150,150,true],"medium":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--300x157.jpg",300,157,true],"medium_large":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--768x402.jpg",640,335,true],"large":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--1024x536.jpg",640,335,true],"xl":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--1600x837.jpg",1600,837,true],"xxl":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--2200x1151.jpg",2200,1151,true],"xxxl":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--2800x1465.jpg",2800,1465,true],"xxxxl":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--3400x1779.jpg",3400,1779,true],"xxxxxl":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--scaled.jpg",2560,1339,false],"1536x1536":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--1536x804.jpg",1536,804,true],"2048x2048":["https:\/\/www.webgains.com\/public\/wp-content\/uploads\/2025\/08\/EN-Product-Update--2048x1072.jpg",2048,1072,true]},"uagb_author_info":{"display_name":"Friederike Stadler","author_link":"https:\/\/www.webgains.com\/public\/author\/fkaelblewebgains-com\/"},"uagb_comment_info":0,"uagb_excerpt":"[...]Read More...","_links":{"self":[{"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/pages\/49481"}],"collection":[{"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/comments?post=49481"}],"version-history":[{"count":80,"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/pages\/49481\/revisions"}],"predecessor-version":[{"id":52292,"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/pages\/49481\/revisions\/52292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/media\/48409"}],"wp:attachment":[{"href":"https:\/\/www.webgains.com\/public\/wp-json\/wp\/v2\/media?parent=49481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}