:root {
  --black: #131313;
  --blue: #00b3ff;
  --buttons: 8px;
  --white: whitesmoke;
  --round: 20px;
  --ice-blue: #c2edff;
  --content: 12px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--black);
  color: #f5f5f5;
  font-family: jaf-domus, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  transition: opacity .2s ease-in-out;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--blue);
  text-decoration: underline;
}

.hero {
  color: #f0f0f0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 2rem 30px 80px;
  display: flex;
  position: relative;
}

.container-tight {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-tight.no-margin {
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

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

.margin-bottom {
  margin-top: 0;
  margin-bottom: 1rem;
  position: static;
}

.margin-bottom.less {
  margin-bottom: 1rem;
}

.box {
  border-radius: var(--buttons);
  color: #131313;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f0f0f0;
  padding: 1rem 2rem;
  transition: all .2s;
}

.box:hover {
  color: #131313;
  box-shadow: 7px 7px #c2edff;
}

.p-hero {
  margin-bottom: 1rem;
  font-size: 2rem;
}

.p-hero.margin-bottom {
  margin-bottom: 2rem;
}

.navigation {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 2rem;
}

.grid-nav {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: var(--white);
  border-radius: 50px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: min-content min-content min-content min-content min-content min-content;
  place-content: center space-around;
  place-items: center;
  padding: 1rem;
}

.nav-arrow-div {
  background-color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 50px;
  display: flex;
}

.nav-arrow-div:hover {
  background-color: var(--blue);
}

.nav-arrow-div.w--current {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--black);
  white-space: nowrap;
  padding: .5rem 1rem;
  font-size: 1.2rem;
  text-decoration: none;
  display: block;
}

.nav-link:hover {
  border-radius: var(--round);
  background-color: var(--ice-blue);
}

.nav-link.w--current {
  border-radius: var(--round);
  background-color: var(--blue);
  color: var(--white);
  display: block;
}

.dropdown-content {
  background-color: #181818;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.navbar {
  z-index: 9999;
  letter-spacing: .1rem;
  text-transform: uppercase;
  background-color: #181818;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.mobile-nav-container {
  width: 1080px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.dropdown-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.logo {
  height: 50px;
}

.hero-logo {
  z-index: 9999;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-logo.lottie {
  width: 15%;
}

.wave-div {
  position: absolute;
  inset: 0%;
}

.wave-code {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.section {
  padding: 4rem;
}

.section.footer {
  padding-bottom: 10rem;
}

.grid-3-col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-3-col.services, .grid-3-col.footer {
  flex-flow: wrap;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.card {
  background-color: var(--black);
  text-align: center;
  border-radius: 8px;
  padding: 1rem;
}

.grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quick-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  padding: 0;
}

.grid-1-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.container {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.scope-divider {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quick-stack-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 0;
}

.plan-div {
  border-radius: var(--content);
  background-color: var(--blue);
  color: #131313;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-size: 1rem;
}

.plan-div.ice {
  background-color: var(--ice-blue);
}

.button {
  border-radius: var(--buttons);
  color: #f0f0f0;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #131313;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  transition: all .2s;
  display: block;
}

.button:hover {
  box-shadow: 7px 7px #33b3ff;
}

.button.ice:hover {
  box-shadow: 7px 7px 0 0 var(--ice-blue);
}

.list-2 {
  padding-left: 2rem;
}

.call-link {
  color: #131313;
  display: block;
}

.call-link.margin-bottom {
  text-align: center;
  font-size: 1rem;
}

.lottie-animation-3 {
  height: 200px;
}

.grid-3-col-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3-col-2.work {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.cell-2, .cell-3 {
  justify-content: flex-start;
  align-items: center;
}

.lottie-animation-bene {
  height: 200px;
  margin-bottom: -2rem;
}

.lottie-animation-bene.lottie-resize {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.h4-bubble {
  background-color: var(--blue);
  white-space: nowrap;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  display: inline-block;
}

.margin-bottom-2rem {
  margin-top: 0;
  margin-bottom: 2rem;
}

.accordion-wrapper {
  margin-top: 0;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.accordion-item {
  border-radius: var(--content);
  font-size: 1rem;
}

.icon.accordion-icon {
  cursor: pointer;
  font-size: 3rem;
  line-height: 30px;
}

.image-3 {
  border-radius: var(--content);
  object-fit: cover;
  max-width: 100%;
  height: 300px;
}

.logo-footer {
  width: 100%;
}

.logo-footer.margin-bottom-4rem {
  margin-bottom: 4rem;
}

.logo-footer.margin-bottom-4rem.hidden {
  display: none;
}

.footer-link {
  color: var(--white);
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--blue);
}

.code-embed {
  height: 60%;
}

.margin-top-8rem {
  margin-top: 8rem;
}

.text-span {
  letter-spacing: -2px;
  padding-right: 2px;
}

.text-span-2 {
  letter-spacing: 2px;
}

.t-c {
  font-size: 4rem;
}

.margin-bottom-4rem {
  margin-bottom: 4rem;
}

.margin-bottom-4rem.full-width {
  width: 100%;
}

.paragraph {
  position: absolute;
}

.strikethrough {
  color: #131313b3;
  text-decoration: line-through;
}

.body {
  transition: opacity .2s, all .2s ease-in-out;
}

@media screen and (max-width: 991px) {
  .navigation {
    width: 90%;
    min-width: 50%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-nav-container {
    width: 100%;
  }

  .hero-logo.lottie {
    width: 20%;
  }

  .grid-3-col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start center;
    display: grid;
  }

  .grid-3-col.services, .grid-3-col.footer {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-width: 70%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .grid-3-col-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3-col-2.work {
    grid-template-columns: 1fr;
  }

  .icon.accordion-icon {
    font-size: 3rem;
  }

  .image-3 {
    width: 100%;
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    padding: 60px 15px;
  }

  .navigation {
    display: none;
  }

  .nav-link {
    color: var(--white);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-link:hover {
    background-color: var(--black);
  }

  .nav-link.w--current {
    margin-left: auto;
    margin-right: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: inline-block;
  }

  .dropdown-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--black);
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
  }

  .navbar {
    display: none;
  }

  .mobile-nav-container {
    background-color: var(--black);
    padding: 1rem 2rem;
  }

  .burger-container {
    float: right;
    cursor: pointer;
    justify-content: flex-end;
    height: 50px;
    margin-left: auto;
    margin-right: -1rem;
    display: flex;
    position: static;
  }

  .lottie-animation {
    width: 35px;
  }

  .dropdown-wrapper {
    display: block;
  }

  .logo {
    width: 200px;
  }

  .hero-logo {
    padding-top: 1rem;
  }

  .hero-logo.lottie {
    width: 25%;
  }

  .grid-3-col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .grid-3-col.footer {
    max-width: 100%;
  }

  .grid-1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid-3-col-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .lottie-animation-bene.lottie-resize {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .accordion-item-trigger {
    justify-content: space-between;
    align-items: flex-start;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .icon.accordion-icon {
    font-size: 3rem;
  }

  .image-3 {
    min-width: 300px;
    max-width: 400px;
    height: auto;
    max-height: 300px;
  }

  .footer-link {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body {
    transition: opacity .2s;
  }

  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  .container-tight {
    margin-top: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .box {
    font-size: 1rem;
  }

  .box:hover {
    box-shadow: none;
  }

  .p-hero {
    font-size: 1.4rem;
  }

  .nav-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .dropdown-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    place-content: center;
    place-items: center;
    display: none;
  }

  .navbar {
    z-index: 9999;
    background-color: #18181800;
    top: -1px;
  }

  .mobile-nav-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .burger-container {
    align-items: center;
    margin-right: -.5rem;
    padding-top: .5rem;
    display: flex;
  }

  .lottie-animation {
    width: 30px;
  }

  .link-block, .hero-logo.lottie {
    width: 50%;
  }

  .section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section.footer {
    padding-bottom: 4rem;
  }

  .grid-3-col.footer {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .card {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .quick-stack {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .scope-divider {
    height: 100%;
  }

  .button {
    font-size: 1rem;
  }

  .button:hover {
    box-shadow: none;
  }

  .lottie-animation-bene {
    width: 60%;
    height: auto;
    margin-bottom: -2rem;
  }

  .lottie-animation-bene.lottie-resize {
    width: 40%;
    height: auto;
  }

  .margin-bottom-2rem {
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .accordion-item-trigger {
    justify-content: space-between;
    align-items: flex-start;
  }

  .accordion-heading {
    font-size: 1.4rem;
  }

  .accordion-item {
    padding-top: .5rem;
    padding-bottom: 0;
  }

  .icon.accordion-icon {
    margin-top: -4px;
    font-size: 2rem;
  }

  .image-3 {
    object-fit: cover;
    max-width: 100%;
    height: 250px;
  }

  .footer-link {
    font-size: 1rem;
  }
}

#w-node-_88951003-3540-99f1-276c-9bc1d88357c1-c6d5a76e, #w-node-bf6460ff-992d-273b-8aa1-b25a4131d90d-c6d5a76e, #w-node-fe3d0724-9c26-0a2c-656d-799421cedb4c-c6d5a76e, #w-node-be2435f6-a3a7-6b58-8944-254c38688e2a-c6d5a76e, #w-node-b436dc04-81e4-ba31-406b-0ff6cd3ebb47-c6d5a76e, #w-node-_75a03c75-14b8-b8b7-4a8e-6d49a66896af-c6d5a76e, #w-node-_12922096-43bf-3e2b-f3e3-29bebc07aab4-c6d5a76e, #w-node-b6f25464-b8c3-55ed-fac4-d3bdaae5fdd7-c6d5a76e, #w-node-bc76c9aa-f29d-b539-8b13-6f6ce853218f-c6d5a76e, #w-node-bc76c9aa-f29d-b539-8b13-6f6ce8532192-c6d5a76e, #w-node-_7d5c4a56-d14d-2038-5e79-d2099b5464bb-c6d5a76e, #w-node-_7d5c4a56-d14d-2038-5e79-d2099b5464be-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f190b8fc-8d3a-7507-cf00-ff143f1244f5-c6d5a76e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f190b8fc-8d3a-7507-cf00-ff143f1244fa-c6d5a76e, #w-node-f190b8fc-8d3a-7507-cf00-ff143f1244ff-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-f190b8fc-8d3a-7507-cf00-ff143f124504-c6d5a76e, #w-node-_8f73caff-4e97-9a6d-27a0-f49dfa464ec7-c6d5a76e, #w-node-cf47e98b-baeb-5973-ea84-104e1cbf6e9e-c6d5a76e, #w-node-_1fc39717-5408-1621-45c0-ae64b1ecd2e3-c6d5a76e, #w-node-_1fc39717-5408-1621-45c0-ae64b1ecd2e5-c6d5a76e, #w-node-c61693ed-7505-3fc3-47be-3da1cf0fcc59-c6d5a76e, #w-node-c61693ed-7505-3fc3-47be-3da1cf0fcc5b-c6d5a76e, #w-node-_4a477dbc-63dc-97fe-856c-e43be99b6f05-c6d5a76e, #w-node-_4a477dbc-63dc-97fe-856c-e43be99b6f07-c6d5a76e, #w-node-bc2f7d32-ed23-058e-af78-441fdceb88a0-c6d5a76e, #w-node-bc2f7d32-ed23-058e-af78-441fdceb88a2-c6d5a76e, #w-node-e9fadd28-ecaf-5db0-dc7c-a7213940ac01-c6d5a76e, #w-node-e9fadd28-ecaf-5db0-dc7c-a7213940ac03-c6d5a76e, #w-node-b20a655d-06d3-f38a-0d65-9e530a480f8e-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd335d50-f933-21c7-094c-75200800a8f2-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_43440098-15e9-85ff-4a19-de8e1a1e6226-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43440098-15e9-85ff-4a19-de8e1a1e6227-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-f5429914-afdf-b925-285b-1ba135a6c321-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5429914-afdf-b925-285b-1ba135a6c322-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_71b597c7-8bd3-96bc-1af5-7420b843453b-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71b597c7-8bd3-96bc-1af5-7420b843453c-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a5e055bb-24d3-3035-6aa6-14a4fa0aecca-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5e055bb-24d3-3035-6aa6-14a4fa0aeccb-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_776f1803-b121-2ef4-7e5c-581aef009d77-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_776f1803-b121-2ef4-7e5c-581aef009d78-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_20ca6624-0ef2-d39a-3d13-6548c2a5c1aa-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20ca6624-0ef2-d39a-3d13-6548c2a5c1ab-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c2e691f3-2b61-8649-488d-bba328cd5eb0-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2e691f3-2b61-8649-488d-bba328cd5eb1-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ffa36c0f-1c38-722b-555c-283a35b37bed-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffa36c0f-1c38-722b-555c-283a35b37bee-c6d5a76e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_6fc79820-fafc-a1e4-7032-6df31190c92e-c6d5a76e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_6fc79820-fafc-a1e4-7032-6df31190c92e-c6d5a76e {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f190b8fc-8d3a-7507-cf00-ff143f1244f5-c6d5a76e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6fc79820-fafc-a1e4-7032-6df31190c92e-c6d5a76e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}