PageSourceSearch

https://tidox.online/pricing/

html tidox.online collected 2026-09-24 15:08:15 UTC 73,759 bytes, 175 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="grain"> <head><!-- Google tag (gtag.js) -->
vendor: 63 bytes, line 1
1<script async src="https://www.googletagmanager.com/gtag/js?id=
1G-HWZJ3L2HCF
vendor: 11 bytes, line 1
1"></script>
1<script>
vendor: 118 bytes, line 1
1window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","
1G-HWZJ3L2HCF
vendor: 3 bytes, line 1
1");
1</script>
1<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Pricing - Compare Free &amp; Premium | Tidox</title><!-- SEO Meta --><meta name="description" content="Compare pricing across all Tidox apps. See free and premium options for Player, Scanner, Transcript, Guitar Tuner, Remote Control, and more."><meta name="author" content="Tidox"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><link rel="canonical" href="https://tidox.online/pricing/"><!-- Open Graph --><meta property="og:title" content="Pricing - Compare Free &#38; Premium | Tidox"><meta property="og:description" content="Compare pricing across all Tidox apps. See free and premium options for Player, Scanner, Transcript, Guitar Tuner, Remote Control, and more."><meta property="og:type" content="website"><meta property="og:url" content="https://tidox.online/pricing/"><meta property="og:image" content="https://tidox.online/og-image.jpg"><meta property="og:site_name" content="Tidox"><meta property="og:locale" content="en_US"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Pricing - Compare Free &#38; Premium | Tidox"><meta name="twitter:description" content="Compare pricing across all Tidox apps. See free and premium options for Player, Scanner, Transcript, Guitar Tuner, Remote Control, and more."><meta name="twitter:image" content="https://tidox.online/og-image.jpg"><!-- Favicons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-config" content="/browserconfig.xml"><!-- Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Tidox Pricing","url":"https://tidox.online/pricing/","description":"Compare pricing across all Tidox apps. Free and premium options available.","isPartOf":{"@type":"WebSite","name":"Tidox","url":"https://tidox.online"}}</script>
1<!-- Fonts (self-hosted, preloaded) --><link rel="preload" href="/fonts/inter-variable.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/satoshi-700.woff2" as="font" type="font/woff2" crossorigin><!-- Google AdSense -->
1<script data-ad-client="ca-pub-8027163152836505" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1<link rel="stylesheet" href="/_astro/app-locker.vlwaSPam.css"></head> <body class="bg-surface-base text-text-primary font-sans antialiased"> <header id="site-nav" class="fixed top-0 inset-x-0 z-[var(--z-nav)] transition-all duration-300"> <nav class="glass-nav"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="flex h-16 items-center justify-between"> <!-- Logo --> <a href="/" class="flex items-center gap-2 shrink-0"> <img src="/images/logo.svg" alt="Tidox" width="32" height="32" class="h-8 w-8"> <span class="text-xl font-bold font-[family-name:var(--font-display)] text-gradient">
2Tidox
3</span> </a> <!-- Desktop Navigation --> <div class="hidden lg:flex items-center gap-1"> <!-- Products Mega Menu Trigger --> <div class="relative" data-mega-menu> <button type="button" class="flex items-center gap-1 px-4 py-2 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors rounded-lg hover:bg-white/5" data-mega-trigger aria-expanded="false" aria-haspopup="true">
4Products
5<svg class="w-4 h-4 transition-transform duration-200" data-mega-chevron viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M6 9l6 6 6-6"></path> </svg> </button> <!-- Mega Menu Dropdown --> <div class="absolute left-1/2 -translate-x-1/2 top-full pt-2 opacity-0 invisible transition-all duration-200 pointer-events-none" data-mega-panel> <div class="glass rounded-2xl border border-border-subtle p-6 w-[42rem] shadow-2xl shadow-black/40"> <div class="grid grid-cols-2 gap-6"> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Media &amp; Entertainment </h3> <div class="space-y-0.5"> <a href="/player/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/player.png" alt="Tidox Player icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Player</span> <span class="block text-xs text-text-muted">Advanced Media Player</span> </span> </a><a href="/vr-player/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/vr-player.png" alt="VR Tidox Player 360 icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">VR Tidox Player 360</span> <span class="block text-xs text-text-muted">Immersive VR Video Experience</span> </span> </a><a href="/audio-hub/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/audio-hub.png" alt="Tidox Pro: Audio Hub icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Pro: Audio Hub</span> <span class="block text-xs text-text-muted">Your Audio Intelligently Organized</span> </span> </a><a href="/offline-audio/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/offline-audio.png" alt="Tidox: Offline Audio Player icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox: Offline Audio Player</span> <span class="block text-xs text-text-muted">Simple Offline Music Playback</span> </span> </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Productivity </h3> <div class="space-y-0.5"> <a href="/scanner/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/scanner.png" alt="Tidox Scanner icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Scanner</span> <span class="block text-xs text-text-muted">Private Document Scanner. 100% Offline.</span> </span> </a><a href="/task-manager/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5">
5 <img src="/images/products/task-manager.png" alt="Tidox Task Manager icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Task Manager</span> <span class="block text-xs text-text-muted">Simple, Powerful Task Management</span> </span> </a><a href="/transcript/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/transcript.png" alt="Offline Transcript icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Offline Transcript</span> <span class="block text-xs text-text-muted">Privacy-First Voice Transcription with On-Device AI</span> </span> </a><a href="/qr-scanner/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/qr-scanner.png" alt="Tidox QR Scanner icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox QR Scanner</span> <span class="block text-xs text-text-muted">Scan &amp; Create QR Codes Privately</span> </span> </a><a href="/voice-memo/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/voice-memo.png" alt="Tidox Voice Memo icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Voice Memo</span> <span class="block text-xs text-text-muted">Record &amp; Transcribe Voice Memos Privately</span> </span> </a><a href="/clipboard/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/clipboard.png" alt="Tidox Clipboard icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Clipboard</span> <span class="block text-xs text-text-muted">Smart Clipboard History &amp; Manager</span> </span> </a><a href="/app-locker/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/app-locker.png" alt="Private App Locker icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Private App Locker</span> <span class="block text-xs text-text-muted">Lock Apps with PIN, Pattern or Fingerprint</span> </span> </a><a href="/flashcards/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/flashcards.png" alt="Private Flashcards icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Private Flashcards</span> <span class="block text-xs text-text-muted">Study Smarter with Offline Flashcards</span> </span> </a><a href="/recording/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/recording.png" alt="Tidox Recording icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Recording</span> <span class="block text-xs text-text-muted">Screen Recorder with Internal Audio</span> </span> </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Music </h3> <div class="space-y-0.5"> <a href="/guitar-tuner/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5">
5 <img src="/images/products/guitar-tuner.svg" alt="Tidox Guitar Tuner icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Guitar Tuner</span> <span class="block text-xs text-text-muted">Professional Chromatic Tuner with Real-Time Pitch Detection</span> </span> </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Smart Home </h3> <div class="space-y-0.5"> <a href="/remote-control/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/remote-control.png" alt="Tidox Universal Remote icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Universal Remote</span> <span class="block text-xs text-text-muted">Control Any TV from Your Phone</span> </span> </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Communication </h3> <div class="space-y-0.5"> <a href="/kora/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/kora.png" alt="Tidox Kora icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Kora</span> <span class="block text-xs text-text-muted">Mesh Messaging Without Internet</span> </span> </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 px-2"> Security </h3> <div class="space-y-0.5"> <a href="/lucid/" class="flex items-center gap-3 px-2 py-2 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> <img src="/images/products/lucid.png" alt="Tidox Lucid icon" width="32" height="32" loading="lazy" class="w-8 h-8 rounded-lg shrink-0"> <span> <span class="block font-medium text-text-primary">Tidox Lucid</span> <span class="block text-xs text-text-muted">AI &amp; Scam Detector</span> </span> </a> </div> </div> </div> <div class="mt-5 pt-4 border-t border-border-subtle"> <a href="/apps/" class="text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
6View all products &rarr;
7</a> </div> </div> </div> </div> <a href="https://learning.tidox.online/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Learning <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:-1px;opacity:.5;flex:none"><path d="M7 17 17 7M9 7h8v8"></path></svg> </a><a href="https://books.tidox.online/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Books <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:-1px;opacity:.5;flex:none"><path d="M7 17 17 7M9 7h8v8"></path></svg> </a><a href="/pricing/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Pricing </a><a href="/apps/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> News </a><a href="/about/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> About </a><a href="/contact/" class="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Contact </a> <a href="/apps/" class="ml-3 px-5 py-2 text-sm font-semibold rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.98]">
8Get Apps
9</a> </div> <!-- Mobile Hamburger --> <button type="button" class="lg:hidden p-2 text-text-secondary hover:text-text-primary transition-colors" data-mobile-toggle aria-label="Toggle menu" aria-expanded="false"> <svg class="w-6 h-6" data-hamburger-icon viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> <line x1="3" y1="6" x2="21" y2="6"></line> <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="3" y1="18" x2="21" y2="18"></line> </svg> <svg class="w-6 h-6 hidden" data-close-icon viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> </div> </div> </nav> <!-- Mobile Sheet --> <div class="fixed inset-0 top-16 z-[var(--z-overlay)] bg-surface-base/95 backdrop-blur-xl transform translate-x-full transition-transform duration-300 lg:hidden overflow-y-auto" data-mobile-sheet> <div class="px-6 py-8 space-y-6"> <!-- Products Accordion --> <div> <button type="button" class="flex items-center justify-between w-full text-lg font-semibold text-text-primary" data-mobile-products-toggle>
10Products
11<svg class="w-5 h-5 transition-transform duration-200" data-mobile-products-chevron viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M6 9l6 6 6-6"></path> </svg> </button> <div class="overflow-hidden max-h-0 transition-all duration-300" data-mobile-products-panel> <div class="pt-4 space-y-5"> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Media &amp; Entertainment</h3> <div class="space-y-1"> <a href="/player/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Player </a><a href="/vr-player/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> VR Tidox Player 360 </a><a href="/audio-hub/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Pro: Audio Hub </a><a href="/offline-audio/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox: Offline Audio Player </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Productivity</h3> <div class="space-y-1"> <a href="/scanner/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5">
11 Tidox Scanner </a><a href="/task-manager/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Task Manager </a><a href="/transcript/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Offline Transcript </a><a href="/qr-scanner/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox QR Scanner </a><a href="/voice-memo/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Voice Memo </a><a href="/clipboard/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Clipboard </a><a href="/app-locker/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Private App Locker </a><a href="/flashcards/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Private Flashcards </a><a href="/recording/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Recording </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Music</h3> <div class="space-y-1"> <a href="/guitar-tuner/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Guitar Tuner </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Smart Home</h3> <div class="space-y-1"> <a href="/remote-control/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Universal Remote </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Communication</h3> <div class="space-y-1"> <a href="/kora/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Kora </a> </div> </div><div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-2">Security</h3> <div class="space-y-1"> <a href="/lucid/" class="block py-2 px-3 rounded-lg text-sm transition-colors text-text-secondary hover:text-text-primary hover:bg-white/5"> Tidox Lucid </a> </div> </div> </div> </div> </div> <div class="h-px bg-border-subtle"></div> <a href="https://learning.tidox.online/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> Learning <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:-1px;opacity:.5;flex:none"><path d="M7 17 17 7M9 7h8v8"></path></svg> </a><a href="https://books.tidox.online/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> Books <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:-1px;opacity:.5;flex:none"><path d="M7 17 17 7M9 7h8v8"></path></svg> </a><a href="/pricing/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> Pricing </a><a href="/apps/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> News </a><a href="/about/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> About </a><a href="/contact/" class="block text-lg font-medium transition-colors text-text-secondary hover:text-text-primary"> Contact </a> <div class="h-px bg-border-subtle"></div> <a href="/apps/" class="block text-center py-3 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white font-semibold transition-all hover:opacity-90">
12Get Apps
13</a> </div> </div> </header> 
13<script>
14  (function () {
15    // Desktop mega menu
16    const megaMenu = document.querySelector('[data-mega-menu]');
17    const megaTrigger = document.querySelector('[data-mega-trigger]');
18    const megaPanel = document.querySelector('[data-mega-panel]');
19    const megaChevron = document.querySelector('[data-mega-chevron]');
20
21    if (megaMenu && megaTrigger && megaPanel) {
22      let closeTimeout;
23
24      function openMega() {
25        clearTimeout(closeTimeout);
26        megaPanel.classList.remove('opacity-0', 'invisible', 'pointer-events-none');
27        megaPanel.classList.add('opacity-100', 'visible', 'pointer-events-auto');
28        megaTrigger.setAttribute('aria-expanded', 'true');
29        if (megaChevron) megaChevron.style.transform = 'rotate(180deg)';
30      }
31
32      function closeMega() {
33        closeTimeout = setTimeout(function () {
34          megaPanel.classList.add('opacity-0', 'invisible', 'pointer-events-none');
35          megaPanel.classList.remove('opacity-100', 'visible', 'pointer-events-auto');
36          megaTrigger.setAttribute('aria-expanded', 'false');
37          if (megaChevron) megaChevron.style.transform = '';
38        }, 100);
39      }
40
41      megaMenu.addEventListener('mouseenter', openMega);
42      megaMenu.addEventListener('mouseleave', closeMega);
43      megaTrigger.addEventListener('focus', openMega);
44      megaTrigger.addEventListener('click', function () {
45        var expanded = megaTrigger.getAttribute('aria-expanded') === 'true';
46        expanded ? closeMega() : openMega();
47      });
48
49      document.addEventListener('keydown', function (e) {
50        if (e.key === 'Escape') closeMega();
51      });
52    }
53
54    // Mobile sheet
55    var mobileToggle = document.querySelector('[data-mobile-toggle]');
56    var mobileSheet = document.querySelector('[data-mobile-sheet]');
57    var hamburgerIcon = document.querySelector('[data-hamburger-icon]');
58    var closeIcon = document.querySelector('[data-close-icon]');
59
60    if (mobileToggle && mobileSheet) {
61      mobileToggle.addEventListener('click', function () {
62        var isOpen = !mobileSheet.classList.contains('translate-x-full');
63        mobileSheet.classList.toggle('translate-x-full', isOpen);
64        mobileSheet.classList.toggle('translate-x-0', !isOpen);
65        mobileToggle.setAttribute('aria-expanded', String(!isOpen));
66        if (hamburgerIcon) hamburgerIcon.classList.toggle('hidden', !isOpen);
67        if (closeIcon) closeIcon.classList.toggle('hidden', isOpen);
68        document.body.style.overflow = isOpen ? '' : 'hidden';
69      });
70    }
71
72    // Mobile products accordion
73    var productsToggle = document.querySelector('[data-mobile-products-toggle]');
74    var productsPanel = document.querySelector('[data-mobile-products-panel]');
75    var productsChevron = document.querySelector('[data-mobile-products-chevron]');
76
77    if (productsToggle && productsPanel) {
78      productsToggle.addEventListener('click', function () {
79        var isOpen = productsPanel.style.maxHeight && productsPanel.style.maxHeight !== '0px';
80        productsPanel.style.maxHeight = isOpen ? '0px' : productsPanel.scrollHeight + 'px';
81        if (productsChevron) productsChevron.style.transform = isOpen ? '' : 'rotate(180deg)';
82      });
83    }
84
85    // Nav scroll effect
86    var nav = document.getElementById('site-nav');
87    if (nav) {
88      var lastScroll = 0;
89      window.addEventListener('scroll', function () {
90        var y = window.scrollY;
91        if (y > 80) {
92          nav.classList.add('shadow-lg', 'shadow-black/10');
93        } else {
94          nav.classList.remove('shadow-lg', 'shadow-black/10');
95        }
96        lastScroll = y;
97      }, { passive: true });
98    }
99  })();
100</script>
100  <main>  <section class="pt-32 pb-16 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-4xl text-center"> <span class="inline-block text-xs font-semibold uppercase tracking-widest text-accent-violet mb-4">Transparent pricing</span> <h1 class="text-5xl md:text-7xl font-bold font-[family-name:var(--font-display)] tracking-tight mb-6">
101Free to start.<br> <span class="text-gradient">Pay only if you want more.</span> </h1> <p class="text-lg sm:text-xl text-text-secondary max-w-2xl mx-auto leading-relaxed">
102Every Tidox app has a fully functional free version. Premium upgrades are one-time purchases — no subscriptions, no recurring charges.
103</p> </div> </section>  <section class="pb-20 px-4 sm:px-6 lg:px-8"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="mx-auto max-w-4xl grid sm:grid-cols-3 gap-6"> <div class="glass rounded-[var(--radius-card)] p-6 text-center"> <div class="text-3xl sm:text-4xl font-bold font-[family-name:var(--font-display)] text-gradient mb-1">16</div> <div class="text-sm text-text-secondary">Free Apps</div> </div> <div class="glass rounded-[var(--radius-card)] p-6 text-center"> <div class="text-3xl sm:text-4xl font-bold font-[family-name:var(--font-display)] text-gradient mb-1">11</div> <div class="text-sm text-text-secondary">Premium Upgrades</div> </div> <div class="glass rounded-[var(--radius-card)] p-6 text-center"> <div class="text-3xl sm:text-4xl font-bold font-[family-name:var(--font-display)] text-gradient mb-1">$0</div> <div class="text-sm text-text-secondary">Recurring Fees</div> </div> </div>  </div> 
103<script type="module" src="/_astro/ScrollReveal.astro_astro_type_script_index_0_lang.CsDso5Aw.js"></script>
103 </section>  <section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Media &amp; Entertainment</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/player.png" alt="Tidox Player icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/player/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Player </a> <p class="text-sm text-text-secondary mt-0.5">Advanced Media Player</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.player.cast&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
104Download Free
105<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €1.19 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.player.cast.pro&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
106Get Premium
107</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/vr-player.png" alt="VR Tidox Player 360 icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/vr-player/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> VR Tidox Player 360 </a> <p class="text-sm text-text-secondary mt-0.5">Immersive VR Video Experience</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.player.vr&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
108Download Free
109<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Premium</div> <div class="text-sm text-text-muted italic">Not applicable</div> <div class="text-xs text-text-muted mt-1">All features included free</div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4">
109 <img src="/images/products/audio-hub.png" alt="Tidox Pro: Audio Hub icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/audio-hub/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Pro: Audio Hub </a> <p class="text-sm text-text-secondary mt-0.5">Your Audio Intelligently Organized</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> €2.49 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.local.listen.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
110Download Free
111<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Premium</div> <div class="text-sm text-text-muted italic">Not applicable</div> <div class="text-xs text-text-muted mt-1">All features included free</div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/local-listen.png" alt="Local Listen icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/local-listen/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Local Listen </a> <p class="text-sm text-text-secondary mt-0.5">AI-Powered Audio Intelligence Platform</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.local.listen.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
112Download Free
113<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Premium</div> <div class="text-sm text-text-muted italic">Not applicable</div> <div class="text-xs text-text-muted mt-1">All features included free</div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/offline-audio.png" alt="Tidox: Offline Audio Player icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/offline-audio/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox: Offline Audio Player </a> <p class="text-sm text-text-secondary mt-0.5">Simple Offline Music Playback</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.local.listen.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
114Download Free
115<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Premium</div> <div class="text-sm text-text-muted italic">Not applicable</div> <div class="text-xs text-text-muted mt-1">All features included free</div> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Productivity</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/scanner.png" alt="Tidox Scanner icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/scanner/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Scanner </a> <p class="text-sm text-text-secondary mt-0.5">Private Document Scanner. 100% Offline.</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.scanner&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
116Download Free
117<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.scanner.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
118Get Premium
119</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/task-manager.png" alt="Tidox Task Manager icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/task-manager/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Task Manager </a> <p class="text-sm text-text-secondary mt-0.5">Simple, Powerful Task Management</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.task&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
120Download Free
121<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €2.49 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.tasks.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
122Get Premium
123</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/transcript.png" alt="Offline Transcript icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/transcript/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Offline Transcript </a> <p class="text-sm text-text-secondary mt-0.5">Privacy-First Voice Transcription with On-Device AI</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.transcriber.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
124Download Free
125<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €1.99 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.transcriber.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
126Get Premium
127</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/qr-scanner.png" alt="Tidox QR Scanner icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/qr-scanner/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox QR Scanner </a> <p class="text-sm text-text-secondary mt-0.5">Scan &amp; Create QR Codes Privately</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.qr.scanner.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
128Download Free
129<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.qr.scanner.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
130Get Premium
131</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/voice-memo.png" alt="Tidox Voice Memo icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/voice-memo/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Voice Memo </a> <p class="text-sm text-text-secondary mt-0.5">Record &amp; Transcribe Voice Memos Privately</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.voice.memo.free&hl
131=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
132Download Free
133<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.voice.memo.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
134Get Premium
135</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/clipboard.png" alt="Tidox Clipboard icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/clipboard/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Clipboard </a> <p class="text-sm text-text-secondary mt-0.5">Smart Clipboard History &amp; Manager</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.clipboard.free&hl
135=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
136Download Free
137<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Premium</div> <div class="text-sm text-text-muted italic">Not applicable</div> <div class="text-xs text-text-muted mt-1">All features included free</div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/app-locker.png" alt="Private App Locker icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/app-locker/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Private App Locker </a> <p class="text-sm text-text-secondary mt-0.5">Lock Apps with PIN, Pattern or Fingerprint</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.privatelocker.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
138Download Free
139<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.privatelocker.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
140Get Premium
141</a> </div> </div> </div> </div>  </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/flashcards.png" alt="Private Flashcards icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/flashcards/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Private Flashcards </a> <p class="text-sm text-text-secondary mt-0.5">Study Smarter with Offline Flashcards</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=com.privateflashcards&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
142Download Free
143<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">
143One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.flashcards.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
144Get Premium
145</a> </div> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Music</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/guitar-tuner.svg" alt="Tidox Guitar Tuner icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/guitar-tuner/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Guitar Tuner </a> <p class="text-sm text-text-secondary mt-0.5">Professional Chromatic Tuner with Real-Time Pitch Detection</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=com.tidox.guitartuner.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
146Download Free
147<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=com.tidox.guitartuner.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
148Get Premium
149</a> </div> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Smart Home</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/remote-control.png" alt="Tidox Universal Remote icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/remote-control/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Universal Remote </a> <p class="text-sm text-text-secondary mt-0.5">Control Any TV from Your Phone</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div>
149 <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.remote&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors">
150Download Free
151<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.09 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.remote.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90">
152Get Premium
153</a> </div> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Communication</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/kora.png" alt="Tidox Kora icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/kora/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Kora </a> <p class="text-sm text-text-secondary mt-0.5">Mesh Messaging Without Internet</p> </div> </div>  <div class="sm:col-span-7"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.kora&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors"> Download Free <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Security</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/lucid.png" alt="Tidox Lucid icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/lucid/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Lucid </a> <p class="text-sm text-text-secondary mt-0.5">AI &amp; Scam Detector</p> </div> </div>  <div class="sm:col-span-7"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div>
153 <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=com.tidox.lucid.free&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors"> Download Free <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div> </div>  </div>  </div> </div> </section><section class="py-12 px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-6xl"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <h2 class="text-xs font-semibold uppercase tracking-widest text-text-muted mb-8">Recording</h2>  </div>  <div class="space-y-6"> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0">  <div class="glass rounded-[var(--radius-card)] p-6 sm:p-8 grid sm:grid-cols-12 gap-6 items-center">  <div class="sm:col-span-5 flex items-start gap-4"> <img src="/images/products/recording.png" alt="Tidox Recording icon" width="48" height="48" loading="lazy" class="w-12 h-12 rounded-xl shrink-0"> <div> <a href="/recording/" class="text-lg font-bold text-text-primary hover:text-accent-violet transition-colors"> Tidox Recording </a> <p class="text-sm text-text-secondary mt-0.5">Screen Recorder with Internal Audio</p> </div> </div>  <div class="sm:col-span-3"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-1">Free</div> <div class="text-2xl font-bold font-[family-name:var(--font-display)]"> Free </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.recording&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-violet hover:text-accent-cyan transition-colors"> Download Free <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> </a> </div> </div>  <div class="sm:col-span-4"> <div> <div class="flex items-center gap-2 mb-1"> <div class="text-xs font-semibold uppercase tracking-wider text-text-muted">Premium</div> <span class="text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded-full bg-accent-violet/15 text-accent-violet">One-time</span> </div> <div class="text-2xl font-bold font-[family-name:var(--font-display)] text-gradient"> €3.69 </div> <div class="mt-2"> <a href="https://play.google.com/store/apps/details?id=online.tidox.recording.premium&hl=en" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white text-sm font-semibold transition-all hover:scale-105 hover:opacity-90"> Get Premium </a> </div> </div> </div> </div>  </div>  </div> </div> </section>  <section class="py-(--spacing-section-sm) px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-4xl"> <div class="mb-12 sm:mb-16 text-center" data-scroll-reveal> <h2 class="text-3xl sm:text-4xl md:text-5xl font-bold font-[family-name:var(--font-display)] tracking-tight"> Pricing <span class="text-gradient">FAQ</span> </h2>   </div> <div data-scroll-reveal="true" data-reveal-direction="up" data-reveal-delay="0" data-reveal-duration="0.8" data-reveal-stagger="0.08">  <div class="grid sm:grid-cols-2 gap-6"> <div class="glass rounded-[var(--radius-card)] p-6"> <h3 class="font-bold text-text-primary mb-2">Are there subscriptions?</h3> <p class="text-sm text-text-secondary leading-relaxed">No. All premium upgrades are one-time purchases. Pay once, own it forever. No recurring charges.</p> </div> <div class="glass rounded-[var(--radius-card)] p-6"> <h3 class="font-bold text-text-primary mb-2">What do free versions include?</h3> <p class="text-sm text-text-secondary leading-relaxed">Free versions include all core functionality. Premium unlocks advanced features like batch processing, extra formats, and more.</p> </div> <div class="glass rounded-[var(--radius-card)] p-6"> <h3 class="font-bold text-text-primary mb-2">Can I upgrade later?</h3> <p class="text-sm text-text-secondary leading-relaxed">Absolutely. Start with the free version and upgrade from within the app or directly on Google Play whenever you're ready.</p> </div> <div class="glass rounded-[var(--radius-card)] p-6"> <h3 class="font-bold text-text-primary mb-2">Is there a refund policy?</h3> <p class="text-sm text-text-secondary leading-relaxed">Google Play offers refunds within their standard policy window. Contact us if you have any issues with your purchase.</p> </div> </div>  </div>  </div> </section>  <section class="relative py-(--spacing-section-sm) overflow-hidden aurora-bg"> <div class="relative z-10 mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 text-center"> <h2 class="text-3xl sm:text-4xl md:text-5xl font-bold font-[family-name:var
153(--font-display)] tracking-tight mb-6"> Start free. <span class="text-gradient">Upgrade if you love it.</span> </h2> <p class="text-lg sm:text-xl text-text-secondary max-w-2xl mx-auto mb-10 leading-relaxed"> Every Tidox app is free to download. No account required. </p>  <div class="flex flex-col sm:flex-row gap-4 justify-center mt-8"> <a href="/apps/" class="px-8 py-4 rounded-[var(--radius-button)] bg-gradient-to-r from-accent-violet to-accent-cyan text-white font-semibold text-lg transition-all hover:scale-105 hover:opacity-90 glow-accent"> Browse All Apps </a> <a href="/contact/" class="px-8 py-4 rounded-[var(--radius-button)] glass text-text-primary font-semibold text-lg transition-all hover:scale-105"> Contact Us </a> </div> </div> </section> </main>  <footer class="relative border-t border-border-subtle bg-surface-base"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <!-- Main Footer --> <div class="grid grid-cols-1 gap-10 py-16 sm:grid-cols-2 lg:grid-cols-4"> <!-- Brand --> <div class="sm:col-span-2 lg:col-span-1"> <a href="/" class="inline-flex items-center gap-2 mb-4"> <img src="/images/logo.svg" alt="Tidox" width="32" height="32" class="h-8 w-8"> <span class="text-xl font-bold font-[family-name:var(--font-display)] text-gradient">
154Tidox
155</span> </a> <p class="text-sm text-text-secondary max-w-xs leading-relaxed">
156Privacy-first mobile apps for modern life. Powerful Android apps designed for users who value privacy, performance, and modern technology.
157</p> </div> <!-- Media & Entertainment --> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-4">
158Media & Entertainment
159</h3> <ul class="space-y-2.5"> <li> <a href="/player/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Player </a> </li><li> <a href="/vr-player/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> VR Tidox Player 360 </a> </li><li> <a href="/audio-hub/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Pro: Audio Hub </a> </li><li> <a href="/offline-audio/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox: Offline Audio Player </a> </li> </ul> </div> <!-- Productivity & More --> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-4">
160Productivity & More
161</h3> <ul class="space-y-2.5"> <li> <a href="/scanner/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Scanner </a> </li><li> <a href="/task-manager/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Task Manager </a> </li><li> <a href="/transcript/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Offline Transcript </a> </li><li> <a href="/qr-scanner/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox QR Scanner </a> </li><li> <a href="/voice-memo/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Voice Memo </a> </li><li> <a href="/clipboard/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Clipboard </a> </li><li> <a href="/app-locker/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Private App Locker </a> </li><li> <a href="/flashcards/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Private Flashcards </a> </li><li> <a href="/guitar-tuner/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Guitar Tuner </a> </li><li> <a href="/remote-control/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Universal Remote </a> </li><li> <a href="/recording/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Recording </a> </li><li> <a href="/kora/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Kora </a> </li><li> <a href="/lucid/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Tidox Lucid </a> </li> </ul> </div> <!-- Company --> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-text-muted mb-4">
162Company
163</h3> <ul class="space-y-2.5"> <li> <a href="/about/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> About </a> </li><li> <a href="/contact/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Contact </a> </li><li> <a href="/pricing/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Pricing </a> </li><li> <a href="/privacy/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Privacy Policy </a> </li><li> <a href="/terms/" class="text-sm text-text-secondary hover:text-text-primary transition-colors"> Terms of Service </a> </li> </ul> </div> </div> <!-- Bottom Bar --> <div class="border-t border-border-subtle py-6 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-xs text-text-muted">
164&copy; 2026 Tidox. All Rights Reserved.
165</p> <div class="flex items-center gap-4"> <a href="/privacy/" class="text-xs text-text-muted hover:text-text-secondary transition-colors">
166Privacy
167</a> <span class="text-border-subtle">·</span> <a href="/terms/" class="text-xs text-text-muted hover:text-text-secondary transition-colors">
168Terms
169</a> </div> </div> </div> </footer> <!-- Lenis Smooth Scroll + Hero Entrance + Parallax --> 
169<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.Jro0MrvZ.js"></script>
169 <!-- Chaport Live Chat --> 
169<script>
170    (function(w,d,v2){
171      w.chaport = { app_id : '5b107c04a0b66d7b8919d97c' };
172      v2=w.chaport;v2._q=[];v2._l={};v2.q=function(){v2._q.push(arguments)};v2.on=function(e,fn){if(!v2._l[e])v2._l[e]=[];v2._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)
173    })(window, document);
174  </script>
174 
174<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2ed9747e6f284aa89e7708b83f3def98","r":1,"spa":2}' crossorigin="anonymous"></script>
174
175</body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.