.tx-body::after { content: ""; position: fixed; inset: -20vmax; z-index: -1; pointer-events: none; background: radial-gradient(30vmax 24vmax at 12% 10%, rgba(129, 140, 248, .35), transparent 70%), radial-gradient(26vmax 22vmax at 88% 20%, rgba(244, 114, 182, .22), transparent 70%), radial-gradient(32vmax 26vmax at 55% 95%, rgba(56, 189, 248, .22), transparent 70%); }
.tx-surface-glass :is(.tx-card, .tx-cat, .tx-panel, .tx-feature, .tx-buybox, .tx-summary, .tx-stats, .tx-widget) { background: rgba(255, 255, 255, .62); border-color: rgba(255, 255, 255, .9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 20px 40px -28px rgba(30, 27, 75, .35); }

.tx-hero-title { font-size: clamp(2.6em, 6.2vw, 5.4em); letter-spacing: -0.045em; line-height: .98; font-weight: 800; }
.tx-hero-centered .tx-hero-copy { max-width: 880px; }
.tx-eyebrow { padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid #ffffff; color: #4338ca; text-transform: none; letter-spacing: 0; font-size: .86em; box-shadow: 0 6px 18px -10px rgba(67, 56, 202, .5); }
.tx-section-title { letter-spacing: -0.035em; font-weight: 800; }
.tx-card { border-radius: 24px; }
.tx-card-media { margin: 8px 8px 0; border-radius: 18px; background: linear-gradient(160deg, #eef2ff, #fdf2f8); }
.tx-card:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -30px rgba(67, 56, 202, .45); }
.tx-topnav-bar { background: rgba(255, 255, 255, .6); border-bottom-color: rgba(255, 255, 255, .9); }
.tx-topnav.is-scrolled .tx-topnav-bar { background: rgba(255, 255, 255, .86); }
.tx-btn-primary { box-shadow: 0 10px 24px -12px rgba(79, 70, 229, .7); }
.tx-stat dd { color: #312e81; }