<!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" />
<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:640px; width:100%; text-align:center;}
  .logo-chip{
    display:inline-block; background:#fff; border-radius:16px;
    padding:18px 26px; margin:0 auto 40px;
    box-shadow:0 10px 34px rgba(0,0,0,.38);
  }
  .logo{height:50px; width:auto; display:block}
  .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">
      <span class="logo-chip"><img class="logo" src="/ec-council-logo.png" alt="EC-Council" /></span>
      <p class="eyebrow">Adopt · Defend · Govern</p>
      <h1>ADG <span class="v">2.0</span></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>
