/* Homepage hero-title typography shared by Products, Solutions, Industries and Get a Quote. */
:is(
  html body#orbi-public-layout.orbi-global-layout.orbicrm-page,
  html body#orbi-public-layout.orbi-global-layout.orbipayroll-page,
  html body#orbi-public-layout.orbi-global-layout.orbidesk-page,
  html body#orbi-public-layout.orbi-global-layout.orbibook-page,
  html body#orbi-public-layout.orbi-global-layout.orbicampus-page,
  html body#orbi-public-layout.orbi-global-layout.orbiai-page,
  html body#orbi-public-layout.orbi-global-layout.business-websites-page,
  html body#orbi-public-layout.orbi-global-layout.business-software-page,
  html body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  html body#orbi-public-layout.orbi-global-layout.business-portals-page,
  html body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  html body#orbi-public-layout.orbi-global-layout.hosting-page,
  html body#orbi-public-layout.orbi-global-layout.industries-converted-page,
  html body#orbi-public-layout.orbi-global-layout.request-quote-page
) main.main :is(
  .orbicrm-hero,
  .orbipayroll-hero,
  .orbidesk-hero,
  .orbibook-hero,
  .orbicampus-hero,
  .orbiai-hero,
  #business-websites-hero.orbi-web-hero,
  #business-software-hero.orbi-premium-hero,
  .orbi-platform-hero,
  .orbi-dynamic-hero,
  .hosting-hero,
  .quote-hero
) h1 {
  font-size: clamp(42px, 3.8vw, 54px) !important;
  line-height: 1.02 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -2.6px !important;
  text-align: left !important;
  text-wrap: balance !important;
}

/* The homepage scales its two-column hero title slightly down on laptops. */
@media (max-width: 1400px) {
  :is(
    html body#orbi-public-layout.orbi-global-layout.orbicrm-page,
    html body#orbi-public-layout.orbi-global-layout.orbipayroll-page,
    html body#orbi-public-layout.orbi-global-layout.orbidesk-page,
    html body#orbi-public-layout.orbi-global-layout.orbibook-page,
    html body#orbi-public-layout.orbi-global-layout.orbicampus-page,
    html body#orbi-public-layout.orbi-global-layout.orbiai-page,
    html body#orbi-public-layout.orbi-global-layout.business-websites-page,
    html body#orbi-public-layout.orbi-global-layout.business-software-page,
    html body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    html body#orbi-public-layout.orbi-global-layout.business-portals-page,
    html body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    html body#orbi-public-layout.orbi-global-layout.hosting-page,
    html body#orbi-public-layout.orbi-global-layout.industries-converted-page,
    html body#orbi-public-layout.orbi-global-layout.request-quote-page
  ) main.main :is(
    .orbicrm-hero,
    .orbipayroll-hero,
    .orbidesk-hero,
    .orbibook-hero,
    .orbicampus-hero,
    .orbiai-hero,
    #business-websites-hero.orbi-web-hero,
    #business-software-hero.orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .quote-hero
  ) h1 {
    font-size: clamp(38px, 3.6vw, 46px) !important;
  }
}

/* iPad landscape keeps the text aligned with the right-side hero panel. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  :is(
    html body#orbi-public-layout.orbi-global-layout.orbicrm-page,
    html body#orbi-public-layout.orbi-global-layout.orbipayroll-page,
    html body#orbi-public-layout.orbi-global-layout.orbidesk-page,
    html body#orbi-public-layout.orbi-global-layout.orbibook-page,
    html body#orbi-public-layout.orbi-global-layout.orbicampus-page,
    html body#orbi-public-layout.orbi-global-layout.orbiai-page,
    html body#orbi-public-layout.orbi-global-layout.business-websites-page,
    html body#orbi-public-layout.orbi-global-layout.business-software-page,
    html body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    html body#orbi-public-layout.orbi-global-layout.business-portals-page,
    html body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    html body#orbi-public-layout.orbi-global-layout.hosting-page,
    html body#orbi-public-layout.orbi-global-layout.industries-converted-page,
    html body#orbi-public-layout.orbi-global-layout.request-quote-page
  ) main.main :is(
    .orbicrm-hero,
    .orbipayroll-hero,
    .orbidesk-hero,
    .orbibook-hero,
    .orbicampus-hero,
    .orbiai-hero,
    #business-websites-hero.orbi-web-hero,
    #business-software-hero.orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .quote-hero
  ) h1 {
    font-size: clamp(34px, 3.6vw, 42px) !important;
    line-height: 1.045 !important;
    letter-spacing: -1.9px !important;
    text-align: left !important;
  }
}

/* iPad portrait uses the homepage's centered, single-column title treatment. */
@media (min-width: 768px) and (max-width: 991.98px) {
  :is(
    html body#orbi-public-layout.orbi-global-layout.orbicrm-page,
    html body#orbi-public-layout.orbi-global-layout.orbipayroll-page,
    html body#orbi-public-layout.orbi-global-layout.orbidesk-page,
    html body#orbi-public-layout.orbi-global-layout.orbibook-page,
    html body#orbi-public-layout.orbi-global-layout.orbicampus-page,
    html body#orbi-public-layout.orbi-global-layout.orbiai-page,
    html body#orbi-public-layout.orbi-global-layout.business-websites-page,
    html body#orbi-public-layout.orbi-global-layout.business-software-page,
    html body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    html body#orbi-public-layout.orbi-global-layout.business-portals-page,
    html body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    html body#orbi-public-layout.orbi-global-layout.hosting-page,
    html body#orbi-public-layout.orbi-global-layout.industries-converted-page,
    html body#orbi-public-layout.orbi-global-layout.request-quote-page
  ) main.main :is(
    .orbicrm-hero,
    .orbipayroll-hero,
    .orbidesk-hero,
    .orbibook-hero,
    .orbicampus-hero,
    .orbiai-hero,
    #business-websites-hero.orbi-web-hero,
    #business-software-hero.orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .quote-hero
  ) h1 {
    font-size: clamp(32px, 4.1vw, 40px) !important;
    line-height: 1.045 !important;
    letter-spacing: -1.9px !important;
    text-align: center !important;
  }
}

/* Phones and narrow tablets use the same centered homepage title scale. */
@media (max-width: 767.98px) {
  :is(
    html body#orbi-public-layout.orbi-global-layout.orbicrm-page,
    html body#orbi-public-layout.orbi-global-layout.orbipayroll-page,
    html body#orbi-public-layout.orbi-global-layout.orbidesk-page,
    html body#orbi-public-layout.orbi-global-layout.orbibook-page,
    html body#orbi-public-layout.orbi-global-layout.orbicampus-page,
    html body#orbi-public-layout.orbi-global-layout.orbiai-page,
    html body#orbi-public-layout.orbi-global-layout.business-websites-page,
    html body#orbi-public-layout.orbi-global-layout.business-software-page,
    html body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    html body#orbi-public-layout.orbi-global-layout.business-portals-page,
    html body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    html body#orbi-public-layout.orbi-global-layout.hosting-page,
    html body#orbi-public-layout.orbi-global-layout.industries-converted-page,
    html body#orbi-public-layout.orbi-global-layout.request-quote-page
  ) main.main :is(
    .orbicrm-hero,
    .orbipayroll-hero,
    .orbidesk-hero,
    .orbibook-hero,
    .orbicampus-hero,
    .orbiai-hero,
    #business-websites-hero.orbi-web-hero,
    #business-software-hero.orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .quote-hero
  ) h1 {
    font-size: clamp(28px, 7.5vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1.4px !important;
    text-align: center !important;
  }
}