&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Ubby AI | Autonomous Intelligence&lt;/title&gt;
    &lt;link rel="stylesheet" href="assets/css/style.css"&gt;
    &lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
    &lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&amp;display=swap" rel="stylesheet"&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="cursor-dot"&gt;&lt;/div&gt;
    &lt;div class="cursor-outline"&gt;&lt;/div&gt;

    &lt;header class="header"&gt;
        &lt;nav class="nav container"&gt;
            &lt;a href="#" class="logo"&gt;Ubby.&lt;/a&gt;
            &lt;div class="nav-links"&gt;
                &lt;a href="#capabilities"&gt;Capabilities&lt;/a&gt;
                &lt;a href="#philosophy"&gt;Philosophy&lt;/a&gt;
                &lt;a href="#contact" class="btn-nav"&gt;Access&lt;/a&gt;
            &lt;/div&gt;
        &lt;/nav&gt;
    &lt;/header&gt;

    &lt;main&gt;
        &lt;section class="hero"&gt;
            &lt;div class="container"&gt;
                &lt;h1 class="hero-title reveal-text"&gt;
                    Autonomous.&lt;br&gt;
                    Full-Spectrum.&lt;br&gt;
                    &lt;span class="text-gradient"&gt;Intelligence.&lt;/span&gt;
                &lt;/h1&gt;
                &lt;p class="hero-subtitle reveal-text delay-1"&gt;
                    Ubby AI isn't just a chatbot. It's an agent capable of executing complex tasks, writing code, and designing the future.
                &lt;/p&gt;
                &lt;div class="hero-cta reveal-text delay-2"&gt;
                    &lt;a href="#capabilities" class="btn-primary"&gt;Discover Capability&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id="capabilities" class="capabilities section-padding"&gt;
            &lt;div class="container"&gt;
                &lt;div class="section-header"&gt;
                    &lt;span class="label"&gt;Core System&lt;/span&gt;
                    &lt;h2&gt;Beyond Conversation.&lt;/h2&gt;
                &lt;/div&gt;
                
                &lt;div class="grid-3"&gt;
                    &lt;div class="card reveal-up"&gt;
                        &lt;div class="card-number"&gt;01&lt;/div&gt;
                        &lt;h3&gt;Execution&lt;/h3&gt;
                        &lt;p&gt;Live Linux environment access. File manipulation, terminal commands, and real-time software development.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="card reveal-up delay-1"&gt;
                        &lt;div class="card-number"&gt;02&lt;/div&gt;
                        &lt;h3&gt;Creation&lt;/h3&gt;
                        &lt;p&gt;Professional design generation, document writing, and complex problem solving in one seamless flow.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="card reveal-up delay-2"&gt;
                        &lt;div class="card-number"&gt;03&lt;/div&gt;
                        &lt;h3&gt;Perception&lt;/h3&gt;
                        &lt;p&gt;Advanced visual processing and web browsing capabilities to understand and interact with the world.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id="philosophy" class="philosophy section-padding"&gt;
            &lt;div class="container"&gt;
                &lt;div class="split-layout"&gt;
                    &lt;div class="split-content reveal-up"&gt;
                        &lt;h2&gt;Minimalist Interface.&lt;br&gt;Maximalist Power.&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;div class="split-text reveal-up delay-1"&gt;
                        &lt;p&gt;We believe that true intelligence doesn't need clutter. Ubby operates with precision, cutting through noise to deliver results. From code to creative direction, every action is calculated and efficient.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
    &lt;/main&gt;

    &lt;footer class="footer"&gt;
        &lt;div class="container"&gt;
            &lt;div class="footer-content"&gt;
                &lt;div class="footer-logo"&gt;Ubby AI&lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;a href="#"&gt;Twitter&lt;/a&gt;
                    &lt;a href="#"&gt;GitHub&lt;/a&gt;
                    &lt;a href="#"&gt;Documentation&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="footer-bottom"&gt;
                &lt;p&gt;&copy; 2024 Ubby AI Team. All rights reserved.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

    &lt;script src="assets/js/script.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;