/* TELL EQUIPMENT — Home page typography upgrade (2026-09-27) The 8k design tokens already name Barlow Condensed / Inter / JetBrains Mono but nothing ever loaded them — the site rendered on fallback system fonts. This file loads REAL brand type (Google Fonts link in ) and sharpens the hierarchy: industrial condensed display, tight tracking, tabular numbers, mono kickers. */ body, .wrap, p, li, td, th, .cr-sub, .ps-result span{ font-family:'Inter',system-ui,-apple-system,sans-serif; font-size:16px; line-height:1.6; letter-spacing:-.006em; } /* Display headings — industrial condensed */ h1, h2, h3, .t, .hero h1, .hero h2, .sec h2{ font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-weight:800; letter-spacing:.01em; line-height:1.04; text-transform:uppercase; } h1{font-size:clamp(38px,6.2vw,72px); font-weight:800} h2{font-size:clamp(30px,4.2vw,52px)} h3{font-size:clamp(20px,2.4vw,28px); font-weight:700} h1 em, h2 em, .hero h1 em{font-style:normal; color:var(--red,#af1314)} /* Nav — condensed uppercase, tight tracking */ header nav > a, .topbar, .nav-phones .np-label, .crumb{ font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.09em; text-transform:uppercase; } header nav > a{font-size:17px} .btn-quote, .btn-red, button[type=submit]{ font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:16px; } /* Search band */ .ps-label{font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.24em; text-transform:uppercase} #product-search-input{font-family:'Inter',sans-serif; font-size:17px} .ps-chip{font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.05em; font-size:14px; text-transform:uppercase} /* Numbers + data — tabular alignment */ .stat b, .np-num, .ps-result .ps-badge{ font-family:'Barlow Condensed',sans-serif; font-variant-numeric:tabular-nums; font-weight:700; } .np-num{font-size:16px; letter-spacing:.02em} /* Kicker/mono labels */ .mm-item > a::after, .sec-no, .topbar .tag, .ps-label, .loc-tag, .lane-steps{ font-family:'JetBrains Mono',monospace; } /* Cards + section copy */ .mcard h3, .oembox h3, .card h3{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-weight:700} footer .foot-h{font-family:'Barlow Condensed',sans-serif; letter-spacing:.12em; text-transform:uppercase; font-weight:700; font-size:15px} /* Hero paragraph width + measure */ .hero p, .page-hero p{font-size:17px; line-height:1.65; max-width:70ch} /* ===== CONTRAST FIXES 2026-09-27 (WCAG AA sweep) ===== */ /* card meta smalls: 11px gray was 3.1:1 -> 4.6:1 */ small{color:#566070} .mm-note{color:#566070} p.rv, .sec.rv p{color:#8fa0b3} /* red emphasis on dark navy sections: 2.3:1 -> 4.6:1 */ .sec.rv em, .hero-wrap em, section.dark em, .sec em{color:#ff6a5e} /* red micro-labels on light hero-card: 2.0:1 -> 5+ */ .hero-card .hc-label span{color:#9c1010;font-weight:600} /* marquee bold labels: navy on colored strip -> white */ .marquee b, .marquee-track b{color:#fff;text-shadow:0 1px 2px rgba(2,8,18,.35)} /* phone labels: 50% white -> 75% white */ .np-label,.hp-label,.fp-label,.mm-phones .np-label{color:rgba(255,255,255,.78)} .np-num,.hp-num{color:#fff} /* contrast layer v2 — explicit specificity (originals out-ran v1) */ body small, .wrap small, .mcard small, .oembox small, .card small{color:#566070 !important} .mm-note, .wrap .mm-note{color:#566070 !important} .sec.rv p, p.rv, .sec.rv p.rv{color:#9fb0c2} .sec.rv em, .hero-wrap em, .sec em{color:#ff6a5e !important} .hero-card .hc-label span{color:#9c1010 !important;font-weight:600 !important} .marquee b, .marquee-track b{color:#fff !important;text-shadow:0 1px 2px rgba(2,8,18,.35)} .np-label,.hp-label,.fp-label,.mm-phones .np-label{color:rgba(255,255,255,.8) !important} .np-num,.hp-num{color:#fff !important} /* contrast layer v3 — search band + header phones */ #product-search-input::placeholder{color:#5c6a7d;opacity:1} .ps-label{color:#3d4a5c} .ps-chip{color:#33415a} .np-num{color:#0a1c33} a.nav-phone{color:#0a1c33} a.nav-phone .np-label{color:rgba(10,28,51,.62)} footer .np-num, .foot-phones .np-num{color:#fff} footer .fp-label{color:rgba(255,255,255,.8)} /* v4 — header phone numbers were white-on-white (washed out) */ header .nav-phones .np-num{color:#0a1c33 !important} header .nav-phones .np-label{color:rgba(10,28,51,.6) !important} header .nav-phone{color:#0a1c33} /* v5 — hero-card is dark glass: use bright red, not dark red */ .hero-card .hc-label span{color:#ff7a6e !important}