@@ -207,15 +207,20 @@ function AuditRow({ entry, index }: AuditRowProps) {
207207 </ div >
208208
209209 { /* Time */ }
210- < span className = 'w-[56px] shrink-0 font-[430] font-season text-[var(--landing-text-subtle)]/30 text-xs leading-none tracking-[0.02em]' >
210+ < span className = 'w-[56px] shrink-0 font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_30%,transparent)] text-xs leading-none tracking-[0.02em]' >
211211 { timeAgo }
212212 </ span >
213213
214214 < span className = 'min-w-0 truncate font-[430] font-season text-[12px] leading-none tracking-[0.02em]' >
215215 < span className = 'text-[#F6F6F6]/80' > { entry . actor } </ span >
216216 < span className = 'hidden sm:inline' >
217- < span className = 'text-[var(--landing-text-subtle)]/40' > · </ span >
218- < span className = 'text-[var(--landing-text-subtle)]/55' > { entry . description } </ span >
217+ < span className = 'text-[color-mix(in_srgb,var(--landing-text-subtle)_40%,transparent)]' >
218+ { ' ' }
219+ ·{ ' ' }
220+ </ span >
221+ < span className = 'text-[color-mix(in_srgb,var(--landing-text-subtle)_55%,transparent)]' >
222+ { entry . description }
223+ </ span >
219224 </ span >
220225 </ span >
221226 </ div >
@@ -490,7 +495,7 @@ function TrustStrip() {
490495 < strong className = 'font-[430] font-season text-small text-white leading-none' >
491496 SOC 2 & HIPAA
492497 </ strong >
493- < span className = 'font-[430] font-season text-[var(--landing-text-subtle)]/30 text-xs leading-none tracking-[0.02em] transition-colors group-hover:text-[var(--landing-text-subtle)]/55 ' >
498+ < span className = 'font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_30%,transparent)] text-xs leading-none tracking-[0.02em] transition-colors group-hover:text-[color-mix(in_srgb, var(--landing-text-subtle)_55%,transparent)] ' >
494499 Type II · PHI protected →
495500 </ span >
496501 </ div >
@@ -510,7 +515,7 @@ function TrustStrip() {
510515 < strong className = 'font-[430] font-season text-small text-white leading-none' >
511516 Open Source
512517 </ strong >
513- < span className = 'font-[430] font-season text-[var(--landing-text-subtle)]/30 text-xs leading-none tracking-[0.02em] transition-colors group-hover:text-[var(--landing-text-subtle)]/55 ' >
518+ < span className = 'font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_30%,transparent)] text-xs leading-none tracking-[0.02em] transition-colors group-hover:text-[color-mix(in_srgb, var(--landing-text-subtle)_55%,transparent)] ' >
514519 View on GitHub →
515520 </ span >
516521 </ div >
@@ -525,7 +530,7 @@ function TrustStrip() {
525530 < strong className = 'font-[430] font-season text-small text-white leading-none' >
526531 SSO & SCIM
527532 </ strong >
528- < span className = 'font-[430] font-season text-[var(--landing-text-subtle)]/30 text-xs leading-none tracking-[0.02em]' >
533+ < span className = 'font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_30%,transparent)] text-xs leading-none tracking-[0.02em]' >
529534 Okta, Azure AD, Google
530535 </ span >
531536 </ div >
@@ -616,7 +621,7 @@ export default function Enterprise() {
616621 ( tag , i ) => (
617622 < span
618623 key = { i }
619- className = 'enterprise-feature-marquee-tag whitespace-nowrap border-[var(--surface-4)] border-r px-5 py-4 font-[430] font-season text-[var(--landing-text-subtle)]/40 text-small leading-none tracking-[0.02em] hover:bg-white/[0.04] hover:text-[var(--landing-text-subtle)]/55 '
624+ className = 'enterprise-feature-marquee-tag whitespace-nowrap border-[var(--surface-4)] border-r px-5 py-4 font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_40%,transparent)] text-small leading-none tracking-[0.02em] hover:bg-white/[0.04] hover:text-[color-mix(in_srgb, var(--landing-text-subtle)_55%,transparent)] '
620625 >
621626 { tag }
622627 </ span >
@@ -626,7 +631,7 @@ export default function Enterprise() {
626631 </ div >
627632
628633 < div className = 'flex items-center justify-between border-[var(--surface-4)] border-t px-6 py-5 md:px-8 md:py-6' >
629- < p className = 'font-[430] font-season text-[var(--landing-text-subtle)]/40 text-base leading-[150%] tracking-[0.02em]' >
634+ < p className = 'font-[430] font-season text-[color-mix(in_srgb, var(--landing-text-subtle)_40%,transparent)] text-base leading-[150%] tracking-[0.02em]' >
630635 Ready for growth?
631636 </ p >
632637 < Link
0 commit comments