1<!DOCTYPE html><html lang="en-IN" class="dark" data-theme="dark" data-palette="emerald" style=""><head> 2 <!-- Google Tag Manager will be loaded conditionally after cookie consent via cookie-consent.tsx --> 3 <!-- GTM ID: GTM-PCJDRDWP --> 4 5 <meta charset="UTF-8"> 6 7 <!-- Theme init: set light/dark class before first paint so the loader matches the app theme (defaults to dark) --> 8
8<script> 9 (function () { 10 try { 11 var t = localStorage.getItem('vite-ui-theme') || 'dark'; 12 if (t === 'system') { 13 t = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; 14 } 15 document.documentElement.classList.add(t === 'dark' ? 'dark' : 'light'); 16 document.documentElement.setAttribute('data-theme', t === 'dark' ? 'dark' : 'light'); 17 18 var palette = localStorage.getItem('vite-ui-palette') || 'emerald'; 19 document.documentElement.setAttribute('data-palette', palette); 20 21 var canvases = { 22 classic: ['#dee3ea', '#111827', '#3b3b3b', '#ffffff'], 23 emerald: ['#F1F5F3', '#0B1210', '#17251F', '#EAF3EF'], 24 ocean: ['#EFF5F6', '#0A1214', '#0F2A33', '#EAF2F4'], 25 indigo: ['#F3F4F9', '#0C0E16', '#1A1F3A', '#ECEEF6'], 26 terracotta: ['#F8F4EF', '#131009', '#241A12', '#F3EEE7'], 27 plum: ['#F7F3F7', '#120D13', '#2A1A2C', '#F2ECF2'], 28 slate: ['#F4F6F8', '#0D1013', '#1A2430', '#ECF0F4'] 29 }; 30 var c = canvases[palette] || canvases.emerald; 31 var dark = t === 'dark'; 32 document.documentElement.style.setProperty('--bg-canvas', dark ? c[1] : c[0]); 33 document.documentElement.style.setProperty('--text-primary', dark ? c[3] : c[2]); 34 } catch (e) { 35 document.documentElement.classList.add('dark'); 36 document.documentElement.setAttribute('data-theme', 'dark'); 37 document.documentElement.setAttribute('data-palette', 'emerald'); 38 document.documentElement.style.setProperty('--bg-canvas', '#0B1210'); 39 document.documentElement.style.setProperty('--text-primary', '#EAF3EF'); 40 } 41 })(); 42 </script>
42 43 44 <!-- Performance: Preconnect to critical origins --> 45 <link rel="preconnect" href="https://api.fonadalabs.ai" crossorigin=""> 46 <link rel="preconnect" href="https://dizrnykeptkdtyivkrjo.supabase.co" crossorigin=""> 47 <link rel="preconnect" href="https://fonts.googleapis.com"> 48 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 49 <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,700;12..96,800&family=Geist:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"> 50 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2"> 51 <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png?v=2"> 52 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2"> 53 <!-- Performance: preload the app-shell logo so it paints immediately --> 54 <link rel="preload" as="image" href="/Fonadalabs-icon.png" type="image/png" fetchpriority="high"> 55 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 56 <title>FonadaLabs - Best AI Voice Solutions in India</title> 57 58 59 60 <!-- Open Graph --> 61 62 63 64 <meta property="og:site_name" content="FonadaLabs"> 65 <meta property="og:type" content="website"> 66 <meta property="og:locale" content="en_IN"> 67 <meta property="og:image" content="https://fonadalabs.ai/og-image.png"> 68 <meta property="og:image:width" content="1200"> 69 <meta property="og:image:height" content="630"> 70 <meta property="og:image:alt" content="FonadaLabs - Best AI Voice Solutions in India"> 71 72 <!-- Twitter --> 73 <meta name="twitter:card" content="summary_large_image"> 74 75 76 <meta name="twitter:image" content="https://fonadalabs.ai/og-image.png"> 77 <meta name="twitter:site" content="@Fonada_com"> 78 79 80 <!-- Robots --> 81 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 82 83 <!-- Structured Data: Organization --> 84
84<script type="application/ld+json"> 85 { 86 "@context": "https://schema.org", 87 "@type": "Organization", 88 "@id": "https://fonadalabs.ai/#organization", 89 "name": "FonadaLabs", 90 "legalName": "Shivtel Communications Pvt. Ltd.", 91 "url": "https://fonadalabs.ai", 92 "logo": { 93 "@type": "ImageObject", 94 "url": "https://fonadalabs.ai/Fonadalabs-Black-logo.png", 95 "width": 2103, 96 "height": 227 97 }, 98 "description": "India's voice AI platform. TTS, ASR, Voice Cloning, Podcast Studio, Dubbing, and Noise Cancellation APIs for 23 Indian languages.", 99 "foundingDate": "2024", 100 "areaServed": ["IN", "Worldwide"], 101 "parentOrganization": { 102 "@type": "Organization", 103 "name": "Shivtel Communications Pvt. Ltd.", 104 "url": "https://fonada.com" 105 }, 106 "sameAs": [ 107 "https://fonada.com", 108 "https://fonada.ai", 109 "https://twitter.com/Fonada_com", 110 "https://www.facebook.com/Fonadaa/", 111 "https://www.linkedin.com/company/fonada", 112 "https://www.instagram.com/fonada_com", 113 "https://www.youtube.com/@fonadaai" 114 ], 115 "address": { 116 "@type": "PostalAddress", 117 "streetAddress": "First Floor, ADD India Tower, Plot No. A-6A, Sector-125", 118 "addressLocality": "Noida", 119 "addressRegion": "Uttar Pradesh", 120 "postalCode": "201303", 121 "addressCountry": "IN" 122 }, 123 "contactPoint": [ 124 { 125 "@type": "ContactPoint", 126 "telephone": "+91-1800-1200-081", 127 "contactType": "customer support", 128 "areaServed": "IN", 129 "availableLanguage": ["en", "hi"] 130 }, 131 { 132 "@type": "ContactPoint", 133 "telephone": "+91-79981-79981", 134 "contactType": "sales", 135 "areaServed": "IN", 136 "availableLanguage": ["en", "hi"] 137 } 138 ] 139 } 140 </script>
140 141 142 <!-- Structured Data: WebSite --> 143
143<script type="application/ld+json"> 144 { 145 "@context": "https://schema.org", 146 "@type": "WebSite", 147 "@id": "https://fonadalabs.ai/#website", 148 "name": "FonadaLabs", 149 "url": "https://fonadalabs.ai", 150 "publisher": { 151 "@id": "https://fonadalabs.ai/#organization" 152 } 153 } 154 </script>
154 155 156 <!-- Critical inline CSS: paints the app shell before the JS/CSS bundle loads --> 157 <style> 158 /* Reset default browser margin/padding so no white frame flashes on refresh */ 159 html, body { 160 margin: 0; 161 padding: 0; 162 min-height: 100%; 163 background: var(--bg-canvas, #F1F5F3); 164 } 165 #root { 166 min-height: 100vh; 167 } 168 #app-shell { 169 min-height: 100vh; 170 width: 100%; 171 display: flex; 172 align-items: center; 173 justify-content: center; 174 background: var(--bg-canvas, #F1F5F3); 175 font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; 176 } 177 #app-shell .shell-logo { 178 width: 96px; 179 height: 96px; 180 opacity: 0.9; 181 } 182 #app-shell .shell-title { 183 color: var(--text-primary, #17251F); 184 font-size: 1.25rem; 185 font-weight: 600; 186 margin-top: 1rem; 187 letter-spacing: 0.02em; 188 } 189 </style> 190
190<script type="module" crossorigin="" src="/assets/index-BgaYA15b.js"></script>
190 191 <link rel="modulepreload" crossorigin="" href="/assets/react-vendor-6oUXGUve.js"> 192 <link rel="modulepreload" crossorigin="" href="/assets/framer-DbXnyaUo.js"> 193 <link rel="modulepreload" crossorigin="" href="/assets/supabase-Cn3sO8Aj.js"> 194 <link rel="modulepreload" crossorigin="" href="/assets/ui-vendor-BqCI4N8J.js"> 195 <link rel="stylesheet" crossorigin="" href="/assets/index-ByChKm5e.css"> 196 <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> 197 <style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
197left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
197:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
197--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 198</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/HomePage-DoSp3EjH.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/card-CDi7T-Pi.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/tts-voice-demo-VcW-sX4J.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/textarea-CJ_jjFx9.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/label-B9sV5E8W.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/searchable-select-xESo8h4g.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/dialog-ByArM3dp.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/alert-vKv5o8dl.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/analytics-B5e7BPsp.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/tts-http-Dspkg6EF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/product-page-theme-DvHH21qn.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/noise-cancellation-demo-C42NPPVY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/input-CDrOhMxM.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/validation-FQvomRSq.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/checkbox-CRVzWMGw.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-D9ndYREY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/use-dubbing-samples-D_iSr2PM.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/VoiceCloneDemo-XMn-n5A6.js"><link rel="stylesheet" crossorigin="" href="/assets/VoiceCloneDemo-DnSNnjeC.css"><link rel="modulepreload" as="script" crossorigin="" href="/assets/footer-CvKw15yO.js">
198<link rel="modulepreload" as="script" crossorigin="" href="/assets/SEO-DH6BzfE6.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/seo-config-H7PCm9DL.js"><link rel="canonical" href="https://fonadalabs.ai/" data-rh="true"><meta name="description" content="Voice clone and TTS in 50+ languages, speech-to-text in 23. Noise cancellation and Podcast Studio. 8,000 free credits." data-rh="true"><meta property="og:title" content="FonadaLabs - Best AI Voice Solutions in India" data-rh="true"><meta property="og:description" content="Voice clone and TTS in 50+ languages, speech-to-text in 23. Noise cancellation and Podcast Studio. 8,000 free credits." data-rh="true"><meta property="og:url" content="https://fonadalabs.ai/" data-rh="true"><meta property="og:image" content="https://fonadalabs.ai/og-image.png" data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:site_name" content="FonadaLabs" data-rh="true"><meta property="og:locale" content="en_IN" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:title" content="FonadaLabs - Best AI Voice Solutions in India" data-rh="true"><meta name="twitter:description" content="Voice clone and TTS in 50+ languages, speech-to-text in 23. Noise cancellation and Podcast Studio. 8,000 free credits." data-rh="true"><meta name="twitter:image" content="https://fonadalabs.ai/og-image.png" data-rh="true"><meta name="twitter:site" content="@Fonada_com" data-rh="true"><meta name="twitter:creator" content="@Fonada_com" data-rh="true"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" data-rh="true">
198<script src="/wavtools.js" async=""></script>
198<script type="module" src="/widget.js" async=""></script>
198</head> 199 <body> 200 <!-- Google Tag Manager (noscript) will be added conditionally after cookie consent --> 201 202 <div id="root"><style> 203 #main-site-navbar { 204 visibility: visible !important; 205 opacity: 1 !important; 206 z-index: 99999 !important; 207 } 208 209 /* Target header row that widget scripts may hide */ 210 #main-site-navbar > div > div { 211 display: flex !important; 212 align-items: center !important; 213 } 214 215 #main-site-navbar .hidden { 216 display: none !important; 217 } 218 219 @media (min-width: 768px) { 220 #main-site-navbar .md\:block { 221 display: block !important; 222 } 223 #main-site-navbar .md\:flex { 224 display: flex !important; 225 } 226 #main-site-navbar .md\:hidden { 227 display: none !important; 228 } 229 } 230 231 [data-mobile-drawer-overlay] { 232 z-index: 100000 !important; 233 } 234 235 [data-mobile-drawer-panel] { 236 z-index: 100001 !important; 237 } 238 </style><header id="main-site-navbar" class="fixed top-0 left-0 right-0 z-[200] flex h-14 items-center gap-2 border-b border-studio-border bg-[color-mix(in_srgb,var(--bg-canvas)_80%,transparent)] px-3 backdrop-blur-[14px] sm:h-[58px] sm:gap-3.5 sm:px-5"><a class="flex min-w-0 shrink-0 items-center" aria-label="FonadaLabs home" href="/"><img src="/Fonadalabs-white-white-logo.png" alt="FonadaLabs" width="2103" height="227" class="h-6 w-auto max-w-[148px] object-contain object-left sm:h-7 sm:max-w-[200px]"></a><nav aria-label="Site" class="min-w-0 flex-1 items-center justify-center gap-0.5 flex xl:gap-2"><button type="button" class="text-studio-muted hover:text-studio-text px-2 py-1.5 text-[16px] font-semibold transition-colors whitespace-nowrap flex cursor-pointer items-center gap-0.5" id="radix-:r0:" aria-haspopup="menu" aria-expanded="false" data-state="closed">Products <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 lucide-chevron-down h-3.5 w-3.5"><path d="m6 9 6 6 6-6"></path></svg></button><a class="text-studio-muted hover:text-studio-text px-2 py-1.5 text-[16px] font-semibold transition-colors whitespace-nowrap" href="/plans">Plans</a><a class="text-studio-muted hover:text-studio-text px-2 py-1.5 text-[16px] font-semibold transition-colors whitespace-nowrap" href="/docs">Docs</a><a class="text-studio-muted hover:text-studio-text px-2 py-1.5 text-[16px] font-semibold transition-colors whitespace-nowrap" href="/blog">Blogs</a><a class="text-studio-muted hover:text-studio-text px-2 py-1.5 text-[16px] font-semibold transition-colors whitespace-nowrap" href="/contact">Contact</a></nav><div class="ml-auto flex items-center gap-1.5 sm:gap-2.5"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 gap-1.5 text-studio-muted hover:text-studio-text h-9 rounded-full border border-studio-border bg-studio-surface px-3 shadow-card hover:bg-studio-elevated" aria-label="Change color theme" title="Color theme" type="button" id="radix-:r2:" aria-haspopup="menu" aria-expanded="false" data-state="closed"><span aria-hidden="true" class="h-3.5 w-3.5 shrink-0 rounded-full border-2 border-studio-border shadow-sm" style="background: rgb(14, 159, 110);"></span><span class="max-w-[72px] truncate text-xs font-medium">Emerald</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 lucide-chevron-down h-3 w-3 opacity-60"><path d="m6 9 6 6 6-6"></path></svg></button><button type="button" aria-label="Toggle theme" class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-studio-border bg-studio-surface text-studio-muted shadow-card hover:bg-studio-elevated hover:text-studio-text"><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 lucide-sun h-4 w-4"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><a class="border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm transition-all duration-200 inline-flex h-8 items-center gap-1.5 rounded-full px-3 text-[12px] font-semibold sm:h-9 sm:text-[13px]" href="/login?source=navbar"><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 lucide-user h-3.5 w-3.5"><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>Login / Sign Up</a></div></header><main class="min-h-screen bg-studio-canvas"><section class="relative pt-28 md:pt-32 pb-16 md:pb-20 px-2 sm:px-4 overflow-hidden marketing-hero-bg"><div class="top-16 left-[8%] absolute w-64 h-64 md:w-96 md:h-96 bg-brand/10 rounded-full blur-3xl pointer-events-none" style="transform: translateX(0.0006479px) translateY(-0.0004319px);"></div>
238<div class="absolute top-32 right-[10%] w-64 h-64 rounded-full bg-gradient-to-br from-brand/12 to-brand/5 blur-3xl" style="transform: translateX(-0.0003615px) translateY(0.0004338px);"></div><div class="absolute bottom-20 left-[25%] w-80 h-80 rounded-full bg-gradient-to-br from-brand/10 to-brand/5 blur-3xl" style="transform: translateX(0.0006031px) translateY(0.0004523px);"></div><div class="max-w-7xl mx-auto relative z-10"><div class="mb-10 md:mb-12 lg:mb-14 px-2 sm:px-0 py-5" style="opacity: 0; transform: translateY(21.9693px);"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-12 xl:gap-16 items-start lg:items-center"><h1 class="text-left text-3xl sm:text-4xl md:text-4xl lg:text-4xl xl:text-5xl tracking-tight leading-[1.1] font-bold text-studio-text">Sound travels, Your product should keep up</h1><p class="text-left text-base sm:text-lg leading-relaxed max-w-xl text-studio-muted">Pair accurate speech-to-text and clean source audio with cloning, TTS, and dedicated video dubbing, plus Podcast Studio when the format is audio-first. Built for localization teams and builders who care how dubbing actually sounds.</p></div></div><div class="rounded-2xl border border-studio-border bg-studio-surface shadow-sm backdrop-blur-sm p-3 sm:p-4 md:p-5"><div class="w-full flex justify-center mb-5 px-1" style="opacity: 0; transform: translateY(16px);"><div class="flex w-full sm:w-auto sm:inline-flex flex-shrink-0 items-center gap-0.5 sm:gap-1 p-1 sm:p-1.5 rounded-2xl marketing-tab-shell backdrop-blur-xl shadow-lg shadow-brand/5"><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm transition-all duration-300 cursor-pointer whitespace-nowrap border-2 border-brand/40 bg-brand/10 text-brand shadow-sm font-medium"><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 lucide-audio-waveform w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2"></path></svg><span class="hidden sm:inline">Voice Clone</span></button><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm duration-300 cursor-pointer whitespace-nowrap bg-studio-elevated/70 text-studio-muted border border-studio-border hover:bg-studio-elevated hover:text-studio-text transition-colors"><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 lucide-mic w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg><span class="hidden sm:inline">Voice Pipeline</span></button><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm duration-300 cursor-pointer whitespace-nowrap bg-studio-elevated/70 text-studio-muted border border-studio-border hover:bg-studio-elevated hover:text-studio-text transition-colors"><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 lucide-phone w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span class="hidden sm:inline">Telephony Bot</span></button><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm duration-300 cursor-pointer whitespace-nowrap bg-studio-elevated/70 text-studio-muted border border-studio-border hover:bg-studio-elevated hover:text-studio-text transition-colors"><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 lucide-volume2 w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg><span class="hidden sm:inline">Text to Speech</span></button><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm duration-300 cursor-pointer whitespace-nowrap bg-studio-elevated/70 text-studio-muted border border-studio-border hover:bg-studio-elevated hover:text-studio-text transition-colors"><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 lucide-shield-check w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="hidden sm:inline">Noise Cancellation</span></button><button class="relative flex flex-1 sm:flex-none items-center justify-center gap-1.5 sm:gap-1.5 px-1.5 sm:px-3 md:px-4 py-2 sm:py-2.5 rounded-xl text-[11px] sm:text-sm duration-300 cursor-pointer whitespace-nowrap bg-studio-elevated/70 text-studio-muted border border-studio-border hover:bg-studio-elevated hover:text-studio-text transition-colors"><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 lucide-languages w-3.5 h-3.5 sm:w-4 sm:h-4 flex-shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="hidden sm:inline">AI Dubbing</span></button></div></div><div id="demo" style="opacity: 0; transform: translateY(20px);"><div class="max-w-4xl mx-auto w-full min-w-0 hidden"><div class="rounded-lg border text-card-foreground shadow-sm overflow-x-clip overflow-y-visible border-none bg-transparent"><div class="w-full min-w-0 px-1 py-2 sm:px-6 sm:py-3 md:py-4"><div class="flex flex-col items-center justify-center gap-0 w-full min-w-0"><div class="relative flex items-center justify-center mx-auto origin-center scale-[0.78] sm:scale-[0.88] md:scale-[0.82] lg:scale-[0.9]" style="width: 240px; height: 240px;"><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="w-36 h-36 sm:w-44 sm:h-44 rounded-full bg-brand/5 blur-2xl"></div></div><div class="absolute rounded-full border border-dashed border-brand/10 dark:border-brand/15" style="width: 288px; height: 288px; top: 50%; left: 50%; margin-top: -144px; margin-left: -144px;"></div><div class="absolute rounded-full border border-dashed border-brand/10" style="width: 216px; height: 216px; top: 50%; left: 50%; margin-top: -108px; margin-left: -108px;"></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(2.88deg);"><div style="position: absolute; top: -48px; left: -3px; width: 6px; height: 6px; border-radius: 50%;
238 background: rgb(var(--color-brand)); box-shadow: 0 0 8px 4px rgb(var(--color-brand-hover));"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(182.88deg);"><div style="position: absolute; top: -48px; left: -3px; width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--color-brand)); box-shadow: 0 0 8px 4px rgb(var(--color-brand-hover));"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(1.85143deg);"><div style="position: absolute; top: -72px; left: -2.5px; width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 6px 3px var(--chart-2);"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(121.851deg);"><div style="position: absolute; top: -72px; left: -2.5px; width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 6px 3px var(--chart-2);"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(241.851deg);"><div style="position: absolute; top: -72px; left: -2.5px; width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 6px 3px var(--chart-2);"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(61.1782deg);"><div style="position: absolute; top: -100px; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px 5px var(--accent);"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(30.81deg);"><div style="position: absolute; top: -128px; left: -2px; width: 4px; height: 4px; border-radius: 50%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 5px 2.5px rgb(var(--color-brand));"></div></div><div style="position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform-origin: 0px 0px; transform: rotate(210.81deg);"><div style="position: absolute; top: -128px; left: -2px; width: 4px; height: 4px; border-radius: 50%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 5px 2.5px rgb(var(--color-brand));"></div></div><div class="absolute rounded-full border border-brand/20 dark:border-brand/30" style="width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; transform: scale(1.0325);"></div><div class="absolute rounded-full border border-brand/20 dark:border-brand/30" style="width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; transform: none;"></div><div class="absolute rounded-full border border-brand/20 dark:border-brand/30" style="width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; transform: none;"></div><div class="absolute rounded-full border border-brand/15" style="width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; transform: scale(1.01347);"></div><div class="absolute rounded-full border border-brand/15" style="width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; transform: none;"></div><div class="absolute w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-brand via-brand to-brand-light opacity-40 blur-xl pointer-events-none"></div><div id="inline-widget-container" class="relative z-10 flex items-center justify-center h-20 w-20 [&_.status-text-overlay]:hidden [&_.widget-main]:flex [&_.widget-main]:items-center [&_.widget-main]:justify-center [&_.widget-main]:!bg-gradient-to-br [&_.widget-main]:!from-brand [&_.widget-main]:!via-brand [&_.widget-main]:!to-brand-light [&_.widget-main]:!border-0 [&_.widget-main]:!shadow-[0_0_40px_color-mix(in_srgb,rgb(var(--color-brand))_20%,transparent)] [&_.widget-icon]:!text-white [&_.widget-icon_.icon]:!fill-white"></div></div><span class="text-xs font-medium tracking-wide transition-colors duration-300 mt-5 mb-0 text-studio-muted">Click to Begin Conversation</span></div><div class="flex flex-wrap items-center justify-center gap-3 sm:gap-4 md:gap-6 mt-3 sm:mt-4 pt-3 sm:pt-4 border-t border-studio-border"><div class="flex items-center gap-1.5 sm:gap-2"><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 lucide-activity w-3 h-3 sm:w-3.5 sm:h-3.5 text-studio-muted"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l
238-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><div class="flex items-baseline gap-1 sm:gap-1.5"><span class="text-xs sm:text-sm font-bold text-studio-text"><300ms</span><span class="text-[9px] sm:text-[10px] text-studio-muted uppercase tracking-wide">Latency</span></div></div><div class="flex items-center gap-1.5 sm:gap-2"><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 lucide-globe w-3 h-3 sm:w-3.5 sm:h-3.5 text-studio-muted"><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><div class="flex items-baseline gap-1 sm:gap-1.5"><span class="text-xs sm:text-sm font-bold text-studio-text">50+/23</span><span class="text-[9px] sm:text-[10px] text-studio-muted uppercase tracking-wide">TTS / STT</span></div></div><div class="flex items-center gap-1.5 sm:gap-2"><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 lucide-zap w-3 h-3 sm:w-3.5 sm:h-3.5 text-studio-muted"><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 class="flex items-baseline gap-1 sm:gap-1.5"><span class="text-xs sm:text-sm font-bold text-studio-text">99.9%</span><span class="text-[9px] sm:text-[10px] text-studio-muted uppercase tracking-wide">Uptime</span></div></div><div class="flex items-center gap-1.5 sm:gap-2"><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 lucide-radio w-3 h-3 sm:w-3.5 sm:h-3.5 text-studio-muted"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg><div class="flex items-baseline gap-1 sm:gap-1.5"><span class="text-xs sm:text-sm font-bold text-studio-text">Real-time</span><span class="text-[9px] sm:text-[10px] text-studio-muted uppercase tracking-wide">Streaming</span></div></div></div></div></div></div><div class="text-left [&>section]:py-0 [&>section]:px-0 [&>section]:bg-none [&>section]:bg-transparent [&>section>.absolute]:hidden [&_.mb-12]:hidden hidden"><section id="tts-demo" class="relative py-20 px-4 bg-gradient-to-b from-transparent via-brand/10 to-transparent overflow-hidden"><div class="top-1/4 left-10 absolute w-64 h-64 md:w-96 md:h-96 bg-brand/10 rounded-full blur-3xl pointer-events-none"></div><div class="absolute bottom-1/4 right-10 w-96 h-96 bg-brand/10 rounded-full blur-3xl"></div><div class="max-w-4xl mx-auto relative z-10"><div class="text-center mb-12" style="opacity: 0; transform: translateY(20px);"><div class="inline-flex items-center rounded-full focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 mb-4 px-4 py-2 text-sm font-semibold text-brand bg-brand/10 border border-brand/20 transition-all duration-300">ð¤ Text-to-Speech Demo</div><h2 class="text-3xl md:text-5xl font-bold text-studio-text mb-6">Natural Indian Voices</h2><p class="text-xl text-studio-muted max-w-2xl mx-auto">Experience our high-quality text-to-speech with authentic Indian voice models. Type any text and hear it spoken naturally.</p></div><div style="opacity: 0; transform: scale(0.95);"><div class="text-card-foreground overflow-hidden rounded-2xl border border-studio-border bg-studio-surface shadow-sm"><div class="flex flex-col space-y-1.5 p-6 border-b border-studio-border/70 bg-studio-inset/50 px-5 py-4 md:px-6"><h3 class="tracking-tight flex items-center gap-3 text-[15px] font-semibold text-studio-text md:text-base"><div class="border-2 border-brand text-brand bg-transparent flex h-9 w-9 items-center justify-center rounded-xl"><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 lucide-volume2 h-4 w-4 text-brand"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div>Text-to-Speech Synthesis</h3></div><div class="space-y-6 p-5 md:p-6"><div class="space-y-2"><div class="flex items-center justify-between gap-3"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-[12.5px] font-medium text-studio-text" for="tts-text">Enter text to synthesize</label><span class="font-mono text-[11px] text-studio-muted">0/450</span></div><textarea class="flex w-full border ring-offset-background focus-visible:outline-none focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 min-h-[132px] resize-none rounded-xl border-studio-border bg-studio-inset px-3.5 py-3 text-sm leading-relaxed text-studio-text placeholder:text-studio-muted focus-visible:border-brand/50 focus-visible:ring-2 focus-visible:ring-brand/20" id="tts-text" placeholder="Type your message here..." rows="5" maxlength="450"></textarea></div><div class="space-y-3"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium text-studio-text">Quick samples</label><div class="flex flex-wrap gap-2"></div></div>
238<div class="grid grid-cols-1 gap-4 rounded-xl border border-studio-border/70 bg-studio-inset/40 p-3.5 md:grid-cols-2 md:gap-5 md:p-4"><div class="space-y-1.5"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-[12.5px] font-medium text-studio-text" for="language-select">Language</label><button type="button" id="language-select" role="combobox" aria-expanded="false" aria-label="Select a language" disabled="" class="flex w-full items-center justify-between gap-2 border-2 px-3 py-2 text-sm text-studio-text ring-offset-background focus:outline-none focus:ring-2 focus:ring-brand/20 focus:border-brand/45 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-brand/5 hover:border-brand/40 h-10 rounded-lg border-studio-border bg-studio-surface" aria-haspopup="dialog" aria-controls="radix-:r4:" data-state="closed"><span class="flex min-w-0 items-center gap-2 truncate text-studio-muted"><span class="truncate">Loading languages...</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 lucide-chevrons-up-down h-4 w-4 shrink-0 text-studio-muted"><path d="m7 15 5 5 5-5"></path><path d="m7 9 5-5 5 5"></path></svg></button><p class="text-xs text-studio-muted">Loading languages...</p></div><div class="space-y-1.5"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-[12.5px] font-medium text-studio-text" for="voice-select">Voice</label><button type="button" id="voice-select" role="combobox" aria-expanded="false" aria-label="Select a voice" disabled="" class="flex w-full items-center justify-between gap-2 border-2 px-3 py-2 text-sm text-studio-text ring-offset-background focus:outline-none focus:ring-2 focus:ring-brand/20 focus:border-brand/45 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-brand/5 hover:border-brand/40 h-10 rounded-lg border-studio-border bg-studio-surface" aria-haspopup="dialog" aria-controls="radix-:r5:" data-state="closed"><span class="flex min-w-0 items-center gap-2 truncate text-studio-muted"><span class="truncate">Select a language first</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 lucide-chevrons-up-down h-4 w-4 shrink-0 text-studio-muted"><path d="m7 15 5 5 5-5"></path><path d="m7 9 5-5 5 5"></path></svg></button><p class="text-xs text-studio-muted">Loading voices for ...</p></div></div><div class="space-y-3"><div class="relative"><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none px-4 py-2 relative h-11 w-full overflow-hidden rounded-xl text-sm disabled:cursor-not-allowed disabled:opacity-50 border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-all duration-200" disabled=""><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 lucide-volume2 mr-2 h-5 w-5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>Generate Audio</button></div></div><div class="border-t border-studio-border/70 pt-4 text-center"><p class="text-[11px] tracking-wide text-studio-muted">All voice synthesis processed in India ð®ð³ · Ultra-low latency streaming</p></div></div></div></div></div><audio class="hidden"></audio></section></div><div class="text-left [&>section]:py-0 [&>section]:px-0 [&>section]:bg-none [&>section]:bg-transparent [&>section>.absolute]:hidden [&_.mb-12]:hidden hidden"><section id="noise-demo" class="relative py-20 px-4 bg-gradient-to-b from-brand/5 via-muted/30 to-transparent overflow-hidden"><div class="absolute top-20 right-10 w-96 h-96 bg-brand/10 rounded-full blur-3xl"></div><div class="absolute bottom-20 left-10 w-96 h-96 bg-brand/10 rounded-full blur-3xl"></div><div class="max-w-4xl mx-auto relative z-10"><div class="text-center mb-12" style="opacity: 0; transform: translateY(20px);"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 mb-4 px-4 py-2 text-sm font-semibold bg-brand/10 text-brand border border-brand/30">ð¡ï¸ Noise Cancellation Demo</div><h2 class="text-3xl md:text-5xl font-bold text-foreground mb-6">AI-Powered Noise Reduction</h2><p class="text-xl text-muted-foreground max-w-2xl mx-auto">Upload your noisy audio file and experience our advanced noise cancellation technology. Compare the original with our AI-processed version.</p></div><div style="opacity: 0; transform: scale(0.95);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm border-none"><div class="flex flex-col space-y-1.5 p-6"><h3 class="text-2xl font-semibold leading-none tracking-tight flex items-center gap-3"><div class="bg-primary/10 p-2 rounded-full"><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 lucide-volume2 h-6 w-6 text-primary"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div>Upload & Process Audio</h3></div><div class="p-6 pt-0 space-y-6"><div class="space-y-4"><div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="audio-upload">Upload Audio File</label><div class="flex items-center gap-4"><input type="file" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm r
238ing-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 flex-1" id="audio-upload" accept=".mp3,.wav,audio/mp3,audio/wav,audio/mpeg,audio/x-wav"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 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 lucide-upload w-4 h-4 mr-2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg>Browse</button></div><p class="text-sm text-muted-foreground">Supported formats: MP3, WAV (max 4MB)</p></div><div class="bg-studio-inset/40 border border-studio-border rounded-lg p-3 w-full sm:w-fit"><div class="flex items-center gap-3"><div class="bg-brand/10 p-1.5 rounded-full 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 lucide-volume2 w-3 h-3 text-brand"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div><div class="flex-1 min-w-0"><h4 class="font-medium text-studio-text text-sm">Try Sample Audio</h4><p class="text-xs text-studio-muted">Wind noise sample for testing</p></div><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-9 rounded-md shrink-0 text-xs px-3 py-1.5 border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-all duration-200"><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 lucide-download w-3 h-3 mr-1"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>Download</button></div></div></div><div class="text-center pt-4 border-t"><p class="text-sm text-muted-foreground">Real-time noise cancellation ⢠Processed in India ð®ð³ ⢠Production-ready quality</p></div></div></div></div></div></section></div><div class="max-w-4xl mx-auto w-full min-w-0 hidden"><div class="rounded-lg border text-card-foreground shadow-sm overflow-x-clip overflow-y-visible border-none bg-transparent"><div class="w-full min-w-0 px-1 py-2 sm:px-6 sm:py-3 md:py-4"><div class="grid grid-cols-1 md:grid-cols-[1fr_1.1fr] gap-6 md:gap-8 items-center min-w-0"><div class="flex flex-col items-center justify-center order-2 md:order-1 min-w-0"><div class="relative flex items-center justify-center mb-4 sm:mb-5 scale-[0.82] sm:scale-90 md:scale-[0.88] lg:scale-95 origin-center"><div class="absolute w-36 h-36 sm:w-44 sm:h-44 md:w-48 md:h-48 rounded-full bg-brand/5 blur-2xl"></div><div class="absolute w-32 h-32 sm:w-36 sm:h-36 md:w-40 md:h-40 rounded-full border border-brand/20" style="transform: scale(1.00852);"></div><div class="absolute w-32 h-32 sm:w-36 sm:h-36 md:w-40 md:h-40 rounded-full border border-brand/20" style="transform: none;"></div><div class="absolute w-32 h-32 sm:w-36 sm:h-36 md:w-40 md:h-40 rounded-full border border-brand/20" style="transform: none;"></div><div class="absolute w-36 h-36 sm:w-40 sm:h-40 md:w-44 md:h-44" style="transform: rotate(0.925714deg);"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-2 h-2 rounded-full bg-brand shadow-[0_0_12px_color-mix(in_srgb,rgb(var(--color-brand)
238)_60%,transparent)]"></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full bg-brand-light shadow-[0_0_10px_color-mix(in_srgb,rgb(var(--color-brand-light))_50%,transparent)]"></div></div><div class="relative w-20 h-20 sm:w-24 sm:h-24 md:w-28 md:h-28 rounded-full bg-gradient-to-br from-brand via-brand to-brand-light shadow-[0_0_40px_color-mix(in_srgb,rgb(var(--color-brand))_20%,transparent)] flex items-center justify-center" style="transform: scale(1.00003);"><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 lucide-phone w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 text-white dark:text-accent-fg drop-shadow-lg"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div></div><div class="grid grid-cols-3 gap-2 sm:gap-3 w-full max-w-xs min-w-0 mt-10"><div class="text-center px-2 py-2 rounded-lg bg-studio-inset border border-studio-border"><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 lucide-phone w-3 h-3 text-brand mx-auto mb-1"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><p class="text-sm font-bold text-studio-text"><30s</p><p class="text-[8px] sm:text-[9px] uppercase tracking-wider text-studio-muted">Call back</p></div><div class="text-center px-2 py-2 rounded-lg bg-studio-inset border border-studio-border"><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 lucide-globe w-3 h-3 text-brand mx-auto mb-1"><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><p class="text-sm font-bold text-studio-text">50+/23</p><p class="text-[8px] sm:text-[9px] uppercase tracking-wider text-studio-muted">TTS / STT</p></div><div class="text-center px-2 py-2 rounded-lg bg-studio-inset border border-studio-border"><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 lucide-zap w-3 h-3 text-brand mx-auto mb-1"><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><p class="text-sm font-bold text-studio-text">Live</p><p class="text-[8px] sm:text-[9px] uppercase tracking-wider text-studio-muted">AI Agent</p></div></div></div><div class="order-1 md:order-2 min-w-0"><div class="mb-4 sm:mb-5"><div class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-brand/10 mb-2 sm:mb-3"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-brand"></span></span><span class="text-[11px] font-semibold uppercase tracking-wider text-brand">Live Demo</span></div><h2 class="text-lg sm:text-xl md:text-2xl font-bold text-studio-text mb-2 leading-tight">Experience Voice AI <span class="text-brand">on Your Phone</span></h2><p class="text-sm text-studio-muted leading-relaxed">Enter your number and get a real AI-powered call within 30 seconds â hear noise cancellation, speech recognition, and natural TTS live.</p></div><div class="space-y-6"><div class="space-y-5" style="opacity: 0; transform: translateY(15.3378px);"><form class="space-y-5"><div class="space-y-1.5"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium text-studio-text" for="phone">Phone Number</label><div class="flex gap-2"><div class="relative flex-1"><div class="absolute left-3 top-1/2 -translate-y-1/2 flex items-center gap-1.5 text-sm pointer-events-none text-studio-muted"><span>ð®ð³</span><span class="font-medium">+91</span><span class="text-studio-border">|</span></div><input class="flex w-full border px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 pl-[5.5rem] h-12 text-base bg-studio-elevated border-studio-border text-studio-text placeholder:text-studio-muted rounded-xl focus:border-brand/50 focus:ring-brand/20 transition-all" id="phone" name="phone" placeholder="9876543210" maxlength="10"></div><button class="inline-flex items-center justify-center whitespace-nowrap text-sm r
238ing-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none hover:text-accent-foreground py-2 h-12 px-5 rounded-xl border-2 border-studio-border/60 bg-studio-elevated/50 text-studio-text hover:bg-studio-elevated hover:border-brand/30 font-semibold transition-all duration-200 backdrop-blur-sm disabled:opacity-40" type="button" disabled="">Send OTP</button></div></div><div class="flex items-start gap-2.5"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground mt-0.5 border-studio-border data-[state=checked]:bg-brand data-[state=checked]:border-brand" id="consent"></button><input type="checkbox" aria-hidden="true" tabindex="-1" value="on" style="position: absolute; pointer-events: none; opacity: 0; margin: 0px; transform: translateX(-100%); width: 0px; height: 0px;"><label class="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-xs leading-relaxed cursor-pointer text-studio-muted" for="consent">I consent to receive a demo call and agree to the processing of my phone number. Standard call charges may apply.</label></div><div class="flex items-start gap-2 px-3 py-2.5 rounded-lg bg-studio-inset/40 border border-studio-border"><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 lucide-info h-3.5 w-3.5 text-studio-muted mt-0.5 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><p class="text-[11px] text-studio-muted leading-relaxed"><span class="text-studio-text font-medium">India (+91) only.</span> You'll receive a call within 30 seconds. Standard charges may apply.</p></div><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none px-4 py-2 w-full h-12 text-sm rounded-xl border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-all duration-200 disabled:opacity-40 disabled:shadow-none" type="submit" disabled=""><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 lucide-phone mr-2 h-4 w-4"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>Get a Demo Call</button></form></div></div></div></div></div></div></div><div class="max-w-4xl mx-auto w-full min-w-0"><div class="rounded-lg border text-card-foreground shadow-sm overflow-x-clip overflow-y-visible border-none bg-transparent"><div class="w-full min-w-0 px-1 py-2 sm:px-6 sm:py-3 md:py-4"><section class="_vcDemo_udq12_4 "><style>@keyframes vcFloat0{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.39}50%{transform:translate(-32.5px,-9.8px);opacity:0.97}} 239@keyframes vcFloat1{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.68}50%{transform:translate(-25.2px,9.8px);opacity:0.57}} 240@keyframes vcFloat2{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.71}50%{transform:translate(-49.7px,-3.3px);opacity:0.82}} 241@keyframes vcFloat3{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.76}50%{transform:translate(3.2px,-63.0px);opacity:0.50}} 242@keyframes vcFloat4{0%,100%{transform:translate(0,0);opacity:0}
24220%,80%{opacity:0.79}50%{transform:translate(-39.3px,-44.7px);opacity:0.86}} 243@keyframes vcFloat5{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.30}50%{transform:translate(-45.9px,-68.9px);opacity:0.51}} 244@keyframes vcFloat6{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.73}50%{transform:translate(-8.6px,-36.2px);opacity:0.70}} 245@keyframes vcFloat7{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.50}50%{transform:translate(18.1px,-49.7px);opacity:0.83}} 246@keyframes vcFloat8{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.67}50%{transform:translate(25.1px,-26.9px);opacity:0.51}} 247@keyframes vcFloat9{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.55}50%{transform:translate(-12.3px,-77.7px);opacity:0.75}} 248@keyframes vcFloat10{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.39}50%{transform:translate(-27.2px,9.1px);opacity:0.79}} 249@keyframes vcFloat11{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.79}50%{transform:translate(42.8px,-20.9px);opacity:0.92}} 250@keyframes vcFloat12{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.45}50%{transform:translate(-22.7px,-38.3px);opacity:0.48}} 251@keyframes vcFloat13{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.58}50%{transform:translate(-17.5px,17.8px);opacity:0.89}} 252@keyframes vcFloat14{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.61}50%{transform:translate(26.6px,-18.2px);opacity:0.78}} 253@keyframes vcFloat15{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.59}50%{transform:translate(21.1px,3.9px);opacity:0.63}} 254@keyframes vcFloat16{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.74}50%{transform:translate(47.7px,-30.1px);opacity:0.79}} 255@keyframes vcFloat17{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.69}50%{transform:translate(-27.0px,-7.9px);opacity:0.50}} 256@keyframes vcFloat18{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.78}50%{transform:translate(-20.7px,-36.4px);opacity:0.82}} 257@keyframes vcFloat19{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.35}50%{transform:translate(36.6px,-19.7px);opacity:0.47}} 258@keyframes vcFloat20{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.39}50%{transform:translate(-1.2px,-52.4px);opacity:0.78}} 259@keyframes vcFloat21{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.67}50%{transform:translate(-8.9px,-54.7px);opacity:0.48}} 260@keyframes vcFloat22{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.63}50%{transform:translate(-12.2px,-77.7px);opacity:0.61}} 261@keyframes vcFloat23{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.35}50%{transform:translate(-30.6px,-62.3px);opacity:0.59}} 262@keyframes vcFloat24{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.35}50%{transform:translate(-13.0px,-45.1px);opacity:0.48}} 263@keyframes vcFloat25{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.39}50%{transform:translate(-39.3px,18.0px);opacity:0.80}} 264@keyframes vcFloat26{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.34}50%{transform:translate(39.4px,-23.1px);opacity:0.50}} 265@keyframes vcFloat27{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:0.63}50%{transform:translate(49.5px,14.7px);opacity:0.99}} 266</style><div class="_stage_udq12_211"><span class="_recCornerTimer_udq12_472 ">0:00</span><div class="_state_udq12_223 _stateActive_udq12_243"><div class="_orbWrap_udq12_252 "><div class="_orbGlow_udq12_265"></div><div class="_particles_udq12_403"><div class="_particle_udq12_403" style="width: 2.90017px; height: 2.90017px; left: 63.4435%; top: 54.9234%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 8.700502270638857px rgb(var(--color-brand-light)); opacity: 0; animation: 8.63883s ease-in-out 5.14585s infinite normal none running vcFloat0;"></div><div class="_particle_udq12_403" style="width: 3.82976px; height: 3.82976px; left: 16.3465%; top: 67.5777%; background: var(--chart-2); box-shadow: 0 0 11.489277236393704px var(--chart-2); opacity: 0; animation: 14.8471s ease-in-out 1.79384s infinite normal none running vcFloat1;"></div><div class="_particle_udq12_403" style="width: 2.15675px; height: 2.15675px; left: 93.0028%; top: 67.528%; background: var(--chart-2); box-shadow: 0 0 6.470241947255339px var(--chart-2); opacity: 0; animation: 8.89942s ease-in-out 2.07669s infinite normal none running vcFloat2;"></div><div class="_particle_udq12_403" style="width: 4.08275px; height: 4.08275px; left: 24.3877%; top: 60.6476%; background: var(--chart-2); box-shadow: 0 0 12.248239956221825px var(--chart-2); opacity: 0; animation: 8.98551s ease-in-out 7.56663s infinite normal none running vcFloat3;"></div><div class="_particle_udq12_403" style="width: 1.85759px; height: 1.85759px; left: 44.1375%; top: 28.9167%;
266 background: rgb(var(--color-brand)); box-shadow: 0 0 5.572761792641595px rgb(var(--color-brand)); opacity: 0; animation: 9.37145s ease-in-out 3.43094s infinite normal none running vcFloat4;"></div><div class="_particle_udq12_403" style="width: 3.81789px; height: 3.81789px; left: 19.649%; top: 80.8764%; background: var(--chart-2); box-shadow: 0 0 11.45366055249593px var(--chart-2); opacity: 0; animation: 12.6624s ease-in-out 7.83076s infinite normal none running vcFloat5;"></div><div class="_particle_udq12_403" style="width: 3.88552px; height: 3.88552px; left: 30.248%; top: 60.8502%; background: var(--accent); box-shadow: 0 0 11.65656982374561px var(--accent); opacity: 0; animation: 16.5437s ease-in-out 3.25879s infinite normal none running vcFloat6;"></div><div class="_particle_udq12_403" style="width: 4.29907px; height: 4.29907px; left: 46.1104%; top: 62.9688%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 12.897218088623788px rgb(var(--color-brand-light)); opacity: 0; animation: 9.04005s ease-in-out 3.60889s infinite normal none running vcFloat7;"></div><div class="_particle_udq12_403" style="width: 1.93481px; height: 1.93481px; left: 29.0654%; top: 56.4367%; background: var(--chart-2); box-shadow: 0 0 5.804444973452785px var(--chart-2); opacity: 0; animation: 14.0671s ease-in-out 7.04656s infinite normal none running vcFloat8;"></div><div class="_particle_udq12_403" style="width: 2.66716px; height: 2.66716px; left: 56.6928%; top: -0.0817846%; background: rgb(var(--color-brand)); box-shadow: 0 0 8.001483637979993px rgb(var(--color-brand)); opacity: 0; animation: 10.9104s ease-in-out 0.0191505s infinite normal none running vcFloat9;"></div><div class="_particle_udq12_403" style="width: 4.39997px; height: 4.39997px; left: 42.1137%; top: 97.6429%; background: var(--chart-2); box-shadow: 0 0 13.199900589502882px var(--chart-2); opacity: 0; animation: 15.1139s ease-in-out 5.9291s infinite normal none running vcFloat10;"></div><div class="_particle_udq12_403" style="width: 3.25309px; height: 3.25309px; left: 13.8463%; top: 70.0182%; background: var(--accent); box-shadow: 0 0 9.759281471108281px var(--accent); opacity: 0; animation: 12.4534s ease-in-out 2.98588s infinite normal none running vcFloat11;"></div><div class="_particle_udq12_403" style="width: 5.38789px; height: 5.38789px; left: 57.1796%; top: 64.4512%; background: var(--accent); box-shadow: 0 0 16.163669294461144px var(--accent); opacity: 0; animation: 9.91281s ease-in-out 7.88962s infinite normal none running vcFloat12;"></div><div class="_particle_udq12_403" style="width: 3.97246px; height: 3.97246px; left: 27.6859%; top: 29.4073%; background: rgb(var(--color-brand)); box-shadow: 0 0 11.91737912723157px rgb(var(--color-brand)); opacity: 0; animation: 9.43676s ease-in-out 0.165965s infinite normal none running vcFloat13;"></div><div class="_particle_udq12_403" style="width: 4.57207px; height: 4.57207px; left: 51.8827%; top: 65.5883%; background: var(--chart-2); box-shadow: 0 0 13.716200495135173px var(--chart-2); opacity: 0; animation: 12.2073s ease-in-out 5.11468s infinite normal none running vcFloat14;"></div><div class="_particle_udq12_403" style="width: 4.12208px; height: 4.12208px; left: 49.631%; top: 86.6968%; background: var(--chart-2); box-shadow: 0 0 12.366240997473374px var(--chart-2); opacity: 0; animation: 17.3817s ease-in-out 0.223224s infinite normal none running vcFloat15;"></div><div class="_particle_udq12_403" style="width: 3.49422px; height: 3.49422px; left: 40.1902%; top: 65.9191%; background: rgb(var(--color-brand)); box-shadow: 0 0 10.482646216823511px rgb(var(--color-brand)); opacity: 0; animation: 14.2959s ease-in-out 1.6228s infinite normal none running vcFloat16;"></div><div class="_particle_udq12_403" style="width: 3.46795px; height: 3.46795px; left: 70.6704%; top: 39.1657%; background: var(--accent); box-shadow: 0 0 10.403855802989334px var(--accent); opacity: 0; animation: 9.62155s ease-in-out 3.26279s infinite normal none running vcFloat17;"></div><div class="_particle_udq12_403" style="width: 3.62417px; height: 3.62417px; left: 40.5895%; top: 36.2752%; background: var(--accent); box-shadow: 0 0 10.872505161999806px var(--accent); opacity: 0; animation: 11.097s ease-in-out 1.6823s infinite normal none running vcFloat18;"></div><div class="_particle_udq12_403" style="width: 4.62278px; height: 4.62278px; left: 74.677%; top: 61.7743%; background: var(--accent); box-shadow: 0 0 13.868350696986989px var(--accent); opacity: 0; animation: 8.20887s ease-in-out 6.89511s infinite normal none running vcFloat19;"></div><div class="_particle_udq12_403" style="width: 1.53798px; height: 1.53798px; left: 82.4622%; top: 43.5212%;
266 background: rgb(var(--color-brand)); box-shadow: 0 0 4.613951007009px rgb(var(--color-brand)); opacity: 0; animation: 12.1546s ease-in-out 2.96435s infinite normal none running vcFloat20;"></div><div class="_particle_udq12_403" style="width: 4.19296px; height: 4.19296px; left: 43.3774%; top: 21.4539%; background: var(--chart-2); box-shadow: 0 0 12.578881611687866px var(--chart-2); opacity: 0; animation: 8.79094s ease-in-out 5.14603s infinite normal none running vcFloat21;"></div><div class="_particle_udq12_403" style="width: 2.21484px; height: 2.21484px; left: 35.3129%; top: 67.1777%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 6.644506997601678px rgb(var(--color-brand-light)); opacity: 0; animation: 8.79418s ease-in-out 3.24696s infinite normal none running vcFloat22;"></div><div class="_particle_udq12_403" style="width: 4.45948px; height: 4.45948px; left: 63.1311%; top: 20.2495%; background: rgb(var(--color-brand)); box-shadow: 0 0 13.378442872682708px rgb(var(--color-brand)); opacity: 0; animation: 9.61467s ease-in-out 4.94683s infinite normal none running vcFloat23;"></div><div class="_particle_udq12_403" style="width: 3.4739px; height: 3.4739px; left: 24.0984%; top: 50.1453%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 10.421694779759573px rgb(var(--color-brand-light)); opacity: 0; animation: 9.17512s ease-in-out 1.29402s infinite normal none running vcFloat24;"></div><div class="_particle_udq12_403" style="width: 2.80777px; height: 2.80777px; left: 50.1161%; top: 16.4288%; background: rgb(var(--color-brand)); box-shadow: 0 0 8.423321369121721px rgb(var(--color-brand)); opacity: 0; animation: 12.5729s ease-in-out 1.31771s infinite normal none running vcFloat25;"></div><div class="_particle_udq12_403" style="width: 1.97227px; height: 1.97227px; left: 48.1596%; top: 74.8387%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 5.916804831769671px rgb(var(--color-brand-light)); opacity: 0; animation: 9.85943s ease-in-out 6.11573s infinite normal none running vcFloat26;"></div><div class="_particle_udq12_403" style="width: 5.25877px; height: 5.25877px; left: 17.1322%; top: 80.2906%; background: rgb(var(--color-brand-light)); box-shadow: 0 0 15.776323060285673px rgb(var(--color-brand-light)); opacity: 0; animation: 16.0084s ease-in-out 2.26812s infinite normal none running vcFloat27;"></div></div><div class="_ring_udq12_280 _r1_udq12_294"></div><div class="_ring_udq12_280 _r2_udq12_298"></div><div class="_ring_udq12_280 _r3_udq12_302"></div><div class="_ringRotate_udq12_306"></div><button class="_orb_udq12_252"><div class="_orbInnerGlow_udq12_371"></div><svg class="_micIcon_udq12_379" viewBox="0 0 24 24" fill="none"><rect x="9" y="2" width="6" height="11" rx="3" stroke="currentColor" stroke-width="1.8"></rect><path d="M5 10v1a7 7 0 0014 0v-1M12 18v3M9 21h6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg><div class="_stopIconLarge_udq12_389"></div></button></div><div class="_liveWaveform_udq12_495 "><div class="_waveBar_udq12_513" style="--peak: 21.458802885985158px; animation-delay: 0.70903s; animation-duration: 0.644947s;"></div><div class="_waveBar_udq12_513" style="--peak: 15.89480078525312px; animation-delay: 0.275263s; animation-duration: 0.597478s;"></div><div class="_waveBar_udq12_513" style="--peak: 35.728942208016456px; animation-delay: 0.67454s; animation-duration: 0.79371s;"></div><div class="_waveBar_udq12_513" style="--peak: 33.898561410820804px; animation-delay: 0.571478s; animation-duration: 0.742733s;"></div><div class="_waveBar_udq12_513" style="--peak: 58.75042682231458px; animation-delay: 0.301288s; animation-duration: 0.59092s;"></div><div class="_waveBar_udq12_513" style="--peak: 52.2958917980637px; animation-delay: 0.13549s; animation-duration: 0.704747s;"></div><div class="_waveBar_udq12_513" style="--peak: 34.258952405px; animation-delay: 0.755675s; animation-duration: 0.681391s;"></div><div class="_waveBar_udq12_513" style="--peak: 16.203529116811133px; animation-delay: 0.153871s; animation-duration: 0.877764s;"></div><div class="_waveBar_udq12_513" style="--peak: 15.253824142215171px; animation-delay: 0.618411s; animation-duration: 0.507078s;"></div><div class="_waveBar_udq12_513" style="--peak: 45.749039725632386px; animation-delay: 0.241623s; animation-duration: 0.625004s;"></div><div class="_waveBar_udq12_513" style="--peak: 58.89974100710766px; animation-delay: 0.252586s; animation-duration: 0.791796s;"></div><div class="_waveBar_udq12_513" style="--peak: 39.380353617539114px; animation-delay: 0.794431s; animation-duration: 0.608563s;"></div><div class="_waveBar_udq12_513" style="--peak: 59.12442134347661px; animation-delay: 0.117086s; animation-duration: 0.699324s;"></div><div class="_waveBar_udq12_513" style="--peak: 57.56111790898437px; animation-delay: 0.369137s; animation-duration: 0.573649s;"></div><div class="_waveBar_udq12_513" style="--peak: 52.843946906121026px; animation-delay: 0.365342s; animation-duration: 0.752352s;"></div><div class="_waveBar_udq12_513" style="--peak: 43.73171693392065px; animation-delay: 0.63749s; animation-duration: 0.65729s;"></div><div class="_waveBar_udq12_513" style="--peak: 57.05325827023881px; animation-delay: 0.324283s; animation-duration: 0.55299s;"></div><div class="_waveBar_udq12_513" style="--peak: 36.22682523985322px; animation-delay: 0.784285s; animation-duration: 0.706877s;"></div><div class="_waveBar_udq12_513" style="--peak: 59.29775001544599px; animation-delay: 0.735971s; animation-duration: 0.867423s;"></div><div class="_waveBar_udq12_513" style="--peak: 42.27178219432071px; animation-delay: 0.499122s; animation-duration: 0.739664s;"></div><div class="_waveBar_udq12_513" style="--peak: 23.059164805531775px; animation-delay: 0.621729s; animation-duration: 0.63102s;"></div><div class="_waveBar_udq12_513" style="--peak: 20.69990300682806px; animation-delay: 0.34505s; animation-duration: 0.698763s;"></div><div class="_waveBar_udq12_513" style="--peak: 22.852650760655827px; animation-delay: 0.779896s; animation-duration: 0.815607s;"></div><div class="_waveBar_udq12_513" style="--peak: 35.602242450358304px; animation-delay: 0.454442s; animation-duration: 0.80361s;"></div><div class="_waveBar_udq12_513" style="--peak: 40.65074521582227px; animation-delay: 0.169259s; animation-duration: 0.547696s;"></div><div class="_waveBar_udq12_513" style="--peak: 35.105565785183536px; animation-delay: 0.5941s; animation-duration: 0.668061s;"></div><div class="_waveBar_udq12_513" style="--peak: 50.92704237685659px; animation-delay: 0.457208s; animation-duration: 0.857699s;"></div><div class="_waveBar_udq12_513" style="--peak: 53.082512100521846px; animation-delay: 0.396077s; animation-duration: 0.851173s;"></div><div class="_waveBar_udq12_513" style="--peak: 41.057721707244355px; animation-delay: 0.122258s; animation-duration: 0.849226s;"></div><div class="_waveBar_udq12_513" style="--peak: 27.534181068833753px; animation-delay: 0.471762s; animation-duration: 0.517731s;"></div>
266<div class="_waveBar_udq12_513" style="--peak: 46.50317837438107px; animation-delay: 0.709167s; animation-duration: 0.637795s;"></div><div class="_waveBar_udq12_513" style="--peak: 50.297261038706516px; animation-delay: 0.0632737s; animation-duration: 0.861041s;"></div><div class="_waveBar_udq12_513" style="--peak: 30.2781899783398px; animation-delay: 0.660842s; animation-duration: 0.73127s;"></div><div class="_waveBar_udq12_513" style="--peak: 25.652470942805902px; animation-delay: 0.751788s; animation-duration: 0.578455s;"></div><div class="_waveBar_udq12_513" style="--peak: 19.09601313174342px; animation-delay: 0.208149s; animation-duration: 0.693444s;"></div><div class="_waveBar_udq12_513" style="--peak: 37.75723094997163px; animation-delay: 0.430888s; animation-duration: 0.646252s;"></div><div class="_waveBar_udq12_513" style="--peak: 38.84699030611328px; animation-delay: 0.230478s; animation-duration: 0.893483s;"></div><div class="_waveBar_udq12_513" style="--peak: 22.57230128151348px; animation-delay: 0.67905s; animation-duration: 0.630264s;"></div><div class="_waveBar_udq12_513" style="--peak: 16.16084460847612px; animation-delay: 0.626773s; animation-duration: 0.63171s;"></div><div class="_waveBar_udq12_513" style="--peak: 29.369822404777764px; animation-delay: 0.413038s; animation-duration: 0.585798s;"></div><div class="_waveBar_udq12_513" style="--peak: 36.7637637404878px; animation-delay: 0.00106087s; animation-duration: 0.859674s;"></div><div class="_waveBar_udq12_513" style="--peak: 54.12799256006318px; animation-delay: 0.752163s; animation-duration: 0.738134s;"></div><div class="_waveBar_udq12_513" style="--peak: 51.18890597163304px; animation-delay: 0.462479s; animation-duration: 0.799427s;"></div><div class="_waveBar_udq12_513" style="--peak: 21.276715774100182px; animation-delay: 0.143508s; animation-duration: 0.86549s;"></div><div class="_waveBar_udq12_513" style="--peak: 31.87462313965204px; animation-delay: 0.651103s; animation-duration: 0.576325s;"></div><div class="_waveBar_udq12_513" style="--peak: 34.387449123989526px; animation-delay: 0.292764s; animation-duration: 0.584078s;"></div><div class="_waveBar_udq12_513" style="--peak: 38.25107139363722px; animation-delay: 0.624338s; animation-duration: 0.538352s;"></div><div class="_waveBar_udq12_513" style="--peak: 28.253132796008494px; animation-delay: 0.0370962s; animation-duration: 0.783102s;"></div><div class="_waveBar_udq12_513" style="--peak: 16.515312243566076px; animation-delay: 0.0274197s; animation-duration: 0.558139s;"></div><div class="_waveBar_udq12_513" style="--peak: 51.04183282912521px; animation-delay: 0.097931s; animation-duration: 0.789165s;"></div><div class="_waveBar_udq12_513" style="--peak: 16.560243106388953px; animation-delay: 0.427876s; animation-duration: 0.866811s;"></div><div class="_waveBar_udq12_513" style="--peak: 40.81953031119444px; animation-delay: 0.450077s; animation-duration: 0.625098s;"></div><div class="_waveBar_udq12_513" style="--peak: 19.558783884884452px; animation-delay: 0.458631s; animation-duration: 0.680865s;"></div><div class="_waveBar_udq12_513" style="--peak: 50.243807151990296px; animation-delay: 0.11651s; animation-duration: 0.52923s;"></div><div class="_waveBar_udq12_513" style="--peak: 15.198384322919527px; animation-delay: 0.190208s; animation-duration: 0.772491s;"></div><div class="_waveBar_udq12_513" style="--peak: 51.15968985462688px; animation-delay: 0.736748s; animation-duration: 0.649166s;"></div><div class="_waveBar_udq12_513" style="--peak: 59.350134422917094px; animation-delay: 0.599562s; animation-duration: 0.897054s;"></div><div class="_waveBar_udq12_513" style="--peak: 33.20173070395549px; animation-delay: 0.119037s; animation-duration: 0.7116s;"></div><div class="_waveBar_udq12_513" style="--peak: 17.1222628525621px; animation-delay: 0.401482s; animation-duration: 0.894036s;"></div><div class="_waveBar_udq12_513" style="--peak: 21.62171664320871px; animation-delay: 0.213935s; animation-duration: 0.732546s;"></div><div class="_waveBar_udq12_513" style="--peak: 37.59978822295768px; animation-delay: 0.699211s; animation-duration: 0.598727s;"></div><div class="_waveBar_udq12_513" style="--peak: 48.02528327005166px; animation-delay: 0.155538s; animation-duration: 0.625548s;"></div><div class="_waveBar_udq12_513" style="--peak: 21.73840538840401px; animation-delay: 0.0953428s; animation-duration: 0.767904s;"></div><div class="_waveBar_udq12_513" style="--peak: 41.64726034411469px; animation-delay: 0.26631s; animation-duration: 0.539677s;"></div><div class="_waveBar_udq12_513" style="--peak: 51.40672240033785px; animation-delay: 0.417612s; animation-duration: 0.778745s;"></div><div class="_waveBar_udq12_513" style="--peak: 37.181434179720455px; animation-delay: 0.661202s; animation-duration: 0.638241s;"></div><div class="_waveBar_udq12_513" style="--peak: 59.79956359010871px; animation-delay: 0.318925s; animation-duration: 0.751787s;"></div><div class="_waveBar_udq12_513" style="--peak: 30.197904920853667px; animation-delay: 0.622694s; animation-duration: 0.749963s;"></div><div class="_waveBar_udq12_513" style="--peak: 18.787048577016535px; animation-delay: 0.730006s; animation-duration: 0.828416s;"></div><div class="_waveBar_udq12_513" style="--peak: 41.48522926233215px; animation-delay: 0.787726s; animation-duration: 0.81365s;"></div><div class="_waveBar_udq12_513" style="--peak: 52.6147246992073px; animation-delay: 0.70123s; animation-duration: 0.854841s;"></div><div class="_waveBar_udq12_513" style="--peak: 15.68446136860434px; animation-delay: 0.739799s; animation-duration: 0.871145s;"></div><div class="_waveBar_udq12_513" style="--peak: 27.23990075000596px; animation-delay: 0.406341s; animation-duration: 0.538293s;"></div><div class="_waveBar_udq12_513" style="--peak: 18.780168530434835px; animation-delay: 0.328124s; animation-duration: 0.856994s;"></div><div class="_waveBar_udq12_513" style="--peak: 18.29451079008598px; animation-delay: 0.0757782s; animation-duration: 0.829104s;"></div><div class="_waveBar_udq12_513" style="--peak: 29.73171128464504px; animation-delay: 0.441642s; animation-duration: 0.549789s;"></div><div class="_waveBar_udq12_513" style="--peak: 29.473971890740692px; animation-delay: 0.220426s; animation-duration: 0.837154s;"></div><div class="_waveBar_udq12_513" style="--peak: 39.30609770049503px; animation-delay: 0.156234s; animation-duration: 0.769081s;"></div><div class="_waveBar_udq12_513" style="--peak: 33.11715027230698px; animation-delay: 0.00301074s; animation-duration: 0.502858s;"></div><div class="_waveBar_udq12_513" style="--peak: 22.559159545493408px; animation-delay: 0.193686s; animation-duration: 0.715882s;"></div></div><div class="_prepCard_udq12_522 "><div class="_prepControls_udq12_547"><div class="_nameInputWrap_udq12_557"><svg viewBox="0 0 16 16" fill="none"><circle cx="8" cy="6" r="3" stroke="currentColor" stroke-width="1.5"></circle><path d="M2 14c0-3 2.5-5 6-5s6 2 6 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg><input type="text" placeholder="Your first name" maxlength="20" value=""></div><div class="_langSelect_udq12_606"><button type="button" role="combobox" aria-expanded="false" aria-label="Select language" disabled="" class="flex w-full items-center justify-between gap-2 text-studio-text ring-offset-background focus:outline-none focus:ring-2 focus:ring-brand/20 focus:border-brand/45 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-brand/5 hover:border-brand/40 h-auto min-h-[42px] rounded-xl border-2 border-brand/30 bg-studio-elevated/40 px-3 py-2 text-sm" aria-haspopup="dialog" aria-controls="radix-:r8:" data-state="closed"><span class="flex min-w-0 items-center gap-2 truncate"><span class="flex min-w-0 items-baseline gap-1.5 truncate"><span class="truncate">हिनà¥à¤¦à¥</span><span class="truncate text-studio-muted">Hindi</span></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 lucide-chevrons-up-down h-4 w-4 shrink-0 text-studio-muted"><path d="m7 15 5 5 5-5"></path><path d="m7 9 5-5 5 5"></path></svg></button></div></div><div class="_scriptSection_udq12_892"><div class="_scriptSectionLabel_udq12_897"><div class="_scriptLabelRow_udq12_906"><div class="_scriptLabel_udq12_906">Please read this aloud</div><button type="button" class="_romanToggle_udq12_922 ">Read in English</button></div><div class="_scriptDuration_udq12_958">Read in · 15â30 seconds</div></div>
266<div class="_scriptText_udq12_964"><span>नमसà¥à¤¤à¥, </span><span>मà¥à¤°à¤¾ </span><span>नाम </span><span class="_nameSlot_udq12_974">friend </span><span>हà¥à¥¤ </span><span>मà¥à¤à¥ </span><span>नठ</span><span>à¤à¥à¤à¤¼à¥à¤ </span><span>à¤à¥à¤à¤¨à¤¾ </span><span>पसà¤à¤¦ </span><span>हà¥, </span><span>à¤à¤¾à¤¸à¤à¤° </span><span>वॠ</span><span>तà¤à¤¨à¥à¤ </span><span>à¤à¥ </span><span>लà¥à¤à¥à¤ </span><span>à¤à¥ </span><span>à¤à¥à¤¡à¤¼à¤¤à¥ </span><span>हà¥à¥¤ </span><span>मà¥à¤°à¤¾ </span><span>मानना </span><span>हॠ</span><span>à¤à¤¿ </span><span>हर </span><span>à¤à¤à¤¸à¤¾à¤¨ </span><span>à¤à¥ </span><span>à¤à¤µà¤¾à¤à¤¼ </span><span>à¤à¤¸à¤à¥ </span><span>पहà¤à¤¾à¤¨ </span><span>हà¥à¥¤ </span></div></div></div></div><div class="_state_udq12_223 "><div class="_procWrap_udq12_1057"><div class="_procSpinner_udq12_1067"></div><div class="_procSpinner_udq12_1067 _procSpinnerS2_udq12_1079"></div><div class="_procCore_udq12_1088"></div></div><div class="_procText_udq12_1111"></div><div class="_procSub_udq12_1124">Encrypted · Processed in India</div></div><div class="_state_udq12_223 "><div class="_revealCard_udq12_1136"><div class="_revealHeader_udq12_1161"><div class="_revealLabel_udq12_1170"><span class="_checkDot_udq12_1181"></span>Voice ready</div></div><h3 class="_revealTitle_udq12_1189">Here's your voice in <em>Hindi</em></h3><div class="_player_udq12_1210"><div class="_playerRow_udq12_1227"><button class="_playBtn_udq12_1235"><svg viewBox="0 0 20 20" fill="currentColor"><path d="M6 4l10 6-10 6V4z"></path></svg></button><div class="_playInfo_udq12_1264"><div class="_playTitle_udq12_1269">Your voice · <span class="_langName_udq12_1280">Hindi</span></div><div class="_playMeta_udq12_1285">0:28 · India-hosted</div></div></div><div class="_playerWave_udq12_1293"><div class="_pb_udq12_1302 _pbPlayed_udq12_1310" style="height: 22.903px;"></div><div class="_pb_udq12_1302 " style="height: 31.3107px;"></div><div class="_pb_udq12_1302 " style="height: 12.9409px;"></div><div class="_pb_udq12_1302 " style="height: 31.5896px;"></div><div class="_pb_udq12_1302 " style="height: 19.5883px;"></div><div class="_pb_udq12_1302 " style="height: 19.4022px;"></div><div class="_pb_udq12_1302 " style="height: 22.0174px;"></div><div class="_pb_udq12_1302 " style="height: 11.7795px;"></div><div class="_pb_udq12_1302 " style="height: 31.6701px;"></div><div class="_pb_udq12_1302 " style="height: 19.7422px;"></div><div class="_pb_udq12_1302 " style="height: 33.9188px;"></div><div class="_pb_udq12_1302 " style="height: 9.91733px;"></div><div class="_pb_udq12_1302 " style="height: 32.8809px;"></div><div class="_pb_udq12_1302 " style="height: 6.07183px;"></div><div class="_pb_udq12_1302 " style="height: 27.9625px;"></div><div class="_pb_udq12_1302 " style="height: 10.7196px;"></div><div class="_pb_udq12_1302 " style="height: 17.6925px;"></div><div class="_pb_udq12_1302 " style="height: 30.5863px;"></div><div class="_pb_udq12_1302 " style="height: 28.7997px;"></div><div class="_pb_udq12_1302 " style="height: 24.6115px;"></div><div class="_pb_udq12_1302 " style="height: 13.3511px;"></div><div class="_pb_udq12_1302 " style="height: 28.6331px;"></div><div class="_pb_udq12_1302 " style="height: 32.7319px;"></div><div class="_pb_udq12_1302 " style="height: 15.8354px;"></div><div class="_pb_udq12_1302 " style="height: 19.2391px;"></div><div class="_pb_udq12_1302 " style="height: 25.3817px;"></div><div class="_pb_udq12_1302 " style="height: 16.2311px;"></div><div class="_pb_udq12_1302 " style="height: 10.1181px;"></div><div class="_pb_udq12_1302 " style="height: 18.1353px;"></div><div class="_pb_udq12_1302 " style="height: 17.9572px;"></div><div class="_pb_udq12_1302 " style="height: 28.1574px;"></div><div class="_pb_udq12_1302 " style="height: 25.2589px;"></div><div class="_pb_udq12_1302 " style="height: 30.0812px;"></div><div class="_pb_udq12_1302 " style="height: 8.40719px;"></div><div class="_pb_udq12_1302 " style="height: 27.7608px;"></div><div class="_pb_udq12_1302 " style="height: 25.8523px;"></div><div class="_pb_udq12_1302 " style="height: 27.7563px;"></div><div class="_pb_udq12_1302 " style="height: 14.1639px;"></div><div class="_pb_udq12_1302 " style="height: 24.3081px;"></div><div class="_pb_udq12_1302 " style="height: 19.2402px;"></div><div class="_pb_udq12_1302 " style="height: 14.1459px;"></div><div class="_pb_udq12_1302 " style="height: 17.9733px;"></div><div class="_pb_udq12_1302 " style="height: 7.35213px;"></div><div class="_pb_udq12_1302 " style="height: 26.8141px;"></div><div class="_pb_udq12_1302 " style="height: 31.9504px;"></div><div class="_pb_udq12_1302 " style="height: 26.631px;"></div><div class="_pb_udq12_1302 " style="height: 15.0131px;"></div><div class="_pb_udq12_1302 " style="height: 19.4821px;"></div>
266<div class="_pb_udq12_1302 " style="height: 15.1907px;"></div><div class="_pb_udq12_1302 " style="height: 18.0305px;"></div><div class="_pb_udq12_1302 " style="height: 27.9264px;"></div><div class="_pb_udq12_1302 " style="height: 13.8959px;"></div><div class="_pb_udq12_1302 " style="height: 9.62527px;"></div><div class="_pb_udq12_1302 " style="height: 17.9909px;"></div><div class="_pb_udq12_1302 " style="height: 18.7455px;"></div><div class="_pb_udq12_1302 " style="height: 9.6299px;"></div><div class="_pb_udq12_1302 " style="height: 7.38891px;"></div><div class="_pb_udq12_1302 " style="height: 8.95155px;"></div><div class="_pb_udq12_1302 " style="height: 9.32736px;"></div><div class="_pb_udq12_1302 " style="height: 22.4373px;"></div><div class="_pb_udq12_1302 " style="height: 25.3297px;"></div><div class="_pb_udq12_1302 " style="height: 10.6083px;"></div><div class="_pb_udq12_1302 " style="height: 21.764px;"></div><div class="_pb_udq12_1302 " style="height: 22.4144px;"></div><div class="_pb_udq12_1302 " style="height: 8.87352px;"></div><div class="_pb_udq12_1302 " style="height: 28.2168px;"></div><div class="_pb_udq12_1302 " style="height: 9.83921px;"></div><div class="_pb_udq12_1302 " style="height: 12.3919px;"></div><div class="_pb_udq12_1302 " style="height: 13.5218px;"></div><div class="_pb_udq12_1302 " style="height: 30.1189px;"></div><div class="_pb_udq12_1302 " style="height: 13.3584px;"></div><div class="_pb_udq12_1302 " style="height: 31.5536px;"></div><div class="_pb_udq12_1302 " style="height: 10.9424px;"></div><div class="_pb_udq12_1302 " style="height: 14.1076px;"></div><div class="_pb_udq12_1302 " style="height: 31.9633px;"></div><div class="_pb_udq12_1302 " style="height: 7.17474px;"></div><div class="_pb_udq12_1302 " style="height: 21.907px;"></div><div class="_pb_udq12_1302 " style="height: 23.0207px;"></div><div class="_pb_udq12_1302 " style="height: 21.5443px;"></div><div class="_pb_udq12_1302 " style="height: 15.2178px;"></div></div></div><div class="_revealActions_udq12_1357"><button class="_btnTryAnother_udq12_1365"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 8a6 6 0 1110 4M12 6V2M12 6h-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>Try another language</button><button class="_btnSignupPrimary_udq12_1399">Sign up for unlimited<svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div><p class="_revealHint_udq12_1454">Go to the Playground and <b>Create Your Voice</b></p><div class="_revealFooter_udq12_1433"><svg viewBox="0 0 16 16" fill="none"><path d="M8 1l6 3v4c0 4-3 6.5-6 7-3-.5-6-3-6-7V4z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path></svg>Your voice clone is deleted in 24h unless you sign up</div></div></div></div></section></div></div></div><div class="max-w-4xl mx-auto w-full min-w-0 hidden"><div class="rounded-lg border text-card-foreground shadow-sm overflow-x-clip overflow-y-visible border-none bg-transparent"><div class="w-full min-w-0 px-1 py-2 sm:px-6 sm:py-3 md:py-4"><div class="mx-auto w-full max-w-3xl"><div class="overflow-hidden rounded-2xl border border-studio-border bg-studio-elevated shadow-lg"><div class="relative flex aspect-video items-center justify-center bg-studio-inset" aria-busy="true" aria-label="Loading dubbing samples"><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 lucide-loader-circle h-10 w-10 animate-spin text-white/70"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></div><div class="flex items-center justify-end px-3 py-3"><a class="inline-flex h-9 shrink-0 items-center gap-1.5 rounded-lg bg-brand px-3.5 text-sm font-semibold text-white shadow-sm transition-colors hover:bg-brand/90 whitespace-nowrap" href="/login?redirect=%2Fcreatives%2Fdubbing">Try Dubbing<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 lucide-arrow-right h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div></div></div></div></section><section id="features" class="relative py-16 md:py-20 px-4 sm:px-6 lg:px-8 overflow-hidden marketing-section-muted bg-gradient-to-b from-brand/5 via-trans
266parent to-transparent"><div class="absolute top-20 left-10 w-64 h-64 md:w-96 md:h-96 bg-brand/8 rounded-full blur-3xl pointer-events-none"></div><div class="absolute bottom-20 right-10 w-64 h-64 md:w-96 md:h-96 bg-brand/10 rounded-full blur-3xl pointer-events-none"></div><div class="max-w-7xl mx-auto relative z-10"><div class="text-left max-w-3xl mb-8 md:mb-10" style="opacity: 0; transform: translateY(20px);"><h2 class="text-3xl md:text-4xl lg:text-5xl mb-3 md:mb-4 tracking-tight font-bold text-studio-text">The APIs and studios behind great-sounding products</h2><p class="text-base sm:text-lg leading-relaxed text-studio-muted">Voice Clone, Text-to-Speech, Speech-to-Text, Noise Cancellation, AI Podcast Studio, and AI Dubbing</p></div><div class="relative overflow-hidden py-2"><div class="flex w-max gap-5 animate-marquee hover:[animation-play-state:paused]" style="animation-duration: 45s;"><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/voice-clone"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-mic h-6 w-6 text-brand" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Voice Clone</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Voice Clone</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Voice Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Clone from a short sample. Browse Voice Arena or publish your own and earn from usage.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/text-to-speech"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-volume2 h-6 w-6 text-brand" aria-hidden="true"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Text-to-Speech</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Text-to-Speech</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Speech Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">V1 and V2 in one studio â 111+ system voices, built-in editor, and Voice Arena clones.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/spee
266ch-to-text"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>23+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-languages h-6 w-6 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Speech-to-Text</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Speech-to-Text</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Audio Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Native script labels, in-browser recording, upload support, and one-click export.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/noise-cancellation"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-audio-waveform h-6 w-6 text-brand" aria-hidden="true"><path d="M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Noise Cancellation</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Noise Cancellation</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Audio Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Before-and-after preview, one-click denoise, save or download cleaned audio.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/podcast-generation"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-radio h-6 w-6 text-brand" aria-hidden="true"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Generate Podcast</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Generate Podcast</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Studio</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Templates, AI scripts, multi-speaker audio, library, and RSS publishing.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/ai-dubbing"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-languages h-6 w-6 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">AI Dubbing</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">AI Dubbing</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Studio</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Transcribe, translate, edit the script, clone voices per speaker, and download dubbed video.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/voice-clone"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-mic h-6 w-6 text-brand" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Voice Clone</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Voice Clone</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">
266Voice Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Clone from a short sample. Browse Voice Arena or publish your own and earn from usage.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/text-to-speech"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-volume2 h-6 w-6 text-brand" aria-hidden="true"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Text-to-Speech</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Text-to-Speech</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Speech Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">V1 and V2 in one studio â 111+ system voices, built-in editor, and Voice Arena clones.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/spee
266ch-to-text"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>23+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-languages h-6 w-6 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Speech-to-Text</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Speech-to-Text</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Audio Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Native script labels, in-browser recording, upload support, and one-click export.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/noise-cancellation"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-audio-waveform h-6 w-6 text-brand" aria-hidden="true"><path d="M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Noise Cancellation</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Noise Cancellation</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Audio Model</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Before-and-after preview, one-click denoise, save or download cleaned audio.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/podcast-generation"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-radio h-6 w-6 text-brand" aria-hidden="true"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">Generate Podcast</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">Generate Podcast</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Studio</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Templates, AI scripts, multi-speaker audio, library, and RSS publishing.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div><div class="w-[280px] sm:w-[320px] md:w-[340px] shrink-0"><a class="group block h-full outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-3xl" href="/products/ai-dubbing"><article class="relative flex h-[300px] sm:h-[320px] flex-col justify-between overflow-hidden rounded-3xl p-6 sm:p-7 border border-studio-border/60 bg-gradient-to-br from-studio-elevated/80 via-studio-surface to-studio-inset/40 shadow-lg shadow-brand/5 dark:shadow-black/40 transition-transform duration-300 group-hover:scale-[1.02] group-hover:border-brand/35"><div class="pointer-events-none absolute bottom-16 right-4 h-24 w-24 rotate-12 rounded-2xl border border-brand/15 bg-brand/5"></div><div class="pointer-events-none absolute left-6 top-1/3 h-16 w-16 rounded-full border border-brand/10 bg-brand/5"></div><div class="inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 absolute top-5 right-5 z-20 h-auto gap-1.5 rounded-full px-2.5 py-1 bg-brand/10 text-brand border border-brand/30 text-[13px] font-bold leading-none shadow-sm shadow-brand/10"><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 lucide-languages h-3.5 w-3.5 shrink-0 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>50+ languages supported</div><div class="relative z-10 flex items-start justify-between gap-3"><div class="flex h-11 w-11 items-center justify-center rounded-xl border-2 border-brand text-brand bg-transparent"><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 lucide-languages h-6 w-6 text-brand" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div></div><h3 class="relative z-10 text-2xl sm:text-3xl font-bold tracking-tight text-studio-text">AI Dubbing</h3><div class="relative z-10 space-y-3 pr-14"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-semibold text-studio-text">AI Dubbing</span><span class="rounded-full px-2.5 py-0.5 text-[11px] font-medium bg-brand/10 text-brand border border-brand/30">Studio</span></div><p class="text-sm leading-relaxed text-studio-muted line-clamp-2">Transcribe, translate, edit the script, clone voices per speaker, and download dubbed video.</p></div><span class="absolute bottom-6 right-6 z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-transform duration-300 group-hover:scale-110" 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 lucide-chevron-right h-5 w-5"><path d="m9 18 6-6-6-6"></path></svg></span></article></a></div></div></div></div></section><section id="languages" class="py-16 md:py-20 px-4 sm:px-6 lg:px-8 marketing-section-muted"><div class="max-w-7xl mx-auto"><div class="text-center mb-10 md:mb-16" style="opacity: 0; transform: translateY(20px);"><h2 class="text-3xl md:text-5xl text-studio-text mb-4 md:mb-6">50+ languages for TTS and voice cloning</h2><p class="text-base sm:text-lg md:text-xl text-studio-muted max-w-4xl mx-auto">Speech-to-text covers 23 languages. Accents and dialects optimized for Indian and global use.</p></div><div class="relative overflow-hidden"><div class="flex animate-marquee space-x-4"><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Hindi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/gb.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">English</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Manipuri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/cn.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Chinese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Malayalam</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/es.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Spanish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-
2662 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Maithili</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/fr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">French</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Punjabi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/sa.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Standard Arabic</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Sanskrit</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/pt.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Portuguese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Kashmiri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ru.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Russian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Dogri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/jp.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Japanese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/id.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Indonesian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Urdu</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/de.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">German</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Sindhi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bodo</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/kr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Korean</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Marathi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/tr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Turkish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/vn.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Vietnamese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/it.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Italian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Santali</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/th.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Thai</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Goan Konkani</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/pl.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Polish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Assamese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/mm.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Burmese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Kannada</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ir.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Persian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bhojpuri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ke.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">
266Swahili</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Gujarati</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/id.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Javanese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/my.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Malay</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Telugu</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ph.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Filipino</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Konkani</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/nl.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Dutch</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bengali</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ua.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Ukrainian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Tamil</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ro.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Romanian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Odia</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Hindi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/gb.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">English</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Manipuri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/cn.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Chinese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Malayalam</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/es.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Spanish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Maithili</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/fr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">French</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Punjabi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/sa.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Standard Arabic</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Sanskrit</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/pt.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Portuguese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Kashmiri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ru.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Russian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Dogri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/jp.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Japanese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/id.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Indonesian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Urdu</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/de.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">German</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Sindhi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img sr
266c="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bodo</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/kr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Korean</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Marathi</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/tr.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Turkish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/vn.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Vietnamese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/it.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Italian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Santali</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/th.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Thai</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Goan Konkani</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/pl.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Polish</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Assamese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/mm.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Burmese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Kannada</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ir.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Persian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bhojpuri</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ke.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">
266Swahili</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Gujarati</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/id.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Javanese</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/my.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Malay</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Telugu</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ph.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Filipino</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Konkani</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/nl.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Dutch</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Bengali</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ua.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Ukrainian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Tamil</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/ro.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Romanian</div><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-brand/10 text-brand border border-brand/30 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium shadow-sm"><img src="https://flagcdn.com/w40/in.png" alt="" aria-hidden="true" width="24" height="18" loading="lazy" decoding="async" class="shrink-0 rounded-[2px] object-cover shadow-sm ring-1 ring-black/5 dark:ring-white/10 h-[18px] w-6">Odia</div></div></div><div class="text-center mt-12"><p class="text-studio-muted">More languages coming soon. Custom language models available on Enterprise plans.</p></div></div></section><section id="contact" class="relative py-16 md:py-20 px-4 sm:px-6 lg:px-8 overflow-hidden marketing-section-muted"><div class="absolute top-20 right-4 sm:right-20 w-64 h-64 md:w-96 md:h-96 bg-brand/10 rounded-full blur-3xl pointer-events-none"></div><div class="absolute bottom-20 left-4 sm:left-20 w-64 h-64 md:w-96 md:h-96 bg-brand/10 rounded-full blur-3xl pointer-events-none"></div><div class="max-w-7xl mx-auto relative z-10"><div class="text-center" style="opacity: 0; transform: translateY(20px);"><h2 class="text-3xl md:text-5xl font-bold text-studio-text mb-4 md:mb-6">Ready to Transform Your Voice AI?</h2><p class="text-base sm:text-lg md:text-xl text-studio-muted max-w-3xl mx-auto mb-8 md:mb-10">
266Contact our team to discuss your voice AI requirements and get started with Fonadalabs platform.</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center" style="opacity: 0; transform: translateY(12px);"><a class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground h-11 rounded-md border-2 border-studio-border/60 bg-studio-elevated/50 text-studio-text hover:bg-studio-elevated hover:border-brand/30 font-semibold transition-all duration-200 backdrop-blur-sm w-full sm:w-auto min-w-[200px] text-base sm:text-lg px-8" href="/contact">Contact Us</a><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none h-11 rounded-md border-2 border-brand/40 bg-brand/10 text-brand hover:bg-brand/18 hover:text-brand hover:border-brand/55 shadow-sm shadow-brand/8 backdrop-blur-sm font-semibold transition-all duration-200 w-full sm:w-auto min-w-[200px] text-base sm:text-lg px-8 disabled:opacity-60" type="button"><span class="inline-flex items-center gap-2"><svg class="w-5 h-5" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"></path><path fill="currentColor" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"></path><path fill="currentColor" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"></path><path fill="currentColor" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"></path></svg>Get Started</span></button></div></div></div></section><footer class="bg-studio-surface/80 border-t border-studio-border"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 md:py-16"><div class="grid grid-cols-1 md:grid-cols-5 lg:grid-cols-5 gap-6 md:gap-8"><div class="col-span-1 space-y-4"><div><h3 class="text-lg font-bold text-studio-text mb-2">Shivtel Communications Pvt. Ltd. (FonadaLabs)</h3><p class="text-studio-muted text-sm">Ultra-low latency voice-to-voice AI platform hosted in India. Built for enterprise scale with complete data sovereignty.</p></div><div class="space-y-3"><div class="flex items-start space-x-2"><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 lucide-phone h-4 w-4 text-studio-muted mt-1 flex-shrink-0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><div class="text-sm text-studio-muted"><div><a href="tel:18001200081"> Support: 18001200081</a></div><div><a href="tel:79981 79981"> Sales: 79981 79981</a></div></div></div><div class="flex items-start space-x-2"><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 lucide-mail h-4 w-4 text-studio-muted mt-1 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><div class="text-sm text-studio-muted"><div><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a4cdcac2cbe4c2cbcac5c0c58ac7cbc9">[email protected]</a></div></div></div></div></div><div class="col-span-1 space-y-4"><h4 class="font-semibold text-studio-text">Legal</h4><ul class="space-y-2"><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/terms">Terms & Conditions</a></li><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/privacy">Privacy Policy</a></li><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/copyright">Copyright</a></li><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/disclaimer">Disclaimer</a></li><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/about">About Us</a></li><li><a class="text-sm text-studio-muted hover:text-studio-text transition-colors" href="/contact">Contact Us</a></li></ul></div><div class="col-span-1 md:col-span-3 lg:col-span-3 space-y-4"><h4 class="font-semibold text-studio-text">Office Locations</h4><div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-8"><div class="space-y-2"><h4 class="font-semibold text-studio-text">Noida</h4><p class="text-xs font-medium text-studio-text/70">Shivtel Communications Pvt. Ltd. (Fonada)</p><div class="text-sm text-studio-muted space-y-0.5"><div>First Floor, ADD India Tower,</div><div>Plot No. A-6A, Sector-125,</div><div>Noida, 201303 Uttar Pradesh</div></div></div><div class="space-y-2"><h4 class="font-semibold text-studio-text">Mumbai</h4><p class="text-xs font-medium text-studio-text/70">Shivtel Communications Pvt. Ltd. (Fonada)</p><div class="text-sm text-studio-muted space-y-0.5"><div>Rush Co-works, 502, Boston House,</div><div>Surend Road, Near WEH Metro Station,</div><div>Andheri East, Mumbai - 400 093,</div><div>Maharashtra</div></div></div><div class="space-y-2"><h4 class="font-semibold text-studio-text">Bengaluru</h4><p class="text-xs font-medium text-studio-text/70">Shivtel Communications Pvt. Ltd. (Fonada)</p><div class="text-sm text-studio-muted space-y-0.5"><div>Quest Offices, Level 10,</div><div>Raheja Towers, 26-27, MG Road,</div><div>Bengaluru-560 001, Karnataka</div></div></div></div></div></div><div class="mt-12 pt-8 border-t border-studio-border"><div class="text-center mb-6"><h4 class="font-semibold text-studio-text mb-4">Follow Us On</h4><div class="flex justify-center space-x-4"><a href="https://x.com/Fonada_com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md p-2"><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 lucide-twitter h-5 w-5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.facebook.com/Fonadaa/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md p-2"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
266<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a><a href="https://www.linkedin.com/company/fonada/posts" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md p-2"><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 lucide-linkedin h-5 w-5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.instagram.com/fonada_com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md p-2"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a><a href="https://www.youtube.com/@fonadaai" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md p-2"><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div></div></div><div class="border-t border-studio-border mt-12 pt-8"><div class="text-center mb-5"><h4 class="text-sm font-semibold text-studio-text">Part of the Fonada Network</h4><p class="text-xs text-studio-muted mt-1">One company, three platforms - unified by Shivtel Communications</p></div><nav aria-label="Fonada network" class="grid grid-cols-1 sm:grid-cols-2 gap-3 max-w-2xl mx-auto"><a href="https://fonada.com" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-3 rounded-xl border border-studio-border bg-studio-surface/40 px-4 py-3 transition-all duration-300 hover:border-brand/30 hover:bg-studio-surface hover:shadow-md hover:-translate-y-0.5"><span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-studio-inset text-studio-muted transition-colors duration-300 group-hover:bg-brand group-hover:text-brand-fg"><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 lucide-building2 h-5 w-5"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></span><span class="min-w-0 flex-1"><span class="block text-sm font-semibold text-studio-text">Fonada</span><span class="block text-xs text-studio-muted truncate">CPaaS · Cloud telephony & messaging</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 lucide-arrow-up-right h-4 w-4 shrink-0 text-studio-muted transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-studio-text"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://fonada.ai" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-3 rounded-xl border border-studio-border bg-studio-surface/40 px-4 py-3 transition-all duration-300 hover:border-brand/30 hover:bg-studio-surface hover:shadow-md hover:-translate-y-0.5"><span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-studio-inset text-studio-muted transition-colors duration-300 group-hover:bg-brand group-hover:text-brand-fg"><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 lucide-bot h-5 w-5"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span class="min-w-0 flex-1"><span class="block text-sm font-semibold text-studio-text">Fonada AI</span><span class="block text-xs text-studio-muted truncate">Conversational AI agents</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 lucide-arrow-up-right h-4 w-4 shrink-0 text-studio-muted transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-studio-text"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></nav></div><div class="border-t border-studio-border mt-12 pt-8"><div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0"><div class="flex items-center space-x-4"><p class="text-sm text-studio-muted">© 2026 Fonada. All rights reserved.</p></div><div class="flex items-center"><div class="relative inline-block"><img src="/made_in_india.png" alt="Make in India" width="500" height="500" loading="lazy" class="h-auto w-auto max-h-16 max-w-[180px] object-contain"></div></div></div></div></div></footer></main>
266<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div>
vendor: 114 bytes, lines 266-269
266 267 268 269<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
269<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ec7aa600332f46778ec2c7161fc8fbfa","spa":2}' crossorigin="anonymous"></script>
269 270</body></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.