Professional 20 Tokens - 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\">Most Popular Choice<\/span>\n <\/div>\n\n \n <h1 class=\"font-display text-5xl md:text-6xl text-white mb-6 font-bold leading-tight\">\n Professional Membership <br \/>\n <span class=\"text-gradient\">20 Tokens \/ Month<\/span>\n <\/h1>\n\n \n <p class=\"text-lg text-slate-300 max-w-2xl mx-auto mb-10 leading-relaxed\">\n The sweet spot for active businesses. Get enough power for regular campaign validations and compliance checks without the enterprise price tag.\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-layer-group\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">20 Tokens<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Monthly Credits<\/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-user-check\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Pro Access<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Advanced Tools<\/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-rotate-right\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Rollover<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Up to 10 Tokens<\/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-tag\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">55% Off<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Bundled Savings<\/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> Token Usage\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 <div class=\"absolute top-0 right-0 bg-red-500 text-white text-[10px] font-bold px-2 py-1 rounded-bl-lg\">\n SAVE 55%\n <\/div>\n <div class=\"mb-2 text-slate-400 line-through text-sm font-medium\">$199.80<\/div>\n <div class=\"text-3xl font-display font-bold text-slate-900 mb-1\">$89.99<span class=\"text-sm font-normal text-slate-500\">\/mo<\/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-star\"><\/i> Most Popular\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 Start Membership\n <\/button>\n <p class=\"text-[10px] text-slate-400\">30-day money-back guarantee.<\/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 Token Usage\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-red-50 to-white border-l-4 border-red-500 p-4 rounded-r-lg flex items-start gap-4\">\n <div class=\"bg-red-100 text-red-600 rounded-full p-2 mt-1\">\n <i class=\"fa-solid fa-trophy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 text-sm\">Best Value for Pros<\/h4>\n <p class=\"text-sm text-slate-600\">Get the Professional plan for <span class=\"font-bold text-red-600\">$89.99<\/span> (Regularly $199.80). Lock in 55% savings today.<\/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\">Consistency is Key<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n The <strong>Professional Membership<\/strong> is our most popular tier for a reason. With 20 tokens per month, it provides double the capacity of the Starter plan, making it ideal for freelancers, marketing consultants, and small agencies who handle steady 10DLC compliance work.\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-sliders\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Steady Workflow<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">20 tokens allows for a consistent rhythm of brand validations and campaign simulations throughout the 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-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-file-invoice-dollar\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Cost Effective<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Drastically reduce your cost-per-action compared to \u00e0 la carte pricing. Perfect for budget-conscious pros.<\/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-cloud-arrow-up\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Full Tool Access<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Unlock every tool in the suite, including the ROI Calculator and Rejection Decoder.<\/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-arrows-rotate\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Flexibility<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Tokens rollover (up to 10), so if you have a slow month, your value isn't lost.<\/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\">Professional Level Usage<\/h2>\n <p class=\"text-slate-600\">\n 20 Tokens per month gives you the freedom to validate and iterate. Tokens are used on <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>.\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\">Token Cost<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Capacity (Approx)<\/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\">20 Simulations \/ Mo<\/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\">20 Forms Verified \/ Mo<\/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\">20 Reports \/ Mo<\/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\">20 Document Sets \/ Mo<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"bg-brand-50 border-l-4 border-brand-500 p-4 rounded-r-lg\">\n <h4 class=\"font-bold text-brand-900 text-sm\">Rollover Policy<\/h4>\n <p class=\"text-sm text-brand-800 mt-1\">Up to 10 unused tokens roll over to the next month automatically, perfect for balancing busy seasons.<\/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\">Is this plan right for an agency?<\/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 It's a great starting point for smaller agencies or freelancers. If you have a larger team or need API access, we recommend the Business or Enterprise plans.\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\">Can I switch plans later?<\/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, you can upgrade or downgrade at any time. If you upgrade, the value of your remaining tokens will be credited toward your new 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\">Do I get priority support?<\/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 The Professional plan includes standard email support with a 24-48 hour response time. Priority support is available on Business and Enterprise plans.\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 level up?<\/p>\n <p class=\"text-sm text-slate-500\">Instant access to 20 tokens and pro tools.<\/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 Add to Cart <i class=\"fa-solid fa-arrow-right\"><\/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 Activation<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Most Popular. 20 tokens pack. Save 55%.<\/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-6555","product","type-product","status-publish","product_cat-tokens","product_tag-tokens","first","instock","sale","featured","taxable","shipping-taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555","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=6555"}],"version-history":[{"count":4,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555\/revisions"}],"predecessor-version":[{"id":6901,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555\/revisions\/6901"}],"wp:attachment":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/media?parent=6555"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_brand?post=6555"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_cat?post=6555"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_tag?post=6555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\tProfessional pack including 20 tokens.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Professional 20 Tokens - 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\">Most Popular Choice<\/span>\n <\/div>\n\n \n <h1 class=\"font-display text-5xl md:text-6xl text-white mb-6 font-bold leading-tight\">\n Professional Membership <br \/>\n <span class=\"text-gradient\">20 Tokens \/ Month<\/span>\n <\/h1>\n\n \n <p class=\"text-lg text-slate-300 max-w-2xl mx-auto mb-10 leading-relaxed\">\n The sweet spot for active businesses. Get enough power for regular campaign validations and compliance checks without the enterprise price tag.\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-layer-group\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">20 Tokens<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Monthly Credits<\/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-user-check\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Pro Access<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Advanced Tools<\/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-rotate-right\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">Rollover<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Up to 10 Tokens<\/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-tag\"><\/i><\/div>\n <div class=\"text-white font-bold text-lg\">55% Off<\/div>\n <div class=\"text-slate-400 text-xs uppercase tracking-wide\">Bundled Savings<\/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> Token Usage\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 <div class=\"absolute top-0 right-0 bg-red-500 text-white text-[10px] font-bold px-2 py-1 rounded-bl-lg\">\n SAVE 55%\n <\/div>\n <div class=\"mb-2 text-slate-400 line-through text-sm font-medium\">$199.80<\/div>\n <div class=\"text-3xl font-display font-bold text-slate-900 mb-1\">$89.99<span class=\"text-sm font-normal text-slate-500\">\/mo<\/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-star\"><\/i> Most Popular\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 Start Membership\n <\/button>\n <p class=\"text-[10px] text-slate-400\">30-day money-back guarantee.<\/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 Token Usage\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-red-50 to-white border-l-4 border-red-500 p-4 rounded-r-lg flex items-start gap-4\">\n <div class=\"bg-red-100 text-red-600 rounded-full p-2 mt-1\">\n <i class=\"fa-solid fa-trophy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 text-sm\">Best Value for Pros<\/h4>\n <p class=\"text-sm text-slate-600\">Get the Professional plan for <span class=\"font-bold text-red-600\">$89.99<\/span> (Regularly $199.80). Lock in 55% savings today.<\/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\">Consistency is Key<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n The <strong>Professional Membership<\/strong> is our most popular tier for a reason. With 20 tokens per month, it provides double the capacity of the Starter plan, making it ideal for freelancers, marketing consultants, and small agencies who handle steady 10DLC compliance work.\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-sliders\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Steady Workflow<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">20 tokens allows for a consistent rhythm of brand validations and campaign simulations throughout the 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-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-file-invoice-dollar\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Cost Effective<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Drastically reduce your cost-per-action compared to \u00e0 la carte pricing. Perfect for budget-conscious pros.<\/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-cloud-arrow-up\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Full Tool Access<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Unlock every tool in the suite, including the ROI Calculator and Rejection Decoder.<\/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-arrows-rotate\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-slate-900 text-lg mb-2\">Flexibility<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">Tokens rollover (up to 10), so if you have a slow month, your value isn't lost.<\/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\">Professional Level Usage<\/h2>\n <p class=\"text-slate-600\">\n 20 Tokens per month gives you the freedom to validate and iterate. Tokens are used on <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>.\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\">Token Cost<\/th>\n <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-bold text-slate-500 uppercase tracking-wider\">Capacity (Approx)<\/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\">20 Simulations \/ Mo<\/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\">20 Forms Verified \/ Mo<\/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\">20 Reports \/ Mo<\/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\">20 Document Sets \/ Mo<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"bg-brand-50 border-l-4 border-brand-500 p-4 rounded-r-lg\">\n <h4 class=\"font-bold text-brand-900 text-sm\">Rollover Policy<\/h4>\n <p class=\"text-sm text-brand-800 mt-1\">Up to 10 unused tokens roll over to the next month automatically, perfect for balancing busy seasons.<\/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\">Is this plan right for an agency?<\/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 It's a great starting point for smaller agencies or freelancers. If you have a larger team or need API access, we recommend the Business or Enterprise plans.\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\">Can I switch plans later?<\/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, you can upgrade or downgrade at any time. If you upgrade, the value of your remaining tokens will be credited toward your new 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\">Do I get priority support?<\/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 The Professional plan includes standard email support with a 24-48 hour response time. Priority support is available on Business and Enterprise plans.\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 level up?<\/p>\n <p class=\"text-sm text-slate-500\">Instant access to 20 tokens and pro tools.<\/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 Add to Cart <i class=\"fa-solid fa-arrow-right\"><\/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 Activation<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Most Popular. 20 tokens pack. Save 55%.<\/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-6555","product","type-product","status-publish","product_cat-tokens","product_tag-tokens","first","instock","sale","featured","taxable","shipping-taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555","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=6555"}],"version-history":[{"count":4,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555\/revisions"}],"predecessor-version":[{"id":6901,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product\/6555\/revisions\/6901"}],"wp:attachment":[{"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/media?parent=6555"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_brand?post=6555"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_cat?post=6555"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/mytcrplus.com\/shop\/wp-json\/wp\/v2\/product_tag?post=6555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}