/* Psionics export overrides */

/* Footer: keep only Contact under Support and hide the Pricing footer entry. */
[data-framer-name="Support"]>div:nth-of-type(n + 3),
[data-framer-name="Pages"]>div:nth-of-type(4) {
  display: none !important;
}

/* Remove YouTube while retaining the LinkedIn and X marks. */
[data-framer-name="Social Links"]>[class*="-container"]:has(.framer-bHJSy) {
  display: none !important;
}

/* The integration section was set to a full viewport height, leaving a large
   empty area below its copy. Let its content determine the height instead. */
.framer-j9v9k1 {
  height: auto !important;
  min-height: 0 !important;
  padding: 48px 0 44px !important;
}

.framer-j9v9k1 .framer-1llhsr9-container {
  height: 300px !important;
}

.framer-j9v9k1 .framer-1d8gtvm-container {
  height: 240px !important;
}

/* Native recreation of the published Framer Pricing Tiers layer. */
.psionics-service-tiers {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 76px 28px 94px;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  background: #fdfdfd;
  color: #000;
}

.psionics-service-tiers__header {
  max-width: 600px;
  margin: 0 auto 42px;
  text-align: center;
}

.psionics-service-tiers__header h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.035em;
}

.psionics-service-tiers__header p {
  margin: 10px auto 0;
  color: #545454;
  font-size: 13px;
  line-height: 1.6;
}

.psionics-tier-map {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 76px;
}

.psionics-tier-card {
  position: relative;
  min-height: 186px;
  width: 76%;
  padding: 24px 26px;
  border: 1px dashed #bdbdbd;
  background: #fdfdfd;
}

.psionics-tier-card:nth-child(1),
.psionics-tier-card:nth-child(3) {
  margin-left: 16%;
}

.psionics-tier-card:nth-child(2) {
  margin-left: 0;
}

.psionics-tier-card--active {
  border-color: #8d62ff;
}

.psionics-tier-card__badge {
  display: inline-block;
  padding: 5px 8px;
  background: #e8e8e8;
  font-size: 11px;
  line-height: 1;
}

.psionics-tier-card h3 {
  margin: 14px 0 8px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

.psionics-tier-card p {
  max-width: 360px;
  margin: 0;
  color: #545454;
  font-size: 13px;
  line-height: 1.55;
}

.psionics-tier-card::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 132px;
  height: 1px;
  background: #444;
}

.psionics-tier-card::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  padding: 5px 7px;
  background: #000;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

.psionics-tier-card:nth-child(odd)::before {
  left: -132px;
}

.psionics-tier-card:nth-child(odd)::after {
  left: -164px;
}

.psionics-tier-card:nth-child(even)::before {
  right: -132px;
}

.psionics-tier-card:nth-child(even)::after {
  right: -164px;
}

.psionics-tier-card:nth-child(1)::after {
  content: "Tier 1";
}

.psionics-tier-card:nth-child(2)::after {
  content: "Tier 1";
}

.psionics-tier-card:nth-child(3)::after {
  content: "Tier 2";
}

@media (max-width: 809.98px) {
  .framer-j9v9k1 {
    padding: 36px 12px 40px !important;
  }

  .framer-j9v9k1 .framer-1llhsr9-container,
  .framer-j9v9k1 .framer-1d8gtvm-container {
    height: 240px !important;
  }

  .psionics-service-tiers {
    padding: 58px 18px 64px;
  }

  .psionics-tier-map {
    gap: 24px;
  }

  .psionics-tier-card,
  .psionics-tier-card:nth-child(1),
  .psionics-tier-card:nth-child(2),
  .psionics-tier-card:nth-child(3) {
    width: 100%;
    margin-left: 0;
  }

  .psionics-tier-card::before,
  .psionics-tier-card::after {
    display: none;
  }
}

/* Removed from the public navigation. */
#main div:has(> a[href*="case-studies"]),
#main div:has(> a[href*="careers"]),
#main div:has(> a[href*="#pricing"]) {
  display: none !important;
}

/* Footer socials: GitHub mark linking to the org profile. */
.psionics-github-container {
  display: contents;
}

.psionics-github-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
}

.psionics-github-icon {
  width: 24px;
  height: 24px;
  flex: none;
  background-color: var(--token-ee24881a-d59f-4831-81c5-31b2a73efdd2, rgb(120, 120, 120));
  transition: background-color 0.15s ease;
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/></svg>") center / contain no-repeat;
}

.psionics-github-link:hover .psionics-github-icon {
  background-color: #000;
}