1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Blindspot AI builds production-grade AI systems for real-world business impact, from manufacturing to banking, from startups to global enterprises."><meta name="theme-color" content="#050A12"><title>Blindspot AI | Don't Just Experiment with AI. Deploy It.</title><link rel="canonical" href="https://blindspot.ai/"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="apple-touch-icon" sizes="180x180" href="/Blindspot%20B%20symbol%20white.png"><meta property="og:type" content="website"><meta property="og:site_name" content="Blindspot AI"><meta property="og:url" content="https://blindspot.ai/"><meta property="og:title" content="Blindspot AI | Don't Just Experiment with AI. Deploy It."><meta property="og:description" content="Blindspot AI builds production-grade AI systems for real-world business impact, from manufacturing to banking, from startups to global enterprises."><meta property="og:image" content="https://blindspot.ai/og-image.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@blindspotai"><meta name="twitter:creator" content="@blindspotai"><meta name="twitter:title" content="Blindspot AI | Don't Just Experiment with AI. Deploy It."><meta name="twitter:description" content="Blindspot AI builds production-grade AI systems for real-world business impact, from manufacturing to banking, from startups to global enterprises."><meta name="twitter:image" content="https://blindspot.ai/og-image.png"><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://www.googletagmanager.com https://js-eu1.hsforms.net https://js.hsforms.net https://js-eu1.hs-scripts.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; frame-src https://maps.google.com https://www.google.com https://forms.hsforms.com https://js-eu1.hsforms.net https://js.hsforms.net; connect-src 'self' https://api.hsforms.com https://forms.hsforms.com https://www.google-analytics.com https://analytics.google.com https://track-eu1.hubspot.com https://js-eu1.hs-analytics.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://js-eu1.hsforms.net"><link rel="preload" href="/animations/homepage.json" as="fetch" crossorigin><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Blindspot AI","alternateName":"ADASTRA CZ s.r.o.","url":"https://blindspot.ai","logo":"https://blindspot.ai/Blindspot%20Logo.png","description":"Blindspot AI builds production-grade AI systems for real-world business impact across manufacturing, banking, logistics, healthcare, and more.","foundingDate":"2014","contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer service"},"address":{"@type":"PostalAddress","streetAddress":"Mississippi House, Karolinská 706/3","addressLocality":"Prague 8 â KarlÃn","postalCode":"186 00","addressCountry":"CZ"},"sameAs":["https://www.linkedin.com/company/blindspot-solutions/","https://twitter.com/blindspotai","https://www.youtube.com/@blindspotai","https://www.crunchbase.com/organization/blindspot-solutions","https://clutch.co/profile/blindspot-solutions"],"parentOrganization":{"@type":"Organization","name":"Adastra Group SE","url":"https://adastracorp.com"}}</script>
1<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/139511416.js"></script>
1<link rel="stylesheet" href="/_astro/Layout.CenyUrDu.css">
1<script type="module" src="/_astro/page.DQFoQxcR.js"></script>
1</head> <body class="min-h-screen overflow-x-hidden"> <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:bg-accent focus:text-white focus:font-semibold focus:rounded-lg focus:shadow-lg" data-astro-cid-osre3lay>Skip to content</a> <nav data-navbar data-dark-hero="true" class="bss-nav fixed top-0 left-0 right-0 z-50 transition-all duration-500" data-astro-cid-osre3lay> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12" data-astro-cid-osre3lay> <div class="flex items-center justify-between h-16 lg:h-[72px]" data-astro-cid-osre3lay> <a href="/" class="flex items-center shrink-0 group" data-astro-cid-osre3lay> <img data-logo-light src="/Blindspot%20Logo%20white.png" alt="Blindspot AI" class="h-8 lg:h-9 w-auto object-contain transition-opacity duration-300 group-hover:opacity-80" data-astro-cid-osre3lay> <img data-logo-dark src="/Blindspot%20Logo.png" alt="Blindspot AI" class="h-8 lg:h-9 w-auto object-contain transition-opacity duration-300 group-hover:opacity-80 hidden" data-astro-cid-osre3lay> </a> <div class="hidden lg:flex items-center gap-1" data-astro-cid-osre3lay> <a href="/" aria-current="page" class="bss-nav-link px-3.5 py-2 text-base font-medium rounded-lg transition-all duration-200 is-active" data-astro-cid-osre3lay>Home</a><a href="/who-we-are" class="bss-nav-link px-3.5 py-2 text-base font-medium rounded-lg transition-all duration-200" data-astro-cid-osre3lay>Who We Are</a><a href="/services" class="bss-nav-link px-3.5 py-2 text-base font-medium rounded-lg transition-all duration-200" data-astro-cid-osre3lay>What We Do</a><a href="/case-studies" class="bss-nav-link px-3.5 py-2 text-base font-medium rounded-lg transition-all duration-200" data-astro-cid-osre3lay>Case Studies</a><a href="/career" class="bss-nav-link px-3.5 py-2 text-base font-medium rounded-lg transition-all duration-200" data-astro-cid-osre3lay>Career</a> </div> <div class="flex items-center gap-3" data-astro-cid-osre3lay> <a href="/contact" class="hidden lg:inline-flex items-center px-5 py-2.5 bg-accent hover:bg-accent-dark text-white text-base font-semibold rounded-full transition-all duration-300 hover:-translate-y-px" data-astro-cid-osre3lay> 2Get in Touch 3</a> <button data-mobile-toggle class="lg:hidden w-11 h-11 flex flex-col items-center justify-center gap-[5px] rounded-lg transition-colors duration-200 hover:bg-white/6" aria-label="Toggle navigation" aria-expanded="false" aria-controls="mobile-nav" data-astro-cid-osre3lay> <span class="bss-burger-bar block w-5 h-px transition-all duration-300 origin-center" data-astro-cid-osre3lay></span> <span class="bss-burger-bar block w-5 h-px transition-all duration-300" data-astro-cid-osre3lay></span> <span class="bss-burger-bar block w-5 h-px transition-all duration-300 origin-center" data-astro-cid-osre3lay></span> </button> </div> </div> </div> </nav> <div id="mobile-nav" data-mobile-overlay role="dialog" aria-modal="true" aria-label="Navigation menu" class="bss-mobile-overlay fixed inset-0 z-40 flex flex-col transition-all duration-300 lg:hidden opacity-0 pointer-events-none" style="background: var(--color-base)" data-astro-cid-osre3lay> <div class="grid-bg absolute inset-0 opacity-20 pointer-events-none" data-astro-cid-osre3lay></div> <div class="relative z-10 flex flex-col h-full pt-20 px-5 pb-10" data-astro-cid-osre3lay> <nav class="flex flex-col flex-1 justify-center gap-1 -mt-8" data-astro-cid-osre3lay> <a href="/" class="flex items-center justify-between px-4 py-4 rounded-xl text-2xl font-bold transition-all duration-200 text-accent" data-astro-cid-osre3lay> Home </a><a href="/who-we-are" class="flex items-center justify-between px-4 py-4 rounded-xl text-2xl font-bold transition-all duration-200 text-white/75 hover:text-white" data-astro-cid-osre3lay> Who We Are </a><a href="/services" class="flex items-center justify-between px-4 py-4 rounded-xl text-2xl font-bold transition-all duration-200 text-white/75 hover:text-white" data-astro-cid-osre3lay> What We Do </a><a href="/case-studies" class="flex items-center justify-between px-4 py-4 rounded-xl text-2xl font-bold transition-all duration-200 text-white/75 hover:text-white" data-astro-cid-osre3lay> Case Studies </a><a href="/career" class="flex items-center justify-between px-4 py-4 rounded-xl text-2xl font-bold transition-all duration-200 text-white/75 hover:text-white" data-astro-cid-osre3lay> Career </a> </nav> <div class="space-y-3 pt-6 border-t border-white/10" data-astro-cid-osre3lay> <a href="/contact" class="block w-full py-4 bg-accent hover:bg-accent-dark text-white font-semibold text-center rounded-full transition-colors duration-200" data-astro-cid-osre3lay> 4Get in Touch 5</a> <p class="text-center font-mono text-sm text-white/20 tracking-wider" data-astro-cid-osre3lay> 6// Blindspot AI â production AI 7</p> </div> </div> </div>
7<script type="module">const l=document.querySelector("[data-navbar]"),o=document.querySelector("[data-mobile-overlay]"),t=document.querySelector("[data-mobile-toggle]");function r(){l&&(window.scrollY>50?l.classList.add("is-scrolled"):l.classList.remove("is-scrolled"))}window.addEventListener("scroll",r,{passive:!0});r();function s(e){!o||!t||(o.classList.toggle("is-open",e),t.setAttribute("aria-expanded",e?"true":"false"),document.body.style.overflow=e?"hidden":"")}t?.addEventListener("click",()=>{const e=t.getAttribute("aria-expanded")==="true";s(!e)});o?.querySelectorAll("a").forEach(e=>{e.addEventListener("click",()=>s(!1))});</script>
7 <main id="main-content">
7<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does Blindspot AI do?","acceptedAnswer":{"@type":"Answer","text":"Blindspot AI engineers and deploys production-grade AI systems for enterprises â including generative AI agents, optimization engines, machine learning models, and MLOps platforms. We have delivered 250+ AI projects across 40+ countries since 2014."}},{"@type":"Question","name":"What industries does Blindspot AI work with?","acceptedAnswer":{"@type":"Answer","text":"Blindspot AI works with manufacturing, automotive, banking and finance, retail, logistics, energy, healthcare, telecommunications, and media companies worldwide."}},{"@type":"Question","name":"Where is Blindspot AI based?","acceptedAnswer":{"@type":"Answer","text":"Blindspot AI is headquartered in Prague, Czech Republic (KarlÃn district) and is part of Adastra Group SE, operating globally across 40+ countries."}},{"@type":"Question","name":"What AI services does Blindspot AI offer?","acceptedA
7nswer":{"@type":"Answer","text":"Blindspot AI offers generative and agentic AI, mathematical optimization and planning, ML and predictive analytics, AI platforms and MLOps, AI product development, and AI strategy and governance services."}}]}</script>
7 <section class="relative min-h-screen lg:h-screen flex overflow-hidden bg-base"> <canvas data-neural-canvas data-subtle="0" class="absolute inset-0 w-full h-full pointer-events-none" style="display: block"></canvas>
7<script type="module">const l=[252,87,102],h=[160,185,230],m=200,L=148;function N(i){const a=i.dataset.subtle==="1",e=i.getContext("2d");if(!e)return;const $=a?90:L,w=a?.45:1,C=a?.1:.32,E=a?.055:.33,R=a?.45:1;let d=[],f={x:-2e3,y:-2e3};const A=(o,s)=>{const y=Math.min(130,Math.max(60,Math.floor(o*s/7e3))),g=Math.round(y*R);return Array.from({length:g},()=>{const t=Math.random()*o,n=Math.random()*s;return{x:t,y:n,ox:t,oy:n,vx:(Math.random()-.5)*.22*w,vy:(Math.random()-.5)*.22*w,radius:Math.random()*1.8+.6,glowIntensity:0}})},M=()=>{const o=window.devicePixelRatio||1,s=i.offsetWidth,y=i.offsetHeight;i.width=s*o,i.height=y*o,e.setTransform(1,0,0,1,0,0),e.scale(o,o),d=A(s,y)};M(),new ResizeObserver(M).observe(i);const P=o=>{if(a)return;if(o.clientY<72){f={x:-2e3,y:-2e3};return}const s=i.getBoundingClientRect();f={x:o.clientX-s.left,y:o.clientY-s.top}},b=()=>{f={x:-2e3,y:-2e3}},T=o=>{if(!a&&o.touches.length>0){const s=i.getBoundingClientRect();f={x:o.touches[0].clientX-s.left,y:o.touches[0].clientY-s.top}}};window.addEventListener("mousemove",P,{passive:!0}),window.addEventListener("mouseleave",b),i.addEventListener("touchmove",T,{passive:!0}),i.addEventListener("touchend",b);const v=()=>{const o=i.offsetWidth,s=i.offsetHeight;e.clearRect(0,0,o,s);const{x:y,y:g}=f;for(const t of d){const n=y-t.x,c=g-t.y,r=Math.sqrt(n*n+c*c);if(!a&&r<m&&r>0){const x=(m-r)/m*.038;t.x+=n*x,t.y+=c*x,t.glowIntensity=Math.min(1,t.glowIntensity+.035)}else t.ox+=t.vx,t.oy+=t.vy,(t.ox<0||t.ox>o)&&(t.vx*=-1),(t.oy<0||t.oy>s)&&(t.vy*=-1),t.x+=(t.ox-t.x)*.015+t.vx*.3,t.y+=(t.oy-t.y)*.015+t.vy*.3,t.glowIntensity=Math.max(0,t.glowIntensity-.02)}for(let t=0;t<d.length;
7t++)for(let n=t+1;n<d.length;n++){const c=d[t],r=d[n],x=c.x-r.x,I=c.y-r.y,p=Math.sqrt(x*x+I*I);if(p<$){const S=Math.pow(1-p/$,.55),u=(c.glowIntensity+r.glowIntensity)/2;e.beginPath(),e.moveTo(c.x,c.y),e.lineTo(r.x,r.y),u>.05?(e.strokeStyle=`rgba(${l[0]}, ${l[1]}, ${l[2]}, ${S*(.28+u*.14)})`,e.lineWidth=.45+u*.28):(e.strokeStyle=`rgba(${h[0]}, ${h[1]}, ${h[2]}, ${S*E})`,e.lineWidth=.45),e.stroke()}}for(const t of d){const n=t.glowIntensity;if(n>.02){const c=t.radius*(2.5+n*3.5),r=e.createRadialGradient(t.x,t.y,0,t.x,t.y,c);r.addColorStop(0,`rgba(${l[0]}, ${l[1]}, ${l[2]}, ${.055*n})`),r.addColorStop(1,`rgba(${l[0]}, ${l[1]}, ${l[2]}, 0)`),e.beginPath(),e.arc(t.x,t.y,c,0,Math.PI*2),e.fillStyle=r,e.fill(),e.beginPath(),e.arc(t.x,t.y,t.radius+n*.5,0,Math.PI*2),e.fillStyle=`rgba(${l[0]}, ${l[1]}, ${l[2]}, ${.45+n*.1})`,e.fill()}else e.beginPath(),e.arc(t.x,t.y,t.radius,0,Math.PI*2),e.fillStyle=`rgba(${h[0]}, ${h[1]}, ${h[2]}, ${C})`,e.fill()}requestAnimationFrame(v)};v()}document.querySelectorAll("[data-neural-canvas]").forEach(N);</script>
7 <div class="grid-bg absolute inset-0 opacity-50 pointer-events-none"></div> <div class="absolute top-1/3 left-1/4 w-[500px] h-[500px] bg-accent/5 rounded-full blur-[120px] pointer-events-none"></div> <div class="absolute bottom-0 right-1/3 w-[400px] h-[400px] bg-navy/40 rounded-full blur-[100px] pointer-events-none"></div> <div class="relative z-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 w-full flex flex-col lg:flex-row items-center lg:items-stretch"> <div class="flex flex-col justify-center items-center sm:items-start pt-24 pb-8 sm:pb-24 w-full lg:w-[55%]"> <div class="text-center sm:text-left"> <h1 class="font-bold leading-[1.12] tracking-tight mb-6 lg:mb-8" style="font-size: clamp(2.3rem, 5vw, 4.5rem)"> <span class="block text-white fade-in-up">Don't just experiment</span> <span class="block fade-in-up"> <span class="text-white">with AI. </span><span class="text-accent">Deploy it.</span> </span> </h1> <p class="hidden sm:block text-white/90 text-lg sm:text-xl max-w-lg mb-10 leading-relaxed fade-in-up"> 8We engineer and deploy AI systems that run in production, scale to enterprise, and 9 deliver measurable outcomes. Not just demos. 10</p> <div class="hidden sm:flex flex-row gap-4 fade-in-up"> <a href="/case-studies" class="btn-primary">Explore Our Work</a> <a href="/career" class="btn-ghost">We're Hiring â</a> </div> </div> </div> <div class="lg:hidden flex justify-center w-full mt-2 pointer-events-none"> <div style="width: 300px; aspect-ratio: 510 / 517"> <div data-lottie data-lottie-data="{"src":"/animations/homepage.json","autoplay":true,"loop":true}" class="w-full h-full"></div> </div> </div> <div class="sm:hidden flex flex-col items-stretch gap-3 pb-10 mt-6 fade-in-up"> <a href="/case-studies" class="btn-primary">Explore Our Work</a> <a href="/career" class="btn-ghost">We're Hiring â</a> </div> <div class="hidden lg:flex lg:w-1/2 justify-center items-center pointer-events-none relative"> <div style="height: 72vh; aspect-ratio: 510 / 517; max-width: 100%"> <div data-lottie data-lottie-data="{"src":"/animations/homepage.json","autoplay":true,"loop":true}" class="w-full h-full"></div> </div> </div> </div> </section> <section class="bg-white section-border-top py-12 lg:py-16 relative overflow-hidden"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10"> <p class="text-center font-mono text-base tracking-[0.18em] font-bold text-navy mb-7"> 11TRUSTED BY LEADING ORGANISATIONS 12</p> <div class="relative overflow-hidden"> <div class="absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none"></div> <div class="absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none"></div> <div class="marquee-track gap-8"> <div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/skoda.png" alt="Å KODA AUTO" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/csob.png" alt="ÄSOB" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Hyundai_brand_logo.jpg" alt="Hyundai" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/BEDNAR_logo_2019_RGB.jpg" alt="BEDNÃÅ FMT" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/mahle%20logo.png" alt="MAHLE" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Cez%20logo.png" alt="ÄEZ" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/ataccama%20logo.png" alt="Ataccama" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/GZ_logo_MAIN.png" alt="GZ Media" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Seznam.png" alt="Seznam" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zonky.png" alt="Zonky" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/dflabs%20logo.png" alt="DF Labs" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/oksystem-logo.png" alt="OKsystem" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/gobekli%20logo.jpg" alt="Gobekli" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zuty_logo.jpg" alt="Zuty" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Tehanu.png" alt="Tehanu" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/socialbakers.png" alt="Socialbakers" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/helgi.png" alt="Helgi Library" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/avata.png" alt="Avata Intelligence" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/tuv.png" alt="TÃV" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/skoda.png" alt="Å KODA AUTO" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/csob.png" alt="ÄSOB" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Hyundai_brand_logo.jpg" alt="Hyundai" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/BEDNAR_logo_2019_RGB.jpg" alt="BEDNÃÅ FMT" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/mahle%20logo.png" alt="MAHLE" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Cez%20logo.png" alt="ÄEZ" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/ataccama%20logo.png" alt="Ataccama" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/GZ_logo_MAIN.png" alt="GZ Media" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Seznam.png" alt="Seznam" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zonky.png" alt="Zonky" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/dflabs%20logo.png" alt="DF Labs" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/oksystem-logo.png" alt="OKsystem" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/gobekli%20logo.jpg" alt="Gobekli" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zuty_logo.jpg" alt="Zuty" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Tehanu.png" alt="Tehanu" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/socialbakers.png" alt="Socialbakers" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/helgi.png" alt="Helgi Library" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/avata.png" alt="Avata Intelligence" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/tuv.png" alt="TÃV" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/skoda.png" alt="Å KODA AUTO" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/csob.png" alt="ÄSOB" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Hyundai_brand_logo.jpg" alt="Hyundai" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/BEDNAR_logo_2019_RGB.jpg" alt="BEDNÃÅ FMT" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/mahle%20logo.png" alt="MAHLE" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Cez%20logo.png" alt="ÄEZ" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/ataccama%20logo.png" alt="Ataccama" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/GZ_logo_MAIN.png" alt="GZ Media" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Seznam.png" alt="Seznam" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zonky.png" alt="Z
12onky" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/dflabs%20logo.png" alt="DF Labs" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/oksystem-logo.png" alt="OKsystem" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/gobekli%20logo.jpg" alt="Gobekli" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/zuty_logo.jpg" alt="Zuty" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/Tehanu.png" alt="Tehanu" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/socialbakers.png" alt="Socialbakers" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/helgi.png" alt="Helgi Library" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/avata.png" alt="Avata Intelligence" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div><div class="inline-flex items-center justify-center shrink-0 mx-6 w-52 h-20"> <img src="/tuv.png" alt="TÃV" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain grayscale opacity-75 hover:grayscale-0 hover:opacity-100 transition-all duration-300"> </div> </div> </div> </div> </section> <section class="bg-white py-20 lg:py-28 relative overflow-hidden"> <svg viewBox="0 0 1440 900" preserveAspectRatio="xMaxYMid slice" class="absolute inset-0 w-full h-full pointer-events-none" aria-hidden="true"> <defs> <linearGradient id="net-fade" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="white" stop-opacity="1"></stop> <stop offset="60%" stop-color="white" stop-opacity="1"></stop> <stop offset="85%" stop-color="white" stop-opacity="0"></stop> <stop offset="100%" stop-color="white" stop-opacity="0"></stop> </linearGradient> <mask id="net-mask"> <rect width="1440" height="900" fill="url(#net-fade)"></rect> </mask> </defs> <g mask="url(#net-mask)"> <line x1="980" y1="210" x2="1130" y2="110" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1040" y1="480" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1020" y1="730" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1130" y1="110" x2="1210" y2="280" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1130" y1="110" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1250" y2="620" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1170" y1="790" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1380" y2="60" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1420" y2="300" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1420" y1="300" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1360" y1="430" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1400" y1="580" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1330" y1="700" x2="1420" y2="820" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line> <circle cx="980" cy="210" r="2.2" fill="rgba(30,43,62,0.11)"></circle>
12<circle cx="1040" cy="480" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1020" cy="730" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1130" cy="110" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1210" cy="280" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1160" cy="450" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1250" cy="620" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1170" cy="790" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1310" cy="170" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1380" cy="60" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="300" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1360" cy="430" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1400" cy="580" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1330" cy="700" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="820" r="2.2" fill="rgba(30,43,62,0.11)"></circle> </g> </svg> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10"> <div class="grid lg:grid-cols-2 gap-16 items-center"> <div> <div class="reveal"> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-navy mb-6 leading-tight"> 13From Research Lab<br> 14to <span class="text-accent">Global AI</span> </h2> <p class="text-navy/85 text-base leading-relaxed mb-4"> 15Founded by CTU Prague researchers with one mission: take AI out of the lab and put it 16 to work. Over 12 years and 250+ deployed systems later, we're now shipping our 17 solutions worldwide. 18</p> <p class="text-navy/85 text-base leading-relaxed mb-8"> 19Part of the <span class="text-navy font-semibold">Adastra Group</span> since 2017. Global 20 reach, startup drive. 21</p> <a href="/who-we-are" class="btn-ghost-light text-base py-2.5 px-5">Our Story â</a> </div> </div> <div class="grid grid-cols-2 gap-3 sm:gap-4"> <div class="reveal reveal-delay-1 card-dark rounded-2xl p-4 sm:p-6"> <div class="text-4xl lg:text-5xl font-bold text-accent leading-none mb-2"> <span class="bss-countup" data-end="12" data-suffix=" yrs" data-duration="1600"> 220 yrs </span>
22<script type="module">function p(){const i=document.querySelectorAll(".bss-countup"),n=new IntersectionObserver(e=>{for(const s of e){if(!s.isIntersecting)continue;const t=s.target;if(t.dataset.animated==="1")continue;t.dataset.animated="1";const o=parseFloat((t.dataset.end||"0").replace(/[^0-9.]/g,""))||0,a=t.dataset.suffix||"",u=parseInt(t.dataset.duration||"2000",10),d=performance.now(),r=f=>{const l=f-d,c=Math.min(l/u,1),m=1-Math.pow(1-c,3);t.textContent=`${Math.round(m*o)}${a}`,c<1?requestAnimationFrame(r):t.textContent=`${o}${a}`};requestAnimationFrame(r),n.unobserve(t)}},{threshold:.5});i.forEach(e=>n.observe(e))}p();</script>
22 </div> <div class="text-navy/85 text-base font-semibold mb-1">Delivering AI globally</div> <div class="font-mono text-base text-navy/70 tracking-wider">Since 2014</div> </div><div class="reveal reveal-delay-2 card-dark rounded-2xl p-4 sm:p-6"> <div class="text-4xl lg:text-5xl font-bold text-accent leading-none mb-2"> <span class="bss-countup" data-end="250" data-suffix="+" data-duration="1600"> 230+ </span> </div> <div class="text-navy/85 text-base font-semibold mb-1">AI projects shipped</div> <div class="font-mono text-base text-navy/70 tracking-wider">In production</div> </div><div class="reveal reveal-delay-3 card-dark rounded-2xl p-4 sm:p-6"> <div class="text-4xl lg:text-5xl font-bold text-accent leading-none mb-2"> <span class="bss-countup" data-end="10" data-suffix="+" data-duration="1600"> 240+ </span> </div> <div class="text-navy/85 text-base font-semibold mb-1">Awards & recognitions</div> <div class="font-mono text-base text-navy/70 tracking-wider">Deloitte, Microsoft</div> </div><div class="reveal reveal-delay-4 card-dark rounded-2xl p-4 sm:p-6"> <div class="text-4xl lg:text-5xl font-bold text-accent leading-none mb-2"> <span class="bss-countup" data-end="40" data-suffix="+" data-duration="1600"> 250+ </span> </div> <div class="text-navy/85 text-base font-semibold mb-1">Countries worldwide</div> <div class="font-mono text-base text-navy/70 tracking-wider">Global delivery</div> </div> </div> </div> </div> </section> <section class="bg-off-white py-20 lg:py-28 relative overflow-hidden"> <svg viewBox="0 0 1440 900" preserveAspectRatio="xMaxYMid slice" class="absolute inset-0 w-full h-full pointer-events-none" aria-hidden="true"> <defs> <linearGradient id="net-fade" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="white" stop-opacity="1"></stop> <stop offset="60%" stop-color="white" stop-opacity="1"></stop> <stop offset="85%" stop-color="white" stop-opacity="0"></stop> <stop offset="100%" stop-color="white" stop-opacity="0"></stop> </linearGradient> <mask id="net-mask"> <rect width="1440" height="900" fill="url(#net-fade)"></rect> </mask> </defs> <g mask="url(#net-mask)"> <line x1="980" y1="210" x2="1130" y2="110" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1040" y1="480" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1020" y1="730" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1130" y1="110" x2="1210" y2="280" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1130" y1="110" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1250" y2="620" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1170" y1="790" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1380" y2="60" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1420" y2="300" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1420" y1="300" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1360" y1="430" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1400" y1="580" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1330" y1="700" x2="1420" y2="820" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line> <circle cx="980" cy="210" r="2.2" fill="rgba(30,43,62,0.11)"></circle>
25<circle cx="1040" cy="480" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1020" cy="730" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1130" cy="110" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1210" cy="280" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1160" cy="450" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1250" cy="620" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1170" cy="790" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1310" cy="170" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1380" cy="60" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="300" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1360" cy="430" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1400" cy="580" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1330" cy="700" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="820" r="2.2" fill="rgba(30,43,62,0.11)"></circle> </g> </svg> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10"> <div class="text-center mb-14 reveal"> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-navy leading-tight"> 26AI Technologies That<br> <span class="text-accent">Solve Real Problems</span> </h2> </div> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4"> <div class="reveal reveal-delay-1 card-dark rounded-2xl p-6 cursor-default"> <div class="w-11 h-11 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center mb-5"> <img src="/icons/397-agentic-ai.svg" alt="" aria-hidden="true" class="w-8 h-8 object-contain"> </div> <h3 class="text-navy font-bold text-base mb-2 leading-snug">Generative & Agentic AI</h3> <p class="text-navy/85 text-base leading-relaxed mb-5">Beyond chatbots: autonomous AI that works end-to-end in your business.</p> <ul class="space-y-2"> <li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Conversational Agents </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Knowledge Hubs & RAG </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Agentic Process Automation </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> LLM Integration </li> </ul> </div><div class="reveal reveal-delay-2 card-dark rounded-2xl p-6 cursor-default"> <div class="w-11 h-11 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center mb-5"> <img src="/icons/188-gears-settings-double.svg" alt="" aria-hidden="true" class="w-8 h-8 object-contain"> </div> <h3 class="text-navy font-bold text-base mb-2 leading-snug">Optimization & Planning</h3> <p class="text-navy/85 text-base leading-relaxed mb-5">Mathematical precision solving your most complex scheduling and resource challenges.</p> <ul class="space-y-2"> <li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Production Planning </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Logistics Optimization </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Inventory Planning </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Shifts Scheduling </li> </ul> </div><div class="reveal reveal-delay-3 card-dark rounded-2xl p-6 cursor-default"> <div class="w-11 h-11 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center mb-5"> <img src="/icons/376-development.svg" alt="" aria-hidden="true" class="w-8 h-8 object-contain"> </div> <h3 class="text-navy font-bold text-base mb-2 leading-snug">AI Product Development</h3> <p class="text-navy/85 text-base leading-relaxed mb-5">From proof-of-concept to production-ready AI products, shipped on time.</p> <ul class="space-y-2"> <li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> PoC Productization </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> AI Feature Injection </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Augmented Teams </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Technical Consulting </li> </ul> </div><div class="reveal reveal-delay-4 card-dark rounded-2xl p-6 cursor-default"> <div class="w-11 h-11 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center mb-5"> <img src="/icons/137-graph-line-chart.svg" alt="" aria-hidden="true" class="w-8 h-8 object-contain"> </div> <h3 class="text-navy font-bold text-base mb-2 leading-snug">ML & Predictive Analytics</h3> <p class="text-navy/85 text-base leading-relaxed mb-5">State-of-the-art models extracting competitive advantage from your data.</p> <ul class="space-y-2"> <li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Customer Journey & Churn </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> MLOps & AI Platforms </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Fraud Detection </li><li class="flex items-center gap-2 text-navy/85 text-base"> <span class="w-1 h-1 rounded-full bg-accent shrink-0"></span> Demand Forecasting </li> </ul> </div> </div> <div class="text-center mt-10 reveal"> <a href="/services" class="btn-ghost-light text-base py-3 px-8">What We Do â</a> </div> </div> </section> <section class="bg-navy section-border-top py-20 lg:py-28 relative overflow-hidden"> <canvas data-neural-canvas data-subtle="1" class="absolute inset-0 w-full h-full pointer-events-none" style="display: block"></canvas> <div class="absolute inset-0 grid-bg opacity-30 pointer-events-none"></div> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] h-[300px] bg-accent/5 rounded-full blur-[100px] pointer-events-none"></div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10"> <div class="mb-12 reveal"> <span class="mono-label">SELECTED WORK</span> <h2 class="text-3xl sm:text-4xl font-bold text-white mt-3"> 27AI Beyond <span class="text-accent">Prototypes.</span> </h2> </div> <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 reveal">
27 <a href="/case-studies/hyundai-production-scheduling" class="glass rounded-2xl p-6 flex flex-col group hover:border-accent/30 transition-all duration-300 min-h-[340px]"> <div class="font-mono text-sm font-bold text-accent tracking-wider mb-4"> Manufacturing · Optimization </div> <div class="w-32 h-16 mb-4 bg-white rounded-xl flex items-center justify-center shrink-0 p-3"> <img src="/Hyundai_brand_logo.jpg" alt="Hyundai" class="max-h-full max-w-full w-auto h-auto object-contain"> </div> <div class="text-white font-bold text-xl leading-tight mb-3 group-hover:text-accent transition-colors duration-300"> $540K saved annually </div> <p class="text-white/85 text-sm leading-relaxed flex-1">AI-powered production scheduling reduced planning time to 5 minutes and optimised paint shop operations, with full ROI in 3 months.</p> <div class="mt-5 flex items-center gap-1.5 font-mono text-sm text-white/50 group-hover:text-accent transition-colors duration-300"> 28Read case study 29<svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </div> </a><a href="/case-studies/seznam-radio-broadcast-ai" class="glass rounded-2xl p-6 flex flex-col group hover:border-accent/30 transition-all duration-300 min-h-[340px]"> <div class="font-mono text-sm font-bold text-accent tracking-wider mb-4"> Media · Generative AI </div> <div class="w-32 h-16 mb-4 bg-white rounded-xl flex items-center justify-center shrink-0 p-3"> <img src="/Seznam.png" alt="Seznam" class="max-h-full max-w-full w-auto h-auto object-contain"> </div> <div class="text-white font-bold text-xl leading-tight mb-3 group-hover:text-accent transition-colors duration-300"> Up to 60% cost reduction </div> <p class="text-white/85 text-sm leading-relaxed flex-1">AI agents autonomously produce personalised night radio broadcasts, freeing human editors to focus on higher-value content.</p> <div class="mt-5 flex items-center gap-1.5 font-mono text-sm text-white/50 group-hover:text-accent transition-colors duration-300"> 30Read case study 31<svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </div> </a><a href="/case-studies/ataccama-generative-ai" class="glass rounded-2xl p-6 flex flex-col group hover:border-accent/30 transition-all duration-300 min-h-[340px]"> <div class="font-mono text-sm font-bold text-accent tracking-wider mb-4"> Data Management · GenAI </div> <div class="w-32 h-16 mb-4 bg-white rounded-xl flex items-center justify-center shrink-0 p-3"> <img src="/ataccama%20logo.png" alt="Ataccama" class="max-h-full max-w-full w-auto h-auto object-contain"> </div> <div class="text-white font-bold text-xl leading-tight mb-3 group-hover:text-accent transition-colors duration-300"> Gartner Magic Quadrant Leader 2024 </div> <p class="text-white/85 text-sm leading-relaxed flex-1">Generative AI integration into Ataccama's data platform drove the product quality that earned them a Gartner leadership position.</p> <div class="mt-5 flex items-center gap-1.5 font-mono text-sm text-white/50 group-hover:text-accent transition-colors duration-300"> 32Read case study 33<svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </div> </a><a href="/case-studies/skoda-container-optimization" class="glass rounded-2xl p-6 flex flex-col group hover:border-accent/30 transition-all duration-300 min-h-[340px]"> <div class="font-mono text-sm font-bold text-accent tracking-wider mb-4"> Logistics · Sustainability </div> <div class="w-32 h-16 mb-4 bg-white rounded-xl flex items-center justify-center shrink-0 p-3"> <img src="/skoda.png" alt="Å KODA" class="max-h-full max-w-full w-auto h-auto object-contain"> </div> <div class="text-white font-bold text-xl leading-tight mb-3 group-hover:text-accent transition-colors duration-300"> 160 tonnes COâ saved/year </div> <p class="text-white/85 text-sm leading-relaxed flex-1">Intelligent container loading optimisation cut emissions and shipping costs for a global automotive parts manufacturer.</p> <div class="mt-5 flex items-center gap-1.5 font-mono text-sm text-white/50 group-hover:text-accent transition-colors duration-300"> 34Read case study 35<svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </div> </a><a href="/case-studies/tehanu-wildlife-conservation" class="glass rounded-2xl p-6 flex flex-col group hover:border-accent/30 transition-all duration-300 min-h-[340px]"> <div class="font-mono text-sm font-bold text-accent tracking-wider mb-4"> Conservation · GenAI </div> <div class="w-32 h-16 mb-4 bg-white rounded-xl flex items-center justify-center shrink-0 p-1"> <img src="/Tehanu.png" alt="Tehanu & AWS" class="max-h-full max-w-full w-auto h-auto object-contain"> </div> <div class="text-white font-bold text-xl leading-tight mb-3 group-hover:text-accent transition-colors duration-300"> Global biodiversity impact </div> <p class="text-white/85 text-sm leading-relaxed flex-1">Generative AI gives wildlife a voice in conservation decisions, enabling interspecies data to shape global environmental policy.</p> <div class="mt-5 flex items-center gap-1.5 font-mono text-sm text-white/50 group-hover:text-accent transition-colors duration-300"> 36Read case study 37<svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </div> </a> <a href="/case-studies" class="glass rounded-2xl p-7 flex flex-col items-center justify-center text-center group border-dashed border-white/15 hover:border-accent/40 transition-all duration-300 min-h-[340px]"> <p class="text-white/40 font-mono text-sm mb-3">AND MANY MORE</p> <p class="text-white font-bold text-2xl mb-1">250+ projects delivered</p> <p class="text-white/50 text-sm mb-6">across 40+ countries</p> <span class="btn-primary text-sm py-2.5 px-6">View All Case Studies â</span> </a> </div> </div> </section> <section class="bg-white section-border-top-light py-20 lg:py-28 relative overflow-hidden"> <svg viewBox="0 0 1440 900" preserveAspectRatio="xMaxYMid slice" class="absolute inset-0 w-full h-full pointer-events-none" aria-hidden="true"> <defs> <linearGradient id="net-fade" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="white" stop-opacity="1"></stop> <stop offset="60%" stop-color="white" stop-opacity="1"></stop> <stop offset="85%" stop-color="white" stop-opacity="0"></stop> <stop offset="100%" stop-color="white" stop-opacity="0"></stop> </linearGradient> <mask id="net-mask"> <rect width="1440" height="900" fill="url(#net-fade)"></rect> </mask> </defs> <g mask="url(#net-mask)"> <line x1="980" y1="210" x2="1130" y2="110" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1040" y1="480" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1020" y1="730" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1130" y1="110" x2="1210" y2="280" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line>
37<line x1="1130" y1="110" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1160" y2="450" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1210" y1="280" x2="1310" y2="170" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1250" y2="620" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1160" y1="450" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1170" y2="790" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1250" y1="620" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1170" y1="790" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1380" y2="60" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1310" y1="170" x2="1420" y2="300" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1420" y1="300" x2="1360" y2="430" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1360" y1="430" x2="1400" y2="580" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1400" y1="580" x2="1330" y2="700" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line><line x1="1330" y1="700" x2="1420" y2="820" stroke="rgba(30,43,62,0.07)" stroke-width="0.9"></line> <circle cx="980" cy="210" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1040" cy="480" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1020" cy="730" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1130" cy="110" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1210" cy="280" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1160" cy="450" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1250" cy="620" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1170" cy="790" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1310" cy="170" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1380" cy="60" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="300" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1360" cy="430" r="3.5" fill="rgba(229,84,91,0.18)"></circle><circle cx="1400" cy="580" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1330" cy="700" r="2.2" fill="rgba(30,43,62,0.11)"></circle><circle cx="1420" cy="820" r="2.2" fill="rgba(30,43,62,0.11)"></circle> </g> </svg> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10"> <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-4 mb-12 reveal"> <div> <h2 class="text-3xl sm:text-4xl font-bold text-navy leading-tight"> 38Making Headlines 39</h2> </div> <div class="hidden sm:flex gap-2 shrink-0"> <button type="button" data-news-prev aria-label="Scroll headlines left" class="w-10 h-10 rounded-full border border-navy/15 flex items-center justify-center text-navy/70 hover:border-accent/50 hover:text-accent transition-colors duration-200 disabled:opacity-30 disabled:pointer-events-none"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> </svg> </button> <button type="button" data-news-next aria-label="Scroll headlines right" class="w-10 h-10 rounded-full border border-navy/15 flex items-center justify-center text-navy/70 hover:border-accent/50 hover:text-accent transition-colors duration-200 disabled:opacity-30 disabled:pointer-events-none"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </button> </div> </div> <!-- overflow-y-hidden is load-bearing: overflow-x-auto alone makes the 40 other axis scrollable too, and the cards' pre-reveal translateY(24px) 41 gave it 24px of vertical travel. This carousel is horizontal only. --> <div data-news-track class="flex gap-4 overflow-x-auto overflow-y-hidden scrollbar-hide snap-x snap-mandatory scroll-smooth pb-2 -mx-4 px-4 sm:mx-0 sm:px-0">
41 <a href="https://profitonline.cz/petr-zelenka-ve-skupine-adastra-povede-oblast-ai/" target="_blank" rel="noopener noreferrer" class="card-dark rounded-2xl group flex flex-col overflow-hidden shrink-0 snap-start w-[260px] sm:w-[300px]"> <div class="relative w-full aspect-video overflow-hidden bg-navy/60"> <img src="https://profitonline.cz/wp-content/uploads/2026/05/petr-zelenka.png" alt="Petr Zelenka ve skupinÄ Adastra povede oblast AI" class="w-full h-full object-cover opacity-70 group-hover:opacity-90 transition-all duration-500 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <span class="absolute bottom-3 left-3 font-mono text-base tracking-wider px-2.5 py-1 bg-accent/90 text-white rounded-full"> Article </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="text-base font-semibold text-navy/90 group-hover:text-navy leading-snug flex-1 mb-4 transition-colors duration-200"> Petr Zelenka ve skupinÄ Adastra povede oblast AI </h3> <div class="flex items-center gap-1.5 text-accent text-base font-semibold font-mono"> Read <svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </div> </div> </a><a href="https://vimeo.com/1141823508/0e9422e3d2" target="_blank" rel="noopener noreferrer" class="card-dark rounded-2xl group flex flex-col overflow-hidden shrink-0 snap-start w-[260px] sm:w-[300px]"> <div class="relative w-full aspect-video overflow-hidden bg-navy/60"> <img src="/photos/Prumyslovy-summit-2026.png" alt="AI v Äeském průmyslu â kde jsme a jak zrychlit" class="w-full h-full object-cover opacity-70 group-hover:opacity-90 transition-all duration-500 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <span class="absolute bottom-3 left-3 font-mono text-base tracking-wider px-2.5 py-1 bg-accent/90 text-white rounded-full"> Video </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="text-base font-semibold text-navy/90 group-hover:text-navy leading-snug flex-1 mb-4 transition-colors duration-200"> AI v Äeském průmyslu â kde jsme a jak zrychlit </h3> <div class="flex items-center gap-1.5 text-accent text-base font-semibold font-mono"> Watch <svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </div> </div> </a><a href="https://www.datatalk.cz/podcast/epizoda-150" target="_blank" rel="noopener noreferrer" class="card-dark rounded-2xl group flex flex-col overflow-hidden shrink-0 snap-start w-[260px] sm:w-[300px]"> <div class="relative w-full aspect-video overflow-hidden bg-navy/60"> <img src="https://storage.buzzsprout.com/zy4kf0yuo163my36e5dsrnk4ch11" alt="Data Talk #150: OndÅej VanÄk on practical ML deployment" class="w-full h-full object-cover opacity-70 group-hover:opacity-90 transition-all duration-500 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <span class="absolute bottom-3 left-3 font-mono text-base tracking-wider px-2.5 py-1 bg-accent/90 text-white rounded-full"> Podcast </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="text-base font-semibold text-navy/90 group-hover:text-navy leading-snug flex-1 mb-4 transition-colors duration-200"> Data Talk #150: OndÅej VanÄk on practical ML deployment </h3> <div class="flex items-center gap-1.5 text-accent text-base font-semibold font-mono"> Listen <svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </div> </div> </a><a href="https://forbes.cz/ai-proroste-nasim-zivotem-zalezi-jak-si-ji-pustite-k-telu-rika-sef-blindspotu/" target="_blank" rel="noopener noreferrer" class="card-dark rounded-2xl group flex flex-col overflow-hidden shrink-0 snap-start w-[260px] sm:w-[300px]"> <div class="relative w-full aspect-video overflow-hidden bg-navy/60"> <img src="https://cdn.forbes.cz/uploads/2023/06/ovanek.webp?r=eyJ3Ijo
41xMjAwLCJxIjo5MCwicyI6ImpwZyIsImgiOjYzMH0%3D" alt=""AI proroste naÅ¡Ãm životem", OndÅej VanÄk, Blindspot CEO" class="w-full h-full object-cover opacity-70 group-hover:opacity-90 transition-all duration-500 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <span class="absolute bottom-3 left-3 font-mono text-base tracking-wider px-2.5 py-1 bg-accent/90 text-white rounded-full"> Forbes CZ </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="text-base font-semibold text-navy/90 group-hover:text-navy leading-snug flex-1 mb-4 transition-colors duration-200"> "AI proroste naÅ¡Ãm životem", OndÅej VanÄk, Blindspot CEO </h3> <div class="flex items-center gap-1.5 text-accent text-base font-semibold font-mono"> Read <svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </div> </div> </a><a href="https://www.seznamzpravy.cz/clanek/volby-do-poslanecke-snemovny-ai-model-predvida-volby-za-par-desitek-minut-od-zacatku-scitani-tusime-vysledek-287370" target="_blank" rel="noopener noreferrer" class="card-dark rounded-2xl group flex flex-col overflow-hidden shrink-0 snap-start w-[260px] sm:w-[300px]"> <div class="relative w-full aspect-video overflow-hidden bg-navy/60"> <img src="https://d39-a.sdn.cz/d_39/c_img_ob_A/kBj94XhVwDhmNhBIkDwNFH1/6838/ai.png?fl=cro,0,0,1920,1080%7Cres,1200,,1%7Cjpg,80,,1" alt="AI model predicted Czech election results in real time" class="w-full h-full object-cover opacity-70 group-hover:opacity-90 transition-all duration-500 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <span class="absolute bottom-3 left-3 font-mono text-base tracking-wider px-2.5 py-1 bg-accent/90 text-white rounded-full"> Czech Media </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="text-base font-semibold text-navy/90 group-hover:text-navy leading-snug flex-1 mb-4 transition-colors duration-200"> AI model predicted Czech election results in real time </h3> <div class="flex items-center gap-1.5 text-accent text-base font-semibold font-mono"> Read <svg class="w-3 h-3 group-hover:translate-x-0.5 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </div> </div> </a> </div> </div> </section>
41<script type="module">const e=document.querySelector("[data-news-track]"),n=document.querySelector("[data-news-prev]"),r=document.querySelector("[data-news-next]");function s(){const t=e?.querySelector("a");if(!t||!e)return 320;const c=parseFloat(getComputedStyle(e).columnGap||"16");return t.getBoundingClientRect().width+c}function o(){if(!e||!n||!r)return;const t=e.scrollWidth-e.clientWidth-2;n.disabled=e.scrollLeft<=20,r.disabled=e.scrollLeft>=t}n?.addEventListener("click",()=>e?.scrollBy({left:-s(),behavior:"smooth"}));r?.addEventListener("click",()=>e?.scrollBy({left:s(),behavior:"smooth"}));e?.addEventListener("scroll",o,{passive:!0});window.addEventListener("resize",o);o();</script>
41 <section class="bg-navy section-border-top py-16 lg:py-24 relative overflow-hidden"> <canvas data-neural-canvas data-subtle="1" class="absolute inset-0 w-full h-full pointer-events-none" style="display: block"></canvas> <div class="absolute inset-0 grid-bg opacity-40 pointer-events-none"></div> <div class="absolute inset-0 bg-gradient-to-br from-navy via-navy to-[#0d1c32] pointer-events-none"></div> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10"> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-5 leading-tight"> 42Build the Future of AI<br> <span class="text-accent">With Us.</span> </h2> <p class="text-white/90 text-lg mb-10 leading-relaxed max-w-xl mx-auto"> 43Have a business challenge that needs an AI solution â or want to help build one? Let's talk. 44</p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="/contact" class="btn-primary">Get in Touch</a> <a href="/career" class="btn-ghost">Join the Team</a> </div> </div> </section> </main> <footer class="bg-surface relative overflow-hidden"> <div class="glow-line"></div> <div class="grid-bg absolute inset-0 opacity-40 pointer-events-none"></div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 py-16"> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-12 mb-14"> <div class="lg:col-span-1"> <a href="/" class="inline-block mb-5"> <img src="/Blindspot%20Logo%20white.png" alt="Blindspot AI" class="h-7 w-auto object-contain opacity-90 hover:opacity-100 transition-opacity duration-200"> </a> <p class="text-white/80 text-base leading-relaxed mb-5 max-w-[200px]"> 45Production-grade AI systems for the world's most demanding industries. 46</p> <div class="flex gap-2"> <a href="https://www.linkedin.com/company/blindspot-solutions/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="w-11 h-11 flex items-center justify-center rounded-lg border border-white/10 text-white/80 hover:border-white/30 hover:text-white transition-all duration-200"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg> </a> <a href="https://twitter.com/blindspotai" target="_blank" rel="noopener noreferrer" aria-label="X / Twitter" class="w-11 h-11 flex items-center justify-center rounded-lg border border-white/10 text-white/80 hover:border-white/30 hover:text-white transition-all duration-200"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg> </a> <a href="https://www.youtube.com/@blindspotai" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="w-11 h-11 flex items-center justify-center rounded-lg border border-white/10 text-white/80 hover:border-white/30 hover:text-white transition-all duration-200"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.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> <h4 class="font-mono text-base tracking-[0.12em] text-white/65 uppercase mb-5">Navigation</h4> <nav class="flex flex-col gap-2.5"> <a href="/" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Home </a><a href="/who-we-are" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Who We Are </a><a href="/services" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> What We Do </a><a href="/case-studies" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Case Studies </a><a href="/career" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Career </a> </nav> </div> <div> <h4 class="font-mono text-base tracking-[0.12em] text-white/65 uppercase mb-5">Contact</h4> <div class="space-y-3.5 text-base text-white/80"> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 text-accent shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> <span>Mississippi House<br>Karolinská 706/3,<br>186 00 Prague 8</span> </div> <div class="flex items-center gap-2.5"> <svg class="w-4 h-4 text-accent shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <a href="mailto:[email protected]" class="hover:text-white transition-colors duration-200">[email protected]</a> </div> </div> </div> <div> <h4 class="font-mono text-base tracking-[0.12em] text-white/65 uppercase mb-5">Legal</h4> <nav aria-label="Legal" class="flex flex-col gap-2.5"> <a href="/terms-of-use" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Terms of Use </a><a href="/privacy-policy" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Privacy Policy </a><a href="/merger-info" class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit"> Merger Info </a> <button data-cookie-reopen class="text-base text-white/80 hover:text-white transition-colors duration-200 w-fit text-left">Cookie Settings</button> </nav> </div> </div> <div class="pt-6 border-t border-white/8 flex flex-col sm:flex-row items-center justify-between gap-4"> <div class="flex items-center gap-3"> <span class="font-mono text-sm sm:text-base text-white/85 tracking-wider">© 2026 ADASTRA CZ S.R.O.</span> </div> <a href="https://adastracorp.com" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 group" aria-label="Adastra Group"> <span class="font-mono text-base text-white/70 tracking-wider group-hover:text-white transition-colors duration-200">PART OF</span> <img src="/adastra_logo_basic_white_RGB.png" alt="Adastra Group" class="h-3.5 w-auto object-contain opacity-50 group-hover:opacity-80 transition-opacity duration-200"> </a> </div> </div> </footer>
46<script type="module">document.querySelectorAll("[data-cookie-reopen]").forEach(e=>{e.addEventListener("click",()=>{window.dispatchEvent(new Event("bss:reopen-cookies"))})});</script>
46 <div data-cookie-banner role="dialog" aria-label="Cookie consent" aria-modal="true" class="fixed bottom-0 left-0 right-0 z-[60] hidden" style="background: #f0f3f8; border-top: 1px solid #d5dce8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-12 py-2.5"> <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-6"> <div class="flex-1 min-w-0 flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3"> <p class="text-navy font-semibold text-sm shrink-0">ðª We use cookies</p> <p class="text-navy/85 text-sm leading-relaxed"> 47Necessary cookies keep the site running. With your consent, we also use analytics. <a href="/privacy-policy" class="text-accent hover:underline">Privacy Policy</a> · <button data-cookie-toggle-expand class="text-navy/40 hover:text-navy/70 transition-colors duration-200">Manage preferences</button> </p> </div> <div class="flex flex-row gap-2 shrink-0"> <button data-cookie-accept-all class="px-4 py-1.5 bg-accent hover:bg-accent-dark text-white text-sm font-semibold rounded-full transition-colors duration-200 whitespace-nowrap">Accept all</button> <button data-cookie-necessary class="px-4 py-1.5 text-navy/60 hover:text-navy text-sm font-medium rounded-full transition-all duration-200 whitespace-nowrap" style="background: rgba(30,43,62,0.07); border: 1px solid rgba(30,43,62,0.15)">Necessary only</button> </div> </div> <div data-cookie-expanded class="mt-2.5 grid sm:grid-cols-2 gap-2 max-w-2xl pb-1 hidden"> <div class="rounded-xl p-2.5" style="background: rgba(30,43,62,0.05); border: 1px solid rgba(30,43,62,0.1)"> <div class="flex items-center justify-between mb-0.5"> <span class="text-navy text-sm font-semibold">Necessary</span> <span class="text-sm font-mono text-navy/40" style="background: rgba(30,43,62,0.08); padding: 1px 7px; border-radius: 9999px">Always on</span> </div> <p class="text-navy/85 text-sm leading-relaxed">Required for navigation, forms, and security. Cannot be disabled.</p> </div> <div class="rounded-xl p-2.5" style="background: rgba(30,43,62,0.05); border: 1px solid rgba(30,43,62,0.1)"> <div class="flex items-center justify-between mb-0.5"> <span class="text-navy text-sm font-semibold">Analytics</span> <span class="text-sm font-mono" style="color: #E5545B; background: rgba(229,84,91,0.08); padding: 1px 7px; border-radius: 9999px">Optional</span> </div> <p class="text-navy/85 text-sm leading-relaxed">Helps us understand page visits. Data is anonymised.</p> </div> </div> </div> </div>
47<script type="module">const n="bss_cookie_consent",o=document.querySelector("[data-cookie-banner]"),s=document.querySelector("[data-cookie-expanded]"),t=document.querySelector("[data-cookie-toggle-expand]");function i(){try{return localStorage.getItem(n)!==null}catch{return!1}}function c(){o?.classList.remove("hidden")}function r(){o?.classList.add("hidden")}function a(e){s?.classList.toggle("hidden",!e),t&&(t.textContent=e?"Show less":"Manage preferences")}function d(e){try{localStorage.setItem(n,JSON.stringify({necessary:!0,analytics:e,timestamp:new Date().toISOString()}))}catch{}window.dispatchEvent(new CustomEvent("bss:consent-updated",{detail:{analytics:e}})),r()}setTimeout(()=>{i()||c()},800);window.addEventListener("bss:reopen-cookies",()=>{a(!1),c()});document.querySelector("[data-cookie-accept-all]")?.addEventListener("click",()=>d(!0));document.querySelector("[data-cookie-necessary]")?.addEventListener("click",()=>d(!1));t?.addEventListener("click",()=>{const e=s?.classList.contains("hidden");a(!!e)});</script>
47
47<script type="module">const s=document.querySelectorAll(".reveal, .reveal-left, .reveal-right"),t=new IntersectionObserver(e=>{for(const r of e)r.isIntersecting&&(r.target.classList.add("visible"),t.unobserve(r.target))},{threshold:.15});s.forEach(e=>t.observe(e));</script>
47
47<script type="module">const e="G-5LBLQ70ZLK";let n=!1;function o(){if(n)return;n=!0;const t=document.createElement("script");t.src=`https://www.googletagmanager.com/gtag/js?id=${e}`,t.async=!0,document.head.appendChild(t),window.dataLayer=window.dataLayer||[];function a(...c){window.dataLayer.push(c)}window.gtag=a,a("js",new Date),a("config",e)}try{const t=localStorage.getItem("bss_cookie_consent");t&&JSON.parse(t)?.analytics&&o()}catch{}window.addEventListener("bss:consent-updated",t=>{t.detail?.analytics&&o()});</script>
47
47<script type="module">const c="148285883";let e=!1;function s(){if(e)return;e=!0;const t=document.createElement("script");t.id="hs-script-loader",t.src=`//js-eu1.hs-scripts.com/${c}.js`,t.async=!0,t.defer=!0,document.head.appendChild(t)}try{const t=localStorage.getItem("bss_cookie_consent");t&&JSON.parse(t)?.analytics&&s()}catch{}window.addEventListener("bss:consent-updated",t=>{t.detail?.analytics&&s()});</script>
47 </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.