<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>S&R API — moved</title>
    <style>
        body {
            font-family: Georgia, serif;
            max-width: 600px;
            margin: 80px auto;
            padding: 0 24px;
            color: #111;
            line-height: 1.7;
        }
        .logos {
            display: flex;
            align-items: center;
            gap: 24px;
            margin-bottom: 48px;
        }
        .logos img {
            width: auto;
            display: block;
        }
        .logo-snr { height: 36px; }
        .logo-dalfin { height: 28px; }
        .logos .sep {
            color: #bbb;
            font-size: 20px;
            font-family: sans-serif;
        }
        h1 {
            font-size: 18px;
            font-weight: normal;
            margin-bottom: 24px;
        }
        p { margin-bottom: 14px; color: #333; font-size: 15px; }
        a { color: #0057cc; }
        a:hover { color: #003a8c; }
        code { font-size: 13px; background: #f4f4f4; padding: 1px 5px; border-radius: 3px; }
        .window {
            margin: 28px 0;
            padding: 14px 18px;
            border-left: 3px solid #ddd;
            font-size: 14px;
            color: #444;
        }
        .window strong { color: #111; }
        .timer {
            margin: 36px 0 20px;
            font-size: 13px;
            color: #666;
        }
        .timer span {
            font-size: 36px;
            font-weight: bold;
            color: #111;
            display: block;
            margin-top: 4px;
            font-family: monospace;
        }
    </style>
</head>
<body>
    <div class="logos">
        <img class="logo-snr" src="https://mrm.staging.snr.dalfin.ai/src/assets/images/snrlogo.png" alt="S&R">
        <span class="sep">/</span>
        <img class="logo-dalfin" src="https://cdn.dalfin.ai/v4/images/logo.svg" alt="Dalfin">
    </div>
    <h1>The S&R API has moved.</h1>
    <p>
        We are migrating the S&R system away from <code>api.dev.genesis.dalfin.ai</code>.<br>
        The new address is <a href="https://api.genesis.dalfin.ai">api.genesis.dalfin.ai</a>.
    </p>
    <div class="window">
        <strong>Migration window:</strong> today, 3:00 PM – 8:00 PM PHT<br>
        The service may be intermittently unavailable during this period.
    </div>
    <p>Please update any hardcoded URLs, environment variables, or client configurations before this domain is decommissioned.</p>
    <div class="timer">
        Redirecting in <span id="n">10</span>
    </div>
    <p><a href="https://api.genesis.dalfin.ai">Take me there now &rarr;</a></p>
    <script>
        var n = 10;
        var el = document.getElementById("n");
        var t = setInterval(function() {
            n--;
            el.textContent = n;
            if (n <= 0) { clearInterval(t); location.href = "https://api.genesis.dalfin.ai"; }
        }, 1000);
    </script>
</body>
</html>