{"id":785,"date":"2026-03-26T21:12:14","date_gmt":"2026-03-26T13:12:14","guid":{"rendered":"https:\/\/www.lucas-admedia.com\/?page_id=785"},"modified":"2026-03-27T16:41:20","modified_gmt":"2026-03-27T08:41:20","slug":"service-hub","status":"publish","type":"page","link":"https:\/\/www.lucas-admedia.com\/index.php\/service-hub\/","title":{"rendered":"service hub"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"785\" class=\"elementor elementor-785\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e098eea e-con-full e-flex e-con e-parent\" data-id=\"e098eea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad48a6 elementor-widget elementor-widget-html\" data-id=\"9ad48a6\" 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<!-- =====================================================\r\n  BLOCK 00 \u2014 GLOBAL INIT\r\n  \u653e\u5728\u9875\u9762\u6700\u9876\u90e8\uff08WordPress \u9875\u9762\u7f16\u8f91\u5668\u7b2c\u4e00\u4e2a\u81ea\u5b9a\u4e49 HTML \u5757\uff09\u3002\r\n  \u5305\u542b\uff1a\u5b57\u4f53\u5f15\u5165 + CSS \u53d8\u91cf + \u5168\u5c40 Reset\uff08\u4ec5\u5f71\u54cd pd- \u547d\u540d\u7a7a\u95f4\uff09\u3002\r\n  \u5176\u4ed6\u6240\u6709\u6a21\u5757\u4f9d\u8d56\u6b64\u5757\u4e2d\u7684 CSS \u53d8\u91cf\uff0c\u8bf7\u786e\u4fdd\u6b64\u5757\u6700\u5148\u52a0\u8f7d\u3002\r\n====================================================== -->\r\n\r\n<!-- Google Fonts: Inter -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* \u2500\u2500 CSS Variables\uff08\u5168\u5c40\u53ef\u7528\uff0c\u6240\u6709 pd- \u5757\u5171\u4eab\uff09 \u2500\u2500 *\/\r\n:root {\r\n  --pd-purple:       #7B61FF;\r\n  --pd-purple-light: #EDE9FF;\r\n  --pd-black:        #0A0A0A;\r\n  --pd-white:        #FFFFFF;\r\n  --pd-grey-100:     #F5F5F5;\r\n  --pd-grey-200:     #E8E8E8;\r\n  --pd-grey-500:     #888888;\r\n  --pd-dark-bg:      #0D0D0D;\r\n  --pd-dark-card:    #161616;\r\n  --pd-radius-pill:  999px;\r\n  --pd-radius-card:  16px;\r\n  --pd-max-w:        1200px;\r\n}\r\n\r\n\/* \u2500\u2500 \u7ec6\u5fae\u80cc\u666f\u7f51\u683c\uff08\u56fa\u5b9a\uff0c\u8de8\u6240\u6709\u6a21\u5757\uff09 \u2500\u2500 *\/\r\nbody::before {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 \u6eda\u52a8\u8fdb\u573a\u52a8\u753b\uff08\u5171\u4eab\uff09 \u2500\u2500 *\/\r\n.pd-reveal {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.pd-reveal.pd-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500 \u5b57\u4f53\u57fa\u7840\uff08\u53ea\u5f71\u54cd pd- \u5bb9\u5668\u5185\u90e8\uff09 \u2500\u2500 *\/\r\n[id^=\"pd-\"] {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  box-sizing: border-box;\r\n}\r\n[id^=\"pd-\"] *, [id^=\"pd-\"] *::before, [id^=\"pd-\"] *::after {\r\n  box-sizing: inherit;\r\n}\r\n[id^=\"pd-\"] a { text-decoration: none; color: inherit; }\r\n[id^=\"pd-\"] ul { list-style: none; margin: 0; padding: 0; }\r\n<\/style>\r\n\r\n<!-- \u6eda\u52a8\u8fdb\u573a JS\uff08\u5168\u5c40\uff0c\u53ea\u9700\u6ce8\u5165\u4e00\u6b21\uff09 -->\r\n<script>\r\n(function() {\r\n  if (window.__pdRevealInit) return;\r\n  window.__pdRevealInit = true;\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('pd-visible');\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  function observe() {\r\n    document.querySelectorAll('.pd-reveal').forEach(function(el) {\r\n      obs.observe(el);\r\n    });\r\n  }\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', observe);\r\n  } else {\r\n    observe();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7382da elementor-widget elementor-widget-html\" data-id=\"c7382da\" 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<!-- =====================================================\r\n  BLOCK 01 \u2014 HERO SECTION  (#pd-hero)\r\n  \u4f9d\u8d56\uff1ablock-00-global.html \u9700\u5148\u4e8e\u6b64\u5757\u52a0\u8f7d\u3002\r\n====================================================== -->\r\n\r\n<style>\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n#pd-hero {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  padding: 140px clamp(24px, 5vw, 80px) 80px;\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Badge \u2500\u2500 *\/\r\n#pd-hero .hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 18px;\r\n  border-radius: var(--pd-radius-pill);\r\n  background: var(--pd-purple-light);\r\n  color: var(--pd-purple);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.01em;\r\n  margin-bottom: 32px;\r\n}\r\n#pd-hero .hero-badge-dot {\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--pd-purple);\r\n  animation: pd-pulse 2s infinite;\r\n  flex-shrink: 0;\r\n}\r\n@keyframes pd-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%       { opacity: 0.5; transform: scale(0.8); }\r\n}\r\n\r\n\/* \u2500\u2500 Title \u2500\u2500 *\/\r\n#pd-hero .hero-title {\r\n  font-size: clamp(48px, 7vw, 88px);\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n  letter-spacing: -0.04em;\r\n  color: var(--pd-black);\r\n  margin: 0 0 28px;\r\n  max-width: 900px;\r\n}\r\n#pd-hero .hero-title em {\r\n  font-style: normal;\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n#pd-hero .hero-sub {\r\n  font-size: clamp(16px, 1.8vw, 20px);\r\n  font-weight: 400;\r\n  color: var(--pd-grey-500);\r\n  line-height: 1.6;\r\n  margin: 0 0 44px;\r\n  max-width: 580px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA Buttons \u2500\u2500 *\/\r\n#pd-hero .hero-actions {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 72px;\r\n}\r\n#pd-hero .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 14px 28px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 2px solid transparent;\r\n  white-space: nowrap;\r\n  font-family: inherit;\r\n}\r\n#pd-hero .btn-primary {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n#pd-hero .btn-primary:hover {\r\n  background: #6650e0;\r\n  border-color: #6650e0;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(123,97,255,0.35);\r\n}\r\n#pd-hero .btn-ghost {\r\n  background: transparent;\r\n  color: var(--pd-black);\r\n  border-color: var(--pd-grey-200);\r\n}\r\n#pd-hero .btn-ghost:hover {\r\n  border-color: var(--pd-black);\r\n}\r\n\r\n\/* \u2500\u2500 Stats Bar \u2500\u2500 *\/\r\n#pd-hero .hero-stats {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 32px;\r\n  padding: 24px 36px;\r\n  background: var(--pd-grey-100);\r\n  border-radius: var(--pd-radius-card);\r\n  border: 1px solid var(--pd-grey-200);\r\n  flex-wrap: wrap;\r\n}\r\n#pd-hero .stat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n#pd-hero .stat-number {\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  letter-spacing: -0.03em;\r\n  color: var(--pd-black);\r\n  line-height: 1;\r\n}\r\n#pd-hero .stat-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--pd-grey-500);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n}\r\n#pd-hero .stat-divider {\r\n  width: 1px;\r\n  height: 40px;\r\n  background: var(--pd-grey-200);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  #pd-hero { padding: 120px 20px 60px; min-height: auto; }\r\n  #pd-hero .hero-actions { flex-direction: column; }\r\n  #pd-hero .hero-actions .btn { width: 100%; justify-content: center; }\r\n  #pd-hero .hero-stats { gap: 20px; padding: 20px 24px; width: 100%; }\r\n  #pd-hero .stat-number { font-size: 22px; }\r\n  #pd-hero .stat-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"pd-hero\">\r\n  <div class=\"hero-badge\">\r\n    <span class=\"hero-badge-dot\"><\/span>\r\n    Performance-First Growth System\r\n  <\/div>\r\n\r\n  <h1 class=\"hero-title\">\r\n    Services Built for<br \/>\r\n    <em>Revenue,<\/em> Designed<br \/>\r\n    for Performance\r\n  <\/h1>\r\n\r\n  <p class=\"hero-sub\">\r\n    A unified growth system that turns attention into predictable, scalable revenue.\r\n  <\/p>\r\n\r\n  <div class=\"hero-actions\">\r\n    <a href=\"#pd-services-hd\" class=\"btn btn-primary\">Explore Services<\/a>\r\n    <a href=\"#pd-closing\" class=\"btn btn-ghost\">Book a Strategy Call \u2192<\/a>\r\n  <\/div>\r\n\r\n  <div class=\"hero-stats\">\r\n    <div class=\"stat\">\r\n      <span class=\"stat-number\">$0.<\/span>\r\n      <span class=\"stat-label\">Zero Risk<\/span>\r\n    <\/div>\r\n    <div class=\"stat-divider\"><\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"stat-number\">3\u00d7<\/span>\r\n      <span class=\"stat-label\">Avg. ROAS Lift<\/span>\r\n    <\/div>\r\n    <div class=\"stat-divider\"><\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"stat-number\">90d<\/span>\r\n      <span class=\"stat-label\">To First Results<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d64d45 e-con-full e-flex e-con e-parent\" data-id=\"5d64d45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-871476b elementor-widget elementor-widget-html\" data-id=\"871476b\" 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<!-- =====================================================\r\n  BLOCK 02 \u2014 COMPARISON SECTION  (#pd-comparison)\r\n  \u6df1\u8272\u80cc\u666f\u5bf9\u6bd4\u533a\u3002\u4f9d\u8d56\uff1ablock-00-global.html\u3002\r\n====================================================== -->\r\n\r\n<style>\r\n#pd-comparison {\r\n  background: var(--pd-dark-bg);\r\n  color: var(--pd-white);\r\n  padding: 140px clamp(40px, 8vw, 120px);\r\n}\r\n#pd-comparison .cmp-inner {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 Labels \u2500\u2500 *\/\r\n#pd-comparison .cmp-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--pd-grey-500);\r\n  margin: 0 0 20px;\r\n}\r\n#pd-comparison .cmp-label-accent { color: var(--pd-purple); }\r\n\r\n\/* \u2500\u2500 Body text \u2500\u2500 *\/\r\n#pd-comparison .cmp-body {\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  color: #cccccc;\r\n  margin: 0 0 28px;\r\n}\r\n\r\n\/* \u2500\u2500 Lists \u2500\u2500 *\/\r\n#pd-comparison .cmp-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n#pd-comparison .cmp-list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #999999;\r\n}\r\n#pd-comparison .cmp-list li::before {\r\n  content: '\u00d7';\r\n  color: #555555;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  flex-shrink: 0;\r\n}\r\n#pd-comparison .cmp-list-accent li { color: #dddddd; }\r\n#pd-comparison .cmp-list-accent li::before {\r\n  content: '\u2713';\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 VS Divider \u2500\u2500 *\/\r\n#pd-comparison .cmp-divider {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding-top: 48px;\r\n}\r\n#pd-comparison .cmp-divider-line {\r\n  width: 1px;\r\n  flex: 1;\r\n  background: #2a2a2a;\r\n  min-height: 80px;\r\n}\r\n#pd-comparison .cmp-divider-badge {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 44px; height: 44px;\r\n  border-radius: 50%;\r\n  border: 2px solid #333333;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.05em;\r\n  color: #555555;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  #pd-comparison { padding: 80px 24px; }\r\n  #pd-comparison .cmp-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  #pd-comparison .cmp-divider {\r\n    flex-direction: row;\r\n    padding: 0;\r\n    align-items: center;\r\n  }\r\n  #pd-comparison .cmp-divider-line {\r\n    height: 1px;\r\n    width: auto;\r\n    flex: 1;\r\n    min-height: unset;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"pd-comparison\">\r\n  <div class=\"cmp-inner\">\r\n\r\n    <!-- Left: The Old Way -->\r\n    <div class=\"pd-reveal\">\r\n      <div class=\"cmp-label\">The Old Way<\/div>\r\n      <p class=\"cmp-body\">\r\n        Most agencies operate in layers. Strategy, content, media, and execution are handled\r\n        separately. This leads to plenty of activity, limited impact.\r\n      <\/p>\r\n      <ul class=\"cmp-list\">\r\n        <li>Siloed teams with no shared context<\/li>\r\n        <li>Campaigns optimised for impressions, not revenue<\/li>\r\n        <li>Quarterly reporting that arrives too late<\/li>\r\n        <li>Endless hand-offs that bleed momentum<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Divider -->\r\n    <div class=\"cmp-divider\">\r\n      <div class=\"cmp-divider-line\"><\/div>\r\n      <span class=\"cmp-divider-badge\">VS<\/span>\r\n      <div class=\"cmp-divider-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: Our Approach -->\r\n    <div class=\"pd-reveal\">\r\n      <div class=\"cmp-label cmp-label-accent\">Our Approach<\/div>\r\n      <p class=\"cmp-body\">\r\n        Our approach is different. Everything is built as one connected system. Every channel,\r\n        every asset, and every action is aligned around a single objective: revenue growth.\r\n      <\/p>\r\n      <ul class=\"cmp-list cmp-list-accent\">\r\n        <li>One integrated team across every channel<\/li>\r\n        <li>Weekly loops that iterate toward revenue<\/li>\r\n        <li>Real-time dashboards, no lag<\/li>\r\n        <li>Full-funnel ownership from click to cash<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fec17a e-con-full e-flex e-con e-parent\" data-id=\"0fec17a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fbaa02 elementor-widget elementor-widget-html\" data-id=\"8fbaa02\" 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    \/* \u5f15\u5165\u73b0\u4ee3\u5b57\u4f53\uff0c\u5982\u679c\u4f60\u7684\u7f51\u7ad9\u5df2\u6709\u5219\u4f1a\u81ea\u52a8\u8986\u76d6 *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    .gs-wrapper {\r\n        font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 60px auto;\r\n        padding: 40px 20px;\r\n        color: #0d0d0d;\r\n    }\r\n\r\n    \/* \u9876\u90e8\u6807\u7b7e *\/\r\n    .gs-tag {\r\n        display: inline-block;\r\n        color: #7C5CFF;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    \/* \u4e3b\u6807\u9898 *\/\r\n    .gs-hero-title {\r\n        font-size: clamp(32px, 4vw, 44px);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.03em;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .gs-hero-sub {\r\n        font-size: 18px;\r\n        color: #666;\r\n        font-weight: 400;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    \/* \u6838\u5fc3\u8def\u5f84\u89c6\u89c9 - \u91cd\u65b0\u8bbe\u8ba1\u4e3a\u6d41\u7a0b\u5361\u7247 *\/\r\n    .gs-path-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        background: rgba(124, 92, 255, 0.03);\r\n        border: 1px solid rgba(124, 92, 255, 0.1);\r\n        border-radius: 16px;\r\n        padding: 30px 40px;\r\n        margin-bottom: 100px;\r\n        position: relative;\r\n    }\r\n\r\n    .gs-path-item {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        display: flex;\r\n        align-items: center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .gs-path-item:hover { transform: translateY(-2px); }\r\n\r\n    .gs-path-arrow {\r\n        color: #7C5CFF;\r\n        font-size: 20px;\r\n        margin: 0 20px;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .gs-path-item.highlight { color: #7C5CFF; }\r\n\r\n    \/* \u4e24\u680f\u5e03\u5c40 *\/\r\n    .gs-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 100px;\r\n    }\r\n\r\n    .gs-col-h3 {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        margin-bottom: 30px;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .gs-lead-text {\r\n        font-size: 19px;\r\n        line-height: 1.6;\r\n        color: #444;\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .gs-lead-text strong { color: #000; font-weight: 700; }\r\n\r\n    \/* Traffic \u6a21\u5757\uff1a\u5bf9\u6bd4\u8bbe\u8ba1 *\/\r\n    .gs-compare-card {\r\n        background: #fff;\r\n        border-left: 4px solid #7C5CFF;\r\n        padding: 24px 30px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n        margin: 30px 0;\r\n        border-radius: 4px 12px 12px 4px;\r\n    }\r\n\r\n    .gs-compare-bad {\r\n        color: #999;\r\n        font-size: 16px;\r\n        text-decoration: line-through;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .gs-compare-good {\r\n        color: #000;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Content \u6a21\u5757\uff1a\u6807\u7b7e\u8bbe\u8ba1 *\/\r\n    .gs-obj-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        margin: 25px 0;\r\n    }\r\n\r\n    .gs-obj-tag {\r\n        background: #f4f2ff;\r\n        color: #7C5CFF;\r\n        padding: 10px 20px;\r\n        border-radius: 100px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        border: 1px solid rgba(124, 92, 255, 0.1);\r\n    }\r\n\r\n    \/* \u5e95\u90e8\u6536\u5c3e\u6846 *\/\r\n    .gs-summary-box {\r\n        background: #0d0d0d;\r\n        color: #fff;\r\n        padding: 30px;\r\n        border-radius: 12px;\r\n        margin-top: 40px;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        font-weight: 500;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .gs-summary-box::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; right: 0; width: 4px; height: 100%;\r\n        background: #7C5CFF;\r\n    }\r\n\r\n    .gs-footer-note { font-size: 15px; color: #777; line-height: 1.6; }\r\n\r\n    \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n    @media (max-width: 992px) {\r\n        .gs-row { grid-template-columns: 1fr; gap: 60px; }\r\n        .gs-path-container { overflow-x: auto; padding: 25px; justify-content: flex-start; }\r\n        .gs-path-item { flex-shrink: 0; font-size: 16px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"gs-wrapper\">\r\n    <!-- Header Area -->\r\n    <div class=\"gs-tag\">The Growth System<\/div>\r\n    <h1 class=\"gs-hero-title\">Every high-performing growth system follows a clear path:<\/h1>\r\n    <p class=\"gs-hero-sub\">The key difference lies in how these steps are connected and optimized.<\/p>\r\n\r\n    <!-- Visual Flow Path -->\r\n    <div class=\"gs-path-container\">\r\n        <div class=\"gs-path-item\">Traffic<\/div>\r\n        <div class=\"gs-path-arrow\">\u2192<\/div>\r\n        <div class=\"gs-path-item\">Content<\/div>\r\n        <div class=\"gs-path-arrow\">\u2192<\/div>\r\n        <div class=\"gs-path-item\">Trust<\/div>\r\n        <div class=\"gs-path-arrow\">\u2192<\/div>\r\n        <div class=\"gs-path-item\">Conversion<\/div>\r\n        <div class=\"gs-path-arrow\">\u2192<\/div>\r\n        <div class=\"gs-path-item highlight\">Revenue<\/div>\r\n    <\/div>\r\n\r\n    <!-- Details Grid -->\r\n    <div class=\"gs-row\">\r\n        \r\n        <!-- Pillar 1: Traffic -->\r\n        <div class=\"gs-col\">\r\n            <h3 class=\"gs-col-h3\">Traffic<\/h3>\r\n            <p class=\"gs-lead-text\">\r\n                Traffic generation is widely accessible. <br>\r\n                <strong>What truly matters is where that traffic is directed.<\/strong>\r\n            <\/p>\r\n            \r\n            <div class=\"gs-compare-card\">\r\n                <div class=\"gs-compare-bad\">Without structure, traffic dissipates quickly.<\/div>\r\n                <div class=\"gs-compare-good\">With structure, traffic compounds into measurable outcomes.<\/div>\r\n            <\/div>\r\n            \r\n            <p class=\"gs-footer-note\">\r\n                We design entry points that attract high-intent users and guide them forward.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Pillar 2: Content -->\r\n        <div class=\"gs-col\">\r\n            <h3 class=\"gs-col-h3\">Content<\/h3>\r\n            <p class=\"gs-lead-text\">\r\n                Content initiates attention. <br>\r\n                <strong>Its real value emerges when it drives action.<\/strong>\r\n            <\/p>\r\n\r\n            <p style=\"font-weight: 700; font-size: 14px; text-transform: uppercase; color: #888; letter-spacing: 1px;\">Defined Objectives:<\/p>\r\n            <div class=\"gs-obj-grid\">\r\n                <div class=\"gs-obj-tag\">Click<\/div>\r\n                <div class=\"gs-obj-tag\">Message<\/div>\r\n                <div class=\"gs-obj-tag\">Sign-up<\/div>\r\n                <div class=\"gs-obj-tag\">Purchase<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gs-summary-box\">\r\n                Consistency and iteration transform content into a growth engine.\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-420b810 e-con-full e-flex e-con e-parent\" data-id=\"420b810\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f03b913 elementor-widget elementor-widget-html\" data-id=\"f03b913\" 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<!-- =====================================================\r\n  BLOCK 03 \u2014 SERVICES SECTION HEADER  (#pd-services-hd)\r\n  \"What We Do \/ Five systems.\" \u6807\u9898\u533a\uff0c\u4f5c\u4e3a 5 \u4e2a\u670d\u52a1\u6a21\u5757\u7684\u9876\u90e8\u6807\u9898\u3002\r\n  \u4f9d\u8d56\uff1ablock-00-global.html\u3002\r\n====================================================== -->\r\n\r\n<style>\r\n#pd-services-hd {\r\n  padding: 100px clamp(24px, 5vw, 80px) 0;\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n}\r\n#pd-services-hd .svchd-inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  padding-bottom: 48px;\r\n  border-bottom: 1px solid var(--pd-grey-200);\r\n}\r\n#pd-services-hd .svchd-label {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--pd-purple);\r\n  margin: 0 0 20px;\r\n}\r\n#pd-services-hd .svchd-title {\r\n  font-size: clamp(36px, 5vw, 60px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.035em;\r\n  line-height: 1.1;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #pd-services-hd { padding: 72px 20px 0; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-services-hd\">\r\n  <div class=\"svchd-inner\">\r\n    <span class=\"svchd-label\">What We Do<\/span>\r\n    <h2 class=\"svchd-title\">Five systems.<br \/>One revenue engine.<\/h2>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0e0cdf e-con-full e-flex e-con e-parent\" data-id=\"a0e0cdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35057ab elementor-widget elementor-widget-html\" data-id=\"35057ab\" 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<!-- =====================================================\r\n  BLOCK 04 \u2014 SERVICE 01: Growth Marketing (Aligned)\r\n====================================================== -->\r\n\r\n<style>\r\n:root {\r\n  --pd-purple: #7B61FF;\r\n  --pd-black: #1a1a1a;\r\n  --pd-grey-500: #666666;\r\n  --pd-white: #ffffff;\r\n  --pd-max-w: 1200px;\r\n  --pd-radius-pill: 50px;\r\n}\r\n\r\n#pd-s1 {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 40px);\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n#pd-s1 .svc-module {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr; \r\n  gap: 60px;\r\n  padding: 80px 0;\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n  align-items: start; \/* \u9876\u90e8\u5bf9\u9f50 *\/\r\n}\r\n\r\n\/* \u2500\u2500 \u5de6\u4fa7\uff1a\u6807\u9898 + \u6807\u7b7e \u2500\u2500 *\/\r\n#pd-s1 .svc-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#pd-s1 .svc-header-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 15px;\r\n  margin-bottom: 30px; \/* \u6807\u9898\u4e0e\u6807\u7b7e\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\r\n}\r\n\r\n#pd-s1 .svc-num {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: var(--pd-black);\r\n}\r\n\r\n#pd-s1 .svc-title {\r\n  font-size: clamp(26px, 3vw, 36px);\r\n  font-weight: 700;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n#pd-s1 .svc-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  justify-content: flex-start; \r\n}\r\n\r\n#pd-s1 .pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 22px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  background: var(--pd-white);\r\n  color: var(--pd-black);\r\n  border: 1px solid #d1d1d1;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n#pd-s1 .pill.active {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 \u53f3\u4fa7\uff1a\u5185\u5bb9\u533a \u2500\u2500 *\/\r\n#pd-s1 .svc-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \r\n  \/* \u91cd\u8981\uff1a\u8c03\u6574\u4e0b\u9762\u8fd9\u4e2a\u50cf\u7d20\u503c\uff0c\u76f4\u5230\u53f3\u4fa7\u6587\u5b57\u9876\u7aef\u4e0e\u5de6\u4fa7\u6807\u7b7e\u5bf9\u9f50 *\/\r\n  \/* \u5982\u679c\u6587\u5b57\u504f\u4e0b\uff0c\u5c31\u51cf\u5c0f\u8fd9\u4e2a\u503c\uff1b\u5982\u679c\u6587\u5b57\u504f\u4e0a\uff0c\u5c31\u589e\u5927\u8fd9\u4e2a\u503c *\/\r\n  padding-top: 65px; \r\n}\r\n\r\n#pd-s1 .svc-intro {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: var(--pd-grey-500);\r\n  margin: 0;\r\n}\r\n\r\n#pd-s1 .svc-divider {\r\n  height: 1px;\r\n  background-color: #e0e0e0;\r\n  margin: 30px 0;\r\n  width: 100%;\r\n}\r\n\r\n#pd-s1 .svc-explanation {\r\n  font-size: 17px;\r\n  line-height: 1.5;\r\n  color: var(--pd-black);\r\n  min-height: 3em;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n.fade-out { opacity: 0; }\r\n.fade-in { opacity: 1; }\r\n\r\n\/* \u2500\u2500 \u54cd\u5e94\u5f0f \u2500\u2500 *\/\r\n@media (max-width: 991px) {\r\n  #pd-s1 .svc-module { grid-template-columns: 1fr; gap: 30px; }\r\n  #pd-s1 .svc-right-col { padding-top: 0; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-s1\">\r\n  <article class=\"svc-module\">\r\n    \r\n    <div class=\"svc-left-col\">\r\n      <div class=\"svc-header-row\">\r\n        <span class=\"svc-num\">01<\/span>\r\n        <h3 class=\"svc-title\">Full-Funnel Digital Growth System<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"svc-tags\">\r\n        <span class=\"pill active\" data-desc=\"Every user journey is designed to reduce friction and increase conversion probability.\">Conversion-Optimized UX<\/span>\r\n        <span class=\"pill\" data-desc=\"Track exactly where revenue is generated and where users drop off.\">Full-Funnel Attribution<\/span>\r\n        <span class=\"pill\" data-desc=\"Streamlined conversion paths that reduce drop-offs and increase completion rates.\">Frictionless Checkout<\/span>\r\n        <span class=\"pill\" data-desc=\"Every action is tied directly to leads, bookings, or revenue.\">KPI-Driven Execution<\/span>\r\n        <span class=\"pill\" data-desc=\"Continuous iteration ensures performance improves every week.\">Weekly Optimization Loops<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"svc-right-col\">\r\n      <div class=\"svc-intro\">\r\n        A complete growth system that connects traffic, content, and conversion into predictable revenue. Instead of running isolated campaigns, this system ensures every touchpoint contributes to measurable business outcomes.\r\n      <\/div>\r\n\r\n      <div class=\"svc-divider\"><\/div>\r\n\r\n      <div class=\"svc-explanation\" id=\"dynamic-explanation\">\r\n        Every user journey is designed to reduce friction and increase conversion probability.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/article>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const pills = document.querySelectorAll('#pd-s1 .pill');\r\n  const explanationBox = document.getElementById('dynamic-explanation');\r\n\r\n  pills.forEach(pill => {\r\n    pill.addEventListener('click', function() {\r\n      pills.forEach(p => p.classList.remove('active'));\r\n      this.classList.add('active');\r\n\r\n      const newText = this.getAttribute('data-desc');\r\n      explanationBox.classList.add('fade-out');\r\n      \r\n      setTimeout(() => {\r\n        explanationBox.textContent = newText;\r\n        explanationBox.classList.remove('fade-out');\r\n        explanationBox.classList.add('fade-in');\r\n      }, 150);\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb95a17 e-con-full e-flex e-con e-parent\" data-id=\"cb95a17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63ed093 elementor-widget elementor-widget-html\" data-id=\"63ed093\" 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<!-- =====================================================\r\n  BLOCK 05 \u2014 SERVICE 02: Premium TVC & Video Production (Interactive)\r\n====================================================== -->\r\n\r\n<style>\r\n:root {\r\n  --pd-purple: #7B61FF;\r\n  --pd-black: #1a1a1a;\r\n  --pd-grey-500: #666666;\r\n  --pd-white: #ffffff;\r\n  --pd-max-w: 1200px;\r\n  --pd-radius-pill: 50px;\r\n}\r\n\r\n#pd-s2 {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 40px);\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n#pd-s2 .svc-module {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr; \r\n  gap: 60px;\r\n  padding: 100px 0;\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n  align-items: start; \r\n}\r\n\r\n\/* \u2500\u2500 \u5de6\u4fa7\uff1a\u6807\u9898 + \u6807\u7b7e \u2500\u2500 *\/\r\n#pd-s2 .svc-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#pd-s2 .svc-header-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n#pd-s2 .svc-num {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: var(--pd-black);\r\n}\r\n\r\n#pd-s2 .svc-title {\r\n  font-size: clamp(26px, 3vw, 36px);\r\n  font-weight: 700;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n#pd-s2 .svc-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n#pd-s2 .pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 22px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  background: var(--pd-white);\r\n  color: var(--pd-black);\r\n  border: 1px solid #d1d1d1;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n#pd-s2 .pill.active {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n\r\n#pd-s2 .pill:hover:not(.active) {\r\n  border-color: var(--pd-purple);\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 \u53f3\u4fa7\uff1a\u7b80\u4ecb + \u89e3\u91ca (\u5bf9\u9f50\u5fae\u8c03) \u2500\u2500 *\/\r\n#pd-s2 .svc-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \/* \u8c03\u6574\u6b64\u503c\u4ee5\u5bf9\u9f50\u5de6\u4fa7\u7b2c\u4e00\u6392\u6807\u7b7e\uff1a72px \u5de6\u53f3\u901a\u5e38\u6548\u679c\u6700\u597d *\/\r\n  padding-top: 72px; \r\n}\r\n\r\n#pd-s2 .svc-intro {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--pd-grey-500);\r\n  margin: 0;\r\n}\r\n\r\n#pd-s2 .svc-divider {\r\n  height: 1px;\r\n  background-color: #e0e0e0;\r\n  margin: 35px 0;\r\n  width: 100%;\r\n}\r\n\r\n#pd-s2 .svc-explanation {\r\n  font-size: 17px;\r\n  line-height: 1.6;\r\n  color: var(--pd-black);\r\n  min-height: 3em;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n\/* \u52a8\u6548 *\/\r\n.fade-out { opacity: 0; }\r\n.fade-in { opacity: 1; }\r\n\r\n\/* \u2500\u2500 \u54cd\u5e94\u5f0f \u2500\u2500 *\/\r\n@media (max-width: 991px) {\r\n  #pd-s2 .svc-module { \r\n    grid-template-columns: 1fr; \r\n    gap: 30px;\r\n  }\r\n  #pd-s2 .svc-right-col {\r\n    padding-top: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-s2\">\r\n  <article class=\"svc-module\">\r\n    \r\n    <div class=\"svc-left-col\">\r\n      <div class=\"svc-header-row\">\r\n        <span class=\"svc-num\">02<\/span>\r\n        <h3 class=\"svc-title\">Premium TVC & Video Production<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"svc-tags\">\r\n        <span class=\"pill active\" data-desc=\"Video content designed to trigger immediate action.\">Direct Response Video<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"One production generates multiple assets for long-term use.\">Scalable Asset Library<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Every production decision is tied to performance outcomes.\">ROI-Driven Production<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Premium-level production quality aligned with brand positioning.\">Commercial Production<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Narratives designed to convert, not just impress.\">Performance Storytelling<\/span>\r\n\r\n        <span class=\"pill\" data-desc=\"Optimized video assets delivered in every required social and broadcast format.\">Multi-Format Output<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"svc-right-col\">\r\n      <div class=\"svc-intro\">\r\n        High-end commercial production built for performance, not just visuals. Designed to maximize ROI through scalable content systems and strong conversion storytelling.\r\n      <\/div>\r\n\r\n      <div class=\"svc-divider\"><\/div>\r\n\r\n      <div class=\"svc-explanation\" id=\"dynamic-explanation-s2\">\r\n        Video content designed to trigger immediate action.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/article>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const container = document.querySelector('#pd-s2');\r\n  const pills = container.querySelectorAll('.pill');\r\n  const explanationBox = document.getElementById('dynamic-explanation-s2');\r\n\r\n  pills.forEach(pill => {\r\n    pill.addEventListener('click', function() {\r\n      \/\/ \u5207\u6362\u9ad8\u4eae\r\n      pills.forEach(p => p.classList.remove('active'));\r\n      this.classList.add('active');\r\n\r\n      \/\/ \u83b7\u53d6\u65b0\u6587\u6848\r\n      const newText = this.getAttribute('data-desc');\r\n      \r\n      \/\/ \u5207\u6362\u52a8\u6548\r\n      explanationBox.classList.add('fade-out');\r\n      setTimeout(() => {\r\n        explanationBox.textContent = newText;\r\n        explanationBox.classList.remove('fade-out');\r\n        explanationBox.classList.add('fade-in');\r\n      }, 150);\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8750d8 e-con-full e-flex e-con e-parent\" data-id=\"b8750d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a1a21c elementor-widget elementor-widget-html\" data-id=\"4a1a21c\" 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<!-- =====================================================\r\n  BLOCK 06 \u2014 SERVICE 03: Paid Social & Content Strategy (Interactive)\r\n====================================================== -->\r\n\r\n<style>\r\n:root {\r\n  --pd-purple: #7B61FF;\r\n  --pd-black: #1a1a1a;\r\n  --pd-grey-500: #666666;\r\n  --pd-white: #ffffff;\r\n  --pd-max-w: 1200px;\r\n  --pd-radius-pill: 50px;\r\n}\r\n\r\n#pd-s3 {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 40px);\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n#pd-s3 .svc-module {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr; \r\n  gap: 60px;\r\n  padding: 100px 0;\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n  align-items: start; \r\n}\r\n\r\n\/* \u2500\u2500 \u5de6\u4fa7\uff1a\u6807\u9898 + \u6807\u7b7e \u2500\u2500 *\/\r\n#pd-s3 .svc-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#pd-s3 .svc-header-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n#pd-s3 .svc-num {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: var(--pd-black);\r\n}\r\n\r\n#pd-s3 .svc-title {\r\n  font-size: clamp(26px, 3vw, 36px);\r\n  font-weight: 700;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n#pd-s3 .svc-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n#pd-s3 .pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 22px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  background: var(--pd-white);\r\n  color: var(--pd-black);\r\n  border: 1px solid #d1d1d1;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n#pd-s3 .pill.active {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n\r\n#pd-s3 .pill:hover:not(.active) {\r\n  border-color: var(--pd-purple);\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 \u53f3\u4fa7\uff1a\u5185\u5bb9 (\u5bf9\u9f50\u5fae\u8c03) \u2500\u2500 *\/\r\n#pd-s3 .svc-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \/* \u8c03\u6574\u6b64\u503c\u4ee5\u5bf9\u9f50\u5de6\u4fa7\u7b2c\u4e00\u6392\u6807\u7b7e\uff1a72px \u5de6\u53f3\u901a\u5e38\u6548\u679c\u6700\u597d *\/\r\n  padding-top: 72px; \r\n}\r\n\r\n#pd-s3 .svc-intro {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--pd-grey-500);\r\n  margin: 0;\r\n}\r\n\r\n#pd-s3 .svc-divider {\r\n  height: 1px;\r\n  background-color: #e0e0e0;\r\n  margin: 35px 0;\r\n  width: 100%;\r\n}\r\n\r\n#pd-s3 .svc-explanation {\r\n  font-size: 17px;\r\n  line-height: 1.6;\r\n  color: var(--pd-black);\r\n  min-height: 3em;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n\/* \u52a8\u6548 *\/\r\n.fade-out { opacity: 0; }\r\n.fade-in { opacity: 1; }\r\n\r\n\/* \u2500\u2500 \u54cd\u5e94\u5f0f \u2500\u2500 *\/\r\n@media (max-width: 991px) {\r\n  #pd-s3 .svc-module { \r\n    grid-template-columns: 1fr; \r\n    gap: 30px;\r\n  }\r\n  #pd-s3 .svc-right-col {\r\n    padding-top: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-s3\">\r\n  <article class=\"svc-module\">\r\n    \r\n    <div class=\"svc-left-col\">\r\n      <div class=\"svc-header-row\">\r\n        <span class=\"svc-num\">03<\/span>\r\n        <h3 class=\"svc-title\">Social Media Growth<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"svc-tags\">\r\n        <span class=\"pill active\" data-desc=\"Content designed to break attention patterns instantly.\">Scroll-Stopping Creatives<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Reduce customer acquisition cost through optimized content systems.\">Lower Your CAC<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Turn engagement into measurable revenue.\">Views-to-Revenue<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Content guided by data, not assumptions.\">Performance Social<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Platform-specific strategies for scalable growth.\">TikTok & IG Strategy<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"svc-right-col\">\r\n      <div class=\"svc-intro\">\r\nA performance-driven content system that turns attention into revenue.Focused on driving actions \u2014 not just impressions.\r\n\r\n      <\/div>\r\n\r\n      <div class=\"svc-divider\"><\/div>\r\n\r\n      <div class=\"svc-explanation\" id=\"dynamic-explanation-s3\">\r\n        Content designed to break attention patterns instantly.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/article>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ \u786e\u4fdd\u9009\u62e9\u5f53\u524d\u6a21\u5757\u7684\u5bb9\u5668\r\n  const container = document.querySelector('#pd-s3');\r\n  const pills = container.querySelectorAll('.pill');\r\n  const explanationBox = document.getElementById('dynamic-explanation-s3');\r\n\r\n  pills.forEach(pill => {\r\n    pill.addEventListener('click', function() {\r\n      \/\/ \u5207\u6362\u9ad8\u4eae\u72b6\u6001\r\n      pills.forEach(p => p.classList.remove('active'));\r\n      this.classList.add('active');\r\n\r\n      \/\/ \u83b7\u53d6\u5e76\u5207\u6362\u6587\u6848\r\n      const newText = this.getAttribute('data-desc');\r\n      \r\n      explanationBox.classList.add('fade-out');\r\n      setTimeout(() => {\r\n        explanationBox.textContent = newText;\r\n        explanationBox.classList.remove('fade-out');\r\n        explanationBox.classList.add('fade-in');\r\n      }, 150);\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36c7fa8 e-con-full e-flex e-con e-parent\" data-id=\"36c7fa8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-643557b elementor-widget elementor-widget-html\" data-id=\"643557b\" 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<!-- =====================================================\r\n  BLOCK 07 \u2014 SERVICE 04: TikTok Shop & Live Commerce (Interactive)\r\n====================================================== -->\r\n\r\n<style>\r\n:root {\r\n  --pd-purple: #7B61FF;\r\n  --pd-black: #1a1a1a;\r\n  --pd-grey-500: #666666;\r\n  --pd-white: #ffffff;\r\n  --pd-max-w: 1200px;\r\n  --pd-radius-pill: 50px;\r\n}\r\n\r\n#pd-s4 {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 40px);\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n#pd-s4 .svc-module {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr; \r\n  gap: 60px;\r\n  padding: 100px 0;\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n  align-items: start; \r\n}\r\n\r\n\/* \u2500\u2500 \u5de6\u4fa7\uff1a\u6807\u9898 + \u6807\u7b7e \u2500\u2500 *\/\r\n#pd-s4 .svc-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#pd-s4 .svc-header-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n#pd-s4 .svc-num {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: var(--pd-black);\r\n}\r\n\r\n#pd-s4 .svc-title {\r\n  font-size: clamp(26px, 3vw, 36px);\r\n  font-weight: 700;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n#pd-s4 .svc-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n#pd-s4 .pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 22px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  background: var(--pd-white);\r\n  color: var(--pd-black);\r\n  border: 1px solid #d1d1d1;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n#pd-s4 .pill.active {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n\r\n#pd-s4 .pill:hover:not(.active) {\r\n  border-color: var(--pd-purple);\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 \u53f3\u4fa7\uff1a\u5185\u5bb9 (\u5bf9\u9f50\u5fae\u8c03) \u2500\u2500 *\/\r\n#pd-s4 .svc-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \/* \u504f\u79fb\u91cf\uff1a\u786e\u4fdd\u53f3\u4fa7\u9996\u884c\u6587\u5b57\u5bf9\u9f50\u5de6\u4fa7\u9996\u884c\u6807\u7b7e *\/\r\n  padding-top: 72px; \r\n}\r\n\r\n#pd-s4 .svc-intro {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--pd-grey-500);\r\n  margin: 0;\r\n}\r\n\r\n#pd-s4 .svc-divider {\r\n  height: 1px;\r\n  background-color: #e0e0e0;\r\n  margin: 35px 0;\r\n  width: 100%;\r\n}\r\n\r\n#pd-s4 .svc-explanation {\r\n  font-size: 17px;\r\n  line-height: 1.6;\r\n  color: var(--pd-black);\r\n  min-height: 3em;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n\/* \u52a8\u6548 *\/\r\n.fade-out { opacity: 0; }\r\n.fade-in { opacity: 1; }\r\n\r\n\/* \u2500\u2500 \u54cd\u5e94\u5f0f\u9002\u914d \u2500\u2500 *\/\r\n@media (max-width: 991px) {\r\n  #pd-s4 .svc-module { \r\n    grid-template-columns: 1fr; \r\n    gap: 30px;\r\n  }\r\n  #pd-s4 .svc-right-col {\r\n    padding-top: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-s4\">\r\n  <article class=\"svc-module\">\r\n    \r\n    <div class=\"svc-left-col\">\r\n      <div class=\"svc-header-row\">\r\n        <span class=\"svc-num\">04<\/span>\r\n        <h3 class=\"svc-title\">TikTok Shop & Live Commerce<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"svc-tags\">\r\n        <span class=\"pill active\" data-desc=\"High-conversion live sessions designed for immediate sales.\">Live Commerce Sprints<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Leverage influencer credibility to accelerate purchase decisions.\">Creator-Led Trust<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Integrated commerce capabilities within TikTok ecosystem.\">TikTok Shop Partner<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Structured creator collaborations that drive results.\">Influencer Marketing<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Revenue generated instantly during live sessions.\">Real-Time Conversion<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"svc-right-col\">\r\n      <div class=\"svc-intro\">\r\n        As an official TikTok Shop Partner, we bridge the gap between entertainment and commerce. We help brands leverage real-time creator trust and platform-native tools to transform scroll-time into shopping-time, driving scalable GMV growth.\r\n      <\/div>\r\n\r\n      <div class=\"svc-divider\"><\/div>\r\n\r\n      <div class=\"svc-explanation\" id=\"dynamic-explanation-s4\">\r\n        High-conversion live sessions designed for immediate sales.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/article>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const container = document.querySelector('#pd-s4');\r\n  const pills = container.querySelectorAll('.pill');\r\n  const explanationBox = document.getElementById('dynamic-explanation-s4');\r\n\r\n  pills.forEach(pill => {\r\n    pill.addEventListener('click', function() {\r\n      \/\/ \u5207\u6362\u9ad8\u4eae\r\n      pills.forEach(p => p.classList.remove('active'));\r\n      this.classList.add('active');\r\n\r\n      \/\/ \u83b7\u53d6\u5e76\u5207\u6362\u6587\u6848\r\n      const newText = this.getAttribute('data-desc');\r\n      \r\n      explanationBox.classList.add('fade-out');\r\n      setTimeout(() => {\r\n        explanationBox.textContent = newText;\r\n        explanationBox.classList.remove('fade-out');\r\n        explanationBox.classList.add('fade-in');\r\n      }, 150);\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d2a716 e-con-full e-flex e-con e-parent\" data-id=\"4d2a716\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a20d97 elementor-widget elementor-widget-html\" data-id=\"9a20d97\" 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<!-- =====================================================\r\n  BLOCK 08 \u2014 SERVICE 05: Sell-First Websites (Interactive & Final)\r\n====================================================== -->\r\n\r\n<style>\r\n:root {\r\n  --pd-purple: #7B61FF;\r\n  --pd-black: #1a1a1a;\r\n  --pd-grey-500: #666666;\r\n  --pd-white: #ffffff;\r\n  --pd-max-w: 1200px;\r\n  --pd-radius-pill: 50px;\r\n}\r\n\r\n#pd-s5 {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 40px);\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n#pd-s5 .svc-module {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr; \r\n  gap: 60px;\r\n  padding: 100px 0;\r\n  \/* \u6700\u540e\u4e00\u4e2a\u6a21\u5757\uff0c\u53bb\u6389\u5e95\u90e8\u5206\u5272\u7ebf *\/\r\n  border-bottom: none;\r\n  align-items: start; \r\n}\r\n\r\n\/* \u2500\u2500 \u5de6\u4fa7\uff1a\u6807\u9898 + \u6807\u7b7e \u2500\u2500 *\/\r\n#pd-s5 .svc-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#pd-s5 .svc-header-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n#pd-s5 .svc-num {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: var(--pd-black);\r\n}\r\n\r\n#pd-s5 .svc-title {\r\n  font-size: clamp(26px, 3vw, 36px);\r\n  font-weight: 700;\r\n  color: var(--pd-black);\r\n  margin: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n#pd-s5 .svc-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n#pd-s5 .pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 22px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  background: var(--pd-white);\r\n  color: var(--pd-black);\r\n  border: 1px solid #d1d1d1;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n#pd-s5 .pill.active {\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  border-color: var(--pd-purple);\r\n}\r\n\r\n#pd-s5 .pill:hover:not(.active) {\r\n  border-color: var(--pd-purple);\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 \u53f3\u4fa7\uff1a\u5185\u5bb9 (\u5bf9\u9f50\u5fae\u8c03) \u2500\u2500 *\/\r\n#pd-s5 .svc-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \/* \u504f\u79fb\u91cf\uff1a\u786e\u4fdd\u53f3\u4fa7\u9996\u884c\u6587\u5b57\u5bf9\u9f50\u5de6\u4fa7\u9996\u884c\u6807\u7b7e *\/\r\n  padding-top: 72px; \r\n}\r\n\r\n#pd-s5 .svc-intro {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--pd-grey-500);\r\n  margin: 0;\r\n}\r\n\r\n#pd-s5 .svc-divider {\r\n  height: 1px;\r\n  background-color: #e0e0e0;\r\n  margin: 35px 0;\r\n  width: 100%;\r\n}\r\n\r\n#pd-s5 .svc-explanation {\r\n  font-size: 17px;\r\n  line-height: 1.6;\r\n  color: var(--pd-black);\r\n  min-height: 3em;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n\/* \u52a8\u6548 *\/\r\n.fade-out { opacity: 0; }\r\n.fade-in { opacity: 1; }\r\n\r\n\/* \u2500\u2500 \u54cd\u5e94\u5f0f\u9002\u914d \u2500\u2500 *\/\r\n@media (max-width: 991px) {\r\n  #pd-s5 .svc-module { \r\n    grid-template-columns: 1fr; \r\n    gap: 30px;\r\n    padding: 60px 0;\r\n  }\r\n  #pd-s5 .svc-right-col {\r\n    padding-top: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pd-s5\">\r\n  <article class=\"svc-module\">\r\n    \r\n    <div class=\"svc-left-col\">\r\n      <div class=\"svc-header-row\">\r\n        <span class=\"svc-num\">05<\/span>\r\n        <h3 class=\"svc-title\">Sell-First Websites<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"svc-tags\">\r\n        <span class=\"pill active\" data-desc=\"Pages built to guide users toward conversion.\">Landing Page Design<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Conversion rate optimization focused on revenue growth.\">CRO Agency<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"E-commerce systems optimized for performance.\">Shopify Solutions<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Built-in SEO foundation for sustainable growth.\">Technical SEO<\/span>\r\n        \r\n        <span class=\"pill\" data-desc=\"Full visibility into performance and user behavior.\">Conversion Tracking<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"svc-right-col\">\r\n      <div class=\"svc-intro\">\r\n        We create high-performance digital storefronts engineered around conversion, not just aesthetics. We specialize in Shopify ecosystems, ensuring your site is optimized for technical SEO and wired with full analytics coverage to drive growth.\r\n      <\/div>\r\n\r\n      <div class=\"svc-divider\"><\/div>\r\n\r\n      <div class=\"svc-explanation\" id=\"dynamic-explanation-s5\">\r\n        Pages built to guide users toward conversion.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/article>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const container = document.querySelector('#pd-s5');\r\n  const pills = container.querySelectorAll('.pill');\r\n  const explanationBox = document.getElementById('dynamic-explanation-s5');\r\n\r\n  pills.forEach(pill => {\r\n    pill.addEventListener('click', function() {\r\n      \/\/ \u5207\u6362\u9ad8\u4eae\u72b6\u6001\r\n      pills.forEach(p => p.classList.remove('active'));\r\n      this.classList.add('active');\r\n\r\n      \/\/ \u5207\u6362\u6587\u6848\r\n      const newText = this.getAttribute('data-desc');\r\n      \r\n      explanationBox.classList.add('fade-out');\r\n      setTimeout(() => {\r\n        explanationBox.textContent = newText;\r\n        explanationBox.classList.remove('fade-out');\r\n        explanationBox.classList.add('fade-in');\r\n      }, 150);\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7df2b7f e-con-full e-flex e-con e-parent\" data-id=\"7df2b7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ebe2ec elementor-widget elementor-widget-html\" data-id=\"7ebe2ec\" 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    \/* \u6838\u5fc3\u6837\u5f0f\u7edf\u4e00 *\/\r\n    .premium-gs-wrapper {\r\n        font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 100px auto;\r\n        padding: 0 20px;\r\n        color: #000;\r\n    }\r\n\r\n    \/* 2\u680f\u5e03\u5c40\u4f18\u5316 *\/\r\n    .premium-grid-2 {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 80px;\r\n        margin-bottom: 120px;\r\n    }\r\n\r\n    .premium-h3 {\r\n        font-size: 56px; \/* \u589e\u5927\u5b57\u53f7\uff0c\u5339\u914d\u4e0a\u65b9\u98ce\u683c *\/\r\n        font-weight: 800;\r\n        letter-spacing: -0.04em;\r\n        margin-bottom: 25px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .premium-lead {\r\n        font-size: 19px;\r\n        line-height: 1.5;\r\n        color: #333;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    \/* Trust \u6807\u7b7e\u7ec4\u4f18\u5316 *\/\r\n    .trust-tag-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .trust-pill {\r\n        background: #F8F7FF;\r\n        color: #7C5CFF;\r\n        padding: 12px 22px;\r\n        border-radius: 100px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        border: 1px solid rgba(124, 92, 255, 0.15);\r\n        transition: all 0.3s ease;\r\n    }\r\n    .trust-pill:hover {\r\n        background: #7C5CFF;\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Conversion \u5361\u7247\u4f18\u5316 *\/\r\n    .conv-card {\r\n        border-left: 5px solid #000;\r\n        background: #fff;\r\n        padding: 40px;\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.04);\r\n        border-radius: 0 16px 16px 0;\r\n    }\r\n\r\n    \/* Value Proposition \u90e8\u5206\u91cd\u5851 *\/\r\n    .vp-section {\r\n        background: #fff;\r\n        padding: 100px 0;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .vp-title-area {\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .vp-tag {\r\n        color: #7C5CFF;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .vp-main-title {\r\n        font-size: 52px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.03em;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .vp-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    .vp-card {\r\n        background: #fff;\r\n        border: 1px solid #f0f0f0;\r\n        padding: 30px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .vp-card:hover {\r\n        border-color: #7C5CFF;\r\n        box-shadow: 0 10px 30px rgba(124, 92, 255, 0.08);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .vp-check {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: #7C5CFF;\r\n        color: white;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-right: 20px;\r\n        flex-shrink: 0;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .vp-card-text {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #111;\r\n    }\r\n\r\n    \/* Closing Accent *\/\r\n    .final-closing {\r\n        text-align: center;\r\n        padding: 120px 20px;\r\n    }\r\n    .final-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #000;\r\n        margin-bottom: 15px;\r\n    }\r\n    .final-purple { color: #7C5CFF; }\r\n\r\n    @media (max-width: 992px) {\r\n        .premium-grid-2, .vp-grid { grid-template-columns: 1fr; gap: 40px; }\r\n        .premium-h3, .vp-main-title { font-size: 40px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"premium-gs-wrapper\">\r\n    <!-- Trust & Conversion Column Section -->\r\n    <div class=\"premium-grid-2\">\r\n        <!-- Trust Side -->\r\n        <div class=\"gs-col\">\r\n            <h3 class=\"premium-h3\">Trust<\/h3>\r\n            <p class=\"premium-lead\">\r\n                Trust forms before any transaction occurs. <br>\r\n                <strong>We build structured trust layers through:<\/strong>\r\n            <\/p>\r\n            <div class=\"trust-tag-container\">\r\n                <div class=\"trust-pill\">Social Validation<\/div>\r\n                <div class=\"trust-pill\">Creator Influence<\/div>\r\n                <div class=\"trust-pill\">Brand Positioning<\/div>\r\n                <div class=\"trust-pill\">User Experience<\/div>\r\n            <\/div>\r\n            <p style=\"font-size: 14px; color: #888; font-style: italic;\">Trust becomes a predictable component within the system.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Conversion Side -->\r\n        <div class=\"gs-col\">\r\n            <h3 class=\"premium-h3\">Conversion<\/h3>\r\n            <p class=\"premium-lead\">\r\n                Conversion is the outcome of a well-designed journey. <br>\r\n                <strong>Optimized to reduce friction and increase intent.<\/strong>\r\n            <\/p>\r\n            <div class=\"conv-card\">\r\n                <p style=\"font-size: 18px; line-height: 1.6; margin: 0; font-weight: 500;\">\r\n                    From first click to final checkout, each step contributes to measurable performance.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Value Proposition Grid Section -->\r\n    <div class=\"vp-section\">\r\n        <div class=\"vp-title-area\">\r\n            <span class=\"vp-tag\">Value Proposition<\/span>\r\n            <h2 class=\"vp-main-title\">You gain more than execution.<br>You gain a system that produces results.<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"vp-grid\">\r\n            <div class=\"vp-card\">\r\n                <div class=\"vp-check\">\u2713<\/div>\r\n                <div class=\"vp-card-text\">Structured funnels that capture and convert demand<\/div>\r\n            <\/div>\r\n            <div class=\"vp-card\">\r\n                <div class=\"vp-check\">\u2713<\/div>\r\n                <div class=\"vp-card-text\">Content designed to generate measurable actions<\/div>\r\n            <\/div>\r\n            <div class=\"vp-card\">\r\n                <div class=\"vp-check\">\u2713<\/div>\r\n                <div class=\"vp-card-text\">Creative assets that scale across multiple channels<\/div>\r\n            <\/div>\r\n            <div class=\"vp-card\">\r\n                <div class=\"vp-check\">\u2713<\/div>\r\n                <div class=\"vp-card-text\">Integrated execution across online and offline environments<\/div>\r\n            <\/div>\r\n            <div class=\"vp-card\" style=\"grid-column: span 1;\">\r\n                <div class=\"vp-check\">\u2713<\/div>\r\n                <div class=\"vp-card-text\">Full visibility into performance and revenue drivers<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p style=\"text-align: center; margin-top: 50px; color: #7C5CFF; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;\">\r\n            Cumulative Impact Through Integrated Systems\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Final Closing Statement -->\r\n    <div class=\"final-closing\">\r\n        <h2 class=\"final-title\">\r\n            <span class=\"final-purple\">Structure Over Fragmentation.<\/span><br>\r\n            Growth accelerates when structure replaces fragmentation.\r\n        <\/h2>\r\n        <p style=\"font-size: 20px; color: #666;\">A connected system produces clarity, efficiency, and results.<\/p>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f6f6d5 e-con-full e-flex e-con e-parent\" data-id=\"0f6f6d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb7992 elementor-widget elementor-widget-html\" data-id=\"5bb7992\" 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<!-- =====================================================\r\n  BLOCK 09 \u2014 SOCIAL PROOF \/ CLIENT RESULTS  (#pd-proof)\r\n  \u6df1\u8272\u80cc\u666f\u6570\u636e\u5361\u533a\u3002\u4f9d\u8d56\uff1ablock-00-global.html\u3002\r\n====================================================== -->\r\n\r\n<style>\r\n#pd-proof {\r\n  background: var(--pd-black);\r\n  padding: 140px clamp(40px, 8vw, 120px);\r\n}\r\n#pd-proof .proof-inner {\r\n  max-width: var(--pd-max-w);\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 Label \u2500\u2500 *\/\r\n#pd-proof .proof-label {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: #555555;\r\n  margin: 0 0 32px;\r\n}\r\n\r\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\r\n#pd-proof .proof-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 2px;\r\n  background: #1a1a1a;\r\n  border: 1px solid #1a1a1a;\r\n  border-radius: var(--pd-radius-card);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500 *\/\r\n#pd-proof .proof-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 64px 24px;\r\n  background: var(--pd-dark-card);\r\n  text-align: center;\r\n  transition: background 0.2s ease;\r\n}\r\n#pd-proof .proof-item:hover { background: #1e1a30; }\r\n\r\n#pd-proof .proof-number {\r\n  font-size: clamp(48px, 5.5vw, 76px);\r\n  font-weight: 900;\r\n  letter-spacing: -0.05em;\r\n  color: var(--pd-purple);\r\n  line-height: 1;\r\n}\r\n#pd-proof .proof-metric {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #666666;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  #pd-proof { padding: 80px 24px; }\r\n  #pd-proof .proof-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n  #pd-proof { padding: 60px 20px; }\r\n  #pd-proof .proof-item { padding: 44px 16px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"pd-proof\">\r\n  <div class=\"proof-inner\">\r\n    <span class=\"proof-label\">Client Results<\/span>\r\n    <div class=\"proof-grid\">\r\n\r\n      <div class=\"proof-item pd-reveal\">\r\n        <span class=\"proof-number\">+312%<\/span>\r\n        <span class=\"proof-metric\">Revenue in 90 Days<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"proof-item pd-reveal\">\r\n        <span class=\"proof-number\">\u221248%<\/span>\r\n        <span class=\"proof-metric\">Customer Acquisition Cost<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"proof-item pd-reveal\">\r\n        <span class=\"proof-number\">4.8\u00d7<\/span>\r\n        <span class=\"proof-metric\">Return on Ad Spend<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"proof-item pd-reveal\">\r\n        <span class=\"proof-number\">$0<\/span>\r\n        <span class=\"proof-metric\">Upfront Risk<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f83db66 e-con-full e-flex e-con e-parent\" data-id=\"f83db66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edd3bc0 elementor-widget elementor-widget-html\" data-id=\"edd3bc0\" 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<!-- =====================================================\r\n  BLOCK 10 \u2014 CLOSING CTA  (#pd-closing)\r\n  \u9875\u9762\u6700\u7ec8\u53ec\u5524\u884c\u52a8\u533a\u3002\u4f9d\u8d56\uff1ablock-00-global.html\u3002\r\n====================================================== -->\r\n\r\n<style>\r\n#pd-closing {\r\n  padding: 160px clamp(24px, 5vw, 80px);\r\n  background: var(--pd-white);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u7d2b\u8272\u5149\u6655\u80cc\u666f\u88c5\u9970 *\/\r\n#pd-closing::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 700px; height: 700px;\r\n  background: radial-gradient(circle, rgba(123,97,255,0.07) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n#pd-closing .closing-inner {\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Label \u2500\u2500 *\/\r\n#pd-closing .closing-label {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--pd-purple);\r\n  margin: 0 0 24px;\r\n}\r\n\r\n\/* \u2500\u2500 Title \u2500\u2500 *\/\r\n#pd-closing .closing-title {\r\n  font-size: clamp(52px, 8vw, 96px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.04em;\r\n  line-height: 1.05;\r\n  color: var(--pd-black);\r\n  margin: 0 0 20px;\r\n}\r\n#pd-closing .closing-title em {\r\n  font-style: normal;\r\n  color: var(--pd-purple);\r\n}\r\n\r\n\/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n#pd-closing .closing-sub {\r\n  font-size: 18px;\r\n  color: var(--pd-grey-500);\r\n  line-height: 1.6;\r\n  margin: 0 0 44px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA Button \u2500\u2500 *\/\r\n#pd-closing .btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 18px 44px;\r\n  border-radius: var(--pd-radius-pill);\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  border: 2px solid var(--pd-purple);\r\n  background: var(--pd-purple);\r\n  color: var(--pd-white);\r\n  transition: all 0.2s ease;\r\n  text-decoration: none;\r\n}\r\n#pd-closing .btn-primary:hover {\r\n  background: #6650e0;\r\n  border-color: #6650e0;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(123,97,255,0.35);\r\n}\r\n\r\n\/* \u2500\u2500 Fine print \u2500\u2500 *\/\r\n#pd-closing .closing-note {\r\n  margin-top: 20px;\r\n  font-size: 13px;\r\n  color: var(--pd-grey-500);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 600px) {\r\n  #pd-closing { padding: 100px 20px; }\r\n  #pd-closing .btn-primary { width: 100%; justify-content: center; padding: 16px 28px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"pd-closing\">\r\n  <div class=\"closing-inner\">\r\n    <span class=\"closing-label\">Next Step<\/span>\r\n    <h2 class=\"closing-title\">\r\n      Ready to be<br \/><em>undeniable?<\/em>\r\n    <\/h2>\r\n    <p class=\"closing-sub\">\r\n      Growth accelerates when structure replaces fragmentation.\r\n    <\/p>\r\n    <a href=\"mailto:hello@apexgrowth.io\" class=\"btn-primary\">\r\n      Book a Free Strategy Call\r\n    <\/a>\r\n    <p class=\"closing-note\">No commitments. No pitch decks. Just a real conversation.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>service hub<\/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-785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/785","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=785"}],"version-history":[{"count":88,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/785\/revisions"}],"predecessor-version":[{"id":1021,"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/pages\/785\/revisions\/1021"}],"wp:attachment":[{"href":"https:\/\/www.lucas-admedia.com\/index.php\/wp-json\/wp\/v2\/media?parent=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}