feat: add Kura and Hyper Compress product pages, redesign site

src/pages/merge-pdf.html

@@ -107,7 +107,7 @@
       >
         <button
           id="back-to-tools"
-          class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
+          class="flex items-center gap-2 text-indigo-300 hover:text-indigo-400 mb-6 font-semibold"
         >
           <i data-lucide="arrow-left" class="cursor-pointer"></i>
           <span class="cursor-pointer" data-i18n="tools.backToTools">
@@ -260,9 +260,9 @@
                 class="block text-xs text-gray-400 mt-0.5"
                 data-i18n="tools:mergePdf.retainPageLabelsHint"
               >
-                Off (default): the merged PDF uses natural page numbering 1–N.
-                On: each file's original page labels are preserved (may produce
-                duplicate labels).
+                Off (default): the merged PDF uses natural page numbering 1 to
+                N. On: each file's original page labels are preserved (may
+                produce duplicate labels).
               </span>
             </span>
           </label>
@@ -450,39 +450,33 @@
       >
         Frequently Asked Questions
       </h2>
-      <div class="space-y-4">
-        <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-          <summary
-            class="cursor-pointer font-semibold text-white flex items-center justify-between"
-          >
+      <div class="faq-list">
+        <details class="faq-d">
+          <summary class="faq-d-q">
             How many PDFs can I merge at once?
-            <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            <i data-lucide="plus" class="faq-d-icon"></i>
           </summary>
-          <p class="mt-3 text-gray-400">
+          <p class="faq-d-a">
             Unlimited! Merge as many PDF files as you need in a single
             operation. No restrictions on file count or total size.
           </p>
         </details>
-        <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-          <summary
-            class="cursor-pointer font-semibold text-white flex items-center justify-between"
-          >
+        <details class="faq-d">
+          <summary class="faq-d-q">
             Will merging reduce PDF quality?
-            <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            <i data-lucide="plus" class="faq-d-icon"></i>
           </summary>
-          <p class="mt-3 text-gray-400">
+          <p class="faq-d-a">
             No! BentoPDF preserves the original quality of all PDFs when
             merging. Your documents remain crisp and clear with no quality loss.
           </p>
         </details>
-        <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-          <summary
-            class="cursor-pointer font-semibold text-white flex items-center justify-between"
-          >
+        <details class="faq-d">
+          <summary class="faq-d-q">
             Can I reorder pages after selecting files?
-            <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            <i data-lucide="plus" class="faq-d-icon"></i>
           </summary>
-          <p class="mt-3 text-gray-400">
+          <p class="faq-d-a">
             Yes! Simply drag and drop files to arrange them in any order before
             clicking the merge button.
           </p>