<!DOCTYPE html>
<html lang="en" data-page="root">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="format-detection" content="telephone=no" />
<title>Subsee — Track Subscriptions, Trials & Contracts on iPhone, iPad and Mac</title>
<meta name="description" content="Subsee is the privacy-first subscription tracker for the Apple ecosystem. Track recurring payments, free trials and contracts on iPhone, iPad and Mac — without handing over your bank credentials." />
<meta name="keywords" content="subscription tracker, manage subscriptions, recurring payments, free trial tracker, contract notice period, privacy-first, iOS subscriptions app, iPhone, iPad, Mac, Subsee" />
<meta name="author" content="Tabee Networking Limited" />
<meta name="application-name" content="Subsee" />
<meta name="apple-mobile-web-app-title" content="Subsee" />
<meta name="theme-color" content="#4F46E5" />
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<meta name="googlebot" content="index, follow" />
<meta name="referrer" content="strict-origin-when-cross-origin" />
<meta name="color-scheme" content="light dark" />

<!-- Canonical -->
<link rel="canonical" href="https://subsee.app/" />

<!-- hreflang for 17 locales + x-default -->
<link rel="alternate" hreflang="en" href="https://subsee.app/" />
<link rel="alternate" hreflang="ru" href="https://subsee.app/ru/" />
<link rel="alternate" hreflang="ar" href="https://subsee.app/ar/" />
<link rel="alternate" hreflang="he" href="https://subsee.app/he/" />
<link rel="alternate" hreflang="de" href="https://subsee.app/de/" />
<link rel="alternate" hreflang="es" href="https://subsee.app/es/" />
<link rel="alternate" hreflang="zh-Hans" href="https://subsee.app/zh/" />
<link rel="alternate" hreflang="pt" href="https://subsee.app/pt/" />
<link rel="alternate" hreflang="tr" href="https://subsee.app/tr/" />
<link rel="alternate" hreflang="fr" href="https://subsee.app/fr/" />
<link rel="alternate" hreflang="nl" href="https://subsee.app/nl/" />
<link rel="alternate" hreflang="pl" href="https://subsee.app/pl/" />
<link rel="alternate" hreflang="it" href="https://subsee.app/it/" />
<link rel="alternate" hreflang="vi" href="https://subsee.app/vi/" />
<link rel="alternate" hreflang="el" href="https://subsee.app/el/" />
<link rel="alternate" hreflang="ga" href="https://subsee.app/ga/" />
<link rel="alternate" hreflang="uk" href="https://subsee.app/uk/" />
<link rel="alternate" hreflang="fi" href="https://subsee.app/fi/" />
<link rel="alternate" hreflang="hu" href="https://subsee.app/hu/" />
<link rel="alternate" hreflang="ja" href="https://subsee.app/ja/" />
<link rel="alternate" hreflang="x-default" href="https://subsee.app/" />

<!-- Open Graph -->
<meta property="og:site_name" content="Subsee" />
<meta property="og:title" content="Subsee — Track Subscriptions, Trials & Contracts" />
<meta property="og:description" content="Privacy-first subscription tracker for iPhone, iPad and Mac. No bank logins. Hundreds of templates, trial reminders, contract notice periods." />
<meta property="og:image" content="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/1200x630wa.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Subsee — Track Subscriptions" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://subsee.app/" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="ru_RU" />
<meta property="og:locale:alternate" content="ar_AE" />
<meta property="og:locale:alternate" content="he_IL" />
<meta property="og:locale:alternate" content="de_DE" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:locale:alternate" content="zh_CN" />
<meta property="og:locale:alternate" content="pt_BR" />
<meta property="og:locale:alternate" content="tr_TR" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="nl_NL" />
<meta property="og:locale:alternate" content="pl_PL" />
<meta property="og:locale:alternate" content="it_IT" />
<meta property="og:locale:alternate" content="vi_VN" />
<meta property="og:locale:alternate" content="el_GR" />
<meta property="og:locale:alternate" content="ga_IE" />
<meta property="og:locale:alternate" content="uk_UA" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@subseeapp" />
<meta name="twitter:title" content="Subsee — Track Subscriptions" />
<meta name="twitter:description" content="Privacy-first subscription tracker for the Apple ecosystem." />
<meta name="twitter:image" content="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/1200x630wa.jpg" />
<meta name="twitter:image:alt" content="Subsee — Track Subscriptions" />

<!-- Apple Web App -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />

<!-- Performance preconnects (DNS+TLS warm-up for cross-origin assets) -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://is1-ssl.mzstatic.com" crossorigin />
<link rel="dns-prefetch" href="https://api.qrserver.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />

<!-- Critical above-the-fold image hint for LCP (brand icon used in nav) -->
<link rel="preload" as="image" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/256x256bb.png" fetchpriority="high" />

<!-- Fonts (non-render-blocking via media-toggle trick) -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" media="print" onload="this.media='all';this.onload=null;" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" /></noscript>

<!-- Favicons (multiple sizes for browsers + search engines) -->
<link rel="icon" type="image/png" sizes="16x16" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/16x16bb.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/32x32bb.png" />
<link rel="icon" type="image/png" sizes="96x96" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/96x96bb.png" />
<link rel="icon" type="image/png" sizes="192x192" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/192x192bb.png" />
<link rel="icon" type="image/png" sizes="512x512" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/512x512bb.png" />
<link rel="apple-touch-icon" sizes="180x180" href="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/180x180bb.png" />
<link rel="manifest" href="/manifest.webmanifest" />

<!-- JSON-LD: SoftwareApplication -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Subsee — Track Subscriptions",
  "alternateName": "Subsee",
  "url": "https://subsee.app/",
  "image": "https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/512x512bb.png",
  "description": "Subsee is the privacy-first subscription tracker for the Apple ecosystem. Track recurring payments, free trials and contracts on iPhone, iPad and Mac — without handing over your bank credentials.",
  "applicationCategory": "FinanceApplication",
  "applicationSubCategory": "Subscription tracker",
  "operatingSystem": "iOS 14, iPadOS 14, macOS 11 (Apple Silicon)",
  "downloadUrl": "https://apps.apple.com/us/app/subsee-track-subscriptions/id1499253615",
  "installUrl": "https://trk.subsee.app/sl/bmYgMQ?pid=2113",
  "offers": [
    { "@type": "Offer", "price": "0", "priceCurrency": "USD", "category": "Free download" },
    { "@type": "Offer", "price": "8.99", "priceCurrency": "USD", "category": "In-app purchase", "name": "Unlimited Subscriptions" }
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.4",
    "ratingCount": "118",
    "bestRating": "5",
    "worstRating": "1"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Tabee Networking Limited",
    "url": "https://tabee.app/"
  },
  "inLanguage": ["en","ru","ar","he","de","es","zh-Hans","pt","tr","fr","nl","pl","it","vi","el","ga","uk","fi","hu","ja"],
  "datePublished": "2020-01-01",
  "softwareVersion": "3.x",
  "screenshot": "https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/1200x630wa.jpg"
}
</script>

<!-- JSON-LD: Organization -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Tabee Networking Limited",
  "alternateName": "Tabee",
  "url": "https://tabee.app/",
  "logo": "https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/86/0a/4a/860a4afc-561f-347e-63fd-06fd1586e138/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/512x512bb.png",
  "foundingDate": "2014",
  "founders": [{ "@type": "Organization", "name": "Tabee Networking Limited" }],
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Block A, 12F, Hong Kong Industrial Centre, 489–491 Castle Peak Rd",
    "addressLocality": "Kowloon",
    "addressRegion": "Hong Kong",
    "addressCountry": "HK"
  },
  "contactPoint": [
    { "@type": "ContactPoint", "email": "support@subsee.app", "contactType": "customer support" },
    { "@type": "ContactPoint", "email": "press@subsee.app", "contactType": "press" }
  ],
  "sameAs": [
    "https://apps.apple.com/us/developer/tabee-networking/id1438777619",
    "https://tabee.app/"
  ]
}
</script>

<!-- JSON-LD: WebSite (with sitelinks search hint) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Subsee",
  "alternateName": "Subsee — Subscription Tracker",
  "url": "https://subsee.app/",
  "inLanguage": "en",
  "publisher": { "@type": "Organization", "name": "Tabee Networking Limited" }
}
</script>

<!-- JSON-LD: FAQPage -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Does Subsee connect to my bank account?",
      "acceptedAnswer": { "@type": "Answer", "text": "No. Subsee never asks for your bank login, never integrates with Plaid or any other financial aggregator, and never reads your email receipts. You add your subscriptions yourself — and that's exactly the point. Your financial data never leaves your device or your private iCloud." }
    },
    {
      "@type": "Question",
      "name": "How much does Subsee cost?",
      "acceptedAnswer": { "@type": "Answer", "text": "Subsee is free to download. You can track an unlimited number of subscriptions with the in-app Unlimited Subscriptions purchase ($8.99 one-time), and there are also recurring Premium tiers if you'd rather pay a small fee monthly or yearly. Family Sharing is supported." }
    },
    {
      "@type": "Question",
      "name": "Which Apple devices does it work on?",
      "acceptedAnswer": { "@type": "Answer", "text": "iPhone (iOS 14+), iPad (iPadOS 14+) and Mac (macOS 11+ with Apple Silicon). All of them sync over iCloud automatically — buy once, use everywhere." }
    },
    {
      "@type": "Question",
      "name": "When will Subsee be available on Android?",
      "acceptedAnswer": { "@type": "Answer", "text": "An Android version is on our roadmap — we just haven't shipped it yet. Subsee was built natively for Apple devices first so we could take full advantage of Face ID, Home Screen widgets, Family Sharing and iCloud sync. Email hello@subsee.app to join the early-access list." }
    },
    {
      "@type": "Question",
      "name": "Can Subsee cancel a subscription for me?",
      "acceptedAnswer": { "@type": "Answer", "text": "No app can actually cancel a subscription on your behalf — that's a function of the service provider. What Subsee does is make sure you don't miss the right moment: it warns you before a free trial converts and reminds you when a contract's notice period opens." }
    },
    {
      "@type": "Question",
      "name": "Is my data shared with anyone?",
      "acceptedAnswer": { "@type": "Answer", "text": "No. Your subscription list, amounts and renewal dates live on your device and in your own iCloud. We collect only anonymous analytics to improve the app — never linked to your subscriptions or your identity." }
    },
    {
      "@type": "Question",
      "name": "What languages does Subsee support?",
      "acceptedAnswer": { "@type": "Answer", "text": "15 languages: English, Arabic, French, German, Hungarian, Italian, Japanese, Polish, Portuguese, Russian, Simplified Chinese, Spanish, Turkish, Ukrainian and Vietnamese." }
    },
    {
      "@type": "Question",
      "name": "Is there a web version of Subsee?",
      "acceptedAnswer": { "@type": "Answer", "text": "It's coming. We're working on a web companion that will sync with your iOS account so you can review your subscriptions from any browser. Email hello@subsee.app to be the first to know." }
    }
  ]
}
</script>

<!-- Google Analytics 4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6NT97QCC4C"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-6NT97QCC4C', { anonymize_ip: true });
</script>

<!-- Critical inline CSS for above-the-fold render (prevents FOUC while main stylesheet loads async) -->
<style>
:root{--text:#0A0B0F;--text-soft:#4A5160;--bg:#fff;--accent:#4F46E5;--accent-2:#7C3AED;--ring:rgba(79,70,229,.18);--radius-lg:18px;--radius-xl:22px}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(10,11,15,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:block}
.brand-name{font-weight:700;font-size:18px;letter-spacing:-0.01em}
.hero{padding:72px 0 64px;background:linear-gradient(180deg,#FAFBFF 0%,#fff 70%)}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero-title{font-size:clamp(38px,5.2vw,64px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;margin:0 0 20px}
.hero-sub{font-size:18px;color:var(--text-soft);max-width:560px;margin:0 0 28px}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}.hero{padding:48px 0 40px}}
</style>
<link rel="preload" href="styles.css" as="style" />
<link rel="stylesheet" href="styles.css" media="print" onload="this.media='all';this.onload=null;" />
<noscript><link rel="stylesheet" href="styles.css" /></noscript>
</head>
<body>

<!-- =================== NAV =================== -->
<nav class="nav">
  <div class="container nav-inner">
    <a href="#" class="brand">
      <span class="brand-icon"></span>
      <span>Subsee</span>
    </a>
    <div class="nav-links">
      <a href="#features" class="desktop-only">Features</a>
      <a href="submit/" class="desktop-only">Submit a template</a>
      <a href="about/" class="desktop-only">About</a>
      <a href="apps/" class="desktop-only">More apps</a>
      <a href="https://trk.subsee.app/sl/bmYgMQ?pid=2113" class="nav-cta">
        Get the App
      </a>
    </div>
  </div>
</nav>

<main id="main">

<!-- =================== HERO =================== -->
<header class="hero">
  <div class="container hero-inner">
    <div class="hero-text">
      <div class="pill"><span class="dot"></span> Privacy-first · No bank login required</div>
      <h1 class="hero-title">
        Every subscription.<br/>
        One app.<br/>
        <span class="grad">Zero bank logins.</span>
      </h1>
      <p class="hero-sub">
        Subsee is the privacy-first subscription tracker for the Apple ecosystem. Track recurring payments, free trials and contracts on iPhone, iPad and Mac — without handing over your bank credentials.
      </p>
      <div class="hero-cta">
        <a href="https://trk.subsee.app/sl/bmYgMQ?pid=2113" class="app-store-badge" aria-label="Download Subsee on the App Store">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M17.05 12.04c-.03-2.79 2.28-4.13 2.39-4.2-1.31-1.91-3.34-2.17-4.06-2.2-1.73-.18-3.38 1.02-4.26 1.02-.89 0-2.24-.99-3.69-.96-1.9.03-3.65 1.1-4.62 2.8-1.97 3.42-.5 8.48 1.41 11.26.93 1.36 2.04 2.89 3.49 2.83 1.41-.06 1.94-.91 3.65-.91 1.69 0 2.18.91 3.66.88 1.51-.03 2.47-1.38 3.39-2.75 1.07-1.58 1.51-3.11 1.53-3.19-.03-.01-2.92-1.12-2.95-4.44zM14.36 3.79c.77-.94 1.29-2.25 1.15-3.55-1.11.05-2.46.74-3.26 1.68-.72.83-1.34 2.16-1.17 3.44 1.24.09 2.51-.63 3.28-1.57z"/>
          </svg>
          <div>
            <div class="label-top">Download on the</div>
            <div class="label-bot">App Store</div>
          </div>
          <div class="qr-tooltip" aria-hidden="true">
            <img src="https://api.qrserver.com/v1/create-qr-code/?size=320x320&amp;margin=8&amp;data=https%3A%2F%2Ftrk.subsee.app%2Fsl%2FbmYgMQ%3Fpid%3D2113" width="160" height="160" alt="" loading="lazy" />
            <div class="qr-tooltip-label">Scan to install</div>
            <div class="qr-tooltip-url">trk.subsee.app/sl/bmYgMQ</div>
          </div>
        </a>
        <a href="#android" class="play-store-badge" aria-label="Android version coming soon — see FAQ">
          <span class="soon-tag">Coming soon</span>
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M3 2.5v19l16-9.5L3 2.5z"/>
          </svg>
          <div>
            <div class="label-top">Coming soon on</div>
            <div class="label-bot">Google Play</div>
          </div>
          <div class="qr-tooltip is-soon" aria-hidden="true">
            <div class="qr-soon-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
            </div>
            <div class="qr-soon-title">Android is on the way</div>
            <div class="qr-soon-msg">Drop us a line at <strong>hello@subsee.app</strong> to be among the first to try it.</div>
          </div>
        </a>
        <a href="#features" class="btn-secondary">
          See features
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
        </a>
      </div>
      <div class="hero-trust">
        <span><span class="stars">★★★★★</span> 4.4 / 5 · 118+ ratings</span>
        <span class="sep"></span>
        <span>Free · In-App Purchases</span>
        <span class="sep"></span>
        <span>15 languages</span>
      </div>
    </div>

    <!-- Phone mockup -->
    <div class="phone-wrap">
      <div class="float-card notif">
        <div class="float-icon" style="background:#FEF3C7;color:#D97706;">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
        </div>
        <div class="float-text">
          <strong>Netflix renews in 2 days</strong>
          <span>$15.49 · Nov 14</span>
        </div>
      </div>

      <div class="phone" role="img" aria-label="Subsee app — main screen showing monthly total and subscriptions">
        <div class="phone-notch"></div>
        <div class="phone-screen">
          <div class="screen-header">
            <h2>Subscriptions</h2>
            <div class="header-icon">+</div>
          </div>
          <div class="total-card">
            <div class="label">Total this month</div>
            <div class="amount">$142.87</div>
            <div class="sub">Next month: $156.32 · 12 active</div>
          </div>
          <div class="sub-list">
            <div class="sub-item">
              <div class="sub-logo" style="background:#E50914;">N</div>
              <div class="sub-info">
                <div class="sub-name">Netflix</div>
                <div class="sub-date">Renews Nov 14</div>
              </div>
              <div class="sub-amount">$15.49<div class="per">/ mo</div></div>
            </div>
            <div class="sub-item">
              <div class="sub-logo" style="background:#1DB954;">♪</div>
              <div class="sub-info">
                <div class="sub-name">Spotify Family</div>
                <div class="sub-date">Renews Nov 20</div>
              </div>
              <div class="sub-amount">$16.99<div class="per">/ mo</div></div>
            </div>
            <div class="sub-item">
              <div class="sub-logo" style="background:#0071E3;">i</div>
              <div class="sub-info">
                <div class="sub-name">iCloud+ 2TB</div>
                <div class="sub-date">Renews Nov 22</div>
              </div>
              <div class="sub-amount">$9.99<div class="per">/ mo</div></div>
            </div>
            <div class="sub-item">
              <div class="sub-logo" style="background:#FF0000;">▶</div>
              <div class="sub-info">
                <div class="sub-name">YouTube Premium</div>
                <div class="sub-date">Renews Nov 27</div>
              </div>
              <div class="sub-amount">$13.99<div class="per">/ mo</div></div>
            </div>
            <div class="sub-item">
              <div class="sub-logo" style="background:#000000;">G</div>
              <div class="sub-info">
                <div class="sub-name">GitHub Pro</div>
                <div class="sub-date">Renews Dec 02</div>
              </div>
              <div class="sub-amount">$4.00<div class="per">/ mo</div></div>
            </div>
          </div>
        </div>
      </div>

      <div class="float-card chart">
        <div class="float-text" style="width:100%;">
          <strong>12-month spend</strong>
          <span style="font-size:11px;">$1,714 · this year</span>
          <div class="mini-chart">
            <div class="bar" style="height:40%"></div>
            <div class="bar" style="height:55%"></div>
            <div class="bar" style="height:48%"></div>
            <div class="bar" style="height:70%"></div>
            <div class="bar" style="height:62%"></div>
            <div class="bar" style="height:85%"></div>
            <div class="bar" style="height:78%"></div>
            <div class="bar" style="height:92%"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

<!-- =================== STAT STRIP =================== -->
<section class="stat-strip">
  <div class="container stat-strip-inner">
    <div class="stat"><div class="num">4.4★</div><div class="label">App Store rating</div></div>
    <div class="stat"><div class="num">5+</div><div class="label">Years on App Store</div></div>
    <div class="stat"><div class="num">15</div><div class="label">Languages supported</div></div>
    <div class="stat"><div class="num">4</div><div class="label">Apple platforms</div></div>
  </div>
</section>

<!-- =================== PROBLEM =================== -->
<section class="problem">
  <div class="container">
    <div style="text-align:center;">
      <div class="eyebrow">The hidden subscription tax</div>
    </div>
    <h2>The average person pays for <span class="grad">8 subscriptions</span> and thinks they're paying for 3.</h2>
    <div class="problem-grid">
      <div class="problem-card">
        <div class="big">$219</div>
        <p>What an average household actually spends on subscriptions every month.</p>
      </div>
      <div class="problem-card">
        <div class="big">$86</div>
        <p>What they think they're spending. A 2.5× perception gap.</p>
      </div>
      <div class="problem-card">
        <div class="big">$133</div>
        <p>Quietly leaking out of your account every month — until you see it.</p>
      </div>
    </div>
  </div>
</section>

<!-- =================== FEATURES =================== -->
<section class="block" id="features">
  <div class="container">
    <div class="section-head">
      <div class="eyebrow">Features</div>
      <h2 class="section-title">Built for the way Apple users actually live.</h2>
      <p class="section-sub">Native on every Apple device. Encrypted with Face ID. Synced through your own iCloud — never our servers.</p>
    </div>

    <div class="features-grid">

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16v4H4z"/><path d="M4 12h16v4H4z"/><path d="M4 20h10"/></svg>
        </div>
        <h3>Hundreds of templates</h3>
        <p>Netflix, Spotify, iCloud, gym memberships — start typing and Subsee fills in the logo, color and billing cycle. Or build a custom one in seconds.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
        </div>
        <h3>Smart renewal alerts</h3>
        <p>Opt-in push notifications tell you when a bill is coming, when a trial is about to convert, and when your contract's cancellation window opens.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        </div>
        <h3>Free trial control</h3>
        <p>Track every free trial in one place. Get a reminder a day, a week, whenever you want — before the trial silently turns into a $15/month bill.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="15" y2="17"/></svg>
        </div>
        <h3>Contracts &amp; notice periods</h3>
        <p>Gym, phone plan, lease — Subsee tracks the notice period so you don't miss the cancellation window and roll into another year by accident.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
        </div>
        <h3>Beautiful spend chart</h3>
        <p>See where your money has actually gone over the last 12 months. Spot the recurring charge you forgot about. Pause it. Save it.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
        </div>
        <h3>Face ID &amp; Touch ID lock</h3>
        <p>Your financial data is yours alone. Biometric lock keeps Subsee private even if your phone is unlocked.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>
        </div>
        <h3>Home Screen widgets</h3>
        <p>See this month's total and your next renewal without opening the app. Available on iPhone, iPad and Mac.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
        </div>
        <h3>Family Sharing</h3>
        <p>Share your premium plan with up to five family members through Apple's Family Sharing — no extra accounts to manage.</p>
      </div>

      <div class="feature">
        <div class="feature-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
        </div>
        <h3>Native on every Apple device</h3>
        <p>One app, one purchase. iPhone, iPad and Mac (Apple Silicon) — synced via iCloud automatically.</p>
      </div>

    </div>
  </div>
</section>

<!-- =================== SCREENSHOTS =================== -->
<section class="block screens" id="screens">
  <div class="container">
    <div class="section-head">
      <div class="eyebrow">Take a look inside</div>
      <h2 class="section-title">Designed to disappear into your workflow.</h2>
      <p class="section-sub">Open it once a month, scroll, and feel completely in control of your money.</p>
    </div>

    <div class="screens-grid">

      <!-- Screen 1: subscriptions list -->
      <div>
        <div class="phone">
          <div class="phone-notch"></div>
          <div class="phone-screen">
            <div class="screen-header">
              <h2>Subscriptions</h2>
              <div class="header-icon">+</div>
            </div>
            <div class="total-card">
              <div class="label">Total this month</div>
              <div class="amount">$142.87</div>
              <div class="sub">12 active · 2 trials</div>
            </div>
            <div class="sub-list">
              <div class="sub-item">
                <div class="sub-logo" style="background:#E50914;">N</div>
                <div class="sub-info"><div class="sub-name">Netflix</div><div class="sub-date">Renews Nov 14</div></div>
                <div class="sub-amount">$15.49</div>
              </div>
              <div class="sub-item">
                <div class="sub-logo" style="background:#1DB954;">♪</div>
                <div class="sub-info"><div class="sub-name">Spotify Family</div><div class="sub-date">Renews Nov 20</div></div>
                <div class="sub-amount">$16.99</div>
              </div>
              <div class="sub-item">
                <div class="sub-logo" style="background:#0071E3;">i</div>
                <div class="sub-info"><div class="sub-name">iCloud+ 2TB</div><div class="sub-date">Renews Nov 22</div></div>
                <div class="sub-amount">$9.99</div>
              </div>
              <div class="sub-item">
                <div class="sub-logo" style="background:#5865F2;">D</div>
                <div class="sub-info"><div class="sub-name">Disney+</div><div class="sub-date">Renews Nov 25</div></div>
                <div class="sub-amount">$13.99</div>
              </div>
            </div>
          </div>
        </div>
        <div class="screen-caption">A clear monthly total and every charge in order.</div>
      </div>

      <!-- Screen 2: Trial / contract -->
      <div>
        <div class="phone center">
          <div class="phone-notch"></div>
          <div class="phone-screen">
            <div class="screen-trial">
              <div class="screen-header" style="padding:0 0 14px;">
                <h2 style="font-size:22px;">Trials</h2>
                <div class="header-icon">↻</div>
              </div>
              <div class="trial-card">
                <span class="tag">Free trial</span>
                <h4>Adobe Creative Cloud</h4>
                <div class="timer">
                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                  <span>Ends Friday</span>
                </div>
                <div class="countdown" style="margin-top:6px;">2 days left</div>
              </div>
              <div class="trial-card" style="background:linear-gradient(135deg,#DBEAFE,#E0E7FF);">
                <span class="tag" style="background:rgba(79,70,229,0.15);color:#4338CA;">Contract</span>
                <h4>Equinox Gym</h4>
                <div class="timer" style="color:#3730A3;">
                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                  <span>Notice period: 30 days</span>
                </div>
                <div class="countdown" style="margin-top:6px;color:#3730A3;">Cancel by Jan 12</div>
              </div>
              <div style="font-size:11px;color:var(--text-mute);margin-top:8px;text-align:center;">Push reminders on iPhone, Watch & Mac</div>
            </div>
          </div>
        </div>
        <div class="screen-caption">Free trials and contract notice periods — never miss a window.</div>
      </div>

      <!-- Screen 3: Chart -->
      <div>
        <div class="phone">
          <div class="phone-notch"></div>
          <div class="phone-screen">
            <div class="screen-chart">
              <div class="screen-header" style="padding:0 0 14px;">
                <h2 style="font-size:22px;">Statistics</h2>
                <div class="header-icon">≡</div>
              </div>
              <div class="chart-card">
                <div class="label">Last 12 months</div>
                <div class="value">$1,714.32</div>
                <svg width="100%" height="120" viewBox="0 0 240 120" xmlns="http://www.w3.org/2000/svg">
                  <defs>
                    <linearGradient id="barGrad" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#4F46E5"/>
                      <stop offset="100%" stop-color="#06B6D4"/>
                    </linearGradient>
                  </defs>
                  <rect x="0"   y="80" width="14" height="40" rx="3" fill="url(#barGrad)" opacity="0.7"/>
                  <rect x="20"  y="65" width="14" height="55" rx="3" fill="url(#barGrad)" opacity="0.75"/>
                  <rect x="40"  y="70" width="14" height="50" rx="3" fill="url(#barGrad)" opacity="0.8"/>
                  <rect x="60"  y="50" width="14" height="70" rx="3" fill="url(#barGrad)" opacity="0.85"/>
                  <rect x="80"  y="55" width="14" height="65" rx="3" fill="url(#barGrad)" opacity="0.9"/>
                  <rect x="100" y="35" width="14" height="85" rx="3" fill="url(#barGrad)"/>
                  <rect x="120" y="40" width="14" height="80" rx="3" fill="url(#barGrad)"/>
                  <rect x="140" y="20" width="14" height="100" rx="3" fill="url(#barGrad)"/>
                  <rect x="160" y="30" width="14" height="90" rx="3" fill="url(#barGrad)"/>
                  <rect x="180" y="25" width="14" height="95" rx="3" fill="url(#barGrad)"/>
                  <rect x="200" y="45" width="14" height="75" rx="3" fill="url(#barGrad)" opacity="0.9"/>
                  <rect x="220" y="55" width="14" height="65" rx="3" fill="url(#barGrad)" opacity="0.85"/>
                </svg>
                <div class="chart-legend"><span>Dec</span><span>Mar</span><span>Jun</span><span>Sep</span><span>Now</span></div>
              </div>
              <div class="chart-card">
                <div class="label">Biggest category</div>
                <div class="value" style="font-size:18px;">Streaming · $58.46</div>
              </div>
              <div class="chart-card">
                <div class="label">Saved this year</div>
                <div class="value" style="font-size:18px;color:var(--success);">+ $284 cancelled</div>
              </div>
            </div>
          </div>
        </div>
        <div class="screen-caption">A 12-month chart that shows you where your money actually goes.</div>
      </div>

    </div>
  </div>
</section>

<!-- =================== WHY SUBSEE =================== -->
<section class="block why" id="why">
  <div class="container">
    <div class="section-head">
      <div class="eyebrow">Why Subsee</div>
      <h2 class="section-title">Privacy-first. Native. Yours.</h2>
      <p class="section-sub">We don't ask for your bank password. We don't read your email. We don't sell your data. We just help you see what you're paying for.</p>
    </div>

    <div class="why-grid">
      <ul class="why-bullets">
        <li>
          <span class="check">✓</span>
          <div>
            <h3>No bank credentials, ever</h3>
            <p>You stay in control. There's no Plaid, no email scraping, no third-party aggregator with access to your transactions.</p>
          </div>
        </li>
        <li>
          <span class="check">✓</span>
          <div>
            <h3>Synced through your own iCloud</h3>
            <p>Your data lives on your devices and in your private iCloud. We never see it.</p>
          </div>
        </li>
        <li>
          <span class="check">✓</span>
          <div>
            <h3>Made for Apple from day one</h3>
            <p>Five years of iterating on iPhone, iPad and Mac. Widgets. Face ID. Family Sharing. All native, all the time.</p>
          </div>
        </li>
        <li>
          <span class="check">✓</span>
          <div>
            <h3>Built by a small, accountable team</h3>
            <p>We read every review and ship in response. 4.4 stars across 118+ ratings — and we're still here, still shipping.</p>
          </div>
        </li>
      </ul>

      <div class="compare" aria-label="Comparison between Subsee and bank-connected alternatives">
        <h3>Subsee vs. bank-connected apps</h3>
        <div class="compare-row">
          <span class="feature-name"></span>
          <span class="col-h ours">Subsee</span>
          <span class="col-h theirs">Others</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">Works without a bank login</span>
          <span class="yes">✓</span>
          <span class="no">✕</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">Data stays on your devices</span>
          <span class="yes">✓</span>
          <span class="no">✕</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">Tracks free trials separately</span>
          <span class="yes">✓</span>
          <span class="no">~</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">Tracks contract notice periods</span>
          <span class="yes">✓</span>
          <span class="no">✕</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">iPad &amp; Mac native apps</span>
          <span class="yes">✓</span>
          <span class="no">~</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">Home Screen widgets</span>
          <span class="yes">✓</span>
          <span class="no">~</span>
        </div>
        <div class="compare-row">
          <span class="feature-name">One-time unlock available</span>
          <span class="yes">✓</span>
          <span class="no">✕</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- =================== FAQ =================== -->
<section class="block faq" id="faq">
  <div class="container">
    <div class="section-head">
      <div class="eyebrow">Frequently asked</div>
      <h2 class="section-title">Answers to the questions we hear most.</h2>
    </div>

    <div class="faq-list">

      <details class="faq-item">
        <summary>Does Subsee connect to my bank account?</summary>
        <div class="answer">No. Subsee never asks for your bank login, never integrates with Plaid or any other financial aggregator, and never reads your email receipts. You add your subscriptions yourself — and that's exactly the point. Your financial data never leaves your device or your private iCloud.</div>
      </details>

      <details class="faq-item">
        <summary>How much does Subsee cost?</summary>
        <div class="answer">Subsee is free to download. You can track an unlimited number of subscriptions with the in-app Unlimited Subscriptions purchase ($8.99 one-time), and there are also recurring Premium tiers if you'd rather pay a small fee monthly or yearly. Family Sharing is supported.</div>
      </details>

      <details class="faq-item">
        <summary>Which Apple devices does it work on?</summary>
        <div class="answer">iPhone (iOS 14+), iPad (iPadOS 14+) and Mac (macOS 11+ with Apple Silicon). All of them sync over iCloud automatically — buy once, use everywhere.</div>
      </details>

      <details class="faq-item" id="android">
        <summary>When will Subsee be available on Android?</summary>
        <div class="answer">An Android version is on our roadmap — we just haven't shipped it yet. Subsee was built natively for Apple devices first so we could take full advantage of Face ID, Home Screen widgets, Family Sharing and iCloud sync, and we'd rather do Android right than rush a port. If you'd like a heads-up the moment the beta opens, drop us a line at <a href="mailto:hello@subsee.app" style="color:var(--primary);text-decoration:underline;">hello@subsee.app</a> and we'll add you to the early-access list.</div>
      </details>

      <details class="faq-item">
        <summary>Can Subsee cancel a subscription for me?</summary>
        <div class="answer">No app can actually cancel a subscription on your behalf — that's a function of the service provider. What Subsee does is make sure you don't miss the right moment: it warns you before a free trial converts and reminds you when a contract's notice period opens.</div>
      </details>

      <details class="faq-item">
        <summary>Is my data shared with anyone?</summary>
        <div class="answer">No. Your subscription list, amounts and renewal dates live on your device and in your own iCloud. We collect only anonymous analytics to improve the app — never linked to your subscriptions or your identity. Read the full <a href="privacy/" style="color:var(--primary);text-decoration:underline;">privacy policy</a>.</div>
      </details>

      <details class="faq-item">
        <summary>What languages does Subsee support?</summary>
        <div class="answer">15 languages: English, Arabic, French, German, Hungarian, Italian, Japanese, Polish, Portuguese, Russian, Simplified Chinese, Spanish, Turkish, Ukrainian and Vietnamese.</div>
      </details>

      <details class="faq-item">
        <summary>A web version — when?</summary>
        <div class="answer">It's coming. We're working on a web companion that will sync with your iOS account so you can review your subscriptions from any browser. Want to be the first to know? Drop us a note at <a href="mailto:hello@subsee.app" style="color:var(--primary);text-decoration:underline;">hello@subsee.app</a>.</div>
      </details>

    </div>
  </div>
</section>

<!-- =================== FINAL CTA =================== -->
<section class="final-cta">
  <div class="container final-cta-inner">
    <h2>Stop paying for things you forgot you signed up for. <span class="grad">Start with Subsee.</span></h2>
    <p>Free to download. Works offline. No bank login required.</p>
    <div style="display:flex;justify-content:center;flex-wrap:wrap;gap:14px;">
      <a href="https://trk.subsee.app/sl/bmYgMQ?pid=2113" class="app-store-badge">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M17.05 12.04c-.03-2.79 2.28-4.13 2.39-4.2-1.31-1.91-3.34-2.17-4.06-2.2-1.73-.18-3.38 1.02-4.26 1.02-.89 0-2.24-.99-3.69-.96-1.9.03-3.65 1.1-4.62 2.8-1.97 3.42-.5 8.48 1.41 11.26.93 1.36 2.04 2.89 3.49 2.83 1.41-.06 1.94-.91 3.65-.91 1.69 0 2.18.91 3.66.88 1.51-.03 2.47-1.38 3.39-2.75 1.07-1.58 1.51-3.11 1.53-3.19-.03-.01-2.92-1.12-2.95-4.44zM14.36 3.79c.77-.94 1.29-2.25 1.15-3.55-1.11.05-2.46.74-3.26 1.68-.72.83-1.34 2.16-1.17 3.44 1.24.09 2.51-.63 3.28-1.57z"/>
        </svg>
        <div>
          <div class="label-top">Download on the</div>
          <div class="label-bot">App Store</div>
        </div>
        <div class="qr-tooltip" aria-hidden="true">
          <img src="https://api.qrserver.com/v1/create-qr-code/?size=320x320&amp;margin=8&amp;data=https%3A%2F%2Ftrk.subsee.app%2Fsl%2FbmYgMQ%3Fpid%3D2113" width="160" height="160" alt="" loading="lazy" />
          <div class="qr-tooltip-label">Scan to install</div>
          <div class="qr-tooltip-url">trk.subsee.app/sl/bmYgMQ</div>
        </div>
      </a>
      <a href="#android" class="play-store-badge" aria-label="Android version coming soon — see FAQ">
        <span class="soon-tag">Coming soon</span>
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M3 2.5v19l16-9.5L3 2.5z"/>
        </svg>
        <div>
          <div class="label-top">Coming soon on</div>
          <div class="label-bot">Google Play</div>
        </div>
        <div class="qr-tooltip is-soon" aria-hidden="true">
          <div class="qr-soon-icon">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <div class="qr-soon-title">Android is on the way</div>
          <div class="qr-soon-msg">Drop us a line at <strong>hello@subsee.app</strong> to be among the first to try it.</div>
        </div>
      </a>
    </div>
  </div>
</section>

</main>

<!-- =================== FOOTER =================== -->
<footer>
  <div class="container">
    <div class="footer-inner">
      <div class="footer-brand">
        <div class="brand">
          <span class="brand-icon"></span>
          <span>Subsee</span>
        </div>
        <p>The privacy-first subscription tracker. Made by Tabee Networking Limited.</p>
      </div>
      <div class="footer-col">
        <h2 class="footer-col-title">Product</h2>
        <ul>
          <li><a href="#features">Features</a></li>
          <li><a href="#screens">Screenshots</a></li>
          <li><a href="#why">Why Subsee</a></li>
          <li><a href="submit/">Submit a template</a></li>
          <li><a href="#faq">FAQ</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h2 class="footer-col-title">Company</h2>
        <ul>
          <li><a href="about/">About</a></li>
          <li><a href="apps/">More apps</a></li>
          <li><a href="mailto:support@subsee.app">Contact</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h2 class="footer-col-title">Legal</h2>
        <ul>
          <li><a href="privacy/">Privacy Policy</a></li>
          <li><a href="terms/">Terms of Use</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© <span id="year">2026</span> Tabee Networking Limited. All rights reserved.</span>
      <div class="lang-switcher">
        <button class="lang-switcher-btn" id="langSwitcherBtn" aria-haspopup="listbox" aria-expanded="false" aria-label="Choose language">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/>
            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
          </svg>
          <span id="langSwitcherCurrent">English</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <ul class="lang-switcher-menu" id="langSwitcherMenu" role="listbox"></ul>
      </div>
      <span>Apple, the Apple logo, iPhone, iPad and Mac are trademarks of Apple Inc. Google Play and the Google Play logo are trademarks of Google LLC.</span>
    </div>
  </div>
</footer>
<script src="assets/lang.js" defer></script>

<script>
  // Year stamp
  document.getElementById('year').textContent = new Date().getFullYear();

  // Smooth-scroll for in-page anchors (handles older browsers)
  document.querySelectorAll('a[href^="#"]').forEach(a => {
    a.addEventListener('click', function (e) {
      const href = this.getAttribute('href');
      if (href.length > 1) {
        const target = document.querySelector(href);
        if (target) {
          e.preventDefault();
          target.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }
      }
    });
  });
</script>

</body>
</html>
