PageSourceSearch

https://cyparta.com/

html cyparta.com collected 2026-10-02 01:26:34 UTC 65,377 bytes, 46 lines download raw bytes

1<!DOCTYPE html><html dir="ltr" lang="en"><head><meta charset="UTF-8"><!-- Favicon --><link href="/favicon.ico" rel="icon" sizes="any"><link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"><link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"><link href="/apple-touch-icon.png" rel="apple-touch-icon"><link href="/site.webmanifest" rel="manifest"><meta content="#0f172a" name="theme-color"><meta content="width=device-width,initial-scale=1" name="viewport"><!-- Resource hints --><link href="https://www.googletagmanager.com" rel="preconnect"><link href="https://images.pexels.com" rel="preconnect" crossorigin=""><link href="https://cdn.jsdelivr.net" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com" rel="dns-prefetch"><!-- Canonical --><!-- canonical + hreflang are set per page by SeoAlternates --><!-- Conversion Tracker ownership proof for www.cyparta.com. The apex is
2         verified by DNS TXT; www serves this same document, so a meta tag proves
3         it without a second DNS record. Safe to remove once verified — but it is
4         re-checked periodically, so leaving it in place keeps www authorised. --><meta content="NPiU4iq5cObwU81UlF2MxcvfgkiJLXKX" name="cyparta-site-verification"><!-- Default Meta Tags (overridden per-page by React Helmet) --><title>Cyparta - Smart, Secure, Scalable Digital Solutions</title><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services. Transform your business with cutting-edge technology and innovative digital solutions." name="description"><!-- Default Open Graph Tags --><meta content="website" property="og:type"><meta content="Cyparta" property="og:site_name"><meta content="Cyparta - Smart, Secure, Scalable Digital Solutions" property="og:title"><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services. Transform your business with cutting-edge technology and innovative digital solutions." property="og:description"><meta content="https://cyparta.com/og-image.jpg" property="og:image"><meta content="1200" property="og:image:width"><meta content="630" property="og:image:height"><meta content="https://cyparta.com/" property="og:url"><meta content="854159440302606" property="fb:app_id"><!-- Default Twitter Tags --><meta content="summary_large_image" name="twitter:card"><meta content="Cyparta - Smart, Secure, Scalable Digital Solutions" name="twitter:title"><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services. Transform your business with cutting-edge technology and innovative digital solutions." name="twitter:description"><meta content="https://cyparta.com/og-image.jpg" name="twitter:image">
4<script src="/assets/index-DVNfcHhn.js" crossorigin="" type="module"></script>
4<link href="/assets/vendor-DdjWeKhn.js" rel="modulepreload" crossorigin=""><link href="/assets/icons-BCa0xwjb.js" rel="modulepreload" crossorigin=""><link href="/assets/animations-BiTprZVg.js" rel="modulepreload" crossorigin=""><link href="/assets/index-C9iJUlvM.css" rel="stylesheet" crossorigin=""><link href="https://cyparta.com/" rel="canonical" data-rh="true"><link href="https://cyparta.com/" rel="alternate" data-rh="true" hreflang="en"><link href="https://cyparta.com/ar" rel="alternate" data-rh="true" hreflang="ar"><link href="https://cyparta.com/" rel="alternate" data-rh="true" hreflang="x-default"><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services. Transform your business with cutting-edge technology from Cyparta." name="description" data-rh="true"><meta content="website" property="og:type" data-rh="true"><meta content="Cyparta - Smart, Secure, Scalable Digital Solutions" property="og:title" data-rh="true"><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services. Transform your business with Cyparta." property="og:description" data-rh="true"><meta content="https://cyparta.com/" property="og:url" data-rh="true"><meta content="https://cyparta.com/og-image.jpg" property="og:image" data-rh="true"><meta content="summary_large_image" name="twitter:card" data-rh="true"><meta content="Cyparta - Smart, Secure, Scalable Digital Solutions" name="twitter:title" data-rh="true"><meta content="Expert web development, mobile apps, AI solutions, cybersecurity, and cloud services." name="twitter:description" data-rh="true"><meta content="https://cyparta.com/og-image.jpg" name="twitter:image" data-rh="true">
4<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"Organization","name":"Cyparta","url":"https://cyparta.com","logo":"https://cyparta.com/cyparta-logo.png","description":"Smart, secure, scalable digital solutions including web development, mobile apps, AI & machine learning, digital marketing, cybersecurity, cloud & DevOps, UI/UX design, and ERP/CRM systems.","foundingDate":"2020","areaServed":["EG","AE","US"],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","url":"https://cyparta.com/contact"},"sameAs":["https://www.linkedin.com/company/cyparta","https://twitter.com/cyparta"]}</script>
4<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"WebSite","name":"Cyparta","url":"https://cyparta.com","potentialAction":{"@type":"SearchAction","target":"https://cyparta.com/projects?search={search_term_string}","query-input":"required name=search_term_string"}}</script>
4</head><body><!-- GTM noscript fallback --><noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-WXS3QJH3" style="display:none;visibility:hidden" width="0"></iframe></noscript><div id="root"><div class="min-h-screen bg-[#0B0B0B] text-white relative overflow-x-hidden"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent" dir="ltr"><nav class="mx-auto w-full max-w-[1800px] px-4 py-4 sm:px-6 2xl:px-10"><div class="flex items-center justify-between"><div class="flex items-center flex-shrink-0"><a class="group" href="/"><div class="relative"><svg class="h-11 w-auto md:h-12 text-[#F5F5F5] transition-all duration-300 drop-shadow-[0_0_12px_rgba(216,0,39,0.4)] group-hover:scale-110 group-hover:drop-shadow-[0_0_20px_rgba(216,0,39,0.6)]" fill="none" viewBox="0 0 573.24 202" xmlns="http://www.w3.org/2000/svg" aria-label="Cyparta" role="img"><g transform="translate(-134.33 -165.77)"><path d="M598.89,215.4V236l-18.47,10.38-19.94-8.72V215.4s-29.89,11.21-30.31,34.25v45.47a153.51,153.51,0,0,1,5,31.77s8.93,23.46,35.3,39.24V298c-21.8-2.28-31.56-10.17-31.56-10.17v-16.2A107.82,107.82,0,0,0,579.69,282a107.82,107.82,0,0,0,40.8-10.38v16.2s-9.76,7.89-31.56,10.17v68.1s22.84-13.49,34.26-35.92c0,0,2.9-28,6-35.92V250.9S629.42,227,598.89,215.4Z" fill="currentColor"></path><path d="M206.91,339.58q-7.38,10.25-13.54,13.69a28.56,28.56,0,0,1-14.21,3.45,31.22,31.22,0,0,1-16.5-4.39,27,27,0,0,1-10.83-12.63,48.49,48.49,0,0,1-3.59-19.46q0-13.59,3.81-22.75t10.46-13.32A27.34,27.34,0,0,1,177.39,280a26.32,26.32,0,0,1,16.84,5.55q7,5.55,10.79,18.17h1.89L205,275.6h-2.13a9.51,9.51,0,0,1-2.26,4.57,4,4,0,0,1-2.87,1.16A9.69,9.69,0,0,1,194.1,280a38.91,38.91,0,0,0-17.69-4.39,41.27,41.27,0,0,0-21.25,5.7,40.13,40.13,0,0,0-15.28,16.07,47.48,47.48,0,0,0-5.55,22.75q0,15.38,8.42,26.72,11.28,15.24,31.84,15.24,11.4,0,19.7-5.12t14.52-16.16Z" fill="currentColor"></path><path d="M272.67,277.49v2.25a12.26,12.26,0,0,1,4.94.77,5.87,5.87,0,0,1,2.53,2.1,5.4,5.4,0,0,1,.88,3.05q0,2.8-3.66,8.54l-16.22,25.5L243.88,293c-2.49-3.82-3.72-6.47-3.72-7.93a4.33,4.33,0,0,1,2.4-4,10.64,10.64,0,0,1,5.28-1.35h1.83v-2.25H214.29v2.25a8.22,8.22,0,0,1,3.54.61,21.84,21.84,0,0,1,5.95,3.66,73.61,73.61,0,0,1,5.46,7.63l22.69,34.64v19.58q0,7-1.34,8.91-2.21,3.17-7.45,3.17h-2.92v2.26h35.13v-2.26h-2.68q-5,0-7.32-2.56-1.71-1.89-1.71-9.52V325.12l19.94-31.41a55.67,55.67,0,0,1,6.16-8.54,18.21,18.21,0,0,1,5.55-4,12.49,12.49,0,0,1,4.64-1.41h1.59v-2.25Z" fill="currentColor"></path><path d="M364,287.49a24.07,24.07,0,0,0-10.79-7.72q-6.4-2.28-17.5-2.28H305.42v2.25h3.11q4.7,0,7.08,2.69c1.09,1.26,1.65,4.49,1.65,9.69v53.44q0,7.06-1.22,9-2.27,3.42-7.51,3.42h-3.11v2.26h35.44v-2.26h-3.17q-4.69,0-7-2.69-1.69-1.89-1.7-9.69v-24.1c2.64.58,5.12,1,7.44,1.28a52.08,52.08,0,0,0,6.46.43q12.19,0,18.88-6.34t6.68-16.47A19.78,19.78,0,0,0,364,287.49ZM349.92,314.3A14.52,14.52,0,0,1,339,319.21a34.88,34.88,0,0,1-4.27-.31c-1.67-.2-3.58-.51-5.73-.91v-34.4a35.6,35.6,0,0,1,8-1.16,18.27,18.27,0,0,1,9.15,2.28,15.23,15.23,0,0,1,6.22,6.89,23,23,0,0,1,2.19,10C354.52,306.79,353,311,349.92,314.3Z" fill="currentColor"></path><path d="M442.26,355.16q-2.83-2.46-6.31-10.76l-28.79-68.8H405l-29.09,68.06q-3.78,9-6.89,11.9-1.53,1.47-6.71,2.38v2.26h26.05v-2.26c-4-.29-6.58-.9-7.78-1.86a4.17,4.17,0,0,1-1.8-3.33q0-2.37,2.07-7.19l2.9-6.75.17-.38.83-1.94,3.63-8.5h0l3.13-7.27.48-1.14,1.89-4.36,8.89-20.66L411,314.24l.05.11L416.8,328h-.1l4.4,10.69,0,.13,2.35,5.59c1.63,3.86,2.45,6.69,2.45,8.47a4.24,4.24,0,0,1-1.74,3.42c-1.16.94-3.38,1.49-6.68,1.65v2.26h32.63v-2.26A12.91,12.91,0,0,1,442.26,355.16ZM392,319.58l-.48,1.14L388.4,328l-3.63,8.5-.83,1.94" fill="currentColor"></path><path d="M525,354.52q-4.2-2.67-10.06-10.86l-17.08-23.72q10.44-2.32,15.4-7.93a19.27,19.27,0,0,0,5-13.23,18.42,18.42,0,0,0-4.36-12.3,22.29,22.29,0,0,0-10.61-7.07q-6.25-1.92-19.43-1.92H453.7v2.25h3.11q4.69,0,7.08,2.69,1.69,1.89,1.7,9.69v53.44c0,4.71-.42,7.7-1.28,9-1.5,2.28-4,3.42-7.5,3.42H453.7v2.26h35.44v-2.26h-3.23c-3.1,0-5.41-.9-7-2.69q-1.71-1.89-1.71-9.69v-24c.65.05,1.28.08,1.9.1l1.7,0c1.31,0,3,0,5.07-.13l28,38.68H536v-2.26A25.41,25.41,0,0,1,525,354.52Zm-44.34-36.78c-.36,0-.83,0-1.4,0s-1.24,0-2,0v-34.4a54.16,54.16,0,0,1,9.58-1.16q8,0,12.84,4.85a17.06,17.06,0,0,1,4.85,12.6,16.41,16.41,0,0,1-6,13.05Q492.5,317.75,480.66,317.74Z" fill="currentColor"></path><path d="M699.66,355.16q-2.83-2.46-6.31-10.76l-28.79-68.8h-2.13l-29.1,68.06q-3.78,9-6.89,11.9c-1,1-3.25,1.7
47-6.71,2.38v2.26h26v-2.26c-4-.29-6.58-.9-7.78-1.86a4.17,4.17,0,0,1-1.8-3.33q0-2.37,2.08-7.19l3.87-9,3.66-8.55h0l5.71-13.26,8.68-20.17L664.56,305l9.64,23h-.13l3.54,8.55,3.3,7.86c1.63,3.86,2.44,6.69,2.44,8.47a4.24,4.24,0,0,1-1.74,3.42q-1.74,1.41-6.68,1.65v2.26h32.63v-2.26A12.93,12.93,0,0,1,699.66,355.16Z" fill="currentColor"></path><path d="M593.86,233.82l-13.44,7.53-15.37-7.16s-2.91-51.6-8.93-61.46l7.17-2.91L568,180.51l-2.08-11.83,7.58-1.25L575,177.3l.75-11.53,7.37.42L582.6,179l3.94-11.73,7.32,1.76-4.2,12.67,7.68-12,5.91,2.18S592.77,221.83,593.86,233.82Z" fill="#eb262a"></path></g></svg><div class="absolute inset-0 bg-[#D80027]/20 rounded-full blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 -z-10 scale-150"></div></div></a></div><div class="hidden xl:flex items-center justify-center flex-1 min-w-0 mx-3"><div class="flex items-center"><div class="flex items-center gap-1"><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-[#D80027] bg-[#D80027]/10" href="/">Home<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027] rounded-full shadow-lg shadow-[#D80027]/50"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/about">About<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/services">Services<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/projects">Projects<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/cloud">Cloud<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/domain-search">Domains<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/clients">Clients<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/partners">Partners<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/blog">Blog<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/news">News<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/careers">Careers<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div></div><div class="mx-3 w-px h-6 bg-gray-600/30"></div><div class="flex items-center gap-1"><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/franchise">Franchise<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/certificate">Certificate<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div><div class="relative group"><a class="relative whitespace-nowrap text-sm font-medium transition-all duration-300 py-3 rounded-lg px-2 2xl:px-3 text-white hover:text-[#D80027] hover:bg-white/5" href="/contact">Contact<span class="absolute -bottom-1 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#D80027]/60 rounded-full origin-center scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span><span class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span></a></div></div></div></div><div class="hidden xl:flex items-center gap-3 flex-shrink-0"><div class="flex items-center gap-3"><a class="group relative flex items-center gap-2 text-sm font-medium transition-all duration-300 py-2.5 px-3 text-white hover:text-[#D80027] rounded-lg hover:bg-white/5 hover:scale-[1.02] active:scale-95" href="/login"><svg class="lucide lucide-log-in w-4 h-4" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" x2="3" y1="12" y2="12"></line></svg><span>Login</span><div class="absolute inset-0 bg-[#D80027]/5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></a><a class="flex items-center gap-2 text-sm font-semibold transition-all duration-300 py-2.5 px-4 bg-[#D80027] text-white rounded-lg hover:bg-[#D80027]/90 shadow-lg hover:shadow-[#D80027]/30 hover:scale-[1.02] active:scale-95" href="/register"><svg class="lucide lucide-user-plus w-4 h-4" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="19" x2="19" y1="8" y2="14"></line>
4<line x1="22" x2="16" y1="11" y2="11"></line></svg><span>Sign Up</span></a></div><div class="w-px h-8 bg-gray-600/40"></div><div class="flex items-center overflow-hidden text-sm border border-gray-700/50 rounded-lg bg-white/5 backdrop-blur-sm"><button class="px-2.5 py-1.5 font-medium transition-colors bg-[#D80027] text-white" lang="en" type="button">EN</button><button class="px-2.5 py-1.5 font-medium transition-colors text-gray-300 hover:text-white" lang="ar" type="button">العربية</button></div></div><button class="xl:hidden text-white hover:text-[#D80027] transition-colors duration-300 p-2 rounded-lg hover:bg-white/10" aria-label="Toggle navigation menu"><span class="block transition-transform duration-300"><svg class="lucide lucide-menu w-6 h-6" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></span></button></div></nav></header><main class="relative z-10"><div class="pt-20" dir="ltr" lang="en"><section class="min-h-screen flex items-center justify-center relative overflow-hidden"><div class="container mx-auto px-6 text-center"><div><h1 class="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-white via-[#D80027] to-white bg-clip-text text-transparent">Smart. Secure. Scalable<br><span class="text-[#D80027]">Digital Solutions.</span></h1><p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-4xl mx-auto leading-relaxed">We create high-performance software for mobile, web, and cloud—built with cybersecurity, clean design, and enterprise infrastructure in mind.</p><div class="flex flex-col sm:flex-row gap-6 justify-center items-center"><a class="group flex items-center gap-3 px-8 py-4 bg-[#D80027] text-white rounded-lg hover:bg-[#D80027]/80 transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-[#D80027]/25" href="/start-project"><svg class="lucide lucide-rocket w-5 h-5" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><span class="font-semibold">Start Your Project</span><svg class="lucide lucide-arrow-right w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center gap-3 px-8 py-4 border border-[#D80027] text-[#D80027] rounded-lg hover:bg-[#D80027] hover:text-white transition-all duration-300 transform hover:scale-105" href="/projects"><svg class="lucide lucide-briefcase w-5 h-5" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><rect height="14" rx="2" width="20" x="2" y="7" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg><span class="font-semibold">View Case Studies</span><svg class="lucide lucide-arrow-right w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><section class="py-20 bg-gradient-to-b from-transparent to-black/20"><div class="container mx-auto px-6"><div class="text-center mb-16"><h2 class="text-4xl md:text-5xl font-bold mb-6 text-white">Our <span class="text-[#D80027]">Services</span></h2><p class="text-xl text-gray-300 max-w-3xl mx-auto">From concept to deployment, we deliver comprehensive digital solutions</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/web-development"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-globe w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><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><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">Web Development</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Websites, CMS, dashboards, SEO-ready</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/mobile-apps"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-smartphone w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><rect height="20" rx="2" width="14" x="5" y="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">Mobile App Development</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Cross-platform Flutter apps</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/ai-solutions"><div class="absolute -top-2 -right-2 px-2 py-1 bg-gradient-to-r from-purple-600 to-pink-600 text-white text-xs font-bold rounded-full animate-pulse">
4NEW</div><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-brain w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">AI & Machine Learning</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Intelligent automation & insights</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/digital-marketing"><div class="absolute -top-2 -right-2 px-2 py-1 bg-gradient-to-r from-purple-600 to-pink-600 text-white text-xs font-bold rounded-full animate-pulse">NEW</div><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-trending-up w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">Digital Marketing</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Data-driven growth strategies</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/cybersecurity"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-shield w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><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></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">Cybersecurity</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Penetration testing, API hardening</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/cloud"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-cloud w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">Cloud DevOps</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">
4AWS, CI/CD, Dockerized infrastructure</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/ui-ux"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-palette w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">UI/UX Design</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Figma, wireframes, accessibility</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/erp-crm"><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-database w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">ERP & CRM Systems</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Custom HR, inventory, CRM solutions</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div class="group"><a class="block p-8 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 transform hover:scale-105 hover:shadow-xl hover:shadow-[#D80027]/10 relative" href="/services/ai-agent-automation"><div class="absolute -top-2 -right-2 px-2 py-1 bg-gradient-to-r from-purple-600 to-pink-600 text-white text-xs font-bold rounded-full animate-pulse">
4NEW</div><div class="flex flex-col items-center text-center space-y-4"><div class="p-4 bg-[#D80027]/10 rounded-full group-hover:bg-[#D80027]/20 transition-colors"><svg class="lucide lucide-bot w-8 h-8 text-[#D80027]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M12 8V4H8"></path><rect height="12" rx="2" width="16" x="4" y="8"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="text-xl font-semibold text-white group-hover:text-[#D80027] transition-colors">AI Agent Automation</h3><p class="text-gray-400 group-hover:text-gray-300 transition-colors">Intelligent automation agents for workflows</p><div class="flex items-center text-[#D80027] group-hover:translate-x-2 transition-transform"><span class="text-sm font-medium">Learn More</span><svg class="lucide lucide-chevron-right w-4 h-4 ms-1 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div></div></div></section><section class="py-20 overflow-hidden"><div class="container mx-auto px-6"><div class="text-center mb-16"><h2 class="text-4xl md:text-5xl font-bold mb-6 text-white">Technologies We <span class="text-[#D80027]">Master</span></h2><p class="text-xl text-gray-300 max-w-3xl mx-auto">Cutting-edge tools and frameworks that power our solutions</p></div><div class="relative"><div class="marquee-track flex gap-8 animate-[marquee_30s_linear_infinite] hover:[animation-play-state:paused]" style="width:max-content"><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="React" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/react-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">React</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Frontend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Django" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/django-plain.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Django</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Flutter" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/flutter-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Flutter</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Mobile</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Firebase" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/firebase-plain.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Firebase</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">
4Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="PostgreSQL" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/postgresql-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">PostgreSQL</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Database</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Docker" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/docker-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Docker</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">DevOps</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="AWS" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/amazonwebservices-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">AWS</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Cloud</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="TypeScript" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/typescript-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">TypeScript</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Language</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Python" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/python-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Python</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Language</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Node.js" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/nodejs-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Node.js</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">
4Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="TensorFlow" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/tensorflow-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">TensorFlow</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">AI/ML</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Figma" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/figma-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Figma</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Design</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="React" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/react-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">React</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Frontend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Django" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/django-plain.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Django</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Flutter" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/flutter-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Flutter</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Mobile</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Firebase" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/firebase-plain.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Firebase</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">
4Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="PostgreSQL" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/postgresql-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">PostgreSQL</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Database</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Docker" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/docker-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Docker</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">DevOps</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="AWS" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/amazonwebservices-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">AWS</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Cloud</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="TypeScript" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/typescript-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">TypeScript</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Language</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Python" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/python-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Python</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Language</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Node.js" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/nodejs-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Node.js</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">
4Backend</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="TensorFlow" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/tensorflow-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">TensorFlow</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">AI/ML</p></div></div></div><div class="flex-shrink-0 group transition-transform duration-300 hover:scale-110"><div class="flex flex-col items-center space-y-4 p-6 bg-white/5 backdrop-blur-md rounded-xl border border-white/10 hover:border-[#D80027]/50 transition-all duration-300 min-w-[160px]"><div class="w-16 h-16 flex items-center justify-center bg-white/10 rounded-xl group-hover:bg-white/20 transition-colors"><img alt="Figma" class="w-12 h-12 object-contain filter brightness-0 invert group-hover:filter-none transition-all duration-300" height="48" loading="lazy" src="/icons/devicons/figma-original.svg" width="48"></div><div class="text-center"><h3 class="text-white font-semibold text-lg group-hover:text-[#D80027] transition-colors">Figma</h3><p class="text-gray-400 text-sm mt-1 group-hover:text-gray-300 transition-colors">Design</p></div></div></div></div><div class="absolute left-0 top-0 bottom-0 w-32 bg-gradient-to-r from-[#0B0B0B] to-transparent pointer-events-none z-10"></div><div class="absolute right-0 top-0 bottom-0 w-32 bg-gradient-to-l from-[#0B0B0B] to-transparent pointer-events-none z-10"></div></div></div></section><section class="py-20 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-r from-[#D80027]/20 to-transparent"></div><div class="container mx-auto px-6 text-center relative z-10"><div><h2 class="text-4xl md:text-5xl font-bold mb-6 text-white">Have a software idea?<br><span class="text-[#D80027]">Let's make it real.</span></h2><p class="text-xl text-gray-300 mb-12 max-w-2xl mx-auto">Ready to transform your vision into a powerful digital solution? Let's discuss your project and create something amazing together.</p><a class="inline-flex items-center gap-3 px-12 py-6 bg-[#D80027] text-white rounded-lg hover:bg-[#D80027]/80 transition-all duration-300 transform hover:scale-105 shadow-xl hover:shadow-[#D80027]/25 text-lg font-semibold" href="/start-project"><svg class="lucide lucide-rocket w-6 h-6" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><span>Start a Project</span><svg class="lucide lucide-arrow-right w-6 h-6 rtl:rotate-180" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section></div></main></div></div><!-- Cyparta Conversion Tracker.
5         Consent is queued before the loader so it is applied before the first
6         batch is sent; the tracker defaults every purpose to denied, so without
7         this it would accept events but store nothing. These four match what the
8         tags in GTM already collect — they add no new collection.
9         Loaded async rather than deferred to `load` like GTM below: a visitor
10         who leaves quickly is exactly the one whose campaign we need to record. -->
10<script>window.CypartaTracker = window.CypartaTracker || { q: [] };
11      window.CypartaTracker.q.push(['consent', {
12        analytics_storage: 'granted',
13        ad_storage: 'granted',
14        ad_user_data: 'granted',
15        ad_personalization: 'granted'
16      }]);</script>
16<script src="https://ai-cyparta-back.cyparta.com/ct/v1.js" async data-site-id="site_TGr-buBzp_Lk5lx8AJsrzWi3"></script>
16<!-- Website Chat. Loaded after the tracker so the widget can reuse the same
17         visitor and session rather than minting a second identity. https, not
18         http: this page is served over https and a browser blocks a mixed-content
19         script before the server's redirect is ever reached. -->
19<script src="https://ai-cyparta-back.cyparta.com/chat/v1.js?r=2" async data-widget-id="wgt_rJGDulHU-1fEICvyGArEN5aj"></script>
19<!-- Proposal embedding. Defines <cyparta-proposal>, which renders a proposal
20         inside this page taking its font and colours — see the Setup tab in the
21         Proposals module. Loaded here rather than in the route so the tag is in
22         the served HTML, where the installation check can see it: this is a
23         single-page app, so anything rendered by React is invisible to a
24         server-side fetch. It defines an element and does nothing else until
25         one appears, so it costs the other pages nothing. --><!-- ?r= is a cache key, not a version of the script. Cloudflare sits in
26         front of the backend and holds /proposals/v1.js for four hours, so a
27         deploy leaves the edge answering with the previous file — which is
28         indistinguishable from the deploy not having happened. Purging is the
29         real fix and needs a token with Cache Purge permission; until then,
30         bumping this reaches the new file immediately. Bump it whenever the
31         element changes and the edge has not caught up. -->
31<script src="https://ai-cyparta-back.cyparta.com/proposals/v1.js?r=2" async></script>
31<!-- GTM deferred: loaded after the page is interactive, not during the
32         critical render. GA4 (stream G-SBX1PSLVL8) is a tag inside the
33         container, so nothing else on this page loads gtag.js — a second loader
34         here meant every page view was sent twice.
35         Skipped under react-snap: the prerender runs this listener too, and the
36         
36<script> GTM inserts was serialised into every static page as a second,
37         eager copy of the loader. -->
37<script>window.addEventListener('load', function() {
38        if (navigator.userAgent === 'ReactSnap') return;
39        // Google Tag Manager
vendor: 368 bytes, lines 39-44
39
40        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
41        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
42        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
43        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
44        })(window,document,'script','dataLayer','
44GTM-WXS3QJH3
vendor: 10 bytes, lines 44-45
44');
45      
45});</script>
45<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":"1b5ec20858c4422781242b618dabeb9c","r":1,"spa":2}' crossorigin="anonymous"></script>
45
46</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.