.tx-body { --tx-card-ratio: 4 / 3.4; }

.tx-hero-centered { padding-block: clamp(110px, 16vw, 200px) clamp(80px, 11vw, 140px); }
.tx-hero-title { font-size: clamp(2.6em, 6.6vw, 5.4em); letter-spacing: -0.04em; line-height: 1; }
.tx-hero-centered.has-image .tx-hero-bg::after { background: linear-gradient(180deg, color-mix(in srgb, var(--tx-bg) 40%, transparent), color-mix(in srgb, var(--tx-bg) 70%, transparent)); }
.tx-eyebrow {
  padding: 7px 16px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--tx-surface) 50%, transparent);
  border: 1px solid color-mix(in srgb, var(--tx-text) 14%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--tx-text);
  letter-spacing: .14em;
  font-size: .74em;
}

.tx-section-title { letter-spacing: -0.03em; }
.tx-brand-name { letter-spacing: -0.01em; }

.tx-btn-primary { background: var(--tx-accent); }
.tx-btn-connect { background: color-mix(in srgb, var(--tx-text) 92%, transparent); color: var(--tx-bg); }
.tx-hero-server { border-style: solid; border-color: color-mix(in srgb, var(--tx-text) 14%, transparent); background: color-mix(in srgb, var(--tx-surface) 45%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

.tx-card { transition: transform .3s var(--tx-ease), border-color .3s, background-color .3s; }
.tx-card:hover { border-color: color-mix(in srgb, var(--tx-accent) 45%, transparent); background: color-mix(in srgb, var(--tx-surface) 72%, transparent); }
.tx-card-media { margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 6px); }
.tx-cats-cards .tx-cat-media { margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 6px); padding: 0; border: 0; }
.tx-cats-cards .tx-cat-media img { object-fit: cover; }

.tx-stat dd { color: color-mix(in srgb, var(--tx-accent) 45%, #ffffff); }
.tx-live-icon { border-radius: 50%; }
.tx-job-icon { border-radius: 50%; }
.tx-job-index { display: none; }
.tx-member-avatar { border-color: color-mix(in srgb, var(--tx-accent) 40%, transparent); }

.tx-cta { flex-direction: column; text-align: center; }
.tx-cta-text { margin-inline: auto; }
.tx-cta-title { letter-spacing: -0.035em; font-size: clamp(1.9em, 4vw, 3em); }
.tx-price-xl { color: color-mix(in srgb, var(--tx-accent) 40%, #ffffff); }
.tx-pill.is-active { background: var(--tx-accent); border-color: var(--tx-accent); color: var(--tx-accent-ink); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link { background: color-mix(in srgb, var(--tx-text) 8%, transparent); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link::after { display: none; }