{"id":18982,"date":"2026-04-28T21:58:27","date_gmt":"2026-04-28T14:58:27","guid":{"rendered":"https:\/\/beup.space\/?page_id=18982"},"modified":"2026-05-11T21:38:23","modified_gmt":"2026-05-11T14:38:23","slug":"bo-3-tang-truong-khach-hang","status":"publish","type":"page","link":"https:\/\/beup.space\/en\/flow\/bo-3-tang-truong-khach-hang\/","title":{"rendered":"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;family=Be+Vietnam+Pro:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\" \/>\n<style>\/*! tailwindcss v3.4.0 | MIT License | https:\/\/tailwindcss.com*\/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:\"\"}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-10{bottom:-2.5rem}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.-right-12{right:-3rem}.-right-2{right:-.5rem}.-top-12{top:-3rem}.-top-3{top:-.75rem}.left-1\\\/2{left:50%}.left-6{left:1.5rem}.right-4{right:1rem}.top-4{top:1rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-9{margin-bottom:2.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\\/3\\]{aspect-ratio:4\/3}.h-12{height:3rem}.h-36{height:9rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-full{height:100%}.w-12{width:3rem}.w-36{width:9rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-\\[300px\\]{width:300px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.-translate-x-1\\\/2{--tw-translate-x:-50%}.-translate-x-1\\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-accent-500{--tw-border-opacity:1;border-color:rgb(245 158 11\/var(--tw-border-opacity))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138\/var(--tw-border-opacity))}.border-primary-700\\\/30{border-color:#0f766e4d}.border-stone-200{--tw-border-opacity:1;border-color:rgb(231 229 228\/var(--tw-border-opacity))}.border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209\/var(--tw-border-opacity))}.border-white\\\/40{border-color:#fff6}.bg-accent-50{--tw-bg-opacity:1;background-color:rgb(255 251 235\/var(--tw-bg-opacity))}.bg-accent-500{--tw-bg-opacity:1;background-color:rgb(245 158 11\/var(--tw-bg-opacity))}.bg-accent-500\\\/10{background-color:#f59e0b1a}.bg-accent-500\\\/20{background-color:#f59e0b33}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235\/var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(204 251 241\/var(--tw-bg-opacity))}.bg-primary-700{--tw-bg-opacity:1;background-color:rgb(15 118 110\/var(--tw-bg-opacity))}.bg-stone-100{--tw-bg-opacity:1;background-color:rgb(245 245 244\/var(--tw-bg-opacity))}.bg-stone-200{--tw-bg-opacity:1;background-color:rgb(231 229 228\/var(--tw-bg-opacity))}.bg-stone-50{--tw-bg-opacity:1;background-color:rgb(250 250 249\/var(--tw-bg-opacity))}.bg-stone-700{--tw-bg-opacity:1;background-color:rgb(68 64 60\/var(--tw-bg-opacity))}.bg-stone-800{--tw-bg-opacity:1;background-color:rgb(41 37 36\/var(--tw-bg-opacity))}.bg-stone-900{--tw-bg-opacity:1;background-color:rgb(28 25 23\/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255\/var(--tw-bg-opacity))}.bg-white\\\/10{background-color:#ffffff1a}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-primary-700{--tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:#0f766e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-900\\\/30{--tw-gradient-from:#134e4a4d var(--tw-gradient-from-position);--tw-gradient-to:#134e4a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-stone-50{--tw-gradient-from:#fafaf9 var(--tw-gradient-from-position);--tw-gradient-to:#fafaf900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-primary-900{--tw-gradient-to:#134e4a var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0{padding-top:0;padding-bottom:0}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-display{font-family:Be Vietnam Pro,Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\\[1\\.1\\]{line-height:1.1}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-400{--tw-text-opacity:1;color:rgb(251 191 36\/var(--tw-text-opacity))}.text-accent-600{--tw-text-opacity:1;color:rgb(217 119 6\/var(--tw-text-opacity))}.text-ink{--tw-text-opacity:1;color:rgb(10 10 10\/var(--tw-text-opacity))}.text-primary-700{--tw-text-opacity:1;color:rgb(15 118 110\/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38\/var(--tw-text-opacity))}.text-stone-100{--tw-text-opacity:1;color:rgb(245 245 244\/var(--tw-text-opacity))}.text-stone-200{--tw-text-opacity:1;color:rgb(231 229 228\/var(--tw-text-opacity))}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209\/var(--tw-text-opacity))}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158\/var(--tw-text-opacity))}.text-stone-50{--tw-text-opacity:1;color:rgb(250 250 249\/var(--tw-text-opacity))}.text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108\/var(--tw-text-opacity))}.text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78\/var(--tw-text-opacity))}.text-stone-700{--tw-text-opacity:1;color:rgb(68 64 60\/var(--tw-text-opacity))}.text-stone-800{--tw-text-opacity:1;color:rgb(41 37 36\/var(--tw-text-opacity))}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23\/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255\/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-accent-50{--tw-ring-opacity:1;--tw-ring-color:rgb(255 251 235\/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:border-ink:hover{--tw-border-opacity:1;border-color:rgb(10 10 10\/var(--tw-border-opacity))}.hover\\:border-white\\\/70:hover{border-color:#ffffffb3}.hover\\:bg-accent-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6\/var(--tw-bg-opacity))}.hover\\:bg-stone-600:hover{--tw-bg-opacity:1;background-color:rgb(87 83 78\/var(--tw-bg-opacity))}.hover\\:bg-stone-700:hover{--tw-bg-opacity:1;background-color:rgb(68 64 60\/var(--tw-bg-opacity))}.hover\\:bg-white\\\/20:hover{background-color:#fff3}.hover\\:text-ink:hover{--tw-text-opacity:1;color:rgb(10 10 10\/var(--tw-text-opacity))}.hover\\:text-primary-800:hover{--tw-text-opacity:1;color:rgb(17 94 89\/var(--tw-text-opacity))}.hover\\:no-underline:hover{text-decoration-line:none}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\\:block{display:block}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.md\\:-right-8{right:-2rem}.md\\:order-1{order:1}.md\\:order-2{order:2}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-\\[auto\\2c 1fr\\2c auto\\]{grid-template-columns:auto 1fr auto}.md\\:p-8{padding:2rem}.md\\:py-24{padding-top:6rem;padding-bottom:6rem}.md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:px-8{padding-left:2rem;padding-right:2rem}.lg\\:text-\\[3\\.5rem\\]{font-size:3.5rem}}<\/style>\n<style>\n    html { scroll-behavior: smooth; }\n    body { font-family: 'Inter', system-ui, sans-serif; color: #0a0a0a; background: #fafaf9; }\n    h1, h2, h3, h4 { font-family: 'Be Vietnam Pro', Inter, sans-serif; letter-spacing: -0.02em; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* TELEGRAM REALISTIC UI                                   *\/\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .tg-app {\n      background: #0e1621;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 30px 60px -15px rgba(0,0,0,.45);\n      font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;\n      max-width: 380px;\n      margin: 0 auto;\n    }\n    .tg-header {\n      background: #17212B;\n      padding: 11px 14px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      border-bottom: 1px solid #0a1119;\n    }\n    .tg-back { color: #5DC4F1; background: transparent; border: 0; font-size: 22px; padding: 0 4px; line-height: 1; cursor: default; }\n    .tg-avatar {\n      width: 38px; height: 38px; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      color: white; font-weight: 600; font-size: 15px;\n      flex-shrink: 0; letter-spacing: 0.02em;\n    }\n    .tg-meta { flex: 1; min-width: 0; }\n    .tg-name { color: #ffffff; font-weight: 600; font-size: 14.5px; display: flex; align-items: center; gap: 6px; }\n    .tg-bot-tag { background: #2B5278; color: #ffffff; font-size: 9px; padding: 1px 5px; border-radius: 3px; font-weight: 700; letter-spacing: 0.5px; }\n    .tg-status { color: #6c7883; font-size: 12px; margin-top: 1px; }\n    .tg-icons { color: #5DC4F1; font-size: 18px; display: flex; gap: 14px; }\n\n    .tg-chat {\n      background: #0e1621;\n      background-image:\n        radial-gradient(circle at 22% 18%, rgba(91,127,167,0.045) 1.5px, transparent 2px),\n        radial-gradient(circle at 78% 62%, rgba(91,127,167,0.04) 1px, transparent 1.5px),\n        radial-gradient(circle at 45% 88%, rgba(91,127,167,0.04) 1.2px, transparent 1.8px);\n      background-size: 38px 38px, 32px 32px, 44px 44px;\n      padding: 18px 12px 12px;\n      min-height: 260px;\n    }\n\n    .tg-msg-row { display: flex; margin-bottom: 6px; }\n    .tg-msg-row.outgoing { justify-content: flex-end; }\n\n    .tg-msg-incoming {\n      background: #182533;\n      border-radius: 12px 12px 12px 4px;\n      padding: 8px 10px 6px 12px;\n      max-width: 88%;\n      position: relative;\n      font-size: 13.5px;\n      line-height: 1.5;\n      box-shadow: 0 1px 1px rgba(0,0,0,.15);\n    }\n    .tg-msg-incoming::before {\n      content: '';\n      position: absolute;\n      bottom: 0; left: -6px;\n      width: 0; height: 0;\n      border-bottom: 8px solid #182533;\n      border-left: 6px solid transparent;\n    }\n\n    .tg-sender { font-weight: 600; font-size: 13px; margin-bottom: 4px; }\n    .tg-msg-text { color: #f0f3f5; white-space: pre-wrap; word-wrap: break-word; }\n    .tg-msg-text strong { color: #ffffff; font-weight: 600; }\n    .tg-msg-text .muted { color: #8d9aa6; }\n    .tg-msg-text .accent-blue { color: #5DC4F1; }\n    .tg-msg-text .accent-green { color: #4FBE7B; }\n    .tg-msg-text .quote {\n      border-left: 2px solid #5DC4F1;\n      padding-left: 8px;\n      margin: 4px 0;\n      color: #c8d1d9;\n      font-style: italic;\n    }\n    .tg-msg-time { color: #6c7883; font-size: 10.5px; text-align: right; margin-top: 4px; -webkit-user-select: none; user-select: none; }\n    .tg-read { color: #5DC4F1; margin-left: 2px; letter-spacing: -2px; }\n\n    .tg-keyboard { margin-top: 8px; display: grid; gap: 3px; }\n    .tg-kbd-row { display: grid; gap: 3px; }\n    .tg-kbd-row.cols-2 { grid-template-columns: 1fr 1fr; }\n    .tg-kbd-row.cols-3 { grid-template-columns: 1fr 1fr 1fr; }\n    .tg-kbd-btn {\n      background: rgba(43,82,120,0.55);\n      color: #5DC4F1;\n      border: 0;\n      padding: 9px 8px;\n      border-radius: 7px;\n      font-size: 12.5px;\n      font-weight: 500;\n      text-align: center;\n      cursor: pointer;\n      transition: background 100ms;\n      font-family: inherit;\n      letter-spacing: 0.01em;\n    }\n    .tg-kbd-btn:hover { background: rgba(43,82,120,0.85); }\n    .tg-kbd-btn.danger { color: #E5736B; }\n\n    .tg-input-bar {\n      background: #17212B;\n      padding: 9px 14px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: #6c7883;\n      font-size: 13px;\n      border-top: 1px solid #0a1119;\n    }\n    .tg-input-placeholder { flex: 1; color: #6c7883; }\n    .tg-input-icon { color: #6c7883; font-size: 18px; }\n\n    \/* FAQ accordion *\/\n    .faq-item[open] summary svg { transform: rotate(180deg); }\n    .faq-item summary { list-style: none; cursor: pointer; }\n    .faq-item summary::-webkit-details-marker { display: none; }\n\n    \/* Canvas zoom viewport *\/\n    .zoom-viewport { position: relative; overflow: hidden; background: #1c1917; aspect-ratio: 16\/9; border-radius: 0.75rem; cursor: grab; }\n    .zoom-viewport.grabbing { cursor: grabbing; }\n    .zoom-img { width: 100%; height: 100%; object-fit: contain; display: block; transform-origin: center center; transition: transform 80ms ease-out; will-change: transform; }\n    .zoom-controls { position: absolute; bottom: 1rem; right: 1rem; display: flex; gap: 0.375rem; background: rgba(0,0,0,0.65); padding: 0.375rem; border-radius: 0.5rem; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }\n    .zoom-controls button { color: #f5f5f4; padding: 0.5rem 0.75rem; border-radius: 0.375rem; font-size: 0.875rem; transition: background 120ms; }\n    .zoom-controls button:hover { background: rgba(255,255,255,0.1); }\n\n    \/* Lang pill *\/\n    .lang-pill { display: inline-flex; padding: 0.25rem; background: #f5f5f4; border-radius: 9999px; font-size: 0.8125rem; font-weight: 600; }\n    .lang-pill button { padding: 0.25rem 0.75rem; border-radius: 9999px; color: #57534e; transition: all 120ms; }\n    .lang-pill button.active { background: #f59e0b; color: #0a0a0a; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* STICKY SLIM TOC (m\u1ee5c l\u1ee5c text list, right edge)         *\/\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #beup-toc {\n      position: fixed;\n      right: 1.25rem;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 30;\n      width: 152px;\n      padding: 0.625rem;\n      background: rgba(255, 255, 255, 0.94);\n      -webkit-backdrop-filter: blur(20px) saturate(140%);\n      backdrop-filter: blur(20px) saturate(140%);\n      border: 1px solid rgba(231, 229, 228, 0.7);\n      border-radius: 0.75rem;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.6) inset,\n        0 4px 24px -8px rgba(0, 0, 0, 0.08);\n      display: none;\n    }\n    @media (min-width: 1024px) { #beup-toc { display: block; } }\n\n    #beup-toc .toc-eyebrow {\n      font-size: 0.625rem;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: #a8a29e;\n      padding: 0.25rem 0.625rem 0.5rem;\n      border-bottom: 1px dashed rgba(214, 211, 209, 0.6);\n      margin-bottom: 0.375rem;\n    }\n\n    #beup-toc .toc-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0.0625rem;\n    }\n\n    #beup-toc .toc-link {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      padding: 0.4rem 0.625rem;\n      color: #78716c;\n      font-size: 0.75rem;\n      font-weight: 500;\n      text-decoration: none;\n      border-radius: 0.375rem;\n      transition: all 180ms cubic-bezier(0.16, 1, 0.3, 1);\n      white-space: nowrap;\n      letter-spacing: -0.005em;\n    }\n    #beup-toc .toc-link::before {\n      content: '';\n      display: inline-block;\n      width: 6px;\n      height: 1.5px;\n      background: currentColor;\n      opacity: 0.35;\n      border-radius: 1px;\n      transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);\n      flex-shrink: 0;\n    }\n    #beup-toc .toc-link:hover {\n      color: #0c0a09;\n      background: rgba(245, 245, 244, 0.7);\n    }\n    #beup-toc .toc-link:hover::before {\n      opacity: 0.7;\n      width: 9px;\n    }\n    #beup-toc .toc-link.active {\n      color: #0f766e;\n      font-weight: 700;\n      background: rgba(204, 251, 241, 0.45);\n    }\n    #beup-toc .toc-link.active::before {\n      background: #0f766e;\n      opacity: 1;\n      width: 14px;\n      height: 2px;\n    }\n\n    #beup-toc .toc-cta {\n      display: block;\n      margin-top: 0.5rem;\n      padding: 0.5rem 0.75rem;\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n      color: #0a0a0a;\n      font-size: 0.75rem;\n      font-weight: 700;\n      text-align: center;\n      text-decoration: none;\n      border-radius: 0.5rem;\n      letter-spacing: -0.005em;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.4) inset,\n        0 2px 6px rgba(245, 158, 11, 0.3);\n      transition: all 180ms;\n    }\n    #beup-toc .toc-cta:hover {\n      transform: translateY(-1px);\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.5) inset,\n        0 4px 12px rgba(245, 158, 11, 0.45);\n    }\n\n    \/* Pricing badge *\/\n    .badge-popular { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #0a0a0a; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }\n\n    \/* Hero *\/\n    .hero-bg { background: radial-gradient(ellipse at top right, #ccfbf1 0%, transparent 50%), radial-gradient(ellipse at bottom left, #fef3c7 0%, transparent 50%), #fafaf9; }\n    .grain::before { content: ''; position: absolute; inset: 0; opacity: 0.03; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); pointer-events: none; }\n\n    \/* Modal *\/\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.92); z-index: 50; display: none; align-items: center; justify-content: center; padding: 2rem; }\n    .modal-backdrop.open { display: flex; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* PRICING SHOW\/HIDE \u2014 bypass Tailwind variants for safety *\/\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .pricing-show-desktop { display: none !important; }\n    .pricing-show-mobile { display: grid !important; }\n    @media (min-width: 1024px) {\n      .pricing-show-desktop { display: block !important; }\n      .pricing-show-mobile  { display: none !important; }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* PRICING COMPARISON TABLE                                *\/\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }\n\n    .pricing-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      background: #ffffff;\n      border: 1px solid #e7e5e4;\n      border-radius: 1rem;\n      overflow: hidden;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n    }\n\n    \/* Column widths *\/\n    .pricing-table .ptbl-feat-col { width: 34%; }\n    .pricing-table .ptbl-tier { width: 22%; }\n\n    \/* Header row *\/\n    .pricing-table thead th {\n      padding: 1.75rem 1.25rem 1.5rem;\n      text-align: center;\n      vertical-align: top;\n      background: #fafaf9;\n      border-bottom: 1px solid #e7e5e4;\n      position: relative;\n    }\n    .pricing-table thead th.ptbl-feat-col {\n      background: transparent;\n      border-bottom: 1px solid transparent;\n    }\n\n    .pricing-table .ptbl-eyebrow {\n      font-size: 0.6875rem;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: #78716c;\n      margin-bottom: 0.5rem;\n    }\n    .pricing-table .ptbl-name {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 1.5rem;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n      color: #0a0a0a;\n      margin-bottom: 0.5rem;\n    }\n    .pricing-table .ptbl-tagline {\n      font-size: 0.8125rem;\n      color: #57534e;\n      font-style: italic;\n      line-height: 1.4;\n      margin-bottom: 1rem;\n      min-height: 2.6em;\n    }\n    .pricing-table .ptbl-price {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 1.875rem;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n      color: #0f766e;\n      line-height: 1;\n      margin-bottom: 0.25rem;\n    }\n    .pricing-table .ptbl-price span {\n      font-size: 0.875rem;\n      font-weight: 600;\n      color: #57534e;\n    }\n    .pricing-table .ptbl-period {\n      font-size: 0.75rem;\n      color: #78716c;\n    }\n\n    \/* Popular highlight (Crew column) *\/\n    .pricing-table .ptbl-popular {\n      background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);\n    }\n    .pricing-table thead th.ptbl-popular {\n      background: linear-gradient(180deg, #fef3c7 0%, #fffbeb 100%);\n      border-top: 3px solid #f59e0b;\n    }\n    .pricing-table .ptbl-popular-badge {\n      position: absolute;\n      top: -0.85rem;\n      left: 50%;\n      transform: translateX(-50%);\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n      color: #0a0a0a;\n      padding: 0.3125rem 0.875rem;\n      border-radius: 9999px;\n      font-size: 0.6875rem;\n      font-weight: 700;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      white-space: nowrap;\n      box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);\n    }\n\n    \/* Section divider rows *\/\n    .pricing-table .ptbl-section td {\n      background: #f5f5f4;\n      padding: 0.875rem 1.5rem;\n      font-size: 0.75rem;\n      font-weight: 700;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: #44403c;\n      border-bottom: 1px solid #e7e5e4;\n      border-top: 1px solid #e7e5e4;\n    }\n\n    \/* Body rows *\/\n    .pricing-table tbody th {\n      padding: 0.875rem 1.5rem;\n      text-align: left;\n      font-weight: 500;\n      font-size: 0.875rem;\n      color: #292524;\n      border-bottom: 1px solid #f5f5f4;\n      vertical-align: middle;\n    }\n    .pricing-table tbody td {\n      padding: 0.875rem 1rem;\n      text-align: center;\n      vertical-align: middle;\n      border-bottom: 1px solid #f5f5f4;\n    }\n    .pricing-table tbody tr:last-child th,\n    .pricing-table tbody tr:last-child td {\n      border-bottom: none;\n    }\n    .pricing-table tbody tr:hover th,\n    .pricing-table tbody tr:hover td:not(.ptbl-popular) {\n      background: #fafaf9;\n    }\n\n    \/* Check \/ uncheck icons *\/\n    .check-yes {\n      display: inline-flex;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      background: #d1fae5;\n      align-items: center;\n      justify-content: center;\n      color: #047857;\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 1;\n    }\n    .check-no {\n      display: inline-block;\n      color: #d6d3d1;\n      font-size: 1.125rem;\n      font-weight: 400;\n      line-height: 1;\n    }\n    .cell-text {\n      display: inline-block;\n      font-size: 0.8125rem;\n      color: #57534e;\n      font-weight: 500;\n    }\n    .cell-text.cell-strong {\n      color: #0f766e;\n      font-weight: 700;\n    }\n\n    \/* Footer with CTAs *\/\n    .pricing-table tfoot td {\n      padding: 1.75rem 1rem 2rem;\n      text-align: center;\n      vertical-align: top;\n      border-top: 1px solid #e7e5e4;\n    }\n    .pricing-table tfoot td.ptbl-popular {\n      background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);\n    }\n\n    \/* CTA buttons \u2014 better padding, more breathing room *\/\n    \/* !important + a.ptbl-cta selector specificity to override host theme link colors *\/\n    a.ptbl-cta,\n    .ptbl-cta {\n      display: inline-block !important;\n      width: 100% !important;\n      max-width: 240px !important;\n      padding: 0.875rem 1.25rem !important;\n      border-radius: 0.625rem !important;\n      font-weight: 600 !important;\n      font-size: 0.875rem !important;\n      text-align: center !important;\n      transition: all 150ms ease !important;\n      letter-spacing: -0.005em !important;\n      line-height: 1.3 !important;\n      text-decoration: none !important;\n      border: none !important;\n    }\n    a.ptbl-cta-primary,\n    .ptbl-cta-primary {\n      background: #0a0a0a !important;\n      background-color: #0a0a0a !important;\n      color: #ffffff !important;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.08) !important;\n    }\n    a.ptbl-cta-primary:hover,\n    .ptbl-cta-primary:hover {\n      background: #292524 !important;\n      background-color: #292524 !important;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\n    }\n    a.ptbl-cta-accent,\n    .ptbl-cta-accent {\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;\n      background-color: #f59e0b !important;\n      color: #0a0a0a !important;\n      box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35) !important;\n    }\n    a.ptbl-cta-accent:hover,\n    .ptbl-cta-accent:hover {\n      color: #0a0a0a !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(245, 158, 11, 0.5) !important;\n    }\n    .ptbl-cta-note {\n      font-size: 0.6875rem;\n      color: #78716c;\n      margin-top: 0.625rem;\n      max-width: 240px;\n      margin-left: auto;\n      margin-right: auto;\n      line-height: 1.4;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* BEFORE \/ AFTER VISUAL ARCHITECTURE DIAGRAM (premium)    *\/\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \/* Stacked layout \u2014 vertical with breathing room *\/\n    .ba-stack {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    .ba-panel-compact { max-width: 56rem; margin-left: auto; margin-right: auto; width: 100%; }\n    .ba-panel-wide    { max-width: 72rem; margin-left: auto; margin-right: auto; width: 100%; }\n\n    \/* Transition between panels *\/\n    .ba-transition {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 2rem 1rem;\n      gap: 0.75rem;\n      max-width: 40rem;\n      margin: 0 auto;\n    }\n    .ba-transition-line {\n      width: 1px;\n      height: 24px;\n      background: linear-gradient(to bottom, transparent, #d6d3d1, transparent);\n    }\n    .ba-transition-arrow {\n      font-size: 1.75rem;\n      color: #0f766e;\n      line-height: 1;\n      will-change: transform;\n      animation: ba-bounce 1.8s ease-in-out infinite;\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .ba-transition-arrow { animation: none; }\n    }\n    @keyframes ba-bounce {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(4px); }\n    }\n    .ba-transition-text {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 0.9375rem;\n      color: #44403c;\n      text-align: center;\n      line-height: 1.5;\n      max-width: 32rem;\n    }\n    .ba-transition-text strong { color: #0f766e; }\n\n    .ba-panel {\n      position: relative;\n      border-radius: 1.5rem;\n      padding: 2rem 1.5rem 1.5rem;\n      display: flex;\n      flex-direction: column;\n    }\n    .ba-panel.ba-before {\n      background:\n        radial-gradient(ellipse at top right, rgba(254, 226, 226, 0.4) 0%, transparent 50%),\n        linear-gradient(180deg, #fff5f5 0%, #ffffff 70%);\n      border: 1px solid #fecaca;\n      box-shadow: 0 4px 12px -4px rgba(220, 38, 38, 0.08);\n    }\n    .ba-panel.ba-after {\n      background:\n        radial-gradient(ellipse at top right, rgba(204, 251, 241, 0.4) 0%, transparent 50%),\n        linear-gradient(180deg, #f0fdfa 0%, #ffffff 70%);\n      border: 1px solid rgba(15, 118, 110, 0.2);\n      box-shadow:\n        0 1px 3px rgba(15, 118, 110, 0.05),\n        0 12px 32px -12px rgba(15, 118, 110, 0.18);\n    }\n    .ba-popup-badge {\n      position: absolute;\n      top: -0.85rem;\n      right: 1.5rem;\n      background: linear-gradient(135deg, #0d9488 0%, #115e59 100%);\n      color: #ffffff;\n      padding: 0.375rem 1rem;\n      border-radius: 9999px;\n      font-size: 0.6875rem;\n      font-weight: 700;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      white-space: nowrap;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.15) inset,\n        0 6px 16px rgba(15, 118, 110, 0.35);\n    }\n\n    .ba-eyebrow {\n      font-size: 0.6875rem;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      margin-bottom: 0.5rem;\n    }\n    .ba-eyebrow-red { color: #b91c1c; }\n    .ba-eyebrow-teal { color: #0f766e; }\n    .ba-title {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 1.25rem;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      color: #0c0a09;\n      margin-bottom: 1.75rem;\n      line-height: 1.3;\n    }\n\n    .ba-diagram {\n      display: grid;\n      grid-template-columns: 1fr auto 1fr auto 1fr;\n      gap: 0;\n      align-items: stretch;\n      flex: 1;\n    }\n    .ba-diagram-after {\n      grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;\n    }\n\n    .ba-col {\n      display: flex;\n      flex-direction: column;\n      gap: 0.625rem;\n      padding: 0 0.5rem;\n      min-width: 0;\n    }\n    .ba-col-label {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 0.6875rem;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: #57534e;\n      text-align: center;\n      margin-bottom: 0.5rem;\n      padding-bottom: 0.625rem;\n      border-bottom: 1px dashed #d6d3d1;\n    }\n\n    \/* \u2550\u2550\u2550 Chevron divider between columns \u2550\u2550\u2550 *\/\n    .ba-divider {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      position: relative;\n      margin-top: 1.5rem; \/* skip header label *\/\n    }\n    .ba-divider::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      width: 1px;\n      background-image: linear-gradient(to bottom, transparent 0%, transparent 8px, currentColor 8px, currentColor 14px, transparent 14px);\n      background-size: 1px 14px;\n      background-repeat: repeat-y;\n      opacity: 0.25;\n    }\n    .ba-divider-red { color: #f87171; }\n    .ba-divider-teal { color: #2dd4bf; }\n    .ba-chevron {\n      position: relative;\n      z-index: 1;\n      font-family: 'Inter', sans-serif;\n      font-size: 1.5rem;\n      font-weight: 300;\n      color: currentColor;\n      background: #ffffff;\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid currentColor;\n      opacity: 0.7;\n      line-height: 1;\n      padding-bottom: 2px;\n    }\n\n    \/* \u2550\u2550\u2550 Node base \u2550\u2550\u2550 *\/\n    .ba-node {\n      display: flex;\n      gap: 0.75rem;\n      align-items: center;\n      padding: 0.75rem 0.875rem;\n      border-radius: 0.75rem;\n      font-size: 0.8125rem;\n      line-height: 1.3;\n      background: #ffffff;\n      border: 1px solid #e7e5e4;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.5) inset,\n        0 1px 2px rgba(15, 23, 42, 0.04),\n        0 1px 6px -2px rgba(15, 23, 42, 0.04);\n      transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms;\n    }\n    .ba-node:hover {\n      transform: translateY(-2px);\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.5) inset,\n        0 4px 12px -2px rgba(15, 23, 42, 0.08),\n        0 8px 24px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    \/* Premium icon container *\/\n    .ba-icon-wrap {\n      display: inline-flex;\n      width: 36px;\n      height: 36px;\n      border-radius: 0.625rem;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.6) inset,\n        0 1px 2px rgba(0, 0, 0, 0.04);\n    }\n    .ba-icon-input {\n      background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 100%);\n      border: 1px solid #e7e5e4;\n    }\n    .ba-icon-flow {\n      background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);\n      border: 1px solid #5eead4;\n    }\n    .ba-icon {\n      font-size: 1.125rem;\n      line-height: 1;\n    }\n\n    .ba-node-text { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; }\n    .ba-node-title { font-weight: 600; color: #0c0a09; font-size: 0.8125rem; }\n    .ba-node-sub { font-size: 0.6875rem; color: #78716c; line-height: 1.3; }\n\n    \/* BEUP Flow nodes \u2014 premium teal *\/\n    .ba-node-flow {\n      background: linear-gradient(135deg, #ffffff 0%, #f0fdfa 100%);\n      border-color: rgba(15, 118, 110, 0.25);\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.6) inset,\n        0 1px 3px rgba(15, 118, 110, 0.08),\n        0 8px 24px -12px rgba(15, 118, 110, 0.18);\n    }\n    .ba-node-flow .ba-node-title { color: #0f766e; font-weight: 700; }\n\n    \/* Outcome rows (failure \/ success) \u2014 bullet style instead of full pills *\/\n    .ba-node-fail,\n    .ba-node-success {\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      padding: 0.4rem 0;\n      gap: 0.5rem;\n      align-items: flex-start;\n      font-size: 0.8125rem;\n      line-height: 1.4;\n    }\n    .ba-node-fail:hover,\n    .ba-node-success:hover { transform: none; box-shadow: none; }\n    .ba-node-fail { color: #7f1d1d; }\n    .ba-node-success { color: #14532d; }\n\n    .ba-bullet {\n      display: inline-flex;\n      flex-shrink: 0;\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      font-size: 11px;\n      font-weight: 700;\n      line-height: 1;\n      margin-top: 1px;\n    }\n    .ba-bullet-fail {\n      background: #fee2e2;\n      color: #b91c1c;\n      border: 1px solid #fca5a5;\n    }\n    .ba-bullet-success {\n      background: #d1fae5;\n      color: #047857;\n      border: 1px solid #6ee7b7;\n    }\n\n    \/* \u2550\u2550\u2550 Process column (person bottleneck \/ review) \u2550\u2550\u2550 *\/\n    .ba-process {\n      justify-content: center;\n      align-items: center;\n      padding-top: 1rem;\n    }\n    .ba-bottleneck-card {\n      border-radius: 1.25rem;\n      padding: 1.5rem 1.25rem;\n      text-align: center;\n      width: 100%;\n      max-width: 200px;\n      position: relative;\n    }\n    .ba-process-bottleneck .ba-bottleneck-card {\n      background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%);\n      border: 1.5px solid #f87171;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.6) inset,\n        0 4px 12px -4px rgba(220, 38, 38, 0.15),\n        0 16px 32px -16px rgba(220, 38, 38, 0.2);\n    }\n    .ba-review-card {\n      background: linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%);\n      border: 1.5px solid #14b8a6;\n      box-shadow:\n        0 1px 0 rgba(255, 255, 255, 0.7) inset,\n        0 4px 12px -4px rgba(15, 118, 110, 0.18),\n        0 20px 40px -16px rgba(15, 118, 110, 0.25);\n    }\n    .ba-person-icon {\n      font-size: 2.5rem;\n      line-height: 1;\n      margin-bottom: 0.5rem;\n      display: inline-block;\n    }\n    .ba-person-stress { filter: grayscale(0.4) saturate(0.6); opacity: 0.85; }\n    .ba-person-calm { filter: none; }\n    .ba-person-label {\n      font-weight: 700;\n      font-size: 0.8125rem;\n      color: #0c0a09;\n      margin-bottom: 0.5rem;\n      line-height: 1.3;\n    }\n    .ba-person-stat {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 1.75rem;\n      font-weight: 800;\n      color: #b91c1c;\n      letter-spacing: -0.03em;\n      line-height: 1;\n      margin-bottom: 0.625rem;\n    }\n    .ba-person-stat-teal { color: #0f766e; }\n    .ba-person-warn,\n    .ba-person-good {\n      font-size: 0.6875rem;\n      font-weight: 600;\n      padding: 0.3125rem 0.625rem;\n      border-radius: 9999px;\n      display: inline-block;\n      letter-spacing: 0.01em;\n    }\n    .ba-person-warn {\n      color: #b91c1c;\n      background: #fef2f2;\n      border: 1px solid #fca5a5;\n    }\n    .ba-person-good {\n      color: #065f46;\n      background: #ecfdf5;\n      border: 1px solid #6ee7b7;\n    }\n\n    \/* \u2550\u2550\u2550 Footer stat block \u2550\u2550\u2550 *\/\n    .ba-footer {\n      margin-top: 1.75rem;\n      padding-top: 1.5rem;\n      border-top: 1px dashed #d6d3d1;\n      text-align: center;\n    }\n    .ba-stat-big {\n      font-family: 'Be Vietnam Pro', Inter, sans-serif;\n      font-size: 3.25rem;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      line-height: 1;\n    }\n    .ba-stat-red { color: #b91c1c; }\n    .ba-stat-teal { color: #0f766e; }\n    .ba-stat-label {\n      font-size: 0.75rem;\n      color: #78716c;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-top: 0.5rem;\n    }\n\n    \/* \u2550\u2550\u2550 Mobile: stack columns within each panel \u2550\u2550\u2550 *\/\n    @media (max-width: 1023px) {\n      .ba-diagram,\n      .ba-diagram-after {\n        grid-template-columns: 1fr;\n        gap: 1rem;\n      }\n      .ba-divider {\n        width: 100%;\n        height: 24px;\n        margin-top: 0;\n        flex-direction: row;\n      }\n      .ba-divider::before {\n        top: 50%;\n        bottom: auto;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 1px;\n        background-image: linear-gradient(to right, transparent 0%, transparent 8px, currentColor 8px, currentColor 14px, transparent 14px);\n        background-size: 14px 1px;\n        background-repeat: repeat-x;\n      }\n      .ba-chevron { transform: rotate(90deg); }\n      .ba-col { padding: 0; }\n      .ba-bottleneck-card { max-width: 100%; }\n    }\n  <\/style>\n<!-- Internal nav + VI\/EN floater removed \u2014 theme \u0111\u00e3 c\u00f3 language toggle \u1edf navbar. -->\n\n  <!-- Sticky slim TOC (m\u1ee5c l\u1ee5c text list, lg:+ only) -->\n  <aside id=\"beup-toc\" aria-label=\"Page contents\">\n    <div class=\"toc-eyebrow\">Table of contents<\/div>\n    <ul class=\"toc-list\">\n      <li><a class=\"toc-link\" href=\"#hero\" data-toc=\"hero\">Overview<\/a><\/li>\n      <li><a class=\"toc-link\" href=\"#problem\" data-toc=\"problem\">Problem<\/a><\/li>\n      <li><a class=\"toc-link\" href=\"#how\" data-toc=\"how\">Solution<\/a><\/li>\n      <li><a class=\"toc-link\" href=\"#flows\" data-toc=\"flows\">3 Processes<\/a><\/li>\n      <li><a class=\"toc-link\" href=\"#pricing\" data-toc=\"pricing\">Pricing<\/a><\/li>\n      <li><a class=\"toc-link\" href=\"#faq\" data-toc=\"faq\">Question<\/a><\/li>\n    <\/ul>\n    <a class=\"toc-cta\" href=\"#pricing\">Buy now \u2192<\/a>\n  <\/aside>\n\n  <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n  <section id=\"hero\" class=\"hero-bg relative grain overflow-hidden\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 relative\">\n      <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n        <div>\n          <div class=\"inline-block text-xs font-bold tracking-widest text-primary-700 uppercase mb-4\">\n            The automation trio \u00b7 Service businesses\n          <\/div>\n          <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-[3.5rem] leading-[1.1] mb-5\">\n            Same team \u2014<br \/>\n            <span class=\"text-primary-700\">double the output, without new hires.<\/span>\n          <\/h1>\n          <p class=\"text-lg text-stone-700 mb-7 max-w-lg leading-relaxed\">\n            Three packaged automation workflows for agencies, e-commerce, coaching, and B2B service teams in Vietnam \u2014 auto-reply to customer messages, syndicate content to five channels, and triage support tickets. Deploy in a single day, runs reliably on n8n community edition.\n          <\/p>\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <a href=\"#pricing\" class=\"bg-accent-500 hover:bg-accent-600 text-ink font-semibold rounded-lg px-6 py-3 shadow-sm transition\">\n              See the three plans \u2192\n            <\/a>\n            <a href=\"#flows\" class=\"text-stone-700 hover:text-ink font-medium px-4 py-3 border-b-2 border-stone-300 hover:border-ink transition\">\n              Watch 90-second demo \u2193\n            <\/a>\n          <\/div>\n          <div class=\"mt-8 grid grid-cols-2 gap-x-5 gap-y-2 text-sm text-stone-600 max-w-md\">\n            <span>Works on n8n community &amp; Cloud Starter<\/span>\n            <span>No developer required<\/span>\n            <span>Vietnamese &amp; English versions<\/span>\n            <span>Single-node CONFIG setup<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Hero visual: Unsplash photo + Telegram phone overlay -->\n        <div class=\"relative\">\n          <div class=\"relative rounded-2xl overflow-hidden shadow-2xl aspect-[4\/3]\">\n            <img decoding=\"async\"\n              src=\"https:\/\/images.unsplash.com\/photo-1531403009284-440f080d1e12?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\"\n              alt=\"Kh\u00f4ng gian l\u00e0m vi\u1ec7c c\u1ee7a \u0111\u1ed9i ng\u0169 doanh nghi\u1ec7p d\u1ecbch v\u1ee5 v\u1edbi m\u00e1y t\u00ednh, \u0111i\u1ec7n tho\u1ea1i v\u00e0 s\u1ed5 ghi ch\u00e9p\"\n              class=\"w-full h-full object-cover\"\n              onerror=\"this.src='https:\/\/source.unsplash.com\/H5vs0BxfZJ0\/1200x900'\"\n            \/>\n            <div class=\"absolute inset-0 bg-gradient-to-tr from-primary-900\/30 to-transparent\"><\/div>\n          <\/div>\n\n          <!-- Floating Telegram preview -->\n          <div class=\"absolute -bottom-10 -right-2 md:-right-8 w-[300px] hidden sm:block\">\n            <div class=\"tg-app\">\n              <div class=\"tg-header\">\n                <button type=\"button\" class=\"tg-back\" aria-label=\"go back\">\u2039<\/button>\n                <div class=\"tg-avatar\" style=\"background: linear-gradient(135deg,#2AABEE,#229ED9);\">B<\/div>\n                <div class=\"tg-meta\">\n                  <div class=\"tg-name\">BEUP CRM <span class=\"tg-bot-tag\">BOT<\/span><\/div>\n                  <div class=\"tg-status\">auto-replies \u2022 always online<\/div>\n                <\/div>\n                <div class=\"tg-icons\"><span>\u22ee<\/span><\/div>\n              <\/div>\n              <div class=\"tg-chat\" style=\"min-height: auto; padding-bottom: 6px;\">\n                <div class=\"tg-msg-row\">\n                  <div class=\"tg-msg-incoming\">\n                    <div class=\"tg-sender\" style=\"color:#5DC4F1;\">BEUP CRM<\/div>\n                    <div class=\"tg-msg-text\"><strong>\ud83d\udce9 New message \u2014 Pro plan customer<\/strong>\n<span class=\"muted\">Mark \u00b7 Facebook Messenger \u00b7 14:23<\/span>\n\n<span class=\"muted\">Customer asked:<\/span>\n<span class=\"quote\">&#8220;Do you support data migration for our company\u2019s 50,000 existing customers?&#8221;<\/span>\n\n<span class=\"muted\">Suggested reply:<\/span>\n&#8220;Yes, we do. The Pro package includes free data transfer for up to 100,000 records\u2026&#8221;<\/div>\n                    <div class=\"tg-msg-time\">14:23<span class=\"tg-read\">\u2713\u2713<\/span><\/div>\n                    <div class=\"tg-keyboard\">\n                      <button type=\"button\" class=\"tg-kbd-btn\">Send this reply<\/button>\n                      <div class=\"tg-kbd-row cols-2\">\n                        <button type=\"button\" class=\"tg-kbd-btn\">Edit<\/button>\n                        <button type=\"button\" class=\"tg-kbd-btn\">Skip<\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 BEFORE \/ AFTER \u2014 VISUAL ARCHITECTURE DIAGRAM \u2550\u2550\u2550 -->\n  <section class=\"py-20 border-t border-stone-200 bg-white overflow-hidden\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-12 max-w-2xl mx-auto\">\n        <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3\">Same workload \u2014 two ways to handle it<\/h2>\n        <p class=\"text-stone-600 text-lg\">Service teams receive the same inputs every day: Messenger messages, support emails, blog posts, intake forms. The way you handle them decides both speed and quality.<\/p>\n      <\/div>\n\n      <div class=\"ba-stack\">\n\n        <!-- \u2550\u2550\u2550 BEFORE PANEL (compact, narrower) \u2550\u2550\u2550 -->\n        <article class=\"ba-panel ba-before ba-panel-compact\">\n          <header class=\"ba-header\">\n            <div class=\"ba-eyebrow ba-eyebrow-red\">BEFORE \u00b7 No automation system<\/div>\n            <h3 class=\"ba-title\">Every input funnels through one person<\/h3>\n          <\/header>\n\n          <div class=\"ba-diagram\">\n            <!-- Inputs column -->\n            <div class=\"ba-col ba-inputs\">\n              <div class=\"ba-col-label\">Daily inputs<\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udcac<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Messenger messages<\/div><div class=\"ba-node-sub\">~80 per day<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udce8<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Emails &amp; support forms<\/div><div class=\"ba-node-sub\">~30 requests per day<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udcf0<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">New blog posts<\/div><div class=\"ba-node-sub\">1\u20132 per week<\/div><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Chevron divider -->\n            <div class=\"ba-divider ba-divider-red\"><span class=\"ba-chevron\">\u203a<\/span><\/div>\n\n            <!-- Center person bottleneck -->\n            <div class=\"ba-col ba-process ba-process-bottleneck\">\n              <div class=\"ba-bottleneck-card\">\n                <div class=\"ba-person-icon ba-person-stress\">\ud83e\uddd1\u200d\ud83d\udcbc<\/div>\n                <div class=\"ba-person-label\">You \/ your support team<\/div>\n                <div class=\"ba-person-stat\">22 hrs\/week<\/div>\n                <div class=\"ba-person-warn\">\u26a0 Bottleneck<\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Chevron divider -->\n            <div class=\"ba-divider ba-divider-red\"><span class=\"ba-chevron\">\u203a<\/span><\/div>\n\n            <!-- Output failures -->\n            <div class=\"ba-col ba-outputs\">\n              <div class=\"ba-col-label\">Consequence<\/div>\n              <div class=\"ba-node ba-node-fail\"><span class=\"ba-bullet ba-bullet-fail\">\u00d7<\/span><span>Urgent (P1) requests miss SLA by 8 hours, customers churn<\/span><\/div>\n              <div class=\"ba-node ba-node-fail\"><span class=\"ba-bullet ba-bullet-fail\">\u00d7<\/span><span>30% of social posts never get published<\/span><\/div>\n              <div class=\"ba-node ba-node-fail\"><span class=\"ba-bullet ba-bullet-fail\">\u00d7<\/span><span>Support team burns out, turnover spikes<\/span><\/div>\n              <div class=\"ba-node ba-node-fail\"><span class=\"ba-bullet ba-bullet-fail\">\u00d7<\/span><span>Founder doing support after hours<\/span><\/div>\n            <\/div>\n          <\/div>\n\n          <footer class=\"ba-footer ba-footer-before\">\n            <div class=\"ba-stat-big ba-stat-red\">22h<\/div>\n            <div class=\"ba-stat-label\">internal ops per week \u00b7 max stress<\/div>\n          <\/footer>\n        <\/article>\n\n        <!-- \u2550\u2550\u2550 Transition arrow + narrative \u2550\u2550\u2550 -->\n        <div class=\"ba-transition\" aria-hidden=\"false\">\n          <div class=\"ba-transition-line\"><\/div>\n          <div class=\"ba-transition-arrow\">\u2193<\/div>\n          <p class=\"ba-transition-text\">BEUP Flow solves this by <strong>inserting 3 automation workflows in the middle<\/strong>, so you only review instead of doing the work<\/p>\n          <div class=\"ba-transition-line\"><\/div>\n        <\/div>\n\n        <!-- \u2550\u2550\u2550 AFTER PANEL (wide, detailed) \u2550\u2550\u2550 -->\n        <article class=\"ba-panel ba-after ba-panel-wide\">\n          <span class=\"ba-popup-badge\">With BEUP Flow<\/span>\n          <header class=\"ba-header\">\n            <div class=\"ba-eyebrow ba-eyebrow-teal\">AFTER \u00b7 3 automation workflows<\/div>\n            <h3 class=\"ba-title\">BEUP does 70%, you decide the 30%<\/h3>\n          <\/header>\n\n          <div class=\"ba-diagram ba-diagram-after\">\n            <!-- Inputs column -->\n            <div class=\"ba-col ba-inputs\">\n              <div class=\"ba-col-label\">Daily inputs<\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udcac<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Messenger messages<\/div><div class=\"ba-node-sub\">~80 per day<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udce8<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Emails &amp; support forms<\/div><div class=\"ba-node-sub\">~30 requests per day<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-input\">\n                <span class=\"ba-icon-wrap ba-icon-input\"><span class=\"ba-icon\">\ud83d\udcf0<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">New blog posts<\/div><div class=\"ba-node-sub\">1\u20132 per week<\/div><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Chevron divider -->\n            <div class=\"ba-divider ba-divider-teal\"><span class=\"ba-chevron\">\u203a<\/span><\/div>\n\n            <!-- BEUP flows (3 parallel pipelines, 1:1 with inputs) -->\n            <div class=\"ba-col ba-flows\">\n              <div class=\"ba-col-label\">3 BEUP workflows<\/div>\n              <div class=\"ba-node ba-node-flow\">\n                <span class=\"ba-icon-wrap ba-icon-flow\"><span class=\"ba-icon\">\ud83e\uddab<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Customer service assistant<\/div><div class=\"ba-node-sub\">Automatic reply &#038; message classification<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-flow\">\n                <span class=\"ba-icon-wrap ba-icon-flow\"><span class=\"ba-icon\">\ud83e\uddab<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Ticket classification<\/div><div class=\"ba-node-sub\">SLA monitoring, prioritises urgent tickets<\/div><\/div>\n              <\/div>\n              <div class=\"ba-node ba-node-flow\">\n                <span class=\"ba-icon-wrap ba-icon-flow\"><span class=\"ba-icon\">\ud83e\uddab<\/span><\/span>\n                <div class=\"ba-node-text\"><div class=\"ba-node-title\">Duplicate content<\/div><div class=\"ba-node-sub\">One blog post \u2192 5 social channels<\/div><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Chevron divider -->\n            <div class=\"ba-divider ba-divider-teal\"><span class=\"ba-chevron\">\u203a<\/span><\/div>\n\n            <!-- Person review -->\n            <div class=\"ba-col ba-process ba-process-review\">\n              <div class=\"ba-bottleneck-card ba-review-card\">\n                <div class=\"ba-person-icon ba-person-calm\">\ud83e\uddd1\u200d\ud83d\udcbc<\/div>\n                <div class=\"ba-person-label\">You approve in one tap<\/div>\n                <div class=\"ba-person-stat ba-person-stat-teal\">7 hrs\/week<\/div>\n                <div class=\"ba-person-good\">\u2713 Time freed up for strategy<\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Chevron divider -->\n            <div class=\"ba-divider ba-divider-teal\"><span class=\"ba-chevron\">\u203a<\/span><\/div>\n\n            <!-- Output successes -->\n            <div class=\"ba-col ba-outputs\">\n              <div class=\"ba-col-label\">Result<\/div>\n              <div class=\"ba-node ba-node-success\"><span class=\"ba-bullet ba-bullet-success\">\u2713<\/span><span>100% SLA met, zero churn<\/span><\/div>\n              <div class=\"ba-node ba-node-success\"><span class=\"ba-bullet ba-bullet-success\">\u2713<\/span><span>Full multi-channel content distribution<\/span><\/div>\n              <div class=\"ba-node ba-node-success\"><span class=\"ba-bullet ba-bullet-success\">\u2713<\/span><span>Stable team, no extra hires needed<\/span><\/div>\n              <div class=\"ba-node ba-node-success\"><span class=\"ba-bullet ba-bullet-success\">\u2713<\/span><span>Founder sleeps through the night<\/span><\/div>\n            <\/div>\n          <\/div>\n\n          <footer class=\"ba-footer ba-footer-after\">\n            <div class=\"ba-stat-big ba-stat-teal\">7h<\/div>\n            <div class=\"ba-stat-label\">internal ops per week \u00b7 \u221268% \u00b7 15 hours saved<\/div>\n          <\/footer>\n        <\/article>\n      <\/div>\n\n      <!-- Caption below diagrams -->\n      <p class=\"text-center text-stone-500 text-sm mt-8 max-w-2xl mx-auto\">\n        Data architecture pattern \u2014 you don't change the input sources, you only insert 3 automation workflows in the middle. <a href=\"#flows\" class=\"text-primary-700 underline hover:no-underline\">See each workflow in detail \u2192<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 PROBLEM \u2550\u2550\u2550 -->\n  <section id=\"problem\" class=\"py-20\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <h2 class=\"text-center font-display font-bold text-3xl sm:text-4xl mb-3\">Where service businesses lose time every week<\/h2>\n      <p class=\"text-center text-stone-600 mb-12 max-w-2xl mx-auto\">After consulting with 40 agency, e-commerce, and B2B service teams (5\u201320 people each) in Vietnam, we identified four sources of repetitive waste.<\/p>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200 hover:shadow-md transition\">\n          <div class=\"text-3xl mb-3\">\ud83d\udcac<\/div>\n          <div class=\"font-display font-bold text-lg mb-2\">Manually replying to 80+ messages a day<\/div>\n          <div class=\"text-sm text-stone-600 mb-3\">Repeat questions account for ~70% of inbound \u2014 your support team copies, edits, and sends the same answers all day.<\/div>\n          <div class=\"text-xs font-medium text-red-600\">\u2248 15 hours per week \u00b7 one full-time headcount<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200 hover:shadow-md transition\">\n          <div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n          <div class=\"font-display font-bold text-lg mb-2\">Reposting one blog to five social channels<\/div>\n          <div class=\"text-sm text-stone-600 mb-3\">Each platform demands a different voice and length. Four hours per article is the industry standard.<\/div>\n          <div class=\"text-xs font-medium text-red-600\">\u2248 16 hours per month \u00b7 one marketing headcount<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200 hover:shadow-md transition\">\n          <div class=\"text-3xl mb-3\">\ud83c\udfab<\/div>\n          <div class=\"font-display font-bold text-lg mb-2\">Spotting urgent tickets only after 8-hour delays<\/div>\n          <div class=\"text-sm text-stone-600 mb-3\">Without centralised SLA monitoring, response times slip and churn climbs.<\/div>\n          <div class=\"text-xs font-medium text-red-600\">\u2248 $80\u2013$160 lost per month from churn<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200 hover:shadow-md transition\">\n          <div class=\"text-3xl mb-3\">\ud83c\udf05<\/div>\n          <div class=\"font-display font-bold text-lg mb-2\">Founder doing customer support after hours<\/div>\n          <div class=\"text-sm text-stone-600 mb-3\">Checking Slack at 10pm, waking up to 30 support requests \u2014 a burnout loop that kills strategic focus and the ability to scale.<\/div>\n          <div class=\"text-xs font-medium text-red-600\">Strategic work gets squeezed out<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 SOLUTION OVERVIEW \u2550\u2550\u2550 -->\n  <section id=\"how\" class=\"py-20 bg-stone-50 border-t border-stone-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <h2 class=\"text-center font-display font-bold text-3xl sm:text-4xl mb-3\">Three workflows. One deployment. Always running.<\/h2>\n      <p class=\"text-center text-stone-600 mb-14 max-w-2xl mx-auto\">Each workflow owns one operational lane \u2014 customer care, content marketing, technical support. Once imported into your n8n, all three run independently 24\/7.<\/p>\n\n      <div class=\"grid lg:grid-cols-3 gap-6 max-w-5xl mx-auto\">\n        <div class=\"bg-white rounded-xl p-6 border-2 border-primary-700\/30 relative\">\n          <div class=\"absolute -top-3 left-6 bg-primary-700 text-white text-xs font-bold px-3 py-1 rounded-full\">Workflow 1<\/div>\n          <div class=\"text-3xl mb-3 mt-2\">\ud83d\udcac<\/div>\n          <div class=\"font-display font-bold text-lg mb-1\">Customer care assistant for Messenger &amp; Zalo OA<\/div>\n          <div class=\"text-sm text-stone-600\">Customer message \u2192 AI drafts a reply in your brand voice \u2192 you approve in one tap on Telegram \u2192 it logs to your CRM.<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border-2 border-primary-700\/30 relative\">\n          <div class=\"absolute -top-3 left-6 bg-primary-700 text-white text-xs font-bold px-3 py-1 rounded-full\">Workflow 2<\/div>\n          <div class=\"text-3xl mb-3 mt-2\">\u2728<\/div>\n          <div class=\"font-display font-bold text-lg mb-1\">Multi-channel content syndication<\/div>\n          <div class=\"text-sm text-stone-600\">Blog or YouTube URL \u2192 AI generates five platform-tailored variants \u2192 Buffer schedules them across five days.<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border-2 border-primary-700\/30 relative\">\n          <div class=\"absolute -top-3 left-6 bg-primary-700 text-white text-xs font-bold px-3 py-1 rounded-full\">Workflow 3<\/div>\n          <div class=\"text-3xl mb-3 mt-2\">\ud83c\udfab<\/div>\n          <div class=\"font-display font-bold text-lg mb-1\">Ticket triage &amp; SLA monitoring<\/div>\n          <div class=\"text-sm text-stone-600\">Email or support form \u2192 AI identifies issue category and priority \u2192 assigns the right teammate \u2192 warns you before SLA breach.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-14 max-w-3xl mx-auto space-y-3 text-stone-700\">\n        <div class=\"flex gap-3\"><span class=\"text-primary-700 mt-1\">\u25b8<\/span><span>After purchase you receive three workflow JSON files. Import into your n8n \u2014 self-setup takes about 30 minutes per workflow.<\/span><\/div>\n        <div class=\"flex gap-3\"><span class=\"text-primary-700 mt-1\">\u25b8<\/span><span>Each workflow has a single <code class=\"bg-stone-100 px-1.5 py-0.5 rounded text-sm font-medium\">\u2699\ufe0f CONFIG<\/code> node. All parameters (Sheet ID, OpenAI key, Telegram chat ID) are set in one place.<\/span><\/div>\n        <div class=\"flex gap-3\"><span class=\"text-primary-700 mt-1\">\u25b8<\/span><span>Inline guidance notes are embedded in every workflow in plain English \u2014 read as you go, no thick PDF needed.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 FLOW DEEP-DIVE \u00d7 3 \u2550\u2550\u2550 -->\n  <section id=\"flows\">\n\n    <!-- \u2550\u2550\u2550 FLOW 1: CRM-01 \u2550\u2550\u2550 -->\n    <div class=\"py-20 border-t border-stone-200\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n          <div>\n            <div class=\"inline-block text-xs font-bold tracking-widest text-primary-700 uppercase mb-3\">Workflow 1<\/div>\n            <h3 class=\"font-display font-bold text-3xl sm:text-4xl mb-4\">Auto-pilot customer care for Messenger &amp; Zalo OA<\/h3>\n            <p class=\"text-stone-700 mb-5 leading-relaxed\">Every customer message is captured the instant it arrives. The system parses it through OpenAI GPT-4o-mini, drafts a reply in your brand voice, and logs the conversation into a Google Sheets CRM.<\/p>\n            <p class=\"text-stone-700 mb-7 leading-relaxed\">You receive a Telegram notification with the suggested reply \u2014 one tap and it's sent. You retain full control of the content, so the wrong answer never goes out.<\/p>\n            <dl class=\"grid grid-cols-1 sm:grid-cols-3 gap-5\">\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Activate<\/dt>\n                <dd class=\"text-sm text-stone-800\">Webhook from Facebook Messenger and Zalo OA<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Integration<\/dt>\n                <dd class=\"text-sm text-stone-800\">Messenger \u00b7 Zalo OA \u00b7 OpenAI \u00b7 Google Sheets \u00b7 Telegram<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Real-world result<\/dt>\n                <dd class=\"text-sm text-stone-800\">Automates ~80% of repetitive messages, saves 15 hours per week<\/dd>\n              <\/div>\n            <\/dl>\n          <\/div>\n\n          <!-- Telegram realistic mock \u2014 CRM-01 -->\n          <div class=\"tg-app\">\n            <div class=\"tg-header\">\n              <button type=\"button\" class=\"tg-back\" aria-label=\"go back\">\u2039<\/button>\n              <div class=\"tg-avatar\" style=\"background: linear-gradient(135deg,#2AABEE,#229ED9);\">B<\/div>\n              <div class=\"tg-meta\">\n                <div class=\"tg-name\">BEUP CRM <span class=\"tg-bot-tag\">BOT<\/span><\/div>\n                <div class=\"tg-status\">auto-replies \u2022 always online<\/div>\n              <\/div>\n              <div class=\"tg-icons\"><span>\ud83d\udd0d<\/span><span>\u22ee<\/span><\/div>\n            <\/div>\n            <div class=\"tg-chat\">\n              <div class=\"tg-msg-row\">\n                <div class=\"tg-msg-incoming\">\n                  <div class=\"tg-sender\" style=\"color:#5DC4F1;\">BEUP CRM<\/div>\n                  <div class=\"tg-msg-text\"><strong>\ud83d\udce9 New message \u2014 Pro plan customer<\/strong>\n<span class=\"muted\">Mark \u2022 Facebook Messenger \u2022 14:23<\/span>\n\n<span class=\"muted\">Customer asked:<\/span>\n<span class=\"quote\">\u201cDoes your Pro package support data migration? Our company has 50,000 legacy customers with a non\u2011standard structure.\u201d<\/span>\n\n<span class=\"muted\">Assistant's suggested reply:<\/span>\n\u201cYes, we do. The Pro package offers free data migration up to 100,000 records. We\u2019ll map fields one\u2011to\u2011one or transform them if the structure differs. Would you like to schedule a 30\u2011minute demo to discuss details?\u201d\n\n<span class=\"accent-green\">Confidence: 87%<\/span><\/div>\n                  <div class=\"tg-msg-time\">14:23<span class=\"tg-read\">\u2713\u2713<\/span><\/div>\n                  <div class=\"tg-keyboard\">\n                    <button type=\"button\" class=\"tg-kbd-btn\">Send this reply<\/button>\n                    <div class=\"tg-kbd-row cols-2\">\n                      <button type=\"button\" class=\"tg-kbd-btn\">Edit<\/button>\n                      <button type=\"button\" class=\"tg-kbd-btn\">Skip<\/button>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tg-input-bar\">\n              <span class=\"tg-input-icon\">\ud83d\udcce<\/span>\n              <span class=\"tg-input-placeholder\">Type a message\u2026<\/span>\n              <span class=\"tg-input-icon\">\ud83c\udfa4<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 FLOW 2: MK-01 \u2550\u2550\u2550 -->\n    <div class=\"py-20 border-t border-stone-200 bg-stone-50\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n          <div class=\"md:order-2\">\n            <div class=\"inline-block text-xs font-bold tracking-widest text-primary-700 uppercase mb-3\">Workflow 2<\/div>\n            <h3 class=\"font-display font-bold text-3xl sm:text-4xl mb-4\">One blog post. Five channels. Thirty minutes of work.<\/h3>\n            <p class=\"text-stone-700 mb-5 leading-relaxed\">When you drop a blog or YouTube URL into your Google Sheet, the system extracts the content and generates five platform-tailored variants \u2014 long-form for LinkedIn, a thread for X, a carousel for Threads, and brand-tuned posts for Facebook and Instagram.<\/p>\n            <p class=\"text-stone-700 mb-7 leading-relaxed\">Telegram pings you with a preview. Once you approve, Buffer schedules all five posts across the next five days. You never have to open each platform and paste content again.<\/p>\n            <dl class=\"grid grid-cols-1 sm:grid-cols-3 gap-5\">\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Activate<\/dt>\n                <dd class=\"text-sm text-stone-800\">New row in Google Sheet or web form<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Integration<\/dt>\n                <dd class=\"text-sm text-stone-800\">OpenAI \u00b7 Buffer \u00b7 Google Sheets \u00b7 Telegram<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Real-world result<\/dt>\n                <dd class=\"text-sm text-stone-800\">From 4 hours per post to a 30-minute approval \u2014 saves 16 hours per month<\/dd>\n              <\/div>\n            <\/dl>\n          <\/div>\n\n          <!-- Telegram realistic mock \u2014 MK-01 -->\n          <div class=\"md:order-1\">\n            <div class=\"tg-app\">\n              <div class=\"tg-header\">\n                <button type=\"button\" class=\"tg-back\" aria-label=\"go back\">\u2039<\/button>\n                <div class=\"tg-avatar\" style=\"background: linear-gradient(135deg,#A36CE3,#7B4BC4);\">M<\/div>\n                <div class=\"tg-meta\">\n                  <div class=\"tg-name\">BEUP Marketing <span class=\"tg-bot-tag\">BOT<\/span><\/div>\n                  <div class=\"tg-status\">auto-publishing content<\/div>\n                <\/div>\n                <div class=\"tg-icons\"><span>\ud83d\udd0d<\/span><span>\u22ee<\/span><\/div>\n              <\/div>\n              <div class=\"tg-chat\">\n                <div class=\"tg-msg-row\">\n                  <div class=\"tg-msg-incoming\">\n                    <div class=\"tg-sender\" style=\"color:#A78BE6;\">BEUP Marketing<\/div>\n                    <div class=\"tg-msg-text\"><strong>\u2728 Post syndicated to five channels<\/strong>\n<span class=\"muted\">15:47 \u2022 Run #2034<\/span>\n\n<span class=\"muted\">Source:<\/span>\n\u201c5 ways to reduce churn for B2B SaaS\u201d\n<span class=\"accent-blue\">blog.beup.vn\/reduce-churn<\/span>\n\n<span class=\"muted\">Five variants generated:<\/span>\n\u2022 <strong>LinkedIn<\/strong> \u2014 280-word long-form post\n\u2022 <strong>X<\/strong> \u2014 8-tweet thread\n\u2022 <strong>Threads<\/strong> \u2014 5-slide carousel\n\u2022 <strong>Facebook<\/strong> \u2014 post with 3 hashtags\n\u2022 <strong>Instagram<\/strong> \u2014 caption + reel script\n\n<span class=\"muted\">Suggested schedule via Buffer:<\/span>\nTue 10:00 \u2192 Sat 18:00 (5 consecutive days)\n\n<span class=\"muted\">View full draft:<\/span> <span class=\"accent-blue\">bit.ly\/run-2034<\/span><\/div>\n                    <div class=\"tg-msg-time\">15:47<span class=\"tg-read\">\u2713\u2713<\/span><\/div>\n                    <div class=\"tg-keyboard\">\n                      <button type=\"button\" class=\"tg-kbd-btn\">Approve all 5 &amp; schedule<\/button>\n                      <div class=\"tg-kbd-row cols-2\">\n                        <button type=\"button\" class=\"tg-kbd-btn\">Edit each variant<\/button>\n                        <button type=\"button\" class=\"tg-kbd-btn danger\">Cancel this run<\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"tg-input-bar\">\n                <span class=\"tg-input-icon\">\ud83d\udcce<\/span>\n                <span class=\"tg-input-placeholder\">Type a message\u2026<\/span>\n                <span class=\"tg-input-icon\">\ud83c\udfa4<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 FLOW 3: OP-04 \u2550\u2550\u2550 -->\n    <div class=\"py-20 border-t border-stone-200\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n          <div>\n            <div class=\"inline-block text-xs font-bold tracking-widest text-primary-700 uppercase mb-3\">Workflow 3<\/div>\n            <h3 class=\"font-display font-bold text-3xl sm:text-4xl mb-4\">AI ticket triage with pre-SLA-breach alerts<\/h3>\n            <p class=\"text-stone-700 mb-5 leading-relaxed\">Every support request \u2014 labelled emails or webhook form submissions \u2014 is analysed by AI to identify the issue category (technical bug, billing, how-to, feature request), priority level P1 through P4, and a suggested first response.<\/p>\n            <p class=\"text-stone-700 mb-7 leading-relaxed\">The system auto-assigns the right teammate based on skills and current workload, and re-checks SLA compliance every 15 minutes. If a deadline is approaching, leads get notified before the breach happens \u2014 no more P1 tickets slipping through the night.<\/p>\n            <dl class=\"grid grid-cols-1 sm:grid-cols-3 gap-5\">\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Activate<\/dt>\n                <dd class=\"text-sm text-stone-800\">Email with the \u201cSupport\u201d label or form webhook<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Integration<\/dt>\n                <dd class=\"text-sm text-stone-800\">Gmail \u00b7 OpenAI \u00b7 Google Sheets \u00b7 Telegram<\/dd>\n              <\/div>\n              <div>\n                <dt class=\"text-xs font-bold text-stone-500 uppercase tracking-wider mb-1\">Real-world result<\/dt>\n                <dd class=\"text-sm text-stone-800\">P1 tickets stop slipping overnight \u2014 cuts churn loss by ~$80 per month<\/dd>\n              <\/div>\n            <\/dl>\n          <\/div>\n\n          <!-- Telegram realistic mock \u2014 OP-04 -->\n          <div class=\"tg-app\">\n            <div class=\"tg-header\">\n              <button type=\"button\" class=\"tg-back\" aria-label=\"go back\">\u2039<\/button>\n              <div class=\"tg-avatar\" style=\"background: linear-gradient(135deg,#F59E0B,#D97706);\">H<\/div>\n              <div class=\"tg-meta\">\n                <div class=\"tg-name\">BEUP Support <span class=\"tg-bot-tag\">BOT<\/span><\/div>\n                <div class=\"tg-status\">SLA monitoring \u00b7 updates every 15 min<\/div>\n              <\/div>\n              <div class=\"tg-icons\"><span>\ud83d\udd0d<\/span><span>\u22ee<\/span><\/div>\n            <\/div>\n            <div class=\"tg-chat\">\n              <div class=\"tg-msg-row\">\n                <div class=\"tg-msg-incoming\">\n                  <div class=\"tg-sender\" style=\"color:#FBBF24;\">BEUP Support<\/div>\n                  <div class=\"tg-msg-text\"><strong>\ud83c\udfab New ticket \u2014 #2026-1842<\/strong>\n<span class=\"muted\">14:31 \u2022 received via email<\/span>\n\n<span class=\"muted\">Customer:<\/span>\nMark \u2022 <span class=\"accent-blue\">mark@xyz.com<\/span>\nPlan: Pro \u2022 14-month customer\n\n<span class=\"muted\">Reported issue:<\/span>\n<span class=\"quote\">\u201cI can\u2019t export a CSV file from the admin page; it was working fine yesterday.\u201d<\/span>\n\n<span class=\"muted\">Auto-classification:<\/span>\n\u2022 Category: <strong>Technical bug<\/strong>\n\u2022 Priority: <strong>P2<\/strong> \u00b7 8-hour SLA\n\u2022 Assigned to: <strong>Hung<\/strong> (Senior support)\n   Active load 3\/5 \u00b7 admin-area expertise match\n\n<span class=\"muted\">Suggested first response:<\/span>\n\u201cHey Nam, I\u2019ve logged the issue. Which browser are you using and are there any error messages displayed? I need to replicate the error to resolve it quickly.\u201d\n\n<span class=\"accent-green\">\u23f0 SLA deadline: 22:30 today<\/span><\/div>\n                  <div class=\"tg-msg-time\">14:31<span class=\"tg-read\">\u2713\u2713<\/span><\/div>\n                  <div class=\"tg-keyboard\">\n                    <button type=\"button\" class=\"tg-kbd-btn\">Send reply &amp; assign<\/button>\n                    <div class=\"tg-kbd-row cols-2\">\n                      <button type=\"button\" class=\"tg-kbd-btn\">Reassign<\/button>\n                      <button type=\"button\" class=\"tg-kbd-btn\">Escalate to P1<\/button>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tg-input-bar\">\n              <span class=\"tg-input-icon\">\ud83d\udcce<\/span>\n              <span class=\"tg-input-placeholder\">Type a message\u2026<\/span>\n              <span class=\"tg-input-icon\">\ud83c\udfa4<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 CANVAS SCREENSHOT VIEWER \u2550\u2550\u2550 -->\n  <section class=\"py-20 bg-stone-900 text-stone-100\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-10\">\n        <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3\">Inside the workflow<\/h2>\n        <p class=\"text-stone-400\">View the n8n graph directly. Zoom in and drag to inspect each node.<\/p>\n      <\/div>\n\n      <div class=\"flex flex-wrap gap-2 mb-6 justify-center\">\n        <button type=\"button\" class=\"canvas-tab active bg-accent-500 text-ink font-semibold px-4 py-2 rounded-lg\" data-flow=\"crm-01\">Customer service assistant<\/button>\n        <button type=\"button\" class=\"canvas-tab bg-stone-700 hover:bg-stone-600 text-stone-100 font-semibold px-4 py-2 rounded-lg\" data-flow=\"mk-01\">Duplicate content<\/button>\n        <button type=\"button\" class=\"canvas-tab bg-stone-700 hover:bg-stone-600 text-stone-100 font-semibold px-4 py-2 rounded-lg\" data-flow=\"op-04\">Ticket classification<\/button>\n      <\/div>\n\n      <div class=\"zoom-viewport\" id=\"zoomViewport\">\n        <img decoding=\"async\"\n          id=\"canvasImage\"\n          class=\"zoom-img\"\n          data-no-lazy=\"1\"\n          loading=\"eager\"\n          src=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/crm-01-vi.png\"\n          data-vi-crm-01=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/crm-01-vi.png\"\n          data-en-crm-01=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/crm-01-en.png\"\n          data-vi-mk-01=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/mk-01-vi-scaled.png\"\n          data-en-mk-01=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/mk-01-en-scaled.png\"\n          data-vi-op-04=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/op-04-vi.png\"\n          data-en-op-04=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/04\/op-04-en.png\"\n          alt=\"S\u01a1 \u0111\u1ed3 workflow n8n cho quy tr\u00ecnh Tr\u1ee3 l\u00fd CSKH\"\n          onerror=\"this.src='data:image\/svg+xml;utf8,' + encodeURIComponent('<svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 1600 900&quot;><rect width=&quot;100%25&quot; height=&quot;100%25&quot; fill=&quot;%23292524&quot;\/><text x=&quot;50%25&quot; y=&quot;48%25&quot; fill=&quot;%23a8a29e&quot; text-anchor=&quot;middle&quot; font-family=&quot;monospace&quot; font-size=&quot;28&quot;>Workflow diagram \u2014 pending update<\/text><text x=&quot;50%25&quot; y=&quot;55%25&quot; fill=&quot;%2378716c&quot; text-anchor=&quot;middle&quot; font-family=&quot;monospace&quot; font-size=&quot;16&quot;>Will be replaced with an n8n export \u00b7 1920\u00d71080<\/text><\/svg>&#8216;)&#8221;        \/>        <div class=\"zoom-controls\">\n          <button type=\"button\" id=\"zoomOut\" aria-label=\"Zoom out\">\u2212<\/button>\n          <button type=\"button\" id=\"zoomReset\" aria-label=\"Return to default size\">\u21ba<\/button>\n          <button type=\"button\" id=\"zoomIn\" aria-label=\"Zoom in\">+<\/button>\n          <button type=\"button\" id=\"zoomFull\" aria-label=\"Enter full-screen mode\">\u2922<\/button>\n        <\/div>\n      <\/div>\n\n      <p class=\"text-center text-stone-500 text-sm mt-4\">\n        Tip: hold <kbd class=\"bg-stone-700 px-1.5 rounded text-xs\">Ctrl<\/kbd> + scroll to zoom \u00b7 drag to pan \u00b7 click <kbd class=\"bg-stone-700 px-1.5 rounded text-xs\">\u2922<\/kbd> for fullscreen \u00b7 <kbd class=\"bg-stone-700 px-1.5 rounded text-xs\">Esc<\/kbd> to close.\n      <\/p>\n    <\/div>\n\n    <div class=\"modal-backdrop\" id=\"fullscreenModal\">\n      <div class=\"relative w-full h-full\">\n        <button type=\"button\" id=\"closeModal\" class=\"absolute top-4 right-4 z-10 bg-stone-800 hover:bg-stone-700 text-white px-4 py-2 rounded-lg\">\u2715 Close (Esc)<\/button>\n        <div class=\"zoom-viewport w-full h-full\" style=\"aspect-ratio: auto;\">\n          <img id=\"canvasImageFull\" class=\"zoom-img\" data-no-lazy=\"1\" loading=\"eager\" alt=\"S\u01a1 \u0111\u1ed3 workflow to\u00e0n m\u00e0n h\u00ecnh\" \/>\n          <div class=\"zoom-controls\">\n            <button type=\"button\" id=\"zoomOutFull\">\u2212<\/button>\n            <button type=\"button\" id=\"zoomResetFull\">\u21ba<\/button>\n            <button type=\"button\" id=\"zoomInFull\">+<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 WHAT YOU GET \u2550\u2550\u2550 -->\n  <section class=\"py-20 border-t border-stone-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-12\">\n        <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3\">What you get after purchase<\/h2>\n        <p class=\"text-stone-600\">All assets are emailed to you the moment your payment is confirmed. Both English and Vietnamese versions are included.<\/p>\n      <\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"text-3xl mb-3\">\ud83d\udcc1<\/div>\n          <div class=\"font-display font-bold mb-2\">Three workflow JSON files<\/div>\n          <div class=\"text-sm text-stone-600 mb-4\">Customer Care \u00b7 Content Syndication \u00b7 Ticket Triage \u00b7 all wired with the CONFIG node for centralised setup.<\/div>\n          <span class=\"text-xs text-stone-500\">Delivered via email after payment<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"text-3xl mb-3\">\u2699\ufe0f<\/div>\n          <div class=\"font-display font-bold mb-2\">Centralised CONFIG node<\/div>\n          <div class=\"text-sm text-stone-600 mb-4\">Sheet IDs, API keys, Telegram chat IDs \u2014 all set in one place. No need to open every node.<\/div>\n          <span class=\"text-xs text-stone-500\">Bundled inside the workflow files<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n          <div class=\"font-display font-bold mb-2\">English guidance notes inline<\/div>\n          <div class=\"text-sm text-stone-600 mb-4\">Every workflow is segmented with clear annotations so your team grasps the logic the moment they open it.<\/div>\n          <span class=\"text-xs text-stone-500\">Bundled inside the workflow files<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"text-3xl mb-3\">\ud83d\udcc4<\/div>\n          <div class=\"font-display font-bold mb-2\">Setup guide<\/div>\n          <div class=\"text-sm text-stone-600 mb-4\">Step-by-step setup guide, checklist, Google Sheet template, and common scenarios.<\/div>\n          <span class=\"text-xs text-stone-500\">Delivered via email after payment<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"mt-8 p-4 bg-amber-50 border border-amber-200 rounded-lg max-w-2xl mx-auto text-sm text-stone-700 text-center\">\n        Use the language switcher <span class=\"lang-pill inline-flex align-middle\"><button type=\"button\" class=\"active text-xs\" tabindex=\"-1\" aria-hidden=\"true\">VI<\/button><button type=\"button\" class=\"text-xs\" tabindex=\"-1\" aria-hidden=\"true\">EN<\/button><\/span> in the top-right corner to flip between English and Vietnamese.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 PRICING \u2550\u2550\u2550 -->\n  <section id=\"pricing\" class=\"py-20 bg-gradient-to-b from-stone-50 to-white border-t border-stone-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-10\">\n        <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3\">BEUP Kit \u00b7 BEUP Crew \u00b7 BEUP Lodge<\/h2>\n        <p class=\"text-stone-600 max-w-xl mx-auto\">Three levels of involvement \u2014 modelled after the beaver's life cycle in nature. Build the dam yourself, have BEUP's crew build it, or have BEUP maintain the whole lodge long-term?<\/p>\n      <\/div>\n\n      <!-- \u2b50 TASTE entry banner \u2014 gateway product 499k -->\n      <div class=\"max-w-4xl mx-auto mb-10 relative overflow-hidden rounded-2xl bg-gradient-to-br from-primary-700 to-primary-900 text-white shadow-xl\">\n        <div class=\"absolute -top-12 -right-12 w-48 h-48 rounded-full bg-accent-500\/20\"><\/div>\n        <div class=\"absolute -bottom-8 -left-8 w-36 h-36 rounded-full bg-accent-500\/10\"><\/div>\n        <div class=\"relative grid md:grid-cols-[auto,1fr,auto] items-center gap-6 p-6 md:p-8\">\n          <div class=\"text-5xl\">\ud83e\uddab<\/div>\n          <div>\n            <div class=\"text-xs font-bold tracking-widest text-accent-400 uppercase mb-1\">New to BEUP? Start small<\/div>\n            <h3 class=\"font-display font-extrabold text-2xl md:text-3xl mb-2\" style=\"color:#fff\">BEUP Taste \u2014 1 workflow, <span style=\"color:#fbbf24\">$10<\/span><\/h3>\n            <p class=\"text-sm text-stone-200 leading-relaxed max-w-2xl\">Buy just the Customer Care workflow (Messenger + AI) to feel BEUP's quality before committing further. <strong class=\"text-white\">Happy with it? Upgrade to Kit for only $20 more<\/strong> (we credit the $10 you've already paid).<\/p>\n          <\/div>\n          <a href=\"https:\/\/beup.space\/en\/checkout\/?add-to-cart=18977&#038;tier_swap=1\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-accent-500 hover:bg-accent-600 text-ink font-bold rounded-xl px-6 py-4 shadow-lg transition whitespace-nowrap\">\n            Buy Taste \u00b7 $10 \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Explainer note: why Crew\/Lodge starts with a call -->\n      <div class=\"max-w-3xl mx-auto mb-10 p-5 bg-white border border-stone-200 rounded-xl text-sm text-stone-700 leading-relaxed\">\n        <strong class=\"text-stone-900\">Why do BEUP Crew and BEUP Lodge start with a free consultation?<\/strong><br \/>\n        Every service business has different infrastructure, brand voice, and roadmap. We don't deploy unless we understand your needs first \u2014 a short 15-30 minute consultation lets us recommend the right option, and you decide whether to proceed. No commitment up-front.\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 COMPARISON TABLE (desktop md:+) \u2550\u2550\u2550 -->\n      <div class=\"pricing-show-desktop max-w-6xl mx-auto\" style=\"padding-top:1.25rem\">\n        <div style=\"overflow:hidden;border-radius:1rem;border:1px solid #e7e5e4;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding-top:1.25rem\"><table class=\"pricing-table\" style=\"border:none;box-shadow:none;border-radius:0;overflow:visible\">\n          <thead>\n            <tr>\n              <th class=\"ptbl-feat-col\"><span class=\"sr-only\">Feature<\/span><\/th>\n              <th class=\"ptbl-tier ptbl-kit\">\n                <div class=\"ptbl-eyebrow\">Self-deployed<\/div>\n                <div class=\"ptbl-name\">BEUP <span class=\"text-primary-700\">Kit<\/span><\/div>\n                <div class=\"ptbl-tagline\">You're at the wheel \u2014 BEUP stays out of it<\/div>\n                <div class=\"ptbl-price\">$30<\/div>\n                <div class=\"ptbl-period\">one-time \u00b7 ~750,000 \u20ab <span class=\"text-accent-600 font-semibold\">\u00b7 50% off first 50 orders<\/span><\/div>\n              <\/th>\n              <th class=\"ptbl-tier ptbl-crew ptbl-popular\">\n                <div class=\"ptbl-popular-badge\">Most popular<\/div>\n                <div class=\"ptbl-eyebrow\">Done-for-you deployment<\/div>\n                <div class=\"ptbl-name\">BEUP <span class=\"text-accent-600\">Crew<\/span><\/div>\n                <div class=\"ptbl-tagline\">BEUP's crew builds your dam \u2014 you're operational in 5 days<\/div>\n                <div class=\"ptbl-price\">$140<\/div>\n                <div class=\"ptbl-period\">one-time \u00b7 ~3,500,000 \u20ab<\/div>\n              <\/th>\n              <th class=\"ptbl-tier ptbl-lodge\">\n                <div class=\"ptbl-eyebrow\">Long-term managed<\/div>\n                <div class=\"ptbl-name\">BEUP <span class=\"text-primary-700\">Lodge<\/span><\/div>\n                <div class=\"ptbl-tagline\">A lodge maintained by BEUP \u2014 you focus on growth<\/div>\n                <div class=\"ptbl-price\">$30\/mo<\/div>\n                <div class=\"ptbl-period\">~750,000 \u20ab\/mo \u00b7 3-month minimum<\/div>\n              <\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <!-- Section: T\u00e0i li\u1ec7u -->\n            <tr class=\"ptbl-section\"><td colspan=\"4\">\ud83d\udce6 Assets &amp; downloadable content<\/td><\/tr>\n            <tr>\n              <th>3 JSON workflow files (VI &amp; EN)<\/th>\n              <td><span class=\"check-yes\" aria-label=\"c\u00f3\">\u2713<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\" aria-label=\"c\u00f3\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\" aria-label=\"c\u00f3\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Setup guide<\/th>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Sample Google Sheet with standard columns<\/th>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>User community <span style=\"font-size:0.7rem;color:#a8a29e;font-weight:400\">(coming soon)<\/span><\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-no\">\u2014<\/span><\/td>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Free version updates<\/th>\n              <td><span class=\"cell-text\">6 months<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"cell-text\">6 months<\/span><\/td>\n              <td><span class=\"cell-text cell-strong\">Lifetime<\/span><\/td>\n            <\/tr>\n\n            <!-- Section: Tri\u1ec3n khai -->\n            <tr class=\"ptbl-section\"><td colspan=\"4\">\ud83d\udee0 Deployment services<\/td><\/tr>\n            <tr>\n              <th>60-minute pre-deployment audit<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>BEUP installs 3 workflows on your n8n<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Credential setup (Sheets, OpenAI, Telegram, Buffer, Gmail)<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>OpenAI prompt tuning to match your brand voice<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"cell-text cell-strong\">1 round<\/span><\/td>\n              <td><span class=\"cell-text cell-strong\">Monthly<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>2-hour Zoom team training \u2014 recorded<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Handover document (architecture + variables + roadmap)<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-yes\">\u2713<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n\n            <!-- Section: V\u1eadn h\u00e0nh -->\n            <tr class=\"ptbl-section\"><td colspan=\"4\">\ud83e\uddab Ongoing operations &amp; support<\/td><\/tr>\n            <tr>\n              <th>BEUP hosts n8n on dedicated infra (no VPS for you)<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-no\">\u2014<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>24\/7 monitoring + auto-alerts on workflow failure<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-no\">\u2014<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Priority 1-on-1 support (&lt; 4-hour business-hour response)<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"cell-text cell-strong\">14 days<\/span><\/td>\n              <td><span class=\"cell-text cell-strong\">Continuous<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>30-minute monthly tuning call<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-no\">\u2014<\/span><\/td>\n              <td><span class=\"check-yes\">\u2713<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Updates when providers change their API<\/th>\n              <td><span class=\"cell-text\">Email patch<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"cell-text\">Email patch<\/span><\/td>\n              <td><span class=\"cell-text cell-strong\">Automatic<\/span><\/td>\n            <\/tr>\n            <tr>\n              <th>Add new workflows as you scale<\/th>\n              <td><span class=\"check-no\">\u2014<\/span><\/td>\n              <td class=\"ptbl-popular\"><span class=\"check-no\">\u2014<\/span><\/td>\n              <td><span class=\"cell-text cell-strong\">50% off<\/span><\/td>\n            <\/tr>\n          <\/tbody>\n          <tfoot>\n            <tr>\n              <td><\/td>\n              <td>\n                <a href=\"https:\/\/beup.space\/en\/checkout\/?add-to-cart=18974&#038;tier_swap=1\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-primary\">\n                  Buy Kit \u00b7 $30\n                <\/a>\n                <p class=\"ptbl-cta-note\">Instant download after payment<\/p>\n              <\/td>\n              <td class=\"ptbl-popular\">\n                <a href=\"https:\/\/cal.com\/trang-nguyen-beup\/beup-crew-discovery\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-accent\">\n                  Book 30-min consult (free)\n                <\/a>\n                <p class=\"ptbl-cta-note\">Quote sent after the consult<\/p>\n              <\/td>\n              <td>\n                <a href=\"https:\/\/cal.com\/trang-nguyen-beup\/beup-lodge-discovery\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-primary\">\n                  Book 30-min consult (free)\n                <\/a>\n                <p class=\"ptbl-cta-note\">Stripe subscription after the call<\/p>\n              <\/td>\n            <\/tr>\n          <\/tfoot>\n        <\/table><\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 MOBILE: 3 stacked cards \u2550\u2550\u2550 -->\n      <div class=\"pricing-show-mobile gap-5 max-w-md mx-auto\">\n        <!-- Kit -->\n        <div class=\"bg-white rounded-2xl p-6 border border-stone-200\">\n          <div class=\"text-xs font-bold tracking-widest text-stone-500 uppercase mb-1\">Self-deployed<\/div>\n          <h3 class=\"font-display font-extrabold text-2xl mb-1\">BEUP <span class=\"text-primary-700\">Kit<\/span><\/h3>\n          <div class=\"font-display text-3xl font-extrabold mt-3 mb-1\">$30<\/div>\n          <div class=\"text-xs text-stone-500 mb-4\">one-time \u00b7 ~750,000 \u20ab \u00b7 keep forever \u00b7 <strong class=\"text-accent-600\">50% off first 50 orders<\/strong><\/div>\n          <a href=\"https:\/\/beup.space\/en\/checkout\/?add-to-cart=18974&#038;tier_swap=1\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-primary block mb-2\">Buy Kit \u00b7 $30<\/a>\n          <p class=\"text-xs text-stone-500\">Instant download after payment. Best if you already know n8n.<\/p>\n        <\/div>\n        <!-- Crew -->\n        <div class=\"bg-white rounded-2xl p-6 border-2 border-accent-500 ring-4 ring-accent-50 relative\">\n          <span class=\"badge-popular\" style=\"position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%)\">Most popular<\/span>\n          <div class=\"text-xs font-bold tracking-widest text-accent-600 uppercase mb-1 mt-2\">Done-for-you deployment<\/div>\n          <h3 class=\"font-display font-extrabold text-2xl mb-1\">BEUP <span class=\"text-accent-600\">Crew<\/span><\/h3>\n          <div class=\"font-display text-3xl font-extrabold mt-3 mb-1\">$140<\/div>\n          <div class=\"text-xs text-stone-500 mb-4\">one-time \u00b7 ~3,500,000 \u20ab \u00b7 saves 6+ hours of setup<\/div>\n          <a href=\"https:\/\/cal.com\/trang-nguyen-beup\/beup-crew-discovery\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-accent block mb-2\">Book 30-min consult (free)<\/a>\n          <p class=\"text-xs text-stone-500\">BEUP deploys + trains + tunes prompts to your brand voice.<\/p>\n        <\/div>\n        <!-- Lodge -->\n        <div class=\"bg-white rounded-2xl p-6 border border-stone-200\">\n          <div class=\"text-xs font-bold tracking-widest text-stone-500 uppercase mb-1\">Long-term managed<\/div>\n          <h3 class=\"font-display font-extrabold text-2xl mb-1\">BEUP <span class=\"text-primary-700\">Lodge<\/span><\/h3>\n          <div class=\"font-display text-3xl font-extrabold mt-3 mb-1\">$30\/mo<\/div>\n          <div class=\"text-xs text-stone-500 mb-4\">~750,000 \u20ab\/mo \u00b7 3-month minimum \u00b7 auto-renews<\/div>\n          <a href=\"https:\/\/cal.com\/trang-nguyen-beup\/beup-lodge-discovery\" target=\"_blank\" rel=\"noopener\" class=\"ptbl-cta ptbl-cta-primary block mb-2\">Book 30-min consult (free)<\/a>\n          <p class=\"text-xs text-stone-500\">BEUP hosts + monitors 24\/7 + monthly tuning call.<\/p>\n        <\/div>\n        <p class=\"text-xs text-stone-500 text-center mt-2\">View the full comparison on a larger screen.<\/p>\n      <\/div>\n\n      <p class=\"text-center text-stone-500 text-sm mt-10 max-w-2xl mx-auto\">\n        With the Taste, Kit, and Crew tiers, n8n license and server costs are on you. Recommended: n8n Cloud Starter (~$20\/mo) or self-hosted on a VPS (from ~$5\/mo). The Lodge tier already includes infrastructure.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550 -->\n  <section class=\"py-20 border-t border-stone-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-12\">\n        <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3\">Running inside Vietnamese service teams<\/h2>\n        <p class=\"text-stone-600\">Three representative cases \u2014 quotes will be replaced with verbatim feedback after the public launch.<\/p>\n      <\/div>\n      <div class=\"grid md:grid-cols-3 gap-6\">\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"flex items-center gap-3 mb-4\">\n            <div class=\"w-12 h-12 rounded-full bg-primary-100 flex items-center justify-center font-bold text-primary-700\">TQ<\/div>\n            <div>\n              <div class=\"font-semibold text-sm\">Tuan Q.<\/div>\n              <div class=\"text-xs text-stone-500\">Founder \u00b7 Growth agency, 12 staff \u00b7 Ho Chi Minh City<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"text-sm text-stone-700 italic mb-4\">\u201cThe Customer Care workflow handles about half the load of a full-time support agent. After one month we didn't need to hire \u2014 that's roughly $480 per month saved on headcount.\u201d<\/p>\n          <div class=\"text-xs font-semibold text-primary-700\">saves ~$480 per month<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"flex items-center gap-3 mb-4\">\n            <div class=\"w-12 h-12 rounded-full bg-accent-50 flex items-center justify-center font-bold text-accent-600\">LM<\/div>\n            <div>\n              <div class=\"font-semibold text-sm\">Linh M.<\/div>\n              <div class=\"text-xs text-stone-500\">Head of marketing \u00b7 Agency, 18 staff \u00b7 Hanoi<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"text-sm text-stone-700 italic mb-4\">\u201cContent syndication is the standout. We used to spend four hours adapting each blog post; now we paste a link and come back 30 minutes later to approve.\u201d<\/p>\n          <div class=\"text-xs font-semibold text-primary-700\">saves 16 hours per month<\/div>\n        <\/div>\n        <div class=\"bg-white rounded-xl p-6 border border-stone-200\">\n          <div class=\"flex items-center gap-3 mb-4\">\n            <div class=\"w-12 h-12 rounded-full bg-stone-200 flex items-center justify-center font-bold text-stone-700\">DH<\/div>\n            <div>\n              <div class=\"font-semibold text-sm\">Dung H.<\/div>\n              <div class=\"text-xs text-stone-500\">Engineering lead \u00b7 Coaching business, 8 staff \u00b7 Da Nang<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"text-sm text-stone-700 italic mb-4\">\u201cThe Ticket Triage workflow caught three P1 tickets in the first month \u2014 each one would have churned roughly $160\u2013$240 if it had slipped overnight. The whole bundle paid for itself in two weeks.\u201d<\/p>\n          <div class=\"text-xs font-semibold text-primary-700\">break-even in two weeks<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 FAQ \u2550\u2550\u2550 -->\n  <section id=\"faq\" class=\"py-20 bg-stone-50 border-t border-stone-200\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <h2 class=\"font-display font-bold text-3xl sm:text-4xl mb-3 text-center\">Frequently asked questions<\/h2>\n      <p class=\"text-center text-stone-600 mb-10\">Twelve specific questions surfaced during our consults \u2014 with detailed answers.<\/p>\n\n      <div class=\"space-y-3\">\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>1. We don't have a developer on the team \u2014 can we still deploy this?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">BEUP Kit requires only basic skills: importing a JSON file into n8n and pasting your API key \u2014 every step is guided, takes about 10 minutes. With BEUP Crew and BEUP Lodge, BEUP handles the full setup; you only need to grant access to n8n and Google Sheets.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>2. Which version of n8n do I need? Is Enterprise required?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">Enterprise is not required. The bundle runs reliably on either: self-hosted n8n community edition (Docker or a VPS from $5\/month), or n8n Cloud Starter ($20\/month). This is BEUP Flow's core difference \u2014 we deliberately avoid Enterprise-only features such as <code class=\"bg-stone-100 px-1 rounded text-xs\">$vars<\/code> environment variables and project-level permissions.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>3. What exactly do I get after purchase?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">Three JSON workflow files (each supporting both Vietnamese and English), a PDF setup guide, a standard Google Sheet template, and an onboarding video. All delivered via email after payment.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>4. How long does self-deployment really take?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">About 30 minutes per workflow if you already have a Telegram bot, Google Sheets, an OpenAI key, and a Buffer token. If you're signing up for those services from scratch, total time runs 1.5\u20132 hours. All three workflows together: 90 minutes to 6 hours depending on your starting point.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>5. Which AI model does it use? What's the monthly cost?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">Default is <code class=\"bg-stone-100 px-1 rounded text-xs\">gpt-4o-mini<\/code> \u2014 good enough for customer-care replies and ticket triage, while being cheap. Rough estimates: Customer Care at 80 msgs\/day ~$3\/month, Content Syndication at one post\/day ~$5\/month, Ticket Triage at 30 tickets\/day ~$2\/month. Total OpenAI spend ~$10\/month. You can swap in Claude or Gemini by replacing the model node.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>6. We don't use Buffer \u2014 can we swap in another scheduler?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">The Content Syndication workflow defaults to Buffer because it supports all five platforms through one unified API. You can swap in Hootsuite, Sprout Social, Postiz (open source), or call each platform\u2019s API directly. With BEUP Crew and BEUP Lodge, BEUP does the swap for you; with BEUP Kit, the PDF guide includes step-by-step instructions.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>7. Does the Customer Care workflow support Facebook Messenger, Zalo OA, or both?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">Both. The workflow has two separate webhook triggers (Facebook Messenger and Zalo OA) that feed into a single AI pipeline and write into the same CRM sheet. Activate whichever branch matches the channel you actually run. Both use OpenAI to draft suggested replies.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>8. Is the English version a machine translation or hand-authored?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">The English version is hand-authored from scratch \u2014 including the in-workflow annotations, Telegram message templates, error messages, and the OpenAI prompts themselves. It's not a machine translation. Each workflow has two distinct IDs (VI and EN); import whichever fits your team.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>9. Can I modify the workflows? Can I resell them?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">You have full rights to modify, duplicate, integrate into internal systems, change prompts, swap AI providers, and add sub-workflows. However, you may not resell the original workflows to third parties or build a SaaS product where these workflows are a core component. The licence applies to the end user, not to redistributors. If you're an agency that needs to deploy this for clients, please ask about our reseller plan.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>10. What's the refund policy if the workflows don't work for us?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\"><strong>100% refund within 14 days<\/strong> of purchase, no reason required. Applies to all tiers: BEUP Taste, Kit, and Crew. The Lodge tier is refunded pro-rata for unused months. Email <code class=\"bg-stone-100 px-1 rounded text-xs\">support@beup.space<\/code> \u2014 BEUP processes refunds within 3 business days.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>11. What happens when OpenAI or Buffer changes their API?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">With BEUP Lodge, BEUP applies updates for free on our managed infrastructure. BEUP Kit and BEUP Crew customers receive a patch via email within 2 weeks, including a migration guide for any breaking changes. Free updates for the first 6 months; after that, $29\/year for major upgrades.<\/div>\n        <\/details>\n\n        <details class=\"faq-item bg-white rounded-xl border border-stone-200\">\n          <summary class=\"flex justify-between items-center p-5 font-semibold\">\n            <span>12. We sell services internationally \u2014 does the AI handle a business English tone?<\/span>\n            <svg class=\"w-5 h-5 text-stone-400 transition\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n          <\/summary>\n          <div class=\"px-5 pb-5 text-stone-700 text-sm leading-relaxed\">The English version has its own prompt system, defaulting to a \u201cprofessional but friendly\u201d tone. You can customise it inside the CONFIG node: brand style (formal, warm, or creative), industry context, and a list of words to avoid. The PDF guide includes best-practice templates.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550 -->\n  <section class=\"py-24 bg-stone-900 text-stone-50\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n      <h2 class=\"font-display font-bold text-3xl sm:text-5xl mb-5\">Ready to free your team from work that should already be automated?<\/h2>\n      <p class=\"text-stone-300 text-lg mb-9 max-w-xl mx-auto\">Three workflows. One deployment. Always running. Pays for itself in the first month for service teams of 5\u201320 people.<\/p>\n      <div class=\"flex flex-wrap justify-center gap-3\">\n        <a href=\"#pricing\" class=\"bg-accent-500 hover:bg-accent-600 text-ink font-semibold rounded-lg px-7 py-4 shadow-md transition\">\n          Start from $10 \u2192\n        <\/a>\n        <a href=\"https:\/\/cal.com\/trang-nguyen-beup\/beup-lodge-discovery\" target=\"_blank\" rel=\"noopener\" class=\"bg-white\/10 hover:bg-white\/20 border-2 border-white\/40 hover:border-white\/70 text-white font-semibold rounded-lg px-7 py-4 transition backdrop-blur-sm\">\n          Book 30-min consult (free)\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Footer removed \u2014 beup.space main site c\u00f3 footer ri\u00eang -->\n\n  <!-- \u2550\u2550\u2550 SCRIPTS \u2550\u2550\u2550 -->\n  <script>\n    \/\/ \u2500\u2500\u2500\u2500\u2500 Language: follow parent theme's VI\/EN toggle \u2500\u2500\u2500\u2500\u2500\n    \/\/ Reads <html lang> first (theme usually mutates this), then localStorage,\n    \/\/ then defaults to VI. Listens for: <html lang> mutations, storage events,\n    \/\/ and direct calls to window.beupSetLang(lang).\n    const dlLinks = document.querySelectorAll('.dl-link');\n    const canvasImg = document.getElementById('canvasImage');\n    const canvasImgFull = document.getElementById('canvasImageFull');\n    let currentFlow = 'crm-01';\n\n    function readInitialLang() {\n      const htmlLang = (document.documentElement.lang || '').toLowerCase().slice(0, 2);\n      if (htmlLang === 'en' || htmlLang === 'vi') return htmlLang;\n      const stored = (localStorage.getItem('beup-lang') || '').toLowerCase();\n      if (stored === 'en' || stored === 'vi') return stored;\n      return 'vi';\n    }\n\n    let currentLang = readInitialLang();\n\n    function applyLang(lang) {\n      lang = (lang || '').toLowerCase();\n      if (lang !== 'vi' && lang !== 'en') return;\n      currentLang = lang;\n      \/\/ Mirror to <html lang> (idempotent \u2014 skip if already set, avoids observer feedback)\n      if (document.documentElement.lang.toLowerCase().slice(0, 2) !== lang) {\n        document.documentElement.lang = lang;\n      }\n      \/\/ Persist for cross-tab + page-reload\n      try { localStorage.setItem('beup-lang', lang); } catch (e) {}\n      \/\/ Swap canvas screenshot via existing data-{lang}-{flow} lookup\n      updateCanvas();\n      \/\/ Swap download links + their VI\/EN label spans\n      dlLinks.forEach(link => {\n        const href = link.dataset[lang + 'Href'];\n        if (href) link.href = href;\n        const label = link.querySelector('.dl-lang');\n        if (label) label.textContent = lang.toUpperCase();\n      });\n    }\n\n    \/\/ Watch <html lang> for theme-driven changes\n    new MutationObserver(muts => {\n      for (const m of muts) {\n        if (m.attributeName === 'lang') {\n          const next = document.documentElement.lang.toLowerCase().slice(0, 2);\n          if (next !== currentLang) applyLang(next);\n        }\n      }\n    }).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\n\n    \/\/ Cross-tab sync via localStorage\n    window.addEventListener('storage', (e) => {\n      if (e.key === 'beup-lang' && e.newValue && e.newValue !== currentLang) {\n        applyLang(e.newValue);\n      }\n    });\n\n    \/\/ Direct hook for parent theme to call\n    window.beupSetLang = applyLang;\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500 Sticky TOC: highlight section \u0111ang xem \u2500\u2500\u2500\u2500\u2500\n    const tocLinks = document.querySelectorAll('#beup-toc .toc-link');\n    const sectionIds = ['hero', 'problem', 'how', 'flows', 'pricing', 'faq'];\n    if (tocLinks.length && 'IntersectionObserver' in window) {\n      \/\/ Track ratio per section; pick the most-visible one as active\n      const sectionRatios = new Map();\n      sectionIds.forEach(id => sectionRatios.set(id, 0));\n\n      const updateActive = () => {\n        let bestId = null;\n        let bestRatio = 0;\n        sectionRatios.forEach((ratio, id) => {\n          if (ratio > bestRatio) { bestRatio = ratio; bestId = id; }\n        });\n        \/\/ Fallback: n\u1ebfu ch\u01b0a c\u00f3 section n\u00e0o visible \u0111\u00e1ng k\u1ec3, gi\u1eef nguy\u00ean\n        if (!bestId) return;\n        tocLinks.forEach(lnk => {\n          lnk.classList.toggle('active', lnk.dataset.toc === bestId);\n        });\n      };\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          sectionRatios.set(entry.target.id, entry.intersectionRatio);\n        });\n        updateActive();\n      }, {\n        \/\/ Theo d\u00f5i nhi\u1ec1u ng\u01b0\u1ee1ng \u0111\u1ec3 bi\u1ebft section n\u00e0o \"chi\u1ebfm viewport\" nhi\u1ec1u nh\u1ea5t\n        threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]\n      });\n\n      sectionIds.forEach(id => {\n        const el = document.getElementById(id);\n        if (el) observer.observe(el);\n      });\n\n      \/\/ \u0110\u1eb7t m\u1eb7c \u0111\u1ecbnh: link \u0111\u1ea7u ti\u00ean active khi page load (hero \u1edf tr\u00ean c\u00f9ng)\n      const firstLink = document.querySelector('#beup-toc .toc-link[data-toc=\"hero\"]');\n      if (firstLink) firstLink.classList.add('active');\n    }\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500 Canvas tab switch \u2500\u2500\u2500\u2500\u2500\n    document.querySelectorAll('.canvas-tab').forEach(tab => {\n      tab.addEventListener('click', () => {\n        document.querySelectorAll('.canvas-tab').forEach(t => {\n          t.classList.remove('active', 'bg-accent-500', 'text-ink');\n          t.classList.add('bg-stone-700', 'text-stone-100');\n        });\n        tab.classList.add('active', 'bg-accent-500', 'text-ink');\n        tab.classList.remove('bg-stone-700', 'text-stone-100');\n        currentFlow = tab.dataset.flow;\n        updateCanvas();\n        resetZoom();\n      });\n    });\n\n    function updateCanvas() {\n      const attr = `data-${currentLang}-${currentFlow}`;\n      const src = canvasImg.getAttribute(attr);\n      if (src) {\n        canvasImg.src = src;\n        canvasImgFull.src = src;\n        canvasImg.alt = `S\u01a1 \u0111\u1ed3 workflow n8n cho quy tr\u00ecnh ${currentFlow.toUpperCase()} (${currentLang.toUpperCase()})`;\n      }\n    }\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500 Pan + Zoom \u2500\u2500\u2500\u2500\u2500\n    function makePanZoom(viewport, img) {\n      let zoom = 1, x = 0, y = 0;\n      let isDown = false, startX = 0, startY = 0, origX = 0, origY = 0;\n      function apply() { img.style.transform = `translate(${x}px, ${y}px) scale(${zoom})`; }\n      function reset() { zoom = 1; x = 0; y = 0; apply(); }\n      function zoomBy(factor) {\n        zoom = Math.min(4, Math.max(1, zoom * factor));\n        if (zoom === 1) { x = 0; y = 0; }\n        apply();\n      }\n      viewport.addEventListener('mousedown', (e) => {\n        if (zoom <= 1) return;\n        isDown = true; startX = e.clientX; startY = e.clientY; origX = x; origY = y;\n        viewport.classList.add('grabbing');\n      });\n      window.addEventListener('mousemove', (e) => {\n        if (!isDown) return;\n        x = origX + (e.clientX - startX);\n        y = origY + (e.clientY - startY);\n        apply();\n      });\n      window.addEventListener('mouseup', () => { isDown = false; viewport.classList.remove('grabbing'); });\n      viewport.addEventListener('wheel', (e) => {\n        if (!e.ctrlKey) return;\n        e.preventDefault();\n        zoomBy(e.deltaY < 0 ? 1.15 : 1\/1.15);\n      }, { passive: false });\n      viewport.addEventListener('touchstart', (e) => {\n        if (zoom <= 1 || e.touches.length !== 1) return;\n        isDown = true; startX = e.touches[0].clientX; startY = e.touches[0].clientY; origX = x; origY = y;\n      });\n      viewport.addEventListener('touchmove', (e) => {\n        if (!isDown || e.touches.length !== 1) return;\n        x = origX + (e.touches[0].clientX - startX);\n        y = origY + (e.touches[0].clientY - startY);\n        apply();\n      });\n      viewport.addEventListener('touchend', () => { isDown = false; });\n      return { zoomIn: () => zoomBy(1.25), zoomOut: () => zoomBy(1\/1.25), reset, getZoom: () => zoom };\n    }\n\n    const main = makePanZoom(document.getElementById('zoomViewport'), canvasImg);\n    document.getElementById('zoomIn').addEventListener('click', main.zoomIn);\n    document.getElementById('zoomOut').addEventListener('click', main.zoomOut);\n    document.getElementById('zoomReset').addEventListener('click', main.reset);\n    function resetZoom() { main.reset(); }\n\n    \/\/ Fullscreen modal\n    const modal = document.getElementById('fullscreenModal');\n    const fullViewport = modal.querySelector('.zoom-viewport');\n    const full = makePanZoom(fullViewport, canvasImgFull);\n    document.getElementById('zoomInFull').addEventListener('click', full.zoomIn);\n    document.getElementById('zoomOutFull').addEventListener('click', full.zoomOut);\n    document.getElementById('zoomResetFull').addEventListener('click', full.reset);\n    document.getElementById('zoomFull').addEventListener('click', () => { modal.classList.add('open'); full.reset(); });\n    document.getElementById('closeModal').addEventListener('click', () => modal.classList.remove('open'));\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape') modal.classList.remove('open');\n    });\n\n    \/\/ Sync initial state: if HTML\/localStorage said EN, apply it now (after panZoom is wired)\n    applyLang(currentLang);\n\n    \/\/ Payment flow:\n    \/\/   Kit  \u2192 checkout.html (separate page with email + Sepay QR + Stripe)\n    \/\/   Crew \u2192 external Calendly URL (set in pricing card href)\n    \/\/   Lodge \u2192 external Calendly URL (set in pricing card href)\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>Ba quy tr\u00ecnh n8n \u0111\u00f3ng g\u00f3i s\u1eb5n cho doanh nghi\u1ec7p SaaS, agency, d\u1ecbch v\u1ee5 B2B Vi\u1ec7t Nam \u2014 tr\u1ea3 l\u1eddi tin nh\u1eafn, s\u1ea3n xu\u1ea5t n\u1ed9i dung \u0111a k\u00eanh, x\u1eed l\u00fd ticket h\u1ed7 tr\u1ee3. Tri\u1ec3n khai m\u1ed9t ng\u00e0y, v\u1eadn h\u00e0nh tr\u00ean n8n c\u1ed9ng \u0111\u1ed3ng.<\/p>","protected":false},"author":10,"featured_media":19080,"parent":18989,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18982","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beup.space\/en\/flow\/bo-3-tang-truong-khach-hang\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP\" \/>\n<meta property=\"og:description\" content=\"Ba quy tr\u00ecnh n8n \u0111\u00f3ng g\u00f3i s\u1eb5n cho doanh nghi\u1ec7p SaaS, agency, d\u1ecbch v\u1ee5 B2B Vi\u1ec7t Nam \u2014 tr\u1ea3 l\u1eddi tin nh\u1eafn, s\u1ea3n xu\u1ea5t n\u1ed9i dung \u0111a k\u00eanh, x\u1eed l\u00fd ticket h\u1ed7 tr\u1ee3. Tri\u1ec3n khai m\u1ed9t ng\u00e0y, v\u1eadn h\u00e0nh tr\u00ean n8n c\u1ed9ng \u0111\u1ed3ng.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beup.space\/en\/flow\/bo-3-tang-truong-khach-hang\/\" \/>\n<meta property=\"og:site_name\" content=\"BEUP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T14:38:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beup.space\/wp-content\/uploads\/2026\/05\/saas-growth-stack-og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/\",\"url\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/\",\"name\":\"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/beup.space\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beup.space\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/saas-growth-stack-og.png\",\"datePublished\":\"2026-04-28T14:58:27+00:00\",\"dateModified\":\"2026-05-11T14:38:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/\"]}],\"description\":\"\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beup.space\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/saas-growth-stack-og.png\",\"contentUrl\":\"https:\\\/\\\/beup.space\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/saas-growth-stack-og.png\",\"width\":1200,\"height\":630,\"caption\":\"BEUP Flow SaaS Growth Stack - 3 n8n workflows ready to run\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/beup.space\\\/flow\\\/bo-3-tang-truong-khach-hang\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/beup.space\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BEUP Flow \u2014 Quy tr\u00ecnh n8n \u0111\u00f3ng g\u00f3i cho doanh nghi\u1ec7p Vi\u1ec7t Nam\",\"item\":\"https:\\\/\\\/beup.space\\\/flow\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customer Growth Stack \u2014 B\u1ed9 3 T\u0103ng tr\u01b0\u1edfng Kh\u00e1ch h\u00e0ng\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/beup.space\\\/#website\",\"url\":\"https:\\\/\\\/beup.space\\\/\",\"name\":\"BEUP\",\"description\":\"Just X\u00e2y d\u1ef1ng n\u1ec1n t\u1ea3ng th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed b\u00e1n s\u1ea3n ph\u1ea9m s\u1ed1 (Notion templates, content packs) k\u1ebft h\u1ee3p v\u1edbi gi\u1edbi thi\u1ec7u d\u1ecbch v\u1ee5 t\u01b0 v\u1ea5nWordPress site\",\"publisher\":{\"@id\":\"https:\\\/\\\/beup.space\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/beup.space\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/beup.space\\\/#organization\",\"name\":\"BEUP\",\"url\":\"https:\\\/\\\/beup.space\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beup.space\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/beup.space\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo-final-1536x530-1.png\",\"contentUrl\":\"https:\\\/\\\/beup.space\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo-final-1536x530-1.png\",\"width\":1536,\"height\":530,\"caption\":\"BEUP\"},\"image\":{\"@id\":\"https:\\\/\\\/beup.space\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP","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:\/\/beup.space\/en\/flow\/bo-3-tang-truong-khach-hang\/","og_locale":"en_US","og_type":"article","og_title":"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP","og_description":"Ba quy tr\u00ecnh n8n \u0111\u00f3ng g\u00f3i s\u1eb5n cho doanh nghi\u1ec7p SaaS, agency, d\u1ecbch v\u1ee5 B2B Vi\u1ec7t Nam \u2014 tr\u1ea3 l\u1eddi tin nh\u1eafn, s\u1ea3n xu\u1ea5t n\u1ed9i dung \u0111a k\u00eanh, x\u1eed l\u00fd ticket h\u1ed7 tr\u1ee3. Tri\u1ec3n khai m\u1ed9t ng\u00e0y, v\u1eadn h\u00e0nh tr\u00ean n8n c\u1ed9ng \u0111\u1ed3ng.","og_url":"https:\/\/beup.space\/en\/flow\/bo-3-tang-truong-khach-hang\/","og_site_name":"BEUP","article_modified_time":"2026-05-11T14:38:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/beup.space\/wp-content\/uploads\/2026\/05\/saas-growth-stack-og.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/","url":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/","name":"Customer Growth Stack \u2014 Three Automation Workflows for Growing Service Businesses - BEUP","isPartOf":{"@id":"https:\/\/beup.space\/#website"},"primaryImageOfPage":{"@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/#primaryimage"},"image":{"@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/#primaryimage"},"thumbnailUrl":"https:\/\/beup.space\/wp-content\/uploads\/2026\/05\/saas-growth-stack-og.png","datePublished":"2026-04-28T14:58:27+00:00","dateModified":"2026-05-11T14:38:23+00:00","breadcrumb":{"@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/"]}],"description":""},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/#primaryimage","url":"https:\/\/beup.space\/wp-content\/uploads\/2026\/05\/saas-growth-stack-og.png","contentUrl":"https:\/\/beup.space\/wp-content\/uploads\/2026\/05\/saas-growth-stack-og.png","width":1200,"height":630,"caption":"BEUP Flow SaaS Growth Stack - 3 n8n workflows ready to run"},{"@type":"BreadcrumbList","@id":"https:\/\/beup.space\/flow\/bo-3-tang-truong-khach-hang\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/beup.space\/"},{"@type":"ListItem","position":2,"name":"BEUP Flow \u2014 Quy tr\u00ecnh n8n \u0111\u00f3ng g\u00f3i cho doanh nghi\u1ec7p Vi\u1ec7t Nam","item":"https:\/\/beup.space\/flow\/"},{"@type":"ListItem","position":3,"name":"Customer Growth Stack \u2014 B\u1ed9 3 T\u0103ng tr\u01b0\u1edfng Kh\u00e1ch h\u00e0ng"}]},{"@type":"WebSite","@id":"https:\/\/beup.space\/#website","url":"https:\/\/beup.space\/","name":"BEUP","description":"Building a digital product e-commerce platform (Notion templates, content packs) with consulting services \u2014 WordPress site","publisher":{"@id":"https:\/\/beup.space\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beup.space\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/beup.space\/#organization","name":"BEUP","url":"https:\/\/beup.space\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beup.space\/#\/schema\/logo\/image\/","url":"https:\/\/beup.space\/wp-content\/uploads\/2025\/12\/logo-final-1536x530-1.png","contentUrl":"https:\/\/beup.space\/wp-content\/uploads\/2025\/12\/logo-final-1536x530-1.png","width":1536,"height":530,"caption":"BEUP"},"image":{"@id":"https:\/\/beup.space\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/pages\/18982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/comments?post=18982"}],"version-history":[{"count":34,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/pages\/18982\/revisions"}],"predecessor-version":[{"id":19144,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/pages\/18982\/revisions\/19144"}],"up":[{"embeddable":true,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/pages\/18989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/media\/19080"}],"wp:attachment":[{"href":"https:\/\/beup.space\/en\/wp-json\/wp\/v2\/media?parent=18982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}