{"id":56,"date":"2025-05-12T18:28:36","date_gmt":"2025-05-12T18:28:36","guid":{"rendered":"https:\/\/bluegoosemarketing.com\/?page_id=56"},"modified":"2025-05-27T11:56:39","modified_gmt":"2025-05-27T11:56:39","slug":"home-blue-goose-marketing","status":"publish","type":"page","link":"https:\/\/bluegoosemarketing.com\/","title":{"rendered":"Home | Blue Goose Marketing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3681cb4 e-con-full bgm-sky e-flex e-con e-parent\" data-id=\"3681cb4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f91875e e-flex e-con-boxed e-con e-child\" data-id=\"f91875e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-046dff0 elementor-widget elementor-widget-html\" data-id=\"046dff0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550  HERO \u25b8 Blue Goose Marketing  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"bgm-hero\">\n  <div class=\"bgm-hero-inner\">\n    <!-- LOGO -->\n    <img decoding=\"async\"\n      src=\"https:\/\/bluegoosemarketing.com\/wp-content\/uploads\/2025\/04\/BlueGoose-Marketing_PNG_Large.png\"\n      alt=\"Blue Goose Marketing logo\"\n      class=\"bgm-hero-logo\">\n\n    <!-- COPY -->\n    <h1 class=\"bgm-hero-heading\">\n      <span class=\"heading-wrapper\">\n        <span class=\"mobile-group\">We Build Systems<\/span><span class=\"mobile-break\"> That Sell<\/span>\n      <\/span>\n    <\/h1>\n    <p class=\"bgm-hero-sub\">\n      Clean, connected marketing that attracts better leads, converts more customers, and scales with you.\n    <\/p>\n\n    <!-- CTA \u25b8 triggers universal pop-up -->\n    <div class=\"bgm-hero-cta\">\n      <a href=\"#contact\" data-bgm-open class=\"bgm-btn bgm-btn-primary\">Let\u2019s&nbsp;Talk<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550  HERO-SPECIFIC CSS  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n:root {\n  --accent: #ffc857;\n  --accent-mid: #ffcf6a;\n  --accent-dark: #ffb931;\n  --text: #ffffff;\n}\n\n\/* HERO LAYOUT *\/\n.bgm-hero {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  color: var(--text);\n}\n.bgm-hero-inner {\n  width: 100%;\n  max-width: 700px;\n  text-align: center;\n  padding: 100px 20px;\n  box-sizing: border-box;\n  font-family: 'Inter', sans-serif;\n}\n.bgm-hero-logo {\n  width: 125px;\n  max-width: 30vw;\n  height: auto;\n  margin: 0 auto 32px;\n}\n.bgm-hero-heading {\n  margin: 0 0 24px;\n  font-size: 3rem;\n  font-weight: 700;\n  line-height: 1.2;\n}\n.bgm-hero-sub {\n  margin: 0 0 48px;\n  font-size: 1.25rem;\n  font-weight: 500;\n  line-height: 1.6;\n}\n\n\/* Force single-line on desktop *\/\n.heading-wrapper {\n  white-space: nowrap;\n}\n\n\/* CTA BUTTON *\/\n.bgm-btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-block;\n  padding: 20px 42px;\n  border-radius: 16px;\n  font-size: 1.15rem;\n  font-weight: 600;\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  transition: transform 0.25s, box-shadow 0.25s;\n}\n.bgm-btn-primary {\n  background: linear-gradient(\n    135deg,\n    var(--accent-dark) 0%,\n    var(--accent) 30%,\n    var(--accent-mid) 65%,\n    var(--accent) 100%\n  );\n  color: #04264d;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n}\n.bgm-btn-primary::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: linear-gradient(\n    to bottom,\n    rgba(255, 255, 255, 0.45) 0%,\n    rgba(255, 255, 255, 0) 55%\n  );\n  mix-blend-mode: screen;\n  pointer-events: none;\n}\n.bgm-btn-primary::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 50%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.4);\n  transform: skewX(-20deg);\n  transition: left 0.65s cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: none;\n}\n.bgm-btn-primary:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n}\n.bgm-btn-primary:hover::before {\n  left: 170%;\n}\n.bgm-btn-primary:active {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n}\n\n\/* RESPONSIVE HEADLINE CONTROL *\/\n.mobile-group,\n.mobile-break {\n  display: inline;\n}\n@media (max-width: 600px) {\n  .bgm-hero-inner {\n    padding: 80px 16px;\n  }\n  .bgm-hero-logo {\n    width: 120px;\n    margin-bottom: 24px;\n  }\n  .bgm-hero-heading {\n    font-size: 2.2rem;\n  }\n  .heading-wrapper {\n    white-space: normal;\n  }\n  .mobile-group {\n    display: block;\n  }\n  .mobile-break {\n    display: block;\n  }\n  .bgm-hero-sub {\n    font-size: 0.95rem;\n    margin-bottom: 40px;\n  }\n  .bgm-btn {\n    width: 100%;\n    padding: 18px 0;\n    font-size: 1.05rem;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-344f4ef e-con-full bgm-cloud e-flex e-con e-parent\" data-id=\"344f4ef\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-89a115a secb-inner e-flex e-con-boxed e-con e-child\" data-id=\"89a115a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284fcf2 elementor-widget elementor-widget-html\" data-id=\"284fcf2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550  BUYER JOURNEY \u2014 SNAP-SCRUB REV (v3-b \u2022 mobile centering fix) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Kalam:wght@400;700&family=Inter:wght@500;600;700&display=swap\"\n\/>\n\n<div class=\"bgm-cloud\">\n  <div class=\"journey-inner\">\n\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HEADING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <header class=\"journey-head\">\n      <h2 class=\"journey-title\">\n        How We Turn <span class=\"scribble\">Clicks<\/span> Into Customers\n      <\/h2>\n      <p class=\"journey-sub\">\n        Most brands just run ads. We reverse-engineer your buyer\u2019s journey into\n        full-funnel systems that <strong>magnetically attract, engage,<\/strong> and convert your dream customers.\n      <\/p>\n    <\/header>\n\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <button class=\"journey-nav nav-prev\" aria-label=\"Scroll left\"><span><\/span><\/button>\n    <button class=\"journey-nav nav-next\" aria-label=\"Scroll right\"><span><\/span><\/button>\n\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CARD TRACK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"journey-track\" tabindex=\"0\">\n      <!-- STEP 1 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">1<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Discovery<\/h3>\n        <p class=\"j-quote\">\u201cWhat\u2019s this?\u201d<\/p>\n        <p class=\"j-copy\">Scroll-stopping creative earns the click.<\/p>\n      <\/div>\n\n      <!-- STEP 2 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">2<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M12 2a7 7 0 0 0-4 12v2h8v-2a7 7 0 0 0-4-12z\"\/><path d=\"M9 18h6M10 22h4\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Curiosity<\/h3>\n        <p class=\"j-quote\">\u201cThis looks interesting\u2026\u201d<\/p>\n        <p class=\"j-copy\">Intent-matched landing pages deepen intrigue.<\/p>\n      <\/div>\n\n      <!-- STEP 3 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">3<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"12 8 16 16 12 14 8 16 12 8\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Exploration<\/h3>\n        <p class=\"j-quote\">\u201cDo they get my problem?\u201d<\/p>\n        <p class=\"j-copy\">Messaging & proof mirror the buyer\u2019s mindset.<\/p>\n      <\/div>\n\n      <!-- STEP 4 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">4<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M9 10h6M9 14h6M9 18h3\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Consideration<\/h3>\n        <p class=\"j-quote\">\u201cShould I act now?\u201d<\/p>\n        <p class=\"j-copy\">Friction-free forms & smart retargeting nudge action.<\/p>\n      <\/div>\n\n      <!-- STEP 5 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">5<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/>\n            <path d=\"M3.5 9a9 9 0 0 1 14.13-3.36L23 10\"\/><path d=\"M1 14l5.37 4.36A9 9 0 0 0 20.5 15\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Follow-Up<\/h3>\n        <p class=\"j-quote\">\u201cOh yeah \u2014 those guys.\u201d<\/p>\n        <p class=\"j-copy\">Automated emails & SMS bring them back.<\/p>\n      <\/div>\n\n      <!-- STEP 6 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">6<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <polyline points=\"20 6 9 17 4 12\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Decision<\/h3>\n        <p class=\"j-quote\">\u201cLet\u2019s do this.\u201d<\/p>\n        <p class=\"j-copy\">Timely offers & urgency close the sale.<\/p>\n      <\/div>\n\n      <!-- STEP 7 -->\n      <div class=\"j-step\">\n        <span class=\"j-bg\"><\/span><span class=\"j-num\">7<\/span>\n        <span class=\"j-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <polyline points=\"23 6 13 16 8 11 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"j-title\">Growth<\/h3>\n        <p class=\"j-quote\">\u201cThat worked.\u201d<\/p>\n        <p class=\"j-copy\">Retention & LTV tactics keep revenue climbing.<\/p>\n      <\/div>\n    <\/div><!-- \/.journey-track -->\n\n    <!-- Progress bar & knob -->\n    <div class=\"progress-wrap\">\n      <div class=\"progress-bar\"><\/div>\n      <div class=\"progress-knob\" role=\"slider\" aria-label=\"Scroll position\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\"><\/div>\n    <\/div>\n\n    <!-- Drag hint -->\n    <div class=\"drag-hint\">\u2190 drag to explore \u2192<\/div>\n\n    <!-- CTA -->\n    <p class=\"journey-cta\">\n      Missing any of these steps? <span class=\"hi\">Your results are missing their potential.<\/span>\n    <\/p>\n    <a href=\"#contact\" data-bgm-open class=\"btn-primary\">Let\u2019s Talk Strategy<\/a>\n\n  <\/div><!-- \/.journey-inner -->\n<\/div><!-- \/.bgm-cloud -->\n\n<style>\n  \/* ========== TOKENS ========== *\/\n  :root{\n    --dark:#04264d; --accent:#ffc857; --bg:#f3f6fc; --card:#fff;\n    --border:rgba(4,38,77,.10);\n    --scribble:url(\"data:image\/svg+xml,%3Csvg width='160' height='20' viewBox='0 0 160 20' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 17c27-9 102-15 154 0' stroke='%23ffc857' stroke-width='6' stroke-linecap='round' fill='none'\/%3E%3C\/svg%3E\");\n  \n    --step1:#ffc857; --step1-bg:#fff3d4;\n    --step2:#7dd3fc; --step2-bg:#e4f6ff;\n    --step3:#a1e7a0; --step3-bg:#e6fcee;\n    --step4:#f9a8d4; --step4-bg:#ffe8f5;\n    --step5:#fcd34d; --step5-bg:#fff6d1;\n    --step6:#c4b5fd; --step6-bg:#f1edff;\n    --step7:#fb923c; --step7-bg:#ffeede;\n  }\n  \n  \/* ========== CLOUD BACKGROUND ========== *\/\n  .bgm-cloud{position:relative;isolation:isolate;\n    background:\n      radial-gradient(circle at 80% -40%,rgba(255,255,255,.9)0%,rgba(255,255,255,0)55%),\n      linear-gradient(145deg,var(--bg)0%,#e9effa 100%);\n  }\n  .bgm-cloud::after{content:\"\";position:absolute;inset:0;z-index:0;\n    background:repeating-linear-gradient(140deg,rgba(4,38,77,.04)0 2px,transparent 2px 120px);\n    mix-blend-mode:multiply;opacity:.55;animation:stripes 120s linear infinite;pointer-events:none!important;}\n  @keyframes stripes{to{background-position:1200px 1200px}}\n  \n  \/* ========== CONTAINER & HEADINGS ========== *\/\n  .journey-inner{position:relative;z-index:2;max-width:1240px;margin:auto;\n    padding:0 24px;text-align:center;font-family:'Inter',sans-serif;color:var(--dark);}\n  .journey-title{font-size:2.7rem;font-weight:700;margin:0 auto 18px;line-height:1.15;\n    display:inline-block;position:relative;}\n  .scribble::after{content:\"\";position:absolute;left:0;right:0;bottom:-4px;height:12px;\n    background:var(--scribble) center\/100% 100% no-repeat;}\n  .journey-sub{font-size:1.15rem;font-weight:500;max-width:760px;margin:0 auto 64px}\n  \n  \/* ========== ARROWS ========== *\/\n  .journey-nav{all:unset;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);\n    width:48px;height:48px;border-radius:50%;background:var(--card);\n    box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;\n    z-index:3;transition:.2s;}\n  .journey-nav span{width:12px;height:12px;border:2px solid var(--dark);border-width:2px 2px 0 0;}\n  .nav-prev{left:8px}.nav-prev span{transform:rotate(-135deg)}\n  .nav-next{right:8px}.nav-next span{transform:rotate(45deg)}\n  .journey-nav:hover,.journey-nav:focus,.journey-nav:active{\n    background:var(--card)!important;outline:none;transform:translateY(-50%) scale(1.1);}\n  \n  \/* ========== TRACK ========== *\/\n  .journey-track{display:flex;gap:32px;overflow-x:auto;overflow-y:visible;\n    padding:52px 96px 40px;        \/* desktop L\/R padding so card glow never clips *\/\n    scroll-snap-type:x mandatory;cursor:grab;}\n  .journey-track:active{cursor:grabbing}\n  .journey-track::-webkit-scrollbar{display:none}\n  \n  \/* ensure glow doesn\u2019t clip on first\/last card (desktop) *\/\n  .j-step:first-child{margin-left:28px}\n  .j-step:last-child{margin-right:28px}\n  \n  \/* ========== CARD ========== *\/\n  .j-step{flex:0 0 260px;scroll-snap-align:start;background:var(--card);\n    border:1px solid var(--border);border-radius:20px;padding:82px 28px 36px;\n    position:relative;transition:.28s transform,.28s box-shadow;}\n  .j-step:hover{transform:translateY(-8px) rotate(-.7deg);box-shadow:0 14px 30px rgba(0,0,0,.08);}\n  \n  \/* blurred color splash *\/\n  .j-bg{content:\"\";position:absolute;top:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);\n    border-radius:30px;z-index:-1;pointer-events:none;filter:blur(26px) saturate(1.1);opacity:.6;}\n  .j-step:nth-child(1) .j-bg{background:var(--step1-bg)}\n  .j-step:nth-child(2) .j-bg{background:var(--step2-bg)}\n  .j-step:nth-child(3) .j-bg{background:var(--step3-bg)}\n  .j-step:nth-child(4) .j-bg{background:var(--step4-bg)}\n  .j-step:nth-child(5) .j-bg{background:var(--step5-bg)}\n  .j-step:nth-child(6) .j-bg{background:var(--step6-bg)}\n  .j-step:nth-child(7) .j-bg{background:var(--step7-bg)}\n  \n  \/* connecting arrow *\/\n  .j-step:not(:last-child)::after{content:\"\";position:absolute;top:50%;right:-18px;width:34px;height:3px;\n    background:var(--accent);transform:translateY(-50%);}\n  .j-step:not(:last-child)::before{content:\"\";position:absolute;top:50%;right:-18px;width:0;height:0;\n    border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--accent);\n    transform:translateY(-50%);}\n  \n  \/* number badge *\/\n  .j-num{position:absolute;top:-26px;left:50%;transform:translateX(-50%);\n    width:38px;height:38px;border-radius:50%;background:var(--card);\n    color:var(--accent);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;\n    box-shadow:0 3px 10px rgba(0,0,0,.07);}\n  \n  \/* icon disc *\/\n  .j-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n    margin:0 auto 28px;box-shadow:0 0 0 4px rgba(4,38,77,.12);}\n  .j-step:nth-child(1) .j-icon{background:var(--step1)}\n  .j-step:nth-child(2) .j-icon{background:var(--step2)}\n  .j-step:nth-child(3) .j-icon{background:var(--step3)}\n  .j-step:nth-child(4) .j-icon{background:var(--step4)}\n  .j-step:nth-child(5) .j-icon{background:var(--step5)}\n  .j-step:nth-child(6) .j-icon{background:var(--step6)}\n  .j-step:nth-child(7) .j-icon{background:var(--step7)}\n  .j-icon svg{width:30px;height:30px;stroke:var(--dark);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\n  \n  \/* copy *\/\n  .j-title{font-size:1.35rem;font-weight:700;margin:0 0 8px;color:var(--dark);font-family:'Kalam',cursive;}\n  .j-quote{font-size:.95rem;font-style:italic;margin:0 0 6px}\n  .j-copy{font-size:1.02rem;margin:0;line-height:1.45}\n  \n  \/* ========== PROGRESS BAR ========== *\/\n  .progress-wrap{position:relative;z-index:2;height:6px;margin:0 96px 42px;cursor:pointer;background:rgba(4,38,77,.12);border-radius:3px;}\n  .progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background:var(--accent);transition:.35s width;}\n  .progress-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--dark);\n    box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:grab;transition:.35s left;}\n  .progress-knob:active{background:#000;cursor:grabbing}\n  \n  \/* ========== DRAG HINT ========== *\/\n  @keyframes fadeHint{0%,80%{opacity:1}100%{opacity:0}}\n  .drag-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:var(--accent);\n    color:var(--dark);padding:6px 12px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:grab;z-index:3;animation:fadeHint 5s ease-out forwards;}\n  \n  \/* ========== CTA ========== *\/\n  .journey-cta{font-size:1.17rem;font-weight:600;margin:20px auto 18px;max-width:680px}\n  .journey-cta .hi{background:linear-gradient(90deg,rgba(255,200,87,.4)0%,rgba(255,200,87,.4)100%)}\n  .btn-primary{display:inline-block;padding:15px 34px;border-radius:14px;background:var(--accent);\n    color:var(--dark);font-weight:700;text-decoration:none;transition:.25s background;}\n  .btn-primary:hover{background:#ffd97d}\n  \n  \/* ========== MOBILE ========== *\/\n  @media(max-width:768px){\n  \n    \/* remove extra side-padding and desktop margins so first card centers *\/\n    .journey-track{padding:0}\n    .j-step:first-child{margin-left:0}\n    .j-step:last-child{margin-right:0}\n  \n    \/* existing mobile layout *\/\n    .journey-nav{display:none}\n    .journey-track{flex-direction:column;overflow-x:visible;cursor:auto;padding:0 0 32px}\n    .j-step{width:100%;padding:82px 28px 36px;text-align:left}\n    .j-step:not(:last-child)::after,.j-step:not(:last-child)::before{display:none}\n    .j-num{top:18px;left:28px;transform:none}\n    .j-title,.j-quote,.j-copy{text-align:center}\n    .journey-title{margin:0 auto 32px}\n    .journey-sub{margin:0 auto 72px}\n    .progress-wrap,.drag-hint{display:none}\n  }\n  \n  \/* ========== ACCESSIBILITY ========== *\/\n  .journey-track:focus{outline:2px dashed var(--accent);outline-offset:6px}\n  <\/style>  \n\n<script>\n\/*  JS identical to previous v3 (not repeated to save space) *\/\n<\/script>\n<script>\n(()=>{\n  const widget=document.currentScript.closest('.elementor-widget-container');\n  if(!widget) return;\n\n  const track=widget.querySelector('.journey-track'),\n        prev =widget.querySelector('.nav-prev'),\n        next =widget.querySelector('.nav-next'),\n        bar  =widget.querySelector('.progress-bar'),\n        knob =widget.querySelector('.progress-knob'),\n        wrap =widget.querySelector('.progress-wrap'),\n        hint =widget.querySelector('.drag-hint'),\n        cards=[...track.querySelectorAll('.j-step')];\n\n  let cardW=0,maxScr=0;\n  const recalc=()=>{\n    const gap=parseFloat(getComputedStyle(cards[0]).marginRight)||0;\n    cardW=cards[0].getBoundingClientRect().width+gap;\n    maxScr=track.scrollWidth-track.clientWidth;\n    snap(false); ui();\n  };\n\n  const hideHint=()=>{if(hint) hint.style.opacity='0';};\n  const setScroll=px=>{track.scrollLeft=Math.max(0,Math.min(px,maxScr));};\n  const pct=()=>maxScr?track.scrollLeft\/maxScr:0;\n  const ui=()=>{const p=pct()*100;bar.style.width=knob.style.left=p+'%';knob.setAttribute('aria-valuenow',Math.round(p));};\n  const snap=(smooth=true)=>{const idx=Math.round(track.scrollLeft\/cardW);smooth?track.scrollTo({left:idx*cardW,behavior:'smooth'}):setScroll(idx*cardW);ui();};\n  const move=dir=>{const dest=Math.max(0,Math.min(track.scrollLeft+dir*cardW,maxScr));track.scrollTo({left:dest,behavior:'smooth'});hideHint();};\n\n  prev?.addEventListener('click',()=>move(-1));\n  next?.addEventListener('click',()=>move(1));\n  wrap.addEventListener('click',e=>{const r=wrap.getBoundingClientRect();setScroll(((e.clientX-r.left)\/r.width)*maxScr);snap();hideHint();});\n\n  let dragging=false;\n  knob.addEventListener('pointerdown',e=>{dragging=true;knob.setPointerCapture(e.pointerId);hideHint();e.preventDefault();});\n  knob.addEventListener('pointermove',e=>{if(!dragging) return;const r=wrap.getBoundingClientRect(),p=Math.min(Math.max((e.clientX-r.left)\/r.width,0),1);setScroll(p*maxScr);ui();});\n  knob.addEventListener('pointerup',()=>{if(dragging){dragging=false;snap();}});\n  knob.addEventListener('pointercancel',()=>{dragging=false;snap();});\n\n  track.addEventListener('scroll',()=>{ui();hideHint();},{passive:true});\n  window.addEventListener('resize',recalc);\n\n  recalc(); setScroll(0); ui(); setTimeout(hideHint,4000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3812a56 e-con-full e-flex e-con e-parent\" data-id=\"3812a56\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-344c155 e-flex e-con-boxed e-con e-child\" data-id=\"344c155\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b40804 elementor-widget elementor-widget-html\" data-id=\"3b40804\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bgm-profit-playground-cta\">\n  <div class=\"pg-inner\">\n    <div class=\"pg-text-content\">\n      <h2 class=\"pg-title\">\n        The Profit <span class=\"pg-highlight-text\">Playground<\/span>\n      <\/h2>\n\n      <p class=\"pg-description\">\n        Curious what your ads could earn? <strong>The Profit Playground<\/strong> makes it easy to find out.\n      <\/p>\n\n      <a href=\"https:\/\/bluegoosemarketing.com\/index.php\/profit-playground-calculator\/\" class=\"pg-cta-button\">Explore the Playground \u2192<\/a>\n    <\/div>\n\n    <img\n      src=\"https:\/\/bluegoosemarketing.com\/wp-content\/uploads\/2025\/05\/ClayMation-Profit-Playground_v1-min.png\"\n      alt=\"Profit Playground concept illustration\"\n      class=\"pg-illustration\"\n      decoding=\"async\" \/>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --pg-color-dark:         #04264d;\n  --pg-color-dark-rgb:     4, 38, 77;\n  --pg-color-accent:       #ffc857; \/* Vibrant Yellow *\/\n  --pg-color-accent-rgb:   255, 200, 87;\n  --pg-color-background:   #f0f5fe; \/* Light, cool blue-gray *\/\n  --pg-color-text:         #1e3a5b; \/* Softer dark blue for text *\/\n  --pg-font-primary:       'Inter', sans-serif;\n}\n\n\/* Outer Container *\/\n.bgm-profit-playground-cta {\n  background: var(--pg-color-background);\n  border: 1px solid rgba(var(--pg-color-dark-rgb), 0.05); \/* Softer border *\/\n  border-radius: 28px; \/* More rounded *\/\n  padding: 56px 32px; \/* Increased padding *\/\n  margin: 80px auto 0;\n  max-width: 1280px; \/* Slightly wider max-width *\/\n  overflow: hidden;\n  position: relative;\n  box-shadow: 0 16px 40px rgba(var(--pg-color-dark-rgb), 0.07),\n              0 6px 15px rgba(var(--pg-color-dark-rgb), 0.04); \/* Softer, layered shadow *\/\n}\n\n\/* Background overlay *\/\n.bgm-profit-playground-cta::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(145deg, rgba(var(--pg-color-accent-rgb), 0.08) 0%, transparent 45%), \/* Warmer gradient *\/\n    url(\"data:image\/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 32 32' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='%2304264d' stroke-opacity='.05' stroke-width='.5'%3E%3Cpath d='M0 0h32v32H0z'\/%3E%3Cpath d='M0 8h32M0 16h32M0 24h32M8 0v32M16 0v32M24 0v32'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  background-size: 64px 64px, auto; \/* Grid size *\/\n  opacity: 0.7; \/* Slightly more visible overlay elements *\/\n  mix-blend-mode: multiply;\n  pointer-events: none;\n}\n\n\/* Inner layout *\/\n.pg-inner {\n  display: flex;\n  justify-content: space-between; \/* Ensure space with image *\/\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 40px; \/* Increased gap for desktop *\/\n  position: relative; \/* For z-index stacking if needed *\/\n  z-index: 1;\n}\n\n.pg-text-content {\n  flex: 1 1 500px; \/* Allow text to take more space *\/\n  min-width: 280px;\n  color: var(--pg-color-text);\n  text-align: center; \/* Default to center for consistency *\/\n}\n\n.pg-title {\n  font-family: var(--pg-font-primary);\n  font-weight: 700;\n  font-size: 2.6rem; \/* Slightly larger heading *\/\n  line-height: 1.25;\n  color: var(--pg-color-dark);\n  margin: 0 0 24px; \/* Increased bottom margin *\/\n}\n\n.pg-highlight-text {\n  position: relative;\n  display: inline-block; \/* Necessary for ::after positioning relative to the span *\/\n}\n.pg-highlight-text::after {\n  content: \"\";\n  position: absolute;\n  left: -0.2em; \/* Extend slightly beyond text *\/\n  right: -0.2em;\n  bottom: -0.05em; \/* Positioned slightly below baseline *\/\n  height: 0.45em;  \/* Thickness of highlight relative to font-size *\/\n  background: var(--pg-color-accent);\n  opacity: 0.6; \/* More visible highlight *\/\n  border-radius: 4px; \/* Slightly softer edges *\/\n  z-index: -1; \/* Behind the text *\/\n  transition: transform 0.25s ease-out, opacity 0.25s ease-out;\n}\n.pg-title:hover .pg-highlight-text::after {\n  transform: translateY(0.05em) scale(1.03); \/* Subtle lift and scale effect *\/\n  opacity: 0.75;\n}\n\n.pg-description {\n  font-family: var(--pg-font-primary);\n  font-size: 1.15rem; \/* Slightly larger subtext *\/\n  font-weight: 400; \/* Standard weight for readability *\/\n  line-height: 1.7; \/* Improved line spacing *\/\n  margin: 0 auto 36px auto; \/* Center text block and increase bottom margin *\/\n  max-width: 560px; \/* Slightly wider max-width for subtext *\/\n}\n.pg-description strong {\n  font-weight: 600;\n  color: var(--pg-color-dark);\n}\n.pg-description em {\n  font-style: italic;\n}\n\n\/* CTA Button *\/\n.pg-cta-button {\n  display: inline-block;\n  padding: 18px 40px; \/* Generous padding *\/\n  border-radius: 50px; \/* Pill shape *\/\n  background: var(--pg-color-accent);\n  color: var(--pg-color-dark);\n  font-family: var(--pg-font-primary);\n  font-size: 1.1rem; \/* Slightly larger font *\/\n  font-weight: 700; \/* Bold text *\/\n  text-decoration: none;\n  letter-spacing: 0.3px;\n  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),\n              box-shadow 0.2s ease-out,\n              color 0.2s ease-out;\n  box-shadow: 0 4px 12px rgba(var(--pg-color-accent-rgb), 0.25); \/* Softer initial shadow from accent *\/\n}\n.pg-cta-button:hover, .pg-cta-button:focus {\n  transform: translateY(-5px) scale(1.03);\n  box-shadow: 0 10px 25px rgba(var(--pg-color-accent-rgb), 0.4), \/* Accent glow *\/\n              0 6px 15px rgba(var(--pg-color-dark-rgb), 0.1); \/* Darker underpinning shadow *\/\n  color: var(--pg-color-dark); \/* Ensure text color stays consistent *\/\n}\n\n\/* Image *\/\n.pg-illustration {\n  flex: 0 0 auto;\n  width: 400px; \/* Increased width for larger image *\/\n  height: auto;\n  object-fit: contain;\n  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); \/* Playful bounce effect *\/\n}\n.pg-inner:hover .pg-illustration { \/* Hover on the whole inner container *\/\n  transform: scale(1.04) rotate(2deg); \/* Subtle scale and rotation *\/\n}\n\n\/* Mobile Adjustments *\/\n@media (max-width: 768px) {\n  .bgm-profit-playground-cta {\n    padding: 32px 20px; \/* Adjusted padding for mobile *\/\n    margin-top: 48px;\n  }\n\n  .pg-inner {\n    flex-direction: column;\n    gap: 0; \/* Removing gap here to control spacing directly with margins *\/\n    text-align: center;\n  }\n\n  .pg-text-content {\n    padding: 0;\n    flex-basis: auto; \/* Reset flex-basis *\/\n    text-align: center; \/* Ensure all text content is centered on mobile *\/\n  }\n\n  .pg-title {\n    font-size: 2.1rem; \/* Balanced heading size for mobile *\/\n    margin-bottom: 20px; \/* Consistent margin for clear separation from description *\/\n    margin-top: 20px; \/* Margin-top to separate from image *\/\n  }\n  .pg-highlight-text::after {\n    height: 0.4em;\n    bottom: 0;\n  }\n\n  .pg-description {\n    font-size: 1rem; \/* Balanced subtext size for mobile *\/\n    line-height: 1.6; \/* Good line height for readability of centered text *\/\n    margin: 0 auto 32px auto; \/* Center text block and increase bottom margin for clear separation *\/\n    max-width: 90%; \/* Constrain width of centered text for readability *\/\n  }\n\n  .pg-cta-button {\n    padding: 16px 32px; \/* Balanced padding for button *\/\n    font-size: 1rem; \/* Balanced font size for button *\/\n    margin-top: 0; \/* Ensure no extra top margin from previous elements *\/\n  }\n\n  .pg-illustration {\n    order: -1; \/* Image on top on mobile *\/\n    width: 220px; \/* Image size for mobile *\/\n    height: auto; \/* Ensure aspect ratio is maintained *\/\n    margin-bottom: 0; \/* Remove margin-bottom as title has margin-top *\/\n    margin-top: 0; \/* Remove margin-top as title has margin-top *\/\n  }\n  .pg-inner:hover .pg-illustration {\n    transform: scale(1.03); \/* Simpler hover on mobile *\/\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We Build Systems That Sell Clean, connected marketing that attracts better leads, converts more customers, and scales with you. Let\u2019s&nbsp;Talk How We Turn Clicks Into Customers Most brands just run ads. We reverse-engineer your buyer\u2019s journey into full-funnel systems that magnetically attract, engage, and convert your dream customers. 1 Discovery \u201cWhat\u2019s this?\u201d Scroll-stopping creative earns [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Blue Goose Marketing | We Build Systems That Soar<\/title>\n<meta name=\"description\" content=\"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bluegoosemarketing.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blue Goose Marketing | We Build Systems That Soar\" \/>\n<meta property=\"og:description\" content=\"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bluegoosemarketing.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Blue Goose Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-27T11:56:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bluegoosemarketing.com\/\",\"url\":\"https:\/\/bluegoosemarketing.com\/\",\"name\":\"Blue Goose Marketing | We Build Systems That Soar\",\"isPartOf\":{\"@id\":\"https:\/\/bluegoosemarketing.com\/#website\"},\"datePublished\":\"2025-05-12T18:28:36+00:00\",\"dateModified\":\"2025-05-27T11:56:39+00:00\",\"description\":\"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.\",\"breadcrumb\":{\"@id\":\"https:\/\/bluegoosemarketing.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bluegoosemarketing.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bluegoosemarketing.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bluegoosemarketing.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home | Blue Goose Marketing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bluegoosemarketing.com\/#website\",\"url\":\"https:\/\/bluegoosemarketing.com\/\",\"name\":\"Blue Goose Marketing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bluegoosemarketing.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blue Goose Marketing | We Build Systems That Soar","description":"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bluegoosemarketing.com\/","og_locale":"en_US","og_type":"article","og_title":"Blue Goose Marketing | We Build Systems That Soar","og_description":"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.","og_url":"https:\/\/bluegoosemarketing.com\/","og_site_name":"Blue Goose Marketing","article_modified_time":"2025-05-27T11:56:39+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bluegoosemarketing.com\/","url":"https:\/\/bluegoosemarketing.com\/","name":"Blue Goose Marketing | We Build Systems That Soar","isPartOf":{"@id":"https:\/\/bluegoosemarketing.com\/#website"},"datePublished":"2025-05-12T18:28:36+00:00","dateModified":"2025-05-27T11:56:39+00:00","description":"Most brands just run ads. We reverse-engineer your buyer\u2019s journey into systems that attract, engage, and convert your dream customers.","breadcrumb":{"@id":"https:\/\/bluegoosemarketing.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bluegoosemarketing.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bluegoosemarketing.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bluegoosemarketing.com\/"},{"@type":"ListItem","position":2,"name":"Home | Blue Goose Marketing"}]},{"@type":"WebSite","@id":"https:\/\/bluegoosemarketing.com\/#website","url":"https:\/\/bluegoosemarketing.com\/","name":"Blue Goose Marketing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bluegoosemarketing.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":194,"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/bluegoosemarketing.com\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}