| Server IP : 103.243.232.44 / Your IP : 216.73.216.237 Web Server : LiteSpeed System : Linux server17213-10344.hostycare.online 5.14.0-687.38.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Aug 12 17:19:12 EDT 2026 x86_64 User : iamakash ( 1400) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/iamakash/kahom.tech/flowgenix/ |
Upload File : |
<!DOCTYPE html>
<html class="light" lang="en"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Insights & case studies | Flowgenix</title>
<meta name="description" content="Perspectives on enterprise AI, low-code automation and BFSI transformation — plus case studies from Flowgenix deployments."/>
<link rel="icon" type="image/png" href="assets/flowgenix-icon.png"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
"error":"#ba1a1a","secondary-fixed":"#d3e4ff","on-tertiary-fixed":"#001f25",
"inverse-surface":"#283044","secondary-container":"#3f9eff","on-primary-fixed-variant":"#003bb0",
"on-surface":"#131b2e","on-secondary-fixed-variant":"#004881","surface-tint":"#2d55c9",
"on-primary":"#ffffff","inverse-on-surface":"#eef0ff","ai-cyan":"#00E0FF",
"surface-subtle":"#F8FAFC","surface":"#faf8ff","outline":"#747685","on-secondary-container":"#00345f",
"tertiary-fixed-dim":"#00daf8","error-container":"#ffdad6","on-error-container":"#93000a",
"primary-fixed":"#dce1ff","primary":"#00287f","on-tertiary-fixed-variant":"#004e5a",
"secondary-fixed-dim":"#a2c9ff","primary-fixed-dim":"#b6c4ff","surface-bright":"#faf8ff",
"on-tertiary-container":"#00c8e3","tertiary-container":"#004f5b","tertiary":"#00373f",
"border-low":"#E2E8F0","energy-orange":"#FF6210","surface-variant":"#dae2fd",
"on-error":"#ffffff","surface-container-low":"#f2f3ff","surface-container":"#eaedff",
"outline-variant":"#c4c5d6","surface-container-high":"#e2e7ff","on-background":"#131b2e",
"on-tertiary":"#ffffff","on-secondary":"#ffffff","surface-dim":"#d2d9f4",
"on-surface-variant":"#434653","on-primary-fixed":"#00164f","primary-container":"#003bb1",
"on-secondary-fixed":"#001c38","secondary":"#0060a9","background":"#faf8ff",
"inverse-primary":"#b6c4ff","on-primary-container":"#9eb2ff","tertiary-fixed":"#a5eeff",
"surface-container-lowest":"#ffffff","surface-container-highest":"#dae2fd"
},
borderRadius: { "DEFAULT":"0.25rem","xl":"12px","2xl":"1rem","full":"9999px" },
spacing: { "margin-desktop":"40px","margin-mobile":"16px","stack-lg":"32px",
"base":"4px","gutter":"24px","stack-sm":"8px","stack-md":"16px" },
fontFamily: {
"headline-sm":["Hanken Grotesk"],"display-lg":["Hanken Grotesk"],"body-md":["Inter"],
"headline-lg-mobile":["Hanken Grotesk"],"headline-lg":["Hanken Grotesk"],
"headline-md":["Hanken Grotesk"],"body-lg":["Inter"],"body-sm":["Inter"],"label-md":["JetBrains Mono"]
},
fontSize: {
"display-lg":["64px",{lineHeight:"72px",letterSpacing:"-0.02em"}],
"headline-lg":["40px",{lineHeight:"48px",letterSpacing:"-0.01em"}],
"headline-md":["32px",{lineHeight:"40px"}],
"headline-sm":["24px",{lineHeight:"32px"}],
"body-lg":["18px",{lineHeight:"28px"}],"body-md":["16px",{lineHeight:"24px"}],
"body-sm":["14px",{lineHeight:"20px"}],"label-md":["12px",{lineHeight:"16px"}]
}
}
}
}
</script>
<style>
.material-symbols-outlined { font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; }
html { scroll-behavior:smooth; }
.glass-card { background:rgba(255,255,255,0.7); backdrop-filter:blur(12px); border:1px solid rgba(226,232,240,0.5); }
.hero-gradient { background:radial-gradient(circle at top right,rgba(0,59,177,0.05),transparent),radial-gradient(circle at bottom left,rgba(0,224,255,0.05),transparent); }
.ai-glow { box-shadow:0 0 40px -10px rgba(0,224,255,0.2); animation:pulse-glow 3s ease-in-out infinite; }
@keyframes pulse-glow { 0%,100%{box-shadow:0 0 40px -10px rgba(0,224,255,0.2);} 50%{box-shadow:0 0 60px -5px rgba(0,224,255,0.4);} }
.bento-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:24px; }
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.8s ease-out,transform 0.8s ease-out; }
.reveal.active { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce) { .reveal{opacity:1;transform:none;transition:none;} .ai-glow{animation:none;} html{scroll-behavior:auto;} }
.interactive-card { --x:50%; --y:50%; position:relative; overflow:hidden; transition:transform 0.2s ease-out; }
.interactive-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at var(--x) var(--y),rgba(0,224,255,0.1) 0%,transparent 50%); pointer-events:none; opacity:0; transition:opacity 0.3s; }
.interactive-card:hover::before { opacity:1; }
nav.scrolled { padding-top:0.5rem; padding-bottom:0.5rem; background-color:rgba(250,248,255,0.92); }
.shimmer-ai { position:relative; }
.shimmer-ai::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent); transform:translateX(-100%); animation:shimmer 4s infinite; }
@keyframes shimmer { 100%{transform:translateX(100%);} }
.stagger-1{transition-delay:100ms;} .stagger-2{transition-delay:200ms;} .stagger-3{transition-delay:300ms;} .stagger-4{transition-delay:400ms;} .stagger-5{transition-delay:500ms;} .stagger-6{transition-delay:600ms;}
.nav-link { font-weight:600; color:#434653; transition:color 0.2s; }
.nav-link:hover { color:#00287f; }
.nav-link.active-page { color:#00287f; border-bottom:2px solid #00287f; padding-bottom:2px; }
.dropdown:hover .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-menu { opacity:0; visibility:hidden; transform:translateY(8px); transition:all 0.2s ease-out; }
#mobile-menu { max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
#mobile-menu.open { max-height:640px; }
</style>
</head>
<body class="bg-background text-on-background selection:bg-primary-fixed selection:text-on-primary-fixed font-body-md overflow-x-hidden">
<!-- Navigation -->
<nav class="fixed top-0 w-full z-50 bg-surface/80 backdrop-blur-md border-b border-outline-variant/30 shadow-sm transition-all duration-300 py-4" id="main-nav">
<div class="flex justify-between items-center px-margin-mobile md:px-margin-desktop max-w-7xl mx-auto">
<div class="flex items-center gap-8">
<a href="index.html" class="flex items-center shrink-0"><img alt="Flowgenix" class="h-8" src="assets/flowgenix-logo.png"/></a>
<div class="hidden lg:flex items-center gap-7 text-body-sm">
<a class="nav-link" href="platform.html">Platform</a>
<div class="dropdown relative">
<a class="nav-link flex items-center gap-1" href="products.html">Products <span class="material-symbols-outlined text-base">expand_more</span></a>
<div class="dropdown-menu absolute top-full left-0 pt-3 w-72">
<div class="bg-surface-container-lowest rounded-xl border border-border-low shadow-xl p-2">
<a href="carbongenie.html" class="flex items-start gap-3 p-3 rounded-lg hover:bg-surface-container-low transition-colors"><span class="material-symbols-outlined text-primary mt-0.5">eco</span><span><span class="block font-semibold text-on-surface">CarbonGenie</span><span class="block text-label-md font-label-md text-on-surface-variant">ESG & carbon automation</span></span></a>
<a href="adaptive-iam.html" class="flex items-start gap-3 p-3 rounded-lg hover:bg-surface-container-low transition-colors"><span class="material-symbols-outlined text-primary mt-0.5">shield_lock</span><span><span class="block font-semibold text-on-surface">Adaptive IAM</span><span class="block text-label-md font-label-md text-on-surface-variant">Identity & access management</span></span></a>
<a href="e-frm.html" class="flex items-start gap-3 p-3 rounded-lg hover:bg-surface-container-low transition-colors"><span class="material-symbols-outlined text-primary mt-0.5">frame_inspect</span><span><span class="block font-semibold text-on-surface">E-FRM Suite</span><span class="block text-label-md font-label-md text-on-surface-variant">Fraud risk management</span></span></a>
<a href="ai-factory.html" class="flex items-start gap-3 p-3 rounded-lg hover:bg-surface-container-low transition-colors"><span class="material-symbols-outlined text-primary mt-0.5">smart_toy</span><span><span class="block font-semibold text-on-surface">AI Factory Library</span><span class="block text-label-md font-label-md text-on-surface-variant">Agents & document intelligence</span></span></a>
</div>
</div>
</div>
<a class="nav-link" href="industries.html">Industries</a>
<a class="nav-link" href="about.html">Company</a>
</div>
</div>
<div class="flex items-center gap-3">
<a href="contact.html" class="hidden sm:inline-flex bg-primary-container text-on-primary px-6 py-2.5 rounded-lg font-bold shadow-md hover:scale-[1.02] active:scale-[0.98] transition-all">Request a demo</a>
<button id="mobile-toggle" class="lg:hidden w-10 h-10 flex items-center justify-center rounded-lg hover:bg-surface-container-low" aria-label="Menu"><span class="material-symbols-outlined">menu</span></button>
</div>
</div>
<div id="mobile-menu" class="lg:hidden bg-surface border-t border-outline-variant/20">
<div class="px-margin-mobile py-4 flex flex-col gap-1">
<a class="py-2.5 font-semibold text-on-surface" href="platform.html">Platform</a>
<a class="py-2.5 font-semibold text-on-surface" href="products.html">Products</a>
<a class="py-1 pl-4 text-body-sm text-on-surface-variant" href="carbongenie.html">— CarbonGenie</a>
<a class="py-1 pl-4 text-body-sm text-on-surface-variant" href="adaptive-iam.html">— Adaptive IAM</a>
<a class="py-1 pl-4 text-body-sm text-on-surface-variant" href="e-frm.html">— E-FRM Suite</a>
<a class="py-1 pl-4 text-body-sm text-on-surface-variant" href="ai-factory.html">— AI Factory Library</a>
<a class="py-2.5 font-semibold text-on-surface" href="industries.html">Industries</a>
<a class="py-2.5 font-semibold text-on-surface" href="about.html">Company</a>
<a class="mt-3 bg-primary-container text-on-primary px-6 py-3 rounded-lg font-bold text-center" href="contact.html">Request a demo</a>
</div>
</div>
</nav>
<main>
<!-- Hero Section: Featured Article -->
<section class="relative pt-16 pb-24 overflow-hidden">
<div class="max-w-7xl mx-auto px-margin-desktop">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-gutter items-center">
<div class="lg:col-span-7 space-y-stack-lg">
<div class="inline-flex items-center px-3 py-1 rounded-full bg-secondary-container/10 border border-secondary-container/20 text-secondary font-label-md text-label-md uppercase tracking-wider">
Featured Insight
</div>
<h1 class="font-display-lg text-display-lg text-on-background leading-tight">
Navigating the Future of <span class="text-primary italic">Enterprise AI</span> Orchestration
</h1>
<p class="font-body-lg text-body-lg text-on-surface-variant max-w-2xl">
A comprehensive deep-dive into how Global 2000 organizations are scaling automation workflows while maintaining rigorous governance and institutional trust.
</p>
<div class="flex flex-wrap items-center gap-stack-lg pt-4">
<div class="flex items-center gap-stack-sm">
<div class="w-10 h-10 rounded-full bg-surface-container-high" data-alt="Professional headshot of a senior technology executive, a woman with a confident expression, wearing a tailored navy blazer, set against a clean, softly lit corporate office background with minimalist blue accents." style="background:linear-gradient(135deg,#003bb1,#00287f 55%,#00373f)"></div>
<div>
<p class="font-body-md text-body-md font-semibold">Dr. Helena Vance</p>
<p class="font-body-sm text-body-sm text-on-surface-variant">Chief AI Strategist</p>
</div>
</div>
<div class="h-8 w-px bg-outline-variant hidden sm:block"></div>
<div class="text-on-surface-variant font-body-sm text-body-sm">
<span class="material-symbols-outlined align-middle text-[18px]">calendar_today</span>
12 Min Read • May 24, 2024
</div>
</div>
<div class="pt-4">
<button class="px-8 py-4 bg-primary text-on-primary rounded-xl font-semibold flex items-center gap-2 hover:shadow-xl transition-all active:scale-[0.98]">
Read Full Case Study
<span class="material-symbols-outlined">arrow_forward</span>
</button>
</div>
</div>
<div class="lg:col-span-5">
<div class="relative rounded-2xl overflow-hidden shadow-2xl border border-outline-variant group">
<div class="aspect-[4/5] bg-surface-container-high w-full overflow-hidden">
<div class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" role="img" aria-label="A highly sophisticated digital visualization of interconnected data nodes and glowing neural networks flowing through a transparent 3D structure. The color palette is dominated by primary indigo and secondary blue, with bright cyan accents representing active AI processes. The style is clean, technical, and premium enterprise aesthetic." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<div class="absolute inset-0 bg-gradient-to-t from-primary/40 to-transparent"></div>
</div>
</div>
</div>
</div>
<!-- Technical background element -->
<div class="absolute -right-24 top-0 -z-10 opacity-10">
</div>
</section>
<!-- Insights Grid Section -->
<section class="bg-surface-subtle py-24 border-t border-outline-variant">
<div class="max-w-7xl mx-auto px-margin-desktop">
<!-- Filters Header -->
<div class="flex flex-col md:flex-row justify-between items-end gap-gutter mb-12">
<div class="space-y-base">
<h2 class="font-headline-lg text-headline-lg text-on-background">Explore All Insights</h2>
<p class="text-on-surface-variant font-body-md text-body-md">Advanced perspectives on technology, strategy, and industrial impact.</p>
</div>
<div class="flex flex-wrap gap-stack-sm">
<button class="filter-btn-active px-5 py-2 rounded-full font-medium text-body-sm transition-colors border border-primary/20">All Topics</button>
<button class="bg-surface border border-outline-variant px-5 py-2 rounded-full font-medium text-body-sm text-on-surface-variant hover:border-primary transition-colors">AI & ML</button>
<button class="bg-surface border border-outline-variant px-5 py-2 rounded-full font-medium text-body-sm text-on-surface-variant hover:border-primary transition-colors">Automation</button>
<button class="bg-surface border border-outline-variant px-5 py-2 rounded-full font-medium text-body-sm text-on-surface-variant hover:border-primary transition-colors">Industry Trends</button>
<button class="bg-surface border border-outline-variant px-5 py-2 rounded-full font-medium text-body-sm text-on-surface-variant hover:border-primary transition-colors">Case Studies</button>
</div>
</div>
<!-- Bento-ish Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-gutter">
<!-- Article Card 1 -->
<article class="bg-surface rounded-2xl border border-border-low p-stack-lg flex flex-col h-full shadow-sm ai-glow-card transition-all duration-300">
<div class="mb-stack-md flex justify-between items-start">
<span class="bg-tertiary-fixed text-on-tertiary-fixed px-3 py-1 rounded-full text-[11px] font-label-md tracking-widest uppercase">Automation</span>
<span class="text-on-surface-variant font-label-md text-label-md">8 MIN READ</span>
</div>
<div class="aspect-video bg-surface-container-low rounded-xl mb-stack-md overflow-hidden border border-outline-variant">
<div class="w-full h-full object-cover" role="img" aria-label="A minimalist architectural shot of a futuristic control room with clean lines, glass partitions, and soft blue lighting. The space is empty of people, emphasizing automated efficiency and corporate modernism. The lighting is bright and technical with high-key whites and deep indigo shadows." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<h3 class="font-headline-sm text-headline-sm text-on-surface mb-stack-sm flex-grow">Hyper-Automation: The New Baseline for Financial Operations</h3>
<p class="text-on-surface-variant font-body-sm text-body-sm mb-stack-lg line-clamp-3">
Discover how leading fintech firms are leveraging autonomous workflows to reduce operational latency by 45% while ensuring 100% compliance.
</p>
<a class="flex items-center gap-2 text-primary font-semibold font-body-md group/link" href="#">
Read More
<span class="material-symbols-outlined transition-transform group-hover/link:translate-x-1">arrow_forward</span>
</a>
</article>
<!-- Article Card 2 (AI Focus) -->
<article class="bg-surface rounded-2xl border border-border-low p-stack-lg flex flex-col h-full shadow-sm ai-glow-card transition-all duration-300">
<div class="mb-stack-md flex justify-between items-start">
<span class="bg-secondary-fixed text-on-secondary-fixed px-3 py-1 rounded-full text-[11px] font-label-md tracking-widest uppercase">AI Ethics</span>
<span class="text-on-surface-variant font-label-md text-label-md">15 MIN READ</span>
</div>
<div class="aspect-video bg-surface-container-low rounded-xl mb-stack-md overflow-hidden border border-outline-variant">
<div class="w-full h-full object-cover" role="img" aria-label="An abstract visualization of digital trust and security, featuring crystalline structures and secure lock icons glowing in a deep blue and cyan gradient environment. The aesthetic is extremely sharp and high-definition, representing institutional stability and technical sophistication." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<h3 class="font-headline-sm text-headline-sm text-on-surface mb-stack-sm flex-grow">Building Guardrails: The ROI of Responsible AI</h3>
<p class="text-on-surface-variant font-body-sm text-body-sm mb-stack-lg line-clamp-3">
Implementing ethical AI frameworks isn't just about compliance—it's about building long-term institutional value and customer trust.
</p>
<a class="flex items-center gap-2 text-primary font-semibold font-body-md group/link" href="#">
Read More
<span class="material-symbols-outlined transition-transform group-hover/link:translate-x-1">arrow_forward</span>
</a>
</article>
<!-- Article Card 3 (Industry Trend) -->
<article class="bg-surface rounded-2xl border border-border-low p-stack-lg flex flex-col h-full shadow-sm ai-glow-card transition-all duration-300">
<div class="mb-stack-md flex justify-between items-start">
<span class="bg-primary-fixed text-on-primary-fixed px-3 py-1 rounded-full text-[11px] font-label-md tracking-widest uppercase">Trend Report</span>
<span class="text-on-surface-variant font-label-md text-label-md">10 MIN READ</span>
</div>
<div class="aspect-video bg-surface-container-low rounded-xl mb-stack-md overflow-hidden border border-outline-variant">
<div class="w-full h-full object-cover" role="img" aria-label="A clean, aerial view of a modern logistics hub with automated transport vehicles moving along a precise grid. The lighting is bright daylight, highlighting the efficiency and cleanliness of the facility. The color palette emphasizes corporate blues and crisp white architectural surfaces." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<h3 class="font-headline-sm text-headline-sm text-on-surface mb-stack-sm flex-grow">2024 Supply Chain Resilience: The Role of Predictive Analytics</h3>
<p class="text-on-surface-variant font-body-sm text-body-sm mb-stack-lg line-clamp-3">
How the intersection of real-time IoT data and predictive AI models is shielding global supply chains from unforeseen disruptions.
</p>
<a class="flex items-center gap-2 text-primary font-semibold font-body-md group/link" href="#">
Read More
<span class="material-symbols-outlined transition-transform group-hover/link:translate-x-1">arrow_forward</span>
</a>
</article>
<!-- Card 4 - Large Layout Span -->
<article class="md:col-span-2 bg-inverse-surface rounded-2xl p-stack-lg flex flex-col md:flex-row gap-gutter shadow-xl text-inverse-on-surface group">
<div class="md:w-1/2 overflow-hidden rounded-xl h-full min-h-[300px]">
<div class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" role="img" aria-label="A powerful panoramic view of a modern city skyline at night, with digital data flows like glowing circuits running between the skyscrapers. The lighting is dramatic, with deep indigo skies and electric cyan lights tracing the path of information. The mood is ambitious and globally connected." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<div class="md:w-1/2 flex flex-col justify-center">
<span class="text-ai-cyan font-label-md text-label-md mb-2">CASE STUDY</span>
<h3 class="font-headline-lg text-headline-lg mb-stack-md">Scaling Flowgenix Across 40 Global Markets</h3>
<p class="font-body-md text-body-md text-surface-variant/80 mb-stack-lg">
Learn how Aeroglobe lowered their TCO by 30% through our unified intelligence platform, consolidating 200+ localized workflows into a single hub.
</p>
<div>
<button class="px-6 py-3 bg-white text-primary rounded-lg font-bold hover:bg-surface-container transition-colors">
Download Whitepaper
</button>
</div>
</div>
</article>
<!-- Card 5 -->
<article class="bg-surface rounded-2xl border border-border-low p-stack-lg flex flex-col h-full shadow-sm ai-glow-card transition-all duration-300">
<div class="mb-stack-md flex justify-between items-start">
<span class="bg-secondary-fixed text-on-secondary-fixed px-3 py-1 rounded-full text-[11px] font-label-md tracking-widest uppercase">Engineering</span>
<span class="text-on-surface-variant font-label-md text-label-md">12 MIN READ</span>
</div>
<div class="aspect-video bg-surface-container-low rounded-xl mb-stack-md overflow-hidden border border-outline-variant">
<div class="w-full h-full object-cover" role="img" aria-label="Close-up of a high-end server rack with rhythmic blue status lights blinking. The focus is shallow, highlighting the technical precision and advanced hardware supporting modern cloud computing. The environment is cool, dark, and professional." style="background:linear-gradient(135deg,#003bb1 0%,#00287f 60%,#00373f 100%);min-height:180px;display:flex;align-items:center;justify-content:center;"><span class="material-symbols-outlined" style="color:rgba(255,255,255,.25);font-size:64px;">insights</span></div>
</div>
<h3 class="font-headline-sm text-headline-sm text-on-surface mb-stack-sm flex-grow">Optimizing LLM Latency for Real-time Interactions</h3>
<p class="text-on-surface-variant font-body-sm text-body-sm mb-stack-lg line-clamp-3">
A technical review of edge-computing strategies used to bring generative AI responses down to sub-100ms.
</p>
<a class="flex items-center gap-2 text-primary font-semibold font-body-md group/link" href="#">
Read More
<span class="material-symbols-outlined transition-transform group-hover/link:translate-x-1">arrow_forward</span>
</a>
</article>
</div>
<!-- Pagination/Load More -->
<div class="mt-16 flex justify-center">
<button class="px-8 py-3 border-2 border-primary text-primary font-bold rounded-xl hover:bg-primary hover:text-white transition-all duration-300">
View More Insights
</button>
</div>
</div>
</section>
<!-- Newsletter Signup Section -->
<section class="py-24 relative overflow-hidden">
<div class="absolute inset-0 -z-10">
</div>
<div class="max-w-4xl mx-auto px-margin-desktop text-center">
<div class="bg-white/70 backdrop-blur-xl border border-white/50 rounded-[40px] p-12 md:p-20 shadow-2xl">
<span class="text-energy-orange font-label-md tracking-widest uppercase mb-4 block">The Intelligent Enterprise</span>
<h2 class="font-headline-lg text-headline-lg text-on-background mb-stack-md">Get the latest perspectives delivered to your inbox.</h2>
<p class="text-on-surface-variant font-body-lg text-body-lg mb-stack-lg">
Join 25,000+ executives and engineers receiving our weekly deep-dive into the future of enterprise automation and AI.
</p>
<form class="flex flex-col sm:flex-row gap-stack-sm max-w-lg mx-auto" onsubmit="event.preventDefault(); alert('Subscribed!')">
<input class="flex-grow px-6 py-4 rounded-xl border border-outline focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all" placeholder="work@company.com" required="" type="email"/>
<button class="px-8 py-4 bg-primary text-on-primary rounded-xl font-bold hover:shadow-lg active:scale-95 transition-all" type="submit">
Subscribe
</button>
</form>
<p class="mt-stack-md text-on-surface-variant font-body-sm text-body-sm">
Zero spam. Just high-density intelligence. Unsubscribe at any time.
</p>
</div>
</div>
</section>
</main>
<!-- Footer Component -->
<!-- Footer -->
<footer class="bg-on-surface w-full pt-16 pb-10">
<div class="grid grid-cols-2 md:grid-cols-5 gap-gutter px-margin-mobile md:px-margin-desktop max-w-7xl mx-auto">
<div class="col-span-2">
<img alt="Flowgenix" class="h-7 mb-6 brightness-0 invert" src="assets/flowgenix-logo.png"/>
<p class="text-body-sm text-surface-variant/80 mb-6 max-w-xs">Transforming enterprises with intelligent automation, reusable accelerators, and AI-native low-code — from concept to market in weeks.</p>
<div class="flex flex-col gap-2 text-body-sm text-surface-variant/80">
<a href="mailto:contact@flowgenix.tech" class="flex items-center gap-2 hover:text-surface transition-colors"><span class="material-symbols-outlined text-base">mail</span> contact@flowgenix.tech</a>
<a href="tel:+919818430664" class="flex items-center gap-2 hover:text-surface transition-colors"><span class="material-symbols-outlined text-base">call</span> +91 98184 30664</a>
<span class="flex items-center gap-2"><span class="material-symbols-outlined text-base">location_on</span> Sector 119, Noida, UP 201305</span>
</div>
</div>
<div>
<h5 class="text-primary-fixed-dim font-semibold mb-5 font-body-sm">Platform</h5>
<ul class="space-y-3 text-body-sm">
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="platform.html">How it works</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="platform.html#capabilities">Capabilities</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="platform.html#why">Why Flowgenix</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="industries.html">Industries</a></li>
</ul>
</div>
<div>
<h5 class="text-primary-fixed-dim font-semibold mb-5 font-body-sm">Products</h5>
<ul class="space-y-3 text-body-sm">
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="carbongenie.html">CarbonGenie</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="adaptive-iam.html">Adaptive IAM</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="e-frm.html">E-FRM Suite</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="ai-factory.html">AI Factory Library</a></li>
</ul>
</div>
<div>
<h5 class="text-primary-fixed-dim font-semibold mb-5 font-body-sm">Company</h5>
<ul class="space-y-3 text-body-sm">
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="about.html">About & team</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="about.html#leadership">Leadership</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="contact.html">Contact</a></li>
<li><a class="text-surface-variant/80 hover:text-surface transition-colors" href="contact.html">Partner with us</a></li>
</ul>
</div>
</div>
<div class="max-w-7xl mx-auto px-margin-mobile md:px-margin-desktop mt-14 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4">
<p class="text-body-sm text-surface-variant/60">© 2026 Flowgenix Business Solutions Pvt Ltd. All rights reserved.</p>
<p class="text-label-md font-label-md text-surface-variant/50 uppercase tracking-widest">From concept to market in weeks, not months</p>
</div>
</footer>
<script>
const nav = document.getElementById('main-nav');
window.addEventListener('scroll', () => {
if (window.scrollY > 40) nav.classList.add('scrolled','shadow-md');
else nav.classList.remove('scrolled','shadow-md');
});
const revealObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); });
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));
document.querySelectorAll('.interactive-card').forEach(card => {
card.addEventListener('mousemove', e => {
const r = card.getBoundingClientRect();
card.style.setProperty('--x', ((e.clientX - r.left)/r.width)*100 + '%');
card.style.setProperty('--y', ((e.clientY - r.top)/r.height)*100 + '%');
});
});
const mt = document.getElementById('mobile-toggle');
const mm = document.getElementById('mobile-menu');
if (mt) mt.addEventListener('click', () => {
mm.classList.toggle('open');
mt.querySelector('.material-symbols-outlined').textContent = mm.classList.contains('open') ? 'close' : 'menu';
});
// Animated counters
const counters = document.querySelectorAll('[data-count]');
const countObs = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (!entry.isIntersecting) return;
const el = entry.target;
const target = parseFloat(el.dataset.count);
const suffix = el.dataset.suffix || '';
const dec = (target % 1 !== 0) ? 1 : 0;
let start = null;
const dur = 1400;
function step(ts){
if (!start) start = ts;
const p = Math.min((ts - start)/dur, 1);
const eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(dec) + suffix;
if (p < 1) requestAnimationFrame(step);
else el.textContent = target.toFixed(dec) + suffix;
}
requestAnimationFrame(step);
countObs.unobserve(el);
});
}, { threshold: 0.5 });
counters.forEach(c => countObs.observe(c));
// Contact form (front-end only)
const cf = document.getElementById('contact-form');
if (cf) cf.addEventListener('submit', (e) => {
e.preventDefault();
document.getElementById('form-fields').classList.add('hidden');
document.getElementById('form-success').classList.remove('hidden');
});
</script>
</body></html>