/* --- Global Resets & Font Imports --- */
html {
  scroll-behavior: smooth;
  /* FIX: This rule prevents content from being hidden under the nav bar when jumping to an anchor link (#). */
  /* It adds padding to the top of the scroll container (the viewport), creating an offset. */
  scroll-padding-top: 90px;
}

body {
  margin: 0;
  background: #082302; /* Ensures consistent background color */
}

a,
button,
input,
select,
h1,
h2,
h3,
h4,
h5,
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: none;
    -webkit-font-smoothing: antialiased;
}

menu, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



@font-face {
  font-family: 'CalebGroteskBold';
  src: url('./fonts/calebgrotesk-bold-webfont.woff2') format('woff2'),
       url('./fonts/calebgrotesk-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* --- Original Desktop Styles --- */
.turnqey-website-update-jul-2025,
.turnqey-website-update-jul-2025 * {
  box-sizing: border-box;
}
.turnqey-website-update-jul-2025 {
  background: #082302;
  position: relative;
  /* FIX: Changed 'overflow: hidden' to 'overflow-x: hidden'. */
  /* This prevents unwanted horizontal scrollbars while allowing necessary vertical scrolling, fixing the "stuck scroll" issue. */
  overflow-x: hidden;
}
.footer-nav {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: center;
  justify-content: flex-start;
  width: 1179px;
  /* Replaced absolute positioning with relative positioning and margin. */
  position: relative;
  margin: 100px auto 40px;
}
.copyright-2025-turnqey-co-ltd-all-rights-reserved {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.terms-of-service {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.privacy-policy {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.contact-us {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.background-blops {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* FIX: Added 'overflow: hidden' to this container. */
  /* This clips the oversized, absolutely positioned ellipse elements within it, removing the large blank space at the bottom of the page. */
  overflow: hidden;
}
.group-24 {
  width: 1143px;
  height: 1296px;
  position: static;
}
.ellipse-5 {
  background: #c6f185;
  border-radius: 50%;
  width: 748px;
  height: 1032px;
  position: absolute;
  left: 1159px;
  top: -354px;
  filter: blur(150px);
}
.ellipse-3 {
  background: #48a093;
  border-radius: 50%;
  width: 1143px;
  height: 933px;
  position: absolute;
  left: 961px;
  top: -618px;
  filter: blur(150px);
}
.group-25 {
  width: 838.73px;
  height: 951px;
  position: static;
}
.ellipse-52 {
  background: #c6f185;
  border-radius: 50%;
  width: 548.88px;
  height: 757.28px;
  position: absolute;
  left: 1299.29px;
  top: 2929.72px;
  filter: blur(150px);
}
.ellipse-32 {
  background: #48a093;
  border-radius: 50%;
  width: 838.73px;
  height: 684.63px;
  position: absolute;
  left: 1154px;
  top: 2736px;
  filter: blur(150px);
}
.group-26 {
  width: 952px;
  height: 1087px;
  position: static;
}
.ellipse-53 {
  background: #c6f185;
  border-radius: 50%;
  width: 599px;
  height: 826px;
  position: absolute;
  left: -350px;
  top: 3950px;
  filter: blur(150px);
}
.ellipse-33 {
  background: #48a093;
  border-radius: 50%;
  width: 952px;
  height: 777px;
  position: absolute;
  left: -400px;
  top: 3800px;
  filter: blur(150px);
}
.group-27 {
  width: 773.61px;
  height: 967.64px;
  position: static;
}
.ellipse-54 {
  background: #c6f185;
  border-radius: 50%;
  width: 486.76px;
  height: 735.3px;
  position: absolute;
  left: -447.68px;
  top: 2176.76px;
  transform-origin: 0 0;
  transform: rotate(-50.142deg) scale(1, 1);
  filter: blur(150px);
}
.ellipse-34 {
  background: #48a093;
  border-radius: 50%;
  width: 773.61px;
  height: 691.68px;
  position: absolute;
  left: -682.8px;
  top: 2095.85px;
  transform-origin: 0 0;
  transform: rotate(-50.142deg) scale(1, 1);
  filter: blur(150px);
}
.group-23 {
  width: 711.57px;
  height: 1307.13px;
  position: static;
}
.ellipse-6 {
  background: #c6f185;
  border-radius: 50%;
  width: 450.94px;
  height: 958.48px;
  position: absolute;
  left: 53.9px;
  top: 1132.7px;
  transform-origin: 0 0;
  transform: rotate(-90.117deg) scale(1, 1);
  filter: blur(150px);
}
.ellipse-4 {
  background: #48a093;
  border-radius: 50%;
  width: 711.57px;
  height: 1078.29px;
  position: absolute;
  left: 283.23px;
  top: 1375.44px;
  transform-origin: 0 0;
  transform: rotate(-90.117deg) scale(1, 1);
  filter: blur(150px);
}
.background-icons {
  position: absolute;
  inset: 0;
  mix-blend-mode: overlay;
  z-index: 1;
}
.iconly-sharp-two-tone-category {
  width: 9.76%;
  height: 2.6%;
  position: absolute;
  right: 17.11%;
  left: 73.12%;
  bottom: 86.29%;
  top: 13.11%;
}
.rectangle-1124 {
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  width: 41.01px;
  height: 41.01px;
  position: absolute;
  left: 15.27px;
  top: 19.88px;
}
.rectangle-1125 {
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  opacity: 0.4;
  width: 41.01px;
  height: 41.01px;
  position: absolute;
  left: 85.72px;
  top: 15.27px;
  transform-origin: 0 0;
  transform: rotate(15deg) scale(1, 1);
}
.rectangle-1126 {
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  opacity: 0.4;
  width: 41.01px;
  height: 41.01px;
  position: absolute;
  left: 15.27px;
  top: 84.32px;
}
.rectangle-1127 {
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  width: 41.01px;
  height: 41.01px;
  position: absolute;
  left: 79.72px;
  top: 84.32px;
}
.iconly-sharp-two-tone-work {
  width: 9.76%;
  height: 2.6%;
  position: absolute;
  right: 3.99%;
  left: 86.25%;
  bottom: 92.6%;
  top: 4.8%;
  overflow: visible;
}
.iconly-sharp-two-tone-graph {
  width: 9.76%;
  height: 2.6%;
  position: absolute;
  right: 88.64%;
  left: 1.6%;
  bottom: 89.4%;
  top: 8%;
}
.ellipse-55 {
  border-radius: 50%;
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  width: 90.85px;
  height: 90.85px;
  position: absolute;
  left: 15.93px;
  top: 124.49px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-62 {
  border-radius: 50%;
  border-style: solid;
  border-color: #ffffff;
  border-width: 8.79px;
  opacity: 0.4;
  width: 90.85px;
  height: 90.85px;
  position: absolute;
  left: 33.82px;
  top: 106.96px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.iconly-sharp-two-tone-swap {
  width: 9.76%;
  height: 2.6%;
  position: absolute;
  right: 82.39%;
  left: 7.85%;
  bottom: 93.9%;
  top: 3.5%;
  overflow: visible;
}
.iconly-sharp-two-tone-wallet {
  width: 9.76%;
  height: 2.6%;
  position: absolute;
  right: 72.27%;
  left: 17.97%;
  bottom: 86.25%;
  top: 13.14%;
  overflow: visible;
}
.frame-19 {
  display: flex;
  flex-direction: column;
  gap: -10px;
  align-items: center;
  justify-content: flex-start;
  width: 1284px;
  /* Replaced absolute positioning with relative positioning and margin. */
  position: relative;
  margin: 188px auto 0;
  z-index: 2;
}
.hero {
  flex-shrink: 0;
  width: 1203px;
  height: 453px;
  position: static;
}
.frame-1 {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 125.5px;
  top: 55px;
  overflow: hidden;
}
.frame-18 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 1203px;
  position: absolute;
  left: 40.5px;
  top: 0px;
}
.introducing-turnqey {
  color: #c6f185;
  text-align: center;
  font-family: "calebgrotesk-intro", sans-serif;
  font-size: 120px;
  line-height: 132px;
  font-weight: bold;
  position: relative;
  align-self: stretch;
}
.introducing-turnqey img {
  max-width: 100%;
  height: auto;
}
.turnqey-is-a-super-aggregator-api-platform-that-delivers-crypto-data-analytics-and-actionable-insights-to-financial-advisers {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 28px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  width: 890px;
}
.frame-15 {
  display: flex;
  flex-direction: column;
  gap: 140px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.group-22 {
  flex-shrink: 0;
  width: 1241px;
  height: 606px;
  position: static;
}
._8-eb-8-eb-39-5-b-5-c-4-e-30-ae-23-f-36-e-4-b-5-bb-11-c-1 {
  border-radius: 12px;
  width: 1241px;
  height: 606px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 1241/606;
}
.rectangle-8 {
  background: linear-gradient(
    180deg,
    rgba(38, 62, 33, 0) 0%,
    rgba(8, 35, 2, 1) 100%
  );
  width: 1241px;
  height: 255px;
  position: absolute;
  left: 21.5px;
  top: 351px;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  gap: 44px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.a-groundbreaking-platform-powering-market-leading-solutions {
  color: #c6f185;
  text-align: center;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 56px;
  position: relative;
  align-self: stretch;
}
.made-for-developers-our-suite-of-high-performance-secure-ap-is-empower-you-to-build-the-best-solutions-at-the-intersection-of-crypto-assets-and-financial-services {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 26px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  width: 1013px;
}

/* --- API LIST STYLES (Desktop) --- */
.ap-is {
  width: 100%;
  display: flex;
  justify-content: center;
}
.frame-13 {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: flex-start;
  justify-content: center;
  width: auto;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.frame-4, .frame-5 {
  display: flex;

  align-items: center;
}
.group-11 {
  width: 48px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.group-11::before {
  content: '';
  position: absolute;

  height: 100%;
  background: #0a1907;
  border-radius: 50%;
}
.iconly-sharp-two-tone-swap2 {
  position: relative;
  width: 18px;
  height: 18px;
}
.trades {
  color: #ffffff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap; /* Prevents text from wrapping */
}

.products {
  display: flex;
  flex-direction: row;
  gap: 30px;
  row-gap: 62px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cryto-held-away {
  flex-shrink: 0;
  width: 626.87px;
  height: 350px;
  position: static;
}
.rectangle-7 {
  background: #ffffff;
  border-radius: 24px;
  width: 626.87px;
  height: 400px;
  position: absolute;
  left: 0.13px;
  top: 0px;
}
.crypto-held-away {
  color: #2e3c1e;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 38px;
  line-height: 80px;
  font-weight: 700;
  position: absolute;
  left: 33.69px;
  top: 22px;
  width: 407.46px;
}
.view-clients-assets-held-on-exchanges-and-custodial-platforms-reconcile-custodial-and-non-custodial-data-into-a-single-data-set-view-assets-held-on-non-custodial-platforms-including-tokens-and-nft-data-across-all-blockchains-that-have-reached-scale-view-all-transactions-and-transfers-made-by-individual-wallets {
  color: #2e3c1e;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  position: absolute;
  left: 37.96px;
  top: 102px;
  width: 553.37px;
}
.view-clients-assets-held-on-exchanges-and-custodial-platforms-reconcile-custodial-and-non-custodial-data-into-a-single-data-set-view-assets-held-on-non-custodial-platforms-including-tokens-and-nft-data-across-all-blockchains-that-have-reached-scale-view-all-transactions-and-transfers-made-by-individual-wallets ul {
    list-style-position: inside;
}
.crypto-on-chain-data {
  flex-shrink: 0;
  width: 626.87px;
  height: 300px;
  position: static;
}
.rectangle-72 {
  background: #ffffff;
  border-radius: 24px;
  width: 626.87px;
  height: 400px;
  position: absolute;
  left: 657px;
  top: 0px;
}
.crypto-on-chain-data2 {
  color: #2e3c1e;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 38px;
  line-height: 80px;
  font-weight: 700;
  position: absolute;
  left: 691.56px;
  top: 22px;
  width: 487.44px;
}
.intelligent-analytics-on-broad-crypto-on-chain-data-for-data-driven-decision-making-smart-contract-risk-analysis-and-scoring-realtime-cost-basis-and-on-chain-p-l-data-customizable-notification-settings-to-save-time-and-allow-end-users-to-prioritize-the-most-important-information-and-actions {
  color: #2e3c1e;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  position: absolute;
  left: 694.83px;
  top: 102px;
  width: 553.37px;
}
.intelligent-analytics-on-broad-crypto-on-chain-data-for-data-driven-decision-making-smart-contract-risk-analysis-and-scoring-realtime-cost-basis-and-on-chain-p-l-data-customizable-notification-settings-to-save-time-and-allow-end-users-to-prioritize-the-most-important-information-and-actions ul {
    list-style-position: inside;
}
.partners {
  display: flex;
  flex-direction: column;
  gap: 44px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 80px;
}
.partners::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 30px;
  height: 150px;
  width: 10px;
  background-color: #c6f185;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.frame-21 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.we-partner-with-the-best-in-the-market {
  color: #c6f185;
  text-align: center;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 56px;
  line-height: 74px;
  font-weight: 700;
  position: relative;
  width: 1284px;
}
.at-turnqey-our-vision-is-to-create-the-central-nervous-system-of-the-crypto-ecosystem-through-a-fully-integrated-api-suite-providing-data-aggregation-interoperability-and-real-time-reporting-on-crypto-assets-we-partner-with-the-best-players-to-evolve-the-market {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  width: 1080.17px;
}
.frame-17 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.partner-logo {
  flex-shrink: 0;
  width: 597px;
  height: 225px;
  position: static;
}
.group-19 {
  width: 597px;
  height: 225px;
  position: static;
}
.rectangle-73 {
  background: #ffffff;
  border-radius: 4px;
  width: 597px;
  height: 225px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.morningstar-logo-1 {
  width: 434px;
  height: 91px;
  position: absolute;
  left: 97px;
  top: 68px;
  overflow: hidden;
}
.g-10 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 91.01px;
  transform: translate(0px, -91.01px);
  overflow: visible;
}
.rectangle-74 {
  background: #ffffff;
  border-radius: 4px;
  width: 597px;
  height: 225px;
  position: absolute;
  left: 613px;
  top: 0px;
}
.wealthbox-logo-rgb-1-blue-and-black-1 {
  width: 37.11%;
  height: 105px;
  position: absolute;
  right: 6.12%;
  left: 56.78%;
  top: 60px;
  object-fit: cover;
  aspect-ratio: 449/105;
}
.team {
  display: flex;
  flex-direction: column;
  gap: 74px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.meet-our-team {
  color: #c6f185;
  text-align: center;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 56px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.turnqey-was-founded-by-industry-experts-with-the-vision-to-build-the-next-generation-platform-that-powers-entirely-new-financial-service-offerings {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  width: 1008px;
}
.frame-16 {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tyrone {
  display: flex;
  flex-direction: row;
  gap: 52px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.image-1 {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  position: relative;
  object-fit: cover;
}
.team-names-and-titles {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tyrone-ross-ceo {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.tyrone-ross-ross-is-the-ceo-of-turnqey-labs-inc-and-an-registered-investment-adviser-recognized-by-investment-news-40-under-40-2019-and-wealth-management-com-as-a-top-ten-advisor-set-to-change-the-industry-in-2019-financial-planning-com-named-him-as-one-of-20-people-who-will-change-wealth-management-in-2020-and-recently-he-was-also-named-as-investopedia-s-top-100-financial-advisors-along-with-all-these-he-keeps-on-driving-the-investment-culture-to-new-heights-so-he-was-also-acknowledge-as-one-of-barron-s-10-people-to-watch-in-wealth-management-in-2022 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 160%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.jerry {
  display: flex;
  flex-direction: row;
  gap: 52px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.f-el-sqhx-51-iexx-3-asd-ov-l-lh-10-h-px-zn-ca-51-lf-2-s-7-i-8-published-1 {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.jerry-yen {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.jerry-yen-leads-technology-development-for-turnqey-with-broad-strategy-business-and-technology-experience-across-ai-blockchain-saa-s-analytics-fintech-retirement-and-personal-computing-he-also-built-180-algorithms-for-advice-analytics-and-invented-military-grade-rocket-trajectory-optimization-algorithms-for-general-dynamics-that-remain-a-fleet-standard-today-yen-is-a-strategic-advisor-and-investor-for-multiple-startups-and-has-held-executive-roles-at-guided-choice-hewlett-packard-the-walt-disney-company-and-general-dynamics-yen-holds-degrees-from-ucla-northwestern-and-stanford-university-in-aerospace-engineering-and-business-strategy {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 160%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.nav {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: center;
  justify-content: center; /* Centering content for robustness */
  width: 540px;
  position: absolute;
  /* FIX: Centered the nav bar horizontally so it doesn't shift on resize */
  left: 50%;
  transform: translateX(-50%);
  top: 53px;
  z-index: 10;
}
.nav a {
  color: #ffffff;
  text-align: left;
  font-family: "CalebGroteskBold", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}


/* --- NEW RESPONSIVE STYLES START HERE --- */

/* --- Mobile-Only Header (Hidden on Desktop) --- */
.mobile-header {
    display: none; /* Hidden by default */
}

/* --- Tablet & Mobile Styles (< 1024px) --- */
@media (max-width: 1024px) {
    html {
      scroll-padding-top: 80px; /* Offset for the fixed mobile header */
    }

    /* Show Mobile Header & Hide Desktop Nav */
    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 40px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background-color: rgba(8, 35, 2, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .nav {
        display: none; /* Hide the original desktop nav */
    }

    .logo-text {
        font-family: 'CalebGroteskBold', sans-serif;
        font-size: 28px;
        color: #c6f185;
        font-weight: 700;
    }

    /* Mobile Navigation Panel */
    .mobile-nav {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 300px;
        background: #0a1907;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
    }
    .mobile-nav.nav-active {
        transform: translateX(0);
    }
    .mobile-nav a {
        font-size: 24px;
        font-family: "CalebGroteskBold", sans-serif;
        font-weight: 500;
        color: #ffffff;
        transition: color 0.3s ease;
    }
    .mobile-nav a.partners2 { color: #c6f185; }
    .mobile-nav a:hover { color: #c6f185; }
    
    /* Hamburger Menu Icon */
    .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 24px;
        cursor: pointer;
        z-index: 1001;
    }
    .hamburger .bar {
        height: 3px;
        width: 100%;
        background-color: #ffffff;
        border-radius: 10px;
        transition: all 0.3s ease-in-out;
    }
    .hamburger.is-active .bar:nth-child(2) { opacity: 0; }
    .hamburger.is-active .bar:nth-child(1) { transform: translateY(10.5px) rotate(45deg); }
    .hamburger.is-active .bar:nth-child(3) { transform: translateY(-10.5px) rotate(-45deg); }


    /* --- General Layout Adjustments --- */
    .turnqey-website-update-jul-2025 {
        overflow-x: hidden;
        padding-top: 80px;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        background: #082302;
    }
    
    /* --- ADAPTIVE BACKGROUND FOR MOBILE --- */
    /* Hide one of the glow groups to reduce clutter */
    .group-23 {
        display: none;
    }
    
    /* Creates soft atmospheric lighting for Hero section */
    .ellipse-5 {
        width: 100vw;
        height: 100vw;
        left: 50vw;
        top: -50vw;
        filter: blur(120px);
        opacity: 0.5;
    }
    .ellipse-3 {
        width: 120vw;
        height: 120vw;
        left: -20vw;
        top: -60vw;
        filter: blur(140px);
        opacity: 0.4;
    }

    /* Glow for API section (left side) */
    .ellipse-34, .ellipse-54 {
        transform: rotate(-30deg);
        filter: blur(150px);
        opacity: 0.3;
    }
    .ellipse-34 {
        width: 150vw; height: 100vh;
        left: -80vw; top: 80vh;
    }
    .ellipse-54 {
        width: 100vw; height: 80vh;
        left: -70vw; top: 90vh;
    }

    /* Glow for Partners section (right side) */
    .ellipse-32, .ellipse-52 {
        transform: none;
        filter: blur(150px);
        opacity: 0.25;
    }
    .ellipse-32 {
        width: 150vw; height: 100vh;
        left: 20vw; top: 280vh;
    }
    .ellipse-52 {
        width: 100vw; height: 80vh;
        left: 30vw; top: 290vh;
    }

    /* Glow for Team/Footer section (left side) */
    .ellipse-33, .ellipse-53 {
      transform: none;
      filter: blur(150px);
      opacity: 0.3;
    }
    .ellipse-33 {
      width: 150vw;
      left: -80vw; 
    
    }
    .ellipse-53 {
      width: 100vw; height: 80vh;
      left: -70vw; 
    
    }
    
    /* Make background icons subtle on mobile */
    .background-icons {
        opacity: 0.1;
        mix-blend-mode: screen;
    }
    
    .frame-19 {
        width: 100%;
        padding: 0 40px;
        position: relative;
        left: auto;
        top: 60px;
        translate: 0;
        gap: 100px;
        z-index: 2; /* Ensure content is above background elements */
        margin: 0; /* Override desktop margin */
    }

    .hero, .frame-18 {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
    }

    .introducing-turnqey { font-size: 80px; line-height: 1.1; }

    .turnqey-is-a-super-aggregator-api-platform-that-delivers-crypto-data-analytics-and-actionable-insights-to-financial-advisers {
        width: 100%;
        font-size: 22px;
    }

    .frame-15 { gap: 100px; }
    
    .frame-14 {
        gap: 40px;
        position: relative;
        z-index: 2; /* Ensure text is above glows */
    }

    /* === BRIGHTER GREEN GLOWS AROUND THE IMAGE (MOBILE-ONLY) === */
    .frame-14::before,
    .frame-14::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-color: #c6f185; /* Bright green color */
        border-radius: 50%; /* Creates an oval shape */
        z-index: -1; /* Place glows behind the content */
        pointer-events: none; /* Prevents interaction with the glow */
    }
    /* Top Glow (above image) */
    .frame-14::before {
        width: 90%;
        height: 140px;
        filter: blur(90px);
        opacity: 0.9; 
        top: -70px; 
    }
    /* Bottom Glow (behind headline) - UPDATED */
    .frame-14::after {
        width: 100%;
        height: 180px;
        filter: blur(110px); 
        opacity: 0.9;
        /* FIX: This value is calculated to position the glow correctly behind the headline, accounting for the height of the API list below it. */
        bottom: 350px;
    }
    /* === END OF MOBILE-ONLY GLOW STYLE === */
    
    .group-22, ._8-eb-8-eb-39-5-b-5-c-4-e-30-ae-23-f-36-e-4-b-5-bb-11-c-1, .rectangle-8 {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        translate: 0;
    }
    ._8-eb-8-eb-39-5-b-5-c-4-e-30-ae-23-f-36-e-4-b-5-bb-11-c-1 { max-width: 100%; border-radius: 12px; }
    .rectangle-8 { display: none; }
    .frame-3 { gap: 40px; }

    .a-groundbreaking-platform-powering-market-leading-solutions { font-size: 42px; line-height: 1.2; }
    .made-for-developers-our-suite-of-high-performance-secure-ap-is-empower-you-to-build-the-best-solutions-at-the-intersection-of-crypto-assets-and-financial-services {
        width: 100%;
        font-size: 20px;
    }

    /* --- API LIST STYLES (Mobile) --- */
    .frame-13 {
        flex-direction: column;
        gap: 0;
        align-items: flex-start; /* Left-align the list */
        width: auto;
        margin: 0 auto; /* Center the left-aligned block */
    }
    .frame-10 {
        gap: 24px; /* Increase space between items */
    }
    .frame-10:not(:last-child) {
        margin-bottom: 24px; /* Space between the column groups */
    }

    .products { flex-direction: column; align-items: center; gap: 40px; }
    .cryto-held-away, .crypto-on-chain-data { width: 100%; max-width: 627px; height: auto; position: relative; padding: 40px;}
    
    .rectangle-7, .rectangle-72, 
    .crypto-held-away, .crypto-on-chain-data2, 
    .view-clients-assets-held-on-exchanges-and-custodial-platforms-reconcile-custodial-and-non-custodial-data-into-a-single-data-set-view-assets-held-on-non-custodial-platforms-including-tokens-and-nft-data-across-all-blockchains-that-have-reached-scale-view-all-transactions-and-transfers-made-by-individual-wallets, 
    .intelligent-analytics-on-broad-crypto-on-chain-data-for-data-driven-decision-making-smart-contract-risk-analysis-and-scoring-realtime-cost-basis-and-on-chain-p-l-data-customizable-notification-settings-to-save-time-and-allow-end-users-to-prioritize-the-most-important-information-and-actions {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
    }
    .rectangle-7, .rectangle-72 { position: absolute; inset: 0; z-index: -1; padding: 0; }
    .crypto-held-away, .crypto-on-chain-data2 { font-size: 32px; line-height: 1.2; padding: 0 0 20px 0; }
    .view-clients-assets-held-on-exchanges-and-custodial-platforms-reconcile-custodial-and-non-custodial-data-into-a-single-data-set-view-assets-held-on-non-custodial-platforms-including-tokens-and-nft-data-across-all-blockchains-that-have-reached-scale-view-all-transactions-and-transfers-made-by-individual-wallets, 
    .intelligent-analytics-on-broad-crypto-on-chain-data-for-data-driven-decision-making-smart-contract-risk-analysis-and-scoring-realtime-cost-basis-and-on-chain-p-l-data-customizable-notification-settings-to-save-time-and-allow-end-users-to-prioritize-the-most-important-information-and-actions {
        font-size: 20px; padding: 0;
    }
    
    .partners { 
        gap: 30px;
        margin-bottom: 120px; /* Adjusted from 200px to reduce gap */
    }
    
    .we-partner-with-the-best-in-the-market { width: 100%; font-size: 42px; line-height: 1.2; }
    .at-turnqey-our-vision-is-to-create-the-central-nervous-system-of-the-crypto-ecosystem-through-a-fully-integrated-api-suite-providing-data-aggregation-interoperability-and-real-time-reporting-on-crypto-assets-we-partner-with-the-best-players-to-evolve-the-market { width: 100%; font-size: 18px; }
    
    .frame-17 { flex-direction: column; align-items: center; width: 100%; gap: 30px; }
    .partner-logo { width: 100%; max-width: 500px; height: 180px; position: relative; display: flex; align-items: center; justify-content: center; }
    .group-19, .rectangle-73, .rectangle-74 { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; }
    .morningstar-logo-1, .wealthbox-logo-rgb-1-blue-and-black-1 { position: relative; width: 80%; max-width: 350px; height: auto; left: auto; top: auto; right: auto; }
    
    .g-10 {
      /* Reset desktop absolute positioning to allow the image to sit naturally inside its flex container on mobile. */
      position: relative;
      transform: none;
      top: auto;
      left: 22px;
      width: 250px;
    }
    
    .rectangle-74 { left: 0; } /* Reset desktop position */
    .wealthbox-logo-rgb-1-blue-and-black-1 { left: auto; right: auto; width: 60%; } /* Reset desktop position */


    .team { gap: 40px; }
    .meet-our-team { font-size: 42px; }
    .turnqey-was-founded-by-industry-experts-with-the-vision-to-build-the-next-generation-platform-that-powers-entirely-new-financial-service-offerings { width: 100%; font-size: 18px; }

    .frame-16 { flex-direction: column; gap: 60px; }
    .tyrone, .jerry { flex-direction: column; align-items: center; text-align: center; gap: 20px; }
    .image-1, .f-el-sqhx-51-iexx-3-asd-ov-l-lh-10-h-px-zn-ca-51-lf-2-s-7-i-8-published-1 { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; }
    .team-names-and-titles { align-items: center; }
    .tyrone-ross-ceo, .jerry-yen { font-size: 28px; text-align: center; }
    .tyrone-ross-ross-is-the-ceo-of-turnqey-labs-inc-and-an-registered-investment-adviser-recognized-by-investment-news-40-under-40-2019-and-wealth-management-com-as-a-top-ten-advisor-set-to-change-the-industry-in-2019-financial-planning-com-named-him-as-one-of-20-people-who-will-change-wealth-management-in-2020-and-recently-he-was-also-named-as-investopedia-s-top-100-financial-advisors-along-with-all-these-he-keeps-on-driving-the-investment-culture-to-new-heights-so-he-was-also-acknowledge-as-one-of-barron-s-10-people-to-watch-in-wealth-management-in-2022, .jerry-yen-leads-technology-development-for-turnqey-with-broad-strategy-business-and-technology-experience-across-ai-blockchain-saa-s-analytics-fintech-retirement-and-personal-computing-he-also-built-180-algorithms-for-advice-analytics-and-invented-military-grade-rocket-trajectory-optimization-algorithms-for-general-dynamics-that-remain-a-fleet-standard-today-yen-is-a-strategic-advisor-and-investor-for-multiple-startups-and-has-held-executive-roles-at-guided-choice-hewlett-packard-the-walt-disney-company-and-general-dynamics-yen-holds-degrees-from-ucla-northwestern-and-stanford-university-in-aerospace-engineering-and-business-strategy {
        font-size: 18px; text-align: left;
    }
    
    /* MOBILE FOOTER (Stacked) */
    .footer-nav {
        position: relative;
        flex-direction: column;
        width: 100%;
        left: auto;
        top: auto;
        translate: 0;
        gap: 20px;
        padding: 80px 20px 40px;
        text-align: center;
        margin-top: auto; /* Pushes the footer to the bottom */
    }
    
    .copyright-2025-turnqey-co-ltd-all-rights-reserved {
        text-align: center;
        max-width: 450px;
        line-height: 1.5;
    }
}

/* --- Small Mobile Styles (< 767px) --- */
@media (max-width: 767px) {
    html { scroll-padding-top: 70px; }
    .mobile-header { padding: 15px 20px; }
    .turnqey-website-update-jul-2025 { padding-top: 70px; }

    .frame-19 { padding: 0 20px; top: 40px; gap: 30px; }

    .introducing-turnqey { font-size: 56px; }
    .turnqey-is-a-super-aggregator-api-platform-that-delivers-crypto-data-analytics-and-actionable-insights-to-financial-advisers { font-size: 18px; }

    .a-groundbreaking-platform-powering-market-leading-solutions { font-size: 32px; }
    .made-for-developers-our-suite-of-high-performance-secure-ap-is-empower-you-to-build-the-best-solutions-at-the-intersection-of-crypto-assets-and-financial-services { font-size: 16px; }

    .trades { font-size: 20px; }

    .cryto-held-away, .crypto-on-chain-data { padding: 30px; }
    .view-clients-assets-held-on-exchanges-and-custodial-platforms-reconcile-custodial-and-non-custodial-data-into-a-single-data-set-view-assets-held-on-non-custodial-platforms-including-tokens-and-nft-data-across-all-blockchains-that-have-reached-scale-view-all-transactions-and-transfers-made-by-individual-wallets, .intelligent-analytics-on-broad-crypto-on-chain-data-for-data-driven-decision-making-smart-contract-risk-analysis-and-scoring-realtime-cost-basis-and-on-chain-p-l-data-customizable-notification-settings-to-save-time-and-allow-end-users-to-prioritize-the-most-important-information-and-actions {
        font-size: 16px; line-height: 1.6;
    }

    .we-partner-with-the-best-in-the-market, .meet-our-team { font-size: 32px; }
    .at-turnqey-our-vision-is-to-create-the-central-nervous-system-of-the-crypto-ecosystem-through-a-fully-integrated-api-suite-providing-data-aggregation-interoperability-and-real-time-reporting-on-crypto-assets-we-partner-with-the-best-players-to-evolve-the-market, .turnqey-was-founded-by-industry-experts-with-the-vision-to-build-the-next-generation-platform-that-powers-entirely-new-financial-service-offerings { font-size: 16px; }
    
    .tyrone-ross-ceo, .jerry-yen { font-size: 24px; }
    .tyrone-ross-ross-is-the-ceo-of-turnqey-labs-inc-and-an-registered-investment-adviser-recognized-by-investment-news-40-under-40-2019-and-wealth-management-com-as-a-top-ten-advisor-set-to-change-the-industry-in-2019-financial-planning-com-named-him-as-one-of-20-people-who-will-change-wealth-management-in-2020-and-recently-he-was-also-named-as-investopedia-s-top-100-financial-advisors-along-with-all-these-he-keeps-on-driving-the-investment-culture-to-new-heights-so-he-was-also-acknowledge-as-one-of-barron-s-10-people-to-watch-in-wealth-management-in-2022, .jerry-yen-leads-technology-development-for-turnqey-with-broad-strategy-business-and-technology-experience-across-ai-blockchain-saa-s-analytics-fintech-retirement-and-personal-computing-he-also-built-180-algorithms-for-advice-analytics-and-invented-military-grade-rocket-trajectory-optimization-algorithms-for-general-dynamics-that-remain-a-fleet-standard-today-yen-is-a-strategic-advisor-and-investor-for-multiple-startups-and-has-held-executive-roles-at-guided-choice-hewlett-packard-the-walt-disney-company-and-general-dynamics-yen-holds-degrees-from-ucla-northwestern-and-stanford-university-in-aerospace-engineering-and-business-strategy {
        font-size: 16px; text-align: left;
    }
    .footer-nav { padding-top: 60px; }
    .copyright-2025-turnqey-co-ltd-all-rights-reserved, .terms-of-service, .privacy-policy, .contact-us {
        font-size: 14px;
    }
}
/* New, simplified button style for the <a> tag */
.get-in-touch-button {
  display: inline-block;
  background: #ffffff;
  color: #243c1e;
  font-family: "SfPro-Bold", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 40px;
  border-radius: 18px;
  margin-top: 20px; /* Spacing from the paragraph above */
  transition: transform 0.2s ease;
}

.get-in-touch-button:hover {
  transform: scale(1.05);
}