    <!-- SECTION VALUE PROPOSITION -->
    <section class="py-16 max-w-7xl mx-auto px-4">
        <div class="text-center mb-12">
            <h2 class="text-3xl font-bold text-slate-900">Mengapa Editor Kami Berbeda?</h2>
            <p class="text-slate-600 mt-2">Kami tidak hanya memeriksa tata bahasa, tetapi memastikan ketepatan struktural riset Anda.</p>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
                <div class="w-10 h-10 bg-indigo-50 text-indigo-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4">01</div>
                <h3 class="font-semibold text-lg text-slate-900 mb-2">Rigiditas Metodologis</h3>
                <p class="text-sm text-slate-600">Menguasai pengujian SEM-AMOS, SEM-PLS, hingga analisis tematik kualitatif CAQDAS (NVivo/ATLAS.ti).</p>
            </div>
            <div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
                <div class="w-10 h-10 bg-emerald-50 text-emerald-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4">02</div>
                <h3 class="font-semibold text-lg text-slate-900 mb-2">Konstruksi Novelty</h3>
                <p class="text-sm text-slate-600">Membantu mempertajam penegasan kebaruan riset (Novelty Construction) pada Bab V Pembahasan Anda.</p>
            </div>
            <div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
                <div class="w-10 h-10 bg-amber-50 text-amber-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4">03</div>
                <h3 class="font-semibold text-lg text-slate-900 mb-2">Kessesuaian Target Jurnal</h3>
                <p class="text-sm text-slate-600">Menyesuaikan substansi naskah Anda agar pas dengan karakteristik editor 74 klaster ASJC Scopus.</p>
            </div>
            <div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
                <div class="w-10 h-10 bg-purple-50 text-purple-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4">04</div>
                <h3 class="font-semibold text-lg text-slate-900 mb-2">Transparansi Data</h3>
                <p class="text-sm text-slate-600">Memastikan ketertelusuran dokumen dari naskah utama hingga data mentah log output software.</p>
            </div>
        </div>
    </section>
    
    
   <!-- SECTION DATABASE CHECKLIST (MAIN INTERACTIVE ELEMENT) -->
    <section id="database" class="py-16 bg-slate-100 border-t border-b border-slate-200 px-4">
        <div class="max-w-7xl mx-auto">
            <div class="text-center mb-10">
                <span class="text-sm font-semibold text-indigo-600 uppercase tracking-wider">Edukasi & Standardisasi</span>
                <h2 class="text-3xl font-bold text-slate-900 mt-2">Pusat Database Anatomi Karya Ilmiah</h2>
                <p class="text-slate-600 mt-2 max-w-xl mx-auto">Gunakan checklist interaktif di bawah ini untuk menguji kelengkapan draf dokumen disertasi atau artikel Scopus Anda sebelum dikirim ke dewan penguji atau publisher.</p>
            </div>

            <!-- TABS BUTTONS -->
            <div class="flex flex-wrap justify-center gap-2 mb-8 bg-slate-200 p-1.5 rounded-xl max-w-4xl mx-auto shadow-inner">
                <button onclick="openTab(event, 'disertasi-umum')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all bg-indigo-600 text-white shadow">Disertasi Umum</button>
                <button onclick="openTab(event, 'disertasi-kualitatif')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Disertasi Kualitatif</button>
                <button onclick="openTab(event, 'disertasi-kuantitatif')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Disertasi Kuantitatif</button>
                <button onclick="openTab(event, 'disertasi-mixed')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Mixed Methods</button>
                <button onclick="openTab(event, 'substansi-konten')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Substansi Konten</button>
                <button onclick="openTab(event, 'format-scopus')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Format Jurnal Scopus</button>
                <button onclick="openTab(event, 'klaster-scopus')" class="tab-btn px-4 py-2.5 rounded-lg text-sm font-medium transition-all text-slate-700 hover:bg-slate-300">Klaster ASJC Scopus</button>
            </div>
            
            
            