Humanivio Pro – $7 Monthly Subscription<\/title>\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 --primary: #8a4dbf;\n --primary-light: #a56cd4;\n --secondary: #6a3b9a;\n --accent: #b07cc9;\n --light: #f8f9fa;\n --dark: #2d3748;\n --success: #28a745;\n --warning: #ffc107;\n --danger: #dc3545;\n --gray: #6c757d;\n --light-gray: #e9ecef;\n --dark-purple: #5a2d81;\n --light-purple-bg: #f5f0ff;\n --light-purple-border: #e6d9ff;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: #faf7ff;\n color: var(--dark);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .container {\n width: 100%;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .logo-section {\n text-align: center;\n padding: 1rem 0 2rem;\n }\n \n .logo {\n font-size: 2.2rem;\n font-weight: 800;\n display: inline-flex;\n align-items: center;\n letter-spacing: 0.5px;\n margin-bottom: 0.5rem;\n color: var(--primary);\n }\n \n .logo-icon {\n margin-right: 10px;\n font-size: 2.5rem;\n }\n \n .tagline {\n color: var(--gray);\n font-size: 1.1rem;\n }\n \n .payment-card {\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);\n padding: 2.5rem;\n margin-bottom: 2rem;\n border: 1px solid var(--light-purple-border);\n }\n \n .plan-header {\n text-align: center;\n margin-bottom: 2rem;\n }\n \n .plan-name {\n font-size: 1.8rem;\n color: var(--dark-purple);\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n \n .price {\n font-size: 3.5rem;\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 0.5rem;\n }\n \n .price span {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--gray);\n }\n \n .plan-description {\n color: var(--gray);\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .features {\n list-style: none;\n margin: 1.5rem 0;\n text-align: left;\n }\n \n .features li {\n margin-bottom: 0.8rem;\n padding-left: 1.8rem;\n position: relative;\n }\n \n .features li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--success);\n font-weight: bold;\n }\n \n .payment-section {\n margin-top: 2rem;\n }\n \n .section-title {\n margin-bottom: 1.2rem;\n color: var(--dark-purple);\n font-size: 1.3rem;\n font-weight: 700;\n }\n \n .payment-method-selector {\n margin-bottom: 1.5rem;\n }\n \n .payment-method-selector label {\n display: block;\n margin-bottom: 0.6rem;\n font-weight: 600;\n color: var(--dark);\n }\n \n select {\n width: 100%;\n padding: 1rem 1.2rem;\n border-radius: 8px;\n border: 2px solid var(--light-purple-border);\n font-size: 1rem;\n background-color: white;\n transition: all 0.3s;\n }\n \n select:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(138, 77, 191, 0.2);\n }\n \n .payment-form {\n display: none;\n margin-top: 1.5rem;\n padding: 1.5rem;\n background-color: var(--light-purple-bg);\n border-radius: 8px;\n border: 1px solid var(--light-purple-border);\n }\n \n .payment-form.active {\n display: block;\n }\n \n .form-group {\n margin-bottom: 1.2rem;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--dark);\n }\n \n .form-group input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 8px;\n border: 2px solid var(--light-purple-border);\n font-size: 1rem;\n transition: all 0.3s;\n }\n \n .form-group input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(138, 77, 191, 0.2);\n }\n \n .card-details {\n display: flex;\n gap: 1rem;\n }\n \n .card-details .form-group {\n flex: 1;\n }\n \n .btn {\n padding: 1rem 1.8rem;\n border: none;\n border-radius: 8px;\n font-size: 1.05rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n }\n \n .btn-primary {\n background-color: var(--primary);\n color: white;\n }\n \n .btn-primary:hover {\n background-color: var(--secondary);\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(138, 77, 191, 0.3);\n }\n \n .bank-details {\n background-color: white;\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid var(--light-purple-border);\n }\n \n .bank-info {\n margin-bottom: 1.5rem;\n }\n \n .bank-info p {\n margin-bottom: 0.5rem;\n display: flex;\n justify-content: space-between;\n }\n \n .bank-info strong {\n color: var(--dark-purple);\n }\n \n .instructions {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px dashed var(--light-purple-border);\n }\n \n .instructions ol {\n margin-left: 1.2rem;\n margin-bottom: 1rem;\n }\n \n .instructions li {\n margin-bottom: 0.5rem;\n }\n \n .security-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .security-note i {\n color: var(--success);\n }\n \n .back-link {\n text-align: center;\n margin-top: 1.5rem;\n }\n \n .back-link a {\n color: var(--primary);\n text-decoration: none;\n font-weight: 500;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n \n .back-link a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .payment-card {\n padding: 1.8rem;\n }\n \n .card-details {\n flex-direction: column;\n gap: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"logo-section\">\n <div class=\"logo\">\n <span class=\"logo-icon\"><i class=\"fas fa-feather-alt\"><\/i><\/span>\n <span>Humanivio<\/span>\n <\/div>\n <div class=\"tagline\">Upgrade to Humanivio Pro<\/div>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"plan-header\">\n <h1 class=\"plan-name\">Pro Monthly Plan<\/h1>\n <div class=\"price\">$7 <span>\/month<\/span><\/div>\n <p class=\"plan-description\">Unlock unlimited AI content humanization<\/p>\n <\/div>\n \n <ul class=\"features\">\n <li>Unlimited word count<\/li>\n <li>All writing tones and styles<\/li>\n <li>Priority processing<\/li>\n <li>Advanced plagiarism check<\/li>\n <li>Export to multiple formats<\/li>\n <li>Email support<\/li>\n <\/ul>\n \n <div class=\"payment-section\">\n <h2 class=\"section-title\">Payment Method<\/h2>\n \n <div class=\"payment-method-selector\">\n <label for=\"paymentMethod\"><i class=\"fas fa-credit-card\"><\/i> Select Payment Method<\/label>\n <select id=\"paymentMethod\">\n <option value=\"\">— Choose a payment method —<\/option>\n <option value=\"stripe\">Credit\/Debit Card (Stripe)<\/option>\n <option value=\"jazzcash\">JazzCash<\/option>\n <option value=\"bank\">Bank Transfer<\/option>\n <\/select>\n <\/div>\n \n \n <div id=\"stripeForm\" class=\"payment-form\">\n <div class=\"form-group\">\n <label for=\"cardNumber\">Card Number<\/label>\n <input type=\"text\" id=\"cardNumber\" placeholder=\"1234 5678 9012 3456\" maxlength=\"19\">\n <\/div>\n \n <div class=\"card-details\">\n <div class=\"form-group\">\n <label for=\"expiryDate\">Expiry Date<\/label>\n <input type=\"text\" id=\"expiryDate\" placeholder=\"MM\/YY\" maxlength=\"5\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cvc\">CVC<\/label>\n <input type=\"text\" id=\"cvc\" placeholder=\"123\" maxlength=\"3\">\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cardName\">Name on Card<\/label>\n <input type=\"text\" id=\"cardName\" placeholder=\"John Doe\">\n <\/div>\n \n <button class=\"btn btn-primary\" id=\"stripePayBtn\">\n <i class=\"fas fa-lock\"><\/i> Pay $7.00\n <\/button>\n <\/div>\n \n \n <div id=\"jazzcashForm\" class=\"payment-form\">\n <div class=\"form-group\">\n <label for=\"mobileNumber\">JazzCash Mobile Number<\/label>\n <input type=\"text\" id=\"mobileNumber\" placeholder=\"03XX-XXXXXXX\" maxlength=\"12\">\n <\/div>\n \n <button class=\"btn btn-primary\" id=\"jazzcashPayBtn\">\n <i class=\"fas fa-mobile-alt\"><\/i> Pay with JazzCash\n <\/button>\n <\/div>\n \n \n <div id=\"bankForm\" class=\"payment-form\">\n <div class=\"bank-details\">\n <div class=\"bank-info\">\n <p><strong>Bank Name:<\/strong> ABC Bank<\/p>\n <p><strong>Account Title:<\/strong> Humanivio Inc.<\/p>\n <p><strong>Account Number:<\/strong> 1234-5678901-234<\/p>\n <p><strong>IBAN:<\/strong> PK36ABC1234567890123456<\/p>\n <p><strong>Branch Code:<\/strong> 0123<\/p>\n <\/div>\n \n <div class=\"instructions\">\n <h3>Instructions:<\/h3>\n <ol>\n <li>Transfer exactly $7 to the account details above<\/li>\n <li>Include your email address in the transfer description<\/li>\n <li>Send the transaction receipt to payments@humanivio.com<\/li>\n <li>Your account will be activated within 24 hours after payment verification<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"security-note\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <span>All payments are secure and encrypted<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"back-link\">\n <a href=\"#\"><i class=\"fas fa-arrow-left\"><\/i> Back to Humanivio<\/a>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const paymentMethod = document.getElementById('paymentMethod');\n const stripeForm = document.getElementById('stripeForm');\n const jazzcashForm = document.getElementById('jazzcashForm');\n const bankForm = document.getElementById('bankForm');\n const stripePayBtn = document.getElementById('stripePayBtn');\n const jazzcashPayBtn = document.getElementById('jazzcashPayBtn');\n \n \/\/ Hide all forms initially\n stripeForm.classList.remove('active');\n jazzcashForm.classList.remove('active');\n bankForm.classList.remove('active');\n \n \/\/ Handle payment method selection\n paymentMethod.addEventListener('change', function() {\n \/\/ Hide all forms\n stripeForm.classList.remove('active');\n jazzcashForm.classList.remove('active');\n bankForm.classList.remove('active');\n \n \/\/ Show selected form\n if (this.value === 'stripe') {\n stripeForm.classList.add('active');\n } else if (this.value === 'jazzcash') {\n jazzcashForm.classList.add('active');\n } else if (this.value === 'bank') {\n bankForm.classList.add('active');\n }\n });\n \n \/\/ Format card number input\n const cardNumber = document.getElementById('cardNumber');\n cardNumber.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n let formattedValue = '';\n \n for (let i = 0; i < value.length; i++) {\n if (i > 0 && i % 4 === 0) {\n formattedValue += ' ';\n }\n formattedValue += value[i];\n }\n \n this.value = formattedValue;\n });\n \n \/\/ Format expiry date input\n const expiryDate = document.getElementById('expiryDate');\n expiryDate.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n \n if (value.length >= 2) {\n this.value = value.substring(0, 2) + '\/' + value.substring(2, 4);\n } else {\n this.value = value;\n }\n });\n \n \/\/ Only allow numbers in CVC field\n const cvc = document.getElementById('cvc');\n cvc.addEventListener('input', function() {\n this.value = this.value.replace(\/[^0-9]\/gi, '');\n });\n \n \/\/ Format JazzCash mobile number\n const mobileNumber = document.getElementById('mobileNumber');\n mobileNumber.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n \n if (value.length >= 4) {\n this.value = value.substring(0, 4) + '-' + value.substring(4, 11);\n } else {\n this.value = value;\n }\n });\n \n \/\/ Stripe payment button handler\n stripePayBtn.addEventListener('click', function() {\n const cardNumber = document.getElementById('cardNumber').value;\n const expiryDate = document.getElementById('expiryDate').value;\n const cvc = document.getElementById('cvc').value;\n const cardName = document.getElementById('cardName').value;\n \n \/\/ Basic validation\n if (!cardNumber || !expiryDate || !cvc || !cardName) {\n alert('Please fill in all card details');\n return;\n }\n \n \/\/ In a real implementation, you would process the payment with Stripe API\n \/\/ For this demo, we'll just show a success message\n processPayment('Stripe');\n });\n \n \/\/ JazzCash payment button handler\n jazzcashPayBtn.addEventListener('click', function() {\n const mobileNumber = document.getElementById('mobileNumber').value;\n \n if (!mobileNumber) {\n alert('Please enter your JazzCash mobile number');\n return;\n }\n \n \/\/ In a real implementation, you would process the payment with JazzCash API\n \/\/ For this demo, we'll just show a success message\n processPayment('JazzCash');\n });\n \n \/\/ Simulate payment processing\n function processPayment(method) {\n \/\/ Show loading state\n const button = method === 'Stripe' ? stripePayBtn : jazzcashPayBtn;\n const originalText = button.innerHTML;\n button.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\n button.disabled = true;\n \n \/\/ Simulate API call\n setTimeout(() => {\n button.innerHTML = originalText;\n button.disabled = false;\n \n \/\/ Show success message\n alert(`Payment successful! Your $7 payment via ${method} has been processed. Your Humanivio Pro account is now active.`);\n \n \/\/ In a real implementation, you would redirect to a success page\n \/\/ window.location.href = '\/payment-success';\n }, 2000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Humanivio Pro – $7 Monthly Subscription Humanivio Upgrade to Humanivio Pro Pro Monthly Plan $7 \/month Unlock unlimited AI content humanization Unlimited word count All writing tones and styles Priority processing Advanced plagiarism check Export to multiple formats Email support Payment Method Select Payment Method — Choose a payment method —Credit\/Debit Card (Stripe)JazzCashBank Transfer Card … <a title=\"pricing\" class=\"read-more\" href=\"https:\/\/humanivio.com\/pricing\/\" aria-label=\"Read more about pricing\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-568","post","type-post","status-publish","format-standard","hentry","category-productivity-tools"],"_links":{"self":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/comments?post=568"}],"version-history":[{"count":1,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568\/revisions"}],"predecessor-version":[{"id":569,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568\/revisions\/569"}],"wp:attachment":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/media?parent=568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/categories?post=568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/tags?post=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":568,"date":"2025-10-25T08:46:59","date_gmt":"2025-10-25T08:46:59","guid":{"rendered":"https:\/\/humanivio.com\/?p=568"},"modified":"2025-10-25T08:47:01","modified_gmt":"2025-10-25T08:47:01","slug":"pricing","status":"publish","type":"post","link":"https:\/\/humanivio.com\/pricing\/","title":{"rendered":"pricing"},"content":{"rendered":"\n\n\n\n \n \n Humanivio Pro – $7 Monthly Subscription<\/title>\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 --primary: #8a4dbf;\n --primary-light: #a56cd4;\n --secondary: #6a3b9a;\n --accent: #b07cc9;\n --light: #f8f9fa;\n --dark: #2d3748;\n --success: #28a745;\n --warning: #ffc107;\n --danger: #dc3545;\n --gray: #6c757d;\n --light-gray: #e9ecef;\n --dark-purple: #5a2d81;\n --light-purple-bg: #f5f0ff;\n --light-purple-border: #e6d9ff;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: #faf7ff;\n color: var(--dark);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .container {\n width: 100%;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .logo-section {\n text-align: center;\n padding: 1rem 0 2rem;\n }\n \n .logo {\n font-size: 2.2rem;\n font-weight: 800;\n display: inline-flex;\n align-items: center;\n letter-spacing: 0.5px;\n margin-bottom: 0.5rem;\n color: var(--primary);\n }\n \n .logo-icon {\n margin-right: 10px;\n font-size: 2.5rem;\n }\n \n .tagline {\n color: var(--gray);\n font-size: 1.1rem;\n }\n \n .payment-card {\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);\n padding: 2.5rem;\n margin-bottom: 2rem;\n border: 1px solid var(--light-purple-border);\n }\n \n .plan-header {\n text-align: center;\n margin-bottom: 2rem;\n }\n \n .plan-name {\n font-size: 1.8rem;\n color: var(--dark-purple);\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n \n .price {\n font-size: 3.5rem;\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 0.5rem;\n }\n \n .price span {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--gray);\n }\n \n .plan-description {\n color: var(--gray);\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .features {\n list-style: none;\n margin: 1.5rem 0;\n text-align: left;\n }\n \n .features li {\n margin-bottom: 0.8rem;\n padding-left: 1.8rem;\n position: relative;\n }\n \n .features li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--success);\n font-weight: bold;\n }\n \n .payment-section {\n margin-top: 2rem;\n }\n \n .section-title {\n margin-bottom: 1.2rem;\n color: var(--dark-purple);\n font-size: 1.3rem;\n font-weight: 700;\n }\n \n .payment-method-selector {\n margin-bottom: 1.5rem;\n }\n \n .payment-method-selector label {\n display: block;\n margin-bottom: 0.6rem;\n font-weight: 600;\n color: var(--dark);\n }\n \n select {\n width: 100%;\n padding: 1rem 1.2rem;\n border-radius: 8px;\n border: 2px solid var(--light-purple-border);\n font-size: 1rem;\n background-color: white;\n transition: all 0.3s;\n }\n \n select:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(138, 77, 191, 0.2);\n }\n \n .payment-form {\n display: none;\n margin-top: 1.5rem;\n padding: 1.5rem;\n background-color: var(--light-purple-bg);\n border-radius: 8px;\n border: 1px solid var(--light-purple-border);\n }\n \n .payment-form.active {\n display: block;\n }\n \n .form-group {\n margin-bottom: 1.2rem;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--dark);\n }\n \n .form-group input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 8px;\n border: 2px solid var(--light-purple-border);\n font-size: 1rem;\n transition: all 0.3s;\n }\n \n .form-group input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(138, 77, 191, 0.2);\n }\n \n .card-details {\n display: flex;\n gap: 1rem;\n }\n \n .card-details .form-group {\n flex: 1;\n }\n \n .btn {\n padding: 1rem 1.8rem;\n border: none;\n border-radius: 8px;\n font-size: 1.05rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n }\n \n .btn-primary {\n background-color: var(--primary);\n color: white;\n }\n \n .btn-primary:hover {\n background-color: var(--secondary);\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(138, 77, 191, 0.3);\n }\n \n .bank-details {\n background-color: white;\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid var(--light-purple-border);\n }\n \n .bank-info {\n margin-bottom: 1.5rem;\n }\n \n .bank-info p {\n margin-bottom: 0.5rem;\n display: flex;\n justify-content: space-between;\n }\n \n .bank-info strong {\n color: var(--dark-purple);\n }\n \n .instructions {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px dashed var(--light-purple-border);\n }\n \n .instructions ol {\n margin-left: 1.2rem;\n margin-bottom: 1rem;\n }\n \n .instructions li {\n margin-bottom: 0.5rem;\n }\n \n .security-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .security-note i {\n color: var(--success);\n }\n \n .back-link {\n text-align: center;\n margin-top: 1.5rem;\n }\n \n .back-link a {\n color: var(--primary);\n text-decoration: none;\n font-weight: 500;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n \n .back-link a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .payment-card {\n padding: 1.8rem;\n }\n \n .card-details {\n flex-direction: column;\n gap: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"logo-section\">\n <div class=\"logo\">\n <span class=\"logo-icon\"><i class=\"fas fa-feather-alt\"><\/i><\/span>\n <span>Humanivio<\/span>\n <\/div>\n <div class=\"tagline\">Upgrade to Humanivio Pro<\/div>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"plan-header\">\n <h1 class=\"plan-name\">Pro Monthly Plan<\/h1>\n <div class=\"price\">$7 <span>\/month<\/span><\/div>\n <p class=\"plan-description\">Unlock unlimited AI content humanization<\/p>\n <\/div>\n \n <ul class=\"features\">\n <li>Unlimited word count<\/li>\n <li>All writing tones and styles<\/li>\n <li>Priority processing<\/li>\n <li>Advanced plagiarism check<\/li>\n <li>Export to multiple formats<\/li>\n <li>Email support<\/li>\n <\/ul>\n \n <div class=\"payment-section\">\n <h2 class=\"section-title\">Payment Method<\/h2>\n \n <div class=\"payment-method-selector\">\n <label for=\"paymentMethod\"><i class=\"fas fa-credit-card\"><\/i> Select Payment Method<\/label>\n <select id=\"paymentMethod\">\n <option value=\"\">— Choose a payment method —<\/option>\n <option value=\"stripe\">Credit\/Debit Card (Stripe)<\/option>\n <option value=\"jazzcash\">JazzCash<\/option>\n <option value=\"bank\">Bank Transfer<\/option>\n <\/select>\n <\/div>\n \n \n <div id=\"stripeForm\" class=\"payment-form\">\n <div class=\"form-group\">\n <label for=\"cardNumber\">Card Number<\/label>\n <input type=\"text\" id=\"cardNumber\" placeholder=\"1234 5678 9012 3456\" maxlength=\"19\">\n <\/div>\n \n <div class=\"card-details\">\n <div class=\"form-group\">\n <label for=\"expiryDate\">Expiry Date<\/label>\n <input type=\"text\" id=\"expiryDate\" placeholder=\"MM\/YY\" maxlength=\"5\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cvc\">CVC<\/label>\n <input type=\"text\" id=\"cvc\" placeholder=\"123\" maxlength=\"3\">\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cardName\">Name on Card<\/label>\n <input type=\"text\" id=\"cardName\" placeholder=\"John Doe\">\n <\/div>\n \n <button class=\"btn btn-primary\" id=\"stripePayBtn\">\n <i class=\"fas fa-lock\"><\/i> Pay $7.00\n <\/button>\n <\/div>\n \n \n <div id=\"jazzcashForm\" class=\"payment-form\">\n <div class=\"form-group\">\n <label for=\"mobileNumber\">JazzCash Mobile Number<\/label>\n <input type=\"text\" id=\"mobileNumber\" placeholder=\"03XX-XXXXXXX\" maxlength=\"12\">\n <\/div>\n \n <button class=\"btn btn-primary\" id=\"jazzcashPayBtn\">\n <i class=\"fas fa-mobile-alt\"><\/i> Pay with JazzCash\n <\/button>\n <\/div>\n \n \n <div id=\"bankForm\" class=\"payment-form\">\n <div class=\"bank-details\">\n <div class=\"bank-info\">\n <p><strong>Bank Name:<\/strong> ABC Bank<\/p>\n <p><strong>Account Title:<\/strong> Humanivio Inc.<\/p>\n <p><strong>Account Number:<\/strong> 1234-5678901-234<\/p>\n <p><strong>IBAN:<\/strong> PK36ABC1234567890123456<\/p>\n <p><strong>Branch Code:<\/strong> 0123<\/p>\n <\/div>\n \n <div class=\"instructions\">\n <h3>Instructions:<\/h3>\n <ol>\n <li>Transfer exactly $7 to the account details above<\/li>\n <li>Include your email address in the transfer description<\/li>\n <li>Send the transaction receipt to payments@humanivio.com<\/li>\n <li>Your account will be activated within 24 hours after payment verification<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"security-note\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <span>All payments are secure and encrypted<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"back-link\">\n <a href=\"#\"><i class=\"fas fa-arrow-left\"><\/i> Back to Humanivio<\/a>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const paymentMethod = document.getElementById('paymentMethod');\n const stripeForm = document.getElementById('stripeForm');\n const jazzcashForm = document.getElementById('jazzcashForm');\n const bankForm = document.getElementById('bankForm');\n const stripePayBtn = document.getElementById('stripePayBtn');\n const jazzcashPayBtn = document.getElementById('jazzcashPayBtn');\n \n \/\/ Hide all forms initially\n stripeForm.classList.remove('active');\n jazzcashForm.classList.remove('active');\n bankForm.classList.remove('active');\n \n \/\/ Handle payment method selection\n paymentMethod.addEventListener('change', function() {\n \/\/ Hide all forms\n stripeForm.classList.remove('active');\n jazzcashForm.classList.remove('active');\n bankForm.classList.remove('active');\n \n \/\/ Show selected form\n if (this.value === 'stripe') {\n stripeForm.classList.add('active');\n } else if (this.value === 'jazzcash') {\n jazzcashForm.classList.add('active');\n } else if (this.value === 'bank') {\n bankForm.classList.add('active');\n }\n });\n \n \/\/ Format card number input\n const cardNumber = document.getElementById('cardNumber');\n cardNumber.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n let formattedValue = '';\n \n for (let i = 0; i < value.length; i++) {\n if (i > 0 && i % 4 === 0) {\n formattedValue += ' ';\n }\n formattedValue += value[i];\n }\n \n this.value = formattedValue;\n });\n \n \/\/ Format expiry date input\n const expiryDate = document.getElementById('expiryDate');\n expiryDate.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n \n if (value.length >= 2) {\n this.value = value.substring(0, 2) + '\/' + value.substring(2, 4);\n } else {\n this.value = value;\n }\n });\n \n \/\/ Only allow numbers in CVC field\n const cvc = document.getElementById('cvc');\n cvc.addEventListener('input', function() {\n this.value = this.value.replace(\/[^0-9]\/gi, '');\n });\n \n \/\/ Format JazzCash mobile number\n const mobileNumber = document.getElementById('mobileNumber');\n mobileNumber.addEventListener('input', function() {\n let value = this.value.replace(\/\\s+\/g, '').replace(\/[^0-9]\/gi, '');\n \n if (value.length >= 4) {\n this.value = value.substring(0, 4) + '-' + value.substring(4, 11);\n } else {\n this.value = value;\n }\n });\n \n \/\/ Stripe payment button handler\n stripePayBtn.addEventListener('click', function() {\n const cardNumber = document.getElementById('cardNumber').value;\n const expiryDate = document.getElementById('expiryDate').value;\n const cvc = document.getElementById('cvc').value;\n const cardName = document.getElementById('cardName').value;\n \n \/\/ Basic validation\n if (!cardNumber || !expiryDate || !cvc || !cardName) {\n alert('Please fill in all card details');\n return;\n }\n \n \/\/ In a real implementation, you would process the payment with Stripe API\n \/\/ For this demo, we'll just show a success message\n processPayment('Stripe');\n });\n \n \/\/ JazzCash payment button handler\n jazzcashPayBtn.addEventListener('click', function() {\n const mobileNumber = document.getElementById('mobileNumber').value;\n \n if (!mobileNumber) {\n alert('Please enter your JazzCash mobile number');\n return;\n }\n \n \/\/ In a real implementation, you would process the payment with JazzCash API\n \/\/ For this demo, we'll just show a success message\n processPayment('JazzCash');\n });\n \n \/\/ Simulate payment processing\n function processPayment(method) {\n \/\/ Show loading state\n const button = method === 'Stripe' ? stripePayBtn : jazzcashPayBtn;\n const originalText = button.innerHTML;\n button.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\n button.disabled = true;\n \n \/\/ Simulate API call\n setTimeout(() => {\n button.innerHTML = originalText;\n button.disabled = false;\n \n \/\/ Show success message\n alert(`Payment successful! Your $7 payment via ${method} has been processed. Your Humanivio Pro account is now active.`);\n \n \/\/ In a real implementation, you would redirect to a success page\n \/\/ window.location.href = '\/payment-success';\n }, 2000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Humanivio Pro – $7 Monthly Subscription Humanivio Upgrade to Humanivio Pro Pro Monthly Plan $7 \/month Unlock unlimited AI content humanization Unlimited word count All writing tones and styles Priority processing Advanced plagiarism check Export to multiple formats Email support Payment Method Select Payment Method — Choose a payment method —Credit\/Debit Card (Stripe)JazzCashBank Transfer Card … <a title=\"pricing\" class=\"read-more\" href=\"https:\/\/humanivio.com\/pricing\/\" aria-label=\"Read more about pricing\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-568","post","type-post","status-publish","format-standard","hentry","category-productivity-tools"],"_links":{"self":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/comments?post=568"}],"version-history":[{"count":1,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568\/revisions"}],"predecessor-version":[{"id":569,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/posts\/568\/revisions\/569"}],"wp:attachment":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/media?parent=568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/categories?post=568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/tags?post=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}