html {
  background-color: rgb(251, 251, 248) !important;
  background-image:
    linear-gradient(
      180deg,
      rgba(251, 251, 248, 0.55) 0%,
      rgba(251, 251, 248, 0.82) 40%,
      rgb(251, 251, 248) 85%
    ),
    linear-gradient(
      282deg,
      rgb(251, 251, 248) 11%,
      rgba(159, 252, 220, 0.72) 25%,
      rgba(64, 198, 255, 0.63) 34%,
      rgba(171, 182, 255, 0.85) 47%,
      rgba(226, 138, 255, 0.96) 59%,
      rgb(251, 251, 248) 90%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 575px, 100% 575px !important;
  background-position: center -140px, center -140px !important;
}
html, body {
  min-height: 100vh;
  overflow-anchor: none;
}
body {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
#main,
[data-framer-root] {
  position: relative;
  background: transparent !important;
}
#main [data-framer-name="BG Gradient"],
[data-framer-name="pattern"] {
  display: none !important;
}
[data-framer-name*="Color BG"],
[data-framer-name="Overlay"],
[data-framer-name="Section"] {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#main footer,
#main [id="footer"] { display: none !important; }
#main [data-framer-name="Hero Section"]:has(
  [data-framer-name="Title wrapper"]
) {
  height: auto !important;
  padding-top: 108px !important;
  padding-bottom: 24px !important;
}
#main [data-framer-name="Hero Section"]
  [data-framer-name="Title wrapper"] {
  height: auto !important;
}
[data-shared-chrome="nav"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
}
html:has([data-shared-chrome="nav"]) #main nav,
html:has([data-shared-chrome="nav"]) header.header,
html:has([data-shared-chrome="nav"]) .page-gradient-wrap,
html:has([data-shared-chrome="nav"]) footer.footer,
html:has([data-shared-chrome="nav"]) #mobile-menu {
  display: none !important;
}
.blog-features,
.blog-mobile {
  z-index: 80;
}
.blog-features {
  position: fixed;
  min-width: 280px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(228, 228, 231, 0.9);
  box-shadow: 0 12px 40px rgba(9, 9, 11, 0.12);
  backdrop-filter: blur(16px);
}
.blog-features[hidden],
.blog-mobile[hidden] {
  display: none;
}
.blog-features a,
.blog-mobile a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgb(9, 9, 11);
  text-decoration: none;
}
.blog-features a:hover,
.blog-mobile a:hover {
  background: rgba(0, 153, 255, 0.08);
}
.blog-mobile {
  position: fixed;
  inset: 88px 16px auto 16px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(251, 251, 248, 0.96);
  border: 1px solid rgb(228, 228, 231);
  box-shadow: 0 16px 48px rgba(9, 9, 11, 0.14);
}
[data-shared-chrome="footer"] [data-framer-name="Light [Tablet]"] { display: none !important; }
[data-shared-chrome="footer"] [data-framer-name="Light [Mobile]"] { display: none !important; }
@media (max-width: 1199.98px) and (min-width: 810px) {
  [data-shared-chrome="footer"] [data-framer-name="Light [Desktop]"] { display: none !important; }
  [data-shared-chrome="footer"] [data-framer-name="Light [Tablet]"] { display: block !important; }
}
@media (max-width: 809.98px) {
  [data-shared-chrome="footer"] [data-framer-name="Light [Desktop]"] { display: none !important; }
  [data-shared-chrome="footer"] [data-framer-name="Light [Tablet]"] { display: none !important; }
  [data-shared-chrome="footer"] [data-framer-name="Light [Mobile]"] { display: block !important; }
}
/* Locale flag is position:absolute; inset:0. Hydrate pages
   lack Framer's 20x20 containing block until JS runs. */
[data-shared-chrome="footer"] [data-framer-name="Images (1)"]:has(img[src*="image-cc2fb709"]) {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  flex: none;
}
[data-shared-chrome="nav"] .framer-kr3p8o-container {
  width: 14px;
  height: 14px;
  color: rgb(255, 255, 255);
}
[data-shared-chrome="nav"] .framer-1d651dx-container {
  width: 14px;
  height: 17px;
  color: rgb(255, 255, 255);
}
[data-shared-chrome="nav"] > nav[data-framer-name="Mobile"] {
  display: none !important;
}
@media (max-width: 809.98px) {
  [data-shared-chrome="nav"] > nav:not([data-framer-name="Mobile"]) {
    display: none !important;
  }
  [data-shared-chrome="nav"] > nav[data-framer-name="Mobile"] {
    display: flex !important;
  }
  #main a:has(> div > img) {
    aspect-ratio: 3 / 2;
    height: auto !important;
    max-width: 100%;
    overflow: hidden;
  }
  #main a:has(> div > img) img {
    object-fit: contain !important;
  }
  #main [data-framer-name="Hero Section"]
    [data-framer-name="Content"],
  #main [data-framer-name="Hero Section"]
    [data-framer-name="Content"] > div,
  #main [data-framer-name="Hero Section"] h1,
  #main [data-framer-name="Hero Section"] p {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  #main [data-framer-name="Hero Section"]:not(
    :has([data-framer-name="Hero text"])
  ) [data-framer-name="Content"]:first-of-type {
    translate: 0 185px;
  }
  #main :not([data-framer-name="Post"])
    > div:not([data-framer-name]):has(
      > [data-framer-name="Title"]
    ) {
    padding-top: 186px !important;
  }
  #main *:has(> * > [data-framer-name="Post"]) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #main *:has(> [data-framer-name="Post"]) {
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
  }
  #main [data-framer-name="Post"],
  #main [data-framer-name="Post"] > *,
  #main [data-framer-name="Post"]
    [data-framer-name="Title"],
  #main [data-framer-name="Post"] h1,
  #main [data-framer-name="Post"] h2,
  #main [data-framer-name="Post"] p,
  #main [data-framer-name="Post"] img {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}