{"id":31593,"date":"2026-02-18T11:56:38","date_gmt":"2026-02-18T16:56:38","guid":{"rendered":"https:\/\/www.digitalbyteteck.com\/ca\/?page_id=31593"},"modified":"2026-02-19T10:58:00","modified_gmt":"2026-02-19T15:58:00","slug":"fix-marketing-funnel","status":"publish","type":"page","link":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/","title":{"rendered":"Fix Marketing Funnel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31593\" class=\"elementor elementor-31593\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d091bc e-con-full e-flex e-con e-parent\" data-id=\"8d091bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7fbe8d0 e-con-full e-flex e-con e-child\" data-id=\"7fbe8d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2ba5afb e-con-full e-flex e-con e-child\" data-id=\"2ba5afb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9ef7a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5b9ef7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" 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\">Fix Your <span style=\"color:#0c183C\">Marketing Funnel<\/span> <br>And Discover How To <br><span style=\"color:#0c183C\">Increase Online Revenue<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bf24b8 e-flex e-con-boxed e-con e-child\" data-id=\"8bf24b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-28b5234 e-con-full e-flex e-con e-child\" data-id=\"28b5234\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44e729b elementor-widget elementor-widget-image\" data-id=\"44e729b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"232\" src=\"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg\" class=\"attachment-large size-large wp-image-31596\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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 class=\"elementor-element elementor-element-6325518 elementor-button-align-start elementor-tablet-button-align-center elementor-mobile-button-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-form\" data-id=\"6325518\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;40&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width_tablet&quot;:&quot;100&quot;,&quot;button_width_mobile&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Free Quote Form\" aria-label=\"Free Quote Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"31593\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"6325518\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Fix Marketing Funnel - Digital ByteTeck\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"31593\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-url elementor-field-group elementor-column elementor-field-group-field_a77b9ab elementor-col-50 elementor-md-100 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"url\" name=\"form_fields[field_a77b9ab]\" id=\"form-field-field_a77b9ab\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"   Enter your website\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons elementor-md-100 elementor-sm-100\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send me a Proposal<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f786e8 elementor-widget__width-initial elementor-hidden-mobile elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"1f786e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;50&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"31593\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1f786e8\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Fix Marketing Funnel - Digital ByteTeck\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"31593\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Enter your website\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-50 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send me a Proposal<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9fb708 e-con-full e-flex e-con e-parent\" data-id=\"a9fb708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b52a83 elementor-widget elementor-widget-html\" data-id=\"6b52a83\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Growth Funnel Section<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* ====================================================\r\n   CSS VARIABLES \u2014 THEME\r\n==================================================== *\/\r\n:root {\r\n  --red:      #FF3D34;\r\n  --red-dark: #cc2920;\r\n  --red-glow: rgba(255,61,52,.18);\r\n  --navy:     #0c183c;\r\n  --navy-mid: #1a2a5c;\r\n  --navy-lt:  #2a3f7a;\r\n  --white:    #ffffff;\r\n  --off-white:#f5f6fc;\r\n  --muted:    #8A90AE;\r\n  --border:   #E6E7F0;\r\n  --text:     #0c183c;\r\n  --text-sub: #3E4260;\r\n}\r\n\r\n\/* ====================================================\r\n   RESET\r\n==================================================== *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  font-family: 'Poppins', sans-serif;\r\n  background: #ffffff;\r\n  color: var(--text);\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* ====================================================\r\n   SECTION\r\n==================================================== *\/\r\n.sec {\r\n  background: var(--white);\r\n  padding: 100px 48px 110px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ambient background blobs using theme colours *\/\r\n.sec::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 50% 50% at 90% 10%, rgba(255,61,52,.06) 0%, transparent 65%),\r\n    radial-gradient(ellipse 40% 40% at 10% 90%, rgba(12,24,60,.05) 0%, transparent 65%);\r\n  pointer-events: none;\r\n}\r\n\r\n.sec__wrap {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 0 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ====================================================\r\n   LEFT \u2014 COPY  (theme: #FF3D34 \/ #0c183c)\r\n==================================================== *\/\r\n.copy__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--red);\r\n  margin-bottom: 22px;\r\n}\r\n.copy__eyebrow::before {\r\n  content: '';\r\n  width: 26px;\r\n  height: 2px;\r\n  background: var(--red);\r\n  flex-shrink: 0;\r\n  border-radius: 2px;\r\n}\r\n\r\n.copy__h {\r\n  font-size: clamp(2rem, 3vw, 3rem);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  letter-spacing: -0.03em;\r\n  color: var(--navy);\r\n  margin-bottom: 26px;\r\n}\r\n.copy__h em {\r\n  font-style: italic;\r\n  font-weight: 700;\r\n  color: var(--red);\r\n  position: relative;\r\n}\r\n\r\n.copy__p {\r\n  font-size: clamp(0.95rem, 1.1vw, 1.05rem);\r\n  font-weight: 400;\r\n  color: var(--text-sub);\r\n  line-height: 1.85;\r\n  margin-bottom: 16px;\r\n}\r\n.copy__p:last-of-type { margin-bottom: 0; }\r\n.copy__p strong {\r\n  font-weight: 600;\r\n  color: var(--navy);\r\n}\r\n\r\n\/* \u2500\u2500 STAT BOXES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.stat {\r\n  background: var(--white);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 18px;\r\n  padding: 26px 18px 22px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.28s, transform 0.28s, border-color 0.28s;\r\n}\r\n\r\n\/* coloured top bar \u2014 first two use theme colours, third stays red *\/\r\n.stat::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  border-radius: 18px 18px 0 0;\r\n}\r\n.stat:nth-child(1)::before { background: linear-gradient(90deg, var(--navy), var(--navy-lt)); }\r\n.stat:nth-child(2)::before { background: linear-gradient(90deg, var(--navy-mid), var(--navy-lt)); }\r\n.stat:nth-child(3)::before { background: linear-gradient(90deg, var(--red), var(--red-dark)); }\r\n\r\n.stat:hover {\r\n  border-color: transparent;\r\n  box-shadow: 0 8px 32px rgba(12,24,60,.13);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.stat__icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 14px;\r\n}\r\n.stat:nth-child(1) .stat__icon { background: rgba(12,24,60,.08);  color: var(--navy); }\r\n.stat:nth-child(2) .stat__icon { background: rgba(12,24,60,.08);  color: var(--navy-mid); }\r\n.stat:nth-child(3) .stat__icon { background: var(--red-glow);     color: var(--red); }\r\n\r\n.stat__value {\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  letter-spacing: -0.04em;\r\n  line-height: 1;\r\n  color: var(--navy);\r\n  margin-bottom: 7px;\r\n}\r\n.stat__value sub {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  vertical-align: baseline;\r\n  letter-spacing: 0;\r\n  color: var(--red);\r\n}\r\n\r\n.stat__label {\r\n  font-size: 0.78rem;\r\n  font-weight: 500;\r\n  color: var(--muted);\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* ====================================================\r\n   RIGHT \u2014 FUNNEL CARD\r\n==================================================== *\/\r\n.visual {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.funnel-card {\r\n  background: var(--off-white);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 28px;\r\n  padding: 44px 36px 36px;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  box-shadow:\r\n    0 2px 8px rgba(12,24,60,.06),\r\n    0 16px 56px rgba(12,24,60,.11);\r\n}\r\n\r\n.funnel-card__head {\r\n  text-align: center;\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* SVG fills its container *\/\r\n.funnel-svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\/* Bottom output pulse *\/\r\n.funnel-out {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 5px;\r\n  margin-top: 2px;\r\n}\r\n.funnel-out__stem {\r\n  width: 16px;\r\n  height: 18px;\r\n  background: linear-gradient(180deg, rgba(12,24,60,.18), rgba(12,24,60,.04));\r\n  border-radius: 0 0 6px 6px;\r\n}\r\n.funnel-out__dot {\r\n  width: 11px;\r\n  height: 11px;\r\n  border-radius: 50%;\r\n  background: var(--red);\r\n  box-shadow: 0 0 0 5px var(--red-glow);\r\n  animation: dotpulse 2.4s ease-in-out infinite;\r\n}\r\n@keyframes dotpulse {\r\n  0%,100% { box-shadow: 0 0 0 5px rgba(255,61,52,.18); }\r\n  50%      { box-shadow: 0 0 0 12px rgba(255,61,52,.05); }\r\n}\r\n\r\n\/* ====================================================\r\n   REVEAL ANIMATIONS\r\n==================================================== *\/\r\n.rev {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity .65s ease, transform .65s ease;\r\n}\r\n.rev.in { opacity: 1; transform: translateY(0); }\r\n.d1 { transition-delay: .06s; }\r\n.d2 { transition-delay: .13s; }\r\n.d3 { transition-delay: .20s; }\r\n.d4 { transition-delay: .27s; }\r\n.d5 { transition-delay: .34s; }\r\n.d6 { transition-delay: .41s; }\r\n\r\n\/* ====================================================\r\n   RESPONSIVE \u2014 TABLET \u2264 960px\r\n==================================================== *\/\r\n@media (max-width: 960px) {\r\n  .sec { padding: 72px 32px 84px; }\r\n  .sec__wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n  .visual { order: -1; }\r\n  .funnel-card { max-width: 500px; margin: 0 auto; }\r\n}\r\n\r\n\/* ====================================================\r\n   RESPONSIVE \u2014 MOBILE \u2264 600px\r\n==================================================== *\/\r\n@media (max-width: 600px) {\r\n  .sec { padding: 56px 20px 68px; }\r\n  .funnel-card { padding: 28px 16px 24px; border-radius: 20px; }\r\n  .stats { grid-template-columns: 1fr; gap: 12px; }\r\n\r\n  .stat {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    text-align: left;\r\n    padding: 18px 20px;\r\n  }\r\n  .stat__icon { margin: 0; flex-shrink: 0; }\r\n  .stat__value { font-size: 1.8rem; margin-bottom: 3px; }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .sec { padding: 48px 16px 60px; }\r\n  .funnel-card { padding: 22px 10px 20px; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sec\">\r\n  <div class=\"sec__wrap\">\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEFT: COPY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"copy\">\r\n\r\n      <p class=\"copy__eyebrow rev d1\">Funnel Diagnostic<\/p>\r\n\r\n      <h2 class=\"copy__h rev d2\">\r\n        Your funnel isn't<br>\r\n        broken \u2014 it's<br>\r\n        <em>leaking revenue.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"copy__p rev d3\">\r\n        At every stage of your inbound journey, potential customers quietly disengage. Traffic that never converts, leads that stall, opportunities that simply fade.\r\n        <strong>While some drop-off is natural, most revenue loss is entirely preventable.<\/strong>\r\n      <\/p>\r\n\r\n      <p class=\"copy__p rev d3\">\r\n        Our funnel diagnostic pinpoints exactly where your momentum slows \u2014 with just <strong>7 short questions<\/strong> about your marketing and sales flow. Uncover hidden opportunities to increase conversions, strengthen engagement, and grow revenue faster.\r\n      <\/p>\r\n\r\n      <!-- STAT BOXES -->\r\n      <div class=\"stats\">\r\n\r\n        <div class=\"stat rev d4\">\r\n          <div class=\"stat__icon\">\r\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n              <circle cx=\"12\" cy=\"16\" r=\".6\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"stat__info\">\r\n            <div class=\"stat__value\">7<sub>Q<\/sub><\/div>\r\n            <div class=\"stat__label\">Short diagnostic questions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat rev d5\">\r\n          <div class=\"stat__icon\">\r\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <polyline points=\"12 6 12 12 16 14\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"stat__info\">\r\n            <div class=\"stat__value\">3<sub>m<\/sub><\/div>\r\n            <div class=\"stat__label\">Minutes to complete<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat rev d6\">\r\n          <div class=\"stat__icon\">\r\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\r\n              <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"stat__info\">\r\n            <div class=\"stat__value\">\u221e<\/div>\r\n            <div class=\"stat__label\">Revenue opportunities revealed<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div><!-- \/copy -->\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RIGHT: FUNNEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"visual rev d3\">\r\n      <div class=\"funnel-card\">\r\n        <p class=\"funnel-card__head\">Your Growth Funnel<\/p>\r\n        <svg\r\n          class=\"funnel-svg\"\r\n          id=\"funnelSvg\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          role=\"img\"\r\n          aria-label=\"Growth funnel showing seven stages\"\r\n        ><\/svg>\r\n        <div class=\"funnel-out\" aria-hidden=\"true\">\r\n          <div class=\"funnel-out__stem\"><\/div>\r\n          <div class=\"funnel-out__dot\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* ================================================================\r\n     LAYER DATA\r\n  ================================================================ *\/\r\n  var LAYERS = [\r\n    { num:'01', label:'Visibility \u2014 Search',            fill:'#C8901A', hi:'#F0C040', dk:'#7A5208' },\r\n    { num:'02', label:'Conversion \u2014 Remove Friction',   fill:'#B07030', hi:'#D89848', dk:'#7A4A10' },\r\n    { num:'03', label:'Demand \u2014 Paid Media',            fill:'#1A9870', hi:'#26C888', dk:'#0C6448' },\r\n    { num:'04', label:'Experience \u2014 Design & Ease',     fill:'#1672AA', hi:'#2298D8', dk:'#0A4878' },\r\n    { num:'05', label:'Trust \u2014 Content & Education',    fill:'#2E3EC0', hi:'#4A62E8', dk:'#181E88' },\r\n    { num:'06', label:'Loyalty \u2014 Social Engagement',    fill:'#6030AA', hi:'#8850D4', dk:'#3A1878' },\r\n    { num:'07', label:'Revenue \u2014 Email Nurturing',      fill:'#C02848', hi:'#E04868', dk:'#800E28' }\r\n  ];\r\n\r\n  \/* ================================================================\r\n     SVG GEOMETRY\r\n     ViewBox width = 600.\r\n     Each layer:\r\n       - Top edge spans from tL \u2192 tR\r\n       - Bottom edge spans from bL \u2192 bR  (narrower)\r\n       - A 3D rim ellipse sits on the top edge\r\n       - A shadow hole ellipse sits on the bottom edge\r\n\r\n     Increased LH (layer height) to 70 so there is more room for text.\r\n     Font sizes bumped to 13px (badge num) and 13.5px (label).\r\n     Text rendered OUTSIDE the SVG clip (overlaid) so it always pops.\r\n  ================================================================ *\/\r\n  var NS    = 'http:\/\/www.w3.org\/2000\/svg';\r\n  var VW    = 600;\r\n  var STEP  = 28;      \/* px narrowing per side per boundary *\/\r\n  var LH    = 70;      \/* layer body height \u2014 increased for text room *\/\r\n  var GAP   = 5;       \/* gap between layers *\/\r\n  var RRY   = 18;      \/* rim ellipse y-radius *\/\r\n  var HRY   = 10;      \/* hole ellipse y-radius *\/\r\n  var CX    = VW \/ 2;\r\n  var N     = LAYERS.length;\r\n\r\n  \/* Total SVG height *\/\r\n  var totalH = RRY + N * LH + (N - 1) * GAP + HRY + 8;\r\n  var svg = document.getElementById('funnelSvg');\r\n  svg.setAttribute('viewBox', '0 0 ' + VW + ' ' + totalH);\r\n\r\n  \/* ---- DEFS --------------------------------------------------- *\/\r\n  var defs = mkEl('defs');\r\n\r\n  \/* Drop shadow *\/\r\n  var f = mkEl('filter');\r\n  setAttrs(f, { id:'drop', x:'-6%', y:'-20%', width:'112%', height:'160%' });\r\n  var ds = mkEl('feDropShadow');\r\n  setAttrs(ds, { dx:'0', dy:'5', stdDeviation:'8', 'flood-color':'#000', 'flood-opacity':'0.18' });\r\n  f.appendChild(ds);\r\n  defs.appendChild(f);\r\n\r\n  \/* Text shadow filter \u2014 makes text pop off the funnel *\/\r\n  var tf = mkEl('filter');\r\n  setAttrs(tf, { id:'tshadow', x:'-10%', y:'-40%', width:'120%', height:'180%' });\r\n  var tds = mkEl('feDropShadow');\r\n  setAttrs(tds, { dx:'0', dy:'1', stdDeviation:'2.5', 'flood-color':'#000', 'flood-opacity':'0.55' });\r\n  tf.appendChild(tds);\r\n  defs.appendChild(tf);\r\n\r\n  \/* Vertical shade gradient (same for all layers) *\/\r\n  var gv = mkLG('gvshade', '0%', '0%', '0%', '100%', [\r\n    { off:'0%',   color:'#fff', op:'0.18' },\r\n    { off:'42%',  color:'#000', op:'0.00' },\r\n    { off:'100%', color:'#000', op:'0.24' }\r\n  ]);\r\n  defs.appendChild(gv);\r\n\r\n  \/* Hole gradient *\/\r\n  var gh = mkLG('ghole', '0%', '0%', '100%', '0%', [\r\n    { off:'0%',   color:'#000', op:'0.65' },\r\n    { off:'50%',  color:'#000', op:'0.22' },\r\n    { off:'100%', color:'#000', op:'0.65' }\r\n  ]);\r\n  defs.appendChild(gh);\r\n\r\n  \/* Per-layer body + rim gradients *\/\r\n  LAYERS.forEach(function (d, i) {\r\n    \/* body gradient (horizontal roundness) *\/\r\n    defs.appendChild(mkLG('gb'+i, '0%','0%','100%','0%', [\r\n      { off:'0%',   color: d.dk,   op:'1' },\r\n      { off:'16%',  color: d.fill, op:'1' },\r\n      { off:'50%',  color: d.hi,   op:'1' },\r\n      { off:'84%',  color: d.fill, op:'1' },\r\n      { off:'100%', color: d.dk,   op:'1' }\r\n    ]));\r\n\r\n    \/* rim gradient *\/\r\n    defs.appendChild(mkLG('gr'+i, '0%','0%','100%','0%', [\r\n      { off:'0%',   color: d.dk,   op:'1' },\r\n      { off:'30%',  color: d.hi,   op:'1' },\r\n      { off:'70%',  color: d.hi,   op:'1' },\r\n      { off:'100%', color: d.dk,   op:'1' }\r\n    ]));\r\n  });\r\n\r\n  svg.appendChild(defs);\r\n\r\n  \/* ---- DRAW LAYERS -------------------------------------------- *\/\r\n  LAYERS.forEach(function (d, i) {\r\n    var tL = i * STEP;\r\n    var tR = VW - i * STEP;\r\n    var bL = (i + 1) * STEP;\r\n    var bR = VW - (i + 1) * STEP;\r\n    var yT = RRY + i * (LH + GAP);\r\n    var yB = yT + LH;\r\n    var rimRx  = tR - CX;\r\n    var holeRx = bR - CX;\r\n\r\n    \/* Vertical midpoint of layer body (for text placement) *\/\r\n    var labelY = yT + LH * 0.54;\r\n\r\n    \/* shadow group *\/\r\n    var sg = mkEl('g');\r\n    sg.setAttribute('filter', 'url(#drop)');\r\n\r\n    \/* body trapezoid *\/\r\n    var body = mkEl('path');\r\n    body.setAttribute('d',\r\n      'M'+tL+','+yT+' L'+tR+','+yT+' L'+bR+','+yB+' L'+bL+','+yB+' Z');\r\n    body.setAttribute('fill', 'url(#gb'+i+')');\r\n    sg.appendChild(body);\r\n\r\n    \/* vertical shade on body *\/\r\n    var vsh = mkEl('path');\r\n    vsh.setAttribute('d',\r\n      'M'+tL+','+yT+' L'+tR+','+yT+' L'+bR+','+yB+' L'+bL+','+yB+' Z');\r\n    vsh.setAttribute('fill', 'url(#gvshade)');\r\n    sg.appendChild(vsh);\r\n\r\n    \/* bottom hole *\/\r\n    var hole = mkEl('ellipse');\r\n    setAttrs(hole, { cx:CX, cy:yB, rx:holeRx, ry:HRY, fill:'url(#ghole)' });\r\n    sg.appendChild(hole);\r\n\r\n    \/* top rim *\/\r\n    var rim = mkEl('ellipse');\r\n    setAttrs(rim, { cx:CX, cy:yT, rx:rimRx, ry:RRY, fill:'url(#gr'+i+')' });\r\n    sg.appendChild(rim);\r\n\r\n    \/* rim specular highlight *\/\r\n    var hi = mkEl('ellipse');\r\n    setAttrs(hi, {\r\n      cx: CX,\r\n      cy: yT - Math.round(RRY * 0.28),\r\n      rx: Math.round(rimRx * 0.58),\r\n      ry: Math.round(RRY * 0.36),\r\n      fill: '#fff',\r\n      opacity: '0.26'\r\n    });\r\n    sg.appendChild(hi);\r\n\r\n    svg.appendChild(sg);\r\n\r\n    \/* ---- LABEL GROUP \u2014 no clipping, text intentionally extends \/ pops ---- *\/\r\n    var lg = mkEl('g');\r\n\r\n    \/* Badge circle *\/\r\n    var BADGE_R = 13;\r\n    var approxTextW = d.label.length * 7.8; \/* rough estimate at font-size 13.5 *\/\r\n    var totalW  = BADGE_R * 2 + 9 + approxTextW;\r\n    var startX  = CX - totalW \/ 2;\r\n    var badgeCX = startX + BADGE_R;\r\n    var textX   = badgeCX + BADGE_R + 9;\r\n\r\n    \/* Badge background circle *\/\r\n    var circle = mkEl('circle');\r\n    setAttrs(circle, {\r\n      cx: badgeCX, cy: labelY - 1,\r\n      r: BADGE_R,\r\n      fill: 'rgba(255,255,255,0.28)',\r\n      stroke: 'rgba(255,255,255,0.70)',\r\n      'stroke-width': '1.5',\r\n      filter: 'url(#tshadow)'\r\n    });\r\n    lg.appendChild(circle);\r\n\r\n    \/* Badge number *\/\r\n    var numT = mkEl('text');\r\n    setAttrs(numT, {\r\n      x: badgeCX, y: labelY - 1,\r\n      'text-anchor': 'middle',\r\n      'dominant-baseline': 'central',\r\n      fill: '#ffffff',\r\n      'font-family': \"'Poppins',sans-serif\",\r\n      'font-size': '11',\r\n      'font-weight': '800',\r\n      filter: 'url(#tshadow)'\r\n    });\r\n    numT.textContent = d.num;\r\n    lg.appendChild(numT);\r\n\r\n    \/* Label text \u2014 larger, bold, with shadow so it pops *\/\r\n    var lbl = mkEl('text');\r\n    setAttrs(lbl, {\r\n      x: textX, y: labelY,\r\n      'dominant-baseline': 'central',\r\n      fill: '#ffffff',\r\n      'font-family': \"'Poppins',sans-serif\",\r\n      'font-size': '13.5',\r\n      'font-weight': '700',\r\n      'letter-spacing': '0.04em',\r\n      filter: 'url(#tshadow)'\r\n    });\r\n    lbl.textContent = d.label;\r\n    lg.appendChild(lbl);\r\n\r\n    svg.appendChild(lg);\r\n  });\r\n\r\n  \/* ================================================================\r\n     SCROLL REVEAL\r\n  ================================================================ *\/\r\n  var revEls = document.querySelectorAll('.rev');\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  revEls.forEach(function (el) { io.observe(el); });\r\n\r\n  \/* ================================================================\r\n     HELPERS\r\n  ================================================================ *\/\r\n  function mkEl(tag) { return document.createElementNS(NS, tag); }\r\n\r\n  function setAttrs(el, attrs) {\r\n    Object.keys(attrs).forEach(function (k) {\r\n      el.setAttribute(k, attrs[k]);\r\n    });\r\n  }\r\n\r\n  function mkLG(id, x1, y1, x2, y2, stops) {\r\n    var lg = mkEl('linearGradient');\r\n    setAttrs(lg, { id:id, x1:x1, y1:y1, x2:x2, y2:y2 });\r\n    stops.forEach(function (s) {\r\n      var st = mkEl('stop');\r\n      st.setAttribute('offset', s.off);\r\n      st.setAttribute('stop-color', s.color);\r\n      if (s.op !== undefined) st.setAttribute('stop-opacity', s.op);\r\n      lg.appendChild(st);\r\n    });\r\n    return lg;\r\n  }\r\n\r\n}());\r\n<\/script>\r\n<\/body>\r\n<\/html>\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-05e13ad e-con-full e-flex e-con e-parent\" data-id=\"05e13ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f41da5 elementor-widget elementor-widget-html\" data-id=\"0f41da5\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Seven Ways To Strengthen Your Growth Funnel<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,900;1,9..144,400;1,9..144,700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TOKENS\r\n============================================================ *\/\r\n:root{\r\n  --red:        #FF3D34;\r\n  --red-light:  rgba(255,61,52,0.08);\r\n  --red-mid:    rgba(255,61,52,0.15);\r\n  --navy:       #0c183c;\r\n  --navy-mid:   #1e2f60;\r\n  --ink:        #111827;\r\n  --body:       #4B5563;\r\n  --muted:      #9CA3AF;\r\n  --border:     #E5E7EB;\r\n  --border-med: #D1D5DB;\r\n  --bg:         #FFFFFF;\r\n  --bg2:        #F9FAFB;\r\n  --bg3:        #F3F4F6;\r\n  --card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.06);\r\n  --card-hover:  0 4px 24px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.06);\r\n  --ease-expo:   cubic-bezier(0.16,1,0.3,1);\r\n  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);\r\n}\r\n\r\n\/* ============================================================\r\n   RESET\r\n============================================================ *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'DM Sans',sans-serif;\r\n  background:var(--bg);\r\n  color:var(--ink);\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n  overflow-x:hidden;\r\n  line-height:1;\r\n}\r\n\r\n\/* ============================================================\r\n   SECTION\r\n============================================================ *\/\r\n.gfs{\r\n  background:var(--bg);\r\n  padding:100px 32px 120px;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* subtle red top accent line *\/\r\n.gfs::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;left:0;right:0;\r\n  height:3px;\r\n  background:linear-gradient(90deg,transparent 0%,var(--red) 30%,var(--red) 70%,transparent 100%);\r\n}\r\n\r\n\/* ambient light blobs (very subtle on white) *\/\r\n.gfs::after{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(ellipse 45% 35% at 5% 0%,  rgba(255,61,52,0.04) 0%,transparent 65%),\r\n    radial-gradient(ellipse 35% 45% at 95% 95%, rgba(12,24,60,0.03) 0%,transparent 65%);\r\n  pointer-events:none;\r\n}\r\n\r\n.gfs__inner{\r\n  max-width:1160px;\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ============================================================\r\n   SECTION HEADER\r\n============================================================ *\/\r\n.gfs__head{\r\n  text-align:center;\r\n  margin-bottom:72px;\r\n}\r\n\r\n.gfs__eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:0.68rem;\r\n  font-weight:600;\r\n  letter-spacing:0.26em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n  margin-bottom:22px;\r\n}\r\n.gfs__eyebrow::before,\r\n.gfs__eyebrow::after{\r\n  content:'';\r\n  display:block;\r\n  width:28px;height:1.5px;\r\n  background:var(--red);\r\n  border-radius:2px;\r\n  opacity:0.5;\r\n}\r\n\r\n.gfs__title{\r\n  font-family:'Fraunces',serif;\r\n  font-size:clamp(2.2rem,4.5vw,3.8rem);\r\n  font-weight:900;\r\n  line-height:1.08;\r\n  color:var(--navy);\r\n  letter-spacing:-0.03em;\r\n  margin-bottom:20px;\r\n}\r\n.gfs__title em{\r\n  font-style:italic;\r\n  font-weight:700;\r\n  color:var(--red);\r\n}\r\n\r\n.gfs__desc{\r\n  font-size:clamp(0.95rem,1.6vw,1.06rem);\r\n  font-weight:300;\r\n  color:var(--body);\r\n  max-width:500px;\r\n  margin:0 auto;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* ============================================================\r\n   HINT\r\n============================================================ *\/\r\n.funnel-hint{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:0.74rem;\r\n  font-weight:500;\r\n  color:var(--muted);\r\n  letter-spacing:0.04em;\r\n  margin-bottom:32px;\r\n  padding:8px 18px;\r\n  background:var(--bg3);\r\n  border:1px solid var(--border);\r\n  border-radius:40px;\r\n  transition:all 0.25s ease;\r\n}\r\n.funnel-hint svg{\r\n  width:14px;height:14px;\r\n  stroke:var(--red);\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* ============================================================\r\n   FUNNEL SECTION \u2014 2-col layout on desktop\r\n============================================================ *\/\r\n.gfs__funnel-section{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:0 48px;\r\n  align-items:stretch;\r\n  margin-bottom:96px;\r\n}\r\n\r\n.gfs__funnel-left{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n}\r\n\r\n\/* ============================================================\r\n   3D FUNNEL\r\n============================================================ *\/\r\n.funnel-3d{\r\n  width:100%;\r\n  max-width:480px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  position:relative;\r\n}\r\n\r\n.funnel-layer{\r\n  position:relative;\r\n  width:100%;\r\n  cursor:pointer;\r\n  outline:none;\r\n  margin-bottom:-10px;\r\n  transition:filter 0.25s ease, transform 0.28s var(--ease-spring);\r\n  -webkit-tap-highlight-color:transparent;\r\n  will-change:transform;\r\n}\r\n\r\n.funnel-layer:hover{\r\n  filter:brightness(1.09) saturate(1.08);\r\n  z-index:5;\r\n  transform:scaleX(1.012) translateY(-1px) !important;\r\n}\r\n\r\n.funnel-layer.is-active{\r\n  filter:brightness(1.14) saturate(1.1);\r\n  z-index:6;\r\n  transform:scaleX(1.018) translateY(-2px) !important;\r\n}\r\n\r\n.funnel-layer.is-dimmed{\r\n  opacity:0.35;\r\n  filter:saturate(0.3) brightness(0.95);\r\n}\r\n\r\n.funnel-layer svg{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  overflow:hidden; \/* CRITICAL: clips all text inside SVG *\/\r\n}\r\n\r\n\/* ============================================================\r\n   RIGHT PANEL (replaces bottom detail panel on desktop)\r\n============================================================ *\/\r\n.gfs__funnel-right{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-self:center;\r\n  min-height:480px;\r\n  padding-top:0;\r\n}\r\n\r\n\/* Empty\/default state *\/\r\n.panel-empty{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n  height:100%;\r\n  min-height:480px;\r\n  padding:40px 20px;\r\n  border:1.5px dashed var(--border-med);\r\n  border-radius:24px;\r\n  background:var(--bg2);\r\n  transition:opacity 0.35s ease;\r\n}\r\n.panel-empty.hidden{\r\n  display:none;\r\n}\r\n.panel-empty__icon{\r\n  width:64px;height:64px;\r\n  border-radius:18px;\r\n  background:var(--bg3);\r\n  border:1.5px solid var(--border);\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:20px;\r\n}\r\n.panel-empty__icon svg{\r\n  width:28px;height:28px;\r\n  stroke:var(--muted);\r\n}\r\n.panel-empty__title{\r\n  font-family:'Fraunces',serif;\r\n  font-size:1.05rem;\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  margin-bottom:10px;\r\n}\r\n.panel-empty__sub{\r\n  font-size:0.87rem;\r\n  font-weight:300;\r\n  color:var(--muted);\r\n  line-height:1.7;\r\n  max-width:240px;\r\n}\r\n\r\n\/* Loaded panel *\/\r\n.panel-detail{\r\n  border-radius:24px;\r\n  background:var(--bg);\r\n  border:1.5px solid var(--border);\r\n  box-shadow:var(--card-hover);\r\n  overflow:hidden;\r\n  opacity:0;\r\n  transform:translateY(12px) scale(0.98);\r\n  transition:opacity 0.42s var(--ease-expo),transform 0.42s var(--ease-expo);\r\n  pointer-events:none;\r\n  display:none;\r\n}\r\n.panel-detail.visible{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n  pointer-events:auto;\r\n  display:block;\r\n}\r\n\r\n\/* coloured top stripe *\/\r\n.panel-detail__stripe{\r\n  height:4px;\r\n  width:100%;\r\n}\r\n\r\n.panel-detail__body{\r\n  padding:36px 36px 32px;\r\n}\r\n\r\n.panel-detail__top{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:18px;\r\n  margin-bottom:24px;\r\n}\r\n\r\n.panel-detail__badge{\r\n  width:56px;height:56px;\r\n  border-radius:16px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  flex-shrink:0;\r\n  position:relative;overflow:hidden;\r\n  box-shadow:0 4px 16px rgba(0,0,0,0.18);\r\n}\r\n.panel-detail__badge::after{\r\n  content:'';\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(140deg,rgba(255,255,255,0.3) 0%,transparent 55%);\r\n}\r\n.panel-detail__badge span{\r\n  font-family:'Fraunces',serif;\r\n  font-size:1rem;font-weight:700;color:#fff;\r\n  position:relative;z-index:1;\r\n}\r\n\r\n.panel-detail__meta{\r\n  flex:1;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  gap:4px;\r\n}\r\n.panel-detail__num-label{\r\n  font-size:0.66rem;\r\n  font-weight:600;\r\n  letter-spacing:0.22em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n.panel-detail__title{\r\n  font-family:'Fraunces',serif;\r\n  font-size:clamp(1.1rem,2vw,1.45rem);\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  line-height:1.28;\r\n  letter-spacing:-0.02em;\r\n}\r\n\r\n.panel-detail__close{\r\n  width:36px;height:36px;\r\n  border-radius:50%;\r\n  background:var(--bg3);\r\n  border:1.5px solid var(--border);\r\n  cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;\r\n  flex-shrink:0;\r\n  transition:background 0.2s, transform 0.25s var(--ease-spring), border-color 0.2s;\r\n  color:var(--muted);\r\n}\r\n.panel-detail__close:hover{\r\n  background:var(--red-light);\r\n  border-color:var(--red);\r\n  color:var(--red);\r\n  transform:rotate(90deg);\r\n}\r\n.panel-detail__close svg{\r\n  width:14px;height:14px;stroke:currentColor;\r\n}\r\n\r\n.panel-detail__divider{\r\n  height:1px;\r\n  background:var(--border);\r\n  margin-bottom:24px;\r\n}\r\n\r\n.panel-detail__desc{\r\n  font-size:0.96rem;\r\n  font-weight:300;\r\n  color:var(--body);\r\n  line-height:1.88;\r\n  margin-bottom:28px;\r\n}\r\n\r\n\/* key insight chip *\/\r\n.panel-detail__insight{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:12px;\r\n  padding:18px 20px;\r\n  background:var(--red-light);\r\n  border-left:3px solid var(--red);\r\n  border-radius:0 12px 12px 0;\r\n  margin-bottom:24px;\r\n}\r\n.panel-detail__insight svg{\r\n  width:18px;height:18px;\r\n  stroke:var(--red);\r\n  flex-shrink:0;\r\n  margin-top:1px;\r\n}\r\n.panel-detail__insight-text{\r\n  font-size:0.85rem;\r\n  font-weight:500;\r\n  color:var(--navy);\r\n  line-height:1.65;\r\n}\r\n\r\n\/* navigation arrows *\/\r\n.panel-detail__nav{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  padding-top:16px;\r\n  border-top:1px solid var(--border);\r\n}\r\n.panel-nav-btn{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:0.8rem;\r\n  font-weight:600;\r\n  color:var(--muted);\r\n  background:none;\r\n  border:1.5px solid var(--border);\r\n  border-radius:40px;\r\n  padding:8px 18px;\r\n  cursor:pointer;\r\n  transition:all 0.22s ease;\r\n}\r\n.panel-nav-btn:hover:not(:disabled){\r\n  border-color:var(--navy);\r\n  color:var(--navy);\r\n  background:var(--bg3);\r\n}\r\n.panel-nav-btn:disabled{\r\n  opacity:0.3;\r\n  cursor:default;\r\n}\r\n.panel-nav-btn svg{\r\n  width:14px;height:14px;\r\n  stroke:currentColor;\r\n}\r\n.panel-nav-center{\r\n  font-size:0.75rem;\r\n  font-weight:500;\r\n  color:var(--muted);\r\n  letter-spacing:0.04em;\r\n}\r\n\r\n\/* ============================================================\r\n   SEPARATOR\r\n============================================================ *\/\r\n.gfs__sep{\r\n  display:flex;align-items:center;gap:20px;\r\n  margin-bottom:56px;\r\n}\r\n.gfs__sep-line{\r\n  flex:1;height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--border),transparent);\r\n}\r\n.gfs__sep-label{\r\n  display:flex;align-items:center;gap:10px;\r\n  font-size:0.66rem;font-weight:600;\r\n  letter-spacing:0.22em;text-transform:uppercase;\r\n  color:var(--muted);white-space:nowrap;\r\n}\r\n.gfs__sep-dot{\r\n  width:5px;height:5px;border-radius:50%;\r\n  background:var(--red);\r\n}\r\n\r\n\/* ============================================================\r\n   CARDS GRID\r\n============================================================ *\/\r\n.gfs__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:14px;\r\n}\r\n\r\n\/* ============================================================\r\n   CARD\r\n============================================================ *\/\r\n.gfs-card{\r\n  background:var(--bg);\r\n  border:1.5px solid var(--border);\r\n  border-radius:20px;\r\n  padding:28px 24px 24px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  cursor:pointer;\r\n  opacity:0;\r\n  transform:translateY(24px);\r\n  transition:\r\n    opacity 0.55s ease,\r\n    transform 0.55s var(--ease-expo),\r\n    border-color 0.25s ease,\r\n    box-shadow 0.25s ease,\r\n    background 0.25s ease;\r\n  -webkit-tap-highlight-color:transparent;\r\n  outline:none;\r\n}\r\n.gfs-card.revealed{\r\n  opacity:1;transform:translateY(0);\r\n}\r\n.gfs-card:nth-child(1){transition-delay:0.04s}\r\n.gfs-card:nth-child(2){transition-delay:0.09s}\r\n.gfs-card:nth-child(3){transition-delay:0.14s}\r\n.gfs-card:nth-child(4){transition-delay:0.19s}\r\n.gfs-card:nth-child(5){transition-delay:0.24s}\r\n.gfs-card:nth-child(6){transition-delay:0.29s}\r\n.gfs-card:nth-child(7){transition-delay:0.34s}\r\n\r\n.gfs-card:hover,.gfs-card:focus-visible{\r\n  background:var(--bg2);\r\n  border-color:transparent;\r\n  box-shadow:var(--card-hover);\r\n  transform:translateY(-5px);\r\n  outline:none;\r\n}\r\n.gfs-card.is-active{\r\n  border-color:var(--red);\r\n  box-shadow:0 0 0 3px var(--red-light),var(--card-hover);\r\n  transform:translateY(-5px);\r\n}\r\n.gfs-card.is-dimmed{\r\n  opacity:0.4 !important;\r\n  filter:saturate(0.3);\r\n  pointer-events:none;\r\n}\r\n\r\n\/* top colour bar *\/\r\n.gfs-card__bar{\r\n  position:absolute;top:0;left:0;right:0;\r\n  height:3.5px;border-radius:20px 20px 0 0;\r\n  opacity:0;\r\n  transition:opacity 0.25s ease;\r\n}\r\n.gfs-card:hover .gfs-card__bar,\r\n.gfs-card.is-active .gfs-card__bar{opacity:1}\r\n\r\n.gfs-card__badge{\r\n  width:46px;height:46px;border-radius:13px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:18px;\r\n  position:relative;overflow:hidden;\r\n  box-shadow:0 3px 14px rgba(0,0,0,0.14);\r\n  transition:transform 0.32s var(--ease-spring),box-shadow 0.32s ease;\r\n}\r\n.gfs-card:hover .gfs-card__badge,\r\n.gfs-card.is-active .gfs-card__badge{\r\n  transform:scale(1.08) rotate(-3deg);\r\n  box-shadow:0 8px 24px rgba(0,0,0,0.20);\r\n}\r\n.gfs-card__badge::after{\r\n  content:'';position:absolute;inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,0.30) 0%,transparent 55%);\r\n}\r\n.gfs-card__badge span{\r\n  font-family:'Fraunces',serif;\r\n  font-size:0.88rem;font-weight:700;color:#fff;\r\n  position:relative;z-index:1;\r\n}\r\n\r\n.gfs-card__title{\r\n  font-family:'Fraunces',serif;\r\n  font-size:clamp(0.9rem,1.4vw,1rem);\r\n  font-weight:700;color:var(--navy);\r\n  margin-bottom:10px;line-height:1.38;\r\n  letter-spacing:-0.012em;\r\n}\r\n\r\n.gfs-card__body{\r\n  font-size:clamp(0.8rem,1.1vw,0.87rem);\r\n  font-weight:300;color:var(--body);\r\n  line-height:1.84;\r\n}\r\n\r\n.gfs-card__footer{\r\n  display:flex;align-items:center;gap:6px;\r\n  margin-top:18px;\r\n  font-size:0.76rem;font-weight:600;\r\n  color:var(--muted);\r\n  transition:color 0.22s ease;\r\n}\r\n.gfs-card:hover .gfs-card__footer,\r\n.gfs-card.is-active .gfs-card__footer{color:var(--red)}\r\n.gfs-card__footer svg{\r\n  width:13px;height:13px;stroke:currentColor;\r\n  transition:transform 0.22s ease;\r\n}\r\n.gfs-card:hover .gfs-card__footer svg{transform:translateX(3px)}\r\n\r\n.gfs-card[data-i=\"6\"]{grid-column:2\/3}\r\n\r\n\/* ============================================================\r\n   SCROLL REVEAL\r\n============================================================ *\/\r\n.sr{\r\n  opacity:0;transform:translateY(26px);\r\n  transition:opacity 0.65s ease,transform 0.65s var(--ease-expo);\r\n}\r\n.sr.in{opacity:1;transform:translateY(0)}\r\n.sr-d1{transition-delay:0.05s}\r\n.sr-d2{transition-delay:0.13s}\r\n.sr-d3{transition-delay:0.21s}\r\n\r\n\/* ============================================================\r\n   MOBILE DETAIL (appears below funnel on mobile)\r\n============================================================ *\/\r\n.funnel-detail-mobile{\r\n  width:100%;\r\n  max-height:0;\r\n  overflow:hidden;\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:max-height 0.48s cubic-bezier(0.4,0,0.2,1),opacity 0.38s ease,margin-top 0.3s ease;\r\n  margin-top:0;\r\n  display:none;\r\n}\r\n.funnel-detail-mobile.is-open{\r\n  max-height:500px;\r\n  opacity:1;\r\n  pointer-events:auto;\r\n  margin-top:20px;\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE \u2014 TABLET \u2264 900px\r\n============================================================ *\/\r\n@media(max-width:900px){\r\n  .gfs__funnel-section{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n  }\r\n  .gfs__funnel-right{display:none}\r\n  .gfs__funnel-left{align-items:center}\r\n  .funnel-3d{max-width:500px;margin:0 auto}\r\n  .funnel-detail-mobile{display:block}\r\n  .gfs{padding:80px 24px 100px}\r\n  .gfs__head{margin-bottom:56px}\r\n  .gfs__funnel-section{margin-bottom:72px}\r\n  .gfs__grid{grid-template-columns:repeat(2,1fr)}\r\n  .gfs-card[data-i=\"6\"]{grid-column:auto}\r\n}\r\n\r\n@media(max-width:600px){\r\n  .gfs{padding:64px 16px 80px}\r\n  .gfs__head{margin-bottom:48px}\r\n  .gfs__funnel-section{margin-bottom:60px}\r\n  .funnel-3d{max-width:100%}\r\n  .gfs__grid{grid-template-columns:1fr;gap:10px}\r\n  .gfs-card{padding:24px 20px 22px}\r\n  .gfs-card[data-i=\"6\"]{grid-column:auto}\r\n  .panel-detail__body{padding:24px 20px 20px}\r\n}\r\n\r\n@media(max-width:380px){\r\n  .gfs{padding:56px 12px 70px}\r\n}\r\n\r\n\/* ============================================================\r\n   ACCESSIBILITY\r\n============================================================ *\/\r\n.funnel-layer:focus-visible{\r\n  outline:2.5px solid var(--red);\r\n  outline-offset:3px;\r\n  border-radius:3px;\r\n}\r\n.gfs-card:focus-visible{\r\n  outline:2.5px solid var(--red);\r\n  outline-offset:3px;\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  *{transition-duration:0.01ms !important}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<section class=\"gfs\" aria-label=\"Seven Ways To Strengthen Your Growth Funnel\">\r\n  <div class=\"gfs__inner\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"gfs__head sr sr-d1\">\r\n      <p class=\"gfs__eyebrow\">Growth Framework<\/p>\r\n      <h2 class=\"gfs__title\">\r\n        Seven Ways To <em>Strengthen<\/em><br>Your Growth Funnel\r\n      <\/h2>\r\n      <p class=\"gfs__desc\">\r\n        Generate more qualified leads and turn them into consistent revenue \u2014 tighten these core areas of your funnel.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- FUNNEL SECTION: Left = funnel, Right = detail panel -->\r\n    <div class=\"gfs__funnel-section\">\r\n\r\n      <!-- LEFT: funnel -->\r\n      <div class=\"gfs__funnel-left\">\r\n        <p class=\"funnel-hint sr sr-d2\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5\"\/>\r\n          <\/svg>\r\n          Click any layer to explore\r\n        <\/p>\r\n        <div class=\"funnel-3d sr sr-d3\" id=\"funnel3d\" role=\"group\" aria-label=\"Funnel \u2014 click a layer to see details\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: detail panel (desktop only) -->\r\n      <div class=\"gfs__funnel-right\" id=\"panelRight\">\r\n\r\n        <!-- Empty state -->\r\n        <div class=\"panel-empty\" id=\"panelEmpty\">\r\n          <div class=\"panel-empty__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 12H2M12 2l4 4M12 2l-4 4M12 22l4-4M12 22l-4-4\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"panel-empty__title\">Select a funnel layer<\/h3>\r\n          <p class=\"panel-empty__sub\">Click any coloured band in the funnel to reveal detailed strategies and insights.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Loaded state -->\r\n        <div class=\"panel-detail\" id=\"panelDetail\" aria-live=\"polite\" aria-atomic=\"true\">\r\n          <div class=\"panel-detail__stripe\" id=\"panelStripe\"><\/div>\r\n          <div class=\"panel-detail__body\">\r\n            <div class=\"panel-detail__top\">\r\n              <div class=\"panel-detail__badge\" id=\"panelBadge\">\r\n                <span id=\"panelNum\"><\/span>\r\n              <\/div>\r\n              <div class=\"panel-detail__meta\">\r\n                <span class=\"panel-detail__num-label\" id=\"panelLayer\"><\/span>\r\n                <h3 class=\"panel-detail__title\" id=\"panelTitle\"><\/h3>\r\n              <\/div>\r\n              <button class=\"panel-detail__close\" id=\"panelClose\" aria-label=\"Close panel\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\">\r\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n            <div class=\"panel-detail__divider\"><\/div>\r\n            <p class=\"panel-detail__desc\" id=\"panelDesc\"><\/p>\r\n            <div class=\"panel-detail__insight\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3M6.343 6.343l-.707-.707M10.34 15.66A4 4 0 1 1 15.66 10.34\"\/>\r\n              <\/svg>\r\n              <p class=\"panel-detail__insight-text\" id=\"panelInsight\"><\/p>\r\n            <\/div>\r\n            <div class=\"panel-detail__nav\">\r\n              <button class=\"panel-nav-btn\" id=\"panelPrev\" aria-label=\"Previous strategy\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                  <path d=\"M19 12H5M12 5l-7 7 7 7\"\/>\r\n                <\/svg>\r\n                Previous\r\n              <\/button>\r\n              <span class=\"panel-nav-center\" id=\"panelCount\"><\/span>\r\n              <button class=\"panel-nav-btn\" id=\"panelNext\" aria-label=\"Next strategy\">\r\n                Next\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/right -->\r\n\r\n      <!-- MOBILE detail (appears below funnel on tablet\/mobile) -->\r\n      <div class=\"funnel-detail-mobile\" id=\"mobileDetail\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        <!-- populated by JS mirror -->\r\n      <\/div>\r\n\r\n    <\/div><!-- \/funnel-section -->\r\n\r\n    <!-- SEPARATOR -->\r\n    <div class=\"gfs__sep\" aria-hidden=\"true\">\r\n      <div class=\"gfs__sep-line\"><\/div>\r\n      <div class=\"gfs__sep-label\">\r\n        <div class=\"gfs__sep-dot\"><\/div>\r\n        All Seven Strategies\r\n        <div class=\"gfs__sep-dot\"><\/div>\r\n      <\/div>\r\n      <div class=\"gfs__sep-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- CARDS GRID -->\r\n    <div class=\"gfs__grid\" id=\"gfsGrid\">\r\n\r\n      <article class=\"gfs-card\" data-i=\"0\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 1: Increase Visibility Through Search\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>01<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Increase Visibility Through Search<\/h3>\r\n        <p class=\"gfs-card__body\">Search optimization ensures your business appears when buyers are actively looking for solutions. Higher placement drives stronger intent traffic and more conversion opportunities.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"1\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 2: Remove Conversion Friction\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>02<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Remove Conversion Friction<\/h3>\r\n        <p class=\"gfs-card__body\">Traffic alone doesn't create growth \u2014 conversions do. Refining layouts, messaging, and flow keeps qualified visitors engaged instead of dropping off.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"2\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 3: Activate Demand With Paid Media\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>03<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Activate Demand With Paid Media<\/h3>\r\n        <p class=\"gfs-card__body\">Paid advertising lets you reach ready-to-buy audiences immediately, filling the gap while organic visibility compounds over time.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"3\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 4: Design For Clarity And Ease\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>04<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Design For Clarity And Ease<\/h3>\r\n        <p class=\"gfs-card__body\">Intuitive design and reduced friction make it easier for users to understand your value and take the next step with confidence.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"4\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 5: Educate Before You Sell\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>05<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Educate Before You Sell<\/h3>\r\n        <p class=\"gfs-card__body\">High-performing content builds trust before a sales conversation begins, moving prospects through the funnel while strengthening brand authority.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"5\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 6: Build Social Engagement\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>06<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Build Engagement On Social Channels<\/h3>\r\n        <p class=\"gfs-card__body\">Social platforms keep your brand present throughout the buyer journey so prospects feel genuinely connected before they ever convert.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gfs-card\" data-i=\"6\" tabindex=\"0\" role=\"button\" aria-label=\"Strategy 7: Convert Interest With Email\">\r\n        <div class=\"gfs-card__bar\"><\/div>\r\n        <div class=\"gfs-card__badge\"><span>07<\/span><\/div>\r\n        <h3 class=\"gfs-card__title\">Convert Interest Into Action With Email<\/h3>\r\n        <p class=\"gfs-card__body\">Strategic email nurturing guides prospects, reinforces value, and drives repeat engagement \u2014 turning interest into measurable revenue over time.<\/p>\r\n        <div class=\"gfs-card__footer\">\r\n          <span>Explore strategy<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/grid -->\r\n  <\/div><!-- \/inner -->\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     DATA\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var data = [\r\n    {\r\n      num:'01', shortLabel:'Visibility',\r\n      title:'Increase Visibility Through Search',\r\n      desc:'Search optimization ensures your business appears when buyers are actively looking for solutions like yours. Higher placement leads to greater visibility, stronger intent traffic, and more opportunities to convert qualified prospects.',\r\n      insight:'Most B2B buyers search 3-5 times before contacting a vendor. Being present at each touchpoint compounds your advantage.',\r\n      c1:'#F0C860', c2:'#C09030', dark:'#7a5c08',\r\n      grad:'linear-gradient(135deg,#F0C860,#C09030)'\r\n    },\r\n    {\r\n      num:'02', shortLabel:'Conversion',\r\n      title:'Remove Conversion Friction',\r\n      desc:\"Traffic alone doesn't create growth \u2014 conversions do. Refining layouts, messaging clarity, and user flow keeps qualified visitors engaged and moving forward instead of quietly abandoning your site.\",\r\n      insight:'Reducing form fields from 11 to 4 can increase conversions by over 120%. Every unnecessary step costs you leads.',\r\n      c1:'#E09A5A', c2:'#B07030', dark:'#7a4a10',\r\n      grad:'linear-gradient(135deg,#E09A5A,#B07030)'\r\n    },\r\n    {\r\n      num:'03', shortLabel:'Paid Media',\r\n      title:'Activate Demand With Paid Media',\r\n      desc:'Paid advertising lets you reach ready-to-buy audiences immediately, filling pipeline gaps while organic visibility compounds over time. Used strategically, it is one of the most reliable revenue levers available.',\r\n      insight:'Paid and organic together outperform either channel alone by 25%. The combination creates a search presence competitors struggle to displace.',\r\n      c1:'#CC7050', c2:'#9C3C20', dark:'#6a2808',\r\n      grad:'linear-gradient(135deg,#CC7050,#9C3C20)'\r\n    },\r\n    {\r\n      num:'04', shortLabel:'Experience',\r\n      title:'Design For Clarity And Ease',\r\n      desc:'Intuitive design and reduced cognitive load make it easier for users to understand your value and take the next step. A seamless digital experience directly impacts how many visitors ultimately convert into customers.',\r\n      insight:'Users form a website opinion in 50 milliseconds. First impressions are almost entirely visual \u2014 clarity is your conversion superpower.',\r\n      c1:'#38BC8A', c2:'#1E7450', dark:'#0e4a30',\r\n      grad:'linear-gradient(135deg,#38BC8A,#1E7450)'\r\n    },\r\n    {\r\n      num:'05', shortLabel:'Content',\r\n      title:'Educate Before You Sell',\r\n      desc:'High-performing educational content builds trust before a sales conversation even begins. It moves prospects through the funnel organically while simultaneously strengthening your brand authority over the long term.',\r\n      insight:'Companies that blog generate 67% more leads per month. Content compounds \u2014 a well-written post delivers returns for years.',\r\n      c1:'#4896DC', c2:'#1C50A4', dark:'#0c2c60',\r\n      grad:'linear-gradient(135deg,#4896DC,#1C50A4)'\r\n    },\r\n    {\r\n      num:'06', shortLabel:'Social',\r\n      title:'Build Engagement On Social Channels',\r\n      desc:'Social platforms keep your brand present and relatable throughout the entire buyer journey, creating ongoing relationship-building opportunities so prospects feel genuinely connected and familiar before they ever convert.',\r\n      insight:'74% of buyers make purchasing decisions influenced by social media. Engagement today is pipeline tomorrow.',\r\n      c1:'#9070D8', c2:'#5030A4', dark:'#2c1860',\r\n      grad:'linear-gradient(135deg,#9070D8,#5030A4)'\r\n    },\r\n    {\r\n      num:'07', shortLabel:'Email',\r\n      title:'Convert Interest Into Action With Email',\r\n      desc:'Strategic email nurturing guides prospects at their own pace, reinforces your value proposition, and drives repeat engagement \u2014 turning initial interest into measurable revenue long after the very first interaction.',\r\n      insight:'Email generates $42 for every $1 spent \u2014 the highest ROI of any marketing channel. Automation makes it effortlessly scalable.',\r\n      c1:'#FF3D34', c2:'#C02040', dark:'#780c20',\r\n      grad:'linear-gradient(135deg,#FF3D34,#C02040)'\r\n    }\r\n  ];\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SVG FUNNEL BUILDER\r\n     - All text rendered inside the SVG using clipPath per layer\r\n     - Font size dynamically computed so text NEVER overflows\r\n     - overflow:hidden on the SVG element as safety net\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var NS    = 'http:\/\/www.w3.org\/2000\/svg';\r\n  var VW    = 480;       \/* viewBox width *\/\r\n  var CX    = VW \/ 2;\r\n  var RIMRY = 20;        \/* top rim ellipse y-radius *\/\r\n  var BODYH = 68;        \/* layer body height *\/\r\n  var HOLERY= 12;        \/* bottom hole y-radius *\/\r\n  var OVERLAP = 10;      \/* px overlap between layers *\/\r\n\r\n  \/* [topHalfWidth, bottomHalfWidth] per layer *\/\r\n  var HW = [\r\n    [228,196],[196,166],[166,138],\r\n    [138,112],[112, 88],[ 88, 66],[ 66, 48]\r\n  ];\r\n\r\n  var funnelEl = document.getElementById('funnel3d');\r\n  var layerEls = [];\r\n\r\n  data.forEach(function(d, i){\r\n    var tRx = HW[i][0], bRx = HW[i][1];\r\n    var tL  = CX - tRx,  tR  = CX + tRx;\r\n    var bL  = CX - bRx,  bR  = CX + bRx;\r\n    var topY = RIMRY;\r\n    var botY = RIMRY + BODYH;\r\n    var svgH = botY + HOLERY + 4;\r\n    var midY = topY + BODYH * 0.52;\r\n\r\n    \/* compute usable width at midY for text *\/\r\n    var t = 0.52;\r\n    var edgeL = tL + (bL - tL) * t;\r\n    var edgeR = tR + (bR - tR) * t;\r\n    var usableW = edgeR - edgeL;\r\n\r\n    \/* \u2500\u2500 CENTRED badge + label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       Strategy:\r\n       1. Pick a font size that fits comfortably in usableW\r\n       2. Estimate total group width (badge + gap + text)\r\n       3. Place group centred at CX\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    var BADGE_R   = 12;\r\n    var BADGE_GAP = 9;    \/* gap between badge right edge and text start *\/\r\n\r\n    var label  = d.shortLabel;\r\n\r\n    \/* font size: fit within usable width with generous margin,\r\n       then bump up slightly for readability *\/\r\n    var charW  = 0.60;   \/* em width per char at 1px font-size *\/\r\n    var maxFs  = 15.5;\r\n    var minFs  = 10;\r\n    \/* available width = usableW minus badge footprint minus padding *\/\r\n    var avail  = usableW - (BADGE_R*2 + BADGE_GAP) - 20;\r\n    var idealFs = avail \/ (label.length * charW);\r\n    var fs     = Math.min(maxFs, Math.max(minFs, idealFs));\r\n\r\n    \/* estimated pixel width of the text at chosen fs *\/\r\n    var textPxW   = label.length * charW * fs;\r\n    var groupW    = BADGE_R*2 + BADGE_GAP + textPxW;\r\n\r\n    \/* clamp group so it never exceeds usable area *\/\r\n    var maxGroupW = usableW - 16;\r\n    if(groupW > maxGroupW){\r\n      \/* scale fs down proportionally *\/\r\n      var ratio = maxGroupW \/ groupW;\r\n      fs        = Math.max(minFs, fs * ratio);\r\n      textPxW   = label.length * charW * fs;\r\n      groupW    = BADGE_R*2 + BADGE_GAP + textPxW;\r\n    }\r\n\r\n    \/* centred positions *\/\r\n    var groupStartX = CX - groupW \/ 2;\r\n    var badgeCX     = groupStartX + BADGE_R;\r\n    var labelStartX = groupStartX + BADGE_R*2 + BADGE_GAP;\r\n\r\n    var uid = function(s){ return s + i + '_' + Math.random().toString(36).slice(2,6); };\r\n    var idB = 'lgb_'+i, idV='lgv_'+i, idR='lgr_'+i, idH='lgh_'+i;\r\n    var idF = 'flt_'+i, idCP='cp_'+i;\r\n\r\n    var svgEl = document.createElementNS(NS, 'svg');\r\n    svgEl.setAttribute('viewBox', '0 0 '+VW+' '+svgH);\r\n    svgEl.setAttribute('xmlns', NS);\r\n    svgEl.setAttribute('aria-hidden','true');\r\n    svgEl.style.cssText = 'display:block;width:100%;height:auto;overflow:hidden;';\r\n\r\n    svgEl.innerHTML = [\r\n      '<defs>',\r\n\r\n      \/* body horizontal gradient *\/\r\n      '<linearGradient id=\"'+idB+'\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">',\r\n      '<stop offset=\"0%\"   stop-color=\"'+d.dark+'\" stop-opacity=\"0.82\"\/>',\r\n      '<stop offset=\"20%\"  stop-color=\"'+d.c2+'\"\/>',\r\n      '<stop offset=\"50%\"  stop-color=\"'+d.c1+'\"\/>',\r\n      '<stop offset=\"80%\"  stop-color=\"'+d.c2+'\"\/>',\r\n      '<stop offset=\"100%\" stop-color=\"'+d.dark+'\" stop-opacity=\"0.86\"\/>',\r\n      '<\/linearGradient>',\r\n\r\n      \/* vertical shade *\/\r\n      '<linearGradient id=\"'+idV+'\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">',\r\n      '<stop offset=\"0%\"   stop-color=\"#fff\" stop-opacity=\"0.13\"\/>',\r\n      '<stop offset=\"45%\"  stop-color=\"#000\" stop-opacity=\"0\"\/>',\r\n      '<stop offset=\"100%\" stop-color=\"#000\" stop-opacity=\"0.20\"\/>',\r\n      '<\/linearGradient>',\r\n\r\n      \/* rim *\/\r\n      '<linearGradient id=\"'+idR+'\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">',\r\n      '<stop offset=\"0%\"   stop-color=\"'+d.dark+'\"\/>',\r\n      '<stop offset=\"28%\"  stop-color=\"'+d.c1+'\"\/>',\r\n      '<stop offset=\"72%\"  stop-color=\"'+d.c1+'\"\/>',\r\n      '<stop offset=\"100%\" stop-color=\"'+d.dark+'\"\/>',\r\n      '<\/linearGradient>',\r\n\r\n      \/* hole *\/\r\n      '<linearGradient id=\"'+idH+'\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">',\r\n      '<stop offset=\"0%\"   stop-color=\"'+d.dark+'\" stop-opacity=\"0.95\"\/>',\r\n      '<stop offset=\"50%\"  stop-color=\"'+d.c2+'\"  stop-opacity=\"0.50\"\/>',\r\n      '<stop offset=\"100%\" stop-color=\"'+d.dark+'\" stop-opacity=\"0.95\"\/>',\r\n      '<\/linearGradient>',\r\n\r\n      \/* drop shadow filter *\/\r\n      '<filter id=\"'+idF+'\" x=\"-6%\" y=\"-25%\" width=\"112%\" height=\"170%\">',\r\n      '<feDropShadow dx=\"0\" dy=\"5\" stdDeviation=\"9\" flood-color=\"#000\" flood-opacity=\"0.16\"\/>',\r\n      '<\/filter>',\r\n\r\n      \/* text shadow filter *\/\r\n      '<filter id=\"tf_'+i+'\" x=\"-20%\" y=\"-80%\" width=\"140%\" height=\"260%\">',\r\n      '<feDropShadow dx=\"0\" dy=\"1\" stdDeviation=\"2.5\" flood-color=\"#000\" flood-opacity=\"0.65\"\/>',\r\n      '<\/filter>',\r\n\r\n      \/* clipPath = exact trapezoid body (slightly inset) *\/\r\n      '<clipPath id=\"'+idCP+'\">',\r\n      '<path d=\"M'+(tL+2)+','+topY+' L'+(tR-2)+','+topY+\r\n              ' L'+(bR-2)+','+botY+' L'+(bL+2)+','+botY+' Z\"\/>',\r\n      '<\/clipPath>',\r\n\r\n      '<\/defs>',\r\n\r\n      \/* \u2500\u2500 SHADOW GROUP \u2500\u2500 *\/\r\n      '<g filter=\"url(#'+idF+')\">',\r\n      \/* body *\/\r\n      '<path d=\"M'+tL+','+topY+' L'+tR+','+topY+' L'+bR+','+botY+' L'+bL+','+botY+' Z\" fill=\"url(#'+idB+')\"\/>',\r\n      \/* vertical shade *\/\r\n      '<path d=\"M'+tL+','+topY+' L'+tR+','+topY+' L'+bR+','+botY+' L'+bL+','+botY+' Z\" fill=\"url(#'+idV+')\"\/>',\r\n      \/* bottom hole *\/\r\n      '<ellipse cx=\"'+CX+'\" cy=\"'+botY+'\" rx=\"'+bRx+'\" ry=\"'+HOLERY+'\" fill=\"url(#'+idH+')\"\/>',\r\n      \/* top rim *\/\r\n      '<ellipse cx=\"'+CX+'\" cy=\"'+topY+'\" rx=\"'+tRx+'\" ry=\"'+RIMRY+'\" fill=\"url(#'+idR+')\"\/>',\r\n      \/* rim specular *\/\r\n      '<ellipse cx=\"'+CX+'\" cy=\"'+(topY-5)+'\" rx=\"'+Math.round(tRx*0.60)+'\" ry=\"'+Math.round(RIMRY*0.34)+'\" fill=\"white\" opacity=\"0.21\"\/>',\r\n      '<\/g>',\r\n\r\n      \/* \u2500\u2500 LABEL GROUP (clipped to body trapezoid) \u2500\u2500 *\/\r\n      '<g clip-path=\"url(#'+idCP+')\" filter=\"url(#tf_'+i+')\" pointer-events=\"none\">',\r\n\r\n      \/* badge circle *\/\r\n      '<circle cx=\"'+badgeCX+'\" cy=\"'+midY+'\" r=\"'+BADGE_R+'\"',\r\n      '  fill=\"rgba(255,255,255,0.25)\"',\r\n      '  stroke=\"rgba(255,255,255,0.70)\"',\r\n      '  stroke-width=\"1.5\"\/>',\r\n\r\n      \/* badge number *\/\r\n      '<text x=\"'+badgeCX+'\" y=\"'+midY+'\"',\r\n      '  text-anchor=\"middle\" dominant-baseline=\"central\"',\r\n      '  font-family=\"\\'Fraunces\\',serif\"',\r\n      '  font-size=\"10\" font-weight=\"700\"',\r\n      '  fill=\"rgba(255,255,255,0.98)\">',\r\n      d.num,\r\n      '<\/text>',\r\n\r\n      \/* layer label \u2014 text-anchor:start from labelStartX, group is centred overall *\/\r\n      '<text x=\"'+labelStartX+'\" y=\"'+midY+'\"',\r\n      '  text-anchor=\"start\" dominant-baseline=\"central\"',\r\n      '  font-family=\"\\'DM Sans\\',sans-serif\"',\r\n      '  font-size=\"'+fs+'\" font-weight=\"600\"',\r\n      '  letter-spacing=\"0.03em\"',\r\n      '  fill=\"rgba(255,255,255,0.97)\">',\r\n      label,\r\n      '<\/text>',\r\n\r\n      '<\/g>'\r\n    ].join('');\r\n\r\n    var wrap = document.createElement('div');\r\n    wrap.className = 'funnel-layer';\r\n    wrap.setAttribute('data-index', String(i));\r\n    wrap.setAttribute('tabindex', '0');\r\n    wrap.setAttribute('role', 'button');\r\n    wrap.setAttribute('aria-label', 'Layer '+(i+1)+': '+d.title+'. Click to learn more.');\r\n    wrap.setAttribute('aria-pressed', 'false');\r\n    if(i > 0) wrap.style.marginBottom = '-'+OVERLAP+'px';\r\n    wrap.appendChild(svgEl);\r\n    funnelEl.appendChild(wrap);\r\n    layerEls.push(wrap);\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     PANEL: DESKTOP\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var panelEmpty  = document.getElementById('panelEmpty');\r\n  var panelDetail = document.getElementById('panelDetail');\r\n  var panelStripe = document.getElementById('panelStripe');\r\n  var panelBadge  = document.getElementById('panelBadge');\r\n  var panelNum    = document.getElementById('panelNum');\r\n  var panelLayer  = document.getElementById('panelLayer');\r\n  var panelTitle  = document.getElementById('panelTitle');\r\n  var panelDesc   = document.getElementById('panelDesc');\r\n  var panelInsight= document.getElementById('panelInsight');\r\n  var panelCount  = document.getElementById('panelCount');\r\n  var panelClose  = document.getElementById('panelClose');\r\n  var panelPrev   = document.getElementById('panelPrev');\r\n  var panelNext   = document.getElementById('panelNext');\r\n\r\n  \/* MOBILE detail *\/\r\n  var mobileDetail = document.getElementById('mobileDetail');\r\n\r\n  var activeIdx = -1;\r\n\r\n  function renderDesktopPanel(idx){\r\n    var d = data[idx];\r\n    panelStripe.style.background  = d.grad;\r\n    panelBadge.style.background   = d.grad;\r\n    panelNum.textContent           = d.num;\r\n    panelLayer.textContent         = 'Layer '+(idx+1)+' of '+data.length;\r\n    panelTitle.textContent         = d.title;\r\n    panelDesc.textContent          = d.desc;\r\n    panelInsight.textContent       = d.insight;\r\n    panelCount.textContent         = (idx+1)+' \/ '+data.length;\r\n    panelPrev.disabled             = idx === 0;\r\n    panelNext.disabled             = idx === data.length - 1;\r\n\r\n    panelEmpty.classList.add('hidden');\r\n    panelDetail.classList.add('visible');\r\n  }\r\n\r\n  function renderMobilePanel(idx){\r\n    var d = data[idx];\r\n    mobileDetail.innerHTML = [\r\n      '<div style=\"background:var(--bg);border:1.5px solid var(--border);border-radius:20px;overflow:hidden;',\r\n      'box-shadow:0 4px 24px rgba(0,0,0,0.10);\">',\r\n      '<div style=\"height:4px;background:'+d.grad+'\"><\/div>',\r\n      '<div style=\"padding:24px 22px 22px;\">',\r\n      '<div style=\"display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;\">',\r\n      '<div style=\"width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;',\r\n      'justify-content:center;background:'+d.grad+';position:relative;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,0.18);\">',\r\n      '<span style=\"font-family:Fraunces,serif;font-size:0.9rem;font-weight:700;color:#fff;position:relative;z-index:1;\">'+d.num+'<\/span>',\r\n      '<\/div>',\r\n      '<div style=\"flex:1;\">',\r\n      '<div style=\"font-size:0.65rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;\">Layer '+(idx+1)+' of '+data.length+'<\/div>',\r\n      '<h3 style=\"font-family:Fraunces,serif;font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.3;letter-spacing:-0.015em;\">'+d.title+'<\/h3>',\r\n      '<\/div>',\r\n      '<\/div>',\r\n      '<div style=\"height:1px;background:var(--border);margin-bottom:16px;\"><\/div>',\r\n      '<p style=\"font-size:0.9rem;font-weight:300;color:var(--body);line-height:1.85;margin-bottom:16px;\">'+d.desc+'<\/p>',\r\n      '<div style=\"display:flex;gap:10px;padding:14px 16px;background:var(--red-light);border-left:3px solid var(--red);border-radius:0 10px 10px 0;\">',\r\n      '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--red)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:1px;\">',\r\n      '<path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3M6.343 6.343l-.707-.707M10.34 15.66A4 4 0 1 1 15.66 10.34\"\/>',\r\n      '<\/svg>',\r\n      '<p style=\"font-size:0.84rem;font-weight:500;color:var(--navy);line-height:1.65;\">'+d.insight+'<\/p>',\r\n      '<\/div>',\r\n      '<\/div>',\r\n      '<\/div>'\r\n    ].join('');\r\n    mobileDetail.classList.add('is-open');\r\n  }\r\n\r\n  function openPanel(idx){\r\n    activeIdx = idx;\r\n\r\n    \/* highlight layer *\/\r\n    layerEls.forEach(function(el, j){\r\n      el.classList.toggle('is-active', j === idx);\r\n      el.setAttribute('aria-pressed', j === idx ? 'true' : 'false');\r\n      el.classList.toggle('is-dimmed', j !== idx);\r\n    });\r\n\r\n    \/* highlight card *\/\r\n    document.querySelectorAll('.gfs-card').forEach(function(c, j){\r\n      c.classList.toggle('is-active', j === idx);\r\n      c.classList.toggle('is-dimmed', j !== idx);\r\n    });\r\n\r\n    \/* desktop *\/\r\n    renderDesktopPanel(idx);\r\n\r\n    \/* mobile *\/\r\n    renderMobilePanel(idx);\r\n    setTimeout(function(){\r\n      mobileDetail.scrollIntoView({behavior:'smooth',block:'nearest'});\r\n    }, 80);\r\n  }\r\n\r\n  function closePanel(){\r\n    activeIdx = -1;\r\n    layerEls.forEach(function(el){\r\n      el.classList.remove('is-active','is-dimmed');\r\n      el.setAttribute('aria-pressed','false');\r\n    });\r\n    document.querySelectorAll('.gfs-card').forEach(function(c){\r\n      c.classList.remove('is-active','is-dimmed');\r\n    });\r\n    panelEmpty.classList.remove('hidden');\r\n    panelDetail.classList.remove('visible');\r\n    mobileDetail.classList.remove('is-open');\r\n  }\r\n\r\n  \/* nav buttons *\/\r\n  panelPrev.addEventListener('click', function(){ if(activeIdx > 0) openPanel(activeIdx-1); });\r\n  panelNext.addEventListener('click', function(){ if(activeIdx < data.length-1) openPanel(activeIdx+1); });\r\n  panelClose.addEventListener('click', closePanel);\r\n\r\n  \/* keyboard arrow navigation when panel is open *\/\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape'){ closePanel(); return; }\r\n    if(activeIdx === -1) return;\r\n    if(e.key === 'ArrowDown' || e.key === 'ArrowRight'){\r\n      e.preventDefault();\r\n      if(activeIdx < data.length-1) openPanel(activeIdx+1);\r\n    }\r\n    if(e.key === 'ArrowUp' || e.key === 'ArrowLeft'){\r\n      e.preventDefault();\r\n      if(activeIdx > 0) openPanel(activeIdx-1);\r\n    }\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     LAYER EVENTS\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  layerEls.forEach(function(el, i){\r\n    el.addEventListener('click', function(){\r\n      if(activeIdx === i){ closePanel(); }\r\n      else{ openPanel(i); }\r\n    });\r\n    el.addEventListener('keydown', function(e){\r\n      if(e.key==='Enter'||e.key===' '){ e.preventDefault(); el.click(); }\r\n    });\r\n  });\r\n\r\n  \/* outside click *\/\r\n  document.addEventListener('click', function(e){\r\n    if(activeIdx === -1) return;\r\n    var inF = funnelEl.contains(e.target);\r\n    var inP = document.getElementById('panelRight').contains(e.target);\r\n    var inM = mobileDetail.contains(e.target);\r\n    var inC = e.target.closest('.gfs-card');\r\n    if(!inF && !inP && !inM && !inC) closePanel();\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     CARD EVENTS\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/* apply colours to cards *\/\r\n  data.forEach(function(d, i){\r\n    var card = document.querySelector('.gfs-card[data-i=\"'+i+'\"]');\r\n    if(!card) return;\r\n    card.querySelector('.gfs-card__bar').style.background   = d.grad;\r\n    card.querySelector('.gfs-card__badge').style.background = d.grad;\r\n  });\r\n\r\n  var cards = Array.from(document.querySelectorAll('.gfs-card'));\r\n\r\n  \/* hover dims non-matching layers *\/\r\n  cards.forEach(function(card, i){\r\n    card.addEventListener('mouseenter', function(){\r\n      if(activeIdx !== -1) return; \/* don't override active state *\/\r\n      layerEls.forEach(function(el, j){\r\n        el.classList.toggle('is-dimmed', j !== i);\r\n      });\r\n    });\r\n    card.addEventListener('mouseleave', function(){\r\n      if(activeIdx !== -1) return;\r\n      layerEls.forEach(function(el){ el.classList.remove('is-dimmed'); });\r\n    });\r\n\r\n    \/* click card \u2192 open panel + scroll funnel into view *\/\r\n    card.addEventListener('click', function(){\r\n      openPanel(i);\r\n      \/* scroll funnel section into view on mobile *\/\r\n      if(window.innerWidth <= 900){\r\n        funnelEl.scrollIntoView({behavior:'smooth', block:'center'});\r\n      }\r\n    });\r\n    card.addEventListener('keydown', function(e){\r\n      if(e.key==='Enter'||e.key===' '){ e.preventDefault(); card.click(); }\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SCROLL REVEAL\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/* Cards *\/\r\n  var cardObs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('revealed'); cardObs.unobserve(e.target); }\r\n    });\r\n  },{threshold:0.08});\r\n  cards.forEach(function(c){ cardObs.observe(c); });\r\n\r\n  \/* Header + funnel *\/\r\n  var srObs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('in'); srObs.unobserve(e.target); }\r\n    });\r\n  },{threshold:0.1});\r\n  document.querySelectorAll('.sr').forEach(function(el){ srObs.observe(el); });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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-d123775 e-con-full e-flex e-con e-parent\" data-id=\"d123775\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1068159 e-con-full e-flex e-con e-child\" data-id=\"1068159\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6bbf7ba e-con-full e-flex e-con e-child\" data-id=\"6bbf7ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d419a5 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2d419a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" 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\">Ready To Strengthen Your <br> <span style=\"color:#FF4F47\">Growth Engine?<\/span><\/h2>\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-182fa26 e-con-full e-flex e-con e-child\" data-id=\"182fa26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0607141 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0607141\" 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>If you want to eliminate revenue leaks and build a more efficient funnel, Digital Byteteck is built to help.<\/p><p><span style=\"color: #ff4f47;\">Explore<\/span> our growth systems or connect with a strategist to see how small optimizations can unlock meaningful results.<\/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-51f22aa elementor-widget__width-initial elementor-hidden-mobile elementor-button-align-stretch elementor-invisible elementor-widget elementor-widget-form\" data-id=\"51f22aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;50&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"31593\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"51f22aa\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Fix Marketing Funnel - Digital ByteTeck\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"31593\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Start your AI-powered SEO journey \" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-50 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-xs\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request Your Free Proposal Now!<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caeb6c0 elementor-button-align-start elementor-tablet-button-align-center elementor-mobile-button-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-form\" data-id=\"caeb6c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;40&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width_tablet&quot;:&quot;100&quot;,&quot;button_width_mobile&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Free Quote Form\" aria-label=\"Free Quote Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"31593\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"caeb6c0\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Fix Marketing Funnel - Digital ByteTeck\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"31593\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-url elementor-field-group elementor-column elementor-field-group-field_a77b9ab elementor-col-50 elementor-md-100 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"url\" name=\"form_fields[field_a77b9ab]\" id=\"form-field-field_a77b9ab\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"   Enter your website\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons elementor-md-100 elementor-sm-100\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send me a Proposal<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fix Your Marketing Funnel And Discover How To Increase Online Revenue Growth Funnel Section Funnel Diagnostic Your funnel isn&#8217;t broken \u2014 it&#8217;s leaking revenue. At every stage of your inbound journey, potential customers quietly disengage. Traffic that never converts, leads that stall, opportunities that simply fade. While some drop-off is natural, most revenue loss is [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-31593","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Fix Marketing Funnel - Digital ByteTeck<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fix Marketing Funnel - Digital ByteTeck\" \/>\n<meta property=\"og:description\" content=\"Fix Your Marketing Funnel And Discover How To Increase Online Revenue Growth Funnel Section Funnel Diagnostic Your funnel isn&#8217;t broken \u2014 it&#8217;s leaking revenue. At every stage of your inbound journey, potential customers quietly disengage. Traffic that never converts, leads that stall, opportunities that simply fade. While some drop-off is natural, most revenue loss is [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital ByteTeck\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T15:58:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/\",\"url\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/\",\"name\":\"Fix Marketing Funnel - Digital ByteTeck\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg\",\"datePublished\":\"2026-02-18T16:56:38+00:00\",\"dateModified\":\"2026-02-19T15:58:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage\",\"url\":\"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg\",\"contentUrl\":\"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg\",\"width\":441,\"height\":100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.digitalbyteteck.com\/ca\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fix Marketing Funnel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#website\",\"url\":\"https:\/\/www.digitalbyteteck.com\/ca\/\",\"name\":\"Digital Byteteck\",\"description\":\"Best Digital Marketing Agency in North America\",\"publisher\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#organization\"},\"alternateName\":\"Digital Byteteck\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.digitalbyteteck.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#organization\",\"name\":\"Digital Byteteck\",\"url\":\"https:\/\/www.digitalbyteteck.com\/ca\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Digital Byteteck\"},\"image\":{\"@id\":\"https:\/\/www.digitalbyteteck.com\/ca\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fix Marketing Funnel - Digital ByteTeck","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/","og_locale":"en_US","og_type":"article","og_title":"Fix Marketing Funnel - Digital ByteTeck","og_description":"Fix Your Marketing Funnel And Discover How To Increase Online Revenue Growth Funnel Section Funnel Diagnostic Your funnel isn&#8217;t broken \u2014 it&#8217;s leaking revenue. At every stage of your inbound journey, potential customers quietly disengage. Traffic that never converts, leads that stall, opportunities that simply fade. While some drop-off is natural, most revenue loss is [&hellip;]","og_url":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/","og_site_name":"Digital ByteTeck","article_modified_time":"2026-02-19T15:58:00+00:00","og_image":[{"url":"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/","url":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/","name":"Fix Marketing Funnel - Digital ByteTeck","isPartOf":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg","datePublished":"2026-02-18T16:56:38+00:00","dateModified":"2026-02-19T15:58:00+00:00","breadcrumb":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#primaryimage","url":"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg","contentUrl":"https:\/\/www.digitalbyteteck.com\/ca\/wp-content\/uploads\/2026\/02\/Group-405.svg","width":441,"height":100},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalbyteteck.com\/ca\/fix-marketing-funnel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.digitalbyteteck.com\/ca\/"},{"@type":"ListItem","position":2,"name":"Fix Marketing Funnel"}]},{"@type":"WebSite","@id":"https:\/\/www.digitalbyteteck.com\/ca\/#website","url":"https:\/\/www.digitalbyteteck.com\/ca\/","name":"Digital Byteteck","description":"Best Digital Marketing Agency in North America","publisher":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/#organization"},"alternateName":"Digital Byteteck","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitalbyteteck.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.digitalbyteteck.com\/ca\/#organization","name":"Digital Byteteck","url":"https:\/\/www.digitalbyteteck.com\/ca\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalbyteteck.com\/ca\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Digital Byteteck"},"image":{"@id":"https:\/\/www.digitalbyteteck.com\/ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/pages\/31593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/comments?post=31593"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/pages\/31593\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalbyteteck.com\/ca\/wp-json\/wp\/v2\/media?parent=31593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}