{"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-06-16T23:09:28","modified_gmt":"2026-06-16T15:09:28","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>&lt;!&#8211; Hero Section &#8211;&gt; &lt;section&gt; Results \/ KPI Highlights &lt;h1&gt; Performance That Translates Directly Into Revenue. &lt;\/h1&gt; &lt;\/section&gt; &lt;style&gt; \/* Hero Section *\/ .hero { padding: 80px 24px; max-width: 1600px; margin: 0 auto; } .hero-inner { max-width: 1024px; } .badge { display: inline-block; background-color: #333; color: #fff; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: [&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":74,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/1055\/revisions"}],"predecessor-version":[{"id":3328,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/1055\/revisions\/3328"}],"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}]}}