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

.tx-hero-title { font-size: clamp(2.6em, 6vw, 5em); letter-spacing: -0.04em; line-height: .98; }
.tx-hero-split .tx-hero-media { border-radius: 28px; border: 1px solid color-mix(in srgb, var(--tx-text) 12%, transparent); box-shadow: 0 30px 70px -34px rgba(0, 0, 0, .8); }
.tx-hero-split .tx-hero-visual { position: relative; }
.tx-hero-split .tx-hero-visual::after { content: ""; position: absolute; left: -24px; bottom: -24px; width: 44%; aspect-ratio: 1; border-radius: 24px; border: 1px solid color-mix(in srgb, var(--tx-text) 14%, transparent); background: color-mix(in srgb, var(--tx-surface) 45%, transparent); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); z-index: -1; }
.tx-eyebrow { padding: 6px 14px; border-radius: 999px; background: color-mix(in srgb, var(--tx-accent) 16%, transparent); border: 1px solid color-mix(in srgb, var(--tx-accent) 35%, transparent); color: color-mix(in srgb, var(--tx-accent) 45%, #ffffff); text-transform: none; letter-spacing: .02em; font-size: .85em; }

.tx-section-title { letter-spacing: -0.035em; }
.tx-card-media { margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 7px); }
.tx-card:hover { border-color: color-mix(in srgb, var(--tx-accent) 40%, transparent); }
.tx-cats-cards .tx-cat-media { margin: 8px 8px 0; border-radius: calc(var(--tx-radius) - 7px); border: 0; }
.tx-cats-cards .tx-cat-body { padding-top: 12px; }

.tx-stat dd { color: color-mix(in srgb, var(--tx-accent) 35%, #ffffff); }
.tx-feature-icon { border-radius: 14px; background: color-mix(in srgb, var(--tx-accent) 20%, transparent); }
.tx-cta { flex-direction: column; text-align: center; }
.tx-cta-text { margin-inline: auto; }
.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; }
.tx-price-xl { color: color-mix(in srgb, var(--tx-accent) 40%, #ffffff); }
