H-Media x Master Artists | Operational Infrastructure<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --brand-orange: #FF4500;\n --brand-glow: rgba(255, 69, 0, 0.4);\n --bg-dark: #0a0b10;\n --surface-dark: #13151f;\n --surface-hover: #1c1f2e;\n --text-main: #ffffff;\n --text-muted: #8b92a5;\n --border-color: rgba(255, 255, 255, 0.05);\n }\n\n body {\n background-color: var(--bg-dark);\n color: var(--text-main);\n font-family: 'Inter', sans-serif;\n margin: 0;\n padding: 60px 20px;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(255, 69, 0, 0.05), transparent 30%),\n radial-gradient(circle at 90% 80%, rgba(255, 69, 0, 0.04), transparent 30%);\n overflow-x: hidden;\n }\n\n @keyframes slideUpFade {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .container {\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n background: rgba(19, 21, 31, 0.6);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 70px 60px;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n box-sizing: border-box;\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .header h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 48px;\n margin: 0 0 16px 0;\n background: linear-gradient(to right, #ffffff, #a0aab2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -1.5px;\n line-height: 1.1;\n }\n\n .header p {\n color: var(--text-muted);\n font-size: 18px;\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .header .badge {\n display: inline-block;\n color: var(--brand-orange);\n font-size: 13px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 800;\n background: rgba(255, 69, 0, 0.1);\n padding: 8px 16px;\n border-radius: 100px;\n margin-bottom: 24px;\n border: 1px solid rgba(255, 69, 0, 0.2);\n }\n\n \/* Desktop Interactive Toggle *\/\n .toggle-wrapper {\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n padding: 10px;\n border-radius: 100px;\n display: flex;\n position: relative;\n width: fit-content;\n margin: 0 auto 50px auto;\n box-shadow: inset 0 5px 20px rgba(0,0,0,0.4);\n }\n\n .toggle-btn {\n padding: 16px 40px;\n border-radius: 100px;\n font-weight: 600;\n font-size: 16px;\n color: var(--text-muted);\n cursor: pointer;\n z-index: 2;\n transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .toggle-btn.active {\n color: #fff;\n }\n\n .toggle-bg {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 10px;\n width: calc(50% - 10px);\n background: linear-gradient(135deg, var(--brand-orange), #ff6a00);\n border-radius: 100px;\n transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n z-index: 1;\n box-shadow: 0 5px 20px var(--brand-glow);\n }\n\n \/* Dynamic Pricing *\/\n .price-display {\n text-align: center;\n margin-bottom: 60px;\n padding-bottom: 50px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .price-val {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 110px;\n font-weight: 800;\n line-height: 1;\n margin: 0;\n color: #fff;\n text-shadow: 0 15px 40px rgba(255, 69, 0, 0.2);\n transition: all 0.3s ease;\n }\n\n .price-val span {\n font-size: 36px;\n color: var(--text-muted);\n font-weight: 600;\n }\n\n .price-sub {\n color: var(--brand-orange);\n font-size: 20px;\n font-weight: 600;\n margin-top: 20px;\n letter-spacing: 1px;\n }\n\n \/* Grid Layout *\/\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 24px;\n margin-bottom: 60px;\n }\n\n .info-card {\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n padding: 35px 25px;\n border-radius: 16px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .info-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, transparent, var(--brand-orange), transparent);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n\n .info-card:hover {\n transform: translateY(-8px);\n background: var(--surface-hover);\n border-color: rgba(255, 69, 0, 0.3);\n box-shadow: 0 15px 40px rgba(0,0,0,0.4);\n }\n\n .info-card:hover::before {\n transform: translateX(100%);\n }\n\n .info-card i {\n font-size: 32px;\n color: var(--brand-orange);\n margin-bottom: 24px;\n background: rgba(255, 69, 0, 0.1);\n padding: 16px;\n border-radius: 12px;\n }\n\n .info-card h3 {\n margin: 0 0 12px 0;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n }\n\n .info-card p {\n color: var(--text-muted);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n }\n\n .info-card strong {\n color: #fff;\n }\n\n .cta-section {\n text-align: center;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n width: 100%;\n padding: 24px;\n background: var(--brand-orange);\n color: white;\n border: none;\n border-radius: 12px;\n font-size: 18px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px var(--brand-glow);\n }\n\n .cta-btn::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);\n transform: rotate(45deg) translateY(-100%);\n transition: transform 0.6s ease;\n }\n\n .cta-btn:hover {\n transform: scale(1.02);\n background: #ff5722;\n box-shadow: 0 20px 45px rgba(255, 69, 0, 0.6);\n }\n\n .cta-btn:hover::after {\n transform: rotate(45deg) translateY(100%);\n }\n\n \/* MOBILE FIXES *\/\n @media (max-width: 900px) {\n .container { padding: 50px 30px; }\n .price-val { font-size: 80px; }\n .header h1 { font-size: 38px; }\n .info-card[style] { flex-direction: column !important; align-items: flex-start !important; }\n .info-card[style] i { font-size: 32px !important; margin-top: 20px; }\n }\n\n @media (max-width: 600px) {\n body { padding: 30px 10px; }\n .container { padding: 40px 20px; }\n .header h1 { font-size: 32px; }\n \n \/* Toggle fixes for phone *\/\n .toggle-wrapper { \n width: 100%; \n box-sizing: border-box; \n flex-direction: column; \n border-radius: 16px;\n gap: 8px; \/* Adds space between the buttons *\/\n background: transparent;\n border: none;\n box-shadow: none;\n }\n .toggle-bg { \n display: none !important; \/* Hides the sliding background that caused the overlap *\/\n }\n .toggle-btn { \n justify-content: center; \n width: 100%; \n padding: 18px;\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n }\n \/* Direct coloring for the active button on mobile *\/\n .toggle-btn.active {\n background: linear-gradient(135deg, var(--brand-orange), #ff6a00);\n box-shadow: 0 5px 20px var(--brand-glow);\n border-color: transparent;\n }\n\n .price-val { font-size: 64px; }\n .info-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n \n <div class=\"header\">\n <div class=\"badge\">Master Artists Alignment<\/div>\n <h1>H-Media Deployment Architecture<\/h1>\n <p>Seamlessly integrate elite telesales talent and strategic BPO operations directly into your current ecosystem to scale outreach velocity.<\/p>\n <\/div>\n\n <div class=\"toggle-wrapper\">\n <div class=\"toggle-bg\" id=\"toggle-bg\"><\/div>\n <div class=\"toggle-btn active\" id=\"btn-en\" onclick=\"setPricing(false)\">\n <i class=\"fa-solid fa-earth-americas\"><\/i> English Only\n <\/div>\n <div class=\"toggle-btn\" id=\"btn-fr\" onclick=\"setPricing(true)\">\n <i class=\"fa-solid fa-language\"><\/i> Bilingual (EN + FR)\n <\/div>\n <\/div>\n\n <div class=\"price-display\">\n <div class=\"price-val\" id=\"price-output\">$7<span>\/h<\/span><\/div>\n <div class=\"price-sub\" id=\"role-output\"><i class=\"fa-solid fa-headset\"><\/i> Dedicated Telesales Representative<\/div>\n <\/div>\n\n <div class=\"info-grid\">\n \n <div class=\"info-card\">\n <i class=\"fa-solid fa-rocket\"><\/i>\n <h3>System Initialization<\/h3>\n <p>A one-time <strong>establishment fee of $500<\/strong> applies to seamlessly deploy our infrastructure and integrate our virtual assistance team with your operations.<\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-chart-pie\"><\/i>\n <h3>Performance Matrix<\/h3>\n <p>Our strategic alignment prioritizes sustainable mutual growth. The standard Master Artists commission is structured at <strong>35% of the broker’s GCI.<\/strong><\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-wallet\"><\/i>\n <h3>Ecosystem Benefit<\/h3>\n <p>We believe in rewarding high-level execution. Master Artists will compensate the service provider <strong>$1.00 per hour<\/strong>, yielding an ongoing passive income stream.<\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-shield-halved\"><\/i>\n <h3>Risk-Free Beta<\/h3>\n <p>A comprehensive <strong>two-week probationary period<\/strong> is included, allowing H-Media leadership to fully evaluate performance velocity before permanent commitment.<\/p>\n <\/div>\n\n <div class=\"info-card\" style=\"grid-column: 1 \/ -1; flex-direction: row; align-items: center; justify-content: space-between; padding: 25px 35px; gap: 20px;\">\n <div>\n <h3 style=\"margin-bottom: 8px;\">Absolute Transparency & Routing<\/h3>\n <p style=\"max-width: 800px;\">All pricing is established in <strong>USD<\/strong> with zero hidden fees. Billing operates on a predictable weekly cycle. Secure payment routing is available via <strong>Bank Transfers, Wire Transfers, and WISE.<\/strong><\/p>\n <\/div>\n <i class=\"fa-solid fa-money-bill-transfer\" style=\"margin: 0; background: none; font-size: 40px; opacity: 0.5;\"><\/i>\n <\/div>\n\n <\/div>\n\n <div class=\"cta-section\">\n <a href=\"https:\/\/www.master-artists.net\" class=\"cta-btn\" target=\"_self\">\n Explore Full BPO Solutions <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n <\/a>\n <\/div>\n\n<\/div>\n\n<script>\n function setPricing(isBilingual) {\n const bg = document.getElementById('toggle-bg');\n const btnEn = document.getElementById('btn-en');\n const btnFr = document.getElementById('btn-fr');\n const priceOutput = document.getElementById('price-output');\n\n \/\/ Animation logic\n priceOutput.style.opacity = 0;\n priceOutput.style.transform = \"scale(0.95) translateY(10px)\";\n\n setTimeout(() => {\n if (isBilingual) {\n \/\/ Desktop sliding logic (Ignored by CSS on mobile)\n bg.style.transform = \"translateX(100%)\";\n \n \/\/ Toggle active classes\n btnFr.classList.add('active');\n btnEn.classList.remove('active');\n \n \/\/ Update text\n priceOutput.innerHTML = '$10<span>\/h<\/span>';\n } else {\n \/\/ Desktop sliding logic\n bg.style.transform = \"translateX(0)\";\n \n \/\/ Toggle active classes\n btnEn.classList.add('active');\n btnFr.classList.remove('active');\n \n \/\/ Update text\n priceOutput.innerHTML = '$7<span>\/h<\/span>';\n }\n priceOutput.style.opacity = 1;\n priceOutput.style.transform = \"scale(1) translateY(0)\";\n }, 150);\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>H-Media x Master Artists | Operational Infrastructure Master Artists Alignment H-Media Deployment Architecture Seamlessly integrate elite telesales talent and strategic BPO operations directly into your current ecosystem to scale…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1734","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/comments?post=1734"}],"version-history":[{"count":4,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":1798,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734\/revisions\/1798"}],"wp:attachment":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/media?parent=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1734,"date":"2026-05-23T12:21:08","date_gmt":"2026-05-23T12:21:08","guid":{"rendered":"https:\/\/master-artists.net\/?page_id=1734"},"modified":"2026-05-23T18:53:10","modified_gmt":"2026-05-23T18:53:10","slug":"1734-2","status":"publish","type":"page","link":"https:\/\/master-artists.net\/index.php\/1734-2\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n\n\n\n \n \n H-Media x Master Artists | Operational Infrastructure<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --brand-orange: #FF4500;\n --brand-glow: rgba(255, 69, 0, 0.4);\n --bg-dark: #0a0b10;\n --surface-dark: #13151f;\n --surface-hover: #1c1f2e;\n --text-main: #ffffff;\n --text-muted: #8b92a5;\n --border-color: rgba(255, 255, 255, 0.05);\n }\n\n body {\n background-color: var(--bg-dark);\n color: var(--text-main);\n font-family: 'Inter', sans-serif;\n margin: 0;\n padding: 60px 20px;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(255, 69, 0, 0.05), transparent 30%),\n radial-gradient(circle at 90% 80%, rgba(255, 69, 0, 0.04), transparent 30%);\n overflow-x: hidden;\n }\n\n @keyframes slideUpFade {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .container {\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n background: rgba(19, 21, 31, 0.6);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 70px 60px;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n box-sizing: border-box;\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .header h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 48px;\n margin: 0 0 16px 0;\n background: linear-gradient(to right, #ffffff, #a0aab2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -1.5px;\n line-height: 1.1;\n }\n\n .header p {\n color: var(--text-muted);\n font-size: 18px;\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .header .badge {\n display: inline-block;\n color: var(--brand-orange);\n font-size: 13px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 800;\n background: rgba(255, 69, 0, 0.1);\n padding: 8px 16px;\n border-radius: 100px;\n margin-bottom: 24px;\n border: 1px solid rgba(255, 69, 0, 0.2);\n }\n\n \/* Desktop Interactive Toggle *\/\n .toggle-wrapper {\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n padding: 10px;\n border-radius: 100px;\n display: flex;\n position: relative;\n width: fit-content;\n margin: 0 auto 50px auto;\n box-shadow: inset 0 5px 20px rgba(0,0,0,0.4);\n }\n\n .toggle-btn {\n padding: 16px 40px;\n border-radius: 100px;\n font-weight: 600;\n font-size: 16px;\n color: var(--text-muted);\n cursor: pointer;\n z-index: 2;\n transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .toggle-btn.active {\n color: #fff;\n }\n\n .toggle-bg {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 10px;\n width: calc(50% - 10px);\n background: linear-gradient(135deg, var(--brand-orange), #ff6a00);\n border-radius: 100px;\n transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n z-index: 1;\n box-shadow: 0 5px 20px var(--brand-glow);\n }\n\n \/* Dynamic Pricing *\/\n .price-display {\n text-align: center;\n margin-bottom: 60px;\n padding-bottom: 50px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .price-val {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 110px;\n font-weight: 800;\n line-height: 1;\n margin: 0;\n color: #fff;\n text-shadow: 0 15px 40px rgba(255, 69, 0, 0.2);\n transition: all 0.3s ease;\n }\n\n .price-val span {\n font-size: 36px;\n color: var(--text-muted);\n font-weight: 600;\n }\n\n .price-sub {\n color: var(--brand-orange);\n font-size: 20px;\n font-weight: 600;\n margin-top: 20px;\n letter-spacing: 1px;\n }\n\n \/* Grid Layout *\/\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 24px;\n margin-bottom: 60px;\n }\n\n .info-card {\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n padding: 35px 25px;\n border-radius: 16px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .info-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, transparent, var(--brand-orange), transparent);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n\n .info-card:hover {\n transform: translateY(-8px);\n background: var(--surface-hover);\n border-color: rgba(255, 69, 0, 0.3);\n box-shadow: 0 15px 40px rgba(0,0,0,0.4);\n }\n\n .info-card:hover::before {\n transform: translateX(100%);\n }\n\n .info-card i {\n font-size: 32px;\n color: var(--brand-orange);\n margin-bottom: 24px;\n background: rgba(255, 69, 0, 0.1);\n padding: 16px;\n border-radius: 12px;\n }\n\n .info-card h3 {\n margin: 0 0 12px 0;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n }\n\n .info-card p {\n color: var(--text-muted);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n }\n\n .info-card strong {\n color: #fff;\n }\n\n .cta-section {\n text-align: center;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n width: 100%;\n padding: 24px;\n background: var(--brand-orange);\n color: white;\n border: none;\n border-radius: 12px;\n font-size: 18px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px var(--brand-glow);\n }\n\n .cta-btn::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);\n transform: rotate(45deg) translateY(-100%);\n transition: transform 0.6s ease;\n }\n\n .cta-btn:hover {\n transform: scale(1.02);\n background: #ff5722;\n box-shadow: 0 20px 45px rgba(255, 69, 0, 0.6);\n }\n\n .cta-btn:hover::after {\n transform: rotate(45deg) translateY(100%);\n }\n\n \/* MOBILE FIXES *\/\n @media (max-width: 900px) {\n .container { padding: 50px 30px; }\n .price-val { font-size: 80px; }\n .header h1 { font-size: 38px; }\n .info-card[style] { flex-direction: column !important; align-items: flex-start !important; }\n .info-card[style] i { font-size: 32px !important; margin-top: 20px; }\n }\n\n @media (max-width: 600px) {\n body { padding: 30px 10px; }\n .container { padding: 40px 20px; }\n .header h1 { font-size: 32px; }\n \n \/* Toggle fixes for phone *\/\n .toggle-wrapper { \n width: 100%; \n box-sizing: border-box; \n flex-direction: column; \n border-radius: 16px;\n gap: 8px; \/* Adds space between the buttons *\/\n background: transparent;\n border: none;\n box-shadow: none;\n }\n .toggle-bg { \n display: none !important; \/* Hides the sliding background that caused the overlap *\/\n }\n .toggle-btn { \n justify-content: center; \n width: 100%; \n padding: 18px;\n background: var(--surface-dark);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n }\n \/* Direct coloring for the active button on mobile *\/\n .toggle-btn.active {\n background: linear-gradient(135deg, var(--brand-orange), #ff6a00);\n box-shadow: 0 5px 20px var(--brand-glow);\n border-color: transparent;\n }\n\n .price-val { font-size: 64px; }\n .info-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n \n <div class=\"header\">\n <div class=\"badge\">Master Artists Alignment<\/div>\n <h1>H-Media Deployment Architecture<\/h1>\n <p>Seamlessly integrate elite telesales talent and strategic BPO operations directly into your current ecosystem to scale outreach velocity.<\/p>\n <\/div>\n\n <div class=\"toggle-wrapper\">\n <div class=\"toggle-bg\" id=\"toggle-bg\"><\/div>\n <div class=\"toggle-btn active\" id=\"btn-en\" onclick=\"setPricing(false)\">\n <i class=\"fa-solid fa-earth-americas\"><\/i> English Only\n <\/div>\n <div class=\"toggle-btn\" id=\"btn-fr\" onclick=\"setPricing(true)\">\n <i class=\"fa-solid fa-language\"><\/i> Bilingual (EN + FR)\n <\/div>\n <\/div>\n\n <div class=\"price-display\">\n <div class=\"price-val\" id=\"price-output\">$7<span>\/h<\/span><\/div>\n <div class=\"price-sub\" id=\"role-output\"><i class=\"fa-solid fa-headset\"><\/i> Dedicated Telesales Representative<\/div>\n <\/div>\n\n <div class=\"info-grid\">\n \n <div class=\"info-card\">\n <i class=\"fa-solid fa-rocket\"><\/i>\n <h3>System Initialization<\/h3>\n <p>A one-time <strong>establishment fee of $500<\/strong> applies to seamlessly deploy our infrastructure and integrate our virtual assistance team with your operations.<\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-chart-pie\"><\/i>\n <h3>Performance Matrix<\/h3>\n <p>Our strategic alignment prioritizes sustainable mutual growth. The standard Master Artists commission is structured at <strong>35% of the broker’s GCI.<\/strong><\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-wallet\"><\/i>\n <h3>Ecosystem Benefit<\/h3>\n <p>We believe in rewarding high-level execution. Master Artists will compensate the service provider <strong>$1.00 per hour<\/strong>, yielding an ongoing passive income stream.<\/p>\n <\/div>\n\n <div class=\"info-card\">\n <i class=\"fa-solid fa-shield-halved\"><\/i>\n <h3>Risk-Free Beta<\/h3>\n <p>A comprehensive <strong>two-week probationary period<\/strong> is included, allowing H-Media leadership to fully evaluate performance velocity before permanent commitment.<\/p>\n <\/div>\n\n <div class=\"info-card\" style=\"grid-column: 1 \/ -1; flex-direction: row; align-items: center; justify-content: space-between; padding: 25px 35px; gap: 20px;\">\n <div>\n <h3 style=\"margin-bottom: 8px;\">Absolute Transparency & Routing<\/h3>\n <p style=\"max-width: 800px;\">All pricing is established in <strong>USD<\/strong> with zero hidden fees. Billing operates on a predictable weekly cycle. Secure payment routing is available via <strong>Bank Transfers, Wire Transfers, and WISE.<\/strong><\/p>\n <\/div>\n <i class=\"fa-solid fa-money-bill-transfer\" style=\"margin: 0; background: none; font-size: 40px; opacity: 0.5;\"><\/i>\n <\/div>\n\n <\/div>\n\n <div class=\"cta-section\">\n <a href=\"https:\/\/www.master-artists.net\" class=\"cta-btn\" target=\"_self\">\n Explore Full BPO Solutions <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n <\/a>\n <\/div>\n\n<\/div>\n\n<script>\n function setPricing(isBilingual) {\n const bg = document.getElementById('toggle-bg');\n const btnEn = document.getElementById('btn-en');\n const btnFr = document.getElementById('btn-fr');\n const priceOutput = document.getElementById('price-output');\n\n \/\/ Animation logic\n priceOutput.style.opacity = 0;\n priceOutput.style.transform = \"scale(0.95) translateY(10px)\";\n\n setTimeout(() => {\n if (isBilingual) {\n \/\/ Desktop sliding logic (Ignored by CSS on mobile)\n bg.style.transform = \"translateX(100%)\";\n \n \/\/ Toggle active classes\n btnFr.classList.add('active');\n btnEn.classList.remove('active');\n \n \/\/ Update text\n priceOutput.innerHTML = '$10<span>\/h<\/span>';\n } else {\n \/\/ Desktop sliding logic\n bg.style.transform = \"translateX(0)\";\n \n \/\/ Toggle active classes\n btnEn.classList.add('active');\n btnFr.classList.remove('active');\n \n \/\/ Update text\n priceOutput.innerHTML = '$7<span>\/h<\/span>';\n }\n priceOutput.style.opacity = 1;\n priceOutput.style.transform = \"scale(1) translateY(0)\";\n }, 150);\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>H-Media x Master Artists | Operational Infrastructure Master Artists Alignment H-Media Deployment Architecture Seamlessly integrate elite telesales talent and strategic BPO operations directly into your current ecosystem to scale…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1734","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/comments?post=1734"}],"version-history":[{"count":4,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":1798,"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/pages\/1734\/revisions\/1798"}],"wp:attachment":[{"href":"https:\/\/master-artists.net\/index.php\/wp-json\/wp\/v2\/media?parent=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}