PageSourceSearch

https://yanok.ai/workflows

html yanok.ai collected 2026-10-05 14:38:24 UTC 98,896 bytes, 168 lines download raw bytes

1<!doctype html>
2<html lang="en" class="dark">
3	<head>
4		<meta charset="utf-8" />
5		<meta name="viewport" content="width=device-width, initial-scale=1" />
6		<link rel="icon" href="/favicon.ico" sizes="48x48" />
7		<link rel="icon" type="image/png" sizes="192x192" href="/images/brand/yanok-icon.png" />
8		<link rel="apple-touch-icon" href="/images/brand/yanok-icon.png" />
9		<link rel="preconnect" href="https://fonts.googleapis.com" />
10		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
11		<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
12		<link rel="preload" href="/images/illustrations/hero-home.webp" as="image" type="image/webp" />
13		<link
14			href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Pixelify+Sans:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"
15			rel="stylesheet"
16		/>
17		<link
18			href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap"
19			rel="stylesheet"
20			media="print"
21			onload="this.media = 'all'"
22		/>
23		<noscript
24			><link
25				href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap"
26				rel="stylesheet"
27		/></noscript>
28		<meta name="theme-color" content="#0a0f1c" />
29		<link rel="alternate" type="application/rss+xml" title="Yanok AI Blog" href="/feed.xml" />
30		
30<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
30
31		<link href="./_app/immutable/entry/start.C0RatZ92.js" rel="modulepreload">
32		<link href="./_app/immutable/chunks/fab_PpXt.js" rel="modulepreload">
33		<link href="./_app/immutable/chunks/D9UuDnCi.js" rel="modulepreload">
34		<link href="./_app/immutable/chunks/CYGRAPIB.js" rel="modulepreload">
35		<link href="./_app/immutable/entry/app.CN6GikW_.js" rel="modulepreload">
36		<link href="./_app/immutable/chunks/PPVm8Dsz.js" rel="modulepreload">
37		<link href="./_app/immutable/chunks/DsnmJJEf.js" rel="modulepreload">
38		<link href="./_app/immutable/chunks/nU4rHKDQ.js" rel="modulepreload">
39		<link href="./_app/immutable/chunks/BWdin4k4.js" rel="modulepreload">
40		<link href="./_app/immutable/chunks/B9IBoC3F.js" rel="modulepreload">
41		<link href="./_app/immutable/chunks/0CuVPpBj.js" rel="modulepreload">
42		<link href="./_app/immutable/chunks/C0dlyk-o.js" rel="modulepreload">
43		<link href="./_app/immutable/nodes/0.Dw7w7kWU.js" rel="modulepreload">
44		<link href="./_app/immutable/chunks/iYCGeDKI.js" rel="modulepreload">
45		<link href="./_app/immutable/chunks/BEZvtooX.js" rel="modulepreload">
46		<link href="./_app/immutable/chunks/B1WxC4rU.js" rel="modulepreload">
47		<link href="./_app/immutable/chunks/Bu5lJkuo.js" rel="modulepreload">
48		<link href="./_app/immutable/chunks/DUu1U6v-.js" rel="modulepreload">
49		<link href="./_app/immutable/chunks/DdD9Pkz0.js" rel="modulepreload">
50		<link href="./_app/immutable/chunks/DTvJC0Jp.js" rel="modulepreload">
51		<link href="./_app/immutable/chunks/BT8LID6b.js" rel="modulepreload">
52		<link href="./_app/immutable/chunks/G4Zraiun.js" rel="modulepreload">
53		<link href="./_app/immutable/chunks/B41D8heY.js" rel="modulepreload">
54		<link href="./_app/immutable/chunks/i-MEGDDQ.js" rel="modulepreload">
55		<link href="./_app/immutable/chunks/eU5hsoAE.js" rel="modulepreload">
56		<link href="./_app/immutable/chunks/DtmkKBTB.js" rel="modulepreload">
57		<link href="./_app/immutable/chunks/D5TAtFOS.js" rel="modulepreload">
58		<link href="./_app/immutable/chunks/DHIuavV4.js" rel="modulepreload">
59		<link href="./_app/immutable/chunks/CBmsmDwX.js" rel="modulepreload">
60		<link href="./_app/immutable/chunks/DHEvzz0p.js" rel="modulepreload">
61		<link href="./_app/immutable/chunks/Btryp2Fo.js" rel="modulepreload">
62		<link href="./_app/immutable/chunks/Dpe20BOx.js" rel="modulepreload">
63		<link href="./_app/immutable/chunks/iNDcgpYU.js" rel="modulepreload">
64		<link href="./_app/immutable/chunks/CB1F8dWn.js" rel="modulepreload">
65		<link href="./_app/immutable/chunks/pdLFqMCI.js" rel="modulepreload">
66		<link href="./_app/immutable/chunks/CK0iU2Jo.js" rel="modulepreload">
67		<link href="./_app/immutable/chunks/CtsNkuR8.js" rel="modulepreload">
68		<link href="./_app/immutable/chunks/CFQVmk7c.js" rel="modulepreload">
69		<link href="./_app/immutable/chunks/DVv1CLjz.js" rel="modulepreload">
70		<link href="./_app/immutable/chunks/BlZDJl1O.js" rel="modulepreload">
71		<link href="./_app/immutable/chunks/BKx4uG-s.js" rel="modulepreload">
72		<link href="./_app/immutable/chunks/C68oKefD.js" rel="modulepreload">
73		<link href="./_app/immutable/chunks/AuZ6WHz6.js" rel="modulepreload">
74		<link href="./_app/immutable/chunks/BEy-bnHx.js" rel="modulepreload">
75		<link href="./_app/immutable/chunks/DblsQZga.js" rel="modulepreload">
76		<link href="./_app/immutable/chunks/DBaugpvN.js" rel="modulepreload">
77		<link href="./_app/immutable/chunks/DlE0pPML.js" rel="modulepreload">
78		<link href="./_app/immutable/chunks/Dqm9ER7N.js" rel="modulepreload">
79		<link href="./_app/immutable/chunks/Cls_ApyZ.js" rel="modulepreload">
80		<link href="./_app/immutable/chunks/Djb_UY8o.js" rel="modulepreload">
81		<link href="./_app/immutable/chunks/CR7rd-Gu.js" rel="modulepreload">
82		<link href="./_app/immutable/chunks/hTm-NavM.js" rel="modulepreload">
83		<link href="./_app/immutable/chunks/BlcDRMj7.js" rel="modulepreload">
84		<link href="./_app/immutable/chunks/BZ-9yrLc.js" rel="modulepreload">
85		<link href="./_app/immutable/chunks/COpTB-44.js" rel="modulepreload">
86		<link href="./_app/immutable/chunks/L2Flrprg.js" rel="modulepreload">
87		<link href="./_app/immutable/chunks/kaiQ09si.js" rel="modulepreload">
88		<link href="./_app/immutable/chunks/DkPZj6Ft.js" rel="modulepreload">
89		<link href="./_app/immutable/chunks/maGdBHiu.js" rel="modulepreload">
90		<link href="./_app/immutable/chunks/BvFEN88R.js" rel="modulepreload">
91		<link href="./_app/immutable/chunks/Cvb-QC3n.js" rel="modulepreload">
92		<link href="./_app/immutable/chunks/D5as1I4l.js" rel="modulepreload">
93		<link href="./_app/immutable/chunks/BuFwxJ_M.js" rel="modulepreload">
94		<link href="./_app/immutable/nodes/54.BGlUeUIA.js" rel="modulepreload">
95		<link href="./_app/immutable/chunks/BooHGWiX.js" rel="modulepreload">
96		<link href="./_app/immutable/chunks/DlXd5Tuh.js" rel="modulepreload">
97		<link href="./_app/immutable/chunks/DOrktueJ.js" rel="modulepreload">
98		<link href="./_app/immutable/chunks/BxM3xpEw.js" rel="modulepreload">
99		<link href="./_app/immutable/chunks/D0T9t0sD.js" rel="modulepreload">
100		<link href="./_app/immutable/chunks/CpWhE398.js" rel="modulepreload">
101		<link href="./_app/immutable/chunks/DaKR3ZoL.js" rel="modulepreload">
102		<link href="./_app/immutable/chunks/CtgGnEb9.js" rel="modulepreload">
103		<link href="./_app/immutable/chunks/T8_RqQZ_.js" rel="modulepreload">
104		<link href="./_app/immutable/chunks/zVtv-ACl.js" rel="modulepreload">
105		<link href="./_app/env.js" rel="modulepreload">
106		<!--1funsus--><!--[-1--><!--]--> <!---->
106<script>(function setInitialMode({ defaultMode = "system", themeColors: themeColors2, darkClassNames: darkClassNames2 = ["dark"], lightClassNames: lightClassNames2 = [], defaultTheme = "", modeStorageKey: modeStorageKey2 = "mode-watcher-mode", themeStorageKey: themeStorageKey2 = "mode-watcher-theme" }) {
107  const rootEl = document.documentElement;
108  const mode = localStorage.getItem(modeStorageKey2) ?? defaultMode;
109  const theme = localStorage.getItem(themeStorageKey2) ?? defaultTheme;
110  const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches;
111  if (light) {
112    if (darkClassNames2.length)
113      rootEl.classList.remove(...darkClassNames2.filter(Boolean));
114    if (lightClassNames2.length)
115      rootEl.classList.add(...lightClassNames2.filter(Boolean));
116  } else {
117    if (lightClassNames2.length)
118      rootEl.classList.remove(...lightClassNames2.filter(Boolean));
119    if (darkClassNames2.length)
120      rootEl.classList.add(...darkClassNames2.filter(Boolean));
121  }
122  rootEl.style.colorScheme = light ? "light" : "dark";
123  if (themeColors2) {
124    const themeMetaEl = document.querySelector('meta[name="theme-color"]');
125    if (themeMetaEl) {
126      themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark);
127    }
128  }
129  if (theme) {
130    rootEl.setAttribute("data-theme", theme);
131    localStorage.setItem(themeStorageKey2, theme);
132  }
133  localStorage.setItem(modeStorageKey2, mode);
134})({"defaultMode":"dark","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
134<!----><!----><!--1xg1a3p--><meta name="description" content="Discover 20+ enterprise AI workflows across healthcare, sales, marketing, and operations. Transform your business processes with intelligent automation and agentic AI systems."/> <!--[0--><meta name="keywords" content="AI workflows, automation workflows, enterprise automation, agentic workflows, intelligent processes, AI use cases"/><!--]--> <link rel="canonical" href="https://www.yanok.ai/workflows"/> <!--[-1--><!--]--> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.yanok.ai/workflows"/> <meta property="og:title" content="AI Workflows - Intelligent Automation Solutions | Yanok AI"/> <meta property="og:description" content="Discover 20+ enterprise AI workflows across healthcare, sales, marketing, and operations. Transform your business processes with intelligent automation and agentic AI systems."/> <meta property="og:image" content="https://www.yanok.ai/images/og/workflows.png"/> <meta property="og:site_name" content="Yanok AI"/> <meta property="og:locale" content="en_US"/> <!--[--><meta property="og:locale:alternate" content="es_ES"/><meta property="og:locale:alternate" content="fr_FR"/><meta property="og:locale:alternate" content="de_DE"/><!--]--> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@yanok_ai"/> <meta name="twitter:creator" content="@yanok_ai"/> <meta name="twitter:url" content="https://www.yanok.ai/workflows"/> <meta name="twitter:title" content="AI Workflows - Intelligent Automation Solutions | Yanok AI"/> <meta name="twitter:description" content="Discover 20+ enterprise AI workflows across healthcare, sales, marketing, and operations. Transform your business processes with intelligent automation and agentic AI systems."/> <meta name="twitter:image" content="https://www.yanok.ai/images/og/workflows.png"/> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><link rel="alternate" hreflang="x-default" href="https://www.yanok.ai/workflows"/> <!--[--><link rel="alternate" hreflang="en" href="https://www.yanok.ai/workflows"/> <link rel="alternate" hreflang="en-US" href="https://www.yanok.ai/workflows"/><link rel="alternate" hreflang="es" href="https://www.yanok.ai/workflows?lang=es"/> <link rel="alternate" hreflang="es-ES" href="https://www.yanok.ai/workflows?lang=es"/><link rel="alternate" hreflang="fr" href="https://www.yanok.ai/workflows?lang=fr"/> <link rel="alternate" hreflang="fr-FR" href="https://www.yanok.ai/workflows?lang=fr"/><link rel="alternate" hreflang="de" href="https://www.yanok.ai/workflows?lang=de"/> <link rel="alternate" hreflang="de-DE" href="https://www.yanok.ai/workflows?lang=de"/><!--]--><!--]--><!----><!--1b58emg--><!---->
134<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.yanok.ai/"},{"@type":"ListItem","position":2,"name":"AI Workflows","item":"https://www.yanok.ai/workflows"}]}</script>
134<!----><!----><!--kimn5s--><!---->
134<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"AI Workflows - Intelligent Automation Solutions","description":"Discover 20+ enterprise AI workflows across healthcare, sales, marketing, and operations. Transform your business processes with intelligent automation and agentic AI systems.","url":"https://www.yanok.ai/workflows","isPartOf":{"@type":"WebSite","name":"Yanok AI","url":"https://www.yanok.ai"}}</script>
134<!----><!----><title>AI Workflows - Intelligent Automation Solutions | Yanok AI</title>
135		<link href="./_app/immutable/assets/0.CNNpTEQp.css" rel="stylesheet">
136	</head>
137	<body data-sveltekit-preload-data="hover">
138		<div style="display: contents"><!--[--><!--[0--><!--[--><!--[-1--><!--]--><!----> <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 transition-all">Skip to main content</a><!----> <div class="min-h-screen flex w-full bg-background"><aside class="hidden lg:flex flex-col border-r border-sidebar-border bg-sidebar-background/95 backdrop-blur-sm h-screen sticky top-0 overflow-y-auto w-64" aria-label="Site navigation"><div class="border-b border-sidebar-border p-4 bg-sidebar-background/90"><div class="flex items-center justify-between"><a href="./" class="flex items-center space-x-3 hover:opacity-80 transition-opacity focus:outline-none focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md"><img src="/images/brand/yanok-logo.png" alt="Yanok" class="w-8 h-8 shrink-0" width="32" height="32"/> <!--[0--><div><h2 class="text-xl font-bold text-sidebar-foreground font-display">Yanok</h2> <p class="text-xs text-text-tertiary font-medium">AI-Powered Integration</p></div><!--]--></a></div></div> <nav class="flex-1 px-2 py-4 space-y-1 overflow-y-auto"><!--[--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="true" aria-controls="menu-section-product">Product <!--[0--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-up w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m18 15-6-6-6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[0--><ul id="menu-section-product" role="menu" aria-label="Product navigation" class="space-y-0.5"><!--[--><li role="none"><a href="./integrations" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-wifi w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M12 20h.01"><!----></path><!----><!----><path d="M2 8.82a15 15 0 0 1 20 0"><!----></path><!----><!----><path d="M5 12.859a10 10 0 0 1 14 0"><!----></path><!----><!----><path d="M8.5 16.429a5 5 0 0 1 7 0"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Integrations</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Seamless API connections</span><!--]--></a></li><li role="none"><a href="./platform" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-globe w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><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 class="font-medium flex-1">Platform Overview</span></div> <!--[0-->
138<span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Enterprise-grade infrastructure</span><!--]--></a></li><li role="none"><a href="./workflows" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background bg-sidebar-accent text-sidebar-primary font-medium border-l-2 border-l-sidebar-primary"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-zap w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><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 class="font-medium flex-1">Agentic Workflows</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Intelligent process automation</span><!--]--></a></li><li role="none"><a href="./yno-ai" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"><!----></path><!----><!----><circle cx="12" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">YNO AI</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Intelligent AI assistant</span><!--]--></a></li><li role="none"><a href="./implementation" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-code w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Implementation Plan</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Development roadmap &amp; progress</span><!--]--></a></li><li role="none"><a href="./mcp-registry" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-package w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><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="font-medium flex-1">MCP Registry</span></div> <!--[0-->
138<span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Model Context Protocol servers</span><!--]--></a></li><!--]--></ul><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-company">Company <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-pricing">Pricing &amp; Plans <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-resources">Resources <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-legal">Legal <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--]--> <!--[0--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="true" aria-controls="quick-access-list">Quick Access <!--[0--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-up w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m18 15-6-6-6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[0--><ul id="quick-access-list" class="space-y-2"><!--[--><li><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group cursor-pointer p-3 h-auto focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md text-left" aria-label="YNO Use AI now (opens in new tab)"><div class="flex items-start w-full gap-3"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-message-square w-5 h-5 text-text-tertiary group-hover:text-sidebar-primary shrink-0 mt-0.5 transition-colors"><!--[--><!----><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> <div class="flex-1 min-w-0"><div class="flex items-center justify-between w-full"><span class="font-medium text-sm text-sidebar-foreground group-hover:text-text-primary truncate transition-colors">YNO Use AI now</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-external-link w-3 h-3 text-sidebar-foreground
138/80 group-hover:text-text-tertiary shrink-0 ml-2 transition-colors" aria-hidden="true"><!--[--><!----><path d="M15 3h6v6"><!----></path><!----><!----><path d="M10 14 21 3"><!----></path><!----><!----><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <p class="text-xs text-sidebar-foreground/80 group-hover:text-text-tertiary mt-1 leading-relaxed transition-colors">AI conversation platform</p></div></div></button></li><li><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group cursor-pointer p-3 h-auto focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md text-left" aria-label="YNO Pro (opens in new tab)"><div class="flex items-start w-full gap-3"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-zap w-5 h-5 text-text-tertiary group-hover:text-sidebar-primary shrink-0 mt-0.5 transition-colors"><!--[--><!----><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> <div class="flex-1 min-w-0"><div class="flex items-center justify-between w-full"><span class="font-medium text-sm text-sidebar-foreground group-hover:text-text-primary truncate transition-colors">YNO Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-external-link w-3 h-3 text-sidebar-foreground/80 group-hover:text-text-tertiary shrink-0 ml-2 transition-colors" aria-hidden="true"><!--[--><!----><path d="M15 3h6v6"><!----></path><!----><!----><path d="M10 14 21 3"><!----></path><!----><!----><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <p class="text-xs text-sidebar-foreground/80 group-hover:text-text-tertiary mt-1 leading-relaxed transition-colors">Premium AI capabilities</p></div></div></button></li><!--]--></ul><!--]--></div><!--]--></nav> <div class="border-t border-sidebar-border p-3 bg-sidebar-background/90"><!--[0--><div class="space-y-1"><!--[--><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 flex items-center gap-3 min-h-[44px] cursor-pointer focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md px-2 text-sm" aria-label="Login (opens in new tab)"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-arrow-right w-4 h-4 text-text-tertiary shrink-0 transition-colors"><!--[--><!----><path d="M5 12h14"><!----></path><!----><!----><path d="m12 5 7 7-7 7"><!----></path><!----><!--]--><!----><!----></svg><!--]--></span> <span aria-hidden="true">Login</span></button><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 flex items-center gap-3 min-h-[44px] cursor-pointer focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md px-2 text-sm" aria-label="Sign Up (opens in new tab)"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user-check w-4 h-4 text-text-tertiary shrink-0 transition-colors"><!--[--><!----><path d="m16 11 2 2 4-4"><!----></path><!----><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></span> <span aria-hidden="true">Sign Up</span></button><!--]--></div><!--]--></div></aside><!---->
138 <main id="main-content" class="flex-1 relative min-w-0" aria-label="Page content" tabindex="-1"><header class="lg:hidden fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xs border-b border-border-subtle h-14 flex items-center px-4"><button class="lg:hidden p-2 min-h-[44px] min-w-[44px] rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50" aria-label="Open navigation menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu w-5 h-5 text-foreground transition-transform duration-200 hover:scale-110"><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----></button> <!--[-1--><!--]--><!----> <div class="flex-1 flex justify-center"><div class="flex items-center gap-2"><img src="/images/brand/yanok-logo.png" alt="Yanok" class="w-6 h-6" width="24" height="24"/> <span class="font-bold text-foreground font-display">Yanok</span></div></div> <div class="relative"><button class="gap-2 min-h-[44px] min-w-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] inline-flex items-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground" aria-label="Language: English" aria-haspopup="listbox" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-globe w-4 h-4 shrink-0" aria-hidden="true"><!--[--><!----><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 class="items-center gap-1.5 hidden sm:inline-flex"><span aria-hidden="true">🇺🇸</span> <span class="text-sm font-medium">English</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3 ml-auto opacity-60 hidden sm:block" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!----></button> <!--[-1--><!--]--></div><!----></header> <div class="lg:hidden h-14"></div> <!--[-1--><!--[--><!----> <!----> <!----> <div class="min-h-screen bg-background text-foreground"><section class="py-16 lg:py-24 relative overflow-hidden"><div class="absolute inset-0 pointer-events-none" aria-hidden="true"><div class="absolute inset-0 gradient-shift" style="background: linear-gradient( 135deg, hsl(var(--background)) 0%, hsl(var(--surface-overlay)) 25%, hsl(var(--background)) 50%, hsl(var(--surface-50)) 75%, hsl(var(--background)) 100% ); background-size: 400% 400%;"></div> <svg class="absolute inset-0 h-full w-full " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.04;"><defs><pattern id="circuit-traces" width="300" height="300" patternUnits="userSpaceOnUse"><path d="M 0 50 H 80 V 120 H 150 V 50 H 220" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.8" opacity="0.5"></path><path d="M 50 0 V 80 H 120 V 200 H 50 V 300" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.6" opacity="0.4"></path><path d="M 150 120 H 250 V 200 H 200" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.5" opacity="0.3"></path><path d="M 220 50 V 180 H 280" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.5" opacity="0.3"></path><path d="M 120 200 H 180 V 260" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.4" opacity="0.25"></path><path d="M 250 200 V 270 H 300" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.4" opacity="0.25"></path><circle cx="80" cy="50" r="2.5" fill="hsl(28, 96%, 57%)" opacity="0.5"></circle>
138<circle cx="80" cy="120" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="150" cy="50" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="150" cy="120" r="2.5" fill="hsl(28, 96%, 57%)" opacity="0.5"></circle><circle cx="220" cy="50" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="50" cy="80" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.5"></circle><circle cx="120" cy="80" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="120" cy="200" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.5"></circle><circle cx="250" cy="200" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="220" cy="180" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="150" cy="120" r="4" fill="hsl(28, 96%, 57%)" opacity="0.15"><animate attributeName="opacity" values="0.15;0.35;0.15" dur="4s" repeatCount="indefinite"></animate></circle><circle cx="120" cy="200" r="4" fill="hsl(174, 80%, 40%)" opacity="0.12"><animate attributeName="opacity" values="0.12;0.3;0.12" dur="5s" begin="1.5s" repeatCount="indefinite"></animate></circle><circle cx="0" cy="50" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.3"></circle><circle cx="300" cy="50" r="0" fill="hsl(28, 96%, 57%)" opacity="0"></circle><circle cx="50" cy="0" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.3"></circle><circle cx="50" cy="300" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.3"></circle><circle cx="180" cy="260" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.25"></circle><circle cx="200" cy="200" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.25"></circle></pattern></defs><rect width="100%" height="100%" fill="url(#circuit-traces)"></rect></svg><!----> <svg class="absolute inset-0 h-full w-full" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="hero-line-grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="hsl(var(--yanok-orange))" stop-opacity="0.15"></stop><stop offset="50%" stop-color="hsl(var(--yanok-teal))" stop-opacity="0.1"></stop><stop offset="100%" stop-color="hsl(var(--yanok-orange))" stop-opacity="0.15"></stop></linearGradient></defs><g opacity="0.2"><line x1="10%" y1="15%" x2="25%" y2="30%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="25%" y1="30%" x2="45%" y2="20%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="45%" y1="20%" x2="65%" y2="35%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="65%" y1="35%" x2="80%" y2="15%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="80%" y1="15%" x2="92%" y2="28%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="15%" y1="60%" x2="35%" y2="70%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="35%" y1="70%" x2="55%" y2="55%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="55%" y1="55%" x2="75%" y2="65%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="75%" y1="65%" x2="90%" y2="50%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="20%" y1="85%" x2="40%" y2="78%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="40%" y1="78%" x2="60%" y2="88%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="60%" y1="88%" x2="85%" y2="80%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="25%" y1="30%" x2="35%" y2="70%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="65%" y1="35%" x2="55%" y2="55%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="75%" y1="65%" x2="85%" y2="80%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line></g><circle cx="10%" cy="15%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.35"><!--[0--><animate attributeName="opacity" values="0.35;0.6;0.35" dur="4s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="25%" cy="30%" r="2.5" fill="hsl(var(--yanok-teal))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="5s" begin="1s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="45%" cy="20%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;
1380.3" dur="3.5s" begin="0.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="65%" cy="35%" r="3" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="6s" begin="2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="80%" cy="15%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="4.5s" begin="1.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="92%" cy="28%" r="1.8" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.5s" begin="0.8s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="15%" cy="60%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;0.3" dur="4s" begin="2.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="35%" cy="70%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="5s" begin="0.3s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="55%" cy="55%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="4.2s" begin="1.8s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="75%" cy="65%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.8s" begin="3s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="90%" cy="50%" r="1.8" fill="hsl(var(--yanok-orange))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="4.5s" begin="0.7s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="20%" cy="85%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5s" begin="1.2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="40%" cy="78%" r="1.8" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;0.3" dur="4s" begin="2.2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="60%" cy="88%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.2"><!--[0--><animate attributeName="opacity" values="0.2;0.4;0.2" dur="6s" begin="3.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="85%" cy="80%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.2s" begin="0.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="5%" cy="40%" r="0.8" fill="hsl(var(--foreground))" opacity="0.15"></circle><circle cx="18%" cy="12%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="32%" cy="45%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="50%" cy="8%" r="0.8" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="58%" cy="42%" r="0.6" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="72%" cy="10%" r="0.7" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="88%" cy="40%" r="0.6" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="95%" cy="70%" r="0.8" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="8%" cy="75%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="48%" cy="72%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="70%" cy="90%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="30%" cy="92%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle></svg> <div class="absolute rounded-full blur-3xl drift-slow" style="top: 15%; left: 20%; width: 400px; height: 400px; background: radial-gradient(circle, hsl(var(--yanok-orange) / 0.06) 0%, transparent 70%);"></div> <div class="absolute rounded-full blur-3xl drift-slower" style="top: 50%; right: 15%; width: 350px; height: 350px; background: radial-gradient(circle, hsl(var(--yanok-teal) / 0.05) 0%, transparent 70%);"></div> <div class="absolute rounded-full blur-3xl drift-slow" style="bottom: 10%; left: 40%; width: 300px; height: 300px; background: radial-gradient(circle, hsl(var(--yanok-orange) / 0.04) 0%, transparent 70%); animation-delay: -8s;"></div> <svg class="absolute inset-0 h-full w-full opacity-[0.03]" xmlns="http://www.w3.org/2000/svg"><filter id="hero-noise"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"></feTurbulence><feColorMatrix type="saturate" values="0">
138</feColorMatrix></filter><rect width="100%" height="100%" filter="url(#hero-noise)"></rect></svg> <div class="absolute inset-0" style="background: radial-gradient( ellipse 70% 60% at 50% 45%, transparent 0%, hsl(var(--background) / 0.3) 60%, hsl(var(--background) / 0.7) 100% );"></div> <div class="absolute inset-0 bg-gradient-to-t from-background/50 via-transparent to-background/30"></div></div><!----> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 text-center"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-xs sm:text-sm font-medium bg-primary/10 text-primary border border-primary/20 mb-6"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-primary" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> AI Workflows</span> <h1 class="font-display font-pixel text-4xl sm:text-5xl font-bold text-foreground mb-6 leading-tight">Intelligent Automation <span class="text-primary">Solutions</span></h1> <p class="text-lg sm:text-xl text-muted-foreground max-w-3xl mx-auto mb-8 leading-relaxed">Discover 20+ enterprise AI workflows across healthcare, sales, marketing, and operations. Transform your business processes with agentic AI.</p> <div class="flex flex-wrap gap-2 justify-center"><!--[--><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--destructive)/0.1)] text-destructive border-[hsl(var(--destructive)/0.2)]">Healthcare</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Marketing</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">Sales</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--accent)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--accent)/0.2)]">Documentation</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-orange)/0.1)] text-[hsl(var(--yanok-orange))] border-[hsl(var(--yanok-orange)/0.2)]">Operational Excellence</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--secondary)/0.1)] text-secondary border-[hsl(var(--secondary)/0.2)]">PMO</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">Financial Services</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-warning)/0.1)] text-[hsl(var(--a11y-warning))] border-[hsl(var(--a11y-warning)/0.2)]">Logistics</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Manufacturing</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-primary/10 text-primary border-primary/20">Human Resources</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-teal)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--yanok-teal)/0.2)]">Real Estate</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-teal)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--yanok-teal)/0.2)]">Customer Success</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-muted/30 text-muted-foreground border-muted-foreground
138/20">Data Management</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--destructive)/0.1)] text-destructive border-[hsl(var(--destructive)/0.2)]">Customer Service</span><span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">R&amp;D</span><!--]--></div> <div class="mt-12 sm:mt-16 mx-auto max-w-2xl fade-in-up stagger-4" aria-hidden="true"><picture><source srcset="/images/illustrations/hero-workflows.avif 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/avif"/> <source srcset="/images/illustrations/hero-workflows.webp 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/webp"/> <img src="/images/illustrations/hero-workflows.png" srcset="/images/illustrations/hero-workflows.png 800w" sizes="(max-width: 768px) 100vw, 800px" alt="" class="w-full h-auto opacity-80" width="800" height="600" loading="eager" fetchpriority="high"/></picture></div></div></section> <section class="py-12 sm:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="mx-auto max-w-md mb-8 sm:mb-12" aria-hidden="true"><picture><source srcset="/images/illustrations/illustration-workflows-automation.avif 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/avif"/> <source srcset="/images/illustrations/illustration-workflows-automation.webp 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/webp"/> <img src="/images/illustrations/illustration-workflows-automation.png" srcset="/images/illustrations/illustration-workflows-automation.png 600w" sizes="(max-width: 768px) 100vw, 600px" alt="" class="w-full h-auto opacity-70" width="600" height="400" loading="lazy" decoding="async"/></picture></div> <div class="grid gap-4 sm:gap-6"><!--[--><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Patient Risk Stratification</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--destructive)/0.1)] text-destructive border-[hsl(var(--destructive)/0.2)]">Healthcare</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-driven patient risk assessment and early intervention workflows</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Clinical Decision Support</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Predictive Analytics</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Population Health</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-brain w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M12 18V5"><!----></path><!----><!----><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"><!----></path><!----><!----><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"><!----></path><!----><!----><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"><!----></path><!----><!----><path d="M18 18a4 4 0 0 0 2-7.464"><!----></path><!----><!----><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"><!----></path><!----><!----><path d="M6 18a4 4 0 0 1-2-7.464"><!----></path><!----><!----><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Intelligent Content Personalization</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Marketing</span></div> <p class="text-muted-foreground text-sm sm:text-base">Dynamic content optimization based on user behavior and preferences</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Personalization</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">A/B Testing</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Customer Journey</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-trending-up w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Predictive Lead Scoring</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">Sales</span></div> <p class="text-muted-foreground text-sm sm:text-base">Advanced lead qualification and opportunity prioritization system</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Lead Generation</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Sales Forecasting</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Pipeline Management</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-file-text w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Automated Documentation Generation</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--accent)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--accent)/0.2)]">Documentation</span></div> <p class="text-muted-foreground text-sm sm:text-base">Intelligent document creation from structured and unstructured data</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">NLP</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Document Processing</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Knowledge Management</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-zap w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Intelligent Process Optimization</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-orange)/0.1)] text-[hsl(var(--yanok-orange))] border-[hsl(var(--yanok-orange)/0.2)]">Operational Excellence</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-powered workflow analysis and bottleneck identification</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Process Mining</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Optimization</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Automation</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-trending-up w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Project Risk Assessment</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--secondary)/0.1)] text-secondary border-[hsl(var(--secondary)/0.2)]">PMO</span></div> <p class="text-muted-foreground text-sm sm:text-base">Proactive project risk identification and mitigation strategies</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Risk Management</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Project Analytics</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Resource Planning</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-trending-up w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Clinical Trial Optimization</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--destructive)/0.1)] text-destructive border-[hsl(var(--destructive)/0.2)]">Healthcare</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-enhanced patient recruitment and trial protocol optimization</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Clinical Research</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Patient Matching</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Protocol Design</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-users w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Omnichannel Customer Journey</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Marketing</span></div> <p class="text-muted-foreground text-sm sm:text-base">Unified customer experience across all touchpoints and channels</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Customer Experience</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Journey Mapping</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Attribution</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chart-column w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Revenue Forecasting Engine</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">Sales</span></div> <p class="text-muted-foreground text-sm sm:text-base">Advanced revenue prediction with market condition analysis</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Revenue Operations</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Forecasting</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Market Analysis</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-message-square w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Intelligent Quality Assurance</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-orange)/0.1)] text-[hsl(var(--yanok-orange))] border-[hsl(var(--yanok-orange)/0.2)]">Operational Excellence</span></div> <p class="text-muted-foreground text-sm sm:text-base">Automated quality control with real-time defect detection</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Quality Control</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Defect Detection</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Process Improvement</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-credit-card w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><rect width="20" height="14" x="2" y="5" rx="2"><!----></rect><!----><!----><line x1="2" x2="22" y1="10" y2="10"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Fraud Detection &amp; Prevention</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">Financial Services</span></div> <p class="text-muted-foreground text-sm sm:text-base">Real-time fraud detection with adaptive machine learning models</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Risk Management</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Real-time Detection</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Behavioral Analysis</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-truck w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"><!----></path><!----><!----><path d="M15 18H9"><!----></path><!----><!----><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"><!----></path><!----><!----><circle cx="17" cy="18" r="2"><!----></circle><!----><!----><circle cx="7" cy="18" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Supply Chain Optimization</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-warning)/0.1)] text-[hsl(var(--a11y-warning))] border-[hsl(var(--a11y-warning)/0.2)]">Logistics</span></div> <p class="text-muted-foreground text-sm sm:text-base">End-to-end supply chain visibility and predictive optimization</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Inventory Management</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Demand Forecasting</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Route Optimization</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-eye w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Computer Vision Quality Control</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Manufacturing</span></div> <p class="text-muted-foreground text-sm sm:text-base">Automated visual inspection and defect detection in manufacturing</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Computer Vision</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Defect Detection</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Production Line</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user-check w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="m16 11 2 2 4-4"><!----></path><!----><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">HR Talent Acquisition</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-primary/10 text-primary border-primary/20">Human Resources</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-powered recruitment and candidate matching system</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Talent Acquisition</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Candidate Screening</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Skills Assessment</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-building-2 w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Real Estate Valuation</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-teal)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--yanok-teal)/0.2)]">Real Estate</span></div> <p class="text-muted-foreground text-sm sm:text-base">Automated property valuation using market data and analytics</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Property Valuation</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Market Analysis</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Investment Advisory</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-triangle-alert w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"><!----></path><!----><!----><path d="M12 9v4"><!----></path><!----><!----><path d="M12 17h.01"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Predictive Maintenance</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-info)/0.1)] text-[hsl(var(--a11y-info))] border-[hsl(var(--a11y-info)/0.2)]">Manufacturing</span></div> <p class="text-muted-foreground text-sm sm:text-base">Proactive equipment maintenance using IoT sensors and AI</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">IoT Analytics</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Equipment Health</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Maintenance Scheduling</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-target w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Customer Churn Prevention</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--yanok-teal)/0.1)] text-[hsl(var(--yanok-teal))] border-[hsl(var(--yanok-teal)/0.2)]">Customer Success</span></div> <p class="text-muted-foreground text-sm sm:text-base">Proactive customer retention through behavioral analysis</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Customer Retention</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Behavioral Analytics</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Intervention Strategies</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-database w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Data Lake Governance</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-muted/30 text-muted-foreground border-muted-foreground/20">Data Management</span></div> <p class="text-muted-foreground text-sm sm:text-base">Automated data cataloging, lineage tracking, and quality monitoring</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Data Governance</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Metadata Management</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Data Quality</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-headphones w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Intelligent Call Center</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--destructive)/0.1)] text-destructive border-[hsl(var(--destructive)/0.2)]">Customer Service</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-powered customer service with sentiment analysis and routing</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Customer Service</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Sentiment Analysis</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Call Routing</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><div class="card-pixel hover:border-primary/20 transition-all"><button type="button" class="w-full text-left p-6 sm:p-8"><div class="flex items-start justify-between gap-4"><div class="flex items-start gap-4 flex-1 min-w-0"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/10 rounded-lg flex items-center justify-center shrink-0"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-lightbulb w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"><!----></path><!----><!----><path d="M9 18h6"><!----></path><!----><!----><path d="M10 22h4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><div class="flex items-center gap-3 mb-2 flex-wrap"><h3 class="text-lg sm:text-xl font-semibold text-foreground">Innovation Pipeline Management</h3> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] border-[hsl(var(--a11y-success)/0.2)]">R&amp;D</span></div> <p class="text-muted-foreground text-sm sm:text-base">AI-driven innovation tracking and opportunity identification</p> <div class="flex flex-wrap gap-1.5 mt-3"><!--[--><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Innovation Management</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Patent Analysis</span><span class="px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded">Market Research</span><!--]--></div></div></div> <div class="shrink-0 mt-1"><!--[-1--><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 text-muted-foreground" aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div></div></button> <!--[-1--><!--]--></div><!--]--></div></div></section><!----></div><!----><!--]--><!--]--><!----></main></div> <!--[-1--><!--]--><!----> <!--[--><!--]--> <!--[0--><div class="fixed bottom-0 left-0 right-0 z-50 p-4 bg-card border-t border-border shadow-lg" role="dialog" aria-modal="true" aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-desc"><div class="container mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 max-w-5xl"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cookie w-5 h-5 text-primary shrink-0" aria-hidden="true"><!--[--><!----><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"><!----></path><!----><!----><path d="M8.5 8.5v.01"><!----></path><!----><!----><path d="M16 15.5v.01"><!----></path><!----><!----><path d="M12 12v.01"><!----></path><!----><!----><path d="M11 17v.01"><!----></path><!----><!----><path d="M7 14v.01"><!----></path><!----><!--]--><!----><!----></svg><!----> <p id="cookie-consent-desc" class="text-sm text-muted-foreground"><span id="cookie-consent-title" class="sr-only">Cookie consent</span> We use cookies to improve your experience. By continuing, you agree to our <a href="./cookies" class="text-primary underline">Cookie Policy</a>.</p></div> <div class="flex items-center gap-2 shrink-0"><button type="button" class="rounded-lg border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors">Decline</button> <button type="button" class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors">Accept</button></div></div></div><!--]--><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
139			
140			
140<script>
141				{
142					__sveltekit_17lk6jg = {
143						base: new URL(".", location).pathname.slice(0, -1),
144						env: null
145					};
146
147					const element = document.currentScript.parentElement;
148
149					import("./_app/env.js").then(({ env }) => {
150						__sveltekit_17lk6jg.env = env;
151
152						Promise.all([
153							import("./_app/immutable/entry/start.C0RatZ92.js"),
154							import("./_app/immutable/entry/app.CN6GikW_.js")
155						]).then(([kit, app]) => {
156							kit.start(app, element, {
157									node_ids: [0, 54],
158									data: [null,null],
159									form: null,
160									error: null
161								});
162						});
163					});
164				}
165			</script>
165
166		</div>
167	</body>
168</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.