{"id":1707,"date":"2026-08-20T15:21:27","date_gmt":"2026-08-20T15:21:27","guid":{"rendered":"https:\/\/togrowagencia.com\/en\/?page_id=1707"},"modified":"2026-08-24T22:22:01","modified_gmt":"2026-08-24T22:22:01","slug":"marketing-digital","status":"publish","type":"page","link":"https:\/\/togrowagencia.com\/en\/marketing-digital\/","title":{"rendered":"Marketing Digital"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1707\" class=\"elementor elementor-1707\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d80fe28 e-flex e-con-boxed e-con e-parent\" data-id=\"d80fe28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab2b33d elementor-widget elementor-widget-html\" data-id=\"ab2b33d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-hero\" class=\"tgus-marketing-hero\">\r\n  <style>\r\n    #tgus-marketing-hero {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-d: #2563eb;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-violet-d: #6d5ef0;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-spring: cubic-bezier(.34,1.4,.4,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n      height: 100vh;\r\n      min-height: 640px;\r\n    }\r\n    #tgus-marketing-hero *, #tgus-marketing-hero *::before, #tgus-marketing-hero *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-hero .tgus-mk-stage {\r\n      position: relative;\r\n      width: 100%; height: 100%;\r\n      overflow: hidden;\r\n      display: flex; align-items: center; justify-content: center;\r\n      padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 5vw, 4rem);\r\n    }\r\n\r\n    \/* ---------- DriftWall background (vanilla port) ---------- *\/\r\n    #tgus-marketing-hero .tgus-dw {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      overflow: hidden;\r\n      --dw-tile-w: 148px;\r\n      --dw-tile-h: 98px;\r\n      --dw-gap: 16px;\r\n      --dw-radius: 12px;\r\n      --dw-lift: 46px;\r\n      --dw-dim: 0.5;\r\n      -webkit-mask-image: linear-gradient(to top, #000 55%, transparent 100%);\r\n      mask-image: linear-gradient(to top, #000 55%, transparent 100%);\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-plane {\r\n      position: absolute; top: 50%; left: 50%;\r\n      display: flex; flex-direction: row;\r\n      transform: translate(-50%, -50%) scale(1.06);\r\n      transform-origin: 50% 50%;\r\n      will-change: transform;\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-col {\r\n      position: relative;\r\n      width: calc(var(--dw-tile-w) + var(--dw-gap));\r\n      transform-style: preserve-3d;\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-track {\r\n      display: flex; flex-direction: column;\r\n      will-change: transform;\r\n      transform-style: preserve-3d;\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-tile {\r\n      position: relative; display: block; width: 100%;\r\n      height: calc(var(--dw-tile-h) + var(--dw-gap));\r\n      flex: 0 0 auto;\r\n      transform-style: preserve-3d;\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-inner {\r\n      position: absolute; inset: calc(var(--dw-gap) \/ 2);\r\n      border-radius: var(--dw-radius);\r\n      overflow: hidden;\r\n      background: var(--tgus-bg-2);\r\n      opacity: var(--dw-dim);\r\n      transform: translateZ(0);\r\n      display: flex; align-items: center; justify-content: center;\r\n      transition: transform .42s var(--tgus-ease), opacity .42s var(--tgus-ease), box-shadow .42s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-inner img {\r\n      width: 100%; height: 100%; object-fit: cover; display: block;\r\n      filter: saturate(0.9);\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-overlay {\r\n      position: absolute; inset: 0; background: #060010; opacity: .38;\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-tile.is-active .tgus-dw-inner {\r\n      opacity: 1;\r\n      transform: translateZ(var(--dw-lift));\r\n      box-shadow: 0 24px 60px -18px rgba(0,0,0,.7);\r\n    }\r\n    #tgus-marketing-hero .tgus-dw-tile.is-active .tgus-dw-overlay { opacity: 0; }\r\n\r\n    \/* ambient vignette so the wall fades into the bg toward the edges *\/\r\n    #tgus-marketing-hero .tgus-mk-vignette {\r\n      position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n      background: radial-gradient(ellipse 70% 65% at 50% 50%, transparent 30%, var(--tgus-bg-0) 82%);\r\n    }\r\n\r\n    #tgus-marketing-hero .tgus-mk-content {\r\n      position: relative; z-index: 3;\r\n      max-width: 1040px; text-align: center;\r\n      opacity: 0;\r\n      transition: opacity .9s var(--tgus-ease), transform .9s var(--tgus-ease);\r\n      transform: translateY(14px);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-hero .tgus-mk-content.tgus-mk-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }\r\n\r\n    #tgus-marketing-hero .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .74rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 .9rem !important;\r\n    }\r\n    #tgus-marketing-hero .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n\r\n    #tgus-marketing-hero h1 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(2.6rem, 6.4vw, 4.8rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1.1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      white-space: normal;\r\n    }\r\n    #tgus-marketing-hero .tgus-reveal {\r\n      display: inline-block;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      color: transparent;\r\n      background-size: 100% 100%;\r\n      padding-bottom: .1em;\r\n    }\r\n    #tgus-marketing-hero .tgus-grad-word { display: inline-block; color: transparent; padding-bottom: .1em; }\r\n    #tgus-marketing-hero .tgus-grad-word.tgus-grad-active {\r\n      background-image: linear-gradient(to right, var(--tgus-cyan), var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan));\r\n      background-size: 300% 100%;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      animation: tgus-mk-grad-move 3.2s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes tgus-mk-grad-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n\r\n    #tgus-marketing-hero p.tgus-mk-sub {\r\n      font-size: clamp(.88rem, 1.5vw, 1.02rem) !important;\r\n      line-height: 1.6 !important;\r\n      color: #c7c7d3 !important;\r\n      max-width: 480px; margin: 0 auto 1.75rem !important;\r\n    }\r\n    #tgus-marketing-hero p.tgus-mk-sub strong { color: var(--tgus-text) !important; font-weight: 700 !important; }\r\n\r\n    #tgus-marketing-hero .tgus-mk-ctas { display: flex; gap: .9rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.75rem; }\r\n\r\n    #tgus-marketing-hero .tgus-btn-wrapper { position: relative; display: inline-block; isolation: isolate; }\r\n    #tgus-marketing-hero .tgus-btn {\r\n      --border-radius: 999px; --pad: 4px; --transition: .4s; --hue: 200deg;\r\n      position: relative; isolation: isolate; user-select: none;\r\n      display: flex; align-items: center; justify-content: center; gap: .5em;\r\n      padding: .7em .95em .7em 1.15em;\r\n      font-family: var(--tgus-font-body) !important; font-size: 1rem !important; font-weight: 600 !important;\r\n      text-decoration: none !important; color: var(--tgus-text) !important;\r\n      background-color: #111219; border: solid 1px rgba(255,255,255,.14); border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 2px 2px rgba(255,255,255,.15), inset 0 4px 4px rgba(255,255,255,.08), inset 0 8px 8px rgba(255,255,255,.04);\r\n      transition: box-shadow var(--transition), border-color var(--transition), background-color var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-marketing-hero .tgus-btn::before {\r\n      content: ''; position: absolute; z-index: -1;\r\n      top: calc(-1 * var(--pad)); left: calc(-1 * var(--pad));\r\n      width: calc(100% + var(--pad) * 2); height: calc(100% + var(--pad) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--pad)); pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      box-shadow: 1px 1px 1px #fff2, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001;\r\n      transition: box-shadow var(--transition);\r\n    }\r\n    #tgus-marketing-hero .tgus-btn::after {\r\n      content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, hsl(var(--hue) 100% 70%), hsla(var(--hue),100%,70%,.5) 8%, transparent);\r\n      opacity: 0; transition: opacity var(--transition);\r\n    }\r\n    #tgus-marketing-hero .tgus-btn:hover { border-color: hsla(var(--hue),100%,80%,.4); transform: translateY(-1px); }\r\n    #tgus-marketing-hero .tgus-btn:hover::after { opacity: 1; mask-image: linear-gradient(0deg, #fff, transparent); }\r\n    #tgus-marketing-hero .tgus-btn:focus-visible { outline: 2px solid var(--tgus-cyan); outline-offset: 3px; }\r\n    #tgus-marketing-hero .tgus-btn-primary { background-image: linear-gradient(180deg, var(--tgus-blue), var(--tgus-blue-d)); border-color: rgba(255,255,255,.22); }\r\n    #tgus-marketing-hero .tgus-btn-primary::after { background-image: linear-gradient(0deg, #fff, hsl(190 100% 75%), hsla(190,100%,75%,.5) 8%, transparent); }\r\n    #tgus-marketing-hero .tgus-btn-svg { width: 1.1em; height: 1.1em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }\r\n    #tgus-marketing-hero .tgus-letters { position: relative; z-index: 2; display: inline-flex; }\r\n    #tgus-marketing-hero .tgus-letter {\r\n      position: relative; display: inline-block; color: #fff !important;\r\n      opacity: 0; transform: translateY(4px);\r\n      animation: tgus-mk-letter-in .4s var(--tgus-ease) forwards;\r\n      animation-delay: calc(var(--i, 0) * 22ms);\r\n    }\r\n    @keyframes tgus-mk-letter-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    @media (max-width: 640px) {\r\n      #tgus-marketing-hero .tgus-dw { --dw-tile-w: 108px; --dw-tile-h: 72px; --dw-gap: 12px; --dw-lift: 32px; }\r\n      #tgus-marketing-hero .tgus-mk-ctas { flex-direction: column; align-items: stretch; }\r\n      #tgus-marketing-hero .tgus-btn { justify-content: center; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-hero .tgus-dw-plane, #tgus-marketing-hero .tgus-dw-track { will-change: auto !important; }\r\n      #tgus-marketing-hero .tgus-mk-content { transition: none !important; opacity: 1 !important; transform: none !important; }\r\n      #tgus-marketing-hero .tgus-grad-word.tgus-grad-active { animation: none !important; background-position: 50% 50% !important; }\r\n      #tgus-marketing-hero .tgus-letter { animation-duration: .01ms !important; opacity: 1 !important; transform: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mk-stage\" id=\"tgus-mk-stage\">\r\n    <div class=\"tgus-dw\" id=\"tgus-dw\" aria-hidden=\"true\">\r\n      <div class=\"tgus-dw-plane\" id=\"tgus-dw-plane\"><\/div>\r\n    <\/div>\r\n    <div class=\"tgus-mk-vignette\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"tgus-mk-content\" id=\"tgus-mk-content\">\r\n      <h1><span class=\"tgus-reveal\" id=\"tgus-mk-reveal-1\">Traffic without a <span class=\"tgus-grad-word\">system<\/span><\/span><br><span class=\"tgus-reveal\" id=\"tgus-mk-reveal-2\">doesn't turn into revenue.<\/span><\/h1>\r\n      <p class=\"tgus-mk-sub\">\r\n        We run <strong>paid ads, SEO and content<\/strong> as one connected strategy, then automate what happens\r\n        after someone clicks \u2014 so leads get <strong>followed up<\/strong>, not lost.\r\n      <\/p>\r\n      <div class=\"tgus-mk-ctas\">\r\n        <span class=\"tgus-btn-wrapper\">\r\n          <a class=\"tgus-btn tgus-btn-primary\" href=\"https:\/\/api.whatsapp.com\/send?phone=573103597580\" aria-label=\"Book a call\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"tgus-letters\" aria-hidden=\"true\" data-tgus-letters>Book a call<\/span>\r\n            <svg class=\"tgus-btn-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/span>\r\n        <span class=\"tgus-btn-wrapper\">\r\n          <a class=\"tgus-btn\" href=\"#tgus-marketing-process\" aria-label=\"See how it works\">\r\n            <span class=\"tgus-letters\" aria-hidden=\"true\" data-tgus-letters>See how it works<\/span>\r\n          <\/a>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-hero');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/* ---------- letter split + reveal-sweep, same mechanism as the rest of the site ---------- *\/\r\n      root.querySelectorAll('[data-tgus-letters]').forEach(function(el){\r\n        var text = el.textContent; el.textContent = '';\r\n        text.split('').forEach(function(ch, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-letter'; span.style.setProperty('--i', i);\r\n          span.textContent = ch === ' ' ? '\\u00A0' : ch;\r\n          el.appendChild(span);\r\n        });\r\n      });\r\n\r\n      function runReveal(ids){\r\n        var revealLines = ids.map(function(sel){ return root.querySelector(sel); }).filter(Boolean);\r\n        if(!revealLines.length) return;\r\n        var TGUS_COLORS = ['#5ec8f2', '#3b82f6', '#8b7cf6', '#ffffff', '#6d5ef0'];\r\n        var TGUS_TEXT_COLOR = '#f4f4f8';\r\n        var BAND_HALF = 17, SWEEP_START = -BAND_HALF, SWEEP_END = 100 + BAND_HALF;\r\n        var sweepEase = function(t){ return t < 0.5 ? 4*t*t*t : 1 - Math.pow(-2*t+2, 3) \/ 2; };\r\n        var buildGradient = function(pos){\r\n          var bandStart = pos - BAND_HALF, bandEnd = pos + BAND_HALF;\r\n          if(bandStart >= 100) return 'linear-gradient(90deg,' + TGUS_TEXT_COLOR + ',' + TGUS_TEXT_COLOR + ')';\r\n          var n = TGUS_COLORS.length, parts = [];\r\n          if(bandStart > 0) parts.push(TGUS_TEXT_COLOR + ' 0%', TGUS_TEXT_COLOR + ' ' + bandStart.toFixed(2) + '%');\r\n          TGUS_COLORS.forEach(function(c, i){\r\n            var pct = n === 1 ? pos : bandStart + (i \/ (n - 1)) * BAND_HALF * 2;\r\n            parts.push(c + ' ' + pct.toFixed(2) + '%');\r\n          });\r\n          if(bandEnd < 100) parts.push('transparent ' + bandEnd.toFixed(2) + '%', 'transparent 100%');\r\n          return 'linear-gradient(90deg,' + parts.join(',') + ')';\r\n        };\r\n        var activate = function(el){ var w = el.querySelector('.tgus-grad-word'); if(w) w.classList.add('tgus-grad-active'); };\r\n        var sweepOne = function(el, duration, onDone){\r\n          var start = performance.now();\r\n          el.style.backgroundImage = buildGradient(SWEEP_START);\r\n          function tick(){\r\n            var t = Math.min((performance.now() - start) \/ duration, 1);\r\n            var pos = SWEEP_START + (SWEEP_END - SWEEP_START) * sweepEase(t);\r\n            el.style.backgroundImage = buildGradient(pos);\r\n            if(t < 1) requestAnimationFrame(tick); else { activate(el); if(onDone) onDone(); }\r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        if(reduceMotion){\r\n          revealLines.forEach(function(el){ el.style.backgroundImage = buildGradient(SWEEP_END); activate(el); });\r\n        } else {\r\n          sweepOne(revealLines[0], 650, function(){\r\n            if(revealLines[1]) setTimeout(function(){ sweepOne(revealLines[1], 650); }, 70);\r\n          });\r\n        }\r\n      }\r\n\r\n      \/* ---------- DriftWall background: vanilla port, runs independently of scroll ---------- *\/\r\n      var dw = root.querySelector('#tgus-dw');\r\n      var dwPlane = root.querySelector('#tgus-dw-plane');\r\n      var DW_COLUMNS = 7;\r\n      var DW_IMAGES = [\r\n        'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=300&h=200&fit=crop&q=60', \/\/ analytics dashboard\r\n        'https:\/\/images.unsplash.com\/photo-1533750349088-cd871a92f312?w=300&h=200&fit=crop&q=60', \/\/ social media phone\r\n        'https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?w=300&h=200&fit=crop&q=60', \/\/ seo\/search\r\n        'https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?w=300&h=200&fit=crop&q=60', \/\/ marketing team whiteboard\r\n        'https:\/\/images.unsplash.com\/photo-1553729459-efe14ef6055d?w=300&h=200&fit=crop&q=60', \/\/ charts\/growth\r\n        'https:\/\/images.unsplash.com\/photo-1557838923-2985c318be48?w=300&h=200&fit=crop&q=60', \/\/ laptop analytics\r\n        'https:\/\/images.unsplash.com\/photo-1611926653458-09294b3142bf?w=300&h=200&fit=crop&q=60', \/\/ content calendar\r\n        'https:\/\/images.unsplash.com\/photo-1571677246347-5040036b95cc?w=300&h=200&fit=crop&q=60', \/\/ ads\/campaign\r\n        'https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=300&h=200&fit=crop&q=60', \/\/ meeting\/strategy\r\n        'https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?w=300&h=200&fit=crop&q=60', \/\/ office\/team\r\n        'https:\/\/images.unsplash.com\/photo-1590650046871-92c887180603?w=300&h=200&fit=crop&q=60', \/\/ email marketing\r\n        'https:\/\/images.unsplash.com\/photo-1504868584819-f8e8b4b6d7e3?w=300&h=200&fit=crop&q=60'  \/\/ data screen\r\n      ];\r\n\r\n      function buildDriftWall(){\r\n        dwPlane.innerHTML = '';\r\n        var rect = dw.getBoundingClientRect();\r\n        var isMobile = rect.width < 640;\r\n        var tileW = isMobile ? 108 : 148;\r\n        var tileH = isMobile ? 72 : 98;\r\n        var gap = isMobile ? 12 : 16;\r\n        var unit = tileH + gap;\r\n        var itemsPerCol = 6;\r\n        var copyHeight = unit * itemsPerCol;\r\n        var copies = Math.max(2, Math.ceil((rect.height * 1.6) \/ copyHeight) + 1);\r\n        DW_COLUMNS = Math.max(7, Math.ceil(rect.width \/ (tileW + gap)) + 2);\r\n\r\n        var tracks = [];\r\n        var offsets = [];\r\n        var velocities = [];\r\n        var bases = [];\r\n\r\n        for(var c = 0; c < DW_COLUMNS; c++){\r\n          var col = document.createElement('div');\r\n          col.className = 'tgus-dw-col';\r\n          var track = document.createElement('div');\r\n          track.className = 'tgus-dw-track';\r\n\r\n          for(var cp = 0; cp < copies; cp++){\r\n            for(var it = 0; it < itemsPerCol; it++){\r\n              var tile = document.createElement('div');\r\n              tile.className = 'tgus-dw-tile';\r\n              var imgIdx = (c * itemsPerCol + it) % DW_IMAGES.length;\r\n              tile.innerHTML =\r\n                '<div class=\"tgus-dw-inner\">' +\r\n                  '<img src=\"' + DW_IMAGES[imgIdx] + '\" alt=\"\" loading=\"lazy\" decoding=\"async\">' +\r\n                  '<div class=\"tgus-dw-overlay\"><\/div>' +\r\n                '<\/div>';\r\n              (function(tileEl){\r\n                tileEl.addEventListener('mouseenter', function(){ tileEl.classList.add('is-active'); });\r\n                tileEl.addEventListener('mouseleave', function(){ tileEl.classList.remove('is-active'); });\r\n              })(tile);\r\n              track.appendChild(tile);\r\n            }\r\n          }\r\n          col.appendChild(track);\r\n          dwPlane.appendChild(col);\r\n          tracks.push(track);\r\n\r\n          var dirSign = c % 2 === 0 ? 1 : -1;\r\n          var pseudo = ((c * 0.6180339887 + 0.35) % 1) * 2 - 1;\r\n          var speed = 30 * (1 + 0.45 * pseudo) * dirSign;\r\n          bases.push(speed);\r\n          offsets.push(copyHeight * ((c * 0.37) % 1));\r\n          velocities.push(speed);\r\n        }\r\n\r\n        return { tracks: tracks, offsets: offsets, velocities: velocities, bases: bases, copyHeight: copyHeight };\r\n      }\r\n\r\n      var dwState = buildDriftWall();\r\n      var lastTs = null;\r\n\r\n      function dwTick(ts){\r\n        if(lastTs === null) lastTs = ts;\r\n        var dt = Math.min(0.05, Math.max(0, ts - lastTs) \/ 1000);\r\n        lastTs = ts;\r\n\r\n        if(!reduceMotion){\r\n          for(var c = 0; c < dwState.tracks.length; c++){\r\n            var ease = 1 - Math.exp(-dt \/ 0.28);\r\n            dwState.velocities[c] += (dwState.bases[c] - dwState.velocities[c]) * ease;\r\n            var next = dwState.offsets[c] + dwState.velocities[c] * dt;\r\n            next = ((next % dwState.copyHeight) + dwState.copyHeight) % dwState.copyHeight;\r\n            dwState.offsets[c] = next;\r\n            dwState.tracks[c].style.transform = 'translate3d(0,' + (-next).toFixed(1) + 'px,0)';\r\n          }\r\n        }\r\n        requestAnimationFrame(dwTick);\r\n      }\r\n      requestAnimationFrame(dwTick);\r\n\r\n      var resizeTimer;\r\n      window.addEventListener('resize', function(){\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function(){ dwState = buildDriftWall(); }, 200);\r\n      });\r\n\r\n      \/* ---------- hero copy fade-in (no scroll effects) ---------- *\/\r\n      var contentEl = root.querySelector('#tgus-mk-content');\r\n\r\n      if(reduceMotion){\r\n        contentEl.classList.add('tgus-mk-visible');\r\n        runReveal(['#tgus-mk-reveal-1', '#tgus-mk-reveal-2']);\r\n      } else {\r\n        setTimeout(function(){\r\n          contentEl.classList.add('tgus-mk-visible');\r\n          runReveal(['#tgus-mk-reveal-1', '#tgus-mk-reveal-2']);\r\n        }, 300);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-867f9b1 elementor-widget elementor-widget-html\" data-id=\"867f9b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-problem\" class=\"tgus-marketing-problem\">\r\n  <style>\r\n    #tgus-marketing-problem {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      isolation: isolate;\r\n      height: 420vh;\r\n    }\r\n    #tgus-marketing-problem *, #tgus-marketing-problem *::before, #tgus-marketing-problem *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-problem .tgus-mkp-stage {\r\n      position: sticky;\r\n      top: 0;\r\n      width: 100%; height: 100vh;\r\n      overflow: hidden;\r\n      display: flex; align-items: center; justify-content: center;\r\n      padding: clamp(1.5rem, 5vw, 4rem);\r\n    }\r\n\r\n    #tgus-marketing-problem .tgus-mkp-glow {\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: min(1200px, 100%);\r\n      height: 70%;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      background: radial-gradient(ellipse 60% 100% at 50% 50%, rgba(94,200,242,.16), rgba(139,124,246,.12) 45%, transparent 72%);\r\n      filter: blur(40px);\r\n    }\r\n\r\n    #tgus-marketing-problem .tgus-mkp-inner {\r\n      position: relative; z-index: 1;\r\n      max-width: 640px; text-align: center;\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-content1 {\r\n      transition: opacity .6s var(--tgus-ease), transform .6s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-content1.tgus-mkp-hidden {\r\n      opacity: 0; transform: translateY(-14px); pointer-events: none;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-content2 {\r\n      position: absolute; top: 50%; left: 50%;\r\n      transform: translate(-50%, calc(-50% + 14px));\r\n      width: 100%; max-width: 620px;\r\n      opacity: 0;\r\n      transition: opacity .6s var(--tgus-ease), transform .6s var(--tgus-ease);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-content2.tgus-mkp-visible {\r\n      opacity: 1; transform: translate(-50%, -50%); pointer-events: auto;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-cta {\r\n      margin-top: 1.75rem;\r\n      display: flex; justify-content: center;\r\n    }\r\n    #tgus-marketing-problem .tgus-btn-wrapper { position: relative; display: inline-block; isolation: isolate; }\r\n    #tgus-marketing-problem .tgus-btn {\r\n      --border-radius: 999px; --pad: 4px; --transition: .4s; --hue: 200deg;\r\n      position: relative; isolation: isolate; user-select: none;\r\n      display: flex; align-items: center; justify-content: center; gap: .5em;\r\n      padding: .7em .95em .7em 1.15em;\r\n      font-family: var(--tgus-font-body) !important; font-size: 1rem !important; font-weight: 600 !important;\r\n      text-decoration: none !important; color: var(--tgus-text) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-blue), #2563eb);\r\n      background-color: #111219; border: solid 1px rgba(255,255,255,.22); border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 2px 2px rgba(255,255,255,.15), inset 0 4px 4px rgba(255,255,255,.08), inset 0 8px 8px rgba(255,255,255,.04);\r\n      transition: box-shadow var(--transition), border-color var(--transition), background-color var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-marketing-problem .tgus-btn::before {\r\n      content: ''; position: absolute; z-index: -1;\r\n      top: calc(-1 * var(--pad)); left: calc(-1 * var(--pad));\r\n      width: calc(100% + var(--pad) * 2); height: calc(100% + var(--pad) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--pad)); pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      box-shadow: 1px 1px 1px #fff2, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001;\r\n      transition: box-shadow var(--transition);\r\n    }\r\n    #tgus-marketing-problem .tgus-btn::after {\r\n      content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, hsl(190 100% 75%), hsla(190,100%,75%,.5) 8%, transparent);\r\n      opacity: 0; transition: opacity var(--transition);\r\n    }\r\n    #tgus-marketing-problem .tgus-btn:hover { border-color: hsla(var(--hue),100%,80%,.4); transform: translateY(-1px); }\r\n    #tgus-marketing-problem .tgus-btn:hover::after { opacity: 1; mask-image: linear-gradient(0deg, #fff, transparent); }\r\n    #tgus-marketing-problem .tgus-btn:focus-visible { outline: 2px solid var(--tgus-cyan); outline-offset: 3px; }\r\n    #tgus-marketing-problem .tgus-btn-svg { width: 1.1em; height: 1.1em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }\r\n    #tgus-marketing-problem .tgus-letters { position: relative; z-index: 2; display: inline-flex; }\r\n    #tgus-marketing-problem .tgus-letter {\r\n      position: relative; display: inline-block; color: #fff !important;\r\n      opacity: 0; transform: translateY(4px);\r\n      animation: tgus-mkp-letter-in .4s var(--tgus-ease) forwards;\r\n      animation-delay: calc(var(--i, 0) * 22ms);\r\n    }\r\n    @keyframes tgus-mkp-letter-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    #tgus-marketing-problem .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 1.1rem !important;\r\n    }\r\n    #tgus-marketing-problem .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n\r\n    #tgus-marketing-problem h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(2.4rem, 5.6vw, 4rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.15 !important;\r\n      letter-spacing: -0.01em !important;\r\n      margin: 0 0 1rem !important;\r\n      color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-problem .tgus-reveal {\r\n      display: inline-block;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      color: transparent;\r\n      background-size: 100% 100%;\r\n      padding-bottom: .1em;\r\n    }\r\n    #tgus-marketing-problem .tgus-grad-word { display: inline-block; color: transparent; padding-bottom: .1em; }\r\n    #tgus-marketing-problem .tgus-grad-word.tgus-grad-active {\r\n      background-image: linear-gradient(to right, var(--tgus-cyan), var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan));\r\n      background-size: 300% 100%;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      animation: tgus-mkp-grad-move 3.2s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes tgus-mkp-grad-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n\r\n    #tgus-marketing-problem .tgus-mkp-sub {\r\n      font-size: clamp(1.15rem, 2vw, 1.35rem) !important;\r\n      line-height: 1.6 !important;\r\n      color: #c7c7d3 !important;\r\n      max-width: 560px;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    \/* ---------- cascading cards ---------- *\/\r\n    #tgus-marketing-problem .tgus-mkp-cards {\r\n      position: absolute; inset: 0; z-index: 2;\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-card {\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      width: 330px; height: 440px;\r\n      margin-left: -165px; margin-top: -220px;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      background: var(--tgus-bg-2);\r\n      border: 3px solid rgba(255,255,255,.32);\r\n      box-shadow: 0 24px 60px -18px rgba(0,0,0,.7);\r\n      will-change: transform, opacity;\r\n      opacity: 0;\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-card img {\r\n      position: absolute; inset: 0;\r\n      width: 100%; height: 100%; object-fit: cover;\r\n      filter: saturate(.9);\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-card::after {\r\n      content: ''; position: absolute; inset: 0;\r\n      background: linear-gradient(to top, rgba(5,5,10,.92) 18%, rgba(5,5,10,.15) 60%, transparent 85%);\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-card-badge {\r\n      position: absolute; top: 10px; left: 10px; z-index: 2;\r\n      width: 22px; height: 22px; border-radius: 999px;\r\n      background: linear-gradient(135deg, var(--tgus-cyan), var(--tgus-blue));\r\n      display: flex; align-items: center; justify-content: center;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,.4);\r\n    }\r\n    #tgus-marketing-problem .tgus-mkp-card-badge svg { width: 12px; height: 12px; stroke: #05050a; stroke-width: 3; fill: none; }\r\n    #tgus-marketing-problem .tgus-mkp-card-label {\r\n      position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;\r\n      padding: 1.1rem 1.1rem 1.2rem;\r\n      font-size: 1.08rem !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.28 !important;\r\n      color: var(--tgus-text) !important;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      #tgus-marketing-problem .tgus-mkp-card { width: 230px; height: 306px; margin-left: -115px; margin-top: -153px; }\r\n      #tgus-marketing-problem .tgus-mkp-card-label { font-size: .88rem !important; padding: .8rem .9rem .95rem; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-problem .tgus-mkp-stage { position: relative; height: auto; padding: clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,4rem); }\r\n      #tgus-marketing-problem .tgus-mkp-cards { position: static; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2rem; }\r\n      #tgus-marketing-problem .tgus-mkp-card { position: relative; top: auto; left: auto; margin: 0; opacity: 1 !important; transform: none !important; }\r\n      #tgus-marketing-problem .tgus-grad-word.tgus-grad-active { animation: none !important; background-position: 50% 50% !important; }\r\n      #tgus-marketing-problem .tgus-mkp-content1.tgus-mkp-hidden { opacity: 1 !important; transform: none !important; }\r\n      #tgus-marketing-problem .tgus-mkp-content2 { position: relative; top: auto; left: auto; transform: none !important; opacity: 1 !important; pointer-events: auto !important; margin-top: 2.5rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mkp-stage\" id=\"tgus-mkp-stage\">\r\n    <div class=\"tgus-mkp-glow\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"tgus-mkp-cards\" id=\"tgus-mkp-cards\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"tgus-mkp-inner\">\r\n      <div class=\"tgus-mkp-content1\" id=\"tgus-mkp-content1\">\r\n        <p class=\"tgus-eyebrow\">the real cost<\/p>\r\n        <h2><span class=\"tgus-reveal\" id=\"tgus-mkp-reveal\">Scattered tactics don't add up to <span class=\"tgus-grad-word\">growth<\/span><\/span><\/h2>\r\n        <p class=\"tgus-mkp-sub\">Every channel running on its own burns budget on clicks that never turn into revenue.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-mkp-content2\" id=\"tgus-mkp-content2\">\r\n        <p class=\"tgus-eyebrow\">the fix<\/p>\r\n        <h2><span class=\"tgus-reveal\" id=\"tgus-mkp-reveal2\">One system fixes <span class=\"tgus-grad-word\">all<\/span> of it<\/span><\/h2>\r\n        <p class=\"tgus-mkp-sub\">Paid traffic, SEO and automation working together \u2014 so nothing falls through the cracks.<\/p>\r\n        <div class=\"tgus-mkp-cta\">\r\n          <span class=\"tgus-btn-wrapper\">\r\n            <a class=\"tgus-btn\" href=\"#tgus-marketing-process\" aria-label=\"See how it works\">\r\n              <span class=\"tgus-letters\" aria-hidden=\"true\" data-tgus-letters>See how it works<\/span>\r\n              <svg class=\"tgus-btn-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n            <\/a>\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-problem');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/* ---------- letter split, same mechanism as the hero button ---------- *\/\r\n      root.querySelectorAll('[data-tgus-letters]').forEach(function(el){\r\n        var text = el.textContent; el.textContent = '';\r\n        text.split('').forEach(function(ch, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-letter'; span.style.setProperty('--i', i);\r\n          span.textContent = ch === ' ' ? '\\u00A0' : ch;\r\n          el.appendChild(span);\r\n        });\r\n      });\r\n\r\n      var TGUS_COLORS = ['#5ec8f2', '#3b82f6', '#8b7cf6', '#ffffff', '#6d5ef0'];\r\n      var TGUS_TEXT_COLOR = '#f4f4f8';\r\n      var BAND_HALF = 17;\r\n      var SWEEP_START = -BAND_HALF;\r\n      var SWEEP_END = 100 + BAND_HALF;\r\n      var sweepEase = function(t){ return t < 0.5 ? 4 * t*t*t : 1 - Math.pow(-2*t+2, 3) \/ 2; };\r\n      var buildGradient = function(pos){\r\n        var bandStart = pos - BAND_HALF, bandEnd = pos + BAND_HALF;\r\n        if(bandStart >= 100) return 'linear-gradient(90deg,' + TGUS_TEXT_COLOR + ',' + TGUS_TEXT_COLOR + ')';\r\n        var n = TGUS_COLORS.length, parts = [];\r\n        if(bandStart > 0) parts.push(TGUS_TEXT_COLOR + ' 0%', TGUS_TEXT_COLOR + ' ' + bandStart.toFixed(2) + '%');\r\n        TGUS_COLORS.forEach(function(c, i){\r\n          var pct = n === 1 ? pos : bandStart + (i \/ (n - 1)) * BAND_HALF * 2;\r\n          parts.push(c + ' ' + pct.toFixed(2) + '%');\r\n        });\r\n        if(bandEnd < 100) parts.push('transparent ' + bandEnd.toFixed(2) + '%', 'transparent 100%');\r\n        return 'linear-gradient(90deg,' + parts.join(',') + ')';\r\n      };\r\n      function runSweep(el){\r\n        if(!el) return;\r\n        var activate = function(){\r\n          var word = el.querySelector('.tgus-grad-word');\r\n          if(word) word.classList.add('tgus-grad-active');\r\n        };\r\n        var sweep = function(){\r\n          var start = performance.now();\r\n          var duration = 650;\r\n          el.style.backgroundImage = buildGradient(SWEEP_START);\r\n          function tick(){\r\n            var t = Math.min((performance.now() - start) \/ duration, 1);\r\n            var pos = SWEEP_START + (SWEEP_END - SWEEP_START) * sweepEase(t);\r\n            el.style.backgroundImage = buildGradient(pos);\r\n            if(t < 1) requestAnimationFrame(tick); else activate();\r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        if(reduceMotion){\r\n          el.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        } else {\r\n          setTimeout(sweep, 150);\r\n        }\r\n      }\r\n\r\n      var revealEl = root.querySelector('#tgus-mkp-reveal');\r\n      var reveal2El = root.querySelector('#tgus-mkp-reveal2');\r\n\r\n      if(revealEl){\r\n        if(reduceMotion || !('IntersectionObserver' in window)){\r\n          runSweep(revealEl);\r\n        } else {\r\n          var fired = false;\r\n          var io = new IntersectionObserver(function(entries){\r\n            entries.forEach(function(e){ if(e.isIntersecting && !fired){ fired = true; runSweep(revealEl); } });\r\n          }, { threshold: .3 });\r\n          io.observe(revealEl);\r\n        }\r\n      }\r\n      if(reveal2El && reduceMotion){\r\n        runSweep(reveal2El);\r\n      }\r\n\r\n      if(reduceMotion) return; \/\/ reduced-motion layout is handled entirely by CSS above\r\n\r\n\r\n      \/* ---------- cascading cards, driven by native page scroll ---------- *\/\r\n      var cardsHost = root.querySelector('#tgus-mkp-cards');\r\n\r\n      var CARDS = [\r\n        { img: 'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=340&h=440&fit=crop&q=60', label: 'Ad spend burning budget with no funnel' },\r\n        { img: 'https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?w=340&h=440&fit=crop&q=60', label: 'SEO traffic with nowhere to go' },\r\n        { img: 'https:\/\/images.unsplash.com\/photo-1590650046871-92c887180603?w=340&h=440&fit=crop&q=60', label: 'Leads followed up manually \u2014 or not at all' },\r\n        { img: 'https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=340&h=440&fit=crop&q=60', label: 'Reps chasing instead of closing' },\r\n        { img: 'https:\/\/images.unsplash.com\/photo-1533750349088-cd871a92f312?w=340&h=440&fit=crop&q=60', label: 'No visibility on where prospects drop off' }\r\n      ];\r\n\r\n      \/\/ resting offsets create the fanned, overlapping stack \u2014 tuned per breakpoint on build\r\n      function buildCards(){\r\n        cardsHost.innerHTML = '';\r\n        var isMobile = window.innerWidth < 640;\r\n        var stepX = isMobile ? 80 : 190;\r\n        var stepY = isMobile ? 26 : 34;\r\n        var nodes = [];\r\n        CARDS.forEach(function(c, i){\r\n          var el = document.createElement('div');\r\n          el.className = 'tgus-mkp-card';\r\n          el.innerHTML =\r\n            '<img src=\"' + c.img + '\" alt=\"\" loading=\"lazy\" decoding=\"async\">' +\r\n            '<span class=\"tgus-mkp-card-badge\"><svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>' +\r\n            '<span class=\"tgus-mkp-card-label\">' + c.label + '<\/span>';\r\n          cardsHost.appendChild(el);\r\n          nodes.push({\r\n            el: el,\r\n            restX: (i - (CARDS.length - 1) \/ 2) * stepX,\r\n            restY: (i % 2 === 0 ? -1 : 1) * stepY * (Math.floor(i \/ 2) + 1) * 0.6,\r\n            restRot: -14 + i * 7\r\n          });\r\n        });\r\n        return nodes;\r\n      }\r\n\r\n      var cardNodes = buildCards();\r\n\r\n      var lerp = function(a, b, t){ return a + (b - a) * t; };\r\n      var clamp01 = function(v){ return Math.max(0, Math.min(1, v)); };\r\n      var easeOut = function(t){ return 1 - Math.pow(1 - t, 3); };\r\n\r\n      function windowFor(i, total){\r\n        \/\/ phase 1 \u2014 slower staggered entrance, time to read each card before the next appears\r\n        var enterStart = 0.03 + i * 0.09;\r\n        var enterEnd = enterStart + 0.11;\r\n        \/\/ phase 2 \u2014 hold with all cards stacked together\r\n        var holdEnd = 0.58;\r\n        \/\/ phase 3 \u2014 sequential one-by-one exit, first card leaves first\r\n        var exitStart = holdEnd + i * 0.08;\r\n        var exitEnd = exitStart + 0.08;\r\n        return { start: enterStart, settled: enterEnd, holdEnd: holdEnd, exitStart: exitStart, end: exitEnd };\r\n      }\r\n\r\n      function renderCards(t){\r\n        cardNodes.forEach(function(node, i){\r\n          var w = windowFor(i, cardNodes.length);\r\n          var x = node.restX, y, rot = node.restRot, op;\r\n\r\n          if(t <= w.start){\r\n            y = 380; op = 0;\r\n          } else if(t <= w.settled){\r\n            var seg = easeOut(clamp01((t - w.start) \/ (w.settled - w.start)));\r\n            y = lerp(380, node.restY, seg);\r\n            op = seg;\r\n          } else if(t <= w.exitStart){\r\n            y = node.restY; op = 1;\r\n          } else if(t <= w.end){\r\n            var seg2 = clamp01((t - w.exitStart) \/ (w.end - w.exitStart));\r\n            y = lerp(node.restY, -460, seg2);\r\n            op = 1 - seg2;\r\n          } else {\r\n            y = -460; op = 0;\r\n          }\r\n\r\n          node.el.style.opacity = op;\r\n          node.el.style.transform = 'translate(' + x.toFixed(1) + 'px,' + y.toFixed(1) + 'px) rotate(' + rot.toFixed(1) + 'deg)';\r\n        });\r\n      }\r\n\r\n      function computeScrollProgress(){\r\n        var scrollRange = root.offsetHeight - window.innerHeight;\r\n        if(scrollRange <= 0) return 0;\r\n        var rect = root.getBoundingClientRect();\r\n        var scrolled = -rect.top;\r\n        return clamp01(scrolled \/ scrollRange);\r\n      }\r\n\r\n      var content1El = root.querySelector('#tgus-mkp-content1');\r\n      var content2El = root.querySelector('#tgus-mkp-content2');\r\n      var content2Shown = false;\r\n      var CONTENT_SWITCH_T = 0.58; \/\/ matches card 0's exitStart in windowFor()\r\n\r\n      function renderCopy(t){\r\n        var showSecond = t >= CONTENT_SWITCH_T;\r\n        if(showSecond){\r\n          content1El.classList.add('tgus-mkp-hidden');\r\n          content2El.classList.add('tgus-mkp-visible');\r\n          if(!content2Shown){\r\n            content2Shown = true;\r\n            runSweep(reveal2El);\r\n          }\r\n        } else {\r\n          content1El.classList.remove('tgus-mkp-hidden');\r\n          content2El.classList.remove('tgus-mkp-visible');\r\n        }\r\n      }\r\n\r\n      var targetProgress = 0, currentProgress = 0;\r\n      function tick(){\r\n        targetProgress = computeScrollProgress();\r\n        currentProgress += (targetProgress - currentProgress) * 0.15;\r\n        renderCards(currentProgress);\r\n        renderCopy(currentProgress);\r\n        requestAnimationFrame(tick);\r\n      }\r\n      requestAnimationFrame(tick);\r\n\r\n      var resizeTimer;\r\n      window.addEventListener('resize', function(){\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function(){ cardNodes = buildCards(); }, 200);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb862cb elementor-widget elementor-widget-html\" data-id=\"cb862cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-pillars\" class=\"tgus-marketing-pillars\">\r\n  <style>\r\n    #tgus-marketing-pillars {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-d: #2563eb;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-violet-d: #6d5ef0;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n    }\r\n    #tgus-marketing-pillars *, #tgus-marketing-pillars *::before, #tgus-marketing-pillars *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-pillars .tgus-mkl-glow {\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: min(1100px, 92%);\r\n      height: 60%;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      background: radial-gradient(ellipse 60% 100% at 50% 50%, rgba(94,200,242,.16), rgba(139,124,246,.12) 45%, transparent 72%);\r\n      filter: blur(40px);\r\n    }\r\n    #tgus-marketing-pillars .tgus-mkl-head,\r\n    #tgus-marketing-pillars .tgus-mkl-grid {\r\n      position: relative; z-index: 1;\r\n    }\r\n\r\n    #tgus-marketing-pillars .tgus-mkl-head { max-width: 640px; margin: 0 auto 3rem; text-align: center; }\r\n    #tgus-marketing-pillars .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 1rem !important;\r\n    }\r\n    #tgus-marketing-pillars .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n    #tgus-marketing-pillars h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 4.2vw, 2.85rem) !important;\r\n      font-weight: 700 !important; line-height: 1.15 !important;\r\n      letter-spacing: -0.01em !important;\r\n      margin: 0 0 .9rem !important; color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-pillars .tgus-mkl-lead {\r\n      font-size: 1.05rem !important; line-height: 1.6 !important;\r\n      color: #c7c7d3 !important; margin: 0 !important;\r\n    }\r\n\r\n    #tgus-marketing-pillars .tgus-mkl-grid {\r\n      max-width: 1080px; margin: 0 auto;\r\n      display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, 3vw, 1.75rem);\r\n    }\r\n    @media (max-width: 760px) { #tgus-marketing-pillars .tgus-mkl-grid { grid-template-columns: 1fr; } }\r\n\r\n    \/* ---- glow border: \u00e1ngulo de un conic-gradient animado v\u00eda @property ---- *\/\r\n    @property --tgus-mkl-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n\r\n    #tgus-marketing-pillars .tgus-glow-wrap {\r\n      position: relative;\r\n      isolation: isolate;\r\n      height: 100%;\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n      transition: opacity .7s var(--tgus-ease), transform .7s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap.tgus-in-view { opacity: 1; transform: translateY(0); }\r\n    #tgus-marketing-pillars .tgus-mkl-grid > .tgus-glow-wrap:nth-child(2) { transition-delay: .12s; }\r\n\r\n    #tgus-marketing-pillars .tgus-pspin {\r\n      position: absolute;\r\n      pointer-events: none;\r\n      --tgus-mkl-angle: 0deg;\r\n      animation: tgus-mkl-speen 7s ease-in-out infinite;\r\n    }\r\n    @keyframes tgus-mkl-speen {\r\n      0% { --tgus-mkl-angle: 0deg; }\r\n      60% { --tgus-mkl-angle: 270deg; }\r\n      75% { --tgus-mkl-angle: 270deg; }\r\n      100% { --tgus-mkl-angle: 360deg; }\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap[data-paused=\"true\"] .tgus-pspin { animation-play-state: paused; }\r\n\r\n    #tgus-marketing-pillars .tgus-pspin-blur { inset: -8px; z-index: -2; border-radius: 30px; filter: blur(11px); }\r\n    #tgus-marketing-pillars .tgus-pspin-intense { inset: -3px; z-index: -1; border-radius: 26px; filter: blur(4px); }\r\n\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(1) .tgus-pspin-blur {\r\n      background: conic-gradient(from var(--tgus-mkl-angle), var(--tgus-blue-d), transparent 25%, transparent 50%, var(--tgus-cyan), transparent 75%, var(--tgus-blue-d));\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(1) .tgus-pspin-intense {\r\n      background: conic-gradient(from var(--tgus-mkl-angle), var(--tgus-cyan), transparent 25%, transparent 50%, #ffffff, transparent 75%, var(--tgus-cyan));\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(2) .tgus-pspin-blur {\r\n      background: conic-gradient(from var(--tgus-mkl-angle), var(--tgus-violet-d), transparent 25%, transparent 50%, var(--tgus-violet), transparent 75%, var(--tgus-violet-d));\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(2) .tgus-pspin-intense {\r\n      background: conic-gradient(from var(--tgus-mkl-angle), var(--tgus-violet), transparent 25%, transparent 50%, #ffffff, transparent 75%, var(--tgus-violet));\r\n    }\r\n\r\n    #tgus-marketing-pillars .tgus-mkl-card {\r\n      position: relative;\r\n      z-index: 1;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      background: var(--tgus-bg-2);\r\n      border-radius: 24px;\r\n      padding: clamp(2rem, 4vw, 2.75rem) clamp(1.75rem, 4vw, 2.25rem) clamp(2.25rem, 4vw, 2.75rem);\r\n      text-align: center;\r\n      box-shadow: 0 0 40px -10px rgba(0,0,0,.5);\r\n    }\r\n\r\n    \/* ---- CardDecorator: grid punteado enmascarado + caja interior con \u00edcono ---- *\/\r\n    #tgus-marketing-pillars .tgus-decorator {\r\n      position: relative;\r\n      margin: 0 auto;\r\n      width: 148px; height: 148px;\r\n      -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 70%, transparent 100%);\r\n      mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 70%, transparent 100%);\r\n    }\r\n    #tgus-marketing-pillars .tgus-decorator-grid {\r\n      position: absolute; inset: 0;\r\n      background-image:\r\n        linear-gradient(to right, rgba(255,255,255,.5) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(255,255,255,.5) 1px, transparent 1px);\r\n      background-size: 24px 24px;\r\n      opacity: .12;\r\n    }\r\n    #tgus-marketing-pillars .tgus-decorator-box {\r\n      position: absolute; inset: 0;\r\n      margin: auto;\r\n      width: 52px; height: 52px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      border-top: 1px solid var(--tgus-border);\r\n      border-left: 1px solid var(--tgus-border);\r\n      background: var(--tgus-bg-2);\r\n    }\r\n    #tgus-marketing-pillars .tgus-decorator-box svg {\r\n      width: 26px; height: 26px;\r\n      stroke: currentColor; fill: none; stroke-width: 1.6;\r\n      stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(1) .tgus-decorator-box { color: var(--tgus-cyan); }\r\n    #tgus-marketing-pillars .tgus-glow-wrap:nth-child(2) .tgus-decorator-box { color: var(--tgus-violet); }\r\n\r\n    #tgus-marketing-pillars .tgus-mkl-card h3 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: 1.35rem !important;\r\n      font-weight: 700 !important;\r\n      margin: 1.5rem 0 .85rem !important;\r\n      color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-pillars .tgus-mkl-card p {\r\n      font-size: .98rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-pillars .tgus-glow-wrap {\r\n        transition-duration: .01ms !important; opacity: 1 !important; transform: none !important;\r\n      }\r\n      #tgus-marketing-pillars .tgus-pspin { animation-duration: 45s !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mkl-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"tgus-mkl-head\">\r\n    <p class=\"tgus-eyebrow\">how we do it<\/p>\r\n    <h2>Two things working as one<\/h2>\r\n    <p class=\"tgus-mkl-lead\">Traffic gets people to your door. Automation makes sure none of them leave without a follow-up.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"tgus-mkl-grid\">\r\n    <div class=\"tgus-glow-wrap\" data-paused=\"true\">\r\n      <div class=\"tgus-pspin tgus-pspin-blur\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tgus-pspin tgus-pspin-intense\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tgus-mkl-card\">\r\n        <div class=\"tgus-decorator\" aria-hidden=\"true\">\r\n          <div class=\"tgus-decorator-grid\"><\/div>\r\n          <div class=\"tgus-decorator-box\">\r\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17l6-6 4 4 8-8M21 7v6M21 7h-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <h3>Traffic<\/h3>\r\n        <p>Google Ads, LinkedIn Ads, Meta Ads, SEO and content, planned and run as one strategy instead of separate line items.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-glow-wrap\" data-paused=\"true\">\r\n      <div class=\"tgus-pspin tgus-pspin-blur\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tgus-pspin tgus-pspin-intense\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tgus-mkl-card\">\r\n        <div class=\"tgus-decorator\" aria-hidden=\"true\">\r\n          <div class=\"tgus-decorator-grid\"><\/div>\r\n          <div class=\"tgus-decorator-box\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8Z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <h3>Automation<\/h3>\r\n        <p>Lead capture, scoring, nurture sequences and CRM, running on Smart Go Up, so no lead sits untouched.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-pillars');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      var glowWraps = Array.prototype.slice.call(root.querySelectorAll('.tgus-glow-wrap'));\r\n\r\n      if(reduceMotion || !('IntersectionObserver' in window)){\r\n        glowWraps.forEach(function(el){ el.classList.add('tgus-in-view'); });\r\n        return;\r\n      }\r\n\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ e.target.classList.add('tgus-in-view'); io.unobserve(e.target); }\r\n        });\r\n      }, { threshold: .2 });\r\n      glowWraps.forEach(function(el){ io.observe(el); });\r\n\r\n      var spinIo = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){ e.target.setAttribute('data-paused', e.isIntersecting ? 'false' : 'true'); });\r\n      }, { threshold: .1 });\r\n      glowWraps.forEach(function(el){ spinIo.observe(el); });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c104b67 elementor-widget elementor-widget-html\" data-id=\"c104b67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-process\" class=\"tgus-marketing-process\">\r\n  <style>\r\n    #tgus-marketing-process {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-bg-3: #1c1c28;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n    }\r\n    #tgus-marketing-process *, #tgus-marketing-process *::before, #tgus-marketing-process *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-process .tgus-mkw-head {\r\n      max-width: 700px; margin: 0 auto; text-align: center;\r\n      padding: clamp(4.5rem, 9vw, 7rem) clamp(1.25rem, 5vw, 4rem) clamp(.75rem, 2vw, 1.25rem);\r\n      position: relative; z-index: 1;\r\n    }\r\n    #tgus-marketing-process .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 1rem !important;\r\n    }\r\n    #tgus-marketing-process .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n    #tgus-marketing-process h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 4.2vw, 2.85rem) !important;\r\n      font-weight: 700 !important; line-height: 1.15 !important;\r\n      letter-spacing: -0.01em !important;\r\n      margin: 0 !important; color: var(--tgus-text) !important;\r\n    }\r\n\r\n    \/* ---------- scroll-driven stage ---------- *\/\r\n    #tgus-marketing-process .tgus-mkw-scroll { position: relative; height: 420vh; }\r\n    #tgus-marketing-process .tgus-mkw-stage {\r\n      position: sticky; top: 0;\r\n      height: 100vh; width: 100%;\r\n      overflow: hidden;\r\n      display: flex; align-items: center; justify-content: center;\r\n      gap: clamp(1.5rem, 4vw, 4rem);\r\n      padding: 0 clamp(1.25rem, 5vw, 4rem);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-stage::before {\r\n      content: '';\r\n      position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n      background-image:\r\n        linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);\r\n      background-size: 42px 42px;\r\n      -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 40%, transparent 85%);\r\n      mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 40%, transparent 85%);\r\n    }\r\n\r\n    #tgus-marketing-process .tgus-mkw-col {\r\n      position: relative; z-index: 1;\r\n      flex: 1 1 0;\r\n      max-width: 340px;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-col--title { text-align: right; }\r\n    #tgus-marketing-process .tgus-mkw-col--desc { text-align: left; }\r\n\r\n    #tgus-marketing-process .tgus-mkw-fade {\r\n      opacity: 1;\r\n      transition: opacity .38s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-fade.tgus-mkw-out { opacity: 0; }\r\n\r\n    #tgus-marketing-process .tgus-mkw-step-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 3.4vw, 2.5rem) !important;\r\n      font-weight: 700 !important; line-height: 1.2 !important;\r\n      letter-spacing: -0.01em !important;\r\n      color: var(--tgus-text) !important; margin: 0 !important;\r\n    }\r\n    #tgus-marketing-process .tgus-reveal {\r\n      display: inline-block;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      color: transparent;\r\n      background-size: 100% 100%;\r\n      padding-bottom: .08em;\r\n    }\r\n    #tgus-marketing-process .tgus-grad-word { display: inline-block; color: transparent; padding-bottom: .08em; }\r\n    #tgus-marketing-process .tgus-grad-word.tgus-grad-active {\r\n      background-image: linear-gradient(to right, var(--tgus-cyan), var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan));\r\n      background-size: 300% 100%;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      animation: tgus-mkw-grad-move 3.2s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes tgus-mkw-grad-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n    #tgus-marketing-process .tgus-mkw-step-desc {\r\n      font-size: 1.15rem !important; line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important; margin: 0 !important;\r\n    }\r\n\r\n    \/* ---------- per-step detail, now living in the text column ---------- *\/\r\n    #tgus-marketing-process .tgus-mkw-detail {\r\n      display: flex; flex-direction: column; gap: .75rem;\r\n      margin-top: 1.4rem;\r\n    }\r\n\r\n    #tgus-marketing-process .tgus-mkw-cta-row { margin-top: 1.5rem; }\r\n    #tgus-marketing-process .tgus-mkw-col--desc .tgus-mkw-cta-row { display: flex; justify-content: flex-start; }\r\n\r\n    \/* ---------- stacked card ---------- *\/\r\n    #tgus-marketing-process .tgus-mkw-card-col {\r\n      position: relative; z-index: 1;\r\n      flex: 0 0 auto;\r\n      width: min(560px, 92vw);\r\n      height: 680px;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-stack-deco {\r\n      position: absolute; left: 6%; right: 6%; bottom: -14px;\r\n      height: 40px; border-radius: 0 0 22px 22px;\r\n      background: var(--tgus-bg-2);\r\n      border: 1px solid var(--tgus-border); border-top: none;\r\n      z-index: 0;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-stack-deco.tgus-mkw-deco-2 { left: 3%; right: 3%; bottom: -22px; height: 30px; background: #101018; opacity: .7; }\r\n\r\n    @property --tgus-mkw-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n\r\n    #tgus-marketing-process .tgus-mkw-card {\r\n      position: absolute; inset: 0; z-index: 1;\r\n      border-radius: 28px;\r\n      padding: 2px;\r\n      display: none;\r\n      opacity: 0;\r\n      transform: translateY(22px);\r\n      transition: opacity .5s var(--tgus-ease), transform .5s var(--tgus-ease);\r\n      background: conic-gradient(from var(--tgus-mkw-angle), transparent 0 70%, var(--tgus-mkw-glow-c, var(--tgus-cyan)) 85%, transparent 100%);\r\n      animation: tgus-mkw-rotate 5s linear infinite;\r\n      animation-play-state: paused;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card.tgus-mkw-current { display: flex; }\r\n    #tgus-marketing-process .tgus-mkw-card.tgus-mkw-visible { opacity: 1; transform: translateY(0); animation-play-state: running; }\r\n    @keyframes tgus-mkw-rotate { to { --tgus-mkw-angle: 360deg; } }\r\n\r\n    #tgus-marketing-process .tgus-mkw-card[data-step=\"0\"] { --tgus-mkw-glow-c: var(--tgus-cyan); }\r\n    #tgus-marketing-process .tgus-mkw-card[data-step=\"1\"] { --tgus-mkw-glow-c: var(--tgus-violet); }\r\n    #tgus-marketing-process .tgus-mkw-card[data-step=\"2\"] { --tgus-mkw-glow-c: var(--tgus-blue); }\r\n    #tgus-marketing-process .tgus-mkw-card[data-step=\"3\"] { --tgus-mkw-glow-c: var(--tgus-cyan); }\r\n\r\n    #tgus-marketing-process .tgus-mkw-card-surface {\r\n      position: relative;\r\n      flex: 1;\r\n      display: flex; flex-direction: column;\r\n      border-radius: 26px;\r\n      background: var(--tgus-bg-2);\r\n      border: 1px solid var(--tgus-border);\r\n      box-shadow: 0 30px 70px -20px rgba(0,0,0,.65);\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* card now holds only the icon + image, full-bleed *\/\r\n    #tgus-marketing-process .tgus-mkw-card-img {\r\n      position: relative; width: 100%; height: 100%;\r\n      overflow: hidden;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card-img img {\r\n      width: 100%; height: 100%; object-fit: cover; display: block;\r\n      filter: saturate(.9);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card-img::after {\r\n      content: ''; position: absolute; inset: 0;\r\n      background: linear-gradient(to top, rgba(5,5,10,.5) 0%, rgba(5,5,10,0) 35%);\r\n    }\r\n\r\n    #tgus-marketing-process .tgus-mkw-card-row {\r\n      display: flex; align-items: center; gap: .8rem;\r\n      padding: .8rem .9rem;\r\n      border-radius: 12px;\r\n      background: rgba(255,255,255,.03);\r\n      border: 1px solid var(--tgus-border);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card-row-icon {\r\n      width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: linear-gradient(135deg, var(--tgus-cyan), var(--tgus-blue));\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card-row-icon svg { width: 15px; height: 15px; stroke: #05050a; fill: none; stroke-width: 2.2; }\r\n    #tgus-marketing-process .tgus-mkw-card-row-txt { font-size: .88rem !important; font-weight: 600 !important; color: var(--tgus-text) !important; }\r\n    #tgus-marketing-process .tgus-mkw-card-row-tag {\r\n      margin-left: auto;\r\n      font-size: .68rem !important; font-weight: 700 !important;\r\n      letter-spacing: .04em; text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n    }\r\n\r\n    #tgus-marketing-process .tgus-mkw-funnel { display: flex; flex-direction: column; gap: .5rem; }\r\n    #tgus-marketing-process .tgus-mkw-funnel-bar {\r\n      height: 34px; border-radius: 8px;\r\n      display: flex; align-items: center; padding: 0 .9rem;\r\n      font-size: .8rem !important; font-weight: 600 !important; color: var(--tgus-text) !important;\r\n      background: linear-gradient(90deg, rgba(94,200,242,.22), rgba(59,130,246,.1));\r\n      border: 1px solid var(--tgus-border);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-funnel-bar:nth-child(2) { width: 82%; background: linear-gradient(90deg, rgba(139,124,246,.22), rgba(94,200,242,.1)); }\r\n    #tgus-marketing-process .tgus-mkw-funnel-bar:nth-child(3) { width: 60%; background: linear-gradient(90deg, rgba(139,124,246,.3), rgba(139,124,246,.08)); }\r\n\r\n    #tgus-marketing-process .tgus-mkw-check-row {\r\n      display: flex; align-items: center; gap: .7rem;\r\n      font-size: .9rem !important; color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-check-icon {\r\n      width: 22px; height: 22px; border-radius: 999px; flex-shrink: 0;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: linear-gradient(135deg, var(--tgus-cyan), var(--tgus-violet));\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-check-icon svg { width: 12px; height: 12px; stroke: #05050a; fill: none; stroke-width: 3; }\r\n\r\n    #tgus-marketing-process .tgus-mkw-badge-row { display: flex; flex-wrap: wrap; gap: .5rem; }\r\n    #tgus-marketing-process .tgus-mkw-badge {\r\n      font-size: .76rem !important; font-weight: 700 !important;\r\n      padding: .45rem .8rem; border-radius: 999px;\r\n      background: rgba(255,255,255,.04); border: 1px solid var(--tgus-border);\r\n      color: var(--tgus-text-dim) !important;\r\n    }\r\n\r\n    #tgus-marketing-process .tgus-mkw-card-icon-top {\r\n      position: absolute; top: 18px; left: 18px; z-index: 2;\r\n      width: 46px; height: 46px; border-radius: 12px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: linear-gradient(135deg, var(--tgus-cyan), var(--tgus-blue));\r\n      box-shadow: 0 6px 16px rgba(0,0,0,.4);\r\n    }\r\n    #tgus-marketing-process .tgus-mkw-card-icon-top svg { width: 22px; height: 22px; stroke: #05050a; fill: none; stroke-width: 1.8; }\r\n\r\n    \/* button, verbatim mechanism *\/\r\n    #tgus-marketing-process .tgus-btn-wrapper { position: relative; display: inline-block; isolation: isolate; }\r\n    #tgus-marketing-process .tgus-btn {\r\n      --border-radius: 999px; --pad: 4px; --transition: .4s; --hue: 200deg;\r\n      position: relative; isolation: isolate; user-select: none;\r\n      display: flex; align-items: center; justify-content: center; gap: .5em;\r\n      padding: .65em .9em .65em 1.05em;\r\n      font-family: var(--tgus-font-body) !important; font-size: .95rem !important; font-weight: 600 !important;\r\n      text-decoration: none !important; color: var(--tgus-text) !important;\r\n      background-color: #111219; border: solid 1px rgba(255,255,255,.14); border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 2px 2px rgba(255,255,255,.15), inset 0 4px 4px rgba(255,255,255,.08), inset 0 8px 8px rgba(255,255,255,.04);\r\n      transition: box-shadow var(--transition), border-color var(--transition), background-color var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-marketing-process .tgus-btn::before {\r\n      content: ''; position: absolute; z-index: -1;\r\n      top: calc(-1 * var(--pad)); left: calc(-1 * var(--pad));\r\n      width: calc(100% + var(--pad) * 2); height: calc(100% + var(--pad) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--pad)); pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      box-shadow: 1px 1px 1px #fff2, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001;\r\n      transition: box-shadow var(--transition);\r\n    }\r\n    #tgus-marketing-process .tgus-btn::after {\r\n      content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, hsl(var(--hue) 100% 70%), hsla(var(--hue),100%,70%,.5) 8%, transparent);\r\n      opacity: 0; transition: opacity var(--transition);\r\n    }\r\n    #tgus-marketing-process .tgus-btn:hover { border-color: hsla(var(--hue),100%,80%,.4); transform: translateY(-1px); }\r\n    #tgus-marketing-process .tgus-btn:hover::after { opacity: 1; mask-image: linear-gradient(0deg, #fff, transparent); }\r\n    #tgus-marketing-process .tgus-btn-svg { width: 1em; height: 1em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }\r\n    #tgus-marketing-process .tgus-letters { position: relative; z-index: 2; display: inline-flex; }\r\n    #tgus-marketing-process .tgus-letter {\r\n      position: relative; display: inline-block; color: #fff !important;\r\n      opacity: 0; transform: translateY(4px);\r\n      animation: tgus-mkw-letter-in .4s var(--tgus-ease) forwards;\r\n      animation-delay: calc(var(--i, 0) * 22ms);\r\n    }\r\n    @keyframes tgus-mkw-letter-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    @media (max-width: 900px) {\r\n      #tgus-marketing-process .tgus-mkw-stage { flex-direction: column; gap: 1.5rem; padding: 4.5rem clamp(1.25rem, 6vw, 3rem) 3rem; }\r\n      #tgus-marketing-process .tgus-mkw-col { max-width: 420px; text-align: center !important; }\r\n      #tgus-marketing-process .tgus-mkw-col--desc .tgus-mkw-cta-row { justify-content: center; }\r\n      #tgus-marketing-process .tgus-mkw-card-col { order: -1; width: min(360px, 86vw); height: 460px; }\r\n      #tgus-marketing-process .tgus-mkw-step-title { font-size: 1.3rem !important; }\r\n      #tgus-marketing-process .tgus-mkw-badge-row { justify-content: center; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-process .tgus-letter { animation-duration: .01ms !important; opacity: 1 !important; transform: none !important; }\r\n      #tgus-marketing-process .tgus-mkw-card { animation-duration: 40s !important; }\r\n      #tgus-marketing-process .tgus-mkw-scroll { height: auto; }\r\n      #tgus-marketing-process .tgus-mkw-stage { position: relative; height: auto; padding: 3rem clamp(1.25rem, 5vw, 4rem); flex-direction: column; }\r\n      #tgus-marketing-process .tgus-mkw-card { position: relative; display: flex !important; opacity: 1 !important; transform: none !important; margin-bottom: 2rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mkw-head\">\r\n    <p class=\"tgus-eyebrow\">the process<\/p>\r\n    <h2><span class=\"tgus-reveal\" id=\"tgus-mkw-head-reveal\">We'll tell you what's worth <span class=\"tgus-grad-word\">running<\/span> \u2014 and what isn't<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"tgus-mkw-scroll\" id=\"tgus-mkw-scroll\">\r\n    <div class=\"tgus-mkw-stage\">\r\n      <div class=\"tgus-mkw-col tgus-mkw-col--title\">\r\n        <h3 class=\"tgus-mkw-step-title tgus-mkw-fade\" id=\"tgus-mkw-title\"><\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-mkw-card-col\">\r\n        <div class=\"tgus-mkw-stack-deco tgus-mkw-deco-2\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"tgus-mkw-stack-deco\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"tgus-mkw-card\" data-step=\"0\">\r\n          <div class=\"tgus-mkw-card-surface\">\r\n            <div class=\"tgus-mkw-card-img\">\r\n              <div class=\"tgus-mkw-card-icon-top\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21 21l-4.35-4.35\"\/><\/svg><\/div>\r\n              <img src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=700&h=800&fit=crop&q=60\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tgus-mkw-card\" data-step=\"1\">\r\n          <div class=\"tgus-mkw-card-surface\">\r\n            <div class=\"tgus-mkw-card-img\">\r\n              <div class=\"tgus-mkw-card-icon-top\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 3H5a2 2 0 0 0-2 2v4M15 3h4a2 2 0 0 1 2 2v4M9 21H5a2 2 0 0 1-2-2v-4M15 21h4a2 2 0 0 0 2-2v-4\"\/><\/svg><\/div>\r\n              <img src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?w=700&h=800&fit=crop&q=60\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tgus-mkw-card\" data-step=\"2\">\r\n          <div class=\"tgus-mkw-card-surface\">\r\n            <div class=\"tgus-mkw-card-img\">\r\n              <div class=\"tgus-mkw-card-icon-top\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8Z\"\/><\/svg><\/div>\r\n              <img src=\"https:\/\/images.unsplash.com\/photo-1571677246347-5040036b95cc?w=700&h=800&fit=crop&q=60\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tgus-mkw-card\" data-step=\"3\">\r\n          <div class=\"tgus-mkw-card-surface\">\r\n            <div class=\"tgus-mkw-card-img\">\r\n              <div class=\"tgus-mkw-card-icon-top\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6\"\/><\/svg><\/div>\r\n              <img src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=700&h=800&fit=crop&q=60\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-mkw-col tgus-mkw-col--desc\">\r\n        <p class=\"tgus-mkw-step-desc tgus-mkw-fade\" id=\"tgus-mkw-desc\"><\/p>\r\n        <div class=\"tgus-mkw-detail tgus-mkw-fade\" id=\"tgus-mkw-detail\"><\/div>\r\n        <div class=\"tgus-mkw-cta-row\" id=\"tgus-mkw-cta-row\" style=\"display:none;\">\r\n          <span class=\"tgus-btn-wrapper\">\r\n            <a class=\"tgus-btn\" href=\"https:\/\/api.whatsapp.com\/send?phone=573103597580\" aria-label=\"Talk to our team\" target=\"_blank\" rel=\"noopener\">\r\n              <span class=\"tgus-letters\" aria-hidden=\"true\" data-tgus-letters>Talk to our team<\/span>\r\n              <svg class=\"tgus-btn-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n            <\/a>\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-process');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      root.querySelectorAll('[data-tgus-letters]').forEach(function(el){\r\n        var text = el.textContent; el.textContent = '';\r\n        text.split('').forEach(function(ch, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-letter'; span.style.setProperty('--i', i);\r\n          span.textContent = ch === ' ' ? '\\u00A0' : ch;\r\n          el.appendChild(span);\r\n        });\r\n      });\r\n\r\n      var CHECK_SVG = '<svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>';\r\n\r\n      var STEPS = [\r\n        {\r\n          titleHtml: 'Research your audience and review what\\u2019s already <span class=\"tgus-grad-word\">running<\/span>',\r\n          desc: 'We look at your current channels, spend and content, and map where prospects actually come from before touching a single campaign.',\r\n          detailHtml:\r\n            '<div class=\"tgus-mkw-card-row\"><span class=\"tgus-mkw-card-row-icon\">' + CHECK_SVG + '<\/span><span class=\"tgus-mkw-card-row-txt\">Channels &amp; spend<\/span><span class=\"tgus-mkw-card-row-tag\">Reviewed<\/span><\/div>' +\r\n            '<div class=\"tgus-mkw-card-row\"><span class=\"tgus-mkw-card-row-icon\">' + CHECK_SVG + '<\/span><span class=\"tgus-mkw-card-row-txt\">Conversion sources<\/span><span class=\"tgus-mkw-card-row-tag\">Mapped<\/span><\/div>' +\r\n            '<div class=\"tgus-mkw-card-row\"><span class=\"tgus-mkw-card-row-icon\">' + CHECK_SVG + '<\/span><span class=\"tgus-mkw-card-row-txt\">Written audit<\/span><span class=\"tgus-mkw-card-row-tag\">Yours to keep<\/span><\/div>',\r\n          cta: false\r\n        },\r\n        {\r\n          titleHtml: 'Build the channel mix and <span class=\"tgus-grad-word\">funnel<\/span>',\r\n          desc: 'We come back with which channels are worth the budget, what the funnel should look like, and where automation picks up the follow-up.',\r\n          detailHtml:\r\n            '<div class=\"tgus-mkw-funnel\">' +\r\n              '<div class=\"tgus-mkw-funnel-bar\">Awareness<\/div>' +\r\n              '<div class=\"tgus-mkw-funnel-bar\">Consideration<\/div>' +\r\n              '<div class=\"tgus-mkw-funnel-bar\">Conversion<\/div>' +\r\n            '<\/div>' +\r\n            '<div class=\"tgus-mkw-badge-row\">' +\r\n              '<span class=\"tgus-mkw-badge\">Landing pages<\/span>' +\r\n              '<span class=\"tgus-mkw-badge\">Lead capture<\/span>' +\r\n              '<span class=\"tgus-mkw-badge\">Automation map<\/span>' +\r\n            '<\/div>',\r\n          cta: false\r\n        },\r\n        {\r\n          titleHtml: 'Campaigns and automations go live in <span class=\"tgus-grad-word\">stages<\/span>',\r\n          desc: 'Paid, SEO and content launch together, and every automation is tested before it runs unattended.',\r\n          detailHtml:\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>Paid, SEO &amp; content live<\/div>' +\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>Automations tested<\/div>' +\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>Tracking connected<\/div>' +\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>Full visibility, day one<\/div>',\r\n          cta: false\r\n        },\r\n        {\r\n          titleHtml: 'Same team, <span class=\"tgus-grad-word\">ongoing<\/span>',\r\n          desc: 'We tune campaigns and automations on real performance data, with one point of contact for the whole system.',\r\n          detailHtml:\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>Tuned on real performance<\/div>' +\r\n            '<div class=\"tgus-mkw-check-row\"><span class=\"tgus-mkw-check-icon\">' + CHECK_SVG + '<\/span>One point of contact<\/div>' +\r\n            '<div class=\"tgus-mkw-badge-row\">' +\r\n              '<span class=\"tgus-mkw-badge\">Weekly reporting<\/span>' +\r\n              '<span class=\"tgus-mkw-badge\">Spend \u2192 revenue<\/span>' +\r\n            '<\/div>',\r\n          cta: true\r\n        }\r\n      ];\r\n\r\n      \/* ---------- reveal-sweep, same mechanism as the rest of the site ---------- *\/\r\n      var TGUS_COLORS = ['#5ec8f2', '#3b82f6', '#8b7cf6', '#ffffff', '#6d5ef0'];\r\n      var TGUS_TEXT_COLOR = '#f4f4f8';\r\n      var BAND_HALF = 17;\r\n      var SWEEP_START = -BAND_HALF;\r\n      var SWEEP_END = 100 + BAND_HALF;\r\n      var sweepEase = function(t){ return t < 0.5 ? 4 * t*t*t : 1 - Math.pow(-2*t+2, 3) \/ 2; };\r\n      var buildGradient = function(pos){\r\n        var bandStart = pos - BAND_HALF, bandEnd = pos + BAND_HALF;\r\n        if(bandStart >= 100) return 'linear-gradient(90deg,' + TGUS_TEXT_COLOR + ',' + TGUS_TEXT_COLOR + ')';\r\n        var n = TGUS_COLORS.length, parts = [];\r\n        if(bandStart > 0) parts.push(TGUS_TEXT_COLOR + ' 0%', TGUS_TEXT_COLOR + ' ' + bandStart.toFixed(2) + '%');\r\n        TGUS_COLORS.forEach(function(c, i){\r\n          var pct = n === 1 ? pos : bandStart + (i \/ (n - 1)) * BAND_HALF * 2;\r\n          parts.push(c + ' ' + pct.toFixed(2) + '%');\r\n        });\r\n        if(bandEnd < 100) parts.push('transparent ' + bandEnd.toFixed(2) + '%', 'transparent 100%');\r\n        return 'linear-gradient(90deg,' + parts.join(',') + ')';\r\n      };\r\n      function runSweep(el){\r\n        if(!el) return;\r\n        var activate = function(){\r\n          var word = el.querySelector('.tgus-grad-word');\r\n          if(word) word.classList.add('tgus-grad-active');\r\n        };\r\n        var sweep = function(){\r\n          var start = performance.now();\r\n          var duration = 650;\r\n          el.style.backgroundImage = buildGradient(SWEEP_START);\r\n          function tick(){\r\n            var t = Math.min((performance.now() - start) \/ duration, 1);\r\n            var pos = SWEEP_START + (SWEEP_END - SWEEP_START) * sweepEase(t);\r\n            el.style.backgroundImage = buildGradient(pos);\r\n            if(t < 1) requestAnimationFrame(tick); else activate();\r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        if(reduceMotion){\r\n          el.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        } else {\r\n          sweep();\r\n        }\r\n      }\r\n\r\n      var headRevealEl = root.querySelector('#tgus-mkw-head-reveal');\r\n      if(headRevealEl){\r\n        if(reduceMotion || !('IntersectionObserver' in window)){\r\n          runSweep(headRevealEl);\r\n        } else {\r\n          var headFired = false;\r\n          var headIo = new IntersectionObserver(function(entries){\r\n            entries.forEach(function(e){ if(e.isIntersecting && !headFired){ headFired = true; setTimeout(function(){ runSweep(headRevealEl); }, 150); } });\r\n          }, { threshold: .4 });\r\n          headIo.observe(headRevealEl);\r\n        }\r\n      }\r\n\r\n      var titleEl = root.querySelector('#tgus-mkw-title');\r\n      var descEl = root.querySelector('#tgus-mkw-desc');\r\n      var detailEl = root.querySelector('#tgus-mkw-detail');\r\n      var ctaRow = root.querySelector('#tgus-mkw-cta-row');\r\n      var cards = Array.prototype.slice.call(root.querySelectorAll('.tgus-mkw-card'));\r\n      var scrollHost = root.querySelector('#tgus-mkw-scroll');\r\n\r\n      var currentStep = -1;\r\n      var fadeTimer = null;\r\n\r\n      function applyStep(i, animateCard){\r\n        if(i === currentStep) return;\r\n        currentStep = i;\r\n        var s = STEPS[i];\r\n\r\n        titleEl.classList.add('tgus-mkw-out');\r\n        descEl.classList.add('tgus-mkw-out');\r\n        detailEl.classList.add('tgus-mkw-out');\r\n        clearTimeout(fadeTimer);\r\n        fadeTimer = setTimeout(function(){\r\n          titleEl.innerHTML = '<span class=\"tgus-reveal\" id=\"tgus-mkw-reveal\">' + s.titleHtml + '<\/span>';\r\n          descEl.textContent = s.desc;\r\n          detailEl.innerHTML = s.detailHtml;\r\n          ctaRow.style.display = s.cta ? 'flex' : 'none';\r\n          titleEl.classList.remove('tgus-mkw-out');\r\n          descEl.classList.remove('tgus-mkw-out');\r\n          detailEl.classList.remove('tgus-mkw-out');\r\n          runSweep(titleEl.querySelector('.tgus-reveal'));\r\n        }, reduceMotion ? 0 : 190);\r\n\r\n        cards.forEach(function(card){\r\n          var step = Number(card.getAttribute('data-step'));\r\n          if(step === i){\r\n            card.classList.add('tgus-mkw-current');\r\n            if(animateCard){\r\n              card.classList.remove('tgus-mkw-visible');\r\n              requestAnimationFrame(function(){\r\n                requestAnimationFrame(function(){ card.classList.add('tgus-mkw-visible'); });\r\n              });\r\n            } else {\r\n              card.classList.add('tgus-mkw-visible');\r\n            }\r\n          } else {\r\n            card.classList.remove('tgus-mkw-current');\r\n            card.classList.remove('tgus-mkw-visible');\r\n          }\r\n        });\r\n      }\r\n\r\n      if(reduceMotion){\r\n        applyStep(0, false);\r\n        \/\/ reduced-motion shows every card stacked in normal flow via CSS; just reveal all\r\n        cards.forEach(function(card){ card.classList.add('tgus-mkw-current', 'tgus-mkw-visible'); });\r\n        return;\r\n      }\r\n\r\n      applyStep(0, false);\r\n\r\n      function computeStep(){\r\n        var scrollRange = scrollHost.offsetHeight - window.innerHeight;\r\n        if(scrollRange <= 0) return 0;\r\n        var rect = scrollHost.getBoundingClientRect();\r\n        var scrolled = -rect.top;\r\n        var t = Math.max(0, Math.min(1, scrolled \/ scrollRange));\r\n        return Math.max(0, Math.min(STEPS.length - 1, Math.floor(t * STEPS.length)));\r\n      }\r\n\r\n      var ticking = false;\r\n      function onScroll(){\r\n        ticking = false;\r\n        applyStep(computeStep(), true);\r\n      }\r\n      window.addEventListener('scroll', function(){\r\n        if(!ticking){ ticking = true; requestAnimationFrame(onScroll); }\r\n      }, { passive: true });\r\n      window.addEventListener('resize', onScroll);\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75a7a88 elementor-widget elementor-widget-html\" data-id=\"75a7a88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-why\" class=\"tgus-marketing-why\">\r\n  <style>\r\n    #tgus-marketing-why {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-bg-3: #1c1c28;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7rem) clamp(1.25rem, 5vw, 4rem);\r\n    }\r\n    #tgus-marketing-why *, #tgus-marketing-why *::before, #tgus-marketing-why *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-wrap { max-width: 1280px; margin: 0 auto; }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-head {\r\n      display: flex; align-items: flex-end; justify-content: space-between;\r\n      gap: 2rem; flex-wrap: wrap;\r\n      margin-bottom: clamp(2.5rem, 5vw, 3.5rem);\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-head-text { max-width: 640px; }\r\n    #tgus-marketing-why .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 .9rem !important;\r\n    }\r\n    #tgus-marketing-why .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n    #tgus-marketing-why h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 4vw, 2.65rem) !important;\r\n      font-weight: 700 !important; line-height: 1.18 !important;\r\n      letter-spacing: -0.01em !important;\r\n      margin: 0 !important; color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-why .tgus-reveal {\r\n      display: inline-block;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      color: transparent;\r\n      background-size: 100% 100%;\r\n      padding-bottom: .08em;\r\n    }\r\n    #tgus-marketing-why .tgus-grad-word { display: inline-block; color: transparent; padding-bottom: .08em; }\r\n    #tgus-marketing-why .tgus-grad-word.tgus-grad-active {\r\n      background-image: linear-gradient(to right, var(--tgus-cyan), var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan));\r\n      background-size: 300% 100%;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      animation: tgus-mkwh-grad-move 3.2s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes tgus-mkwh-grad-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n\r\n    #tgus-marketing-why .tgus-btn-wrapper { position: relative; display: inline-block; isolation: isolate; flex-shrink: 0; }\r\n    #tgus-marketing-why .tgus-btn {\r\n      --border-radius: 999px; --pad: 4px; --transition: .4s; --hue: 200deg;\r\n      position: relative; isolation: isolate; user-select: none;\r\n      display: flex; align-items: center; justify-content: center; gap: .5em;\r\n      padding: .7em .95em .7em 1.15em;\r\n      font-family: var(--tgus-font-body) !important; font-size: .92rem !important; font-weight: 600 !important;\r\n      text-decoration: none !important; color: var(--tgus-text) !important;\r\n      background-color: #111219; border: solid 1px rgba(255,255,255,.14); border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 2px 2px rgba(255,255,255,.15), inset 0 4px 4px rgba(255,255,255,.08), inset 0 8px 8px rgba(255,255,255,.04);\r\n      transition: box-shadow var(--transition), border-color var(--transition), background-color var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-marketing-why .tgus-btn::before {\r\n      content: ''; position: absolute; z-index: -1;\r\n      top: calc(-1 * var(--pad)); left: calc(-1 * var(--pad));\r\n      width: calc(100% + var(--pad) * 2); height: calc(100% + var(--pad) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--pad)); pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      box-shadow: 1px 1px 1px #fff2, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001;\r\n      transition: box-shadow var(--transition);\r\n    }\r\n    #tgus-marketing-why .tgus-btn::after {\r\n      content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, hsl(var(--hue) 100% 70%), hsla(var(--hue),100%,70%,.5) 8%, transparent);\r\n      opacity: 0; transition: opacity var(--transition);\r\n    }\r\n    #tgus-marketing-why .tgus-btn:hover { border-color: hsla(var(--hue),100%,80%,.4); transform: translateY(-1px); }\r\n    #tgus-marketing-why .tgus-btn:hover::after { opacity: 1; mask-image: linear-gradient(0deg, #fff, transparent); }\r\n    #tgus-marketing-why .tgus-btn-svg { width: 1em; height: 1em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }\r\n    #tgus-marketing-why .tgus-letters { position: relative; z-index: 2; display: inline-flex; }\r\n    #tgus-marketing-why .tgus-letter {\r\n      position: relative; display: inline-block; color: #fff !important;\r\n      opacity: 0; transform: translateY(4px);\r\n      animation: tgus-mkwh-letter-in .4s var(--tgus-ease) forwards;\r\n      animation-delay: calc(var(--i, 0) * 22ms);\r\n    }\r\n    @keyframes tgus-mkwh-letter-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* ---------- panel row ---------- *\/\r\n    #tgus-marketing-why .tgus-mkwh-grid {\r\n      display: grid; grid-template-columns: repeat(3, 1fr);\r\n      gap: clamp(1rem, 2vw, 1.5rem);\r\n    }\r\n    @media (max-width: 900px) { #tgus-marketing-why .tgus-mkwh-grid { grid-template-columns: 1fr; } }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-card {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition: opacity .7s var(--tgus-ease), transform .7s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-card.tgus-in-view { opacity: 1; transform: translateY(0); }\r\n    #tgus-marketing-why .tgus-mkwh-grid > .tgus-mkwh-card:nth-child(2) { transition-delay: .1s; }\r\n    #tgus-marketing-why .tgus-mkwh-grid > .tgus-mkwh-card:nth-child(3) { transition-delay: .2s; }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-panel {\r\n      position: relative;\r\n      height: 320px;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: var(--tgus-bg-2);\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(2) .tgus-mkwh-panel { background: var(--tgus-bg-3); }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-panel-glow {\r\n      position: absolute; inset: 0;\r\n      background: radial-gradient(ellipse 70% 60% at 50% 40%, var(--tgus-mkwh-glow-c, rgba(94,200,242,.22)), transparent 72%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(1) .tgus-mkwh-panel-glow { --tgus-mkwh-glow-c: rgba(94,200,242,.24); }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(2) .tgus-mkwh-panel-glow { --tgus-mkwh-glow-c: rgba(139,124,246,.22); }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(3) .tgus-mkwh-panel-glow { --tgus-mkwh-glow-c: rgba(59,130,246,.24); }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-panel-grid {\r\n      position: absolute; inset: 0;\r\n      background-image:\r\n        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);\r\n      background-size: 28px 28px;\r\n      -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 45%, transparent 90%);\r\n      mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 45%, transparent 90%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #tgus-marketing-why .tgus-mkwh-panel-icon {\r\n      position: relative; z-index: 1;\r\n      width: 88px; height: 88px; border-radius: 22px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: rgba(255,255,255,.04);\r\n      border-top: 1px solid var(--tgus-border);\r\n      border-left: 1px solid var(--tgus-border);\r\n      box-shadow: 0 20px 50px -15px rgba(0,0,0,.5);\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-panel-icon svg { width: 40px; height: 40px; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(1) .tgus-mkwh-panel-icon svg { stroke: var(--tgus-cyan); }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(2) .tgus-mkwh-panel-icon svg { stroke: var(--tgus-violet); }\r\n    #tgus-marketing-why .tgus-mkwh-card:nth-child(3) .tgus-mkwh-panel-icon svg { stroke: var(--tgus-blue); }\r\n\r\n\r\n\r\n    #tgus-marketing-why .tgus-mkwh-text { padding: 1.4rem .25rem 0; }\r\n    #tgus-marketing-why .tgus-mkwh-text h4 {\r\n      font-size: 1.15rem !important; font-weight: 700 !important;\r\n      margin: 0 0 .45rem !important; color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-why .tgus-mkwh-text p {\r\n      font-size: .92rem !important; line-height: 1.55 !important;\r\n      margin: 0 !important; color: var(--tgus-text-dim) !important;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-why .tgus-mkwh-card { transition-duration: .01ms !important; opacity: 1 !important; transform: none !important; }\r\n      #tgus-marketing-why .tgus-grad-word.tgus-grad-active { animation: none !important; background-position: 50% 50% !important; }\r\n      #tgus-marketing-why .tgus-letter { animation-duration: .01ms !important; opacity: 1 !important; transform: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mkwh-wrap\">\r\n    <div class=\"tgus-mkwh-head\">\r\n      <div class=\"tgus-mkwh-head-text\">\r\n        <p class=\"tgus-eyebrow\">why togrow<\/p>\r\n        <h2><span class=\"tgus-reveal\" id=\"tgus-mkwh-reveal\">One team running traffic and automation <span class=\"tgus-grad-word\">together<\/span><\/span><\/h2>\r\n      <\/div>\r\n      <span class=\"tgus-btn-wrapper\">\r\n        <a class=\"tgus-btn\" href=\"\/en\/cases\/\" aria-label=\"See how it works\">\r\n          <span class=\"tgus-letters\" aria-hidden=\"true\" data-tgus-letters>See our work<\/span>\r\n          <svg class=\"tgus-btn-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-mkwh-grid\" id=\"tgus-mkwh-grid\">\r\n      <div class=\"tgus-mkwh-card\" data-tgus-inview>\r\n        <div class=\"tgus-mkwh-panel\">\r\n          <div class=\"tgus-mkwh-panel-glow\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-grid\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8Z\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"tgus-mkwh-text\">\r\n          <h4>Custom strategy<\/h4>\r\n          <p>No templated packages \u2014 built around your audience and budget.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-mkwh-card\" data-tgus-inview>\r\n        <div class=\"tgus-mkwh-panel\">\r\n          <div class=\"tgus-mkwh-panel-glow\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-grid\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17l6-6 4 4 8-8M21 7v6M21 7h-6\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"tgus-mkwh-text\">\r\n          <h4>Reporting tied to revenue<\/h4>\r\n          <p>Not just clicks and impressions \u2014 what it actually generated.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-mkwh-card\" data-tgus-inview>\r\n        <div class=\"tgus-mkwh-panel\">\r\n          <div class=\"tgus-mkwh-panel-glow\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-grid\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tgus-mkwh-panel-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"tgus-mkwh-text\">\r\n          <h4>Same specialists throughout<\/h4>\r\n          <p>Strategists, traffickers, SEO, copywriters and automation, in one team.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-why');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/* ---------- letter split, same mechanism as the rest of the site's buttons ---------- *\/\r\n      root.querySelectorAll('[data-tgus-letters]').forEach(function(el){\r\n        var text = el.textContent; el.textContent = '';\r\n        text.split('').forEach(function(ch, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-letter'; span.style.setProperty('--i', i);\r\n          span.textContent = ch === ' ' ? '\\u00A0' : ch;\r\n          el.appendChild(span);\r\n        });\r\n      });\r\n\r\n      \/* ---------- reveal-sweep, same mechanism as the rest of the site ---------- *\/\r\n      var revealEl = root.querySelector('#tgus-mkwh-reveal');\r\n      if(revealEl){\r\n        var TGUS_COLORS = ['#5ec8f2', '#3b82f6', '#8b7cf6', '#ffffff', '#6d5ef0'];\r\n        var TGUS_TEXT_COLOR = '#f4f4f8';\r\n        var BAND_HALF = 17;\r\n        var SWEEP_START = -BAND_HALF;\r\n        var SWEEP_END = 100 + BAND_HALF;\r\n        var sweepEase = function(t){ return t < 0.5 ? 4 * t*t*t : 1 - Math.pow(-2*t+2, 3) \/ 2; };\r\n        var buildGradient = function(pos){\r\n          var bandStart = pos - BAND_HALF, bandEnd = pos + BAND_HALF;\r\n          if(bandStart >= 100) return 'linear-gradient(90deg,' + TGUS_TEXT_COLOR + ',' + TGUS_TEXT_COLOR + ')';\r\n          var n = TGUS_COLORS.length, parts = [];\r\n          if(bandStart > 0) parts.push(TGUS_TEXT_COLOR + ' 0%', TGUS_TEXT_COLOR + ' ' + bandStart.toFixed(2) + '%');\r\n          TGUS_COLORS.forEach(function(c, i){\r\n            var pct = n === 1 ? pos : bandStart + (i \/ (n - 1)) * BAND_HALF * 2;\r\n            parts.push(c + ' ' + pct.toFixed(2) + '%');\r\n          });\r\n          if(bandEnd < 100) parts.push('transparent ' + bandEnd.toFixed(2) + '%', 'transparent 100%');\r\n          return 'linear-gradient(90deg,' + parts.join(',') + ')';\r\n        };\r\n        var activate = function(){\r\n          var word = revealEl.querySelector('.tgus-grad-word');\r\n          if(word) word.classList.add('tgus-grad-active');\r\n        };\r\n        var sweep = function(){\r\n          var start = performance.now();\r\n          var duration = 650;\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_START);\r\n          function tick(){\r\n            var t = Math.min((performance.now() - start) \/ duration, 1);\r\n            var pos = SWEEP_START + (SWEEP_END - SWEEP_START) * sweepEase(t);\r\n            revealEl.style.backgroundImage = buildGradient(pos);\r\n            if(t < 1) requestAnimationFrame(tick); else activate();\r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        if(reduceMotion){\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        } else if('IntersectionObserver' in window){\r\n          var fired = false;\r\n          var io = new IntersectionObserver(function(entries){\r\n            entries.forEach(function(e){ if(e.isIntersecting && !fired){ fired = true; setTimeout(sweep, 150); } });\r\n          }, { threshold: .3 });\r\n          io.observe(revealEl);\r\n        } else {\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        }\r\n      }\r\n\r\n      \/* ---------- simple fade-up per card, staggered, no scroll-jacking ---------- *\/\r\n      var cards = Array.prototype.slice.call(root.querySelectorAll('[data-tgus-inview]'));\r\n      if(reduceMotion || !('IntersectionObserver' in window)){\r\n        cards.forEach(function(el){ el.classList.add('tgus-in-view'); });\r\n        return;\r\n      }\r\n      var io2 = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ e.target.classList.add('tgus-in-view'); io2.unobserve(e.target); }\r\n        });\r\n      }, { threshold: .2 });\r\n      cards.forEach(function(el){ io2.observe(el); });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aace6ae elementor-widget elementor-widget-html\" data-id=\"aace6ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-faq\" class=\"tgus-marketing-faq\">\r\n  <style>\r\n    #tgus-marketing-faq {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-card-bg: #0c0c14;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.12);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4rem, 8vw, 6rem) clamp(1.25rem, 5vw, 4rem);\r\n      min-width: 0;\r\n    }\r\n    #tgus-marketing-faq *, #tgus-marketing-faq *::before, #tgus-marketing-faq *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-faq .tgus-wrap { max-width: 1320px; margin: 0 auto; }\r\n\r\n    #tgus-marketing-faq .tgus-heading-col { min-width: 0; text-align: center; max-width: 640px; margin: 0 auto clamp(2.5rem, 5vw, 3.5rem); }\r\n    #tgus-marketing-faq .tgus-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important; font-weight: 700 !important;\r\n      letter-spacing: .12em !important; text-transform: uppercase !important;\r\n      color: var(--tgus-cyan) !important; margin: 0 0 1rem !important;\r\n    }\r\n    #tgus-marketing-faq .tgus-eyebrow::before {\r\n      content: ''; width: 6px; height: 6px; border-radius: 999px;\r\n      background: var(--tgus-cyan); box-shadow: 0 0 10px var(--tgus-cyan);\r\n    }\r\n    #tgus-marketing-faq h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 4vw, 2.65rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.18 !important;\r\n      letter-spacing: -0.01em !important;\r\n      margin: 0 0 1.1rem !important; color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-faq .tgus-reveal {\r\n      display: inline-block;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      color: transparent;\r\n      background-size: 100% 100%;\r\n      padding-bottom: .08em;\r\n    }\r\n    #tgus-marketing-faq .tgus-grad-word { display: inline-block; color: transparent; padding-bottom: .08em; }\r\n    #tgus-marketing-faq .tgus-grad-word.tgus-grad-active {\r\n      background-image: linear-gradient(to right, var(--tgus-cyan), var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan));\r\n      background-size: 300% 100%;\r\n      background-clip: text; -webkit-background-clip: text;\r\n      animation: tgus-mkf-grad-move 3.2s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes tgus-mkf-grad-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n\r\n    #tgus-marketing-faq .tgus-sub { font-size: .96rem !important; line-height: 1.6 !important; color: var(--tgus-text-dim) !important; margin: 0 auto !important; max-width: 46ch; }\r\n\r\n    #tgus-marketing-faq .tgus-faq-shell {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(1.5rem, 3vw, 2.5rem);\r\n      align-items: start;\r\n      max-width: 1080px; margin: 0 auto;\r\n    }\r\n\r\n    #tgus-marketing-faq .tgus-faq-col { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }\r\n\r\n    \/* ---- pill card \/ native <details>, zero JS ---- *\/\r\n    #tgus-marketing-faq details {\r\n      background: var(--tgus-card-bg);\r\n      border: 1px solid var(--tgus-border);\r\n      border-radius: 26px;\r\n      padding: 1.1rem 1.4rem;\r\n      transition: border-color .25s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-faq details[open] { border-color: rgba(94,200,242,.4); }\r\n    #tgus-marketing-faq summary {\r\n      cursor: pointer;\r\n      list-style: none;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      font-weight: 700 !important;\r\n      font-size: .96rem !important;\r\n      line-height: 1.4 !important;\r\n      color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-faq summary::-webkit-details-marker { display: none; }\r\n    #tgus-marketing-faq .tgus-plus {\r\n      flex-shrink: 0;\r\n      width: 30px; height: 30px;\r\n      border-radius: 50%;\r\n      border: 1.5px solid var(--tgus-cyan);\r\n      display: flex; align-items: center; justify-content: center;\r\n      position: relative;\r\n      transition: transform .3s var(--tgus-ease), background .25s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-faq .tgus-plus::before,\r\n    #tgus-marketing-faq .tgus-plus::after {\r\n      content: '';\r\n      position: absolute;\r\n      background: var(--tgus-cyan);\r\n      transition: transform .3s var(--tgus-ease);\r\n    }\r\n    #tgus-marketing-faq .tgus-plus::before { width: 12px; height: 1.5px; }\r\n    #tgus-marketing-faq .tgus-plus::after { width: 1.5px; height: 12px; }\r\n    #tgus-marketing-faq details[open] .tgus-plus { background: rgba(94,200,242,.15); transform: rotate(45deg); }\r\n    #tgus-marketing-faq details p {\r\n      margin: .9rem 0 0 !important;\r\n      font-size: .9rem !important;\r\n      line-height: 1.6 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n    }\r\n    #tgus-marketing-faq summary:focus-visible { outline: 2px solid var(--tgus-blue); outline-offset: 4px; border-radius: 8px; }\r\n\r\n    @media (max-width: 768px) {\r\n      #tgus-marketing-faq .tgus-faq-shell { grid-template-columns: 1fr; }\r\n    }\r\n    @media (max-width: 420px) {\r\n      #tgus-marketing-faq details { padding: 1rem 1.1rem; border-radius: 20px; }\r\n      #tgus-marketing-faq summary { font-size: .92rem !important; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-faq details, #tgus-marketing-faq .tgus-plus, #tgus-marketing-faq .tgus-plus::before, #tgus-marketing-faq .tgus-plus::after { transition: none; }\r\n      #tgus-marketing-faq .tgus-grad-word.tgus-grad-active { animation: none !important; background-position: 50% 50% !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-wrap\">\r\n    <div class=\"tgus-heading-col\">\r\n      <p class=\"tgus-eyebrow\">faq<\/p>\r\n      <h2><span class=\"tgus-reveal\" id=\"tgus-mkf-reveal\">Questions we get about digital <span class=\"tgus-grad-word\">marketing<\/span><\/span><\/h2>\r\n      <p class=\"tgus-sub\">We answer the most common questions about paid traffic, SEO, social media and automation. Can't find yours? Contact us.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-faq-shell\">\r\n      <div class=\"tgus-faq-col\">\r\n        <details open>\r\n          <summary><span>How can digital marketing help my business grow?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>Digital marketing increases your visibility online, attracts potential customers, and converts them into sales. Through SEO, social media, Google Ads, email marketing and automation, it helps you outperform competitors and improve profitability.<\/p>\r\n        <\/details>\r\n        <details>\r\n          <summary><span>How long does it take to see results?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>It depends on the strategy. SEO can take 3 to 6 months to generate sustainable results, while Google Ads and social campaigns can bring customers within the first few days. Combining short- and long-term tactics gives the most consistent growth.<\/p>\r\n        <\/details>\r\n        <details>\r\n          <summary><span>What is Google Ads and how does it work?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>Google Ads is Google's advertising platform, letting businesses show ads on search results, YouTube and partner sites. It runs on a pay-per-click model, so you only pay when someone clicks your ad.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-faq-col\">\r\n        <details>\r\n          <summary><span>How much does it cost to advertise on Google Ads?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>Cost varies based on keyword competitiveness, ad quality and daily budget. There's no mandatory minimum spend \u2014 budget is adjusted to your goals.<\/p>\r\n        <\/details>\r\n        <details>\r\n          <summary><span>Why should I hire an agency to manage my social media?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>Managing social media goes beyond posting content. We build strategies aligned with your business goals, create content, manage customer interaction, and optimize paid campaigns to maximize return.<\/p>\r\n        <\/details>\r\n        <details>\r\n          <summary><span>How long until I see the impact of a social media strategy?<\/span><span class=\"tgus-plus\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <p>It depends on your goals. Organic growth takes time and consistency, while paid ads generate faster results. Improvements in engagement and brand recognition generally appear within the first three months.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marketing-faq');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/* ---------- reveal-sweep, same mechanism as the rest of the site ---------- *\/\r\n      var revealEl = root.querySelector('#tgus-mkf-reveal');\r\n      if(revealEl){\r\n        var TGUS_COLORS = ['#5ec8f2', '#3b82f6', '#8b7cf6', '#ffffff', '#6d5ef0'];\r\n        var TGUS_TEXT_COLOR = '#f4f4f8';\r\n        var BAND_HALF = 17;\r\n        var SWEEP_START = -BAND_HALF;\r\n        var SWEEP_END = 100 + BAND_HALF;\r\n        var sweepEase = function(t){ return t < 0.5 ? 4 * t*t*t : 1 - Math.pow(-2*t+2, 3) \/ 2; };\r\n        var buildGradient = function(pos){\r\n          var bandStart = pos - BAND_HALF, bandEnd = pos + BAND_HALF;\r\n          if(bandStart >= 100) return 'linear-gradient(90deg,' + TGUS_TEXT_COLOR + ',' + TGUS_TEXT_COLOR + ')';\r\n          var n = TGUS_COLORS.length, parts = [];\r\n          if(bandStart > 0) parts.push(TGUS_TEXT_COLOR + ' 0%', TGUS_TEXT_COLOR + ' ' + bandStart.toFixed(2) + '%');\r\n          TGUS_COLORS.forEach(function(c, i){\r\n            var pct = n === 1 ? pos : bandStart + (i \/ (n - 1)) * BAND_HALF * 2;\r\n            parts.push(c + ' ' + pct.toFixed(2) + '%');\r\n          });\r\n          if(bandEnd < 100) parts.push('transparent ' + bandEnd.toFixed(2) + '%', 'transparent 100%');\r\n          return 'linear-gradient(90deg,' + parts.join(',') + ')';\r\n        };\r\n        var activate = function(){\r\n          var word = revealEl.querySelector('.tgus-grad-word');\r\n          if(word) word.classList.add('tgus-grad-active');\r\n        };\r\n        var sweep = function(){\r\n          var start = performance.now();\r\n          var duration = 650;\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_START);\r\n          function tick(){\r\n            var t = Math.min((performance.now() - start) \/ duration, 1);\r\n            var pos = SWEEP_START + (SWEEP_END - SWEEP_START) * sweepEase(t);\r\n            revealEl.style.backgroundImage = buildGradient(pos);\r\n            if(t < 1) requestAnimationFrame(tick); else activate();\r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        if(reduceMotion){\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        } else if('IntersectionObserver' in window){\r\n          var fired = false;\r\n          var io = new IntersectionObserver(function(entries){\r\n            entries.forEach(function(e){ if(e.isIntersecting && !fired){ fired = true; setTimeout(sweep, 150); } });\r\n          }, { threshold: .3 });\r\n          io.observe(revealEl);\r\n        } else {\r\n          revealEl.style.backgroundImage = buildGradient(SWEEP_END);\r\n          activate();\r\n        }\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd7eec elementor-widget elementor-widget-html\" data-id=\"9bd7eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marketing-cta\" class=\"tgus-marketing-cta\">\r\n  <style>\r\n    #tgus-marketing-cta {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-400: #3b82f6;\r\n      --tgus-blue-500: #2563eb;\r\n      --tgus-blue-600: #1d4ed8;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-violet-d: #6d5ef0;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-cyan-300: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-marketing-cta *, #tgus-marketing-cta *::before, #tgus-marketing-cta *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1.4px);\r\n      background-size: 26px 26px;\r\n      -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black, transparent 75%);\r\n      mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black, transparent 75%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-ambient span {\r\n      width: 58rem; height: 34rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(37,99,235,.28) 0%, rgba(109,94,240,.14) 45%, transparent 75%);\r\n      filter: blur(28px);\r\n      animation: tgus-mkc-drift 24s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-mkc-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(-2rem, 1.5rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marketing-cta .tgus-mkc-ambient span { animation: none !important; }\r\n    }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 720px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    #tgus-marketing-cta h2 {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(2rem, 4vw, 3rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.15 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1.1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-inner > p {\r\n      font-size: 1.05rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 auto clamp(2rem, 4vw, 2.5rem) !important;\r\n      max-width: 56ch;\r\n    }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-actions {\r\n      display: flex;\r\n      gap: .9rem;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-btn {\r\n      --border-radius: 24px;\r\n      --padding: 4px;\r\n      --transition: .4s;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      user-select: none;\r\n      display: flex !important;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: .6rem;\r\n      padding: .9rem .9rem .9rem 1.5rem !important;\r\n      font-family: var(--tgus-font-body) !important;\r\n      font-size: .95rem !important;\r\n      font-weight: 600 !important;\r\n      text-decoration: none !important;\r\n      color: #fff !important;\r\n      border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n      transition: box-shadow var(--transition), border var(--transition), background-image var(--transition), background-color var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: calc(0px - var(--padding));\r\n      left: calc(0px - var(--padding));\r\n      width: calc(100% + var(--padding) * 2);\r\n      height: calc(100% + var(--padding) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--padding));\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      z-index: -1;\r\n      transition: box-shadow var(--transition), filter var(--transition);\r\n      box-shadow:\r\n        1px 1px 1px rgba(255,255,255,.12),\r\n        2px 2px 2px rgba(255,255,255,.06),\r\n        -1px -1px 1px rgba(0,0,0,.13),\r\n        -2px -2px 2px rgba(0,0,0,.06);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%; height: 100%;\r\n      border-radius: inherit;\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, var(--tgus-cyan-300), var(--tgus-blue-500) 50%, transparent 85%);\r\n      opacity: 0;\r\n      transition: opacity var(--transition), filter var(--transition);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn:focus-visible {\r\n      outline: 2px solid var(--tgus-cyan-300);\r\n      outline-offset: 3px;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn .tgus-btn-letters {\r\n      position: relative; z-index: 2;\r\n      color: rgba(255,255,255,.92);\r\n      text-shadow: 0 1px 1px rgba(0,0,0,.25);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn svg {\r\n      position: relative; z-index: 2;\r\n      width: 16px; height: 16px;\r\n      flex-shrink: 0;\r\n      fill: none;\r\n      stroke: #fff;\r\n      stroke-width: 2;\r\n      filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));\r\n      transition: transform var(--transition);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn:hover svg { transform: translateX(2px); }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-primary {\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-400) 0%, var(--tgus-blue-600) 100%);\r\n      box-shadow:\r\n        inset 0px 1px 1px rgba(255,255,255,.45),\r\n        inset 0px 2px 3px rgba(255,255,255,.3),\r\n        inset 0px 4px 6px rgba(255,255,255,.15),\r\n        inset 0px 10px 14px rgba(255,255,255,.08),\r\n        0px -1px 1px rgba(0,0,0,.05),\r\n        0px -3px 4px rgba(0,0,0,.1),\r\n        0px -8px 14px rgba(0,0,0,.18),\r\n        0px 8px 20px -6px rgba(10,40,110,.55);\r\n      border: solid 1px rgba(255,255,255,.28) !important;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-primary:hover {\r\n      border-color: rgba(94,200,242,.5) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-cyan-300) 0%, var(--tgus-blue-500) 100%);\r\n      transform: translateY(-1px);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-primary:hover::after {\r\n      opacity: 1;\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-primary:active {\r\n      border-color: rgba(94,200,242,.7) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-500) 0%, var(--tgus-blue-600) 100%);\r\n      transform: translateY(0) scale(.99);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-primary:active::after {\r\n      opacity: 1;\r\n      filter: brightness(200%);\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-ghost {\r\n      background-color: #111219;\r\n      box-shadow:\r\n        inset 0px 1px 1px rgba(255,255,255,.16),\r\n        inset 0px 2px 3px rgba(255,255,255,.1),\r\n        inset 0px 4px 6px rgba(255,255,255,.05),\r\n        0px -1px 1px rgba(0,0,0,.05),\r\n        0px -3px 4px rgba(0,0,0,.1);\r\n      border: solid 1px var(--tgus-border) !important;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-ghost .tgus-btn-letters {\r\n      color: var(--tgus-text) !important;\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-ghost:hover {\r\n      border-color: rgba(94,200,242,.4) !important;\r\n      background-color: #15161f;\r\n      transform: translateY(-1px);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-ghost:hover::after {\r\n      opacity: .5;\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n    #tgus-marketing-cta .tgus-mkc-btn.tgus-ghost:active {\r\n      transform: translateY(0) scale(.99);\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #tgus-marketing-cta .tgus-mkc-actions { flex-direction: column; align-items: stretch; }\r\n      #tgus-marketing-cta .tgus-mkc-btn { justify-content: center; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tgus-mkc-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tgus-mkc-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div class=\"tgus-mkc-inner\">\r\n    <h2>Traffic without a system doesn't turn into revenue. Let's build one.<\/h2>\r\n    <p>Fifteen minutes. We'll look at how your traffic and follow-up work today and tell you honestly what's worth fixing first.<\/p>\r\n\r\n    <div class=\"tgus-mkc-actions\">\r\n      <a class=\"tgus-mkc-btn tgus-primary\" href=\"https:\/\/api.whatsapp.com\/send?phone=573103597580\" target=\"_blank\" rel=\"noopener\">\r\n        <span class=\"tgus-btn-letters\">Book a call<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"tgus-mkc-btn tgus-ghost\" href=\"https:\/\/togrowagencia.com\/en\/cases\/\">\r\n        <span class=\"tgus-btn-letters\">See our work<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Traffic without a systemdoesn&#8217;t turn into revenue. We run paid ads, SEO and content as one connected strategy, then automate what happens after someone clicks \u2014 so leads get followed up, not lost. Book a call See how it works the real cost Scattered tactics don&#8217;t add up to growth Every channel running on its [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1707","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/1707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/comments?post=1707"}],"version-history":[{"count":91,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/1707\/revisions"}],"predecessor-version":[{"id":1827,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/1707\/revisions\/1827"}],"wp:attachment":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/media?parent=1707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}