.tx-body { --tx-siren-a: var(--tx-sale); --tx-siren-b: var(--tx-accent); --tx-card-ratio: 16 / 11; }

.tx-header::before { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; z-index: 2; background: linear-gradient(90deg, var(--tx-siren-a) 0 50%, var(--tx-siren-b) 50% 100%); }
.tx-utility { background: color-mix(in srgb, var(--tx-bg) 70%, #000); font-family: var(--tx-font-head); letter-spacing: .12em; text-transform: uppercase; font-size: .76em; }
.tx-utility-server { font-weight: 700; }
.tx-brand-name { font-size: 1.4em; letter-spacing: .08em; }
.tx-nav-bar > .tx-nav-item > .tx-nav-link { font-family: var(--tx-font-head); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; font-size: .92em; }

.tx-hero-title { font-size: clamp(3em, 7.6vw, 6.4em); line-height: .86; letter-spacing: .01em; }
.tx-hero-banner .tx-hero-bg img { filter: saturate(.7) contrast(1.1) hue-rotate(-8deg); }
.tx-hero-banner .tx-hero-bg::after { background: linear-gradient(90deg, color-mix(in srgb, var(--tx-bg) 92%, transparent) 20%, transparent 80%), linear-gradient(0deg, color-mix(in srgb, var(--tx-accent) 18%, transparent), transparent 60%); }
.tx-eyebrow { font-family: var(--tx-font-head); letter-spacing: .2em; color: var(--tx-success); }
.tx-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: tx-pulse 1.4s ease-in-out infinite; }

.tx-section-title { font-size: clamp(1.9em, 3.4vw, 2.8em); letter-spacing: .03em; }
.tx-section-head .tx-eyebrow { color: var(--tx-accent); }
.tx-section-head .tx-eyebrow::before { animation: none; border-radius: 0; width: 18px; height: 2px; }

.tx-btn { font-family: var(--tx-font-head); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; font-size: .95em; }
.tx-card-title, .tx-job-name, .tx-step-title, .tx-feature-title, .tx-cat-name { letter-spacing: .04em; }
.tx-price { font-family: var(--tx-font-head); font-size: 1.3em; }
.tx-price-xl { font-size: 2.6em; }

.tx-live-item { border-left: 3px solid var(--tx-accent); }
.tx-live-body strong { font-size: 2em; }
.tx-stat dd { font-family: var(--tx-font-head); color: var(--tx-text); }
.tx-stat dt { font-family: var(--tx-font-head); text-transform: uppercase; letter-spacing: .14em; font-size: .78em; }
.tx-stats { background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--tx-border) calc(25% - 1px) 25%), var(--tx-surface); }

.tx-job-icon { background: transparent; border: 1px solid var(--tx-accent-line); }
.tx-job:nth-child(3n + 2) .tx-job-icon { color: var(--tx-siren-a); border-color: color-mix(in srgb, var(--tx-siren-a) 40%, transparent); }
.tx-job-index { color: color-mix(in srgb, var(--tx-accent) 14%, transparent); }
.tx-member-initial { border-radius: 8px; }
.tx-member-avatar { border-radius: 8px; }

.tx-cta { background: linear-gradient(90deg, color-mix(in srgb, var(--tx-siren-a) 18%, var(--tx-surface)), var(--tx-surface) 45%, var(--tx-surface) 55%, color-mix(in srgb, var(--tx-siren-b) 18%, var(--tx-surface))); }
.tx-cta-title { font-size: clamp(2em, 4vw, 3.2em); }
.tx-tag-sale { background: var(--tx-siren-a); }

@media (max-width: 899px) {
  .tx-hero-title { font-size: clamp(2.6em, 13vw, 3.6em); }
  .tx-stats { background: var(--tx-surface); }
}