/* Mobile safeguards for the Framer landing page and the custom How it works section. */
html,
body,
#main {
  max-width: 100%;
  overflow-x: clip;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 809.98px) {
  body {
    min-width: 320px;
    padding-bottom: env(safe-area-inset-bottom);
  }

  [data-framer-name="Mobile Closed"],
  [data-framer-name="Mobile Open"] {
    padding-top: env(safe-area-inset-top) !important;
  }

  .crypton-how-it-works__media {
    width: 100%;
    max-width: 100%;
  }

  .crypton-how-it-works__media img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 374px) {
  .crypton-how-it-works__intro,
  .crypton-how-it-works__copy {
    padding-inline: 2px;
  }

  .crypton-how-it-works__intro h2 {
    font-size: 34px;
  }
}