/*
 * Type scale of the whole website, loaded last so it wins over the older per-page sizes.
 * Headings: Inter bold, medium sizes, comfortable line spacing. Body text: 15-16px with 1.6-1.75 line spacing.
 *   page title (hero)   1.8 - 2.8 rem     section heading   1.6 - 2.15 rem
 *   card title          1.0 - 1.3 rem     body text         .92 - 1.05 rem
 */

/* Section headings */
body .about-title,
body .industries-heading .about-title,
body .testimonials-section .about-title,
body .contact-heading,
body .related-head h2,
body .certs-intro h2,
body .about-intro h2,
body .vm-head h2,
body .team-head h2,
body .cat-head h2,
body .cat-cta h2,
body .blog-cta h2,
body .hb-head h2 { font-family: var(--font-body); font-size: clamp(1.6rem, 2.5vw, 2.15rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.22; }

/* Numbers of the counters */
body .stat-number { font-family: var(--font-body); font-size: clamp(2rem, 3vw, 2.6rem); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }

/* Titles inside cards and menus */
body .why-card-title,
body .partner-name,
body .contact-card-title,
body .vm-card h3,
body .industry-card h3,
body .mega-title,
body .cat-others h3,
body .bd-box-title,
body .hb-body h3 { font-family: var(--font-body); font-weight: 700; letter-spacing: -.01em; line-height: 1.3; }
body .why-card-title { font-size: 1.1rem; }
body .partner-name { font-size: 1.6rem; }
body .contact-card-title,
body .vm-card h3 { font-size: 1.3rem; }
body .industry-card h3 { font-size: 1.12rem; }
body .mega-title { font-size: 1.2rem; }
body .hb-body h3 { font-size: 1.15rem; }

/* FAQ questions */
body .accordion-header,
body .accordion-button { font-family: var(--font-body); font-size: 1rem; font-weight: 600; line-height: 1.45; letter-spacing: 0; }

/* Product page: the name in the banner and next to the photos */
body .shop-title,
body .detail-name { font-family: var(--font-body); font-size: clamp(1.6rem, 2.8vw, 2.3rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
body .detail-name { font-size: clamp(1.5rem, 2.4vw, 2rem); }

/* Blog banner titles */
body .bd-hero h1 { font-family: var(--font-body); font-size: clamp(1.7rem, 3.1vw, 2.6rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }

/* Text that was too small to read comfortably */
body .why-card-copy { font-size: .92rem; line-height: 1.65; }
body .industry-card p { font-size: .84rem; line-height: 1.5; }
body .cert-issuer { font-size: .84rem; }

@media (max-width: 575.98px) {
  body .about-title,
  body .industries-heading .about-title,
  body .testimonials-section .about-title,
  body .contact-heading,
  body .related-head h2,
  body .certs-intro h2,
  body .about-intro h2,
  body .vm-head h2,
  body .team-head h2 { font-size: 1.5rem; line-height: 1.25; }
  body .stat-number { font-size: 2rem; }
  body .partner-name { font-size: 1.4rem; }
  body .why-card-title { font-size: 1rem; }
  body .why-card-copy { font-size: .86rem; line-height: 1.6; }
  body .industry-card p { font-size: .82rem; }
}