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 Abonamente Flexibile\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 Alege planul <br\/>\n <span class=\"text-livresq-fucsia\">\n potrivit pentru tine\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 Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare.\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 \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 Lunar\n <\/button>\n <button type=\"button\" id=\"bill-yearly\" class=\"lv-tab-btn lv-active\">\n Anual\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> cadre didactice\n <\/p>\n <p class=\"text-sm text-slate-500 mt-1\">\n din <span class=\"font-bold text-slate-700\">7.260+ institu\u021bii educa\u021bionale<\/span> folosesc deja 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 Cont Individual\n <\/div>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Gratuit<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum.<\/p>\n <div class=\"border-t border-slate-100 py-6 mb-2\">\n <div class=\"flex flex-col\">\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac0<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n <span class=\"text-xs text-slate-500 font-bold uppercase\">Lunar<\/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 Proiecte<\/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 spa\u021biu depozitare<\/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\">Sigla LIVRESQ \u00een proiecte<\/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\">Lanseaz\u0103 public \u0219i privat<\/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\">Acces gratuit la \u0219abloane<\/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 resurse externe<\/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 \u00een Biblioteca LIVRESQ<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-livresq-fucsia hover:bg-pink-700 text-white shadow-pink-200\">\n Activeaz\u0103 <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> Recomandat\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 Cont Individual\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\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]\">Putere total\u0103 de crea\u021bie. AI inclus. Cel mai popular plan.<\/p>\n <div class=\"border-t border-slate-100 py-6 mb-2\">\n <div class=\"flex flex-col\">\n <span class=\"text-sm text-slate-400 line-through decoration-red-500\/60 decoration-2 mb-1 font-bold\">\u20ac5.63<\/span>\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac2.87<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n <span class=\"text-xs text-slate-500 font-bold uppercase\">Lunar, pl\u0103tit ANUAL<\/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> Pre\u021b Subven\u021bionat\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\">Proiecte nelimitate & 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\">F\u0103r\u0103 watermark (sigl\u0103 proprie)<\/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\">Acces la peste 17k Surse de materiale educa\u021bionale<\/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-creare cu al\u021bi profesori<\/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 & Generator Video<\/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\">Desc\u0103rcare proiecte<\/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 proiecte SCORM \/ HTML5 (Import surs\u0103)<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n \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 Cump\u0103r\u0103 <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 Card Prim\u0103 Didactic\u0103\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 Institu\u021bional\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">RED Preuniversitar<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Pentru gr\u0103dini\u021be, \u0219coli, licee.<\/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 \/ An<\/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\">Tot ce include 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\">Standard SCORM interna\u021bional<\/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\">Acces Bibliotec\u0103 (15k+ lec\u021bii)<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">566 lec\u021bii omologate<\/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\">Impachetare metadate<\/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\">Consol\u0103 Administrator<\/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\">Partajare Privat\u0103 \u00een Institu\u021bie<\/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\">Branding Institu\u021bional<\/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\">Suport Dedicat<\/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 Cere Ofert\u0103 <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 Universit\u0103\u021bi\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Universitar Premium<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Solu\u021bie complet\u0103 pentru mediul universitar.<\/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 \/ An<\/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\">Tot ce include R.E.D.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">Consol\u0103 Admin Universitate<\/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\">Cursuri Nelimitate<\/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\">Partajare cursuri editabile<\/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\">Ecosistem colaborativ<\/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\">Branding Universitate<\/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\">Suport Dedicat Prioritar<\/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 V\u00e2nz\u0103ri <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\">Facilit\u0103\u021bi Comparate<\/th>\n <th class=\"lv-th-dark text-center\">Gratuit<\/th>\n <th class=\"lv-th-highlight text-center\">Academic Premium<\/th>\n <th class=\"lv-th-purple text-center\">Universitar Premium<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"comparison-body\">\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Durat\u0103<\/td>\n <td class=\"lv-col-center\">Nelimitat<\/td>\n <td class=\"lv-col-center lv-col-highlight\">1 an<\/td>\n <td class=\"lv-col-center\">1 an<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Autori (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\">Nelimitat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Proiecte<\/td>\n <td class=\"lv-col-center\">5<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Nelimitat<\/td>\n <td class=\"lv-col-center\">Nelimitat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Stocare cloud<\/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\/cont<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Export & Import surs\u0103<\/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\">Personalizare<\/td>\n <td class=\"lv-col-center\">Sigl\u0103 LIVRESQ<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Complet\u0103<\/td>\n <td class=\"lv-col-center\">Complet\u0103<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Suport tehnic<\/td>\n <td class=\"lv-col-center\">Limitat<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Standard<\/td>\n <td class=\"lv-col-center\">Dedicat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Limbi interfa\u021b\u0103<\/td>\n <td class=\"lv-col-center\">20 limbi<\/td>\n <td class=\"lv-col-center lv-col-highlight\">20 limbi<\/td>\n <td class=\"lv-col-center\">20 limbi<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Gestionare conturi echip\u0103<\/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\">Export SCORM \/ HTML5<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Export PDF<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">AI Enhancer & Generatoare<\/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\">Import SCORM \/ HTML5<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Import PowerPoint (PPTX)<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Desc\u0103rcare proiecte<\/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> Func\u021bionalit\u0103\u021bi Comune Incluse:\n <\/p>\n <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n <li>\u2022 Asistent virtual<\/li>\n <li>\u2022 \u00cenregistrare voce<\/li>\n <li>\u2022 Acces \u0219abloane<\/li>\n <li>\u2022 Imagini & Video stoc<\/li>\n <li>\u2022 Editor multimedia<\/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> Detalii Tehnice:\n <\/p>\n <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n <li>\u2022 Editor formule matematice<\/li>\n <li>\u2022 Stilizare CSS Avansat\u0103<\/li>\n <li>\u2022 Salvare automat\u0103 Cloud<\/li>\n <li>\u2022 Compatibilitate SCORM 1.2\/2004<\/li>\n <li>\u2022 Statistici de utilizare<\/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 Testare\n <\/div>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Gratuit<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Pentru a testa platforma \u00eenainte de a cump\u0103ra.<\/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\">Lunar<\/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 Proiecte<\/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 Stocare<\/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\">Watermark Obligatoriu<\/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\">Publicare Public\u0103<\/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\">Acces \u0218abloane<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-[#ea580c] hover:bg-[#c2410c] text-white shadow-orange-200\">\n Creeaz\u0103 Cont <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 Profesioni\u0219ti\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]\">Pentru creatori independen\u021bi care livreaz\u0103 proiecte clien\u021bilor.<\/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\">\/ lun\u0103 (plat\u0103 anual\u0103)<\/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\">Proiecte nelimitate<\/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 spa\u021biu depozitare<\/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\">Personalizare cu sigl\u0103 proprie<\/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 proiecte SCORM \/ HTML5<\/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\">Drepturi comerciale depline<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n \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 Cump\u0103r\u0103 <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 Companii Mari\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\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]\">Digitalizeaz\u0103 induction \u0219i training. Raportare SCORM complet\u0103.<\/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 \/ lun\u0103 (plat\u0103 anual\u0103)<\/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\">Tot ce are Freelance Premium<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">Gestionare seats echip\u0103<\/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-creeaz\u0103 proiecte<\/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\">Suport dedicat<\/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\">Securitate avansat\u0103<\/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\">Customer Success Manager dedicat<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/contact\/\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200\">\n Contact V\u00e2nz\u0103ri <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-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\">\u00centreb\u0103ri Frecvente<\/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 Pot anula abonamentul oric\u00e2nd?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Da, po\u021bi anula re\u00eennoirea automat\u0103 oric\u00e2nd din contul t\u0103u. Vei avea acces la facilit\u0103\u021bile pl\u0103tite p\u00e2n\u0103 la finalul perioadei curente, dup\u0103 care contul va trece la planul Gratuit.<\/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 Primesc factur\u0103 fiscal\u0103?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Da, factura se emite automat pentru fiecare plat\u0103 \u0219i poate fi desc\u0103rcat\u0103 din contul de client. Este valabil\u0103 pentru deduceri fiscale pe firm\u0103 sau proiecte educa\u021bionale.<\/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 Ce \u00eenseamn\u0103 ‘Import SCORM \/ HTML5’?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Aceast\u0103 func\u021bie \u00ee\u021bi permite s\u0103 aduci \u00een LIVRESQ proiecte realizate \u00een alte instrumente de authoring sau exportate anterior, pentru a le edita sau a le publica \u00een bibliotec\u0103.<\/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 Oferi\u021bi reduceri pentru volume mari?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Pentru institu\u021bii sau companii care au nevoie de mai mult de 10 licen\u021be, te rug\u0103m s\u0103 contactezi echipa de v\u00e2nz\u0103ri pentru o ofert\u0103 personalizat\u0103.<\/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\">Ai nevoie de ajutor suplimentar sau de o ofert\u0103 personalizat\u0103?<\/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 Contacteaz\u0103 V\u00e2nz\u0103ri <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-1\"><\/i>\n <\/a>\n <span class=\"text-slate-300\">|<\/span>\n <a href=\"https:\/\/livresq.com\/contact\/\" class=\"inline-flex items-center text-slate-600 font-bold hover:text-slate-900 hover:underline\">\n Suport Tehnic\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 Partener de \u00eencredere pentru\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 = \"\/ lun\u0103 (plat\u0103 anual\u0103)\";\n \/\/ Set href to # to trigger JS handler\n btnEl.href = \"#\";\n } else {\n titleEl.textContent = \"Freelance Pro\";\n priceEl.textContent = \"39\u20ac\";\n periodEl.textContent = \"\/ lun\u0103\";\n \/\/ Set href to # to trigger JS handler\n btnEl.href = \"#\";\n }\n }\n }\n \n document.getElementById('bill-monthly')?.addEventListener('click', () => window.setBilling('monthly'));\n document.getElementById('bill-yearly')?.addEventListener('click', () => window.setBilling('yearly'));\n\n \/\/ --- Custom Buy Button Logic (Academic & Freelance) ---\n (function () {\n function makeTeamName() {\n const now = Date.now().toString(16);\n const rand = (window.crypto && window.crypto.getRandomValues)\n ? Array.from(window.crypto.getRandomValues(new Uint8Array(6))).map(b => b.toString(16).padStart(2,'0')).join('')\n : Math.random().toString(16).slice(2);\n return `LIV_${now}${rand}`.slice(0, 32); \n }\n\n function postAddToCart(productId, actionUrl) {\n const form = document.createElement('form');\n form.method = 'post';\n form.action = actionUrl;\n\n \/\/ WooCommerce add-to-cart (POST)\n const addToCart = document.createElement('input');\n addToCart.type = 'hidden';\n addToCart.name = 'add-to-cart';\n addToCart.value = String(productId);\n form.appendChild(addToCart);\n\n \/\/ quantity = 1\n const qty = document.createElement('input');\n qty.type = 'hidden';\n qty.name = 'quantity';\n qty.value = '1';\n form.appendChild(qty);\n\n \/\/ teams fields\n const teamName = document.createElement('input');\n teamName.type = 'hidden';\n teamName.name = 'team_name';\n teamName.value = makeTeamName();\n form.appendChild(teamName);\n\n const ownerSeat = document.createElement('input');\n ownerSeat.type = 'hidden';\n ownerSeat.name = 'team_owner_takes_seat';\n ownerSeat.value = '1';\n form.appendChild(ownerSeat);\n\n document.body.appendChild(form);\n form.submit();\n }\n\n \/\/ 1. ACADEMIC PREMIUM LISTENER\n const btnAcademic = document.getElementById('buy-academic-premium');\n if (btnAcademic) btnAcademic.addEventListener('click', (e) => {\n e.preventDefault();\n postAddToCart(240665, \"https:\/\/livresq.com\/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 \/\/ 'currentCycle' is a global variable set by setBilling()\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\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Pricing & Partners Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]<\/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\/ro\/pricing\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\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 Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/ro\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T08:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/pricing\/\",\"url\":\"https:\/\/livresq.com\/pricing\/\",\"name\":\"Cump\u0103r\u0103 - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\",\"datePublished\":\"2019-07-22T13:54:11+00:00\",\"dateModified\":\"2026-03-30T08:14:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/pricing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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":"Cump\u0103r\u0103 - 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\/ro\/pricing\/","og_locale":"ro_RO","og_type":"article","og_title":"Cump\u0103r\u0103 - LIVRESQ","og_description":"LIVRESQ Pricing & Partners Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]","og_url":"https:\/\/livresq.com\/ro\/pricing\/","og_site_name":"LIVRESQ","article_modified_time":"2026-03-30T08:14:53+00:00","og_image":[{"url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"11 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/pricing\/","url":"https:\/\/livresq.com\/pricing\/","name":"Cump\u0103r\u0103 - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","datePublished":"2019-07-22T13:54:11+00:00","dateModified":"2026-03-30T08:14:53+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/pricing\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@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":"ro-RO"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@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\/ro\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":67,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":490803,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/11\/revisions\/490803"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/ro\/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-03-30T11:14:53","modified_gmt":"2026-03-30T08:14:53","slug":"pricing","status":"publish","type":"page","link":"https:\/\/livresq.com\/ro\/pricing\/","title":{"rendered":"Cump\u0103r\u0103"},"content":{"rendered":"\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 Abonamente Flexibile\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 Alege planul <br\/>\n <span class=\"text-livresq-fucsia\">\n potrivit pentru tine\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 Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare.\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 \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 Lunar\n <\/button>\n <button type=\"button\" id=\"bill-yearly\" class=\"lv-tab-btn lv-active\">\n Anual\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> cadre didactice\n <\/p>\n <p class=\"text-sm text-slate-500 mt-1\">\n din <span class=\"font-bold text-slate-700\">7.260+ institu\u021bii educa\u021bionale<\/span> folosesc deja 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 Cont Individual\n <\/div>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Gratuit<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum.<\/p>\n <div class=\"border-t border-slate-100 py-6 mb-2\">\n <div class=\"flex flex-col\">\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac0<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n <span class=\"text-xs text-slate-500 font-bold uppercase\">Lunar<\/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 Proiecte<\/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 spa\u021biu depozitare<\/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\">Sigla LIVRESQ \u00een proiecte<\/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\">Lanseaz\u0103 public \u0219i privat<\/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\">Acces gratuit la \u0219abloane<\/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 resurse externe<\/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 \u00een Biblioteca LIVRESQ<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-livresq-fucsia hover:bg-pink-700 text-white shadow-pink-200\">\n Activeaz\u0103 <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> Recomandat\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 Cont Individual\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\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]\">Putere total\u0103 de crea\u021bie. AI inclus. Cel mai popular plan.<\/p>\n <div class=\"border-t border-slate-100 py-6 mb-2\">\n <div class=\"flex flex-col\">\n <span class=\"text-sm text-slate-400 line-through decoration-red-500\/60 decoration-2 mb-1 font-bold\">\u20ac5.63<\/span>\n <div class=\"flex items-baseline gap-1\">\n <span class=\"text-4xl font-extrabold text-slate-900 tracking-tight\">\u20ac2.87<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2 mt-2\">\n <span class=\"text-xs text-slate-500 font-bold uppercase\">Lunar, pl\u0103tit ANUAL<\/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> Pre\u021b Subven\u021bionat\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\">Proiecte nelimitate & 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\">F\u0103r\u0103 watermark (sigl\u0103 proprie)<\/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\">Acces la peste 17k Surse de materiale educa\u021bionale<\/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-creare cu al\u021bi profesori<\/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 & Generator Video<\/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\">Desc\u0103rcare proiecte<\/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 proiecte SCORM \/ HTML5 (Import surs\u0103)<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n \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 Cump\u0103r\u0103 <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 Card Prim\u0103 Didactic\u0103\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 Institu\u021bional\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">RED Preuniversitar<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Pentru gr\u0103dini\u021be, \u0219coli, licee.<\/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 \/ An<\/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\">Tot ce include 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\">Standard SCORM interna\u021bional<\/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\">Acces Bibliotec\u0103 (15k+ lec\u021bii)<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">566 lec\u021bii omologate<\/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\">Impachetare metadate<\/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\">Consol\u0103 Administrator<\/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\">Partajare Privat\u0103 \u00een Institu\u021bie<\/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\">Branding Institu\u021bional<\/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\">Suport Dedicat<\/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 Cere Ofert\u0103 <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 Universit\u0103\u021bi\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\n <\/span>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Universitar Premium<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Solu\u021bie complet\u0103 pentru mediul universitar.<\/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 \/ An<\/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\">Tot ce include R.E.D.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">Consol\u0103 Admin Universitate<\/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\">Cursuri Nelimitate<\/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\">Partajare cursuri editabile<\/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\">Ecosistem colaborativ<\/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\">Branding Universitate<\/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\">Suport Dedicat Prioritar<\/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 V\u00e2nz\u0103ri <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\">Facilit\u0103\u021bi Comparate<\/th>\n <th class=\"lv-th-dark text-center\">Gratuit<\/th>\n <th class=\"lv-th-highlight text-center\">Academic Premium<\/th>\n <th class=\"lv-th-purple text-center\">Universitar Premium<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"comparison-body\">\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Durat\u0103<\/td>\n <td class=\"lv-col-center\">Nelimitat<\/td>\n <td class=\"lv-col-center lv-col-highlight\">1 an<\/td>\n <td class=\"lv-col-center\">1 an<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Autori (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\">Nelimitat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Proiecte<\/td>\n <td class=\"lv-col-center\">5<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Nelimitat<\/td>\n <td class=\"lv-col-center\">Nelimitat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Stocare cloud<\/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\/cont<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Export & Import surs\u0103<\/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\">Personalizare<\/td>\n <td class=\"lv-col-center\">Sigl\u0103 LIVRESQ<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Complet\u0103<\/td>\n <td class=\"lv-col-center\">Complet\u0103<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Suport tehnic<\/td>\n <td class=\"lv-col-center\">Limitat<\/td>\n <td class=\"lv-col-center lv-col-highlight\">Standard<\/td>\n <td class=\"lv-col-center\">Dedicat<\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Limbi interfa\u021b\u0103<\/td>\n <td class=\"lv-col-center\">20 limbi<\/td>\n <td class=\"lv-col-center lv-col-highlight\">20 limbi<\/td>\n <td class=\"lv-col-center\">20 limbi<\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Gestionare conturi echip\u0103<\/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\">Export SCORM \/ HTML5<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Export PDF<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">AI Enhancer & Generatoare<\/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\">Import SCORM \/ HTML5<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-gray\">\n <td class=\"lv-feature-name\">Import PowerPoint (PPTX)<\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"minus\" class=\"w-5 h-5 text-slate-300 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center lv-col-highlight\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <td class=\"lv-col-center\"><i data-lucide=\"check\" class=\"w-5 h-5 text-emerald-500 mx-auto\"><\/i><\/td>\n <\/tr>\n \n <tr class=\"lv-row-white\">\n <td class=\"lv-feature-name\">Desc\u0103rcare proiecte<\/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> Func\u021bionalit\u0103\u021bi Comune Incluse:\n <\/p>\n <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n <li>\u2022 Asistent virtual<\/li>\n <li>\u2022 \u00cenregistrare voce<\/li>\n <li>\u2022 Acces \u0219abloane<\/li>\n <li>\u2022 Imagini & Video stoc<\/li>\n <li>\u2022 Editor multimedia<\/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> Detalii Tehnice:\n <\/p>\n <ul class=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n <li>\u2022 Editor formule matematice<\/li>\n <li>\u2022 Stilizare CSS Avansat\u0103<\/li>\n <li>\u2022 Salvare automat\u0103 Cloud<\/li>\n <li>\u2022 Compatibilitate SCORM 1.2\/2004<\/li>\n <li>\u2022 Statistici de utilizare<\/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 Testare\n <\/div>\n <\/div>\n <\/div>\n <h3 class=\"text-2xl font-bold text-slate-900 mb-2 leading-tight\">Gratuit<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6 flex-grow font-medium min-h-[40px]\">Pentru a testa platforma \u00eenainte de a cump\u0103ra.<\/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\">Lunar<\/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 Proiecte<\/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 Stocare<\/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\">Watermark Obligatoriu<\/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\">Publicare Public\u0103<\/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\">Acces \u0218abloane<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/my-account\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-[#ea580c] hover:bg-[#c2410c] text-white shadow-orange-200\">\n Creeaz\u0103 Cont <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 Profesioni\u0219ti\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]\">Pentru creatori independen\u021bi care livreaz\u0103 proiecte clien\u021bilor.<\/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\">\/ lun\u0103 (plat\u0103 anual\u0103)<\/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\">Proiecte nelimitate<\/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 spa\u021biu depozitare<\/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\">Personalizare cu sigl\u0103 proprie<\/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 proiecte SCORM \/ HTML5<\/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\">Drepturi comerciale depline<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n \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 Cump\u0103r\u0103 <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 Companii Mari\n <\/div>\n <span class=\"text-[9px] text-slate-400 font-bold uppercase tracking-wider\">\n Plat\u0103 Anual\u0103\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]\">Digitalizeaz\u0103 induction \u0219i training. Raportare SCORM complet\u0103.<\/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 \/ lun\u0103 (plat\u0103 anual\u0103)<\/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\">Tot ce are Freelance Premium<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-sm text-slate-600 group\/li hover:text-slate-900 transition-colors\">\n <div class=\"mt-0.5 p-0.5 rounded-md bg-slate-100 text-slate-400 border border-slate-200 group-hover\/li:bg-slate-200 transition-all flex-shrink-0\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n <span class=\"font-medium leading-snug\">Gestionare seats echip\u0103<\/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-creeaz\u0103 proiecte<\/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\">Suport dedicat<\/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\">Securitate avansat\u0103<\/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\">Customer Success Manager dedicat<\/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\">Garan\u021bie de returnare 14 zile<\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-auto space-y-3 pt-2\">\n <a href=\"https:\/\/livresq.com\/contact\/\" class=\"btn-primary w-full py-3.5 rounded-xl font-bold text-center transition-all shadow-md hover:shadow-lg flex items-center justify-center gap-2 group-hover:scale-[1.02] border border-transparent bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200\">\n Contact V\u00e2nz\u0103ri <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-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\">\u00centreb\u0103ri Frecvente<\/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 Pot anula abonamentul oric\u00e2nd?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Da, po\u021bi anula re\u00eennoirea automat\u0103 oric\u00e2nd din contul t\u0103u. Vei avea acces la facilit\u0103\u021bile pl\u0103tite p\u00e2n\u0103 la finalul perioadei curente, dup\u0103 care contul va trece la planul Gratuit.<\/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 Primesc factur\u0103 fiscal\u0103?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Da, factura se emite automat pentru fiecare plat\u0103 \u0219i poate fi desc\u0103rcat\u0103 din contul de client. Este valabil\u0103 pentru deduceri fiscale pe firm\u0103 sau proiecte educa\u021bionale.<\/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 Ce \u00eenseamn\u0103 ‘Import SCORM \/ HTML5’?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Aceast\u0103 func\u021bie \u00ee\u021bi permite s\u0103 aduci \u00een LIVRESQ proiecte realizate \u00een alte instrumente de authoring sau exportate anterior, pentru a le edita sau a le publica \u00een bibliotec\u0103.<\/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 Oferi\u021bi reduceri pentru volume mari?\n <\/h4>\n <p class=\"text-slate-500 text-sm leading-relaxed ml-10\">Pentru institu\u021bii sau companii care au nevoie de mai mult de 10 licen\u021be, te rug\u0103m s\u0103 contactezi echipa de v\u00e2nz\u0103ri pentru o ofert\u0103 personalizat\u0103.<\/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\">Ai nevoie de ajutor suplimentar sau de o ofert\u0103 personalizat\u0103?<\/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 Contacteaz\u0103 V\u00e2nz\u0103ri <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-1\"><\/i>\n <\/a>\n <span class=\"text-slate-300\">|<\/span>\n <a href=\"https:\/\/livresq.com\/contact\/\" class=\"inline-flex items-center text-slate-600 font-bold hover:text-slate-900 hover:underline\">\n Suport Tehnic\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 Partener de \u00eencredere pentru\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 = \"\/ lun\u0103 (plat\u0103 anual\u0103)\";\n \/\/ Set href to # to trigger JS handler\n btnEl.href = \"#\";\n } else {\n titleEl.textContent = \"Freelance Pro\";\n priceEl.textContent = \"39\u20ac\";\n periodEl.textContent = \"\/ lun\u0103\";\n \/\/ Set href to # to trigger JS handler\n btnEl.href = \"#\";\n }\n }\n }\n \n document.getElementById('bill-monthly')?.addEventListener('click', () => window.setBilling('monthly'));\n document.getElementById('bill-yearly')?.addEventListener('click', () => window.setBilling('yearly'));\n\n \/\/ --- Custom Buy Button Logic (Academic & Freelance) ---\n (function () {\n function makeTeamName() {\n const now = Date.now().toString(16);\n const rand = (window.crypto && window.crypto.getRandomValues)\n ? Array.from(window.crypto.getRandomValues(new Uint8Array(6))).map(b => b.toString(16).padStart(2,'0')).join('')\n : Math.random().toString(16).slice(2);\n return `LIV_${now}${rand}`.slice(0, 32); \n }\n\n function postAddToCart(productId, actionUrl) {\n const form = document.createElement('form');\n form.method = 'post';\n form.action = actionUrl;\n\n \/\/ WooCommerce add-to-cart (POST)\n const addToCart = document.createElement('input');\n addToCart.type = 'hidden';\n addToCart.name = 'add-to-cart';\n addToCart.value = String(productId);\n form.appendChild(addToCart);\n\n \/\/ quantity = 1\n const qty = document.createElement('input');\n qty.type = 'hidden';\n qty.name = 'quantity';\n qty.value = '1';\n form.appendChild(qty);\n\n \/\/ teams fields\n const teamName = document.createElement('input');\n teamName.type = 'hidden';\n teamName.name = 'team_name';\n teamName.value = makeTeamName();\n form.appendChild(teamName);\n\n const ownerSeat = document.createElement('input');\n ownerSeat.type = 'hidden';\n ownerSeat.name = 'team_owner_takes_seat';\n ownerSeat.value = '1';\n form.appendChild(ownerSeat);\n\n document.body.appendChild(form);\n form.submit();\n }\n\n \/\/ 1. ACADEMIC PREMIUM LISTENER\n const btnAcademic = document.getElementById('buy-academic-premium');\n if (btnAcademic) btnAcademic.addEventListener('click', (e) => {\n e.preventDefault();\n postAddToCart(240665, \"https:\/\/livresq.com\/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 \/\/ 'currentCycle' is a global variable set by setBilling()\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\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Pricing & Partners Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]<\/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\/ro\/pricing\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\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 Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/ro\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T08:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/pricing\/\",\"url\":\"https:\/\/livresq.com\/pricing\/\",\"name\":\"Cump\u0103r\u0103 - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1\",\"datePublished\":\"2019-07-22T13:54:11+00:00\",\"dateModified\":\"2026-03-30T08:14:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/pricing\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/pricing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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":"Cump\u0103r\u0103 - 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\/ro\/pricing\/","og_locale":"ro_RO","og_type":"article","og_title":"Cump\u0103r\u0103 - LIVRESQ","og_description":"LIVRESQ Pricing & Partners Abonamente Flexibile Alege planul potrivit pentru tine Solu\u021bii complete adaptate pentru profesori, institu\u021bii educa\u021bionale \u0219i companii. Digitalizeaz\u0103 experien\u021ba de \u00eenv\u0103\u021bare. Academic Freelance Corporate Lunar Anual -15% 158.900+ cadre didactice din 7.260+ institu\u021bii educa\u021bionale folosesc deja LIVRESQ. Cont Individual Gratuit Start \u00een educa\u021bie digital\u0103. Perfect pentru profesori la \u00eenceput de drum. \u20ac0 […]","og_url":"https:\/\/livresq.com\/ro\/pricing\/","og_site_name":"LIVRESQ","article_modified_time":"2026-03-30T08:14:53+00:00","og_image":[{"url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"11 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/pricing\/","url":"https:\/\/livresq.com\/pricing\/","name":"Cump\u0103r\u0103 - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/ING_B_LOGO.png?fit=225%2C62&ssl=1","datePublished":"2019-07-22T13:54:11+00:00","dateModified":"2026-03-30T08:14:53+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/pricing\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@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":"ro-RO"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@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\/ro\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":67,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":490803,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/11\/revisions\/490803"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}