{"id":9,"date":"2025-10-28T19:43:51","date_gmt":"2025-10-28T19:43:51","guid":{"rendered":"http:\/\/recurra.io\/?page_id=9"},"modified":"2025-11-04T05:20:50","modified_gmt":"2025-11-04T05:20:50","slug":"home","status":"publish","type":"page","link":"https:\/\/recurra.io\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\n<section class=\"wp-block-group relative min-h-screen flex items-center justify-center overflow-hidden lg:pt-20\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group absolute inset-0 grid-background\"><\/div>\n\n\n\n<div class=\"wp-block-group floating-shapes\">\n<div class=\"wp-block-group shape shape-1\"><\/div>\n\n\n\n<div class=\"wp-block-group shape shape-2\"><\/div>\n\n\n\n<div class=\"wp-block-group shape shape-3\"><\/div>\n<\/div>\n\n\n<div class=\" absolute inset-0 bg-gradient-to-br from-blue-50\/80 via-white\/50 to-cyan-50\/80 dark:from-blue-900\/20 dark:via-gray-900\/50 dark:to-cyan-900\/20\"><\/div>\n\n\n<div class=\"wp-block-group relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center\">\n<div class=\"inline-flex items-center glass-effect px-6 py-3 rounded-full mb-8 animate-fade-in\">\n    <span class=\"w-2 h-2 bg-brand rounded-full mr-3 animate-pulse\"><\/span>\n    <span class=\"text-sm font-semibold text-gray-700 dark:text-gray-300\">Launching Q1 2026<\/span>\n<\/div>\n\n\n<h1 class=\"text-4xl md:text-6xl lg:text-7xl xl:text-8xl font-bold mb-8 leading-tight animate-slide-up\" >\n  Stop Hidden<br><span class=\"gradient-text\">Subscription Costs<\/span><\/h1>\n\n\n<p class=\"text-xl md:text-2xl text-gray-600 dark:text-gray-300 mb-12 max-w-5xl mx-auto leading-relaxed animate-fade-in\">Built for business owners and finance teams who need clarity on recurring costs. Recurra automatically finds subscriptions and recurring costs, tracks renewals, and helps you cut waste before it hits your bottom line.<\/p>\n\n\n\n<div class=\"wp-block-group max-w-xl mx-auto mb-12 animate-fade-in\">\n<div class=\"wp-block-group glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\">\n<div class=\"waitlist-form-wrapper\">\n    <form\n        class=\"recurra-waitlist-form\"\n        data-nonce=\"74190aa78f\"\n        data-ajax-url=\"https:\/\/recurra.io\/wp-admin\/admin-ajax.php\"\n        data-source=\"website\"\n        data-success-message=\"Thank you! You&#039;re on the list.\"\n        data-error-message=\"Something went wrong. Please try again.\"\n    >\n                <h3 class=\"text-2xl font-bold mb-4 text-gray-900 dark:text-white\">\n            Join the Early Access Program        <\/h3>\n        \n        <div class=\"flex flex-col sm:flex-row gap-4\">\n            <input\n                type=\"email\"\n                name=\"email_block_8e09920fa7d1487fbad33156edd0950c\"\n                id=\"email_block_8e09920fa7d1487fbad33156edd0950c\"\n                placeholder=\"Enter your email address\"\n                autocomplete=\"on\"\n                required\n                class=\"flex-1 px-6 py-4 rounded-xl border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:border-brand focus:ring-2 focus:ring-brand\/20 transition-all\"\n            >\n\n            <!-- Honeypot field for bot protection -->\n            <input\n                type=\"text\"\n                name=\"website\"\n                id=\"website_block_8e09920fa7d1487fbad33156edd0950c\"\n                style=\"position:absolute;left:-9999px;width:1px;height:1px;\"\n                tabindex=\"-1\"\n                autocomplete=\"off\"\n                aria-hidden=\"true\"\n            \/>\n\n            <button\n                type=\"submit\"\n                class=\"px-8 py-4 bg-gradient-to-r from-accent-dark to-accent text-white rounded-xl font-bold hover:shadow-lg dark:hover:shadow-brand-light\/20 transition-all duration-300 whitespace-nowrap hover:scale-105\"\n            >\n                Notify Me            <\/button>\n        <\/div>\n        \n                <p class=\"text-sm text-gray-600 dark:text-gray-400 mt-4\">\n            Get lifetime savings or an extended free trial when Recurra launches        <\/p>\n        \n                <!-- Cloudflare Turnstile -->\n        <div class=\"cf-turnstile-wrapper\">\n            <div\n                class=\"cf-turnstile\"\n                data-sitekey=\"0x4AAAAAAB9p3Bzuv4mxK0no\"\n                data-theme=\"auto\"\n                data-mode=\"managed\"\n            ><\/div>\n        <\/div>\n        \n        <!-- Message container for inline feedback (optional) -->\n        <div class=\"waitlist-message mt-4 text-sm\"><\/div>\n    <\/form>\n<\/div><\/div>\n<\/div>\n\n\n\n    <div id=\"stats-block_13cf6293ab6fda461ccae4b6054ae72b\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-xs md:max-w-full mx-auto\">\n        \n                    <div class=\"glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-accent\/50 hover:shadow-xl transition-all duration-300 group\">\n                <div class=\"text-5xl font-black gradient-text mb-3 group-hover:scale-110 group-hover:gradient-text transition-transform\">30%<\/div>\n                <div class=\"text-sm font-semibold text-gray-900 dark:text-white mb-2\">Average SaaS Waste<\/div>\n                <div class=\"text-xs text-gray-600 dark:text-gray-400 leading-relaxed\">On average, companies waste 30% of SaaS spend on unused licenses &amp; redundant tools<\/div>\n            <\/div>\n                    <div class=\"glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-accent\/50 hover:shadow-xl transition-all duration-300 group\">\n                <div class=\"text-5xl font-black gradient-text mb-3 group-hover:scale-110 group-hover:gradient-text transition-transform\">$18K<\/div>\n                <div class=\"text-sm font-semibold text-gray-900 dark:text-white mb-2\">Annual Savings Potential<\/div>\n                <div class=\"text-xs text-gray-600 dark:text-gray-400 leading-relaxed\">Average SMB saves $18,000\/year by eliminating waste &amp; optimizing contracts<\/div>\n            <\/div>\n                    <div class=\"glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-accent\/50 hover:shadow-xl transition-all duration-300 group\">\n                <div class=\"text-5xl font-black gradient-text mb-3 group-hover:scale-110 group-hover:gradient-text transition-transform\">56%<\/div>\n                <div class=\"text-sm font-semibold text-gray-900 dark:text-white mb-2\">Lack Visibility<\/div>\n                <div class=\"text-xs text-gray-600 dark:text-gray-400 leading-relaxed\">56% of companies don&#039;t know what subscriptions they&#039;re paying for<\/div>\n            <\/div>\n                    <div class=\"glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-accent\/50 hover:shadow-xl transition-all duration-300 group\">\n                <div class=\"text-5xl font-black gradient-text mb-3 group-hover:scale-110 group-hover:gradient-text transition-transform\">3.2X<\/div>\n                <div class=\"text-sm font-semibold text-gray-900 dark:text-white mb-2\">ROI on SaaS Management<\/div>\n                <div class=\"text-xs text-gray-600 dark:text-gray-400 leading-relaxed\">Companies see 3.2X ROI within first year of implementing SaaS management<\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n\n\n<div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 animate-bounce-slow\">\n            <svg class=\"w-6 h-6 text-gray-400 dark:text-gray-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\n            <\/svg>\n        <\/div>\n<\/div><\/section>\n\n\n\n<section id=\"preview\" class=\"wp-block-group relative py-20 lg:py-32 overflow-hidden bg-white dark:bg-gray-900\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"wp-block-group text-center mb-12\"><div class=\"inline-block glass-effect px-6 py-3 rounded-full mb-6 animate-fade-in border border-blue-200 dark:border-blue-800\" data-animate>\n  <span class=\"text-sm font-semibold text-brand\">Dashboard Preview<\/span>\n<\/div>\n\n\n<h2 class=\"text-4xl md:text-5xl font-bold mb-4 text-gray-900 dark:text-white animate-slide-up\" >\n  See Recurra in <span class=\"gradient-text\">Action<\/span><\/h2>\n\n\n<p class=\"text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto\">Get a sneak peek at our intuitive dashboard designed for maximum clarity and control.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group relative animate-fade-in\">\n<div class=\"wp-block-group absolute inset-0 bg-gradient-to-r from-brand-dark\/20 via-brand\/20 to-brand-light\/20 blur-3xl\"><\/div>\n\n\n\n<div class=\"wp-block-group relative glass-effect rounded-2xl overflow-hidden border border-blue-200 dark:border-blue-800\/50 shadow-2xl animate-glow\">\n<div class=\"wp-block-group bg-gray-100 dark:bg-gray-800\/50 px-4 py-3 flex items-center space-x-2 border-b border-gray-300 dark:border-gray-700\">\n<div class=\"wp-block-group flex space-x-2\">\n<div class=\"wp-block-group w-3 h-3 rounded-full bg-red-500\"><\/div>\n\n\n\n<div class=\"wp-block-group w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n\n\n\n<div class=\"wp-block-group w-3 h-3 rounded-full bg-green-500\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group flex-1 mx-4\">\n<p class=\"glass-effect rounded px-4 py-1 text-xs text-gray-600 dark:text-gray-400 text-center border border-gray-300 dark:border-gray-600\">app.recurra.io\/dashboard<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group relative bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 aspect-video flex items-center justify-center\">\n<figure class=\"wp-block-image size-full screenshot\"><picture><source srcset=\"https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-scaled.png.webp 2560w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-300x169.png.webp 300w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-1024x576.png.webp 1024w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-768x432.png.webp 768w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-1536x864.png.webp 1536w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-2048x1152.png.webp 2048w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/dashboard-screenshot-1920x1080.png.webp 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" type=\"image\/webp\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"http:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-scaled.png\" alt=\"Screenshot of the current Recurra dashboard\" class=\"wp-image-150 webpexpress-processed\" srcset=\"https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-scaled.png 2560w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-300x169.png 300w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-1024x576.png 1024w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-768x432.png 768w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-1536x864.png 1536w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-2048x1152.png 2048w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/dashboard-screenshot-1920x1080.png 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\"><\/picture><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group grid md:grid-cols-3 gap-6 mt-8\">\n<div class=\"wp-block-group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 text-center hover:scale-105 transition-all duration-300\">\n<div class=\"wp-block-group w-12 h-12 bg-gradient-to-br from-accent-dark to-accent rounded-xl flex items-center justify-center mx-auto mb-4\">\n<svg class=\"w-6 h-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading font-bold text-gray-900 dark:text-white mb-2\">Real-time Analytics<\/h4>\n\n\n\n<p class=\"text-sm text-gray-600 dark:text-gray-400\">Track spending trends at a glance<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 text-center hover:scale-105 transition-all duration-300\">\n<div class=\"wp-block-group w-12 h-12 bg-gradient-to-br from-accent-dark to-accent rounded-xl flex items-center justify-center mx-auto mb-4\">\n<svg class=\"w-6 h-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading font-bold text-gray-900 dark:text-white mb-2\">Renewal Timeline<\/h4>\n\n\n\n<p class=\"text-sm text-gray-600 dark:text-gray-400\">Never miss another deadline<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 text-center hover:scale-105 transition-all duration-300\">\n<div class=\"wp-block-group w-12 h-12 bg-gradient-to-br from-accent-dark to-accent rounded-xl flex items-center justify-center mx-auto mb-4\">\n<svg class=\"w-6 h-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading font-bold text-gray-900 dark:text-white mb-2\">Savings Insights<\/h4>\n\n\n\n<p class=\"text-sm text-gray-600 dark:text-gray-400\">AI-powered optimization tips<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"visualize\" class=\"wp-block-group relative py-20 lg:pt-32 lg:pb-20 overflow-hidden bg-gray-50 dark:bg-gray-900\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"wp-block-group grid lg:grid-cols-2 gap-12 items-center\">\n<div class=\"wp-block-group order-2 lg:order-1\"><div class=\"inline-block glass-effect px-6 py-3 rounded-full mb-6 animate-fade-in border border-blue-200 dark:border-blue-800\" data-animate>\n  <span class=\"text-sm font-semibold text-brand\">Visual Timeline<\/span>\n<\/div>\n\n\n<h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-gray-900 dark:text-white animate-slide-up\" >\n  See All Your Renewals<br>at a <span class=\"gradient-text\">Glance<\/span><\/h2>\n\n\n<p class=\"text-lg text-gray-600 dark:text-gray-400 mb-8 leading-relaxed\">Our visual calendar view shows every upcoming charge, renewal date, and payment deadline across all your subscriptions. Plan your cash flow with confidence.<\/p>\n\n\n\n<ul class=\"space-y-4 max-w-lg md:max-w-full mx-auto\">\n                        <li class=\"flex items-start\">\n                            <div class=\"w-8 h-8 bg-gradient-to-br from-brand-dark to-brand rounded-lg flex items-center justify-center mr-4 flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                <\/svg>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold text-gray-900 dark:text-white mb-1\">Month, Quarter &#038; Year Views<\/p>\n                                <p class=\"text-sm text-gray-600 dark:text-gray-400\">Switch between timeframes to plan short and long-term spending<\/p>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <div class=\"w-8 h-8 bg-gradient-to-br from-brand to-brand-light rounded-lg flex items-center justify-center mr-4 flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                <\/svg>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold text-gray-900 dark:text-white mb-1\">Color-Coded Categories<\/p>\n                                <p class=\"text-sm text-gray-600 dark:text-gray-400\">Instantly identify subscriptions by department or vendor type<\/p>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <div class=\"w-8 h-8 bg-gradient-to-br from-brand-light to-cyan-400 rounded-lg flex items-center justify-center mr-4 flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                <\/svg>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold text-gray-900 dark:text-white mb-1\">Export to Your Calendar<\/p>\n                                <p class=\"text-sm text-gray-600 dark:text-gray-400\">Sync with Google Calendar, iCal, or Outlook for personal reminders<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group order-1 lg:order-2\">\n<div class=\"wp-block-group relative animate-fade-in\">\n<div class=\"wp-block-group absolute -inset-4 bg-gradient-to-r from-brand-dark\/20 to-brand-light\/20 blur-2xl rounded-3xl\"><\/div>\n\n\n\n<div class=\"wp-block-group relative glass-effect rounded-2xl overflow-hidden border border-blue-200 dark:border-blue-800\/50 shadow-xl\">\n<figure class=\"wp-block-image size-full screenshot\"><picture><source srcset=\"https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view.png.webp 2400w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-300x225.png.webp 300w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-1024x768.png.webp 1024w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-768x576.png.webp 768w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-1536x1152.png.webp 1536w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-2048x1536.png.webp 2048w, https:\/\/recurra.io\/wp-content\/webp-express\/webp-images\/uploads\/2025\/10\/calendar-view-800x600.png.webp 800w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" type=\"image\/webp\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1800\" src=\"http:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view.png\" alt=\"Recurra's calendar view gives you a bird's eye view of your renewals\" class=\"wp-image-193 webpexpress-processed\" title=\"Recurra's calendar view\" srcset=\"https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view.png 2400w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-300x225.png 300w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-1024x768.png 1024w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-768x576.png 768w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-1536x1152.png 1536w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-2048x1536.png 2048w, https:\/\/recurra.io\/wp-content\/uploads\/2025\/10\/calendar-view-800x600.png 800w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\"><\/picture><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"problem\" class=\"wp-block-group relative py-20 lg:py-32 overflow-hidden bg-gray-100 dark:bg-gray-800\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\" absolute inset-0 bg-gradient-to-b from-transparent via-blue-50\/50 to-transparent dark:via-blue-900\/10\"><\/div>\n\n\n<div class=\"wp-block-group relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"wp-block-group text-center mb-20\"><div class=\"inline-block glass-effect px-6 py-3 rounded-full mb-6 animate-fade-in border border-blue-200 dark:border-blue-800\" data-animate>\n  <span class=\"text-sm font-semibold text-brand\">The Problem We&#039;re Solving<\/span>\n<\/div>\n\n\n<h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white animate-slide-up\" >\n  SMBs Are Losing <span class=\"gradient-text\">Thousands<\/span><br>Every Month<\/h2>\n\n\n<p class=\"text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto\">Without proper tracking, businesses waste money on forgotten renewals,<br>unused seats, and hidden price increases.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group grid lg:grid-cols-3 gap-8 justify-center mx-auto max-w-md lg:max-w-full\">\n<div class=\"wp-block-group group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover animate-fade-in\">\n<div class=\"wp-block-group absolute -top-4 -right-4 w-24 h-24 bg-brand\/10 rounded-full blur-2xl\"><\/div>\n\n\n\n<div class=\"wp-block-group relative\">\n<div class=\"wp-block-group w-16 h-16 bg-gradient-to-br from-accent-dark to-accent rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\n<svg class=\"w-8 h-8 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading text-2xl font-bold mb-4 text-gray-900 dark:text-white\">Forgotten Renewals<\/h2>\n\n\n\n<p class=\"text-gray-600 dark:text-gray-400 leading-relaxed mb-6\">Auto-renewals charge with 30-90 day cancellation windows. Miss the deadline? You&#8217;re locked in for another year at full price.<\/p>\n\n\n\n<div class=\"wp-block-group pt-6 border-t border-gray-200 dark:border-gray-700\">\n<p class=\"text-3xl font-black gradient-text\">$890<\/p>\n\n\n\n<p class=\"text-sm text-gray-500 dark:text-gray-600Avg. unexpected charge\">Avg. unexpected charge<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover animate-fade-in\">\n<div class=\"wp-block-group absolute -top-4 -right-4 w-24 h-24 bg-brand\/10 rounded-full blur-2xl\"><\/div>\n\n\n\n<div class=\"wp-block-group relative\">\n<div class=\"wp-block-group w-16 h-16 bg-gradient-to-br from-accent-dark to-accent rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\n<svg class=\"w-8 h-8 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading text-2xl font-bold mb-4 text-gray-900 dark:text-white\">Wasted Seats<\/h2>\n\n\n\n<p class=\"text-gray-600 dark:text-gray-400 leading-relaxed mb-6\">Up to 30% of software seats go unused, quietly draining your budget every single month without anyone noticing.<\/p>\n\n\n\n<div class=\"wp-block-group pt-6 border-t border-gray-200 dark:border-gray-700\">\n<p class=\"text-3xl font-black gradient-text\">30%<\/p>\n\n\n\n<p class=\"text-sm text-gray-500 dark:text-gray-600Avg. unexpected charge\">Typical seat waste<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover animate-fade-in\">\n<div class=\"wp-block-group absolute -top-4 -right-4 w-24 h-24 bg-brand\/10 rounded-full blur-2xl\"><\/div>\n\n\n\n<div class=\"wp-block-group relative\">\n<div class=\"wp-block-group w-16 h-16 bg-gradient-to-br from-accent-dark to-accent rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\n<svg class=\"w-8 h-8 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\" \/>\n                            <\/svg>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading text-2xl font-bold mb-4 text-gray-900 dark:text-white\">Hidden Price Hikes<\/h2>\n\n\n\n<p class=\"text-gray-600 dark:text-gray-400 leading-relaxed mb-6\">Vendors raise prices regularly but rarely notify existing customers. You could be overpaying without knowing it.<\/p>\n\n\n\n<div class=\"wp-block-group pt-6 border-t border-gray-200 dark:border-gray-700\">\n<p class=\"text-3xl font-black gradient-text\">15-30%<\/p>\n\n\n\n<p class=\"text-sm text-gray-500 dark:text-gray-600Avg. unexpected charge\">Annual price increases<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<!-- Features Preview Section -->\n<section id=\"features\" class=\"features-preview-section relative py-20 lg:py-32 overflow-hidden bg-white dark:bg-gray-900\">\n    <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-cyan-50\/50 to-transparent dark:via-cyan-900\/10\"><\/div>\n\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                    <div class=\"text-center mb-20\">\n                                    <div class=\"inline-block glass-effect px-4 py-2 rounded-full mb-6 border border-blue-200 dark:border-blue-800 animate-slide-up\">\n                        <span class=\"text-sm font-semibold text-brand-light\">What&#039;s Coming<\/span>\n                    <\/div>\n                \n                                    <h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white animate-slide-up\">\n                        Features Built for                                                    <span class=\"gradient-text\">Maximum Savings<\/span>\n                                            <\/h2>\n                \n                                    <p class=\"text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto\">\n                        Enterprise-level subscription management without the complexity or price tag.                    <\/p>\n                            <\/div>\n        \n                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 mx-auto max-w-md md:max-w-full justify-center\">\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up \">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-brand\/20 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-brand-dark to-brand rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform \">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"fa-regular fa-search\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    Automatic Discovery                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    Connect your bank and email to automatically detect all subscriptions. No manual tracking needed.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up \">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-brand\/20 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-brand to-brand-light rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform \">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"far fa-bell\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    Smart Renewal Alerts                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    Get notified 90, 60, 30, 7, and 1 day before renewals with enough time to cancel or negotiate.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up \">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-brand\/20 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-brand-light to-cyan-400 rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform \">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"fa-regular fa-calendar-days\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    Visual Calendar View                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    See all upcoming charges on a timeline. Plan cash flow with month, quarter, and annual views.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up hover:border-accent\/30\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-accent\/10 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-accent-dark to-accent rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform shadow-lg shadow-accent\/20\">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"far fa-bolt\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    AI Price Monitoring                                                                            <span class=\"ml-2 text-xs bg-gradient-to-r from-accent-dark to-accent text-white px-2 py-1 rounded-full font-semibold\">AI<\/span>\n                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    Our AI watches vendor pricing pages. Get alerted when you could save by switching plans.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up \">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-brand\/20 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-brand to-brand-light rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform \">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"far fa-users\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    Seat Optimization                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    Find unused licenses and inactive accounts. Reclaim wasted seats and reduce costs instantly.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"group relative glass-effect rounded-2xl p-8 border border-blue-200 dark:border-blue-800\/50 card-hover overflow-hidden animate-slide-up \">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-brand\/20 to-transparent rounded-bl-full\"><\/div>\n                        <div class=\"relative\">\n                            <div class=\"w-14 h-14 bg-gradient-to-br from-brand-light to-cyan-400 rounded-xl flex items-center justify-center mb-6 group-hover:rotate-6 transition-transform \">\n                                                                    <span class=\"text-white text-2xl\"><i class=\"far fa-file-lines\"><\/i><\/span>\n                                                            <\/div>\n\n                                                            <h3 class=\"text-xl font-bold mb-3 text-gray-900 dark:text-white\">\n                                    Data Import &amp; Export                                                                    <\/h3>\n                            \n                                                            <p class=\"text-gray-600 dark:text-gray-400 leading-relaxed\">\n                                    Manually import data. Export to Google Sheets, Excel, or CSV.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n            <\/div>\n<\/section>\n\n\n\n<!-- Integrations Section -->\n<section id=\"integrations\" class=\"integrations-section relative py-20 lg:py-32 overflow-hidden bg-white dark:bg-gray-900\">\n    <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-accent\/5 to-transparent\"><\/div>\n\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                    <div class=\"text-center mb-20\">\n                                    <div class=\"inline-block glass-effect px-4 py-2 rounded-full mb-6 border border-accent\/30 animate-slide-up\">\n                        <span class=\"text-sm font-semibold text-accent\">Powerful Integrations<\/span>\n                    <\/div>\n                \n                                    <h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white animate-slide-up\">\n                        Connect Your Entire                                                    <span class=\"gradient-text\">Tech Stack<\/span>\n                                            <\/h2>\n                \n                                    <p class=\"text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto\">\n                        Recurra integrates directly with your favorite tools and vendors to automatically sync subscription data, \r\n                    track spending, and monitor price changes\u2014all without manual entry.                    <\/p>\n                            <\/div>\n        \n        <!-- Launch Integrations -->\n                    <div class=\"mb-20\">\n                                    <div class=\"flex items-center justify-center mb-8\">\n                        <div class=\"inline-flex items-center glass-effect px-6 py-3 rounded-full border border-accent\/30\">\n                            <div class=\"w-2 h-2 bg-accent rounded-full mr-3 animate-pulse\"><\/div>\n                            <span class=\"text-lg font-bold text-gray-900 dark:text-white\">Available at Launch (Q1 2026)<\/span>\n                        <\/div>\n                    <\/div>\n                                \n                \n                <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-md md:max-w-full mx-auto justify-center\">\n                                            <div class=\"group glass-effect rounded-xl p-6 border-2 border-accent\/30 hover:border-accent\/50 card-hover text-center relative overflow-hidden animate-fade-in\">\n                            <div class=\"absolute top-3 right-3\">\n                                <span class=\"text-xs bg-accent text-white px-2 py-1 rounded-full font-bold\">Launch<\/span>\n                            <\/div>\n\n                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md\">\n                                                                    <span class=\"text-2xl font-bold\" style=\"\">\n                                        PL                                    <\/span>\n                                                            <\/div>\n\n                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                    Plaid                                <\/h4>\n                            \n                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">\n                                    Bank &amp; card transaction sync                                <\/p>\n                            \n                                                    <\/div>\n                                            <div class=\"group glass-effect rounded-xl p-6 border-2 border-accent\/30 hover:border-accent\/50 card-hover text-center relative overflow-hidden animate-fade-in\">\n                            <div class=\"absolute top-3 right-3\">\n                                <span class=\"text-xs bg-accent text-white px-2 py-1 rounded-full font-bold\">Launch<\/span>\n                            <\/div>\n\n                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md\">\n                                                                    <span class=\"text-2xl font-bold\" style=\"\">\n                                        QB                                    <\/span>\n                                                            <\/div>\n\n                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                    Quickbooks                                <\/h4>\n                            \n                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">\n                                    Accounting &amp; expense sync                                <\/p>\n                            \n                                                    <\/div>\n                                            <div class=\"group glass-effect rounded-xl p-6 border-2 border-accent\/30 hover:border-accent\/50 card-hover text-center relative overflow-hidden animate-fade-in\">\n                            <div class=\"absolute top-3 right-3\">\n                                <span class=\"text-xs bg-accent text-white px-2 py-1 rounded-full font-bold\">Launch<\/span>\n                            <\/div>\n\n                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md\">\n                                                                    <span class=\"text-2xl font-bold\" style=\"\">\n                                        M365                                    <\/span>\n                                                            <\/div>\n\n                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                    Microsoft 365                                <\/h4>\n                            \n                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">\n                                    Inbox monitoring &amp; discovery                                <\/p>\n                            \n                                                    <\/div>\n                                            <div class=\"group glass-effect rounded-xl p-6 border-2 border-accent\/30 hover:border-accent\/50 card-hover text-center relative overflow-hidden animate-fade-in\">\n                            <div class=\"absolute top-3 right-3\">\n                                <span class=\"text-xs bg-accent text-white px-2 py-1 rounded-full font-bold\">Launch<\/span>\n                            <\/div>\n\n                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md\">\n                                                                    <span class=\"text-2xl font-bold\" style=\"\">\n                                        GW                                    <\/span>\n                                                            <\/div>\n\n                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                    Google Workspace                                <\/h4>\n                            \n                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">\n                                    Inbox monitoring &amp; discovery                                <\/p>\n                            \n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n        \n        <!-- Planned Integrations (Roadmap) -->\n                    <div>\n                                    <div class=\"flex items-center justify-center mb-8\">\n                        <div class=\"inline-flex items-center glass-effect px-6 py-3 rounded-full border border-blue-200 dark:border-blue-800 animate-slide-up\">\n                            <svg class=\"w-5 h-5 text-brand mr-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                            <span class=\"text-lg font-bold text-gray-900 dark:text-white\">On the Roadmap<\/span>\n                        <\/div>\n                    <\/div>\n                \n                <!-- Integration Categories -->\n                <div class=\"space-y-12\">\n                                            <div>\n                                                            <h3 class=\"text-xl font-bold text-gray-900 dark:text-white mb-6 text-center\">\n                                    Additional Services                                <\/h3>\n                            \n                                                                                            <div class=\"grid md:grid-cols-2 lg:grid-cols-5 gap-6 max-w-md md:max-w-full mx-auto justify-center\">\n                                                                            <div class=\"group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                                            <div class=\"absolute top-3 right-3\">\n                                                <span class=\"text-xs bg-brand\/10 text-brand px-2 py-1 rounded-full font-semibold\">Soon<\/span>\n                                            <\/div>\n                                            \n                                                                                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md opacity-75 group-hover:opacity-100 transition-opacity\">\n                                                                                                            <span class=\"text-2xl font-black\" style=\"\">\n                                                            P8                                                        <\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                                    Pax8                                                <\/h4>\n                                            \n                                                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                                    Cloud marketplace invoices                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                                            <div class=\"absolute top-3 right-3\">\n                                                <span class=\"text-xs bg-brand\/10 text-brand px-2 py-1 rounded-full font-semibold\">Soon<\/span>\n                                            <\/div>\n                                            \n                                                                                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md opacity-75 group-hover:opacity-100 transition-opacity\">\n                                                                                                            <span class=\"text-2xl font-black\" style=\"\">\n                                                            SL                                                        <\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                                    Slack                                                <\/h4>\n                                            \n                                                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                                    Team chat                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                                            <div class=\"absolute top-3 right-3\">\n                                                <span class=\"text-xs bg-brand\/10 text-brand px-2 py-1 rounded-full font-semibold\">Soon<\/span>\n                                            <\/div>\n                                            \n                                                                                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md opacity-75 group-hover:opacity-100 transition-opacity\">\n                                                                                                            <span class=\"text-2xl font-black\" style=\"\">\n                                                            AWS                                                        <\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                                    Amazon Web Services                                                <\/h4>\n                                            \n                                                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                                    Usage &amp; billing tracking                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                                            <div class=\"absolute top-3 right-3\">\n                                                <span class=\"text-xs bg-brand\/10 text-brand px-2 py-1 rounded-full font-semibold\">Soon<\/span>\n                                            <\/div>\n                                            \n                                                                                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md opacity-75 group-hover:opacity-100 transition-opacity\">\n                                                                                                            <span class=\"text-2xl font-black\" style=\"\">\n                                                            GD                                                        <\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                                    GoDaddy                                                <\/h4>\n                                            \n                                                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                                    Domain &amp; website services                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"group glass-effect rounded-xl p-6 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                                            <div class=\"absolute top-3 right-3\">\n                                                <span class=\"text-xs bg-brand\/10 text-brand px-2 py-1 rounded-full font-semibold\">Soon<\/span>\n                                            <\/div>\n                                            \n                                                                                            <div class=\"w-16 h-16 bg-white dark:bg-gray-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-md opacity-75 group-hover:opacity-100 transition-opacity\">\n                                                                                                            <span class=\"text-2xl font-black\" style=\"\">\n                                                            X                                                        <\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                                    Xero                                                <\/h4>\n                                            \n                                                                                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                                    Accounting &amp; expense sync                                                <\/p>\n                                                                                    <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                        \n                    <!-- More to Come -->\n                    <div class=\"grid gap-6 max-w-md md:max-w-full mx-auto\">\n                        <div class=\"group glass-effect rounded-xl py-6 px-20 border border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30 transition-all duration-300 text-center relative animate-fade-in\">\n                            <h4 class=\"font-bold text-gray-900 dark:text-white mb-2\">\n                                &#8230; And More!\n                            <\/h4>\n                            \n                            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\n                                We&#8217;re continuously reviewing new integrations. Let us know if you have a specific integration request!\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n\n<section id=\"pricing\" class=\"pricing-section relative py-20 lg:py-32 overflow-hidden bg-gray-50 dark:bg-gray-900\" data-animate>\n    <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-blue-50\/50 to-transparent dark:via-blue-900\/10\"><\/div>\n\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\" x-data=\"{ billingCycle: 'annual' }\">\n        <div class=\"text-center mb-20\">\n            <div class=\"inline-block glass-effect px-4 py-2 rounded-full mb-6 border border-blue-200 dark:border-blue-800\">\n                <span class=\"text-sm font-semibold text-brand\">Pricing Preview<\/span>\n            <\/div>\n            <h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white\">\n                Simple, <span class=\"gradient-text\">Affordable Pricing<\/span>            <\/h2>\n            <p class=\"text-xl text-gray-600 dark:text-gray-100 max-w-3xl mx-auto mb-8\">\n                Starting at just $99\/month. Try it free for 14 days.            <\/p>\n\n                            <!-- Billing Toggle -->\n                <div class=\"flex items-center justify-center gap-4\">\n                    <span class=\"text-sm font-medium text-gray-600 dark:text-gray-400\" :class=\"{ 'text-gray-900 dark:text-white font-bold': billingCycle === 'monthly' }\">Monthly<\/span>\n                    <button\n                        @click=\"billingCycle = billingCycle === 'monthly' ? 'annual' : 'monthly'\"\n                        class=\"relative inline-flex h-8 w-16 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2\"\n                        :class=\"billingCycle === 'annual' ? 'bg-accent' : 'bg-gray-300 dark:bg-gray-600'\"\n                        aria-label=\"Toggle billing cycle\"\n                    >\n                        <span\n                            class=\"inline-block h-6 w-6 transform rounded-full bg-white shadow-lg transition-transform\"\n                            :class=\"billingCycle === 'annual' ? 'translate-x-9' : 'translate-x-1'\"\n                        ><\/span>\n                    <\/button>\n                    <span class=\"text-sm font-medium text-gray-600 dark:text-gray-400 flex items-center gap-2\" :class=\"{ 'text-gray-900 dark:text-white font-bold': billingCycle === 'annual' }\">\n                        Annual\n                        <span class=\"text-xs bg-green-200 text-green-800 px-2 py-1 rounded-full font-bold\">Save 20%<\/span>\n                    <\/span>\n                <\/div>\n                    <\/div>\n\n                    <div class=\"grid lg:grid-cols-4 md:grid-cols-2 gap-6 mb-20 justify-center\">\n                                    <div class=\"relative glass-effect rounded-2xl p-6 border transition-all duration-300 border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30\" data-animate>\n                        \n                        <div class=\"mb-6 \">\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900 dark:text-white\">\n                                Starter                            <\/h3>\n                            <p class=\"text-gray-600 dark:text-gray-400 text-sm mb-4\">\n                                Get visibility and control                            <\/p>\n\n                                                            <div class=\"mb-3\">\n                                                                            <span class=\"text-4xl font-bold gradient-text\"\n                                              x-text=\"billingCycle === 'monthly' ? '$99' : '$79'\">\n                                            $79                                        <\/span>\n                                                                        <span class=\"text-gray-600 dark:text-gray-400 text-sm\">\/month<\/span>\n                                <\/div>\n\n                                                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'annual'\" style=\"display: block;\">\n                                        Billed annually at $950\/year\n                                    <\/p>\n                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'monthly'\" style=\"display: none;\">\n                                        Billed monthly\n                                    <\/p>\n                                                                                    <\/div>\n\n                                                    <ul class=\"space-y-3 mb-6\">\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Unified subscription catalog                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Spend dashboard with calendar view                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Basic renewal alerts (30\/7\/1 days)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Contract repository                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Email receipt scanning                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            CSV import\/export                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Mobile app access                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Browser extension (priority access)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            AI-generated vendor descriptions                                        <\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                            <\/div>\n                                    <div class=\"relative glass-effect rounded-2xl p-6 border transition-all duration-300 border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30\" data-animate>\n                        \n                        <div class=\"mb-6 \">\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900 dark:text-white\">\n                                Growth                            <\/h3>\n                            <p class=\"text-gray-600 dark:text-gray-400 text-sm mb-4\">\n                                Discover and optimize                            <\/p>\n\n                                                            <div class=\"mb-3\">\n                                                                            <span class=\"text-4xl font-bold gradient-text\"\n                                              x-text=\"billingCycle === 'monthly' ? '$149' : '$119'\">\n                                            $119                                        <\/span>\n                                                                        <span class=\"text-gray-600 dark:text-gray-400 text-sm\">\/month<\/span>\n                                <\/div>\n\n                                                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'annual'\" style=\"display: block;\">\n                                        Billed annually at $1,430\/year\n                                    <\/p>\n                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'monthly'\" style=\"display: none;\">\n                                        Billed monthly\n                                    <\/p>\n                                                                                    <\/div>\n\n                                                    <ul class=\"space-y-3 mb-6\">\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            All Starter features                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            AI Pricing Watcher (25 vendors)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Plaid bank\/card integration                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            QuickBooks\/Xero integration                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Slack\/Teams notifications                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Price change alerts                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Configurable renewal alerts                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Vendor direct API connections (Pax8, etc)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Priority email support (24hr)                                        <\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                            <\/div>\n                                    <div class=\"relative glass-effect rounded-2xl p-6 border transition-all duration-300 border-2 border-accent shadow-2xl shadow-accent\/20 lg:scale-105\" data-animate>\n                                                    <div class=\"absolute -top-3 left-1\/2 transform -translate-x-1\/2\">\n                                <span class=\"bg-gradient-to-r from-accent-dark to-accent text-white px-4 py-1 rounded-full text-xs font-bold shadow-lg\">\n                                    Most Popular\n                                <\/span>\n                            <\/div>\n                        \n                        <div class=\"mb-6 pt-2\">\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900 dark:text-white\">\n                                Professional                            <\/h3>\n                            <p class=\"text-gray-600 dark:text-gray-400 text-sm mb-4\">\n                                Automate and optimize                            <\/p>\n\n                                                            <div class=\"mb-3\">\n                                                                            <span class=\"text-4xl font-bold text-accent\"\n                                              x-text=\"billingCycle === 'monthly' ? '$199' : '$159'\">\n                                            $159                                        <\/span>\n                                                                        <span class=\"text-gray-600 dark:text-gray-400 text-sm\">\/month<\/span>\n                                <\/div>\n\n                                                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'annual'\" style=\"display: block;\">\n                                        Billed annually at $1,910\/year\n                                    <\/p>\n                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'monthly'\" style=\"display: none;\">\n                                        Billed monthly\n                                    <\/p>\n                                                                                    <\/div>\n\n                                                    <ul class=\"space-y-3 mb-6\">\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            All Growth features                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            AI Pricing Watcher (100 vendors)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Unlimited subscriptions tracked                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Basic seat &amp; license tracking                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Basic duplicate detection                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Advanced contract parsing (AI-powered)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Google Sheets export integration                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Excel export (XLSX)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Department\/cost center tracking                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Custom alert rules                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Task management (basic)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            API access (read-only, 1,000\/hour)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-accent mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            5 custom fields                                        <\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                            <\/div>\n                                    <div class=\"relative glass-effect rounded-2xl p-6 border transition-all duration-300 border-blue-200 dark:border-blue-800\/50 hover:border-brand\/30\" data-animate>\n                        \n                        <div class=\"mb-6 \">\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900 dark:text-white\">\n                                Business                            <\/h3>\n                            <p class=\"text-gray-600 dark:text-gray-400 text-sm mb-4\">\n                                Enterprise-ready control                            <\/p>\n\n                                                            <div class=\"mb-3\">\n                                                                            <span class=\"text-4xl font-bold gradient-text\"\n                                              x-text=\"billingCycle === 'monthly' ? '$299' : '$239'\">\n                                            $239                                        <\/span>\n                                                                        <span class=\"text-gray-600 dark:text-gray-400 text-sm\">\/month<\/span>\n                                <\/div>\n\n                                                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'annual'\" style=\"display: block;\">\n                                        Billed annually at $2,870\/year\n                                    <\/p>\n                                    <p class=\"text-xs text-gray-500 dark:text-gray-600\" x-show=\"billingCycle === 'monthly'\" style=\"display: none;\">\n                                        Billed monthly\n                                    <\/p>\n                                                                                    <\/div>\n\n                                                    <ul class=\"space-y-3 mb-6\">\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            All Professional features                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            AI Pricing Watcher (unlimited vendors)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Advanced seat optimization with usage analytics                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Duplicate &amp; overlap detection (AI-powered)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Vendor directory &amp; risk scoring                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Benchmark pricing data                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Advanced workflows &amp; automation                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Approval workflows                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Policy engine                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Multi-currency support                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Advanced RBAC (5 roles)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Immutable audit logs                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Task management (advanced)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            API access (read + write, 10,000\/hour)                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            API webhooks                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Unlimited custom fields                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Dedicated onboarding specialist                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-700 dark:text-gray-300\">\n                                            Quarterly account reviews                                        <\/span>\n                                    <\/li>\n                                                                    <li class=\"flex items-start text-sm\">\n                                        <svg class=\"w-4 h-4 text-brand mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                        <\/svg>\n                                        <span class=\"text-gray-900 dark:text-white font-semibold\">\n                                            Priority email support (12hr)                                        <\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                            <\/div>\n                            <\/div>\n            \n                            <div class=\"mt-24\" x-data=\"{ open: false }\">\n                    <div class=\"text-center mb-8\">\n                        <button \n                            @click=\"open = !open\"\n                            class=\"inline-flex items-center glass-effect px-8 py-4 rounded-xl border border-blue-200 dark:border-blue-800 hover:border-accent\/50 transition-all duration-300 group\"\n                        >\n                            <span class=\"text-xl font-bold text-gray-900 dark:text-white mr-3\">View Complete Feature Comparison<\/span>\n                            <svg \n                                class=\"w-6 h-6 text-accent transition-transform duration-300\"\n                                :class=\"{ 'rotate-180': open }\"\n                                fill=\"none\" \n                                viewBox=\"0 0 24 24\" \n                                stroke=\"currentColor\"\n                            >\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/button>\n                        <p class=\"text-sm text-gray-500 dark:text-gray-600 mt-3\" x-show=\"!open\">Click to see detailed feature breakdown<\/p>\n                    <\/div>\n                \n                    <div \n                        x-show=\"open\"\n                        x-transition:enter=\"transition ease-out duration-500\"\n                        x-transition:enter-start=\"opacity-0 transform -translate-y-4\"\n                        x-transition:enter-end=\"opacity-100 transform translate-y-0\"\n                        x-transition:leave=\"transition ease-in duration-300\"\n                        x-transition:leave-start=\"opacity-100 transform translate-y-0\"\n                        x-transition:leave-end=\"opacity-0 transform -translate-y-4\"\n                        class=\"glass-effect rounded-2xl border border-blue-200 dark:border-blue-800\/50 overflow-hidden\"\n                    >\n                        <div class=\"overflow-x-auto\">\n                            <table class=\"w-full\">\n                                <thead>\n                                    <tr class=\"bg-gradient-to-r from-brand\/5 to-brand-light\/5 dark:from-brand\/10 dark:to-brand-light\/10\">\n                                        <th class=\"text-left py-4 px-6 text-sm font-bold text-gray-900 dark:text-white sticky left-0 bg-gray-50 dark:bg-gray-900 z-10\">Feature<\/th>\n                                        <th class=\"text-center py-4 px-4 text-sm font-bold text-gray-900 dark:text-white\">Starter<\/th><th class=\"text-center py-4 px-4 text-sm font-bold text-gray-900 dark:text-white\">Growth<\/th><th class=\"text-center py-4 px-4 text-sm font-bold font-semibold text-accent bg-accent\/5\">Professional<\/th><th class=\"text-center py-4 px-4 text-sm font-bold text-gray-900 dark:text-white\">Business<\/th>                                    <\/tr>\n                                <\/thead>\n                                <tbody class=\"divide-y divide-gray-200 dark:divide-gray-800\">\n                                                                            <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Core Limits<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Team Members<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        5                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        10                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        25                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        75                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Subscriptions Tracked<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        50                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        150                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Unlimited                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Email Accounts<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        5                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        10                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        20                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Financial Connections<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        2                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        5                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        10                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">IdP Connections<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        1                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        2                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        3                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">AI Pricing Watcher<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        25 vendors                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        100 vendors                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Core Tracking<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Unified Subscription Catalog<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Spend Dashboard with Calendar<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Contract Repository<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Browser Extension<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Coming Soon                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Coming Soon                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Coming Soon                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Coming Soon                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Data Import &amp; Discovery<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Manual Entry &amp; CSV Import<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Email Receipt Scanning<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Plaid Bank Integration<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">CSV Export<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Google Sheets Export<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Alerts &amp; Intelligence<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Renewal Alerts<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Configurable                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Configurable                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Configurable                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Price Change Alerts<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">AI-Generated Vendor Descriptions<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Contract Parsing<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        AI-Powered                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        AI-Powered                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Seat &amp; License Tracking<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Advanced                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Duplicate Detection<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        AI-Powered                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Vendor Risk Scoring<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Benchmark Pricing Data<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Usage Analytics<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Integrations<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">QuickBooks\/Xero<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Slack\/Teams Notifications<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Vendor Direct APIs (Pax8, etc)<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">API Access<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Read-only                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Read + Write                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">API Webhooks<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Organization &amp; Workflows<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Department\/Cost Center Tracking<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Custom Fields<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        5 fields                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Unlimited                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Task Management<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Advanced                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Approval Workflows<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Policy Engine<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Multi-Currency Support<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Access &amp; Security<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Role-Based Access Control<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Advanced                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Advanced                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Audit Logs<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Basic                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Enhanced                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Immutable                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                                    <tr class=\"bg-gray-50\/50 dark:bg-gray-800\/50\">\n                                            <td colspan=\"5\" class=\"py-3 px-6 text-xs font-bold text-gray-900 dark:text-white uppercase tracking-wider\">Support<\/td>\n                                        <\/tr>\n                                        \n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Email Support<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        48hr                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        24hr                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        24hr                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        12hr                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Documentation &amp; Knowledge Base<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <i class=\"far fa-check\"><\/i>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <i class=\"far fa-check text-brand\"><\/i>                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Onboarding<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Self-serve                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Self-serve                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        Guided                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Dedicated Specialist                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                    <tr class=\"hover:bg-blue-50\/30 dark:hover:bg-blue-900\/10 transition-colors\">\n                                                <td class=\"py-4 px-6 text-sm text-gray-700 dark:text-gray-300 sticky left-0 bg-white dark:bg-gray-900\">Account Reviews<\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm font-semibold text-accent bg-accent\/5\">\n                                                        <span class=\"text-gray-400 dark:text-gray-600\">\u2014<\/span>                                                    <\/td>\n                                                                                                    <td class=\"text-center py-4 px-4 text-sm text-gray-600 dark:text-gray-400\">\n                                                        Quarterly                                                    <\/td>\n                                                                                            <\/tr>\n                                                                                                            <\/tbody>\n                            <\/table>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n            <div class=\"mt-16 text-center\">\n                <p class=\"text-gray-500 dark:text-gray-600\">* Prices and plan features subject to change before launch<\/p>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n\n<section id=\"access\" class=\"wp-block-group relative py-20 lg:py-32 overflow-hidden bg-white dark:bg-gray-900\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\" absolute inset-0 animated-gradient opacity-20 dark:opacity-10\"><\/div>\n\n\n<div class=\"wp-block-group relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<div class=\"wp-block-group glass-effect rounded-3xl p-16 border border-blue-200 dark:border-blue-800 animate-slide-up\">\n<h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white\" >\n  Be the First to <span class=\"gradient-text\">Get Early Access<\/span><\/h2>\n\n\n<p class=\"text-xl text-gray-600 dark:text-gray-300 mb-12 max-w-2xl mx-auto\">Join our waitlist today and get exclusive early access when Recurra launches in Q1 2026. Plus, special launch pricing for early adopters.<\/p>\n\n\n\n<div class=\"wp-block-group max-w-xl mx-auto\">\n<div class=\"waitlist-form-wrapper\">\n    <form\n        class=\"recurra-waitlist-form\"\n        data-nonce=\"74190aa78f\"\n        data-ajax-url=\"https:\/\/recurra.io\/wp-admin\/admin-ajax.php\"\n        data-source=\"website\"\n        data-success-message=\"Thank you! You&#039;re on the list.\"\n        data-error-message=\"Something went wrong. Please try again.\"\n    >\n        \n        <div class=\"flex flex-col sm:flex-row gap-4\">\n            <input\n                type=\"email\"\n                name=\"email_block_c9af2615461542d3c569279334d080e4\"\n                id=\"email_block_c9af2615461542d3c569279334d080e4\"\n                placeholder=\"Enter your email address\"\n                autocomplete=\"on\"\n                required\n                class=\"flex-1 px-6 py-4 rounded-xl border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:border-brand focus:ring-2 focus:ring-brand\/20 transition-all\"\n            >\n\n            <!-- Honeypot field for bot protection -->\n            <input\n                type=\"text\"\n                name=\"website\"\n                id=\"website_block_c9af2615461542d3c569279334d080e4\"\n                style=\"position:absolute;left:-9999px;width:1px;height:1px;\"\n                tabindex=\"-1\"\n                autocomplete=\"off\"\n                aria-hidden=\"true\"\n            \/>\n\n            <button\n                type=\"submit\"\n                class=\"px-8 py-4 bg-gradient-to-r from-accent-dark to-accent text-white rounded-xl font-bold hover:shadow-lg dark:hover:shadow-brand-light\/20 transition-all duration-300 whitespace-nowrap hover:scale-105\"\n            >\n                Join Waitlist            <\/button>\n        <\/div>\n        \n        \n                <!-- Cloudflare Turnstile -->\n        <div class=\"cf-turnstile-wrapper\">\n            <div\n                class=\"cf-turnstile\"\n                data-sitekey=\"0x4AAAAAAB9p3Bzuv4mxK0no\"\n                data-theme=\"auto\"\n                data-mode=\"managed\"\n            ><\/div>\n        <\/div>\n        \n        <!-- Message container for inline feedback (optional) -->\n        <div class=\"waitlist-message mt-4 text-sm\"><\/div>\n    <\/form>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Built for business owners and finance teams who need clarity on recurring costs. Recurra automatically finds subscriptions and recurring costs, tracks renewals, and helps you cut waste before it hits&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recurra.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":211,"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/recurra.io\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/recurra.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}