



{"id":11,"date":"2019-07-22T16:54:11","date_gmt":"2019-07-22T13:54:11","guid":{"rendered":"https:\/\/livresq.com\/?page_id=11"},"modified":"2026-03-30T11:14:53","modified_gmt":"2026-03-30T08:14:53","slug":"pricing","status":"publish","type":"page","link":"https:\/\/livresq.com\/en\/pricing\/","title":{"rendered":"Buy"},"content":{"rendered":"\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>LIVRESQ Pricing &#038; Partners<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Roboto:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        midnight: '#0F1623',\n                        livresq: {\n                            fucsia: '#D91278',   \/\/ Primary Action\n                            'fucsia-dark': '#b00e60', \/\/ Hover State\n                            albastru: '#6fccf0', \/\/ Secondary \/ Light Blue\n                            blond: '#faed87',    \/\/ Highlight \/ Yellow\n                            darkblue: '#2c3e50', \/\/ Text \/ Footer\n                            light: '#f8f9fa',\n                            text: '#333333'\n                        },\n                        slate: {\n                            850: '#151e2e',\n                            900: '#0F1623' \n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        heading: ['Roboto', 'sans-serif'],\n                    },\n                    animation: {\n                        'blob': 'blob 7s infinite',\n                        'fade-in-up': 'fadeInUp 0.5s ease-out forwards',\n                    },\n                    keyframes: {\n                        blob: {\n                            '0%': { transform: 'translate(0px, 0px) scale(1)' },\n                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n                            '100%': { transform: 'translate(0px, 0px) scale(1)' },\n                        },\n                        fadeInUp: {\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* --- WordPress Override Protection & Custom Styles --- *\/\n        #livresq-app {\n            font-family: 'Inter', sans-serif;\n            line-height: 1.5;\n            color: #0F1623;\n        }\n\n        \/* 1. Global Reset for App Container *\/\n        #livresq-app * {\n            box-sizing: border-box;\n        }\n        \n        #livresq-app a {\n            text-decoration: none !important;\n            box-shadow: none !important;\n            border-bottom: none !important;\n        }\n\n        #livresq-app button:focus, #livresq-app a:focus {\n            outline: none !important;\n        }\n\n        \/* 2. TAB & BUTTON OVERRIDES *\/\n        \n        \/* Container Reset *\/\n        #livresq-app .lv-tab-container {\n            background-color: #ffffff !important;\n            padding: 0.375rem !important; \/* p-1.5 *\/\n            border-radius: 1rem !important; \/* rounded-2xl *\/\n            border: 1px solid #e2e8f0 !important; \/* border-slate-200 *\/\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;\n            display: inline-flex !important;\n            gap: 0.5rem !important;\n            position: relative !important;\n            width: auto !important;\n            margin: 0 auto !important;\n            z-index: 40 !important; \/* Boosted Z-index *\/\n        }\n\n        \/* Button Base Styles *\/\n        #livresq-app .lv-tab-btn {\n            position: relative !important;\n            z-index: 50 !important; \/* Boosted Z-index *\/\n            display: flex !important;\n            align-items: center !important;\n            gap: 0.5rem !important;\n            padding: 0.75rem 1.5rem !important; \/* px-6 py-3 *\/\n            border-radius: 0.75rem !important; \/* rounded-xl *\/\n            font-family: 'Inter', sans-serif !important;\n            font-size: 0.875rem !important; \/* text-sm *\/\n            font-weight: 700 !important; \/* font-bold *\/\n            line-height: 1.25 !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n            border: 1px solid transparent !important;\n            background-image: none !important;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n            pointer-events: auto !important; \/* Force pointer events *\/\n        }\n\n        \/* Active Tab State (Blue) *\/\n        #livresq-app .lv-tab-btn.lv-active {\n            background-color: #1379D1 !important;\n            color: #ffffff !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;\n            border-color: transparent !important;\n        }\n        #livresq-app .lv-tab-btn.lv-active i, \n        #livresq-app .lv-tab-btn.lv-active svg {\n            color: #ffffff !important;\n        }\n\n        \/* Inactive Tab State (Ghost) *\/\n        #livresq-app .lv-tab-btn.lv-inactive {\n            background-color: transparent !important;\n            color: #64748b !important; \/* slate-500 *\/\n            box-shadow: none !important;\n        }\n        #livresq-app .lv-tab-btn.lv-inactive:hover {\n            background-color: #f8fafc !important; \/* slate-50 *\/\n            color: #0f172a !important; \/* slate-900 *\/\n        }\n        #livresq-app .lv-tab-btn.lv-inactive i, \n        #livresq-app .lv-tab-btn.lv-inactive svg {\n            color: currentColor !important;\n        }\n\n        \/* Discount Badge Override *\/\n        #livresq-app .lv-badge {\n            font-size: 10px !important;\n            padding: 2px 6px !important;\n            border-radius: 4px !important;\n            font-weight: 900 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.05em !important;\n            margin-left: 8px !important;\n        }\n        #livresq-app .lv-tab-btn.lv-active .lv-badge {\n            background-color: #ffffff !important;\n            color: #1379D1 !important;\n        }\n        #livresq-app .lv-tab-btn.lv-inactive .lv-badge {\n            background-color: #d1fae5 !important; \/* emerald-100 *\/\n            color: #047857 !important; \/* emerald-700 *\/\n        }\n\n        \/* --- MOBILE OPTIMIZATIONS FOR TABS --- *\/\n        @media (max-width: 640px) {\n            #livresq-app .lv-tab-container {\n                display: flex !important;\n                width: 100% !important;\n                max-width: 100% !important;\n                justify-content: space-between !important;\n                padding: 4px !important;\n                gap: 4px !important;\n                flex-wrap: nowrap !important;\n            }\n\n            #livresq-app .lv-tab-btn {\n                flex: 1 !important; \/* Make buttons grow equally *\/\n                justify-content: center !important;\n                padding: 10px 4px !important; \/* Adjust padding *\/\n                font-size: 11px !important; \/* Smaller font *\/\n                gap: 4px !important;\n                border-radius: 8px !important;\n                white-space: nowrap !important;\n                min-width: 0 !important; \/* Allow shrinking *\/\n            }\n\n            \/* Adjust icon size on mobile *\/\n            #livresq-app .lv-tab-btn svg,\n            #livresq-app .lv-tab-btn i {\n                width: 14px !important;\n                height: 14px !important;\n                margin-right: 2px !important;\n                flex-shrink: 0 !important;\n            }\n        }\n\n        \/* CTA Buttons Overrides *\/\n        #livresq-app .btn-primary {\n            background-color: #D91278 !important;\n            color: white !important;\n            border: 1px solid transparent !important;\n        }\n        #livresq-app .btn-primary:hover {\n            background-color: #b00e60 !important;\n            color: white !important;\n        }\n\n        #livresq-app .btn-secondary {\n            background-color: white !important;\n            color: #D91278 !important;\n            border: 2px solid rgba(217, 18, 120, 0.3) !important;\n        }\n        #livresq-app .btn-secondary:hover {\n            background-color: #D91278 !important;\n            color: white !important;\n            border-color: #D91278 !important;\n        }\n\n        \/* List styling override *\/\n        #livresq-app ul, #livresq-app ol, #livresq-app li {\n            list-style: none !important;\n            margin-left: 0 !important;\n            padding-left: 0 !important;\n            margin-bottom: 0 !important; \n        }\n\n        \/* Headings *\/\n        #livresq-app h1, #livresq-app h2, #livresq-app h3, #livresq-app h4, #livresq-app h5, #livresq-app h6 {\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n        }\n\n        \/* --- TABLE STYLES - AGGRESSIVE RESET FOR WORDPRESS --- *\/\n        #livresq-app table {\n            border-collapse: collapse !important;\n            width: 100% !important;\n            margin-bottom: 0 !important;\n            background: transparent !important;\n            border: none !important; \/* Remove outer border *\/\n            border-radius: 0 !important;\n            box-shadow: none !important;\n        }\n        \n        #livresq-app thead tr {\n            background-color: transparent !important;\n            border-top: none !important;\n            border-left: none !important;\n            border-right: none !important;\n            border-bottom: 2px solid #e2e8f0 !important;\n        }\n\n        #livresq-app th {\n            padding: 1.5rem !important;\n            text-transform: uppercase !important;\n            font-size: 0.75rem !important;\n            letter-spacing: 0.05em !important;\n            font-weight: 800 !important;\n            background-color: #f8fafc !important; \n            \n            \/* Remove ALL default borders *\/\n            border-width: 0 !important;\n            border-style: none !important;\n            \n            \/* Add only bottom border *\/\n            border-bottom-width: 2px !important;\n            border-bottom-style: solid !important;\n            border-bottom-color: #e2e8f0 !important;\n        }\n\n        #livresq-app th.lv-th-default { background-color: #f8fafc !important; color: #64748b !important; }\n        #livresq-app th.lv-th-dark { background-color: #f8fafc !important; color: #0F1623 !important; }\n        \n        #livresq-app th.lv-th-highlight { \n            background-color: rgba(217, 18, 120, 0.05) !important; \n            color: #D91278 !important; \n            \n            \/* Specific borders for highlighted header *\/\n            border-top: 4px solid #D91278 !important;\n            border-left: 1px solid #e2e8f0 !important;\n            border-right: 1px solid #e2e8f0 !important;\n            border-bottom: 2px solid #e2e8f0 !important;\n        }\n        \n        #livresq-app th.lv-th-purple { background-color: #f8fafc !important; color: #9333ea !important; }\n\n        #livresq-app tr.lv-row-gray { background-color: #f8fafc !important; }\n        #livresq-app tr.lv-row-white { background-color: #ffffff !important; }\n        \n        #livresq-app tr:hover td { background-color: rgba(59, 130, 246, 0.05) !important; } \n        #livresq-app tr:hover td.lv-col-highlight { background-color: rgba(217, 18, 120, 0.08) !important; }\n\n        #livresq-app td {\n            padding: 1rem !important;\n            font-size: 0.875rem !important;\n            vertical-align: middle !important;\n            color: #334155 !important;\n            \n            \/* AGGRESSIVELY REMOVE VERTICAL BORDERS *\/\n            border-left-width: 0 !important;\n            border-right-width: 0 !important;\n            border-top-width: 0 !important;\n            border-left-style: none !important;\n            border-right-style: none !important;\n            border-top-style: none !important;\n            \n            \/* Only bottom border *\/\n            border-bottom-width: 1px !important;\n            border-bottom-style: solid !important;\n            border-bottom-color: #f1f5f9 !important;\n        }\n\n        #livresq-app td.lv-feature-name {\n            font-weight: 500 !important;\n            color: #475569 !important;\n            padding-left: 1.5rem !important;\n            text-align: left !important;\n        }\n\n        #livresq-app td.lv-col-center { text-align: center !important; font-weight: 700 !important; }\n        \n        \/* Only apply vertical borders to the highlighted column *\/\n        #livresq-app td.lv-col-highlight {\n            background-color: rgba(217, 18, 120, 0.05) !important;\n            \n            \/* Restore borders for highlight *\/\n            border-left-width: 1px !important;\n            border-left-style: solid !important;\n            border-left-color: #e2e8f0 !important;\n            \n            border-right-width: 1px !important;\n            border-right-style: solid !important;\n            border-right-color: #e2e8f0 !important;\n            \n            color: #334155 !important;\n        }\n\n        \/* Spotlight Effect *\/\n        .spotlight-card {\n            position: relative;\n            overflow: hidden;\n            background-color: white;\n        }\n        .spotlight-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(\n                600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n                rgba(217, 18, 120, 0.04),\n                transparent 40%\n            );\n            opacity: 0;\n            transition: opacity 0.5s;\n            pointer-events: none;\n            z-index: 2;\n        }\n        .spotlight-card:hover::before {\n            opacity: 1;\n        }\n\n        \/* Reveal Animation Classes *\/\n        .reveal-element {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n        }\n        .reveal-element.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Tab Transitions *\/\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.4s ease-out;\n        }\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Infinite Marquee *\/\n        @keyframes marquee {\n          0% { transform: translateX(0); }\n          100% { transform: translateX(-50%); }\n        }\n        .animate-marquee {\n          animation: marquee 40s linear infinite;\n        }\n        .hover-pause:hover {\n          animation-play-state: paused;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50\">\n\n    <div id=\"livresq-app\" class=\"min-h-screen bg-slate-50 flex flex-col font-sans text-slate-900 selection:bg-livresq-fucsia selection:text-white\">\n        \n        <main class=\"flex-grow\">\n            \n            <section id=\"pricing\" class=\"py-24 relative overflow-hidden bg-slate-50 text-slate-900\">\n                \n                <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n                <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none\"><\/div>\n\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n                    \n                    <div class=\"text-center mb-12 max-w-4xl mx-auto reveal-element\">\n                        <span class=\"inline-flex items-center py-1 px-3 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-sm transition-all hover:bg-[#1379D1]\/10\">\n                            <i data-lucide=\"zap\" class=\"w-3 h-3 mr-2\"><\/i>\n                            Flexible Plans\n                        <\/span>\n                        \n                        <h2 class=\"text-5xl md:text-6xl font-heading font-black text-slate-900 leading-[1.1] tracking-tight mb-6\">\n                            Choose the plan <br\/>\n                            <span class=\"text-livresq-fucsia\">\n                                that fits you\n                            <\/span>\n                        <\/h2>\n\n                        <p class=\"mt-4 text-xl text-slate-600 leading-relaxed max-w-2xl mx-auto mb-10\">\n                             Complete solutions adapted for teachers, educational institutions, and companies. Digitize the learning experience.\n                        <\/p>\n\n                        <div class=\"flex flex-col md:flex-row items-center justify-center gap-6 mb-12\">\n                            <div class=\"lv-tab-container\">\n                                <button type=\"button\" id=\"tab-academic\" class=\"lv-tab-btn lv-active\">\n                                    <i data-lucide=\"graduation-cap\" class=\"w-4 h-4\"><\/i>\n                                    Academic\n                                <\/button>\n                                <button type=\"button\" id=\"tab-freelance\" class=\"lv-tab-btn lv-inactive\">\n                                    <i data-lucide=\"pen-tool\" class=\"w-4 h-4\"><\/i>\n                                    Freelance\n                                <\/button>\n                                <button type=\"button\" id=\"tab-corporate\" class=\"lv-tab-btn lv-inactive\">\n                                    <i data-lucide=\"building-2\" class=\"w-4 h-4\"><\/i>\n                                    Corporate\n                                <\/button>\n                            <\/div>\n\n                            <div id=\"billing-toggle-container\" class=\"hidden animate-fade-in-up\">\n                                <button type=\"button\" id=\"bill-monthly\" class=\"lv-tab-btn lv-inactive\">\n                                    Monthly\n                                <\/button>\n                                <button type=\"button\" id=\"bill-yearly\" class=\"lv-tab-btn lv-active\">\n                                    Yearly\n                                    <span class=\"lv-badge\">-15%<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div id=\"academic-stats\" class=\"max-w-3xl mx-auto mb-12 animate-fade-in-up\">\n                            <div class=\"p-6 rounded-2xl bg-white border border-slate-200 shadow-md flex flex-col md:flex-row items-center justify-center gap-6 text-center md:text-left\">\n                                <div class=\"p-3 bg-pink-50 rounded-full text-livresq-fucsia border border-pink-100\">\n                                    <i data-lucide=\"users\" class=\"w-8 h-8\"><\/i>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xl md:text-2xl text-slate-900 font-bold leading-tight\">\n                                        <span class=\"text-livresq-fucsia\">158,900+<\/span> teachers\n                                    <\/p>\n                                    <p class=\"text-sm text-slate-500 mt-1\">\n                                        from <span class=\"font-bold text-slate-700\">7,260+ educational institutions<\/span> are already using LIVRESQ.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"content-academic\" class=\"tab-content active\">\n                        <div class=\"grid md:grid-cols-2 xl:grid-cols-4 gap-6 mb-12\">\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-livresq-fucsia shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-pink-50 text-livresq-fucsia shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"school\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-pink-200 text-pink-700 bg-pink-50 shadow-sm text-right\">\n                                                    Individual Account\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Free<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Start in digital education. Perfect for teachers just starting out.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac0<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">Monthly<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">5 Projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">1 GB storage space<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">LIVRESQ logo in projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Launch public and private<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Free access to templates<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Import external resources<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Export to LIVRESQ Library<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-livresq-fucsia hover:bg-pink-700 text-white shadow-pink-200\">\n                                                Activate Now<i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-20\">\n                                <div class=\"absolute top-2 left-1\/2 transform -translate-x-1\/2 bg-livresq-fucsia text-white text-[10px] font-bold uppercase tracking-widest py-1.5 px-4 rounded-full shadow-lg z-30 flex items-center gap-1 w-max\">\n                                    <i data-lucide=\"star\" class=\"w-3 h-3 fill-white\"><\/i> Recommended\n                                <\/div>\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-livresq-fucsia shadow-xl ring-4 ring-pink-50\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-livresq-fucsia shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-pink-50 text-livresq-fucsia shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"graduation-cap\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-pink-200 text-pink-700 bg-pink-50 shadow-sm text-right\">\n                                                    Individual Account\n                                                <\/div>\n                                                <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n                                                    Yearly Payment\n                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Academic Premium<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Total creative power. AI included. Most popular plan.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <span class=\"text-sm text-slate-400 line-through decoration-red-500\/60 decoration-2 mb-1 font-bold\">\u20ac5.63<\/span>\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac2.87<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">Monthly, billed ANNUALLY<\/span>\n                                                <span class=\"flex items-center gap-1 text-[10px] text-emerald-600 bg-emerald-50 border border-emerald-200 px-2 py-0.5 rounded-md font-bold\">\n                                                    <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i> Subsidized Price\n                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Unlimited projects &#038; 5GB<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">No watermark (own logo)<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Access to over 17k Educational material sources<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Co-creation with other teachers<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">AI Enhancer &#038; Video Generator<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">TTS (Text to Speech)<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Download projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Export SCORM | HTML5 | PDF<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Import SCORM \/ HTML5 (Source Import)<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Import PowerPoint (PPTX)<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-xs text-emerald-700 font-bold bg-emerald-50\/80 p-3 rounded-lg border border-emerald-100 mt-4\">\n                                                <div class=\"mt-0.5 text-emerald-500 flex-shrink-0\"><i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i><\/div>\n                                                <span class=\"leading-snug\">14-day money-back guarantee<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a id=\"buy-academic-premium\" href=\"#\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-livresq-fucsia hover:bg-pink-700 text-white shadow-pink-200\">\n                                                Buy Now <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                            <a href=\"https:\/\/livresq.com\/en\/produse-eligibile-pentru-carduri-de-prima-didactica\/\" class=\"btn-secondary w-full py-3.5 rounded-xl font-bold text-xs text-center bg-white border-2 border-livresq-fucsia\/30 text-livresq-fucsia hover:bg-livresq-fucsia hover:text-white transition-all flex items-center justify-center gap-2 hover:shadow-md mt-3\">\n                                                <i data-lucide=\"credit-card\" class=\"w-4 h-4\"><\/i>\n                                                Teaching Career Premium Card\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-blue-500 shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-blue-50 text-blue-600 shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"landmark\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-blue-200 text-blue-700 bg-blue-50 shadow-sm text-right\">\n                                                    Institutional\n                                                <\/div>\n                                                <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n                                                    Yearly Payment\n                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">RED Preuniversitar<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">For kindergartens, schools, high schools.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <span class=\"text-sm text-slate-400 line-through decoration-red-500\/60 decoration-2 mb-1 font-bold\">\u20ac340<\/span>\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac170<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">Seat \/ Year<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Everything in Premium<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">International SCORM Standard<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Library Access (15k+ lessons)<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">566 approved lessons<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Metadata packaging<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Administrator Console<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Private Sharing in Institution<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Institutional Branding<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Dedicated Support<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a href=\"mailto:sales@livresq.com\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200\">\n                                                Request Offer <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-purple-500 shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-purple-50 text-purple-600 shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"building-2\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-purple-200 text-purple-700 bg-purple-50 shadow-sm text-right\">\n                                                    Universities\n                                                <\/div>\n                                                <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n                                                    Yearly Payment\n                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">University Premium<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Complete solution for the university environment.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac340<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">Seat \/ Year<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Everything in R.E.D.<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">University Admin Console<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Unlimited Courses<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Share editable courses<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Collaborative ecosystem<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">University Branding<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Priority Dedicated Support<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a href=\"mailto:sales@livresq.com\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200\">\n                                                Contact Sales <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"max-w-6xl mx-auto px-2\">\n                             <div class=\"mt-20 overflow-x-auto rounded-3xl border border-slate-200 shadow-2xl animate-fade-in-up bg-white\">\n                                <table class=\"w-full text-left border-collapse min-w-[700px]\">\n                                    <thead>\n                                        <tr>\n                                            <th class=\"lv-th-default\">Compared Features<\/th>\n                                            <th class=\"lv-th-dark text-center\">Free<\/th>\n                                            <th class=\"lv-th-highlight text-center\">Academic Premium<\/th>\n                                            <th class=\"lv-th-purple text-center\">University Premium<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody id=\"comparison-body\">\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Duration<\/td>\n                                            <td class=\"lv-col-center\">Unlimited<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">1 year<\/td>\n                                            <td class=\"lv-col-center\">1 year<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Authors (seats)<\/td>\n                                            <td class=\"lv-col-center\">1<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">1<\/td>\n                                            <td class=\"lv-col-center\">Unlimited<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Projects<\/td>\n                                            <td class=\"lv-col-center\">5<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">Unlimited<\/td>\n                                            <td class=\"lv-col-center\">Unlimited<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Cloud storage<\/td>\n                                            <td class=\"lv-col-center\">1 GB<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">5 GB<\/td>\n                                            <td class=\"lv-col-center\">5 GB\/account<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Source Export &#038; Import<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Customization<\/td>\n                                            <td class=\"lv-col-center\">LIVRESQ Logo<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">Complete<\/td>\n                                            <td class=\"lv-col-center\">Complete<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Technical Support<\/td>\n                                            <td class=\"lv-col-center\">Limited<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">Standard<\/td>\n                                            <td class=\"lv-col-center\">Dedicated<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Interface Languages<\/td>\n                                            <td class=\"lv-col-center\">20 languages<\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\">20 languages<\/td>\n                                            <td class=\"lv-col-center\">20 languages<\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Team account management<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Export SCORM \/ HTML5<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Export PDF<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">AI Enhancer &#038; Generators<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Text to Speech (TTS)<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Import SCORM \/ HTML5<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-gray\">\n                                            <td class=\"lv-feature-name\">Import PowerPoint (PPTX)<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                        <tr class=\"lv-row-white\">\n                                            <td class=\"lv-feature-name\">Download projects<\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                            <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                                <div class=\"bg-slate-50 p-6 border-t border-slate-200 grid md:grid-cols-2 gap-6 text-xs text-slate-500\">\n                                     <div>\n                                        <p class=\"font-bold text-slate-800 mb-2 uppercase tracking-wide flex items-center gap-2\">\n                                            <i data-lucide=\"star\" class=\"w-3 h-3 text-orange-400\"><\/i> Common Included Features:\n                                        <\/p>\n                                        <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n                                            <li>\u2022 Virtual Assistant<\/li>\n                                            <li>\u2022 Voice recording<\/li>\n                                            <li>\u2022 Template access<\/li>\n                                            <li>\u2022 Stock Images &#038; Video<\/li>\n                                            <li>\u2022 Multimedia editor<\/li>\n                                        <\/ul>\n                                     <\/div>\n                                     <div>\n                                        <p class=\"font-bold text-slate-800 mb-2 uppercase tracking-wide flex items-center gap-2\">\n                                            <i data-lucide=\"info\" class=\"w-3 h-3 text-blue-500\"><\/i> Technical Details:\n                                        <\/p>\n                                        <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n                                            <li>\u2022 Mathematical formula editor<\/li>\n                                            <li>\u2022 Advanced CSS Styling<\/li>\n                                            <li>\u2022 Cloud Auto-save<\/li>\n                                            <li>\u2022 SCORM 1.2\/2004 Compatibility<\/li>\n                                            <li>\u2022 Usage statistics<\/li>\n                                        <\/ul>\n                                     <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"content-freelance\" class=\"tab-content\">\n                        <div class=\"grid md:grid-cols-2 gap-8 mb-24 max-w-4xl mx-auto animate-fade-in-up\">\n                            \n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-orange-500 shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-orange-50 text-orange-600 shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"pen-tool\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-orange-200 text-orange-700 bg-orange-50 shadow-sm text-right\">\n                                                    Testing\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Free<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">To test the platform before buying.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">0\u20ac<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">Monthly<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">5 Projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">1 GB Storage<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Mandatory Watermark<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Public Publishing<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Template Access<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-[#ea580c] hover:bg-[#c2410c] text-white shadow-orange-200\">\n                                                Create Account <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-orange-500 shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-orange-50 text-orange-600 shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"briefcase\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-orange-200 text-orange-700 bg-orange-50 shadow-sm text-right\">\n                                                    Professionals\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 id=\"freelance-title\" class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Freelance Premium<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">For independent creators delivering projects to clients.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span id=\"freelance-price\" class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">33\u20ac<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span id=\"freelance-period\" class=\"text-xs text-slate-500 font-bold uppercase\">\/ month (billed annually)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Unlimited Projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">5 GB storage space<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Customization with own logo<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">AI Enhancer (BETA)<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Export SCORM | HTML5 | PDF<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Import SCORM \/ HTML5 projects<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Full commercial rights<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-xs text-emerald-700 font-bold bg-emerald-50\/80 p-3 rounded-lg border border-emerald-100 mt-4\">\n                                                <div class=\"mt-0.5 text-emerald-500 flex-shrink-0\"><i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i><\/div>\n                                                <span class=\"leading-snug\">14-day money-back guarantee<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a id=\"freelance-btn\" href=\"#\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-[#ea580c] hover:bg-[#c2410c] text-white shadow-orange-200\">\n                                                Buy Now <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"content-corporate\" class=\"tab-content\">\n                        <div class=\"grid md:grid-cols-1 gap-8 mb-24 max-w-lg mx-auto animate-fade-in-up\">\n                            <div class=\"relative h-full transition-transform duration-500 hover:-translate-y-2 pt-8 group z-0\">\n                                <div class=\"spotlight-card bg-white rounded-[2rem] p-8 relative flex flex-col h-full border transition-shadow duration-500 border-slate-200 shadow-lg group-hover:shadow-2xl\">\n                                    <div class=\"absolute top-0 left-8 w-20 h-1 bg-blue-500 shadow-sm rounded-b-lg\"><\/div>\n                                    <div class=\"relative z-10 flex flex-col h-full\">\n                                        <div class=\"flex justify-between items-start mb-6 pt-4\">\n                                            <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center border border-slate-100 bg-blue-50 text-blue-600 shadow-sm group-hover:scale-110 transition-transform duration-500\">\n                                                <i data-lucide=\"building-2\" class=\"w-7 h-7\"><\/i>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-end gap-1\">\n                                                <div class=\"px-3 py-1 rounded-md text-[10px] font-bold uppercase tracking-wide border border-blue-200 text-blue-700 bg-blue-50 shadow-sm text-right\">\n                                                    Large Companies\n                                                <\/div>\n                                                <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n                                                    Yearly Payment\n                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Enterprise Premium<\/h3>\n                                        <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Digitize induction and training. Complete SCORM reporting.<\/p>\n                                        <div class=\"border-t border-slate-100 py-6 mb-2\">\n                                            <div class=\"flex flex-col\">\n                                                <div class=\"flex items-baseline gap-1\">\n                                                    <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">70.48\u20ac<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n                                                <span class=\"text-xs text-slate-500 font-bold uppercase\">\/ seat \/ month (billed annually)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <ul class=\"space-y-3 mb-8\">\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Everything in Freelance Premium<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Team seat management<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Co-create projects<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Onboarding &#038; Training<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Dedicated Support<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Advanced security<\/span>\n                                            <\/li>\n                                             <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n                                                <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n                                                <span class=\"font-medium leading-snug\">Dedicated Customer Success Manager<\/span>\n                                            <\/li>\n                                            <li class=\"flex items-start gap-3 text-xs text-emerald-700 font-bold bg-emerald-50\/80 p-3 rounded-lg border border-emerald-100 mt-4\">\n                                                <div class=\"mt-0.5 text-emerald-500 flex-shrink-0\"><i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i><\/div>\n                                                <span class=\"leading-snug\">14-day money-back guarantee<\/span>\n                                            <\/li>\n                                        <\/ul>\n                                        <div class=\"mt-auto space-y-3 pt-2\">\n                                            <a href=\"https:\/\/livresq.com\/contact\/\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200\">\n                                                Contact Sales <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"max-w-4xl mx-auto mt-24 pt-16 border-t border-slate-200 animate-fade-in-up\">\n                        <h3 class=\"text-2xl font-bold text-slate-900 text-center mb-10\">Frequently Asked Questions<\/h3>\n                        <div class=\"grid md:grid-cols-2 gap-8\">\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-shadow group\">\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-start gap-3\">\n                                    <div class=\"bg-blue-50 text-[#1379D1] p-1.5 rounded-md mt-0.5 group-hover:bg-[#1379D1] group-hover:text-white transition-colors\">\n                                        <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i>\n                                    <\/div>\n                                    Can I cancel my subscription at any time?\n                                <\/h4>\n                                <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Yes, you can cancel auto-renewal at any time from your account. You will have access to paid features until the end of the current period, after which the account will revert to the Free plan.<\/p>\n                            <\/div>\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-shadow group\">\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-start gap-3\">\n                                    <div class=\"bg-blue-50 text-[#1379D1] p-1.5 rounded-md mt-0.5 group-hover:bg-[#1379D1] group-hover:text-white transition-colors\">\n                                        <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i>\n                                    <\/div>\n                                    Do I receive a tax invoice?\n                                <\/h4>\n                                <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Yes, the invoice is issued automatically for each payment and can be downloaded from the client account. It is valid for corporate tax deductions or educational projects.<\/p>\n                            <\/div>\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-shadow group\">\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-start gap-3\">\n                                    <div class=\"bg-blue-50 text-[#1379D1] p-1.5 rounded-md mt-0.5 group-hover:bg-[#1379D1] group-hover:text-white transition-colors\">\n                                        <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i>\n                                    <\/div>\n                                    What does &#8216;Import SCORM \/ HTML5&#8217; mean?\n                                <\/h4>\n                                <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">This function allows you to bring projects made in other authoring tools or previously exported into LIVRESQ, to edit or publish them in the library.<\/p>\n                            <\/div>\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-shadow group\">\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-start gap-3\">\n                                    <div class=\"bg-blue-50 text-[#1379D1] p-1.5 rounded-md mt-0.5 group-hover:bg-[#1379D1] group-hover:text-white transition-colors\">\n                                        <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i>\n                                    <\/div>\n                                    Do you offer volume discounts?\n                                <\/h4>\n                                <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">For institutions or companies requiring more than 10 licenses, please contact the sales team for a custom offer.<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"mt-12 text-center bg-slate-50 rounded-2xl p-8 border border-slate-200\">\n                            <p class=\"text-slate-600 font-medium mb-4\">Need extra help or a custom offer?<\/p>\n                            <div class=\"flex justify-center gap-4\">\n                                 <a href=\"mailto:sales@livresq.com\" class=\"inline-flex items-center text-[#1379D1] font-bold hover:underline\">\n                                    Contact Sales <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-1\"><\/i>\n                                 <\/a>\n                                 <span class=\"text-slate-300\">|<\/span>\n                                 <a href=\"https:\/\/livresq.com\/contact\/\" class=\"inline-flex items-center text-slate-600 font-bold hover:text-slate-900 hover:underline\">\n                                    Technical Support\n                                 <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bg-white border-t border-slate-200 py-20 overflow-hidden relative\">\n                <div class=\"absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\n                <div class=\"absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\n\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center mb-12 relative z-10\">\n                    <p class=\"text-xs font-black text-slate-400 uppercase tracking-[0.3em]\">\n                        Trusted partner for\n                    <\/p>\n                <\/div>\n                \n                <div class=\"relative w-full overflow-hidden\">\n                    <div class=\"flex w-max animate-marquee hover-pause\">\n                        <div class=\"flex shrink-0 items-center gap-16 px-8\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/CEC_Logo_Livresq.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/3.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/4.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/5.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/6.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/7.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/8.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/9.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/10.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/11.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                             <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/12.png?fit=225%2C62&#038;ssl=1\" class=\"h-8 md:h-12 w-auto object-contain opacity-60 hover:opacity-100 transition-all duration-300 grayscale hover:grayscale-0\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n    <\/div>\n\n    <script>\n        \/\/ --- Icons ---\n        if (window.lucide) {\n            window.lucide.createIcons();\n        }\n\n        \/\/ --- Spotlight Effect ---\n        const handleMouseMove = (e) => {\n            const cards = document.getElementsByClassName(\"spotlight-card\");\n            for (const card of cards) {\n                const rect = card.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                const y = e.clientY - rect.top;\n                card.style.setProperty(\"--mouse-x\", `${x}px`);\n                card.style.setProperty(\"--mouse-y\", `${y}px`);\n            }\n        };\n        const pricingSection = document.getElementById('pricing');\n        if (pricingSection) {\n            pricingSection.addEventListener('mousemove', handleMouseMove);\n        }\n\n        \/\/ --- Reveal Animation ---\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.reveal-element').forEach(el => observer.observe(el));\n\n        \/\/ --- Tab Logic ---\n        window.switchTab = function(tabId) {\n            \/\/ Update Tab Styling\n            ['academic', 'freelance', 'corporate'].forEach(id => {\n                const btn = document.getElementById(`tab-${id}`);\n                const content = document.getElementById(`content-${id}`);\n                \n                if (btn && content) {\n                    if (id === tabId) {\n                        \/\/ Active State\n                        btn.classList.add('lv-active');\n                        btn.classList.remove('lv-inactive');\n                        content.classList.add('active');\n                    } else {\n                        \/\/ Inactive State\n                        btn.classList.add('lv-inactive');\n                        btn.classList.remove('lv-active');\n                        content.classList.remove('active');\n                    }\n                }\n            });\n\n            \/\/ Toggle Freelance Billing Visibility\n            const billingContainer = document.getElementById('billing-toggle-container');\n            const academicStats = document.getElementById('academic-stats');\n            \n            if (billingContainer) {\n                if (tabId === 'freelance') {\n                    billingContainer.classList.remove('hidden');\n                    billingContainer.classList.add('lv-tab-container'); \n                } else {\n                    billingContainer.classList.add('hidden');\n                    billingContainer.classList.remove('lv-tab-container');\n                }\n            }\n\n             if (academicStats) {\n                if (tabId === 'academic') {\n                    academicStats.classList.remove('hidden');\n                } else {\n                    academicStats.classList.add('hidden');\n                }\n            }\n        }\n\n        \/\/ Attach listeners manually to be safe\n        document.getElementById('tab-academic')?.addEventListener('click', () => window.switchTab('academic'));\n        document.getElementById('tab-freelance')?.addEventListener('click', () => window.switchTab('freelance'));\n        document.getElementById('tab-corporate')?.addEventListener('click', () => window.switchTab('corporate'));\n\n        \/\/ --- Billing Cycle Logic (Freelance) ---\n        \/\/ Initialize state variable for vanilla JS\n        let currentCycle = 'yearly';\n\n        window.setBilling = function(cycle) {\n            currentCycle = cycle;\n            \n            \/\/ Button Styles\n            const btnMonthly = document.getElementById('bill-monthly');\n            const btnYearly = document.getElementById('bill-yearly');\n            \n            if (btnMonthly && btnYearly) {\n                if (cycle === 'monthly') {\n                    btnMonthly.classList.add('lv-active');\n                    btnMonthly.classList.remove('lv-inactive');\n                    \n                    btnYearly.classList.add('lv-inactive');\n                    btnYearly.classList.remove('lv-active');\n                } else {\n                    btnMonthly.classList.add('lv-inactive');\n                    btnMonthly.classList.remove('lv-active');\n                    \n                    btnYearly.classList.add('lv-active');\n                    btnYearly.classList.remove('lv-inactive');\n                }\n            }\n\n            \/\/ Update Content for Freelance Card 2\n            const titleEl = document.getElementById('freelance-title');\n            const priceEl = document.getElementById('freelance-price');\n            const periodEl = document.getElementById('freelance-period');\n            const btnEl = document.getElementById('freelance-btn');\n\n            if (titleEl && priceEl && periodEl && btnEl) {\n                if (cycle === 'yearly') {\n                    titleEl.textContent = \"Freelance Premium\";\n                    priceEl.textContent = \"33\u20ac\";\n                    periodEl.textContent = \"\/ month (billed annually)\";\n                    \/\/ Set href to # to trigger JS handler\n                    btnEl.href = \"#\";\n                } else {\n                    titleEl.textContent = \"Freelance Pro\";\n                    priceEl.textContent = \"39\u20ac\";\n                    periodEl.textContent = \"\/ month\";\n                    \/\/ Set href to # to trigger JS handler\n                    btnEl.href = \"#\";\n                }\n            }\n        }\n        \n        document.getElementById('bill-monthly')?.addEventListener('click', () => window.setBilling('monthly'));\n        document.getElementById('bill-yearly')?.addEventListener('click', () => window.setBilling('yearly'));\n\n        \/\/ --- Custom Buy Button Logic (Academic & Freelance) ---\n        (function () {\n          function makeTeamName() {\n            const now = Date.now().toString(16);\n            const rand = (window.crypto && window.crypto.getRandomValues)\n              ? Array.from(window.crypto.getRandomValues(new Uint8Array(6))).map(b => b.toString(16).padStart(2,'0')).join('')\n              : Math.random().toString(16).slice(2);\n            return `LIV_${now}${rand}`.slice(0, 32); \n          }\n\n          function postAddToCart(productId, actionUrl) {\n            const form = document.createElement('form');\n            form.method = 'post';\n            form.action = actionUrl;\n\n            \/\/ WooCommerce add-to-cart (POST)\n            const addToCart = document.createElement('input');\n            addToCart.type = 'hidden';\n            addToCart.name = 'add-to-cart';\n            addToCart.value = String(productId);\n            form.appendChild(addToCart);\n\n            \/\/ quantity = 1\n            const qty = document.createElement('input');\n            qty.type = 'hidden';\n            qty.name = 'quantity';\n            qty.value = '1';\n            form.appendChild(qty);\n\n            \/\/ teams fields\n            const teamName = document.createElement('input');\n            teamName.type = 'hidden';\n            teamName.name = 'team_name';\n            teamName.value = makeTeamName();\n            form.appendChild(teamName);\n\n            const ownerSeat = document.createElement('input');\n            ownerSeat.type = 'hidden';\n            ownerSeat.name = 'team_owner_takes_seat';\n            ownerSeat.value = '1';\n            form.appendChild(ownerSeat);\n\n            document.body.appendChild(form);\n            form.submit();\n          }\n\n          \/\/ 1. ACADEMIC PREMIUM LISTENER\n          const btnAcademic = document.getElementById('buy-academic-premium');\n          if (btnAcademic) btnAcademic.addEventListener('click', (e) => {\n            e.preventDefault();\n            postAddToCart(240665, \"https:\/\/livresq.com\/en\/product\/abonament-anual-academic-premium\/\");\n          });\n\n          \/\/ 2. FREELANCE PREMIUM LISTENER\n          const btnFreelance = document.getElementById('freelance-btn');\n          if (btnFreelance) btnFreelance.addEventListener('click', (e) => {\n            e.preventDefault();\n            \/\/ 'currentCycle' is a global variable set by setBilling()\n            if (currentCycle === 'yearly') {\n                postAddToCart(240708, \"https:\/\/livresq.com\/en\/product\/abonament-anual-freelance-premium\/\");\n            } else {\n                postAddToCart(306777, \"https:\/\/livresq.com\/en\/product\/abonament-lunar-freelance-pro-2024\/\");\n            }\n          });\n        })();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Pricing &#038; Partners Flexible Plans Choose the plan that fits you Complete solutions adapted for teachers, educational institutions, and companies. Digitize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Start in digital education. Perfect for teachers just starting out. \u20ac0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cump\u0103r\u0103 - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/en\/pricing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cump\u0103r\u0103 - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ Pricing &#038; Partners Flexible Plans Choose the plan that fits you Complete solutions adapted for teachers, educational institutions, and companies. Digitize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Start in digital education. Perfect for teachers just starting out. \u20ac0 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/en\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T08:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/pricing\/\",\"url\":\"https:\/\/livresq.com\/pricing\/\",\"name\":\"Cump\u0103r\u0103 - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\",\"datePublished\":\"2019-07-22T13:54:11+00:00\",\"dateModified\":\"2026-03-30T08:14:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/pricing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/pricing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cump\u0103r\u0103\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buy - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/en\/pricing\/","og_locale":"en_US","og_type":"article","og_title":"Cump\u0103r\u0103 - LIVRESQ","og_description":"LIVRESQ Pricing &#038; Partners Flexible Plans Choose the plan that fits you Complete solutions adapted for teachers, educational institutions, and companies. Digitize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Start in digital education. Perfect for teachers just starting out. \u20ac0 [&hellip;]","og_url":"https:\/\/livresq.com\/en\/pricing\/","og_site_name":"LIVRESQ","article_modified_time":"2026-03-30T08:14:53+00:00","og_image":[{"url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/pricing\/","url":"https:\/\/livresq.com\/pricing\/","name":"Buy - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","datePublished":"2019-07-22T13:54:11+00:00","dateModified":"2026-03-30T08:14:53+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/pricing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/pricing\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1"},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Cump\u0103r\u0103"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"eLearning Authoring Tool","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":67,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":490803,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/490803"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}