/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
:root {
  scroll-padding: 200px;
  --fs-h6: clamp(1.125rem, 1.0833rem + 0.1852vw, 1.25rem);
  --fs-h5: clamp(1.35rem, 1.2792rem + 0.3148vw, 1.5625rem);
  --fs-h4: clamp(1.62rem, 1.509rem + 0.4935vw, 1.9531rem);
  --fs-h3: clamp(1.944rem, 1.7782rem + 0.7369vw, 2.4414rem);
  --fs-h2: clamp(2.3328rem, 2.0931rem + 1.0651vw, 3.0518rem);
  --fs-h1: clamp(2.7994rem, 2.4609rem + 1.5042vw, 3.8147rem);
  --clr-black: 0 0% 0%;
  --clr-smoke: 0 0% 96%;
  --clr-white: 0 0% 100%;
  --clr-teal: 173 76% 46%;
  --clr-blue: 215 100% 33%;
  --clr-yellow: 39 100% 62%;
  --clr-shadow: 0 0% 15%;
  --clr-gradient: linear-gradient(to right, hsl(173 76% 46%), hsl(215 100% 33%));
  --fs-body: clamp(0.97rem, 0.9643rem + 0.1786vw, 1rem);
  --fs-field-label: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);
  --fs-button: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
  --fs-tickbox: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
  --fs-small-link: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
  --fs-breadcrumbs: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
  --fs-footer-heading: clamp(1.25rem, 1.1607rem + 0.4464vw, 1.5625rem);
  --fs-card-title: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);
  --fs-bio-name: clamp(1.375rem, 1.3214rem + 0.2679vw, 1.5625rem);
  --fs-clear-hero: clamp(2.5rem, 2.1429rem + 1.7857vw, 3.75rem);
  --ff-heading: "Como";
  --ff-body: "Figtree";
  --ff-navigation-menu: "Como";
  --fw-thin: 100;
  --fw-extra-light: 200;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;
  --fw-black: 900;
  --fw-extra-black: 950;
  --ls-cien: 0.1rem;
  --ls-diez: -0.01rem;
  --ls-viente: -0.02rem;
  --lh-base: 1;
  --lh-small: 1.2;
  --lh-mid: 1.3;
  --lh-body: 1.5;
  --lh-heading: 1.6;
  --border-black: 1px solid rgba(0,0,0,.15);
  --border-radius-corner: 0.4rem;
  --border-radius-rounded: 30px;
  --box-shadow-regular: 0px 5px 11px -6px rgba(0,0,0,0.1);
  --box-shadow-subtle: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px inset;
  --box-shadow-slight: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --spc-15-20: clamp(0.9375rem, 0.8482rem + 0.4464vw, 1.25rem);
  --spc-20-30: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.875rem);
  --spc-30-60: clamp(1.875rem, 1.3393rem + 2.6786vw, 3.75rem);
  --spc-25-40: clamp(1.5625rem, 1.2946rem + 1.3393vw, 2.5rem);
  --spc-40-80: clamp(2.5rem, 1.7857rem + 3.5714vw, 5rem);
  --spc-50-100: clamp(3.125rem, 2.2321rem + 4.4643vw, 6.25rem);
  --spc-80-120: clamp(5rem, 4.2857rem + 3.5714vw, 7.5rem);
  --spc-100-160: clamp(6.25rem, 5.1786rem + 5.3571vw, 10rem);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@view-transition {
  navigation: auto;
  types: slide, forwards;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
picture,
blockquote,
dl,
dd {
  margin: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

body {
  font-family: var(--ff-body);
  font-weight: var(--fw-normal);
  font-size: var(--fs-body);
  line-height: 1.5;
  letter-spacing: var(--ls-diez);
  min-block-size: 100vh;
  overflow-x: hidden;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

p, li {
  text-wrap: pretty;
}

img,
picture {
  font-style: italic;
  max-inline-size: 100%;
  block-size: auto;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

.bg-dark {
  background-color: hsl(var(--clr-dark));
}

.bg-gray {
  background-color: hsl(var(--clr-gray));
}

.bg-white {
  background-color: hsl(var(--clr-white));
}

.bg-shadow {
  background-color: hsl(var(--clr-shadow));
}

.bg-gray {
  background-color: hsl(var(--clr-gray));
}

.bg-smoke {
  background-color: hsl(var(--clr-smoke));
}

.bg-blue {
  background-color: hsl(var(--clr-blue));
}

.text-dark {
  color: hsl(var(--clr-dark));
}

.text-gray {
  color: hsl(var(--clr-gray));
}

.text-white {
  color: hsl(var(--clr-white));
}

.text-turquoise {
  color: hsl(var(--clr-turquoise));
}

.text-azure {
  color: hsl(var(--clr-blue));
}

.text-amber {
  color: hsl(var(--clr-amber));
}

.text-ash {
  color: hsl(var(--clr-ash));
}

@font-face {
  font-family: "Como";
  src: url(fonts/Como.097e2711.woff) format("woff"), url(fonts/Como.7e783511.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Como";
  src: url(fonts/Como-SemiBold.91854857.woff) format("woff"), url(fonts/Como-SemiBold.c736d4bc.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Como";
  src: url(fonts/Como-Bold.ce29a4cf.woff) format("woff"), url(fonts/Como-Bold.48afa121.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Como";
  src: url(fonts/Como-ExtraBold.d1fd043d.woff) format("woff"), url(fonts/Como-ExtraBold.d2e76bad.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-Regular.784e4c47.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-Italic.598371de.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-Medium.a165cb6e.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-SemiBold.9c1ac087.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-Bold.601067b6.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(fonts/Figtree-Black.95eee3d8.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
  scroll-padding-top: var(--scroll-padding);
  font-family: var(--ff-body);
  line-height: var(--lh-body);
}

body {
  font-size: var(--fs-body);
  font-family: var(--ff-body);
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  letter-spacing: var(--ls-viente);
  color: var(--clr-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-heading);
  line-height: var(--lh-mid);
  letter-spacing: var(--ls-diez);
  color: hsl(var(--clr-black));
  --flow-spacing: 1em;
}

h1, .title--heading {
  font-size: var(--fs-h1);
  font-weight: bolder;
  line-height: var(--lh-base);
  letter-spacing: var(--ls-mid);
}

h2, .title--subheading {
  font-size: var(--fs-h2);
  line-height: var(--lh-small);
}

h3, .title--section {
  font-size: var(--fs-h3);
}

h4, .title--subsection {
  font-size: var(--fs-h4);
}

h5 {
  font-size: var(--fs-h5);
}

h6 {
  font-size: var(--fs-h6);
}

a {
  text-decoration: none;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

.flow > * + .button--cta-link {
  margin-block-start: 1em;
}

.button {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  font-size: var(--fs-button);
}

.button:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.button--cta {
  color: hsl(var(--clr-white));
  background: var(--clr-gradient);
}

.button--cta-link {
  display: block;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  letter-spacing: normal;
  cursor: pointer;
  padding-block: 0.7em;
  padding-inline: 2em;
  border-radius: var(--border-radius-rounded);
  margin-block-start: 1em;
  line-height: 1;
  box-shadow: var(--box-shadow-subtle);
}

.button--book-a-demo {
  background: hsl(var(--clr-black));
}

.skip-link:not(:focus) {
  background: transparent;
  color: transparent;
  display: block;
  height: 1px;
  left: -500vw;
  overflow: hidden;
  position: absolute;
  top: -500vh;
  width: 1px;
  z-index: -1;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.site-header {
  contain: layout;
  position: sticky;
  display: block;
  inset: 0;
  background-color: white;
  z-index: 999;
}

.heading {
  text-wrap: pretty;
}

.heading--with-nugget {
  --flow-space: 0.3em;
}

.heading--center {
  text-align: center;
}

.heading--left {
  text-align: left;
}

.with-gradient-marker {
  position: relative;
  z-index: 3;
}

.gradient-marker-line {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  z-index: -2;
}

.marker--adjustment-plus-5 {
  bottom: 5px;
}

.heading--ch-70 {
  max-inline-size: 70ch;
}

.text-align--left {
  text-align: left;
}

.nugget {
  font-weight: 600;
  color: hsl(var(--clr-blue));
}

.description {
  max-width: 50ch;
}

.marquee {
  --gap: 2rem;
  background: black;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll 20s linear infinite;
  margin-block: 0;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.marquee__content > * {
  flex: 0 0 auto;
  color: white;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  text-align: center;
  list-style: none;
}

.card--infographic {
  margin-block: var(--spc-30-60);
  justify-content: center;
}

.card--infographic__blue-arrow {
  display: none;
}
@media (width >= 768px) {
  .card--infographic__blue-arrow {
    display: inline-block;
    position: absolute;
    width: 120px;
    top: 40px;
    right: -90px;
  }
}

.card--infographic__figure {
  display: flex;
  flex-direction: column;
  padding: var(--spc-20-30);
  background-color: hsl(var(--clr-smoke));
  border-radius: calc(var(--border-radius-corner) + 24px);
  box-shadow: var(--box-shadow-subtle);
}
@media (width >= 480px) {
  .card--infographic__figure {
    flex-direction: row;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em;
  }
}
@media (width >= 768px) {
  .card--infographic__figure {
    flex-direction: column;
  }
}

.card--infographic {
  display: flex;
  flex-direction: column;
  row-gap: 2em;
}
@media (width >= 768px) {
  .card--infographic {
    flex-direction: row;
    -moz-column-gap: 2em;
         column-gap: 2em;
  }
}

.card--infographic__figure__description {
  max-width: 25ch;
  text-align: center;
  margin-block-end: var(--spc-15-20);
  margin-inline: auto;
  position: relative;
}
@media (width >= 480px) {
  .card--infographic__figure__description {
    align-self: center;
    max-width: 25ch;
  }
}

.card--infographic__figure__img {
  margin-inline: auto;
}

.card--infographic__list {
  display: flex;
  flex-direction: column;
  row-gap: 2em;
  padding: var(--spc-20-30);
  background-color: hsl(var(--clr-smoke));
  border-radius: calc(var(--border-radius-corner) + 24px);
  box-shadow: var(--box-shadow-subtle);
  justify-content: space-around;
}

.card--infographic__list-item {
  display: flex;
  -moz-column-gap: 1.5em;
       column-gap: 1.5em;
}

.card--infographic__list-item-description {
  align-self: center;
  max-width: 50ch;
}

.card--infographic__list-img {
  max-inline-size: 40px;
}

.card--feature__checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 2em;
}

.card--feature__checklist_item {
  padding: 1.5em;
  border-radius: calc(var(--border-radius-corner) + 5px);
  background-color: hsl(var(--clr-white));
}

.card--feature__checklist_item__title {
  font-family: var(--ff-heading);
  font-size: var(--fs-card-title);
  font-weight: var(--fw-bold);
  line-height: 1.2;
}

.card--feature__checklist_item__img {
  max-inline-size: 30px;
}

.feature__icon--50 {
  max-inline-size: 50px;
}

.card--negative-margin-top {
  margin-block-start: -30px;
}

.section--block-start-padding {
  padding-block-start: var(--spc-30-60);
}

.section--block-end-padding {
  padding-block-end: var(--spc-30-60);
}

.section--padded {
  padding-block: var(--spc-30-60);
}

.section--padded--for-gradient {
  padding-block: var(--spc-40-80);
}

.section--breathe {
  margin-block: var(--spc-30-60);
}

.section--gradient-background {
  background: var(--clr-gradient);
}

.section--pos-relative {
  position: relative;
}

.section--call-to-action--gradient {
  margin-block-start: -300px;
}

.feature__call-to-action--gradient {
  padding-block-start: 250px !important;
}

.section--elevated {
  z-index: 5;
}

.wrapper {
  --wrapper-max-width: 84.375rem;
  --wrapper-padding: 1rem;
  margin-inline: auto;
  width: min(var(--wrapper-max-width), 100% - var(--wrapper-padding) * 2);
}
@media (width > 48rem) {
  .wrapper {
    --wrapper-padding: 2rem;
  }
}

.navbar {
  display: grid;
  grid-template-columns: 1fr min-content;
  padding-block: 1em;
  contain: layout;
}
@media (width >= 64rem) {
  .navbar {
    grid-template-columns: min-content 1fr;
    justify-items: end;
    padding-block: 1.5em;
  }
}

.navbar__mobile__menu {
  display: flex;
  justify-content: space-between;
  background-color: hsl(var(--clr-smoke));
  padding-block: 1em;
  padding-inline: 1em;
  border-radius: var(--border-radius-rounded);
  box-shadow: var(--box-shadow-slight);
}
@media (width >= 64rem) {
  .navbar__mobile__menu {
    display: block;
    background-color: transparent;
    border-radius: unset;
    box-shadow: unset;
    padding: 0;
  }
}

.navbar > * {
  min-width: 0;
}

.navbar__menu[data-visible=false] {
  display: none;
}

.navbar__menu[data-visible=true] {
  position: absolute;
  inline-size: 100%;
  top: 100px;
  grid-column: 1/3;
  margin-block-start: 1em;
  padding-block: 1em;
  padding-inline: 1em;
  background-color: hsl(var(--clr-smoke));
  box-shadow: var(--box-shadow-slight);
  border-radius: var(--border-radius-corner);
}

@media (width >= 64rem) {
  .navbar__menu[data-visible=true], .navbar__menu[data-visible=false] {
    display: flex;
    align-items: center;
    gap: 3em;
    background-color: hsl(var(--clr-smoke));
    padding-inline-start: 3em;
    padding-inline-end: 1.5em;
    border-radius: calc(var(--border-radius-rounded) + 20px);
    box-shadow: var(--box-shadow-slight);
  }
}

.navbar__menu__list {
  font-size: var(--fs-tickbox);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (width >= 64rem) {
  .navbar__menu__list {
    display: flex;
    gap: 3em;
  }
}

.navbar__menu__list-item {
  padding-block-start: 0.2em;
  margin: 0.2em;
}
@media (width >= 64rem) {
  .navbar__menu__list-item {
    margin: 0;
    padding-block-start: 0;
    align-self: center;
  }
}

.navbar__menu__list-item__link {
  color: black;
  font-family: var(--ff-navigation-menu);
  letter-spacing: var(--ls-diez);
  font-weight: bold;
  line-height: 1;
}

.navbar__menu__cta__btn {
  letter-spacing: normal;
  cursor: pointer;
  display: block;
  padding-block: 0.5em;
  padding-inline: 2em;
  border-radius: 5px;
  margin-block-start: 1em;
  line-height: 1.3;
}
@media (width >= 64rem) {
  .navbar__menu__cta__btn {
    margin-block-start: 0;
    border-radius: var(--border-radius-rounded);
    font-weight: 600;
    letter-spacing: var(--ls-diez);
    box-shadow: var(--box-shadow-subtle);
    line-height: 1;
    padding-block: 0.7em;
  }
}

.nav__logo__img {
  inline-size: 80px;
  max-inline-size: 180px;
}
@media (width >= 64rem) {
  .nav__logo__img {
    inline-size: 130px;
  }
}

.nav__hamburger {
  margin-block-start: 10px;
  margin-inline: 10px;
  align-self: center;
}
@media (width >= 64rem) {
  .nav__hamburger {
    display: none;
  }
}

.nav__hamburger button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: hsl(var(--clr-blue));
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.button__hamburger[aria-expanded=true] .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.button__hamburger[aria-expanded=true] .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.button__hamburger[aria-expanded=true] .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.feature--content-and-image {
  display: flex;
  flex-direction: column;
  row-gap: 2em;
}
@media (width >= 48rem) {
  .feature--content-and-image {
    flex-direction: row;
    row-gap: unset;
    justify-content: space-between;
  }
}

@media (width >= 48rem) {
  .feature__content_panel {
    padding-block-start: var(--spc-40-80);
  }
}

@media (width >= 48rem) {
  .feature__image_panel {
    display: contents;
  }
}

.feature--padded {
  padding-block: var(--spc-40-60);
}

.feature--big-card {
  padding: var(--spc-25-40);
  box-shadow: var(--box-shadow-slight);
  border-radius: calc(var(--border-radius-corner) + 24px);
}

.feature--big-card--smoke {
  background-color: hsl(var(--clr-smoke));
}

.feature__showcase--simple {
  margin-block: var(--spc-25-40);
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media (width >= 48rem) {
  .feature__showcase--simple {
    flex-direction: row;
    gap: 4em;
    justify-content: space-around;
  }
}

.feature__showcase--simple__illustration {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media (width >= 48rem) {
  .feature__showcase--simple__illustration {
    order: 2;
  }
}

.feature__showcase--simple__explainer_sticker__title {
  font-family: var(--ff-heading);
  font-size: var(--fs-card-title);
  font-weight: var(--fw-semi-bold);
  margin-block-end: var(--spc-15-20);
}

.feature__showcase--simple__explainer_stickers__list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.feature__show--simple_explainer_arrow {
  max-inline-size: 40px;
}

.feature__showcase--simple__explainer_stickers__list_item {
  display: flex;
  gap: 1em;
  align-items: center;
  background: linear-gradient(white, white) padding-box, var(--clr-gradient) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  padding-inline: 1.5em;
  padding-block: 0.7em;
  max-width: 40ch;
}

.feature__simple-title {
  margin-block-end: var(--spc-25-40);
}

.feature__simple_splash {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media (width >= 48rem) {
  .feature__simple_splash {
    flex-direction: row;
    justify-content: space-between;
  }
}

.feature__simple_splash__content {
  padding-block-end: 1.5em;
}
.card--feature__checklist_item_desc {
  max-inline-size: 60ch;
}

.feature__simple_splash_img {
  display: none;
  align-self: end;
}
@media (width >= 48rem) {
  .feature__simple_splash_img {
    display: block;
    block-size: clamp(18.75rem, 4.4643rem + 29.7619vw, 31.25rem);
  }
}

.feature--pos-relative {
  position: relative;
}

@media (width >= 48rem) {
  .feature__simple_splash_img--overflow {
    block-size: clamp(12.5rem, 4.1667rem + 37.037vw, 37.5rem);
    position: absolute;
    right: clamp(0.625rem, -1.6667rem + 10.1852vw, 7.5rem);
    bottom: 0;
  }
}

.roadmap__timeline {
  display: flex;
  flex-direction: column;
  gap: 2em;
  justify-content: center;
}
@media (width >= 48rem) {
  .roadmap__timeline {
    flex-direction: row;
    gap: 5em;
  }
}

.roadmap__timeline_item_img {
  inline-size: clamp(3.125rem, 2.0833rem + 4.6296vw, 6.25rem);
}

.roadmap__timeline_item_arrow {
  inline-size: clamp(0.9375rem, 0.7292rem + 0.9259vw, 1.5625rem);
}

.roadmap__timeline_item {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}

.roadmap__timeline_item_desc {
  color: hsl(var(--clr-white));
}

.roadmap__timeline_item_desc {
  max-inline-size: 20ch;
}

.footer {
  background: hsl(var(--clr-black));
  color: white;
  padding-block: var(--spc-40-80);
}

.footer__content__company_info__img {
  max-inline-size: 100px;
  margin-block-end: var(--spc-15-20);
}

.footer__content__company_info {
  max-inline-size: 50ch;
}

.footer a {
  color: white;
}

.footer__content__header {
  font-family: var(--ff-heading);
  font-weight: bold;
  font-size: var(--fs-h5);
}

.footer__content__company__shortcuts {
  margin-block-end: var(--spc-25-40);
  display: flex;
  flex-direction: column;
  max-inline-size: 40ch;
}

.footer__content__company__shortcuts--additional {
  inline-size: 20ch;
}

.footer__content__company__shortcuts--services {
  inline-size: 25ch;
}

.footer__content__company__header {
  margin-block-end: var(--spc-15-20);
}

.footer__content__company__info__socials_link {
  fill: white;
}

.footer__content__company_info__socials {
  margin-block-start: var(--spc-15-20);
}

.footer__content__company_info + .footer__content__company__shortcuts {
  margin-block-start: var(--spc-25-40);
}
@media (width >= 64rem) {
  .footer__content__company_info + .footer__content__company__shortcuts {
    margin-block-start: unset;
  }
}

.footer__content__company__contact--item {
  display: flex;
  flex-direction: row;
  gap: 1em;
}

.footer__content__company__contact--item > img {
  max-inline-size: 30px;
  block-size: 30px;
  align-self: center;
}

.footer__content__company__shortcuts--contact-us {
  gap: 1em;
}

@media (width >= 64rem) {
  .footer__content {
    display: flex;
    gap: 4em;
    align-content: space-around;
  }
}

.footer__content > div {
  max-inline-size: 40ch;
}

.footer__content__company__shortcuts a:hover {
  color: hsl(var(--clr-blue));
}

details {
  border-radius: 20px;
  transition: 50ms;
  margin-inline: auto;
  max-inline-size: 80ch;
  background: linear-gradient(white, white) padding-box, var(--clr-gradient) border-box;
  border: 2px solid transparent;
}

details[open] {
  padding-bottom: 1em;
}

summary::before,
summary::after {
  transition: 200ms;
}

@layer markers {
  summary {
    position: relative;
  }
  summary::marker {
    content: none;
  }
  summary::before,
  summary::after {
    content: "";
  }
  summary::before,
  summary::after {
    width: 0.75em;
    height: 0;
    border-bottom: 2px solid;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform: translateY(-50%);
  }
  summary::after {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
  }
  [open] summary::after {
    transform: rotate(0deg);
  }
}
/* styles ported over from the second example */
@layer step2styles {
  details {
    border: 1px solid;
    padding: 0 1rem;
    background: white;
  }
  details[open] {
    padding-bottom: 1em;
  }
  summary {
    padding: 1rem 2em 1rem 0;
    font-size: 1.25rem;
    font-weight: var(--fw-semi-bold);
    cursor: pointer;
  }
}
div [id*=popmake-] {
  background: var(--clr-gradient);
  padding: var(--spc-20-30) !important;
  border-radius: 20px !important;
}
div [id*=popmake-] .gform_description {
  margin-block: 1em;
  color: hsl(var(--clr-white));
}
div [id*=popmake-] .pum-close {
  background: transparent !important;
  padding-inline-end: 15px !important;
}
div [id*=popmake-] h2.gform_title {
  font-size: var(--fs-h4);
  color: hsl(var(--clr-white));
  margin-block-end: 0.3em;
}
div [id*=popmake-] p.gform_required_legend {
  color: hsl(var(--clr-white));
  padding-block-start: 0.2em;
  padding-block-end: 1em;
  display: none;
}
div [id*=popmake-] .gform-theme--foundation .gform_fields {
  row-gap: 1em;
}
div [id*=popmake-] .ginput_container--name input[type=text],
div [id*=popmake-] div.ginput_container_text input[type=text],
div [id*=popmake-] div.ginput_container_email input[type=email],
div [id*=popmake-] div.ginput_container_phone input[type=tel] {
  border-radius: 10px !important;
}
div [id*=popmake-] .gform_button {
  border-radius: var(--border-radius-rounded) !important;
  background-color: hsl(var(--clr-blue));
}
div [id*=popmake-] .gform-field-label {
  color: hsl(var(--clr-white));
}
div [id*=popmake-] {
  inline-size: 100% !important;
  max-inline-size: clamp(20rem, 14.1667rem + 25.9259vw, 37.5rem) !important;
}

#qodex_form #gform_wrapper_2 p.gform_required_legend {
  display: none;
}
#qodex_form #gform_wrapper_2 .gform_fields {
  row-gap: 1em;
}
#qodex_form #gform_wrapper_2 {
  margin-inline: auto;
  max-inline-size: 768px;
}
#qodex_form #gform_wrapper_2 input, #qodex_form #gform_wrapper_2 textarea {
  border-radius: var(--border-radius-corner);
}
#qodex_form #gform_wrapper_2 .gform_button[type=submit] {
  background-color: hsl(var(--clr-blue));
}

.bg-gradient {
  background: var(--clr-gradient);
}

.bg-white {
  background: hsl(var(--clr-white));
}

.border--bottom-no-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.border-gradient {
  background: linear-gradient(white, white) padding-box, var(--clr-gradient) border-box;
  border: 2px solid transparent;
}

.padding-bottom-50 {
  padding-block-end: 50px;
}

.box-shadow__top--slight {
  --shadow-color: 286deg 36% 50%;
  --shadow-elevation-low:
    -0.7px -0.5px 0.8px hsl(var(--shadow-color) / 0.58),
    -1.1px -0.9px 1.4px -1.8px hsl(var(--shadow-color) / 0.46),
    -3.1px -2.3px 3.7px -3.6px hsl(var(--shadow-color) / 0.34);
  box-shadow: var(--shadow-elevation-low);
}

.feature__bottom--no-padding {
  padding-block-end: 0;
}

.text-align--center {
  text-align: center;
}

.margin-inline--auto {
  margin-inline: auto;
}

.margin-block-end--25-40 {
  margin-block-end: var(--spc-25-40);
}

.margin-block-start--25-40 {
  margin-block-start: var(--spc-25-40);
}

.margin-block-end--30-60 {
  margin-block-end: var(--spc-30-60);
}

.margin-block-end--40-80 {
  margin-block-end: var(--spc-40-80);
}

.column-gap--5 {
  -moz-column-gap: 5em;
       column-gap: 5em;
}

.position--relative {
  position: relative;
}

.z-index--pos-2 {
  z-index: 2;
}

.border--radius-corner-rounded {
  --add-border: var(--additional-border-radius, 10px);
  border-radius: calc(var(--border-radius-corner) + var(--add-border));
}

.text-white {
  color: hsl(var(--clr-white));
}

.padding-block--30-60 {
  padding-block: var(--spc-30-60);
}

.padding-inline--30-60 {
  padding-inline: var(--spc-30-60);
}

.flex--justify-content {
  justify-content: center;
}

.flex-align-self--center {
  align-self: center;
}

.max-inline-size--max-content {
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
}

.call-to-action--white-arrow {
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  position: relative;
}

.call-to-action--white-arrow-icon {
  position: absolute;
  width: 70px;
  left: -50px;
}

/*# sourceMappingURL=index.css.map*/