<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="ManyLayers — The sovereign AI platform. Your infrastructure, every model, fully sovereign."><meta property="og:title" content="ManyLayers — The sovereign AI platform"><meta property="og:description" content="ManyLayers — The sovereign AI platform. Your infrastructure, every model, fully sovereign."><meta property="og:type" content="website"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>ManyLayers — The sovereign AI platform</title><link rel="stylesheet" href="/_astro/about-us.nhLiVV-l.css">
<style>.sl-wrap[data-astro-cid-dun7kcqf]{width:100%;display:block}
.pt-wrap[data-astro-cid-fbv3beac]{width:100%;display:block}
.ci-wrap[data-astro-cid-d2xr4hh6],.ee-wrap[data-astro-cid-fbj5wvsx]{width:100%;display:block}
</style></head> <body> <nav id="site-nav" class="border-b border-[#E6E6E6] bg-white sticky top-0 z-[200]"> <div class="max-w-[1260px] mx-auto px-8 h-14 flex items-center gap-0 max-[900px]:px-5"> <!-- Logo --> <a href="/" class="font-bold text-[15px] text-[#111] tracking-[-0.02em] no-underline flex items-center gap-1 mr-8 shrink-0 hover:no-underline" style="position:relative;z-index:400;"> <!-- Stacked-layers mark: top orange, middle gray, bottom black --> <svg width="20" height="20" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <!-- Bottom layer — black --> <rect x="0" y="15" width="20" height="7" rx="1.5" fill="#111111"></rect> <!-- Middle layer — neutral gray --> <rect x="4" y="10" width="20" height="7" rx="1.5" fill="#8A8A8A"></rect> <!-- Top layer — orange accent --> <rect x="8" y="5" width="20" height="7" rx="1.5" fill="#FF5C00"></rect> </svg>
ManyLayers
</a> <!-- Primary nav --> <ul class="flex items-center list-none flex-1 max-[900px]:hidden"> <!-- Products dropdown — 2-col grouped --> <li class="relative nav-dd-item" data-dd="products"> <button class="nav-dd-trigger flex items-center gap-1 px-3 h-14 text-[13px] text-[#555] font-medium bg-transparent border-none cursor-pointer transition-colors duration-150 hover:text-[#FF5C00]" aria-expanded="false" aria-controls="dd-products" type="button">
Products
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="dd-chevron transition-transform duration-150"> <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div id="dd-products" class="nav-dd-panel absolute top-full left-0 bg-white border border-[#E6E6E6] shadow-sm hidden z-[300]" style="min-width:580px;" role="region"> <div class="grid grid-cols-2 divide-x divide-[#E6E6E6]"> <div> <p class="px-5 pt-4 pb-2 font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC]">Modules</p> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/products/gateway" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-route">  <circle cx="6" cy="19" r="3"></circle> <path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"></path> <circle cx="18" cy="5" r="3"></circle>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Gateway</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">OpenAI-compatible multi-provider routing, guardrails, budgets, caching, and audit.</span> </span> </a> </li><li> <a href="/products/workspace" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-package">  <path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path> <path d="M12 22V12"></path> <polyline points="3.29 7 12 12 20.71 7"></polyline> <path d="m7.5 4.27 9 5.15"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Workspace</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Team chat, RAG knowledge bases, 20+ connectors, agents, workflows, evals, and voice.</span> </span> </a> </li><li> <a href="/products/deploy" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-server">  <rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect> <rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect> <line x1="6" x2="6.01" y1="6" y2="6"></line> <line x1="6" x2="6.01" y1="18" y2="18"></line>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Deploy</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">On-prem model deployments on Kubernetes/dstack, model library, and fine-tuning.</span> </span> </a> </li> </ul> </div> <div> <p class="px-5 pt-4 pb-2 font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC]">Capabilities</p> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/products/frontier-gateway" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-globe">  <circle cx="12" cy="12" r="10"></circle> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path> <path d="M2 12h20"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Frontier Gateway</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Frontier models via one governed endpoint.</span> </span> </a> </li><li> <a href="/products/model-apis" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-layers">  <path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path> <path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path> <path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Model APIs</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">OpenAI-compatible chat, embeddings, images, and audio.</span> </span> </a> </li><li> <a href="/products/dedicated-inference" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-cpu">  <path d="M12 20v2"></path> <path d="M12 2v2"></path> <path d="M17 20v2"></path> <path d="M17 2v2"></path> <path d="M2 12h2"></path> <path d="M2 17h2"></path> <path d="M2 7h2"></path> <path d="M20 12h2"></path> <path d="M20 17h2"></path> <path d="M20 7h2"></path> <path d="M7 20v2"></path> <path d="M7 2v2"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <rect x="8" y="8" width="8" height="8" rx="1"></rect>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Dedicated Inference</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Dedicated open-weight model serving.</span> </span> </a> </li><li> <a href="/products/training" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-activity">  <path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Training</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Fine-tuning on your data.</span> </span> </a> </li><li> <a href="/products/multi-cloud-capacity-management" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-cloud-cog">  <path d="m10.852 19.772-.383.924"></path> <path d="m13.148 14.228.383-.923"></path> <path d="M13.148 19.772a3 3 0 1 0-2.296-5.544l-.383-.923"></path> <path d="m13.53 20.696-.382-.924a3 3 0 1 1-2.296-5.544"></path> <path d="m14.772 15.852.923-.383"></path> <path d="m14.772 18.148.923.383"></path> <path d="M4.2 15.1a7 7 0 1 1 9.93-9.858A7 7 0 0 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.2"></path> <path d="m9.228 15.852-.923-.383"></path> <path d="m9.228 18.148-.923.383"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Multi-Cloud Capacity</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Cross-provider routing and failover.</span> </span> </a> </li> </ul> </div> </div> </div> </li> <!-- Solutions dropdown — 2-col grouped --> <li class="relative nav-dd-item" data-dd="solutions"> <button class="nav-dd-trigger flex items-center gap-1 px-3 h-14 text-[13px] text-[#555] font-medium bg-transparent border-none cursor-pointer transition-colors duration-150 hover:text-[#FF5C00]" aria-expanded="false" aria-controls="dd-solutions" type="button">
Solutions
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="dd-chevron transition-transform duration-150"> <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div id="dd-solutions" class="nav-dd-panel absolute top-full left-0 bg-white border border-[#E6E6E6] shadow-sm hidden z-[300]" style="min-width:600px;" role="region"> <div class="grid grid-cols-2 divide-x divide-[#E6E6E6]"> <div> <p class="px-5 pt-4 pb-2 font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC]">Use Cases</p> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/solutions/rag-chat" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-message-square">  <path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">RAG Chat</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Ground your team&#39;s AI on internal knowledge.</span> </span> </a> </li><li> <a href="/solutions/governance" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-shield-check">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="m9 12 2 2 4-4"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Governance</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Guardrails, PII firewall, audit logs, and per-team budgets.</span> </span> </a> </li><li> <a href="/solutions/model-serving" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-cpu">  <path d="M12 20v2"></path> <path d="M12 2v2"></path> <path d="M17 20v2"></path> <path d="M17 2v2"></path> <path d="M2 12h2"></path> <path d="M2 17h2"></path> <path d="M2 7h2"></path> <path d="M20 12h2"></path> <path d="M20 17h2"></path> <path d="M20 7h2"></path> <path d="M7 20v2"></path> <path d="M7 2v2"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <rect x="8" y="8" width="8" height="8" rx="1"></rect>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Model Serving</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Serve open-weight models on your own GPUs, fully air-gapped.</span> </span> </a> </li><li> <a href="/solutions/compound-ai" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-sliders-vertical">  <path d="M10 8h4"></path> <path d="M12 21v-9"></path> <path d="M12 8V3"></path> <path d="M17 16h4"></path> <path d="M19 12V3"></path> <path d="M19 21v-5"></path> <path d="M3 14h4"></path> <path d="M5 10V3"></path> <path d="M5 21v-7"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Compound AI</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Orchestrate multi-step AI pipelines with agents and tools.</span> </span> </a> </li> </ul> <p class="px-5 pt-4 pb-2 font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] border-t border-[#E6E6E6]">Industries</p> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/healthcare" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-heart-pulse">  <path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path> <path d="M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Healthcare</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">HIPAA-ready AI infrastructure for health data workloads.</span> </span> </a> </li><li> <a href="/solutions/financial" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-building-2">  <path d="M10 12h4"></path> <path d="M10 8h4"></path> <path d="M14 21v-3a2 2 0 0 0-4 0v3"></path> <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path> <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Financial Services</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Data sovereignty, per-desk budgets, and audit trails for regulated firms.</span> </span> </a> </li><li> <a href="/solutions/legal" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-shield-check">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="m9 12 2 2 4-4"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Legal</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Privileged-data protection, RAG over case files, and citation-grounded answers.</span> </span> </a> </li> </ul> </div> <div> <p class="px-5 pt-4 pb-2 font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC]">Modalities</p> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/solutions/image-generation" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-image">  <rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect> <circle cx="9" cy="9" r="2"></circle> <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Image Generation</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Generate and edit images via a unified API.</span> </span> </a> </li><li> <a href="/solutions/embeddings" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-database">  <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse> <path d="M3 5V19A9 3 0 0 0 21 19V5"></path> <path d="M3 12A9 3 0 0 0 21 12"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Embeddings</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Semantic search and vector store pipelines.</span> </span> </a> </li><li> <a href="/solutions/text-to-speech" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-mic">  <path d="M12 19v3"></path> <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path> <rect x="9" y="2" width="6" height="13" rx="3"></rect>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Text to Speech</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">High-quality TTS across multiple voices and providers.</span> </span> </a> </li><li> <a href="/solutions/transcription" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-file-text">  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path> <path d="M14 2v5a1 1 0 0 0 1 1h5"></path> <path d="M10 9H8"></path> <path d="M16 13H8"></path> <path d="M16 17H8"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Transcription</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Audio-to-text transcription at scale.</span> </span> </a> </li> </ul> </div> </div> </div> </li> <!-- Platform dropdown — single column --> <li class="relative nav-dd-item" data-dd="platform"> <button class="nav-dd-trigger flex items-center gap-1 px-3 h-14 text-[13px] text-[#555] font-medium bg-transparent border-none cursor-pointer transition-colors duration-150 hover:text-[#FF5C00]" aria-expanded="false" aria-controls="dd-platform" type="button">
Platform
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="dd-chevron transition-transform duration-150"> <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div id="dd-platform" class="nav-dd-panel absolute top-full left-0 bg-white border border-[#E6E6E6] shadow-sm hidden z-[300]" style="min-width:340px;" role="region"> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/platform/routing-performance" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-zap">  <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Routing &amp; Performance</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Fallback chains, canary splits, semantic caching, and latency-aware routing.</span> </span> </a> </li><li> <a href="/platform/model-management" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-box">  <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path> <path d="m3.3 7 8.7 5 8.7-5"></path> <path d="M12 22V12"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Model Management</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Curated model library with versioning and deployment controls.</span> </span> </a> </li><li> <a href="/platform/model-performance" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-activity">  <path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Model Performance</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Latency, throughput, and quality metrics across all providers.</span> </span> </a> </li><li> <a href="/platform/embedded-engineering" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-code-xml">  <path d="m18 16 4-4-4-4"></path> <path d="m6 8-4 4 4 4"></path> <path d="m14.5 4-5 16"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Embedded Engineering</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Deployment assistance and integrations from our engineering team.</span> </span> </a> </li><li> <a href="/platform/cloud-native-infrastructure" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-cloud-cog">  <path d="m10.852 19.772-.383.924"></path> <path d="m13.148 14.228.383-.923"></path> <path d="M13.148 19.772a3 3 0 1 0-2.296-5.544l-.383-.923"></path> <path d="m13.53 20.696-.382-.924a3 3 0 1 1-2.296-5.544"></path> <path d="m14.772 15.852.923-.383"></path> <path d="m14.772 18.148.923.383"></path> <path d="M4.2 15.1a7 7 0 1 1 9.93-9.858A7 7 0 0 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.2"></path> <path d="m9.228 15.852-.923-.383"></path> <path d="m9.228 18.148-.923.383"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Cloud-Native Infrastructure</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">Kubernetes-native, Helm charts, and Terraform modules.</span> </span> </a> </li><li> <a href="/platform/security" class="flex items-start gap-3 px-5 py-3.5 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-lock">  <rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect> <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Security</span> <span class="text-[11px] text-[#8999AC] mt-0.5 leading-tight">SOC 2 Type II, HIPAA-ready, SAML/OIDC SSO, RBAC, and full request audit.</span> </span> </a> </li> </ul> </div> </li> <!-- Deployments dropdown --> <li class="relative nav-dd-item" data-dd="deployments"> <button class="nav-dd-trigger flex items-center gap-1 px-3 h-14 text-[13px] text-[#555] font-medium bg-transparent border-none cursor-pointer transition-colors duration-150 hover:text-[#FF5C00]" aria-expanded="false" aria-controls="dd-deployments" type="button">
Deployments
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="dd-chevron transition-transform duration-150"> <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div id="dd-deployments" class="nav-dd-panel absolute top-full left-0 bg-white border border-[#E6E6E6] shadow-sm hidden z-[300]" style="min-width:320px;" role="region"> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/deployments/cloud" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-cloud">  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">SaaS Cloud</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Fully managed ManyLayers — we run the infra, you keep the keys.</span> </span> </a> </li><li> <a href="/deployments/hybrid" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-network">  <rect x="16" y="16" width="6" height="6" rx="1"></rect> <rect x="2" y="16" width="6" height="6" rx="1"></rect> <rect x="9" y="2" width="6" height="6" rx="1"></rect> <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path> <path d="M12 12V8"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Hybrid</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Managed control plane + data plane in your VPC. Prompts never leave your network.</span> </span> </a> </li><li> <a href="/deployments/self-hosted" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-hard-drive">  <line x1="22" x2="2" y1="12" y2="12"></line> <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path> <line x1="6" x2="6.01" y1="16" y2="16"></line> <line x1="10" x2="10.01" y1="16" y2="16"></line>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Self-Hosted</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Air-gapped on-prem deployment with license file activation.</span> </span> </a> </li> </ul> </div> </li> <!-- Resources dropdown --> <li class="relative nav-dd-item" data-dd="resources"> <button class="nav-dd-trigger flex items-center gap-1 px-3 h-14 text-[13px] text-[#555] font-medium bg-transparent border-none cursor-pointer transition-colors duration-150 hover:text-[#FF5C00]" aria-expanded="false" aria-controls="dd-resources" type="button">
Resources
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="dd-chevron transition-transform duration-150"> <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div id="dd-resources" class="nav-dd-panel absolute top-full left-0 bg-white border border-[#E6E6E6] shadow-sm hidden z-[300]" style="min-width:320px;" role="region"> <ul class="list-none divide-y divide-[#E6E6E6]"> <li> <a href="/library" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-library">  <path d="m16 6 4 14"></path> <path d="M12 6v14"></path> <path d="M8 8v12"></path> <path d="M4 4v16"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Library</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Curated model library — specs, benchmarks, and deployment guides.</span> </span> </a> </li><li> <a href="/blog" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-file-text">  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path> <path d="M14 2v5a1 1 0 0 0 1 1h5"></path> <path d="M10 9H8"></path> <path d="M16 13H8"></path> <path d="M16 17H8"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Blog</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Engineering deep-dives on sovereign AI infrastructure.</span> </span> </a> </li><li> <a href="/resources/guides" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-file-text">  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path> <path d="M14 2v5a1 1 0 0 0 1 1h5"></path> <path d="M10 9H8"></path> <path d="M16 13H8"></path> <path d="M16 17H8"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Guides</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Step-by-step guides for platform teams.</span> </span> </a> </li><li> <a href="/resources/webinars" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-video">  <path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path> <rect x="2" y="6" width="14" height="12" rx="2"></rect>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Webinars</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Recorded webinars and live sessions on sovereign AI.</span> </span> </a> </li><li> <a href="https://docs.manylayers.io" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 px-5 py-4 group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <span class="mt-0.5 text-[#8999AC] group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-book-open">  <path d="M12 7v14"></path> <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path>  </svg></span> <span class="flex flex-col"> <span class="text-[13px] font-semibold text-[#111] group-hover:text-[#FF5C00] transition-colors duration-150">Docs</span> <span class="text-[12px] text-[#8999AC] mt-0.5 leading-tight">Full product documentation, API reference, and quickstarts.</span> </span> </a> </li> </ul> </div> </li> <!-- Plain nav links --> <li> <a href="/enterprise" class="px-3 h-14 flex items-center text-[13px] text-[#555] font-medium no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Enterprise </a> </li><li> <a href="/pricing" class="px-3 h-14 flex items-center text-[13px] text-[#555] font-medium no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Pricing </a> </li> </ul> <!-- Right CTA cluster --> <div class="flex items-center gap-2 ml-auto max-[900px]:ml-auto shrink-0"> <a href="/talk-to-us" class="btn-ghost max-[900px]:hidden"> <span>Talk to us</span> </a> <a href="/demo" class="btn-primary"> <span>Get started</span> </a> </div> </div> </nav> <script type="module">(function(){const c=document.querySelectorAll(".nav-dd-item");c.forEach(n=>{const s=n.querySelector(".nav-dd-trigger"),e=n.querySelector(".nav-dd-panel"),d=n.querySelector(".dd-chevron");if(!s||!e)return;let t=null;function a(){t&&(clearTimeout(t),t=null),c.forEach(r=>{r!==n&&l(r)}),e.classList.remove("hidden"),s.setAttribute("aria-expanded","true"),d?.style.setProperty("transform","rotate(180deg)")}function o(){e.classList.add("hidden"),s.setAttribute("aria-expanded","false"),d?.style.setProperty("transform","")}function l(r){const i=r.querySelector(".nav-dd-panel"),u=r.querySelector(".nav-dd-trigger"),v=r.querySelector(".dd-chevron");i?.classList.add("hidden"),u?.setAttribute("aria-expanded","false"),v?.style.setProperty("transform","")}n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",()=>{t=setTimeout(o,120)}),e.addEventListener("mouseenter",()=>{t&&(clearTimeout(t),t=null)}),e.addEventListener("mouseleave",()=>{t=setTimeout(o,120)}),s.addEventListener("click",r=>{r.stopPropagation(),e.classList.contains("hidden")?a():o()}),s.addEventListener("keydown",r=>{r.key==="Escape"&&o()})}),document.addEventListener("click",n=>{n.target.closest(".nav-dd-item")||c.forEach(e=>{const d=e.querySelector(".nav-dd-panel"),t=e.querySelector(".nav-dd-trigger"),a=e.querySelector(".dd-chevron");d?.classList.add("hidden"),t?.setAttribute("aria-expanded","false"),a?.style.setProperty("transform","")})})})();</script> <div class="page-frame"> <main>   <section class="border-b border-[#E6E6E6]"> <div class="max-w-[1160px] mx-auto"> <div class="grid grid-cols-2 max-[900px]:grid-cols-1"> <!-- Left: text --> <div class="px-10 pt-20 pb-16 max-[900px]:px-5 max-[900px]:pt-12 border-r border-[#E6E6E6] max-[900px]:border-r-0 max-[900px]:border-b max-[900px]:border-[#E6E6E6]"> <span class="eyebrow mb-4">Sovereign AI Platform</span> <h1 class="mb-5">
Every model.<br>
Your&nbsp;infrastructure.
</h1> <p class="text-[17px] text-[#555] mb-8 max-w-[420px]">
Gateway, Workspace, and on-prem Deploy — unified under a single
            OpenAI-compatible API. SaaS or fully air-gapped.
</p> <div class="flex gap-3 flex-wrap"> <a href="/demo" class="btn-primary"> <span>Get started</span> </a> <a href="/talk-to-us" class="btn-ghost"> <span>Talk to us</span> </a> </div> </div> <!-- Right: stat cluster --> <div class="relative flex flex-col justify-center px-6 py-10 bg-[#FAFAFA] overflow-hidden max-[900px]:px-5 max-[900px]:py-8"> <!-- Typographic stat cluster --> <div class="relative grid grid-cols-2 gap-px bg-[#E6E6E6]"> <div class="bg-[#FAFAFA] p-5"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC] mb-1">Providers</p> <p class="font-bold text-[2rem] text-[#111] leading-none">40+</p> </div> <div class="bg-[#FAFAFA] p-5"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC] mb-1">Connectors</p> <p class="font-bold text-[2rem] text-[#111] leading-none">20+</p> </div> <div class="bg-[#FAFAFA] p-5"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC] mb-1">Days to prod</p> <p class="font-bold text-[2rem] text-[#111] leading-none">&lt;7</p> </div> <div class="bg-[#FFF1E8] p-5 border border-[#FF5C00]"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#FF5C00] mb-1">Your infra</p> <p class="font-bold text-[2rem] text-[#FF5C00] leading-none">100%</p> </div> </div> <div class="relative mt-4 border border-[#E6E6E6] bg-white px-5 py-3 flex items-center gap-3"> <span class="w-2 h-2 rounded-full bg-[#FF5C00] shrink-0"></span> <p class="font-mono text-[11px] uppercase tracking-[0.08em] text-[#555]">OpenAI-compatible &mdash; drop-in, zero client changes</p> </div> </div> </div> </div> </section>  <section class="border-b border-[#E6E6E6]"> <div class="max-w-[1160px] mx-auto px-10 py-12 max-[900px]:px-5 max-[900px]:py-8"> <span class="eyebrow mb-2">Supported providers &amp; models</span> <h2 class="mt-2 mb-8 max-w-[480px]">Route any model. Switch in seconds.</h2> <div class="grid gap-px bg-[#E6E6E6] grid-cols-3 min-[540px]:grid-cols-4 min-[900px]:grid-cols-6"> <div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> OpenAI </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Anthropic </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Amazon Bedrock </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Google Vertex AI </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Azure OpenAI </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Gemini </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Cohere </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Mistral AI </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Groq </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> DeepSeek </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Together AI </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Ollama </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Llama </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Qwen </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Phi </div><div class="bg-white flex items-center justify-center px-3 py-4 text-[13px] font-medium text-[#555] text-center transition-colors duration-150 hover:text-[#111] hover:bg-[#FAFAFA]"> Gemma </div> </div> </div> </section>  <section class="border-b border-[#E6E6E6]"> <div class="px-10 py-12 max-w-[1160px] mx-auto max-[900px]:px-5 max-[900px]:py-8"> <span class="eyebrow mb-2">What's included</span> <h2 class="mt-2 max-w-[560px]">Live in days, not quarters.</h2> </div> <div class="module-grid grid grid-cols-3 bg-[#E6E6E6] gap-px max-w-[1160px] mx-auto"> <div class="bg-white p-8 flex flex-col"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-route text-[#FF5C00] mb-4 shrink-0">  <circle cx="6" cy="19" r="3"></circle> <path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"></path> <circle cx="18" cy="5" r="3"></circle>  </svg> <span class="eyebrow mb-3">01 — Gateway</span> <h3 class="mb-3 text-[1.1rem] font-bold">Gateway</h3> <p class="text-[14px] text-[#555] flex-1">OpenAI-compatible API layer with intelligent multi-provider routing, guardrails, budgets, semantic caching, and full audit log.</p> <a href="/products/gateway" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Learn more &rarr;
</a> </div><div class="bg-white p-8 flex flex-col"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-package text-[#FF5C00] mb-4 shrink-0">  <path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path> <path d="M12 22V12"></path> <polyline points="3.29 7 12 12 20.71 7"></polyline> <path d="m7.5 4.27 9 5.15"></path>  </svg> <span class="eyebrow mb-3">02 — Workspace</span> <h3 class="mb-3 text-[1.1rem] font-bold">Workspace</h3> <p class="text-[14px] text-[#555] flex-1">Team chat grounded in your internal knowledge. RAG, agents, workflows, evals, and voice — all on your own infrastructure.</p> <a href="/products/workspace" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Learn more &rarr;
</a> </div><div class="bg-white p-8 flex flex-col"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-server text-[#FF5C00] mb-4 shrink-0">  <rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect> <rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect> <line x1="6" x2="6.01" y1="6" y2="6"></line> <line x1="6" x2="6.01" y1="18" y2="18"></line>  </svg> <span class="eyebrow mb-3">03 — Deploy</span> <h3 class="mb-3 text-[1.1rem] font-bold">Deploy</h3> <p class="text-[14px] text-[#555] flex-1">On-prem model deployments on Kubernetes or dstack. Curated model library, fine-tuning jobs, fully air-gapped operation.</p> <a href="/products/deploy" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Learn more &rarr;
</a> </div> </div> </section>  <section class="border-b border-[#E6E6E6] bg-[#111]"> <div class="max-w-[1160px] mx-auto px-10 py-16 max-[900px]:px-5 max-[900px]:py-10"> <h2 class="text-white max-w-[720px] mb-12" style="font-size: clamp(1.75rem, 3vw, 2.75rem);">
Engineered for the most demanding enterprise AI workloads.
</h2> <div class="grid grid-cols-3 gap-px bg-[#2a2a2a] max-[900px]:grid-cols-1"> <div class="bg-[#111] p-8"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#FF5C00] mb-3">Reliability</p> <h3 class="text-white text-[1rem] font-bold mb-3">Automatic failover</h3> <p class="text-[14px] text-[#8999AC]">Fallback chains across 40+ providers keep your applications running when any single provider has an outage or rate-limits your requests.</p> </div> <div class="bg-[#111] p-8"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#FF5C00] mb-3">Security</p> <h3 class="text-white text-[1rem] font-bold mb-3">One platform to secure and audit</h3> <p class="text-[14px] text-[#8999AC]">PII firewall, RBAC, and a complete immutable audit trail — enforced at the gateway before any prompt reaches a model provider.</p> </div> <div class="bg-[#111] p-8"> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#FF5C00] mb-3">Scale</p> <h3 class="text-white text-[1rem] font-bold mb-3">Semantic caching at volume</h3> <p class="text-[14px] text-[#8999AC]">Semantic caching and canary routing handle production traffic without per-token markup or capacity guesswork.</p> </div> </div> </div> </section>  <section class="border-b border-[#E6E6E6] bg-[#111]"> <div class="max-w-[1160px] mx-auto"> <div class="stat-grid grid grid-cols-4 bg-[#1a1a1a] gap-px"> <div class="bg-[#111] px-8 py-10 flex flex-col"> <p class="text-[3rem] font-bold text-white leading-none mb-2">40+</p> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC]">Providers supported</p> </div><div class="bg-[#111] px-8 py-10 flex flex-col"> <p class="text-[3rem] font-bold text-white leading-none mb-2">20+</p> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC]">Knowledge connectors</p> </div><div class="bg-[#111] px-8 py-10 flex flex-col"> <p class="text-[3rem] font-bold text-white leading-none mb-2">&lt;7</p> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC]">Days to production</p> </div><div class="bg-[#111] px-8 py-10 flex flex-col"> <p class="text-[3rem] font-bold text-white leading-none mb-2">100%</p> <p class="font-mono text-[10px] uppercase tracking-[0.12em] text-[#8999AC]">Your infrastructure</p> </div> </div> </div> </section>  <section class="border-b border-[#E6E6E6]"> <div class="px-10 py-12 max-w-[1160px] mx-auto max-[900px]:px-5 max-[900px]:py-8"> <span class="eyebrow mb-2">Solutions</span> <h2 class="mt-2 max-w-[560px]">Built for the demands of enterprise AI.</h2> </div> <div class="why-grid grid grid-cols-4 bg-[#E6E6E6] gap-px max-w-[1160px] mx-auto"> <a href="/solutions/governance" class="bg-[#FAFAFA] p-8 flex flex-col group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-shield-check text-[#8999AC] mb-4 group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="m9 12 2 2 4-4"></path>  </svg> <h3 class="text-[1rem] font-bold mb-2 group-hover:text-[#FF5C00] transition-colors duration-150">Enterprise Governance</h3> <p class="text-[14px] text-[#555] flex-1">Guardrails, PII firewall, per-team spend budgets, and immutable audit logs enforced before any request reaches a model provider.</p> <span class="mt-4 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] opacity-0 group-hover:opacity-100 transition-opacity duration-150">
Learn more &rarr;
</span> </a><a href="/solutions/rag-chat" class="bg-[#FAFAFA] p-8 flex flex-col group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-database text-[#8999AC] mb-4 group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0">  <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse> <path d="M3 5V19A9 3 0 0 0 21 19V5"></path> <path d="M3 12A9 3 0 0 0 21 12"></path>  </svg> <h3 class="text-[1rem] font-bold mb-2 group-hover:text-[#FF5C00] transition-colors duration-150">RAG Knowledge Chat</h3> <p class="text-[14px] text-[#555] flex-1">Connect Slack, Confluence, Google Drive, GitHub, Jira, and 15+ more. Incremental sync, HNSW indexing, and source citations included.</p> <span class="mt-4 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] opacity-0 group-hover:opacity-100 transition-opacity duration-150">
Learn more &rarr;
</span> </a><a href="/platform/routing-performance" class="bg-[#FAFAFA] p-8 flex flex-col group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-zap text-[#8999AC] mb-4 group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0">  <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>  </svg> <h3 class="text-[1rem] font-bold mb-2 group-hover:text-[#FF5C00] transition-colors duration-150">Routing &amp; Performance</h3> <p class="text-[14px] text-[#555] flex-1">Fallback chains, canary splits, conditional routing by team or model alias, and semantic caching to cut redundant provider spend.</p> <span class="mt-4 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] opacity-0 group-hover:opacity-100 transition-opacity duration-150">
Learn more &rarr;
</span> </a><a href="/solutions/model-serving" class="bg-[#FAFAFA] p-8 flex flex-col group transition-colors duration-150 hover:bg-[#FFF1E8] no-underline"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" class="lucide lucide-globe text-[#8999AC] mb-4 group-hover:text-[#FF5C00] transition-colors duration-150 shrink-0">  <circle cx="12" cy="12" r="10"></circle> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path> <path d="M2 12h20"></path>  </svg> <h3 class="text-[1rem] font-bold mb-2 group-hover:text-[#FF5C00] transition-colors duration-150">Sovereign Model Serving</h3> <p class="text-[14px] text-[#555] flex-1">Deploy open-weight models on your own GPUs with zero outbound traffic. Fine-tune on proprietary data and serve entirely offline.</p> <span class="mt-4 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] opacity-0 group-hover:opacity-100 transition-opacity duration-150">
Learn more &rarr;
</span> </a> </div> </section>  <section class="border-b border-[#E6E6E6]"> <div class="px-10 py-12 max-w-[1160px] mx-auto max-[900px]:px-5 max-[900px]:py-8"> <span class="eyebrow mb-2">Platform depth</span> <h2 class="mt-2 max-w-[600px]">Sovereign AI takes more than an API.</h2> <p class="mt-4 text-[15px] text-[#555] max-w-[560px]">
Speed, control, and trust at enterprise scale require three things working together — none of which can be bolted on after the fact.
</p> </div> <div class="grid grid-cols-3 bg-[#E6E6E6] gap-px max-w-[1160px] mx-auto max-[900px]:grid-cols-1"> <!-- Pillar 1: Routing & Performance --> <div class="bg-white flex flex-col"> <div class="px-8 pt-8 pb-4 max-[900px]:px-5"> <div class="pt-wrap" aria-hidden="true" data-astro-cid-fbv3beac> <svg viewBox="0 0 480 280" width="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Latency and throughput performance tuning diagram" data-astro-cid-fbv3beac> <style>
      /* Bar chart bars animate height downward (latency falling) */
      .pt-bar-1 { animation: pt-bar-drop-1 6s ease-in-out infinite; }
      .pt-bar-2 { animation: pt-bar-drop-2 6s ease-in-out infinite; }
      .pt-bar-3 { animation: pt-bar-drop-3 6s ease-in-out infinite; }
      .pt-bar-4 { animation: pt-bar-drop-4 6s ease-in-out infinite; }
      .pt-bar-5 { animation: pt-bar-drop-5 6s ease-in-out infinite; }
      .pt-bar-6 { animation: pt-bar-drop-6 6s ease-in-out infinite; }

      /* Spark line traveling dash */
      .pt-spark {
        stroke-dasharray: 6 10;
        animation: pt-spark-flow 4s linear infinite;
      }

      /* Readout value blink */
      .pt-val-ttft  { animation: pt-val-cycle 6s ease-in-out infinite; }
      .pt-val-toks  { animation: pt-val-cycle 6s ease-in-out infinite; animation-delay: 1s; }

      /* Status pill */
      .pt-status { animation: pt-status-pulse 3s ease-in-out infinite; }

      /* Traveling dot along trend line */
      .pt-trend-dash {
        stroke-dasharray: 5 8;
        animation: pt-trend-flow 5s linear infinite;
      }

      @keyframes pt-bar-drop-1 {
        0%, 100% { height: 72px; y: 128px; }
        50%       { height: 56px; y: 144px; }
      }
      @keyframes pt-bar-drop-2 {
        0%, 100% { height: 60px; y: 140px; }
        50%       { height: 44px; y: 156px; }
      }
      @keyframes pt-bar-drop-3 {
        0%, 100% { height: 48px; y: 152px; }
        50%       { height: 34px; y: 166px; }
      }
      @keyframes pt-bar-drop-4 {
        0%, 100% { height: 38px; y: 162px; }
        50%       { height: 26px; y: 174px; }
      }
      @keyframes pt-bar-drop-5 {
        0%, 100% { height: 28px; y: 172px; }
        50%       { height: 18px; y: 182px; }
      }
      @keyframes pt-bar-drop-6 {
        0%, 100% { height: 20px; y: 180px; }
        50%       { height: 12px; y: 188px; }
      }
      @keyframes pt-spark-flow {
        from { stroke-dashoffset: 64; }
        to   { stroke-dashoffset: 0; }
      }
      @keyframes pt-val-cycle {
        0%, 40%  { opacity: 1; }
        50%, 90% { opacity: 0.4; }
        100%     { opacity: 1; }
      }
      @keyframes pt-status-pulse {
        0%, 100% { opacity: 0.6; }
        50%       { opacity: 1; }
      }
      @keyframes pt-trend-flow {
        from { stroke-dashoffset: 52; }
        to   { stroke-dashoffset: 0; }
      }

      @media (prefers-reduced-motion: reduce) {
        .pt-bar-1, .pt-bar-2, .pt-bar-3,
        .pt-bar-4, .pt-bar-5, .pt-bar-6,
        .pt-spark, .pt-val-ttft, .pt-val-toks,
        .pt-status, .pt-trend-dash {
          animation: none !important;
        }
      }
    </style> <defs data-astro-cid-fbv3beac> <path id="pt-trend-path" d="M80,128 L106,140 L132,152 L158,162 L184,172 L210,180" fill="none" data-astro-cid-fbv3beac></path> <path id="pt-spark-path" d="M264,148 L476,100" fill="none" data-astro-cid-fbv3beac></path> </defs> <!-- Subtle background grid --> <g opacity="0.035" stroke="#111" stroke-width="0.5" data-astro-cid-fbv3beac> <line x1="0" y1="0" x2="0" y2="280" data-astro-cid-fbv3beac></line><line x1="40" y1="0" x2="40" y2="280" data-astro-cid-fbv3beac></line><line x1="80" y1="0" x2="80" y2="280" data-astro-cid-fbv3beac></line><line x1="120" y1="0" x2="120" y2="280" data-astro-cid-fbv3beac></line><line x1="160" y1="0" x2="160" y2="280" data-astro-cid-fbv3beac></line><line x1="200" y1="0" x2="200" y2="280" data-astro-cid-fbv3beac></line><line x1="240" y1="0" x2="240" y2="280" data-astro-cid-fbv3beac></line><line x1="280" y1="0" x2="280" y2="280" data-astro-cid-fbv3beac></line><line x1="320" y1="0" x2="320" y2="280" data-astro-cid-fbv3beac></line><line x1="360" y1="0" x2="360" y2="280" data-astro-cid-fbv3beac></line><line x1="400" y1="0" x2="400" y2="280" data-astro-cid-fbv3beac></line><line x1="440" y1="0" x2="440" y2="280" data-astro-cid-fbv3beac></line><line x1="480" y1="0" x2="480" y2="280" data-astro-cid-fbv3beac></line> <line x1="0" y1="0" x2="480" y2="0" data-astro-cid-fbv3beac></line><line x1="0" y1="36" x2="480" y2="36" data-astro-cid-fbv3beac></line><line x1="0" y1="72" x2="480" y2="72" data-astro-cid-fbv3beac></line><line x1="0" y1="108" x2="480" y2="108" data-astro-cid-fbv3beac></line><line x1="0" y1="144" x2="480" y2="144" data-astro-cid-fbv3beac></line><line x1="0" y1="180" x2="480" y2="180" data-astro-cid-fbv3beac></line><line x1="0" y1="216" x2="480" y2="216" data-astro-cid-fbv3beac></line><line x1="0" y1="252" x2="480" y2="252" data-astro-cid-fbv3beac></line> </g> <!-- ===== LEFT PANEL: BAR CHART ===== --> <!-- Chart title --> <text x="20" y="34" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" text-transform="uppercase" data-astro-cid-fbv3beac>LATENCY TREND</text> <text x="20" y="48" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#111" letter-spacing="0.06em" data-astro-cid-fbv3beac>TTFT (ms)</text> <!-- Y-axis hairline --> <line x1="60" y1="60" x2="60" y2="200" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <!-- X-axis hairline --> <line x1="60" y1="200" x2="220" y2="200" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <!-- Y-axis ticks --> <text x="52" y="68" text-anchor="end" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>240</text> <text x="52" y="108" text-anchor="end" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>180</text> <text x="52" y="148" text-anchor="end" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>120</text> <text x="52" y="188" text-anchor="end" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>60</text> <line x1="58" y1="64" x2="62" y2="64" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <line x1="58" y1="104" x2="62" y2="104" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <line x1="58" y1="144" x2="62" y2="144" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <line x1="58" y1="184" x2="62" y2="184" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <!-- Bars (trending downward left → right) --> <rect x="72" class="pt-bar-1" y="128" width="16" height="72" rx="1" fill="#FF5C00" opacity="0.9" data-astro-cid-fbv3beac></rect> <rect x="98" class="pt-bar-2" y="140" width="16" height="60" rx="1" fill="#FF5C00" opacity="0.8" data-astro-cid-fbv3beac></rect> <rect x="124" class="pt-bar-3" y="152" width="16" height="48" rx="1" fill="#FF5C00" opacity="0.7" data-astro-cid-fbv3beac></rect> <rect x="150" class="pt-bar-4" y="162" width="16" height="38" rx="1" fill="#FF5C00" opacity="0.6" data-astro-cid-fbv3beac></rect> <rect x="176" class="pt-bar-5" y="172" width="16" height="28" rx="1" fill="#FF5C00" opacity="0.5" data-astro-cid-fbv3beac></rect> <rect x="202" class="pt-bar-6" y="180" width="16" height="20" rx="1" fill="#FF5C00" opacity="1" data-astro-cid-fbv3beac></rect> <!-- Trend line overlay --> <line x1="60" y1="200" x2="220" y2="200" stroke="none" data-astro-cid-fbv3beac></line> <polyline points="80,128 106,140 132,152 158,162 184,172 210,180" fill="none" stroke="#111" stroke-width="1" stroke-dasharray="3 5" opacity="0.2" data-astro-cid-fbv3beac></polyline> <!-- Traveling dot along trend (SMIL) --> <circle r="3" fill="#FF5C00" opacity="0" data-astro-cid-fbv3beac> <animateMotion dur="5s" repeatCount="indefinite" data-astro-cid-fbv3beac> <mpath href="#pt-trend-path" data-astro-cid-fbv3beac></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="5s" repeatCount="indefinite" keyTimes="0;0.08;0.85;1" data-astro-cid-fbv3beac></animate> </circle> <!-- X-axis labels --> <text x="80" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>W1</text> <text x="106" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>W2</text> <text x="132" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>W3</text> <text x="158" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>W4</text> <text x="184" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbv3beac>W5</text> <text x="210" y="212" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#FF5C00" data-astro-cid-fbv3beac>NOW</text> <!-- ===== CENTER DIVIDER ===== --> <line x1="248" y1="28" x2="248" y2="252" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <!-- ===== RIGHT PANEL: READOUT TILES ===== --> <!-- TTFT readout --> <rect x="264" y="28" width="100" height="60" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></rect> <rect x="264" y="28" width="100" height="4" rx="2" fill="#FF5C00" data-astro-cid-fbv3beac></rect> <rect x="264" y="30" width="100" height="2" fill="#FF5C00" data-astro-cid-fbv3beac></rect> <text x="314" y="52" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>TTFT</text> <text x="314" y="72" text-anchor="middle" font-family="ui-monospace,monospace" font-size="18" font-weight="bold" fill="#111" class="pt-val-ttft" data-astro-cid-fbv3beac>47ms</text> <!-- TOKENS/SEC readout --> <rect x="376" y="28" width="100" height="60" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></rect> <rect x="376" y="28" width="100" height="4" rx="2" fill="#111" data-astro-cid-fbv3beac></rect> <rect x="376" y="30" width="100" height="2" fill="#111" data-astro-cid-fbv3beac></rect> <text x="426" y="52" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>TOKENS/SEC</text> <text x="426" y="72" text-anchor="middle" font-family="ui-monospace,monospace" font-size="18" font-weight="bold" fill="#111" class="pt-val-toks" data-astro-cid-fbv3beac>312</text> <!-- Spark / throughput line --> <text x="264" y="112" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>THROUGHPUT TREND</text> <!-- Background track --> <line x1="264" y1="148" x2="476" y2="100" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbv3beac></line> <!-- Animated dash line --> <line x1="264" y1="148" x2="476" y2="100" stroke="#FF5C00" stroke-width="1.5" class="pt-spark" data-astro-cid-fbv3beac></line> <!-- Traveling dot along spark --> <circle r="3" fill="#FF5C00" opacity="0" data-astro-cid-fbv3beac> <animateMotion dur="4s" repeatCount="indefinite" data-astro-cid-fbv3beac> <mpath href="#pt-spark-path" data-astro-cid-fbv3beac></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="4s" repeatCount="indefinite" keyTimes="0;0.06;0.85;1" data-astro-cid-fbv3beac></animate> </circle> <!-- Spark mini-label boxes along the line --> <g transform="translate(294, 130)" data-astro-cid-fbv3beac> <rect x="0" y="0" width="40" height="14" rx="1" fill="#FFF1E8" stroke="#FF5C00" stroke-width="0.5" data-astro-cid-fbv3beac></rect> <text x="20" y="10" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#FF5C00" letter-spacing="0.06em" data-astro-cid-fbv3beac>+18%</text> </g> <g transform="translate(390, 108)" data-astro-cid-fbv3beac> <rect x="0" y="0" width="44" height="14" rx="1" fill="#FFF1E8" stroke="#FF5C00" stroke-width="0.5" data-astro-cid-fbv3beac></rect> <text x="22" y="10" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#FF5C00" letter-spacing="0.06em" data-astro-cid-fbv3beac>+41%</text> </g> <!-- Cache hit rate bar --> <text x="264" y="186" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>SEMANTIC CACHE HIT</text> <rect x="264" y="194" width="212" height="8" rx="2" fill="#E6E6E6" data-astro-cid-fbv3beac></rect> <rect x="264" y="194" width="148" height="8" rx="2" fill="#FF5C00" data-astro-cid-fbv3beac></rect> <text x="420" y="202" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" data-astro-cid-fbv3beac>70%</text> <!-- P95 / P99 stat row --> <text x="264" y="226" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>P95 LATENCY</text> <text x="390" y="226" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbv3beac>P99 LATENCY</text> <text x="264" y="240" font-family="ui-monospace,monospace" font-size="11" font-weight="bold" fill="#111" data-astro-cid-fbv3beac>89ms</text> <text x="390" y="240" font-family="ui-monospace,monospace" font-size="11" font-weight="bold" fill="#111" data-astro-cid-fbv3beac>142ms</text> <!-- Status indicator --> <g transform="translate(264, 252)" class="pt-status" data-astro-cid-fbv3beac> <rect x="0" y="0" width="212" height="18" rx="2" fill="white" stroke="#E6E6E6" stroke-width="0.75" data-astro-cid-fbv3beac></rect> <rect x="0" y="0" width="5" height="18" rx="1" fill="#FF5C00" data-astro-cid-fbv3beac></rect> <text x="14" y="12" font-family="ui-monospace,monospace" font-size="7.5" fill="#555" letter-spacing="0.08em" data-astro-cid-fbv3beac>ROUTING OPTIMIZER — ACTIVE</text> </g> </svg> </div>  </div> <div class="px-8 pb-8 flex flex-col flex-1 max-[900px]:px-5"> <span class="eyebrow mb-3">Routing &amp; Performance</span> <h3 class="mb-3 text-[1.05rem] font-bold">Inference speed that compounds.</h3> <p class="text-[14px] text-[#555] flex-1">
Intelligent multi-provider routing, semantic caching, and canary splits reduce latency and eliminate redundant spend — without a single change to your client code.
</p> <a href="/platform/routing-performance" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Explore routing &rarr;
</a> </div> </div> <!-- Pillar 2: Cloud-Native Infrastructure --> <div class="bg-white flex flex-col"> <div class="px-8 pt-8 pb-4 max-[900px]:px-5"> <div class="ci-wrap" aria-hidden="true" data-astro-cid-d2xr4hh6> <svg viewBox="0 0 480 280" width="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Multi-cloud and on-premises infrastructure topology" data-astro-cid-d2xr4hh6> <style>
      /* Animated dashed connectors */
      .ci-dash-1 { stroke-dasharray: 5 9; animation: ci-flow 5s linear infinite; }
      .ci-dash-2 { stroke-dasharray: 5 9; animation: ci-flow 5s linear infinite; animation-delay: 0.8s; }
      .ci-dash-3 { stroke-dasharray: 5 9; animation: ci-flow 5s linear infinite; animation-delay: 1.6s; }
      .ci-dash-4 { stroke-dasharray: 5 9; animation: ci-flow 6s linear infinite; animation-delay: 2.4s; }
      .ci-dash-5 { stroke-dasharray: 5 9; animation: ci-flow 6s linear infinite; animation-delay: 3.2s; }

      /* Node cycling opacity */
      .ci-node-1 { animation: ci-node-active 7s ease-in-out infinite; animation-delay: 0s; }
      .ci-node-2 { animation: ci-node-active 7s ease-in-out infinite; animation-delay: 1.4s; }
      .ci-node-3 { animation: ci-node-active 7s ease-in-out infinite; animation-delay: 2.8s; }
      .ci-node-4 { animation: ci-node-active 7s ease-in-out infinite; animation-delay: 4.2s; }
      .ci-node-5 { animation: ci-node-active 7s ease-in-out infinite; animation-delay: 5.6s; }

      @keyframes ci-flow {
        from { stroke-dashoffset: 56; }
        to   { stroke-dashoffset: 0; }
      }
      @keyframes ci-node-active {
        0%, 60%, 100% { opacity: 0.5; }
        75%            { opacity: 1; }
      }

      @media (prefers-reduced-motion: reduce) {
        .ci-dash-1, .ci-dash-2, .ci-dash-3, .ci-dash-4, .ci-dash-5,
        .ci-node-1, .ci-node-2, .ci-node-3, .ci-node-4, .ci-node-5 {
          animation: none !important;
          opacity: 1;
        }
      }
    </style> <defs data-astro-cid-d2xr4hh6> <!--
        Satellite boxes are now 96×52 (height increased to prevent text clipping).

        Connection points — lines come from ALL directions:
          ON-PREM    (translate 20,46):  bottom-center  = (20+48, 46+52) = (68, 98)
          AIR-GAPPED (translate 20,186): top-center     = (20+48, 186)   = (68, 186)
          CLOUD-A    (translate 364,46): bottom-center  = (364+48, 46+52)= (412, 98)
          CLOUD-B    (translate 364,186):top-center     = (364+48, 186)  = (412, 186)
          EDGE       (translate 190,4):  bottom-center  = (190+50, 4+28) = (240, 32)

        Hub box: x=202..278, y=112..168
          Left-center  = (202, 140)
          Right-center = (278, 140)
          Top-center   = (240, 112)
      --> <!-- ON-PREM: hub left → ON-PREM bottom (line goes UP-LEFT from hub) --> <path id="ci-p1" d="M202,140 L68,98" fill="none" data-astro-cid-d2xr4hh6></path> <!-- AIR-GAPPED: hub left → AIR-GAPPED top (line goes DOWN-LEFT from hub) --> <path id="ci-p2" d="M202,140 L68,186" fill="none" data-astro-cid-d2xr4hh6></path> <!-- CLOUD-A: hub right → CLOUD-A bottom (line goes UP-RIGHT from hub) --> <path id="ci-p3" d="M278,140 L412,98" fill="none" data-astro-cid-d2xr4hh6></path> <!-- CLOUD-B: hub right → CLOUD-B top (line goes DOWN-RIGHT from hub) --> <path id="ci-p4" d="M278,140 L412,186" fill="none" data-astro-cid-d2xr4hh6></path> <!-- EDGE: hub top → EDGE bottom (straight up) --> <path id="ci-p5" d="M240,112 L240,32" fill="none" data-astro-cid-d2xr4hh6></path> </defs> <!-- Subtle background grid --> <g opacity="0.035" stroke="#111" stroke-width="0.5" data-astro-cid-d2xr4hh6> <line x1="0" y1="0" x2="0" y2="280" data-astro-cid-d2xr4hh6></line><line x1="40" y1="0" x2="40" y2="280" data-astro-cid-d2xr4hh6></line><line x1="80" y1="0" x2="80" y2="280" data-astro-cid-d2xr4hh6></line><line x1="120" y1="0" x2="120" y2="280" data-astro-cid-d2xr4hh6></line><line x1="160" y1="0" x2="160" y2="280" data-astro-cid-d2xr4hh6></line><line x1="200" y1="0" x2="200" y2="280" data-astro-cid-d2xr4hh6></line><line x1="240" y1="0" x2="240" y2="280" data-astro-cid-d2xr4hh6></line><line x1="280" y1="0" x2="280" y2="280" data-astro-cid-d2xr4hh6></line><line x1="320" y1="0" x2="320" y2="280" data-astro-cid-d2xr4hh6></line><line x1="360" y1="0" x2="360" y2="280" data-astro-cid-d2xr4hh6></line><line x1="400" y1="0" x2="400" y2="280" data-astro-cid-d2xr4hh6></line><line x1="440" y1="0" x2="440" y2="280" data-astro-cid-d2xr4hh6></line><line x1="480" y1="0" x2="480" y2="280" data-astro-cid-d2xr4hh6></line> <line x1="0" y1="0" x2="480" y2="0" data-astro-cid-d2xr4hh6></line><line x1="0" y1="40" x2="480" y2="40" data-astro-cid-d2xr4hh6></line><line x1="0" y1="80" x2="480" y2="80" data-astro-cid-d2xr4hh6></line><line x1="0" y1="120" x2="480" y2="120" data-astro-cid-d2xr4hh6></line><line x1="0" y1="160" x2="480" y2="160" data-astro-cid-d2xr4hh6></line><line x1="0" y1="200" x2="480" y2="200" data-astro-cid-d2xr4hh6></line><line x1="0" y1="240" x2="480" y2="240" data-astro-cid-d2xr4hh6></line><line x1="0" y1="280" x2="480" y2="280" data-astro-cid-d2xr4hh6></line> </g> <!-- ===== CONNECTOR LINES (drawn before nodes so nodes sit on top) ===== --> <!-- Hub ↔ ON-PREM: diagonal going up-left (exits hub left, enters ON-PREM bottom) --> <line x1="202" y1="140" x2="68" y2="98" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="202" y1="140" x2="68" y2="98" stroke="#FF5C00" stroke-width="1.5" class="ci-dash-1" data-astro-cid-d2xr4hh6></line> <!-- Hub ↔ AIR-GAPPED: diagonal going down-left (exits hub left, enters AIR-GAPPED top) --> <line x1="202" y1="140" x2="68" y2="186" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="202" y1="140" x2="68" y2="186" stroke="#8A8A8A" stroke-width="1.5" class="ci-dash-2" data-astro-cid-d2xr4hh6></line> <!-- Hub ↔ CLOUD-A: diagonal going up-right (exits hub right, enters CLOUD-A bottom) --> <line x1="278" y1="140" x2="412" y2="98" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="278" y1="140" x2="412" y2="98" stroke="#FF5C00" stroke-width="1.5" class="ci-dash-3" data-astro-cid-d2xr4hh6></line> <!-- Hub ↔ CLOUD-B: diagonal going down-right (exits hub right, enters CLOUD-B top) --> <line x1="278" y1="140" x2="412" y2="186" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="278" y1="140" x2="412" y2="186" stroke="#8A8A8A" stroke-width="1.5" class="ci-dash-4" data-astro-cid-d2xr4hh6></line> <!-- Hub ↔ EDGE: straight up (exits hub top, enters EDGE bottom) --> <line x1="240" y1="112" x2="240" y2="32" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="240" y1="112" x2="240" y2="32" stroke="#FF5C00" stroke-width="1" stroke-dasharray="3 6" class="ci-dash-5" data-astro-cid-d2xr4hh6></line> <!-- ===== TRAVELING DOTS ===== --> <circle r="3.5" fill="#FF5C00" opacity="0" data-astro-cid-d2xr4hh6> <animateMotion dur="5s" begin="0s" repeatCount="indefinite" data-astro-cid-d2xr4hh6> <mpath href="#ci-p1" data-astro-cid-d2xr4hh6></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="5s" begin="0s" repeatCount="indefinite" keyTimes="0;0.05;0.85;1" data-astro-cid-d2xr4hh6></animate> </circle> <circle r="3.5" fill="#8A8A8A" opacity="0" data-astro-cid-d2xr4hh6> <animateMotion dur="5s" begin="0.8s" repeatCount="indefinite" data-astro-cid-d2xr4hh6> <mpath href="#ci-p2" data-astro-cid-d2xr4hh6></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="5s" begin="0.8s" repeatCount="indefinite" keyTimes="0;0.05;0.85;1" data-astro-cid-d2xr4hh6></animate> </circle> <circle r="3.5" fill="#FF5C00" opacity="0" data-astro-cid-d2xr4hh6> <animateMotion dur="5s" begin="1.6s" repeatCount="indefinite" data-astro-cid-d2xr4hh6> <mpath href="#ci-p3" data-astro-cid-d2xr4hh6></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="5s" begin="1.6s" repeatCount="indefinite" keyTimes="0;0.05;0.85;1" data-astro-cid-d2xr4hh6></animate> </circle> <circle r="3.5" fill="#8A8A8A" opacity="0" data-astro-cid-d2xr4hh6> <animateMotion dur="6s" begin="2.4s" repeatCount="indefinite" data-astro-cid-d2xr4hh6> <mpath href="#ci-p4" data-astro-cid-d2xr4hh6></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="6s" begin="2.4s" repeatCount="indefinite" keyTimes="0;0.05;0.85;1" data-astro-cid-d2xr4hh6></animate> </circle> <circle r="3" fill="#FF5C00" opacity="0" data-astro-cid-d2xr4hh6> <animateMotion dur="6s" begin="3.2s" repeatCount="indefinite" data-astro-cid-d2xr4hh6> <mpath href="#ci-p5" data-astro-cid-d2xr4hh6></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="6s" begin="3.2s" repeatCount="indefinite" keyTimes="0;0.05;0.85;1" data-astro-cid-d2xr4hh6></animate> </circle> <!-- ===== CENTRAL HUB ===== --> <rect x="202" y="112" width="76" height="56" rx="3" fill="white" stroke="#111" stroke-width="1.5" data-astro-cid-d2xr4hh6></rect> <rect x="202" y="112" width="76" height="5" rx="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <rect x="202" y="115" width="76" height="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <text x="240" y="140" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8.5" font-weight="bold" fill="#111" letter-spacing="0.08em" data-astro-cid-d2xr4hh6>GATEWAY</text> <text x="240" y="154" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" letter-spacing="0.08em" data-astro-cid-d2xr4hh6>CONTROL PLANE</text> <text x="240" y="164" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#FF5C00" letter-spacing="0.06em" data-astro-cid-d2xr4hh6>SOVEREIGN</text> <!-- ===== SATELLITE NODES (height 52 — text no longer clips border) ===== --> <!-- ON-PREM (top-left) — connector exits from BOTTOM edge downward to hub --> <g transform="translate(20, 46)" class="ci-node-1" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="96" height="52" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="0" width="96" height="4" rx="2" fill="#111" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="2" width="96" height="2" fill="#111" data-astro-cid-d2xr4hh6></rect> <text x="48" y="20" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-d2xr4hh6>DEPLOYMENT</text> <text x="48" y="34" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#111" letter-spacing="0.06em" data-astro-cid-d2xr4hh6>ON-PREM</text> <!-- Server rack icons — well within taller box --> <rect x="4" y="41" width="10" height="4" rx="0.5" fill="#E6E6E6" data-astro-cid-d2xr4hh6></rect> <rect x="16" y="41" width="10" height="4" rx="0.5" fill="#E6E6E6" data-astro-cid-d2xr4hh6></rect> <rect x="28" y="41" width="10" height="4" rx="0.5" fill="#FF5C00" opacity="0.6" data-astro-cid-d2xr4hh6></rect> </g> <!-- AIR-GAPPED (bottom-left) — connector exits from TOP edge upward to hub --> <g transform="translate(20, 186)" class="ci-node-2" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="96" height="52" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="0" width="96" height="4" rx="2" fill="#111" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="2" width="96" height="2" fill="#111" data-astro-cid-d2xr4hh6></rect> <text x="48" y="20" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-d2xr4hh6>ISOLATED</text> <text x="48" y="34" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" font-weight="bold" fill="#111" letter-spacing="0.05em" data-astro-cid-d2xr4hh6>AIR-GAPPED</text> <!-- No-cloud icon hint --> <line x1="5" y1="41" x2="11" y2="47" stroke="#8A8A8A" stroke-width="1" data-astro-cid-d2xr4hh6></line> <line x1="11" y1="41" x2="5" y2="47" stroke="#8A8A8A" stroke-width="1" data-astro-cid-d2xr4hh6></line> <text x="20" y="47" font-family="ui-monospace,monospace" font-size="6.5" fill="#8999AC" letter-spacing="0.05em" data-astro-cid-d2xr4hh6>ZERO OUTBOUND</text> </g> <!-- CLOUD-A (top-right) — connector exits from BOTTOM edge downward to hub --> <g transform="translate(364, 46)" class="ci-node-3" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="96" height="52" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="0" width="96" height="4" rx="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="2" width="96" height="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <text x="48" y="20" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-d2xr4hh6>REGION US-EAST</text> <text x="48" y="34" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#111" letter-spacing="0.06em" data-astro-cid-d2xr4hh6>CLOUD-A</text> <text x="48" y="47" text-anchor="middle" font-family="ui-monospace,monospace" font-size="6.5" fill="#8999AC" data-astro-cid-d2xr4hh6>AWS / GCP / AZURE</text> </g> <!-- CLOUD-B (bottom-right) — connector exits from TOP edge upward to hub --> <g transform="translate(364, 186)" class="ci-node-4" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="96" height="52" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="0" width="96" height="4" rx="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="2" width="96" height="2" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <text x="48" y="20" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-d2xr4hh6>REGION EU-WEST</text> <text x="48" y="34" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#111" letter-spacing="0.06em" data-astro-cid-d2xr4hh6>CLOUD-B</text> <text x="48" y="47" text-anchor="middle" font-family="ui-monospace,monospace" font-size="6.5" fill="#8999AC" data-astro-cid-d2xr4hh6>MULTI-REGION HA</text> </g> <!-- EDGE node (top-center) — unchanged, connector from bottom to hub top --> <g transform="translate(190, 4)" class="ci-node-5" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="100" height="28" rx="2" fill="#FFF1E8" stroke="#FF5C00" stroke-width="0.75" data-astro-cid-d2xr4hh6></rect> <text x="50" y="12" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#FF5C00" letter-spacing="0.1em" data-astro-cid-d2xr4hh6>EDGE / K8S</text> <text x="50" y="24" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" font-weight="bold" fill="#111" letter-spacing="0.06em" data-astro-cid-d2xr4hh6>DSTACK / HELM</text> </g> <!-- ===== BOTTOM STATUS BAR ===== --> <g transform="translate(20, 252)" data-astro-cid-d2xr4hh6> <rect x="0" y="0" width="440" height="20" rx="2" fill="white" stroke="#E6E6E6" stroke-width="0.75" data-astro-cid-d2xr4hh6></rect> <rect x="0" y="0" width="5" height="20" rx="1" fill="#FF5C00" data-astro-cid-d2xr4hh6></rect> <text x="14" y="13" font-family="ui-monospace,monospace" font-size="7.5" fill="#555" letter-spacing="0.08em" data-astro-cid-d2xr4hh6>5 REGIONS ACTIVE — FAILOVER READY — SLA 99.99%</text> </g> </svg> </div>  </div> <div class="px-8 pb-8 flex flex-col flex-1 max-[900px]:px-5"> <span class="eyebrow mb-3">Cloud-Native Infrastructure</span> <h3 class="mb-3 text-[1.05rem] font-bold">Any cloud. Any region. Fully yours.</h3> <p class="text-[14px] text-[#555] flex-1">
Deploy on your own Kubernetes clusters, across any cloud, or fully air-gapped on-prem — all managed through a single control plane with 99.99% uptime SLA.
</p> <a href="/platform/cloud-native-infrastructure" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Explore infrastructure &rarr;
</a> </div> </div> <!-- Pillar 3: Embedded Engineering --> <div class="bg-white flex flex-col"> <div class="px-8 pt-8 pb-4 max-[900px]:px-5"> <div class="ee-wrap" aria-hidden="true" data-astro-cid-fbj5wvsx> <svg viewBox="0 0 480 280" width="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Embedded engineering partnership terminal workflow" data-astro-cid-fbj5wvsx> <style>
      /* Terminal lines appear sequentially */
      .ee-line-1 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 0s; }
      .ee-line-2 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 0.6s; }
      .ee-line-3 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 1.2s; }
      .ee-line-4 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 1.8s; }
      .ee-line-5 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 2.4s; }
      .ee-line-6 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 3.0s; }
      .ee-line-7 { animation: ee-line-in 8s ease-in-out infinite; animation-delay: 3.6s; }

      /* Cursor blink */
      .ee-cursor { animation: ee-blink 1s step-end infinite; }

      /* Deploy checkmark pulse */
      .ee-check { animation: ee-check-pop 8s ease-in-out infinite; animation-delay: 4.2s; }

      /* SLO badge glow */
      .ee-slo { animation: ee-slo-glow 4s ease-in-out infinite; }

      /* Progress dash along deploy pipeline */
      .ee-pipeline-dash {
        stroke-dasharray: 5 8;
        animation: ee-pipeline-flow 6s linear infinite;
      }

      /*
        Step nodes: inactive at 0.5 opacity, full opacity when the dot reaches them.
        Dot travels M60→422 in 6 s.  Box centers / path %:
          BUILD x=60 → 0%  | OPTIMIZE x=170 → 30.4%
          VALIDATE x=280 → 60.8%  | DEPLOYED x=422 → 100%
      */
      .ee-step-1 { animation: ee-s1 6s linear infinite; }
      .ee-step-2 { animation: ee-s2 6s linear infinite; }
      .ee-step-3 { animation: ee-s3 6s linear infinite; }
      .ee-step-4 { animation: ee-s4 6s linear infinite; }

      @keyframes ee-line-in {
        0%   { opacity: 0; }
        8%   { opacity: 1; }
        90%  { opacity: 1; }
        100% { opacity: 0; }
      }
      @keyframes ee-blink {
        0%, 100% { opacity: 1; }
        50%       { opacity: 0; }
      }
      @keyframes ee-check-pop {
        0%, 50%  { opacity: 0; transform: scale(0.6); }
        60%      { opacity: 1; transform: scale(1.1); }
        70%, 90% { opacity: 1; transform: scale(1); }
        100%     { opacity: 0; }
      }
      @keyframes ee-slo-glow {
        0%, 100% { opacity: 0.7; }
        50%       { opacity: 1; }
      }
      @keyframes ee-pipeline-flow {
        from { stroke-dashoffset: 52; }
        to   { stroke-dashoffset: 0; }
      }
      /*
        Waterfall highlight: each box is dim until the dot crosses it,
        then stays fully lit for the remainder of the 6 s cycle.
        All boxes reset to dim at the start of the next cycle.

        BUILD x=60 → 0%  | OPTIMIZE x=170 → 30.4%
        VALIDATE x=280 → 60.8%  | DEPLOYED x=422 → 100%
      */

      /* BUILD: dot arrives at ~0% — brief dim flash then full for the whole cycle */
      @keyframes ee-s1 {
        0%   { opacity: 0.5; }
        3%   { opacity: 1; }
        100% { opacity: 1; }
      }
      /* OPTIMIZE: dim until dot arrives at 30%, full from there to end */
      @keyframes ee-s2 {
        0%, 28% { opacity: 0.5; }
        31%     { opacity: 1; }
        100%    { opacity: 1; }
      }
      /* VALIDATE: dim until 61%, full from there to end */
      @keyframes ee-s3 {
        0%, 59% { opacity: 0.5; }
        62%     { opacity: 1; }
        100%    { opacity: 1; }
      }
      /* DEPLOYED: dim until 97%, full at end of cycle */
      @keyframes ee-s4 {
        0%, 93% { opacity: 0.5; }
        97%     { opacity: 1; }
        100%    { opacity: 1; }
      }

      @media (prefers-reduced-motion: reduce) {
        .ee-line-1, .ee-line-2, .ee-line-3, .ee-line-4,
        .ee-line-5, .ee-line-6, .ee-line-7,
        .ee-cursor, .ee-check, .ee-slo,
        .ee-pipeline-dash,
        .ee-step-1, .ee-step-2, .ee-step-3, .ee-step-4 {
          animation: none !important;
          opacity: 1 !important;
        }
      }
    </style> <defs data-astro-cid-fbj5wvsx> <!-- Pipeline path: dot travels from BUILD center (x=60) to DEPLOYED center (x=422) --> <path id="ee-pipe-path" d="M60,238 L422,238" fill="none" data-astro-cid-fbj5wvsx></path> </defs> <!-- Subtle background grid --> <g opacity="0.035" stroke="#111" stroke-width="0.5" data-astro-cid-fbj5wvsx> <line x1="0" y1="0" x2="0" y2="280" data-astro-cid-fbj5wvsx></line><line x1="40" y1="0" x2="40" y2="280" data-astro-cid-fbj5wvsx></line><line x1="80" y1="0" x2="80" y2="280" data-astro-cid-fbj5wvsx></line><line x1="120" y1="0" x2="120" y2="280" data-astro-cid-fbj5wvsx></line><line x1="160" y1="0" x2="160" y2="280" data-astro-cid-fbj5wvsx></line><line x1="200" y1="0" x2="200" y2="280" data-astro-cid-fbj5wvsx></line><line x1="240" y1="0" x2="240" y2="280" data-astro-cid-fbj5wvsx></line><line x1="280" y1="0" x2="280" y2="280" data-astro-cid-fbj5wvsx></line><line x1="320" y1="0" x2="320" y2="280" data-astro-cid-fbj5wvsx></line><line x1="360" y1="0" x2="360" y2="280" data-astro-cid-fbj5wvsx></line><line x1="400" y1="0" x2="400" y2="280" data-astro-cid-fbj5wvsx></line><line x1="440" y1="0" x2="440" y2="280" data-astro-cid-fbj5wvsx></line><line x1="480" y1="0" x2="480" y2="280" data-astro-cid-fbj5wvsx></line> <line x1="0" y1="0" x2="480" y2="0" data-astro-cid-fbj5wvsx></line><line x1="0" y1="36" x2="480" y2="36" data-astro-cid-fbj5wvsx></line><line x1="0" y1="72" x2="480" y2="72" data-astro-cid-fbj5wvsx></line><line x1="0" y1="108" x2="480" y2="108" data-astro-cid-fbj5wvsx></line><line x1="0" y1="144" x2="480" y2="144" data-astro-cid-fbj5wvsx></line><line x1="0" y1="180" x2="480" y2="180" data-astro-cid-fbj5wvsx></line><line x1="0" y1="216" x2="480" y2="216" data-astro-cid-fbj5wvsx></line><line x1="0" y1="252" x2="480" y2="252" data-astro-cid-fbj5wvsx></line> </g> <!-- ===== TERMINAL WINDOW ===== --> <rect x="20" y="20" width="280" height="188" rx="3" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <!-- Title bar --> <rect x="20" y="20" width="280" height="22" rx="3" fill="#111" data-astro-cid-fbj5wvsx></rect> <rect x="20" y="36" width="280" height="6" fill="#111" data-astro-cid-fbj5wvsx></rect> <!-- Window chrome dots --> <rect x="30" y="28" width="8" height="6" rx="1" fill="#2a2a2a" data-astro-cid-fbj5wvsx></rect> <rect x="42" y="28" width="8" height="6" rx="1" fill="#2a2a2a" data-astro-cid-fbj5wvsx></rect> <rect x="54" y="28" width="8" height="6" rx="1" fill="#2a2a2a" data-astro-cid-fbj5wvsx></rect> <!-- Terminal label --> <text x="160" y="34" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbj5wvsx>TERMINAL — SSH</text> <!-- Prompt prefix --> <text x="32" y="62" font-family="ui-monospace,monospace" font-size="8.5" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>$</text> <!-- Terminal lines --> <g class="ee-line-1" data-astro-cid-fbj5wvsx> <text x="44" y="62" font-family="ui-monospace,monospace" font-size="8.5" fill="#8999AC" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>ml deploy --model llama-3-70b</text> </g> <g class="ee-line-2" data-astro-cid-fbj5wvsx> <text x="32" y="78" font-family="ui-monospace,monospace" font-size="8" fill="#555" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>Validating model config...</text> </g> <g class="ee-line-3" data-astro-cid-fbj5wvsx> <text x="32" y="92" font-family="ui-monospace,monospace" font-size="8" fill="#555" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>Pulling weights from registry</text> <text x="240" y="92" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>OK</text> </g> <g class="ee-line-4" data-astro-cid-fbj5wvsx> <text x="32" y="106" font-family="ui-monospace,monospace" font-size="8" fill="#555" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>Applying quantization (AWQ)</text> <text x="232" y="106" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>DONE</text> </g> <g class="ee-line-5" data-astro-cid-fbj5wvsx> <text x="32" y="120" font-family="ui-monospace,monospace" font-size="8" fill="#555" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>Scheduling to GPU cluster</text> <text x="220" y="120" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>2x A100</text> </g> <g class="ee-line-6" data-astro-cid-fbj5wvsx> <text x="32" y="134" font-family="ui-monospace,monospace" font-size="8" fill="#555" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>Enabling audit log + PII filter</text> <text x="232" y="134" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>LIVE</text> </g> <g class="ee-line-7" data-astro-cid-fbj5wvsx> <text x="32" y="148" font-family="ui-monospace,monospace" font-size="8.5" fill="#FF5C00" letter-spacing="0.06em" data-astro-cid-fbj5wvsx>Endpoint ready — /v1/chat/completions</text> </g> <!-- Blinking cursor --> <rect x="32" y="158" width="6" height="10" rx="0.5" fill="#FF5C00" class="ee-cursor" data-astro-cid-fbj5wvsx></rect> <!-- Deploy checkmark — moved below cursor so it doesn't overlap terminal text --> <g class="ee-check" style="transform-origin: 252px 181px;" data-astro-cid-fbj5wvsx> <rect x="218" y="170" width="68" height="22" rx="2" fill="#FFF1E8" stroke="#FF5C00" stroke-width="0.75" data-astro-cid-fbj5wvsx></rect> <text x="252" y="185" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.06em" data-astro-cid-fbj5wvsx>DEPLOYED</text> </g> <!-- ===== RIGHT PANEL: METRICS ===== --> <!-- SLO badge — taller box; label raised above number --> <g class="ee-slo" data-astro-cid-fbj5wvsx> <rect x="318" y="20" width="148" height="54" rx="2" fill="white" stroke="#FF5C00" stroke-width="1.5" data-astro-cid-fbj5wvsx></rect> <rect x="318" y="20" width="148" height="5" rx="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <rect x="318" y="23" width="148" height="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <!-- label sits clearly above the number --> <text x="392" y="38" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbj5wvsx>UPTIME SLO</text> <text x="392" y="62" text-anchor="middle" font-family="ui-monospace,monospace" font-size="20" font-weight="bold" fill="#FF5C00" data-astro-cid-fbj5wvsx>99.9%</text> </g> <!-- Milestone tiles --> <rect x="318" y="86" width="68" height="56" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <rect x="318" y="86" width="68" height="4" rx="2" fill="#111" data-astro-cid-fbj5wvsx></rect> <text x="352" y="106" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" letter-spacing="0.08em" data-astro-cid-fbj5wvsx>PROTOTYPE</text> <text x="352" y="120" text-anchor="middle" font-family="ui-monospace,monospace" font-size="10" font-weight="bold" fill="#111" data-astro-cid-fbj5wvsx>DAY 1</text> <text x="352" y="133" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbj5wvsx>HANDS-ON</text> <rect x="398" y="86" width="68" height="56" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <rect x="398" y="86" width="68" height="4" rx="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <text x="432" y="106" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" letter-spacing="0.08em" data-astro-cid-fbj5wvsx>PRODUCTION</text> <text x="432" y="120" text-anchor="middle" font-family="ui-monospace,monospace" font-size="10" font-weight="bold" fill="#FF5C00" data-astro-cid-fbj5wvsx>DAY 7</text> <text x="432" y="133" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#8999AC" data-astro-cid-fbj5wvsx>LIVE</text> <!-- On-call collab label --> <rect x="318" y="154" width="148" height="60" rx="2" fill="#FAFAFA" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <text x="392" y="172" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbj5wvsx>PARTNERSHIP</text> <text x="332" y="190" font-family="ui-monospace,monospace" font-size="7.5" fill="#555" letter-spacing="0.05em" data-astro-cid-fbj5wvsx>Design reviews</text> <text x="332" y="202" font-family="ui-monospace,monospace" font-size="7.5" fill="#555" letter-spacing="0.05em" data-astro-cid-fbj5wvsx>On-call optimization</text> <!-- ===== PIPELINE ROW (bottom) ===== --> <text x="20" y="215" font-family="ui-monospace,monospace" font-size="7.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-fbj5wvsx>DEPLOYMENT PIPELINE</text> <!-- Pipeline baseline — 3 gap segments only, line does NOT enter any box.
         Box edges:  BUILD 40–80 | OPTIMIZE 148–192 | VALIDATE 258–302 | DEPLOYED 400–444 --> <!-- Gap 1: BUILD right (80) → OPTIMIZE left (148) --> <line x1="80" y1="238" x2="148" y2="238" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></line> <line x1="80" y1="238" x2="148" y2="238" stroke="#FF5C00" stroke-width="1" class="ee-pipeline-dash" data-astro-cid-fbj5wvsx></line> <!-- Gap 2: OPTIMIZE right (192) → VALIDATE left (258) --> <line x1="192" y1="238" x2="258" y2="238" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></line> <line x1="192" y1="238" x2="258" y2="238" stroke="#FF5C00" stroke-width="1" class="ee-pipeline-dash" data-astro-cid-fbj5wvsx></line> <!-- Gap 3: VALIDATE right (302) → DEPLOYED left (400) --> <line x1="302" y1="238" x2="400" y2="238" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></line> <line x1="302" y1="238" x2="400" y2="238" stroke="#FF5C00" stroke-width="1" class="ee-pipeline-dash" data-astro-cid-fbj5wvsx></line> <!-- Step nodes — centered on y=238 (box top=226, height=24) --> <!-- BUILD — center x=60 --> <g class="ee-step-1" data-astro-cid-fbj5wvsx> <rect x="40" y="226" width="40" height="24" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <rect x="40" y="226" width="40" height="4" rx="2" fill="#111" data-astro-cid-fbj5wvsx></rect> <text x="60" y="243" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#111" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>BUILD</text> </g> <!-- OPTIMIZE — center x=170 --> <g class="ee-step-2" data-astro-cid-fbj5wvsx> <rect x="148" y="226" width="44" height="24" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <rect x="148" y="226" width="44" height="4" rx="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <text x="170" y="243" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#111" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>OPTIMIZE</text> </g> <!-- VALIDATE — center x=280 --> <g class="ee-step-3" data-astro-cid-fbj5wvsx> <rect x="258" y="226" width="44" height="24" rx="2" fill="white" stroke="#E6E6E6" stroke-width="1" data-astro-cid-fbj5wvsx></rect> <rect x="258" y="226" width="44" height="4" rx="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <text x="280" y="243" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#111" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>VALIDATE</text> </g> <!-- DEPLOYED — center x=422 --> <g class="ee-step-4" data-astro-cid-fbj5wvsx> <rect x="400" y="226" width="44" height="24" rx="2" fill="#FFF1E8" stroke="#FF5C00" stroke-width="0.75" data-astro-cid-fbj5wvsx></rect> <rect x="400" y="226" width="44" height="4" rx="2" fill="#FF5C00" data-astro-cid-fbj5wvsx></rect> <text x="422" y="243" text-anchor="middle" font-family="ui-monospace,monospace" font-size="7" fill="#FF5C00" letter-spacing="0.04em" data-astro-cid-fbj5wvsx>DEPLOYED</text> </g> <!-- Traveling dot — rendered LAST so it appears on top of boxes --> <circle r="3" fill="#FF5C00" opacity="0" data-astro-cid-fbj5wvsx> <animateMotion dur="6s" repeatCount="indefinite" data-astro-cid-fbj5wvsx> <mpath href="#ee-pipe-path" data-astro-cid-fbj5wvsx></mpath> </animateMotion> <animate attributeName="opacity" values="0;1;1;0" dur="6s" repeatCount="indefinite" keyTimes="0;0.05;0.88;1" data-astro-cid-fbj5wvsx></animate> </circle> </svg> </div>  </div> <div class="px-8 pb-8 flex flex-col flex-1 max-[900px]:px-5"> <span class="eyebrow mb-3">Embedded Engineering</span> <h3 class="mb-3 text-[1.05rem] font-bold">Partners, not just a platform.</h3> <p class="text-[14px] text-[#555] flex-1">
Our engineers embed alongside your team — from architecture review through production optimization — so you go live in days and stay live at 99.9% SLO.
</p> <a href="/platform/embedded-engineering" class="inline-block mt-5 font-mono text-[11px] uppercase tracking-[0.08em] font-bold text-[#FF5C00] hover:text-[#E04E00] transition-colors duration-150">
Explore embedded eng &rarr;
</a> </div> </div> </div> </section>  <section class="border-b border-[#E6E6E6]"> <div class="max-w-[1160px] mx-auto"> <div class="grid grid-cols-2 max-[900px]:grid-cols-1"> <div class="border-r border-[#E6E6E6] max-[900px]:border-r-0 max-[900px]:border-b max-[900px]:border-[#E6E6E6] px-10 py-14 max-[900px]:px-5 max-[900px]:py-10 flex flex-col justify-center"> <span class="eyebrow mb-6">What teams say</span> <blockquote class="text-[1.35rem] font-medium text-[#111] leading-[1.4] mb-6">
&ldquo;We evaluated five AI gateway vendors. ManyLayers was the only one where audit logs,
            provider routing, and team budgets worked out of the box — with zero telemetry leaving our VPC.&rdquo;
</blockquote> <p class="font-mono text-[11px] uppercase tracking-[0.1em] text-[#8999AC]">
Platform Lead &mdash; Fortune 500 Retailer
</p> </div> <div class="bg-[#FFF1E8] px-6 py-10 max-[900px]:px-5 max-[900px]:py-8 flex flex-col justify-center"> <span class="eyebrow mb-4" style="color: #FF5C00;">Sovereign by design</span> <div class="mb-4"> <div class="sl-wrap" aria-hidden="true" data-astro-cid-dun7kcqf> <svg viewBox="0 0 440 300" width="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ManyLayers platform stack: Gateway, Workspace, Deploy" data-astro-cid-dun7kcqf> <style>
      .sl-layer-top { animation: sl-float 6s ease-in-out infinite; }
      .sl-layer-mid { animation: sl-float 6s ease-in-out infinite; animation-delay: 0.6s; }
      .sl-layer-bot { animation: sl-float 6s ease-in-out infinite; animation-delay: 1.2s; }

      .sl-link-1 { stroke-dasharray: 4 7; animation: sl-dash 4s linear infinite; }
      .sl-link-2 { stroke-dasharray: 4 7; animation: sl-dash 4s linear infinite; animation-delay: 1.3s; }

      .sl-tag-1 { animation: sl-tag 7s ease-in-out infinite; }
      .sl-tag-2 { animation: sl-tag 7s ease-in-out infinite; animation-delay: 1.2s; }
      .sl-tag-3 { animation: sl-tag 7s ease-in-out infinite; animation-delay: 2.4s; }

      @keyframes sl-float {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-4px); }
      }
      @keyframes sl-dash {
        from { stroke-dashoffset: 22; }
        to   { stroke-dashoffset: 0; }
      }
      @keyframes sl-tag {
        0%, 70%, 100% { opacity: 0.65; }
        85%           { opacity: 1; }
      }

      @media (prefers-reduced-motion: reduce) {
        .sl-layer-top, .sl-layer-mid, .sl-layer-bot,
        .sl-link-1, .sl-link-2,
        .sl-tag-1, .sl-tag-2, .sl-tag-3 {
          animation: none !important;
        }
      }
    </style> <!-- Subtle dot grid --> <g opacity="0.06" data-astro-cid-dun7kcqf> <circle cx="20" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="20" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="60" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="100" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="140" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="180" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="220" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="260" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="300" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="340" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="380" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="12" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="50" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="88" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="126" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="164" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="202" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="240" r="1" fill="#111" data-astro-cid-dun7kcqf></circle><circle cx="420" cy="278" r="1" fill="#111" data-astro-cid-dun7kcqf></circle> </g> <!-- Vertical connector lines (drawn behind the slabs) --> <line x1="140" y1="120" x2="140" y2="240" stroke="#E6E6E6" stroke-width="1" data-astro-cid-dun7kcqf></line> <line x1="140" y1="120" x2="140" y2="240" stroke="#FF5C00" stroke-width="1" class="sl-link-1" data-astro-cid-dun7kcqf></line> <line x1="220" y1="120" x2="220" y2="240" stroke="#E6E6E6" stroke-width="1" data-astro-cid-dun7kcqf></line> <line x1="220" y1="120" x2="220" y2="240" stroke="#FF5C00" stroke-width="1" class="sl-link-2" data-astro-cid-dun7kcqf></line> <!-- ===== BOTTOM SLAB: DEPLOY (#111111) ===== --> <g class="sl-layer-bot" data-astro-cid-dun7kcqf> <!-- Left face --> <polygon points="95,230 180,250 180,266 95,246" fill="#222222" data-astro-cid-dun7kcqf></polygon> <!-- Right face --> <polygon points="265,230 180,250 180,266 265,246" fill="#000000" data-astro-cid-dun7kcqf></polygon> <!-- Top face (iso diamond) --> <polygon points="95,230 180,210 265,230 180,250" fill="#111111" data-astro-cid-dun7kcqf></polygon> <polyline points="95,230 180,210 265,230" fill="none" stroke="#333333" stroke-width="0.75" data-astro-cid-dun7kcqf></polyline> <text x="180" y="234" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#FFFFFF" letter-spacing="0.12em" data-astro-cid-dun7kcqf>DEPLOY</text> </g> <!-- ===== MIDDLE SLAB: WORKSPACE (#8A8A8A) ===== --> <g class="sl-layer-mid" data-astro-cid-dun7kcqf> <polygon points="95,170 180,190 180,206 95,186" fill="#7A7A7A" data-astro-cid-dun7kcqf></polygon> <polygon points="265,170 180,190 180,206 265,186" fill="#6A6A6A" data-astro-cid-dun7kcqf></polygon> <polygon points="95,170 180,150 265,170 180,190" fill="#8A8A8A" data-astro-cid-dun7kcqf></polygon> <polyline points="95,170 180,150 265,170" fill="none" stroke="#A5A5A5" stroke-width="0.75" data-astro-cid-dun7kcqf></polyline> <text x="180" y="174" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#FFFFFF" letter-spacing="0.12em" data-astro-cid-dun7kcqf>WORKSPACE</text> </g> <!-- ===== TOP SLAB: GATEWAY (#FF5C00) ===== --> <g class="sl-layer-top" data-astro-cid-dun7kcqf> <polygon points="95,110 180,130 180,146 95,126" fill="#E04E00" data-astro-cid-dun7kcqf></polygon> <polygon points="265,110 180,130 180,146 265,126" fill="#C74700" data-astro-cid-dun7kcqf></polygon> <polygon points="95,110 180,90 265,110 180,130" fill="#FF5C00" data-astro-cid-dun7kcqf></polygon> <polyline points="95,110 180,90 265,110" fill="none" stroke="#FF8A4D" stroke-width="0.75" data-astro-cid-dun7kcqf></polyline> <text x="180" y="114" text-anchor="middle" font-family="ui-monospace,monospace" font-size="9" font-weight="bold" fill="#FFFFFF" letter-spacing="0.12em" data-astro-cid-dun7kcqf>GATEWAY</text> </g> <!-- ===== CALLOUT TAGS (right, aligned per layer) ===== --> <!-- Gateway → Routing --> <g class="sl-tag-1" data-astro-cid-dun7kcqf> <line x1="265" y1="110" x2="316" y2="110" stroke="#FF5C00" stroke-width="0.75" stroke-dasharray="3 4" data-astro-cid-dun7kcqf></line> <rect x="316" y="99" width="104" height="22" rx="2" fill="white" stroke="#FF5C00" stroke-width="0.75" data-astro-cid-dun7kcqf></rect> <text x="368" y="113" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" fill="#FF5C00" letter-spacing="0.08em" data-astro-cid-dun7kcqf>ROUTING</text> </g> <!-- Workspace → RAG + Agents --> <g class="sl-tag-2" data-astro-cid-dun7kcqf> <line x1="265" y1="170" x2="316" y2="170" stroke="#8A8A8A" stroke-width="0.75" stroke-dasharray="3 4" data-astro-cid-dun7kcqf></line> <rect x="316" y="159" width="104" height="22" rx="2" fill="white" stroke="#E6E6E6" stroke-width="0.75" data-astro-cid-dun7kcqf></rect> <text x="368" y="173" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" fill="#555555" letter-spacing="0.08em" data-astro-cid-dun7kcqf>RAG + AGENTS</text> </g> <!-- Deploy → On-prem GPU --> <g class="sl-tag-3" data-astro-cid-dun7kcqf> <line x1="265" y1="230" x2="316" y2="230" stroke="#8A8A8A" stroke-width="0.75" stroke-dasharray="3 4" data-astro-cid-dun7kcqf></line> <rect x="316" y="219" width="104" height="22" rx="2" fill="white" stroke="#E6E6E6" stroke-width="0.75" data-astro-cid-dun7kcqf></rect> <text x="368" y="233" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8" fill="#555555" letter-spacing="0.08em" data-astro-cid-dun7kcqf>ON-PREM GPU</text> </g> <!-- Caption --> <text x="180" y="290" text-anchor="middle" font-family="ui-monospace,monospace" font-size="8.5" fill="#8999AC" letter-spacing="0.1em" data-astro-cid-dun7kcqf>ONE PLATFORM — THREE MODULES</text> </svg> </div>  </div> <div class="flex flex-col gap-3"> <div class="flex items-center gap-3"> <span class="w-1.5 h-1.5 bg-[#FF5C00] shrink-0"></span> <span class="text-[13px] text-[#555]">Data never leaves your infrastructure</span> </div> <div class="flex items-center gap-3"> <span class="w-1.5 h-1.5 bg-[#FF5C00] shrink-0"></span> <span class="text-[13px] text-[#555]">Air-gapped mode — no internet required after install</span> </div> <div class="flex items-center gap-3"> <span class="w-1.5 h-1.5 bg-[#FF5C00] shrink-0"></span> <span class="text-[13px] text-[#555]">Free to self-host — no vendor dependency, ever</span> </div> </div> </div> </div> </div> </section>  <div class="border-t border-[#E6E6E6]"> <div class="max-w-[1160px] mx-auto px-10 py-[72px] flex items-center justify-between gap-8 flex-wrap max-[900px]:px-5 max-[900px]:py-12"> <h2 class="max-w-[480px]">Run sovereign AI on your infrastructure today.</h2> <div class="flex gap-3 flex-wrap shrink-0"> <a href="/demo" class="btn-primary"> <span>Get started</span> </a> <a href="/talk-to-us" class="btn-ghost"> <span>Talk to us</span> </a> </div> </div> </div>  </main> </div> <footer class="bg-[#111111] mt-0"> <!-- Main link columns --> <div class="max-w-[1260px] mx-auto px-8 pt-14 pb-10 max-[900px]:px-5"> <div class="footer-grid grid grid-cols-6 gap-8 max-[900px]:grid-cols-2"> <div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Products </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/products/gateway" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Gateway </a> </li><li> <a href="/products/workspace" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Workspace </a> </li><li> <a href="/products/deploy" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Deploy </a> </li><li> <a href="/products/frontier-gateway" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Frontier Gateway </a> </li><li> <a href="/products/model-apis" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Model APIs </a> </li><li> <a href="/products/dedicated-inference" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Dedicated Inference </a> </li><li> <a href="/products/training" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Training </a> </li><li> <a href="/products/multi-cloud-capacity-management" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Multi-Cloud Capacity </a> </li> </ul> </div><div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Solutions </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/solutions/rag-chat" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> RAG Chat </a> </li><li> <a href="/solutions/governance" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Governance </a> </li><li> <a href="/solutions/model-serving" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Model Serving </a> </li><li> <a href="/solutions/compound-ai" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Compound AI </a> </li><li> <a href="/solutions/image-generation" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Image Generation </a> </li><li> <a href="/solutions/embeddings" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Embeddings </a> </li><li> <a href="/solutions/text-to-speech" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Text to Speech </a> </li><li> <a href="/solutions/transcription" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Transcription </a> </li><li> <a href="/healthcare" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Healthcare </a> </li><li> <a href="/solutions/financial" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Financial Services </a> </li><li> <a href="/solutions/legal" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Legal </a> </li> </ul> </div><div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Platform </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/platform/routing-performance" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Routing &amp; Performance </a> </li><li> <a href="/platform/security" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Security </a> </li><li> <a href="/platform/model-management" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Model Management </a> </li><li> <a href="/platform/model-performance" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Model Performance </a> </li><li> <a href="/platform/embedded-engineering" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Embedded Engineering </a> </li><li> <a href="/platform/cloud-native-infrastructure" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Cloud-Native Infrastructure </a> </li> </ul> </div><div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Deployments </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/deployments/cloud" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> SaaS Cloud </a> </li><li> <a href="/deployments/hybrid" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Hybrid </a> </li><li> <a href="/deployments/self-hosted" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Self-Hosted </a> </li> </ul> </div><div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Resources </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/library" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Library </a> </li><li> <a href="/blog" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Blog </a> </li><li> <a href="/resources/guides" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Guides </a> </li><li> <a href="/resources/webinars" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Webinars </a> </li><li> <a href="https://docs.manylayers.io" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Docs </a> </li> </ul> </div><div> <h4 class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4"> Company </h4> <ul class="list-none flex flex-col gap-2"> <li> <a href="/about-us" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> About </a> </li><li> <a href="/contact" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Contact </a> </li><li> <a href="/talk-to-us" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Talk to us </a> </li><li> <a href="/startup-program" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Startup program </a> </li><li> <a href="/enterprise" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Enterprise </a> </li><li> <a href="/pricing" class="text-[13px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:no-underline"> Pricing </a> </li> </ul> </div> </div> <!-- Popular models row --> <div class="border-t border-[#2a2a2a] mt-10 pt-8"> <p class="font-mono text-[10px] font-bold tracking-[0.12em] uppercase text-[#8999AC] mb-4">Popular models</p> <div class="flex flex-wrap gap-3"> <a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> Llama 3.3 70B </a><a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> DeepSeek R2 </a><a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> Qwen 2.5 72B </a><a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> Mistral Large </a><a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> Gemma 3 27B </a><a href="/library" class="text-[12px] text-[#8999AC] border border-[#2a2a2a] px-3 py-1.5 no-underline transition-colors duration-150 hover:text-[#FF5C00] hover:border-[#FF5C00] hover:no-underline"> Phi-4 </a> <a href="/library" class="text-[12px] text-[#FF5C00] border border-[#2a2a2a] px-3 py-1.5 no-underline hover:no-underline">
Explore all &rarr;
</a> </div> </div> </div> <!-- Bottom bar --> <div class="border-t border-[#2a2a2a]"> <div class="max-w-[1260px] mx-auto px-8 py-4 flex items-center justify-between flex-wrap gap-3 max-[900px]:px-5"> <a href="/" class="flex items-center gap-2 no-underline hover:no-underline"> <!-- Stacked-layers mark: top orange, middle gray, bottom dark --> <svg width="16" height="16" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <!-- Bottom layer — dark neutral (readable on dark footer) --> <rect x="0" y="15" width="20" height="7" rx="1.5" fill="#444444"></rect> <!-- Middle layer — neutral gray --> <rect x="4" y="10" width="20" height="7" rx="1.5" fill="#8A8A8A"></rect> <!-- Top layer — orange accent --> <rect x="8" y="5" width="20" height="7" rx="1.5" fill="#FF5C00"></rect> </svg> <span class="text-[12px] text-[#8999AC]">&copy; 2026 ManyLayers. All rights reserved.</span> </a> <div class="flex items-center gap-4 flex-wrap"> <!-- Compliance badges --> <span class="font-mono text-[10px] font-bold tracking-[0.08em] uppercase border border-[#2a2a2a] text-[#8999AC] px-2 py-1">
SOC 2 Type II
</span> <span class="font-mono text-[10px] font-bold tracking-[0.08em] uppercase border border-[#2a2a2a] text-[#8999AC] px-2 py-1">
HIPAA Ready
</span> <!-- Legal links --> <a href="/terms" class="text-[12px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00]">Terms</a> <a href="/privacy" class="text-[12px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00]">Privacy</a> <a href="/security" class="text-[12px] text-[#8999AC] no-underline transition-colors duration-150 hover:text-[#FF5C00]">Security</a> </div> </div> </div> </footer> <script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"87243ce36fef4d4783e8c7f37a9fa183","r":1,"spa":2}' crossorigin="anonymous"></script>
</body></html>