.tx-body { --tx-chrome: linear-gradient(180deg, #ffffff 0%, #f9a8d4 48%, #7c3aed 52%, #22d3ee 100%); }
.tx-tex-grid::before { background-image: linear-gradient(rgba(244, 114, 182, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(244, 114, 182, .18) 1px, transparent 1px); background-size: 48px 48px; transform: perspective(600px) rotateX(60deg); transform-origin: bottom; height: 60vh; top: auto; bottom: 0; mask-image: linear-gradient(to top, #000, transparent); -webkit-mask-image: linear-gradient(to top, #000, transparent); }
.tx-hero-title { font-size: clamp(2.6em, 7vw, 6em); line-height: .95; letter-spacing: .02em; }
.tx-hero-title .tx-hl { color: #22d3ee; }
.tx-hero-banner .tx-hero-bg::before { background: linear-gradient(to top, var(--tx-bg) 4%, rgba(12, 5, 24, .4) 50%, transparent 85%), linear-gradient(100deg, rgba(12, 5, 24, .85) 10%, transparent 60%); }
.tx-eyebrow { color: #22d3ee; letter-spacing: .3em; }
.tx-section-title { letter-spacing: .04em; }
.tx-card { border-radius: 12px; }
.tx-card:hover { border-color: #f472b6; box-shadow: 0 0 0 1px #f472b6; }
.tx-btn { letter-spacing: .08em; text-transform: uppercase; font-weight: 800; }
.tx-stat dd { font-family: var(--tx-font-head); color: #22d3ee; }