.tx-body::after { content: ""; position: fixed; inset: -20vmax; z-index: -1; pointer-events: none; background: radial-gradient(28vmax 24vmax at 18% 12%, rgba(45, 212, 191, .2), transparent 70%), radial-gradient(28vmax 24vmax at 86% 28%, rgba(34, 197, 94, .14), transparent 70%), radial-gradient(28vmax 24vmax at 60% 92%, rgba(56, 189, 248, .12), 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, 6vw, 5em); letter-spacing: -0.045em; line-height: .96; }
.tx-eyebrow { padding: 6px 14px; border-radius: 999px; background: rgba(45, 212, 191, .12); border: 1px solid rgba(45, 212, 191, .35); color: #99f6e4; text-transform: none; letter-spacing: 0; font-size: .85em; }
.tx-section-title { letter-spacing: -0.035em; }
.tx-card { border-radius: 22px; }
.tx-card-media { margin: 8px 8px 0; border-radius: 16px; background: linear-gradient(160deg, rgba(45, 212, 191, .12), rgba(56, 189, 248, .05)); }
.tx-card:hover { border-color: rgba(45, 212, 191, .45); transform: translateY(-4px); }
.tx-stat dd { color: #99f6e4; }
.tx-btn-primary { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
.tx-pillnav { background: rgba(11, 26, 32, .55); }