.tx-body {
  --tx-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .12);
  --tx-card-ratio: 1 / .86;
}

.tx-header { background: color-mix(in srgb, var(--tx-bg) 80%, transparent); }
.tx-header.is-scrolled { background: color-mix(in srgb, var(--tx-surface) 86%, transparent); }

.tx-hero-split { padding-block: clamp(56px, 8vw, 110px); }
.tx-hero-title { font-size: clamp(2.6em, 6vw, 4.8em); letter-spacing: -0.045em; line-height: 1; }
.tx-hero-tiles { gap: 16px; }
.tx-hero-tile { background: var(--tx-surface); border: 0; box-shadow: var(--tx-shadow); border-radius: calc(var(--tx-radius) + 4px); }
.tx-hero-tile:hover { box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 18px 36px -16px rgba(2, 132, 199, .28); }
.tx-hero-tile span { font-size: 1.05em; }
.tx-hero-tile img { width: 58%; }

.tx-eyebrow {
  padding: 6px 12px 6px 8px;
  border-radius: 999px;
  background: var(--tx-surface);
  border: 1px solid var(--tx-border);
  color: var(--tx-text);
  text-transform: none;
  letter-spacing: 0;
  font-size: .85em;
  box-shadow: var(--tx-shadow-sm);
}
.tx-eyebrow::before { content: ""; width: 8px; height: 8px; margin-left: 4px; border-radius: 50%; background: var(--tx-accent); box-shadow: 0 0 0 3px var(--tx-accent-soft); }

.tx-card, .tx-cat, .tx-panel, .tx-widget, .tx-feature, .tx-buybox, .tx-summary, .tx-line, .tx-stats { border-color: transparent; box-shadow: var(--tx-shadow); }
.tx-card:hover { border-color: transparent; box-shadow: 0 2px 4px rgba(15, 23, 42, .04), 0 22px 40px -18px rgba(15, 23, 42, .22); }
.tx-card-media { background: linear-gradient(180deg, color-mix(in srgb, var(--tx-accent) 7%, var(--tx-surface)), color-mix(in srgb, var(--tx-accent) 2%, var(--tx-surface))); margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 6px); }
.tx-cats-cards .tx-cat-media { background: linear-gradient(180deg, color-mix(in srgb, var(--tx-accent) 7%, var(--tx-surface)), color-mix(in srgb, var(--tx-accent) 2%, var(--tx-surface))); border-bottom: 0; margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 6px); }

.tx-stats { background: var(--tx-surface); }
.tx-stat dd { letter-spacing: -0.04em; }

.tx-feature-icon { border-radius: 50%; }
.tx-cta { background: var(--tx-text); color: var(--tx-bg); border: 0; }
.tx-cta .tx-cta-text { color: color-mix(in srgb, var(--tx-bg) 65%, var(--tx-text)); }
.tx-cta .tx-btn-primary { background: var(--tx-bg); color: var(--tx-text); }

.tx-gallery-stage { border-color: transparent; box-shadow: var(--tx-shadow); background: linear-gradient(180deg, color-mix(in srgb, var(--tx-accent) 7%, var(--tx-surface)), var(--tx-surface)); }
.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: var(--tx-surface); box-shadow: var(--tx-shadow-sm); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link::after { display: none; }
.tx-footer { background: var(--tx-surface); }
.tx-tabbar { background: color-mix(in srgb, var(--tx-surface) 86%, transparent); }