Single Token - MyTCRPlus Playbook<\/title>\n \n \n <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&family=Wix+Madefor+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Wix Madefor Display', 'sans-serif'],\n },\n colors: {\n brand: {\n 50: '#FDF9FF',\n 100: '#F4EFFF',\n 400: '#A586FE',\n 500: '#9B7BF7',\n 600: '#8F6DD6',\n 900: '#2E1A47',\n },\n accent: '#FEA68B', \/\/ Peach\/Orange\n },\n backgroundImage: {\n 'hero-gradient': 'linear-gradient(135deg, #2E1A47 0%, #0f172a 100%)',\n 'text-gradient': 'linear-gradient(to right, #A586FE, #FEA68B)',\n },\n keyframes: {\n mytcrFadeIn: {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n },\n animation: {\n fadeIn: 'mytcrFadeIn 0.5s ease-out forwards',\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Custom scrollbar for webkit *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n \/* Utility classes that Tailwind needs help with for gradients *\/\n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text; \/* For Safari\/Chrome *\/\n color: transparent;\n background-image: linear-gradient(to right, #A586FE, #FEA68B);\n }\n \n .hero-glow {\n background: radial-gradient(circle at center, rgba(143, 109, 214, 0.25) 0%, rgba(46, 26, 71, 0) 70%);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n \/* Tab Animations *\/\n .tab-content {\n display: none;\n animation: mytcrFadeIn 0.4s ease-out;\n }\n .tab-content.active {\n display: block;\n }\n \n \/* Details Summary Remove Marker *\/\n details > summary {\n list-style: none;\n }\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-900 bg-brand-50 antialiased selection:bg-brand-600 selection:text-white\">\n\n <div id=\"mytcr-embed\">\n \n \n <section class=\"relative pt-24 pb-32 bg-brand-900 overflow-hidden text-center border-b border-white\/5\">\n \n <div class=\"absolute inset-0 hero-glow z-0 pointer-events-none\"><\/div>\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-accent\/10 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/2 pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 max-w-5xl mx-auto px-4\">\n \n <div class=\"inline-flex items-center px-3 py-1 mb-6 rounded-full bg-white\/10 backdrop-blur-sm border border-white\/20\">\n <span class=\"w-2 h-2 rounded-full bg-accent mr-2 animate-pulse\"><\/span>\n <span class=\"text-xs font-bold text-white uppercase tracking-wider\">Flexible Option<\/span>\n <\/div>\n\n \n <h1 class=\"font-display text-5xl md:text-6xl text-white mb-6 font-bold leading-tight\">\n Single Token <br \/>\n <span class=\"text-gradient\">Pay As You Go<\/span>\n <\/h1>\n\n \n <p class=\"text-lg text-slate-300 max-w-2xl mx-auto mb-10 leading-relaxed\">\n Need just one more? Top up your balance instantly. Perfect for one-off validations, single document generations, or testing the platform without a subscription.\n <\/p>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto\">\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-accent text-xl mb-1\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">1 Token<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Instant Credit<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-brand-400 text-xl mb-1\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">No Expiry<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Use Anytime<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-green-400 text-xl mb-1\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Full Access<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">All Tools Included<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-red-400 text-xl mb-1\"><i class=\"fa-solid fa-ban\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">No Sub<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">One-Time Payment<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"max-w-7xl mx-auto -mt-20 relative z-20 grid grid-cols-1 lg:grid-cols-4 gap-8 px-4 pb-24\">\n \n \n <aside class=\"lg:col-span-1 hidden lg:block\">\n <div class=\"sticky top-8 space-y-6\">\n \n \n <div class=\"bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden\">\n <div class=\"p-4 bg-slate-50 border-b border-slate-200\">\n <h3 class=\"font-bold text-slate-800 text-sm uppercase tracking-wide\">On This Page<\/h3>\n <\/div>\n <nav class=\"flex flex-col py-2\">\n <a href=\"#overview\" onclick=\"switchTab('tab-overview')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-eye w-5 opacity-70\"><\/i> Product Overview\n <\/a>\n <a href=\"#features\" onclick=\"switchTab('tab-features')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-list-check w-5 opacity-70\"><\/i> What can I do?\n <\/a>\n <a href=\"#faq\" onclick=\"switchTab('tab-faq')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-circle-question w-5 opacity-70\"><\/i> Common Questions\n <\/a>\n <\/nav>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg border border-brand-200 p-6 text-center relative overflow-hidden group\">\n \n <div class=\"mb-2 text-slate-400 text-sm font-medium\">One-Time Purchase<\/div>\n <div class=\"text-3xl font-display font-bold text-slate-900 mb-1\">$9.99<span class=\"text-sm font-normal text-slate-500\"><\/span><\/div>\n <p class=\"text-xs text-brand-600 font-semibold mb-4 flex justify-center items-center gap-1\">\n <i class=\"fa-solid fa-bolt\"><\/i> Instant Delivery\n <\/p>\n <button class=\"w-full bg-brand-600 hover:bg-brand-500 text-white font-bold py-3 px-4 rounded-lg shadow-md hover:shadow-lg transition-all transform hover:-translate-y-0.5 mb-3\">\n Buy Now\n <\/button>\n <p class=\"text-[10px] text-slate-400\">Secure checkout via Stripe.<\/p>\n <\/div>\n\n <\/div>\n <\/aside>\n\n \n <main class=\"lg:col-span-3 space-y-8\">\n \n \n <div class=\"bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden min-h-[600px]\">\n \n \n <div class=\"flex overflow-x-auto border-b border-slate-200 bg-slate-50\/50\" id=\"tabs-header\">\n <button onclick=\"switchTab('tab-overview')\" id=\"btn-overview\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-brand-600 border-b-2 border-brand-600 bg-white focus:outline-none transition-colors\">\n Product Overview\n <\/button>\n <button onclick=\"switchTab('tab-features')\" id=\"btn-features\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-slate-500 hover:text-brand-600 border-b-2 border-transparent hover:border-brand-200 focus:outline-none transition-colors\">\n What can I do?\n <\/button>\n <button onclick=\"switchTab('tab-faq')\" id=\"btn-faq\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-slate-500 hover:text-brand-600 border-b-2 border-transparent hover:border-brand-200 focus:outline-none transition-colors\">\n FAQ\n <\/button>\n <\/div>\n\n \n <div class=\"p-6 md:p-8\">\n \n \n <div id=\"tab-overview\" class=\"tab-content active space-y-8\">\n \n \n <div class=\"bg-gradient-to-r from-brand-50 to-white border-l-4 border-brand-500 p-4 rounded-r-lg flex items-start gap-4\">\n <div class=\"bg-brand-100 text-brand-600 rounded-full p-2 mt-1\">\n <i class=\"fa-solid fa-lightbulb\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 text-sm\">Testing the waters?<\/h4>\n <p class=\"text-sm text-slate-600\">The single token is perfect for running a specific compliance check or generating a single document set without any monthly commitment.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"prose prose-slate max-w-none\">\n <h2 class=\"font-display text-2xl font-bold text-slate-900 mb-4\">Freedom to Choose<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n Not ready for a subscription? The <strong>Single Token Purchase<\/strong> gives you \u00e0 la carte access to the MyTCRPlus Compliance Suite. Whether you need to simulate one brand's trust score or validate one consent form, you pay only for what you use.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-brand-50 text-brand-600 flex items-center justify-center text-xl mb-4 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-wallet\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Buy as you go<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Purchase exactly as many tokens as you need, when you need them. No wasted credits.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-green-50 text-green-600 flex items-center justify-center text-xl mb-4 group-hover:bg-green-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-hourglass-half\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Never Expires<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Your purchased tokens sit safely in your account wallet until you are ready to use them.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center text-xl mb-4 group-hover:bg-blue-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-layer-group\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Stackable<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Already have a subscription? Add single tokens to top up your balance if you run out mid-month.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-amber-50 text-amber-600 flex items-center justify-center text-xl mb-4 group-hover:bg-amber-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-gift\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Giftable<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Tokens can be transferred to sub-accounts or team members easily within your dashboard.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-features\" class=\"tab-content space-y-8\">\n <h2 class=\"font-display text-2xl font-bold text-slate-900\">What does 1 Token get me?<\/h2>\n <p class=\"text-slate-600\">\n One token unlocks one significant action on the <a href=\"https:\/\/new.mytcrplus.com\" target=\"_blank\" class=\"text-brand-600 hover:text-brand-700 underline decoration-brand-300 underline-offset-2\">new.mytcrplus.com<\/a> platform. Here is exactly what you can do with your purchase:\n <\/p>\n\n \n <div class=\"overflow-hidden border border-slate-200 rounded-xl\">\n <table class=\"min-w-full divide-y divide-slate-200\">\n <thead class=\"bg-slate-50\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Compliance Tool<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Cost<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Outcome<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"bg-white divide-y divide-slate-200\">\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">TCR Trust Score Simulator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Full Simulation Report<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">TCPA Consent Validator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Form\/File Analysis<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">ROI Calculator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Detailed Cost Report<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">Compliance Document Gen.<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Complete Document Set<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"bg-slate-50 border-l-4 border-slate-500 p-4 rounded-r-lg\">\n <h4 class=\"font-bold text-slate-900 text-sm\">Need more power?<\/h4>\n <p class=\"text-sm text-slate-600 mt-1\">If you have ongoing compliance needs, our monthly plans reduce the cost per token significantly (down to ~$5\/token).<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-faq\" class=\"tab-content space-y-4\">\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Do these tokens expire?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n No. Single tokens purchased \u00e0 la carte never expire. They remain in your account balance until you choose to use them.\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Do I need a subscription to buy this?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n Absolutely not. You can create a free account and purchase single tokens as needed without ever signing up for a recurring monthly plan.\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Is the content the same as the subscription?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n Yes. A single token grants you access to the exact same premium tools, validators, and document generators as our Enterprise subscribers.\n <\/div>\n <\/details>\n <\/div>\n\n <\/div>\n \n \n <div class=\"bg-slate-50 border-t border-slate-200 p-6 flex flex-col md:flex-row items-center justify-between gap-4\">\n <div>\n <p class=\"font-bold text-slate-900\">Ready to start?<\/p>\n <p class=\"text-sm text-slate-500\">Instant access immediately after payment.<\/p>\n <\/div>\n <button class=\"bg-brand-600 hover:bg-brand-500 text-white font-bold py-3 px-8 rounded-lg shadow-md transition-all flex items-center gap-2\">\n Pay $9.99 <i class=\"fa-solid fa-lock\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-3 gap-4 text-center py-6 opacity-70\">\n <div>\n <i class=\"fa-solid fa-lock text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">SSL Secure Payment<\/p>\n <\/div>\n <div>\n <i class=\"fa-regular fa-clock text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">Instant Credit<\/p>\n <\/div>\n <div>\n <i class=\"fa-solid fa-award text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">Satisfaction Guaranteed<\/p>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n \n <footer class=\"bg-brand-900 border-t border-white\/10 text-slate-400 py-12 text-sm\">\n <div class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"flex items-center gap-2\">\n <span class=\"w-8 h-8 rounded bg-brand-600 flex items-center justify-center text-white font-bold\">M<\/span>\n <span class=\"font-display font-bold text-white text-lg tracking-tight\">MyTCRPlus<\/span>\n <\/div>\n <div class=\"flex gap-6\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Terms of Service<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Contact Support<\/a>\n <\/div>\n <div class=\"text-xs\">\n © 2024 MyTCRPlus. All rights reserved.\n <\/div>\n <\/div>\n <\/footer>\n\n <\/div>\n\n \n <script>\n function switchTab(tabId) {\n \/\/ 1. Get all tab contents and hide them\n const contents = document.querySelectorAll('.tab-content');\n contents.forEach(content => {\n content.classList.remove('active');\n });\n\n \/\/ 2. Remove active state from all buttons\n const buttons = document.querySelectorAll('#tabs-header button');\n buttons.forEach(btn => {\n btn.classList.remove('text-brand-600', 'border-brand-600', 'bg-white');\n btn.classList.add('text-slate-500', 'border-transparent');\n \/\/ Re-add hover classes usually handled by CSS, strictly managing active class styling here\n });\n\n \/\/ 3. Show target tab\n const target = document.getElementById(tabId);\n if (target) {\n target.classList.add('active');\n }\n\n \/\/ 4. Set active state on clicked button\n \/\/ Map tab IDs to Button IDs\n const btnMap = {\n 'tab-overview': 'btn-overview',\n 'tab-features': 'btn-features',\n 'tab-faq': 'btn-faq'\n };\n \n const activeBtnId = btnMap[tabId];\n const activeBtn = document.getElementById(activeBtnId);\n \n if (activeBtn) {\n activeBtn.classList.remove('text-slate-500', 'border-transparent');\n activeBtn.classList.add('text-brand-600', 'border-brand-600', 'bg-white');\n }\n }\n\n \/\/ Initialize default tab on load (just in case)\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Check hash for direct linking\n const hash = window.location.hash;\n if (hash === '#features') switchTab('tab-features');\n else if (hash === '#faq') switchTab('tab-faq');\n else switchTab('tab-overview');\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>One-time purchase of 1 token.<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"product_brand":[],"product_cat":[411],"product_tag":[410],"class_list":["post-6566","product","type-product","status-publish","product_cat-tokens","product_tag-tokens","first","instock","virtual","taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/comments?post=6566"}],"version-history":[{"count":11,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566\/revisions"}],"predecessor-version":[{"id":7696,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566\/revisions\/7696"}],"wp:attachment":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/media?parent=6566"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_brand?post=6566"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_cat?post=6566"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_tag?post=6566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Single Token - MyTCRPlus Playbook<\/title>\n \n \n <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&family=Wix+Madefor+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Wix Madefor Display', 'sans-serif'],\n },\n colors: {\n brand: {\n 50: '#FDF9FF',\n 100: '#F4EFFF',\n 400: '#A586FE',\n 500: '#9B7BF7',\n 600: '#8F6DD6',\n 900: '#2E1A47',\n },\n accent: '#FEA68B', \/\/ Peach\/Orange\n },\n backgroundImage: {\n 'hero-gradient': 'linear-gradient(135deg, #2E1A47 0%, #0f172a 100%)',\n 'text-gradient': 'linear-gradient(to right, #A586FE, #FEA68B)',\n },\n keyframes: {\n mytcrFadeIn: {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n },\n animation: {\n fadeIn: 'mytcrFadeIn 0.5s ease-out forwards',\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Custom scrollbar for webkit *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n \/* Utility classes that Tailwind needs help with for gradients *\/\n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text; \/* For Safari\/Chrome *\/\n color: transparent;\n background-image: linear-gradient(to right, #A586FE, #FEA68B);\n }\n \n .hero-glow {\n background: radial-gradient(circle at center, rgba(143, 109, 214, 0.25) 0%, rgba(46, 26, 71, 0) 70%);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n \/* Tab Animations *\/\n .tab-content {\n display: none;\n animation: mytcrFadeIn 0.4s ease-out;\n }\n .tab-content.active {\n display: block;\n }\n \n \/* Details Summary Remove Marker *\/\n details > summary {\n list-style: none;\n }\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-900 bg-brand-50 antialiased selection:bg-brand-600 selection:text-white\">\n\n <div id=\"mytcr-embed\">\n \n \n <section class=\"relative pt-24 pb-32 bg-brand-900 overflow-hidden text-center border-b border-white\/5\">\n \n <div class=\"absolute inset-0 hero-glow z-0 pointer-events-none\"><\/div>\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-accent\/10 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/2 pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 max-w-5xl mx-auto px-4\">\n \n <div class=\"inline-flex items-center px-3 py-1 mb-6 rounded-full bg-white\/10 backdrop-blur-sm border border-white\/20\">\n <span class=\"w-2 h-2 rounded-full bg-accent mr-2 animate-pulse\"><\/span>\n <span class=\"text-xs font-bold text-white uppercase tracking-wider\">Flexible Option<\/span>\n <\/div>\n\n \n <h1 class=\"font-display text-5xl md:text-6xl text-white mb-6 font-bold leading-tight\">\n Single Token <br \/>\n <span class=\"text-gradient\">Pay As You Go<\/span>\n <\/h1>\n\n \n <p class=\"text-lg text-slate-300 max-w-2xl mx-auto mb-10 leading-relaxed\">\n Need just one more? Top up your balance instantly. Perfect for one-off validations, single document generations, or testing the platform without a subscription.\n <\/p>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto\">\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-accent text-xl mb-1\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">1 Token<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Instant Credit<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-brand-400 text-xl mb-1\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">No Expiry<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Use Anytime<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-green-400 text-xl mb-1\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Full Access<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">All Tools Included<\/div>\n <\/div>\n <div class=\"bg-white\/5 backdrop-blur-md border border-white\/10 rounded-xl p-4\">\n <div class=\"text-red-400 text-xl mb-1\"><i class=\"fa-solid fa-ban\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">No Sub<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">One-Time Payment<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"max-w-7xl mx-auto -mt-20 relative z-20 grid grid-cols-1 lg:grid-cols-4 gap-8 px-4 pb-24\">\n \n \n <aside class=\"lg:col-span-1 hidden lg:block\">\n <div class=\"sticky top-8 space-y-6\">\n \n \n <div class=\"bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden\">\n <div class=\"p-4 bg-slate-50 border-b border-slate-200\">\n <h3 class=\"font-bold text-slate-800 text-sm uppercase tracking-wide\">On This Page<\/h3>\n <\/div>\n <nav class=\"flex flex-col py-2\">\n <a href=\"#overview\" onclick=\"switchTab('tab-overview')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-eye w-5 opacity-70\"><\/i> Product Overview\n <\/a>\n <a href=\"#features\" onclick=\"switchTab('tab-features')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-list-check w-5 opacity-70\"><\/i> What can I do?\n <\/a>\n <a href=\"#faq\" onclick=\"switchTab('tab-faq')\" class=\"px-4 py-3 text-sm font-medium text-slate-600 hover:text-brand-600 hover:bg-brand-50 border-l-2 border-transparent hover:border-brand-600 transition-colors\">\n <i class=\"fa-solid fa-circle-question w-5 opacity-70\"><\/i> Common Questions\n <\/a>\n <\/nav>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg border border-brand-200 p-6 text-center relative overflow-hidden group\">\n \n <div class=\"mb-2 text-slate-400 text-sm font-medium\">One-Time Purchase<\/div>\n <div class=\"text-3xl font-display font-bold text-slate-900 mb-1\">$9.99<span class=\"text-sm font-normal text-slate-500\"><\/span><\/div>\n <p class=\"text-xs text-brand-600 font-semibold mb-4 flex justify-center items-center gap-1\">\n <i class=\"fa-solid fa-bolt\"><\/i> Instant Delivery\n <\/p>\n <button class=\"w-full bg-brand-600 hover:bg-brand-500 text-white font-bold py-3 px-4 rounded-lg shadow-md hover:shadow-lg transition-all transform hover:-translate-y-0.5 mb-3\">\n Buy Now\n <\/button>\n <p class=\"text-[10px] text-slate-400\">Secure checkout via Stripe.<\/p>\n <\/div>\n\n <\/div>\n <\/aside>\n\n \n <main class=\"lg:col-span-3 space-y-8\">\n \n \n <div class=\"bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden min-h-[600px]\">\n \n \n <div class=\"flex overflow-x-auto border-b border-slate-200 bg-slate-50\/50\" id=\"tabs-header\">\n <button onclick=\"switchTab('tab-overview')\" id=\"btn-overview\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-brand-600 border-b-2 border-brand-600 bg-white focus:outline-none transition-colors\">\n Product Overview\n <\/button>\n <button onclick=\"switchTab('tab-features')\" id=\"btn-features\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-slate-500 hover:text-brand-600 border-b-2 border-transparent hover:border-brand-200 focus:outline-none transition-colors\">\n What can I do?\n <\/button>\n <button onclick=\"switchTab('tab-faq')\" id=\"btn-faq\" class=\"flex-1 whitespace-nowrap py-5 px-6 text-sm font-bold text-slate-500 hover:text-brand-600 border-b-2 border-transparent hover:border-brand-200 focus:outline-none transition-colors\">\n FAQ\n <\/button>\n <\/div>\n\n \n <div class=\"p-6 md:p-8\">\n \n \n <div id=\"tab-overview\" class=\"tab-content active space-y-8\">\n \n \n <div class=\"bg-gradient-to-r from-brand-50 to-white border-l-4 border-brand-500 p-4 rounded-r-lg flex items-start gap-4\">\n <div class=\"bg-brand-100 text-brand-600 rounded-full p-2 mt-1\">\n <i class=\"fa-solid fa-lightbulb\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 text-sm\">Testing the waters?<\/h4>\n <p class=\"text-sm text-slate-600\">The single token is perfect for running a specific compliance check or generating a single document set without any monthly commitment.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"prose prose-slate max-w-none\">\n <h2 class=\"font-display text-2xl font-bold text-slate-900 mb-4\">Freedom to Choose<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n Not ready for a subscription? The <strong>Single Token Purchase<\/strong> gives you \u00e0 la carte access to the MyTCRPlus Compliance Suite. Whether you need to simulate one brand's trust score or validate one consent form, you pay only for what you use.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-brand-50 text-brand-600 flex items-center justify-center text-xl mb-4 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-wallet\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Buy as you go<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Purchase exactly as many tokens as you need, when you need them. No wasted credits.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-green-50 text-green-600 flex items-center justify-center text-xl mb-4 group-hover:bg-green-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-hourglass-half\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Never Expires<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Your purchased tokens sit safely in your account wallet until you are ready to use them.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center text-xl mb-4 group-hover:bg-blue-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-layer-group\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Stackable<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Already have a subscription? Add single tokens to top up your balance if you run out mid-month.<\/p>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl border border-slate-200 bg-white hover:shadow-lg hover:border-brand-400 hover:-translate-y-1 transition-all duration-300 group\">\n <div class=\"w-12 h-12 rounded-lg bg-amber-50 text-amber-600 flex items-center justify-center text-xl mb-4 group-hover:bg-amber-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-gift\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Giftable<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Tokens can be transferred to sub-accounts or team members easily within your dashboard.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-features\" class=\"tab-content space-y-8\">\n <h2 class=\"font-display text-2xl font-bold text-slate-900\">What does 1 Token get me?<\/h2>\n <p class=\"text-slate-600\">\n One token unlocks one significant action on the <a href=\"https:\/\/new.mytcrplus.com\" target=\"_blank\" class=\"text-brand-600 hover:text-brand-700 underline decoration-brand-300 underline-offset-2\">new.mytcrplus.com<\/a> platform. Here is exactly what you can do with your purchase:\n <\/p>\n\n \n <div class=\"overflow-hidden border border-slate-200 rounded-xl\">\n <table class=\"min-w-full divide-y divide-slate-200\">\n <thead class=\"bg-slate-50\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Compliance Tool<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Cost<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Outcome<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"bg-white divide-y divide-slate-200\">\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">TCR Trust Score Simulator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Full Simulation Report<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">TCPA Consent Validator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Form\/File Analysis<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">ROI Calculator<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Detailed Cost Report<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-slate-900\">Compliance Document Gen.<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-brand-600 font-bold\">1 Token<\/td>\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-slate-500\">1 Complete Document Set<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"bg-slate-50 border-l-4 border-slate-500 p-4 rounded-r-lg\">\n <h4 class=\"font-bold text-slate-900 text-sm\">Need more power?<\/h4>\n <p class=\"text-sm text-slate-600 mt-1\">If you have ongoing compliance needs, our monthly plans reduce the cost per token significantly (down to ~$5\/token).<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-faq\" class=\"tab-content space-y-4\">\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Do these tokens expire?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n No. Single tokens purchased \u00e0 la carte never expire. They remain in your account balance until you choose to use them.\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Do I need a subscription to buy this?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n Absolutely not. You can create a free account and purchase single tokens as needed without ever signing up for a recurring monthly plan.\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-white border border-slate-200 rounded-xl overflow-hidden open:ring-2 open:ring-brand-200 open:border-brand-400 transition-all\">\n <summary class=\"flex items-center justify-between p-5 cursor-pointer select-none\">\n <h3 class=\"font-bold text-slate-800\">Is the content the same as the subscription?<\/h3>\n <span class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-slate-500 group-open:bg-brand-600 group-open:text-white transition-all transform group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-5 pb-5 text-slate-600 text-sm leading-relaxed border-t border-slate-100 mt-0 pt-4\">\n Yes. A single token grants you access to the exact same premium tools, validators, and document generators as our Enterprise subscribers.\n <\/div>\n <\/details>\n <\/div>\n\n <\/div>\n \n \n <div class=\"bg-slate-50 border-t border-slate-200 p-6 flex flex-col md:flex-row items-center justify-between gap-4\">\n <div>\n <p class=\"font-bold text-slate-900\">Ready to start?<\/p>\n <p class=\"text-sm text-slate-500\">Instant access immediately after payment.<\/p>\n <\/div>\n <button class=\"bg-brand-600 hover:bg-brand-500 text-white font-bold py-3 px-8 rounded-lg shadow-md transition-all flex items-center gap-2\">\n Pay $9.99 <i class=\"fa-solid fa-lock\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-3 gap-4 text-center py-6 opacity-70\">\n <div>\n <i class=\"fa-solid fa-lock text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">SSL Secure Payment<\/p>\n <\/div>\n <div>\n <i class=\"fa-regular fa-clock text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">Instant Credit<\/p>\n <\/div>\n <div>\n <i class=\"fa-solid fa-award text-slate-400 mb-2\"><\/i>\n <p class=\"text-xs font-semibold text-slate-500\">Satisfaction Guaranteed<\/p>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n \n <footer class=\"bg-brand-900 border-t border-white\/10 text-slate-400 py-12 text-sm\">\n <div class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"flex items-center gap-2\">\n <span class=\"w-8 h-8 rounded bg-brand-600 flex items-center justify-center text-white font-bold\">M<\/span>\n <span class=\"font-display font-bold text-white text-lg tracking-tight\">MyTCRPlus<\/span>\n <\/div>\n <div class=\"flex gap-6\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Terms of Service<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Contact Support<\/a>\n <\/div>\n <div class=\"text-xs\">\n © 2024 MyTCRPlus. All rights reserved.\n <\/div>\n <\/div>\n <\/footer>\n\n <\/div>\n\n \n <script>\n function switchTab(tabId) {\n \/\/ 1. Get all tab contents and hide them\n const contents = document.querySelectorAll('.tab-content');\n contents.forEach(content => {\n content.classList.remove('active');\n });\n\n \/\/ 2. Remove active state from all buttons\n const buttons = document.querySelectorAll('#tabs-header button');\n buttons.forEach(btn => {\n btn.classList.remove('text-brand-600', 'border-brand-600', 'bg-white');\n btn.classList.add('text-slate-500', 'border-transparent');\n \/\/ Re-add hover classes usually handled by CSS, strictly managing active class styling here\n });\n\n \/\/ 3. Show target tab\n const target = document.getElementById(tabId);\n if (target) {\n target.classList.add('active');\n }\n\n \/\/ 4. Set active state on clicked button\n \/\/ Map tab IDs to Button IDs\n const btnMap = {\n 'tab-overview': 'btn-overview',\n 'tab-features': 'btn-features',\n 'tab-faq': 'btn-faq'\n };\n \n const activeBtnId = btnMap[tabId];\n const activeBtn = document.getElementById(activeBtnId);\n \n if (activeBtn) {\n activeBtn.classList.remove('text-slate-500', 'border-transparent');\n activeBtn.classList.add('text-brand-600', 'border-brand-600', 'bg-white');\n }\n }\n\n \/\/ Initialize default tab on load (just in case)\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Check hash for direct linking\n const hash = window.location.hash;\n if (hash === '#features') switchTab('tab-features');\n else if (hash === '#faq') switchTab('tab-faq');\n else switchTab('tab-overview');\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>One-time purchase of 1 token.<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"product_brand":[],"product_cat":[411],"product_tag":[410],"class_list":["post-6566","product","type-product","status-publish","product_cat-tokens","product_tag-tokens","first","instock","virtual","taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/comments?post=6566"}],"version-history":[{"count":11,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566\/revisions"}],"predecessor-version":[{"id":7696,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6566\/revisions\/7696"}],"wp:attachment":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/media?parent=6566"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_brand?post=6566"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_cat?post=6566"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_tag?post=6566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}