<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Chat with local LM Studio, Ollama, or cloud LLMs on Android. Privacy-focused, OpenRouter support." />
    <meta name="author" content="TechMitten LLC" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="theme-color" content="#030712" />

    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="LMSA" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:title" content="LMSA - Android App for LM Studio, Ollama, and OpenRouter" />
    <meta property="og:description" content="Connect your Android device to local or cloud LLMs with privacy-first controls and fast setup." />
    <meta property="og:image" content="https://lmsa.app/opengraph.png" />
    <meta property="og:image:secure_url" content="https://lmsa.app/opengraph.png" />
    <meta property="og:image:alt" content="LMSA Android app preview" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="LMSA - Android App for LM Studio, Ollama, and OpenRouter" />
    <meta name="twitter:description" content="Connect your Android device to local or cloud LLMs with privacy-first controls and fast setup." />
    <meta name="twitter:image" content="https://lmsa.app/opengraph.png" />
    <meta name="twitter:image:alt" content="LMSA Android app preview" />

    <title>LMSA - Android App for LM Studio, Ollama, and OpenRouter</title>
    <script>
      // Prevent the browser from briefly painting a restored scroll position on reload.
      document.documentElement.setAttribute('data-app-loading', 'true');
      if ('scrollRestoration' in history) {
        history.scrollRestoration = 'manual';
      }
      window.scrollTo(0, 0);
      window.addEventListener('pageshow', () => {
        window.scrollTo(0, 0);
      });
    </script>
    <style>
      html, body {
        background-color: #030712;
        color: #f9fafb;
      }

      html[data-app-loading='true'] {
        overflow: hidden !important;
      }
      html[data-app-loading='true'] #root {
        visibility: hidden;
      }
    </style>
    <script type="module" crossorigin src="/js/index-CS2FCHmn.js"></script>
    <link rel="modulepreload" crossorigin href="/js/rolldown-runtime-Cyuzqnbw.js">
    <link rel="modulepreload" crossorigin href="/js/page-blog-nZKutes8.js">
    <link rel="modulepreload" crossorigin href="/js/page-blog-post-CC_klyeA.js">
    <link rel="modulepreload" crossorigin href="/js/page-contact-Dqqd2Z2J.js">
    <link rel="modulepreload" crossorigin href="/js/page-pricing-B8A0ICUl.js">
    <link rel="modulepreload" crossorigin href="/js/page-support-Dnq5uF2V.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-others-BbnMZ3RL.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-react-a5qh_SHX.js">
    <link rel="modulepreload" crossorigin href="/js/page-privacy-0n9Gk8cU.js">
    <link rel="stylesheet" crossorigin href="/styles/index-C1dWoilM.css">
      <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"TechMitten LLC","url":"https://lmsa.app","logo":"https://lmsa.app/android-chrome-512x512.png","sameAs":["https://www.facebook.com/lmsa.mobile"],"contactPoint":{"@type":"ContactPoint","contactType":"Customer Support","url":"https://lmsa.app/support"},"description":"Developer of LMSA - a privacy-focused Android app for AI chat with local and cloud models"}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"LMSA","alternateNames":["LMSA App","LM Studio Android"],"applicationCategory":"Productivity","applicationSubCategory":"ChatApplication","operatingSystem":"Android","operatingSystemVersion":"Android 8.0+","description":"Privacy-focused Android app for chatting with local LM Studio and Ollama models or cloud models via OpenRouter. Fast setup, advanced controls, and zero subscriptions.","shortDescription":"Android AI chat app for local LM Studio, Ollama, and OpenRouter models","downloadUrl":"https://play.google.com/store/apps/details?id=com.lmsa.app","installUrl":"https://play.google.com/store/apps/details?id=com.lmsa.app","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","category":"Free"},"publisher":{"@type":"Organization","name":"TechMitten LLC","url":"https://lmsa.app","logo":"https://lmsa.app/android-chrome-512x512.png"},"developer":{"@type":"Organization","name":"TechMitten LLC","url":"https://lmsa.app"},"author":{"@type":"Organization","name":"TechMitten LLC"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"250","bestRating":"5","worstRating":"1","reviewCount":"250"},"featureList":["Private AI chatting with local models","Support for LM Studio, Ollama, and OpenRouter","Advanced model controls and parameters","No subscriptions or API keys required","Material Design 3 interface","Full conversation history management"],"permissions":["INTERNET","ACCESS_NETWORK_STATE"],"screenshot":["https://lmsa.app/opengraph.png"],"url":"https://lmsa.app","image":"https://lmsa.app/android-chrome-512x512.png","potentialAction":{"@type":"Action","target":"https://play.google.com/store/apps/details?id=com.lmsa.app","name":"Download LMSA"}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"LMSA - Android AI Chat App","url":"https://lmsa.app","description":"Official website and promotion page for LMSA Android app. Download the privacy-focused AI chat client for LM Studio, Ollama, and OpenRouter.","applicationCategory":"ProductivityApplication","screenshot":["https://lmsa.app/opengraph.png"],"image":"https://lmsa.app/android-chrome-512x512.png"}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":"1","name":"Home","item":"https://lmsa.app"}]}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"MobileApplication","name":"LMSA","url":"https://lmsa.app","applicationCategory":"Productivity","operatingSystem":"Android","description":"Privacy-focused Android client for LM Studio, Ollama, and OpenRouter. Chat with local or cloud AI models with advanced controls.","downloadUrl":"https://play.google.com/store/apps/details?id=com.lmsa.app","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"publisher":{"@type":"Organization","name":"TechMitten LLC"},"image":"https://lmsa.app/android-chrome-512x512.png"}</script>
  </head>
  <body>
    
  <div id="root">
    <!-- Navbar Header -->
    <header class="fixed top-0 left-0 right-0 z-50 bg-gray-950/80 backdrop-blur-md border-b border-white/10">
      <div class="max-w-7xl mx-auto h-20 flex items-center justify-between px-4 sm:px-6">
        <a href="/" class="flex items-center gap-2">
          <img src="/logocompressed.png" alt="LMSA logo" class="w-12 h-12 rounded-lg" width="48" height="48" />
          <span class="text-2xl font-black text-white uppercase">LMSA</span>
        </a>
        <nav class="hidden md:flex items-center gap-8 text-sm font-medium text-gray-300">
          <a href="#features" class="hover:text-white transition-colors">Features</a>
          <a href="#how-it-works" class="hover:text-white transition-colors">Setup</a>
          <a href="#faq" class="hover:text-white transition-colors">FAQ</a>
          <a href="/pricing" class="hover:text-white transition-colors">Pricing</a>
          <a href="/blog" class="hover:text-white transition-colors">Blog</a>
          <a href="/support" class="hover:text-white transition-colors">Support</a>
        </nav>
      </div>
    </header>

    <!-- Hero Section -->
    <section id="home" class="relative pt-32 pb-20 overflow-hidden bg-gray-950 text-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 grid lg:grid-cols-2 gap-12 items-center">
        <div>
          <span class="inline-flex items-center gap-2 rounded-full border border-blue-500/25 bg-blue-500/10 px-4 py-2 text-sm font-medium text-blue-300 mb-6">
            The Ultimate Mobile Interface for LLMs
          </span>
          <h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight mb-6">
            <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400">LM Studio, Ollama, and OpenRouter</span> on your phone
          </h1>
          <p class="text-lg text-gray-400 mb-8 max-w-xl">
            Chat from your Android with local AI servers (LM Studio, Ollama) or cloud via OpenRouter. Privacy-first, full control, local processing.
          </p>
          <div class="flex flex-wrap gap-4 mb-8">
            <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-sm text-gray-300">✓ Premium Features</span>
            <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-sm text-gray-300">✓ Privacy First</span>
            <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-sm text-gray-300">✓ No Subscriptions</span>
          </div>
          <a href="https://play.google.com/store/apps/details?id=com.lmsa.app" target="_blank" rel="noopener noreferrer" aria-label="Get it on Google Play">
            <img src="/google-play-badge.png" alt="Get it on Google Play" class="h-16 w-auto" width="646" height="250" />
          </a>
        </div>
        <div class="hidden lg:flex justify-end">
          <img src="/laptopmockup.png" alt="LMSA Interface Preview" class="max-w-md w-full h-auto rounded-3xl border border-white/10 shadow-2xl" width="1536" height="1024" />
        </div>
      </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-24 bg-gray-900/40 border-y border-white/5 text-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6">
        <div class="text-center max-w-3xl mx-auto mb-16">
          <span class="text-xs font-semibold tracking-wider text-blue-400 uppercase">Features</span>
          <h2 class="text-3xl sm:text-4xl md:text-5xl font-bold mt-2 mb-6">Private & Local AI In the palm of your hand.</h2>
          <p class="text-gray-400 text-lg">A feature-rich environment designed specifically for interacting with the world's most advanced LLMs on mobile.</p>
        </div>
        <div class="grid md:grid-cols-3 gap-8">
          <div class="p-8 rounded-3xl border border-white/5 bg-gray-950/50">
            <h3 class="text-xl font-semibold mb-3">Local Server Connection</h3>
          </div>
          <div class="p-8 rounded-3xl border border-white/5 bg-gray-950/50">
            <h3 class="text-xl font-semibold mb-3">Text-To-Speech</h3>
          </div>
          <div class="p-8 rounded-3xl border border-white/5 bg-gray-950/50">
            <h3 class="text-xl font-semibold mb-3">Privacy-First by Design</h3>
          </div>
        </div>
      </div>
    </section>

    <!-- How it Works Setup -->
    <section id="how-it-works" class="py-24 bg-gray-950 text-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6">
        <div class="text-center max-w-3xl mx-auto mb-16">
          <h2 class="text-3xl sm:text-4xl font-bold mb-4">Set Up in 60 Seconds</h2>
          <p class="text-gray-400">LMSA connects directly to your own servers. Here is how simple it is to get started.</p>
        </div>
        <div class="grid md:grid-cols-2 gap-12">
          <div class="p-8 rounded-3xl border border-white/10 bg-gray-900/40">
            <h3 class="text-2xl font-bold mb-4">Connect to LM Studio</h3>
            <ol class="list-decimal list-inside space-y-3 text-gray-300">
              <li>Launch LM Studio on your local PC.</li>
              <li>Load a GGUF model and start the local server (on port 1234).</li>
              <li>Ensure your PC and phone are on the same Wi-Fi network.</li>
              <li>Copy the server URL and paste it into LMSA settings.</li>
            </ol>
          </div>
          <div class="p-8 rounded-3xl border border-white/10 bg-gray-900/40">
            <h3 class="text-2xl font-bold mb-4">Connect to Ollama</h3>
            <ol class="list-decimal list-inside space-y-3 text-gray-300">
              <li>Ensure Ollama is running on your PC.</li>
              <li>Set OLLAMA_HOST environment variable to 0.0.0.0 (allows external connections).</li>
              <li>Ensure your PC and phone are on the same Wi-Fi network.</li>
              <li>Enter your PC's local IP address (port 11434) in LMSA.</li>
            </ol>
          </div>
        </div>
      </div>
    </section>

    <!-- FAQ Section -->
    <section id="faq" class="py-24 bg-gray-900/40 border-t border-white/5 text-white">
      <div class="max-w-4xl mx-auto px-4 sm:px-6">
        <h2 class="text-3xl font-bold text-center mb-12">Frequently Asked Questions</h2>
        <div class="space-y-6">
          <div class="border-b border-white/10 pb-4">
            <h4 class="text-lg font-semibold mb-2">What is LMSA?</h4>
            <p class="text-gray-400">LMSA (LM Studio Android) is a mobile interface designed to connect directly to local LLM engines (like LM Studio or Ollama) or cloud providers (like OpenRouter) so you can run AI chat securely on your mobile device.</p>
          </div>
          <div class="border-b border-white/10 pb-4">
            <h4 class="text-lg font-semibold mb-2">Is it free?</h4>
            <p class="text-gray-400">Yes, the core app features are completely free. You can unlock premium enhancements (like templates, custom endpoints, biometric lock, TTS) with a one-time purchase of $14.99.</p>
          </div>
          <div class="border-b border-white/10 pb-4">
            <h4 class="text-lg font-semibold mb-2">Where is my data stored?</h4>
            <p class="text-gray-400">All chat histories, API keys, and configurations are stored securely on your local Android device. We have no external databases or analytics logging your chats.</p>
          </div>
          <div class="border-b border-white/10 pb-4">
            <h4 class="text-lg font-semibold mb-2">How does Brave Search work and protect my privacy?</h4>
            <p class="text-gray-400">LMSA features an optional Web Search powered by Brave Search to retrieve real-time context from the live web. Brave Search operates on its own independent index and is designed from the ground up for privacy: it does not track your search queries, save your search history, or build personal profiles. All queries are sent over secure HTTPS connections, and LMSA does not attach any personally identifiable info, keeping your searches private and anonymous. For more details, see our <a href="/support#section-web-search" class="hover:text-white transition-colors">Support page</a> and <a href="/privacy-policy" class="hover:text-white transition-colors">Privacy Policy</a>.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-950 py-12 border-t border-white/5 text-gray-500 text-sm">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 flex flex-col md:flex-row justify-between items-center gap-6">
        <div class="flex items-center gap-2">
          <img src="/logocompressed.png" alt="LMSA Logo" class="w-10 h-10 rounded-lg" width="40" height="40" />
          <span class="text-lg font-bold text-white uppercase">LMSA</span>
        </div>
        <div class="flex flex-wrap justify-center gap-6 text-gray-400">
          <a href="/pricing" class="hover:text-white transition-colors">Pricing</a>
          <a href="/blog" class="hover:text-white transition-colors">Blog</a>
          <a href="/privacy-policy" class="hover:text-white transition-colors">Privacy Policy</a>
          <a href="/terms-of-service" class="hover:text-white transition-colors">Terms of Service</a>
          <a href="/contact" class="hover:text-white transition-colors">Contact</a>
        </div>
        <p>© 2026 TechMitten LLC. All rights reserved.</p>
      </div>
    </footer>
  </div>
  </body>
</html>
