LIVRESQ Pricing & Partners<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \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 \n <section id=\"pricing\" class=\"py-24 relative overflow-hidden bg-slate-50 text-slate-900\">\n \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 \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 Subscriptions\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 right for 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 tailored for teachers, educational institutions, and companies. Digitalize the learning experience.\n <\/p>\n\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 \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 \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 \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 \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]\">Kickstart digital education. Perfect for teachers 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\">0 Lei<\/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 on 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\">Publish publicly and privately<\/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\/en\/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 <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual 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]\">Full 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\">28.66 Lei<\/span>\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">14.58 Lei<\/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 & 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 (custom 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 resource 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 & 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 projects (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\/ro\/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 Teacher Grant Card\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual Payment\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">K-12 OER<\/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-bold text-slate-900 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\">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\">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 Institutional Sharing<\/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 Quote <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual 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 higher education.<\/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-bold text-slate-900 leading-snug\">Everything in OER<\/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\">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 \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\">Feature Comparison<\/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 \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 \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 \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 \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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Source Export & 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 \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\">Full<\/td>\n <td class=\"lv-col-center\">Full<\/td>\n <\/tr>\n \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 \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 \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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">SCORM \/ HTML5 Export<\/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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">PDF Export<\/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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">AI Enhancer & 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 \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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">SCORM \/ HTML5 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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">PowerPoint (PPTX) 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 \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 Features Included:\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 & videos<\/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 Math formula editor<\/li>\n <li>\u2022 Advanced CSS styling<\/li>\n <li>\u2022 Automatic Cloud 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 \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 \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\/en\/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 \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 \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 \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 \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\">Custom branding (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 \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 \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 Enterprises\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Annual 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]\">Digitalize onboarding 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\">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\">Custom branding (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-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 seats 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 & 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\/en\/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 \n <div class=\"max-w-6xl mx-auto mt-16 mb-8 bg-gradient-to-br from-fuchsia-50 via-purple-50 to-blue-50 border-2 border-fuchsia-200 rounded-3xl p-8 relative overflow-hidden shadow-sm hover:shadow-md transition-all group animate-fade-in-up\">\n <div class=\"absolute top-0 right-0 -mr-16 -mt-16 w-72 h-72 blur-3xl rounded-full bg-[#D91278]\/20 pointer-events-none transition-all duration-500 group-hover:scale-110 group-hover:bg-[#D91278]\/30\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-16 -mb-16 w-64 h-64 blur-3xl rounded-full bg-blue-400\/20 pointer-events-none transition-all duration-500 group-hover:scale-110 group-hover:bg-blue-400\/30\"><\/div>\n <div class=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8\">\n <div class=\"flex-1\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"p-2.5 bg-gradient-to-br from-[#D91278] to-purple-600 rounded-xl shadow-md\">\n <i data-lucide=\"bot\" class=\"w-6 h-6 text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-black text-slate-900 font-heading tracking-tight\">LIVRESQ Companion<\/h3>\n <span class=\"bg-gradient-to-r from-[#D91278] to-purple-600 text-white text-[10px] font-bold uppercase tracking-wider py-1 px-2 rounded-full shadow-sm\">Add-on AI<\/span>\n <\/div>\n <p class=\"text-slate-700 font-medium text-lg leading-relaxed max-w-3xl mb-4\">\n The intelligent pedagogical assistant that helps you quickly generate lesson plans, worksheets, assessment tools, and activity suggestions, all tailored to your profile and the school curriculum.\n <\/p>\n <a href=\"https:\/\/livresq.com\/ro\/livresq-companion\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex text-sm font-bold text-[#D91278] hover:text-[#b00e60] transition-colors items-center gap-1 group\">\n More details <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\"><\/i>\n <\/a>\n <\/div>\n <div class=\"flex-shrink-0 w-full lg:w-auto flex flex-col items-start lg:items-end mt-6 md:mt-0\">\n <div class=\"flex items-baseline gap-1 mb-3\">\n <span class=\"text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-[#D91278] to-purple-600\">\u20ac20<\/span>\n <span class=\"text-slate-500 font-medium\">\/ year<\/span>\n <\/div>\n <form action=\"https:\/\/livresq.com\/cos\/\" method=\"POST\" class=\"flex flex-col sm:flex-row items-center gap-3 w-full\">\n <input type=\"hidden\" name=\"add-to-cart\" value=\"492370\" \/>\n <input type=\"hidden\" name=\"quantity\" value=\"1\" \/>\n <input \n type=\"text\" \n name=\"team_name\" \n required \n placeholder=\"Team name...\" \n class=\"w-full sm:w-56 px-4 py-4 bg-white border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#D91278] focus:border-transparent text-slate-700 shadow-sm\"\n \/>\n <button type=\"submit\" class=\"flex items-center justify-center w-full sm:w-auto px-8 py-4 bg-[#D91278] text-white font-bold rounded-xl hover:bg-[#b00e60] transition-all shadow-lg hover:shadow-[#D91278]\/30 hover:-translate-y-1 gap-2 whitespace-nowrap\">\n <i data-lucide=\"shopping-cart\" class=\"w-5 h-5\"><\/i>\n Buy Companion\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\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 automatic renewal anytime from your account. You will retain access to paid features until the end of the current period, after which your account will switch 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, an invoice is issued automatically for every payment and can be downloaded from your account. It is valid for business 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 ‘Import SCORM \/ HTML5’ mean?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">This feature allows you to bring projects created 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 discounts for large volumes?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">For institutions or companies that need more than 10 licenses, please contact our 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 additional help or a custom quote?<\/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\/en\/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 \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 \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&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&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&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&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&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&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&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&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&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&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&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&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 \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 btnEl.href = \"#\";\n } else {\n titleEl.textContent = \"Freelance Pro\";\n priceEl.textContent = \"39\u20ac\";\n periodEl.textContent = \"\/ month\";\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\/ro\/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 if (currentCycle === 'yearly') {\n postAddToCart(240708, \"https:\/\/livresq.com\/ro\/product\/abonament-anual-freelance-premium\/\");\n } else {\n postAddToCart(306777, \"https:\/\/livresq.com\/ro\/product\/abonament-lunar-freelance-pro-2024\/\");\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Pricing & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]<\/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":"\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 & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]\" \/>\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-08-14T11:37:48+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-08-14T11:37:48+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_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 & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]","og_url":"https:\/\/livresq.com\/en\/pricing\/","og_site_name":"LIVRESQ","article_modified_time":"2026-08-14T11:37:48+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-08-14T11:37:48+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":77,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":493148,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/493148"}],"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}]}}

{"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-08-14T14:37:48","modified_gmt":"2026-08-14T11:37:48","slug":"pricing","status":"publish","type":"page","link":"https:\/\/livresq.com\/en\/pricing\/","title":{"rendered":"Purchase"},"content":{"rendered":"\n\n\n\n\n\n \n \n LIVRESQ Pricing & Partners<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \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 \n <section id=\"pricing\" class=\"py-24 relative overflow-hidden bg-slate-50 text-slate-900\">\n \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 \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 Subscriptions\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 right for 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 tailored for teachers, educational institutions, and companies. Digitalize the learning experience.\n <\/p>\n\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 \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 \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 \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 \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]\">Kickstart digital education. Perfect for teachers 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\">0 Lei<\/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 on 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\">Publish publicly and privately<\/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\/en\/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 <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual 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]\">Full 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\">28.66 Lei<\/span>\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">14.58 Lei<\/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 & 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 (custom 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 resource 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 & 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 projects (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\/ro\/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 Teacher Grant Card\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual Payment\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">K-12 OER<\/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-bold text-slate-900 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\">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\">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 Institutional Sharing<\/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 Quote <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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 Annual 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 higher education.<\/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-bold text-slate-900 leading-snug\">Everything in OER<\/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\">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 \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\">Feature Comparison<\/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 \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 \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 \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 \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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Source Export & 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 \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\">Full<\/td>\n <td class=\"lv-col-center\">Full<\/td>\n <\/tr>\n \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 \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 \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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">SCORM \/ HTML5 Export<\/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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">PDF Export<\/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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">AI Enhancer & 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 \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 \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">SCORM \/ HTML5 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 \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">PowerPoint (PPTX) 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 \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 Features Included:\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 & videos<\/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 Math formula editor<\/li>\n <li>\u2022 Advanced CSS styling<\/li>\n <li>\u2022 Automatic Cloud 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 \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 \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\/en\/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 \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 \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 \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 \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\">Custom branding (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 \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 \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 Enterprises\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Annual 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]\">Digitalize onboarding 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\">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\">Custom branding (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-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 seats 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 & 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\/en\/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 \n <div class=\"max-w-6xl mx-auto mt-16 mb-8 bg-gradient-to-br from-fuchsia-50 via-purple-50 to-blue-50 border-2 border-fuchsia-200 rounded-3xl p-8 relative overflow-hidden shadow-sm hover:shadow-md transition-all group animate-fade-in-up\">\n <div class=\"absolute top-0 right-0 -mr-16 -mt-16 w-72 h-72 blur-3xl rounded-full bg-[#D91278]\/20 pointer-events-none transition-all duration-500 group-hover:scale-110 group-hover:bg-[#D91278]\/30\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-16 -mb-16 w-64 h-64 blur-3xl rounded-full bg-blue-400\/20 pointer-events-none transition-all duration-500 group-hover:scale-110 group-hover:bg-blue-400\/30\"><\/div>\n <div class=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8\">\n <div class=\"flex-1\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"p-2.5 bg-gradient-to-br from-[#D91278] to-purple-600 rounded-xl shadow-md\">\n <i data-lucide=\"bot\" class=\"w-6 h-6 text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-black text-slate-900 font-heading tracking-tight\">LIVRESQ Companion<\/h3>\n <span class=\"bg-gradient-to-r from-[#D91278] to-purple-600 text-white text-[10px] font-bold uppercase tracking-wider py-1 px-2 rounded-full shadow-sm\">Add-on AI<\/span>\n <\/div>\n <p class=\"text-slate-700 font-medium text-lg leading-relaxed max-w-3xl mb-4\">\n The intelligent pedagogical assistant that helps you quickly generate lesson plans, worksheets, assessment tools, and activity suggestions, all tailored to your profile and the school curriculum.\n <\/p>\n <a href=\"https:\/\/livresq.com\/ro\/livresq-companion\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex text-sm font-bold text-[#D91278] hover:text-[#b00e60] transition-colors items-center gap-1 group\">\n More details <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\"><\/i>\n <\/a>\n <\/div>\n <div class=\"flex-shrink-0 w-full lg:w-auto flex flex-col items-start lg:items-end mt-6 md:mt-0\">\n <div class=\"flex items-baseline gap-1 mb-3\">\n <span class=\"text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-[#D91278] to-purple-600\">\u20ac20<\/span>\n <span class=\"text-slate-500 font-medium\">\/ year<\/span>\n <\/div>\n <form action=\"https:\/\/livresq.com\/cos\/\" method=\"POST\" class=\"flex flex-col sm:flex-row items-center gap-3 w-full\">\n <input type=\"hidden\" name=\"add-to-cart\" value=\"492370\" \/>\n <input type=\"hidden\" name=\"quantity\" value=\"1\" \/>\n <input \n type=\"text\" \n name=\"team_name\" \n required \n placeholder=\"Team name...\" \n class=\"w-full sm:w-56 px-4 py-4 bg-white border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#D91278] focus:border-transparent text-slate-700 shadow-sm\"\n \/>\n <button type=\"submit\" class=\"flex items-center justify-center w-full sm:w-auto px-8 py-4 bg-[#D91278] text-white font-bold rounded-xl hover:bg-[#b00e60] transition-all shadow-lg hover:shadow-[#D91278]\/30 hover:-translate-y-1 gap-2 whitespace-nowrap\">\n <i data-lucide=\"shopping-cart\" class=\"w-5 h-5\"><\/i>\n Buy Companion\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\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 automatic renewal anytime from your account. You will retain access to paid features until the end of the current period, after which your account will switch 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, an invoice is issued automatically for every payment and can be downloaded from your account. It is valid for business 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 ‘Import SCORM \/ HTML5’ mean?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">This feature allows you to bring projects created 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 discounts for large volumes?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">For institutions or companies that need more than 10 licenses, please contact our 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 additional help or a custom quote?<\/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\/en\/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 \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 \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&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&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&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&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&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&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&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&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&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&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&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&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 \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 btnEl.href = \"#\";\n } else {\n titleEl.textContent = \"Freelance Pro\";\n priceEl.textContent = \"39\u20ac\";\n periodEl.textContent = \"\/ month\";\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\/ro\/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 if (currentCycle === 'yearly') {\n postAddToCart(240708, \"https:\/\/livresq.com\/ro\/product\/abonament-anual-freelance-premium\/\");\n } else {\n postAddToCart(306777, \"https:\/\/livresq.com\/ro\/product\/abonament-lunar-freelance-pro-2024\/\");\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Pricing & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]<\/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":"\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 & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]\" \/>\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-08-14T11:37:48+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-08-14T11:37:48+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_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 & Partners Flexible Subscriptions Choose the plan right for you Complete solutions tailored for teachers, educational institutions, and companies. Digitalize the learning experience. Academic Freelance Corporate Monthly Yearly -15% 158,900+ teachers from 7,260+ educational institutions are already using LIVRESQ. Individual Account Free Kickstart digital education. Perfect for teachers starting out. 0 Lei Monthly […]","og_url":"https:\/\/livresq.com\/en\/pricing\/","og_site_name":"LIVRESQ","article_modified_time":"2026-08-14T11:37:48+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-08-14T11:37:48+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":77,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":493148,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/493148"}],"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}]}}