.tx-body::after { content: ""; position: fixed; inset: -20vmax; z-index: -1; pointer-events: none; background: radial-gradient(28vmax 22vmax at 18% 12%, rgba(56, 189, 248, .2), transparent 70%), radial-gradient(26vmax 24vmax at 86% 28%, rgba(99, 102, 241, .18), transparent 70%), radial-gradient(30vmax 26vmax at 60% 92%, rgba(14, 165, 233, .14), 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, .09), 0 24px 50px -30px rgba(0, 0, 0, .7); }

.tx-hero-title { font-size: clamp(2.6em, 6vw, 5.2em); letter-spacing: -0.045em; line-height: .96; }
.tx-hero-split .tx-hero-media { border-radius: 30px; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .85); }
.tx-eyebrow { padding: 6px 14px; border-radius: 999px; background: rgba(56, 189, 248, .12); border: 1px solid rgba(56, 189, 248, .35); text-transform: none; letter-spacing: .01em; 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(56, 189, 248, .1), rgba(99, 102, 241, .06)); }
.tx-card:hover { border-color: rgba(56, 189, 248, .45); transform: translateY(-4px); }
.tx-stat dd { color: #bae6fd; }
.tx-btn-primary { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
.tx-pillnav { background: rgba(12, 24, 48, .55); border-color: rgba(255, 255, 255, .12); }