PageSourceSearch

https://www.builder.io/

html builder.io collected 2026-09-24 07:03:28 UTC 266,092 bytes, 539 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=720 720w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=960 960w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=1200 1200w" imageSizes="(max-width: 768px) 100vw, 720px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&amp;width=18 18w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&amp;width=36 36w" imageSizes="18px"/><link rel="preload" as="image" imageSrcSet="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&amp;width=18 18w, https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&amp;width=36 36w" imageSizes="18px"/>
1<script src="//cdn.jsdelivr.net/npm/@builder.io/persist-attribution@latest/dist/persist-attribution.min.js" async="" defer=""></script>
1<meta name="theme-color" content="#f8f8f8"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Builder.io: Collaborative Platform to Build With AI Agents</title><meta name="description" content="One codebase for engineers, designers, PMs, and marketers. Everyone works from one source of truth, on brand and in code, with no handoffs to clean up."/><meta property="og:type" content="website"/><meta property="og:locale" content="en_US"/><meta property="og:url" content="https://www.builder.io/"/><meta property="og:title" content="Builder.io: Collaborative Platform to Build With AI Agents"/><meta property="og:description" content="One codebase for engineers, designers, PMs, and marketers. Everyone works from one source of truth, on brand and in code, with no handoffs to clean up."/><meta property="og:site_name" content="Builder.io"/><meta property="og:image" content="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F59eed212865745c5a0bf0cfc28c38173?width=1200"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Builder.io: Collaborative Platform to Bu
1ild With AI Agents"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@builderio"/><meta name="twitter:creator" content="@builderio"/><link rel="canonical" href="https://www.builder.io/"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="alternate" type="application/rss+xml" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/xml"/><link rel="alternate" type="application/rss+json" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/json"/><link rel="alternate" type="application/atom+xml" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/atom"/><link rel="icon" type="image/svg+xml" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F51a002f4a17f4fc4a829b8891a1c25ee"/><link rel="icon" type="image/png" sizes="192x192" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9a4849a1afdf4f439ed82ff05941eae6"/><link rel="icon" type="image/png" sizes="512x512" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffd572a39ff674ec88c50c33f33d9ca02"/><link rel="icon" type="image/x-icon" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0fc9ccf7b0204544b572152c085bdef7"/><link rel="apple-touch-icon" sizes="512x512" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffd572a39ff674ec88c50c33f33d9ca02"/><link rel="manifest" href="/site.webmanifest"/><link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cfldfgibklhmjhnkfighkbafbkbfcmij"/><link rel="modulepreload" href="/assets/manifest-e0814bec.js"/><link rel="modulepreload" href="/assets/entry.client-C4mqfX4h.js"/><link rel="modulepreload" href="/assets/preload-helper-BXl3LOEh.js"/><link rel="modulepreload" href="/assets/components-tbqp4LHE.js"/><link rel="modulepreload" href="/assets/client-1vAFkHB9.js"/><link rel="modulepreload" href="/assets/errorBoundaries-Cn_iLJG_.js"/><link rel="modulepreload" href="/assets/index-D68R75oZ.js"/><link rel="modulepreload" href="/assets/root-umB_G5Hj.js"/><link rel="modulepreload" href="/assets/lib-CNBY53c5.js"/><link rel="modulepreload" href="/assets/seo-tags-DYlASapG.js"/><link rel="modulepreload" href="/assets/LaunchDarklyContext-Dodb4GF3.js"/><link rel="modulepreload" href="/assets/urls-DKJa5cAz.js"/><link rel="modulepreload" href="/assets/site-nav-CKthbytF.js"/><link rel="modulepreload" href="/assets/error-page-D-xEnl-4.js"/><link rel="modulepreload" href="/assets/init-referrer-cookie-DVq9jfzJ.js"/><link rel="modulepreload" href="/assets/builder-components-BnAXZU3R.js"/><link rel="modulepreload" href="/assets/button-CmTkeZsu.js"/><link rel="modulepreload" href="/assets/IconArrowUpRight-nVy-V9wP.js"/><link rel="modulepreload" href="/assets/createReactComponent-C-GgH8hJ.js"/><link rel="modulepreload" href="/assets/builder-brand-token-styles-DOsWA6zD.js"/><link rel="modulepreload" href="/assets/builder-image-D1_Xk8Nk.js"/><link rel="modulepreload" href="/assets/brand-logo-svg-PpgWNNcj.js"/><link rel="modulepreload" href="/assets/IconCheck-K9H8P55q.js"/><link rel="modulepreload" href="/assets/IconX-QIM7BlpS.js"/><link rel="modulepreload" href="/assets/copy-to-clipboard-D8SewVzt.js"/><link rel="modulepreload" href="/assets/announcement-bar-Bxo4KJiZ.js"/><link rel="modulepreload" href="/assets/IconCopy-DwlZeoxr.js"/><link rel="modulepreload" href="/assets/proxy-B2oUKae0.js"/><link rel="modulepreload" href="/assets/IconVectorBezier-By2BlqIO.js"/><link rel="modulepreload" href="/assets/site-footer-DTWooRWt.js"/><link rel="modulepreload" href="/assets/input-CfGXKYh-.js"/><link rel="modulepreload" href="/assets/IconChevronRight-DIBgV9A0.js"/><link rel="modulepreload" href="/assets/ErrorHero-DzZVPx8N.js"/><link rel="modulepreload" href="/assets/page-grid-CoFoLrqL.js"/><link rel="modulepreload" href="/assets/eyebrow-doDkPx78.js"/><link rel="modulepreload" href="/assets/builder-react.es5-EcmpEoh3.js"/><link rel="modulepreload" href="/assets/_index-DG6jW6cD.js"/><link rel="modulepreload" href="/assets/build-seo-head-DftSQ3gt.js"/><link rel="modulepreload" href="/assets/homepage.content-IJf9QsR9.js"/><link rel="modulepreload" href="/assets/FinalCTA-BZKJXUZz.js"/><link rel="modulepreload" href="/assets/PartnerLogos-BRQro5r3.js"/><link rel="modulepreload" href="/assets/Integrations-DoLH6l9L.js"/><link rel="modulepreload" href="/assets/CustomerStories-qXuhZaV5.js"/><link rel="modulepreload" href="/assets/Security-Dd-Sn0wD.js"/><link rel="modulepreload" href="/assets/IconShieldLock-CYFaXT7W.js"/><link rel="modulepreload" href="/assets/card-navigate-Bv3UVtVP.js"/><link rel="modulepreload" href="/assets/tab-item-QCyKzIU-.js"/><link rel="modulepreload" href="/assets/IconTrendingUp-Df03R6_J.js"/><link rel="modulepreload" href="/assets/emotion-react.browser.esm-Bxx5L-Te.js"/><link rel="modulepreload" href="/assets/toggle-4yYNTss3.js"/><link rel="modulepreload" href="/assets/IconChevronLeft-DxvnKbbw.js"/>
1<script>
2if (location.host === 'app.builder.io') {
3  location.href = location.href.replace('//app.builder.io', '//www.builder.io');
4} else if (location.host === 'builder.io') {
5  location.href = location.href.replace('//builder.io', '//www.builder.io');
6}
7</script>
7<link rel="stylesheet" href="/assets/global-CdXzWIXt.css"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:[email protected]&amp;family=Geist+Mono:[email protected]&amp;display=swap"/></head><body>
7<script>
8(function () {
9  var ua = navigator ? navigator.userAgent.toLowerCase() : '';
10  var isMobile = ua.includes('android') || ua.includes('iphone');
11  if (location.pathname === '/blog' || location.pathname.startsWith('/blog/') || location.pathname.startsWith('/c/')) {
12    if (!isMobile) {
13      var setDarkModeClass = function () {
14        document.documentElement.classList.add('dark-mode');
15      };
16      if (document.cookie.includes('builder.darkMode=true')) {
17        setDarkModeClass();
18      } else if (!document.cookie.includes('builder.darkMode=')) {
19        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
20          setDarkModeClass();
21        }
22      }
23    }
24  }
25  if (location.pathname === '/brand' || location.pathname.startsWith('/brand/')) {
26    var existing = document.getElementById('brand-pre-hydration');
27    if (!existing) {
28      var style = document.createElement('style');
29      style.id = 'brand-pre-hydration';
30      style.textContent = 'html,body{background:#0A0A0A !important;}';
31      document.head.appendChild(style);
32    }
33  }
34})();
35</script>
vendor: 67 bytes, line 35
35<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
35GTM-N3WSTXZ
vendor: 82 bytes, line 35
35" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
35<style data-emotion="css 1eowlbh">.css-1eowlbh{min-height:100vh;background:var(--b-bg-page);color:var(--b-text-primary);font-family:var(--b-font-sans);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><div class="builder-brand-tokens css-1eowlbh"><style>
36html, body { background: var(--b-bg-page, #0A0A0A) !important; }
37
38
39.builder-brand-tokens {
40  /* ── Fonts ── */
41  --b-font-sans: 'Geist', system-ui, sans-serif;
42  --b-font-mono: 'Geist Mono', monospace;
43
44  /* ── Color primitives ── */
45  --c-violet-400: #A8C1FF;
46  --c-blue-100: #BEF0F5;
47  --c-blue-200: #7BE8F5;
48  --c-blue-300: #00DFF6;
49  --c-blue-400: #00D6F6;
50  --c-blue-500: #01C8F1;
51  --c-blue-500-40p: #01C8F166;
52  --c-blue-600: #009CCC;
53  --c-blue-900: #00161B;
54  --c-green-400: #0FDFBA;
55  --c-yellow-400: #DEC75F;
56  --c-red-400: #FFA27D;
57  --c-pink-400: #FA9BF2;
58  --c-neutral-50: #FAF9F5;
59  --c-neutral-100: #E0E0D7;
60  --c-neutral-200: #CAC9C6;
61  --c-neutral-400: #ABABAB;
62  --c-neutral-500: #9A9997;
63  --c-neutral-600: #5E5E5E;
64  --c-neutral-700: #3D3D3D;
65  --c-neutral-800: #2E2E2E;
66  --c-neutral-900: #1A1A1A;
67  --c-neutral-925: #0F0F0F;
68  --c-neutral-950: #0A0A0A;
69  --c-neutral-950-90p: #0A0A0AE6;
70  --c-white-5p: #FFFFFF0D;
71
72  /* ── Semantic: bg ── */
73  --b-bg-page: #0A0A0A;
74  --b-bg-surface: #0A0A0A;
75  --b-bg-raised: #0F0F0F;
76  --b-bg-prominent: #1A1A1A;
77  --b-bg-translucent: #0A0A0AE6;
78  --b-bg-alternative: #00161B;
79
80  /* ── Semantic: text ── */
81  --b-text-primary: #FAF9F5;
82  --b-text-secondary: #AEADAC;
83  --b-text-muted: #5E5E5E;
84  --b-text-highlight: #E0E0D7;
85  --b-text-link: #BEF0F5;
86  --b-text-eyebrow: #01C8F1;
87
88  /* ── Semantic: border ── */
89  --b-border-default: #1A1A1A;
90  --b-border-subtle: #141414;
91  --b-border-title-row: #2E2E2E;
92  --b-border-menu: #1a1a1a;
93
94  /* ── Semantic: action ── */
95  --b-action-primary-bg: #01C8F1;
96  --b-action-primary-hover: #00DFF6;
97  --b-action-primary-text: #0A0A0A;
98  --b-action-primary-border: #00DFF6;
99  --b-action-primary-effect: #01C8F166;
100  --b-action-secondary-bg: transparent;
101  --b-action-secondary-hover: #1A1A1A;
102  --b-action-secondary-text: #FAF9F5;
103  --b-action-secondary-border: #5E5E5E;
104  --b-action-tab-bg: #0A0A0A;
105  --b-action-tab-bg-active: #00161B;
106  --b-action-tab-bg-hover: #0F0F0F;
107  --b-action-tab-text: #5E5E5E;
108  --b-action-tab-text-active: #BEF0F5;
109  --b-action-tab-text-hover: #FAF9F5;
110  --b-action-tab-indicator: #01C8F1;
111
112  /* ── Utility ── */
113  --b-btn-hover-bg: rgba(255, 255, 255, 0.08);
114
115  /* ── Border radius ── */
116  --b-radius: 6px;
117  --b-radius-none: 0px;
118  --b-radius-sm: 3px;
119  --b-radius-md: 6px;
120  --b-radius-lg: 12px;
121  --b-radius-full: 9999px;
122
123  /* ── Gradient ── */
124  --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%);
125
126  /* ── Spacing scale (token key × 4px) ── */
127  --spacing-0: 0px;
128  --spacing-1: 4px;
129  --spacing-2: 8px;
130  --spacing-3: 12px;
131  --spacing-4: 16px;
132  --spacing-5: 20px;
133  --spacing-6: 24px;
134  --spacing-8: 32px;
135  --spacing-10: 40px;
136  --spacing-12: 48px;
137  --spacing-16: 64px;
138  --spacing-20: 80px;
139  --spacing-24: 96px;
140  --spacing-30: 120px;
141  --spacing-35: 150px;
142  --spacing-50: 200px;
143
144  /* ── Typography scale ── */
145  --b-t-heading-1: 56px;
146  --b-t-heading-2: 46px;
147  --b-t-heading-3: 37px;
148  --b-t-heading-4: 28px;
149  --b-t-heading-5: 23px;
150  --b-t-heading-6: 18px;
151  --b-t-paragraph-1: 18px;
152  --b-t-paragraph-2: 15px;
153  --b-t-paragraph-2-md: 15px;
154  --b-t-paragraph-3: 12px;
155  --b-t-label-1: 14px;
156  --b-t-label-2: 11px;
157}
158
159@media (max-width: 768px) {
160  .builder-brand-tokens {
161    --spacing-4: 12px;
162    --spacing-5: 16px;
163    --spacing-6: 20px;
164    --spacing-8: 24px;
165    --spacing-10: 24px;
166    --spacing-12: 24px;
167    --spacing-16: 24px;
168    --spacing-20: 32px;
169    --spacing-24: 32px;
170    --spacing-30: 72px;
171    --spacing-35: 88px;
172    --spacing-50: 80px;
173
174    --b-t-heading-1: 32px;
175    --b-t-heading-2: 28px;
176    --b-t-heading-3: 24px;
177    --b-t-heading-4: 22px;
178    --b-t-heading-5: 19px;
179    --b-t-heading-6: 16px;
180    --b-t-paragraph-1: 16px;
181    --b-t-paragraph-2: 15px;
182    --b-t-paragraph-3: 12px;
183    --b-t-label-1: 14px;
184    --b-t-label-2: 11px;
185  }
186}
187
188.builder-brand-tokens .blue-gradient {
189  background: var(--b-gradient-blue);
190}
191
192.builder-brand-tokens .blue-gradient-text {
193  background: var(--b-gradient-blue);
194  -webkit-background-clip: text;
195  -webkit-text-fill-color: transparent;
196  background-clip: text;
197}
198
199</style><style data-emotion="css yy2a9f">.css-yy2a9f{position:-webkit-sticky;position:sticky;top:0;z-index:110;width:100%;padding:0 40px;background:rgba(10, 10, 10, 0.90);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--b-border-subtle);box-sizing:border-box;}@media (max-width: 768px){.css-yy2a9f{padding:0 20px;}}</style><header class="builder-brand-tokens docs-header css-yy2a9f"><style>
200
201.builder-brand-tokens {
202  /* ── Fonts ── */
203  --b-font-sans: 'Geist', system-ui, sans-serif;
204  --b-font-mono: 'Geist Mono', monospace;
205
206  /* ── Color primitives ── */
207  --c-violet-400: #A8C1FF;
208  --c-blue-100: #BEF0F5;
209  --c-blue-200: #7BE8F5;
210  --c-blue-300: #00DFF6;
211  --c-blue-400: #00D6F6;
212  --c-blue-500: #01C8F1;
213  --c-blue-500-40p: #01C8F166;
214  --c-blue-600: #009CCC;
215  --c-blue-900: #00161B;
216  --c-green-400: #0FDFBA;
217  --c-yellow-400: #DEC75F;
218  --c-red-400: #FFA27D;
219  --c-pink-400: #FA9BF2;
220  --c-neutral-50: #FAF9F5;
221  --c-neutral-100: #E0E0D7;
222  --c-neutral-200: #CAC9C6;
223  --c-neutral-400: #ABABAB;
224  --c-neutral-500: #9A9997;
225  --c-neutral-600: #5E5E5E;
226  --c-neutral-700: #3D3D3D;
227  --c-neutral-800: #2E2E2E;
228  --c-neutral-900: #1A1A1A;
229  --c-neutral-925: #0F0F0F;
230  --c-neutral-950: #0A0A0A;
231  --c-neutral-950-90p: #0A0A0AE6;
232  --c-white-5p: #FFFFFF0D;
233
234  /* ── Semantic: bg ── */
235  --b-bg-page: #0A0A0A;
236  --b-bg-surface: #0A0A0A;
237  --b-bg-raised: #0F0F0F;
238  --b-bg-prominent: #1A1A1A;
239  --b-bg-translucent: #0A0A0AE6;
240  --b-bg-alternative: #00161B;
241
242  /* ── Semantic: text ── */
243  --b-text-primary: #FAF9F5;
244  --b-text-secondary: #AEADAC;
245  --b-text-muted: #5E5E5E;
246  --b-text-highlight: #E0E0D7;
247  --b-text-link: #BEF0F5;
248  --b-text-eyebrow: #01C8F1;
249
250  /* ── Semantic: border ── */
251  --b-border-default: #1A1A1A;
252  --b-border-subtle: #141414;
253  --b-border-title-row: #2E2E2E;
254  --b-border-menu: #1a1a1a;
255
256  /* ── Semantic: action ── */
257  --b-action-primary-bg: #01C8F1;
258  --b-action-primary-hover: #00DFF6;
259  --b-action-primary-text: #0A0A0A;
260  --b-action-primary-border: #00DFF6;
261  --b-action-primary-effect: #01C8F166;
262  --b-action-secondary-bg: transparent;
263  --b-action-secondary-hover: #1A1A1A;
264  --b-action-secondary-text: #FAF9F5;
265  --b-action-secondary-border: #5E5E5E;
266  --b-action-tab-bg: #0A0A0A;
267  --b-action-tab-bg-active: #00161B;
268  --b-action-tab-bg-hover: #0F0F0F;
269  --b-action-tab-text: #5E5E5E;
270  --b-action-tab-text-active: #BEF0F5;
271  --b-action-tab-text-hover: #FAF9F5;
272  --b-action-tab-indicator: #01C8F1;
273
274  /* ── Utility ── */
275  --b-btn-hover-bg: rgba(255, 255, 255, 0.08);
276
277  /* ── Border radius ── */
278  --b-radius: 6px;
279  --b-radius-none: 0px;
280  --b-radius-sm: 3px;
281  --b-radius-md: 6px;
282  --b-radius-lg: 12px;
283  --b-radius-full: 9999px;
284
285  /* ── Gradient ── */
286  --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%);
287
288  /* ── Spacing scale (token key × 4px) ── */
289  --spacing-0: 0px;
290  --spacing-1: 4px;
291  --spacing-2: 8px;
292  --spacing-3: 12px;
293  --spacing-4: 16px;
294  --spacing-5: 20px;
295  --spacing-6: 24px;
296  --spacing-8: 32px;
297  --spacing-10: 40px;
298  --spacing-12: 48px;
299  --spacing-16: 64px;
300  --spacing-20: 80px;
301  --spacing-24: 96px;
302  --spacing-30: 120px;
303  --spacing-35: 150px;
304  --spacing-50: 200px;
305
306  /* ── Typography scale ── */
307  --b-t-heading-1: 56px;
308  --b-t-heading-2: 46px;
309  --b-t-heading-3: 37px;
310  --b-t-heading-4: 28px;
311  --b-t-heading-5: 23px;
312  --b-t-heading-6: 18px;
313  --b-t-paragraph-1: 18px;
314  --b-t-paragraph-2: 15px;
315  --b-t-paragraph-2-md: 15px;
316  --b-t-paragraph-3: 12px;
317  --b-t-label-1: 14px;
318  --b-t-label-2: 11px;
319}
320
321@media (max-width: 768px) {
322  .builder-brand-tokens {
323    --spacing-4: 12px;
324    --spacing-5: 16px;
325    --spacing-6: 20px;
326    --spacing-8: 24px;
327    --spacing-10: 24px;
328    --spacing-12: 24px;
329    --spacing-16: 24px;
330    --spacing-20: 32px;
331    --spacing-24: 32px;
332    --spacing-30: 72px;
333    --spacing-35: 88px;
334    --spacing-50: 80px;
335
336    --b-t-heading-1: 32px;
337    --b-t-heading-2: 28px;
338    --b-t-heading-3: 24px;
339    --b-t-heading-4: 22px;
340    --b-t-heading-5: 19px;
341    --b-t-heading-6: 16px;
342    --b-t-paragraph-1: 16px;
343    --b-t-paragraph-2: 15px;
344    --b-t-paragraph-3: 12px;
345    --b-t-label-1: 14px;
346    --b-t-label-2: 11px;
347  }
348}
349
350.builder-brand-tokens .blue-gradient {
351  background: var(--b-gradient-blue);
352}
353
354.builder-brand-tokens .blue-gradient-text {
355  background: var(--b-gradient-blue);
356  -webkit-background-clip: text;
357  -webkit-text-fill-color: transparent;
358  background-clip: text;
359}
360</style><style data-emotion="css japzmm">.css-japzmm{position:fixed;left:16px;top:16px;z-index:10000;width:auto;height:auto;padding:8px 12px;overflow:hidden;border:2px solid transparent;box-sizing:border-box;-webkit-clip-path:inset(50%);clip-path:inset(50%);-webkit-transform:translateY(-150%);-moz-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);opacity:0;pointer-events:none;border-radius:6px;background:var(--b-bg-raised);color:var(--b-text-primary);font-family:var(--b-font-sans);font-size:14px;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:-webkit-transform 0.18s ease-out,opacity 0.18s ease-out;transition:transform 0.18s ease-out,opacity 0.18s ease-out;}.css-japzmm:focus,.css-japzmm:focus-visible{overflow:visible;-webkit-clip-path:inset(0);clip-path:inset(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto;border-color:var(--b-action-primary-bg);outline:none;box-shadow:0 0 0 3px rgba(1, 200, 241, 0.35);}</style><a href="#main-content" class="css-japzmm">Skip to main content</a><style data-emotion="css t0ido2">.css-t0ido2{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100vw;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;height:39px;border-bottom:1px solid var(--b-border-subtle);background:var(--b-bg-raised);color:#fff;font-family:var(--b-font-sans);font-size:14px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;overflow:hidden;}.css-t0ido2:focus-visible{background:var(--b-bg-page);}@media (max-width: 640px){.css-t0ido2{font-size:11px;}}</style><a href="https://www.builder.io/reports/engineering-leaders-ai-gate" class="css-t0ido2"><style data-emotion="css idlrhm">.css-idlrhm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}</style><span class="css-idlrhm">Where does your team stand on AI adoption? </span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right "><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a><style data-emotion="css zdw0d">.css-zdw0d{max-width:1200px;margin:0 auto;width:100%;height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;}</style><div class="css-zdw0d"><style data-emotion="css 1vejrp2">.css-1vejrp2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-text-decoration:none;text-decoration:none;}</style><a aria-label="Builder.io home" class="css-1vejrp2" href="/" data-discover="true"><style data-emotion="css 1fs0fwq">.css-1fs0fwq{height:22px;width:auto;}</style><svg width="120" height="24" viewBox="0 0 120 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-1fs0fwq"><path d="M21.2566 7.2C21.2566 3.20492 18.0148 0 14.0566 0H1.896C0.845542 0 0 0.852927 0 1.89
3606C0 3.83815 4.11506 5.31323 4.11506 12C4.11506 18.6868 0 20.1618 0 22.104C0 23.1471 0.845542 24 1.896 24H14.0566C18.0148 24 21.2566 20.7951 21.2566 16.8C21.2566 13.8646 19.4935 12.0757 19.4234 12C19.4917 11.9243 21.2566 10.1354 21.2566 7.2ZM2.50708 2.05854H14.0566C15.4302 2.05854 16.7225 2.59386 17.6935 3.56494C18.6646 4.53602 19.2 5.82836 19.2 7.2019C19.2 8.57544 18.6942 9.7865 17.7932 10.7373L2.50892 2.05854H2.50708ZM17.6917 20.4369C16.7206 21.408 15.4283 21.9434 14.0548 21.9434H2.50521L17.7895 13.2646C18.6905 14.2154 19.1963 15.4708 19.1963 16.8C19.1963 18.1292 18.6609 19.4658 17.6898 20.4369H17.6917ZM4.74462 18.3065C4.86646 18.0517 6.16983 15.5225 6.16983 12C6.16983 8.47754 4.86646 5.94836 4.74462 5.69359L15.8511 12L4.74462 18.3065Z" fill="#FAF9F5"></path><path d="M112.093 19.4389C108.797 19.4389 106.629 17.0754 106.629 13.4107C106.629 9.74613 108.797 7.38257 112.093 7.38257C115.389 7.38257 117.558 9.74613 117.558 13.4107C117.558 17.0754 115.389 19.4389 112.093 19.4389ZM112.093 17.444C114.045 17.444 115.172 15.9478 115.172 13.4107C115.172 10.8737 114.045 9.3775 112.093 9.3775C110.142 9.3775 109.014 10.8737 109.014 13.4107C109.014 15.9478 110.142 17.444 112.093 17.444Z" fill="#FAF9F5"></path><path d="M102.182 5.97307V3.67456H104.567V5.97307H102.182ZM102.225 19.1787V7.64275H104.524V19.1787H102.225Z" fill="#FAF9F5"></path><path d="M97.1113 19.1787V16.4465H99.9086V19.1787H97.1113Z" fill="#FAF9F5"></path><path d="M90.7578 19.1786V7.6427H92.8612L92.9262 9.83279C93.3599 8.31491 94.2706 7.6427 95.6801 7.6427H96.786V9.70269H95.6801C93.9237 9.70269 93.0563 10.5484 93.0563 12.3698V19.1786H90.7578Z" fill="#FAF9F5"></path><path d="M83.4429 19.4389C80.0819 19.4389 77.9785 17.0537 77.9785 13.4107C77.9785 9.76782 80.0819 7.38257 83.3779 7.38257C86.522 7.38257 88.6471 9.61603 88.6471 13.4975V14.0829H80.3638C80.4722 16.3381 81.6214 17.4657 83.4646 17.4657C84.809 17.4657 85.7197 16.7935 86.0884 15.7093L88.4736 15.861C87.8665 18.0078 85.9799 19.4389 83.4429 19.4389ZM80.3638 12.3482H86.2185C86.0667 10.3099 84.9391 9.33414 83.3779 9.33414C81.7299 9.33414 80.624 10.3967 80.3638 12.3482Z" fill="#FAF9F5"></path><path d="M70.0268 19.4389C67.056 19.4389 65.2129 17.1187 65.2129 13.4107C65.2129 9.7244 67.0777 7.38252 70.0268 7.38252C71.6097 7.38252 72.9324 8.07641 73.5613 9.26903V3.78296H75.8598V19.1787H73.7131L73.648 17.4439C72.9975 18.7016 71.6314 19.4389 70.0268 19.4389ZM70.6339 17.4439C72.5204 17.4439 73.5613 15.9477 73.5613 13.4107C73.5613 10.852 72.5204 9.37745 70.6339 9.37745C68.7908 9.37745 67.5981 10.8737 67.5981 13.4107C67.5981 15.8827 68.7908 17.4439 70.6339 17.4439Z" fill="#FAF9F5"></path><path d="M62.6892 19.1787C61.1713 19.1787 60.1738 18.4414 60.1738 16.7284V3.78296H62.4723V16.5115C62.4723 17.0536 62.7542 17.2921 63.2747 17.2921H64.1854V19.1787H62.6892Z" fill="#FAF9F5"></path><path d="M54.9688 5.97307V3.67456H57.354V5.97307H54.9688ZM55.0121 19.1787V7.64275H57.3106V19.1787H55.0121Z" fill="#FAF9F5"></path><path d="M46.5935 19.4388C44.2517 19.4388 42.7988 17.8125 42.7988 15.0587V7.6427H45.0973V14.4732C45.0973 16.5765 45.8129 17.509 47.2874 17.509C48.9571 17.509 49.9546 16.3814 49.9546 14.4081V7.6427H52.2531V19.1786H50.1064L50.0847 17.2921C49.4775 18.7016 48.2632 19.4388 46.5935 19.4388Z" fill="#FAF9F5"></path><path d="M35.7814 19.4389C34.1768 19.4389 32.8975 18.7016 32.2469 17.4439L32.1819 19.1787H30.0352V3.78296H32.3337V9.26903C32.9191 8.27156 34.1768 7.38252 35.7814 7.38252C38.7955 7.38252 40.682 9.7244 40.682 13.4107C40.682 17.097 38.7955 19.4389 35.7814 19.4389ZM35.4128 17.4439C37.1692 17.4439 38.2968 15.9044 38.2968 13.4107C38.2968 10.8737 37.1909 9.37745 35.4345 9.37745C33.4829 9.37745 32.3337 10.8737 32.3337 13.4107C32.3337 15.9044 33.4829 17.4439 35.4128 17.4439Z" fill="#FAF9F5"></path></svg></a><style data-emotion="css f2pj6q">.css-f2pj6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-left:auto;}@media (max-width: 1049px){.css-f2pj6q{display:none;}}</style><nav aria-label="Main navigation" class="css-f2pj6q"><span data-megamenu-trigger="true"><style data-emotion="css 4qm1p4">.css-4qm1p4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;
360height:32px;padding:4px 8px;border-radius:6px;background:transparent;border:none;outline:none;cursor:pointer;color:var(--b-text-secondary);font-family:var(--b-font-sans);font-size:15px;font-weight:500;line-height:140%;-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s;}.css-4qm1p4:hover{color:var(--b-text-primary);}.css-4qm1p4:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Platform</span><style data-emotion="css tvtxuh">.css-tvtxuh{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;}</style><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><span data-megamenu-trigger="true"><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Resources</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><span data-megamenu-trigger="true"><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Docs</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><style data-emotion="css 1sa38h0">.css-1sa38h0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;padding:4px 8px;border-radius:6px;color:var(--b-text-secondary);font-family:var(--b-font-sans);font-size:15px;font-weight:500;line-height:140%;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-1sa38h0:hover{color:var(--b-text-primary);}.css-1sa38h0:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a class="css-1sa38h0" href="/enterprise" data-discover="true">Enterprise</a><a class="css-1sa38h0" href="/pricing" data-discover="true">Pricing</a></nav><style data-emotion="css 1x8by7g">.css-1x8by7g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-left:clamp(40px, calc(15.7vw - 125px), 100px);}@media (max-width: 1049px){.css-1x8by7g{display:none;}}</style><div class="css-1x8by7g"><style data-emotion="css 14kilwa">.css-14kilwa{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:6px;font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border:1px solid var(--b-action-secondary-border);outline:none;-webkit-transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;border-radius:var(--b-radius);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 15px;background:var(--b-action-secondary-bg);color:var(--b-action-secondary-text);}.css-14kilwa:hover{background:var(--b-action-secondary-hover);border-color:var(--c-neutral-500);}.css-14kilwa:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a href="/demo" class="css-14kilwa"><span>CONTACT SALES</span></a><style data-emotion="css 16kyawo">.css-16kyawo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border:1px solid var(--b-action-primary-border);outline:none;-webkit-transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;border-radius:var(--b-radius);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 15px;background:var(--b-action-primary-bg);color:var(--b-action-primary-text);box-shadow:none;}.css-16kyawo:hover{background:var(--b-action-primary-hover);box-shadow:0 0 16px var(--b-action-primary-effect);}.css-16kyawo:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a href="/signup" class="css-16kyawo"><span>START BUILDING</span></a></div><style data-emotion="css 1prz7jn">.css-1prz7jn{display:none;}@media (max-width: 1049px){.css-1prz7jn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--b-action-primary-bg);border:none;cursor:pointer;color:var(--b-action-primary-text);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;}}</style><button type="button" aria-label="Open menu" aria-expanded="false" class="css-1prz7jn"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="2" y="4" width="16" height="2" rx="1" fill="currentColor"></rect><rect x="2" y="9" width="16" height="2" rx="1" fill="currentColor"></rect><rect x="2" y="14" width="16" height="2" rx="1" fill="currentColor"></rect></svg></button></div></header><style data-emotion="css k0sogd">.css-k0sogd{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><main class="css-k0sogd"><style data-emotion="css vj8907">@media (max-width: 899px){.css-vj8907 .hero-element:not(.highlight-box-cyan){display:none!important;}.css-vj8907 .highlight-box-cyan{opacity:1!important;}}@media (min-width: 900px) and (max-width: 1099px){.css-vj8907 .hero-element:not(.toolbar-maya):not(.agent-spinner):not(.cursor-maya):not(.cursor-lin):not(.cursor-sam){opacity:1!important;}}</style><style data-emotion="css 1g74nbc">.css-1g74nbc{position:relative;width:100%;overflow:hidden;}@media (max-width: 899px){.css-1g74nbc .hero-element:not(.highlight-box-cyan){display:none!important;}.css-1g74nbc .highlight-box-cyan{opacity:1!important;}}@media (min-width: 900px) and (max-width: 1099px){.css-1g74nbc .hero-element:not(.toolbar-maya):not(.agent-spinner):not(.cursor-maya):not(.cursor-lin):not(.cursor-sam){opacity:1!important;}}</style><div class="css-1g74nbc"><style data-emotion="css 1gg0tvz">
360.css-1gg0tvz{left:0;right:0;max-width:1200px;margin-inline:auto;z-index:0;}</style><style data-emotion="css gxmlpb">.css-gxmlpb{position:absolute;top:0;bottom:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(1, 1fr);pointer-events:none;left:0;right:0;max-width:1200px;margin-inline:auto;z-index:0;}</style><div aria-hidden="true" class="css-gxmlpb"><style data-emotion="css 1wcih6j">.css-1wcih6j{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);}</style><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><style data-emotion="css 1xm2lw8">.css-1xm2lw8{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}</style><div class="css-1xm2lw8"></div></div><style data-emotion="css 1ae5iv1">.css-1ae5iv1{position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);min-height:550px;padding:var(--spacing-10);text-align:center;}</style><style data-emotion="css 1rd1szi">.css-1rd1szi{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);min-height:550px;padding:var(--spacing-10);text-align:center;}</style><div class="css-1rd1szi"><style data-emotion="css e71wpz">.css-e71wpz{margin:0;font-size:var(--b-t-heading-1);font-weight:500;line-height:1.05;letter-spacing:-0.02em;max-width:680px;position:relative;}</style><h1 class="css-e71wpz">Build software with your<style data-emotion="css 1lg26qb">.css-1lg26qb{display:block;margin-bottom:8px;}</style><span class="css-1lg26qb"></span>team and<!-- --> <style data-emotion="css 1gomreu">.css-1gomreu{position:relative;display:inline-block;}</style><span class="css-1gomreu"><style data-emotion="css e8g988">.css-e8g988{position:relative;display:inline-block;padding:2px 18px 2px 8px;margin-left:-5px;-webkit-transition:padding 200ms ease 300ms;transition:padding 200ms ease 300ms;}@media (max-width: 899px){.css-e8g988{padding:2px 6px;margin-left:0;}}</style><span class="css-e8g988"><style data-emotion="css lf3nr4">.css-lf3nr4{position:absolute;inset:2px 0 -2px;border:1.5px solid var(--c-blue-400);border-radius:3px;opacity:0;pointer-events:none;-webkit-animation:none;animation:none;}@media (max-width: 899px){.css-lf3nr4{opacity:1;}}</style><span class="highlight-box-cyan hero-element css-lf3nr4"><style data-emotion="css tvaja2">.css-tvaja2{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--b-bg-page);border:1.5px solid var(--c-blue-400);top:-4px;left:-4px;}</style><span class="css-tvaja2"></span><style data-emotion="css 1beboru">.css-1beboru{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--b-bg-page);border:1.5px solid var(--c-blue-400);top:-4px;right:-4px;}</style><span class="css-1beboru"></span><style data-emotion="css 1yrh946">.css-1yrh946{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--b-bg-page);border:1.5px solid var(--c-blue-400);bottom:-4px;left:-4px;}</style><span class="css-1yrh946"></span><style data-emotion="css 1v069fg">.css-1v069fg{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--b-bg-page);border:1.5px solid var(--c-blue-400);bottom:-4px;right:-4px;}</style><span class="css-1v069fg"></span></span><style data-emotion="css 286oko">.css-286oko{color:inherit;font-style:normal;-webkit-transition:color 360ms ease;transition:color 360ms ease;}</style><span class="css-286oko">agents</span><style data-emotion="css uq13m5">.css-uq13m5{position:absolute;bottom:-35px;right:-90px;font-size:initial;font-weight:initial;letter-spacing:normal;line-height:normal;opacity:0;z-index:10;-webkit-animation:drift-maya 6s ease-in-out infinite;animation:drift-maya 6s ease-in-out infinite;}@media (max-width: 768px){.css-uq13m5{display:none;}}</style><span class="cursor-maya hero-element css-uq13m5"><style data-emotion="css 1xs4vxd">.css-1xs4vxd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;}</style><div class="css-1xs4vxd"><style data-emotion="css 1xa9v6s">.css-1xa9v6s{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;margin-top:0;transform-origin:3px 2px;}</style><svg class="cursor-arrow css-1xa9v6s" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-blue-400)"></path></svg><style data-emotion="css 15hoidu">.css-15hoidu{margin-top:20px;margin-left:-8px;margin-right:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--c-blue-400);background:var(--b-bg-page);
360white-space:nowrap;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:140%;color:var(--c-blue-400);}</style><div class="css-15hoidu">Maya • Designer</div></div></span></span><style data-emotion="css 1bwjwpn">.css-1bwjwpn{position:absolute;left:calc(100% + 16px);top:50%;margin-top:-14px;font-size:initial;font-weight:initial;letter-spacing:normal;line-height:normal;background:linear-gradient(140deg, #3A3A3A 0%, #191919 100%);border-radius:7px;padding:1px;display:block;opacity:0;}@media (max-width: 900px){.css-1bwjwpn{display:none;}}</style><span class="toolbar-maya hero-element css-1bwjwpn"><style data-emotion="css noawp4">.css-noawp4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1px;background:var(--b-bg-prominent);border-radius:6px;padding:5px 14px 5px 8px;}</style><div class="css-noawp4"><style data-emotion="css 70qvj9">.css-70qvj9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-70qvj9"><style data-emotion="css 1c0f5p4">.css-1c0f5p4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px 6px;}</style><div class="css-1c0f5p4"><style data-emotion="css ya3071">.css-ya3071{color:#F2F2F2;font-family:var(--b-font-sans);font-size:11px;font-weight:500;line-height:157%;white-space:nowrap;}</style><span class="css-ya3071">Semibold</span><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.62305 8.98633L7.23005 10.6202L8.83705 8.98633H5.62305Z" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.62305 5.7179L7.23005 4.08398L8.83705 5.7179H5.62305Z" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><style data-emotion="css 74xnyi">.css-74xnyi{width:1px;height:18px;background:var(--b-border-default);margin:0 2px;}</style><div class="css-74xnyi"></div><style data-emotion="css s0yrl2">.css-s0yrl2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:22px;height:19px;padding:2px 4px;background:transparent;border-radius:0;-webkit-transition:background 180ms ease;transition:background 180ms ease;}</style><div class="css-s0yrl2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.02148 3.21338H7.63724C7.90103 3.21338 8.16224 3.26534 8.40596 3.36629C8.64967 3.46724 8.87111 3.6152 9.05764 3.80173C9.24417 3.98826 9.39214 4.2097 9.49309 4.45342C9.59403 4.69713 9.64599 4.95834 9.64599 5.22213C9.64599 5.48592 9.59403 5.74713 9.49309 5.99085C9.39214 6.23456 9.24417 6.456 9.05764 6.64253C8.87111 6.82906 8.64967 6.97703 8.40596 7.07798C8.16224 7.17893 7.90103 7.23088 7.63724 7.23088H4.02148V3.21338Z" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.02148 7.22949H8.44074C8.97349 7.22949 9.48443 7.44113 9.86114 7.81784C10.2379 8.19456 10.4495 8.70549 10.4495 9.23824C10.4495 9.771 10.2379 10.2819 9.86114 10.6586C9.48443 11.0354 8.97349 11.247 8.44074 11.247H4.02148V7.22949Z" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="css-s0yrl2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.625 3.21338H10.446" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.01953 11.2471H8.84054" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.42767 11.2484L8.03468 3.21338" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="css-s0yrl2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.02142 2.40967V7.23067C4.02397 8.0823 4.3634 8.89832 4.96559 9.50051C5.56779 10.1027 6.3838 10.4421 7.23543 10.4447C8.08705 10.4421 8.90307 10.1027 9.50526 9.50051C10.1075 8.89832 10.4469 8.0823 10.4494 7.23
360067V2.40967" stroke="#F2F2F2" stroke-width="1.607" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.6563 12.0522H2.81777C2.59589 12.0522 2.41602 12.2321 2.41602 12.454C2.41602 12.6759 2.59589 12.8557 2.81777 12.8557H11.6563C11.8782 12.8557 12.058 12.6759 12.058 12.454C12.058 12.2321 11.8782 12.0522 11.6563 12.0522Z" fill="#F2F2F2"></path></svg></div><div class="css-s0yrl2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4553 6.82764L2.00977 7.63114" stroke="#F2F2F2" stroke-width="0.8035" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.23984 6.42717C5.25921 6.25924 4.82371 6.04069 4.82371 5.22192C4.82371 4.65304 5.8546 4.01667 7.23421 4.01667C8.49651 4.01667 9.45589 4.56225 9.61981 5.06845C9.69295 5.26145 9.83755 5.4189 10.0236 5.50816C10.2097 5.59743 10.423 5.61166 10.6193 5.54792C10.8156 5.48417 10.9799 5.34733 11.078 5.16577C11.1762 4.98421 11.2007 4.77184 11.1465 4.57269C10.7343 3.29834 9.12566 2.40967 7.23421 2.40967C4.98441 2.40967 3.21671 3.64545 3.21671 5.22192C3.19679 5.74492 3.33695 6.26155 3.61846 6.70278L7.23984 6.42717Z" fill="#F2F2F2"></path><path d="M7.21521 8.03341C9.20227 8.20054 9.63857 8.41829 9.63857 9.23867C9.63857 9.80754 8.60768 10.4439 7.22807 10.4439C5.96577 10.4439 5.00639 9.89834 4.84247 9.39213C4.81391 9.28717 4.76432 9.1891 4.69673 9.10387C4.62913 9.01864 4.54494 8.94802 4.44924 8.89629C4.35354 8.84457 4.24834 8.81281 4.14001 8.80295C4.03167 8.79309 3.92247 8.80533 3.819 8.83893C3.71554 8.87253 3.61998 8.92678 3.53811 8.99841C3.45624 9.07004 3.38976 9.15754 3.34271 9.25562C3.29566 9.3537 3.26902 9.46032 3.2644 9.569C3.25978 9.67768 3.27727 9.78617 3.31582 9.88789C3.72802 11.1622 5.33663 12.0509 7.22807 12.0509C9.47787 12.0509 11.2456 10.8151 11.2456 9.23867C11.2655 8.71566 11.1253 8.19904 10.8438 7.75781L7.21521 8.03341Z" fill="#F2F2F2"></path></svg></div></div></div></span></span><style data-emotion="css rijjzx">.css-rijjzx{display:none;position:absolute;top:0;right:0;letter-spacing:normal;font-weight:initial;font-size:initial;line-height:normal;pointer-events:none;-webkit-transform:translateY(-100%) translate(65px, -20px);-moz-transform:translateY(-100%) translate(65px, -20px);-ms-transform:translateY(-100%) translate(65px, -20px);transform:translateY(-100%) translate(65px, -20px);}@media (max-width: 899px){.css-rijjzx{display:block;}}@media (max-width: 768px){.css-rijjzx{-webkit-transform:translateY(-100%) translate(20px, -24px);-moz-transform:translateY(-100%) translate(20px, -24px);-ms-transform:translateY(-100%) translate(20px, -24px);transform:translateY(-100%) translate(20px, -24px);}}</style><span aria-hidden="true" class="css-rijjzx"><span style="display:inline-block;transform:translate(4px, 143px)"><div class="css-1xs4vxd"><svg class="cursor-arrow css-1xa9v6s" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-blue-400)"></path></svg><div class="css-15hoidu">Maya • Designer</div></div></span></span><style data-emotion="css 1c0wbq5">.css-1c0wbq5{display:none;position:absolute;top:0;left:0;letter-spacing:normal;font-weight:initial;font-size:initial;line-height:normal;pointer-events:none;-webkit-transform:translateY(-100%) translate(-98px, 94px);-moz-transform:translateY(-100%) translate(-98px, 94px);-ms-transform:translateY(-100%) translate(-98px, 94px);transform:translateY(-100%) translate(-98px, 94px);}@media (max-width: 899px){.css-1c0wbq5{display:block;}}@media (max-width: 768px){.css-1c0wbq5{-webkit-transform:translateY(-100%) translate(-114px, 94px);-moz-transform:translateY(-100%) translate(-114px, 94px);-ms-transform:translateY(-100%) translate(-114px, 94px);transform:translateY(-100%) translate(-114px, 94px);}}</style><span aria-hidden="true" class="css-1c0wbq5"><span style="display:inline-block;transform:translate(119px, -156px)"><style data-emotion="css 1dhywpc">.css-1dhywpc{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:-webkit-max-content;width:-moz-max-content;width:max-content;}</style><div class="css-1dhywpc"><style data-emotion="css wb8ujv">.css-wb8ujv{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
360-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);margin-top:0;transform-origin:8px 2px;}</style><svg class="cursor-arrow css-wb8ujv" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-pink-400)"></path></svg><style data-emotion="css 1v9wezw">.css-1v9wezw{margin-top:20px;margin-left:0;margin-right:-8px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--c-pink-400);background:var(--b-bg-page);white-space:nowrap;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:140%;color:var(--c-pink-400);}</style><div class="css-1v9wezw">Devon • Content</div></div></span></span><style data-emotion="css 1inmwbu">.css-1inmwbu{display:none;position:absolute;bottom:0;right:0;letter-spacing:normal;font-weight:initial;font-size:initial;line-height:normal;pointer-events:none;-webkit-transform:translateY(100%) translate(104px, -30px);-moz-transform:translateY(100%) translate(104px, -30px);-ms-transform:translateY(100%) translate(104px, -30px);transform:translateY(100%) translate(104px, -30px);}@media (max-width: 899px){.css-1inmwbu{display:block;}}@media (max-width: 768px){.css-1inmwbu{-webkit-transform:translateY(100%) translate(101px, -19px);-moz-transform:translateY(100%) translate(101px, -19px);-ms-transform:translateY(100%) translate(101px, -19px);transform:translateY(100%) translate(101px, -19px);}}</style><span aria-hidden="true" class="css-1inmwbu"><span style="display:inline-block;transform:translate(-133px, 260px)"><div class="css-1dhywpc"><svg class="cursor-arrow css-wb8ujv" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="#4ade80"></path></svg><style data-emotion="css t15xt4">.css-t15xt4{margin-top:20px;margin-left:0;margin-right:-8px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid #4ade80;background:var(--b-bg-page);white-space:nowrap;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:140%;color:#4ade80;}</style><div class="css-t15xt4">Sam • Engineer</div></div></span></span><style data-emotion="css 134tpkv">.css-134tpkv{display:none;position:absolute;bottom:0;left:0;letter-spacing:normal;font-weight:initial;font-size:initial;line-height:normal;pointer-events:none;-webkit-transform:translateY(100%) translate(-44px, 51px);-moz-transform:translateY(100%) translate(-44px, 51px);-ms-transform:translateY(100%) translate(-44px, 51px);transform:translateY(100%) translate(-44px, 51px);}@media (max-width: 899px){.css-134tpkv{display:block;}}@media (max-width: 768px){.css-134tpkv{-webkit-transform:translateY(100%) translate(-37px, 80px);-moz-transform:translateY(100%) translate(-37px, 80px);-ms-transform:translateY(100%) translate(-37px, 80px);transform:translateY(100%) translate(-37px, 80px);}}</style><span aria-hidden="true" class="css-134tpkv"><span style="display:inline-block;transform:translate(50px, 112px)"><div class="css-1xs4vxd"><svg class="cursor-arrow css-1xa9v6s" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-red-400)"></path></svg><style data-emotion="css 10y6r6">.css-10y6r6{margin-top:20px;margin-left:-8px;margin-right:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--c-red-400);background:var(--b-bg-page);
360white-space:nowrap;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:140%;color:var(--c-red-400);}</style><div class="css-10y6r6">Lin • PM</div></div></span></span></h1><style data-emotion="css i53r3b">.css-i53r3b{display:none;}@media (max-width: 1099px){.css-i53r3b{display:block;margin:0;font-size:var(--b-t-paragraph-1);color:var(--b-text-secondary);max-width:480px;line-height:1.6;white-space:pre-line;padding:12px 20px;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}}</style><p class="css-i53r3b">Create real product experiences that stay
361on brand, in code, and ready to ship.</p><style data-emotion="css k8ynp6">.css-k8ynp6{position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}@media (max-width: 1099px){.css-k8ynp6{display:none;}}</style><div class="css-k8ynp6"><style data-emotion="css 1qxbhs9">.css-1qxbhs9{margin:0;font-size:var(--b-t-paragraph-1);color:var(--b-text-secondary);max-width:480px;line-height:1.6;white-space:pre-line;border:1.5px dashed transparent;border-radius:4px;padding:12px 20px;min-height:96px;box-sizing:border-box;}</style><p class="highlight-box-pink css-1qxbhs9">Create real product experiences</p><style data-emotion="css 3tnwde">.css-3tnwde{position:absolute;bottom:-33px;left:-80px;opacity:0;-webkit-animation:drift-devon 7s ease-in-out infinite;animation:drift-devon 7s ease-in-out infinite;}@media (max-width: 768px){.css-3tnwde{display:none;}}</style><div class="cursor-devon css-3tnwde"><div class="css-1dhywpc"><svg class="cursor-arrow css-wb8ujv" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-pink-400)"></path></svg><div class="css-1v9wezw">Devon • Content</div></div></div></div><style data-emotion="css 1xkus1h">.css-1xkus1h{display:none;}@media (max-width: 1099px){.css-1xkus1h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2);-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}</style><div class="css-1xkus1h"><a href="/signup" class="css-16kyawo"><span>TRY BUILDER FREE</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><style data-emotion="css pl4o3d">.css-pl4o3d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2);-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (max-width: 1099px){.css-pl4o3d{display:none;}}.css-pl4o3d a{-webkit-transition:background 350ms ease,border-color 350ms ease,color 350ms ease;transition:background 350ms ease,border-color 350ms ease,color 350ms ease;}</style><div class="cta-container css-pl4o3d"><a href="/signup" class="css-16kyawo"><span>TRY BUILDER FREE</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><style data-emotion="css 1jaa2h3">.css-1jaa2h3{position:absolute;bottom:32px;right:80px;}@media (max-width: 899px){.css-1jaa2h3{display:none;}}</style><div class="css-1jaa2h3"><style data-emotion="css 1co2isu">.css-1co2isu{position:absolute;top:28px;right:-60px;z-index:1;opacity:0;-webkit-animation:drift-sam 8s ease-in-out infinite;animation:drift-sam 8s ease-in-out infinite;}</style><div class="cursor-sam hero-element css-1co2isu"><div class="css-1xs4vxd"><svg class="cursor-arrow css-1xa9v6s" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="#4ade80"></path></svg><style data-emotion="css 1rwfvc2">.css-1rwfvc2{margin-top:20px;margin-left:-8px;margin-right:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid #4ade80;background:var(--b-bg-page);
361white-space:nowrap;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:140%;color:#4ade80;}</style><div class="css-1rwfvc2">Sam • Engineer</div></div></div><style data-emotion="css 1d7lmw1">.css-1d7lmw1{border:1px solid var(--b-border-default);border-radius:6px;background:rgba(26,26,26,1);padding:9px 11px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:9px;width:218px;font-family:var(--b-font-sans);text-align:left;opacity:0;}</style><div class="panel-pr hero-element css-1d7lmw1"><style data-emotion="css ycnt4b">.css-ycnt4b{font-size:12px;font-weight:500;color:#fff;text-align:left;}</style><div class="css-ycnt4b">PR #2841 • hero.tsx</div><style data-emotion="css 1u3imyi">.css-1u3imyi{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;background:var(--b-bg-prominent);border-radius:4px;padding:6px 14px 6px 8px;overflow:hidden;}</style><div class="css-1u3imyi"><style data-emotion="css p2l0o9">.css-p2l0o9{position:absolute;left:13px;top:0;bottom:0;width:1px;background:var(--b-border-default);}</style><div class="css-p2l0o9"></div><style data-emotion="css y9duxe">.css-y9duxe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;position:relative;opacity:0;}</style><div class="pr-file-item hero-element css-y9duxe"><style data-emotion="css 6su6fj">.css-6su6fj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-6su6fj"><rect width="12" height="12" rx="6" fill="var(--c-neutral-800)"></rect><circle cx="6" cy="6" r="3" fill="var(--c-green-400)"></circle></svg><style data-emotion="css k9oifq">.css-k9oifq{font-size:10px;color:#9C9C9C;-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;}</style><span class="css-k9oifq">Headline.tsx</span></div><div class="pr-file-item hero-element css-y9duxe"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-6su6fj"><rect width="12" height="12" rx="6" fill="var(--c-neutral-800)"></rect><circle cx="6" cy="6" r="3" fill="var(--c-green-400)"></circle></svg><span class="css-k9oifq">Subtitle.tsx</span></div><div class="pr-file-item hero-element css-y9duxe"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-6su6fj"><rect width="12" height="12" rx="6" fill="var(--c-neutral-800)"></rect><circle cx="6" cy="6" r="3" fill="var(--c-green-400)"></circle></svg><span class="css-k9oifq">CTAButton.tsx</span></div></div><style data-emotion="css 1lekzkb">.css-1lekzkb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><div class="css-1lekzkb"><style data-emotion="css 1dnaxzp">.css-1dnaxzp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;}</style><div class="css-1dnaxzp"><style data-emotion="css w3219r">.css-w3219r{font-family:var(--b-font-mono);font-size:10px;color:var(--c-green-400);font-weight:500;}</style><span class="css-w3219r">+148</span><style data-emotion="css 1yhxzkt">.css-1yhxzkt{font-family:var(--b-font-mono);font-size:10px;color:var(--c-pink-400);font-weight:500;}</style><span class="css-1yhxzkt">-62</span><style data-emotion="css 1h88r47">.css-1h88r47{font-family:var(--b-font-mono);font-size:10px;color:#9C9C9C;font-weight:500;width:49px;text-align:right;}</style><span class="css-1h88r47">3 files</span></div><style data-emotion="css mjsvpf">.css-mjsvpf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;background:var(--c-neutral-900);border-radius:4px;padding:2px 4px;height:20px;opacity:0;-webkit-transition:background 200ms ease;transition:background 200ms ease;}@media (min-width: 900px) and (max-width: 1099px){.css-mjsvpf{background:#02231D;}}</style><div class="pr-status-merged hero-element css-mjsvpf"><style data-emotion="css 13rde3m">.css-13rde3m{font-size:11px;font-weight:600;color:#888;letter-spacing:0.5px;line-height:16px;-webkit-transition:color 200ms ease;transition:color 200ms ease;}@media (min-width: 900px) and (max-width: 1099px){.css-13rde3m{color:var(--c-green-400);}}</style><span class="css-13rde3m"><style data-emotion="css 18cs3zm">@media (min-width: 900px) and (max-width: 1099px){.css-18cs3zm{display:none;}}</style><span class="css-18cs3zm">
361APPROVE</span><style data-emotion="css 1cxuuon">.css-1cxuuon{display:none;}@media (min-width: 900px) and (max-width: 1099px){.css-1cxuuon{display:inline;}}</style><span class="css-1cxuuon">MERGED</span></span></div></div></div></div><style data-emotion="css x3jh0x">.css-x3jh0x{position:absolute;bottom:24px;left:64px;}@media (max-width: 899px){.css-x3jh0x{display:none;}}</style><div class="css-x3jh0x"><style data-emotion="css 1l6fzwv">.css-1l6fzwv{width:218px;border-radius:6px;border:1px solid var(--b-border-default);background:rgba(26,26,26,1);padding:9px 11px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-bottom:8px;opacity:0;}</style><div class="panel-agent hero-element css-1l6fzwv"><style data-emotion="css 1qdyvok">.css-1qdyvok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}</style><div class="css-1qdyvok"><div><style data-emotion="css 1owfrdq">.css-1owfrdq{color:#fff;font-family:var(--b-font-sans);font-size:12px;font-weight:500;line-height:normal;display:block;}</style><span class="css-1owfrdq">Builder-Agent</span></div><style data-emotion="css 5udm9u">.css-5udm9u{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}</style><svg class="agent-spinner css-5udm9u" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="7.5" r="5.5" stroke="#3a2a22" stroke-width="1.5"></circle><circle cx="7.5" cy="7.5" r="5.5" stroke="var(--c-red-400)" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="22.8 34.56"></circle></svg></div><style data-emotion="css vn27ew">.css-vn27ew{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-top:4px;}</style><div class="css-vn27ew"><style data-emotion="css 1bkbs2q">.css-1bkbs2q{color:#9C9C9C;font-family:var(--b-font-sans);font-size:10px;font-weight:400;line-height:normal;text-align:left;display:inline-block;min-height:14px;}</style><span class="css-1bkbs2q"><span class="css-18cs3zm"></span><span class="css-1cxuuon">Make the CTA primary — Try Builder free</span></span></div></div><style data-emotion="css 818e7l">.css-818e7l{position:relative;top:-13px;left:50px;opacity:0;-webkit-animation:drift-lin 5.5s ease-in-out infinite;animation:drift-lin 5.5s ease-in-out infinite;}</style><div class="cursor-lin hero-element css-818e7l"><div class="css-1xs4vxd"><svg class="cursor-arrow css-1xa9v6s" width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.2426V0.959758C0 0.577922 0.444892 0.36887 0.738835 0.612584L15.0373 12.4678C15.3625 12.7374 15.1719 13.2659 14.7495 13.2659H5.95371C5.80399 13.2659 5.66403 13.3402 5.58015 13.4643L0.824545 20.4952C0.575426 20.8635 0 20.6872 0 20.2426Z" fill="var(--c-red-400)"></path></svg><div class="css-10y6r6">Lin • PM</div></div></div></div></div></div><style data-emotion="css 1sdf07r">.css-1sdf07r{position:relative;width:100%;overflow:hidden;}</style><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css u3nhmb">.css-u3nhmb{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;padding:var(--spacing-10) 0;}</style><div class="css-u3nhmb"><style data-emotion="css b48cbg animation-h7pt0t">.css-b48cbg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-12);width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:animation-h7pt0t 70s linear infinite;animation:animation-h7pt0t 70s linear infinite;}@-webkit-keyframes animation-h7pt0t{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(calc(-50% - 20px));-moz-transform:translateX(calc(-50% - 20px));-ms-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px));}}@keyframes animation-h7pt0t{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(calc(-50% - 20px));-moz-transform:translateX(calc(-50% - 20px));-ms-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px));}}</style><div class="css-b48cbg"><style data-emotion="css em6mi8">.css-em6mi8{height:12px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Everlane" loading="lazy" height="12" class="css-em6mi8" width="218" sizes="218px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&amp;width=218 218w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&amp;width=436 436w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&amp;width=218"/><style data-emotion="css 1pz60rb">.css-1pz60rb{height:22px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-4px;}</style><img alt="Scale AI" loading="lazy" height="22" class="css-1pz60rb" width="68" sizes="68px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=68 68w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=136 136w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=68"/><style data-emotion="css 19a7l1i">.css-19a7l1i{height:20px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Zapier" loading="lazy" height="20" class="css-19a7l1i" width="74" sizes="74px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=74 74w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=148 148w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=74"/><img alt="J.Crew" loading="lazy" height="20" class="css-19a7l1i" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=97"/><style data-emotion="css 5e55er">.css-5e55er{height:18px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Harry&#x27;s" loading="lazy" height="18" class="css-5e55er" width="101" sizes="101px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=101 101w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=202 202w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=101"/><style data-emotion="css 1ejwy03">.css-1ejwy03{height:40px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-6px;}</style><img alt="Experian" loading="lazy" height="40" class="css-1ejwy03" width="90" sizes="90px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=90 90w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=180 180w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=90"/><style data-emotion="css 1ox83xh">.css-1ox83xh{height:16px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Faire" loading="lazy" height="16" class="css-1ox83xh" width="128" sizes="128px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=128 128w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=256 256w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=128"/><img alt="Vistaprint" loading="lazy" height="16" class="css-1ox83xh" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=97"/><style data-emotion="css 1p0bad8">.css-1p0bad8{height:22px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Alo Yoga" loading="lazy" height="22" class="css-1p0bad8" width="71" sizes="71px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=71 71w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=142 142w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=71"/><img alt="ClickUp" loading="lazy" height="20" class="css-19a7l1i" width="82" sizes="82px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=82 82w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=164 164w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=82"/><img alt="Panasonic" loading="lazy" height="16" class="css-1ox83xh" width="103" sizes="103px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=103 103w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=206 206w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=103"/><img alt="Pendo" loading="lazy" height="20" class="css-19a7l1i" width="88" sizes="88px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=88 88w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=176 176w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=88"/><style data-emotion="css 145o7n">.css-145o7n{height:25px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Schneider Electric" loading="lazy" height="25" class="css-145o7n" width="84" sizes="84px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=84 84w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=168 168w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=84"/><img alt="Quantcast" loading="lazy" height="16" class="css-1ox83xh" width="105" sizes="105px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=105 105w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=210 210w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=105"/><img alt="Afterpay" loading="lazy" height="18" class="css-5e55er" width="95" sizes="95px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=95 95w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=190 190w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=95"/><style data-emotion="css i3k3ph">.css-i3k3ph{height:14px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Fabletics" loading="lazy" height="14" class="css-i3k3ph" width="106" sizes="106px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=106 106w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=212 212w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=106"/><img alt="Vimeo" loading="lazy" height="20" class="css-19a7l1i" width="70" sizes="70px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=70 70w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=140 140w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=70"/><img alt="Everlane" loading="lazy" height="12" class="css-em6mi8" width="218" sizes="218px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&amp;width=218 218w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?
361format=webp&amp;width=436 436w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&amp;width=218"/><img alt="Scale AI" loading="lazy" height="22" class="css-1pz60rb" width="68" sizes="68px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=68 68w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=136 136w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&amp;width=68"/><img alt="Zapier" loading="lazy" height="20" class="css-19a7l1i" width="74" sizes="74px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=74 74w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=148 148w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&amp;width=74"/><img alt="J.Crew" loading="lazy" height="20" class="css-19a7l1i" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&amp;width=97"/><img alt="Harry&#x27;s" loading="lazy" height="18" class="css-5e55er" width="101" sizes="101px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=101 101w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=202 202w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&amp;width=101"/><img alt="Experian" loading="lazy" height="40" class="css-1ejwy03" width="90" sizes="90px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=90 90w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=180 180w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&amp;width=90"/><img alt="Faire" loading="lazy" height="16" class="css-1ox83xh" width="128" sizes="128px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=128 128w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=256 256w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&amp;width=128"/><img alt="Vistaprint" loading="lazy" height="16" class="css-1ox83xh" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&amp;width=97"/><img alt="Alo Yoga" loading="lazy" height="22" class="css-1p0bad8" width="71" sizes="71px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=71 71w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=142 142w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&amp;width=71"/><img alt="ClickUp" loading="lazy" height="20" class="css-19a7l1i" width="82" sizes="82px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=82 82w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=164 164w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&amp;width=82"/><img alt="Panasonic" loading="lazy" height="16" class="css-1ox83xh" width="103" sizes="103px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=103 103w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=206 206w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&amp;width=103"/><img alt="Pendo" loading="lazy" height="20" class="css-19a7l1i" width="88" sizes="88px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=88 88w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=176 176w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&amp;width=88"/><img alt="Schneider Electric" loading="lazy" height="25" class="css-145o7n" width="84" sizes="84px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=84 84w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=168 168w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&amp;width=84"/><img alt="Quantcast" loading="lazy" height="16" class="css-1ox83xh" width="105" sizes="105px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=105 105w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=210 210w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&amp;width=105"/><img alt="Afterpay" loading="lazy" height="18" class="css-5e55er" width="95" sizes="95px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=95 95w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=190 190w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&amp;width=95"/><img alt="Fabletics" loading="lazy" height="14" class="css-i3k3ph" width="106" sizes="106px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=106 106w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=212 212w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&amp;width=106"/><img alt="Vimeo" loading="lazy" height="20" class="css-19a7l1i" width="70" sizes="70px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=70 70w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=140 140w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&amp;width=70"/></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css 2klz4j">.css-2klz4j{border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css wfrvu4">.css-wfrvu4{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;border-top:1px solid var(--b-border-subtle);}</style><div class="css-wfrvu4"><style data-emotion="css hemjcq">.css-hemjcq{display:grid;grid-template-columns:repeat(3, 1fr);}</style><div class="css-hemjcq"><style data-emotion="css djrxgy">.css-djrxgy{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-30) var(--spacing-10) var(--spacing-16);}@media (max-width: 768px){.css-djrxgy{grid-column:span 3;padding-bottom:0;}}</style><div class="css-djrxgy"><style data-emotion="css xyw17r">.css-xyw17r{margin:0;font-family:var(--b-font-mono);font-size:var(--b-t-label-1);font-weight:600;color:var(--b-text-eyebrow);letter-spacing:0.08em;text-transform:uppercase;}</style><p class="css-xyw17r">Collaborative Coding</p><style data-emotion="css r0iusb">.css-r0iusb{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-r0iusb"><style data-emotion="css 4y7c3g">.css-4y7c3g{color:var(--b-text-primary);}</style><span class="css-4y7c3g">
361One codebase.<!-- --> </span><style data-emotion="css 11owgl7">.css-11owgl7{color:var(--b-text-secondary);}</style><span class="css-11owgl7">Every role</span></h2></div><style data-emotion="css az2dg7">.css-az2dg7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--spacing-30) var(--spacing-10) var(--spacing-16);}@media (max-width: 768px){.css-az2dg7{grid-column:span 3;padding-top:var(--spacing-6);}}</style><div class="css-az2dg7"><style data-emotion="css 1s555bg">.css-1s555bg{margin:0;font-size:var(--b-t-paragraph-2);color:var(--b-text-secondary);line-height:1.4;}</style><p class="css-1s555bg">Everyone works from the same source of truth, with the context they need and no handoffs to clean up later.</p></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1nzz8id">.css-1nzz8id{display:grid;grid-template-columns:repeat(6, 1fr);border-bottom:1px solid var(--b-border-subtle);}@media (max-width: 1200px){.css-1nzz8id{grid-template-columns:repeat(4, 1fr);gap:0;}}</style><div class="css-1nzz8id"><style data-emotion="css w9g7md">.css-w9g7md{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px;background:var(--b-action-tab-bg-active);color:var(--b-action-tab-text-active);border:none;cursor:pointer;font-family:var(--b-font-mono);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:inset 0 -2px 0 0 var(--b-action-tab-indicator);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:20px 40px;font-size:var(--b-t-label-1);background:linear-gradient(to right, transparent 1px, var(--b-bg-page) 1px);}.css-w9g7md:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:-2px;}@media (max-width: 1200px){.css-w9g7md{padding:20px 4px;}}@media (max-width: 768px){.css-w9g7md{padding:12px 4px;font-size:10px;}.css-w9g7md svg{width:14px;height:14px;}}.css-w9g7md[aria-selected="true"]{background:linear-gradient(to right, transparent 1px, var(--b-action-tab-bg-active) 1px);}</style><button type="button" data-tab-item="true" class="css-w9g7md"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-code "><path d="M7 8l-4 4l4 4"></path><path d="M17 8l4 4l-4 4"></path><path d="M14 4l-4 16"></path></svg>Engineers</button><style data-emotion="css pnwncf">.css-pnwncf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:var(--b-action-tab-text);border:none;cursor:pointer;font-family:var(--b-font-mono);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:20px 40px;font-size:var(--b-t-label-1);background:var(--b-bg-page);}.css-pnwncf:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:-2px;}.css-pnwncf:hover{background:var(--b-action-tab-bg-hover);color:var(--b-action-tab-text-hover);}.css-pnwncf.active,.css-pnwncf[aria-selected="true"]{background:var(--b-action-tab-bg-active);color:var(--b-action-tab-text-active);box-shadow:inset 0 -2px 0 0 var(--b-action-tab-indicator);}@media (max-width: 1200px){.css-pnwncf{padding:20px 4px;}}@media (max-width: 768px){.css-pnwncf{padding:12px 4px;font-size:10px;}.css-pnwncf svg{width:14px;
361height:14px;}}.css-pnwncf[aria-selected="true"]{background:var(--b-action-tab-bg-active);}</style><button type="button" data-tab-item="true" class="css-pnwncf"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-vector-bezier "><path d="M3 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M17 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 7a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 8.5a6 6 0 0 0 -5 5.5"></path><path d="M14 8.5a6 6 0 0 1 5 5.5"></path><path d="M10 8l-6 0"></path><path d="M20 8l-6 0"></path><path d="M2 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M20 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg>Designers</button><button type="button" data-tab-item="true" class="css-pnwncf"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-hierarchy-2 "><path d="M10 3h4v4h-4l0 -4"></path><path d="M3 17h4v4h-4l0 -4"></path><path d="M17 17h4v4h-4l0 -4"></path><path d="M7 17l5 -4l5 4"></path><path d="M12 7l0 6"></path></svg>Product</button><button type="button" data-tab-item="true" class="css-pnwncf"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-feather "><path d="M4 20l10 -10m0 -5v5h5m-9 -1v5h5m-9 -1v5h5m-5 -5l4 -4l4 -4"></path><path d="M19 10c.638 -.636 1 -1.515 1 -2.486a3.515 3.515 0 0 0 -3.517 -3.514c-.97 0 -1.847 .367 -2.483 1m-3 13l4 -4l4 -4"></path></svg>Marketing</button></div></div><style data-emotion="css i6bazn">.css-i6bazn{overflow:hidden;}</style><style data-emotion="css dewpmm">.css-dewpmm{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;}</style><div class="css-dewpmm"><style data-emotion="css lgj0h8">.css-lgj0h8{display:grid;}</style><div class="css-lgj0h8"><style data-emotion="css j66hro">.css-j66hro{grid-area:1/1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(to right, transparent 1px, var(--b-bg-page) 1px);pointer-events:auto;}</style><div aria-hidden="false" class="css-j66hro" style="transform:none"><style data-emotion="css 1mpfxtd">.css-1mpfxtd{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}</style><style data-emotion="css 1s3e86h">.css-1s3e86h{display:grid;grid-template-columns:repeat(3, 1fr);-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}</style><div class="css-1s3e86h"><style data-emotion="css 14str6a">.css-14str6a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-16) var(--spacing-10);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-14str6a:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-14str6a:hover{background:var(--b-bg-raised);}.css-14str6a:hover button[aria-label="Learn more"]{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-14str6a{grid-column:span 3;border-bottom:1px solid var(--b-border-subtle);padding-bottom:var(--spacing-8);}}</style><div role="link" tabindex="0" aria-label="Code the hard parts. Offload the follow-ups." class="css-14str6a"><style data-emotion="css 19qp2yk">.css-19qp2yk{margin:0;font-size:var(--b-t-heading-4);font-weight:500;line-height:1.15;letter-spacing:-0.02em;}</style><h3 class="css-19qp2yk"><style data-emotion="css 1unrqcp">.css-1unrqcp{color:inherit;-webkit-text-decoration:none;text-decoration:none;}</style><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/for/engineers" data-discover="true"><style data-emotion="css 1m2xi8h">
361.css-1m2xi8h{display:block;color:var(--b-text-primary);}</style><span class="css-1m2xi8h">Code the hard parts.</span><style data-emotion="css 1xdv0xl">.css-1xdv0xl{display:block;color:var(--b-text-secondary);}</style><span class="css-1xdv0xl">Offload the follow-ups.</span></a></h3><p class="css-1s555bg">Code in Builder or your AI tool of choice, then push the branch so designers, PMs, and QA can polish pixels, edit copy, and run tests in the real app. Every change uses your code and design system, so it comes back cleaner and closer to merge.</p><style data-emotion="css 1x71l1e">.css-1x71l1e{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);color:var(--b-text-primary);-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><span aria-hidden="true" class="css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div><style data-emotion="css plc5vn">.css-plc5vn{grid-column:span 2;min-height:580px;position:relative;overflow:hidden;border-left:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-plc5vn{grid-column:span 3;min-height:260px;border-left:none;}}</style><div class="css-plc5vn"><style data-emotion="css vfybrd">.css-vfybrd{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:2;}</style><div class="css-vfybrd"><style data-emotion="css r91awh">.css-r91awh{width:100%;height:100%;object-fit:contain;}</style><img alt="Engineers illustration" loading="eager" fetchPriority="high" height="577" class="css-r91awh" width="800" sizes="(max-width: 768px) 100vw, 720px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=720 720w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=960 960w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&amp;width=800"/></div></div></div></div><style data-emotion="css vy1w5g">.css-vy1w5g{grid-area:1/1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(to right, transparent 1px, var(--b-bg-page) 1px);pointer-events:none;}</style><div aria-hidden="true" inert="" class="css-vy1w5g" style="transform:translateX(100%)"><div class="css-1s3e86h"><div role="link" tabindex="0" aria-label="Your designs go live. As designed." class="css-14str6a"><h3 class="css-19qp2yk"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/for/designers" data-discover="true"><span class="css-1m2xi8h">Your designs go live.</span><span class="css-1xdv0xl">
361As designed.</span></a></h3><p class="css-1s555bg">Try new directions, refine layouts, and ship polished UI in the real product with your design system already wired in. The details you obsess over stay intact all the way to production.</p><span aria-hidden="true" class="css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div><div class="css-plc5vn"><div class="css-vfybrd"><img alt="Designers illustration" loading="lazy" fetchPriority="auto" height="577" class="css-r91awh" width="800" sizes="(max-width: 768px) 100vw, 720px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=720 720w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=960 960w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fba3a3d6db0b0497186674ce40f8cbf61?format=webp&amp;width=800"/></div></div></div></div><div aria-hidden="true" inert="" class="css-vy1w5g" style="transform:translateX(200%)"><div class="css-1s3e86h"><div role="link" tabindex="0" aria-label="Ship the changes that can’t wait." class="css-14str6a"><h3 class="css-19qp2yk"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/for/product-managers" data-discover="true"><span class="css-1m2xi8h">Ship the changes</span><span class="css-1xdv0xl">that can’t wait.</span></a></h3><p class="css-1s555bg">Act on customer feedback, stakeholder requests, and experiment ideas from Slack or Jira. Review the change in your real app, get sign-off, and ship without waiting for the next sprint.</p><span aria-hidden="true" class="css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div><div class="css-plc5vn"><div class="css-vfybrd"><img alt="Product illustration" loading="lazy" fetchPriority="auto" height="577" class="css-r91awh" width="800" sizes="(max-width: 768px) 100vw, 720px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=720 720w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=960 960w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F40882a359aad46cca88abee6e77f9f1a?format=webp&amp;width=800"/></div></div></div></div><div aria-hidden="true" inert="" class="css-vy1w5g" style="transform:translateX(300%)"><div class="css-1s3e86h"><div role="link" tabindex="0" aria-label="Publish campaigns on your timeline." class="css-14str6a"><h3 class="css-19qp2yk"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/for/marketers" data-discover="true"><span class="css-1m2xi8h">Publish campaigns</span><span class="css-1xdv0xl">on your timeline.</span></a></h3><p class="css-1s555bg">Create pages, update content, and run campaign changes on the real product. Preview, get approvals, and publish when it’s ready, with brand and code still in sync.</p><span aria-hidden="true" class="css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
361ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div><div class="css-plc5vn"><div class="css-vfybrd"><img alt="Marketing illustration" loading="lazy" fetchPriority="auto" height="577" class="css-r91awh" width="800" sizes="(max-width: 768px) 100vw, 720px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=720 720w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=960 960w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F481ca06c214c4c9d93bee1276630136e?format=webp&amp;width=800"/></div></div></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><style data-emotion="css 74x5bw">.css-74x5bw{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-30) var(--spacing-10) var(--spacing-20);}@media (max-width: 768px){.css-74x5bw{grid-column:span 3;padding-bottom:0;}}</style><div class="css-74x5bw"><p class="css-xyw17r">Visual Editor</p><h2 class="css-r0iusb">Production code,<!-- --> <span class="css-11owgl7">edited like design</span></h2></div><style data-emotion="css 14ewak0">.css-14ewak0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:152px var(--spacing-10) var(--spacing-20);}@media (max-width: 768px){.css-14ewak0{grid-column:span 3;padding-top:var(--spacing-6);}}</style><div class="css-14ewak0"><p class="css-1s555bg">A visual canvas wired directly into your components and design tokens. Make changes that are always on-brand and always production-ready.</p></div></div></div><style data-emotion="css 56epkt">.css-56epkt{padding:0 var(--spacing-10) var(--spacing-16);}</style><style data-emotion="css 1w527el">.css-1w527el{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;padding:0 var(--spacing-10) var(--spacing-16);}</style><div class="css-1w527el"><style data-emotion="css 9v47mx">.css-9v47mx{width:100%;height:auto;display:block;border-radius:var(--b-radius-lg);}</style><img alt="Visual Editor UI" loading="lazy" height="1500" class="css-9v47mx" width="2400" sizes="(max-width: 1200px) 100vw, 1200px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&amp;width=2000"/></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><div class="css-74x5bw"><p class="css-xyw17r">Agentic CMS</p><h2 class="css-r0iusb">Publish dynamic content<!-- --> <span class="css-11owgl7">with prompts</span></h2></div><div class="css-14ewak0"><p class="css-1s555bg">Ask Builder to create and manage content, run A/B tests, personalize, and schedule updates. Your team can preview, approve, and publish with brand and workflow intact.</p></div></div></div><div class="css-1w527el"><img alt="Publish dynamic content with prompts" height="934" loading="lazy" class="css-9v47mx" width="2000" sizes="(max-width: 1200px) 100v
361w, 1200px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F8154ba0cc7e5448989fe7dcf9bc42884?format=webp&amp;width=2000"/></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><style data-emotion="css 1v5ghh6">.css-1v5ghh6{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-30) var(--spacing-10) var(--spacing-20);}@media (max-width: 768px){.css-1v5ghh6{grid-column:span 3;padding:var(--spacing-10);}}</style><div class="css-1v5ghh6"><p class="css-xyw17r">Use Cases</p><style data-emotion="css fq6mp7">.css-fq6mp7{margin:0;max-width:680px;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-fq6mp7">Build together, from first idea to production</h2></div></div></div><div class="css-wfrvu4"><style data-emotion="css 136p4qf">@media (max-width: 768px){.css-136p4qf{grid-template-columns:1fr;}}</style><style data-emotion="css 8zq8xu">.css-8zq8xu{display:grid;grid-template-columns:repeat(3, 1fr);}@media (max-width: 768px){.css-8zq8xu{grid-template-columns:1fr;}}</style><div class="css-8zq8xu"><style data-emotion="css sk2uw4">.css-sk2uw4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:360px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:inherit;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-sk2uw4:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-sk2uw4:hover{background:var(--b-bg-raised);}.css-sk2uw4:hover .use-case-card-action{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-sk2uw4{min-height:0;border-top:none;}}</style><div role="link" tabindex="0" aria-label="Prototyping" class="css-sk2uw4"><style data-emotion="css 1s7adwe">.css-1s7adwe{width:100%;aspect-ratio:16/10;box-sizing:border-box;padding-top:20px;border-right:1px solid var(--b-border-subtle);overflow:hidden;}@media (max-width: 768px){.css-1s7adwe{border-right:none;}}</style><div class="css-1s7adwe"><style data-emotion="css 1usxs7i">.css-1usxs7i{display:block;width:100%;height:100%;object-fit:contain;}</style><img alt="Prototyping use case" loading="lazy" height="500" class="css-1usxs7i" width="800" sizes="(max-width: 768px) 100vw, 400px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F16ddb1f6657c45e0a5a43a3c01f85c30?format=webp&amp;width=800"/></div><style data-emotion="css gxiiad">.css-gxiiad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-10) var(--spacing-10);}</style><div class="css-gxiiad"><style data-emotion="css zoftwd">
361.css-zoftwd{margin:0;font-size:var(--b-t-heading-6);font-weight:500;line-height:1.15;letter-spacing:-0.01em;}</style><h3 class="css-zoftwd"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/prototypes" data-discover="true">Prototyping</a></h3><p class="css-1s555bg">Turn prompts, ideas, and designs into working prototypes your team can review, test, and validate with stakeholders before you commit to building.</p><style data-emotion="css 1ch14iq">.css-1ch14iq{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;margin-top:var(--spacing-4);border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);color:var(--b-text-primary);-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><span aria-hidden="true" class="use-case-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div><style data-emotion="css 116a5s">.css-116a5s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:360px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:inherit;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-116a5s:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-116a5s:hover{background:var(--b-bg-raised);}.css-116a5s:hover .use-case-card-action{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-116a5s{min-height:0;border-top:1px solid var(--b-border-subtle);}}</style><div role="link" tabindex="0" aria-label="App development" class="css-116a5s"><div class="css-1s7adwe"><img alt="App development use case" loading="lazy" height="500" class="css-1usxs7i" width="800" sizes="(max-width: 768px) 100vw, 400px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20994f7536104756aa984a164768b04d?format=webp&amp;width=800"/></div><div class="css-gxiiad"><h3 class="css-zoftwd"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/web-apps" data-discover="true">App development</a></h3><p class="css-1s555bg">Build new apps, product features, and internal tools with the shared context teams and agents need to move from idea to shipped product faster.</p><span aria-hidden="true" class="use-case-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div><div role="link" tabindex="0" aria-label="Marketing sites" class="css-116a5s"><style data-emotion="css s2dr8g">.css-s2dr8g{width:100%;aspect-ratio:16/10;box-sizing:border-box;padding-top:20px;border-right:none;overflow:hidden;}@media (max-width: 768px){.css-s2dr8g{border-right:none;}}</style><div class="css-s2dr8g"><img alt="Marketing sites use case" loading="lazy" height="500" class="css-1usxs7i" width="800" sizes="(max-width: 768px) 100vw, 400px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788
361c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F272788c50ca840c7967d9e47aa9ec54b?format=webp&amp;width=800"/></div><div class="css-gxiiad"><h3 class="css-zoftwd"><a draggable="false" tabindex="-1" class="css-1unrqcp" href="/landing-pages" data-discover="true">Marketing sites</a></h3><p class="css-1s555bg">Create and update landing pages, campaign pages, and site content visually, with your brand system and approval workflows built in.</p><span aria-hidden="true" class="use-case-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><style data-emotion="css blrdiu">.css-blrdiu{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-30) var(--spacing-10) var(--spacing-20);}@media (max-width: 768px){.css-blrdiu{grid-column:span 3;padding:var(--spacing-10);padding-bottom:0;}}</style><div class="css-blrdiu"><p class="css-xyw17r">The Platform</p><h2 class="css-r0iusb">Two products to go from idea<!-- --> <span class="css-11owgl7">to production faster</span></h2></div></div></div><div class="css-wfrvu4"><style data-emotion="css 3eas27">.css-3eas27{display:grid;grid-template-columns:1fr 1fr;}@media (max-width: 768px){.css-3eas27{grid-template-columns:1fr;}}</style><div class="css-3eas27"><style data-emotion="css 1wyxihx">.css-1wyxihx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-10);background:var(--b-bg-page);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}.css-1wyxihx:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-1wyxihx:hover{background:var(--b-bg-raised);}.css-1wyxihx:hover .nl-icon-inner{background:var(--c-neutral-50);color:var(--b-action-primary-text);}.css-1wyxihx:hover .nl-icon-border{background:var(--c-neutral-50);}.css-1wyxihx:hover .product-explore-btn{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}.css-1wyxihx:hover .product-highlight{color:var(--b-bg-page);}@media (max-width: 768px){.css-1wyxihx{border-left:none;border-right:none;border-bottom:1px solid var(--b-border-subtle);}}</style><div role="link" tabindex="0" aria-label="Code" class="css-1wyxihx"><style data-emotion="css 1txzq6z">.css-1txzq6z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);}</style><div class="css-1txzq6z"><style data-emotion="css r34nns">.css-r34nns{width:36px;height:36px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;padding:1px;background:linear-gradient(140deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);-webkit-transition:background 0.2s ease;transition:background 0.2s ease;}</style><div class="nl-icon-border css-r34nns"><style data-emotion="css 14bs1wy">.css-14bs1wy{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
361-webkit-justify-content:center;justify-content:center;border-radius:7px;background:var(--b-bg-prominent);color:var(--c-blue-500);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-14bs1wy"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M9.9375 9C9.9375 8.75136 9.83866 8.51297 9.66284 8.33716C9.48703 8.16134 9.24864 8.0625 9 8.0625C8.75136 8.0625 8.51297 8.16134 8.33716 8.33716C8.16134 8.51297 8.0625 8.75136 8.0625 9C8.0625 9.24864 8.16134 9.48703 8.33716 9.66284C8.51297 9.83866 8.75136 9.9375 9 9.9375C9.24864 9.9375 9.48703 9.83866 9.66284 9.66284C9.83866 9.48703 9.9375 9.24864 9.9375 9ZM11.0625 9C11.0625 9.14832 11.0444 9.29453 11.0134 9.43726C12.177 8.8083 12.9375 7.6548 12.9375 6.375C12.9375 4.45224 11.2219 2.8125 9 2.8125C8.68934 2.8125 8.4375 2.56066 8.4375 2.25C8.4375 1.93934 8.68934 1.6875 9 1.6875C11.7491 1.6875 14.0625 3.74076 14.0625 6.375C14.0625 9.00924 11.7491 11.0625 9 11.0625C8.85144 11.0625 8.70496 11.0445 8.56201 11.0134C9.19093 12.1771 10.3451 12.9375 11.625 12.9375C13.5478 12.9375 15.1875 11.2219 15.1875 9C15.1875 8.68934 15.4393 8.4375 15.75 8.4375C16.0607 8.4375 16.3125 8.68934 16.3125 9C16.3125 11.7491 14.2592 14.0625 11.625 14.0625C8.99076 14.0625 6.9375 11.7491 6.9375 9C6.9375 8.85149 6.95476 8.70491 6.98584 8.56201C5.82246 9.191 5.0625 10.3453 5.0625 11.625C5.0625 13.5478 6.77808 15.1875 9 15.1875C9.31066 15.1875 9.5625 15.4393 9.5625 15.75C9.5625 16.0607 9.31066 16.3125 9 16.3125C6.25092 16.3125 3.9375 14.2592 3.9375 11.625C3.9375 8.99076 6.25092 6.9375 9 6.9375C9.14827 6.9375 9.29458 6.95486 9.43726 6.98584C8.80824 5.82263 7.65459 5.0625 6.375 5.0625C4.45224 5.0625 2.8125 6.77808 2.8125 9C2.8125 9.31066 2.56066 9.5625 2.25 9.5625C1.93934 9.5625 1.6875 9.31066 1.6875 9C1.6875 6.25092 3.74076 3.9375 6.375 3.9375C9.00924 3.9375 11.0625 6.25092 11.0625 9Z" fill="currentColor"></path></svg></div></div><style data-emotion="css d71lz8">.css-d71lz8{font-size:var(--b-t-heading-4);font-weight:500;letter-spacing:-0.01em;color:var(--b-text-primary);-webkit-text-decoration:none;text-decoration:none;}</style><a draggable="false" tabindex="-1" class="css-d71lz8" href="/platform/code" data-discover="true">Code</a></div><p class="css-1s555bg">Build apps and UIs from scratch, from Figma designs, or with any existing repo.</p><style data-emotion="css u9cn7w">.css-u9cn7w{width:100%;height:auto;display:block;border-radius:var(--b-radius);}</style><img alt="Code UI" loading="lazy" height="750" class="css-u9cn7w" width="1200" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F076c32e6a0f846018897fd8880de21f6?format=webp&amp;width=1200"/><style data-emotion="css 1gpimz">.css-1gpimz{margin:0;padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);}</style><ul class="css-1gpimz"><style data-emotion="css 1pt6vt1">.css-1pt6vt1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);font-size:var(--b-t-paragraph-2);color:var(--b-text-secondary);}</style><li class="css-1pt6vt1"><style data-emotion="css embuj9">.css-embuj9{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--b-text-tertiary);}</style><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
361ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-world css-embuj9"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M3.6 9h16.8"></path><path d="M3.6 15h16.8"></path><path d="M11.5 3a17 17 0 0 0 0 18"></path><path d="M12.5 3a17 17 0 0 1 0 18"></path></svg>Web app development</li><li class="css-1pt6vt1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-code css-embuj9"><path d="M7 8l-4 4l4 4"></path><path d="M17 8l4 4l-4 4"></path><path d="M14 4l-4 16"></path></svg>Design to code</li><li class="css-1pt6vt1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-vector-bezier css-embuj9"><path d="M3 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M17 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 7a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 8.5a6 6 0 0 0 -5 5.5"></path><path d="M14 8.5a6 6 0 0 1 5 5.5"></path><path d="M10 8l-6 0"></path><path d="M20 8l-6 0"></path><path d="M2 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M20 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg>Prototypes</li></ul><div><style data-emotion="css wh7h6b">.css-wh7h6b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;padding:9px 15px;background:var(--b-action-secondary-bg);color:var(--b-action-secondary-text);border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;white-space:nowrap;line-height:1;-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><span class="product-explore-btn css-wh7h6b">EXPLORE<!-- --> <style data-emotion="css 1gaeyo8">.css-1gaeyo8{color:var(--b-text-eyebrow);-webkit-transition:color 0.15s;transition:color 0.15s;}</style><span class="product-highlight css-1gaeyo8">CODE</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div><style data-emotion="css 15o7y6a">.css-15o7y6a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-10);background:var(--b-bg-page);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-15o7y6a:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-15o7y6a:hover{background:var(--b-bg-raised);}.css-15o7y6a:hover .nl-icon-inner{background:var(--c-neutral-50);color:var(--b-action-primary-text);}.css-15o7y6a:hover .nl-icon-border{background:var(--c-neutral-50);}.css-15o7y6a:hover .product-explore-btn{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}.css-15o7y6a:hover .product-highlight{color:var(--b-bg-page);}</style><div role="link" tabindex="0" aria-label="Content" class="css-15o7y6a"><div class="css-1txzq6z"><div class="nl-icon-border css-r34nns"><style data-emotion="css u6cgtu">.css-u6cgtu{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
361-webkit-justify-content:center;justify-content:center;border-radius:7px;background:var(--b-bg-prominent);color:var(--c-green-400);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-u6cgtu"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6.9375 13.875V13.5C6.9375 13.1893 7.18934 12.9375 7.5 12.9375C7.81066 12.9375 8.0625 13.1893 8.0625 13.5V13.875C8.0625 14.2231 8.20088 14.5568 8.44702 14.803C8.69316 15.0491 9.0269 15.1875 9.375 15.1875C9.7231 15.1875 10.0568 15.0491 10.303 14.803C10.5491 14.5568 10.6875 14.2231 10.6875 13.875V9C10.6875 8.68934 10.9393 8.4375 11.25 8.4375C11.5607 8.4375 11.8125 8.68934 11.8125 9V13.875C11.8125 14.5215 11.5555 15.1413 11.0984 15.5984C10.6413 16.0555 10.0215 16.3125 9.375 16.3125C8.72853 16.3125 8.10873 16.0555 7.65161 15.5984C7.19449 15.1413 6.9375 14.5215 6.9375 13.875ZM1.6875 9.375C1.6875 8.72853 1.94449 8.10873 2.40161 7.65161C2.85873 7.19449 3.47853 6.9375 4.125 6.9375H4.5C4.81066 6.9375 5.0625 7.18934 5.0625 7.5C5.0625 7.81066 4.81066 8.0625 4.5 8.0625H4.125C3.7769 8.0625 3.44316 8.20088 3.19702 8.44702C2.95088 8.69316 2.8125 9.0269 2.8125 9.375C2.8125 9.7231 2.95088 10.0568 3.19702 10.303C3.44316 10.5491 3.7769 10.6875 4.125 10.6875H9C9.31066 10.6875 9.5625 10.9393 9.5625 11.25C9.5625 11.5607 9.31066 11.8125 9 11.8125H4.125C3.47853 11.8125 2.85873 11.5555 2.40161 11.0984C1.94449 10.6413 1.6875 10.0215 1.6875 9.375ZM15.1875 8.625C15.1875 8.2769 15.0491 7.94316 14.803 7.69702C14.5568 7.45088 14.2231 7.3125 13.875 7.3125H9C8.68934 7.3125 8.4375 7.06066 8.4375 6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875H13.875C14.5215 6.1875 15.1413 6.44449 15.5984 6.90161C16.0555 7.35873 16.3125 7.97853 16.3125 8.625C16.3125 9.27147 16.0555 9.89127 15.5984 10.3484C15.1413 10.8055 14.5215 11.0625 13.875 11.0625H13.5C13.1893 11.0625 12.9375 10.8107 12.9375 10.5C12.9375 10.1893 13.1893 9.9375 13.5 9.9375H13.875C14.2231 9.9375 14.5568 9.79912 14.803 9.55298C15.0491 9.30684 15.1875 8.9731 15.1875 8.625ZM9.9375 4.5V4.125C9.9375 3.7769 9.79912 3.44316 9.55298 3.19702C9.30684 2.95088 8.9731 2.8125 8.625 2.8125C8.2769 2.8125 7.94316 2.95088 7.69702 3.19702C7.45088 3.44316 7.3125 3.7769 7.3125 4.125V9C7.3125 9.31066 7.06066 9.5625 6.75 9.5625C6.43934 9.5625 6.1875 9.31066 6.1875 9V4.125C6.1875 3.47853 6.44449 2.85873 6.90161 2.40161C7.35873 1.94449 7.97853 1.6875 8.625 1.6875C9.27147 1.6875 9.89127 1.94449 10.3484 2.40161C10.8055 2.85873 11.0625 3.47853 11.0625 4.125V4.5C11.0625 4.81066 10.8107 5.0625 10.5 5.0625C10.1893 5.0625 9.9375 4.81066 9.9375 4.5Z" fill="currentColor"></path></svg></div></div><a draggable="false" tabindex="-1" class="css-d71lz8" href="/platform/content" data-discover="true">Content</a></div><p class="css-1s555bg">Create, optimize, and publish on-brand content and experiences to any site or app.</p><img alt="Content UI" loading="lazy" height="750" class="css-u9cn7w" width="1200" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=480 480w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=1200 1200w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1e279fbd5f9a4385807be68e853e017f?format=webp&amp;width=1200"/><ul class="css-1gpimz"><li class="css-1pt6vt1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-pencil css-embuj9"><path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4"></path><path d="M13.5 6.5l4 4"></path></svg>Headless CMS Platform</li><li class="css-1pt6vt1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
361ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layout-grid css-embuj9"><path d="M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path></svg>Visual page builder</li><li class="css-1pt6vt1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-trending-up css-embuj9"><path d="M3 17l6 -6l4 4l8 -8"></path><path d="M14 7l7 0l0 7"></path></svg>Optimization</li></ul><div><span class="product-explore-btn css-wh7h6b">EXPLORE<!-- --> <style data-emotion="css vrx8kk">.css-vrx8kk{color:var(--c-green-400);-webkit-transition:color 0.15s;transition:color 0.15s;}</style><span class="product-highlight css-vrx8kk">CONTENT</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></div></div></section><div class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css 1u2tt9m">.css-1u2tt9m{height:120px;border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css 1fplg3y">.css-1fplg3y{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;height:120px;border-top:1px solid var(--b-border-subtle);}</style><div class="css-1fplg3y"></div></div><section id="integrations" class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1fz04bs">.css-1fz04bs{display:grid;grid-template-columns:1fr 2fr;}@media (max-width: 768px){.css-1fz04bs{grid-template-columns:1fr;}}</style><div class="css-1fz04bs"><style data-emotion="css 1euwtox">.css-1euwtox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:var(--spacing-16) var(--spacing-10);}@media (max-width: 768px){.css-1euwtox{padding:var(--spacing-16) var(--spacing-10) var(--spacing-10);}}</style><div class="css-1euwtox"><style data-emotion="css lngfpy">.css-lngfpy{margin:0;font-size:var(--b-t-heading-4);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-lngfpy">Works with the stack your teams already use</h2></div><style data-emotion="css u5i3e6">.css-u5i3e6{display:grid;grid-template-columns:1fr 1fr;}@media (max-width: 480px){.css-u5i3e6{grid-template-columns:1fr;}}</style><div class="css-u5i3e6"><style data-emotion="css 19ya7vy">.css-19ya7vy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);}@media (min-width: 769px){.css-19ya7vy{border-left:1px solid var(--b-border-subtle);}}@media (max-width: 768px){.css-19ya7vy{border-top:1px solid var(--b-border-subtle);}}@media (max-width: 480px){.css-19ya7vy{border-left:none;border-top:1px solid var(--b-border-subtle);}}</style><div class="css-19ya7vy"><style data-emotion="css 1v3njuk">.css-1v3njuk{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-2);}</style><div class="css-1v3njuk"><style data-emotion="css vxcmzt">.css-vxcmzt{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}</style><span aria-label="React" title="React" class="css-vxcmzt"><style data-emotion="css skh8n3">.css-skh8n3{width:34px;height:34px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:7.555555555555555px;padding:1px;background:linear-gradient(140deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);-webkit-transition:background 0.2s ease;transition:background 0.2s ease;}</style><div class="nl-icon-border css-skh8n3"><style data-emotion="css p6c6sr">.css-p6c6sr{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
361-webkit-justify-content:center;justify-content:center;border-radius:6.611111111111111px;background:var(--b-bg-prominent);color:var(--b-text-primary);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#react-framework-icon-clip)"><path d="M17.9337 8.03444C17.9337 6.84902 16.4492 5.72561 14.1731 5.02894C14.6983 2.70913 14.465 0.863503 13.4363 0.272605C13.1991 0.134 12.9221 0.0683429 12.6193 0.0683429V0.88174C12.7871 0.88174 12.9221 0.914569 13.0351 0.976571C13.5311 1.26108 13.7463 2.34439 13.5785 3.73772C13.5384 4.08059 13.4729 4.44169 13.3925 4.81008C12.6776 4.63501 11.8971 4.50005 11.0764 4.41252C10.584 3.73772 10.0733 3.12494 9.55901 2.58877C10.7481 1.48357 11.8642 0.878086 12.6229 0.878086V0.0646973C11.6199 0.0646973 10.3068 0.779608 8.97911 2.01976C7.65136 0.7869 6.3383 0.0792886 5.33527 0.0792886V0.892677C6.09028 0.892677 7.21003 1.49452 8.39913 2.59241C7.88846 3.1286 7.3778 3.73772 6.89268 4.41252C6.06834 4.50005 5.28779 4.63501 4.57291 4.81373C4.48897 4.44899 4.427 4.09518 4.38319 3.75596C4.21183 2.36262 4.42332 1.27931 4.91579 0.991162C5.02516 0.925506 5.1674 0.896331 5.33527 0.896331V0.0829344C5.02884 0.0829344 4.7516 0.148591 4.51092 0.287197C3.48593 0.878086 3.25618 2.72007 3.78503 5.03258C1.5163 5.73291 0.0390625 6.8527 0.0390625 8.03444C0.0390625 9.21994 1.52359 10.3434 3.79962 11.04C3.27437 13.3599 3.50779 15.2054 4.53645 15.7963C4.77354 15.9349 5.0507 16.0006 5.35712 16.0006C6.36016 16.0006 7.67331 15.2856 9.00097 14.0456C10.3286 15.2784 11.6418 15.9861 12.6449 15.9861C12.9512 15.9861 13.2284 15.9204 13.4691 15.7818C14.494 15.1908 14.7239 13.3488 14.195 11.0364C16.4565 10.3397 17.9337 9.21627 17.9337 8.03444ZM13.1846 5.60159C13.0496 6.07215 12.8819 6.55719 12.6922 7.04233C12.5427 6.75058 12.3859 6.45876 12.2144 6.16692C12.0467 5.87515 11.8678 5.59065 11.6892 5.31344C12.2071 5.39004 12.7068 5.48488 13.1846 5.60159ZM11.514 9.48615C11.2295 9.97862 10.9378 10.4455 10.6351 10.8795C10.0915 10.9269 9.54082 10.9525 8.98636 10.9525C8.43557 10.9525 7.8848 10.9269 7.34502 10.8831C7.04226 10.4491 6.74677 9.98588 6.46228 9.49708C6.18505 9.01929 5.93343 8.53417 5.70359 8.04545C5.92976 7.55666 6.18505 7.06785 6.45869 6.59007C6.74318 6.09768 7.03493 5.63077 7.33768 5.19672C7.88121 5.1493 8.43191 5.12376 8.98636 5.12376C9.53715 5.12376 10.0879 5.1493 10.6277 5.19308C10.9305 5.62712 11.226 6.09034 11.5104 6.57913C11.7877 7.05692 12.0393 7.54205 12.2691 8.03086C12.0393 8.51957 11.7877 9.00837 11.514 9.48615ZM12.6922 9.01203C12.8837 9.48738 13.0517 9.97184 13.1955 10.4637C12.7178 10.5804 12.2144 10.6789 11.6929 10.7555C11.8715 10.4747 12.0502 10.1865 12.218 9.89102C12.3859 9.59927 12.5427 9.30378 12.6922 9.01203ZM8.99362 12.9039C8.65441 12.5537 8.31519 12.1634 7.97965 11.7367C8.30793 11.7512 8.64347 11.7623 8.9827 11.7623C9.32557 11.7623 9.66479 11.7549 9.99675 11.7367C9.68365 12.1435 9.34879 12.5332 8.99362 12.9039ZM6.27991 10.7555C5.76199 10.6789 5.26226 10.5841 4.78448 10.4673C4.91938 9.99682 5.08724 9.51168 5.27687 9.02656C5.42645 9.31838 5.58329 9.61021 5.75465 9.90195C5.92609 10.1938 6.10121 10.4783 6.27991 10.7555ZM8.97544 3.16507C9.31465 3.51522 9.65386 3.90551 9.9894 4.33226C9.66113 4.31767 9.32557 4.30673 8.98636 4.30673C8.64347 4.30673 8.30427 4.31402 7.97239 4.33226C8.28545 3.9254 8.6203 3.53577 8.97544 3.16507ZM6.27624 5.31344C6.09753 5.5943 5.91884 5.88244 5.75107 6.17786C5.58329 6.46968 5.42645 6.76151 5.27687 7.05325C5.08537 6.57792 4.9174 6.09345 4.77354 5.60159C5.25133 5.48852 5.75465 5.39004 6.27624 5.31344ZM2.97527 9.8801C1.68409 9.32931 0.848806 8.60717 0.848806 8.03444C0.848806 7.4618 1.68409 6.73598 2.97527 6.18887C3.28896 6.05388 3.63185 5.93352 3.98566 5.82044C4.19356 6.53534 4.46713 7.27942 4.80634 8.04178C4.47079 8.80047 4.20083 9.54087 3.99659 10.2522C3.63551 10.139 3.29264 10.0151 2.97527 9.8801ZM4.93765 15.0924C4.44159 14.8079 4.22635 13.7246 4.3942 12.3312C4.43433 11.9884 4.49991 11.6273 4.58017 11.2588C5.29514 11.434 6.07567 11.5689 6.89635 11.6564C7.38874 12.3312 7.89939 12.944 8.41372 13.4801C7.22464 14.5853 6.10847 15.1908 5.34978 15.1908C5.18567 15.1872 5.04711 15.1544 4.93765 15.0924ZM13.5895 12.3129C13.7609 13.7063 13.5494 14.7896 13.0569 15.0777C12.9476 15.1434 12.8053 15.1726 12.6374 15.1726C11.8824 15.1726 10.7627 14.5708 9.5736 13.4729C10.0843 12.9366 10.5949 12.3276 11.08 11.6528C11.9044 11.5653 12.6849 11.4303 13.3998 11.2515C13.4838 11.6199 13.5494 11.9738 13.5895 12.3129ZM14.9937 9.8801C14.6801 10.0151 14.3372 10.1355 13.9834 10.2485C13.7755 9.53362 13.502 8.78953 13.1627 8.02718C13.4984 7.2685 13.7683 6.52808 13.9725 5.81679C14.3336 5.92987 14.6764 6.05388 14.9975 6.18887C16.2886 6.73957 17.1239 7.4618 17.1239 8.03444C17.1202 8.60717 16.285 9.33299 14.9937 9.8801Z" fill="#61DAFB"></path><path d="M8.98327 9.70126C9.90394 9.70126 10.6502 8.95498 10.6502 8.03431C10.6502 7.11372 9.90394 6.36743 8.98327 6.36743C8.0627 6.36743 7.31641 7.11372 7.31641 8.03431C7.31641 8.95498 8.0627 9.70126 8.98327 9.70126Z" fill="#61DAFB"></path></g><defs><clipPath id="react-framework-icon-clip"><rect width="18" height="16.0875" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Next.js" title="Next.js" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="5 5 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="next-framework-icon-mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="24" height="24">
361<path d="M17 29C23.6274 29 29 23.6274 29 17C29 10.3726 23.6274 5 17 5C10.3726 5 5 10.3726 5 17C5 23.6274 10.3726 29 17 29Z" fill="black"></path></mask><g mask="url(#next-framework-icon-mask)"><path d="M24.9346 26.0027L14.2191 12.2H12.2002V21.796H13.8153V14.2512L23.6667 26.9793C24.1113 26.6819 24.5347 26.3553 24.9346 26.0027Z" fill="url(#next-framework-wordmark-gradient)"></path><path d="M21.9335 12.2001H20.3335V21.8001H21.9335V12.2001Z" fill="url(#next-framework-bar-gradient)"></path></g><defs><linearGradient id="next-framework-wordmark-gradient" x1="19.5335" y1="20.5333" x2="24.2669" y2="26.4" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient id="next-framework-bar-gradient" x1="21.1335" y1="12.2001" x2="21.1067" y2="19.2501" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs></svg></div></div></span><span aria-label="Vue" title="Vue" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#vue-framework-icon-clip)"><path d="M10.9968 0L8.93365 3.57344L6.87051 0H0L8.93365 15.4737L17.8673 0H10.9968Z" fill="#0FDFBA"></path><path d="M10.9956 0L8.93245 3.57344L6.86933 0H3.57227L8.93245 9.28402L14.2926 0H10.9956Z" fill="#34495E"></path></g><defs><clipPath id="vue-framework-icon-clip"><rect width="18" height="15.4737" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Svelte" title="Svelte" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><style data-emotion="css x5avbf">.css-x5avbf{display:block;width:18px;height:22px;object-fit:contain;}</style><img alt="" height="22" class="css-x5avbf" width="18" sizes="18px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&amp;width=18 18w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&amp;width=36 36w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&amp;width=18"/></div></div></span><span aria-label="Angular" title="Angular" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 3.98527L16.1998 12.2713L10.8598 1.40527L16.7578 3.98407V3.98527ZM13.0594 14.7001L9.02502 16.8757L4.99062 14.7001L5.81142 12.8209H12.2398L13.0606 14.7001H13.0594ZM9.02502 5.52967L11.1394 10.3861H6.90942L9.02382 5.52967H9.02502ZM1.84422 12.2701L1.29102 3.98527L7.19022 1.40527L1.84542 12.2713L1.84422 12.2701Z" fill="url(#angular-framework-main-gradient)"></path><path d="M16.7578 3.98527L16.1998 12.2713L10.8598 1.40527L16.7578 3.98407V3.98527ZM13.0594 14.7001L9.02502 16.8757L4.99062 14.7001L5.81142 12.8209H12.2398L13.0606 14.7001H13.0594ZM9.02502 5.52967L11.1394 10.3861H6.90942L9.02382 5.52967H9.02502ZM1.84422 12.2701L1.29102 3.98527L7.19022 1.40527L1.84542 12.2713L1.84422 12.2701Z" fill="url(#angular-framework-highlight-gradient)"></path><defs><linearGradient id="angular-framework-main-gradient" x1="2.92782" y1="11.269" x2="15.1474" y2="5.47721" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"></stop><stop offset="0.24" stop-color="#F60A48"></stop><stop offset="0.35" stop-color="#F20755"></stop><stop offset="0.49" stop-color="#DC087D"></stop><stop offset="0.74" stop-color="#9717E7"></stop><stop offset="1" stop-color="#6C00F5"></stop></linearGradient><linearGradient id="angular-framework-highlight-gradient" x1="4.56258" y1="2.4319" x2="12.4533" y2="11.4953" gradientUnits="userSpaceOnUse"><stop stop-color="#FF31D9"></stop><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></linearGradient></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><style data-emotion="css yv598l">.css-yv598l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-2);}</style><div class="css-yv598l"><style data-emotion="css 1wg7ucj">.css-1wg7ucj{margin:0;font-size:var(--b-t-heading-5);font-weight:500;letter-spacing:-0.01em;}</style><h3 class="css-1wg7ucj">Use your framework</h3><style data-emotion="css 1uzi15r">.css-1uzi15r{margin:0;font-size:var(--b-t-paragraph-2);color:var(--b-text-secondary);line-height:1.5;}</style><p class="css-1uzi15r">Ship real code in the frameworks your team uses, matching your existing patterns and architecture.</p></div></div><style data-emotion="css 1s40kt">.css-1s40kt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);}@media (min-width: 769px){.css-1s40kt{border-left:1px solid var(--b-border-subtle);}}@media (max-width: 768px){.css-1s40kt{border-top:1px solid var(--b-border-subtle);border-left:1px solid var(--b-border-subtle);}}@media (max-width: 480px){.css-1s40kt{border-left:none;border-top:1px solid var(--b-border-subtle);}}</style><div class="css-1s40kt"><div class="css-1v3njuk"><span aria-label="GitHub" title="GitHub" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><img alt="" height="18" width="18" sizes="18px" srcSet="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&amp;width=18 18w, https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&amp;width=36 36w" src="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&amp;width=18"/></div></div></span><span aria-label="GitLab" title="GitLab" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#gitlab-brand-clip)"><path d="M9.00543 16.599L12.3174 6.40576H5.69336L9.00543 16.599Z" fill="#E24329"></path><path d="M9.00641 16.599L5.69434 6.40576H1.05273L9.00641 16.599Z" fill="#FC6D26"></path><path d="M1.05174 6.40576L0.0452858 9.50345C0.000535766 9.64116 0.000529593 9.7895 0.0452681 9.92722C0.0900067 10.0649 0.177193 10.1849 0.294333 10.2701L9.00542 16.599L1.05167 6.40583L1.05174 6.40576Z" fill="#FCA326"></path><path d="M1.05273 6.40579H5.69434L3.69965 0.26645C3.59699 -0.0494639 3.15009 -0.0493936 3.0475 0.26645L1.05273 6.40579Z" fill="#E24329"></path><path d="M9.00593 16.599L12.3179 6.40576H16.9596L9.00593 16.599Z" fill="#FC6D26"></path><path d="M16.9595 6.40576L17.966 9.50345C18.0107 9.64117 18.0107 9.78952 17.9
36166 9.92723C17.9212 10.0649 17.834 10.185 17.7169 10.2701L9.00586 16.599L16.9595 6.40583V6.40576Z" fill="#FCA326"></path><path d="M16.9581 6.40579H12.3164L14.3112 0.26645C14.4138 -0.0494639 14.8607 -0.0493936 14.9633 0.26645L16.9581 6.40579Z" fill="#E24329"></path></g><defs><clipPath id="gitlab-brand-clip"><rect width="18" height="16.596" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Bitbucket" title="Bitbucket" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="16" viewBox="8 9 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="bitbucket-brand-mask" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="9" width="18" height="16"><path d="M26 9.17145H8V24.8283H26V9.17145Z" fill="white"></path></mask><g mask="url(#bitbucket-brand-mask)"><path d="M8.57322 9.21625C8.22872 9.21625 7.94163 9.52164 7.99905 9.8548L10.4393 24.1528C10.4967 24.5136 10.8125 24.7913 11.2144 24.7913H22.8988C23.1859 24.7913 23.4155 24.5969 23.4729 24.3193L25.9133 9.8548C25.9707 9.52164 25.7123 9.21625 25.3391 9.21625H8.57322ZM18.8509 19.5441H15.1188L14.114 14.4357H19.7696L18.8509 19.5441Z" fill="#2684FF"></path><path d="M25.1367 14.4359H19.7395L18.8496 19.5443H15.1174L10.6963 24.5971C10.6963 24.5971 10.8972 24.7914 11.213 24.7914H22.8974C23.1845 24.7914 23.4142 24.5971 23.4716 24.3195L25.1367 14.4359Z" fill="url(#bitbucket-brand-gradient)"></path></g><defs><linearGradient id="bitbucket-brand-gradient" x1="26.3744" y1="15.8709" x2="17.6966" y2="22.8755" gradientUnits="userSpaceOnUse"><stop offset="0.176" stop-color="#0052CC"></stop><stop offset="1" stop-color="#2684FF"></stop></linearGradient></defs></svg></div></div></span><span aria-label="Azure DevOps" title="Azure DevOps" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.25022 1.22699H11.1323L6.06422 16.2433C6.01213 16.3976 5.91296 16.5317 5.78067 16.6267C5.64838 16.7217 5.48964 16.7728 5.32678 16.7728H1.52728C1.40389 16.7728 1.28226 16.7435 1.17247 16.6871C1.06268 16.6308 0.967878 16.5492 0.895905 16.4489C0.823931 16.3487 0.776857 16.2328 0.758577 16.1108C0.740296 15.9887 0.751334 15.8641 0.790778 15.7472L5.51259 1.75649C5.56466 1.60213 5.66384 1.46798 5.79617 1.37296C5.9285 1.27793 6.0873 1.227 6.25022 1.22699Z" fill="url(#azure-devops-grad-a)"></path><path d="M13.3467 11.2988H5.6048C5.53283 11.2987 5.4625 11.3203 5.40297 11.3608C5.34345 11.4013 5.29749 11.4587 5.27108 11.5257C5.24467 11.5926 5.23904 11.666 5.25492 11.7362C5.27081 11.8064 5.30746 11.8702 5.36012 11.9193L10.3349 16.5625C10.4797 16.6976 10.6704 16.7727 10.8685 16.7727H15.2522L13.3467 11.2988Z" fill="#0078D4"></path><path d="M6.25118 1.22706C6.08648 1.22642 5.92591 1.27847 5.7929 1.37559C5.65989 1.4727 5.56141 1.60981 5.51186 1.76687L0.797551 15.7345C0.755453 15.8518 0.742237 15.9776 0.75902 16.1011C0.775802 16.2247 0.822091 16.3423 0.893969 16.4442C0.965846 16.546 1.0612 16.6291 1.17196 16.6863C1.28272 16.7435 1.40564 16.7732 1.5303 16.7729H5.42786C5.57303 16.7469 5.7087 16.6829 5.82103 16.5874C5.93336 16.4919 6.01833 16.3682 6.06724 16.2291L7.00736 13.4584L10.3655 16.5906C10.5062 16.707 10.6827 16.7714 10.8654 16.7729H15.2328L13.3173 11.299L7.73336 11.3003L11.1509 1.22706H6.25118Z" fill="url(#azure-devops-grad-b)"></path><path d="M12.4862 1.75568C12.4342 1.60156 12.3351 1.46764 12.203 1.37278C12.0709 1.27792 11.9123 1.22691 11.7497 1.22693H6.30859C6.47124 1.22694 6.62979 1.27796 6.76191 1.37282C6.89403 1.46767 6.99308 1.60158 7.04509 1.75568L11.7671 15.7469C11.8066 15.8639 11.8176 15.9885 11.7994 16.1106C11.7811 16.2327 11.734 16.3486 11.6621 16.4489C11.5901 16.5491 11.4953 16.6308 11.3855 16.6872C11.2757 16.7435 11.154 16.7729 11.0306 16.7729H16.4718C16.5953 16.7729 16.7169 16.7435 16.8267 16.6871C16.9364 16.6307 17.0312 16.5491 17.1032 16.4488C17.1751 16.3485 17.2222 16.2326 17.2404 16.1105C17.2587 15.9885 17.2476 15.8639 17.2082 15.7469L12.4862 1.75568Z" fill="url(#azure-devops-grad-c)"></path><defs><linearGradient id="azure-devops-grad-a" x1="8.02959" y1="2.37899" x2="2.9594" y2="17.3576" gradientUnits="userSpaceOnUse"><stop stop-color="#114A8B"></stop><stop offset="1" stop-color="#0669BC"></stop></linearGradient><linearGradient id="azure-devops-grad-b" x1="9.61436" y1="9.35949" x2="8.44155" y2="9.75606" gradientUnits="userSpaceOnUse"><stop stop-opacity="0.3"></stop><stop offset="0.071" stop-opacity="0.2"></stop><stop offset="0.321" stop-opacity="0.1"></stop><stop offset="0.623" stop-opacity="0.05"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient id="azure-devops-grad-c" x1="8.96866" y1="1.94205" x2="14.5342" y2="16.7697" gradientUnits="userSpaceOnUse"><stop stop-color="#3CCBF4"></stop><stop offset="1" stop-color="#2892DF"></stop></linearGradient></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-1wg7ucj">Keep your Git workflow</h3><p class="css-1uzi15r">Ship every change through the same review process your engineering team already trusts.</p></div></div><style data-emotion="css 1ieyc7m">.css-1ieyc7m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);border-top:1px solid var(--b-border-subtle);}@media (min-width: 769px){.css-1ieyc7m{border-left:1px solid var(--b-border-subtle);}}@media (max-width: 480px){.css-1ieyc7m{border-left:none;border-top:1px solid var(--b-border-subtle);}}</style><div class="css-1ieyc7m"><div class="css-1v3njuk"><span aria-label="Builder.io" title="Builder.io" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 8 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9997 8.00096C12.0814 8.00096 8.07192 11.9638 8.00095 16.8622C7.9289 21.837 11.9679 25.9593 16.9468 25.9881C18.4843 25.9971 19.9652 25.6212 21.2805 24.907C21.4087 24.8375 21.4285 24.6611 21.3194 24.5646L20.4771 23.8187C20.306 23.6672 20.0625 23.6243 19.8518 23.7136C18.9339 24.1038 17.9364 24.3033 16.9082 24.2907C12.8851 24.2414 9.63464 20.8963 9.69876 16.8763C9.76216 12.907 13.013 9.69761 16.9997 9.69761H24.3015V22.6671L20.1587 18.9887C20.0247 18.8695 19.8194 18.8929 19.7113 19.0359C19.0463 19.9157 17.963 20.4629 16.7598 20.3801C15.0908 20.2649 13.7385 18.9221 13.6135 17.255C13.464 15.2664 15.0411 13.6003 16.9997 13.6003C18.7714 13.6003 20.2304 14.9629 20.3828 16.6945C20.3965 16.8485 20.466 16.9922 20.5816 17.0948L21.6605 18.0506C21.783 18.1589 21.9772 18.0927 22.0075 17.9318C22.0853 17.516 22.1126 17.0829 22.082 16.6387C21.9084 14.1065 19.8557 12.0693 17.3207 11.9134C14.4143 11.7345 11.9845 14.0064 11.9074 16.8543C11.8321 19.6298 14.1077 22.0224 16.8856 22.0836C18.0452 22.1091 19.1201 21.7448 19.9887 21.1134L25.4016 25.9085C25.6336 26.1141 26 25.9495 26 25.6396V8.34152C26 8.15288 25.8473 8.00024 25.6585 8.00024H16.9997V8.00096Z" fill="#003DFF"></path></svg></div></div></span><span aria-label="Shopify" title="Shopify" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="21" viewBox="8 6 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7552 10.706C23.7406 10.603 23.6525 10.5441 23.5792 10.5441C23.5058 10.5441 22.0535 10.5146 22.0535 10.5146C22.0535 10.5146 20.836 9.33659 20.7186 9.20406C20.6012 9.08626 20.3665 9.11571 20.2785 9.14516C20.2785 9.14516 20.0438 9.21879 19.6624 9.33659C19.6037 9.13044 19.501 8.88011 19.369 8.61505C18.9436 7.79043 18.2981 7.34867 17.5353 7.34867C17.4766 7.34867 17.4326 7.34867 17.3739 7.3634C17.3446 7.33395 17.3299 7.3045 17.3006 7.28977C16.9632 6.93636 16.5377 6.75966 16.0243 6.77291C15.0414 6.80236 14.0586 7.5239 13.2517 8.79028C12.6943 9.68853 12.2689 10.8077 12.1368 11.6764C11.0073 12.0299 10.2151 12.2802 10.1858 12.2802C9.61366 12.4569 9.59899 12.4716 9.52565 13.0165C9.49631 13.4288 8 25.047 8 25.047L20.5572 27.2264L25.9997 25.8717C25.985 25.8717 23.7699 10.8077 23.7552 10.7046V10.706ZM19.0316 9.54275C18.7382 9.6311 18.4155 9.73417 18.0634 9.85198C18.0634 9.35132 17.99 8.6445 17.77 8.05549C18.5181 8.17329 18.8849 9.02736 19.0316 9.54275ZM17.4033 10.0434C16.7431 10.2496 16.0243 10.4704 15.3055 10.6913C15.5109 9.91088 15.8923 9.14516 16.3617 8.62977C16.5377 8.43835 16.7871 8.23219 17.0659 8.11439C17.3592 8.68868 17.4179 9.49857 17.4033 10.0434ZM16.0536 7.43702C16.2884 7.43702 16.4791 7.4812 16.6404 7.599C16.3764 7.73153 16.1123 7.93768 15.8776 8.20274C15.2468 8.88011 14.7627 9.9256 14.572 10.9417C13.9706 11.133
3611 13.3838 11.3098 12.8557 11.4718C13.2077 9.8667 14.5427 7.4812 16.0536 7.43702Z" fill="#95BF47"></path><path d="M23.5796 10.544C23.5062 10.544 22.0539 10.5146 22.0539 10.5146C22.0539 10.5146 20.8363 9.33653 20.719 9.204C20.675 9.15982 20.6163 9.13037 20.5576 9.13037V27.2278L26.0001 25.8731C26.0001 25.8731 23.7849 10.8091 23.7703 10.706C23.7409 10.6029 23.6529 10.544 23.5796 10.544Z" fill="#5E8E3E"></path><path d="M17.5363 13.3566L16.9055 15.7273C16.9055 15.7273 16.2014 15.4034 15.3652 15.4623C14.1329 15.5359 14.1329 16.3164 14.1329 16.5078C14.2063 17.568 16.9789 17.8036 17.1402 20.2922C17.2576 22.2507 16.1133 23.5907 14.441 23.6937C12.4459 23.7968 11.3457 22.6188 11.3457 22.6188L11.7711 20.8076C11.7711 20.8076 12.886 21.6469 13.7662 21.588C14.3383 21.5586 14.5584 21.0726 14.529 20.7487C14.441 19.3645 12.1819 19.4528 12.0352 17.1704C11.9178 15.2561 13.1647 13.3271 15.9226 13.1504C16.9935 13.0768 17.5363 13.3566 17.5363 13.3566Z" fill="white"></path></svg></div></div></span><span aria-label="Lokalise" title="Lokalise" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#lokalise-icon-clip)"><path d="M13.9925 9.89648H11.5177H9.87499H9.46965L6.9949 12.3686L4.52282 9.89648H4.11747H2.47475H0V12.3686H3.49878L5.24817 14.118L6.9949 15.8673L8.74429 14.118L10.4937 12.3686H13.9925V9.89648Z" fill="white"></path><path d="M13.9925 4.94971H0V7.42446H13.9925V4.94971Z" fill="white"></path><path d="M13.9925 0.00280762H0V2.47756H13.9925V0.00280762Z" fill="white"></path></g><defs><clipPath id="lokalise-icon-clip"><rect width="14.0005" height="15.8672" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Smartling" title="Smartling" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 17.122" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#smartling-icon-clip)"><mask id="smartling-icon-mask" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="17"><path d="M17.9999 0.113159H0.39502V16.9717H17.9999V0.113159Z" fill="white"></path></mask><g mask="url(#smartling-icon-mask)"><path d="M7.49017 10.9165C7.96582 10.9165 8.35139 10.5407 8.35139 10.0773C8.35139 9.61377 7.96582 9.23804 7.49017 9.23804C7.01451 9.23804 6.62891 9.61377 6.62891 10.0773C6.62891 10.5407 7.01451 10.9165 7.49017 10.9165Z" fill="#F26C5D"></path><path d="M16.1556 14.7431C16.0621 14.7429 15.9703 14.7196 15.8887 14.6752C15.8071 14.6309 15.7385 14.5669 15.6893 14.4895C15.6401 14.4121 15.6121 14.3237 15.6077 14.2328C15.6034 14.1418 15.623 14.0513 15.6646 13.9698C17.4033 10.565 16.7164 6.46923 13.9546 3.77804C11.1822 1.07679 6.96785 0.412645 3.46709 2.12547C3.337 2.18913 3.18628 2.19982 3.0481 2.1552C2.90991 2.11057 2.79558 2.01428 2.73025 1.88751C2.66492 1.76075 2.65395 1.61388 2.69974 1.47923C2.74554 1.34457 2.84436 1.23317 2.97445 1.16951C6.89898 -0.750594 11.6233 -0.00629034 14.7308 3.02125C17.8268 6.038 18.597 10.6292 16.6475 14.446C16.602 14.5353 16.5319 14.6104 16.445 14.6628C16.3581 14.7153 16.2578 14.7431 16.1556 14.7431Z" fill="#F26C5D"></path><path d="M7.49183 13.1283C5.75899 13.1283 4.34912 11.7543 4.34912 10.0661C4.34912 8.37775 5.75916 7.00378 7.49183 7.00378C9.2245 7.00378 10.6344 8.37775 10.6344 10.0661C10.6344 11.7543 9.22461 13.1283 7.49183 13.1283ZM7.49183 8.07353C6.36424 8.07353 5.44731 8.96738 5.44731 10.0661C5.44731 11.1647 6.36424 12.0586 7.49208 12.0586C8.61992 12.0586 9.53677 11.1651 9.53677 10.0661C9.53677 8.96703 8.61925 8.07353 7.49183 8.07353Z" fill="#F26C5D"></path><path d="M7.49159 15.4276C6.93459 15.4281 6.38075 15.3461 5.84904 15.1845C5.77911 15.1637 5.7141 15.1297 5.65773 15.0842C5.60136 15.0389 5.55476 14.9831 5.52062 14.92C5.48648 14.857 5.46548 14.7881 5.4588 14.7171C5.45213 14.6462 5.45993 14.5747 5.48174 14.5066C5.50355 14.4386 5.53895 14.3755 5.58591 14.3209C5.63287 14.2663 5.69043 14.2213 5.75534 14.1884C5.82021 14.1555 5.89112 14.1356 5.964 14.1295C6.03684 14.1235 6.11021 14.1316 6.17982 14.1533C6.60448 14.2822 7.04677 14.3476 7.49159 14.3471C9.91441 14.3471 11.8856 12.4264 11.8856 10.0655C11.8856 7.70463 9.91441 5.78384 7.49159 5.78384C5.06877 5.78384 3.09718 7.70456 3.09718 10.0659C3.09677 10.5002 3.16409 10.9319 3.29683 11.3464C3.33949 11.4828 3.32508 11.6301 3.25675 11.7562C3.18841 11.8823 3.0717 11.9769 2.93204 12.0195C2.79238 12.0621 2.64112 12.0491 2.51122 11.9835C2.38133 11.9178 2.28334 11.8048 2.23863 11.669C2.07225 11.1501 1.98784 10.6096 1.98828 10.0659C1.98828 7.1092 4.45695 4.70374 7.49124 4.70374C10.5255 4.70374 12.9939 7.1092 12.9939 10.0659C12.9939 13.0227 10.5258 15.4276 7.49159 15.4276Z" fill="#F26C5D"></path><path d="M10.8407 16.9717C10.7163 16.9717 10.5956 16.931 10.4978 16.8561C10.4 16.7812 10.3309 16.6764 10.3016 16.5585C10.2723 16.4407 10.2846 16.3167 10.3363 16.2065C10.3881 16.0963 10.4764 16.0062 10.5871 15.9508C12.8628 14.8117 14.2765 12.5566 14.2765 10.0657C14.2765 6.42 11.2327 3.45391 7.49141 3.45391C4.92716 3.45391 2.60978 4.83765 1.44336 7.06502
361C1.41028 7.1282 1.36474 7.18443 1.30935 7.23051C1.25396 7.27656 1.18981 7.31154 1.12055 7.33342C1.05129 7.3553 0.97829 7.36369 0.905703 7.35811C0.83312 7.35249 0.762381 7.33303 0.697521 7.30079C0.632661 7.26855 0.574954 7.22415 0.527693 7.17021C0.480432 7.11622 0.444543 7.05371 0.422076 6.98624C0.399609 6.91873 0.391003 6.84761 0.396749 6.77688C0.402496 6.70614 0.422483 6.6372 0.455568 6.57401C1.81247 3.98303 4.5084 2.37354 7.49141 2.37354C11.844 2.37354 15.3853 5.82412 15.3853 10.0657C15.3853 12.9636 13.7409 15.5868 11.0936 16.9119C11.0154 16.9512 10.9287 16.9717 10.8407 16.9717Z" fill="#F26C5D"></path></g></g><defs><clipPath id="smartling-icon-clip"><rect width="18" height="17.122" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Cloudinary" title="Cloudinary" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 11 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.6005 15.2877C21.8103 12.7873 19.5126 11.0833 16.9078 11.0638C14.7205 11.0518 12.7046 12.2584 11.6699 14.1998C9.24847 14.6371 7.63669 16.9707 8.07057 19.411C8.32702 20.8565 9.27084 22.0842 10.5949 22.6988L10.7067 22.7499H10.7141V21.4726C9.15006 20.5049 8.65952 18.4418 9.61973 16.8655C10.158 15.9805 11.075 15.3974 12.0993 15.2877L12.4124 15.2547L12.5496 14.9707C13.3443 13.2727 15.044 12.1923 16.9078 12.2013C19.1458 12.2178 21.0856 13.7656 21.6119 15.9579L21.7193 16.3877H22.1666C23.6666 16.4192 24.8668 17.6499 24.8728 19.1616C24.8728 20.2209 24.266 21.0879 23.2327 21.5267V22.7378L23.3072 22.7138C24.9682 22.1653 26 20.8039 26 19.1616C25.9866 17.1961 24.5343 15.5417 22.6005 15.2877Z" fill="#3448C5"></path><path d="M14.7218 22.6027L14.9693 22.8522C14.9887 22.8717 14.9872 22.9033 14.9693 22.9228C14.9603 22.9318 14.9484 22.9363 14.9365 22.9363H12.9833C12.4897 22.9363 12.0886 22.5321 12.0886 22.0347V18.212C12.0886 18.185 12.0663 18.1624 12.0394 18.1624H11.622C11.5951 18.1624 11.5728 18.1414 11.5728 18.1129C11.5728 18.0993 11.5772 18.0873 11.5862 18.0783L13.2442 16.4074C13.2636 16.3878 13.2949 16.3878 13.3143 16.4074L14.9708 18.0783C14.9902 18.0978 14.9887 18.1294 14.9708 18.1489C14.9618 18.1579 14.9499 18.1624 14.938 18.1624H14.5145C14.4877 18.1624 14.4653 18.185 14.4638 18.212V21.9686C14.4638 22.2061 14.5578 22.4345 14.7248 22.6027H14.7218Z" fill="#3448C5"></path><path d="M18.3859 22.6025L18.6349 22.8519C18.6543 22.8714 18.6528 22.903 18.6349 22.9225C18.6259 22.9315 18.6125 22.936 18.6006 22.936H16.6518C16.1583 22.936 15.7572 22.5318 15.7572 22.0345V19.1779C15.7572 19.1509 15.7349 19.1283 15.708 19.1268H15.2861C15.2592 19.1268 15.2369 19.1043 15.2384 19.0758C15.2384 19.0637 15.2443 19.0517 15.2518 19.0427L16.9083 17.3748C16.9277 17.3552 16.959 17.3552 16.9784 17.3748L18.6364 19.0397C18.6558 19.0592 18.6543 19.0908 18.6364 19.1103C18.6274 19.1193 18.614 19.1238 18.6021 19.1238H18.1786C18.1518 19.1238 18.1294 19.1479 18.1294 19.1749V21.9683C18.1294 22.2058 18.2234 22.4342 18.3889 22.6025H18.3859Z" fill="#3448C5"></path><path d="M22.0504 22.6027L22.2979 22.8521C22.3173 22.8716 22.3158 22.9032 22.2979 22.9227C22.289 22.9317 22.277 22.9363 22.2651 22.9363H20.3104C19.8169 22.9363 19.4158 22.532 19.4158 22.0347V20.1368C19.4158 20.1098 19.3934 20.0872 19.3666 20.0872H18.9491C18.9223 20.0872 18.8999 20.0662 18.8999 20.0377C18.8999 20.0241 18.9059 20.0106 18.9148 20.0016L20.5728 18.3322C20.5907 18.3126 20.622 18.3126 20.6399 18.3322L22.2979 20.0031C22.3173 20.0226 22.3188 20.0527 22.2994 20.0737C22.2905 20.0842 22.277 20.0887 22.2636 20.0887H21.8387C21.8119 20.0887 21.7895 20.1113 21.7895 20.1383V21.9701C21.7895 22.2075 21.8834 22.4359 22.0504 22.6042V22.6027Z" fill="#3448C5"></path></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-1wg7ucj">Connect content and commerce</h3><p class="css-1uzi15r">Connect to the commerce, search, asset management, and localization tools your teams already run on.</p></div></div><style data-emotion="css mfj7ei">.css-mfj7ei{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);border-top:1px solid var(--b-border-subtle);}@media (min-width: 769px){.css-mfj7ei{border-left:1px solid var(--b-border-subtle);}}@media (max-width: 768px){.css-mfj7ei{border-left:1px solid var(--b-border-subtle);}}@media (max-width: 480px){.css-mfj7ei{border-left:none;border-top:1px solid var(--b-border-subtle);}}</style><div class="css-mfj7ei"><div class="css-1v3njuk"><span aria-label="Supabase" title="Supabase" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#supabase-icon-clip)"><path d="M10.5215 18.2119C10.0493 18.8066 9.09182 18.4807 9.08044 17.7214L8.91406 6.61572H16.3815C17.7341 6.61572 18.4884 8.17794 17.6474 9.23723L10.5215 18.2119Z" fill="url(#supabase-icon-grad-a)"></path><path d="M10.5215 18.2119C10.0493 18.8066 9.09182 18.4807 9.08044 17.7214L8.91406 6.61572H16.3815C17.7341 6.61572 18.4884 8.17794 17.6474 9.23723L10.5215 18.2119Z" fill="url(#supabase-icon-grad-b)" fill-opacity="0.2"></path><path d="M7.48533 0.341799C7.95754 -0.252928 8.91501 0.0729396 8.92639 0.832253L8.99929 11.938H1.62528C0.272676 11.938 -0.481694 10.3757 0.359393 9.31645L
3617.48533 0.341799Z" fill="#3ECF8E"></path></g><defs><linearGradient id="supabase-icon-grad-a" x1="8.91406" y1="9.07814" x2="15.5509" y2="11.8616" gradientUnits="userSpaceOnUse"><stop stop-color="#249361"></stop><stop offset="1" stop-color="#3ECF8E"></stop></linearGradient><linearGradient id="supabase-icon-grad-b" x1="5.97164" y1="5.04944" x2="8.99838" y2="10.7471" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><clipPath id="supabase-icon-clip"><rect width="18" height="18.6606" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Vercel" title="Vercel" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 8 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3245 10.9479C10.2294 11.0525 10.2357 11.2129 10.3356 11.3128L22.6872 23.6644C22.7871 23.7643 22.9475 23.7706 23.0521 23.6755C24.8632 22.0275 26 19.6514 26 17.0098C26 12.0338 21.9662 8 16.9902 8C14.3486 8 11.9725 9.13683 10.3245 10.9479ZM8.78073 13.292C8.73508 13.3927 8.7581 13.5107 8.83623 13.5888L20.4112 25.1638C20.4893 25.2419 20.6073 25.2649 20.708 25.2193C20.9754 25.098 21.2358 24.964 21.4884 24.8181C21.6386 24.7314 21.6616 24.5265 21.539 24.4039L9.59609 12.461C9.47347 12.3384 9.26856 12.3614 9.18185 12.5116C9.03598 12.7642 8.90201 13.0246 8.78073 13.292ZM8.07851 16.6065C8.02431 16.5523 7.99548 16.4776 8.00058 16.4011C8.02447 16.0429 8.0693 15.6905 8.13384 15.345C8.17254 15.1378 8.42568 15.0659 8.5747 15.215L18.785 25.4253C18.9341 25.5743 18.8622 25.8275 18.655 25.8662C18.3095 25.9307 17.9571 25.9755 17.5989 25.9994C17.5224 26.0045 17.4477 25.9757 17.3935 25.9215L8.07851 16.6065ZM8.70509 19.1207C8.51907 18.9347 8.21886 19.095 8.28699 19.3491C9.11704 22.445 11.555 24.883 14.6509 25.713C14.905 25.7811 15.0653 25.4809 14.8793 25.2949L8.70509 19.1207Z" fill="white"></path></svg></div></div></span><span aria-label="Neon" title="Neon" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="9 8 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5024 20.5443C13.5543 19.6473 12.9854 18.412 12.9854 17.0002C12.9854 15.5885 13.5397 14.3532 14.4441 13.4562C15.2318 12.6621 15.2318 11.4268 14.4441 10.6327C13.6564 9.83858 12.4311 9.83858 11.6434 10.6327C10.0827 12.265 9.07617 14.515 9.07617 17.0002C9.07617 19.4855 10.0827 21.7355 11.7018 23.3678C12.4895 24.1619 13.7148 24.1619 14.5024 23.3678C15.2172 22.5737 15.2172 21.3384 14.5024 20.5443Z" fill="#FFD85F"></path><path d="M14.5018 13.4558C15.3916 12.4999 16.6314 11.9411 18.0172 11.9411C19.4029 11.9411 20.6428 12.4999 21.5326 13.4117C22.3203 14.2058 23.5456 14.2058 24.3333 13.4117C25.1209 12.6176 25.1209 11.3823 24.3333 10.5882C22.7141 9.01469 20.4823 8 18.0172 8C15.552 8 13.3202 9.01469 11.7011 10.647C10.9134 11.4411 10.9134 12.6764 11.7011 13.4705C12.4888 14.1764 13.7141 14.1764 14.5018 13.4558Z" fill="#3BB4E7"></path><path d="M21.5326 20.5441C20.6428 21.5 19.4029 22.0588 18.0172 22.0588C16.6314 22.0588 15.3916 21.5 14.5018 20.5883C13.7141 19.7941 12.4888 19.7941 11.7011 20.5883C10.9134 21.3824 10.9134 22.6176 11.7011 23.4118C13.3202 24.9853 15.552 26 18.0172 26C20.4823 26 22.7141 24.9853 24.3333 23.3529C25.1209 22.5588 25.1209 21.3235 24.3333 20.5294C23.5456 19.8236 22.3203 19.8236 21.5326 20.5441Z" fill="#ED5C68"></path><path d="M13.1021 14.0145C14.1816 14.0145 15.0567 13.1322 15.0567 12.0439C15.0567 10.9556 14.1816 10.0734 13.1021 10.0734C12.0226 10.0734 11.1475 10.9556 11.1475 12.0439C11.1475 13.1322 12.0226 14.0145 13.1021 14.0145Z" fill="#308BC5"></path><path d="M13.1021 23.9264C14.1816 23.9264 15.0567 23.0442 15.0567 21.9559C15.0567 20.8676 14.1816 19.9854 13.1021 19.9854C12.0226 19.9854 11.1475 20.8676 11.1475 21.9559C11.1475 23.0442 12.0226 23.9264 13.1021 23.9264Z" fill="#D5465F"></path></svg></div></div></span><span aria-label="Make" title="Make" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="15" viewBox="8 10 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.4953 19.3205L24.8248 18.195L21.5841 20.1014L25.1835 15.6755L25.7275 15.3672L25.6067 15.1559L25.8405 14.8679L25.0998 14.2724L25.0041 14.1059L24.9384 14.1428L24.7042 13.9551L24.2209 14.5493L13.7015 20.5103L17.5715 16.0172L24.7983 12.1929L24.1116 10.9111L20.1756 12.9939L22.1131 10.7446L21.0027 9.80005L16.6407 14.8643L12.3081 17.1578L15.6252 12.9239L17.7034 11.8799L17.0436 10.5842L10.9873 13.6277L12.6395 11.5181L11.4864 10.6262L8 15.0801L8.05445 15.122L8.70582 16.4022L12.5697 14.4598L9.04805 18.9546L9.62405 19.401L9.9674 20.0416L14.0372 17.8879L9.55632 23.0901L10.6662 24.0347L10.8894 23.7755L21.698 17.6505L18.1093 22.063L18.1677 22.11L18.1621 22.1138L18.9062 23.3633L23.6789 20.5559L21.842 23.4193L23.0739 24.2L26 19.6406L25.4953 19.3205Z" fill="white"></path></svg></div></div></span><span aria-label="Netlify" title="Netlify" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#netlify-icon-clip)"><path d="M8.40137 14.907V11.1156L8.47317 11.0438H9.42101L9.49282 11.1156V14.907L9.42101 14.9788H8.47317L8.40137 14.907Z" fill="#05BDBA"></path><path d="M8.40137 3.86317V0.0718062L8.47317 0H9.42101L9.49282 0.0718062V3.86317L9.42101 3.93498H8.47317L8.40137 3.86317Z" fill="#05BDBA"></path><path d="M5.14074 12.2358H5.01149L4.36523 11.5896V11.4603L5.58594 10.2396H6.27528L6.36145 10.3258V11.0151L5.14074 12.2358Z" fill="#05BDBA"></path><path d="M4.36523 3.54724V3.41798L5.01149 2.77173H5.14074L6.36145 3.99243V4.68177L6.27528 4.76794H5.58594L4.36523 3.54724Z" fill="#05BDBA"></path><path d="M0.0718062 6.93652H5.42855L5.50036 7.00833V7.95617L5.44291 8.04234H0.0718062L0 7.95617V7.00833L0.0718062 6.93652Z" fill="#05BDBA"></path><path d="M17.9136 6.93652L17.9854 7.00833V7.95617L17.9136 8.02798H12.4707L12.3989 7.95617L12.7867 7.00833L12.8585 6.93652H17.9136Z" fill="#05BDBA"></path><path d="M10.7279 9.46403H9.78008L9.70827 9.39223V7.16623C9.70827 6.77848 9.5503 6.46253 9.07638 6.46253C8.83224 6.46253 8.54501 6.46253 8.25779 6.47689L8.2147 6.51998V9.39223L8.1429 9.46403H7.18069L7.10889 9.39223V5.60086L7.18069 5.52905H9.30616C10.1391 5.52905 10.7997 6.20403 
36110.7997 7.02262V9.39223L10.7279 9.46403Z" fill="white"></path></g><defs><clipPath id="netlify-icon-clip"><rect width="18" height="14.984" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-1wg7ucj">Extend with MCP connectors</h3><p class="css-1uzi15r">Connect Builder to the other tools, data sources, and shared workflows your team depends on.</p></div></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1w5hl0u">.css-1w5hl0u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:var(--spacing-30) var(--spacing-10) var(--spacing-8);gap:var(--spacing-6);}</style><div class="css-1w5hl0u"><div><p class="css-xyw17r">Customer Stories</p><style data-emotion="css 17sjyku">.css-17sjyku{margin:var(--spacing-3) 0 0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-17sjyku">Built for teams shipping at scale</h2></div><style data-emotion="css 14z25ji">.css-14z25ji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--spacing-2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><div class="css-14z25ji"><style data-emotion="css 1vds2nx">.css-1vds2nx{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border:1px solid var(--b-action-secondary-border);outline:none;-webkit-transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;border-radius:var(--b-radius);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px;width:38px;height:38px;background:var(--b-action-secondary-bg);color:var(--b-action-secondary-text);}.css-1vds2nx:hover{background:var(--b-action-secondary-hover);border-color:var(--c-neutral-500);}.css-1vds2nx:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" class="css-1vds2nx" aria-label="Previous story"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-left "><path d="M15 6l-6 6l6 6"></path></svg></button><button type="button" class="css-1vds2nx" aria-label="Next story"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right "><path d="M9 6l6 6l-6 6"></path></svg></button></div></div></div><style data-emotion="css a6xx6b">.css-a6xx6b{overflow:hidden;border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css gnbf2i">
361.css-gnbf2i{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;border-top:1px solid var(--b-border-subtle);}</style><div class="css-gnbf2i"><div class="css-lgj0h8"><style data-emotion="css fxbzv9">.css-fxbzv9{grid-area:1/1;display:grid;grid-template-columns:2fr 1fr;pointer-events:auto;background:var(--b-bg-page);}@media (max-width: 768px){.css-fxbzv9{grid-template-columns:1fr;}}</style><div aria-hidden="false" class="css-fxbzv9" style="transform:none"><style data-emotion="css 1l3eu2n">.css-1l3eu2n{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--b-border-subtle);border-right:none;min-height:420px;}@media (max-width: 768px){.css-1l3eu2n{grid-template-columns:1fr;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);min-height:auto;}}</style><div class="css-1l3eu2n"><style data-emotion="css 1ul7oy9">.css-1ul7oy9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;padding:var(--spacing-10);box-sizing:border-box;}</style><div class="css-1ul7oy9"><style data-emotion="css 1kqrg7v">.css-1kqrg7v{margin:0 0 var(--spacing-6);font-size:clamp(22px, 2.4vw, 32px);font-weight:500;line-height:1.15;letter-spacing:-0.02em;}</style><h3 class="css-1kqrg7v">20% <!-- -->increased development capacity</h3><style data-emotion="css 1g07e5">.css-1g07e5{margin:0 0 var(--spacing-6);font-size:var(--b-t-paragraph-2);color:var(--b-text-secondary);-webkit-flex:1;-ms-flex:1;flex:1;}</style><p class="css-1g07e5">&quot;Thanks to Builder, we diverted 20% of our development budget from content management maintenance to strategic growth initiatives like optimizing conversions and increasing member loyalty.&quot;</p><div><style data-emotion="css 1wznrug">.css-1wznrug{margin:0;font-size:var(--b-t-paragraph-3);color:var(--b-text-primary);}</style><p class="css-1wznrug">Tim Collins</p><style data-emotion="css 17qjxi2">.css-17qjxi2{margin:0 0 var(--spacing-8);font-size:var(--b-t-paragraph-3);color:var(--b-text-secondary);}</style><p class="css-17qjxi2">CTO at TechStyle Fashion Group</p><style data-emotion="css 1pkfszm">.css-1pkfszm{width:120px;height:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1pkfszm"><style data-emotion="css 1ecjm2z">.css-1ecjm2z{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;}</style><img alt="FABLETICS" loading="lazy" height="24" class="css-1ecjm2z" width="120" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&amp;width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&amp;width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&amp;width=120"/></div></div></div><style data-emotion="css 10xollr">.css-10xollr{overflow:hidden;min-height:300px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (max-width: 768px){.css-10xollr{min-height:220px;}}</style><div class="css-10xollr"><style data-emotion="css 1mil09m">.css-1mil09m{width:auto;height:100%;max-height:420px;max-width:100%;object-fit:contain;display:block;}</style><img alt="FABLETICS" loading="lazy" height="960" class="css-1mil09m" width="800" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa9093730031e429baa51b53920da7b3b?format=webp&amp;width=800"/></div></div><style data-emotion="css 1f02mo2">.css-1f02mo2{min-height:420px;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-1f02mo2{display:none;}}</style><div class="css-1f02mo2"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">New pages in minutes, not days</h3><p class="css-1g07e5">&quot;With Builder, we have launched more than 250 new pages, which attract an average of around one million monthly visitors. Also, we can now run website experiments that helped to improve homepage conversion rate.&quot;</p><div><p class="css-1wznrug">Laura Older</p><p class="css-17qjxi2">Website Optimization Manager at Zapier</p><div class="css-1pkfszm"><img alt="ZAPIER" loading="lazy" height="24" class="css-1ecjm2z" width="120" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc099187ec47c4d74a87c8c77fa2b38c2?format=webp&amp;width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc099187ec47c4d74a87c8c77fa2b38c2?format=webp&amp;width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc099187ec47c4d74a87c8c77fa2b38c2?format=webp&amp;width=120"/></div></div></div></div></div><style data-emotion="css hq057q">.css-hq057q{grid-area:1/1;display:grid;grid-template-columns:1fr 2fr;pointer-events:none;background:var(--b-bg-page);}@media (max-width: 768px){.css-hq057q{grid-template-columns:1fr;}}</style><div aria-hidden="true" inert="" class="css-hq057q" style="transform:translateX(100%)"><style data-emotion="css yil0ub">.css-yil0ub{min-height:420px;border-left:1px solid var(--b-border-subtle);border-right:none;}@media (max-width: 768px){.css-yil0ub{display:none;}}</style><div class="css-yil0ub"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">2× <!-- -->faster time to market</h3><p class="css-1g07e5">&quot;Implementing Builder was like stepping from the shadows into the light. It gave us the flexibility and speed we needed to stay ahead and empowered our teams to focus on what they do best — creating and innovating.&quot;</p><div><p class="css-1wznrug">Sam Feldman</p><p class="css-17qjxi2">Manager of Creative Technology at J.Crew</p><div class="css-1pkfszm"><img alt="J·CREW" loading="lazy" height="24" class="css-1ecjm2z" width="120" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1abd85accafa46b28ad3e222bc8d4e0e?format=webp&amp;width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1abd85accafa46b28ad3e222bc8d4e0e?format=webp&amp;width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1abd85accafa46b28ad3e222bc8d4e0e?format=webp&amp;width=120"/></div></div></div></div><style data-emotion="css 1eux20w">.css-1eux20w{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);min-height:420px;}@media (max-width: 768px){.css-1eux20w{grid-template-columns:1fr;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);min-height:auto;}}</style><div class="css-1eux20w"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">100+ <!-- -->personalized homepages in a month</h3><p class="css-1g07e5">&quot;With Builder, we’re able to see the same quality results that were only previously possible through reliance on our engineering team, who now have capacity to tackle higher-value projects.&quot;</p><div><p class="css-1wznrug">Dave King</p><p class="css-17qjxi2">CTO at Everlane</p><style data-emotion="css 1t2sf4d">.css-1t2sf4d{width:160px;height:18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1t2sf4d"><img alt="EVERLANE" loading="lazy" height="18" class="css-1ecjm2z" width="160" sizes="160px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&amp;width=160 160w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&amp;width=320 320w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&amp;width=160"/></div></div></div><div class="css-10xollr"><img alt="EVERLANE" loading="lazy" height="1149" class="css-1mil09m" width="648" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4ec313b9291841b7af61852db6dda73e?format=webp&amp;width=648"/></div></div></div><style data-emotion="css 7sg0vr">.css-7sg0vr{grid-area:1/1;display:grid;grid-template-columns:2fr 1fr;pointer-events:none;background:var(--b-bg-page);}@media (max-width: 768px){.css-7sg0vr{grid-template-columns:1fr;}}</style><div aria-hidden="true" inert="" class="css-7sg0vr" style="transform:translateX(200%)"><div class="css-1l3eu2n"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">160+ <!-- -->engineering hours saved per sprint</h3><p class="css-1g07e5">&quot;Our developer team is ecstatic about working with Builder. They&#x27;re far and away the best vendor that we work with in terms of customer service, development processes, and documentation.&quot;</p><div><p class="css-1wznrug">Colin Tracy</p><p class="css-17qjxi2">Director of Engineering at Black Rifle Coffee Company</p><style data-emotion="css 1det916">.css-1det916{width:120px;height:40px;
361display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1det916"><img alt="BLACK RIFLE COFFEE" loading="lazy" height="40" class="css-1ecjm2z" width="120" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&amp;width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&amp;width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&amp;width=120"/></div></div></div><div class="css-10xollr"><img alt="BLACK RIFLE COFFEE" loading="lazy" height="960" class="css-1mil09m" width="800" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F81f96e8f054e49b290a7a0322083a3de?format=webp&amp;width=800"/></div></div><div class="css-1f02mo2"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">20 <!-- -->sites launched in 8 months</h3><p class="css-1g07e5">&quot;The goal was to find the right solution not just for our web team, but for the brand team
361s and everyone involved.&quot;</p><div><p class="css-1wznrug">Tyler Hozie</p><p class="css-17qjxi2">Director of Technology at Anheuser-Busch</p><style data-emotion="css 57xslq">.css-57xslq{width:180px;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-57xslq"><img alt="ANHEUSER-BUSCH" loading="lazy" height="56" class="css-1ecjm2z" width="180" sizes="180px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&amp;width=180 180w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&amp;width=360 360w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&amp;width=180"/></div></div></div></div></div><div aria-hidden="true" inert="" class="css-7sg0vr" style="transform:translateX(300%)"><div class="css-1l3eu2n"><div class="css-1ul7oy9"><h3 class="css-1kqrg7v">1 day <!-- -->to go from design to live</h3><p class="css-1g07e5">&quot;With our old tool, if [growth marketers] asked me for something, I&#x27;d probably say it wasn&#x27;t possible or would take a long time to update even a small thing. Now, everything they ask, I say: yeah, it&#x27;s doable.&quot;</p><div><p class="css-1wznrug">Sharon Hau</p><p class="css-17qjxi2">Senior Manager of Growth Engineering at Harry&#x27;s</p><div class="css-1pkfszm"><img alt="HARRY&#x27;S" loading="lazy" height="24" class="css-1ecjm2z" width="120" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0b94bb7faee549e7ba3792b192d5a85e?format=webp&amp;width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0b94bb7faee549e7ba3792b192d5a85e?format=webp&amp;width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0b94bb7faee549e7ba3792b192d5a85e?format=webp&amp;width=120"/></div></div></div><div class="css-10xollr"><img alt="HARRY&#x27;S" loading="lazy" height="960" class="css-1mil09m" width="800" sizes="(max-width: 768px) 100vw, 600px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=240 240w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=600 600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb9e1c48926734551960375f2d244a3f0?format=webp&amp;width=800"/></div></div><style data-emotion="css 175yo10">.css-175yo10{border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--spacing-8);min-height:420px;padding:var(--spacing-10);-webkit-text-decoration:none;text-decoration:none;background:var(--b-bg-page);-webkit-transition:background 0.15s;transition:background 0.15s;}@media (max-width: 768px){.css-175yo10{display:none;}}.css-175yo10:hover{background:var(--b-bg-raised);}.css-175yo10:hover .cs-cta-btn{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}</style><a class="css-175yo10" href="/customer-stories" data-discover="true"><style data-emotion="css 11l2e4g">.css-11l2e4g{margin:0;font-size:var(--b-t-heading-4);font-weight:500;line-height:1.2;letter-spacing:-0.02em;}</style><p class="css-11l2e4g">Join the teams already shipping smarter</p><style data-emotion="css ziatw5">.css-ziatw5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:9px 15px;background:var(--b-action-secondary-bg);color:var(--b-action-secondary-text);border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;white-space:nowrap;line-height:1;-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><span class="cs-cta-btn css-ziatw5">SEE STORIES<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></a></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 10ixhzv">.css-10ixhzv{padding:var(--spacing-30) var(--spacing-10) var(--spacing-8);}</style><div class="css-10ixhzv"><p class="css-xyw17r">Enterprise-ready</p><h2 class="css-17sjyku">Enterprise security &amp; privacy</h2></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><style data-emotion="css 1m5lsub">.css-1m5lsub{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;
361-webkit-justify-content:space-between;justify-content:space-between;padding:var(--spacing-10);}@media (max-width: 768px){.css-1m5lsub{grid-column:span 3;}}</style><div class="css-1m5lsub"><style data-emotion="css z9q793">.css-z9q793{margin:0;font-size:var(--b-t-heading-6);color:var(--b-text-secondary);line-height:1.5;max-width:260px;}</style><p class="css-z9q793"><style data-emotion="css 1legbww">.css-1legbww{color:var(--b-text-primary);font-weight:600;}</style><strong class="css-1legbww">SOC 2 Type II</strong> <!-- -->compliant and designed with enterprise-grade security standards.</p><style data-emotion="css 14t89hy">.css-14t89hy{width:100%;max-width:202px;height:auto;display:block;margin-top:auto;padding-top:var(--spacing-8);}</style><img alt="Enterprise security badges" loading="lazy" height="202" class="css-14t89hy" width="202" sizes="202px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&amp;width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&amp;width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&amp;width=400 400w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&amp;width=202"/></div><style data-emotion="css 951kjj">.css-951kjj{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-left:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-951kjj{grid-column:span 3;border-left:none;}}</style><div class="css-951kjj"><style data-emotion="css 1prtb8k">.css-1prtb8k{padding:var(--spacing-4) var(--spacing-10);background:var(--b-bg-raised);border-top:none;-webkit-flex:1;-ms-flex:1;flex:1;}</style><div class="css-1prtb8k"><style data-emotion="css 1x4kekq">.css-1x4kekq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;padding:var(--spacing-4) var(--spacing-2);cursor:default;}.css-1x4kekq:hover{background:var(--b-bg-raised);}.css-1x4kekq:hover .nl-icon-inner{background:var(--c-neutral-50);color:var(--b-action-primary-text);}.css-1x4kekq:hover .nl-icon-border{background:var(--c-neutral-50);}.css-1x4kekq:hover .nl-description{color:var(--b-text-primary);}.css-1x4kekq:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}.css-1x4kekq:hover{background:transparent;}.css-1x4kekq:hover .nl-icon-inner{background:var(--b-bg-prominent);color:var(--b-text-primary);}.css-1x4kekq:hover .nl-icon-border{background:linear-gradient(135deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);}.css-1x4kekq:hover .nl-description{color:var(--b-text-secondary);}</style><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><style data-emotion="css ejcicz">.css-ejcicz{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:7px;background:var(--b-bg-prominent);color:var(--b-text-primary);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-users "><path d="M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path><path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path></svg></div></div><style data-emotion="css 13axzfo">.css-13axzfo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3px;min-width:0;}</style><div class="css-13axzfo"><style data-emotion="css 4qlq1z">.css-4qlq1z{font-size:14px;font-weight:500;color:var(--b-text-primary);line-height:140%;font-family:var(--b-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}</style><span class="css-4qlq1z">Roles &amp; permissions</span><style data-emotion="css xbanle">.css-xbanle{font-size:13px;color:var(--b-text-secondary);line-height:140%;font-family:var(--b-font-sans);-webkit-transition:color 0.2s ease;transition:color 0.2s ease;}</style><span class="nl-description css-xbanle">Leverage roles to control permissions and access for everyone on the team.</span></div></div></div><style data-emotion="css 1caxbg">.css-1caxbg{padding:var(--spacing-4) var(--spacing-10);background:var(--b-bg-raised);border-top:1px solid var(--b-border-default);-webkit-flex:1;-ms-flex:1;flex:1;}</style><div class="css-1caxbg"><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-hierarchy-2 "><path d="M10 3h4v4h-4l0 -4"></path><path d="M3 17h4v4h-4l0 -4"></path><path d="M17 17h4v4h-4l0 -4"></path><path d="M7 17l5 -4l5 4"></path><path d="M12 7l0 6"></path></svg></div></div><div class="css-13axzfo"><span class="css-4qlq1z">Rules &amp; Workflows</span><span class="nl-description css-xbanle">Control the flow of how your team ships, or git-manage everything.</span></div></div></div><div class="css-1caxbg"><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shield-lock "><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"></path><path d="M11 11a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M12 12l0 2.5"></path></svg></div></div><div class="css-13axzfo"><span class="css-4qlq1z">No training on your data</span><span class="nl-description css-xbanle">Keep your data private and separate from model training.</span></div></div></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1v4w8x">.css-1v4w8x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:var(--spacing-8);padding:var(--spacing-30) var(--spacing-10) var(--spacing-16);}</style><div class="css-1v4w8x"><style data-emotion="css 1rfc36z">.css-1rfc36z{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;max-width:600px;}</style><h2 class="css-1rfc36z">Most of your team is waiting to contribute.<!-- --> <span class="css-11owgl7">Let them.</span></h2><style data-emotion="css 1pumhiy">.css-1pumhiy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--spacing-3);-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;
361-webkit-justify-content:center;justify-content:center;}</style><div class="css-1pumhiy"><a href="/signup" class="css-16kyawo"><span>START BUILDING</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a><a href="/demo" class="css-14kilwa"><span>BOOK A DEMO</span></a></div></div><style data-emotion="css 1ufdxkf">.css-1ufdxkf{display:grid;grid-template-columns:repeat(3, 1fr);border-top:1px solid var(--b-border-subtle);}</style><div class="css-1ufdxkf"><style data-emotion="css 3k0l50">.css-3k0l50{grid-column:span 3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-3k0l50{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);}}</style><div class="css-3k0l50"><style data-emotion="css 1tpg3gx">.css-1tpg3gx{margin:0;font-size:var(--b-t-heading-5);font-weight:500;color:var(--b-text-primary);}</style><p class="css-1tpg3gx">Let Builder Agent work for you</p><style data-emotion="css 8lchyc">
361.css-8lchyc{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><div class="css-8lchyc"><style data-emotion="css 8fcw8i">.css-8fcw8i{background:none;border:none;padding:0;font-family:var(--b-font-mono);font-size:13px;font-weight:500;-webkit-transition:color 0.15s;transition:color 0.15s;cursor:pointer;color:var(--b-text-primary);}.css-8fcw8i:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" class="css-8fcw8i">Without</button><style data-emotion="css 3olaqw">.css-3olaqw{position:relative;width:44px;height:24px;border-radius:9999px;border:none;padding:0;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--c-neutral-800);-webkit-transition:background 0.2s;transition:background 0.2s;outline:none;}.css-3olaqw:hover{background:var(--c-neutral-600);}.css-3olaqw:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" role="switch" aria-checked="false" aria-label="Without / with Builder Agent" class="css-3olaqw"><style data-emotion="css 1ehgkhp">.css-1ehgkhp{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--b-text-primary);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),background 0.2s;transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),background 0.2s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}</style><span class="css-1ehgkhp"></span></button><style data-emotion="css tyovhv">.css-tyovhv{background:none;border:none;padding:0;font-family:var(--b-font-mono);font-size:13px;font-weight:500;-webkit-transition:color 0.15s;transition:color 0.15s;cursor:pointer;color:var(--b-text-muted);}.css-tyovhv:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" class="css-tyovhv">with Builder Agent</button></div></div><style data-emotion="css 1odqqyc">@media (max-width: 768px){.css-1odqqyc{grid-column:span 3;}}</style><div class="css-1odqqyc"><style data-emotion="css 1dgmwcu">.css-1dgmwcu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);border-bottom:1px solid var(--b-border-subtle);height:72px;box-sizing:border-box;}</style><div class="css-1dgmwcu"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-code "><path d="M7 8l-4 4l4 4"></path><path d="M17 8l4 4l-4 4"></path><path d="M14 4l-4 16"></path></svg></div></div><style data-emotion="css 52jyk1">.css-52jyk1{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-52jyk1"><style data-emotion="css 1cv9bdd">.css-1cv9bdd{font-size:var(--b-t-heading-6);font-weight:500;letter-spacing:-0.02em;}</style><span class="css-1cv9bdd">Engineer</span><style data-emotion="css z0jorf">.css-z0jorf{font-family:var(--b-font-mono);font-size:var(--b-t-label-1);font-weight:600;letter-spacing:0.02em;}</style><span class="css-z0jorf"><style data-emotion="css 1rlyr4i">.css-1rlyr4i{color:var(--b-text-primary);-webkit-transition:color 0.3s;transition:color 0.3s;}</style><span class="css-1rlyr4i">147<!-- --> </span><span>commits</span></span></div></div><div class="css-1dgmwcu"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-vector-bezier "><path d="M3 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M17 15a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 7a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2"></path><path d="M10 8.5a6 6 0 0 0 -5 5.5"></path><path d="M14 8.5a6 6 0 0 1 5 5.5"></path><path d="M10 8l-6 0"></path><path d="M20 8l-6 0"></path><path d="M2 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M20 8a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg></div></div><div class="css-52jyk1"><span class="css-1cv9bdd">Designer</span><span class="css-z0jorf"><span class="css-1rlyr4i">42<!-- --> </span><span>commits</span></span></div></div><div class="css-1dgmwcu"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-feather "><path d="M4 20l10 -10m0 -5v5h5m-9 -1v5h5m-9 -1v5h5m-5 -5l4 -4l4 -4"></path><path d="M19 10c.638 -.636 1 -1.515 1 -2.486a3.515 3.515 0 0 0 -3.517 -3.514c-.97 0 -1.847 .367 -2.483 1m-3 13l4 -4l4 -4"></path></svg></div></div><div class="css-52jyk1"><span class="css-1cv9bdd">Content</span><span class="css-z0jorf"><span class="css-1rlyr4i">10<!-- --> </span><span>commits</span></span></div></div><style data-emotion="css 1cgh27s">.css-1cgh27s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);border-bottom:none;height:72px;box-sizing:border-box;}</style><div class="css-1cgh27s"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clipboard-list "><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"></path><path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2"></path><path d="M9 12l.01 0"></path><path d="M13 12l2 0"></path><path d="M9 16l.01 0"></path><path d="M13 16l2 0"></path></svg></div></div><div class="css-52jyk1"><span class="css-1cv9bdd">PM</span><span class="css-z0jorf"><span class="css-1rlyr4i">4<!-- --> </span><span>commits</span></span></div></div></div><div class="css-1odqqyc"><style data-emotion="css 1je1pz1">.css-1je1pz1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--spacing-4);height:72px;box-sizing:border-box;border-bottom:1px solid var(--b-border-subtle);}</style><div class="css-1je1pz1"><style data-emotion="css vfnvxx">.css-vfnvxx{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:2px;background:var(--b-bg-prominent);}</style><div class="css-vfnvxx"><style data-emotion="css 2qlbu5">.css-2qlbu5{position:absolute;
361left:0;top:0;height:100%;width:30%;background:var(--c-pink-400);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-2qlbu5"></div><style data-emotion="css pbujyz">.css-pbujyz{position:absolute;top:0;height:100%;left:30%;width:0%;background:var(--c-blue-500);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-pbujyz"></div><style data-emotion="css w2hul3">.css-w2hul3{position:absolute;left:30%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:var(--b-bg-page);border:1px solid var(--c-pink-400);border-radius:12px;padding:2px 6px;font-family:var(--b-font-mono);font-size:11px;font-weight:500;color:var(--c-pink-400);white-space:nowrap;line-height:1.4;z-index:1;}</style><div class="css-w2hul3">30<!-- -->%</div><style data-emotion="css cdo19c">.css-cdo19c{position:absolute;top:50%;left:30%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--c-pink-400);-webkit-transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;}</style><div class="css-cdo19c"></div></div></div><div class="css-1je1pz1"><div class="css-vfnvxx"><style data-emotion="css 1730ypd">.css-1730ypd{position:absolute;left:0;top:0;height:100%;width:15%;background:var(--c-green-400);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-1730ypd"></div><style data-emotion="css 140z3lb">.css-140z3lb{position:absolute;top:0;height:100%;left:15%;width:0%;background:var(--c-blue-500);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-140z3lb"></div><style data-emotion="css 10t9f9a">.css-10t9f9a{position:absolute;left:15%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:var(--b-bg-page);border:1px solid var(--c-green-400);border-radius:12px;padding:2px 6px;font-family:var(--b-font-mono);font-size:11px;font-weight:500;color:var(--c-green-400);white-space:nowrap;line-height:1.4;z-index:1;}</style><div class="css-10t9f9a">15<!-- -->%</div><style data-emotion="css 1ayfm2t">.css-1ayfm2t{position:absolute;top:50%;left:15%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--c-green-400);-webkit-transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;}</style><div class="css-1ayfm2t"></div></div></div><div class="css-1je1pz1"><div class="css-vfnvxx"><style data-emotion="css ufhpbc">.css-ufhpbc{position:absolute;left:0;top:0;height:100%;width:6%;background:var(--c-red-400);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-ufhpbc"></div><style data-emotion="css ch7d">.css-ch7d{position:absolute;top:0;height:100%;left:6%;width:0%;background:var(--c-blue-500);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-ch7d"></div><style data-emotion="css 18xpiws">.css-18xpiws{position:absolute;
361left:6%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:var(--b-bg-page);border:1px solid var(--c-red-400);border-radius:12px;padding:2px 6px;font-family:var(--b-font-mono);font-size:11px;font-weight:500;color:var(--c-red-400);white-space:nowrap;line-height:1.4;z-index:1;}</style><div class="css-18xpiws">6<!-- -->%</div><style data-emotion="css 1c517d3">.css-1c517d3{position:absolute;top:50%;left:6%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--c-red-400);-webkit-transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;}</style><div class="css-1c517d3"></div></div></div><style data-emotion="css lvn0at">.css-lvn0at{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--spacing-4);height:72px;box-sizing:border-box;border-bottom:none;}</style><div class="css-lvn0at"><div class="css-vfnvxx"><style data-emotion="css ek74rm">.css-ek74rm{position:absolute;left:0;top:0;height:100%;width:3%;background:var(--c-yellow-400);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-ek74rm"></div><style data-emotion="css nxvocq">.css-nxvocq{position:absolute;top:0;height:100%;left:3%;width:0%;background:var(--c-blue-500);border-radius:1px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;}</style><div class="css-nxvocq"></div><style data-emotion="css 1a7s4qb">.css-1a7s4qb{position:absolute;left:3%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:var(--b-bg-page);border:1px solid var(--c-yellow-400);border-radius:12px;padding:2px 6px;font-family:var(--b-font-mono);font-size:11px;font-weight:500;color:var(--c-yellow-400);white-space:nowrap;line-height:1.4;z-index:1;}</style><div class="css-1a7s4qb">3<!-- -->%</div><style data-emotion="css 14uyzgo">.css-14uyzgo{position:absolute;top:50%;left:3%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--c-yellow-400);-webkit-transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;transition:left 0.4s ease,background 0.4s ease,width 0.3s ease,height 0.3s ease;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;}</style><div class="css-14uyzgo"></div></div></div></div><style data-emotion="css vvuaol">.css-vvuaol{height:288px;overflow:hidden;}@media (max-width: 768px){.css-vvuaol{grid-column:span 3;}}</style><div class="css-vvuaol"><div class="css-0"><div class="css-1dgmwcu"><style data-emotion="css 1fjtzvx">.css-1fjtzvx{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;}</style><div class="css-1fjtzvx"><style data-emotion="css 15bfdh4">.css-15bfdh4{font-family:var(--b-font-mono);font-size:10px;font-weight:600;color:var(--c-blue-500);letter-spacing:0.04em;line-height:1.4;}</style><div class="css-15bfdh4">Engineering</div><style data-emotion="css kjf08z">.css-kjf08z{font-family:var(--b-font-sans);font-size:12px;color:var(--b-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}</style><div class="css-kjf08z">chore: bump @builder/sdk to 14.2.0</div></div><style data-emotion="css 1k910c8">.css-1k910c8{font-family:var(--b-font-mono);font-size:10px;color:var(--b-text-muted);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><span class="css-1k910c8">5a6a7b</span></div><div class="css-1dgmwcu"><div class="css-1fjtzvx"><div class="css-15bfdh4">Engineering</div><style data-emotion="css 1apla9s">.css-1apla9s{font-family:var(--b-font-sans);font-size:12px;color:var(--b-text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}</style><div class="css-1apla9s">perf: lazy-load below-fold images</div></div><span class="css-1k910c8">f8c210</span></div><div class="css-1dgmwcu"><div class="css-1fjtzvx"><div class="css-15bfdh4">Engineering</div><div class="css-1apla9s">fix: resolve hydration mismatch in nav</div></div><span class="css-1k910c8">a2c819</span></div><div class="css-1cgh27s"><div class="css-1fjtzvx"><style data-emotion="css yhr7km">.css-yhr7km{font-family:var(--b-font-mono);font-size:10px;font-weight:600;color:var(--c-pink-400);letter-spacing:0.04em;line-height:1.4;}</style><div class="css-yhr7km">Design</div><div class="css-1apla9s">token: update --hairline to #2a2825</div></div><span class="css-1k910c8">
36121f4d9</span></div><div class="css-1cgh27s"><div class="css-1fjtzvx"><div class="css-15bfdh4">Engineering</div><div class="css-1apla9s">refactor: extract shared layout hook</div></div><span class="css-1k910c8">6d3f07</span></div></div></div></div></div></section></main><style data-emotion="css d2ypuu">.css-d2ypuu{width:100%;background:var(--b-bg-surface);border-top:1px solid var(--b-border-subtle);color:var(--b-text-primary);font-family:var(--b-font-sans);box-sizing:border-box;}</style><footer class="builder-brand-tokens docs-footer css-d2ypuu"><style>
362
363.builder-brand-tokens {
364  /* ── Fonts ── */
365  --b-font-sans: 'Geist', system-ui, sans-serif;
366  --b-font-mono: 'Geist Mono', monospace;
367
368  /* ── Color primitives ── */
369  --c-violet-400: #A8C1FF;
370  --c-blue-100: #BEF0F5;
371  --c-blue-200: #7BE8F5;
372  --c-blue-300: #00DFF6;
373  --c-blue-400: #00D6F6;
374  --c-blue-500: #01C8F1;
375  --c-blue-500-40p: #01C8F166;
376  --c-blue-600: #009CCC;
377  --c-blue-900: #00161B;
378  --c-green-400: #0FDFBA;
379  --c-yellow-400: #DEC75F;
380  --c-red-400: #FFA27D;
381  --c-pink-400: #FA9BF2;
382  --c-neutral-50: #FAF9F5;
383  --c-neutral-100: #E0E0D7;
384  --c-neutral-200: #CAC9C6;
385  --c-neutral-400: #ABABAB;
386  --c-neutral-500: #9A9997;
387  --c-neutral-600: #5E5E5E;
388  --c-neutral-700: #3D3D3D;
389  --c-neutral-800: #2E2E2E;
390  --c-neutral-900: #1A1A1A;
391  --c-neutral-925: #0F0F0F;
392  --c-neutral-950: #0A0A0A;
393  --c-neutral-950-90p: #0A0A0AE6;
394  --c-white-5p: #FFFFFF0D;
395
396  /* ── Semantic: bg ── */
397  --b-bg-page: #0A0A0A;
398  --b-bg-surface: #0A0A0A;
399  --b-bg-raised: #0F0F0F;
400  --b-bg-prominent: #1A1A1A;
401  --b-bg-translucent: #0A0A0AE6;
402  --b-bg-alternative: #00161B;
403
404  /* ── Semantic: text ── */
405  --b-text-primary: #FAF9F5;
406  --b-text-secondary: #AEADAC;
407  --b-text-muted: #5E5E5E;
408  --b-text-highlight: #E0E0D7;
409  --b-text-link: #BEF0F5;
410  --b-text-eyebrow: #01C8F1;
411
412  /* ── Semantic: border ── */
413  --b-border-default: #1A1A1A;
414  --b-border-subtle: #141414;
415  --b-border-title-row: #2E2E2E;
416  --b-border-menu: #1a1a1a;
417
418  /* ── Semantic: action ── */
419  --b-action-primary-bg: #01C8F1;
420  --b-action-primary-hover: #00DFF6;
421  --b-action-primary-text: #0A0A0A;
422  --b-action-primary-border: #00DFF6;
423  --b-action-primary-effect: #01C8F166;
424  --b-action-secondary-bg: transparent;
425  --b-action-secondary-hover: #1A1A1A;
426  --b-action-secondary-text: #FAF9F5;
427  --b-action-secondary-border: #5E5E5E;
428  --b-action-tab-bg: #0A0A0A;
429  --b-action-tab-bg-active: #00161B;
430  --b-action-tab-bg-hover: #0F0F0F;
431  --b-action-tab-text: #5E5E5E;
432  --b-action-tab-text-active: #BEF0F5;
433  --b-action-tab-text-hover: #FAF9F5;
434  --b-action-tab-indicator: #01C8F1;
435
436  /* ── Utility ── */
437  --b-btn-hover-bg: rgba(255, 255, 255, 0.08);
438
439  /* ── Border radius ── */
440  --b-radius: 6px;
441  --b-radius-none: 0px;
442  --b-radius-sm: 3px;
443  --b-radius-md: 6px;
444  --b-radius-lg: 12px;
445  --b-radius-full: 9999px;
446
447  /* ── Gradient ── */
448  --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%);
449
450  /* ── Spacing scale (token key × 4px) ── */
451  --spacing-0: 0px;
452  --spacing-1: 4px;
453  --spacing-2: 8px;
454  --spacing-3: 12px;
455  --spacing-4: 16px;
456  --spacing-5: 20px;
457  --spacing-6: 24px;
458  --spacing-8: 32px;
459  --spacing-10: 40px;
460  --spacing-12: 48px;
461  --spacing-16: 64px;
462  --spacing-20: 80px;
463  --spacing-24: 96px;
464  --spacing-30: 120px;
465  --spacing-35: 150px;
466  --spacing-50: 200px;
467
468  /* ── Typography scale ── */
469  --b-t-heading-1: 56px;
470  --b-t-heading-2: 46px;
471  --b-t-heading-3: 37px;
472  --b-t-heading-4: 28px;
473  --b-t-heading-5: 23px;
474  --b-t-heading-6: 18px;
475  --b-t-paragraph-1: 18px;
476  --b-t-paragraph-2: 15px;
477  --b-t-paragraph-2-md: 15px;
478  --b-t-paragraph-3: 12px;
479  --b-t-label-1: 14px;
480  --b-t-label-2: 11px;
481}
482
483@media (max-width: 768px) {
484  .builder-brand-tokens {
485    --spacing-4: 12px;
486    --spacing-5: 16px;
487    --spacing-6: 20px;
488    --spacing-8: 24px;
489    --spacing-10: 24px;
490    --spacing-12: 24px;
491    --spacing-16: 24px;
492    --spacing-20: 32px;
493    --spacing-24: 32px;
494    --spacing-30: 72px;
495    --spacing-35: 88px;
496    --spacing-50: 80px;
497
498    --b-t-heading-1: 32px;
499    --b-t-heading-2: 28px;
500    --b-t-heading-3: 24px;
501    --b-t-heading-4: 22px;
502    --b-t-heading-5: 19px;
503    --b-t-heading-6: 16px;
504    --b-t-paragraph-1: 16px;
505    --b-t-paragraph-2: 15px;
506    --b-t-paragraph-3: 12px;
507    --b-t-label-1: 14px;
508    --b-t-label-2: 11px;
509  }
510}
511
512.builder-brand-tokens .blue-gradient {
513  background: var(--b-gradient-blue);
514}
515
516.builder-brand-tokens .blue-gradient-text {
517  background: var(--b-gradient-blue);
518  -webkit-background-clip: text;
519  -webkit-text-fill-color: transparent;
520  background-clip: text;
521}
522</style><style data-emotion="css 1s8mjau">.css-1s8mjau{padding:0 40px;padding-top:var(--spacing-30);}@media (max-width: 768px){.css-1s8mjau{padding:0 20px;}}</style><div class="css-1s8mjau"><style data-emotion="css dnfjz5">.css-dnfjz5{max-width:1200px;margin:0 auto;box-sizing:border-box;}</style><div class="css-dnfjz5"><style data-emotion="css kt64ld">.css-kt64ld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:40px;padding:40px 0;}@media (max-width: 768px){.css-kt64ld{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:24px;padding:32px 0;}}</style><div class="css-kt64ld"><div class="css-6su6fj"><style data-emotion="css 7mhizf">.css-7mhizf{margin:0;font-size:24px;font-weight:600;color:var(--b-text-primary);font-family:var(--b-font-sans);line-height:1.3;letter-spacing:-0.01em;}</style><p class="css-7mhizf">Get the latest from Builder.io</p><style data-emotion="css k4sh66">.css-k4sh66{margin:6px 0 0;font-size:13px;color:var(--b-text-secondary);font-family:var(--b-font-sans);line-height:1.5;}</style><p class="css-k4sh66">By submitting, you agree to our<!-- --> <style data-emotion="css 1u1w7kj">.css-1u1w7kj{color:var(--b-text-secondary);-webkit-text-decoration:underline!important;text-decoration:underline!important;}.css-1u1w7kj:hover{color:var(--b-text-primary);}</style><a href="/legal/privacy" class="css-1u1w7kj">Privacy Policy</a>.</p></div><style data-emotion="css 1x7c4z8">.css-1x7c4z8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:12px;-webkit-flex:1;-ms-flex:1;flex:1;max-width:480px;}@media (max-width: 768px){.css-1x7c4z8{width:100%;max-width:100%;}}</style><form class="css-1x7c4z8"><div class="css-1fjtzvx"><style data-emotion="css 1p1huzw">.css-1p1huzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;opacity:1;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;}</style><div class="css-1p1huzw"><style data-emotion="css 7boy05">.css-7boy05{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-7boy05"><style data-emotion="css 1tsuiy9">.css-1tsuiy9{width:100%;background:var(--b-bg-prominent);border:1px solid transparent;border-radius:var(--b-radius);color:var(--b-action-secondary-text);font-size:var(--b-t-label-1);font-family:var(--b-font-mono);font-weight:400;letter-spacing:0.02em;outline:none;box-sizing:border-box;-webkit-transition:border-color 0.15s,background 0.15s;transition:border-color 0.15s,background 0.15s;padding:9px 15px;}.css-1tsuiy9:hover{background:var(--c-neutral-800);}.css-1tsuiy9:focus{background:var(--b-bg-prominent);outline:none;border:1px solid var(--b-action-primary-bg);}.css-1tsuiy9::-webkit-input-placeholder{color:var(--b-text-muted);}.css-1tsuiy9::-moz-placeholder{color:var(--b-text-muted);}.css-1tsuiy9:-ms-input-placeholder{color:var(--b-text-muted);}.css-1tsuiy9::placeholder{color:var(--b-text-muted);}</style><input id="_R_9laai75_-input" type="email" placeholder="Enter your email" autoComplete="email" required="" class="css-1tsuiy9" value=""/></div></div></div><button type="submit" class="css-14kilwa"><span>Submit</span></button></form></div></div></div><style data-emotion="css 141i7w0">.css-141i7w0{height:1px;background:var(--b-border-subtle);
522width:100%;}</style><div class="css-141i7w0"></div><style data-emotion="css xavy00">.css-xavy00{padding:0 40px;}@media (max-width: 768px){.css-xavy00{padding:0 20px;}}</style><div class="css-xavy00"><style data-emotion="css 9y6zxw">.css-9y6zxw{max-width:1200px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:40px repeat(6, 1fr);gap:24px;padding:40px 0;}@media (max-width: 1100px){.css-9y6zxw{grid-template-columns:repeat(4, 1fr);}}@media (max-width: 640px){.css-9y6zxw{grid-template-columns:repeat(2, 1fr);gap:32px;}}</style><div class="css-9y6zxw"><style data-emotion="css s6hn4f">@media (max-width: 1100px){.css-s6hn4f{display:none;}}</style><div class="css-s6hn4f"><style data-emotion="css torrbt">.css-torrbt{color:var(--b-text-primary);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><a aria-label="Builder.io home" class="css-torrbt" href="/" data-discover="true"><svg width="20" height="20" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Builder.io"><path d="M21.2566 7.2C21.2566 3.20492 18.0148 0 14.0566 0H1.896C0.845542 0 0 0.852927 0 1.896C0 3.83815 4.11506 5.31323 4.11506 12C4.11506 18.6868 0 20.1618 0 22.104C0 23.1471 0.845542 24 1.896 24H14.0566C18.0148 24 21.2566 20.7951 21.2566 16.8C21.2566 13.8646 19.4935 12.0757 19.4234 12C19.4917 11.9243 21.2566 10.1354 21.2566 7.2ZM2.50708 2.05854H14.0566C15.4302 2.05854 16.7225 2.59386 17.6935 3.56494C18.6646 4.53602 19.2 5.82836 19.2 7.2019C19.2 8.57544 18.6942 9.7865 17.7932 10.7373L2.50892 2.05854H2.50708ZM17.6917 20.4369C16.7206 21.408 15.4283 21.9434 14.0548 21.9434H2.50521L17.7895 13.2646C18.6905 14.2154 19.1963 15.4708 19.1963 16.8C19.1963 18.1292 18.6609 19.4658 17.6898 20.4369H17.6917ZM4.74462 18.3065C4.86646 18.0517 6.16983 15.5225 6.16983 12C6.16983 8.47754 4.86646 5.94836 4.74462 5.69359L15.8511 12L4.74462 18.3065Z" fill="currentColor"></path></svg></a></div><style data-emotion="css 6r2fzw">.css-6r2fzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;}</style><div class="css-6r2fzw"><style data-emotion="css 1hdbc19">.css-1hdbc19{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;}</style><div class="css-1hdbc19"><style data-emotion="css wt8jaz">.css-wt8jaz{margin:0;font-size:var(--b-t-label-1);font-weight:600;font-family:var(--b-font-mono);color:var(--b-text-primary);letter-spacing:0.02em;line-height:120%;text-transform:uppercase;}</style><p class="css-wt8jaz">Platform</p><style data-emotion="css s3o70k">.css-s3o70k{list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;}</style><ul class="css-s3o70k"><li><style data-emotion="css 18eexel">.css-18eexel{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;font-size:14px;font-family:var(--b-font-sans);font-weight:400;color:var(--b-text-secondary);-webkit-text-decoration:none;text-decoration:none;line-height:1.4;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-18eexel:hover{color:var(--b-text-primary);}</style><a class="css-18eexel" href="/platform/code" data-discover="true">Code</a></li><li><a class="css-18eexel" href="/platform/content" data-discover="true">Content</a></li><li><a class="css-18eexel" href="/updates" data-discover="true">Product Updates</a></li></ul></div><div class="css-1hdbc19"><p class="css-wt8jaz">Company</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/m/about-us" data-discover="true">About</a></li><li><a class="css-18eexel" href="/careers" data-discover="true">Careers</a></li><li><a class="css-18eexel" href="/demo" data-discover="true">Contact Sales</a></li><li><a class="css-18eexel" href="/brand" data-discover="true">Brand</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Developer</p><ul class="css-s3o70k">
522<li><a class="css-18eexel" href="/c/docs/developers" data-discover="true">Documentation</a></li><li><a class="css-18eexel" href="/c/docs/get-started-fusion" data-discover="true">Code Docs</a></li><li><a class="css-18eexel" href="/c/docs/get-started-publish" data-discover="true">Content Docs</a></li></ul></div><div class="css-1hdbc19"><p class="css-wt8jaz">Frameworks</p><ul class="css-s3o70k"><li><style data-emotion="css 79elbk">.css-79elbk{position:relative;}</style><div class="css-79elbk"><style data-emotion="css 1bqekiv">.css-1bqekiv{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;font-family:var(--b-font-sans);font-weight:400;color:var(--b-text-secondary);-webkit-text-decoration:none;text-decoration:none;line-height:1.4;-webkit-transition:color 0.15s;transition:color 0.15s;background:none;border:none;padding:0;cursor:pointer;}.css-1bqekiv:hover{color:var(--b-text-primary);}</style><button type="button" aria-expanded="false" aria-controls="footer-submenu-design-to-code" class="css-1bqekiv">Design to Code<style data-emotion="css 1w1brbj">.css-1w1brbj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.15s;transition:transform 0.15s;}</style><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li><li><div class="css-79elbk"><button type="button" aria-expanded="false" aria-controls="footer-submenu-cms" class="css-1bqekiv">CMS<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li><li><div class="css-79elbk"><button type="button" aria-expanded="false" aria-controls="footer-submenu-page-builder" class="css-1bqekiv">Page Builder<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Workflows</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/workflows/figma-ai" data-discover="true">Figma AI to Production Code</a></li><li><a class="css-18eexel" href="/workflows/ai-prototyping-product-managers" data-discover="true">AI Prototyping for Product Managers</a></li><li><a class="css-18eexel" href="/workflows/figma-to-storybook" data-discover="true">Figma to Storybook</a></li><li><a class="css-18eexel" href="/workflows/figma-to-app" data-discover="true">Figma to App Converter</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Use Cases</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/use-cases/app-development" data-discover="true">App Development</a></li><li><a class="css-18eexel" href="/use-cases/prototypes" data-discover="true">Prototypes</a></li><li><a class="css-18eexel" href="/use-cases/design-to-code" data-discover="true">Design to Code</a></li><li><a class="css-18eexel" href="/use-cases/marketing-sites" data-discover="true">Marketing Sites</a></li><li><a class="css-18eexel" href="/use-cases/ecommerce" data-discover="true">E-commerce</a></li><li><a class="css-18eexel" href="/use-cases/personalization" data-discover="true">Personalization</a></li><li><a class="css-18eexel" href="/headless-cms" data-discover="true">Headless CMS</a></li><li><a class="css-18eexel" href="/m/multi-brand-cms" data-discover="true">Multi-Brand CMS</a></li><li><a class="css-18eexel" href="/m/headless-commerce" data-discover="true">Headless Commerce</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Resources</p><ul class="css-s3o70k">
522<li><a class="css-18eexel" href="/resources" data-discover="true">All Resources</a></li><li><a class="css-18eexel" href="/blog" data-discover="true">Blog</a></li><li><a class="css-18eexel" href="/livestreams" data-discover="true">Livestreams</a></li><li><a class="css-18eexel" href="/guides" data-discover="true">Guides</a></li><li><a class="css-18eexel" href="/customer-stories" data-discover="true">Customer Stories</a></li><li><a href="https://forum.builder.io/" target="_blank" rel="noopener noreferrer" class="css-18eexel">Community Forum</a></li><li><a class="css-18eexel" href="/partners" data-discover="true">Partners</a></li><li><a class="css-18eexel" href="/affiliate" data-discover="true">Affiliate Program</a></li><li><a class="css-18eexel" href="/integrations" data-discover="true">CMS Integrations</a></li><li><a class="css-18eexel" href="/c/blueprints" data-discover="true">CMS Blueprints</a></li><li><a class="css-18eexel" href="/explainers" data-discover="true">Explainers</a></li><li><a class="css-18eexel" href="/glossary" data-discover="true">Glossary</a></li><li><a href="https://agent-native.com/" target="_blank" rel="noopener noreferrer" class="css-18eexel">Agent-Native</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Popular Guides</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/hub/guides/figma-design-to-code" data-discover="true">Figma to Code Guide</a></li><li><a class="css-18eexel" href="/m/knowledge-center/headless-cms-visual-guide" data-discover="true">Headless CMS Guide</a></li><li><a class="css-18eexel" href="/m/knowledge-center/headless-commerce" data-discover="true">Headless Commerce Guide</a></li><li><a class="css-18eexel" href="/m/explainers/composable-dxp" data-discover="true">Composable DXP Guide</a></li></ul></div></div></div></div><div class="css-141i7w0"></div><div class="css-xavy00"><style data-emotion="css 1fszwyz">.css-1fszwyz{max-width:1200px;margin:0 auto;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:24px;padding:20px 0;}@media (max-width: 768px){.css-1fszwyz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:16px;}}</style><div class="css-1fszwyz"><style data-emotion="css 128maw8">.css-128maw8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}</style><div class="css-128maw8"><style data-emotion="css sqlf0m">.css-sqlf0m{font-size:12px;color:var(--b-text-muted);font-family:var(--b-font-mono);letter-spacing:0.04em;text-transform:uppercase;}</style><span class="css-sqlf0m">© 2026 Builder.io, Inc.</span><style data-emotion="css 9u3mxb">.css-9u3mxb{font-size:12px;font-family:var(--b-font-sans);color:var(--b-text-muted);-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-9u3mxb:hover{color:var(--b-text-primary);}</style><a class="css-9u3mxb" href="/c/security" data-discover="true">Security</a><a class="css-9u3mxb" href="/legal/privacy" data-discover="true">Privacy Policy</a><a class="css-9u3mxb" href="/legal/terms" data-discover="true">Terms</a><a href="https://trust.builder.io" target="_blank" rel="noopener noreferrer" class="css-9u3mxb">Trust Center</a><style data-emotion="css i4id9">.css-i4id9{font-size:12px;font-family:var(--b-font-sans);color:var(--b-text-muted);background:none;border:none;padding:0;cursor:pointer;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-i4id9:hover{color:var(--b-text-primary);}</style><button type="button" class="css-i4id9">Cookie Preferences</button></div><style data-emotion="css j0ozid">.css-j0ozid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;}</style><div class="css-j0ozid"><style data-emotion="css 1ol7tua">.css-1ol7tua{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
522-webkit-justify-content:center;justify-content:center;color:var(--b-text-secondary);-webkit-transition:color 0.15s;transition:color 0.15s;}.css-1ol7tua:hover{color:var(--b-text-primary);}</style><a href="https://www.youtube.com/@Builderio" aria-label="YouTube" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube "><path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8"></path><path d="M10 9l5 3l-5 3l0 -6"></path></svg></a><a href="https://github.com/builderio/builder" aria-label="GitHub" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-github "><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path></svg></a><a href="https://x.com/builderio" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-x "><path d="M4 4l11.733 16h4.267l-11.733 -16l-4.267 0"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg></a><a href="https://www.linkedin.com/company/builder-io/" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-linkedin "><path d="M8 11v5"></path><path d="M8 8v.01"></path><path d="M12 16v-5"></path><path d="M16 16v-3a2 2 0 1 0 -4 0"></path><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10"></path></svg></a><a href="https://www.builder.io/blog/feed/xml" aria-label="RSS Feed" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-rss "><path d="M4 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M4 4a16 16 0 0 1 16 16"></path><path d="M4 11a9 9 0 0 1 9 9"></path></svg></a></div></div></div></footer></div>
522<script>((kt,Nt)=>{if(!window.history.state||!window.history.state.key){let kt=Math.random().toString(32).slice(2);window.history.replaceState({key:kt},``)}try{let Ft=JSON.parse(sessionStorage.getItem(kt)||`{}`)[Nt||window.history.state.key];typeof Ft==`number`&&window.scrollTo(0,Ft)}catch(Nt){console.error(Nt),sessionStorage.removeItem(kt)}})("react-router-scroll-positions", null)</script>
522<script>window.__reactRouterContext = {"basename":"/","future":{"unstable_optimizeDeps":false},"routeDiscovery":{"mode":"initial"},"ssr":true,"isSpaMode":false};window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());</script>
522<script type="module" async="">import "/assets/manifest-e0814bec.js";
523import * as route0 from "/assets/root-umB_G5Hj.js";
524import * as route1 from "/assets/_index-DG6jW6cD.js";
525  
526  window.__reactRouterRouteModules = {"root":route0,"routes/_index":route1};
527
528import("/assets/entry.client-C4mqfX4h.js");</script>
528<script src="https://cdn.cookielaw.org/consent/c1ac8074-fbe7-4bc7-b3ac-8daf0e65345f/OtAutoBlock.js"></script>
528<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charSet="UTF-8" data-domain-script="c1ac8074-fbe7-4bc7-b3ac-8daf0e65345f"></script>
528<script>function OptanonWrapper() {}</script>
528<script>
vendor: 395 bytes, lines 528-538
528
529(function (w, d, s, l, i) {
530  w[l] = w[l] || [];
531  w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
532  var f = d.getElementsByTagName(s)[0],
533    j = d.createElement(s),
534    dl = l != 'dataLayer' ? '&l=' + l : '';
535  j.async = true;
536  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
537  f.parentNode.insertBefore(j, f);
538})(window, document, 'script', 'dataLayer', '
538GTM-N3WSTXZ
vendor: 4 bytes, line 538
538');
539</script>
539<!--$-->
539<script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_3\":-5,\"_4\":-5},\"loaderData\",{\"_5\":6,\"_7\":-5},\"actionData\",\"errors\",\"root\",{\"_8\":9},\"routes/_index\",\"announcementBar\",{\"_10\":11,\"_12\":13},\"href\",\"https://www.builder.io/reports/engineering-leaders-ai-gate\",\"text\",\"Where does your team stand on AI adoption? \"]\n");</script>
539<!--$-->
539<script>window.__reactRouterContext.streamController.close();</script>
539<!--/$--><!--/$--></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.