Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
37 lines (36 loc) · 119 KB
/
Copy pathindex.html
File metadata and controls
37 lines (36 loc) · 119 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preload" href="/_astro/HubotSans-Black.3kJ_8PD4.woff2" as="font" type="font/woff2" crossorigin><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" href="/favicon.ico"><link rel="canonical" href="https://theleftbit.com/"><link rel="alternate" hreflang="en" href="https://theleftbit.com/en"><link rel="alternate" hreflang="es" href="https://theleftbit.com/es"><link rel="alternate" hreflang="ca" href="https://theleftbit.com/ca"><link rel="alternate" hreflang="x-default" href="https://theleftbit.com/en"><link rel="preload" as="image" fetchpriority="high" href="/iphone-13-desktop.webp" imagesrcset="
/iphone-13-bigscreen.webp 1576w,
/iphone-13-desktop.webp 1144w,
/iphone-13-tablet.webp 926w,
/iphone-13-mobile.webp 737w
" imagesizes="(min-width: 1576px) 1576px, (min-width: 1024px) 1144px, (min-width: 768px) 926px, 737px"><meta name="generator" content="Astro v7.3.3"><meta name="description" content="Barcelona-based native software studio. We partner with companies to design, build, and ship purposeful iOS, Android & web products."><meta property="og:type" content="website"><meta property="og:url" content="https://theleftbit.com/"><meta property="og:title" content="The Left Bit — Native Software Studio"><meta property="og:description" content="Barcelona-based native software studio. We partner with companies to design, build, and ship purposeful iOS, Android & web products."><meta property="og:image" content="https://theleftbit.com/og-image.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="The Left Bit — Native Software Studio"><meta name="twitter:description" content="Barcelona-based native software studio. We partner with companies to design, build, and ship purposeful iOS, Android & web products."><meta name="twitter:image" content="https://theleftbit.com/og-image.png"><title>The Left Bit — Native Software Studio</title><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"The Left Bit","url":"https://theleftbit.com","logo":"https://theleftbit.com/favicon.svg","description":"Barcelona-based native software studio. We partner with companies to design, build, and ship purposeful iOS, Android & web products.","sameAs":["https://github.com/theleftbit"]}</script><style>/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-200:oklch(92% .004 286.32);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-900:oklch(21% .006 285.885);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:#767676;--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:#414141;--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:#222;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-lg:16px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-sf:"SF Compact", system-ui, -apple-system, sans-serif;--font-feature:"Feature Display", Georgia, serif;--font-hubot:"Hubot Sans", system-ui, sans-serif;--font-sf-compact:"SF Compact", sans-serif;--font-space:"Space Grotesk Variable", "Space Grotesk", sans-serif;--text-label-md:21px;--color-brand-400:#7d7aff;--color-brand-500:#6360ff;--color-brand-550:#5465ff;--color-base-white:#fff;--color-subbase:#fff;--color-base-black:#000;--color-surface-brand-soft:#e9e9ff;--color-ink-navy-900:#1f1e5c;--color-ink-navy-900-70:#1f1e5cb3;--color-neutral-575:#b4b4b4;--color-dark-600:#1a1a1a;--color-border-dark-700:#2b2b2b}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-8{top:calc(var(--spacing) * -8)}.-top-20{top:calc(var(--spacing) * -20)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[3\.5\%\]{top:3.5%}.top-full{top:100%}.-right-22{right:calc(var(--spacing) * -22)}.right-0{right:0}.-bottom-9{bottom:calc(var(--spacing) * -9)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-36{left:calc(var(--spacing) * 36)}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-0{margin:0}.mx-10{margin-inline:calc(var(--spacing) * 10)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-40{margin-bottom:calc(var(--spacing) * 40)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-9\/16{aspect-ratio:9/16}.aspect-125\/37{aspect-ratio:125/37}.aspect-142\/32{aspect-ratio:142/32}.aspect-1576\/2100{aspect-ratio:1576/2100}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-72\.5{width:calc(var(--spacing) * 72.5);height:calc(var(--spacing) * 72.5)}.\!h-auto{height:auto!important}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8\.25{height:calc(var(--spacing) * 8.25)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24\.5{height:calc(var(--spacing) * 24.5)}.h-25{height:calc(var(--spacing) * 25)}.h-100{height:calc(var(--spacing) * 100)}.h-150{height:calc(var(--spacing) * 150)}.h-160\.5{height:calc(var(--spacing) * 160.5)}.h-\[25vh\]{height:25vh}.h-\[30vh\]{height:30vh}.h-auto{height:auto}.h-full{height:100%}.h-min{height:min-content}.h-px{height:1px}.min-h-96{min-height:calc(var(--spacing) * 96)}.min-h-130\.5{min-height:calc(var(--spacing) * 130.5)}.min-h-240{min-height:calc(var(--spacing) * 240)}.min-h-\[380px\]{min-height:380px}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8\.25{width:calc(var(--spacing) * 8.25)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14\.5{width:calc(var(--spacing) * 14.5)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-35{width:calc(var(--spacing) * 35)}.w-40{width:calc(var(--spacing) * 40)}.w-\[25\.5px\]{width:25.5px}.w-\[30\.25\%\]{width:30.25%}.w-\[93\%\]{width:93%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-42{max-width:calc(var(--spacing) * 42)}.max-w-72\.5{max-width:calc(var(--spacing) * 72.5)}.max-w-120{max-width:calc(var(--spacing) * 120)}.max-w-125{max-width:calc(var(--spacing) * 125)}.max-w-136{max-width:calc(var(--spacing) * 136)}.max-w-150{max-width:calc(var(--spacing) * 150)}.max-w-157{max-width:calc(var(--spacing) * 157)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-184{max-width:calc(var(--spacing) * 184)}.max-w-211\.5{max-width:calc(var(--spacing) * 211.5)}.max-w-337\.5{max-width:calc(var(--spacing) * 337.5)}.max-w-\[72vw\]{max-width:72vw}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-37\.25{min-width:calc(var(--spacing) * 37.25)}.min-w-\[120px\]{min-width:120px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-4px\]{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[4px\]{--tw-translate-y:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[100px_1fr\]{grid-template-columns:100px 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.25{gap:calc(var(--spacing) * 1.25)}.gap-1\.75{gap:calc(var(--spacing) * 1.75)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-6\.25{gap:calc(var(--spacing) * 6.25)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-7\.5{gap:calc(var(--spacing) * 7.5)}.gap-7\.75{gap:calc(var(--spacing) * 7.75)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-8\.5{gap:calc(var(--spacing) * 8.5)}.gap-8\.75{gap:calc(var(--spacing) * 8.75)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-9\.5{gap:calc(var(--spacing) * 9.5)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-11\.5{gap:calc(var(--spacing) * 11.5)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-15{gap:calc(var(--spacing) * 15)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-22\.25{gap:calc(var(--spacing) * 22.25)}.gap-30{gap:calc(var(--spacing) * 30)}.gap-\[0\.35rem\]{gap:.35rem}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-49\.75{column-gap:calc(var(--spacing) * 49.75)}.gap-y-16{row-gap:calc(var(--spacing) * 16)}.gap-y-24{row-gap:calc(var(--spacing) * 24)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.9rem\]{border-radius:.9rem}.rounded-\[15px\]{border-radius:15px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-br-2xl{border-bottom-right-radius:var(--radius-2xl)}.rounded-bl-2xl{border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#333333\]{border-color:#333}.border-\[\#D9D9D9\]{border-color:#d9d9d9}.border-border-dark-700{border-color:var(--color-border-dark-700)}.border-border-dark-700\/60{border-color:#2b2b2b99}@supports (color:color-mix(in lab, red, red)){.border-border-dark-700\/60{border-color:color-mix(in oklab, var(--color-border-dark-700) 60%, transparent)}}.border-brand-500\/10{border-color:#6360ff1a}@supports (color:color-mix(in lab, red, red)){.border-brand-500\/10{border-color:color-mix(in oklab, var(--color-brand-500) 10%, transparent)}}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-transparent{border-color:#0000}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-zinc-400{border-color:var(--color-zinc-400)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-t-brand-500{border-top-color:var(--color-brand-500)}.border-b-brand-500{border-bottom-color:var(--color-brand-500)}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#FF5D5D\]{background-color:#ff5d5d}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#fef08a\]\/15{background-color:oklab(94.5102% -.024867 .121791/.15)}.bg-base-black{background-color:var(--color-base-black)}.bg-base-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-base-black\/40{background-color:color-mix(in oklab, var(--color-base-black) 40%, transparent)}}.bg-base-white{background-color:var(--color-base-white)}.bg-base-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-base-white\/20{background-color:color-mix(in oklab, var(--color-base-white) 20%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-brand-400{background-color:var(--color-brand-400)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-dark-600{background-color:var(--color-dark-600)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-900\/60{background-color:#2229}@supports (color:color-mix(in lab, red, red)){.bg-neutral-900\/60{background-color:color-mix(in oklab, var(--color-neutral-900) 60%, transparent)}}.bg-surface-brand-soft{background-color:var(--color-surface-brand-soft)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\/18{--tw-gradient-from:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.from-white\/18{--tw-gradient-from:color-mix(in oklab, var(--color-white) 18%, transparent)}}.from-white\/18{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-200{--tw-gradient-from:var(--color-zinc-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/10{--tw-gradient-to:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.to-white\/10{--tw-gradient-to:color-mix(in oklab, var(--color-white) 10%, transparent)}}.to-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-400{--tw-gradient-to:var(--color-zinc-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left{object-position:left}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7\.5{padding-inline:calc(var(--spacing) * 7.5)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-11\.5{padding-block:calc(var(--spacing) * 11.5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-18\.5{padding-block:calc(var(--spacing) * 18.5)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-31\.25{padding-block:calc(var(--spacing) * 31.25)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-30{padding-top:calc(var(--spacing) * 30)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-26{padding-bottom:calc(var(--spacing) * 26)}.pb-38\.5{padding-bottom:calc(var(--spacing) * 38.5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Feature_Display\'\]{font-family:Feature Display}.font-\[\'New_York\'\]{font-family:New York}.font-\[\'SF_Compact\'\]{font-family:SF Compact}.font-feature{font-family:var(--font-feature)}.font-hubot{font-family:var(--font-hubot)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-sf{font-family:var(--font-sf)}.font-sf-compact{font-family:var(--font-sf-compact)}.font-space{font-family:var(--font-space)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[2rem\]{font-size:2rem}.text-\[10px\]{font-size:10px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[25px\]{font-size:25px}.text-\[26px\]{font-size:26px}.text-\[50px\]{font-size:50px}.text-\[52px\]{font-size:52px}.text-\[60px\]{font-size:60px}.text-\[80px\]{font-size:80px}.text-label-md{font-size:var(--text-label-md)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-\[96\%\]{--tw-leading:96%;line-height:96%}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[556\]{--tw-font-weight:556;font-weight:556}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-3\%\]{--tw-tracking:-3%;letter-spacing:-3%}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-\[\#222\]{color:#222}.text-\[\#595959\]{color:#595959}.text-\[\#606060\]{color:#606060}.text-\[\#888888\]{color:#888}.text-\[\#C2C2C2\]{color:#c2c2c2}.text-\[\#E9E9FF\]{color:#e9e9ff}.text-\[\#b9b8ff\]{color:#b9b8ff}.text-\[\#fef08a\]{color:#fef08a}.text-\[rgba\(233\,233\,255\,0\.2\)\]{color:#e9e9ff33}.text-base-black{color:var(--color-base-black)}.text-base-white{color:var(--color-base-white)}.text-base-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-base-white\/60{color:color-mix(in oklab, var(--color-base-white) 60%, transparent)}}.text-black{color:var(--color-black)}.text-brand-400{color:var(--color-brand-400)}.text-brand-500{color:var(--color-brand-500)}.text-inherit{color:inherit}.text-ink-navy-900{color:var(--color-ink-navy-900)}.text-ink-navy-900-70{color:var(--color-ink-navy-900-70)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-575{color:var(--color-neutral-575)}.text-neutral-900{color:var(--color-neutral-900)}.text-subbase{color:var(--color-subbase)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline-offset-6{text-underline-offset:6px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_0px_20px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0px 0px 20px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.saturate-\[0\.96\]{--tw-saturate:saturate(.96);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,)}.filter{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-lg{--tw-backdrop-blur:blur(var(--blur-lg));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-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[--factor\:1\]{--factor:1}.\[--highlight-width\:auto\]{--highlight-width:auto}.\[--highlight-x-pos\:0px\]{--highlight-x-pos:0px}.\[-webkit-mask\:linear-gradient\(90deg\,transparent\,white_20\%\,white_80\%\,transparent\)\]{-webkit-mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000)}.\[mask\:linear-gradient\(90deg\,transparent\,white_20\%\,white_80\%\,transparent\)\]{-webkit-mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000)}.\[moz-osx-font-smoothing\:grayscale\]{moz-osx-font-smoothing:grayscale}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-enabled\:group-hover\:-translate-x-1:is(:where(.group):enabled *):is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-enabled\:group-hover\:translate-x-1:is(:where(.group):enabled *):is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-aria-expanded\:translate-y-\[-2px\]:is(:where(.group)[aria-expanded=true] *){--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-aria-expanded\:translate-y-\[2px\]:is(:where(.group)[aria-expanded=true] *){--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-aria-expanded\:-rotate-45:is(:where(.group)[aria-expanded=true] *){rotate:-45deg}.group-aria-expanded\:rotate-45:is(:where(.group)[aria-expanded=true] *){rotate:45deg}.group-aria-expanded\:opacity-0:is(:where(.group)[aria-expanded=true] *){opacity:0}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0\.5:before{content:var(--tw-content);top:calc(var(--spacing) * .5)}.before\:bottom-0\.5:before{content:var(--tw-content);bottom:calc(var(--spacing) * .5)}.before\:left-0:before{content:var(--tw-content);left:0}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:w-\(--highlight-width\):before{content:var(--tw-content);width:var(--highlight-width)}.before\:transform-\[translateX\(var\(--highlight-x-pos\)\)\]:before{content:var(--tw-content);transform:translateX(var(--highlight-x-pos))}.before\:rounded-sm:before{content:var(--tw-content);border-radius:var(--radius-sm)}.before\:bg-brand-550:before{content:var(--tw-content);background-color:var(--color-brand-550)}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-300:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.before\:ease-\[ease\]:before{content:var(--tw-content);--tw-ease:ease;transition-timing-function:ease}.before\:will-change-transform:before{content:var(--tw-content);will-change:transform}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:bg-base-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-base-white\/10:hover{background-color:color-mix(in oklab, var(--color-base-white) 10%, transparent)}}.hover\:text-base-white:hover{color:var(--color-base-white)}.hover\:text-base-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:text-base-white\/70:hover{color:color-mix(in oklab, var(--color-base-white) 70%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-50:hover{opacity:.5}}.focus\:opacity-50:focus{opacity:.5}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#f56539\]:focus-visible{--tw-ring-color:#f56539}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-black:focus-visible{--tw-ring-offset-color:var(--color-black)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.enabled\:cursor-pointer:enabled{cursor:pointer}.enabled\:border-neutral-800:enabled{border-color:var(--color-neutral-800)}.enabled\:bg-neutral-900\/90:enabled{background-color:#222222e6}@supports (color:color-mix(in lab, red, red)){.enabled\:bg-neutral-900\/90:enabled{background-color:color-mix(in oklab, var(--color-neutral-900) 90%, transparent)}}.enabled\:text-white:enabled{color:var(--color-white)}@media (hover:hover){.enabled\:hover\:border-neutral-500:enabled:hover{border-color:var(--color-neutral-500)}.enabled\:hover\:bg-neutral-800:enabled:hover{background-color:var(--color-neutral-800)}.enabled\:hover\:text-white:enabled:hover{color:var(--color-white)}.enabled\:hover\:shadow-\[0_0_15px_rgba\(245\,101\,57\,0\.15\)\]:enabled:hover{--tw-shadow:0 0 15px var(--tw-shadow-color,#f5653926);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.enabled\:active\:scale-92:enabled:active{--tw-scale-x:92%;--tw-scale-y:92%;--tw-scale-z:92%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-800\/40:disabled{border-color:#26262666}@supports (color:color-mix(in lab, red, red)){.disabled\:border-neutral-800\/40:disabled{border-color:color-mix(in oklab, var(--color-neutral-800) 40%, transparent)}}.disabled\:bg-neutral-900\/30:disabled{background-color:#2222224d}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-neutral-900\/30:disabled{background-color:color-mix(in oklab, var(--color-neutral-900) 30%, transparent)}}.disabled\:text-neutral-600:disabled{color:var(--color-neutral-600)}.disabled\:opacity-40:disabled{opacity:.4}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-base-white[data-active=true]{color:var(--color-base-white)}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-\[trusted-scroll_40s_linear_infinite\]{animation:40s linear infinite trusted-scroll}}@media not all and (width>=600px){.max-\[600px\]\:\[--factor\:0\.6\]{--factor:.6}}@media not all and (width>=480px){.max-\[480px\]\:gap-5{gap:calc(var(--spacing) * 5)}}@media not all and (width>=450px){.max-\[450px\]\:gap-3\.75{gap:calc(var(--spacing) * 3.75)}.max-\[450px\]\:pt-0{padding-top:0}}@media (width>=1100px){.min-\[1100px\]\:h-12{height:calc(var(--spacing) * 12)}.min-\[1100px\]\:gap-2{gap:calc(var(--spacing) * 2)}.min-\[1100px\]\:px-2{padding-inline:calc(var(--spacing) * 2)}.min-\[1100px\]\:px-5{padding-inline:calc(var(--spacing) * 5)}.min-\[1100px\]\:py-1{padding-block:var(--spacing)}.min-\[1100px\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.min-\[1100px\]\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=40rem){.sm\:top-0{top:0}.sm\:mx-0{margin-inline:0}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:max-w-34{max-width:calc(var(--spacing) * 34)}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:gap-8\.5{gap:calc(var(--spacing) * 8.5)}.sm\:gap-\[calc\(5rem\*var\(--factor\)\)\]{gap:calc(5rem * var(--factor))}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:px-14{padding-inline:calc(var(--spacing) * 14)}.sm\:px-30{padding-inline:calc(var(--spacing) * 30)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[25px\]{font-size:25px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[58px\]{font-size:58px}.sm\:text-\[80px\]{font-size:80px}.sm\:text-\[84px\]{font-size:84px}.sm\:text-label-md{font-size:var(--text-label-md)}}@media (width>=48rem){.md\:relative{position:relative}.md\:top-12\.5{top:calc(var(--spacing) * 12.5)}.md\:top-26\.5{top:calc(var(--spacing) * 26.5)}.md\:-right-75{right:calc(var(--spacing) * -75)}.md\:bottom-auto{bottom:auto}.md\:z-auto{z-index:auto}.md\:mx-0{margin-inline:0}.md\:mx-16{margin-inline:calc(var(--spacing) * 16)}.md\:-mt-20{margin-top:calc(var(--spacing) * -20)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:h-125{height:calc(var(--spacing) * 125)}.md\:h-174\.5{height:calc(var(--spacing) * 174.5)}.md\:h-201\.5{height:calc(var(--spacing) * 201.5)}.md\:h-auto{height:auto}.md\:w-50{width:calc(var(--spacing) * 50)}.md\:w-64\.5{width:calc(var(--spacing) * 64.5)}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:max-w-166{max-width:calc(var(--spacing) * 166)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:scroll-px-16{scroll-padding-inline:calc(var(--spacing) * 16)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-7{gap:calc(var(--spacing) * 7)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-10\.5{gap:calc(var(--spacing) * 10.5)}.md\:gap-11{gap:calc(var(--spacing) * 11)}.md\:gap-12\.25{gap:calc(var(--spacing) * 12.25)}.md\:gap-15{gap:calc(var(--spacing) * 15)}.md\:gap-17{gap:calc(var(--spacing) * 17)}.md\:gap-19{gap:calc(var(--spacing) * 19)}.md\:gap-23{gap:calc(var(--spacing) * 23)}.md\:bg-\[\#f0f0f0\]{background-color:#f0f0f0}.md\:p-20{padding:calc(var(--spacing) * 20)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-15{padding-inline:calc(var(--spacing) * 15)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:py-48{padding-block:calc(var(--spacing) * 48)}.md\:pt-0{padding-top:0}.md\:pt-24{padding-top:calc(var(--spacing) * 24)}.md\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.md\:pb-17{padding-bottom:calc(var(--spacing) * 17)}.md\:pl-16{padding-left:calc(var(--spacing) * 16)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[1\.563rem\]{font-size:1.563rem}.md\:text-\[22px\]{font-size:22px}.md\:text-\[29px\]{font-size:29px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[80px\]{font-size:80px}.md\:text-\[110px\]{font-size:110px}.md\:text-\[120px\]{font-size:120px}.md\:text-label-md{font-size:var(--text-label-md)}.md\:text-transparent{color:#0000}.md\:select-none{-webkit-user-select:none;user-select:none}}@media (width>=64rem){.lg\:top-1\.5{top:calc(var(--spacing) * 1.5)}.lg\:-right-102{right:calc(var(--spacing) * -102)}.lg\:-mt-30{margin-top:calc(var(--spacing) * -30)}.lg\:grid{display:grid}.lg\:h-201\.5{height:calc(var(--spacing) * 201.5)}.lg\:h-249{height:calc(var(--spacing) * 249)}.lg\:min-h-0{min-height:0}.lg\:w-96{width:calc(var(--spacing) * 96)}.lg\:max-w-max{max-width:max-content}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:gap-22{gap:calc(var(--spacing) * 22)}.lg\:gap-24\.75{gap:calc(var(--spacing) * 24.75)}.lg\:gap-26\.5{gap:calc(var(--spacing) * 26.5)}.lg\:p-28{padding:calc(var(--spacing) * 28)}.lg\:px-14{padding-inline:calc(var(--spacing) * 14)}.lg\:py-11{padding-block:calc(var(--spacing) * 11)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-30{padding-top:calc(var(--spacing) * 30)}.lg\:pb-26{padding-bottom:calc(var(--spacing) * 26)}.lg\:pl-4{padding-left:calc(var(--spacing) * 4)}.lg\:pl-30{padding-left:calc(var(--spacing) * 30)}.lg\:text-\[2\.2rem\]{font-size:2.2rem}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[80px\]{font-size:80px}.lg\:text-\[116px\]{font-size:116px}.lg\:text-\[140px\]{font-size:140px}.lg\:text-\[150px\]{font-size:150px}}@media (width>=80rem){.xl\:top-31\.5{top:calc(var(--spacing) * 31.5)}.xl\:-right-86\.25{right:calc(var(--spacing) * -86.25)}.xl\:mx-30{margin-inline:calc(var(--spacing) * 30)}.xl\:h-240{height:calc(var(--spacing) * 240)}.xl\:h-249{height:calc(var(--spacing) * 249)}.xl\:w-160{width:calc(var(--spacing) * 160)}.xl\:min-w-134\.5{min-width:calc(var(--spacing) * 134.5)}.xl\:min-w-158\.25{min-width:calc(var(--spacing) * 158.25)}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-8{gap:calc(var(--spacing) * 8)}.xl\:gap-34{gap:calc(var(--spacing) * 34)}.xl\:gap-38{gap:calc(var(--spacing) * 38)}.xl\:gap-46{gap:calc(var(--spacing) * 46)}.xl\:px-6{padding-inline:calc(var(--spacing) * 6)}.xl\:px-16{padding-inline:calc(var(--spacing) * 16)}.xl\:px-52{padding-inline:calc(var(--spacing) * 52)}.xl\:py-13\.5{padding-block:calc(var(--spacing) * 13.5)}.xl\:pt-72\.25{padding-top:calc(var(--spacing) * 72.25)}.xl\:pr-22\.5{padding-right:calc(var(--spacing) * 22.5)}.xl\:pr-37\.5{padding-right:calc(var(--spacing) * 37.5)}.xl\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.xl\:text-\[108px\]{font-size:108px}.xl\:text-\[156px\]{font-size:156px}.xl\:text-\[200px\]{font-size:200px}}@media (width>=96rem){.\32 xl\:flex{display:flex}.\32 xl\:flex-row{flex-direction:row}.\32 xl\:flex-wrap{flex-wrap:wrap}.\32 xl\:justify-center{justify-content:center}}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:SF Compact;src:url(/_astro/SF-Compact-Display-Light.apWNlQTr.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SF Compact;src:url(/_astro/SF-Compact-Display-Regular.DEUXlMW6.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Compact;src:url(/_astro/SF-Compact-Display-Semibold.DHjq_X0f.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Feature Display;src:url(/_astro/FeatureDisplay-ExtraLight.CnnrGbcU.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Hubot Sans;src:url(/_astro/HubotSans-ExtraLight.C2o3lfk0.woff2)format("woff2");font-weight:200;font-style:normal;font-display:optional}@font-face{font-family:Hubot Sans;src:url(/_astro/HubotSans-Regular.xnkd_VbY.woff2)format("woff2");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Hubot Sans;src:url(/_astro/HubotSans-Black.3kJ_8PD4.woff2)format("woff2");font-weight:900;font-style:normal;font-display:optional}html{overflow-x:clip}html,body{background:var(--color-base-black);min-height:100%;margin:0;font-family:SF Compact,sans-serif}button,a{cursor:pointer}.custom-hover{--custom-hover-bg:#e6e6e6;z-index:0;position:relative;overflow:hidden}.custom-hover:after{content:"";background-color:var(--custom-hover-bg);transform-origin:0;z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.custom-hover-brand{--custom-hover-bg:var(--color-brand-400)}.custom-hover:hover:after{transform:scaleX(1)}.t1{text-rendering:optimizelegibility;font-family:SF Compact,system-ui,sans-serif;font-size:44px;font-weight:900;line-height:1.05}@media (width>=1440px){.t1{font-size:60px}}@media (width>=1800px){.t1{font-size:90px}}.t2{font-family:SF Compact,sans-serif;font-size:18px;font-weight:350;line-height:100%}@media (width>=768px){.t2{font-size:21px}}@media (width>=1024px){.t2{font-size:24px}}.hubot-condensed-stretch{font-stretch:75%}.global-padding-inline{padding-inline:1rem}@media (width>=480px){.global-padding-inline{padding-inline:2.5rem}}@media (width>=768px){.global-padding-inline{padding-inline:4rem}}@media (width>=1024px){.global-padding-inline{padding-inline:7.5rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@keyframes trusted-scroll{to{transform:translate(calc(-50% - 40px))}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;& .swiper-slide,& .swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{&>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;&::-webkit-scrollbar{display:none}}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{&>.swiper-wrapper{scroll-snap-type:x mandatory}&>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}&>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{&>.swiper-wrapper{scroll-snap-type:y mandatory}&>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}&>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{&>.swiper-wrapper{scroll-snap-type:none}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{&>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{&>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}&>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{&>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}&>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{& .swiper-slide-shadow,& .swiper-slide-shadow-left,& .swiper-slide-shadow-right,& .swiper-slide-shadow-top,& .swiper-slide-shadow-bottom,& .swiper-slide-shadow,& .swiper-slide-shadow-left,& .swiper-slide-shadow-right,& .swiper-slide-shadow-top,& .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}& .swiper-slide-shadow{background:#00000026}& .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}& .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}& .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}& .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{& .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
</style></head><body><header id="navbar" class="sticky top-0 z-50 bg-base-black/40 backdrop-blur-lg transition-transform duration-500 ease-in-out"><div class="mx-auto flex items-center justify-between px-4 py-4"><a href="/en" class="shrink-0"><img src="/logos/theleftbit-logo.svg" alt="The Left Bit" class="h-7 w-auto aspect-142/32 md:h-8" width="142" height="32"></a><div class="hidden items-center gap-4 lg:gap-6 xl:gap-8 md:flex"><nav class="flex items-center gap-4 lg:gap-6 xl:gap-8 font-space"><a href="/en/method" class="font-medium text-sm min-[1100px]:text-base xl:text-lg text-base-white transition-colors hover:text-base-white/70">Our Method</a><a href="/en/team" class="font-medium text-sm min-[1100px]:text-base xl:text-lg text-base-white transition-colors hover:text-base-white/70">Our Team</a><a href="mailto:hola@theleftbit.com" data-astro-reload data-default-text="hola@theleftbit.com" data-copied-text="Copied!" title="Contact" class="contact-copy-trigger group relative font-medium text-sm min-[1100px]:text-base xl:text-lg text-base-white transition-colors hover:text-base-white/70 cursor-pointer">Contact<span class="copy-toast absolute -bottom-9 left-1/2 -translate-x-1/2 opacity-0 pointer-events-none transition-all duration-200 bg-brand-500 text-white text-xs px-2.5 py-1 rounded shadow-md whitespace-nowrap group-hover:opacity-100 z-50"><span class="toast-text">hola@theleftbit.com</span><span class="absolute bottom-full left-1/2 -translate-x-1/2 border-4 border-transparent border-b-brand-500"></span></span></a></nav><div class="flex items-center gap-1 min-[1100px]:gap-2 font-space text-xs min-[1100px]:text-sm text-base-white"><a href="/en" class="px-1.5 py-0.5 min-[1100px]:px-2 min-[1100px]:py-1 rounded transition-colors bg-base-white/20 font-bold text-base-white">EN</a><a href="/es" class="px-1.5 py-0.5 min-[1100px]:px-2 min-[1100px]:py-1 rounded transition-colors text-base-white/60 hover:text-base-white">ES</a><a href="/ca" class="px-1.5 py-0.5 min-[1100px]:px-2 min-[1100px]:py-1 rounded transition-colors text-base-white/60 hover:text-base-white">CA</a></div><a href="https://www.videoask.com/fagttujhs" target="_blank" rel="noopener noreferrer" class="font-space text-xs min-[1100px]:text-sm xl:text-base rounded-lg bg-base-white px-4 min-[1100px]:px-5 xl:px-6 h-10 min-[1100px]:h-12 flex items-center justify-center font-medium text-base-black custom-hover">Free Consultation</a></div><button id="menu-button" class="group relative flex h-10 w-10 flex-col items-center justify-center md:hidden focus:outline-none" aria-label="Toggle menu" aria-expanded="false" aria-controls="mobile-menu"><span class="line block h-0.5 w-6 rounded bg-base-white transition-all duration-300 ease-in-out translate-y-[-4px] group-aria-expanded:translate-y-[2px] group-aria-expanded:rotate-45"></span><span class="line block h-0.5 w-6 rounded bg-base-white transition-all duration-300 ease-in-out group-aria-expanded:opacity-0"></span><span class="line block h-0.5 w-6 rounded bg-base-white transition-all duration-300 ease-in-out translate-y-[4px] group-aria-expanded:translate-y-[-2px] group-aria-expanded:-rotate-45"></span></button></div><nav id="mobile-menu" class="absolute text-base left-0 top-full z-50 w-full overflow-hidden bg-base-black shadow-xl transition-[max-height] duration-300 ease-in-out md:hidden font-sf" style="max-height: 0"><a href="/en/method" class="px-4 h-16 flex items-center text-base-white hover:bg-base-white/10 border-t border-border-dark-700">Our Method</a><a href="/en/team" class="px-4 h-16 flex items-center text-base-white hover:bg-base-white/10 border-t border-border-dark-700">Our Team</a><a href="mailto:hola@theleftbit.com" data-astro-reload data-default-text="hola@theleftbit.com" data-copied-text="Copied!" class="contact-copy-trigger group relative px-4 h-16 flex items-center text-base-white hover:bg-base-white/10 border-t border-border-dark-700 cursor-pointer">Contact<span class="copy-toast absolute left-36 top-1/2 -translate-y-1/2 opacity-0 pointer-events-none transition-all duration-200 bg-brand-500 text-white text-xs px-2.5 py-1 rounded shadow-md whitespace-nowrap group-hover:opacity-100"><span class="toast-text">hola@theleftbit.com</span></span></a><div class="flex items-center justify-around px-4 py-3 text-xs border-t border-border-dark-700"><a href="/en" class="px-3 py-1.5 rounded bg-base-white/20 font-bold text-base-white">EN</a><a href="/es" class="px-3 py-1.5 rounded text-base-white/60">ES</a><a href="/ca" class="px-3 py-1.5 rounded text-base-white/60">CA</a></div><div class="px-4 h-16 flex items-center text-base-white hover:bg-base-white/10 border-y border-border-dark-700"><a href="https://www.videoask.com/fagttujhs" target="_blank" rel="noopener noreferrer" class="font-space text-sm rounded-lg bg-base-white px-5 h-10 flex items-center justify-center font-medium text-base-black custom-hover w-full">Free Consultation</a></div></nav></header><script type="module" src="/_astro/Navbar.astro_astro_type_script_index_0_lang.Dyv1wGFG.js"></script><main><section class="bg-white h-min"><div class="relative bg-black overflow-hidden"><div class="relative h-100 md:h-174.5 lg:h-201.5 xl:h-240 flex items-center"><div aria-hidden="true" class="flex-col gap-8 global-padding-inline pb-16 text-white hidden md:flex max-w-[72vw]"><div><!-- Paràgraf 1: Línia 1 --><p class="t1 leading-tight">Native apps, web</p><!-- Paràgraf 2: Línies 2 + 3 (color i uppercase) + 4 --><p class="t1 leading-tight">and <span class="uppercase text-[#b9b8ff]">AI</span> for businesses,</p><!-- Paràgraf 3: Línia 5 --><p class="t1 leading-tight">from Barcelona</p></div><div><p class="t2 text-white/70">Meet your new native software partner.</p><p class="t2 text-white/70">We help companies develop purposeful,</p><p class="t2 text-white/70 m-0">maintainable & solid software</p></div></div><img id="hero-phone" src="/iphone-13-desktop.webp" srcset="/iphone-13-bigscreen.webp 1576w, /iphone-13-desktop.webp 1144w, /iphone-13-tablet.webp 926w, /iphone-13-mobile.webp 737w" sizes="(min-width: 1576px) 1576px, (min-width: 1024px) 1144px, (min-width: 768px) 926px, 737px" width="1576" height="2100" alt="Native iOS application showcase on iPhone" loading="eager" fetchpriority="high" decoding="async" class="absolute z-10 bottom-0 -right-22 h-160.5 md:h-201.5 lg:h-249 xl:h-249 aspect-1576/2100 object-cover md:bottom-auto top-4 md:top-26.5 md:-right-75 lg:top-1.5 lg:-right-102 xl:top-31.5 xl:-right-86.25"></div><div class="relative z-10 flex flex-col gap-8 global-padding-inline pb-16 text-white max-w-full md:bg-[#f0f0f0] md:z-auto -top-20 sm:top-0"><div class="md:select-none md:text-transparent"><h1 class="t1 leading-tight"><!-- Paràgraf 1: Línia 1 --><span class="block">Native apps, web</span><!-- Paràgraf 2: Línies 2 + 3 (color i uppercase) + 4 --><span class="block">and <span class="uppercase text-[#b9b8ff] md:text-transparent">AI</span> for businesses,</span><!-- Paràgraf 3: Línia 5 --><span class="block">from Barcelona</span></h1></div><div class="md:select-none text-white/70 md:text-transparent text-wrap"><p class="t2">Meet your new native software partner.</p><p class="t2">We help companies develop purposeful,</p><p class="t2">maintainable & solid software</p></div></div></div></section><script type="module">var e=document.getElementById(`hero-phone`),t=!1;function n(){if(!e)return;let n=window.scrollY;n>0?e.style.transform=`translateY(${n*.07}px)`:e.style.transform=`translateY(0px)`,t=!1}window.addEventListener(`scroll`,()=>{t||=(window.requestAnimationFrame(n),!0)},{passive:!0});</script><section class="bg-[#f0f0f0] pt-30 md:pt-0 md:-mt-20 lg:-mt-30 md:relative pb-38.5 flex flex-col gap-16" data-astro-cid-tyvksmnh><b class="global-padding-inline uppercase font-semibold text-sm md:text-[22px] text-[#595959]" style="font-family: 'SF Compact';" data-astro-cid-tyvksmnh>TRUSTED BY:</b><div class="overflow-x-hidden
[mask:linear-gradient(90deg,transparent,white_20%,white_80%,transparent)]
[-webkit-mask:linear-gradient(90deg,transparent,white_20%,white_80%,transparent)]" data-astro-cid-tyvksmnh><div class="flex w-max items-center gap-20 motion-safe:animate-[trusted-scroll_40s_linear_infinite]" data-astro-cid-tyvksmnh><a href="https://www.privalia.com" target="_blank" rel="noopener noreferrer" aria-label="Privalia" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/privalia.svg" alt="Privalia" aria-hidden="false" width="160" height="39" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 39px; width: auto; aspect-ratio: 160 / 39;" data-astro-cid-tyvksmnh></a><a href="https://www.typeform.com" target="_blank" rel="noopener noreferrer" aria-label="Typeform" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/typeform.svg" alt="Typeform" aria-hidden="false" width="198" height="33" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 32px; width: auto; aspect-ratio: 198 / 33;" data-astro-cid-tyvksmnh></a><a href="https://www.videoask.com" target="_blank" rel="noopener noreferrer" aria-label="Videoask" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/frame@2x.png" alt="Videoask" aria-hidden="false" width="370" height="66" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 33px; width: auto; aspect-ratio: 370 / 66;" data-astro-cid-tyvksmnh></a><a href="https://es.wallapop.com" target="_blank" rel="noopener noreferrer" aria-label="Wallapop" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/frame-1.svg" alt="Wallapop" aria-hidden="false" width="167" height="43" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 43px; width: auto; aspect-ratio: 167 / 43;" data-astro-cid-tyvksmnh></a><a href="https://www.mlb.com" target="_blank" rel="noopener noreferrer" aria-label="MLB" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/image-1@2x.webp" alt="MLB" aria-hidden="false" width="160" height="87" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 43px; width: auto; aspect-ratio: 160 / 87;" data-astro-cid-tyvksmnh></a><a href="https://www.naturitas.es" target="_blank" rel="noopener noreferrer" aria-label="Naturitas" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/naturitas.svg" alt="Naturitas" aria-hidden="false" width="147" height="23" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 22px; width: auto; aspect-ratio: 147 / 23;" data-astro-cid-tyvksmnh></a><a href="https://www.clinicbarcelona.org" target="_blank" rel="noopener noreferrer" aria-label="Clinic" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/Clinic.svg" alt="Clinic" aria-hidden="false" width="154" height="59" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 59px; width: auto; aspect-ratio: 154 / 59;" data-astro-cid-tyvksmnh></a><a href="https://www.letgo.com" target="_blank" rel="noopener noreferrer" aria-label="Letgo" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/Letgo.svg" alt="Letgo" aria-hidden="false" width="97" height="57" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 57px; width: auto; aspect-ratio: 97 / 57;" data-astro-cid-tyvksmnh></a><a href="https://polymarket.com" target="_blank" rel="noopener noreferrer" aria-label="Polymarket" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/polymarket.svg" alt="Polymarket" aria-hidden="false" width="194" height="44" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 52px; width: auto; aspect-ratio: 194 / 44;" data-astro-cid-tyvksmnh></a><a href="https://www.semantico.ai" target="_blank" rel="noopener noreferrer" aria-label="Semantico" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/semantico.svg" alt="Semantico" aria-hidden="false" width="168" height="26" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 26px; width: auto; aspect-ratio: 168 / 26;" data-astro-cid-tyvksmnh></a><a href="https://mediquo.com" target="_blank" rel="noopener noreferrer" aria-label="MediQuo" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/mediquo.svg" alt="MediQuo" aria-hidden="false" width="168" height="33" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 26px; width: auto; aspect-ratio: 168 / 33;" data-astro-cid-tyvksmnh></a><a href="https://www.starlingmedical.com" target="_blank" rel="noopener noreferrer" aria-label="Starling Medical" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/starling.webp" alt="Starling Medical" aria-hidden="false" width="320" height="88" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 38px; width: auto; aspect-ratio: 320 / 88;" data-astro-cid-tyvksmnh></a><a href="https://www.privalia.com" target="_blank" rel="noopener noreferrer" aria-label="Privalia" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/privalia.svg" alt="Privalia" aria-hidden="true" width="160" height="39" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 39px; width: auto; aspect-ratio: 160 / 39;" data-astro-cid-tyvksmnh></a><a href="https://www.typeform.com" target="_blank" rel="noopener noreferrer" aria-label="Typeform" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/typeform.svg" alt="Typeform" aria-hidden="true" width="198" height="33" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 32px; width: auto; aspect-ratio: 198 / 33;" data-astro-cid-tyvksmnh></a><a href="https://www.videoask.com" target="_blank" rel="noopener noreferrer" aria-label="Videoask" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/frame@2x.png" alt="Videoask" aria-hidden="true" width="370" height="66" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 33px; width: auto; aspect-ratio: 370 / 66;" data-astro-cid-tyvksmnh></a><a href="https://es.wallapop.com" target="_blank" rel="noopener noreferrer" aria-label="Wallapop" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/frame-1.svg" alt="Wallapop" aria-hidden="true" width="167" height="43" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 43px; width: auto; aspect-ratio: 167 / 43;" data-astro-cid-tyvksmnh></a><a href="https://www.mlb.com" target="_blank" rel="noopener noreferrer" aria-label="MLB" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/image-1@2x.webp" alt="MLB" aria-hidden="true" width="160" height="87" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 43px; width: auto; aspect-ratio: 160 / 87;" data-astro-cid-tyvksmnh></a><a href="https://www.naturitas.es" target="_blank" rel="noopener noreferrer" aria-label="Naturitas" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/naturitas.svg" alt="Naturitas" aria-hidden="true" width="147" height="23" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 22px; width: auto; aspect-ratio: 147 / 23;" data-astro-cid-tyvksmnh></a><a href="https://www.clinicbarcelona.org" target="_blank" rel="noopener noreferrer" aria-label="Clinic" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/Clinic.svg" alt="Clinic" aria-hidden="true" width="154" height="59" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 59px; width: auto; aspect-ratio: 154 / 59;" data-astro-cid-tyvksmnh></a><a href="https://www.letgo.com" target="_blank" rel="noopener noreferrer" aria-label="Letgo" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/Letgo.svg" alt="Letgo" aria-hidden="true" width="97" height="57" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 57px; width: auto; aspect-ratio: 97 / 57;" data-astro-cid-tyvksmnh></a><a href="https://polymarket.com" target="_blank" rel="noopener noreferrer" aria-label="Polymarket" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/polymarket.svg" alt="Polymarket" aria-hidden="true" width="194" height="44" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 52px; width: auto; aspect-ratio: 194 / 44;" data-astro-cid-tyvksmnh></a><a href="https://www.semantico.ai" target="_blank" rel="noopener noreferrer" aria-label="Semantico" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/semantico.svg" alt="Semantico" aria-hidden="true" width="168" height="26" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 26px; width: auto; aspect-ratio: 168 / 26;" data-astro-cid-tyvksmnh></a><a href="https://mediquo.com" target="_blank" rel="noopener noreferrer" aria-label="MediQuo" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/mediquo.svg" alt="MediQuo" aria-hidden="true" width="168" height="33" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 26px; width: auto; aspect-ratio: 168 / 33;" data-astro-cid-tyvksmnh></a><a href="https://www.starlingmedical.com" target="_blank" rel="noopener noreferrer" aria-label="Starling Medical" class="shrink-0" data-astro-cid-tyvksmnh><img src="/carrousel/starling.webp" alt="Starling Medical" aria-hidden="true" width="320" height="88" loading="lazy" decoding="async" class="shrink-0 object-contain" style="height: 38px; width: auto; aspect-ratio: 320 / 88;" data-astro-cid-tyvksmnh></a></div></div></section><style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script><script>(()=>{var g=Object.defineProperty;var w=(a,s,c)=>s in a?g(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c;var l=(a,s,c)=>w(a,typeof s!="symbol"?s+"":s,c);var E=new Set(["__proto__","constructor","prototype"]);{let a={0:t=>y(t),1:t=>c(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(c(t)),5:t=>new Set(c(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},s=t=>{let[p,e]=t;return p in a?a[p](e):void 0},c=t=>t.map(s),y=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([p,e])=>[p,s(e)]));class f extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),n={},d=this.querySelectorAll("template[data-astro-template]");for(let o of d){let i=o.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[o.getAttribute("data-astro-template")||"default"]=o.innerHTML,o.remove())}for(let o of r){let i=o.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[o.getAttribute("name")||"default"]=o.innerHTML)}let u;try{u=this.hasAttribute("props")?y(JSON.parse(this.getAttribute("props"))):{}}catch(o){let i=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(i+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${i}`,this.getAttribute("props"),o),o}let h;await this.hydrator(this)(this.Component,u,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),r.disconnect(),this.childrenConnectedCallback()},r=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});r.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}getRetryImportUrl(e){let r=new URL(e,document.baseURI);return r.searchParams.set("astro-retry",Date.now().toString()),r.toString()}async importWithRetry(e){try{return await import(e)}catch(r){return await new Promise(n=>setTimeout(n,1e3)),import(this.getRetryImportUrl(e))}}handleHydrationError(e){let r=this.getAttribute("component-url"),n=new CustomEvent("astro:hydration-error",{cancelable:!0,bubbles:!0,composed:!0,detail:{error:e,componentUrl:r}});this.dispatchEvent(n)&&console.error(`[astro-island] Error hydrating ${r}`,e)}async start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(`astro:${r}`,()=>this.start(),{once:!0});return}try{await Astro[r](async()=>{let n=this.getAttribute("renderer-url");try{let[d,{default:u}]=await Promise.all([this.importWithRetry(this.getAttribute("component-url")),n?this.importWithRetry(n):Promise.resolve({default:()=>()=>{}})]),h=this.getAttribute("component-export")||"default";if(h.includes(".")){this.Component=d;for(let m of h.split(".")){if(E.has(m)||!this.Component||typeof this.Component!="object"&&typeof this.Component!="function"||!Object.hasOwn(this.Component,m))throw new Error(`Invalid component export path: ${h}`);this.Component=this.Component[m]}}else{if(E.has(h))throw new Error(`Invalid component export path: ${h}`);this.Component=d[h]}return this.hydrator=u,this.hydrate}catch(d){return this.handleHydrationError(d),()=>{}}},e,this)}catch(n){this.handleHydrationError(n)}}attributeChangedCallback(){this.hydrate()}}l(f,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",f)}})();</script><astro-island uid="RRbtL" prefix="r2" component-url="/_astro/ProductsSection.D9OCB3rR.js" component-export="default" renderer-url="/_astro/client.RMePetAg.js" props="{"lang":[0,"en"]}" ssr client="visible" opts="{"name":"ProductsSection","value":true}" await-children><section class="bg-black py-20 text-base-white global-padding-inline"><div class="mx-auto max-w-7xl"><div class="mb-10 flex flex-col gap-3"><div class="flex items-center gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CASES</span><span class="flex h-5 w-5 items-center justify-center rounded-full bg-brand-400 text-xs font-bold text-black">10</span></div><h2 class="t1 text-base-white font-['Feature_Display']">Some of our projects</h2></div><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide !h-auto"><div class="grid grid-cols-2 gap-6 items-stretch"><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-polymarket.webp" alt="Polymarket" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Polymarket</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">SKIP</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Native iOS and Android built with a single codebase</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">Skip.tools, SwiftUI, Compose</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Native cross-platform development using Skip.tools technology</p></div><div class="grid grid-cols-[100px_1fr] items-center gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">RESULT</span><div><span class="inline-block rounded-md bg-[#fef08a]/15 px-2.5 py-0.5 text-xs font-medium text-[#fef08a]">launch metric</span></div></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-mlb.webp" alt="MLB" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">MLB</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">NATIVE APP</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Official league app for millions of fans</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">SwiftUI, WidgetKit, Compose, GraphQL</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Scalable architecture, interactive widgets, and optimized GraphQL consumption</p></div><div class="grid grid-cols-[100px_1fr] items-center gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">RESULT</span><div><span class="inline-block rounded-md bg-[#fef08a]/15 px-2.5 py-0.5 text-xs font-medium text-[#fef08a]">millions of active users</span></div></div></div></div><blockquote class="mt-6 border-t border-neutral-800 pt-4 font-serif text-sm italic text-neutral-400">"<!-- -->The Left Bit dominates mobile development. I would be thrilled to work with them again!<!-- -->"</blockquote></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-semantico.svg" alt="Semantico AI" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Semantico AI</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">AI</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Complete product listings for retailers generated and reviewed with AI</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">Django, React, LLMs</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Agents that search, extract, and draft attributes at scale with custom backend and dashboard</p></div><div class="grid grid-cols-[100px_1fr] items-center gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">RESULT</span><div><span class="inline-block rounded-md bg-[#fef08a]/15 px-2.5 py-0.5 text-xs font-medium text-[#fef08a]">enriched products · clients</span></div></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-ayra.webp" alt="Ayra" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Ayra</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">WEB & DATA</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Home environmental quality for pediatric patients at Sant Joan de Déu Hospital</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">Skip, Swift, Hummingbird, React</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Web platform integrating multiple data sources and generating automated reports</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">SUPPORT</span><p class="text-neutral-300 leading-snug">Ministry of Industry and Tourism (AEI program)</p></div></div></div></div></div></div></div><div class="swiper-slide !h-auto"><div class="grid grid-cols-2 gap-6 items-stretch"><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-videoask.webp" alt="Videoask" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Videoask</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">PROPRIETARY PRODUCT</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Large-scale asynchronous video interaction platform</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">UIKit, CoreData, Python, React</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Recording and integration of native conversation flows in iOS and Android</p></div><div class="grid grid-cols-[100px_1fr] items-center gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">RESULT</span><div><span class="inline-block rounded-md bg-[#fef08a]/15 px-2.5 py-0.5 text-xs font-medium text-[#fef08a]">acquired by Typeform</span></div></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-privalia.webp" alt="Privalia" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Privalia</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">E-COMMERCE</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">High-performance mobile checkout for flash sales</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">UIKit, Android XML, Adyen</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">WHAT WE DID</span><p class="text-neutral-300 leading-snug">Integration of Adyen payment gateway and purchase flow optimization</p></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-naturitas.webp" alt="Naturitas" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Naturitas</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">E-COMMERCE</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Progressive migration to SwiftUI in their leading health e-commerce app</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">UIKit, SwiftUI, Android XML, SPM</p></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-mediquo.webp" alt="MediQuo" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">MediQuo</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">HEALTH</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Real-time medical chat and encrypted video consultations</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">SwiftUI, Android XML, SPM</p></div></div></div></div></div></div></div><div class="swiper-slide !h-auto"><div class="grid grid-cols-2 gap-6 items-stretch"><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-starling.webp" alt="Starling Medical" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Starling Medical</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">MEDTECH</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Medical data monitoring and secure device synchronization</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">Skip, Swift, Django, React</p></div></div></div></div></div><div class="flex flex-col"><div class="flex h-full min-h-[380px] w-full flex-col justify-between rounded-2xl bg-[#1a1a1a] p-6 border border-border-dark-700/60 shadow-lg"><div><div class="mb-6 flex items-center justify-between"><div class="flex items-center gap-3"><img src="/products/logo-typeform.webp" alt="Typeform" class="h-10 w-10 rounded-xl object-contain bg-neutral-900 p-1.5 border border-neutral-800"/><h3 class="text-xl font-bold text-base-white">Typeform</h3></div><span class="rounded-md border border-neutral-700 bg-neutral-900/60 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-neutral-300">WEB PLATFORM</span></div><div class="space-y-3.5 text-sm"><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">CHALLENGE</span><p class="text-neutral-300 leading-snug">Accessible and ultra-smooth form building interfaces</p></div><div class="grid grid-cols-[100px_1fr] items-start gap-2"><span class="text-xs font-semibold uppercase tracking-wider text-neutral-500">STACK</span><p class="font-medium text-base-white leading-snug">React, NextJS, RadixUI</p></div></div></div></div></div></div></div></div></div><div class="mt-10 flex w-full justify-center"><div class="flex flex-row items-center gap-3" role="group" aria-label="Navegación de carrusel"><button type="button" disabled="" aria-label="Previous" class="group relative inline-flex h-12 items-center justify-center gap-2 rounded-full border text-sm font-medium select-none transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#f56539] focus-visible:ring-offset-2 focus-visible:ring-offset-black enabled:cursor-pointer enabled:border-neutral-800 enabled:bg-neutral-900/90 enabled:text-white enabled:hover:border-neutral-500 enabled:hover:bg-neutral-800 enabled:hover:text-white enabled:hover:shadow-[0_0_15px_rgba(245,101,57,0.15)] enabled:active:scale-92 disabled:cursor-not-allowed disabled:border-neutral-800/40 disabled:bg-neutral-900/30 disabled:text-neutral-600 disabled:opacity-40 w-12"><svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 transition-transform duration-300 ease-out group-enabled:group-hover:-translate-x-1" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"></path></svg></button><button type="button" aria-label="Next" class="group relative inline-flex h-12 items-center justify-center gap-2 rounded-full border text-sm font-medium select-none transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#f56539] focus-visible:ring-offset-2 focus-visible:ring-offset-black enabled:cursor-pointer enabled:border-neutral-800 enabled:bg-neutral-900/90 enabled:text-white enabled:hover:border-neutral-500 enabled:hover:bg-neutral-800 enabled:hover:text-white enabled:hover:shadow-[0_0_15px_rgba(245,101,57,0.15)] enabled:active:scale-92 disabled:cursor-not-allowed disabled:border-neutral-800/40 disabled:bg-neutral-900/30 disabled:text-neutral-600 disabled:opacity-40 w-12"><svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 transition-transform duration-300 ease-out group-enabled:group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></button></div></div></div></section><!--astro:end--></astro-island><section class="bg-[#fafafa] pt-16 md:pt-24 lg:pt-30 flex flex-col gap-6 md:gap-11 lg:gap-22"><div class="global-padding-inline"><h2 class="uppercase font-semibold text-[18px] md:text-[22px] text-[#595959]">In our clients' words</h2></div><div class="overflow-x-auto py-18.5 min-h-130.5 text-[25px] text-[#222] font-space-grotesk"><div class="flex gap-6.25 md:gap-12.25 lg:gap-24.75 pb-5 pl-10 md:pl-16 lg:pl-30"><div class="w-full md:max-w-166 px-10 shrink-0 flex flex-col gap-7 text-left text-[#222] font-space-grotesk"><div class="flex flex-row items-start gap-7"><img src="/client-quotes/ellipse-1@2x.webp" alt="" loading="lazy" class="h-16 w-16 rounded-full object-cover" width="64" height="64"><div class="flex flex-col gap-1"><b class="text-xl sm:text-[25px] leading-tight">David Okuniev</b><p class="font-sans text-base sm:text-xl text-[#606060] leading-snug">Typeform co-founder</p></div></div><div class="flex items-start gap-2 md:gap-7 font-['New_York'] text-[22px] sm:text-[28px]"><div class="shrink-0"><img src="/client-quotes/quotes.svg" alt="Quote" loading="lazy" class="w-[25.5px] h-4.5" width="25.5" height="18"></div><p class="italic text-wrap">The Left Bit team not only helped us launch the app in a fraction of the time, but was also involved throughout its evolution.</p></div></div><div class="w-full md:max-w-166 px-10 shrink-0 flex flex-col gap-7 text-left text-[#222] font-space-grotesk"><div class="flex flex-row items-start gap-7"><img src="/client-quotes/ellipse-1-1@2x.webp" alt="" loading="lazy" class="h-16 w-16 rounded-full object-cover" width="64" height="64"><div class="flex flex-col gap-1"><b class="text-xl sm:text-[25px] leading-tight">Dave Lewanda</b><p class="font-sans text-base sm:text-xl text-[#606060] leading-snug">Director of Software Engineering at MLB</p></div></div><div class="flex items-start gap-2 md:gap-7 font-['New_York'] text-[22px] sm:text-[28px]"><div class="shrink-0"><img src="/client-quotes/quotes.svg" alt="Quote" loading="lazy" class="w-[25.5px] h-4.5" width="25.5" height="18"></div><p class="italic text-wrap">The Left Bit team really knows their stuff when it comes to mobile development. I'd be thrilled to work with them again!</p></div></div><div class="w-full md:max-w-166 px-10 shrink-0 flex flex-col gap-7 text-left text-[#222] font-space-grotesk"><div class="flex flex-row items-start gap-7"><img src="/client-quotes/ellipse-1-2@2x.webp" alt="" loading="lazy" class="h-16 w-16 rounded-full object-cover" width="64" height="64"><div class="flex flex-col gap-1"><b class="text-xl sm:text-[25px] leading-tight">Rodrigo López</b><p class="font-sans text-base sm:text-xl text-[#606060] leading-snug">PMO at Naturitas</p></div></div><div class="flex items-start gap-2 md:gap-7 font-['New_York'] text-[22px] sm:text-[28px]"><div class="shrink-0"><img src="/client-quotes/quotes.svg" alt="Quote" loading="lazy" class="w-[25.5px] h-4.5" width="25.5" height="18"></div><p class="italic text-wrap">The Left Bit team has helped us create applications that have undoubtedly contributed to the exponential growth we have experienced.</p></div></div></div></div></section><section class="flex flex-col items-center bg-brand-500 text-center text-white overflow-hidden"><div class="p-10 md:p-20 lg:p-28 font-feature font-extralight text-[50px] sm:text-[58px] md:text-[120px] lg:text-[140px] xl:text-[200px] leading-[96%] italic"><h3>We don't want clients, we want </h3><i>partnerships</i></div></section><section id="we-think-section" class="flex flex-col gap-16 global-padding-inline py-20 text-[rgba(233,233,255,0.2)] font-sf-pro md:py-16"><article class="flex flex-col"><div class="flex flex-col gap-8.5 md:gap-10.5"><span class="m-0 text-5xl leading-none font-extrabold text-white/50"></span><div class="flex flex-col justify-center text-[52px] text-[#E9E9FF] font-hubot sm:text-[84px] lg:text-[116px] xl:text-[156px]"><h3 class="font-bold leading-none tracking-[-0.03em]">We think</h3></div></div><p class="mt-6 text-lg text-[#C2C2C2] font-sf-compact md:text-xl">We help you focus your digital product towards your business objectives and user needs</p></article><article class="flex flex-col"><div class="flex flex-col gap-8.5 md:gap-10.5"><span class="m-0 text-5xl leading-none font-extrabold text-white/50"></span><div class="flex flex-col justify-center text-[52px] text-[#E9E9FF] font-hubot sm:text-[84px] lg:text-[116px] xl:text-[156px]"><h3 class="font-bold leading-none tracking-[-0.03em]">We create</h3></div></div><p class="mt-6 text-lg text-[#C2C2C2] font-sf-compact md:text-xl">We build robust, lightweight, and maintainable software so you can continue working with it after an MVP</p></article><article class="flex flex-col"><div class="flex flex-col gap-8.5 md:gap-10.5"><span class="m-0 text-5xl leading-none font-extrabold text-white/50"></span><div class="flex flex-col justify-center text-[52px] text-[#E9E9FF] font-hubot sm:text-[84px] lg:text-[116px] xl:text-[156px]"><h3 class="font-bold leading-none tracking-[-0.03em]">We solve</h3></div></div><p class="mt-6 text-lg text-[#C2C2C2] font-sf-compact md:text-xl">We partner with companies to gain a deep understanding of their business and continually improve the product</p></article></section><section class="bg-white px-10 md:scroll-px-16 py-31.25 md:py-48 xl:px-52
flex flex-col gap-9.5 md:gap-19 xl:gap-38
text-left font-sf-compact text-[22px] text-neutral-900"><h2 class="text-center uppercase font-semibold text-lg md:text-[22px]">The Left Bit's partners avoid expensive mistakes</h2><div class="flex flex-col items-center gap-22.25 max-w-150 lg:max-w-max mx-auto
lg:grid lg:grid-cols-2
2xl:flex 2xl:flex-row 2xl:flex-wrap 2xl:justify-center"><article class="flex flex-col items-center gap-8"><h3 class="m-0 text-[23px] md:text-[29px] font-medium text-brand-500"></h3><p class="text-center text-[17px] md:text-label-md text-neutral-500">Unneeded features</p></article><article class="flex flex-col items-center gap-8"><h3 class="m-0 text-[23px] md:text-[29px] font-medium text-brand-500"></h3><p class="text-center text-[17px] md:text-label-md text-neutral-500">Wrong technology</p></article><article class="flex flex-col items-center gap-8"><h3 class="m-0 text-[23px] md:text-[29px] font-medium text-brand-500"></h3><p class="text-center text-[17px] md:text-label-md text-neutral-500">Wrong specialists</p></article><article class="flex flex-col items-center gap-8"><h3 class="m-0 text-[23px] md:text-[29px] font-medium text-brand-500"></h3><p class="text-center text-[17px] md:text-label-md text-neutral-500">Recruiting & Hiring</p></article></div></section><section id="fixed-to-slim-section" class="bg-[#FF5D5D] flex flex-col gap-3.5 py-10 md:py-16 lg:py-11 xl:py-13.5 global-padding-inline overflow-x-hidden
text-white font-hubot hubot-condensed-stretch font-black text-[60px] sm:text-[80px] md:text-[110px] lg:text-[150px] xl:text-[200px]"><h2 class="max-w-337.5 text-inherit font-black leading-[0.82] tracking-[-3%] hubot-condensed-900">FROM FAT FIXED COST</h2><h2 class="max-w-337.5 text-inherit font-extralight leading-[0.88]">TO SLIM VARIABLE COST</h2></section><astro-island uid="eFKKB" prefix="r3" component-url="/_astro/MakeBusinessWithUsSection.B7Nd7Fdm.js" component-export="default" renderer-url="/_astro/client.RMePetAg.js" props="{"lang":[0,"en"]}" ssr client="visible" opts="{"name":"MakeBusinessWithUsSection","value":true}" await-children><section class="flex flex-col bg-surface-brand-soft text-ink-navy-900 font-space global-padding-inline py-5 gap-7.5 md:py-16 md:gap-15 lg:gap-20 xl:gap-34"><div class="flex flex-col gap-3.5"><h2 class="text-[22px] leading-8 md:text-[29px] lg:text-9 font-bold"><span>Make your business idea a reality with us</span></h2><p class="font-sf-compact text-[19px] md:text-6 font-light text-ink-navy-900-70"><span>We will help build a robust & functional product ready to market</span></p></div><div class="controls-container m-0 flex antialiased [moz-osx-font-smoothing:grayscale] [--highlight-width:auto] [--highlight-x-pos:0px] font-['SF_Compact']"><div class="controls relative inline-flex w-fit max-w-125 justify-start gap-2 overflow-hidden rounded-sm border border-brand-500/10 py-3 px-1 before:content-[''] before:absolute before:left-0 before:top-0.5 before:bottom-0.5 before:z-0 before:w-(--highlight-width) before:transform-[translateX(var(--highlight-x-pos))] before:rounded-sm before:bg-brand-550 before:will-change-transform idle"><div class="segment relative z-10 flex-none w-fit shrink-0 text-center font-sf active"><input class="absolute inset-0 z-20 m-0 h-full w-full cursor-pointer opacity-0 text-base-white" type="radio" id="segment-group-1-0" name="group-1" checked="" value="0"/><label for="segment-group-1-0" class="selected-item block cursor-pointer whitespace-nowrap rounded p-1 text-center font-[556] transition-colors duration-500 ease-in-out text-label-sm sm:text-label-md text-base-white">MVP start</label></div><div class="segment relative z-10 flex-none w-fit shrink-0 text-center font-sf inactive"><input class="absolute inset-0 z-20 m-0 h-full w-full cursor-pointer opacity-0 text-brand-500" type="radio" id="segment-group-1-1" name="group-1" value="1"/><label for="segment-group-1-1" class="selected-item block cursor-pointer whitespace-nowrap rounded p-1 text-center font-[556] transition-colors duration-500 ease-in-out text-label-sm sm:text-label-md text-brand-500">Ongoing relationship</label></div></div></div><div class="flex flex-col gap-10 lg:flex-row lg:gap-26.5"><article class="flex-1 flex flex-col gap-0 lg:gap-8 items-start lg:pl-4 font-space"><div class="flex items-baseline gap-1.25"><strong class="text-[80px] md:text-[80px] lg:text-[80px] font-bold">15k</strong><span class="text-[25px] md:text-[34px] lg:text-[42px] font-normal text-ink-navy-900-70">€</span></div><p class="font-sf-compact text-label-md font-light text-ink-navy-900-70">Average ticket for an MVP</p></article><article class="flex-1 flex flex-col gap-0 lg:gap-8 items-start lg:pl-4 font-space"><div class="flex items-baseline gap-1.25"><strong class="text-[80px] md:text-[80px] lg:text-[80px] font-bold">2</strong><span class="text-[25px] md:text-[34px] lg:text-[42px] font-normal text-ink-navy-900-70">months</span></div><p class="font-sf-compact text-label-md font-light text-ink-navy-900-70">Average time to market</p></article><article class="flex-1 flex flex-col gap-0 lg:gap-8 items-start lg:pl-4 font-space"><div class="flex items-baseline gap-1.25"><strong class="text-[80px] md:text-[80px] lg:text-[80px] font-bold">100</strong><span class="text-[25px] md:text-[34px] lg:text-[42px] font-normal text-ink-navy-900-70">%</span></div><p class="font-sf-compact text-label-md font-light text-ink-navy-900-70">Client satisfaction rate. Always</p></article></div><a href="https://www.videoask.com/fagttujhs" target="_blank" rel="noopener noreferrer" class="inline-flex self-start rounded-full
bg-brand-500 custom-hover custom-hover-brand
mx-auto
sm:mx-0
px-6
py-8
sm:px-14
sm:py-12
text-base-white
font-sf-compact
no-underline"><span class="text-[16px] text-nowrap sm:text-[32px] font-normal leading-none"><span>Book a free consultation</span></span></a></section><!--astro:end--></astro-island></main><section class="flex flex-wrap"><footer class="flex-1 min-w-full xl:min-w-158.25
bg-black text-label-md text-[#888888] font-sf-compact
flex flex-col
global-padding-inline py-7
gap-11.5 md:gap-23 xl:gap-46"><a href="/en"><img src="/footer/svglogomobile-1.svg" alt="The Left Bit" class="w-14.5 h-24.5" width="58" height="98"></a><div class="flex flex-col sm:flex-row flex-wrap justify-between w-full gap-4"><div class="flex-1 flex flex-col gap-8"><span>Language</span><div class="flex flex-col gap-2"><a href="/en" data-active="true" class="text-left hover:underline underline-offset-6 transition-colors text-inherit data-[active=true]:text-base-white data-[active=true]:font-medium">EN</a><a href="/es" data-active="false" class="text-left hover:underline underline-offset-6 transition-colors text-inherit data-[active=true]:text-base-white data-[active=true]:font-medium">ES</a><a href="/ca" data-active="false" class="text-left hover:underline underline-offset-6 transition-colors text-inherit data-[active=true]:text-base-white data-[active=true]:font-medium">CA</a></div></div><div class="flex-1 min-w-37.25 flex flex-col gap-8"><!-- Enlace de contacto principal (muestra 'Contacto'/'Contacte'/'Contact') --><a href="mailto:hola@theleftbit.com" data-astro-reload data-default-text="hola@theleftbit.com" data-copied-text="Copied!" title="Contact" class="contact-copy-trigger group relative inline-block text-base-white font-medium hover:underline cursor-pointer">Contact<!-- Tooltip flotante: Muestra 'hola@theleftbit.com' en hover y cambia a '¡Copiado!'/'Copiat!'/'Copied!' al clicar --><span class="copy-toast absolute -top-8 left-0 opacity-0 pointer-events-none transition-all duration-200 bg-brand-500 text-white text-xs px-2.5 py-1 rounded shadow-md whitespace-nowrap group-hover:opacity-100"><span class="toast-text">hola@theleftbit.com</span><span class="absolute top-full left-4 -mt-1 border-4 border-transparent border-t-brand-500"></span></span></a><div class="flex flex-col gap-1.75"><!-- Enlace secundario (muestra 'correo'/'correu'/'mail') --><a href="mailto:hola@theleftbit.com" data-astro-reload data-default-text="hola@theleftbit.com" data-copied-text="Copied!" class="contact-copy-trigger group relative inline-block text-base-white hover:underline underline-offset-1.5 cursor-pointer">Mail<span class="copy-toast absolute -top-8 left-0 opacity-0 pointer-events-none transition-all duration-200 bg-brand-500 text-white text-xs px-2.5 py-1 rounded shadow-md whitespace-nowrap group-hover:opacity-100"><span class="toast-text">hola@theleftbit.com</span><span class="absolute top-full left-4 -mt-1 border-4 border-transparent border-t-brand-500"></span></span></a><a href="https://es.linkedin.com/company/theleftbit" target="_blank" rel="noopener noreferrer" class="text-base-white hover:underline underline-offset-1.5">LinkedIn</a><a href="https://x.com/TheLeftBit" target="_blank" rel="noopener noreferrer" class="text-base-white hover:underline underline-offset-1.5">X (Twitter)</a></div></div><div class="flex-1 min-w-37.25 xl:pr-22.5 flex flex-col gap-8"><span>Pages</span><div class="flex flex-col gap-1.75"><a href="/en/team" title="About Us - Our Team" aria-label="About Us - Our Team" class="text-base-white hover:underline underline-offset-1.5">Our Team</a><a href="/en/method" class="text-base-white hover:underline underline-offset-1.5">Our Method</a><a href="/en/ayra" class="text-base-white hover:underline underline-offset-1.5">Ayra project</a></div></div></div><div class="flex flex-wrap gap-4 md:gap-8 lg:gap-16 text-lg"><div>The Left Bit</div><div>We don't use cookies :)</div><a href="/en/privacy" title="Privacy & Legal" class="hover:underline underline-offset-1.5">Privacy and Legal</a></div></footer><aside class="flex-1 min-w-full xl:min-w-134.5
bg-white
flex flex-col
px-10 py-12
md:px-16 md:py-16
xl:px-16 xl:pr-37.5 xl:pt-72.25 xl:pb-28
gap-4 md:gap-8 lg:gap-16"><div class="flex flex-col gap-4 md:gap-8 text-2xl"><div></div><p class="text-[#222]">Do you have an idea?</p><div class="text-base-white"><p>We're happy to talk with you</p><p>about how to develop it.</p></div></div><a href="https://www.videoask.com/fagttujhs" target="_blank" rel="noopener noreferrer" class="w-full max-w-120 rounded-full border border-[#D9D9D9] bg-white py-11.5 text-center transition-colors custom-hover mx-auto sm:mx-0"><span class="text-[2rem] font-normal">Let's Talk!</span></a></aside></section><script type="module" src="/_astro/Footer.astro_astro_type_script_index_0_lang.CvfkqqOl.js"></script><script type="module">var e=0;function t(){return{navbar:document.getElementById(`navbar`),button:document.getElementById(`menu-button`),menu:document.getElementById(`mobile-menu`)}}function n(){let{button:e,menu:n}=t();e&&n&&(e.classList.remove(`open`),n.style.maxHeight=`0px`,e.setAttribute(`aria-expanded`,`false`))}function r(){let{button:e,menu:n}=t();e&&n&&(e.classList.add(`open`),n.style.maxHeight=`${n.scrollHeight}px`,e.setAttribute(`aria-expanded`,`true`))}function i(){let{button:e}=t();e&&(e.classList.contains(`open`)?n():r())}function a(){let{navbar:r}=t();if(!r)return;let i=window.scrollY;i>e&&n(),i<30?r.classList.remove(`-translate-y-full`):r.classList.toggle(`-translate-y-full`,i>e),e=i}function o(){e=window.scrollY,a()}document.addEventListener(`click`,e=>{let r=e.target;if(!(r instanceof Element))return;let{button:a,menu:o}=t();if(a&&o){if(r.closest(`#menu-button`)){e.stopPropagation(),i();return}r.closest(`#mobile-menu`)||n()}}),window.addEventListener(`scroll`,a),o(),document.addEventListener(`astro:page-load`,o);</script></body></html>