<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title> Nothing Ordinary Studio </title>

    <style>

        :root {

            --bg-color: #0f172a;

            --card-bg: #1e293b;

            --text-color: #f8fafc;

            --text-muted: #94a3b8;

            --accent-color: #6366f1;

        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {

            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

            background-color: var(--bg-color);

            color: var(--text-color);

            line-height: 1.6;

            padding-bottom: 50px;

        }

        header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding: 20px 5%;

            background-color: rgba(15, 23, 42, 0.9);

            position: fixed;

            width: 100%;

            top: 0;

            z-index: 100;

            backdrop-filter: blur(10px);

            border-bottom: 1px solid #334155;

        }

        .logo { font-size: 1.5rem; font-weight: bold; color: var(--text-color); text-decoration: none; }

        nav a { color: var(--text-muted); text-decoration: none; margin-left: 20px; font-weight: 500; transition: color 0.2s; }

        nav a:hover { color: var(--accent-color); }

        .container { max-width: 1000px; margin: 120px auto 0; padding: 0 20px; }

        section { margin-bottom: 80px; scroll-margin-top: 120px; }

        h2 { font-size: 2rem; margin-bottom: 20px; border-bottom: 2px solid var(--card-bg); padding-bottom: 10px; }

        

        /* Games Grid */

        .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 20px; }

        .game-card { background: var(--card-bg); border-radius: 12px; padding: 24px; border: 1px solid #334155; display: flex; flex-direction: column; justify-content: space-between; }

        .game-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; }

        .game-desc { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 20px; flex-grow: 1; }

        .store-badges { display: flex; gap: 10px; flex-wrap: wrap; }

        .badge { display: inline-block; padding: 10px 16px; background-color: #000; color: #fff; text-decoration: none; font-size: 0.85rem; font-weight: 600; border-radius: 6px; border: 1px solid #475569; transition: background-color 0.2s; }

        .badge:hover { background-color: var(--accent-color); }


        /* Privacy Policy & Support styling */

        .legal-text, .support-box { background: var(--card-bg); border-radius: 12px; padding: 30px; border: 1px solid #334155; }

        .legal-text h3 { margin: 20px 0 10px 0; font-size: 1.2rem; }

        .legal-text p, .legal-text ul { color: var(--text-muted); margin-bottom: 15px; font-size: 0.95rem; }

        .legal-text ul { padding-left: 20px; }

        .support-box p { margin-bottom: 15px; }

        .email-btn { display: inline-block; padding: 12px 24px; background-color: var(--accent-color); color: white; text-decoration: none; border-radius: 6px; font-weight: bold; transition: opacity 0.2s; }

        .email-btn:hover { opacity: 0.9; }


        @media (max-width: 600px) {

            header { flex-direction: column; gap: 15px; text-align: center; }

            nav a { margin: 0 10px; }

            .container { margin-top: 160px; }

        }

    </style>

</head>

<body>


    <header>

        <a href="#home" class="logo">[Your Game Studio Name]</a>

        <nav>

            <a href="#home">Games</a>

            <a href="#privacy">Privacy Policy</a>

            <a href="#support">Support</a>

        </nav>

    </header>


    <div class="container">


        <!-- HOME / GAMES SECTION -->

        <section id="home">

            <h2>Our Games</h2>

            <div class="games-grid">

                

                <!-- Game 1 -->

                <div class="game-card">

                    <div>

                        <div class="game-title"> Spellstorm Arena: Magic PvP Duels </div>

                        <div class="game-desc">Cast spells, draft upgrades and outplay your rivals in fast third-person magic PvP! </div>

                    </div>

                    <div class="store-badges">

                        <a href=“https://www.roblox.com/games/81113656003355/Spellstorm-Arena-Magic-PvP-Duels” class="badge" target="_blank">Roblox</a>

                    </div>

                </div>


                <!-- Game 2 -->

                <div class="game-card">

                    <div>

                        <div class="game-title"> Hero Squad Legends Superhero MMO </div>

                        <div class="game-desc"> Become a superhero and FLY across Vanguard City! Choose from 25 heroes, team up with friends, and battle villains in this open-world superhero MMO RPG. </div>

                    </div>

                    <div class="store-badges">

                        <a href="https://www.roblox.com/games/124189975285342/Hero-Squad-Legends-Superhero-MMO" class="badge" target="_blank">Roblox</a>

                    </div>

                </div>


            </div>

        </section>


        <!-- PRIVACY POLICY SECTION -->

        <section id="privacy">

            <h2>Privacy Policy</h2>

            <div class="legal-text">

                <p>Last Updated: October 28, 2026</p>

                <p><strong> Nothing Ordinary Studio </strong> ("we", "our", or "us") provides this Privacy Policy to explain how we handle user information in our mobile applications.</p>

                

                <h3>1. Information Collection</h3>

                <p>Our games are built to provide entertainment without invasive tracking. We do not directly collect or store personal identity data like your name or physical address. However, our games utilize third-party integration tools which may collect baseline technical data automatically:</p>

                <ul>

                    <li><strong>Ad Networks (Google AdMob):</strong> May collect device advertising identifiers (like iOS IDFA or Android Advertising ID) to serve personalized or non-personalized mobile advertisements.</li>

                    <li><strong>In-App Purchases:</strong> All payment transactions are securely handled directly through the Apple App Store or Google Play Store engines. We do not see or process your credit card numbers.</li>

                </ul>


                <h3>2.How Data is Used</h3>

                <p>Any technical data accessed by third-party services is used exclusively to facilitate in-game ad delivery, complete store purchases, analyze game bugs, and maintain operational network stability.</p>


                <h3>3. Third-Party Links</h3>

                <p>Our games may display advertisements or store checkout windows. Clicking these links routes you to external digital distribution networks whose legal privacy guidelines are separate from our studio.</p>


                <h3>4. Contact Us</h3>

                <p>If you have any questions regarding how your privacy is handled within our games, please reach out via our support channel below.</p>

            </div>

        </section>


        <!-- SUPPORT / CONTACT SECTION -->

        <section id="support">

            <h2>Support & Contact</h2>

            <div class="support-box">

                <p>Need help with a game, experiencing a bug with in-app purchases, or want to submit feedback? Drop our development team an email and we'll get back to you as soon as possible.</p>

                <a href="mailto:nothingordinarystudio@gmail.com” class="email-btn">Contact Support</a>

            </div>

        </section>


    </div>


</body>

</html>