/*
 * Shared title and call-to-action styling for the Solutions pages.
 * Hero title values match the product page scale. All other sections
 * and existing page colors/layouts remain controlled by their own CSS.
 */

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(
  .orbi-web-hero,
  .orbi-premium-hero,
  .orbi-platform-hero,
  .orbi-dynamic-hero,
  .hosting-hero,
  .orbidesk-hero
) h1 {
  font-size: clamp(42px, 4.2vw, 58px) !important;
  line-height: 1.045 !important;
  font-weight: 900 !important;
  letter-spacing: -1.9px !important;
  text-wrap: balance;
}

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) {
  padding: clamp(32px, 4vw, 48px) !important;
  border-radius: 28px !important;
}

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) h2 {
  font-size: clamp(30px, 3.5vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -1.2px !important;
  text-wrap: balance;
}

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) p {
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) > .d-flex {
  column-gap: 12px !important;
  row-gap: 10px !important;
}

:is(
  body#orbi-public-layout.orbi-global-layout.business-websites-page,
  body#orbi-public-layout.orbi-global-layout.business-software-page,
  body#orbi-public-layout.orbi-global-layout.business-platforms-page,
  body#orbi-public-layout.orbi-global-layout.ai-automation-page,
  body#orbi-public-layout.orbi-global-layout.business-portals-page,
  body#orbi-public-layout.orbi-global-layout.hosting-page,
  body#orbi-public-layout.orbi-global-layout.industries-converted-page
) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) > .d-flex .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 767.98px) {
  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(
    .orbi-web-hero,
    .orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .orbidesk-hero
  ) h1 {
    font-size: clamp(32px, 8.8vw, 39px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) {
    padding: 28px 20px !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) h2 {
    font-size: clamp(28px, 4.2vw, 34px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.8px !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) > .d-flex {
    flex-direction: column !important;
    align-items: center !important;
    row-gap: 8px !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) > .d-flex .btn {
    width: 100% !important;
    max-width: 260px !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 575.98px) {
  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) {
    padding: 24px 16px !important;
    border-radius: 22px !important;
  }

  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(.web-cta, .software-cta, .platform-cta, .ai-cta, .cta-panel) h2 {
    font-size: clamp(24px, 7.2vw, 30px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.6px !important;
  }
}

@media (max-width: 390px) {
  :is(
    body#orbi-public-layout.orbi-global-layout.business-websites-page,
    body#orbi-public-layout.orbi-global-layout.business-software-page,
    body#orbi-public-layout.orbi-global-layout.business-platforms-page,
    body#orbi-public-layout.orbi-global-layout.ai-automation-page,
    body#orbi-public-layout.orbi-global-layout.business-portals-page,
    body#orbi-public-layout.orbi-global-layout.hosting-page,
    body#orbi-public-layout.orbi-global-layout.industries-converted-page
  ) main.main :is(
    .orbi-web-hero,
    .orbi-premium-hero,
    .orbi-platform-hero,
    .orbi-dynamic-hero,
    .hosting-hero,
    .orbidesk-hero
  ) h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }
}


/* The Software page has a more specific legacy title rule; override it explicitly. */
body#orbi-public-layout.orbi-global-layout.business-software-page main.main #business-software-hero.orbi-premium-hero h1 {
  font-size: clamp(42px, 4.2vw, 58px) !important;
  line-height: 1.045 !important;
  font-weight: 900 !important;
  letter-spacing: -1.9px !important;
  text-wrap: balance;
}

@media (max-width: 767.98px) {
  body#orbi-public-layout.orbi-global-layout.business-software-page main.main #business-software-hero.orbi-premium-hero h1 {
    font-size: clamp(32px, 8.8vw, 39px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
  }
}

@media (max-width: 390px) {
  body#orbi-public-layout.orbi-global-layout.business-software-page main.main #business-software-hero.orbi-premium-hero h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }
}