/* flat-css: compiled from nested source by lightningcss */
@media screen and (min-width: 1200px) {
  .no-logging #header #title-container {
    background: url("../images/globe-bg-U0sYAL9.png") 0 100% no-repeat;
    background: image-set(url("../images/globe-bg-XeIIHXj.avif") type("image/avif"), url("../images/globe-bg-U0sYAL9.png") type("image/png")) 0 100% no-repeat;
    justify-content: start;
    min-height: 748px;
  }
}

.no-logging #header #title-container .container {
  width: 100%;
}

.no-logging #header #title-container .container h1 {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .no-logging #header #title-container .container h1 {
    text-align: start;
    margin: 0;
  }
}

.no-logging #header #title-container .container h2 {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .no-logging #header #title-container .container h2 {
    text-align: start;
    margin: 0;
  }
}

.no-logging #header #title-container .container p {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .no-logging #header #title-container .container p {
    text-align: start;
    margin: 0;
  }
}

.no-logging #header #title-container .container p {
  font-size: 14px;
  line-height: 21px;
}

@media screen and (min-width: 1200px) {
  .no-logging #header #title-container .container p {
    font-size: 16px;
    line-height: normal;
  }
}

.no-logging #header #title-container .container .badge {
  box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .no-logging #header #title-container .container .badge {
    width: auto;
  }
}

.no-logging #header img.abs {
  padding: 2rem 1rem 0;
}

@media screen and (min-width: 1200px) {
  .no-logging #header img.abs {
    width: auto;
    height: auto;
  }
}

.no-logging #header img.bottom {
  padding: 2rem 1rem 0;
}

@media screen and (min-width: 1200px) {
  .no-logging #header img.bottom {
    width: auto;
    height: auto;
  }
}

.no-logging #competition p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (min-width: 876px) {
  .no-logging #competition p {
    font-size: 20px;
    line-height: 30px;
  }
}

.no-logging #competition p:last-child {
  font-size: 18px;
  line-height: 30px;
}

@media screen and (min-width: 876px) {
  .no-logging #competition p:last-child {
    font-size: 24px;
    line-height: normal;
  }
}

.no-logging #why-trust h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

@media screen and (min-width: 876px) {
  .no-logging #why-trust h3 {
    font-size: 28px;
    line-height: 42px;
  }
}

.no-logging #why-trust ul {
  line-height: 1.5;
  list-style: none;
}

@media screen and (min-width: 1200px) {
  .no-logging #why-trust ul {
    line-height: 2;
  }
}

@media screen and (min-width: 1200px) {
  .no-logging #why-trust #bahamas {
    padding-bottom: 220px;
  }

  .no-logging #why-trust #bahamas img {
    bottom: -60px;
  }
}

@media screen and (min-width: 1200px) {
  .no-logging #why-trust #warrant-canary {
    padding-bottom: 220px;
  }

  .no-logging #why-trust #warrant-canary img {
    bottom: 0;
  }
}

.no-logging .d-flex {
  gap: 1rem;
}

@media screen and (min-width: 1200px) {
  .no-logging .d-flex {
    gap: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .no-logging .blue-gradient {
    background: #0c031e url("../images/desktop-no-logging-back-OIGdGEP.jpg") top no-repeat;
    background: #0c031e image-set(url("../images/desktop-no-logging-back-6Nf5DMV.avif") type("image/avif"), url("../images/desktop-no-logging-back-OIGdGEP.jpg") type("image/jpeg")) top no-repeat;
  }
}

.no-logging .blue-gradient h2 {
  z-index: 2;
  position: relative;
}

.no-logging .blue-gradient .box.gray {
  z-index: 2;
  position: relative;
}

.no-logging .blue-gradient .box.gray {
  border-radius: 32px;
}

@media screen and (min-width: 1200px) {
  .no-logging .blue-gradient .box.gray {
    padding: 40px 24px;
  }
}

.no-logging .blue-gradient #mobile-blue-bg {
  box-sizing: border-box;
  z-index: 1;
  min-width: 100vw;
  height: auto;
  margin: -57vw -1rem -60vw;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .no-logging .blue-gradient #mobile-blue-bg {
    display: none;
  }
}