/* ========================================================================== Mobile type scale — one place that sets how large text runs on a phone. Added 2026-09-24. A 390px audit of every page in References/brihaspatitech_structured_urls.txt found headings sized for a much wider screen: the 48 hire / service-inner / service-landing pages set the hero H1 at 44px, CTA-box headings at 34px and card titles at 22-24px; the AI pages, About, Careers, Resources, Portfolio and the legal pages set section H2s at 30-38px, several of them straight from a desktop clamp() whose minimum was never overridden for phones. Rather than re-tune ~230 declarations across 13 stylesheets one by one, the phone sizes are defined once below and the scale is applied by role. How it wins: every selector here is copied verbatim from the rule that won font-size at 390px, or at 600/767px where a wider phone rule takes over (found with CDP getMatchedStylesForNode), so each one has the same specificity as the rule it replaces. This file is enqueued last (priority 100, see tbi_ai_mobile_type_scale_assets() in functions.php), so on equal weight it wins. Nothing here uses !important. To change a size sitewide, change the token. To take one element out of the scale, delete its selector from the group; its own stylesheet's value then applies again. Tablet and desktop (768px and up) are untouched. Deliberately left alone: decorative ghost numerals (.process-card__number, .aud-numcard__num, 4% opacity), the home Clutch badge wordmark (.trust__quote-brand), star rows, FAQ question rows, and every text run already at or below its role's size. ========================================================================== */ @media (max-width: 767px) { :root { --tbi-m-h1: 32px; /* page hero heading */ --tbi-m-h2: 26px; /* section heading */ --tbi-m-h3-lg: 22px; /* CTA-box / feature heading */ --tbi-m-h3: 20px; /* card title */ --tbi-m-stat: 34px; /* stat and impact numerals */ --tbi-m-value: 20px; /* calculator values */ --tbi-m-quote: 18px; /* testimonial quote */ --tbi-m-lede: 16px; /* intro / lede paragraph */ } /* ---- H1: page hero headings ------------------------------------------ */ body.tbi-figma-page .hrf-hero__heading, .our-work-hero__heading, .resources-hero__heading, .page-template-page-ai-audit .aud-hero__heading, body.page-template-legal-page .lgl-hero__title, .page-template-page-artificial-intelligence-development-services .aids-hero__heading, body.page-template-page-agentic-ai .hero__heading, body.page-template-page-ai-in-business .aib-hero__heading, body.page-template-career .crr-hero__title { font-size: var(--tbi-m-h1); line-height: 1.15; } /* Home hero (Figma 213:4107): an uppercase Inter 900 display line whose second row is right-aligned, so it keeps its own leading and em tracking and only the size comes down (was clamp(38px, 11.7vw, 47px) = 45.6px). */ body.page-template-page-home .hero__heading { font-size: clamp(30px, 9.2vw, 36px); } /* ---- H2: section headings ------------------------------------------- */ /* Home + shared components */ .faq__heading, .insights__heading, .reviews__heading, .testimonials__heading, .usecases__heading, .visitors__heading, .visitors__conclusion, .contact-cta__heading, .grow__heading, .process__heading, .casestudy__heading, .visitor-card__heading, /* Resources + Portfolio */ .automations-strip__heading, .featured__heading, .intel-web__heading, .ai-agents__heading, .tech-news__heading, .ecom-list__heading, .featured-videos__heading, /* hire / service-inner / service-landing families */ body.tbi-figma-page .hrf-ai__heading, body.tbi-figma-page .hrf-hm__heading, body.tbi-figma-page .hrf-hth__heading, body.tbi-figma-page .hrf-related__heading, body.tbi-figma-page .hrf-svc__heading, body.tbi-figma-page .hrf-testi__heading, body.tbi-figma-page .hrf-why__heading, body.tbi-figma-page .hrf-work__heading, body.tbi-figma-page .hrf-risk__heading, body.tbi-figma-page .hrf-tech__heading, body.tbi-figma-page .hrf-other__heading, body.tbi-figma-page .hrf-cta2__heading, body.tbi-figma-page .hrf-faq .faq__heading, body.tbi-figma-page .automate__heading, body.tbi-service-page .svcl-catalog__heading, body.tbi-service-page .svcl-platforms__heading, body.tbi-service-page .svcl-insights__heading, /* About Us */ body.page-template-about-us .abt-head__title, body.page-template-about-us .abt-creds__heading, body.page-template-about-us .abt-work__heading, body.page-template-about-us .abt-team__heading, body.page-template-about-us .abt-values__heading, body.page-template-about-us .abt-tech__heading, body.page-template-about-us .abt-final__heading, /* Careers */ body.page-template-career .crr-offer__title, body.page-template-career .crr-values__title, body.page-template-career .crr-life__title, body.page-template-career .crr-hiring__title, body.page-template-career .crr-apply__title, body.page-template-career .crr-cta__title, /* AI Readiness Audit */ .page-template-page-ai-audit .aud-h2, .page-template-page-ai-audit .aud-h2--70, .page-template-page-ai-audit .aud-visitors__intro .aud-h2, .page-template-page-ai-audit .aud-faq .faq__heading, .page-template-page-ai-audit .aud-final__heading, .page-template-page-ai-audit .aud-vcard__title, /* AI Search Optimization */ .page-template-page-artificial-intelligence-development-services .aids-gap__heading, .page-template-page-artificial-intelligence-development-services .aids-cap__heading, .page-template-page-artificial-intelligence-development-services .aids-ess__heading, .page-template-page-artificial-intelligence-development-services .aids-why__heading, .page-template-page-artificial-intelligence-development-services .aids-explore__heading, .page-template-page-artificial-intelligence-development-services .aids-midcta__heading, .page-template-page-artificial-intelligence-development-services .aids-faq .faq__heading, .page-template-page-artificial-intelligence-development-services .aids-final__heading, /* AI Consulting (ai-in-business) */ body.page-template-page-ai-in-business .aib-problems__heading, body.page-template-page-ai-in-business .aib-work__heading, body.page-template-page-ai-in-business .aib-jovian__heading, body.page-template-page-ai-in-business .aib-calc__heading, body.page-template-page-ai-in-business .aib-why__heading, body.page-template-page-ai-in-business .aib-tech__heading, body.page-template-page-ai-in-business .aib-opps__heading, body.page-template-page-ai-in-business .aib-faq__heading, body.page-template-page-ai-in-business .aib-final__heading, /* AI Automation Agency */ body.page-template-page-services-ai-automation-agency .aaf-work__heading, body.page-template-page-services-ai-automation-agency .aaf-why__heading, body.page-template-page-services-ai-automation-agency .aaf-losing__heading, body.page-template-page-services-ai-automation-agency .aaf-process__heading, body.page-template-page-services-ai-automation-agency .aaf-platform__heading, body.page-template-page-services-ai-automation-agency .aaf-calc__heading, body.page-template-page-services-ai-automation-agency .aaf-cta__heading, body.page-template-page-services-ai-automation-agency .aaf-tech__heading, /* Agentic AI template (agent development, AIaaS, conversational, generative) */ body.page-template-page-agentic-ai .wtbi__heading, body.page-template-page-agentic-ai .af__heading, body.page-template-page-agentic-ai .waf__heading, body.page-template-page-agentic-ai .hwb__heading, body.page-template-page-agentic-ai .agp__heading, body.page-template-page-agentic-ai .reqcta__heading, body.page-template-page-agentic-ai .techstack__heading, body.page-template-page-agentic-ai .faq__heading, body.page-template-page-agentic-ai .automate__heading, /* Legal pages: the H1 WordPress content repeats below the hero */ body.page-template-legal-page .lgl-content h1 { font-size: var(--tbi-m-h2); line-height: 1.2; letter-spacing: -0.02em; } /* ---- H3 large: CTA-box and feature headings -------------------------- */ body.tbi-figma-page .hrf-ai__cta-heading, body.page-template-about-us .abt-work__title, body.page-template-about-us .abt-creds__band-title, .page-template-page-ai-audit .aud-next__em, .page-template-page-artificial-intelligence-development-services .aids-ess__title, .page-template-page-artificial-intelligence-development-services .aids-cap__cta-heading, body.page-template-page-ai-in-business .aib-midcta__title, body.page-template-page-ai-in-business .aib-opps__cta-title, body.page-template-page-services-ai-automation-agency .aaf-calc__summary-value, body.page-template-page-services-ai-automation-agency .aaf-process__inline-cta-heading, body.page-template-page-agentic-ai .waf-cta__title, .featured__card--main .featured__card-title, body.page-template-legal-page .lgl-content h2, body.page-template-legal-page .lgl-content .contact-us h2 { font-size: var(--tbi-m-h3-lg); line-height: 1.25; letter-spacing: -0.02em; } /* ---- H3: card titles ------------------------------------------------- */ .usecase-card__title, .process-card__heading, .insight-card__title, .fv-feature__title, .case-card__title, body.tbi-figma-page .hrf-ai__title, body.tbi-figma-page .hrf-hm__title, body.tbi-figma-page .hrf-svc__title, body.tbi-figma-page .hrf-risk__col-title, body.tbi-figma-page .hrf-work__card-title, body.tbi-service-page .svcl-insights__card-title, body.page-template-career .crr-step__title, body.page-template-career .crr-value__title, .page-template-page-ai-audit .aud-numcard__title, .page-template-page-ai-audit .aud-gapcard__title, .page-template-page-ai-audit .aud-tier__title, .page-template-page-ai-audit .aud-getcard__title, .page-template-page-artificial-intelligence-development-services .aids-gap__card-title, .page-template-page-artificial-intelligence-development-services .aids-cap__title, body.page-template-page-ai-in-business .aib-problems__card-title, body.page-template-page-ai-in-business .aib-work__title, body.page-template-page-ai-in-business .aib-calc__row-title, body.page-template-page-ai-in-business .aib-opps__title, body.page-template-page-services-ai-automation-agency .aaf-work__card-title, body.page-template-page-services-ai-automation-agency .aaf-losing__card-title, body.page-template-page-services-ai-automation-agency .aaf-platform__core-title, body.page-template-page-services-ai-automation-agency .aaf-calc__row-dept, body.page-template-page-agentic-ai .agp-card__title, body.page-template-page-agentic-ai .af__col-title, body.page-template-page-agentic-ai .waf-card__title, body.page-template-page-agentic-ai .hwb-card__title { font-size: var(--tbi-m-h3); line-height: 1.3; letter-spacing: -0.01em; } /* ---- Stat and impact numerals ---------------------------------------- */ body.tbi-figma-page .hrf-stats__list .hrf-stats__item:nth-child(n) .hrf-stats__number, body.tbi-figma-page .hrf-why__stats .hrf-why__stat:nth-child(n) .hrf-why__stat-num, body.tbi-figma-page .hrf-work__scope-big, .usecase-card__impact-value, body.page-template-about-us .abt-stats__list .abt-stats__stat:nth-child(n) .abt-stats__num, body.page-template-career .crr-stats__num, .page-template-page-ai-audit .aud-rep__num strong, .page-template-page-artificial-intelligence-development-services .aids-proof__stats .aids-proof__stat:nth-child(n) .aids-proof__figure, .page-template-page-artificial-intelligence-development-services .aids-why__stats .aids-why__stat:nth-child(n) .aids-why__figure, body.page-template-page-ai-in-business .aib-impact__stats .aib-impact__stat:nth-child(n) .aib-impact__num, body.page-template-page-ai-in-business .aib-why__stats .aib-why__stat:nth-child(n) .aib-why__stat-num, body.page-template-page-services-ai-automation-agency .aaf-impact__list .aaf-impact__stat:nth-child(n) .aaf-impact__value, body.page-template-page-services-ai-automation-agency .aaf-why__stats .aaf-why__stat:nth-child(n) .aaf-why__stat-value, body.page-template-page-services-ai-automation-agency .aaf-work__impact-value, body.page-template-page-agentic-ai .impact__stats .impact__stat:nth-child(n) .impact__stat-num, body.page-template-page-agentic-ai .wtbi__stats .wtbi__stat:nth-child(n) .wtbi__stat-num, body.page-template-page-agentic-ai .agp-card__impact-num { font-size: var(--tbi-m-stat); line-height: 1.15; letter-spacing: -0.02em; } /* ---- Calculator values ----------------------------------------------- */ body.page-template-page-ai-in-business .aib-calc__rate-value, body.page-template-page-ai-in-business .aib-calc__money, body.page-template-page-services-ai-automation-agency .aaf-calc__rate-value, body.page-template-page-services-ai-automation-agency .aaf-calc__row-capacity-value { font-size: var(--tbi-m-value); letter-spacing: -0.02em; } .page-template-page-ai-audit .aud-rep__num span { font-size: var(--tbi-m-quote); } /* ---- Testimonial quotes ---------------------------------------------- */ body.tbi-figma-page .hrf-testi__quote, body.page-template-about-us .abt-testi__quote, body.page-template-about-us .abt-team__bio { font-size: var(--tbi-m-quote); line-height: 1.55; } /* The quote's highlight mark is an inline-block with a fixed 34px line box (Figma 108:3451); at the smaller size it has to follow the quote's own leading or the highlighted line sits taller than its neighbours. */ body.page-template-about-us .abt-testi__hl { line-height: inherit; } /* ---- Lede paragraphs (18-20px on the page's own stylesheet) ---------- */ body.page-template-legal-page .lgl-hero__lede, .automations-strip__subtitle, .page-template-page-ai-audit .aud-hero__sub, .page-template-page-ai-audit .aud-gaps__lede, .page-template-page-ai-audit .aud-visitors__lede, .page-template-page-ai-audit .aud-vcard__copy, .page-template-page-artificial-intelligence-development-services .aids-hero__desc, .page-template-page-artificial-intelligence-development-services .aids-gap__lede, .page-template-page-artificial-intelligence-development-services .aids-why__lead, .page-template-page-artificial-intelligence-development-services .aids-why__sub, body.page-template-page-agentic-ai .hero__desc, body.page-template-page-ai-in-business .aib-problems__lede, body.page-template-page-services-ai-automation-agency .aaf-losing__desc, body.page-template-page-services-ai-automation-agency .aaf-why__copy p { font-size: var(--tbi-m-lede); line-height: 1.6; } }