<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <!-- Ultra-fast performance optimizations -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
    
    <!-- Build version for cache invalidation - v6.1 FINAL -->
    <meta name="build-id" content="v6-1-final-clear-20251023">
    <meta name="build-timestamp" content="%BUILD_TIMESTAMP%">
    <!-- Optimized cache strategy: allow browser caching for performance -->
    <meta http-equiv="Cache-Control" content="public, max-age=3600, stale-while-revalidate=86400">
    
    <!-- Favicon with proper caching -->
    <link rel="icon" type="image/png" sizes="32x32" href="/logo.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/logo.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/logo.png">
    <!-- iOS Safari specific meta tags -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Planckchron" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <!-- Android Chrome specific meta tags -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="theme-color" content="#1e40af" />
    <meta name="msapplication-navbutton-color" content="#1e40af" />
    
    <!-- Mobile App Deep Links -->
    <meta name="apple-itunes-app" content="app-id=planckchron-ios" />
    <meta name="google-play-app" content="app-id=com.planckchron.app" />
    <title>Planckchron | Quantum Computing, AI, Biotech &amp; Space Technology Leaders</title>
    <meta name="description" content="Leading technology company specializing in quantum computing, artificial intelligence, biotechnology, and space exploration. Expert quantum algorithms, CRISPR gene editing, neural interfaces, and Mars exploration technology.">
    <meta name="author" content="Planckchron" />
    <meta name="sentry-dsn" content="%VITE_SENTRY_DSN%">
    
    <!-- Critical resource hints - optimized order with preconnect for FCP improvement -->
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link rel="preconnect" href="https://www.google-analytics.com">
    <link rel="preconnect" href="https://images.unsplash.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://www.google.com">
    <link rel="dns-prefetch" href="https://images.unsplash.com">
    
    <!-- Preload optimized logo for instant FCP -->
    <link rel="preload" as="image" href="/logo-optimized.webp" type="image/webp" fetchpriority="high">
    <link rel="preload" as="image" href="/logo-optimized.png" fetchpriority="high">
    
    <!-- LCP Image Preload - highest priority -->
    <link rel="preload" as="image" href="/assets/img/mars-robot-hero-MW5wSsSk.jpg" fetchpriority="high">
    
    <!-- Phase 4: Optimized Font Loading - Critical weights only with font-display optional -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- Only load critical weights (400, 600) for better performance -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=optional">
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=optional">
    </noscript>
    
    <!-- Phase 4: Font-display optional for instant text rendering -->
    <style>
      @font-face {
        font-family: 'Inter';
        font-display: optional;
        src: local('Inter');
      }
      @font-face {
        font-family: 'Space Grotesk';
        font-display: optional;
        src: local('Space Grotesk');
      }
    </style>
    
    <!-- Critical CSS for LCP optimization - inline to prevent render blocking -->
    <style>
      /* Critical above-the-fold styles */
      html,body{margin:0;padding:0;min-height:100vh;}
      .hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
      img[loading="eager"]{display:block;max-width:100%;height:auto;}
    </style>
    
    <!-- Main CSS - loaded asynchronously to prevent render blocking -->
    <noscript></noscript>
    
    <!-- Preload LCP image for faster paint -->
    <link rel="preload" as="image" href="/assets/img/mars-robot-hero-MW5wSsSk.jpg" fetchpriority="high">
    
    <!-- Preload critical JavaScript bundles for parallel loading -->
    <link rel="modulepreload" href="/assets/main-DW4GocEU.tsx" fetchpriority="high">
    <link rel="modulepreload" href="/assets/App-VbY9XNvP.tsx">
    <link rel="modulepreload" href="/assets/streamlined-app-BFsfSr7p.tsx">
    <link rel="modulepreload" href="/assets/branded-loader-bcqsv8-4.tsx" fetchpriority="high">
    <link rel="modulepreload" href="/assets/auth-provider-DZOoNnZs.tsx" fetchpriority="high">
    
    <!-- HTTP/3 optimizations -->
    <meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
    <meta http-equiv="Permissions-Policy" content="interest-cohort=()">
    

    <!-- React components will override these meta tags - minimal base only -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Planckchron" />
    <meta property="og:locale" content="en_US" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@planckchron" />
    
    <!-- Page-specific SEO managed by React components -->
    <!-- Robots and canonical set dynamically per route -->
    
    <!-- Phase 9: Search Console Verification (Ready for Setup) -->
    <!-- 
      🔍 SEARCH ENGINE VERIFICATION - Setup Instructions:
      
      GOOGLE SEARCH CONSOLE:
      1. Visit: https://search.google.com/search-console
      2. Click "Add Property" → Choose "URL prefix"
      3. Enter: https://planckchron.com
      4. Select verification method: "HTML tag"
      5. Copy the content value from the meta tag
      6. Replace {GOOGLE_VERIFICATION_CODE} below with your code
      7. Click "Verify" in Search Console
      8. Submit sitemap: https://planckchron.com/sitemap.xml
      
      BING WEBMASTER TOOLS:
      1. Visit: https://www.bing.com/webmasters
      2. Click "Add a site" → Enter: https://planckchron.com
      3. Select verification method: "Meta tag"
      4. Copy the content value from the meta tag
      5. Replace {BING_VERIFICATION_CODE} below with your code
      6. Click "Verify" in Bing Webmaster Tools
      7. Submit sitemap: https://planckchron.com/sitemap.xml
      
      YANDEX WEBMASTER:
      1. Visit: https://webmaster.yandex.com
      2. Add site and verify
      
      After verification, monitor:
      - Search Console Performance Report
      - Coverage Issues
      - Core Web Vitals
      - Mobile Usability
      - Rich Results
    -->
    <meta name="google-site-verification" content="{GOOGLE_VERIFICATION_CODE}" />
    <meta name="msvalidate.01" content="{BING_VERIFICATION_CODE}" />
    <meta name="yandex-verification" content="{YANDEX_VERIFICATION_CODE}" />
    
    <!-- Alternative verification methods (uncomment if needed) -->
    <!-- Google Tag Manager verification -->
    <!-- <meta name="google-site-verification" content="{GTM_VERIFICATION_CODE}" /> -->
    
    <!-- Baidu verification (for China market) -->
    <!-- <meta name="baidu-site-verification" content="{BAIDU_VERIFICATION_CODE}" /> -->
    
    <!-- Phase 1: DNS Prefetch for External Authority Backlinks -->
    <link rel="dns-prefetch" href="//nature.com">
    <link rel="dns-prefetch" href="//mit.edu">
    <link rel="dns-prefetch" href="//arxiv.org">
    <link rel="dns-prefetch" href="//ieee.org">
    <link rel="dns-prefetch" href="//stanford.edu">
    <link rel="dns-prefetch" href="//harvard.edu">
    <link rel="dns-prefetch" href="//nasa.gov">
    
    <!-- Google reCAPTCHA v3 - deferred -->
    <link rel="preconnect" href="https://www.google.com" crossorigin>
    <link rel="dns-prefetch" href="https://www.gstatic.com">
    
    <!-- Subresource Integrity (SRI) for external scripts -->
    <!-- Note: SRI hashes must be updated when external resources change -->
    
    <!-- Expanded Critical CSS for faster initial render -->
    <style>
      /* Badge hiding */
      [data-lovable-badge],[class*="lovable" i],[id*="lovable" i],[href*="lovable.dev"],[href*="lovable.app"],iframe[src*="lovable"],div[data-badge],*[aria-label*="lovable" i],*[data-testid*="lovable"],button:has-text("Edit in Lovable"),a:has-text("Edit in Lovable"){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-99999px!important;width:0!important;height:0!important;overflow:hidden!important;z-index:-9999!important}
      
      /* CRITICAL: Instant background to prevent black screen on reload */
      html, body, #root {
        background-color: #ffffff;
      }
      
      /* Dark mode for users with dark system preference */
      @media (prefers-color-scheme: dark) {
        html, body, #root {
          background-color: #0a0a0a;
        }
      }
      
      /* Theme-specific overrides (applied by next-themes after mount) */
      html.light, html.light body, html.light #root {
        background-color: #ffffff !important;
      }
      
      html.dark, html.dark body, html.dark #root {
        background-color: #0a0a0a !important;
      }
      
      /* Critical base styles - respect theme */
      *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',sans-serif;line-height:1.6;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;min-height:100vh}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}
      
      /* Layout utilities */
      .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:640px){.container{padding:0 0.75rem}}
      
      /* Navigation - critical for CLS */
      .nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;backdrop-filter:blur(12px);background:rgba(255,255,255,0.95);border-bottom:1px solid rgba(0,0,0,0.1);will-change:transform}@media(max-width:768px){.nav-container{height:60px;padding-left:max(0.75rem,env(safe-area-inset-left));padding-right:max(0.75rem,env(safe-area-inset-right))}}
      
      /* Hero section - critical for LCP */
      .hero-section{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;contain:layout style paint}@media(max-width:768px){.hero-section{padding:120px 1rem 60px;min-height:100dvh}}.hero-title{font-size:clamp(2rem,8vw,6rem);font-weight:600;line-height:1.05;margin:0 0 1rem;letter-spacing:-0.02em}@media(max-width:480px){.hero-title{font-size:clamp(1.75rem,10vw,3rem)}}.hero-subtitle{font-size:clamp(1rem,4vw,1.5rem);opacity:0.9;margin:0 0 2rem;max-width:600px;line-height:1.5}@media(max-width:480px){.hero-subtitle{font-size:clamp(0.9rem,5vw,1.125rem)}}
      
      /* Buttons - critical interaction */
      .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:rgba(255,255,255,0.2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);transition:all 0.2s ease;min-height:48px;font-size:clamp(1rem,3.5vw,1.125rem);cursor:pointer}@media(max-width:480px){.btn-primary{padding:12px 24px;font-size:1rem}}.btn-primary:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px)}
      
      /* Images - prevent layout shift */
      img{max-width:100%;height:auto;display:block}img[loading="lazy"]{content-visibility:auto}img[fetchpriority="high"]{content-visibility:visible}
      
      /* Loader removed - React handles all loading states */
      
      /* Performance hints */
      .will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.critical-above-fold{content-visibility:visible;contain:layout style paint}.non-critical-below-fold{content-visibility:auto}
      
      /* Dark mode */
      @media (prefers-color-scheme:dark){body{background:#111;color:#fff}.nav-container{background:rgba(17,17,17,0.95);border-bottom:1px solid rgba(255,255,255,0.1)}}
      
      /* Reduced motion */
      @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
      
      /* Print */
      @media print{.nav-container,.preloader{display:none}.hero-section{min-height:auto}}
      
      /* Prevent FOUC during bfcache restore */
      html.bfcache-restore{visibility:hidden}
      html.bfcache-restore.ready{visibility:visible}
      
      /* Safe area support */
      @supports(padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}
    </style>
    
    <!-- Modern browser optimizations -->
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    
    <!-- Enhanced structured data for Google -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Planckchron",
      "alternateName": "Planckchron Technologies",
      "url": "https://planckchron.com",
      "logo": {
        "@type": "ImageObject",
        "url": "https://planckchron.com/logo.png",
        "width": 512,
        "height": 512,
        "caption": "Planckchron Logo"
      },
      "image": "https://planckchron.com/logo.png",
      "description": "Leading advancements for a smarter future through cutting-edge research and development in AI, Robotics, Computing, Healthcare, and Space exploration.",
      "foundingDate": "2018",
      "numberOfEmployees": "500-1000",
      "areaServed": ["Global", "North America", "Europe", "Asia"],
      "keywords": "quantum computing, artificial intelligence, biotechnology, space technology, sustainable energy",
      "knowsAbout": ["Quantum Computing", "Artificial Intelligence", "Biotechnology", "Space Exploration", "Sustainable Technology"],
      "sameAs": [
        "https://linkedin.com/company/planckchron",
        "https://twitter.com/planckchron",
        "https://github.com/planckchron"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+1-424-799-0460",
        "contactType": "Customer Service",
        "availableLanguage": "English"
      },
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "US"
      }
    }
    </script>
    <!-- Title and description managed by React Helmet components -->
  <meta property="og:title" content="Planckchron | Quantum Computing, AI, Biotech &amp; Space Technology Leaders">
  <meta name="twitter:title" content="Planckchron | Quantum Computing, AI, Biotech &amp; Space Technology Leaders">
  <meta property="og:description" content="Leading technology company specializing in quantum computing, artificial intelligence, biotechnology, and space exploration. Expert quantum algorithms, CRISPR gene editing, neural interfaces, and Mars exploration technology.">
  <meta name="twitter:description" content="Leading technology company specializing in quantum computing, artificial intelligence, biotechnology, and space exploration. Expert quantum algorithms, CRISPR gene editing, neural interfaces, and Mars exploration technology.">
  <meta property="og:image" content="https://planckchron.com/logo.png">
  <meta name="twitter:image" content="https://planckchron.com/logo.png">
  <script type="module" crossorigin src="/assets/index-CU6QOcnU.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-DYkzGt-f.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-3d-B1wuY4iR.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-motion-CcqBxutw.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-B-0qtrA0.js">
  <link rel="stylesheet" crossorigin href="/assets/index-C-OLrhSd.css">
</head>

  <body>
    <!-- Inline preloader with Planckchron logo -->
    <style>
      #app-preloader {
        position: fixed;
        inset: 0;
        background: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        transition: opacity 0.3s ease-out;
      }
      
      #app-preloader.fade-out {
        opacity: 0;
        pointer-events: none;
      }
      
      .preloader-logo {
        width: 80px;
        height: 80px;
        animation: logo-pulse 1.5s ease-in-out infinite;
      }
      
      @keyframes logo-pulse {
        0%, 100% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.05); opacity: 0.9; }
      }
      
      .preloader-text {
        margin-top: 16px;
        font-size: 14px;
        color: #64748b;
        font-family: system-ui, -apple-system, sans-serif;
      }
      
      @media (max-width: 768px) {
        .preloader-logo {
          width: 48px;
          height: 48px;
        }
      }
      
      @media (prefers-color-scheme: dark) {
        #app-preloader {
          background: #0a0a0a;
        }
        .preloader-text {
          color: #94a3b8;
        }
      }
    </style>
    
    <div id="app-preloader">
      <picture>
        <img src="/logo-3d.png" alt="Loading" class="preloader-logo" width="80" height="80" />
      </picture>
      <div class="preloader-text">Initializing Planckchron...</div>
    </div>
    
    <!-- CRITICAL: Clear all caches and service workers BEFORE loading app -->
    <script>
      (async function() {
        const FORCE_VERSION = 'v6-1-final-clear';
        const lastClear = localStorage.getItem('force-clear-version');
        
        if (lastClear !== FORCE_VERSION) {
          console.log('🔥 Force clearing all caches and service workers...');
          
          // 1. Unregister ALL service workers
          if ('serviceWorker' in navigator) {
            const registrations = await navigator.serviceWorker.getRegistrations();
            for (const registration of registrations) {
              await registration.unregister();
            }
          }
          
          // 2. Delete ALL caches
          if ('caches' in window) {
            const cacheNames = await caches.keys();
            for (const name of cacheNames) {
              await caches.delete(name);
            }
          }
          
          // 3. Clear session storage (but keep localStorage for user data)
          sessionStorage.clear();
          
          // 4. Mark this version as cleared
          localStorage.setItem('force-clear-version', FORCE_VERSION);
          
          console.log('✅ All caches cleared, reloading...');
          window.location.reload(true);
        }
      })();
      
      // Handle 412 errors gracefully
      window.addEventListener('error', function(e) {
        if (e.message && e.message.includes('412')) {
          console.warn('412 detected, forcing cache bypass');
          var url = new URL(window.location.href);
          url.searchParams.set('_bypass', Date.now().toString());
          window.location.replace(url.toString());
        }
      });
      
      // Monitor 412 errors
      if (window.PerformanceObserver) {
        try {
          new PerformanceObserver(function(list) {
            list.getEntries().forEach(function(entry) {
              if (entry.responseStatus === 412) {
                console.error('412 error detected:', entry.name);
              }
            });
          }).observe({ entryTypes: ['resource'] });
        } catch (e) {}
      }
    </script>
    
    <!-- Animations for page transitions only -->
    <style>
      @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    </style>
    
<div id="root"></div>

  <noscript>
    <a href="#main" style="position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:-1" onfocus="this.style.left='8px';this.style.width='auto';this.style.height='auto';this.style.zIndex='10000'">Skip to content</a>
    <header class="nav-container" role="banner">
      <div class="container" style="display:flex;align-items:center;justify-content:space-between;height:80px">
        <a href="/" aria-label="Planckchron Home"><img src="/logo.png" alt="Planckchron logo" width="40" height="40" /></a>
        <nav aria-label="Primary">
          <a href="/about" class="btn-primary" style="margin-right:8px">About</a>
          <a href="/research" class="btn-primary" style="margin-right:8px">Research</a>
          <a href="/innovation" class="btn-primary" style="margin-right:8px">Innovation</a>
          <a href="/projects" class="btn-primary" style="margin-right:8px">Projects</a>
          <a href="/blog" class="btn-primary" style="margin-right:8px">Blog</a>
          <a href="/contact" class="btn-primary">Contact</a>
        </nav>
      </div>
    </header>

    <main id="main" role="main">
      <section class="hero-section">
        <div class="container">
          <h1 class="hero-title">Revolutionary Quantum Research & Innovation</h1>
          <p class="hero-subtitle">We deliver practical breakthroughs across quantum computing, advanced AI, biotechnology, and space systems—turning frontier science into real-world impact.</p>
          <p><a class="btn-primary" href="/about" aria-label="Learn more about Planckchron">Learn more</a></p>
        </div>
      </section>

      <section class="container" aria-labelledby="value-props" style="padding:48px 20px">
        <h2 id="value-props" style="font-size:1.75rem;margin:0 0 1rem 0">Why Planckchron</h2>
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px">
          <article style="background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px"><h3 style="margin-top:0;font-size:1.125rem">Quantum-first</h3><p style="margin:8px 0 0">Hardware-aware algorithms that translate to measurable speedups.</p></article>
          <article style="background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px"><h3 style="margin-top:0;font-size:1.125rem">Responsible AI</h3><p style="margin:8px 0 0">Human-centered copilots with transparent safety controls.</p></article>
          <article style="background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px"><h3 style="margin-top:0;font-size:1.125rem">Mission-grade</h3><p style="margin:8px 0 0">Space-tested autonomy and resilient bio-systems for extreme environments.</p></article>
        </div>
      </section>

      <section class="container" aria-labelledby="flagship" style="padding:24px 20px">
        <h2 id="flagship" style="font-size:1.5rem;margin:0 0 .75rem 0">Flagship: Orion‑9 Quantum Processing Unit</h2>
        <article style="background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px">
          <h3 style="margin-top:0;font-size:1.125rem">Brief specs</h3>
          <ul style="margin:0;padding-left:1.2rem">
            <li>128 physical qubits • sub-10⁻³ effective error rate</li>
            <li>Hardware-aware compiler • dynamic qubit mapping</li>
            <li>Cryo‑optimized control stack • 2.5 kW total power</li>
          </ul>
        </article>
      </section>

      <section class="container" aria-labelledby="proof" style="padding:24px 20px">
        <h2 id="proof" style="font-size:1.5rem;margin:0 0 .75rem 0">As seen in / Partners</h2>
        <p style="margin:0">Featured by Quantum Journal, AI Review, and Orbital Systems. Partnered with leading labs and agencies.</p>
      </section>

      <section class="container" aria-labelledby="founder" style="padding:24px 20px">
        <h2 id="founder" style="font-size:1.5rem;margin:0 0 .75rem 0">From the founder</h2>
        <p style="margin:0">We build for real-world constraints—speed, safety, and scale. Our standard is mission-grade reliability with measurable outcomes.</p>
      </section>

      <section class="container" aria-labelledby="newsletter" style="padding:24px 20px">
        <h2 id="newsletter" style="font-size:1.5rem;margin:0 0 .75rem 0">Stay updated</h2>
        <p style="margin:0 0 .75rem 0">Get quarterly research notes and product updates.</p>
        <form action="https://example.com/subscribe" method="post">
          <label for="email" style="display:block;margin-bottom:4px">Email</label>
          <input id="email" name="email" type="email" required placeholder="you@example.com" style="padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:360px" />
          <button type="submit" class="btn-primary" style="margin-left:8px;margin-top:12px">Subscribe</button>
        </form>
      </section>
    </main>

    <footer class="container" style="padding:24px;text-align:center">
      <small>&copy; 2025 Planckchron</small>
    </footer>
  </noscript>
    
    <!-- Critical JavaScript with priority loading -->
    
    <!-- Defer Google Analytics to not block TTI - load after page interactive -->
    <script>
      window.addEventListener('load', function() {
        setTimeout(function() {
          var script = document.createElement('script');
          script.async = true;
          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-3YVFSK0KC7';
          document.head.appendChild(script);
          
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          window.gtag = gtag;
          gtag('js', new Date());
          gtag('config', 'G-3YVFSK0KC7', {
            send_page_view: false,
            page_path: window.location.pathname
          });
        }, 2000); // Load 2s after page load
      });
    </script>
    
    <!-- Remove loader once app loads -->
    <!-- Loader removal handled by React in main.tsx for faster LCP -->
    
    <!-- Service worker registration moved to React (prod-only). -->
  </body>
</html>
