{"id":1055,"date":"2026-03-31T11:35:10","date_gmt":"2026-03-31T03:35:10","guid":{"rendered":"https:\/\/www.lucas-admedia.com\/?page_id=1055"},"modified":"2026-04-09T11:17:29","modified_gmt":"2026-04-09T03:17:29","slug":"kpi-highlights","status":"publish","type":"page","link":"https:\/\/www.lucas-admedia.com\/index.php\/kpi-highlights\/","title":{"rendered":"KPI Highlights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1055\" class=\"elementor elementor-1055\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c353933 e-flex e-con-boxed e-con e-parent\" data-id=\"c353933\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b817296 elementor-widget elementor-widget-html\" data-id=\"b817296\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <!-- Hero Section -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-inner\">\r\n      <span class=\"badge\">Results \/ KPI Highlights<\/span>\r\n      <h1 class=\"hero-title\">\r\n        Performance That Translates Directly <span style=\"color: #8C7DFF\">Into Revenue.<\/span>\r\n      <\/h1>\r\n     \r\n    <\/div>\r\n  <\/section>\r\n  <style>\r\n      \/* Hero Section *\/\r\n  .hero {\r\n    padding: 80px 24px;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hero-inner {\r\n    max-width: 1024px;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-block;\r\n    background-color: #333;\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 8px 16px;\r\n    border-radius: 9999px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 32px;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .hero-title {\r\n    font-size:78px;\r\n    font-weight: 800;\r\n    letter-spacing: -0.05em;\r\n    line-height: 1.05;\r\n    margin-bottom: 24px;\r\n    color: var(--black);\r\n  }\r\n @media (max-width: 767px) {\r\n     \r\n  .hero-title {\r\n    font-size:38px;\r\n    font-weight: 800;}\r\n }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09e3848 e-flex e-con-boxed e-con e-parent\" data-id=\"09e3848\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7143950 elementor-widget elementor-widget-html\" data-id=\"7143950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n :root {\n    --white: #ffffff;\n    --black: #1a1a1a;\n    --gray-50: #fafafa;\n    --gray-100: #f3f4f6;\n    --gray-200: #e5e7eb;\n    --gray-400: #9ca3af;\n    --gray-500: #6b7280;\n    --gray-700: #374151;\n    --gray-800: #1f2937;\n    --gray-900: #111827;\n    --card-dark: #282828;\n    \n    --primary: #7b57ff;\n    --primary-light: #bcb3ff;\n    --primary-hover: #6842f1;\n    --primary-bg: #f4f2ff;\n\n  }\n  \/* Split Sticky Layout Section *\/\n  .split-section {\n    width: 100%;\n    border-top: 1px solid var(--gray-100);\n    background-color: var(--gray-50);\n  }\n\n  .split-container {\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \/* Important for sticky to work correctly *\/\n  }\n\n  \/* Context Column (Left) *\/\n  .context-col {\n    width: 100%;\n    padding: 64px 24px;\n    border-right: none;\n  }\n\n  .context-label {\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    color: #7b57ff;\n    text-transform: uppercase;\n    margin-bottom: 48px;\n  }\n\n  .context-item {\n    margin-bottom: 48px;\n  }\n\n  .context-item h3 {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--gray-900);\n    margin-bottom: 12px;\n  }\n\n  .context-item p {\n    color: var(--gray-500);\n    font-size: 18px;\n  }\n\n  \/* Metrics Column (Right) *\/\n  .metrics-col {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .metric-block {\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 32px;\n    border-bottom: 1px solid var(--gray-200);\n    transition: background-color 0.5s ease;\n    text-align: center;\n  }\n\n  .metric-block-white { background-color: var(--white); }\n  .metric-block-white:hover { background-color: #fcfcff; }\n  \n  .metric-block-purple { background-color: var(--primary-bg); }\n  \n  .metric-block-dark { background-color: #000000; position: relative; overflow: hidden; }\n  .metric-block-dark::before {\n    content: ''; position: absolute; inset: 0; \n    background: linear-gradient(to top right, rgba(123,87,255,0.2), transparent);\n    opacity: 0; transition: opacity 1s ease;\n  }\n  .metric-block-dark:hover::before { opacity: 1; }\n  .metric-block-dark .metric-number { color: var(--white); }\n  .metric-block-dark h4 { color: var(--gray-200); }\n\n  .metric-wrapper {\n    width: 100%;\n    position: relative;\n    z-index: 10;\n  }\n\n  .metric-number {\n    font-size: 25vw;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.05em;\n    color: var(--black);\n    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  .metric-number-purple { color: var(--primary); }\n  \n  .metric-block:hover .metric-number {\n    transform: translateY(-16px);\n  }\n\n  .metric-block-dark:hover .metric-number {\n    transform: scale(1.05);\n  }\n\n  .metric-info {\n    margin-top: 32px;\n  }\n\n  .metric-info h4 {\n    font-size: 36px;\n    font-weight: 700;\n    color: var(--gray-800);\n    margin-bottom: 8px;\n  }\n\n  .metric-info p {\n    font-size: 20px;\n    color: var(--gray-400);\n  }\n@media (min-width: 768px) {\n    \n    .hero-title { font-size: 84px; }\n    .hero-subtitle { font-size: 30px; }\n    \n    .bento-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\n    .bento-card { padding: 56px; }\n    .drives-header h2 { font-size: 60px; }\n    .drives-header .intro-en { font-size: 30px; }\n    \n    .cta-section { border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; padding: 192px 48px; }\n    .cta-title { font-size: 72px; }\n    .cta-desc-en { font-size: 36px; }\n  }\n\n  @media (min-width: 1024px) {\n    \/* Magic: Split Screen Sticky Implementation for Desktop *\/\n    .split-container { flex-direction: row; }\n    \n    .context-col {\n      width: 40%;\n      height: calc(100vh - 80px); \/* 100vh minus header height *\/\n      position: sticky;\n      top: 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0 64px 0 48px;\n      border-right: 1px solid var(--gray-200);\n    }\n    \n    .metrics-col { width: 60%; }\n    .metric-number { font-size: 14vw; }\n    .metric-info h4 { font-size: 48px; }\n    .metric-info p { font-size: 24px; }\n    .context-item h3 { font-size: 24px; }\n  }\n    @media (max-width: 1024px) {\n        .metric-block {\n    min-height: 40vh}\n    }\n<\/style>\n <section class=\"split-section\">\n    <div class=\"split-container\">\n      \n      <!-- Left Sticky Column: Context -->\n      <div class=\"context-col\">\n        <h3 class=\"context-label\">The Context<\/h3>\n        \n        <div class=\"context-item\">\n          <h3>These results are generated across multiple industries, business models, and campaign structures.<\/h3>\n        <\/div>\n        \n        <div class=\"context-item\">\n          <h3>They reflect ongoing performance \u2014 not isolated wins.<\/h3>\n        <\/div>\n\n        <div class=\"context-item\">\n          <h3>Every metric represents measurable changes in how users move through the customer journey.<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- Right Column: Scrollable Giant Metrics -->\n      <div class=\"metrics-col\">\n        \n        <!-- Metric 1 -->\n        <div class=\"metric-block metric-block-white\">\n          <div class=\"metric-wrapper\">\n            <div class=\"metric-number\">+320<span style=\"color: var(--primary)\">%<\/span><\/div>\n            <div class=\"metric-info\">\n              <h4>Revenue Growth<\/h4>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Metric 2 -->\n        <div class=\"metric-block metric-block-purple\">\n          <div class=\"metric-wrapper\">\n            <div class=\"metric-number metric-number-purple\">3<span style=\"color: var(--primary-light)\">&times;<\/span><\/div>\n            <div class=\"metric-info\">\n              <h4>Conversion Rate<\/h4>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Metric 3 -->\n        <div class=\"metric-block metric-block-white\">\n          <div class=\"metric-wrapper\">\n            <div class=\"metric-number\">-28<span style=\"color: #f43f5e\">%<\/span><\/div>\n            <div class=\"metric-info\">\n              <h4>Customer Acquisition Cost<\/h4>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Metric 4 -->\n        <div class=\"metric-block metric-block-dark\">\n          <div class=\"metric-wrapper\">\n            <div class=\"metric-number\">$2M<span style=\"color: var(--primary-light)\">+<\/span><\/div>\n            <div class=\"metric-info\">\n              <h4>Revenue Generated<\/h4>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b273fec e-flex e-con-boxed e-con e-parent\" data-id=\"b273fec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75808a8 elementor-widget elementor-widget-html\" data-id=\"75808a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n     \/* ====== Funnel Section ====== *\/\r\n  .funnel-section {\r\n    position: relative;\r\n    z-index: 50;\r\n  }\r\n\r\n  .funnel-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  .funnel-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .funnel-label {\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #9ca3af;\r\n  }\r\n\r\n  .funnel-title-group h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n    margin-bottom: 16px;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .funnel-title-group p {\r\n    font-size: 20px;\r\n    color: #6b7280;\r\n  }\r\n\r\n  .funnel-subtitle-group {\r\n    padding-top: 24px;\r\n  }\r\n\r\n  .funnel-subtitle-group p.main-text {\r\n    font-size: 20px;\r\n    font-weight: 300;\r\n    color: #1f2937;\r\n    line-height: 1.4;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .funnel-subtitle-group p.sub-text {\r\n    font-size: 18px;\r\n    color: #6b7280;\r\n  }\r\n\r\n  \/* Funnel Graphic *\/\r\n  .funnel-graphic {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 48px;\r\n  }\r\n\r\n  .funnel-graphic::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 24px;\r\n    bottom: 0;\r\n    left: 23px;\r\n    width: 2px;\r\n    background: #e5e7eb;\r\n    z-index: 0;\r\n  }\r\n\r\n  .funnel-step {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    gap: 24px;\r\n  }\r\n\r\n  .funnel-step-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background-color: #ffffff;\r\n    border: 4px solid #bcb3ff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n    transition: border-color 0.3s ease;\r\n  }\r\n\r\n  .funnel-step:hover .funnel-step-icon:not(.final-icon) {\r\n    border-color: #7b57ff;\r\n  }\r\n\r\n  .funnel-step-icon.final-icon {\r\n    border-color: #7b57ff;\r\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .funnel-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background-color: #7b57ff;\r\n  }\r\n\r\n  .funnel-dot.large {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .funnel-step-text {\r\n    padding-top: 2px;\r\n  }\r\n\r\n  .funnel-step-text h4 {\r\n      font-size: 21px;\r\n    font-weight: 600;\r\n    color: #111827;\r\n    text-transform: capitalize;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .funnel-step-text p {\r\n    color: #6b7280;\r\n    font-size: 18px;\r\n  }\r\n   @media (min-width: 768px) {\r\n    \r\n    .funnel-title-group h2 { font-size: 60px; }\r\n    .funnel-subtitle-group p.main-text { font-size: 26px; }\r\n\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .funnel-container { grid-template-columns: 1fr 1fr; }\r\n    .cta-header h2 { font-size: 72px; }\r\n  }\r\n<\/style>\r\n <!-- What Drives These Numbers Section -->\r\n  <section class=\"funnel-section\">\r\n    <div class=\"funnel-container\">\r\n      \r\n      <!-- Left Content -->\r\n      <div class=\"funnel-content\">\r\n        <span class=\"funnel-label\">The Methodology<\/span>\r\n        <div class=\"funnel-title-group\">\r\n          <h2>What Drives These Numbers<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"funnel-subtitle-group\">\r\n          <p class=\"main-text\">Revenue growth does not happen at one point.<\/p>\r\n          <p class=\"main-text\">It is driven by improvements across the entire funnel:<\/p>\r\n         \r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Content: The Funnel Steps -->\r\n      <div class=\"funnel-graphic\">\r\n        \r\n        <!-- Step 1 -->\r\n        <div class=\"funnel-step\">\r\n          <div class=\"funnel-step-icon\">\r\n            <div class=\"funnel-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"funnel-step-text\">\r\n            <h4>More qualified traffic entering the system<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"funnel-step\">\r\n          <div class=\"funnel-step-icon\">\r\n            <div class=\"funnel-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"funnel-step-text\">\r\n            <h4>Higher intent content driving action<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"funnel-step\">\r\n          <div class=\"funnel-step-icon\">\r\n            <div class=\"funnel-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"funnel-step-text\">\r\n            <h4>Better conversion paths reducing drop-offs<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 4 -->\r\n        <div class=\"funnel-step\">\r\n          <div class=\"funnel-step-icon final-icon\">\r\n            <div class=\"funnel-dot large\"><\/div>\r\n          <\/div>\r\n          <div class=\"funnel-step-text\">\r\n            <h4>Continuous optimization improving performance<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42b1ef9 e-flex e-con-boxed e-con e-parent\" data-id=\"42b1ef9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65803a1 elementor-widget elementor-widget-heading\" data-id=\"65803a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Consistency<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14ff992 elementor-widget elementor-widget-text-editor\" data-id=\"14ff992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The key difference is consistency<\/p><p>These results are repeatable<\/p><p>because they are built on structured systems<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83235e3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"83235e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore how these results are achieved<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Results \/ KPI Highlights Performance That Translates Directly Into Revenue. The Context These results are generated across multiple industries, business models, and campaign structures. They reflect ongoing performance \u2014 not isolated wins. Every metric represents measurable changes in how users move through the customer journey. +320% Revenue Growth 3&times; Conversion Rate -28% Customer Acquisition Cost [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1055","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/1055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/comments?post=1055"}],"version-history":[{"count":73,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/1055\/revisions"}],"predecessor-version":[{"id":2622,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/1055\/revisions\/2622"}],"wp:attachment":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/media?parent=1055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}