<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>SciPHR</title>
<meta name="description" content="SciPHR upgrades your wallet into a Personal Identity xCIPHR, a secure, on-chain credential that keeps ownership in your hands. You hold the key, so control stays with you.">
<link rel="canonical" href="https://sciphr.io/">
<link rel="icon" href="sciphr-logo.png" type="image/png">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="SciPHR">
<meta property="og:url" content="https://sciphr.io/">
<meta property="og:title" content="SciPHR, The first decentralized Key Management System">
<meta property="og:description" content="Upgrade your wallet into a Personal Identity xCIPHR, a secure, on-chain credential. You hold the key, so control stays with you.">
<meta property="og:image" content="https://sciphr.io/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="SciPHR, decentralized Key Management System. TESTNET.">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sciphr_">
<meta name="twitter:creator" content="@sciphr_">
<meta name="twitter:title" content="SciPHR, The first decentralized Key Management System">
<meta name="twitter:description" content="Upgrade your wallet into a Personal Identity xCIPHR. You hold the key, so control stays with you.">
<meta name="twitter:image" content="https://sciphr.io/og-image.png">

<!-- Structured data, sitewide entity + site search -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "SciPHR",
  "legalName": "SciPHR LLC",
  "url": "https://sciphr.io/",
  "logo": "https://sciphr.io/sciphr-logo.png",
  "description": "SciPHR is the first decentralized Key Management System (dKMS). It upgrades a wallet into a Personal Identity xCIPHR, a self-custodial credential whose keys are generated and held on your own device.",
  "sameAs": [
    "https://x.com/sciphr_",
    "https://www.linkedin.com/company/sciphr/",
    "https://www.instagram.com/sciphr",
    "https://www.threads.com/@sciphr"
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "SciPHR",
  "url": "https://sciphr.io/",
  "publisher": { "@type": "Organization", "name": "SciPHR", "url": "https://sciphr.io/" }
}
</script>

<!-- Mono fallback for non-Apple browsers; Menlo is system-loaded on Apple. -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
  html, body { margin: 0; padding: 0; background: #000; color: #fff; -webkit-font-smoothing: antialiased; }
  body { font-family: Menlo, ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, "Liberation Mono", "Courier New", monospace; }
  input:focus, textarea:focus { border-color: #FFFFFF !important; outline: none; }
  input::placeholder, textarea::placeholder { color: #808080; }
  ::selection { background: #FFFFFF; color: #000; }
  /* Anchor scroll fully handled by scroll.js, no CSS smooth to fight with. */
  section[id], header[id] { scroll-margin-top: 110px; }

  /* Hide the cadence cell + price on tighter widths so the system bar fits. */
  @media (max-width: 980px) {
    .sp-systembar-hide-md { display: none !important; }
  }
  @media (max-width: 720px) {
    .sp-systembar-hide-sm { display: none !important; }
  }

  /* Mobile: collapse the nav, single-column section grids. */
  @media (max-width: 820px) {
    .sp-nav-links { display: none !important; }
    .sp-nav-cta   { display: none !important; }
    .sp-nav-toggle { display: inline-block !important; }
    .sp-nav-drawer { display: flex !important; }

    .sp-main { padding: 40px 22px 56px !important; gap: 52px !important; }

    /* Force section grids to single column on small screens. */
    .sp-main section > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

    /* StatStrip, wrap to a 2x2 grid */
    .sp-stat-strip { grid-template-columns: 1fr 1fr !important; }
    .sp-stat-strip > div { border-right: none !important; border-bottom: 1px solid #404040; }
    .sp-stat-strip > div:nth-child(odd) { border-right: 1px solid #404040 !important; }
    .sp-stat-strip > div:nth-last-child(-n+2) { border-bottom: none; }

    /* Hero h1 scales down */
    .sp-main h1 { font-size: 28px !important; line-height: 1.25 !important; }

    /* Enterprise inner 2-col grid → 1-col */
    .sp-main section > div > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

    /* Trim the soft-card ghost offset on small screens so cards don't overflow */
    .sp-main section [style*="translate(6px"] { display: none !important; }

    /* Enterprise 2x2 grid → single-column stack on mobile */
    .sp-enterprise-facts { grid-template-columns: 1fr !important; gap: 24px !important; }
    .sp-social-grid { grid-template-columns: 1fr 1fr !important; }

    /* Metrics teaser stat trio → single-column stack on mobile */
    .sp-mx-teaser-grid { grid-template-columns: 1fr !important; }
  }
</style>
</head>
<body>
<div id="root"></div>

<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>

<script src="links.js"></script>
<script src="analytics.js"></script>
<script src="scroll.js"></script>
<script type="text/babel" src="components.jsx"></script>
<script type="text/babel" src="Chart.jsx"></script>
<script type="text/babel" src="BrandPrimitives.jsx"></script>
<script type="text/babel" src="ContentBlocks.jsx"></script>
<script type="text/babel" src="SystemBar.jsx"></script>
<script type="text/babel" src="Nav.jsx"></script>
<script type="text/babel" src="LeadForm.jsx"></script>
<script type="text/babel" src="Sections.jsx"></script>
<script type="text/babel" src="XphrBlocks.jsx"></script>
<script type="text/babel" src="SiteShell.jsx"></script>
<script type="text/babel" src="App.jsx"></script>
</body>
</html>
