.tx-body::after { content: ""; position: fixed; inset: -20vmax; z-index: -1; pointer-events: none; background: radial-gradient(28vmax 22vmax at 18% 12%, rgba(6, 182, 212, .18), transparent 70%), radial-gradient(26vmax 24vmax at 86% 28%, rgba(59, 130, 246, .12), transparent 70%), radial-gradient(30vmax 26vmax at 60% 92%, rgba(20, 184, 166, .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.4em, 5vw, 4.4em); letter-spacing: -0.04em; line-height: .98; }
.tx-eyebrow { padding: 6px 14px; border-radius: 999px; background: rgba(6, 182, 212, .12); border: 1px solid rgba(6, 182, 212, .35); color: #a5f3fc; text-transform: none; letter-spacing: 0; font-size: .84em; }
.tx-section-title { letter-spacing: -0.035em; }
.tx-card { border-radius: 18px; }
.tx-card-media { margin: 7px 7px 0; border-radius: 12px; }
.tx-card:hover { border-color: rgba(6, 182, 212, .5); transform: translateY(-3px); }
.tx-btn-primary { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
.tx-stat dd { color: #a5f3fc; }
.tx-fw { background: rgba(12, 21, 25, .5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }