1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="01a0f383-0096-7653-8a3b-24ce04db4758")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19419,79787],{31471:(e,i,t)=>{t.d(i,{A:()=>s});var n=t(14232),r=t(38871),a=t(79350);let d=(0,a.J1)` 2 mutation NewsletterSignup($input: NewsletterSignupInput) { 3 newsletterSignup(input: $input) { 4 success 5 message 6 } 7 } 8`,s=e=>{let[i,t]=(0,n.useState)(""),[a,s]=(0,n.useState)(!1),[l,o]=(0,n.useState)(!1),[m,c]=(0,n.useState)();return{submit:async function(){if(c(null),!/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(i))return c("*Must be a valid Email"),s(!1),!1;s(!0),await r.A.mutate({mutation:d,variables:{input:{email:i}}}).then(e=>{e.data.newsletterSignup?.success?(o(!0),t(""),setTimeout(()=>o(!1),6e3)):(c(e.data.newsletterSignup?.message),setTimeout(()=>c(!1),6e3)),s(!1)}).catch(e=>{s(!1),c(e.message||"Unknown error"),setTimeout(()=>c(!1),6e3)})},email:i,setEmail:t,loading:a,success:l,error:m}}},35556:(e,i,t)=>{t.d(i,{A:()=>f});var n=t(37876),r=t(14232),a=t(98477),d=t(95062),s=t.n(d),l=t(87856),o=t(51733),m=t(48541);let c=l.Ay.div` 9 display: none; 10 opacity: 0; 11 align-items: center; 12 position: fixed; 13 z-index: 1300; 14 inset: 0; 15 16 transition: all 0.3s ease-in-out; 17 &[aria-hidden='false'] { 18 opacity: 1; 19 } 20`,h=l.Ay.div` 21 margin: 0 auto; 22 width: 100%; 23 aspect-ratio: 16/9; 24 position: relative; 25 background: black; 26 27 @media screen and (min-width: ${o.fi.sm}) { 28 min-width: 480px; 29 min-height: 270px; 30 aspect-ratio: 16/9; 31 max-width: 800px; 32 } 33 34 > button { 35 outline: 0; 36 width: auto; 37 height: auto; 38 box-sizing: border-box; 39 border: 0; 40 cursor: pointer; 41 background: transparent; 42 position: absolute; 43 top: -${o.YK["3x"]}; 44 right: ${o.YK["0.5x"]}; 45 filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 1)); 46 svg { 47 fill: ${o.Tj.neutral[200]}; 48 } 49 50 @media (orientation: landscape) { 51 top: ${o.YK["2.5x"]}; 52 right: ${o.YK["0.5x"]}; 53 } 54 55 @media (min-width: ${o.fi.m}) { 56 top: -${o.YK["3x"]}; 57 right: -${o.YK["2x"]}; 58 } 59 } 60 61 iframe { 62 aspect-ratio: 16 / 9; 63 width: 100%; 64 } 65`,p=l.Ay.div` 66 width: 100%; 67 height: 100%; 68 background: ${(0,m.E2)(o.Tj.neutral[900],.5)}; 69 position: fixed; 70 top: 0; 71 bottom: 0; 72 left: 0; 73 right: 0; 74 z-index: -1; 75 display: flex; 76 @media screen and (min-width: ${o.fi.sm}) { 77 opacity: 0.8; 78 } 79`,u=(0,r.createContext)({});var x=t(79787);let g=({open:e,toggle:i,children:t,props:d})=>{let s=(0,r.useRef)(null),l=(0,r.useMemo)(()=>({open:e,toggle:i}),[e,i]),o=e=>{"Escape"===e.key&&null!==s.current&&i()};return(0,r.useEffect)(()=>{e&&s.current&&(s.current.style.display="flex",setTimeout(()=>{s.current.setAttribute("aria-hidden",!e)},300))},[e]),(0,r.useEffect)(()=>(document.body.addEventListener("keyup",o,!1),()=>{document.body.removeEventListener("keyup",o,!1)}),[]),(0,n.jsx)(u.Provider,{value:l,children:e&&(0,a.createPortal)((0,n.jsxs)(c,{open:e,...d,role:"dialog","aria-hidden":!0,ref:s,children:[(0,n.jsx)(p,{onClick:o}),(0,n.jsxs)(h,{tabIndex:0,children:[(0,n.jsx)("button",{onClick:i,children:(0,n.jsx)(x.default,{size:"2rem"})}),t]})]}),document?.body)})};g.propTypes={open:s().bool,toggle:s().func,children:s().any};let f=g},46390:(e,i,t)=>{t.r(i),t.d(i,{default:()=>O});var n=t(37876),r=t(87856),a=t(51733),d=t(45549),s=t(68303),l=t(22768);let o=r.Ay.section` 80 overflow: hidden; 81 margin-top: ${d.Y["4.5x"]}; 82 ${l.n}; 83 @media screen and (min-width: ${a.fi.sm}) { 84 padding-bottom: ${d.Y.base}; 85 } 86 @media screen and (min-width: ${a.fi.m}) { 87 margin-top: ${d.Y["3.5x"]}; 88 padding-top: ${d.Y["8x"]}; 89 } 90`,m=r.Ay.div` 91 max-width: ${a._R.desktop}; 92 margin: 0 auto; 93 padding: 0 ${d.Y.base}; 94`,c=r.Ay.div` 95 display: flex; 96 flex-direction: column; 97 gap: ${d.Y.base}; 98 99 @media (min-width: ${a.fi.m}) { 100 flex-direction: row; 101 align-items: center; 102 gap: ${d.Y["2x"]}; 103 } 104`,h=r.Ay.div` 105 display: flex; 106 flex-direction: column; 107 justify-content: center; 108 align-items: flex-start; 109 gap: 1rem; 110 align-self: stretch; 111 112 @media (min-width: ${a.fi.m}) { 113 order: initial; 114 padding-right: ${d.Y["2x"]}; 115 width: 60%; 116 } 117 118 > button, 119 a { 120 padding: ${d.Y["0.75x"]} ${d.Y["2x"]} !important; 121 } 122`,p=r.Ay.div` 123 h1, 124 h2, 125 h3 { 126 ${s.rX}; 127 @media screen and (min-width: ${a.fi.sm}) { 128 ${s.Yv}; 129 } 130 } 131`,u=r.Ay.div` 132 a { 133 padding: 0 !important; 134 } 135`,x=r.Ay.div` 136 display: flex; 137 flex-direction: column; 138 gap: ${d.Y.base}; 139 width: 100%; 140`,g=r.Ay.div` 141 display: flex; 142 flex-direction: column; 143 gap: ${d.Y.base}; 144 @media screen and (min-width: ${a.fi.xs}) { 145 gap: 0px; 146 flex-direction: row; 147 align-items: center; 148 } 149 150 > div { 151 min-height: auto !important; 152 padding-bottom: 0px !important; 153 154 input { 155 margin-top: 0 !important; 156 border: 1px solid ${a.Tj.neutral["400"]} !important; 157 158 height: 2.7rem; 159 width: 100%; 160 border-radius: ${d.Y["0.25x"]}; 161 162 @media screen and (min-width: ${a.fi.xs}) { 163 border-right: 0px !important; 164 border-radius: ${d.Y["0.25x"]} 0 0 ${d.Y["0.25x"]} !important; 165 width: 25rem; 166 } 167 } 168 } 169 170 button { 171 @media screen and (min-width: ${a.fi.xs}) { 172 border-width: 1px !important; 173 border-color: ${a.Tj.primary["500"]} !important; 174 border-left: 0 !important; 175 border-radius: 0 ${d.Y["0.25x"]} ${d.Y["0.25x"]} 0 !important; 176 177 padding-left: ${d.Y["2x"]} !important; 178 padding-right: ${d.Y["2x"]} !important; 179 } 180 } 181`,f=r.Ay.p` 182 ${s.FR}; 183 color: ${a.Tj.neutral["800"]}; 184`;var b=t(33791),w=t(90791),$=t(14232),v=t(95062),j=t.n(v);let y=r.Ay.div` 185 position: relative; 186`,A=r.Ay.div` 187 position: relative; 188 box-shadow: ${a.$F.sm}; 189 border-radius: ${a.YK.base}; 190 overflow: hidden; 191 width: 100%; 192 height: 13.942rem; 193 margin: 0 auto; 194 195 @media screen and (min-width: ${a.fi.xs}) { 196 height: 19.24557rem; 197 } 198 199 @media screen and (min-width: ${a.fi.sm}) { 200 width: 34.21429rem; 201 height: 100%; 202 } 203 @media screen and (min-width: ${a.fi.lg}) { 204 width: 29.9375rem; 205 height: 16.83988rem; 206 } 207 @media screen and (min-width: ${a.fi.xl}) { 208 width: 29.9375rem; 209 height: 16.83988rem; 210 } 211 212 &, 213 button { 214 transition: background-color 0.3s ease-in-out; 215 } 216`,_=r.Ay.div` 217 position: relative; 218 height: 100%; 219 220 img { 221 object-fit: cover; 222 } 223 224 @media screen and (min-width: ${a.fi.sm}) { 225 height: 16.83988rem; 226 } 227`,Y=r.Ay.button` 228 position: absolute !important; 229 230 border: 0; 231 outline: 0; 232 cursor: pointer; 233 234 display: flex; 235 justify-content: center; 236 align-items: center; 237 top: 50%; 238 left: 50%; 239 text-align: center; 240 transform: translate(-50%, -50%); 241 242 width: 3.5rem !important; 243 height: 3.5rem !important; 244 border-radius: 100%; 245 background: rgb(13, 12, 12); 246 background: linear-gradient(0deg, rgba(13, 12, 12, 0.7) 70%, rgba(13, 12, 12, 0.7) 70%); 247 box-shadow: ${a.$F.sm}; 248 z-index: 1000; 249 250 @media screen and (min-width: ${a.fi.sm}) { 251 width: 96px !important; 252 height: 96px !important; 253 } 254 255 svg { 256 width: 1.5rem; 257 @media screen and (min-width: ${a.fi.sm}) { 258 width: auto; 259 } 260 margin-left: 0.35rem; 261 } 262`,C=(0,r.i7)` 263 to { 264 transform: translateX(-150%); 265 } 266`,k=r.Ay.div` 267 z-index: -1; 268 display: none; 269 @media (min-width: ${a.fi.m}) { 270 bottom: -2rem; 271 right: -50%; 272 animation: ${C} 1s linear infinite; 273 animation-play-state: paused; 274 position: absolute; 275 animation-delay: calc(var(--scroll) * -0.5s); 276 animation-iteration-count: 1; 277 animation-fill-mode: both; 278 display: block; 279 } 280 @media (min-width: ${a.fi.lg}) { 281 right: -30%; 282 } 283`;var z=t(73231),T=t(35556),L=t(26407),S=t(97696);let M=({data:e})=>{let[i,t]=(0,$.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(y,{children:[(0,n.jsxs)(A,{onClick:()=>t(!0),children:[(0,n.jsx)(Y,{children:(0,n.jsx)("svg",{width:"34.71px",height:"36.65px",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.53534 1.69612L28.2989 13.3559C28.7772 13.6123 29.1772 13.9937 29.4558 14.4593C29.7345 14.9249 29.8817 15.4574 29.8817 16C29.8817 16.5427 29.7345 17.0751 29.4558 17.5407C29.1772 18.0063 28.7774 18.3876 28.2992 18.644L6.53534 30.3039C6.07837 30.5489 5.56526 30.6716 5.04689 30.6594C4.52835 30.6472 4.02183 30.5008 3.57677 30.2344C3.1317 29.9681 2.7633 29.5909 2.50751 29.1397C2.25174 28.6885 2.11731 28.1787 2.11734 27.66M6.53534 1.69612C6.07837 1.45111 5.56526 1.32849 5.04689 1.34067C4.52835 1.35285 4.02183 1.49926 3.57677 1.76
283562C3.1317 2.03197 2.7633 2.40917 2.50751 2.86039C2.25174 3.31158 2.11731 3.82138 2.11734 4.34003V27.66",fill:"#fff"})})}),(0,n.jsx)(_,{children:e.video_thumbnail&&(0,n.jsx)(z.Ay,{src:e.video_thumbnail.url,alt:e.video_thumbnail.alternativeText,fill:!0,placeholder:(0,z.Zq)()})||null})]}),(0,n.jsx)(k,{children:(0,n.jsx)(L.A,{numHorizontalDots:12,numVerticalDots:6})})]}),(0,n.jsx)(T.A,{open:i,toggle:()=>{t(e=>!e)},children:(0,n.jsx)("iframe",{src:(0,S.V3)(e.video_url),frameBorder:0,allowFullScreen:!0})})]})};M.propType={data:j().shape({video_url:j().string,single_bold_line1_text:j().string,single_bold_line2_text:j().string,video_thumbnail:j().shape({url:j().string,alternativeText:j().string})})};var E=t(84032),H=t(1842);let K=r.Ay.div` 284 position: relative; 285 flex-grow: 1; 286 flex-shrink: 0; 287`,R=r.Ay.div` 288 ${({image_max_width:e})=>(0,r.AH)` 289 position: relative; 290 width: 100%; 291 min-height: 40vh; 292 @media screen and (min-width: ${a.fi.sm}) { 293 width: ${e>0?`${e}%`:"140%"}; 294 height: 100%; 295 } 296 img { 297 object-fit: contain; 298 } 299 `}; 300`,Z=({data:e})=>{let{image_max_width:i}=e;return(0,n.jsx)(K,{children:(0,n.jsx)(R,{image_max_width:i,children:e.image_thumbnail&&(0,n.jsx)(z.Ay,{src:e.image_thumbnail.url,alt:e.image_thumbnail.alternativeText,fill:!0,placeholder:(0,z.Zq)()})||null})})},I=r.Ay.section` 301 overflow: hidden; 302 margin-top: ${d.Y["4.5x"]}; 303 ${l.n}; 304 @media screen and (min-width: ${a.fi.sm}) { 305 padding-bottom: ${d.Y.base}; 306 } 307 @media screen and (min-width: ${a.fi.m}) { 308 margin-top: ${d.Y["3.5x"]}; 309 padding-top: ${d.Y["8x"]}; 310 } 311`,q=r.Ay.div` 312 max-width: ${a._R.desktop}; 313 margin: 0 auto; 314 padding: 0 ${d.Y.base}; 315`,F=r.Ay.div` 316 display: flex; 317 flex-direction: column; 318 gap: ${d.Y.base}; 319 320 @media (min-width: ${a.fi.m}) { 321 flex-direction: row; 322 gap: ${d.Y["2x"]}; 323 } 324 325 > div:first-child { 326 @media (min-width: ${a.fi.sm}) { 327 width: 60%; 328 } 329 } 330`,N=r.Ay.div` 331 display: flex; 332 flex-direction: column; 333 justify-content: center; 334 align-items: flex-start; 335 gap: 1rem; 336 align-self: stretch; 337 338 order: 1; 339 340 @media (min-width: ${a.fi.m}) { 341 order: initial; 342 padding-right: ${d.Y["2x"]}; 343 } 344 345 @media (min-width: ${a.fi.lg}) { 346 min-width: 60%; 347 } 348 349 > button, 350 a { 351 padding: ${d.Y["0.75x"]} ${d.Y["2x"]} !important; 352 } 353`,B=r.Ay.div` 354 h1, 355 h2, 356 h3 { 357 ${s.rX}; 358 @media screen and (min-width: ${a.fi.sm}) { 359 ${s.Yv}; 360 } 361 } 362`,V=r.Ay.div` 363 a { 364 padding: 0 !important; 365 } 366`;var W=t(30515),X=t(91161);let D=({data:e})=>{let{title:i,paragraph:t,button_text_1:r,button_text_2:a,custom_id_1:d,custom_id_2:s,single_bold_line1_text:l,single_bold_line2_text:o,single_bold_line2_link:m,single_bold_line2_id:c,url_1:h,url_2:p,margin_bottom_rems:u}=e,{stats:x}=(0,X.j)();return(0,n.jsx)(I,{margin_bottom_rems:u,children:(0,n.jsx)(q,{children:(0,n.jsxs)(F,{children:[(0,n.jsxs)(N,{children:[(0,n.jsx)(B,{dangerouslySetInnerHTML:{__html:i||""}}),(0,n.jsx)(b.A,{size:"lg",children:t.replace(W.il,x.count_developers).replace(W.HW,x.count_clients).replace(W.qw,x.count_company_age).replace(W.k7,x.count_subscribers)}),!h&&(0,n.jsx)(E.A,{button:(0,n.jsx)(w.A,{type:"primary",size:"lg",id:d,children:r})})||r&&(0,n.jsx)(w.A,{id:d,size:"lg",href:h,children:r}),a&&(0,n.jsx)(w.A,{id:s,size:"lg",href:p,children:a}),l||o?(0,n.jsxs)(V,{children:[l?(0,n.jsx)(H.A,{size:"base",as:"span",children:l}):null,o&&!m?(0,n.jsx)(H.A,{size:"base",as:"span",children:o}
366):m?(0,n.jsx)(w.A,{id:c,type:"link",href:m,children:o}):(0,n.jsx)(H.A,{size:"base",as:"span",children:o})]}):null]}),(0,n.jsx)(Z,{data:e})]})})})};var P=t(96496),J=t(31471),U=t(30432);let G=({data:e,hero_type:i})=>{if("with_input_field"!==i)return null;let{placeholder_text:t,cta_custom_id:r,button_text:a,disclosure_text:d}=e,{submit:s,setEmail:l,email:o,loading:m,success:c,error:h}=(0,J.A)(),p=(0,$.useId)();return(0,n.jsxs)(x,{children:[(0,n.jsxs)(g,{children:[(0,n.jsx)(P.A,{id:`pb_email_${p}`,type:"email",placeholder:t,boxStyle:!0,value:o,onChange:(e,i)=>l(i)}),(0,n.jsx)(w.A,{size:"lg",type:"primary",id:r,onClick:s,loading:m,success:c,children:a})]}),h&&(0,n.jsx)(b.A,{size:"sm",color:U.T.alert[500],italic:!0,children:h}),c&&(0,n.jsx)(b.A,{size:"sm",color:U.T.success[500],children:"You have been successfully subscribed!"}),(0,n.jsx)(f,{children:d})]})},O=({data:e})=>{let{title:i,paragraph:t,button_text_1:r,button_text_2:a,custom_id_1:d,custom_id_2:s,single_bold_line1_text:l,single_bold_line2_text:x,single_bold_line2_link:g,single_bold_line2_id:f,url_1:$,url_2:v,hero_type:j,margin_bottom_rems:y}=e,{stats:A}=(0,X.j)();return"default"===j?(0,n.jsx)(D,{data:{...e}}):(0,n.jsx)(o,{margin_bottom_rems:y,children:(0,n.jsx)(m,{children:(0,n.jsxs)(c,{children:[(0,n.jsxs)(h,{children:[(0,n.jsx)(p,{dangerouslySetInnerHTML:{__html:i.replace(W.il,A.count_developers).replace(W.HW,A.count_clients).replace(W.qw,A.count_company_age).replace(W.k7,A.count_subscribers)||""}}),(0,n.jsx)(b.A,{size:"lg",dangerouslySetInnerHTML:{__html:t.replace(W.il,A.count_developers).replace(W.HW,A.count_clients).replace(W.qw,A.count_company_age).replace(W.k7,A.count_subscribers)||""}}),!$&&r&&(0,n.jsx)(E.A,{button:(0,n.jsx)(w.A,{type:"primary",size:"lg",id:d,children:r})})||r&&(0,n.jsx)(w.A,{id:d,size:"lg",href:$,children:r}),a&&(0,n.jsx)(w.A,{id:s,size:"lg",href:v,children:a}),(0,n.jsx)(G,{data:e,hero_type:j}),l||x?(0,n.jsxs)(u,{children:[l?(0,n.jsx)(H.A,{size:"base",as:"span",children:l}):null,x&&!g?(0,n.jsx)(H.A,{size:"base",as:"span",children:x}):g?(0,n.jsx)(w.A,{id:f,type:"link",href:g,children:x}):(0,n.jsx)(H.A,{size:"base",as:"span",children:x})]}):null]}),"video"===j&&(0,n.jsx)(M,{data:e})||(0,n.jsx)(Z,{data:e})]})})})}},79787:(e,i,t)=>{t.r(i),t.d(i,{default:()=>d});var n=t(37876),r=t(51733);let a=e=>(0,n.jsxs)("svg",{viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,n.jsx)("path",{d:"M41.8994 24.929C42.6805 24.148 42.6806 22.8817 41.8996 22.1006C41.1187 21.3195 39.8523 21.3194 39.0712 22.1003L32 29.1705L24.9288 22.1003C24.1476 21.3194 22.8813 21.3195 22.1003 22.1006C21.3193 22.8817 21.3194 24.148 22.1005 24.929L29.1713 31.9987L22.1005 39.0683C21.3194 39.8493 21.3193 41.1157 22.1003 41.8968C22.8813 42.6779 24.1476 42.678 24.9288 41.897L32 34.8269L39.0712 41.897C39.8523 42.678 41.1187 42.6779 41.8996 41.8968C42.6806 41.1157 42.6805 39.8493 41.8994 39.0683L34.8286 31.9987L41.8994 24.929Z"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4ZM0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32Z"})]});function d({className:e,color:i=r.Tj.neutral["400"],size:t=r.YK.base,onClick:s}){return(0,n.jsx)(a,{width:t,height:t,className:e||"",fill:i,onClick:s})}}}]); 367//# sourceMappingURL=PBHero.b886f4229844397b.js.map 368//# chunkId=01a0f383-0096-7653-8a3b-24ce04db4758
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.