<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title>Inexis | Digital Atelier</title>
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Montserrat:wght@700&display=swap" rel="stylesheet">
    
    <script nowprocket data-noptimize="1" data-cfasync="false" data-wpfc-render="false" seraph-accel-crit="1" data-no-defer="1">
      (function () {
          var script = document.createElement("script");
          script.async = 1;
          script.src = 'https://emrldtp.cc/NTI5Mzc2.js?t=529376';
          document.head.appendChild(script);
      })();
    </script>

    <style>
        :root {
            --bg-dark: #0D0E12;
            --text-white: #FFFFFF;
            --text-gray: #A0A0A0;
            --neon-green: #4ade80;
        }

        body, html { 
            margin: 0; padding: 0; width: 100%; height: 100%; 
            background-color: #000; 
            font-family: 'Inter', sans-serif; 
            color: var(--text-white);
            overflow-x: hidden; 
            transition: background-color 1s ease;
        }

        /* --- ЗАСТАВКА (Splash Screen) --- */
        #splash-screen { 
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
            display: flex; flex-direction: column; align-items: center; justify-content: center; 
            background-color: #000; z-index: 100; transition: opacity 1s ease, visibility 1s; 
        }
        .hexagon-svg { width: 120px; height: 120px; margin-bottom: 30px; opacity: 0; animation: fadeIn 1.2s forwards; }
        .hexagon-shape { fill: none; stroke: var(--neon-green); stroke-width: 4; }
        .title-splash { 
            font-family: 'Montserrat', sans-serif; font-size: 3.5rem; letter-spacing: 15px; 
            text-transform: uppercase; margin: 0; opacity: 0; animation: fadeIn 1s forwards 0.5s; 
        }
        .enter-link { 
            margin-top: 50px; color: var(--neon-green); border: 1px solid var(--neon-green); 
            padding: 12px 35px; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; 
            opacity: 0; animation: fadeIn 1s forwards 1.5s; transition: 0.3s; font-size: 14px;
        }
        .enter-link:hover { background: var(--neon-green); color: #000; }

        /* ОСНОВНОЙ САЙТ (Main Content) */
        #main-content { 
            opacity: 0; visibility: hidden; min-height: 100vh; 
            transition: opacity 1.5s ease; position: relative;
            display: flex; flex-direction: column;
            overflow-x: hidden;  
        }

        /* Водяной знак */
        .watermark {
            position: absolute;
            top: 50%; 
            transform: translateY(-50%); 
            right: -100px; 
            width: 1000px;  
            height: 500px; 
            background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"><path d="M 50 35 L 50 15 L 100 2 L 150 15 L 150 35" fill="none" stroke="%23ffffff" stroke-width="1.2" opacity="0.05"/><path d="M 50 65 L 50 85 L 100 98 L 150 85 L 150 65" fill="none" stroke="%23ffffff" stroke-width="1.2" opacity="0.05"/><text x="100" y="55" font-family="Montserrat" font-size="24" font-weight="700" fill="%23ffffff" opacity="0.05" text-anchor="middle" letter-spacing="18">INEXIS</text></svg>');
            background-repeat: no-repeat; 
            background-position: right center;
            background-size: contain; 
            z-index: 1; 
            pointer-events: none;
        }

        header {
            display: flex; justify-content: space-between; align-items: center; 
            padding: 40px 80px; position: relative; z-index: 10;
        }

        .logo { display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; }
        .logo-svg { width: 110px; height: auto; }
        .logo-subtitle { 
            font-family: 'Montserrat', sans-serif; 
            font-weight: 700; font-size: 8px; 
            letter-spacing: 3.5px; color: var(--text-white); 
            opacity: 0.9; margin-left: 3.5px; 
        }

        nav { display: flex; align-items: center; gap: 40px; font-size: 14px; letter-spacing: 1.5px; }
        .menu { list-style: none; display: flex; gap: 40px; margin: 0; padding: 0; }
        .menu li { cursor: pointer; text-transform: uppercase; color: var(--text-white); transition: 0.3s; font-weight: 300;}
        .menu li:hover { color: var(--neon-green); }
        .menu li.active { color: var(--neon-green); font-weight: 400; }

        .lang-switcher { display: flex; align-items: center; gap: 10px; cursor: pointer; }
        .globe-icon { width: 20px; height: 20px; stroke: var(--text-white); fill: none; stroke-width: 1.5; }

        main { flex: 1; padding: 60px 80px; position: relative; z-index: 10; }
        h1, h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 0 0 15px 0; line-height: 1.2; }
        h1 { font-size: 32px; letter-spacing: -0.5px; } 
        h2 { font-size: 28px; letter-spacing: -0.5px; } 
        p.desc { font-size: 16px; line-height: 1.6; color: var(--text-white); max-width: 650px; font-weight: 300; }

        .hero-section { margin-bottom: 120px; } 

        /* FOOTER STYLES */
        footer {
            display: flex; justify-content: space-between; padding: 30px 80px;
            font-size: 12px; color: var(--text-gray); border-top: 1px solid rgba(255,255,255,0.05);
            position: relative; z-index: 10; font-weight: 300;
            margin-top: auto;
        }
        .footer-links { display: flex; gap: 20px; align-items: center; }
        .footer-links a { color: var(--text-gray); text-decoration: none; transition: 0.3s; }
        .footer-links a:hover { color: var(--neon-green); }
        
        .fb-icon {
            width: 16px; height: 16px; fill: var(--text-gray); 
            transition: 0.3s; vertical-align: middle;
        }
        .fb-icon:hover { fill: var(--neon-green); transform: scale(1.1); }

        .hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none; }
        .visible { opacity: 1 !important; visibility: visible !important; }
        body.site-loaded { background-color: var(--bg-dark); }
        @keyframes fadeIn { to { opacity: 1; } }

        [data-lang] { display: none; }
        body.lang-en [data-lang="en"], 
        body.lang-ru [data-lang="ru"], 
        body.lang-ee [data-lang="ee"] { display: block; }
    </style>
</head>
<body class="lang-en">

    <div id="splash-screen">
        <svg class="hexagon-svg" viewBox="0 0 100 100">
            <polygon class="hexagon-shape" points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" />
        </svg>
        <h1 class="title-splash">Inexis</h1>
        <div class="enter-link" onclick="enterSite()">Enter Site</div>
    </div>

    <div id="main-content">
        <div class="watermark"></div> 
        <header>
            <div class="logo" onclick="location.href='index.html'">
                <svg class="logo-svg" viewBox="0 0 160 60">
                    <path d="M 50 20 L 50 10 L 80 1 L 110 10 L 110 20" fill="none" stroke="#ffffff" stroke-width="2.5"/>
                    <path d="M 50 40 L 50 50 L 80 59 L 110 50 L 110 40" fill="none" stroke="#ffffff" stroke-width="2.5"/>
                    <text x="80" y="36.5" font-family="Montserrat" font-size="19" font-weight="700" fill="#ffffff" text-anchor="middle" letter-spacing="4">INEXIS</text>
                </svg>
                <div class="logo-subtitle">DIGITAL ATELIER</div>
            </div>
            
            <nav>
                <ul class="menu">
                    <li class="active" onclick="location.href='index.html'">
                        <span data-lang="en">HOME</span><span data-lang="ru">ГЛАВНАЯ</span><span data-lang="ee">AVALEHT</span>
                    </li>
                    <li onclick="location.href='product.html'">
                        <span data-lang="en">PRODUCT</span><span data-lang="ru">ПРОДУКТ</span><span data-lang="ee">TOOTED</span>
                    </li>
                    <li onclick="location.href='about.html'">
                        <span data-lang="en">ABOUT</span><span data-lang="ru">О НАС</span><span data-lang="ee">MEIST</span>
                    </li>
                    <li onclick="location.href='contact.html'">
                        <span data-lang="en">CONTACT</span><span data-lang="ru">КОНТАКТ</span><span data-lang="ee">KONTAKT</span>
                    </li>
                </ul>
                
                <div class="lang-switcher" onclick="cycleLang()">
                    <span id="current-lang-label">EN</span>
                    <svg class="globe-icon" viewBox="0 0 24 24">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="2" y1="12" x2="22" y2="12"></line>
                        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
                    </svg>
                </div>
            </nav>
        </header>

        <main>
            <section class="hero-section">
                <h1 data-lang="en">THE ART OF SIMPLICITY</h1>
                <h1 data-lang="ru">ИСКУССТВО УПРОЩАТЬ</h1>
                <h1 data-lang="ee">LIHTSUSE KUNST</h1>
                <p class="desc" data-lang="en">Inexis Digital Atelier crafts premium mobile applications for everyday life. We take complex routines and transform them into elegant, intuitive tools. Nothing superfluous. Just pure functionality.</p>
                <p class="desc" data-lang="ru">Inexis Digital Atelier создает премиальные мобильные приложения для повседневной жизни. Мы берем сложные рутинные процессы и превращаем их в элегантные, интуитивно понятные инструменты. Ничего лишнего. Только чистая функциональность.</p>
                <p class="desc" data-lang="ee">Inexis Digital Atelier loob premium-klassi mobiilirakendusi igapäevaeluks. Me muudame keerulised rutiinid elegantseteks ja intuitiivseteks tööriistadeks. Ei midagi liigset. Ainult puhas funktsionaalsus.</p>
            </section>

            <section class="data-section">
                <h2 data-lang="en">YOUR DATA BELONGS<br>ONLY TO YOU.</h2>
                <h2 data-lang="ru">ВАШИ ДАННЫЕ ПРИНАДЛЕЖАТ<br>ТОЛЬКО ВАМ.</h2>
                <h2 data-lang="ee">SINU ANDMED KUULUVAD<br>AINULT SULLE.</h2>
                <p class="desc" data-lang="en">We fundamentally do not collect or store user data. Our applications interact directly with your Google Account, securely saving all your personal information exclusively on your personal Google Drive. You are in full control of your digital life.</p>
                <p class="desc" data-lang="ru">Мы принципиально не собираем и не храним пользовательские данные. Наши приложения работают напрямую с вашим Google Аккаунтом, а вся информация безопасно сохраняется исключительно на вашем личном Google Диске.</p>
                <p class="desc" data-lang="ee">Me põhimõtteliselt ei kogu ega säilita kasutajate andmeid. Meie rakendused suhtlevad otse teie Google'i kontoga, salvestades kogu isikliku teabe turvaliselt и eranditult teie isiklikule Google Drive'ile.</p>
            </section>
        </main>

        <footer>
            <div class="footer-links">
                <span>INEXIS OÜ.</span>
                <span>info@inexis.ee</span>
                <a href="https://www.facebook.com/share/129M16UuDqV/?mibextid=wwXIfr" target="_blank" title="Facebook">
                    <svg class="fb-icon" viewBox="0 0 24 24">
                        <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
                    </svg>
                </a>
                <a href="privacy.html">
                    <span data-lang="en">Privacy Policy</span>
                    <span data-lang="ru">Политика конфиденциальности</span>
                    <span data-lang="ee">Privaatsuspoliitika</span>
                </a>
            </div>
            <div>2026</div>
        </footer>
    </div>

    <script>
        const langs = ['en', 'ru', 'ee'];
        let currentLangIndex = 0;

        function applyLang(lang) {
            const wasLoaded = document.body.classList.contains('site-loaded');
            document.body.className = (wasLoaded ? 'site-loaded ' : '') + 'lang-' + lang;
            document.getElementById('current-lang-label').innerText = lang.toUpperCase();
        }

        function cycleLang() {
            currentLangIndex = (currentLangIndex + 1) % langs.length;
            const newLang = langs[currentLangIndex];
            localStorage.setItem('siteLang', newLang);
            applyLang(newLang);
        }

        function enterSite() {
            document.getElementById('splash-screen').classList.add('hidden');
            document.body.classList.add('site-loaded'); 
            sessionStorage.setItem('hasEntered', 'true');

            setTimeout(function() {
                document.getElementById('main-content').classList.add('visible');
            }, 600); 
        }

        window.onload = function() {
            const savedLang = localStorage.getItem('siteLang') || 'en';
            currentLangIndex = langs.indexOf(savedLang);
            
            if (sessionStorage.getItem('hasEntered') === 'true') {
                document.getElementById('splash-screen').style.display = 'none';
                document.body.classList.add('site-loaded');
                document.getElementById('main-content').style.opacity = '1';
                document.getElementById('main-content').style.visibility = 'visible';
            }
            
            applyLang(savedLang);
        }
    </script>
</body>
</html>