Sivuston tiedot builder.io
Builder.io: AI Frontend Engineer
Luotu Tammikuu 12 2026 00:12 AM
Vanhentuneet tiedot? PÄIVITÄ !
Pisteet 47/100
SEO Sisältö
Otsikko
Builder.io: AI Frontend Engineer
Pituus : 32
Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
Kuvaus
Builder is an AI Frontend Engineer that helps teams generate, iterate, and optimize web and mobile experiences in seconds instead of sprints.
Pituus : 141
Hienoa, sinun meta-kuvauksesi sisältää väliltä70 ja 160 kirjainta.
Avainsanat
Erittäin huono. Emme löytäneen meta -sanoja sivultasi. Käytä Tätä ilmaista meta-kuvaus generaattoria lisätäksesi kuvauksen.
Open Graph (OG-tägit) tarjoavat mahdollisuuden merkitä verkkosivustojen sisältöä meta-tiedoilla.
Hienoa, sinun sivu käyttää hyödyksi Open Graph protokollaa (OG meta prop).
| Omaisuus | Sisältö |
|---|---|
| title | Builder.io: AI Frontend Engineer |
| description | Builder is an AI Frontend Engineer that helps teams generate, iterate, and optimize web and mobile experiences in seconds instead of sprints. |
| url | https://www.builder.io/ |
| type | website |
| image | https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe9b5e1b5cc5b49f193e8d3468c98b895?width=1200 |
| image:alt | Builder.io: AI Frontend Engineer |
| image:width | 1200 |
| image:height | 630 |
| locale | en_US |
| site_name | Builder.io |
Otsikot
| H1 | H2 | H3 | H4 | H5 | H6 |
| 5 | 17 | 26 | 8 | 0 | 0 |
- [H1] tags */ .static-h1 { font-size: 2rem; color: #ffffff; white-space: nowrap; line-height: 1; font-weight: 600; } /* Global Text Selection Prevention */ .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* --- 3D Container Setup --- */ .picker-stage { perspective: var(--picker-perspective); transform-style: flat; display: flex; justify-content: center; align-items: center; height: 70px; overflow: hidden; position: relative; } /* --- Wheel and Phrases --- */ .picker-container { /* Default width (will be overridden by JS) */ width: 600px; height: var(--item-height); position: relative; transform-style: preserve-3d; /* Transition for dynamic width */ transition: width 0.5s cubic-bezier(.37,.01,0,.98); } .wheel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; /* CSS transition controls the 0.5s rotation speed */ transition: transform 0.5s cubic-bezier(.37,.01,0,.98); } .phrase { position: absolute; top: 0; left: 0; width: 100%; height: var(--item-height); display: flex; justify-content: center; align-items: center; backface-visibility: hidden; font-size: var(--text-size); font-weight: 600; color: var(--text-color); padding: 0.5rem 0; /* Only opacity transition remains */ transition: opacity 0.5s cubic-bezier(.37,.01,0,.98); text-shadow: 0 1px 1px rgba(255,255,255,0.1); /* Default opacity 0 so it can fade in */ opacity: 0; filter: blur(0px); } /* Positioning for all 10 slots */ .phrase:nth-child(1) { transform: rotateX(calc(0 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(2) { transform: rotateX(calc(1 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(3) { transform: rotateX(calc(2 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(4) { transform: rotateX(calc(3 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(5) { transform: rotateX(calc(4 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(6) { transform: rotateX(calc(5 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(7) { transform: rotateX(calc(6 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(8) { transform: rotateX(calc(7 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(9) { transform: rotateX(calc(8 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(10) { transform: rotateX(calc(9 * var(--angle-step))) translateZ(var(--wheel-radius)); } /* --- RESPONSIVE BREAKPOINT --- */ @media (max-width: 767px) { /* 1. Scale down all the 3D geometry and fonts */ :root { /* Smaller font for the spinning phrases */ --text-size: .9rem; /* Reduced height for the phrases */ --item-height: 40px; /* RE-CALCULATED Radius for the new height */ /* R = (20px) / tan(18deg) = 61.55px */ --wheel-radius: 61.55px; } /* 2. Stack the layout vertically */ .sentence-container { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0rem; /* Add a small gap when stacked */ } /* 3. Scale down the static "The" and "agent" text */ .static-h1 { font-size: .9rem; } /* 4. Reduce the height of the 3D stage */ .picker-stage { height: 50px; } /* 5. Add a max-width as a safety guard */ .picker-container { max-width: 95vw; /* Prevents overflow if JS width is wrong */ } }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-h47494{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.css-8n5pqs.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-hggl9r.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-hggl9r.builder-block{display:none;}}@media only screen and (max-width:767px){.css-hggl9r.builder-block{display:none;}} (window.qwikevents||=[]).push('submit') .css-dip6l8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.interactive{ transition: .2s ease-in-out; } .interactive:hover{ opacity:1; } .interactive:active{ transform: scale(.97); } .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; } .skip:focus{ opacity: 1; transform: translateY(0px); } .nav-list-item, .go-to-app, .contact-sales{ transition: background-color .3s cubic-bezier(.37,.01,0,.98); } .nav-list-item:hover, .nav-list-item:focus { background-color: #1E2023; } #nav-list-item-light:hover, #nav-list-item-light:focus { background-color: #FBFBFB!important; } /* Shared Underline */ .nav-underline { position: absolute; bottom: 0; left: 0; height: 3px; background-color: #AC7EF4; width: 0; transition: left 0.3s ease, width 0.3s ease; } .hide-scrollbars { /* Ensures the element is scrollable */ overflow: auto; /* or overflow: scroll; as needed */ /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; } /* Chrome, Safari, and Opera */ .hide-scrollbars::-webkit-scrollbar { display: none; } .no-invert{ filter: invert(0)!important; } @font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-m5w1uj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;top:0px;width:100%;z-index:9999999;}@media only screen and (max-width:1023px){.css-m5w1uj.builder-block{display:none;}}@media only screen and (max-width:767px){.css-m5w1uj.builder-block{display:none;}}.css-1plmb62.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-family:Poppins,sans-serif;font-weight:500;background-color:rgba(172,126,244,1);cursor:pointer;pointer-events:auto;padding-bottom:7px;padding-top:7px;margin-right:auto;width:auto;z-index:999;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:10px;padding-right:10px;border-radius:0px 0px 7px 7px;left:21px;-webkit-transform:translateY(-32px);-ms-transform:translateY(-32px);transform:translateY(-32px);-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);opacity:0;}.css-1qggkls{outline:none;}.css-1qggkls p:first-of-type,.css-1qggkls .builder-paragraph:first-of-type{margin:0;}.css-1qggkls > p,.css-1qggkls .builder-paragraph{color:inherit;line-height:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;text-align:inherit;font-family:inherit;}Skip to main content.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;}@media only screen and (max-width:1023px){.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.announcement-bar-link:focus{ background-color: #333333!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);}@media only screen and (max-width:1023px){.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-top:12px;padding-bottom:12px;pointer-events:auto;margin-bottom:0px;overflow:hidden;color:rgba(0,0,0,1);background-color:rgba(0,0,0,1);-webkit-transition:background-color .3s cubic-bezier(.37,.01,0,.98);transition:background-color .3s cubic-bezier(.37,.01,0,.98);border-width:1px 0px;border-style:solid;border-color:rgba(51,51,51,1);cursor:pointer;}@media only screen and (max-width:1023px){.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0px;margin-bottom:0px;}}@media only screen and (max-width:767px){.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0px;margin-bottom:0px;}}.css-1do6n7h.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;}@media only screen and (max-width:1023px){.css-1do6n7h.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}@media only screen and (max-width:767px){.css-1do6n7h.builder-block{padding-left:0px;padding-right:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-8modg.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-weight:600;color:rgba(255,255,255,1);pointer-events:auto;font-family:"Poppins",sans-serif;}@media only screen and (max-width:1023px){.css-8modg.builder-block{text-align:left;}}@media only screen and (max-width:767px){.css-8modg.builder-block{font-size:11px;text-align:left;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-letter-spacing:-0.3px;-moz-letter-spacing:-0.3px;-ms-letter-spacing:-0.3px;letter-spacing:-0.3px;}}Register: Common mistakes developers make when prompting AI .css-1sh37g3.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-weight:600;color:rgba(0,0,0,1);pointer-events:auto;font-family:"Poppins",sans-serif;}@media only screen and (max-width:1023px){.css-1sh37g3.builder-block{text-align:left;}}@media only screen and (max-width:767px){.css-1sh37g3.builder-block{font-size:11px;text-align:left;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-letter-spacing:-0.3px;-moz-letter-spacing:-0.3px;-ms-letter-spacing:-0.3px;letter-spacing:-0.3px;}}Announcing Visual Copilot - Figma to production in half the time.css-1yre749.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;overflow:hidden;max-width:12px;height:12px;}@media only screen and (max-width:1023px){.css-1yre749.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1yre749.builder-block{display:none;}}.css-10fw3co{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:cover;object-position:right;position:absolute;height:100%;width:100%;left:0;top:0;}.css-tflqze{width:100%;padding-top:107.1%;pointer-events:none;font-size:0;} .css-j3vfoq.builder-block{display:none;}@media only screen and (max-width:1023px){.css-j3vfoq.builder-block{display:none;}}@media only screen and (max-width:767px){.css-j3vfoq.builder-block{display:none;}} if (location.pathname.startsWith('/blog') && window.innerWidth < 500) { document.getElementById('top-banner').style.display = 'none' } .css-ke1ct7.builder-block{height:0;width:0;display:block;opacity:0;overflow:hidden;pointer-events:none;}.css-ic9193.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);padding-left:40px;padding-right:40px;padding-top:0px;padding-bottom:0px;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;z-index:15;}.css-sfsy01.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;max-width:1200px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:58px;border-style:none;border-width:1px;border-color:rgba(239,87,87,0.87);}.css-93a4cq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:120px;cursor:pointer;pointer-events:auto;}.css-12153wi{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:cover;object-position:center;position:absolute;height:100%;width:100%;left:0;top:0;}.css-1a4kgsh{width:100%;padding-top:21.5%;pointer-events:none;font-size:0;} .css-jqzmug.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}.css-1i0we8c.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.css-1j0581v.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:3px;border-style:solid;border-color:rgba(172,126,244,0);border-width:0px 0px 3px 0px;}.css-hxv7hc.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:990px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:56px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-200%;border-radius:0px 0px 15px 15px;overflow:hidden;border-width:0px 0px 1px 1px;border-style:solid;border-color:rgba(0,0,0,0.05);}.css-60god3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:auto;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.05s;transition-delay:.05s;background-color:rgba(0,0,0,1);-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:40px;padding-right:40px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:0;overflow:hidden;}.m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1dbfz2y.builder-block{display:grid;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;padding-top:40px;padding-bottom:40px;border-width:1px;border-color:rgba(29,32,35,1);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}@media only screen and (max-width:1023px){.css-1dbfz2y.builder-block{grid-template-columns:1fr;padding-top:0px;padding-bottom:0px;}}.css-87at0m.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;gap:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}@media only screen and (max-width:1023px){.css-87at0m.builder-block{max-width:none;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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}}.css-ejc03e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}@media only screen and (max-width:1023px){.css-ejc03e.builder-block{width:100%;}}.css-1qgyif1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-weight:500;color:rgba(172,126,244,1);}PRODUCTS.css-rm7iv3{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-rm7iv3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-rm7iv3:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;}.css-174ebgh.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}.css-1iz5vf6.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;}.css-1hbf805{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:contain;object-position:center;position:absolute;height:100%;width:100%;left:0;top:0;}.css-781yh5{width:100%;padding-top:100%;pointer-events:none;font-size:0;} .css-1dahq8r.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;margin-left:-1px;}@media only screen and (max-width:1023px){.css-1dahq8r.builder-block{width:calc(100% - 30px);}}.css-1926ypi.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}Fusion.css-qsirqv.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:260px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:1023px){.css-qsirqv.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Generate production-ready web apps and UIs PublishGenerate, iterate, and optimize pages and headless contentUSERS.css-1u5ho4f.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-6px;}@media only screen and (max-width:1023px){.css-1u5ho4f.builder-block{max-width:27px;margin-left:-7px;}}@media only screen and (max-width:767px){.css-1u5ho4f.builder-block{max-width:27px;margin-left:-8px;}} Engineering teamsCode faster with AI and your design system.css-qyf5uq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-5px;}@media only screen and (max-width:1023px){.css-qyf5uq.builder-block{max-width:27px;margin-left:-6px;}}@media only screen and (max-width:767px){.css-qyf5uq.builder-block{max-width:27px;margin-left:-8px;margin-top:1px;}} Design teamsDesign with code, handoff with confidence.css-1ttefnd.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;margin-left:-6px;} .css-h4nfjj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}@media only screen and (max-width:1023px){.css-h4nfjj.builder-block{width:calc(100% - 30px);}}Product teamsShip prototypes that accelerate the entire software development lifecycle.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}} .css-bu7be.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;margin-left:-7px;} Content teamsGenerate and publish experiences without developer dependencyUSE CASES.css-1fw34k1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:230px;}@media only screen and (max-width:1023px){.css-1fw34k1.builder-block{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;}}.css-1q4owks.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:100%;}.css-nkfuu8{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-nkfuu8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-nkfuu8:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:8px;padding-bottom:8px;padding-right:15px;padding-left:15px;border-style:solid;}.css-1222h0x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;} .css-akq6gf.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:0px;gap:3px;margin-left:-1px;}@media only screen and (max-width:1023px){.css-akq6gf.builder-block{width:calc(100% - 30px);}}Web apps.css-b5cl43{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-b5cl43.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-b5cl43:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-right:15px;padding-left:15px;border-style:solid;} Prototypes .css-7b96wn.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:0px;gap:3px;}@media only screen and (max-width:1023px){.css-7b96wn.builder-block{width:calc(100% - 30px);}}Design to code Landing pages Headless CMS.css-1l897gt.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}@media only screen and (max-width:1023px){.css-1l897gt.builder-block{display:none;}}@media only screen and (max-width:767px){.css-1l897gt.builder-block{display:none;}} Multi-brand CMS Mobile apps Marketing sites.css-1xeo0lv{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1xeo0lv.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:21px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-1xeo0lv:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:8px;padding-bottom:8px;padding-right:21px;padding-left:15px;border-style:solid;} Headless commerce.css-1lxubi4.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px;padding-left:15px;cursor:pointer;border-style:none;border-width:0px;border-color:rgba(172,126,244,0);padding-top:0px;}.css-nn0cbm.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:rgba(255,255,255,1);}Platform.css-1p1mzyq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:6px;width:100%;min-height:20px;min-width:0px;overflow:hidden;max-width:9px;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}.css-1msvpq3{width:100%;padding-top:57.099999999999994%;pointer-events:none;font-size:0;} .css-owucft.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:3px;border-style:solid;border-width:0px 0px 3px 0px;border-color:rgba(172,126,244,0);}.css-1v3ys76.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:860px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:55px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-263%;border-radius:0px 0px 15px 15px;overflow:hidden;border-style:solid;border-width:0px 1px 1px 1px;border-color:rgba(0,0,0,0.05);}.css-165laxz.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.1s;transition-delay:.1s;background-color:rgba(0,0,0,1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);}/* * Custom CSS styles * * Global by default, but use `.builder-component-086cd8afe4f641c997d75245d722c14c` to scope to just this content, e.g. * * .builder-component-086cd8afe4f641c997d75245d722c14c .foo { * color: 'red' * } */ .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1xl209p.builder-block{display:grid;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;padding-top:40px;padding-bottom:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}@media only screen and (max-width:991px){.css-1xl209p.builder-block{padding-top:0px;padding-bottom:0px;grid-template-columns:1fr;}}.css-1ybeg5v.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0px;}@media only screen and (max-width:991px){.css-1ybeg5v.builder-block{max-width:none;}}.css-1wii46i.builder-block{display:grid;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;width:100%;gap:30px;}@media only screen and (max-width:991px){.css-1wii46i.builder-block{grid-template-columns:1fr;gap:30px;}}.css-i4atcp.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:100%;}.css-m0f7iw.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-weight:500;color:rgba(172,126,244,1);}LEARN.css-eb7wpp.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-1d60w36{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1d60w36.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-1d60w36:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;}.css-kavdm1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}@media only screen and (max-width:991px){.css-kavdm1.builder-block{gap:15px;}}.css-g86t0p.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;} .css-1xp4xym.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}@media only screen and (max-width:991px){.css-1xp4xym.builder-block{width:calc(100% - 30px);}}@media only screen and (max-width:640px){.css-1xp4xym.builder-block{width:calc(100% - 30px);}}.css-1r3kdls.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}Blog.css-m46t14.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:175px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:991px){.css-m46t14.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Latest insights, tutorials, and announcements .css-ik62m{width:100%;padding-top:70%;pointer-events:none;font-size:0;} .css-n1r2vr.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;}@media only screen and (max-width:991px){.css-n1r2vr.builder-block{margin-top:-3px;}}.css-1jh7f0u{width:100%;padding-top:70.1%;pointer-events:none;font-size:0;} WebinarsUpcoming events and recorded sessions.css-1f0utc2{width:100%;padding-top:85%;pointer-events:none;font-size:0;} .css-104ygsh{width:100%;padding-top:85.2%;pointer-events:none;font-size:0;} GuidesStep-by-step instructions and use cases Case StudiesReal customer success stories.css-8awkth.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}CONNECT.css-wi81k1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;}.css-yv2fw5{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-yv2fw5.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;pointer-events:auto;cursor:pointer;}.css-yv2fw5:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;} Builder ForumJoin the discussion, ask questions PartnersExplore Builder partners and connect with a team CMS IntegrationsIntegrate with your stack and connect your toolsUPDATES.css-15u8yeu{width:100%;padding-top:90%;pointer-events:none;font-size:0;} .css-1hwlamv{width:100%;padding-top:89.8%;pointer-events:none;font-size:0;} Product UpdatesLatest features and improvements.css-1n465md.builder-block{height:0;width:0;display:block;opacity:0;overflow:hidden;pointer-events:none;}Resources .css-plyxnh.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:312px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:55px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-170%;border-radius:0px 0px 15px 15px;overflow:hidden;border-style:solid;border-width:0px 1px 1px 1px;border-color:rgba(0,0,0,0.05);}.css-vjob52.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);}/* * Custom CSS styles * * Global by default, but use `.builder-component-5e4cbaf6dedb4adf82a921d9ba129ca4` to scope to just this content, e.g. * * .builder-component-5e4cbaf6dedb4adf82a921d9ba129ca4 .foo { * color: 'red' * } */ .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; } @font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1jdjeos.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;grid-template-columns:1fr .7fr 1.2fr 1fr;padding-top:40px;padding-bottom:40px;}@media only screen and (max-width:1023px){.css-1jdjeos.builder-block{padding-top:0px;padding-bottom:0px;grid-template-columns:1fr;}}.css-1rgkmtj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;gap:0px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media only screen and (max-width:1023px){.css-1rgkmtj.builder-block{max-width:none;}}.css-a3g804.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;} Fusion docs.css-1yjl7gq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:175px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:1023px){.css-1yjl7gq.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Learn to vibe code in new or existing apps Publish docsUse Builder to publish content for your site.css-tfezuz.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-6px;} Figma to code docsConvert Figma designs into real code.css-1yqj6us.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:10px;height:1px;width:100%;border-width:1px;border-style:none;border-color:rgba(192,192,192,1);background-color:rgba(192,192,192,0.2);margin-bottom:20px;}.css-1oqfc2e{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1oqfc2e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.css-1oqfc2e:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;} .css-nvua54.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}.css-1h88yi.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:3px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}All docsDocs .css-j6dd0w.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:0px;border-style:solid;border-color:rgba(172,126,244,0);border-width:0px;}.css-f4dzsl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:15px;padding-left:15px;cursor:pointer;pointer-events:auto;border-style:solid;border-width:0px;border-color:rgba(172,126,244,0);padding-top:0px;}EnterprisePricing.css-hrxwuj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-3n7fsx.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-l4uh34.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:8px;}.css-ouzwo8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;background-color:black;color:white;border-radius:5px;text-align:center;cursor:pointer;border-width:2px;border-style:solid;border-color:rgba(255,255,255,0.3);overflow:hidden;font-size:14px;font-weight:500;}Contact sales.css-nr5m1x{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-nr5m1x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;background-color:rgba(172,126,244,1);color:rgba(0,0,0,1);border-radius:5px;text-align:center;cursor:pointer;font-size:14px;font-weight:500;border-style:solid;border-width:2px;border-color:rgba(172,126,244,1);-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;overflow:hidden;min-width:104px;min-height:35px;}.css-nr5m1x:hover{background-color:rgba(187,150,250,1);border-color:rgba(187,150,250,1);}.css-1q4b2f7.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;padding-left:0px;padding-top:0px;padding-bottom:0px;padding-right:0px;height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);}@media only screen and (max-width:1023px){.css-1q4b2f7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1q4b2f7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-1eo1ixl.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1eo1ixl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;width:100%;top:0px;z-index:99999999999;}}@media only screen and (max-width:767px){.css-1eo1ixl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.announcement-bar-link:focus{ background-color: #333333!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }Register: Common mistakes developers make when prompting AI Announcing Visual Copilot - Figma to production in half the time if (location.pathname.startsWith('/blog') && window.innerWidth < 500) { document.getElementById('top-banner').style.display = 'none' } .css-1vkw775.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);padding-left:40px;padding-right:40px;padding-top:0px;padding-bottom:0px;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}@media only screen and (max-width:1023px){.css-1vkw775.builder-block{padding-left:20px;padding-right:20px;}}@media only screen and (max-width:767px){.css-1vkw775.builder-block{padding-left:15px;padding-right:15px;}}.css-3c4l6u.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;max-width:1200px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:57px;}.css-1j1tlvc.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:145px;pointer-events:auto;} .css-v0jck8.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-v0jck8.builder-block{width:auto;height:auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;margin-left:0px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-left:20px;padding-right:20px;margin-right:-20px;}}@media only screen and (max-width:767px){.css-v0jck8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-1l7iwo4.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1l7iwo4.builder-block{gap:7px;}}.css-1prpvm7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1prpvm7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-gavc7f.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-gavc7f.builder-block{margin-left:auto;width:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-9reg5e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-9reg5e.builder-block{margin-left:auto;width:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-1hjrtcb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-1hjrtcb.builder-block{margin-left:auto;width:20px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transition:max-width .2s cubic-bezier(.37,.01,0,.98);transition:max-width .2s cubic-bezier(.37,.01,0,.98);}}.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:100px;}@media only screen and (max-width:1023px){.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:99px;}}@media only screen and (max-width:767px){.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:95px;}}.css-j9qxy8.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:58px;}@media only screen and (max-width:1023px){.css-j9qxy8.builder-block{display:none;}}@media only screen and (max-width:767px){.css-j9qxy8.builder-block{display:none;}}.css-88onzs.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;padding-left:40px;padding-right:40px;padding-top:140px;padding-bottom:31px;min-height:100px;}@media only screen and (max-width:1023px){.css-88onzs.builder-block{padding-left:20px;padding-right:20px;padding-bottom:74px;}}@media only screen and (max-width:767px){.css-88onzs.builder-block{padding-top:40px;padding-bottom:40px;padding-left:15px;padding-right:15px;}}.css-c7v8zh{width:100%;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;box-sizing:border-box;max-width:1200px;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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-left:auto;margin-right:auto;}.css-j89kdb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;box-sizing:border-box;margin-top:20px;width:100%;min-height:970px;min-width:20px;overflow:hidden;inset:0;opacity:0.35;top:41%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:saturate(1.5);filter:saturate(1.5);}.css-1x1l066{width:100%;padding-top:83.39999999999999%;pointer-events:none;font-size:0;} .css-1eou2t2.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;margin-top:20px;height:200%;top:-120px;left:0;opacity:0.8;}@media only screen and (max-width:1023px){.css-1eou2t2.builder-block{display:none;}}@media only screen and (max-width:767px){.css-1eou2t2.builder-block{display:none;}}.css-1w8z8yz.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;margin-bottom:5px;}.css-1j4jra0.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:20px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:35px;pointer-events:none;opacity:0.9;} .css-1hmmapg.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:10px;line-height:normal;height:auto;color:rgba(255,255,255,0.7);text-transform:uppercase;text-wrap:pretty;-webkit-letter-spacing:1px;-moz-letter-spacing:1px;-ms-letter-spacing:1px;letter-spacing:1px;font-family:"Poppins",sans-serif;text-align:center;font-weight:500;pointer-events:none;}@media only screen and (max-width:1023px){.css-1hmmapg.builder-block{font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1hmmapg.builder-block{font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}The AI agent for product, design, and code
- [H1] The
- [H1] agent
- [H1] tags */ .static-h1 { font-size: 2rem; color: #ffffff; white-space: nowrap; line-height: 1; font-weight: 600; } /* Global Text Selection Prevention */ .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* --- 3D Container Setup --- */ .picker-stage { perspective: var(--picker-perspective); transform-style: flat; display: flex; justify-content: center; align-items: center; height: 70px; overflow: hidden; position: relative; } /* --- Wheel and Phrases --- */ .picker-container { /* Default width (will be overridden by JS) */ width: 600px; height: var(--item-height); position: relative; transform-style: preserve-3d; /* Transition for dynamic width */ transition: width 0.5s cubic-bezier(.37, .01, 0, .98); } .wheel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; /* CSS transition controls the 0.5s rotation speed */ transition: transform 0.5s cubic-bezier(.37, .01, 0, .98); } .phrase { position: absolute; top: 0; left: 0; width: 100%; height: var(--item-height); display: flex; justify-content: center; align-items: center; backface-visibility: hidden; font-size: var(--text-size); font-weight: 600; color: var(--text-color); padding: 0.5rem 0; /* Only opacity transition remains */ transition: opacity 0.5s cubic-bezier(.37, .01, 0, .98); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); /* Default opacity 0 so it can fade in */ opacity: 0; filter: blur(0px); } /* Positioning for all 10 slots */ .phrase:nth-child(1) { transform: rotateX(calc(0 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(2) { transform: rotateX(calc(1 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(3) { transform: rotateX(calc(2 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(4) { transform: rotateX(calc(3 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(5) { transform: rotateX(calc(4 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(6) { transform: rotateX(calc(5 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(7) { transform: rotateX(calc(6 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(8) { transform: rotateX(calc(7 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(9) { transform: rotateX(calc(8 * var(--angle-step))) translateZ(var(--wheel-radius)); } .phrase:nth-child(10) { transform: rotateX(calc(9 * var(--angle-step))) translateZ(var(--wheel-radius)); } /* --- RESPONSIVE BREAKPOINT --- */ @media (max-width: 767px) { /* 1. Scale down all the 3D geometry and fonts */ :root { /* Smaller font for the spinning phrases */ --text-size: .9rem; /* Reduced height for the phrases */ --item-height: 40px; /* RE-CALCULATED Radius for the new height */ /* R = (20px) / tan(18deg) = 61.55px */ --wheel-radius: 61.55px; } /* 2. Stack the layout vertically */ .sentence-container { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0rem; /* Add a small gap when stacked */ } /* 3. Scale down the static "The" and "agent" text */ .static-h1 { font-size: .9rem; } /* 4. Reduce the height of the 3D stage */ .picker-stage { height: 50px; } /* 5. Add a max-width as a safety guard */ .picker-container { max-width: 95vw; /* Prevents overflow if JS width is wrong */ } } .interactive-tab:hover { opacity: 90; background-color: #202323; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-h47494{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.css-8n5pqs.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-hggl9r.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-hggl9r.builder-block{display:none;}}@media only screen and (max-width:767px){.css-hggl9r.builder-block{display:none;}} (window.qwikevents||=[]).push('submit') .css-dip6l8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.interactive{ transition: .2s ease-in-out; } .interactive:hover{ opacity:1; } .interactive:active{ transform: scale(.97); } .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; } .skip:focus{ opacity: 1; transform: translateY(0px); } .nav-list-item, .go-to-app, .contact-sales{ transition: background-color .3s cubic-bezier(.37,.01,0,.98); } .nav-list-item:hover, .nav-list-item:focus { background-color: #1E2023; } #nav-list-item-light:hover, #nav-list-item-light:focus { background-color: #FBFBFB!important; } /* Shared Underline */ .nav-underline { position: absolute; bottom: 0; left: 0; height: 3px; background-color: #AC7EF4; width: 0; transition: left 0.3s ease, width 0.3s ease; } .hide-scrollbars { /* Ensures the element is scrollable */ overflow: auto; /* or overflow: scroll; as needed */ /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; } /* Chrome, Safari, and Opera */ .hide-scrollbars::-webkit-scrollbar { display: none; } .no-invert{ filter: invert(0)!important; } @font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-m5w1uj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;top:0px;width:100%;z-index:9999999;}@media only screen and (max-width:1023px){.css-m5w1uj.builder-block{display:none;}}@media only screen and (max-width:767px){.css-m5w1uj.builder-block{display:none;}}.css-1plmb62.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-family:Poppins,sans-serif;font-weight:500;background-color:rgba(172,126,244,1);cursor:pointer;pointer-events:auto;padding-bottom:7px;padding-top:7px;margin-right:auto;width:auto;z-index:999;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:10px;padding-right:10px;border-radius:0px 0px 7px 7px;left:21px;-webkit-transform:translateY(-32px);-ms-transform:translateY(-32px);transform:translateY(-32px);-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);opacity:0;}.css-1qggkls{outline:none;}.css-1qggkls p:first-of-type,.css-1qggkls .builder-paragraph:first-of-type{margin:0;}.css-1qggkls > p,.css-1qggkls .builder-paragraph{color:inherit;line-height:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;text-align:inherit;font-family:inherit;}Skip to main content.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;}@media only screen and (max-width:1023px){.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1ifm7oy.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.announcement-bar-link:focus{ background-color: #333333!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);}@media only screen and (max-width:1023px){.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1vdkfk3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-top:12px;padding-bottom:12px;pointer-events:auto;margin-bottom:0px;overflow:hidden;color:rgba(0,0,0,1);background-color:rgba(0,0,0,1);-webkit-transition:background-color .3s cubic-bezier(.37,.01,0,.98);transition:background-color .3s cubic-bezier(.37,.01,0,.98);border-width:1px 0px;border-style:solid;border-color:rgba(51,51,51,1);cursor:pointer;}@media only screen and (max-width:1023px){.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0px;margin-bottom:0px;}}@media only screen and (max-width:767px){.css-rzj6kb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0px;margin-bottom:0px;}}.css-1do6n7h.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;}@media only screen and (max-width:1023px){.css-1do6n7h.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}@media only screen and (max-width:767px){.css-1do6n7h.builder-block{padding-left:0px;padding-right:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-8modg.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-weight:600;color:rgba(255,255,255,1);pointer-events:auto;font-family:"Poppins",sans-serif;}@media only screen and (max-width:1023px){.css-8modg.builder-block{text-align:left;}}@media only screen and (max-width:767px){.css-8modg.builder-block{font-size:11px;text-align:left;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-letter-spacing:-0.3px;-moz-letter-spacing:-0.3px;-ms-letter-spacing:-0.3px;letter-spacing:-0.3px;}}Register: Common mistakes developers make when prompting AI .css-1sh37g3.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;text-align:center;font-size:14px;font-weight:600;color:rgba(0,0,0,1);pointer-events:auto;font-family:"Poppins",sans-serif;}@media only screen and (max-width:1023px){.css-1sh37g3.builder-block{text-align:left;}}@media only screen and (max-width:767px){.css-1sh37g3.builder-block{font-size:11px;text-align:left;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-letter-spacing:-0.3px;-moz-letter-spacing:-0.3px;-ms-letter-spacing:-0.3px;letter-spacing:-0.3px;}}Announcing Visual Copilot - Figma to production in half the time.css-1yre749.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;overflow:hidden;max-width:12px;height:12px;}@media only screen and (max-width:1023px){.css-1yre749.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1yre749.builder-block{display:none;}}.css-10fw3co{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:cover;object-position:right;position:absolute;height:100%;width:100%;left:0;top:0;}.css-tflqze{width:100%;padding-top:107.1%;pointer-events:none;font-size:0;} .css-j3vfoq.builder-block{display:none;}@media only screen and (max-width:1023px){.css-j3vfoq.builder-block{display:none;}}@media only screen and (max-width:767px){.css-j3vfoq.builder-block{display:none;}} if (location.pathname.startsWith('/blog') && window.innerWidth < 500) { document.getElementById('top-banner').style.display = 'none' } .css-ke1ct7.builder-block{height:0;width:0;display:block;opacity:0;overflow:hidden;pointer-events:none;}.css-ic9193.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);padding-left:40px;padding-right:40px;padding-top:0px;padding-bottom:0px;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;z-index:15;}.css-sfsy01.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;max-width:1200px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:58px;border-style:none;border-width:1px;border-color:rgba(239,87,87,0.87);}.css-93a4cq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:120px;cursor:pointer;pointer-events:auto;}.css-12153wi{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:cover;object-position:center;position:absolute;height:100%;width:100%;left:0;top:0;}.css-1a4kgsh{width:100%;padding-top:21.5%;pointer-events:none;font-size:0;} .css-jqzmug.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}.css-1i0we8c.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.css-1j0581v.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:3px;border-style:solid;border-color:rgba(172,126,244,0);border-width:0px 0px 3px 0px;}.css-hxv7hc.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:990px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:56px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-200%;border-radius:0px 0px 15px 15px;overflow:hidden;border-width:0px 0px 1px 1px;border-style:solid;border-color:rgba(0,0,0,0.05);}.css-60god3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:auto;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.05s;transition-delay:.05s;background-color:rgba(0,0,0,1);-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:40px;padding-right:40px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:0;overflow:hidden;}.m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1dbfz2y.builder-block{display:grid;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;padding-top:40px;padding-bottom:40px;border-width:1px;border-color:rgba(29,32,35,1);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}@media only screen and (max-width:1023px){.css-1dbfz2y.builder-block{grid-template-columns:1fr;padding-top:0px;padding-bottom:0px;}}.css-87at0m.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;gap:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}@media only screen and (max-width:1023px){.css-87at0m.builder-block{max-width:none;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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}}.css-ejc03e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}@media only screen and (max-width:1023px){.css-ejc03e.builder-block{width:100%;}}.css-1qgyif1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-weight:500;color:rgba(172,126,244,1);}PRODUCTS.css-rm7iv3{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-rm7iv3.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-rm7iv3:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;}.css-174ebgh.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}.css-1iz5vf6.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;}.css-1hbf805{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;object-fit:contain;object-position:center;position:absolute;height:100%;width:100%;left:0;top:0;}.css-781yh5{width:100%;padding-top:100%;pointer-events:none;font-size:0;} .css-1dahq8r.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;margin-left:-1px;}@media only screen and (max-width:1023px){.css-1dahq8r.builder-block{width:calc(100% - 30px);}}.css-1926ypi.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}Fusion.css-qsirqv.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:260px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:1023px){.css-qsirqv.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Generate production-ready web apps and UIs PublishGenerate, iterate, and optimize pages and headless contentUSERS.css-1u5ho4f.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-6px;}@media only screen and (max-width:1023px){.css-1u5ho4f.builder-block{max-width:27px;margin-left:-7px;}}@media only screen and (max-width:767px){.css-1u5ho4f.builder-block{max-width:27px;margin-left:-8px;}} Engineering teamsCode faster with AI and your design system.css-qyf5uq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-5px;}@media only screen and (max-width:1023px){.css-qyf5uq.builder-block{max-width:27px;margin-left:-6px;}}@media only screen and (max-width:767px){.css-qyf5uq.builder-block{max-width:27px;margin-left:-8px;margin-top:1px;}} Design teamsDesign with code, handoff with confidence.css-1ttefnd.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;margin-left:-6px;} .css-h4nfjj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}@media only screen and (max-width:1023px){.css-h4nfjj.builder-block{width:calc(100% - 30px);}}Product teamsShip prototypes that accelerate the entire software development lifecycle.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-5vzr8x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}} .css-bu7be.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:25px;margin-left:-7px;} Content teamsGenerate and publish experiences without developer dependencyUSE CASES.css-1fw34k1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:230px;}@media only screen and (max-width:1023px){.css-1fw34k1.builder-block{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;}}.css-1q4owks.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:100%;}.css-nkfuu8{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-nkfuu8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-nkfuu8:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:8px;padding-bottom:8px;padding-right:15px;padding-left:15px;border-style:solid;}.css-1222h0x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;} .css-akq6gf.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:0px;gap:3px;margin-left:-1px;}@media only screen and (max-width:1023px){.css-akq6gf.builder-block{width:calc(100% - 30px);}}Web apps.css-b5cl43{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-b5cl43.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-b5cl43:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-right:15px;padding-left:15px;border-style:solid;} Prototypes .css-7b96wn.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:0px;gap:3px;}@media only screen and (max-width:1023px){.css-7b96wn.builder-block{width:calc(100% - 30px);}}Design to code Landing pages Headless CMS.css-1l897gt.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}@media only screen and (max-width:1023px){.css-1l897gt.builder-block{display:none;}}@media only screen and (max-width:767px){.css-1l897gt.builder-block{display:none;}} Multi-brand CMS Mobile apps Marketing sites.css-1xeo0lv{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1xeo0lv.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:8px;padding-left:15px;padding-bottom:8px;padding-right:21px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-1xeo0lv:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:8px;padding-bottom:8px;padding-right:21px;padding-left:15px;border-style:solid;} Headless commerce.css-1lxubi4.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px;padding-left:15px;cursor:pointer;border-style:none;border-width:0px;border-color:rgba(172,126,244,0);padding-top:0px;}.css-nn0cbm.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:rgba(255,255,255,1);}Platform.css-1p1mzyq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:6px;width:100%;min-height:20px;min-width:0px;overflow:hidden;max-width:9px;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}.css-1msvpq3{width:100%;padding-top:57.099999999999994%;pointer-events:none;font-size:0;} .css-owucft.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:3px;border-style:solid;border-width:0px 0px 3px 0px;border-color:rgba(172,126,244,0);}.css-1v3ys76.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:860px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:55px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-263%;border-radius:0px 0px 15px 15px;overflow:hidden;border-style:solid;border-width:0px 1px 1px 1px;border-color:rgba(0,0,0,0.05);}.css-165laxz.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.1s;transition-delay:.1s;background-color:rgba(0,0,0,1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);}/* * Custom CSS styles * * Global by default, but use `.builder-component-086cd8afe4f641c997d75245d722c14c` to scope to just this content, e.g. * * .builder-component-086cd8afe4f641c997d75245d722c14c .foo { * color: 'red' * } */ .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1xl209p.builder-block{display:grid;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;padding-top:40px;padding-bottom:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}@media only screen and (max-width:991px){.css-1xl209p.builder-block{padding-top:0px;padding-bottom:0px;grid-template-columns:1fr;}}.css-1ybeg5v.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0px;}@media only screen and (max-width:991px){.css-1ybeg5v.builder-block{max-width:none;}}.css-1wii46i.builder-block{display:grid;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;width:100%;gap:30px;}@media only screen and (max-width:991px){.css-1wii46i.builder-block{grid-template-columns:1fr;gap:30px;}}.css-i4atcp.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;width:100%;}.css-m0f7iw.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-weight:500;color:rgba(172,126,244,1);}LEARN.css-eb7wpp.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-1d60w36{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1d60w36.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;}.css-1d60w36:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;}.css-kavdm1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-left:0px;border-radius:8px;pointer-events:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}@media only screen and (max-width:991px){.css-kavdm1.builder-block{gap:15px;}}.css-g86t0p.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;} .css-1xp4xym.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}@media only screen and (max-width:991px){.css-1xp4xym.builder-block{width:calc(100% - 30px);}}@media only screen and (max-width:640px){.css-1xp4xym.builder-block{width:calc(100% - 30px);}}.css-1r3kdls.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}Blog.css-m46t14.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:175px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:991px){.css-m46t14.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Latest insights, tutorials, and announcements .css-ik62m{width:100%;padding-top:70%;pointer-events:none;font-size:0;} .css-n1r2vr.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;}@media only screen and (max-width:991px){.css-n1r2vr.builder-block{margin-top:-3px;}}.css-1jh7f0u{width:100%;padding-top:70.1%;pointer-events:none;font-size:0;} WebinarsUpcoming events and recorded sessions.css-1f0utc2{width:100%;padding-top:85%;pointer-events:none;font-size:0;} .css-104ygsh{width:100%;padding-top:85.2%;pointer-events:none;font-size:0;} GuidesStep-by-step instructions and use cases Case StudiesReal customer success stories.css-8awkth.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:10px;}CONNECT.css-wi81k1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;}.css-yv2fw5{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-yv2fw5.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;pointer-events:auto;cursor:pointer;}.css-yv2fw5:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;} Builder ForumJoin the discussion, ask questions PartnersExplore Builder partners and connect with a team CMS IntegrationsIntegrate with your stack and connect your toolsUPDATES.css-15u8yeu{width:100%;padding-top:90%;pointer-events:none;font-size:0;} .css-1hwlamv{width:100%;padding-top:89.8%;pointer-events:none;font-size:0;} Product UpdatesLatest features and improvements.css-1n465md.builder-block{height:0;width:0;display:block;opacity:0;overflow:hidden;pointer-events:none;}Resources .css-plyxnh.builder-block{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:312px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;top:55px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-top:0px;padding-bottom:0px;left:-170%;border-radius:0px 0px 15px 15px;overflow:hidden;border-style:solid;border-width:0px 1px 1px 1px;border-color:rgba(0,0,0,0.05);}.css-vjob52.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);}/* * Custom CSS styles * * Global by default, but use `.builder-component-5e4cbaf6dedb4adf82a921d9ba129ca4` to scope to just this content, e.g. * * .builder-component-5e4cbaf6dedb4adf82a921d9ba129ca4 .foo { * color: 'red' * } */ .m-text * { font-weight: inherit; font-size: inherit; line-height: inherit; margin: unset!important; } @font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }.css-1jdjeos.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:25px;width:100%;grid-template-columns:1fr .7fr 1.2fr 1fr;padding-top:40px;padding-bottom:40px;}@media only screen and (max-width:1023px){.css-1jdjeos.builder-block{padding-top:0px;padding-bottom:0px;grid-template-columns:1fr;}}.css-1rgkmtj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;gap:0px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media only screen and (max-width:1023px){.css-1rgkmtj.builder-block{max-width:none;}}.css-a3g804.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:20px;} Fusion docs.css-1yjl7gq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;line-height:normal;height:auto;font-size:13px;max-width:175px;color:rgba(40,40,40,0.87);text-wrap:pretty;}@media only screen and (max-width:1023px){.css-1yjl7gq.builder-block{max-width:none;width:calc(100% - 30px);text-wrap:pretty;}}Learn to vibe code in new or existing apps Publish docsUse Builder to publish content for your site.css-tfezuz.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:26px;margin-left:-6px;} Figma to code docsConvert Figma designs into real code.css-1yqj6us.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:10px;height:1px;width:100%;border-width:1px;border-style:none;border-color:rgba(192,192,192,1);background-color:rgba(192,192,192,0.2);margin-bottom:20px;}.css-1oqfc2e{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-1oqfc2e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;margin-left:0px;padding-top:15px;padding-left:15px;padding-bottom:15px;padding-right:15px;border-style:solid;border-width:1px;border-color:rgba(192,192,192,0.2);border-radius:5px;overflow:hidden;cursor:pointer;pointer-events:auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.css-1oqfc2e:hover{border-color:rgba(185,185,185,0.33);background-color:rgba(185,185,185,0.33);padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;border-style:solid;} .css-nvua54.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:-4px;gap:3px;}.css-1h88yi.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:3px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-size:14px;font-family:Poppins,sans-serif;font-weight:500;}All docsDocs .css-j6dd0w.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:0px;border-style:solid;border-color:rgba(172,126,244,0);border-width:0px;}.css-f4dzsl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:15px;padding-left:15px;cursor:pointer;pointer-events:auto;border-style:solid;border-width:0px;border-color:rgba(172,126,244,0);padding-top:0px;}EnterprisePricing.css-hrxwuj.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-3n7fsx.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}.css-l4uh34.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;gap:8px;}.css-ouzwo8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;background-color:black;color:white;border-radius:5px;text-align:center;cursor:pointer;border-width:2px;border-style:solid;border-color:rgba(255,255,255,0.3);overflow:hidden;font-size:14px;font-weight:500;}Contact sales.css-nr5m1x{-webkit-transition:all 0.3s cubic-bezier(.37,.01,0,.98);transition:all 0.3s cubic-bezier(.37,.01,0,.98);}.css-nr5m1x.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;background-color:rgba(172,126,244,1);color:rgba(0,0,0,1);border-radius:5px;text-align:center;cursor:pointer;font-size:14px;font-weight:500;border-style:solid;border-width:2px;border-color:rgba(172,126,244,1);-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;overflow:hidden;min-width:104px;min-height:35px;}.css-nr5m1x:hover{background-color:rgba(187,150,250,1);border-color:rgba(187,150,250,1);}.css-1q4b2f7.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;padding-left:0px;padding-top:0px;padding-bottom:0px;padding-right:0px;height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);}@media only screen and (max-width:1023px){.css-1q4b2f7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media only screen and (max-width:767px){.css-1q4b2f7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-1eo1ixl.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1eo1ixl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;width:100%;top:0px;z-index:99999999999;}}@media only screen and (max-width:767px){.css-1eo1ixl.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.announcement-bar-link:focus{ background-color: #333333!important; }@font-face { font-family: "Poppins"; src: local("Poppins"), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf') format('woff2'); font-display: fallback; font-weight: 400; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf') format('woff2'); font-display: fallback; font-weight: 100; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 200; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 300; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 500; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 600; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 700; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 800; }@font-face { font-family: "Poppins"; src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf') format('woff2'); font-display: fallback; font-weight: 900; }Register: Common mistakes developers make when prompting AI Announcing Visual Copilot - Figma to production in half the time if (location.pathname.startsWith('/blog') && window.innerWidth < 500) { document.getElementById('top-banner').style.display = 'none' } .css-1vkw775.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;background-color:rgba(0,0,0,1);padding-left:40px;padding-right:40px;padding-top:0px;padding-bottom:0px;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}@media only screen and (max-width:1023px){.css-1vkw775.builder-block{padding-left:20px;padding-right:20px;}}@media only screen and (max-width:767px){.css-1vkw775.builder-block{padding-left:15px;padding-right:15px;}}.css-3c4l6u.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;max-width:1200px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:57px;}.css-1j1tlvc.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:145px;pointer-events:auto;} .css-v0jck8.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-v0jck8.builder-block{width:auto;height:auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;margin-left:0px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-left:20px;padding-right:20px;margin-right:-20px;}}@media only screen and (max-width:767px){.css-v0jck8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.css-1l7iwo4.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1l7iwo4.builder-block{gap:7px;}}.css-1prpvm7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-1prpvm7.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-gavc7f.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-gavc7f.builder-block{margin-left:auto;width:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-9reg5e.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-9reg5e.builder-block{margin-left:auto;width:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s cubic-bezier(.37,.01,0,.98);-webkit-transition:transform .3s cubic-bezier(.37,.01,0,.98);transition:transform .3s cubic-bezier(.37,.01,0,.98);}}.css-1hjrtcb.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-left:20px;height:200px;width:200px;}@media only screen and (max-width:1023px){.css-1hjrtcb.builder-block{margin-left:auto;width:20px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:2px;background-color:rgba(255,255,255,1);margin-right:auto;-webkit-transition:max-width .2s cubic-bezier(.37,.01,0,.98);transition:max-width .2s cubic-bezier(.37,.01,0,.98);}}.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:100px;}@media only screen and (max-width:1023px){.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:99px;}}@media only screen and (max-width:767px){.css-mo5o05.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:95px;}}.css-j9qxy8.builder-block{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;height:58px;}@media only screen and (max-width:1023px){.css-j9qxy8.builder-block{display:none;}}@media only screen and (max-width:767px){.css-j9qxy8.builder-block{display:none;}}.css-ukbr3m.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;padding-left:40px;padding-right:40px;padding-top:80px;padding-bottom:80px;min-height:100px;opacity:1;}@media only screen and (max-width:1023px){.css-ukbr3m.builder-block{padding-left:20px;padding-right:20px;padding-bottom:74px;}}@media only screen and (max-width:767px){.css-ukbr3m.builder-block{padding-top:40px;padding-bottom:40px;padding-left:15px;padding-right:15px;}}.css-c7v8zh{width:100%;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;box-sizing:border-box;max-width:1200px;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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-left:auto;margin-right:auto;}.css-tq7xxu.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}@media only screen and (max-width:1023px){.css-tq7xxu.builder-block{display:none;}}@media only screen and (max-width:767px){.css-tq7xxu.builder-block{display:none;}}.css-1tiz9ku.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:69px;height:auto;color:rgba(255,255,255,1);font-weight:700;font-size:56px;width:100%;max-width:732px;-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;margin-bottom:6px;}Ship UI 4x faster with an AI frontend engineer.css-1c71gm8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:20px;background-color:rgba(24,182,246,1);border-width:0px;border-style:solid;border-radius:5px;padding-left:15px;padding-right:12px;padding-top:8px;padding-bottom:8px;gap:8px;margin-right:auto;border-color:rgba(24,182,246,1);cursor:pointer;pointer-events:auto;}.css-f9isoe.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;font-family:Poppins,sans-serif;font-size:17px;font-weight:500;}Start building .css-wkdk6.builder-block{display:grid;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:40px;grid-template-columns:420px 1fr;gap:40px;}.css-ur4qf.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-top:20px;}.css-8ob8nv.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:27px;height:auto;color:rgba(255,255,255,0.8);font-weight:500;width:100%;max-width:450px;margin-bottom:30px;font-size:17px;z-index:1;}Design, prototype, and ship production changes within your existing sites and applications. .css-d0m0h1.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:41px;opacity:0.7;-webkit-transition:.3s cubic-bezier(.37,.01,0,.98);transition:.3s cubic-bezier(.37,.01,0,.98);cursor:pointer;border-radius:8px;overflow:hidden;margin-right:auto;width:100%;z-index:1;}.css-1c1z7jf.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;width:100%;min-height:20px;min-width:20px;overflow:hidden;margin-top:0;max-width:30px;height:30px;} .css-1btp9vq.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-transition:.5s cubic-bezier(.37,.01,0,.98);transition:.5s cubic-bezier(.37,.01,0,.98);width:calc(100% - 42px);}.css-1i5wbtc.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:0px;line-height:normal;height:auto;color:rgba(255,255,255,1);font-weight:600;width:100%;max-width:450px;font-size:18px;}Tag, ticket, or prompt
- [H1] Ship UI 4x faster with the AI frontend engineer
- [H2] using your design & code context
- [H2] Visual Development Platform
- [H2] Integration points for any use case
- [H2] Built for teams shipping at scale
- [H2] Two products to go from idea to production faster
- [H2] Refine and iterate
- [H2] Review, approve, and ship
- [H2] Review, approve, and ship
- [H2] Tag, ticket, or prompt
- [H2] Refine and iterate
- [H2] Review, approve, and ship
- [H2] Tag, ticket, or prompt
- [H2] Refine and iterate
- [H2] Review, approve, and ship
- [H2] Integration points for any use case
- [H2] Built for teams shipping at scale
- [H2] Two products to go from idea to production faster
- [H3] ENTERPRISE
- [H3] Roles & permissions
- [H3] Rules & Workflows
- [H3] No training on your data
- [H3] Enterprise security & privacy
- [H3] Get Started with Builder
- [H3] Get the latest from Builder.io
- [H3] Platform
- [H3] Developer Resources
- [H3] Frameworks
- [H3] Resources
- [H3] Popular Guides
- [H3] Company
- [H3] ENTERPRISE
- [H3] Roles & permissions
- [H3] Rules & Workflows
- [H3] No training on your data
- [H3] Enterprise security & privacy
- [H3] Get Started with Builder
- [H3] Get the latest from Builder.io
- [H3] Platform
- [H3] Developer Resources
- [H3] Frameworks
- [H3] Resources
- [H3] Popular Guides
- [H3] Company
- [H4] Use your existing code
- [H4] Bring in your Figma designs
- [H4] Visually edit anything
- [H4] Works within your workflow
- [H4] Use your existing code
- [H4] Bring in your Figma designs
- [H4] Visually edit anything
- [H4] Works within your workflow
Kuvat
Emme löytäneet 312 yhtään kuvia tältä sivustolta.
226 Alt-attribuutit on tyhjiä tai poistettu. Lisää vaihtoehtoista tekstiä niin, että hakukoneet ymmärtävät paremmin kuvatesi sisällön.
Kirjain/HTML suhde
Suhde : 0%
Tämän sivun / sivujen suhde teksti -> HTML on vähemmäinkuin 15 prosenttia, tämä tarkoittaa sitä, että luultavasti tulee tarvitsemaan lisää teksti sisältöä.
Flash
Täydellistä!, Flash-sisältöä ei ole havaittu tällä sivulla.
html-dokumentti sivun sisälle (Iframe)
Erittäin huono, Web-sivuilla on Iframes, tämä tarkoittaa, että Iframe-sisältöä ei voida indeksoida.
SEO Linkit
URL- Uudelleenkirjoitus
Hyvä. Sinun linkkisi näyttävät puhtailta!
Alleviivaa URL-osoitteet
Täydellistä! URL-osoitteissasi ei ole merkintöjä.
Sivun linkit
Löysimme yhteensä 5 linkit jotka sisältää 0 linkit tiedostoihin
| Ankkuri | Tyyppi | Mehu |
|---|---|---|
| Contact sales | Sisäinen | Antaa mehua |
| - | Sisäinen | Antaa mehua |
| Learn more | Sisäinen | Antaa mehua |
| Learn more | Sisäinen | Antaa mehua |
| Try it now | Sisäinen | Antaa mehua |
SEO avainsanat
Avainsana pilvi
Avainsanojen johdonmukaisuus
| Avainsana | Sisältö | Otsikko | Avainsanat | Kuvaus | Otsikot |
|---|
Käytettävyys
Url
Sivusto : builder.io
Pituus : 10
Pikkukuva (favicon)
Hienoa, sinun sivulla on favicon (pikakuvake).
Tulostettavuus
Emme löytäneet tulostusystävällistä CSS-palvelua.
Kieli
Hyvä. Ilmoitettu kieli on en.
Metatietosanastostandardi informaatio (DC)
Tämä sivu ei käytä hyödyksi (DublinCore =DC) metatietosanastostandardi informaatiokuvausta.
Dokumentti
(dokumenttityyppi); Merkistökoodaus
HTML 5
Koodaus/tietojenkäsittely
Täydellistä. Ilmoitettu asiakirjan merkkijono on UTF-8.
W3C Voimassaolo
Virheet : 0
Varoitukset : 0
Sähköpostin yksityisyys
Mahtavaa!sähköpostiosoitteita ei ole löytynyt tavallisesta tekstistä!
HTML Epäonnistui
| Tägit Epäonnistui | Esiintymät |
|---|---|
| <u> | 2 |
Epäillyt HTML-koodit ovat HTML-tageja, joita ei enää käytetä. On suositeltavaa poistaa tai korvata nämä HTML-tunnisteet, koska ne ovat vanhentuneet.
Nopeus neuvot
 |
Erinomaista, verkkosivustosi ei käytä sisäkkäisiä taulukoita. |
 |
Harmillista, Sivustosi käyttää sisäisiä tyylejä. |
|
Hienoa, Sivustossasi on muutamia CSS-tiedostoja. |
|
Harmillista, sivustossasi on liikaa JavaScript-tiedostoja (enemmänkuin6). |
|
Täydellistä, Sivustosi hyödyntää gzipia. |
Mobiili
Mobiili optimointi
|
Apple-kuvake |
|
Meta Viewport -tunniste |
|
Flash sisältö |
Optimoi
XML Sivukartta
Hienoa, sivustossasi on XML-sivukartta.
| https://builder.io/sitemap.xml |
Robots.txt
https://builder.io/robots.txt
Hienoa, sivustossasi on robots.txt-tiedosto.
Analyysit
Puuttuu
Emme tunnistaneet tällä sivustolla asennettua analytiikkatyökalua.
Web-analyysilla voit mitata kävijän toimintaa verkkosivustollasi. Sinulla on oltava vähintään yksi analytiikkatyökalu, mutta voi myös olla hyvä asentaa toinen tietojen tarkistamiseen soveltuva työkalu.
Sivuston nopeus
Laite
Luokat
Free SEO Testing Tool
Free SEO Testing Tool On ilmainen SEO työkalu, joka auttaa sinua analysoimaan Web-sivusi