.tx-body::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 900px; z-index: -1; pointer-events: none; background: radial-gradient(38% 55% at 72% 38%, rgba(255, 31, 75, .28), transparent 70%), radial-gradient(30% 40% at 90% 10%, rgba(255, 31, 75, .12), transparent 70%); }

.tx-header { background: color-mix(in srgb, var(--tx-bg) 88%, transparent); }
.tx-nav-bar > .tx-nav-item > .tx-nav-link { text-transform: uppercase; font-weight: 700; font-size: .76em; letter-spacing: .04em; gap: 6px; padding-inline: 8px; }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link { color: var(--tx-accent); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link::after { display: none; }
.tx-nav-bar .tx-nav-link > .tx-i:first-child { color: currentColor; opacity: 1; }
.tx-bar-actions a[data-tx-login] { border: 1px solid color-mix(in srgb, var(--tx-accent) 70%, transparent); color: #ff5a78; background: color-mix(in srgb, var(--tx-accent) 10%, transparent); text-transform: uppercase; letter-spacing: .06em; font-size: .78em; font-weight: 800; }
.tx-bar-actions a[data-tx-login]:hover { background: color-mix(in srgb, var(--tx-accent) 22%, transparent); }

.tx-buyers { background: transparent; }

.tx-hero-banner { background: transparent; }
.tx-hero-banner .tx-hero-inner { padding-top: 24px; }
.tx-eyebrow { color: var(--tx-accent); letter-spacing: .34em; font-weight: 800; }
.tx-hero-title { font-size: clamp(3.2em, 8vw, 7em); line-height: .9; letter-spacing: -0.01em; }
.tx-hero-title .tx-hl { color: var(--tx-text); }
.tx-hero-text { max-width: 440px; font-size: .95em; }
.tx-btn-lg { height: 56px; padding: 0 26px; }
.tx-btn-primary { background: linear-gradient(180deg, #ff3b62, #e0103a); box-shadow: 0 16px 34px -16px rgba(255, 31, 75, .75); }
.tx-btn-connect { background: color-mix(in srgb, var(--tx-text) 4%, transparent); border: 1px solid var(--tx-border-strong); color: var(--tx-text); }
.tx-hero-ctas { flex-direction: row-reverse; justify-content: flex-end; }
.tx-hero-art::before { background: radial-gradient(closest-side, rgba(255, 31, 75, .5), transparent); }

.tx-section-title { font-size: clamp(1.8em, 3.4vw, 2.6em); }
.tx-card { background: color-mix(in srgb, var(--tx-surface) 90%, transparent); }
.tx-card-title { text-transform: uppercase; font-family: var(--tx-font-head); letter-spacing: .02em; font-size: .98em; }
.tx-card:hover { border-color: color-mix(in srgb, var(--tx-accent) 55%, transparent); }
.tx-card .tx-btn-primary { border-radius: 999px; text-transform: uppercase; font-size: .76em; letter-spacing: .06em; font-weight: 800; }
.tx-page-title { font-size: clamp(2em, 4vw, 3em); }
.tx-page-eyebrow { letter-spacing: .3em; }

.tx-widget-nav .tx-widget-title { letter-spacing: .18em; font-size: .7em; }
.tx-widget-nav .tx-nav-list .tx-nav-link { text-transform: uppercase; font-weight: 700; font-size: .8em; letter-spacing: .04em; }
.tx-widget-nav .tx-nav-list .is-active > .tx-nav-link { background: color-mix(in srgb, var(--tx-accent) 16%, transparent); color: #ff6b87; box-shadow: inset 3px 0 0 var(--tx-accent); }
.tx-widget-nav .tx-nav-link .tx-i { color: var(--tx-accent); }

.tx-cta-community { background: linear-gradient(100deg, color-mix(in srgb, var(--tx-surface) 95%, transparent), color-mix(in srgb, var(--tx-accent) 8%, var(--tx-surface))); border: 1px solid var(--tx-border); }
.tx-cta-community .tx-cta-title { text-transform: none; font-size: clamp(1.4em, 2.6vw, 2em); letter-spacing: -0.01em; }