
<!DOCTYPE html>
<html lang="en-US">
<head>
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-8LS931X1Z4"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-8LS931X1Z4');
    </script>
    
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>COM.COM - Your Search Starts Here</title>
    <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAgMBApWzZ/AAAAAASUVORK5CYII=" type="image/png">

    <style>
        /* Variables for branding */
        :root {
            --main-bg-color: #0a1929;
            --main-text-color: #e3f2fd;
            
            --accent-color: #1976d2;
            --accent-hover: #1565c0;
            --search-border: #2196f3;
            
            --search-bg: #1e3a52;
            --secondary-text-color: #90caf9;
            --footer-text: #64b5f6;
            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

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

        html, body {
            height: 100%;
            font-family: var(--font-family);
            background: var(--main-bg-color);
            color: var(--main-text-color);
        }

        #container {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* Header */
        header {
            padding: 2rem 1rem 0;
            text-align: center;
        }

        .logo {
            font-size: clamp(2.5rem, 8vw, 4rem);
            font-weight: 700;
            color: var(--accent-color);
            margin-bottom: 0.5rem;
            letter-spacing: -0.02em;
        }

        .tagline {
            font-size: 1.125rem;
            color: var(--secondary-text-color);
            font-weight: 300;
        }

        /* Main Content */
        main {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem 1rem;
            max-width: 800px;
            margin: 0 auto;
            width: 100%;
        }

        /* Search Form */
        .search-container {
            width: 100%;
            max-width: 650px;
        }

        .search-form {
            width: 100%;
        }

        .search-disclaimer {
            text-align: center;
            font-size: 0.875rem;
            color: var(--secondary-text-color);
            margin-bottom: 1rem;
            line-height: 1.5;
        }

        .search-disclaimer a {
            color: var(--accent-color);
            text-decoration: underline;
        }

        .search-input-wrapper {
            position: relative;
            margin-bottom: 1.5rem;
        }

        .search-input {
            width: 100%;
            padding: 1.25rem 1.5rem;
            font-size: 1.125rem;
            border: 2px solid var(--search-border);
            border-radius: 50px;
            background: var(--search-bg);
            color: var(--main-text-color);
            outline: none;
            transition: all 0.3s ease;
        }

        .search-input:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);
        }

        .search-input::placeholder {
            color: var(--secondary-text-color);
            opacity: 0.7;
        }

        .search-button {
            display: block;
            width: 100%;
            padding: 1rem 2rem;
            font-size: 1.125rem;
            font-weight: 600;
            color: white;
            background: var(--accent-color);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .search-button:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
        }

        .search-button:active {
            transform: translateY(0);
        }

        /* Features Section */
        .features {
            margin-top: 3rem;
            text-align: center;
        }

        .features-title {
            font-size: 1rem;
            color: var(--secondary-text-color);
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin-top: 1.5rem;
        }

        .feature-item {
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .feature-item:hover {
            background: rgba(255, 255, 255, 0.08);
            transform: translateY(-4px);
        }

        .feature-icon {
            font-size: 2rem;
            margin-bottom: 0.75rem;
        }

        .feature-title {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: var(--main-text-color);
        }

        .feature-description {
            font-size: 0.875rem;
            color: var(--secondary-text-color);
            line-height: 1.5;
        }

        /* Footer */
        footer {
            padding: 2rem 1rem;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1.5rem;
            margin-bottom: 1rem;
        }

        .footer-links a {
            color: var(--footer-text);
            text-decoration: none;
            font-size: 0.875rem;
            transition: color 0.3s ease;
        }

        .footer-links a:hover {
            color: var(--accent-color);
            text-decoration: underline;
        }

        .footer-copyright {
            font-size: 0.8125rem;
            color: var(--secondary-text-color);
            margin-top: 1rem;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .logo {
                font-size: 2.5rem;
            }

            .tagline {
                font-size: 1rem;
            }

            .search-input {
                font-size: 1rem;
                padding: 1rem 1.25rem;
            }

            .search-button {
                font-size: 1rem;
                padding: 0.875rem 1.5rem;
            }

            .features-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .footer-links {
                flex-direction: column;
                gap: 1rem;
            }
        }
    </style>
</head>
<body>
    <div id="container">
        <header>
            <h1 class="logo">COM.COM</h1>
            <p class="tagline">Your Search Starts Here</p>
        </header>

        <main>
            <div class="search-container">
                <form class="search-form" method="POST" action="https://com.com/">
                    <input type="hidden" name="_csrf" value="dea4c2bdadabe8d71366bc853de40e65a4c53a4573e80b4b85df8762a7088d01" />
                    <p class="search-disclaimer">
                        By using our service, you consent to your search being processed by our third-party search partners, as described in our <a href="/privacy">Privacy Policy</a>
                    </p>
                    <div class="search-input-wrapper">
                        <input 
                            type="text" 
                            name="_qs" 
                            class="search-input" 
                            placeholder="What are you looking for?"
                            required
                            autofocus
                        >
                    </div>
                    <button type="submit" class="search-button">Search</button>
                </form>

                <div class="features">
                    <h2 class="features-title">Why COM.COM?</h2>
                    <div class="features-grid">
                        
                        <div class="feature-item">
                            <div class="feature-icon">🔍</div>
                            <h3 class="feature-title">Smart Search</h3>
                            <p class="feature-description">Powered by advanced AI to find exactly what you need</p>
                        </div>
                        
                        <div class="feature-item">
                            <div class="feature-icon">⚡</div>
                            <h3 class="feature-title">Lightning Fast</h3>
                            <p class="feature-description">Get instant results with our optimized search engine</p>
                        </div>
                        
                        <div class="feature-item">
                            <div class="feature-icon">🎯</div>
                            <h3 class="feature-title">Accurate Results</h3>
                            <p class="feature-description">Relevant content ranked by quality and relevance</p>
                        </div>
                        
                        <div class="feature-item">
                            <div class="feature-icon">🔒</div>
                            <h3 class="feature-title">Privacy Focused</h3>
                            <p class="feature-description">Your searches are private and secure on our platform</p>
                        </div>
                        
                    </div>
                </div>
            </div>
        </main>

        <footer>
            <div class="footer-links">
                <a href="/why">Why am I here?</a>
                <a href="/legal">Legal Information</a>
                <a href="/terms">Terms of Use</a>
                <a href="/privacy">Privacy Policy</a>
            </div>
            <p class="footer-copyright">&copy; 2026 com.com. All rights reserved.</p>
        </footer>
    </div>
</body>
</html>
