PageSourceSearch

https://blurple.digital/services

html blurple.digital collected 2026-10-07 20:24:14 UTC 233,650 bytes, 111 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="v7">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    
7    <!-- Primary Meta Tags -->
8    <title>UX/UI, app development, AI &amp; growth services | blurple studio</title>
9    <meta name="title" content="UX/UI, app development, AI &amp; growth services | blurple studio" />
10    <meta name="description" content="UX/UI design, mobile app and web development, AI agents, loyalty, CRM and app care. Annual partnerships, projects from €10,000, fixed-price starts." data-rh="true" />
11    <meta name="keywords" content="UX/UI Design, Mobile App Development, Web Development, MVP Development, UX Audit, AI Agent Development, Product Design, Product Engineering, Applied AI, Design Systems, Loyalty and Retention Design, EAA Compliance, European Accessibility Act, Kiosk UX, EV Charging Apps, AI Copilots, Agent Experience Design, PX-RAY, Corexi, blurpleOS, Certified B Corporation, Istanbul, Barcelona, Türkiye" />
12    <meta name="author" content="blurple studio" />
13    <meta name="robots" content="index, follow" />
14    <link rel="canonical" href="https://blurple.digital/services" data-rh="true" />
15    <link rel="alternate" hreflang="en" href="https://blurple.digital/services" />
16    <link rel="alternate" hreflang="tr" href="https://blurple.digital/tr/services" />
17    <link rel="alternate" hreflang="x-default" href="https://blurple.digital/services" />
18    
19    <!-- Open Graph / Facebook -->
20    <meta property="og:type" content="website" data-rh="true" />
21    <meta property="og:url" content="https://blurple.digital/services" data-rh="true" />
22    <meta property="og:title" content="UX/UI, app development, AI &amp; growth services | blurple studio" data-rh="true" />
23    <meta property="og:description" content="UX/UI design, mobile app and web development, AI agents, loyalty, CRM and app care. Annual partnerships, projects from €10,000, fixed-price starts." data-rh="true" />
24    <meta property="og:image" content="https://blurple.digital/og/pages/services.jpg" data-rh="true" />
25    <meta property="og:site_name" content="blurple studio" />
26    
27    <!-- Twitter -->
28    <meta name="twitter:card" content="summary_large_image" />
29    <meta name="twitter:url" content="https://blurple.digital/services" data-rh="true" />
30    <meta name="twitter:title" content="UX/UI, app development, AI &amp; growth services | blurple studio" data-rh="true" />
31    <meta name="twitter:description" content="UX/UI design, mobile app and web development, AI agents, loyalty, CRM and app care. Annual partnerships, projects from €10,000, fixed-price starts." data-rh="true" />
32    <meta name="twitter:image" content="https://blurple.digital/og/pages/services.jpg" data-rh="true" />
33    
34    <!-- Geo & Language -->
35    <meta name="geo.region" content="TR" />
36    <meta name="geo.region" content="ES-CT" />
37    <meta name="geo.placename" content="Istanbul" />
38    <meta name="geo.placename" content="Barcelona" />
39    <meta property="og:locale" content="en_US" />
40    
41    <!-- Theme Color -->
42    <meta name="theme-color" content="#9921E8" />
43
44    <!-- Structured data: organisation, website and the current services and prices, generated from
45         client/src/data/offer.ts at build time (vite.config.ts, client/src/data/org-jsonld.ts) -->
46    
46<script type="application/ld+json">[{"@context":"https://schema.org","@type":["Organization","ProfessionalService"],"@id":"https://blurple.digital/#org","name":"blurple studio","alternateName":["Blurple Studio","blurple"],"url":"https://blurple.digital","logo":"https://blurple.digital/logo.png","image":"https://blurple.digital/og-image.png","description":"A senior UX/UI design and app development studio in Istanbul and Barcelona. We design and build mobile apps, web and SaaS products, kiosks and the AI inside them, and grow them with segmentation, loyalty and CRM programmes: product design, product engineering, applied AI, and product growth & care. Certified B Corporation. We also build and run products of our own: Corexi, and AI layers for EV charging networks and hotels.","slogan":"The product department that stays.","foundingDate":"2022","founder":{"@type":"Person","name":"Baran Bedir","jobTitle":"Founder & Managing Director","worksFor":{"@id":"https://blurple.digital/#org"},"sameAs":["https://www.linkedin.com/in/baranbedir/"]},"email":"[email protected]","priceRange":"€€","areaServed":["Europe","Türkiye"],"sameAs":["https://www.linkedin.com/company/blurple/","https://www.instagram.com/blurple.studio","https://clutch.co/profile/blurple-studio","https://www.bcorporation.net/en-us/find-a-b-corp/company/blurple-studio/"],"address":[{"@type":"PostalAddress","streetAddress":"Vişnezade, Süleyman Seba St. 79/1, Akaretler","addressLocality":"Beşiktaş, Istanbul","addressCountry":"TR"},{"@type":"PostalAddress","streetAddress":"Passeig de Gràcia 17b","addressLocality":"Barcelona","postalCode":"08007","addressCountry":"ES"}],"contactPoint":[{"@type":"ContactPoint","contactType":"sales","email":"[email protected]","telephone":"+90 212 931 85 83","areaServed":"TR"},{"@type":"ContactPoint","contactType":"sales","email":"[email protected]","telephone":"+34 607 668 996","areaServed":"ES"}],"award":["Certified B Corporation (B Impact Score 82.5)","Clutch Top Developers 2024","Clutch Global Leaders 2024"],"knowsAbout":["Product Design","Product Strategy & Innovation","Research & Service Design","UX/UI Design","Design Systems","Accessibility & EAA Compliance","Product Engineering","Technical Discovery & Architecture","Mobile Apps","Web Apps & SaaS","Kiosk & Embedded","Prototype to Production","Applied AI","AI Opportunity & Strategy","Copilots & Agents","Agent Experience (AX) Design","AI in a Live Product","Product Growth & Care","Growth Strategy & Segmentation","Loyalty & Retention","CRM & Lifecycle Programmes","Experiments & Analytics","Releases & Care","UX/UI design","CRM and lifecycle programmes","Custom AI-powered CRM platforms","Mobile app development","Web and SaaS development","MVP development","UX audit","AI agent development","European A
46ccessibility Act","WCAG 2.1 AA","EV charging software","Kiosk interfaces"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"blurple studio services","itemListElement":[{"@type":"OfferCatalog","name":"Product Design","description":"We find out what people actually do, then design the product around it: flows, interfaces and a design system developers can build from, whether they're your team, another studio or ours.","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Product Strategy & Innovation","description":"We bring the next idea, not only the answer to a brief: opportunities found in your data, your users and your market, turned into concepts you can test before you fund them.","url":"https://blurple.digital/services#innovation"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Research & Service Design","description":"Field research, interviews and usability tests with your real users, and the service behind the screens mapped end to end: app, web, kiosk and the people who run them.","url":"https://blurple.digital/services#research"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"UX/UI Design","description":"UX/UI design: information architecture, flows, prototypes and fully bespoke interfaces, tested before a line of code is written.","url":"https://blurple.digital/services#ux-ui"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Design Systems","description":"Tokens, components and docs wired to code, readable by your developers and by their AI coding tools. Design reviews while they build.","url":"https://blurple.digital/services#design-systems"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Accessibility & EAA Compliance","description":"The European Accessibility Act is enforced across the EU. We review apps, websites and self-service kiosks against WCAG 2.1 AA and EN 301 549, fix what matters first, and design new screens to pass.","url":"https://blurple.digital/services#accessibility"}}]},{"@type":"OfferCatalog","name":"Product Engineering","description":"Mobile, web, SaaS and kiosk products, designed and built by one team. AI makes us fast; senior engineers make it production-grade: every change reviewed, tested and owned.","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Technical Discovery & Architecture","description":"Before the build: what to build it with, how it should hold together and what it will honestly take. A plan your board and your developers both believe.","url":"https://blurple.digital/services#architecture"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile Apps","description":"Mobile app development for iOS and Android, native or cross-platform, from the first build to app-store release and every release after it.","url":"https://blurple.digital/services#mobile"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Apps & SaaS","description":"Web app and SaaS development: platforms, dashboards and the admin tools your team runs the business on.","url":"https://blurple.digital/services#web-saas"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Kiosk & Embedded","description":"Interfaces for the field: charging stations, self-service machines and screens that work in sunlight, with gloves, on a bad connection, with ad-hoc payment and price display built to AFIR and EPDK rules.","url":"https://blurple.digital/services#kiosk"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Prototype to Production","description":"An AI-built prototype that proved the idea, made secure, scalable and ready for real users.","url":"https://blurple.digital/services#prototype-to-production"}}]},{"@type":"OfferCatalog","name":"Applied AI","description":"Copilots, agents and automation that people actually use, designed around answers they can check, failures that are said out loud and nothing that happens without their sign-off.","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI Opportunity & Strategy","description":"Where AI earns its place in your product, and where it doesn't: use cases ranked by value, risk and cost, before anyone writes a prompt.","url":"https://blurple.digital/services#ai-strategy"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Copilots & Agents","description":"AI agent development: in-product assistants grounded in your data, and agents that act on the user's behalf, with answers people can check, approval points and undo.","url":"https://blurple.digital/services#copilots"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Agent Experience (AX) Design","de
46scription":"Conversation, failure and trust design: what the AI says, what it admits it can't do, and what it never does without a yes.","url":"https://blurple.digital/services#ax"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI in a Live Product","description":"AI added to the product you already run: model choice, evaluations and guardrails, rolled out in stages to real users and measured against your numbers.","url":"https://blurple.digital/services#ai-renovation"}}]},{"@type":"OfferCatalog","name":"Product Growth & Care","description":"Going live is where the real work starts. We find the segments in your data, design the reasons people come back, set up the CRM and the journeys that reach them, measure what works, and keep the product up to date, fast and healthy.","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Growth Strategy & Segmentation","description":"Who your users are and what moves each group: segments built from your product data, with onboarding, activation and the next step designed for each of them.","url":"https://blurple.digital/services#growth-strategy"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Loyalty & Retention","description":"Why people come back to your product, designed on purpose: loyalty programmes, rewards, streaks and games that live inside the app. Product loyalty, not campaigns.","url":"https://blurple.digital/services#loyalty"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"CRM & Lifecycle Programmes","description":"An AI-powered CRM of your own, built the way we built blurpleOS, or the CRM you already run. On top of it we build the segments, the loyalty and lifecycle scenarios, and the push, email and in-app journeys that reach each user at the right moment. Lifecycle inside the product, not ad campaigns.","url":"https://blurple.digital/services#crm"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Experiments & Analytics","description":"Analytics wired to product questions, and experiments that show which change worked: event tracking, dashboards and A/B tests, read together with your team.","url":"https://blurple.digital/services#experiments"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Releases & Care","description":"App Store and Google Play releases, maintenance, performance and security updates, and the steady stream of improvements a live product needs, with Corexi watching where people stall.","url":"https://blurple.digital/services#product-care"}}]},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Product Partnership","description":"For companies with a live product and a roadmap. A named senior team, reserved for you every month; One capacity pool across app, web and kiosk, prioritised with you monthly; Quarterly reviews: the KPIs we agreed, and new ideas we bring to the table; Product leadership on call: a senior lead in your roadmap and planning sessions; Every task, file and hour visible in blurpleOS; Corexi watches the live product between reviews."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Projects","description":"For a defined product, feature or redesign. Fixed scope and fixed price, billed per milestone; Three levels: Design · Design + Code · Full Build; Crafted: fully bespoke interface design, on any level; Starts with a paid discovery, credited if the build follows within 60 days."},"priceSpecification":{"@type":"PriceSpecification","minPrice":10000,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"PX-RAY Scan","description":"A fast UX audit of your live product: Corexi's automated scan and a senior review find the ten fixes that matter most. 3 days."},"priceSpecification":{"@type":"PriceSpecification","price":990,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"PX-RAY","description":"The full UX audit on Corexi: every screen and flow, a score, accessibility, and a fix plan ranked by impact. Essentials, Professional, Enterprise. 1–3 weeks."}
46,"priceSpecification":{"@type":"PriceSpecification","minPrice":3500,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Discovery Sprint","description":"Research, new ideas and a concept prototype before a big build. Fully credited if the build follows within 60 days. 2 weeks."},"priceSpecification":{"@type":"PriceSpecification","price":6000,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Growth & Loyalty Sprint","description":"Your data and journeys reviewed, the segments that matter found, a loyalty model designed and a concept tested with real users. Credited if the build follows. 2 weeks."},"priceSpecification":{"@type":"PriceSpecification","price":3900,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Compliance Check","description":"Corexi's automated pass plus a senior review against the rule that applies to you: accessibility (EAA), charging (AFIR, EPDK) or AI transparency (AI Act). A fix plan ranked by risk. 1 week."},"priceSpecification":{"@type":"PriceSpecification","minPrice":1900,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI Readiness Sprint","description":"What AI should, and shouldn't, do in your product, the AI Act's transparency rules included, with a 90-day plan you own. Half a day."},"priceSpecification":{"@type":"PriceSpecification","price":1500,"priceCurrency":"EUR"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Launch","description":"A web or mobile app with a clear scope, built in four weeks: AI-accelerated development on our design system, with sound UX and no bespoke design needed. For funded startups and for companies with a focused product to ship. 4 weeks.","url":"https://blurple.digital/launch"},"priceSpecification":{"@type":"PriceSpecification","price":4900,"priceCurrency":"EUR"}}]}},{"@context":"https://schema.org","@type":"WebSite","@id":"https://blurple.digital/#website","name":"blurple studio","url":"https://blurple.digital","inLanguage":"en","publisher":{"@id":"https://blurple.digital/#org"}}]</script>
46
47    
48    <!-- Favicon -->
49    <link rel="icon" type="image/png" href="/favicon.png" />
50    <link rel="apple-touch-icon" href="/favicon.png" />
51    
52    <!-- v6: Urbanist (400-900) + JetBrains Mono — self-hosted via @fontsource, bundled by Vite -->
53    <!-- Google tag (gtag.js) — production hostname only, so localhost previews,
54         CI screenshot runs and data-center crawlers stop polluting GA4 (the
55         Schiphol/Ashburn "users" in reports were exactly this traffic) -->
56    
56<script>
57      window.dataLayer = window.dataLayer || [];
58      function gtag(){dataLayer.push(arguments);}
59      // Consent Mode v2: no analytics cookies until the visitor accepts them
60      // in the cookie banner; before that (or with "Only necessary") GA only
61      // receives cookieless pings. The banner's choice is remembered and
62      // applied on every visit, and updated the moment it is made.
63      var bpConsent = null;
64      try { bpConsent = localStorage.getItem('blurple-cookie-consent-v6'); } catch (e) {}
65      gtag('consent', 'default', {
66        analytics_storage: bpConsent === 'all' ? 'granted' : 'denied',
67        ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
68        wait_for_update: 500
69      });
70      window.addEventListener('blurple-consent', function (e) {
71        gtag('consent', 'update', { analytics_storage: e.detail === 'all' ? 'granted' : 'denied' });
72      });
73      // the studio's own browsing (bp_preview cookie, set with ?preview=on) never counts as traffic
74      var bpInternal = /(?:^|;\s*)bp_preview=1(?:;|$)/.test(document.cookie);
75      if (/(^|\.)blurple\.digital$/.test(location.hostname) && !bpInternal) {
76        var gaScript = document.createElement('script');
77        gaScript.async = true;
78        gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-NK4PYGEY5T';
79        document.head.appendChild(gaScript);
80        gtag('js', new Date());
81        gtag('config', 'G-NK4PYGEY5T');
82      }
83    </script>
83
84    <!-- blurple access — our own accessibility widget, lazy loaded on first interaction -->
85    
85<script>
86      (function(){
87        var loaded=false;
88        function loadA11y(){
89          if(loaded)return;loaded=true;
90          var s=document.createElement('script');
91          s.src='/blurple-a11y.js?v=2';
92          s.defer=true;document.head.appendChild(s);
93          ['scroll','mousemove','touchstart','keydown'].forEach(function(e){window.removeEventListener(e,loadA11y)});
94        }
95        ['scroll','mousemove','touchstart','keydown'].forEach(function(e){window.addEventListener(e,loadA11y,{once:true,passive:true})});
96        setTimeout(loadA11y,8000);
97      })();
98    </script>
98
99  <style>
100    .skip-nav{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
101    .skip-nav:focus{position:fixed;top:16px;left:16px;width:auto;height:auto;overflow:visible;background:#ffffff;color:#111111;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;z-index:999999;box-shadow:0 2px 16px rgba(0,0,0,0.18);text-decoration:none;outline:2px solid #537FE7;}
102  </style>
103    
103<script type="module" crossorigin src="/assets/index-KfA_76eM.js"></script>
103
104    <style>.skip-nav{position:absolute;left:-10000px;top:auto;width:1px;height:1pxoverflow:hidden;}.skip-nav:focus{position:fixed;top:16px;left:16px;width:auto;height:auto;overflow:visible;background:#ffffff;color:#111111;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;z-index:999999;box-shadow:0 2px 16px rgba(0,0,0,0.18);text-decoration:noneoutline:2px solid #537FE7;}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}summary{display:list-item}h1,h2,h3,figure,p{margin:0}ul{list-style:none;margin:0;padding:0}button{cursor:pointer}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}*{border-color:var(--border);box-sizing:border-box}body{background-color:var(--background);font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Urbanist,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;letter-spacing:.01em}h1{font-family:Urbanist,-apple-system,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;letter-spacing:-.02em}h2{font-family:Urbanist,-apple-system,sans-serif;font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1.25;letter-spacing:-.01em}h3{font-family:Urbanist,-apple-system,sans-serif;font-weight:600;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3}p{font-weight:400;line-height:1.7}.text-sm{font-size:.9rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.65}h1{font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:var(--fw-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);margin-bottom:var(--mb-h1)}h2{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:var(--fw-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);margin-bottom:var(--mb-h2)}h3{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:var(--fw-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);margin-bottom:var(--mb-h3)}p{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);margin-bottom:var(--mb-body)}a{font-weight:var(--fw-link);transition:all .2s ease}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-\[45\%\]{bottom:-45%}.-left-\[18\%\]{left:-18%}.-right-\[22\%\]{right:-22%}.-top-40{top:-10rem}.-top-\[30\%\]{top:-30%}.-top-\[55\%\]{top:-55%}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-3\.5{bottom:.875rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-\[22px\]{bottom:22px}.left-1\/2{left:50%}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.left-\[26\%\]{left:26%}.right-0{right:0}.right-3\.5{right:.875rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-\[-10\%\]{right:-10%}.right-\[-20px\]{right:-20px}.top-0{top:0}.top-5{top:1.25rem}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}
104.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.h-0{height:0px}.h-0\.5{height:.125rem}.h-11{height:2.75rem}.h-\[10px\]{height:10px}.h-\[110\%\]{height:110%}.h-\[120\%\]{height:120%}.h-\[130\%\]{height:130%}.h-\[150px\]{height:150px}.h-\[520px\]{height:520px}.h-\[58px\]{height:58px}.h-\[74px\]{height:74px}.h-\[84px\]{height:84px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[32px\]{min-height:32px}.min-h-\[44px\]{min-height:44px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-6{width:1.5rem}.w-\[580px\]{width:580px}.w-\[640px\]{width:640px}.w-\[70\%\]{width:70%}.w-\[74px\]{width:74px}.w-\[75\%\]{width:75%}.w-\[84px\]{width:84px}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[44px\]{min-width:44px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[820px\]{max-width:820px}.max-w-\[96px\]{max-width:96px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.grid-cols-\[1\.25fr_1fr\]{grid-template-columns:1.25fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[22px\]{-moz-column-gap:22px;column-gap:22px}.gap-y-10{row-gap:2.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3\.5{row-gap:.875rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}
104.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#4b3596\]{--tw-border-opacity:1;border-color:rgb(75 53 150 / var(--tw-border-opacity, 1))}.border-\[\#e1daf7\]{--tw-border-opacity:1;border-color:rgb(225 218 247 / var(--tw-border-opacity, 1))}.border-\[\#e4e2ec\]{--tw-border-opacity:1;border-color:rgb(228 226 236 / var(--tw-border-opacity, 1))}.border-\[\#e7e4f0\]{--tw-border-opacity:1;border-color:rgb(231 228 240 / var(--tw-border-opacity, 1))}.border-\[\#ebe8f3\]{--tw-border-opacity:1;border-color:rgb(235 232 243 / var(--tw-border-opacity, 1))}.border-\[\#eeecf4\]{--tw-border-opacity:1;border-color:rgb(238 236 244 / var(--tw-border-opacity, 1))}.border-\[rgba\(122\,80\,232\,0\.55\)\]{border-color:#7a50e88c}.border-v6-ink{--tw-border-opacity:1;border-color:rgb(23 20 31 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/35{border-color:#ffffff59}.border-white\/\[0\.12\]{border-color:#ffffff1f}.border-white\/\[0\.14\]{border-color:#ffffff24}.border-white\/\[0\.16\]{border-color:#ffffff29}.bg-\[\#0A0A0D\]{--tw-bg-opacity:1;background-color:rgb(10 10 13 / var(--tw-bg-opacity, 1))}.bg-\[\#0e0a1a\]{--tw-bg-opacity:1;background-color:rgb(14 10 26 / var(--tw-bg-opacity, 1))}.bg-\[\#25145a\]{--tw-bg-opacity:1;background-color:rgb(37 20 90 / var(--tw-bg-opacity, 1))}.bg-\[\#2a1a5c\]{--tw-bg-opacity:1;background-color:rgb(42 26 92 / var(--tw-bg-opacity, 1))}.bg-\[\#c4b5fd\]{--tw-bg-opacity:1;background-color:rgb(196 181 253 / var(--tw-bg-opacity, 1))}.bg-\[\#f1efff\]{--tw-bg-opacity:1;background-color:rgb(241 239 255 / var(--tw-bg-opacity, 1))}.bg-\[\#f3f1ea\]{--tw-bg-opacity:1;background-color:rgb(243 241 234 / var(--tw-bg-opacity, 1))}.bg-\[\#f4f1fb\]{--tw-bg-opacity:1;background-color:rgb(244 241 251 / var(--tw-bg-opacity, 1))}.bg-\[\#fbfaff\]{--tw-bg-opacity:1;background-color:rgb(251 250 255 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(20\,16\,31\,0\.75\)\]{background-color:#14101fbf}.bg-current{background-color:currentColor}.bg-v6-daylight{--tw-bg-opacity:1;background-color:rgb(245 244 248 / var(--tw-bg-opacity, 1))}.bg-v6-deep{--tw-bg-opacity:1;background-color:rgb(20 16 31 / var(--tw-bg-opacity, 1))}.bg-v6-dusk{--tw-bg-opacity:1;background-color:rgb(56 34 122 / var(--tw-bg-opacity, 1))}.bg-v6-ink{--tw-bg-opacity:1;background-color:rgb(23 20 31 / var(--tw-bg-opacity, 1))}.bg-v6-ink\/90{background-color:#17141fe6}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/90{background-color:#ffffffe6}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-\[linear-gradient\(118deg\,\#5A1FE6_0\%\,\#7A2CF0_38\%\,\#B42CE8_72\%\,\#DD3AD8_100\%\)\]{background-image:linear-gradient(118deg,#5a1fe6,#7a2cf0 38%,#b42ce8 72%,#dd3ad8)}.bg-\[linear-gradient\(135deg\,rgba\(83\,127\,231\,0\.25\)\,rgba\(153\,33\,232\,0\.25\)\)\]{background-image:linear-gradient(135deg,#537fe740,#9921e840)}.bg-\[linear-gradient\(180deg\,rgba\(10\,6\,20\,0\)_30\%\,rgba\(10\,6\,20\,0\.85\)_100\%\)\]{background-image:linear-gradient(180deg,#0a061400 30%,#0a0614d9)}.bg-\[linear-gradient\(180deg\,rgba\(10\,6\,20\,0\)_45\%\,rgba\(10\,6\,20\,0\.85\)_100\%\)\]{background-image:linear-gradient(180deg,#0a061400 45%,#0a0614d9)}.bg-\[linear-gradient\(180deg\,rgba\(10\,6\,20\,0\.05\)_20\%\,rgba\(10\,6\,20\,0\.85\)_100\%\)\]{background-image:linear-gradient(180deg,#0a06140d 20%,#0a0614d9)}.bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.3\)_0\%\,rgba\(0\,0\,0\,0\.65\)_100\%\)\]{background-image:linear-gradient(to bottom,#0000004d,#000000a6)}.bg-\[radial-gradient\(circle\,rgba\(122\,60\,234\,0\.35\)\,transparent_65\%\)\]{background-image:radial-gradient(circle,rgba(122,60,234,.35),transparent 65%)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Menlo,monospace}.font-sans{font-family:var(--font-sans)}.text-\[10\.5px\]{font-size:10.5px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18\.5px\]{font-size:18.5px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[36px\]{font-size:36px}.text-\[clamp\(38px\,5\.6vw\,72px\)\]{font-size:clamp(38px,5.6vw,72px)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.03\]{line-height:1.03}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.22em\]{letter-spacing:.22em}.text-\[\#1a0f3d\]{--tw-text-opacity:1;color:rgb(26 15 61 / var(--tw-text-opacity, 1))}.text-\[\#3a2fc4\]{--tw-text-opacity:1;color:rgb(58 47 196 / var(--tw-text-opacity, 1))}.text-\[\#5b34c9\]{--tw-text-opacity:1;color:rgb(91 52 201 / var(--tw-text-opacity, 1))}.text-\[\#6a3fd6\]{--tw-text-opacity:1;color:rgb(106 63 214 / var(--tw-text-opacity, 1))}.text-\[\#6b6879\]{--tw-text-opacity:1;color:rgb(107 104 121 / var(--tw-text-opacity, 1))}.text-\[\#7a52e0\]{--tw-text-opacity:1;color:rgb(122 82 224 / var(--tw-text-opacity, 1))}
104.text-\[\#8f8a9f\]{--tw-text-opacity:1;color:rgb(143 138 159 / var(--tw-text-opacity, 1))}.text-\[\#a49dbd\]{--tw-text-opacity:1;color:rgb(164 157 189 / var(--tw-text-opacity, 1))}.text-\[\#a99ee0\]{--tw-text-opacity:1;color:rgb(169 158 224 / var(--tw-text-opacity, 1))}.text-\[\#c0badb\]{--tw-text-opacity:1;color:rgb(192 186 219 / var(--tw-text-opacity, 1))}.text-\[\#c4b5fd\]{--tw-text-opacity:1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-v6-cream{--tw-text-opacity:1;color:rgb(244 242 238 / var(--tw-text-opacity, 1))}.text-v6-ink{--tw-text-opacity:1;color:rgb(23 20 31 / var(--tw-text-opacity, 1))}.text-v6-ink-soft{--tw-text-opacity:1;color:rgb(85 82 95 / var(--tw-text-opacity, 1))}.text-v6-lav{--tw-text-opacity:1;color:rgb(179 173 220 / var(--tw-text-opacity, 1))}.text-v6-lav-mute{--tw-text-opacity:1;color:rgb(144 137 171 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/35{color:#ffffff59}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/65{color:#ffffffa6}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.shadow-\[0_0_40px_rgba\(122\,60\,234\,0\.6\)\]{--tw-shadow:0 0 40px rgba(122,60,234,.6);
104--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(20\,16\,31\,0\.18\)\]{--tw-shadow:0 24px 80px rgba(20,16,31,.18);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_80px_rgba\(30\,12\,80\,0\.22\)\]{--tw-shadow:0 30px 80px rgba(30,12,80,.22);--tw-shadow-colored:0 30px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(122\,60\,234\,0\.22\)\]{--tw-shadow:0 6px 20px rgba(122,60,234,.22);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.\[filter\:brightness\(0\)\]{filter:brightness(0)}.\[filter\:brightness\(0\)_invert\(1\)\]{filter:brightness(0) invert(1)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[text-wrap\:balance\]{text-wrap:balance}@keyframes blurpleFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.v6-grad{background-image:linear-gradient(135deg,#537fe7,#9921e8)}.v6-grad-text-flow{background-image:linear-gradient(92deg,#8fa9f2,#c77df5,#8fa9f2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:blurpleFlow 6s ease-in-out infinite;padding:0 .08em .14em;margin:0 -.08em -.14em}@media (prefers-reduced-motion: reduce){.v6-grad-text-flow{animation:none!important}}.v6-wordmark{font-weight:800;letter-spacing:-.04em;line-height:1;white-space:nowrap;background-image:linear-gradient(92deg,#537fe766,#9921e866,#537fe766);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:blurpleFlow 10s ease-in-out infinite;font-size:min(176px,12vw)}html,body,#root{overflow-x:hidden;max-width:100vw}:root{--background:hsl(0, 0%, 100%);--foreground:hsl(222, 84%, 5%);--card:hsl(0, 0%, 100%);--card-foreground:hsl(222, 84%, 5%);--popover:hsl(0, 0%, 100%);--popover-foreground:hsl(222, 84%, 5%);--primary:hsl(271, 91%, 65%);--primary-foreground:hsl(210, 40%, 98%);--secondary:hsl(210, 40%, 96%);--secondary-foreground:hsl(222, 84%, 5%);--muted:hsl(210, 40%, 96%);--muted-foreground:hsl(215, 16%, 47%);--accent:hsl(210, 40%, 96%);--accent-foreground:hsl(222, 84%, 5%);--destructive:hsl(0, 84%, 60%);--destructive-foreground:hsl(210, 40%, 98%);--border:hsl(214, 32%, 91%);--input:hsl(214, 32%, 91%);--ring:hsl(222, 84%, 5%);--chart-1:hsl(203, 88%, 53%);--chart-2:hsl(160, 100%, 36%);--chart-3:hsl(42, 93%, 56%);--chart-4:hsl(147, 79%, 42%);--chart-5:hsl(341, 75%, 51%);--sidebar:hsl(180, 7%, 97%);--sidebar-foreground:hsl(210, 25%, 8%);--sidebar-primary:hsl(203, 88%, 53%);--sidebar-primary-foreground:hsl(0, 0%, 100%);--sidebar-accent:hsl(212, 51%, 93%);--sidebar-accent-foreground:hsl(203, 88%, 53%);--sidebar-border:hsl(205, 25%, 91%);--sidebar-ring:hsl(203, 89%, 53%);--font-sans:"Urbanist", "Urbanist Fallback", sans-serif;--font-serif:"BelgianoSerif2", Georgia, serif;--handbook-grid:url(/assets/bg-handbook_1757610005447-CcRLRI72.png);
104--handbook-title-1:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdkAAAA4CAMAAACG9nKjAAAAh1BMVEX/9/G3sf//9fC1sf9MaXHFwvz/1dW0sf/37vS8uvz/+PCzsP+0sf/y7PLq6uqqqv//6ur/+e7/9vO1sf+0sP//9e7/9u2qqv//+fL///T/9vDr5vC1sv+/v+q9uvzV1er/9PT/8fG8sf+xsf//9u/e3v//+PT/8PDBwfb/+fT/7e3l3O3z7fMGSj7nAAAALXRSTlNcLjQ0AFwGXFxcRVFLUQwGDC5WRTpLOgwoF1c0VgxRDC4SFxdRF0UjHS4dHVermhf0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABPUlEQVR42u3cWXKCQBgAYQYJkcV9N4tJNHG9//msEk3JEaar/9fvjQbZBpPkMa+t6SbPo0VjIbuPW4VmwbJU61iWalPLUm0ysCzU6oFloVb1LQu13tCtArXSrcK0i8cs1M6eZ5kWvDZmWsf7WabVt2dQxWO6rXkpnkeLyXr9W9n/0K0dIClae4cWka2HmWWRdsosi7RjZlmmrSwLtdSyUBvnloXa0rJQKy1LtZVloZZaFmrNNZRlgba0LNRK1xtT7ceyvnnXorJ3V5K7DkqLy2rLUu3XslB7syzTqo1lmbb1PMu04P0s0yqfLkJtYVmmBf+BhGmT+2oZv4mBWfNVj+9nebZ3vTHURpal2siyVJtblmrz3LJQm+WWhdrsw7JQ+1xYFmpTyyJtd/DXmGjrL6+gkJb6xRbS/r6bZ1BXEbeSuVfiOQkAAAAASUVORK5CYII=);--handbook-title-2:url(/assets/handbook-title-2_1757610037934-CKEeAsR5.png);--font-mono:Menlo, monospace;--radius:.75rem;--primary-500:#537FE7;--primary-600:#4266B9;--secondary-500:#9921E8;--default-50:#F9F9F9;--default-100:#f2f2f2;--default-200:#eaeaea;--default-300:#DADADA;--default-400:#BEBEBE;--default-500:#7B7B7B;--default-sea-shell:#F1F1F1;--neutral-100:#9E9E9E;--neutral-200:#818181;--neutral-300:#636363;--neutral-400:#464646;--neutral-500:#282828;--neutral-600:#202020;--neutral-800:#101010;--tertiary-400:#666666}:root{--fs-h1:clamp(2rem, 1.6rem + 1.5vw, 3rem);--fs-h2:clamp(1.75rem, 1.3rem + 1.2vw, 2.5rem);--fs-h3:clamp(1.5rem, 1.1rem + .8vw, 2rem);--fs-h4:clamp(1.25rem, 1rem + .5vw, 1.5rem);--fs-body:clamp(1rem, .95rem + .2vw, 1.125rem);--fs-body-lg:clamp(1.125rem, 1rem + .3vw, 1.25rem);--fs-caption:.875rem;--fw-h1:900;--fw-h2:800;--fw-h3:700;--fw-h4:600;--fw-body:400;--fw-body-medium:500;--fw-link:500;--lh-h1:1.15;--lh-h2:1.2;--lh-h3:1.25;--lh-h4:1.3;--lh-body:1.6;--lh-caption:1.45;--ls-h1:-.01em;--ls-h2:-.01em;--ls-h3:-.005em;--ls-h4:0;--ls-body:.01em;--ls-caption:.01em;--mb-h1:1.25rem;--mb-h2:1.125rem;--mb-h3:1rem;--mb-h4:.75rem;--mb-body:1rem}@media (prefers-reduced-motion: reduce){.v6-aurora{animation:none!important}}.v7 section:has(.v7-vivid) .text-v6-lav{color:#ffffffdb}.v7 section:has(.v7-vivid) .text-v6-lav-mute{color:#ffffffb8}.v7 section:has(.v7-vivid) .text-\[\#7a52e0\],.v7 section:has(.v7-vivid) .text-\[\#c0badb\]{color:#ffffffd1}.v7 section:has(.v7-vivid) .v6-grad-text-flow{background-image:linear-gradient(92deg,#c9d8ff,#ffd3f3,#c9d8ff);background-size:200% 100%}.v7 section[id]{scroll-margin-top:72px}html.v7 body,html.v7 #root{overflow-x:clip}.v7 .text-v6-lav-mute{color:#aaa2cf}.last\:border-0:last-child{border-width:0px}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#7a62c9\]:hover{--tw-border-opacity:1;border-color:rgb(122 98 201 / var(--tw-border-opacity, 1))}.hover\:border-\[\#c9bff0\]:hover{--tw-border-opacity:1;border-color:rgb(201 191 240 / var(--tw-border-opacity, 1))}.hover\:border-\[rgba\(122\,80\,232\,0\.9\)\]:hover{border-color:#7a50e8e6}.hover\:border-white\/\[0\.3\]:hover{border-color:#ffffff4d}.hover\:bg-\[\#efedf5\]:hover{--tw-bg-opacity:1;background-color:rgb(239 237 245 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f4f2fa\]:hover{--tw-bg-opacity:1;background-color:rgb(244 242 250 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/\[0\.14\]:hover{background-color:#ffffff24}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:text-\[\#d9cffb\]:hover{--tw-text-opacity:1;color:rgb(217 207 251 / var(--tw-text-opacity, 1))}.hover\:text-v6-cream:hover{--tw-text-opacity:1;color:rgb(244 242 238 / var(--tw-text-opacity, 1))}.hover\:text-v6-ink:hover{--tw-text-opacity:1;color:rgb(23 20 31 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0_14px_36px_rgba\(60\,30\,140\,0\.08\)\]:hover{--tw-shadow:0 14px 36px rgba(60,30,140,.08);
104--tw-shadow-colored:0 14px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_18px_44px_rgba\(60\,30\,140\,0\.10\)\]:hover{--tw-shadow:0 18px 44px rgba(60,30,140,.1);--tw-shadow-colored:0 18px 44px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_50px_rgba\(20\,16\,31\,0\.28\)\]:hover{--tw-shadow:0 20px 50px rgba(20,16,31,.28);--tw-shadow-colored:0 20px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:focus-within .group-focus-within\:visible{visibility:visible}.group:focus-within .group-focus-within\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group\/b:hover .group-hover\/b\:translate-x-1,.group\/card:hover .group-hover\/card\:translate-x-1,.group\/f:hover .group-hover\/f\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/n:hover .group-hover\/n\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/c:hover .group-hover\/c\:scale-\[1\.05\]{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.05\]{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/n:hover .group-hover\/n\:text-\[\#d9cffb\]{--tw-text-opacity:1;color:rgb(217 207 251 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-\[420px\]{height:420px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-3{gap:.75rem}.sm\:p-6{padding:1.5rem}.sm\:hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:mb-14{margin-bottom:3.5rem}.md\:mt-16{margin-top:4rem}.md\:block{display:block}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.md\:pb-20{padding-bottom:5rem}.md\:pt-12{padding-top:3rem}.md\:pt-14{padding-top:3.5rem}.md\:pt-20{padding-top:5rem}.md\:text-\[17px\]{font-size:17px}.md\:text-\[19px\]{font-size:19px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[42px\]{font-size:42px}.md\:text-\[52px\]{font-size:52px}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,0\.75fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.lg\:gap-14{gap:3.5rem}.lg\:gap-16{gap:4rem}.lg\:pb-2{padding-bottom:.5rem}}@media (min-width: 1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}</style><link rel="preload" as="style" crossorigin href="/assets/index-CnnWCfgk.css" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" crossorigin href="/assets/index-CnnWCfgk.css"></noscript>
105  
105<script type="application/ld+json">[{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"blurple studio","item":"https://blurple.digital"},{"@type":"ListItem","position":2,"name":"UX/UI, app development, AI & growth services","item":"https://blurple.digital/services"}]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does blurple studio do?","acceptedAnswer":{"@type":"Answer","text":"We design and build digital products, and the AI inside them. Four services: Product Design (strategy, research, UX/UI, design systems, accessibility), Product Engineering (mobile, web, SaaS and kiosk, to production), Applied AI (copilots, agents and AX design) and Product Growth & Care (segmentation, loyalty, CRM, experiments, releases and maintenance)."}},{"@type":"Question","name":"How do you price your work?","acceptedAnswer":{"@type":"Answer","text":"Three ways. A Product Partnership is an annual plan with a tailored proposal. Projects have a fixed scope and price, from €10,000. And there are fixed-price starts: PX-RAY Scan (€990), PX-RAY (from €3,500), Discovery Sprint (€6,000), Growth & Loyalty Sprint (€3,900), Compliance Check (from €1,900), AI Readiness Sprint (€1,500). All prices exclude VAT."}}
105,{"@type":"Question","name":"Where should we start?","acceptedAnswer":{"@type":"Answer","text":"With a live product, a PX-RAY Scan (€990). With an idea, a Discovery Sprint (€6,000). For growth and retention, a Growth & Loyalty Sprint; for the EAA, AFIR or the AI Act, a Compliance Check; for AI, an AI Readiness Sprint."}},{"@type":"Question","name":"You build with AI. Does that make it cheap?","acceptedAnswer":{"@type":"Answer","text":"AI makes us fast; senior people make it production-grade. Every change is reviewed, tested and owned by a person. We don't sell AI as a discount: it's the reason we ship in weeks, not months."}},{"@type":"Question","name":"Do you work with teams that have their own developers?","acceptedAnswer":{"@type":"Answer","text":"Yes. Product Design delivers research, flows and a design system wired to code that your developers, another studio or ours can build from, with design reviews while they build."}},{"@type":"Question","name":"Where are you based, and who do you work with?","acceptedAnswer":{"@type":"Answer","text":"Istanbul (head office) and Barcelona. We work with companies across Türkiye and Europe, from funded startups to national networks like Zes and global platforms like Revolut and Aircall."}},{"@type":"Question","name":"Can you help with the European Accessibility Act?","acceptedA
105nswer":{"@type":"Answer","text":"Yes: accessibility and EAA compliance for apps, websites and kiosks, starting with a one-week Compliance Check (from €1,900)."}}]}]</script>
105
106  <link rel="preload" as="font" type="font/woff2" href="/assets/urbanist-latin-500-normal-CTXUkCRo.woff2" crossorigin /><link rel="preload" as="font" type="font/woff2" href="/assets/urbanist-latin-700-normal-BtsT2zLv.woff2" crossorigin /><link rel="preload" as="font" type="font/woff2" href="/assets/urbanist-latin-800-normal-ga5fynFS.woff2" crossorigin /></head>
107  <body>
108    <a href="#main-content" class="skip-nav">Skip to main content</a>
109    <div id="root" data-prerendered="1"><!--$--><div class="bg-v6-daylight min-h-screen font-sans text-v6-ink antialiased"><section class="bg-v6-dusk relative isolate z-40"><div class="v7-vivid absolute inset-0 -z-10 pointer-events-none bg-[linear-gradient(118deg,#5A1FE6_0%,#7A2CF0_38%,#B42CE8_72%,#DD3AD8_100%)]" aria-hidden="true"></div><div class="absolute inset-0 -z-10 overflow-hidden pointer-events-none " style="opacity:0.55" aria-hidden="true"><div class="v6-aurora absolute -left-[18%] -top-[30%] w-[75%] h-[120%] rounded-full" style="background:radial-gradient(circle, rgba(129,63,246,0.68), transparent 62%);filter:blur(70px);will-change:transform;animation:v6-aurora-a 13s ease-in-out infinite alternate;animation-delay:-7.4s"></div><div class="v6-aurora absolute -right-[22%] -bottom-[45%] w-[85%] h-[130%] rounded-full" style="background:radial-gradient(circle, rgba(228,52,203,0.5), transparent 62%);filter:blur(80px);will-change:transform;animation:v6-aurora-b 16s ease-in-out infinite alternate;animation-delay:-7.4s"></div><div class="v6-aurora absolute left-[26%] -top-[55%] w-[75%] h-[110%] rounded-full" style="background:radial-gradient(circle, rgba(14,9,28,0.55), transparent 65%);filter:blur(60px);will-change:transform;animation:v6-aurora-c 15s ease-in-out infinite alternate;animation-delay:-7.4s"></div></div><header class="relative z-40"><nav class="flex items-center justify-between px-5 md:px-16 py-6 md:py-7" aria-label="Main"><a aria-label="blurple studio — home" href="/" class="font-extrabold text-[19px] text-v6-cream">blurple<!-- --> <span class="font-normal text-white/80">studio</span></a><div class="hidden lg:flex items-center gap-8 text-[15px] font-medium"><span class="relative group"><a href="/services" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Services<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute left-1/2 -translate-x-1/2 top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[640px] grid grid-cols-[1.25fr_1fr] gap-2.5"><div class="flex flex-col"><a href="/services#design" class="flex items-baseline gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="font-mono text-[11px] text-[#8f8a9f]">0<!-- -->1</span><span><span class="block text-[15px] font-bold leading-snug">Product Design</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Strategy &amp; innovation · Research &amp; service design · UX/UI · Design systems · Accessibility &amp; EAA</span></span></a><a href="/services#engineering" class="flex items-baseline gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="font-mono text-[11px] text-[#8f8a9f]">0<!-- -->2</span><span><span class="block text-[15px] font-bold leading-snug">Product Engineering</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Architecture · Mobile · Web &amp; SaaS · Kiosk · Prototype to production</span></span></a><a href="/services#applied-ai" class="flex items-baseline gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="font-mono text-[11px] text-[#8f8a9f]">0<!-- -->3</span><span><span class="block text-[15px] font-bold leading-snug">Applied AI</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">AI strategy · Copilots &amp; agents · AX design · AI in live products</span></span></a><a href="/services#growth" class="flex items-baseline gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="font-mono text-[11px] text-[#8f8a9f]">0<!-- -->4</span><span><span class="block text-[15px] font-bold leading-snug">Product Growth &amp; Care</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Growth &amp; segments · Loyalty &amp; retention · CRM &amp; lifecycle · Experiments &amp; analytics · Releases &amp; care</span></span></a><a href="/services" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors mt-1"><span>All services</span><span>→</span></a></div><div class="flex flex-col justify-between rounded-[14px] bg-v6-dusk text-white p-5"><span><span class="block font-mono text-[10.5px] tracking-[0.14em] text-white/70">HOW WE WORK</span><span class="flex flex-col mt-3"><a href="/services#work-together" class="block py-2.5 border-b border-white/10 last:border-0 text-white hover:no-underline hover:text-[#d9cffb]"><span class="flex items-baseline justify-between gap-3"><span class="font-bold text-[15px]">Product Partnership</span><span class="text-white/60 text-[12px] whitespace-nowrap">annual</span></span><span class="block text-white/70 text-[12.5px] leading-[1.45] mt-1">A named senior team for the year, across app, web, kiosk and AI.</span></a><a href="/services#work-together" class="block py-2.5 border-b border-white/10 last:border-0 text-white hover:no-underline hover:text-[#d9cffb]"><span class="flex items-baseline justify-between gap-3"><span class="font-bold text-[15px]">Projects</span><span class="text-white/60 text-[12px] whitespace-nowrap">fixed scope</span></span><span class="block text-white/70 text-[12.5px] leading-[1.45] mt-1">A defined product, feature or redesign, with a fixed scope and price.</span></a></span></span><span class="block mt-4 pt-4 border-t border-white/10"><span class="block text-white/70 text-[12.5px] leading-[1.5]">Not sure where to start? Begin small: a PX-RAY, a sprint or a compliance check.</span><a href="/services#start" class="group/f flex items-center justify-between mt-2 text-[13px] font-bold text-white hover:no-underline hover:text-[#d9cffb]"><span>Fixed-price starts</span><span class="group-hover/f:translate-x-1 transition-transform">→</span></a></span></div></div></div></span><span class="relative group"><a href="/work" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Case Studies<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute left-1/2 -translate-x-1/2 top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[640px] grid grid-cols-[1.25fr_1fr] gap-2.5"><div class="grid grid-cols-2 gap-1.5 col-span-2">
109<a href="/work/zes-ev-charging" class="group/c relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1771323289703_card-B4G0yVUs.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover/c:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0)_30%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-3.5 right-3.5 bottom-3"><span class="flex items-baseline justify-between gap-2"><span class="text-white font-extrabold text-[16px]">Zes</span><span class="text-white text-[12px] font-bold">700k+ drivers</span></span><span class="block text-white/75 text-[12px] mt-0.5">EV charging app</span></span></a><a href="/work/revolut" class="group/c relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Ekran_Resmi_2026-05-04_13.11.33_1777890256335_card-zAcINhfy.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover/c:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0)_30%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-3.5 right-3.5 bottom-3"><span class="flex items-baseline justify-between gap-2"><span class="text-white font-extrabold text-[16px]">Revolut</span><span class="text-white text-[12px] font-bold">70M+ customers</span></span><span class="block text-white/75 text-[12px] mt-0.5">Self-service machine</span></span></a><a href="/work/electrip" class="group/c relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1772893801685_card-Dq2v4R53.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover/c:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0)_30%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-3.5 right-3.5 bottom-3"><span class="flex items-baseline justify-between gap-2"><span class="text-white font-extrabold text-[16px]">Electrip</span><span class="text-white text-[12px] font-bold">6 markets</span></span><span class="block text-white/75 text-[12px] mt-0.5">Charging across Europe</span></span></a><a href="/work/cumhuriyet" class="group/c relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1772894731624_card-Fkj_WBrY.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover/c:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0)_30%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-3.5 right-3.5 bottom-3"><span class="flex items-baseline justify-between gap-2"><span class="text-white font-extrabold text-[16px]">Cumhuriyet</span><span class="text-white text-[12px] font-bold">5M+ daily readers</span></span><span class="block text-white/75 text-[12px] mt-0.5">National newsroom</span></span></a></div><div class="col-span-2 grid grid-cols-2 gap-x-1.5 border-t border-[#eeecf4] mt-1 pt-1.5"><a href="/work/aircall" class="flex items-baseline justify-between gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="text-[14px] font-bold">Aircall</span><span class="text-[12px] text-v6-ink-soft truncate">AI for 23,000+ companies</span></a><a href="/work/enjoy-esim" class="flex items-baseline justify-between gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="text-[14px] font-bold">Enjoy eSIM</span><span class="text-[12px] text-v6-ink-soft truncate">+35% acquisition</span></a><a href="/work/super73-crew" class="flex items-baseline justify-between gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="text-[14px] font-bold">Super73 Crew</span><span class="text-[12px] text-v6-ink-soft truncate">Rider app, US</span></a><a href="/work/ulak-maya" class="flex items-baseline justify-between gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="text-[14px] font-bold">Ulak Maya</span><span class="text-[12px] text-v6-ink-soft truncate">600+ screen SD-WAN platform</span></a></div><div class="col-span-2 grid grid-cols-2 gap-x-1.5"><a href="/work" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors"><span>All 30 case studies</span><span>→</span></a><a href="/industries" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors"><span>Browse by industry</span><span>→</span></a></div></div></div></span><span class="relative group"><a href="/industries" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Industries<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute left-1/2 -translate-x-1/2 top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[640px] grid grid-cols-[1.25fr_1fr] gap-2.5"><div class="grid grid-cols-2 gap-0.5 col-span-2"><a href="/industries/energy" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]">
109<img src="/assets/Splash_1771325753571_ind_thumb-Bc-J_c-f.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Energy &amp; EV Charging</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Zes · Electrip · Beefull · Octopus</span></span></a><a href="/industries/mobility" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="/assets/Splash_1772968261537_ind_thumb-CK7EevN7.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Mobility</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Ridee · Super73 · DOA</span></span></a><a href="/industries/fintech" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="/assets/Ekran_Resmi_2026-05-04_13.11.33_1777890256335_ind_thumb-DKfXAQb_.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Fintech &amp; Commerce</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Revolut · Enjoy eSIM · Kiraala</span></span></a><a href="/industries/proptech" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="data:image/webp;base64,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" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">PropTech &amp; Construction</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Habi · Petrichor · Beaver</span></span></a><a href="/industries/health" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="/assets/Splash_1773067267909_ind_thumb-B1mdyDoJ.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Health &amp; Med-Tourism</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Dentakay</span></span></a><a href="/industries/media" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="/assets/Splash_1772894731624_ind_thumb-BsorAViI.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/><span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Media &amp; Consumer</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Cumhuriyet · Taraftar+ · Talkstar</span></span></a><a href="/industries/enterprise" class="flex items-center gap-3 rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><img src="/assets/Splash_1771326359657_ind_thumb-Bs43c4mB.webp" alt="" loading="lazy" class="w-11 h-11 rounded-[9px] object-cover shrink-0"/>
109<span class="min-w-0"><span class="block text-[14px] font-bold leading-snug">Enterprise &amp; Defense</span><span class="block text-[12px] text-v6-ink-soft mt-0.5 truncate">Aircall · Ulak Maya · KUKA</span></span></a><a href="/industries" class="flex items-center justify-between rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa] text-[13px] font-bold">All industries <span>→</span></a></div></div></div></span><span class="relative group"><a href="/products" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Products<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute right-[-20px] top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[640px] grid grid-cols-[1.25fr_1fr] gap-2.5"><div class="flex flex-col"><span class="font-mono text-[10.5px] tracking-[0.14em] text-[#8f8a9f] px-3 pt-2 pb-1">OUR PRODUCTS</span><a href="https://www.corexi.ai/en" target="_blank" rel="noopener noreferrer" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[14.5px] font-bold leading-tight">Corexi</span><span class="text-[11.5px] text-v6-ink-soft whitespace-nowrap">Live</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">The UX-led conversion layer.</span></a><a href="/products/emobility-os" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[14.5px] font-bold leading-tight">blurple eMobility OS</span><span class="text-[11.5px] text-v6-ink-soft whitespace-nowrap">Early access</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">The experience layer for eMobility.</span></a><a href="/products/hospitality-os" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[14.5px] font-bold leading-tight">blurple hospitality OS</span><span class="text-[11.5px] text-v6-ink-soft whitespace-nowrap">Early access</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">One AI layer for the whole hotel.</span></a><a href="/products" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors mt-1"><span>All products</span><span>→</span></a></div><div class="flex flex-col justify-between rounded-[14px] bg-v6-dusk text-white p-5"><span><span class="block font-mono text-[10.5px] tracking-[0.14em] text-white/70">BUILT BY THE STUDIO</span><span class="block font-extrabold text-[17px] leading-[1.3] mt-2">Software we own and run, next to our client work.</span><span class="block text-white/70 text-[12.5px] leading-[1.55] mt-2.5">Corexi is live. eMobility OS and hospitality OS are in development, and their early-access lists are open.</span></span><a href="/products#early-access" class="mt-5 self-start rounded-full bg-white text-v6-ink text-[13px] font-bold px-4 py-2 hover:no-underline">Join an early-access list →</a></div></div></div></span><span class="relative group"><a href="/lab" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Lab<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute right-[-20px] top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[640px] grid grid-cols-[1.25fr_1fr] gap-2.5"><div class="flex flex-col"><a href="/notes" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[15px] font-bold leading-snug">Notes</span><span class="font-mono text-[11px] text-[#8f8a9f] whitespace-nowrap">5 notes</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Practical guides for product teams</span></a><a href="/lab#research" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[15px] font-bold leading-snug">Research</span><span class="font-mono text-[11px] text-[#8f8a9f] whitespace-nowrap">2 studies</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Studies published with their method and data</span></a><a href="/lab#tools" class="block rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="flex items-baseline justify-between gap-3"><span class="text-[15px] font-bold leading-snug">Free tools</span><span class="font-mono text-[11px] text-[#8f8a9f] whitespace-nowrap">5 tools</span></span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5 leading-[1.45]">Accessibility, page weight and first impressions, no signup</span></a><a href="/lab" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors mt-1"><span>The whole lab</span><span>→</span></a></div>
109<a href="/notes/charging-station-screen" class="group/n flex flex-col justify-between rounded-[14px] bg-v6-dusk text-white p-5 hover:no-underline"><span><span class="block font-mono text-[10.5px] tracking-[0.14em] text-white/70">LATEST NOTE<!-- --> · <!-- -->EV CHARGING</span><span class="block font-extrabold text-[17px] leading-[1.3] mt-3">Designing a charging-station screen: eight lessons from the field</span><span class="block text-white/70 text-[12.5px] leading-[1.55] mt-2 line-clamp-3">What we learned designing and field-testing the screens on Zes&#x27;s high-power stations: status that reads from the car, every way to pay, one decision per step, the bad moments, and accessibility that holds up outdoors.</span></span><span class="flex items-center justify-between mt-4 text-[13px] font-bold text-white group-hover/n:text-[#d9cffb]"><span>Read the note</span><span class="group-hover/n:translate-x-1 transition-transform">→</span></span></a></div></div></span><span class="relative group"><a href="/studio" class="text-[#c0badb] hover:text-v6-cream transition-colors inline-flex items-center gap-1.5">Studio<svg width="9" height="6" viewBox="0 0 9 6" fill="none" aria-hidden="true" class="opacity-60 transition-transform duration-200 group-hover:rotate-180"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="absolute right-[-20px] top-full pt-4 z-50 invisible opacity-0 translate-y-1 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 group-focus-within:visible group-focus-within:opacity-100 group-focus-within:translate-y-0"><div class="rounded-[18px] bg-white border border-[#e7e4f0] shadow-[0_30px_80px_rgba(30,12,80,0.22)] p-2.5 text-v6-ink w-[580px] grid grid-cols-[1.1fr_1fr] gap-2.5"><div class="flex flex-col"><a href="/studio" class="rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="block text-[14.5px] font-bold">About the studio</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">Team, story, principles</span></a><a href="/playbook" class="rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="block text-[14.5px] font-bold">Playbook v7.0</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">How we work, published</span></a><a href="/blurple-os" class="rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="block text-[14.5px] font-bold">blurpleOS</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">The system every partnership runs on</span></a><a href="/sustainability" class="rounded-xl px-3 py-2.5 transition-colors hover:bg-[#f4f2fa]"><span class="block text-[14.5px] font-bold">Sustainability</span><span class="block text-[12.5px] text-v6-ink-soft mt-0.5">Certified B Corporation</span></a><a href="/contact" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-[13px] font-bold text-v6-ink hover:bg-[#f4f2fa] transition-colors mt-1"><span>Talk to the studio</span><span>→</span></a></div><a href="/sustainability" class="flex flex-col justify-between rounded-[14px] bg-v6-dusk text-white p-5 hover:no-underline"><span><img src="/v6/B-Corp-Logo-White-RGB.webp" alt="" class="h-[58px] w-auto"/><span class="block font-extrabold text-[17px] leading-[1.3] mt-4">Certified B Corporation, score 82.5.</span><span class="block text-white/70 text-[12.5px] leading-[1.55] mt-2">A remote-first team in Istanbul and Barcelona.</span></span><span class="mt-5 text-[13px] font-bold text-white">How we work as a B Corp →</span></a></div></div></span><span class="-mx-3"><div role="group" aria-label="Language" class="flex items-center font-mono text-[12.5px] tracking-[0.06em]"><span class="flex items-center"><span aria-current="true" lang="en" class="inline-flex items-center justify-center min-w-[44px] min-h-[44px] font-bold text-v6-cream"><span class="sr-only">English</span><span aria-hidden="true">EN</span></span></span><span class="flex items-center"><span aria-hidden="true" class="text-white/35">·</span><a href="/tr/services" lang="tr" hrefLang="tr" aria-label="TR, Türkçe" class="inline-flex items-center justify-center min-w-[44px] min-h-[44px] rounded-full transition-colors text-[#c0badb] hover:text-v6-cream">TR</a></span></div></span><a href="/contact" class="text-white rounded-full px-[22px] py-[9px] font-semibold border border-[rgba(122,80,232,0.55)] bg-[linear-gradient(135deg,rgba(83,127,231,0.25),rgba(153,33,232,0.25))] hover:border-[rgba(122,80,232,0.9)] transition-colors">Contact</a></div><button class="lg:hidden p-2 min-w-[44px] min-h-[44px] text-v6-cream" aria-expanded="false" aria-label="Open menu"><span class="block w-6 space-y-1.5"><span class="block h-0.5 bg-current transition-transform "></span><span class="block h-0.5 bg-current "></span><span class="block h-0.5 bg-current transition-transform "></span></span></button></nav></header><span id="main-content" tabindex="-1" class="block h-0 outline-none" aria-hidden="true"></span><div class="px-5 md:px-16 pt-8 md:pt-14 pb-14 md:pb-20 grid lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.75fr)] gap-10 lg:gap-16 items-end"><div><div class="text-v6-lav-mute text-[13px] font-bold tracking-[0.22em] mb-5">SERVICES</div><h1 class="text-v6-cream font-extrabold leading-[1.03] tracking-[-0.035em] text-[clamp(38px,5.6vw,72px)] [text-wrap:balance]">
109We design and build digital products, <span class="v6-grad-text-flow">and the AI inside them.</span></h1><p class="text-v6-lav text-[17px] md:text-[19px] font-medium leading-[1.65] max-w-[600px] mt-6">UX/UI design, mobile app and web development, AI copilots and agents, and the loyalty, CRM and care that keep a product growing, from a senior, research-led team in Istanbul and Barcelona. We deliver the brief, and bring the ideas that aren&#x27;t in it yet.</p><div class="flex flex-wrap items-center gap-3 mt-8"><a href="/contact" class="rounded-full bg-white text-v6-ink font-bold text-[15px] px-7 py-3.5 min-h-[48px] hover:no-underline hover:-translate-y-0.5 transition-transform">Tell us what you&#x27;re building →</a><a href="#start" class="rounded-full border border-white/35 text-white font-bold text-[15px] px-6 py-3.5 min-h-[48px] hover:bg-white/10 hover:no-underline transition-colors">Start with a fixed price</a></div></div><div class="flex flex-col gap-2.5 lg:pb-2"><a href="#design" class="group flex items-center justify-between gap-4 rounded-[14px] bg-white/[0.08] border border-white/[0.14] px-5 py-4 hover:bg-white/[0.14] transition-colors hover:no-underline"><span><span class="block text-white font-bold text-[17px]"><span class="text-white/60 font-semibold text-[13px] mr-2">0<!-- -->1</span>Product Design</span><span class="block text-white/70 text-[13.5px] font-medium mt-0.5">Research, UX/UI and design systems</span></span><span class="text-white/70 group-hover:text-white group-hover:translate-x-1 transition-all">→</span></a><a href="#engineering" class="group flex items-center justify-between gap-4 rounded-[14px] bg-white/[0.08] border border-white/[0.14] px-5 py-4 hover:bg-white/[0.14] transition-colors hover:no-underline"><span><span class="block text-white font-bold text-[17px]"><span class="text-white/60 font-semibold text-[13px] mr-2">0<!-- -->2</span>Product Engineering</span><span class="block text-white/70 text-[13.5px] font-medium mt-0.5">Mobile app, web and SaaS development, to production</span></span><span class="text-white/70 group-hover:text-white group-hover:translate-x-1 transition-all">→</span></a><a href="#applied-ai" class="group flex items-center justify-between gap-4 rounded-[14px] bg-white/[0.08] border border-white/[0.14] px-5 py-4 hover:bg-white/[0.14] transition-colors hover:no-underline"><span><span class="block text-white font-bold text-[17px]"><span class="text-white/60 font-semibold text-[13px] mr-2">0<!-- -->3</span>Applied AI</span><span class="block text-white/70 text-[13.5px] font-medium mt-0.5">AI copilots and agents inside your product</span></span><span class="text-white/70 group-hover:text-white group-hover:translate-x-1 transition-all">→</span></a><a href="#growth" class="group flex items-center justify-between gap-4 rounded-[14px] bg-white/[0.08] border border-white/[0.14] px-5 py-4 hover:bg-white/[0.14] transition-colors hover:no-underline"><span><span class="block text-white font-bold text-[17px]"><span class="text-white/60 font-semibold text-[13px] mr-2">0<!-- -->4</span>Product Growth &amp; Care</span><span class="block text-white/70 text-[13.5px] font-medium mt-0.5">Loyalty, CRM and the care of a live product</span></span><span class="text-white/70 group-hover:text-white group-hover:translate-x-1 transition-all">→</span></a></div></div></section><nav aria-label="On this page" class="sticky top-0 z-30 bg-white/90 backdrop-blur-md border-b border-[#e4e2ec]"><div class="flex gap-1.5 overflow-x-auto px-5 md:px-16 py-2.5 [&amp;::-webkit-scrollbar]:hidden [scrollbar-width:none]"><a href="#design" aria-current="true" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors bg-v6-ink text-white">Product Design</a><a href="#engineering" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">Product Engineering</a><a href="#applied-ai" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">Applied AI</a><a href="#growth" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">Growth &amp; Care</a><a href="#rules" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">New rules</a><a href="#work-together" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">How we work</a><a href="#start" class="shrink-0 rounded-full px-4 py-2 text-[14px] font-semibold whitespace-nowrap transition-colors text-v6-ink-soft hover:text-v6-ink hover:bg-[#efedf5]">Start here</a></div></nav><section id="design" class="px-5 md:px-16 py-16 md:py-24"><div class="bp-reveal">
109<div aria-hidden="true" class="relative h-[10px] overflow-hidden select-none hidden md:block mb-10"><div class="absolute inset-x-0 bottom-0 h-[10px]" style="background:repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 8px) bottom / 100% 4px no-repeat, repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 64px) bottom / 100% 10px no-repeat"></div></div><div class="grid lg:grid-cols-[minmax(0,0.95fr)_minmax(0,1.05fr)] gap-10 lg:gap-16 items-start"><div><div class="text-[13px] font-bold tracking-[0.22em] text-[#6a3fd6]">0<!-- -->1</div><h2 class="text-v6-ink font-extrabold text-[36px] md:text-[52px] leading-[1.02] tracking-[-0.035em] mt-3">Product Design</h2><p class="text-v6-ink font-bold text-[18px] md:text-[20px] mt-3">Research, UX/UI and design systems</p><p class="text-v6-ink-soft text-[16.5px] md:text-[17px] font-medium leading-[1.7] mt-4 max-w-[560px]">We find out what people actually do, then design the product around it: flows, interfaces and a design system developers can build from, whether they&#x27;re your team, another studio or ours.</p><div class="flex flex-wrap gap-2 mt-7"><a href="#innovation" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Strategy &amp; innovation</a><a href="#research" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Research &amp; service design</a><a href="#ux-ui" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">UX/UI</a><a href="#design-systems" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Design systems</a><a href="#accessibility" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Accessibility &amp; EAA</a></div><a href="/contact?service=product-design" class="group/b inline-flex items-center gap-2.5 mt-8 rounded-full px-6 py-3.5 min-h-[48px] font-bold text-[15px] hover:no-underline transition-transform hover:-translate-y-0.5 bg-v6-ink text-white">Talk to us about <!-- -->Product Design<span class="transition-transform group-hover/b:translate-x-1">→</span></a></div><div class="min-w-0"><div class="flex flex-col gap-3"><div class="rounded-[16px] overflow-hidden bg-white border border-[#e4e2ec]"><img src="/assets/Content-3_1771323289702-DmO6UHAK.webp" alt="Zes app screens from the design system" loading="lazy" class="w-full h-auto"/></div><div class="grid sm:grid-cols-3 gap-3"><a href="/work/zes-ev-charging" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1771323289703_card-B4G0yVUs.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Zes</span><span class="block text-white/80 text-[12.5px] font-medium">EV charging app, 3rd year</span></span></a><a href="/work/revolut" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Ekran_Resmi_2026-05-04_13.11.33_1777890256335_card-zAcINhfy.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Revolut</span><span class="block text-white/80 text-[12.5px] font-medium">First self-service machine</span></span></a>
109<a href="/work/cumhuriyet" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1772894731624_card-Fkj_WBrY.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Cumhuriyet</span><span class="block text-white/80 text-[12.5px] font-medium">National newsroom</span></span></a></div></div></div></div><div class="mt-12 md:mt-16"><div class="flex items-baseline justify-between gap-4 pb-4 border-b border-[#e4e2ec]"><span class="text-[12.5px] font-bold tracking-[0.18em] text-v6-ink-soft">WHAT&#x27;S INSIDE</span><span class="hidden sm:inline text-[13px] font-semibold text-right text-v6-ink-soft">Open one for the impact and the cases</span></div><div class="grid grid-cols-1 sm:grid-cols-2  gap-2.5 sm:gap-3 mt-5"><div class="bp-reveal flex min-w-0"><button type="button" id="innovation" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-v6-ink border-v6-ink hover:shadow-[0_20px_50px_rgba(20,16,31,0.28)]">
109<span class="self-start rounded-full px-2.5 py-1 text-[11px] font-bold tracking-[0.12em] bg-[#c4b5fd] text-[#1a0f3d] mb-3.5">WE BRING THE IDEA</span><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">01</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Product Strategy &amp; Innovation</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">We bring the next idea, not only the answer to a brief: opportunities found in your data, your users and your market, turned into concepts you can test before you fund them.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><span class="text-[13px] font-extrabold tracking-[-0.01em] whitespace-nowrap text-white/85">Petrichor</span><img src="data:image/png;base64,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" alt="DOA" title="DOA" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="research" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">02</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Research &amp; Service Design</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Field research, interviews and usability tests with your real users, and the service behind the screens mapped end to end: app, web, kiosk and the people who run them.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Zes" title="Zes" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAASFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDUxJrAAAAF3RSTlMAIBDvn4Dfv0BgoJAwcF/PUK9vf49PsGvY4+AAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVHja7VrZcuowDMV2vGFngdLm///0poQ4ki2xtIQ7dHyeOoUoOtYus9tVVFRUVFRUVFRUVFT8JzQEtB7i2xEZGahD92JNop1xei6RCebjpUTc5bX26UQmKuKPEBlV/CNEXsnkMSLFt28QGY18MyLKJCjERL8ZEY8yoberc70zkQltYuLem8hOL5+ENycil1D5enMiuwMtWLgJvymUMk4ConwdkX0pWB7txU7KdkkV52cMmQBx+b9flZb+sBjaNN0V1RaZAuegGRF828z/co8QEXu6FUt5QdICTKLxoTIJgiOyp9TSoCI4XO6aK0RsFiNHxbRiKZqykmPSSzgBo+m2JyKWT9pZW0s1MLM3BdK7h+Vbghcwjie5NZHkR+duS/RXWjFHlhzsmsIwPVAvNyUiTyPycMgD9jBKQC8MlEW7qzxWJk8i0oqE6Hyz6nrWI9FS+vvU5ZDsZWG4w3bGo4M4XOlLm6cSYbtf5DuH5NHpiDsY7q7MFQ1kdVY0TOkyQAsNvyDSOzcXtlvziID5B6alhUlPh7tAob6qbReuzmSjws+I3DmPzGnJZXkUu4IDfyuZv9Rig8CjCNh9tyRiIsw/+QRvQYRblKuBDTr4aVZpAgq0DYnYi+aKHrE8iKI2k+tgiIkxr/EX9LAn2IzI6s3L8x6jBVqkcBe4iDSoNDqm8xs/tyNiHDFj0RDQTTT2LAEVMEUbpIBHPolIM5/yGoCxHLEYOHi4ChURW5qHbB+a5xHxWZCCTLq/h0gKaAfrX4eqYbnH0NsRceWsfh+RFrQpAvuSZTtsaLknE1lTZf8YkSXcv0uJx750yHNzodrXBkRWk7RZuj80NCL+ml/TapbCyjVG2M61QJlaynRbhP+NKTpmLwnsNG451faUER8kkkrCEpwD5xmS1kruUaiDDkVywxtbRwK1DrmTyJpu1WW2Yw5UmEZQOz1tsrKR9D1dG96QaoEqPWzVYYhIk00Kli7MkxqmJTZhqigbii7tAzkroAkHPnFk7cetgzyTWfFm/mP+3yfVzsJQRzaGceawDzuqgwSdalRQ8H17LYurYoqaXuQ8kOPjqQ3uw8YiFU67oYwyVk1lixawSjrXhZgPDiSRvCrqYn0T7Uj0HWhD0ZGjx2iOTk7rSrjiCsTuED4x5f2DygQXcUcvHywe3iSY5prj1JHZbIQkujIF/VCa23dJmIi4dbG5muy7lnUMEZGNdFFxYlty8V10iPHWNF14fbjxxnDfOiivip6RGujFd1k+/c1byowIZ0RLHg2/11KZD3rSJntuUlo7tZRrzbVpmshD9CpszZzhvk2jzrMoJbfsy3sq1K8oZgV/UUA9YCWdWngishhMpOZmYYK/oi6DveHHUPJ+JH+jwhG5h0QuPwAplRqWT9ZDE3rVRFnyblFenmHugj0IItU48rcoaO+qwbFbLdmTaR69bhKDDtPPh3z88fW7O+rmLOGhN4bjIGlpoZnTb0VFRUVFRUVFRUVFRcXv8A9pXGCPAE+F5wAAAABJRU5ErkJggg==" alt="Revolut" title="Revolut" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="/assets/logo-togg_1787392327181-B-6PksB0.webp" alt="Togg Trugo" title="Togg Trugo" loading="lazy" style="height:17px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.14s"><button type="button" id="ux-ui" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">03</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">UX/UI Design</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">UX/UI design: information architecture, flows, prototypes and fully bespoke interfaces, tested before a line of code is written.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Enjoy eSIM" title="Enjoy eS
109IM" loading="lazy" style="height:22px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAASFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDUxJrAAAAF3RSTlMAYKAQQJ+AIL/f75DPr3Awb39fUI9PsFLAa3EAAAAJcEhZcwAACxMAAAsTAQCanBgAAAQESURBVHja7ZnreqQgDIZxQDl5Gm3X+7/TFQgYHJyOTnefp7v5/lQdgnlJCEgZI5FIJBKJRCKRSCQSiUQi/Z/ila2V6uwsv6Ezcc2qtsMFs8xGqCVJTe9itPUVs8G9fD4dgE6VMZz0O1HhH8tyCaTzo3h20PRqIiED7suD+uvh0Ms7IO3pQVvUbCp/Vy8F3a9yeOtLIL2zbE6ZtOCtB/lIzhut03Xz90FYo83J12oEMsZ50fiJMdz0OxxvgZwXApFwbXnKuyZw8MopFlK4EVuzYbtmXD6CcBkfCm/M85tBOLmHYmwm13T2rwivrVKHFTKW1ThWogxyQ0mWnPFTXWZjGwozu2lfm+WojPvRv27u3HVrJQbxhdCEBuEd4Fq4EeCDYFLFOanDK9SCq1e1RGN+N+B2HVlkfPIJ3hYzqQyyeqeUSXVahCq1FYgAomI918MXIINOdRJAQg+LwNN59WI0qBTVPkLx0eoFAGt2AiTXbVfqxO53I5+C9Mk9wwEkC4mIAdktES2PDsKq52v3Mn0JIo9AcokHEOdQAWRg+sE2guCQ3MCJe6FbuV3GyMnvAlGPIAsvgcgnICgk4KtMPtsmJu2UgyzHq+kVEJNAVN2livISiGYJZEgh+QAfdJoLLE7KtgCiToOYurGbJ2q7kWKrHjKE2z4H0aJyl0ZsINBGxfKaOg2lGNJMyMWYHESfBQmbygbvD2wGorM15RmIKwbypuuBIRAYa1FBB7YU/V62cjPRkMbnQMAng1pwg0F+oVL3HKTfrW4KNVItFAZVAnEleDPpcM1+FSTOKQuLEXZQQDph1zIQlYFoVgSRJqtPulxYsEl/PEmOQWLzBgYM3QBI8yrIVAZJaRtG+QUQfvz5cQxSZyDyHRB5AMIN9hfyRubKTUK/Jv/uNfc9yPCHQNgByBaSKeXwB/qgKmQjFA8U4zEYSVgZ0N4NfPp1CaTH2f8lSAyJRhuVPn0XGnGcjbCl5CPMwria3kOMjufIqyC+ZvNueQ0k+jWhMAYfB78Lnh5NUm0zqq5b9NUex2Q9Jkr5egmkh/47W8fU/xokhETjrxz/ANUAMFnD41ONt6WacGOF6n0R5HH/9QLIwZTJv8XT9iCwFzZQrtn8XSCFITkLsieBc5O4n4v9VLtCHXZnj++/CiLeB2E99lHJHV5aM3CztoHqtoXK1Lbp9GUQNqfu1424VVdA3I4szuVtJ3Lbgbj51HSt1m09ivzheh7cwCNhWVWvih/Gs7upeXYj/R84+LSp9Xqy7A6W4yHCemLT+x8xiEV9SxiRfM+xHlM0o8h2hvPar1J/69Tm+jmPYj9cEaT+V0A+fzoIFEz74//tFKbwxEgkEolEIpFIJBKJRCKRSKSCfgN/Jt7DdJg1FgAAAABJRU5ErkJggg==" alt="Cumhuriyet" title="Cumhuriyet" loading="lazy" style="height:26px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0"><button type="button" id="design-systems" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">04</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Design Systems</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Tokens, components and docs wired to code, readable by your developers and by their AI coding tools. Design reviews while they build.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAAS1BMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxVY0NAAAAGHRSTlMAgM/vEGBAIN+/n6AwkHBQr39fb0+wj8BEaHngAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFb0lEQVR42u2biZKDKBCGQY4GAY8kk+X9n3QbTSLemNpJZGu6ZqwYdcZP+u8DlZAPWdtubLSak0ys9t6ub9W+zIQDlK+IXBuPfnMWZvCSX329zOFbIj3LwrnAKwDWkKWTBeK8xF+ax4BciEEW9XAg6UpXP8VjSaEJZ1kMCfMAPUt3tncfTAF+5LxQ6FhhSMT5OaTXRHQs3Zj0HN4XnNQMpL8R5nBkXA6xlxJTkMoHHBQMmg6LigAiqJI0BX6rzw9SodtoTYwOS1xDA4aLH1SPCohOEeJVPiAF0QVBNXgMxjSoBEFY4KMBpDg/iOhdyzH84d2ISAxTPjiTwlH6yca1LDpR5TkGJ2AUpY9DAaTxGMcw+IZwhjKROYidYJKQKG28/DUPvnUhDX4RRFGHmGxDaMbglUdCRHnIPn1zxyE4G/QRrQqKJ8rnkBDD1Zf+Tir+InsposYi7ELaTOpfjdfdRUWjCnp/GMciDKMxZAFiQztC+RDGfKRt/L7IQup9KlEQD5Af1e2lV9m0iKbgUVXfFyjDmCgg2RiPg1hXbi1vzMlUX/1KkrnVjzLe5Q7SPEAYz5sD/NN+pyjRD9sU7GOfpouZvd2P18JPW/hf5eM/bEWxVr9sacbi+ddTLqaKDlBvSj0YX924DsLL4XhDvggih/NYmALaBeHF1uGfBDERCDsMAmqP41Mg4GOTB0FijrXpow+BiBGIPgZiBw62Oif+IRA1ApnJfRNEstdxG8XZZ0DsmGPm51sgF5/C8SEQMwFh6SDtcFSxVRN8BoRNQKZyXweJOMxmbfMREDHl8E0iSJQGd4rNj4DoGcikclwB4c1u+vgoCPi5VQkgUKzt/yUQswCi90GiNMhqcgYQtQAylvsSSMShLDkDiFjiGGt3AcQmpcGPguhFkJHc5yCXgaNImmv5fZBY6mpF7jOQa6SmtNb490FoxMHdstynIO1OF/UVEDXydbMo9wlIm54+3gIp3gGRY81GrR5dA4nSuW9/A0S/A2ImrcQQVSO5xyB8HBzak4DArLUbSG5LIHE6P0Ly2yBi7kjAZnIfQGCePdtTgKgF0cpZo/gCgaUqoD0BiFyswcWU7nn69ZAGdeRj9++DmMX245lb2Ho1ZkYBrvw2CKz1qHScSmYgdDIrV34ZRKwWfeO7Pmq5W4lICv4fgMi3QYr14lXHch+DDN3HARLm9+8jiXdBulkgBhuzuXQBJO4+YhJICo9lwj4/R0E6/7Fb87nFHGQ8gBHJdlvyau/btd1sM1LgERC1MVf7IJFTkKkLpZJERTZTSxZNSd1iUW2bfrrkVvUamsByAjKfvEokkT7d+EEQvVeF18/KUW1V7YkkKpmjJMdAYP8ObvWItGqz+0gjEckgcBDEJDwdR/t9du6PRCTr9xVW5gbmRslBEJXypInr5L53xyqJhBdJp2bIQRCR9qSJcQfvIW5M1tH9E2MVOQri0p6Y4WGWJOGubnS5L+sRXegtzavyyslREG5JmvE6BSSRpNsTli3zJy7+
1097M/+7P9mISphcsWHvkEIGRYCbPcpzJaJ8ElSSyRGUwnd1lC3dnESrvWJQPBECaYvXRHhpLuJq5ScXmVFBXYS0kgJtbNOmvCOgei2hi7Gdc+IQ3Wid73wEgO+QnRpiKjgegurhEpiXQfiMI+IO3BuGm6N6LbiUNCGhxSFrxKeCKSkVJNGNlI01FRhldOSKtmBaIpuVTuNEBWidVuxPhLlreepTuZa0Ig2+BKUYTWMCPSuFVwH6xNLDTSlFKLvTBshcMrNIkxzHpAaz63pFz9lacOiviKI61b/KcvKalfCHdqLvYXvUPxY6zSWcudMZUVOka1dqbdoZg8jw9pVr7+u9X8B1GkiBpBGBIcAAAAASUVORK5CYII=" alt="Ulak Maya" title="Ulak Maya" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="data:image/png;base64,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" alt="Electrip" title="Electrip" loading="lazy" style="height:22px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="accessibility" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">05</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Accessibility &amp; EAA Compliance</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">The European Accessibility Act is enforced across the EU. We review apps, websites and self-service kiosks against WCAG 2.1 AA and EN 301 549, fix what matters first, and design new screens to pass.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="text-[13px] font-semibold text-v6-ink-soft">References on request</span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div></div></div></div></section><section id="engineering" class="px-5 md:px-16 py-16 md:py-24 bg-white border-y border-[#e4e2ec]"><div class="bp-reveal">
109<div aria-hidden="true" class="relative h-[10px] overflow-hidden select-none hidden md:block mb-10"><div class="absolute inset-x-0 bottom-0 h-[10px]" style="background:repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 8px) bottom / 100% 4px no-repeat, repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 64px) bottom / 100% 10px no-repeat"></div></div><div class="grid lg:grid-cols-[minmax(0,0.95fr)_minmax(0,1.05fr)] gap-10 lg:gap-16 items-start"><div><div class="text-[13px] font-bold tracking-[0.22em] text-[#6a3fd6]">0<!-- -->2</div><h2 class="text-v6-ink font-extrabold text-[36px] md:text-[52px] leading-[1.02] tracking-[-0.035em] mt-3">Product Engineering</h2><p class="text-v6-ink font-bold text-[18px] md:text-[20px] mt-3">Mobile app, web and SaaS development, to production</p><p class="text-v6-ink-soft text-[16.5px] md:text-[17px] font-medium leading-[1.7] mt-4 max-w-[560px]">Mobile, web, SaaS and kiosk products, designed and built by one team. AI makes us fast; senior engineers make it production-grade: every change reviewed, tested and owned.</p><div class="flex flex-wrap gap-2 mt-7"><a href="#architecture" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Architecture</a><a href="#mobile" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Mobile</a><a href="#web-saas" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Web &amp; SaaS</a><a href="#kiosk" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Kiosk</a><a href="#prototype-to-production" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Prototype to production</a></div><a href="/contact?service=product-engineering" class="group/b inline-flex items-center gap-2.5 mt-8 rounded-full px-6 py-3.5 min-h-[48px] font-bold text-[15px] hover:no-underline transition-transform hover:-translate-y-0.5 bg-v6-ink text-white">Talk to us about <!-- -->Product Engineering<span class="transition-transform group-hover/b:translate-x-1">→</span></a></div><div class="min-w-0"><div class="flex flex-col gap-3"><div class="relative rounded-[16px] overflow-hidden bg-v6-deep aspect-[16/10]"><img src="/assets/Splash_1772895598091_wide-CRJX0Nd6.webp" alt="Electrip high-power charging kiosk in the field" loading="lazy" class="absolute inset-0 w-full h-full object-cover"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0)_45%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-5 right-5 bottom-5 flex flex-wrap gap-2"><span class="rounded-full bg-white/15 backdrop-blur px-3 py-1.5 text-white text-[12.5px] font-semibold">✓ <!-- -->Senior code review</span><span class="rounded-full bg-white/15 backdrop-blur px-3 py-1.5 text-white text-[12.5px] font-semibold">✓ <!-- -->Tested before release</span><span class="rounded-full bg-white/15 backdrop-blur px-3 py-1.5 text-white text-[12.5px] font-semibold">✓ <!-- -->You own the code</span></span></div><div class="grid sm:grid-cols-3 gap-3"><a href="/work/habi-guia" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><span class="absolute inset-0 isolate z-0"><div class="absolute inset-0" style="background:linear-gradient(160deg,#251A36,#2F2144)" aria-hidden="true"><div class="absolute inset-0" style="background:radial-gradient(520px 240px at 80% 115%, rgba(151,71,255,0.4), transparent 65%)"></div><div class="absolute overflow-hidden" style="left:28px;right:28px;top:62px;height:400px;background:#FDFCFF;border-radius:14px 14px 0 0;box-shadow:0 30px 60px rgba(15,8,30,0.55)"><div class="flex items-center" style="gap:6px;padding:9px 14px;background:#EEEBF4;border-bottom:1px solid #DED8EA"><span style="width:8px;height:8px;border-radius:50%;background:#E0A8A0"></span><span style="width:8px;height:8px;border-radius:50%;background:#E8CFA0"></span><span style="width:8px;height:8px;border-radius:50%;background:#A8D8B8"></span><span style="margin-left:8px;background:#FDFCFF;border-radius:6px;padding:3px 10px;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:9px;color:#8F86A0">habi.co/guia</span></div><div class="grid h-full" style="grid-template-columns:43% 57%;font-family:&#x27;Bricolage Grotesque&#x27;,sans-serif"><div style="padding:12px 14px;border-right:1px solid #E7E2F0"><div class="flex items-center" style="gap:6px"><span class="flex items-center justify-center" style="width:18px;height:18px;border-radius:6px;background:#7C01FF;color:#fff;font-weight:800;font-size:10px">G</span><span style="color:#221A2E;font-weight:800;font-size:13px">Guía</span></div><div style="margin-top:10px;margin-left:18px;
109background:#EFE5FC;border-radius:12px 12px 4px 12px;padding:8px 10px;font-size:10px;font-weight:600;color:#3E3550;line-height:1.45">Chapinero o Teusaquillo, hasta 450 millones, calle tranquila, cerca al metro</div><div style="margin-top:8px;margin-right:14px;background:#fff;border:1px solid #E7E2F0;border-radius:12px 12px 12px 4px;padding:8px 10px;font-size:10px;font-weight:600;color:#3E3550;line-height:1.45">Entendido: dos zonas, tope COP 450M. Encontré 7 opciones, estas 2 encajan mejor.</div><div class="flex items-center flex-wrap" style="margin-top:8px;gap:5px"><span style="background:#DFF9EF;color:#0E8C63;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px;padding:3px 8px;border-radius:999px">confianza alta</span><span style="color:#8F86A0;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px">34 ventas · 6 meses</span></div></div><div style="padding:12px 14px;background:#F7F4FB"><div style="background:#fff;border:1px solid #E7E2F0;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px rgba(40,25,70,0.1)"><img src="/assets/habi_apt_chapinero_delta5-CaOpEdML.webp" alt="" loading="lazy" style="width:100%;height:118px;object-fit:cover;display:block"/><div style="padding:10px 12px"><div class="flex justify-between items-baseline" style="gap:8px"><span style="color:#221A2E;font-weight:800;font-size:12px">Apartamento · Chapinero Alto</span><span style="color:#7C01FF;font-weight:800;font-size:12px;white-space:nowrap">COP 438M</span></div><div style="color:#7E7590;font-size:9px;font-weight:600;margin-top:2px">68 m² · 2 hab · 2 baños · metro a 400 m</div><div style="margin-top:8px;background:#F4EDFF;border:1px solid #E0D2F8;border-radius:10px;padding:8px 10px"><div style="color:#6A0BD6;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:7px;letter-spacing:0.12em">CONTEXTO DE PRECIO</div><div class="flex justify-between" style="margin-top:4px;color:#3E3550;font-size:9px;font-weight:600"><span>vs. promedio de la zona</span><span style="color:#6A0BD6">+8%</span></div><div class="flex justify-between" style="margin-top:2px;color:#3E3550;font-size:9px;font-weight:600"><span>esta calle, este trimestre</span><span style="color:#0E8C63">bajó 3%</span></div></div></div></div></div></div></div><img src="/assets/habi_logo_delta5-CSFn9TUn.png" alt="" loading="lazy" class="absolute" style="top:16px;right:22px;height:34px"/></div></span><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Habi Guía</span><span class="block text-white/80 text-[12.5px] font-medium">Conversational house hunting</span></span></a><a href="/work/super73-crew" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><span class="absolute inset-0 isolate z-0"><div class="absolute inset-0 bg-[#0A0A0D]" aria-hidden="true"><img src="/assets/super73_bike_black_delta5-DzbTX1Xc.webp" alt="" loading="lazy" class="absolute top-0 right-0 h-full object-cover" style="width:64%"/><div class="absolute inset-0" style="background:linear-gradient(to right, #0A0A0D 34%, rgba(10,10,13,0.55) 56%, rgba(10,10,13,0.16) 78%, rgba(10,10,13,0.42))"></div><div class="absolute inset-0" style="background:radial-gradient(420px 200px at 20% 115%, rgba(242,163,60,0.25), transparent 65%)"></div><div class="absolute" style="left:24px;top:66px;width:224px;background:#101015;border:1px solid rgba(242,163,60,0.5);border-radius:16px;padding:12px 14px;box-shadow:0 24px 50px rgba(0,0,0,0.6);transform:rotate(-2deg)"><div style="color:#6E6E78;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px;letter-spacing:0.14em">YOUR CHALLENGE</div><div style="color:#F2A33C;font-family:&#x27;Bebas Neue&#x27;,sans-serif;font-size:22px;letter-spacing:0.04em;margin-top:2px">NIGHT RIDER</div><div style="margin-top:6px;height:5px;border-radius:3px;background:rgba(255,255,255,0.15);overflow:hidden"><div style="width:60%;height:100%;background:linear-gradient(90deg,#F2A33C,#FFCB7A)"></div></div><div style="color:#C9C7C0;font-family:&#x27;Archivo&#x27;,sans-serif;font-size:10px;font-weight:600;margin-top:5px">3 of 5 night rides</div></div><div class="hidden sm:block absolute" style="left:40px;top:198px;width:220px;background:rgba(20,20,24,0.92);border:1px solid rgba(255,255,255,0.14);border-radius:16px;padding:12px 14px;box-shadow:0 24px 50px rgba(0,0,0,0.6);transform:rotate(1deg)"><div style="color:#F2A33C;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px;letter-spacing:0.14em">NEXT RIDE</div><div style="color:#F2F0EC;font-family:&#x27;Bebas Neue&#x27;,sans-serif;font-size:19px;letter-spacing:0.03em;margin-top:2px">SAT 19:00 · THE PIER</div><div style="color:#A8A5A0;font-family:&#x27;Archivo&#x27;,sans-serif;font-size:10px;font-weight:600;margin-top:3px">34 going · night route · tacos after</div></div><img src="/assets/super73_logo_delta5-Bk_61pNb.png" alt="" loading="lazy" class="absolute" style="top:22px;right:22px;height:18px;filter:brightness(0) invert(1)"/></div></span><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Super73 Crew</span><span class="block text-white/80 text-[12.5px] font-medium">Rider app, strategy to live</span></span></a>
109<a href="/work/electrip-kiosk" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1772895598091_card-Dr0i7IiW.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Electrip Kiosk</span><span class="block text-white/80 text-[12.5px] font-medium">High-power charging kiosk</span></span></a></div></div></div></div><div class="mt-12 md:mt-16"><div class="flex items-baseline justify-between gap-4 pb-4 border-b border-[#e4e2ec]"><span class="text-[12.5px] font-bold tracking-[0.18em] text-v6-ink-soft">WHAT&#x27;S INSIDE</span><span class="hidden sm:inline text-[13px] font-semibold text-right text-v6-ink-soft">Open one for the impact and the cases</span></div><div class="grid grid-cols-1 sm:grid-cols-2  gap-2.5 sm:gap-3 mt-5"><div class="bp-reveal flex min-w-0"><button type="button" id="architecture" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-v6-ink border-v6-ink hover:shadow-[0_20px_50px_rgba(20,16,31,0.28)]">
109<span class="self-start rounded-full px-2.5 py-1 text-[11px] font-bold tracking-[0.12em] bg-[#c4b5fd] text-[#1a0f3d] mb-3.5">WE BRING THE IDEA</span><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">01</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Technical Discovery &amp; Architecture</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">Before the build: what to build it with, how it should hold together and what it will honestly take. A plan your board and your developers both believe.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/habi_logo_delta5-CSFn9TUn.png" alt="Habi Guía" title="Habi Guía" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain rounded-[6px]"/><img src="/assets/beaver_1773158909285-C0TvaWLg.png" alt="Beaver" title="Beaver" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="mobile" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">02</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Mobile Apps</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Mobile app development for iOS and Android, native or cross-platform, from the first build to app-store release and every release after it.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/kuka_1773158909285-8diBWYVe.png" alt="KUKA" title="KUKA" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="/assets/super73_logo_delta5-Bk_61pNb.png" alt="Super73 Crew" title="Super73 Crew" loading="lazy" style="height:19px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.14s"><button type="button" id="web-saas" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">03</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Web Apps &amp; SaaS</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Web app and SaaS development: platforms, dashboards and the admin tools your team runs the business on.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAASFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDUxJrAAAAF3RSTlMAn++AYBC/QCDfz5BfoHAwb1B/r4+wTzPkAOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAASxSURBVHja7VrpmtsgDPTFnfhItvH
1097v2ltY0CA8NF122Q/9GvjU4NG0ghvUWTLli1btmzZsmXLlu3TbPgpQOqS/wwgpBK3n4FEjaP8EUHh42QP7MxDfH0UQjojEV2MUEzHPymD2LhY5PJdH6e3zwrJFJRbTLn1BP+okARBuY/OxIcwrDIOVy0SkBUkO/vU/t8X9hqsPff5BsOScKtjgbk4V+RS5vSqLMt6CNlBhoaZpgj81ZW4GRETPcKwr+gy6Z5wHSPJwzkp/SWdq2sdhWRy9zWjF+43G/q6pFSgta1DALPrgTyqJDuWJBAr3CAfOASn3Kp0EyaWqBR/EwiX0Tu+fCASKVEGsLm7O1byxqBiXAiEG3oISqkJjSSwfaiUO8/ZhUa4oG0CaZAT1wFZcYheu85Np3Y+sC5sikHSz/eo/w5E+6ZIyLT2GEN0JW5EdyEQzvn5gqwLaI3Ip25Dp/gJNb2VFBcBIb2mtyjBUMqpfKT6qaDcVtcAR0EkIBdR8CF447gd0zcHgPSgfgpb+aSpcehzhX2OQIePNSR3j2akwpDsy/hjQEgZJ+BsfnmPyGOpcsPmQROnZdxAdcqZoBwDYvqAqHwkNKljxNoc+IhXzs4dD4CQRuBQtgfhQ0C0jKGMuNdoLrTzny+bME7qNSYOw+i76SEdCQJkvpviUB57QOpIMnpAFmeqxou9jsNCaArYZHj2NHfXqUJ7t0kiEKjsjiKhJzq76bgAyLJ4A8pvatdVX7bybCHUL+svVg9aSwWBxozfY4YpckaivEIgLGKHtC4zt+ADoJxlFlh4jLobQOJkkeyc1mIhEBW1xsZd57j1BMGnNpO/AcRPlqouTolGO2Q6IDQiJ3Frb1FysA7cxTBJrfoIEKDMLugjMn6Rezcz+TJfL9d0r533der5yl6zCWSCUgs4w38DiIglBnXvNiwSs7pbcweo7ibVM+VG+Y0qHCmuAqKSQNbVZ8sRulCOAecXFlaJDVJZHAHCD23N/Rm1qsBTteQCW2oq1Xnh7YIwvI2UR4BMKo9fA+QerSmHXW6RKVyTaWmQy34B9fqFxEUj3wfC5GYbPAWkjdbUq6lahKwhmlNYeDJRq9kHNnXQYg8I+cIl558BIf6IHQpBq7s5rObcb+GBMyW8Jg1k3QviFwGBfF4895dcF1KYuUaeeDMfiAmh3tCY7OzPXYF1Eohe8yeHyySinnqD08QL2Xy4+Vt1stgGYke522VAVhk1lv20L6ZXs+LR3jMHW2z+ANIZzUSfZSmi6SIBhMYs/f5g1YZCpovUBoXvLxMbW0CQk2IHCBvPMEsn7iuF0L5tEBuzGoEEGLC+QVRC0Zk+pdIfGY5+EpgyWaAKQHqPnxVPUocqSKbpvicm/iogZEkwmVQ8/ZHh8N4a60jqhP97qJ+Ulj0mZRkj8Af+vHaBQuvoNGcE//Ie1r93MKKrhAg3uHa/+7zXJ1BO0W2dqZJv7ScQL02LN/mvBrhDRdaGsvex4P52zAqLVtk3jarGMblRaSvnm31cnxsJbRhTUUNROxv55M1ynQ8rhVqR7CdYSN6tZkFIrUj0ExRJ8c7WTR9nS7whZcuWLVu2bNmyZcuW7XPsN0VJu9krd1v4AAAAAElFTkSuQmCC" alt="FlowQi" title="FlowQi" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="/assets/beaver_1773158909285-C0TvaWLg.png" alt="Beaver" title="Beaver" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0"><button type="button" id="kiosk" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">04</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Kiosk &amp; Embedded</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Interfaces for the field: charging stations, self-service machines and screens that work in sunlight, with gloves, on a bad connection, with ad-hoc payment and price display built to AFIR and EPDK rules.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAASFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDUxJrAAAAF3RSTlMAgM9gIO+/30AQMJ+Qr3BQb6BfT7B/jw1GTDAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAWUSURBVHja7VrptqMgDJadiFvb28v7v+lYFwwQ7L1zPO10jvlXxGD2L6FVddJJJ5100kknnXTSScdQL2aCTxeE+5nqTxdkkUO9/OChNfp6HLt6EUS/WAw5e8L9uBBZBGleLIhZzrVHMWwWht1r5RD+6HP10Zr53bGeHcVRLQyrNwlylALlwo+/WJDm6BxjF4ZfLxaknj2By6MYsqNd9ceSjOnXsOPgRPueWH8Q/KUU0vbCWigAlHQdpBW9rXf5CYLfIXErGBss6XQwtGt24g7vABKg2Psqn9dXiqFtwgbuJmNqk9Eko1t+PLAICMfnVbGstsExloVRc+FsnuEXuK9SzIREsUTysDrabe5P2D3gJviMeGRxW8FFhdW1rF/TIgC1wUfHogwqPUP167MuAyhSZ5+kI/+5Z+xgUwiiLwxJfWXVtrriOy8TxzB1whwpEVpPkE3S+S2YQ/mScjHWi0yGFIKIYYvzHiOSS+oH6zaTnX7fOXh6A+ICu0b1ldy9Jeda0aq/5Ms3DKl4hBEzz+p8kRbnAe53Py0BKH1ht4KyHBOr3B9nt2kIN9wAI6RFoHz0d/F51IwsviOV35U7em5a1+pV9aUDNOWk62e7rAhMfB1jrUmOFohxM2b9vjEeO1MfAxT0uh56a0XwGJ08V2tNtpcHpzoXREcWx24ofRqYSA96id5ORRoJJ5s1uuW6JDBA6eIewTtI2oaJ2z08b1Aee7iQnYpAOOxBLEpPM5O5nAiUJOJYx0ipxolJEAm0w6/EzUj4EpE3coA0WQJmeUeAYq4NIMBkntVRjJnfSoMhMLrA7ygcdT3VtOktdDu/3xXX+Wks8wikfpthelcRoGN0x5WzwijjggSJAcqFYBesgDRpYL/7/8ohqZf5BxhSWwQMNLEXpfq4ZQDFEOzcpuXgtNcnHUGXfwsjpg5IRkUYBNWmoI/2arccg3UUAZRgP9Yv5RFESIuOyv5Pu38gDCISOdx2si0JwqOMoTUGAA5b/hanjoc5ueYmhjRPm1OVCUpBUp0bpKc1FPyyUuV6OesompaKnd0t4lsagBEdQQ5JUerbFMqyoIlENtXOl7EYmkYZhkBmEvFlT7p/nTtHV/YsxNnQs9yRYfnLOmJa2u3L8dQihPqJmZnJDbKuGToJjgxLrqXreKur9lxrRSOXJzHSZsCj8sWowQYBT47W2i1LriHQD3qTiTNLT0tX+3z1Wx/rVTtAonEFP72eICokyJk6pEJLzup6JCx2UajH2YOwEor5EvCHyhExir6WVAViu9cTfrdCJtEjiwAlYEKc+UulOMmXq1zfhayk/N6VkM3V35QlN8ingw8hBIL6KIuOjud5YGPLmxQYxdOGAPa2A6/IVdJ0pH8yH5e4TvIkq0xoOsr8
109CLNdYRv1KJV44dgh3SKVu3A0CB0UigJVT/zqYXsY1M9zi8vCpYJLmxFvvmsYx1o6LXiA8pZuBjE083jrlhUOmyyYlgnBHI8qXFyUVRz6elOLGzFEcWaGNssq71noQlFKqToTBEj4kKBEqXbmEjpraW05XytkkN4/Ldzlcm2TCsjTVEHIXZHTq2CSNmtpu2IFtdjjmsjCBTlKkujU56tdSULICFU8jGUeQVRIHE8uMWVvSn6VJYBNi13iDWxXcF0T6T21JqhU9PIFPscpIBSBlLdOXxTphrVYwyVvRCuZzNpUY/e4BWYVntpO/uZLl3oSGwSXf2bycUrcTQ+aL12JG3AylMM4wO+Tegl9s0AapRvi3sAujxV3Q/R0fG8cn4yr00uSzZRf205PJFX+QbRceZMyTm885G8uM0ZAVB3G7F+8Mjuayimh+sz/9MgPlwPe9p+eg8m+6T89h1P3pv/0HE6X/yXW9X/2/z3/6XLAePv0oI83yEknnXTSSSeddNJJb6Y/vEk/lSC686oAAAAASUVORK5CYII=" alt="Electrip Kiosk" title="Electrip Kiosk" loading="lazy" style="height:22px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="data:image/png;base64,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" alt="Zes Kiosk" title="Zes Kiosk" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="prototype-to-production" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">05</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Prototype to Production</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">An AI-built prototype that proved the idea, made secure, scalable and ready for real users.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="text-[13px] font-semibold text-v6-ink-soft">References on request</span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div></div></div></div></section><section id="applied-ai" class="relative isolate overflow-hidden bg-[#0e0a1a] px-5 md:px-16 py-16 md:py-24"><span id="ai" class="block h-0 scroll-mt-24" aria-hidden="true"></span><div class="absolute -z-10 -top-40 right-[-10%] w-[70%] h-[520px] rounded-full bg-[radial-gradient(circle,rgba(122,60,234,0.35),transparent_65%)] blur-2xl" aria-hidden="true"></div><div class="bp-reveal"><div aria-hidden="true" class="relative h-[10px] overflow-hidden select-none hidden md:block mb-10"><div class="absolute inset-x-0 bottom-0 h-[10px]" style="background:repeating-linear-gradient(90deg, rgba(196,181,253,0.32) 0 1px, transparent 1px 8px) bottom / 100% 4px no-repeat, repeating-linear-gradient(90deg, rgba(196,181,253,0.32) 0 1px, transparent 1px 64px) bottom / 100% 10px no-repeat"></div></div><div class="grid lg:grid-cols-[minmax(0,0.95fr)_minmax(0,1.05fr)] gap-10 lg:gap-16 items-start"><div><div class="text-[13px] font-bold tracking-[0.22em] text-[#c4b5fd]">0<!-- -->3</div><h2 class="text-white font-extrabold text-[36px] md:text-[52px] leading-[1.02] tracking-[-0.035em] mt-3">Applied AI</h2><p class="text-white font-bold text-[18px] md:text-[20px] mt-3">AI copilots and agents inside your product</p><p class="text-white/75 text-[16.5px] md:text-[17px] font-medium leading-[1.7] mt-4 max-w-[560px]">Copilots, agents and automation that people actually use, designed around answers they can check, failures that are said out loud and nothing that happens without their sign-off.</p><div class="flex flex-wrap gap-2 mt-7"><a href="#ai-strategy" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white/[0.08] text-white/85 hover:bg-white/[0.14]">AI strategy</a><a href="#copilots" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white/[0.08] text-white/85 hover:bg-white/[0.14]">Copilots &amp; agents</a><a href="#ax" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white/[0.08] text-white/85 hover:bg-white/[0.14]">AX design</a><a href="#ai-renovation" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white/[0.08] text-white/85 hover:bg-white/[0.14]">AI in live products</a></div><a href="/contact?service=applied-ai" class="group/b inline-flex items-center gap-2.5 mt-8 rounded-full px-6 py-3.5 min-h-[48px] font-bold text-[15px] hover:no-underline transition-transform hover:-translate-y-0.5 bg-white text-v6-ink">Talk to us about <!-- -->Applied AI<span class="transition-transform group-hover/b:translate-x-1">→</span></a></div><div class="min-w-0"><div class="flex flex-col gap-3"><figure class="relative rounded-[16px] overflow-hidden bg-[#f3f1ea] m-0"><img src="/assets/Ekran_Resmi_2026-06-24_11.30.36_1782293673445-qBSYrmFB.webp" alt="Aircall AI assistants coaching an agent during a live call" loading="lazy" class="w-full h-auto"/><figcaption class="absolute left-4 bottom-4 right-4 flex flex-wrap items-center gap-2"><span class="rounded-full bg-v6-ink/90 backdrop-blur px-3 py-1.5 text-white text-[12.5px] font-semibold">Aircall · AI on every live call, 23,000+ companies</span></figcaption></figure><div class="grid sm:grid-cols-3 gap-3">
109<a href="/work/aircall" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Ekran_Resmi_2026-06-24_11.30.23_1782293673444_card-Bn9n_QfE.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Aircall</span><span class="block text-white/80 text-[12.5px] font-medium">AI inside a live platform</span></span></a><a href="/work/octopus-wintermode" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><span class="absolute inset-0 isolate z-0"><div class="absolute inset-0" style="background:linear-gradient(180deg,#0D1330,#1B2456)" aria-hidden="true"><div class="absolute inset-0" style="background:radial-gradient(500px 240px at 65% 115%, rgba(246,168,90,0.35), transparent 65%)"></div><span class="absolute leading-none" style="left:60px;top:88px;font-size:20px;color:#FFD9A0;text-shadow:0 0 12px rgba(246,168,90,0.9), 0 0 30px rgba(246,168,90,0.4)">✦</span><span class="absolute leading-none" style="left:152px;top:146px;font-size:11px;color:rgba(255,255,255,0.4);text-shadow:none">✧</span><span class="absolute leading-none" style="left:112px;top:224px;font-size:14px;color:#FFD9A0;text-shadow:0 0 12px rgba(246,168,90,0.9), 0 0 30px rgba(246,168,90,0.4)">✦</span><span class="absolute leading-none" style="left:224px;top:96px;font-size:10px;color:rgba(255,255,255,0.4);text-shadow:none">✧</span><span class="absolute leading-none" style="left:258px;top:200px;font-size:16px;color:#FFD9A0;text-shadow:0 0 12px rgba(246,168,90,0.9), 0 0 30px rgba(246,168,90,0.4)">✦</span><span class="absolute leading-none" style="left:306px;top:62px;font-size:10px;color:rgba(255,255,255,0.4);text-shadow:none">✧</span><span class="absolute" style="left:58px;top:128px;color:#8E96C7;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:9px;letter-spacing:0.14em">YOUR SEASON, ONE STAR AT A TIME</span><div class="hidden sm:block absolute" style="right:64px;top:52px;width:208px;background:#05060F;border-radius:32px;padding:8px;transform:rotate(4deg);box-shadow:0 30px 60px rgba(3,5,18,0.6)"><div style="border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#141D4A,#1E2966);height:330px;padding:14px 14px 0;font-family:&#x27;Baloo 2&#x27;,sans-serif"><div class="flex justify-between items-baseline"><span style="color:#F4F0FA;font-weight:800;font-size:16px">Wintermode</span><span style="color:#8E96C7;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px">night 44</span></div><div style="margin-top:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:10px 12px"><div style="color:#C9CEEA;font-size:9px;font-weight:600;letter-spacing:0.06em">TONIGHT</div><div style="color:#F4F0FA;font-weight:800;font-size:26px">-2°C</div><div style="color:#F6A85A;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px">peak 17:00 to 19:00</div></div><div style="margin-top:8px;background:rgba(246,168,90,0.16);border:1px solid rgba(246,168,90,0.45);border-radius:12px;padding:10px 12px"><div style="color:#F6A85A;font-size:9px;font-weight:700;letter-spacing:0.06em">COPILOT SUGGESTS</div><div style="color:#F4F0FA;font-size:12px;font-weight:600;line-height:1.4;margin-top:3px">Start heating 30 min earlier. £4.20 stays with you.</div></div><div class="flex justify-between items-center" style="margin-top:8px;background:rgba(255,255,255,0.08);border-radius:12px;padding:9px 12px"><span style="color:#C9CEEA;font-size:10px;font-weight:600">YOUR SEASON</span><span style="color:#FFD9A0;font-size:12px;font-weight:800">23 ✦</span></div></div></div><div class="absolute" style="left:24px;bottom:24px;width:196px;background:#FDFCF6;border-radius:12px;padding:12px 14px;transform:rotate(-2deg);box-shadow:0 20px 40px rgba(0,0,0,0.5)"><div style="color:#8E8A7E;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px;letter-spacing:0.12em">JANUARY BILL</div><div style="color:#17141F;font-family:&#x27;Baloo 2&#x27;,sans-serif;font-weight:800;font-size:24px;margin-top:2px">£96.40</div><div class="flex justify-between items-baseline" style="margin-top:6px"><span style="color:#A8A49A;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:9px;text-decoration:line-through">was £127.40</span><span style="color:#B4741F;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:9px;font-weight:600">wintermode −£31</span></div></div><img src="/assets/octopus_energy_logo_delta5-Dku1Hqhx.png" alt="" loading="lazy" class="absolute" style="top:22px;right:22px;height:20px;filter:brightness(0) invert(1)"/></div></span><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Octopus Energy</span><span class="block text-white/80 text-[12.5px] font-medium">Seasonal AI companion</span></span></a>
109<a href="/work/habi-guia" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><span class="absolute inset-0 isolate z-0"><div class="absolute inset-0" style="background:linear-gradient(160deg,#251A36,#2F2144)" aria-hidden="true"><div class="absolute inset-0" style="background:radial-gradient(520px 240px at 80% 115%, rgba(151,71,255,0.4), transparent 65%)"></div><div class="absolute overflow-hidden" style="left:28px;right:28px;top:62px;height:400px;background:#FDFCFF;border-radius:14px 14px 0 0;box-shadow:0 30px 60px rgba(15,8,30,0.55)"><div class="flex items-center" style="gap:6px;padding:9px 14px;background:#EEEBF4;border-bottom:1px solid #DED8EA"><span style="width:8px;height:8px;border-radius:50%;background:#E0A8A0"></span><span style="width:8px;height:8px;border-radius:50%;background:#E8CFA0"></span><span style="width:8px;height:8px;border-radius:50%;background:#A8D8B8"></span><span style="margin-left:8px;background:#FDFCFF;border-radius:6px;padding:3px 10px;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:9px;color:#8F86A0">habi.co/guia</span></div><div class="grid h-full" style="grid-template-columns:43% 57%;font-family:&#x27;Bricolage Grotesque&#x27;,sans-serif"><div style="padding:12px 14px;border-right:1px solid #E7E2F0"><div class="flex items-center" style="gap:6px"><span class="flex items-center justify-center" style="width:18px;height:18px;border-radius:6px;background:#7C01FF;color:#fff;font-weight:800;font-size:10px">G</span><span style="color:#221A2E;font-weight:800;font-size:13px">Guía</span></div><div style="margin-top:10px;margin-left:18px;background:#EFE5FC;border-radius:12px 12px 4px 12px;padding:8px 10px;font-size:10px;font-weight:600;color:#3E3550;line-height:1.45">Chapinero o Teusaquillo, hasta 450 millones, calle tranquila, cerca al metro</div><div style="margin-top:8px;margin-right:14px;background:#fff;border:1px solid #E7E2F0;border-radius:12px 12px 12px 4px;padding:8px 10px;font-size:10px;font-weight:600;color:#3E3550;line-height:1.45">Entendido: dos zonas, tope COP 450M. Encontré 7 opciones, estas 2 encajan mejor.</div><div class="flex items-center flex-wrap" style="margin-top:8px;gap:5px"><span style="background:#DFF9EF;color:#0E8C63;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px;padding:3px 8px;border-radius:999px">confianza alta</span><span style="color:#8F86A0;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:8px">34 ventas · 6 meses</span></div></div><div style="padding:12px 14px;background:#F7F4FB"><div style="background:#fff;border:1px solid #E7E2F0;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px rgba(40,25,70,0.1)"><img src="/assets/habi_apt_chapinero_delta5-CaOpEdML.webp" alt="" loading="lazy" style="width:100%;height:118px;object-fit:cover;display:block"/><div style="padding:10px 12px"><div class="flex justify-between items-baseline" style="gap:8px"><span style="color:#221A2E;font-weight:800;font-size:12px">Apartamento · Chapinero Alto</span><span style="color:#7C01FF;font-weight:800;font-size:12px;white-space:nowrap">COP 438M</span></div><div style="color:#7E7590;font-size:9px;font-weight:600;margin-top:2px">68 m² · 2 hab · 2 baños · metro a 400 m</div><div style="margin-top:8px;background:#F4EDFF;border:1px solid #E0D2F8;border-radius:10px;padding:8px 10px"><div style="color:#6A0BD6;font-family:&#x27;JetBrains Mono&#x27;,monospace;font-size:7px;letter-spacing:0.12em">CONTEXTO DE PRECIO</div><div class="flex justify-between" style="margin-top:4px;color:#3E3550;font-size:9px;font-weight:600"><span>vs. promedio de la zona</span><span style="color:#6A0BD6">+8%</span></div><div class="flex justify-between" style="margin-top:2px;color:#3E3550;font-size:9px;font-weight:600"><span>esta calle, este trimestre</span><span style="color:#0E8C63">bajó 3%</span></div></div></div></div></div></div></div><img src="/assets/habi_logo_delta5-CSFn9TUn.png" alt="" loading="lazy" class="absolute" style="top:16px;right:22px;height:34px"/></div></span><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Habi Guía</span><span class="block text-white/80 text-[12.5px] font-medium">AI orchestration</span></span></a></div><a href="/products/hospitality-os" class="group flex flex-col sm:flex-row sm:items-center justify-between gap-3 rounded-[16px] px-5 py-4 hover:no-underline transition-colors bg-white/[0.06] border border-white/15 text-white hover:bg-white/[0.1] "><span class="min-w-0"><span class="block font-mono text-[10.5px] tracking-[0.12em] text-[#c4b5fd]">OUR OWN PRODUCT · EARLY ACCESS</span><span class="block text-[15px] font-medium leading-snug mt-1"><strong class="font-extrabold">
109blurple hospitality OS</strong> · <!-- -->An AI layer for hotels, on top of the PMS they already run.</span></span><span class="shrink-0 font-bold text-[14px] transition-transform group-hover:translate-x-1">Discover →</span></a></div></div></div><div class="mt-12 md:mt-16"><div class="flex items-baseline justify-between gap-4 pb-4 border-b border-white/[0.12]"><span class="text-[12.5px] font-bold tracking-[0.18em] text-white/60">WHAT&#x27;S INSIDE</span><span class="hidden sm:inline text-[13px] font-semibold text-right text-white/60">Open one for the impact and the cases</span></div><div class="grid grid-cols-1 sm:grid-cols-2  gap-2.5 sm:gap-3 mt-5"><div class="bp-reveal flex min-w-0"><button type="button" id="ai-strategy" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-[#2a1a5c] border-[#4b3596] hover:border-[#7a62c9]"><span class="self-start rounded-full px-2.5 py-1 text-[11px] font-bold tracking-[0.12em] bg-[#c4b5fd] text-[#1a0f3d] mb-3.5">WE BRING THE IDEA</span><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">01</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">AI Opportunity &amp; Strategy</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">Where AI earns its place in your product, and where it doesn&#x27;t: use cases ranked by value, risk and cost, before anyone writes a prompt.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/octopus_energy_logo_delta5-Dku1Hqhx.png" alt="Octopus Wintermode" title="Octopus Wintermode" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="copilots" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white/[0.05] border-white/[0.12] hover:border-white/[0.3]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">02</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Copilots &amp; Agents</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">AI agent development: in-product assistants grounded in your data, and agents that act on the user&#x27;s behalf, with answers people can check, approval points and undo.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/octopus_energy_logo_delta5-Dku1Hqhx.png" alt="Octopus Wintermode" title="Octopus Wintermode" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/><img src="/assets/habi_logo_delta5-CSFn9TUn.png" alt="Habi Guía" title="Habi Guía" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain rounded-[6px]"/><img src="/assets/aircall_icon-COlci5GE.png" alt="Aircall" title="Aircall" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain rounded-[6px]"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.14s"><button type="button" id="ax" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white/[0.05] border-white/[0.12] hover:border-white/[0.3]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">03</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Agent Experience (AX) Design</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">Conversation, failure and trust design: what the AI says, what it admits it can&#x27;t do, and what it never does without a yes.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/habi_logo_delta5-CSFn9TUn.png" alt="Habi Guía" title="Habi Guía" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain rounded-[6px]"/><img src="/assets/octopus_energy_logo_delta5-Dku1Hqhx.png" alt="Octopus Wintermode" title="Octopus Wintermode" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0"><button type="button" id="ai-renovation" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white/[0.05] border-white/[0.12] hover:border-white/[0.3]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">04</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">AI in a Live Product</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">AI added to the product you already run: model choice, evaluations and guardrails, rolled out in stages to real users and measured against your numbers.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="/assets/aircall_icon-COlci5GE.png" alt="Aircall" title="Aircall" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain rounded-[6px]"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div></div></div></div></section><section id="growth" class="px-5 md:px-16 py-16 md:py-24"><div class="bp-reveal">
109<div aria-hidden="true" class="relative h-[10px] overflow-hidden select-none hidden md:block mb-10"><div class="absolute inset-x-0 bottom-0 h-[10px]" style="background:repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 8px) bottom / 100% 4px no-repeat, repeating-linear-gradient(90deg, rgba(106,63,214,0.28) 0 1px, transparent 1px 64px) bottom / 100% 10px no-repeat"></div></div><div class="grid lg:grid-cols-[minmax(0,0.95fr)_minmax(0,1.05fr)] gap-10 lg:gap-16 items-start"><div><div class="text-[13px] font-bold tracking-[0.22em] text-[#6a3fd6]">0<!-- -->4</div><h2 class="text-v6-ink font-extrabold text-[36px] md:text-[52px] leading-[1.02] tracking-[-0.035em] mt-3">Product Growth &amp; Care</h2><p class="text-v6-ink font-bold text-[18px] md:text-[20px] mt-3">Loyalty, CRM and the care of a live product</p><p class="text-v6-ink-soft text-[16.5px] md:text-[17px] font-medium leading-[1.7] mt-4 max-w-[560px]">Going live is where the real work starts. We find the segments in your data, design the reasons people come back, set up the CRM and the journeys that reach them, measure what works, and keep the product up to date, fast and healthy.</p><div class="flex flex-wrap gap-2 mt-7"><a href="#growth-strategy" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Growth &amp; segments</a><a href="#loyalty" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Loyalty &amp; retention</a><a href="#crm" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">CRM &amp; lifecycle</a><a href="#experiments" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Experiments &amp; analytics</a><a href="#product-care" class="rounded-full px-3.5 py-1.5 text-[13px] font-semibold hover:no-underline transition-colors bg-white border border-[#e4e2ec] text-v6-ink hover:border-[#c9bff0]">Releases &amp; care</a></div><a href="/contact?service=product-growth" class="group/b inline-flex items-center gap-2.5 mt-8 rounded-full px-6 py-3.5 min-h-[48px] font-bold text-[15px] hover:no-underline transition-transform hover:-translate-y-0.5 bg-v6-ink text-white">Talk to us about <!-- -->Product Growth &amp; Care<span class="transition-transform group-hover/b:translate-x-1">→</span></a></div><div class="min-w-0"><div class="flex flex-col gap-3"><div class="relative h-[520px] sm:h-[420px] rounded-[16px] overflow-hidden shadow-[0_24px_80px_rgba(20,16,31,0.18)]"><button class="absolute inset-0 w-full h-full cursor-pointer text-left group" aria-label="Zes Snake — Play the actual demo"><img src="/assets/Splash_1771323289703-CzKroaiH.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgba(0,0,0,0.3)_0%,rgba(0,0,0,0.65)_100%)]"></div><span class="absolute top-5 left-5 font-mono text-[11px] text-white bg-[rgba(20,16,31,0.75)] border border-white/20 px-[13px] py-[7px] rounded-full">flagship case</span><span class="absolute inset-0 flex flex-col items-center justify-center gap-3.5"><span class="w-[74px] h-[74px] rounded-full v6-grad flex items-center justify-center text-white text-[26px] shadow-[0_0_40px_rgba(122,60,234,0.6)] group-hover:scale-105 transition-transform">▶</span><span class="text-white font-extrabold text-lg">Play the actual demo</span><span class="text-white/75 text-[13px] font-medium px-6 text-center">a miniature of the loyalty game 700,000+ drivers play</span></span><span class="absolute bottom-[22px] left-6 right-6 flex justify-between items-end gap-3"><span class="text-white"><span class="block font-extrabold text-[22px]">Zes Snake</span><span class="block text-sm font-medium opacity-85">a game inside an EV-charging app, as a loyalty function</span></span><span class="hidden sm:inline font-mono text-[11px] text-white bg-[rgba(20,16,31,0.75)] border border-white/20 px-[13px] py-[7px] rounded-full whitespace-nowrap">700k+ players in Zes</span></span></button></div><p class="text-v6-ink-soft text-[14.5px] font-medium leading-[1.6]"><strong class="text-v6-ink">Zes</strong> · the loyalty game drivers play inside the app while their car charges. This is the real game, shrunk to fit. Have a go.<!-- -->
109 <a href="/work/zes-ev-charging" class="text-[#6a3fd6] font-bold underline underline-offset-4">Read the Zes case</a></p><div class="grid sm:grid-cols-3 gap-3"><a href="/work/zes-ev-charging" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1771323289703_card-B4G0yVUs.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Zes</span><span class="block text-white/80 text-[12.5px] font-medium">Loyalty game and campaigns</span></span></a><a href="/work/enjoy-esim" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1771324401205_card-B78mEuuv.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Enjoy eSIM</span><span class="block text-white/80 text-[12.5px] font-medium">+35% acquisition</span></span></a><a href="/work/electrip" class="group relative block h-[150px] rounded-[12px] overflow-hidden bg-v6-deep hover:no-underline"><img src="/assets/Splash_1772893801685_card-Dq2v4R53.webp" alt="" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]"/><span class="absolute inset-0 bg-[linear-gradient(180deg,rgba(10,6,20,0.05)_20%,rgba(10,6,20,0.85)_100%)]"></span><span class="absolute left-4 right-4 bottom-3.5"><span class="block text-white font-extrabold text-[16px]">Electrip</span><span class="block text-white/80 text-[12.5px] font-medium">3rd year, still shipping</span></span></a></div><a href="/products/emobility-os" class="group flex flex-col sm:flex-row sm:items-center justify-between gap-3 rounded-[16px] px-5 py-4 hover:no-underline transition-colors bg-[#f4f1fb] border border-[#e1daf7] text-v6-ink hover:border-[#c9bff0] "><span class="min-w-0"><span class="block font-mono text-[10.5px] tracking-[0.12em] text-[#5b34c9]">OUR OWN PRODUCT · EARLY ACCESS</span><span class="block text-[15px] font-medium leading-snug mt-1"><strong class="font-extrabold">blurple eMobility OS</strong> · <!-- -->What we learned with Zes and Electrip, built as a product for every charging network.</span></span><span class="shrink-0 font-bold text-[14px] transition-transform group-hover:translate-x-1">Discover →</span></a></div></div></div><div class="mt-12 md:mt-16"><div class="flex items-baseline justify-between gap-4 pb-4 border-b border-[#e4e2ec]"><span class="text-[12.5px] font-bold tracking-[0.18em] text-v6-ink-soft">WHAT&#x27;S INSIDE</span><span class="hidden sm:inline text-[13px] font-semibold text-right text-v6-ink-soft">Open one for the impact and the cases</span></div><div class="grid grid-cols-1 sm:grid-cols-2  gap-2.5 sm:gap-3 mt-5"><div class="bp-reveal flex min-w-0"><button type="button" id="growth-strategy" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-v6-ink border-v6-ink hover:shadow-[0_20px_50px_rgba(20,16,31,0.28)]">
109<span class="self-start rounded-full px-2.5 py-1 text-[11px] font-bold tracking-[0.12em] bg-[#c4b5fd] text-[#1a0f3d] mb-3.5">WE BRING THE IDEA</span><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">01</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Growth Strategy &amp; Segmentation</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">Who your users are and what moves each group: segments built from your product data, with onboarding, activation and the next step designed for each of them.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Zes Website" title="Zes Website" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/><img src="data:image/png;base64,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" alt="Enjoy eS
109IM" title="Enjoy eSIM" loading="lazy" style="height:22px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="loyalty" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-v6-ink border-v6-ink hover:shadow-[0_20px_50px_rgba(20,16,31,0.28)]"><span class="self-start rounded-full px-2.5 py-1 text-[11px] font-bold tracking-[0.12em] bg-[#c4b5fd] text-[#1a0f3d] mb-3.5">WE BRING THE IDEA</span><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-white/60">02</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-white">Loyalty &amp; Retention</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-white/75">Why people come back to your product, designed on purpose: loyalty programmes, rewards, streaks and games that live inside the app. Product loyalty, not campaigns.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-white/[0.14]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Zes" title="Zes" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/><img src="/assets/super73_logo_delta5-Bk_61pNb.png" alt="Super73 Crew" title="Super73 Crew" loading="lazy" style="height:19px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/><img src="/assets/octopus_energy_logo_delta5-Dku1Hqhx.png" alt="Octopus Wintermode" title="Octopus Wintermode" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)_invert(1)] opacity-85"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#c4b5fd]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.14s"><button type="button" id="crm" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">03</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">CRM &amp; Lifecycle Programmes</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">An AI-powered CRM of your own, built the way we built blurpleOS, or the CRM you already run. On top of it we build the segments, the loyalty and lifecycle scenarios, and the push, email and in-app journeys that reach each user at the right moment. Lifecycle inside the product, not ad campaigns.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="text-[13px] font-bold min-w-0 text-v6-ink">Yemeksepeti / Delivery Hero</span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0"><button type="button" id="experiments" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">04</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Experiments &amp; Analytics</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">Analytics wired to product questions, and experiments that show which change worked: event tracking, dashboards and A/B tests, read together with your team.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Zes" title="Zes" loading="lazy" style="height:15px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div><div class="bp-reveal flex min-w-0" style="--reveal-delay:0.07s"><button type="button" id="product-care" aria-haspopup="dialog" class="group/card relative w-full text-left scroll-mt-24 rounded-[16px] border p-5 sm:p-6 flex flex-col transition-[border-color,box-shadow,transform] duration-300 sm:hover:-translate-y-1 bg-white border-[#e4e2ec] hover:border-[#c9bff0] hover:shadow-[0_18px_44px_rgba(60,30,140,0.10)]"><span class="flex items-baseline gap-3"><span class="font-mono text-[11px] shrink-0 text-[#6b6879]">05</span><span class="font-extrabold text-[18.5px] leading-snug tracking-[-0.01em] text-v6-ink">Releases &amp; Care</span></span><span class="block text-[14.5px] font-medium leading-[1.6] mt-2.5 flex-1 line-clamp-3 text-v6-ink-soft">App Store and Google Play releases, maintenance, performance and security updates, and the steady stream of improvements a live product needs, with Corexi watching where people stall.</span><span class="flex items-center justify-between gap-3 mt-5 pt-4 border-t border-[#ebe8f3]"><span class="flex items-center gap-x-4 gap-y-2 flex-wrap min-w-0"><img src="data:image/png;base64,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" alt="Electrip" title="Electrip" loading="lazy" style="height:22px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAMAAABrs8qCAAAASFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDUxJrAAAAF3RSTlMAn++AYBC/QCDfz5BfoHAwb1B/r4+wTzPkAOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAASxSURBVHja7VrpmtsgDPTFnfhItvH7v2ltY0CA8NF122Q/9GvjU4NG0ghvUWTLli1btmzZsmXLlu3TbPgpQOqS/wwgpBK3n4FEjaP8EUHh42QP7MxDfH0UQjojEV2MUEzHPymD2LhY5PJdH6e3zwrJFJRbTLn1BP+okARBuY/OxIcwrDIOVy0SkBUkO/vU/t8X9hqsPff5BsOScKtjgbk4V+RS5vSqLMt6CNlBhoaZpgj81ZW4GRETPcKwr+gy6Z5wHSPJwzkp/SWdq2sdhWRy9zWjF+43G/q6pFSgta1DALPrgTyqJDuWJBAr3CAfOASn3Kp0EyaWqBR/EwiX0Tu+fCASKVEGsLm7O1byxqBiXAiEG3oISqkJjSSwfaiUO8/ZhUa4oG0CaZAT1wFZcYheu85Np3Y+sC5sikHSz/eo/w5E+6ZIyLT2GEN0JW5EdyEQzvn5gqwLaI3Ip25Dp/gJNb2VFBcBIb2mtyjBUMqpfKT6qaDcVtcAR0EkIBdR8CF447gd0zcHgPSgfgpb+aSpcehzhX2OQIePNSR3j2akwpDsy/hjQEgZJ+BsfnmPyGOpcsPmQROnZdxAdcqZoBwDYvqAqHwkNKljxNoc+IhXzs4dD4CQRuBQtgfhQ0C0jKGMuNdoLrTzny+bME7qNSYOw+i76SEdCQJkvpviUB57QOpIMnpAFmeqxou9jsNCaArYZHj2NHfXqUJ7t0kiEKjsjiKhJzq76bgAyLJ4A8pvatdVX7bybCHUL+svVg9aSwWBxozfY4YpckaivEIgLGKHtC4zt+ADoJxlFlh4jLobQOJkkeyc1mIhEBW1xsZd57j1BMGnNpO/AcRPlqouTolGO2Q6IDQiJ3Frb1FysA7cxTBJrfoIEKDMLugjMn6Rezcz+TJfL9d0r533der5yl6zCWSCUgs4w38DiIglBnXvNiwSs7pbcweo7ibVM+VG+Y0qHCmuAqKSQNbVZ8sRulCOAecXFlaJDVJZHAHCD23N/Rm1qsBTteQCW2oq1Xnh7YIwvI2UR4BMKo9fA+QerSmHXW6RKVyTaWmQy34B9fqFxEUj3wfC5GYbPAWkjdbUq6lahKwhmlNYeDJRq9kHNnXQYg8I+cIl558BIf6IHQpBq7s5rObcb+GBMyW8Jg1k3QviFwGBfF4895dcF1KYuUaeeDMfiAmh3tCY7OzPXYF1Eohe8yeHyySinnqD08QL2Xy4+Vt1stgGYke522VAVhk1lv20L6ZXs+LR3jMHW2z+ANIZzUSfZSmi6SIBhMYs/f5g1YZCpovUBoXvLxMbW0CQk2IHCBvPMEsn7iuF0L5tEBuzGoEEGLC+QVRC0Zk+pdIfGY5+EpgyWaAKQHqPnxVPUocqSKbpvicm/iogZEkwmVQ8/ZHh8N4a60jqhP97qJ+Ulj0mZRkj8Af+vHaBQuvoNGcE//Ie1r93MKKrhAg3uHa/+7zXJ1BO0W2dqZJv7ScQL02LN/mvBrhDRdaGsvex4P52zAqLVtk3jarGMblRaSvnm31cnxsJbRhTUUNROxv55M1ynQ8rhVqR7CdYSN6tZkFIrUj0ExRJ8c7WTR9nS7whZcuWLVu2bNmyZcuW7XPsN0VJu9krd1v4AAAAAElFTkSuQmCC" alt="FlowQi" title="FlowQi" loading="lazy" style="height:24px" class="w-auto max-w-[96px] object-contain [filter:brightness(0)] opacity-80"/></span><span class="shrink-0 inline-flex items-center gap-1.5 text-[13px] font-bold text-[#6a3fd6]">Details <span class="transition-transform group-hover/card:translate-x-1">→</span></span></span></button></div></div></div></div></section><section id="rules" class="px-5 md:px-16 py-16 md:py-24 bg-white border-y border-[#e4e2ec]"><div class="bp-reveal"><div class="text-[#6a3fd6] text-[13px] font-bold tracking-[0.22em] mb-4">NEW RULES</div><div class="grid lg:grid-cols-[minmax(0,1fr)_minmax(0,0.8fr)] gap-6 lg:gap-16 items-end"><h2 class="font-extrabold text-[30px] md:text-[42px] leading-[1.06] tracking-[-0.03em] [text-wrap:balance]">The rules changed this year. Your product may need to.</h2><p class="text-v6-ink-soft text-[16px] font-medium leading-[1.7]">Three regulations now decide what an app, a kiosk or an AI feature must do. Each lands on screens we already design and build.</p></div></div><div class="grid md:grid-cols-3 gap-3 mt-10"><div class="bp-reveal flex"><a href="/eaa" class="group flex flex-col w-full rounded-[18px] border border-[#e4e2ec] bg-v6-daylight hover:border-[#c9bff0] hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 md:p-7 transition-all hover:no-underline">
109<span class="self-start rounded-[8px] bg-v6-ink text-white font-mono text-[11px] tracking-[0.06em] px-3 py-1.5 leading-snug">In force since June 2025, enforced in 2026</span><span class="block font-extrabold text-[20px] text-v6-ink mt-5 leading-snug">European Accessibility Act</span><span class="block font-mono text-[11.5px] tracking-[0.08em] text-[#6a3fd6] uppercase mt-1.5">Apps, websites, ATMs and kiosks · EU</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.65] mt-3 flex-1">Consumer apps, websites and self-service terminals must meet WCAG 2.1 AA and EN 301 549. Authorities in France, the Netherlands and Germany are already acting.</span><span class="flex items-center justify-between mt-6 pt-4 border-t border-[#ebe8f3] text-[13.5px] font-bold text-[#6a3fd6]">The EAA in plain words<span class="transition-transform group-hover:translate-x-1">→</span></span></a></div><div class="bp-reveal flex" style="--reveal-delay:0.06s"><a href="#kiosk" class="group flex flex-col w-full rounded-[18px] border border-[#e4e2ec] bg-v6-daylight hover:border-[#c9bff0] hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 md:p-7 transition-all hover:no-underline">
109<span class="self-start rounded-[8px] bg-v6-ink text-white font-mono text-[11px] tracking-[0.06em] px-3 py-1.5 leading-snug">Türkiye: card payment on motorway and state-road DC chargers from 1 July 2026 · EU: 50 kW+ chargers on the TEN-T network by 1 January 2027</span><span class="block font-extrabold text-[20px] text-v6-ink mt-5 leading-snug">AFIR and EPDK charging rules</span><span class="block font-mono text-[11.5px] tracking-[0.08em] text-[#6a3fd6] uppercase mt-1.5">Charging networks · EU and Türkiye</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.65] mt-3 flex-1">Pay without an app or an account, one clear price before the session starts, and roaming between networks. All of it lands on the kiosk and in the app.</span><span class="flex items-center justify-between mt-6 pt-4 border-t border-[#ebe8f3] text-[13.5px] font-bold text-[#6a3fd6]">What we do about it<span class="transition-transform group-hover:translate-x-1">→</span></span></a></div><div class="bp-reveal flex" style="--reveal-delay:0.12s"><a href="#ax" class="group flex flex-col w-full rounded-[18px] border border-[#e4e2ec] bg-v6-daylight hover:border-[#c9bff0] hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 md:p-7 transition-all hover:no-underline">
109<span class="self-start rounded-[8px] bg-v6-ink text-white font-mono text-[11px] tracking-[0.06em] px-3 py-1.5 leading-snug">In force since 2 August 2026</span><span class="block font-extrabold text-[20px] text-v6-ink mt-5 leading-snug">EU AI Act, Article 50</span><span class="block font-mono text-[11.5px] tracking-[0.08em] text-[#6a3fd6] uppercase mt-1.5">Chatbots, assistants and agents · EU</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.65] mt-3 flex-1">People must be told when they&#x27;re talking to AI, and generated content must be marked (by 2 December 2026 for systems already live). Fines reach €15M or 3% of turnover.</span><span class="flex items-center justify-between mt-6 pt-4 border-t border-[#ebe8f3] text-[13.5px] font-bold text-[#6a3fd6]">What we do about it<span class="transition-transform group-hover:translate-x-1">→</span></span></a></div></div><div class="mt-4 rounded-[18px] bg-v6-ink text-white p-6 md:p-7 flex flex-col md:flex-row md:items-center justify-between gap-5"><span><span class="block font-extrabold text-[19px]">Not sure which applies to you?</span><span class="block text-white/70 text-[14.5px] font-medium mt-1">We make products that meet these rules. For the legal reading, we work alongside your counsel.</span></span><a href="/contact?service=fixed-price-start&amp;topic=Compliance+Check" class="shrink-0 rounded-full bg-white text-v6-ink font-bold text-[14.5px] px-6 py-3 min-h-[46px] inline-flex items-center hover:no-underline">Start with a Compliance Check · <!-- -->from €1,900<!-- --> →</a></div></section><section id="work-together" class="bg-v6-dusk px-5 md:px-16 py-16 md:py-24"><span id="partnership" class="block h-0 scroll-mt-24" aria-hidden="true"></span><div class="bp-reveal"><div class="text-[#c4b5fd] text-[13px] font-bold tracking-[0.22em] mb-4">HOW WE WORK TOGETHER</div><h2 class="text-white font-extrabold text-[30px] md:text-[42px] leading-[1.06] tracking-[-0.03em] max-w-[820px] [text-wrap:balance]">A team for the year, or a project with a finish line.</h2></div><div class="grid lg:grid-cols-2 gap-5 mt-10"><div class="rounded-[20px] p-7 md:p-9 flex flex-col bg-white text-v6-ink"><span class="text-[12.5px] font-bold tracking-[0.16em] text-[#6a3fd6]">ANNUAL</span><h3 class="font-extrabold text-[28px] md:text-[34px] tracking-[-0.025em] mt-2">Product Partnership</h3><p class="text-[15.5px] font-semibold mt-1 text-v6-ink-soft">For companies with a live product and a roadmap</p><ul class="flex flex-col gap-2.5 mt-6"><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-v6-ink"><span class="text-[#7a52e0]">✓</span>A named senior team, reserved for you every month</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-v6-ink"><span class="text-[#7a52e0]">✓</span>One capacity pool across app, web and kiosk, prioritised with you monthly</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-v6-ink"><span class="text-[#7a52e0]">✓</span>Quarterly reviews: the KPIs we agreed, and new ideas we bring to the table</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-v6-ink"><span class="text-[#7a52e0]">✓</span>Product leadership on call: a senior lead in your roadmap and planning sessions</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-v6-ink"><span class="text-[#7a52e0]">✓</span>Every task, file and hour visible in blurpleOS; Corexi watches the live product between reviews</li></ul><div class="mt-auto pt-7 flex flex-wrap items-end justify-between gap-4 border-t mt-8 border-[#ebe8f3]"><span><span class="block font-extrabold text-[20px]">Annual plans · tailored proposal</span><span class="block text-[13px] font-medium mt-1 text-v6-ink-soft">Zes and Electrip: multi-year partnerships, still shipping</span></span><a href="/contact?service=product-partnership&amp;topic=Product+Partnership" class="rounded-full px-5 py-2.5 min-h-[44px] font-bold text-[14px] whitespace-nowrap hover:no-underline bg-v6-ink text-white">Plan a partnership</a></div></div><div class="rounded-[20px] p-7 md:p-9 flex flex-col bg-white/[0.07] border border-white/[0.14] text-white"><span class="text-[12.5px] font-bold tracking-[0.16em] text-[#c4b5fd]">FIXED SCOPE</span>
109<h3 class="font-extrabold text-[28px] md:text-[34px] tracking-[-0.025em] mt-2">Projects</h3><p class="text-[15.5px] font-semibold mt-1 text-white/70">For a defined product, feature or redesign</p><ul class="flex flex-col gap-2.5 mt-6"><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-white/85"><span class="text-[#c4b5fd]">✓</span>Fixed scope and fixed price, billed per milestone</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-white/85"><span class="text-[#c4b5fd]">✓</span>Three levels: Design · Design + Code · Full Build</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-white/85"><span class="text-[#c4b5fd]">✓</span>Crafted: fully bespoke interface design, on any level</li><li class="flex gap-3 text-[15px] font-medium leading-[1.55] text-white/85"><span class="text-[#c4b5fd]">✓</span>Starts with a paid discovery, credited if the build follows within 60 days</li></ul><div class="mt-auto pt-7 flex flex-wrap items-end justify-between gap-4 border-t mt-8 border-white/[0.12]"><span><span class="block font-extrabold text-[20px]">Projects from €10,000</span><span class="block text-[13px] font-medium mt-1 text-white/65">Enjoy eSIM: +35% acquisition, +40% returning users</span></span><a href="/contact?topic=Projects" class="rounded-full px-5 py-2.5 min-h-[44px] font-bold text-[14px] whitespace-nowrap hover:no-underline bg-white text-v6-ink">Scope a project</a></div></div></div><p class="text-white/70 text-[14.5px] font-medium mt-6">Need a focused web or mobile app, fast? <a href="/launch" class="text-white font-bold underline underline-offset-4">Launch</a> is a strictly scoped app in four weeks, for startups and companies alike.</p></section><section id="start" class="px-5 md:px-16 py-16 md:py-24"><span id="diagnostics" class="block h-0 scroll-mt-24" aria-hidden="true"></span><span id="advisory" class="block h-0 scroll-mt-24" aria-hidden="true"></span><div class="bp-reveal"><div class="text-[#6a3fd6] text-[13px] font-bold tracking-[0.22em] mb-4">START HERE</div><h2 class="font-extrabold text-[30px] md:text-[42px] leading-[1.06] tracking-[-0.03em] max-w-[820px]">Not ready to commit? Start with a fixed price.</h2></div><div class="rounded-[20px] bg-v6-ink text-white p-6 md:p-8 mt-10"><div class="flex items-center justify-between gap-4"><span class="font-mono text-[11px] tracking-[0.14em] text-[#c4b5fd]">WHERE SHOULD I START? · TWO QUESTIONS</span></div><div aria-live="polite"><div class="font-extrabold text-[22px] md:text-[26px] mt-2">What do you have?</div><div class="flex flex-wrap gap-2 mt-5"><button type="button" class="rounded-full bg-white/[0.08] hover:bg-white hover:text-v6-ink border border-white/[0.16] px-5 py-2.5 min-h-[44px] text-[15px] font-bold transition-colors">A live product</button><button type="button" class="rounded-full bg-white/[0.08] hover:bg-white hover:text-v6-ink border border-white/[0.16] px-5 py-2.5 min-h-[44px] text-[15px] font-bold transition-colors">An idea or a brief</button></div></div></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 mt-4"><button id="px-ray-scan" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">Live product<!-- --> · <!-- -->3 days</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">PX-RAY Scan</span><span class="inline-flex items-center gap-1.5 mt-2 self-start rounded-full bg-[#f1efff] px-2.5 py-1"><svg viewBox="0 0 40 40" class="" width="13" height="13" aria-hidden="true"><g fill="none" stroke-width="9.6" stroke-linecap="butt"><path d="M35.20 20.00 A15.2 15.2 0 0 1 18.41 35.12" stroke="#4B3BF5"></path><path d="M12.40 33.16 A15.2 15.2 0 0 1 7.70 11.07" stroke="#4B3BF5"></path><path d="M12.40 6.84 A15.2 15.2 0 0 1 33.89 13.82" stroke="#8B7FFF"></path></g></svg><span class="text-[11.5px] font-bold text-[#3a2fc4]">Powered by Corexi</span></span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">A fast UX audit of your live product: Corexi&#x27;s automated scan and a senior review find the ten fixes that matter most.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">€990</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button><button id="px-ray" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">Live product<!-- --> · <!-- -->1–3 weeks</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">PX-RAY</span><span class="inline-flex items-center gap-1.5 mt-2 self-start rounded-full bg-[#f1efff] px-2.5 py-1"><svg viewBox="0 0 40 40" class="" width="13" height="13" aria-hidden="true"><g fill="none" stroke-width="9.6" stroke-linecap="butt"><path d="M35.20 20.00 A15.2 15.2 0 0 1 18.41 35.12" stroke="#4B3BF5"></path><path d="M12.40 33.16 A15.2 15.2 0 0 1 7.70 11.07" stroke="#4B3BF5"></path><path d="M12.40 6.84 A15.2 15.2 0 0 1 33.89 13.82" stroke="#8B7FFF"></path></g></svg><span class="text-[11.5px] font-bold text-[#3a2fc4]">Powered by Corexi</span></span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">The full UX audit on Corexi: every screen and flow, a score, accessibility, and a fix plan ranked by impact. Essentials, Professional, Enterprise.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">from €3,500</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button>
109<button id="discovery-sprint" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">New product<!-- --> · <!-- -->2 weeks</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">Discovery Sprint</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">Research, new ideas and a concept prototype before a big build. Fully credited if the build follows within 60 days.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">€6,000</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button><button id="growth-loyalty-sprint" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">Growth<!-- --> · <!-- -->2 weeks</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">Growth &amp; Loyalty Sprint</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">Your data and journeys reviewed, the segments that matter found, a loyalty model designed and a concept tested with real users. Credited if the build follows.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">€3,900</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button><button id="compliance-check" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">EAA · AFIR · AI Act<!-- --> · <!-- -->1 week</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">Compliance Check</span><span class="inline-flex items-center gap-1.5 mt-2 self-start rounded-full bg-[#f1efff] px-2.5 py-1"><svg viewBox="0 0 40 40" class="" width="13" height="13" aria-hidden="true"><g fill="none" stroke-width="9.6" stroke-linecap="butt"><path d="M35.20 20.00 A15.2 15.2 0 0 1 18.41 35.12" stroke="#4B3BF5"></path><path d="M12.40 33.16 A15.2 15.2 0 0 1 7.70 11.07" stroke="#4B3BF5"></path><path d="M12.40 6.84 A15.2 15.2 0 0 1 33.89 13.82" stroke="#8B7FFF"></path></g></svg><span class="text-[11.5px] font-bold text-[#3a2fc4]">Powered by Corexi</span></span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">Corexi&#x27;s automated pass plus a senior review against the rule that applies to you: accessibility (EAA), charging (AFIR, EPDK) or AI transparency (AI Act). A fix plan ranked by risk.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">from €1,900</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button><button id="ai-readiness-sprint" type="button" aria-haspopup="dialog" class="group min-w-0 text-left flex flex-col rounded-[18px] bg-white border hover:shadow-[0_14px_36px_rgba(60,30,140,0.08)] p-6 transition-all duration-300 scroll-mt-24 border-[#e4e2ec] hover:border-[#c9bff0]"><span class="block font-mono text-[11px] tracking-[0.1em] text-[#6a3fd6] uppercase">AI<!-- --> · <!-- -->Half a day</span><span class="block font-extrabold text-[19px] text-v6-ink mt-1.5 leading-snug">AI Readiness Sprint</span><span class="block text-v6-ink-soft text-[14.5px] font-medium leading-[1.6] mt-3 flex-1">What AI should, and shouldn&#x27;t, do in your product, the AI Act&#x27;s transparency rules included, with a 90-day plan you own.</span><span class="flex items-center justify-between gap-3 mt-6 pt-4 border-t border-[#ebe8f3] w-full"><span class="font-extrabold text-[20px] text-v6-ink">€1,500</span><span class="text-[13.5px] font-bold text-[#6a3fd6] whitespace-nowrap">How it works<!-- --> <span aria-hidden="true" class="inline-block transition-transform group-hover:translate-x-1">→</span></span></span></button></div></section><section id="faq" class="px-5 md:px-16 py-16 md:py-24 bg-white border-t border-[#e4e2ec] grid lg:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)] ga
109p-8 lg:gap-14 items-start"><div class="min-w-0"><div class="text-[#6a3fd6] text-[13px] font-bold tracking-[0.22em] mb-4">QUESTIONS WE GET</div><div class="flex flex-col gap-2"><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">What does blurple studio do?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">We design and build digital products, and the AI inside them. Four services: Product Design (strategy, research, UX/UI, design systems, accessibility), Product Engineering (mobile, web, SaaS and kiosk, to production), Applied AI (copilots, agents and AX design) and Product Growth &amp; Care (segmentation, loyalty, CRM, experiments, releases and maintenance).</p></details><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">How do you price your work?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">Three ways. A Product Partnership is an annual plan with a tailored proposal. Projects have a fixed scope and price, from €10,000. And there are fixed-price starts: PX-RAY Scan (€990), PX-RAY (from €3,500), Discovery Sprint (€6,000), Growth &amp; Loyalty Sprint (€3,900), Compliance Check (from €1,900), AI Readiness Sprint (€1,500). All prices exclude VAT.</p></details><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">Where should we start?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">With a live product, a PX-RAY Scan (€990). With an idea, a Discovery Sprint (€6,000). For growth and retention, a Growth &amp; Loyalty Sprint; for the EAA, AFIR or the AI Act, a Compliance Check; for AI, an AI Readiness Sprint.</p></details><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">You build with AI. Does that make it cheap?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">AI makes us fast; senior people make it production-grade. Every change is reviewed, tested and owned by a person. We don&#x27;t sell AI as a discount: it&#x27;s the reason we ship in weeks, not months.</p></details><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">Do you work with teams that have their own developers?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">Yes. Product Design delivers research, flows and a design system wired to code that your developers, another studio or ours can build from, with design reviews while they build.</p></details><details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">Where are you based, and who do you work with?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">Istanbul (head office) and Barcelona. We work with companies across Türkiye and Europe, from funded startups to national networks like Zes and global platforms like Revolut and Aircall.</p></details>
109<details class="group rounded-[14px] bg-[#fbfaff] border border-[#e4e2ec] px-5 py-4 open:border-[#c9bff0]"><summary class="cursor-pointer list-none flex items-center justify-between gap-4 font-bold text-[16px] min-h-[32px]">Can you help with the European Accessibility Act?<span aria-hidden="true" class="text-[#6a3fd6] text-[20px] leading-none transition-transform group-open:rotate-45">+</span></summary><p class="text-v6-ink-soft text-[15px] font-medium leading-[1.65] mt-3">Yes: accessibility and EAA compliance for apps, websites and kiosks, starting with a one-week Compliance Check (from €1,900).</p></details></div></div><div class="rounded-[20px] bg-v6-ink text-white p-7 lg:sticky lg:top-24"><div class="font-extrabold text-[22px] leading-snug">Not sure which one fits?</div><p class="text-white/70 text-[15px] font-medium leading-[1.6] mt-2">Tell us where your product is today. We reply within one business day with an honest first read, not a sales script.</p><a href="/contact?service=not-sure" class="mt-6 flex items-center justify-between rounded-full bg-white text-v6-ink font-bold text-[15px] px-6 py-3.5 hover:no-underline">Talk to us <span aria-hidden="true">→</span></a></div></section><footer class="bg-[#25145a] px-5 md:px-16 pt-16 md:pt-20 pb-8 relative overflow-hidden"><div class="max-w-[560px] relative z-[2] mb-12 md:mb-14"><h2 class="text-v6-cream font-extrabold text-[28px] md:text-[34px] leading-[1.2] tracking-[-0.02em]">Let&#x27;s build what&#x27;s next, or what&#x27;s already live.</h2><div class="flex flex-wrap items-center gap-x-6 gap-y-3.5 mt-6"><a href="/contact" class="v6-grad text-white font-bold text-[15px] px-7 py-3.5 rounded-full shadow-[0_6px_20px_rgba(122,60,234,0.22)] hover:-translate-y-0.5 transition-transform">Start a project →</a><a href="mailto:[email protected]" class="text-[#a49dbd] font-mono text-[13px] hover:text-v6-cream transition-colors py-1.5 -my-1.5">or just write: [email protected]</a></div></div><nav aria-label="Footer" class="grid grid-cols-2 md:grid-cols-3 gap-x-8 gap-y-10 text-sm relative z-[2] xl:grid-cols-6 pt-10 md:pt-12 border-t border-white/10"><div class="flex flex-col gap-3"><span class="text-[#a99ee0] font-mono text-[11px] tracking-[0.1em]">SERVICES</span><a href="/services#design" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Product Design</a><a href="/services#engineering" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Product Engineering</a><a href="/services#applied-ai" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Applied AI</a><a href="/services#growth" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Product Growth &amp; Care</a><a href="/services#work-together" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Product Partnership</a><a href="/services#work-together" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Projects</a><a href="/services#start" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Fixed-price starts</a><a href="/eaa" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">EAA compliance</a></div><div class="flex flex-col gap-3"><span class="text-[#a99ee0] font-mono text-[11px] tracking-[0.1em]">WORK</span><a href="/work" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Case studies</a><a href="/industries" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Industries</a><a href="/zes-charging-hmi" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Try the Zes HMI</a></div><div class="flex flex-col gap-3"><span class="text-[#a99ee0] font-mono text-[11px] tracking-[0.1em]">PRODUCTS</span><a href="/products" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">All products</a><a href="https://www.corexi.ai/en" target="_blank" rel="noopener noreferrer" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Corexi<!-- --> ↗</a><a href="/products/emobility-os" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">eMobility OS</a><a href="/products/hospitality-os" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">hospitality OS</a></div><div class="flex flex-col gap-3"><span class="text-[#a99ee0] font-mono text-[11px] tracking-[0.1em]">LAB</span><a href="/notes" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Notes</a><a href="/lab#research" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Research</a><a href="/lab#tools" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Free tools</a><a href="/access" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">blurple access</a></div><div class="flex flex-col gap-3"><span class="text-[#a99ee0] font-mono text-[11px] tracking-[0.1em]">STUDIO</span><a href="/studio" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">About</a><a href="/playbook" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Playbook v7.0</a><a href="/blurple-os" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">blurpleOS</a><a href="/sustainability" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Sustainability</a><a href="/contact" class="text-white/80 hover:text-white font-medium transition-colors py-1.5 -my-1.5">Contact</a></div><div class="flex flex-col gap-3 items-start col-span-2 md:col-span-1"><span class="text-white font-semibold text-[15px]">Istanbul • Barcelona</span><div class="flex gap-3"><span class="relative"><img src="/assets/istanbul_1771573730436-Xi6wlrZt.webp" alt="Istanbul" loading="lazy" class="w-[84px] h-[84px] rounded-[14px] object-cover"/>
109</span><span class="relative"><img src="/assets/barcelona_1771573715122-DWfDK83V.webp" alt="Barcelona" loading="lazy" class="w-[84px] h-[84px] rounded-[14px] object-cover"/></span></div><div class="flex flex-col gap-2.5 mt-2 text-[13px] font-medium leading-snug"><span><span class="block font-bold text-white">Istanbul</span><span class="block text-white/55">Vişnezade, Süleyman Seba St. 79/1, Akaretler, Beşiktaş</span></span><span><span class="block font-bold text-white">Barcelona</span><span class="block text-white/55">Passeig de Gràcia 17b, L&#x27;Eixample, 08007</span></span><a href="mailto:[email protected]" class="font-semibold text-white/80 hover:text-white transition-colors py-1.5 -my-1.5">[email protected]</a></div></div></nav><div class="v6-wordmark mt-10 select-none " aria-hidden="true">blurple studio</div><div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mt-6 pt-5 border-t border-white/10 text-white/55 text-xs font-medium"><div class="flex flex-wrap gap-x-[22px] gap-y-2 text-[13px] font-semibold"><a href="https://clutch.co/profile/blurple-studio" target="_blank" rel="noopener noreferrer" class="text-white/80 hover:text-white transition-colors py-2 -my-2">Clutch</a><a href="https://www.linkedin.com/company/blurple/" target="_blank" rel="noopener noreferrer" class="text-white/80 hover:text-white transition-colors py-2 -my-2">LinkedIn</a><a href="https://www.instagram.com/blurple.studio" target="_blank" rel="noopener noreferrer" class="text-white/80 hover:text-white transition-colors py-2 -my-2">Instagram</a><a href="https://bcnaisociety.com" target="_blank" rel="noopener noreferrer" class="text-white/80 hover:text-white transition-colors py-2 -my-2">BCN AI Society ↗</a></div><span>© 2026 blurple studio · Certified B Corporation · since 2022</span><span class="flex gap-2 flex-wrap"><a href="/privacy" class="hover:text-white transition-colors py-2 -my-2">Privacy</a>·<a href="/cookies" class="hover:text-white transition-colors py-2 -my-2">Cookies</a>·<a href="/terms" class="hover:text-white transition-colors py-2 -my-2">Terms</a>·<a href="/gdpr" class="hover:text-white transition-colors py-2 -my-2">GDPR</a></span></div></footer></div><!--/$--><!--$--><!--/$--></div>
110  </body>
111</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.