<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="color-scheme" content="dark">
<meta name="theme-color" content="#211a16">
<meta name="robots" content="noindex">
<title>Install Evna</title>
<link rel="icon" href="icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="icon.svg">
<style>
:root{
  --bg:#211a16;--surface:#2a211b;--surface-2:#31261f;
  --text:#fffaf5;--muted:#d8cec5;--faint:#a89a8e;--line:rgba(231,220,210,.14);
  --accent:#c5521a;--accent-press:#a64012;--amber:#f2a93b;--green:#6fbf8f;
  --pad:clamp(12px,3.2vh,22px);--gap:clamp(8px,1.9vh,14px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);
  font:15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;
  padding:max(var(--pad),env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
main{width:100%;max-width:440px;display:grid;gap:var(--gap)}
.app{display:flex;align-items:center;gap:12px}
.app img{width:clamp(44px,8.5vh,60px);height:clamp(44px,8.5vh,60px);border-radius:22%;flex:none;box-shadow:0 6px 18px rgba(197,82,26,.28)}
.app h1{margin:0;font-size:1.375rem;line-height:1.15;letter-spacing:-.02em;font-weight:800}
.app p{margin:2px 0 0;color:var(--muted);font-size:.8125rem}
.install{display:flex;align-items:center;justify-content:center;gap:8px;min-height:clamp(42px,7vh,50px);border-radius:12px;
  background:var(--accent);color:#fff;font-weight:800;font-size:1.0625rem;letter-spacing:-.01em;text-decoration:none;
  box-shadow:0 9px 22px rgba(197,82,26,.24);transition:background .14s,transform .14s}
.install:active{background:var(--accent-press);transform:scale(.985)}
.meta{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.meta div{padding:clamp(6px,1.3vh,10px) 10px;min-width:0}
.meta div+div{border-left:1px solid var(--line)}
.meta dt{color:var(--faint);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.meta dd{margin:1px 0 0;font-weight:700;font-size:.875rem;overflow-wrap:anywhere}
.date{margin:-4px 0 0;color:var(--faint);font-size:.75rem;text-align:center}
.notes{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:clamp(8px,1.6vh,12px) 14px}
.notes h2{margin:0 0 4px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);font-weight:800}
.notes ul{margin:0;padding-left:18px;font-size:.875rem;color:var(--text)}
.notes li+li{margin-top:2px}
.device{margin:0;font-size:.75rem;color:var(--muted);line-height:1.35}
.device b{color:var(--text);font-weight:700}
.history{justify-self:center;color:var(--amber);font-weight:700;font-size:.9375rem;text-decoration:none;padding:4px 8px}
.history:active{opacity:.7}
.main-col,.side{display:contents}
/* Short landscape phones: two columns so everything fits one screen */
@media (orientation:landscape) and (max-height:520px){
  :root{--gap:8px}
  body{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
  main{max-width:760px;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}
  .app img{width:44px;height:44px}
  .app h1{font-size:1.2rem}
  .install{min-height:42px}
  .notes ul{font-size:.8125rem}
  .history{justify-self:start;padding:2px 0}
  .main-col{display:grid;gap:var(--gap)}
  .side{display:grid;gap:var(--gap);align-content:start}
}
</style>
</head>
<body>
<main>
  <div class="main-col">
    <header class="app">
      <img src="icon.svg" alt="">
      <div>
        <h1>Evna</h1>
        <p>Evna Group LLC · iOS test build</p>
      </div>
    </header>
    <a class="install" href="itms-services://?action=download-manifest&amp;url=https%3A%2F%2Fevna-ios-ota.pages.dev%2Finstall-7.xml">Install Evna</a>
    <dl class="meta">
      <div><dt>Version</dt><dd>1.0 (7)</dd></div>
      <div><dt>Size</dt><dd>3.3 MB</dd></div>
      <div><dt>Published</dt><dd id="age">Sep 24, 2026 06:20 UTC</dd></div>
    </dl>
    <p class="date" id="date">Sep 24, 2026 06:20 UTC</p>
  </div>
  <div class="side">
    <section class="notes">
      <h2>What’s new</h2>
      <ul><li>Shared profile and guide links now use www.evna.com.</li><li>Privacy, Terms, and website links open www.evna.com.</li></ul>
    </section>
    <p class="device"><b>Registered iPhones only</b>, with Developer Mode on (Settings › Privacy &amp; Security). Profile expires <b>Sep 24, 2027</b>.</p>
    <a class="history" href="history.html">Release history →</a>
  </div>
</main>
<script>
(function(){
  var published = new Date("2026-09-24T06:20:35Z");
  var age = document.getElementById("age"), date = document.getElementById("date");
  function ago(ms){
    var s = Math.max(0, Math.floor(ms/1000));
    var units = [["year",31536000],["month",2592000],["day",86400],["hour",3600],["minute",60],["second",1]];
    for (var i=0;i<units.length;i++){
      var n = Math.floor(s/units[i][1]);
      if (n >= 1 || units[i][0]==="second") return n+" "+units[i][0]+(n===1?"":"s")+" ago";
    }
  }
  function tick(){ age.textContent = ago(Date.now() - published.getTime()); }
  try {
    date.textContent = "Published " + published.toLocaleString(undefined,{dateStyle:"medium",timeStyle:"short"});
  } catch(e) { date.textContent = "Published " + published.toUTCString(); }
  tick();
  setInterval(tick, 1000);
  document.addEventListener("visibilitychange", function(){ if (!document.hidden) tick(); });
  window.addEventListener("pageshow", function(e){ if (e.persisted) location.reload(); else tick(); });
})();
</script>
</body>
</html>
