Velanti Inc.

a<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Velanti Inc. | Intelligent Systems. Designed with Integrity.</title>
  <meta name="description" content="Velanti builds AI-native systems for finance, risk, and intelligent operations. Not to extract. But to reflect.">
  <link rel="stylesheet" href="./styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
  <header class="fixed w-full bg-white/90 backdrop-blur-sm z-50 shadow-sm">
    <div class="container mx-auto px-6 py-4">
      <div class="flex justify-between items-center">
        <a href="#" class="text-navy-950 font-playfair font-bold text-2xl">Velanti</a>
        
        <nav class="hidden md:block">
          <ul class="flex space-x-8">
            <li><a href="#welcome" class="text-navy-800 hover:text-navy-950 transition-colors">Welcome</a></li>
            <li><a href="#ethos" class="text-navy-800 hover:text-navy-950 transition-colors">Our Ethos</a></li>
            <li><a href="#lpm-a" class="text-navy-800 hover:text-navy-950 transition-colors">LPM-A</a></li>
            <li><a href="#status" class="text-navy-800 hover:text-navy-950 transition-colors">Status</a></li>
            <li><a href="#beyond" class="text-navy-800 hover:text-navy-950 transition-colors">Beyond</a></li>
            <li><a href="#contact" class="text-navy-800 hover:text-navy-950 transition-colors">Contact</a></li>
          </ul>
        </nav>
        
        <button 
          class="md:hidden text-navy-950"
          id="mobile-menu-button"
          aria-label="Toggle mobile menu"
        >
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
          </svg>
        </button>
      </div>
    </div>
    
    <!-- Mobile menu -->
    <div id="mobile-menu" class="md:hidden bg-white shadow-lg absolute w-full hidden">
      <ul class="px-6 py-4 space-y-4">
        <li><a href="#welcome" class="block text-navy-800 hover:text-navy-950 transition-colors">Welcome</a></li>
        <li><a href="#ethos" class="block text-navy-800 hover:text-navy-950 transition-colors">Our Ethos</a></li>
        <li><a href="#lpm-a" class="block text-navy-800 hover:text-navy-950 transition-colors">LPM-A</a></li>
        <li><a href="#status" class="block text-navy-800 hover:text-navy-950 transition-colors">Status</a></li>
        <li><a href="#beyond" class="block text-navy-800 hover:text-navy-950 transition-colors">Beyond</a></li>
        <li><a href="#contact" class="block text-navy-800 hover:text-navy-950 transition-colors">Contact</a></li>
      </ul>
    </div>
  </header>

  <main>
    <!-- Hero Section -->
    <section class="min-h-screen flex items-center justify-center bg-navy-950 text-white px-6 py-20 relative overflow-hidden">
      <div class="absolute inset-0 opacity-10">
        <div class="absolute top-0 left-0 w-64 h-64 bg-gold rounded-full filter blur-3xl transform -translate-x-1/2 -translate-y-1/2"></div>
        <div class="absolute bottom-0 right-0 w-96 h-96 bg-navy-600 rounded-full filter blur-3xl transform translate-x-1/4 translate-y-1/4"></div>
      </div>
      
      <div class="container mx-auto text-center relative z-10">
        <h1 class="font-playfair text-5xl sm:text-6xl lg:text-7xl font-bold mb-6 tracking-tight">Velanti Inc.</h1>
        <p class="text-xl sm:text-2xl lg:text-3xl font-light mb-12 tracking-wide">
          <span class="text-gold-light font-medium">Intelligent Systems.</span> 
          <span class="ml-2">Designed with Integrity.</span>
        </p>
        
        <div class="mt-12">
          <a href="#welcome" class="inline-block animate-bounce">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-10 w-10"><path d="m6 9 6 6 6-6"/></svg>
          </a>
        </div>
      </div>
    </section>

    <!-- Welcome Section -->
    <section id="welcome" class="py-20 px-6 bg-white section-transition">
      <div class="container mx-auto">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-8 text-navy-950">Welcome</h2>
          <p class="text-xl md:text-2xl font-light mb-8 leading-relaxed">
            We build AI-native systems for finance, risk, and intelligent operations.
          </p>
          <p class="text-xl md:text-2xl font-light mb-8 leading-relaxed">
            Not to extract.<br>
            But to reflect.
          </p>
          <p class="text-lg md:text-xl text-gray-700 leading-relaxed">
            Velanti is an independent systems studio focused on designing tools that reveal patterns, ask better questions, and protect the purity of data.
          </p>
        </div>
      </div>
    </section>

    <!-- Ethos Section -->
    <section id="ethos" class="py-20 px-6 bg-gray-50 section-transition">
      <div class="container mx-auto">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-10 text-navy-950">Our Ethos</h2>
          <ul class="space-y-4 mb-12">
            <li class="flex items-start space-x-4">
              <span class="text-gold text-xl">&mdash;</span>
              <span class="text-xl">Precision over noise</span>
            </li>
            <li class="flex items-start space-x-4">
              <span class="text-gold text-xl">&mdash;</span>
              <span class="text-xl">Sovereignty over scale</span>
            </li>
            <li class="flex items-start space-x-4">
              <span class="text-gold text-xl">&mdash;</span>
              <span class="text-xl">Truth over trend</span>
            </li>
          </ul>
          <p class="text-lg text-gray-700 leading-relaxed">
            We build with a soul-tech philosophy called <span class="font-medium text-navy-950">Koshacore</span>—a framework that treats technology not as a master, but as a mirror.
          </p>
        </div>
      </div>
    </section>

    <!-- LPM-A Section -->
    <section id="lpm-a" class="py-20 px-6 bg-white section-transition">
      <div class="container mx-auto">
        <div class="max-w-5xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-8 text-navy-950">
            LPM-A: Financial Anomaly Detection, Reimagined
          </h2>
          
          <div class="bg-navy-50 p-6 border-l-4 border-gold mb-12">
            <p class="text-xl italic text-navy-800">What if your ledger could talk back?</p>
          </div>
          
          <p class="text-lg text-gray-700 leading-relaxed mb-8">
            <span class="font-semibold text-navy-950">LPM-A (Large Precision Model - Accounting)</span> is a patent-pending anomaly detection engine for journal entries and financial ledgers.
          </p>
          
          <div class="mb-12">
            <h3 class="text-xl font-medium mb-4 text-navy-950">Built with a dual-core architecture:</h3>
            <div class="grid md:grid-cols-2 gap-6">
              <div class="bg-navy-50 p-6 rounded-lg">
                <div class="flex items-center mb-4">
                  <span class="text-2xl mr-3">🧠</span>
                  <h4 class="text-lg font-medium text-navy-950">Random Forest</h4>
                </div>
                <p>For high-precision anomaly detection</p>
              </div>
              <div class="bg-navy-50 p-6 rounded-lg">
                <div class="flex items-center mb-4">
                  <span class="text-2xl mr-3">💬</span>
                  <h4 class="text-lg font-medium text-navy-950">RAG + NLP</h4>
                </div>
                <p>For natural language querying</p>
              </div>
            </div>
          </div>
          
          <div class="mb-12">
            <h3 class="text-xl font-medium mb-6 text-navy-950">Highlights:</h3>
            <div class="grid sm:grid-cols-2 gap-6">
              <div class="card border border-gray-200 shadow-sm">
                <div class="p-6">
                  <p class="text-navy-950 font-medium mb-2">98%+ recall, 0.99 F1 score</p>
                  <p class="text-gray-600 text-sm">on test data (30,000 records)</p>
                </div>
              </div>
              <div class="card border border-gray-200 shadow-sm">
                <div class="p-6">
                  <p class="text-navy-950 font-medium mb-2">Natural language interface</p>
                  <p class="text-gray-600 text-sm">for querying anomaly patterns</p>
                </div>
              </div>
              <div class="card border border-gray-200 shadow-sm">
                <div class="p-6">
                  <p class="text-navy-950 font-medium mb-2">Configurable thresholds</p>
                  <p class="text-gray-600 text-sm">+ feature importance analysis</p>
                </div>
              </div>
              <div class="card border border-gray-200 shadow-sm">
                <div class="p-6">
                  <p class="text-navy-950 font-medium mb-2">Patent-pending</p>
                  <p class="text-gray-600 text-sm">under US filing 63/772,396</p>
                </div>
              </div>
            </div>
          </div>
          
          <div class="bg-navy-100 p-8 rounded-lg">
            <p class="italic text-lg mb-3">Ask: "Which segment showed recurring anomalies last quarter?"</p>
            <p class="text-navy-950 font-medium">LPM-A answers. With clarity.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Status Section -->
    <section id="status" class="py-20 px-6 bg-gray-50 section-transition">
      <div class="container mx-auto">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-8 text-navy-950">Current Status</h2>
          
          <p class="text-lg mb-6">We're currently:</p>
          <ul class="space-y-4 mb-12">
            <li class="flex items-start space-x-4">
              <span class="text-gold font-bold">•</span>
              <span>Testing in controlled beta environments</span>
            </li>
            <li class="flex items-start space-x-4">
              <span class="text-gold font-bold">•</span>
              <span>Exploring real-world anomaly patterns with trusted partners</span>
            </li>
            <li class="flex items-start space-x-4">
              <span class="text-gold font-bold">•</span>
              <span>Listening for the right collaborations</span>
            </li>
          </ul>
          
          <div id="contact" class="card bg-white shadow-sm border border-gray-200">
            <div class="p-8">
              <h3 class="text-xl font-medium mb-4 text-navy-950">Want to see more?</h3>
              <p class="mb-4">We're quietly inviting a few design partners. If this resonates, reach out:</p>
              <a 
                href="mailto:bgadkari@velantiinc.com" 
                class="inline-flex items-center space-x-2 text-gold-dark hover:text-gold-darker transition-colors font-medium"
              >
                <span>📧</span>
                <span>bgadkari@velantiinc.com</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Beyond Section -->
    <section id="beyond" class="py-20 px-6 bg-white section-transition">
      <div class="container mx-auto">
        <div class="max-w-5xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-8 text-navy-950">Beyond LPM-A</h2>
          
          <p class="text-lg text-gray-700 leading-relaxed mb-12">
            Velanti is an active research studio. Other prototypes in progress:
          </p>
          
          <div class="grid md:grid-cols-2 gap-8 mb-10">
            <div class="bg-navy-50 p-6 rounded-lg">
              <h3 class="text-xl font-medium mb-3 text-navy-950">RetirementOS</h3>
              <p class="text-gray-700">Next-gen architecture for post-annuity freedom</p>
            </div>
            <div class="bg-navy-50 p-6 rounded-lg">
              <h3 class="text-xl font-medium mb-3 text-navy-950">Mirror Protocol</h3>
              <p class="text-gray-700">A soul-aware interaction framework</p>
            </div>
            <div class="bg-navy-50 p-6 rounded-lg">
              <h3 class="text-xl font-medium mb-3 text-navy-950">MiniCRM AI</h3>
              <p class="text-gray-700">Contextual systems for micro-businesses</p>
            </div>
            <div class="bg-navy-50 p-6 rounded-lg">
              <h3 class="text-xl font-medium mb-3 text-navy-950">FileMorph</h3>
              <p class="text-gray-700">Seamless audio, video, and format translation</p>
            </div>
          </div>
          
          <p class="text-lg text-gray-700 italic">
            These are not public yet. But they're being shaped.
          </p>
        </div>
      </div>
    </section>

    <!-- Founder Section -->
    <section class="py-20 px-6 bg-gray-50 section-transition">
      <div class="container mx-auto">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-3xl font-playfair font-bold mb-8 text-navy-950">Founder</h2>
          
          <p class="text-lg text-gray-700 leading-relaxed mb-6">
            Built by a systems architect with deep roots in finance transformation, AI integration, and intuitive design. Formerly at Transamerica.
          </p>
          
          <p class="text-lg text-gray-700 leading-relaxed">
            Now building forward. Sovereign, self-funded, and quietly bold.
          </p>
        </div>
      </div>
    </section>

    <!-- Closing Quote Section -->
    <section class="py-32 px-6 bg-navy-950 text-white section-transition">
      <div class="container mx-auto">
        <div class="max-w-3xl mx-auto text-center">
          <h2 class="font-playfair text-4xl mb-6">Velanti.</h2>
          <p class="text-xl leading-relaxed">
            Because the future should be intelligent—and clean.
          </p>
        </div>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="py-10 px-6 bg-navy-800 text-white/70">
    <div class="container mx-auto">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <div class="mb-6 md:mb-0">
          <p class="font-playfair text-xl text-white">Velanti Inc.</p>
          <p class="text-sm mt-1">Intelligent Systems. Designed with Integrity.</p>
        </div>
        <div>
          <a 
            href="mailto:bgadkari@velantiinc.com" 
            class="text-white hover:text-gold-light transition-colors"
          >
            bgadkari@velantiinc.com
          </a>
        </div>
      </div>
      <div class="mt-8 pt-8 border-t border-white/10 text-sm text-center">
        <p>&copy; <span id="current-year"></span> Velanti Inc. All rights reserved.</p>
      </div>
    </div>
  </footer>

  <script>
    // Set current year in footer
    document.getElementById('current-year').textContent = new Date().getFullYear();

    // Mobile menu toggle
    const mobileMenuButton = document.getElementById('mobile-menu-button');
    const mobileMenu = document.getElementById('mobile-menu');

    mobileMenuButton.addEventListener('click', () => {
      mobileMenu.classList.toggle('hidden');
    });

    // Close mobile menu when clicking a link
    const mobileLinks = mobileMenu.querySelectorAll('a');
    mobileLinks.forEach(link => {
      link.addEventListener('click', () => {
        mobileMenu.classList.add('hidden');
      });
    });

    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const targetId = this.getAttribute('href');
        if (targetId === '#') return;
        
        const targetElement = document.querySelector(targetId);
        if (targetElement) {
          window.scrollTo({
            top: targetElement.offsetTop - 80, // Adjust for header height
            behavior: 'smooth'
          });
        }
      });
    });

    // Handle scrolling effect for navbar
    window.addEventListener('scroll', () => {
      const header = document.querySelector('header');
      if (window.scrollY > 10) {
        header.classList.add('shadow-sm');
      } else {
        header.classList.remove('shadow-sm');
      }
    });

    // Section animations
    const observerOptions = {
      threshold: 0.1,
      rootMargin: '0px 0px -10% 0px'
    };

    const sectionObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('section-visible');
        }
      });
    }, observerOptions);

    document.querySelectorAll('.section-transition').forEach(section => {
      sectionObserver.observe(section);
    });
  </script>
</body>
</html>

Welcome to Velanti Inc.

We specialize in providing top-notch Workday consulting services to help your organization optimize and maximize the benefits of Workday solutions.

Contact us today to learn more about our services and how we can assist you in achieving your HR and financial goals.

Send an Email