.tx-body::after { content: ""; position: fixed; inset: -20vmax; z-index: -1; pointer-events: none; background: radial-gradient(28vmax 24vmax at 18% 12%, rgba(217, 70, 239, .22), transparent 70%), radial-gradient(28vmax 24vmax at 86% 28%, rgba(34, 211, 238, .12), transparent 70%), radial-gradient(28vmax 24vmax at 60% 92%, rgba(139, 92, 246, .16), transparent 70%); }
.tx-surface-glass :is(.tx-card, .tx-cat, .tx-panel, .tx-feature, .tx-buybox, .tx-summary, .tx-stats, .tx-widget) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 24px 50px -30px rgba(0, 0, 0, .75); }

.tx-hero-title { font-size: clamp(2.6em, 5.8vw, 4.8em); letter-spacing: -0.04em; line-height: .96; }
.tx-hero-title .tx-hl { color: #22d3ee; }
.tx-eyebrow { color: #f0abfc; letter-spacing: .22em; font-family: ui-monospace, Menlo, monospace; }
.tx-card { border-radius: 20px; }
.tx-card-media { margin: 8px 8px 0; border-radius: 14px; }
.tx-card:hover { border-color: rgba(217, 70, 239, .6); }
.tx-btn-primary { background: linear-gradient(90deg, #d946ef, #8b5cf6); }
.tx-stat dd { color: #f0abfc; }
.tx-pillnav { background: rgba(20, 10, 34, .55); }