{"version":3,"file":"13.Cvg2nJSz.js","sources":["../../../../../../src/components/Global/WaitlistForm.svelte","../../../../../../src/components/Platform/PlatformHero.svelte","../../../../../../src/components/Typography/PlatformSectionTitle.svelte","../../../../../../src/components/Typography/SectionSubtitle.svelte","../../../../../../src/components/Platform/PlatformVisualization.svelte","../../../../../../src/routes/platform/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\nimport RichText from '$components/Typography/RichText.svelte'\nimport type { CONTACT_US_TYPE } from '$types/index'\n\nexport let waitlistFormData: CONTACT_US_TYPE\n</script>\n\n<section>\n  <div class=\"content-container\">\n    <RichText richText={waitlistFormData.fields.text} />\n    <div class=\"button-box\">\n      <button\n        class=\"gradient hs-cta-trigger-button hs-cta-trigger-button-154357832714\"\n        type=\"button\">\n        Get Started\n      </button>\n    </div>\n  </div>\n</section>\n\n<style lang=\"scss\">\nsection {\n  margin: 73px 25px;\n  .content-container {\n    padding: 28px 25px 46px;\n    background-image: url('/contact-bg.jpeg');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    border-radius: 16px;\n\n    :global(.rich-text) {\n      font-size: 27px;\n      font-weight: 300;\n      letter-spacing: 0.02em;\n      line-height: 31.32px;\n      margin: 0 0 45px;\n\n      @media only screen and (min-width: 1024px) {\n        font-size: 48px;\n        line-height: 56.64px;\n      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      padding: 48px 60px 65px;\n    }\n  }\n\n  .button-box {\n    text-align: center;\n  }\n\n  button {\n    border: 2px solid #5a586b;\n    border-radius: 30px;\n    background: none;\n    color: white;\n    min-width: 115px;\n    padding: 11px 35px 11px;\n    margin: 0;\n    font-size: 18px;\n    line-height: 21px;\n    letter-spacing: 0.32px;\n  }\n  button:hover {\n    color: var(--hoverOrange);\n  }\n  .gradient {\n    background: var(--black);\n    background-clip: padding-box;\n    border-color: transparent;\n  }\n  :global(.shake-btn) {\n    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n    transform: translate3d(0, 0, 0);\n    perspective: 1000px;\n  }\n  @keyframes shake {\n    10%,\n    90% {\n      transform: translate3d(-1px, 0, 0);\n    }\n    20%,\n    80% {\n      transform: translate3d(2px, 0, 0);\n    }\n    30%,\n    50%,\n    70% {\n      transform: translate3d(-4px, 0, 0);\n    }\n    40%,\n    60% {\n      transform: translate3d(4px, 0, 0);\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    margin: 132px 100px;\n  }\n}\n\nsection :global(.black-button) {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 auto;\n}\n</style>\n","<script lang=\"ts\">\nimport HeroTitle from '$components/Typography/HeroTitle.svelte'\nimport type { SERVICES_HERO_TYPE } from '$types/index'\n\nexport let platformHeroData: SERVICES_HERO_TYPE\nconst { sectionTitle, headline, subheadline } = platformHeroData.fields\n</script>\n\n<section class=\"platform-hero\">\n  <HeroTitle text={sectionTitle} />\n  <div class=\"main-container\">\n    <h3>{@html headline}</h3>\n    <h4>{@html subheadline}</h4>\n  </div>\n</section>\n\n<style lang=\"scss\">\n.platform-hero {\n  height: auto;\n  width: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 40px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n  position: relative;\n\n  &::before {\n    content: '';\n    background-image: url('/platform-lines.svg');\n    background-position: left;\n    background-repeat: no-repeat;\n    background-size: cover;\n    height: calc(100% + 200px);\n    width: 100%;\n    position: absolute;\n    top: -200px;\n    left: 0;\n    opacity: 0.4;\n    z-index: -1;\n  }\n\n  .main-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    margin-top: 25px;\n\n    h3 {\n      font-size: 40px;\n      line-height: 43px;\n      font-weight: 400;\n      width: 100%;\n      margin-bottom: 27px;\n\n      @media only screen and (min-width: 1024px) {\n        font-size: 74px;\n        line-height: 86px;\n        letter-spacing: 0.32px;\n        margin: 0;\n        margin-right: 35px;\n        max-width: 875px;\n      }\n    }\n\n    h4 {\n      font-size: 17px;\n      line-height: 22px;\n      letter-spacing: 0.16px;\n      font-weight: 400;\n      width: 100%;\n\n      @media only screen and (min-width: 1024px) {\n        font-size: 20px;\n        line-height: 29px;\n        letter-spacing: 0.32px;\n        width: 475px;\n      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      flex-direction: row;\n      margin-top: 50px;\n      margin-bottom: 80px;\n      justify-content: space-between;\n      align-items: center;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    /* padding: 40px 100px; */\n    padding: 100px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nexport let text: string\n</script>\n\n<h5 class=\"platform-section-title\">{text}</h5>\n\n<style lang=\"scss\">\nh5 {\n  font-size: 28px;\n  font-weight: 400;\n  line-height: 24px;\n  letter-spacing: 0.32px;\n  margin: 0;\n  @media only screen and (min-width: 1280px) {\n    font-size: 36px;\n    line-height: 22.5px;\n  }\n}\n</style>\n","<script lang=\"ts\"></script>\n\n{#if $$slots.default}\n  <h2 class=\"section-subtitle\"><slot /></h2>\n{/if}\n{#if $$slots.h3}\n  <h3 class=\"section-subtitle\"><slot name=\"h3\" /></h3>\n{/if}\n\n<style lang=\"scss\">\nh2 {\n  font-size: 18px;\n  line-height: 22.5px;\n  font-weight: 300;\n  letter-spacing: 0.64px;\n  margin: 0;\n  margin-top: 20px;\n  margin-bottom: 50px;\n  color: var(--greyLight);\n  @media only screen and (min-width: 1280px) {\n    font-weight: 400;\n    max-width: 478px;\n  }\n}\nh3 {\n  font-size: 40px;\n  line-height: 43px;\n  font-weight: 400;\n  margin: 0;\n  margin-top: 20px;\n  margin-bottom: 25px;\n  @media only screen and (min-width: 1280px) {\n    font-size: 60px;\n    line-height: 101px;\n    font-weight: 500;\n    max-width: 85%;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport Carousel from '$components/Carousel.svelte'\nimport PlatformSectionTitle from '$components/Typography/PlatformSectionTitle.svelte'\nimport SectionSubtitle from '$components/Typography/SectionSubtitle.svelte'\nimport type { PLATFORM_VISUALIZATION_CONTAINER_TYPE } from '$types/index'\n\nexport let platformVisualizationData: PLATFORM_VISUALIZATION_CONTAINER_TYPE\n\nconst { sectionTitle, description, visualizationItems } =\n  platformVisualizationData.fields\n</script>\n\n<Carousel items={visualizationItems}>\n  <svelte:fragment slot=\"header\">\n    <PlatformSectionTitle text={sectionTitle} />\n    <SectionSubtitle>{description}</SectionSubtitle>\n  </svelte:fragment>\n</Carousel>\n","<script lang=\"ts\">\nimport WaitlistForm from '$components/Global/WaitlistForm.svelte'\nimport PlatformHero from '$components/Platform/PlatformHero.svelte'\nimport PlatformVisualization from '$components/Platform/PlatformVisualization.svelte'\nimport type { PageData } from './$types'\n\nexport let data: PageData\n\nconst { platformHero, waitlistForm, platformVisualizations } = data\n</script>\n\n<PlatformHero platformHeroData={platformHero} />\n\n<platform-visualizations>\n  {#each platformVisualizations as platformVisualization}\n    <PlatformVisualization platformVisualizationData={platformVisualization} />\n  {/each}\n</platform-visualizations>\n\n<WaitlistForm waitlistFormData={waitlistForm} />\n\n<style lang=\"scss\">\nplatform-visualizations {\n  display: block;\n}\n</style>\n"],"names":["waitlistFormData","$.prop","$$props","platformHeroData","sectionTitle","headline","subheadline","text","$$slots","$$render","consequent","consequent_1","platformVisualizationData","description","visualizationItems","data","platformHero","waitlistForm","platformVisualizations","$.each","platform_visualizations","platformVisualization"],"mappings":"gyCAIWA,EAAiCC,EAAAC,EAAA,mBAAA,CAAA,yDAKpBF,EAAgB,EAAC,OAAO,0PCLrCG,EAAoCF,EAAAC,EAAA,mBAAA,CAAA,EACvC,KAAA,CAAA,aAAAE,EAAc,SAAAC,EAAU,YAAAC,CAAW,EAAKH,IAAiB,sCAI9CC,CAAY,CAAA,qCAEhBC,CAAQ,mCACRC,CAAW,oHCXfC,EAAYN,EAAAC,EAAA,OAAA,CAAA,qCAGaK,EAAI,CAAA,CAAA,yQCFnCC,EAAQ,SAAOC,EAAAC,CAAA,iFAGfF,EAAQ,IAAEC,EAAAE,CAAA,4DCCJC,EAAgEX,EAAAC,EAAA,4BAAA,CAAA,QAEnE,aAAAE,EAAc,YAAAS,EAAa,mBAAAC,CACjC,EAAAF,IAA0B,sBAGXE,qDAEeV,CAAY,CAAA,+DACtBS,8ICTXE,EAAcd,EAAAC,EAAA,OAAA,CAAA,QAEjB,aAAAc,EAAc,aAAAC,EAAc,uBAAAC,GAA2BH,EAAI,yCAGnCC,CAAY,CAAA,4CAGnCG,EAAAC,EAAA,EAAA,IAAAF,OAA0BG,IAAqB,+CACFA,CAAqB,+CAI3CJ,CAAY,CAAA"}