<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ADG 2.0 — Coming Soon</title>
<meta name="robots" content="noindex" />
<meta name="description" content="Adopt · Defend · Govern 2.0 is coming soon." />
<link rel="icon" href="/ec-council-favicon.webp" />
<meta property="og:title" content="ADG 2.0 — The new framework is rolling in" />
<meta property="og:description" content="Adopt · Defend · Govern 2.0 from EC-Council is coming soon." />
<meta property="og:image" content="https://aigovernance.eccouncil.org/adg-2-rolling-in.png" />
<meta name="twitter:card" content="summary_large_image" />
<style>
  :root{
    --bg:#0a0e1a; --bg2:#111a30; --ink:#f2f5fb; --muted:#93a1bd;
    --accent:#e2231a; --line:rgba(255,255,255,.10);
  }
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0; color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:
      radial-gradient(1200px 600px at 50% -10%, rgba(226,35,26,.18), transparent 60%),
      linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);
    display:flex; flex-direction:column; min-height:100vh;
  }
  main{flex:1; display:flex; align-items:center; justify-content:center; padding:32px 20px;}
  .card{max-width:960px; width:100%; text-align:center;}
  .banner{
    display:block; width:100%; height:auto; margin:0 0 32px;
    border-radius:18px; border:1px solid var(--line);
    box-shadow:0 18px 50px rgba(0,0,0,.45);
  }
  .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
  .eyebrow{
    letter-spacing:.28em; text-transform:uppercase; font-size:12px;
    color:var(--muted); margin:0 0 18px;
  }
  h1{
    font-size:clamp(44px,12vw,92px); line-height:.98; margin:0 0 6px;
    font-weight:800; letter-spacing:-.02em;
  }
  h1 .v{color:var(--accent)}
  .tag{font-size:clamp(18px,4.5vw,26px); font-weight:600; color:var(--ink); margin:0 0 20px}
  p.lede{font-size:16px; line-height:1.6; color:var(--muted); margin:0 auto 32px; max-width:46ch}
  .rule{height:1px; width:80px; background:var(--accent); margin:0 auto 32px; border:0}
  .foot{padding:24px 20px; text-align:center; color:var(--muted); font-size:13px; border-top:1px solid var(--line)}
  .foot a{color:var(--muted)}
  @media (prefers-reduced-motion:no-preference){
    .dot{animation:blink 1.4s infinite both}
    .dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
    @keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
  }
</style>
</head>
<body>
  <main>
    <div class="card">
      <img class="banner" src="/adg-2-rolling-in.webp" width="1672" height="941"
           alt="EC-Council — Adopt · Defend · Govern. ADG 2.0: the new framework is rolling in." />
      <h1 class="sr-only">ADG 2.0 — the new framework is rolling in</h1>
      <p class="tag">Coming soon<span class="dot">.</span><span class="dot">.</span><span class="dot">.</span></p>
      <hr class="rule" />
      <p class="lede">We're rebuilding the AI Governance framework from the ground up. A new ADG is on the way.</p>
    </div>
  </main>
  <footer class="foot">
    &copy; <script>document.write(new Date().getFullYear())</script> EC-Council ·
    <a href="https://www.eccouncil.org/adgframework/">Learn about ADG</a>
  </footer>
</body>
</html>
