.tx-body { --tx-card-ratio: 1 / .9; }

.tx-hero-title { font-size: clamp(2.6em, 6vw, 5em); letter-spacing: -0.04em; line-height: .98; }
.tx-hero-banner .tx-hero-bg img { filter: saturate(.8) hue-rotate(-10deg); }
.tx-eyebrow { font-family: ui-monospace, "JetBrains Mono", monospace; text-transform: none; letter-spacing: .02em; color: var(--tx-accent); font-size: .85em; }
.tx-eyebrow::before { content: ">"; }

.tx-widget-nav .tx-widget-title { text-transform: uppercase; letter-spacing: .14em; font-size: .7em; color: var(--tx-muted); }
.tx-nav-list .is-active > .tx-nav-link { background: color-mix(in srgb, var(--tx-accent) 16%, transparent); color: var(--tx-text); box-shadow: inset 2px 0 0 var(--tx-accent); }

.tx-section-title { letter-spacing: -0.03em; }
.tx-card-media { background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--tx-accent) 12%, transparent), transparent 70%); }
.tx-card:hover { border-color: color-mix(in srgb, var(--tx-accent) 40%, transparent); }
.tx-cats-rows .tx-cat-media { border-radius: 12px; background: color-mix(in srgb, var(--tx-accent) 10%, transparent); }
.tx-cats-rows .tx-cat:hover { border-color: color-mix(in srgb, var(--tx-accent) 40%, transparent); }

.tx-stat dd { color: var(--tx-accent); font-variant-numeric: tabular-nums; }
.tx-feature-icon { border-radius: 12px; }
.tx-price-xl { color: var(--tx-accent); }
.tx-cta-title { letter-spacing: -0.03em; }
.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::after { background: var(--tx-accent); }