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

.tx-hero-title { font-size: clamp(2.6em, 6.2vw, 5.2em); line-height: 1; font-style: italic; font-weight: 500; }
.tx-hero-frame { border: 1px solid color-mix(in srgb, var(--tx-text) 12%, transparent); border-radius: 32px; }
.tx-hero-frame .tx-hero-bg img { filter: saturate(.8) sepia(.2) hue-rotate(-20deg); }
.tx-hero-frame .tx-hero-bg::before { background: linear-gradient(90deg, color-mix(in srgb, var(--tx-bg) 88%, transparent) 15%, color-mix(in srgb, var(--tx-bg) 30%, transparent) 70%, transparent), linear-gradient(0deg, color-mix(in srgb, var(--tx-accent) 18%, transparent), transparent 50%); }
.tx-eyebrow { font-family: var(--tx-font-head); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1.1em; color: var(--tx-accent); }

.tx-header-centered .tx-brand { flex-direction: column; gap: 2px; }
.tx-header-centered .tx-brand-text { align-items: center; }
.tx-header-centered .tx-brand-name { font-size: 1.7em; font-style: italic; }
.tx-subbar { border-top-color: color-mix(in srgb, var(--tx-text) 8%, transparent); }

.tx-section-title { font-weight: 500; font-style: italic; font-size: clamp(1.9em, 3.6vw, 2.8em); }
.tx-card-minimal .tx-card-media { border-radius: calc(var(--tx-radius) + 4px); border-color: color-mix(in srgb, var(--tx-text) 10%, transparent); background: color-mix(in srgb, var(--tx-surface) 50%, transparent); }
.tx-card-minimal .tx-card-title { font-family: var(--tx-font-head); font-size: 1.15em; font-style: italic; font-weight: 500; }
.tx-cats-mosaic .tx-cat-name { font-style: italic; font-weight: 500; font-size: 1.3em; }
.tx-cats-mosaic .tx-cat:first-child .tx-cat-name { font-size: 2.2em; }
.tx-cats-mosaic .tx-cat-media { background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tx-accent) 14%, transparent), transparent 70%); }

.tx-stat dd { font-style: italic; font-weight: 500; color: var(--tx-accent); }
.tx-feature-icon { border-radius: 50%; }
.tx-cta { flex-direction: column; text-align: center; }
.tx-cta-text { margin-inline: auto; }
.tx-cta-title { font-style: italic; font-weight: 500; }
.tx-faq-item summary { font-family: var(--tx-font-head); font-style: italic; font-weight: 500; font-size: 1.15em; }
.tx-price { font-family: var(--tx-font-body); }
.tx-price-xl { color: var(--tx-accent); }
.tx-pill.is-active { background: var(--tx-accent); border-color: var(--tx-accent); color: var(--tx-accent-ink); }