#supHomeAndLandingPageSearchBoxForm {
  margin: auto;
  max-width: 768px;
  text-align: center;
}
#supHomeAndLandingPageSearchBoxForm > div {
  position: relative;
}
#supHomeAndLandingPageSearchBoxForm > div > button {
  background: transparent;
  border: none;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
#supHomeAndLandingPageSearchBoxForm > div > button > span {
  color: #006dac;
  display: inline;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.55772223;
}
html[dir="rtl"]
  #supHomeAndLandingPageSearchBoxForm
  > div
  > button
  > span
  :before {
  content: "";
}
#supHomeAndLandingPageSearchBoxForm > input {
  display: none;
}
#supHomeAndLandingPageSearchBoxForm .supSuggestionList {
  list-style: none;
  margin: 0;
  padding: 0;
}
#supHomeAndLandingPageSearchBoxForm .supAutoSuggestContainer {
  width: 100%;
}
#supHomeAndLandingPageSearchBoxForm .supSuggestionItem {
  padding-left: 18px;
  text-indent: 0;
}
#supHomeAndLandingPageSearchBox {
  border: 1px solid #a9a9a9;
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
  font-size: 1.5em;
  height: 40px;
  line-height: 1.3334;
  outline: 0;
  padding: 0 50px 0 18px;
  width: 100%;
}
#supHomeAndLandingPageSearchBox::placeholder {
  color: #505050;
}
html[dir="rtl"] #supHomeAndLandingPageSearchBoxForm > div > button {
  left: 0;
  right: auto;
}
html[dir="rtl"]
  #supHomeAndLandingPageSearchBoxForm
  > div
  > button
  > span:before {
  content: "";
}
html[dir="rtl"] #supHomeAndLandingPageSearchBox {
  padding: 0 18px 0 50px;
}
@media screen and (min-width: 768px) {
  #supHomeAndLandingPageSearchBox {
    font-size: 1.7em;
    height: 51px;
    line-height: normal;
  }
}
#ocHelp {
  padding-bottom: 390px;
}
#ocArticle.landing-page {
  margin-bottom: 0;
}
#ocMainContent {
  max-width: 2160px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#supArticleContent {
  padding-bottom: 0;
  padding-top: 0;
}
.landing-page header nav {
  background-color: #e2e4e5;
}
.landing-page a.nav-gallery__cta-link:active,
.landing-page a.nav-gallery__cta-link:hover,
.landing-page a.nav-gallery__cta-link:link,
.landing-page a.nav-gallery__cta-link:visited {
  text-decoration: none;
}
.landing-page .nav-gallery {
  padding: 12px 4%;
  width: 100%;
}
.landing-page .nav-gallery__cta-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-page .nav-gallery__cta-grid__column--glyph,
.landing-page .nav-gallery__cta-grid__column--image {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
}
html[dir="rtl"] .landing-page .nav-gallery__cta-grid__column--glyph,
html[dir="rtl"] .landing-page .nav-gallery__cta-grid__column--image {
  padding: 0;
}
.landing-page .nav-gallery__cta-grid__column--glyph:hover {
  background-color: #d0d3d4;
  text-decoration: none;
}
.landing-page .nav-gallery__cta-link {
  display: inline-block;
  min-height: 40px;
  padding: 10px 6px;
  position: relative;
  width: 100%;
}
a .landing-page .nav-gallery__cta-link {
  text-decoration: none;
}
.landing-page .nav-gallery__cta-link__container--glyph,
.landing-page .nav-gallery__cta-link__container--image {
  float: left;
  height: 2em;
  width: 2em;
}
html[dir="rtl"] .landing-page .nav-gallery__cta-link__container--glyph,
html[dir="rtl"] .landing-page .nav-gallery__cta-link__container--image {
  float: right;
}
.landing-page .nav-gallery__cta-link__container--glyph span {
  color: #1e1e1e;
  font-size: 2em;
  line-height: 1;
}
.landing-page
  .nav-gallery__cta-link__container--glyph
  + .nav-gallery__cta-link__text:hover {
  color: #fff;
  text-decoration: underline;
}
.landing-page .nav-gallery__cta-link__container--image img {
  max-width: 100%;
}
.landing-page
  .nav-gallery__cta-link__container--image
  + .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
  text-decoration: underline;
}
.landing-page .nav-gallery__cta-link__text {
  color: #1e1e1e;
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.333333;
  margin: 0 0 0 28px;
  max-height: 60px;
}
html[dir="rtl"] .landing-page .nav-gallery__cta-link__text {
  margin: 0 28px 0 0;
  text-align: right;
}
.landing-page .nav-gallery__more-links {
  font-size: 1.5em;
  margin-left: 12px;
  padding-bottom: 10px;
  text-align: left;
}
html[dir="rtl"] .landing-page .nav-gallery__more-links {
  margin-left: 0;
  margin-right: 12px;
  text-align: right;
}
.landing-page .nav-gallery__more-links a.supHomeandLandingPageCTA {
  font-size: 1em;
  letter-spacing: normal;
}
.landing-page .nav-gallery__more-links a.supHomeandLandingPageCTA:after {
  content: "";
  font-weight: 900;
}
html[dir="rtl"]
  .landing-page
  .nav-gallery__more-links
  a.supHomeandLandingPageCTA:after {
  content: "";
}
@media screen and (min-width: 768px) {
  .landing-page .nav-gallery {
    margin: auto;
    max-width: 95%;
    padding: 0;
  }
  .landing-page .nav-gallery__cta-grid {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:last-child {
    width: 100%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(2),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(2) ~ li {
    width: 50%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(3),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(3) ~ li {
    width: 33.3333333333%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(4),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(4) ~ li {
    width: 25%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(5),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(5) ~ li {
    width: 20%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(6),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(6) ~ li {
    width: 16.6666666667%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(7),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(7) ~ li {
    width: 14.2857142857%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(8),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(8) ~ li {
    width: 12.5%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(9),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(9) ~ li {
    width: 11.1111111111%;
  }
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(10),
  .landing-page .nav-gallery__cta-grid li:first-child:nth-last-child(10) ~ li {
    width: 10%;
  }
  .landing-page .nav-gallery__cta-grid__column--glyph,
  .landing-page .nav-gallery__cta-grid__column--image {
    height: auto;
    text-align: center;
  }
  html[dir="rtl"] .landing-page .nav-gallery__cta-grid__column--glyph,
  html[dir="rtl"] .landing-page .nav-gallery__cta-grid__column--image {
    padding: 10px 0;
  }
  .landing-page .nav-gallery__cta-link {
    text-decoration: none;
  }
  .landing-page .nav-gallery__cta-link__container--glyph,
  .landing-page .nav-gallery__cta-link__container--image {
    float: none;
    height: 3.5em;
    margin: 0 auto 8px;
    text-align: center;
    width: 3.5em;
  }
  html[dir="rtl"] .landing-page .nav-gallery__cta-link__container--glyph,
  html[dir="rtl"] .landing-page .nav-gallery__cta-link__container--image {
    float: none;
  }
  .landing-page .nav-gallery__cta-link__container--glyph span {
    font-size: 3.5em;
  }
  .landing-page .nav-gallery__cta-link__container--image {
    height: 3.5em;
    width: 3.5em;
  }
  .landing-page .nav-gallery__cta-link__text {
    font-size: 1.4em;
    width: 100%;
  }
  .landing-page .nav-gallery__cta-link__text,
  html[dir="rtl"] .landing-page .nav-gallery__cta-link__text {
    margin: 0;
    text-align: center;
    white-space: normal;
  }
  html[dir="rtl"] .landing-page .nav-gallery__more-links {
    margin: 0 20px 0 0;
  }
  .landing-page .nav-gallery__more-links a.supHomeandLandingPageCTA {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page .nav-gallery {
    max-width: 1200px;
  }
  .landing-page .nav-gallery__cta-link__container--glyph {
    height: 4em;
    width: 4em;
  }
  .landing-page .nav-gallery__cta-link__container--glyph span {
    font-size: 4em;
  }
  .landing-page .nav-gallery__cta-link__container--image {
    height: 5.5em;
    width: 5.5em;
  }
  .landing-page .nav-gallery__more-links {
    padding-bottom: 10px;
  }
}
.landing-page .ocpArticleSizingWrapper {
  max-width: 2160px;
}
.landing-page .ocpArticleContent {
  margin-top: 0;
  max-width: 2160px;
}
.landing-page .ocpArticleContent li,
.landing-page .ocpArticleContent ol,
.landing-page .ocpArticleContent ol li,
.landing-page .ocpArticleContent ul,
.landing-page .ocpArticleContent ul li {
  font-size: 1.2em;
}
.landing-page .ocpArticleContent header nav .nav-gallery ul {
  margin: 0;
}
.landing-page .ocpArticleContent .ocpSection.fluent > h2 {
  color: #000;
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
  font-size: 2.4em;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 36px 0 0;
  padding: 0 0 0 20px;
  text-align: center;
}
@media (min-width: 640px) {
  .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    text-align: left;
  }
  html[dir="rtl"] .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    padding: 0 20px 0 0;
    text-align: right;
  }
}
.landing-page .ocpArticleContent .ocpSection.fluent > h2 + .grid-box {
  margin-top: calc(1em + 0.5vh);
}
.landing-page .ocpArticleContent .ocpSection.fluent .supARG {
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
}
html[dir="rtl"] .landing-page .ocpArticleContent .ocpSection.fluent .supARG {
  padding: 0 20px 0 0;
  text-align: right;
}
.landing-page .ocpArticleContent h2,
.landing-page .ocpArticleContent h3,
.landing-page .ocpArticleContent p {
  color: #1e1e1e;
  text-align: left;
}
html[dir="rtl"] .landing-page .ocpArticleContent h2,
html[dir="rtl"] .landing-page .ocpArticleContent h3,
html[dir="rtl"] .landing-page .ocpArticleContent p {
  text-align: right;
}
.landing-page .ocpArticleContent h2.align-center,
.landing-page .ocpArticleContent h3.align-center,
.landing-page .ocpArticleContent p.align-center {
  text-align: center;
}
.landing-page .ocpArticleContent h2 {
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
  font-size: 2.8em;
  font-weight: 400;
}
.landing-page .ocpArticleContent .HubPageTrendingTopicsCategoryHeading {
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.3;
}
.landing-page .ocpArticleContent .HubPageTrendingTopicsCategoryHeading,
.landing-page .ocpArticleContent p {
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
}
.landing-page .ocpArticleContent p {
  font-size: 1.5em;
  line-height: 1.3333333333;
}
.landing-page .ocpArticleContent p.align-center {
  text-align: center;
}
.landing-page .ocpArticleContent p .ocpLegacyBold {
  font-size: 1.2em;
  font-weight: 600;
}
.landing-page .ocpArticleContent a:not([role="button"]),
.landing-page .ocpArticleContent a:not([role="button"]):active,
.landing-page .ocpArticleContent a:not([role="button"]):focus,
.landing-page .ocpArticleContent a:not([role="button"]):hover,
.landing-page .ocpArticleContent a:not([role="button"]):link,
.landing-page .ocpArticleContent a:not([role="button"]):visited {
  color: #006dac;
}
.landing-page .ocpArticleContent .banded-wrapper-reversed:nth-child(odd),
.landing-page .ocpArticleContent .banded-wrapper:nth-child(2n) {
  background-color: #f2f2f2;
}
.landing-page .ocpArticleContent .ocpSectionLayout {
  padding: 10px 0;
}
.landing-page
  .ocpArticleContent
  section
  .supARG:not(.supHomeAndLandingPageFeaturedGrid)
  [class^="supARG-column-"]:not(:last-child) {
  margin-bottom: 45px;
}
.landing-page .ocpArticleContent .supARG {
  margin-bottom: 30px;
}
.landing-page .ocpArticleContent .supARG h2 {
  font-size: 2.8em;
  line-height: 1.221429;
}
.landing-page .ocpArticleContent .supARG .ocpVideo {
  margin-bottom: 0;
  margin-top: 0;
}
.landing-page .ocpArticleContent .supARG .ocpBoldLegacy {
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.35;
}
.landing-page
  .ocpArticleContent
  .supARG
  [class^="supARG-column-"]
  p.center-align {
  text-align: center;
}
.landing-page
  .ocpArticleContent
  .supARG.supHomeAndLandingPageFeaturedGrid
  .supARG-column-1-2
  h2 {
  font-family: Segoe UI Light, wf_segoe-ui_light, Arial, Helvetica Neue, Verdana,
    Helvetica, Sans-Serif;
  font-weight: 300;
}
.landing-page .ocpArticleContent .hero-section-fluent {
  align-items: flex-start;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.landing-page .ocpArticleContent .hero-section-fluent:has(.split-hero) {
  background: #fafafa;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent:has(.split-hero)
  .ocpSectionLayout
  .ocpSection {
  background-color: unset;
  border: unset;
  max-width: unset;
  padding: unset;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent:has(.split-hero)
  .ocpSectionLayout
  .ocpSection:has(.supHomeAndLandingPageHeroFluent) {
  padding: unset;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent:has(.split-hero)
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  height: inherit;
  padding: 16px;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent:has(.split-hero)
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row {
  display: flex;
  flex-direction: row;
  height: inherit;
}
@media only screen and (max-width: 992px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent:has(.split-hero)
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row {
    flex-direction: column;
    height: 100%;
  }
  .landing-page
    .ocpArticleContent
    .hero-section-fluent:has(.split-hero)
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    > div {
    flex: unset;
    padding-right: unset;
    width: 100%;
  }
  .landing-page
    .ocpArticleContent
    .hero-section-fluent:has(.split-hero)
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    > div
    a[role="button"] {
    text-wrap: wrap;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent:has(.split-hero)
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    > div {
    flex: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent:has(.split-hero)
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    > div:first-child {
    display: flex;
    justify-content: space-between;
  }
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent:has(.split-hero)
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  > div {
  margin: unset;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection {
  align-items: center;
  align-self: stretch;
  background: #f2f2f2;
  border: 1px solid #b8b8b8;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 1366px;
  padding: 70px 0;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection:has(.supHomeAndLandingPageHeroFluent) {
  padding: 70px;
}
@media only screen and (max-width: 992px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection:has(.supHomeAndLandingPageHeroFluent) {
    padding: 20px;
  }
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 1366px;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row {
  max-width: 1226px;
  width: inherit;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div {
  align-items: flex-start;
  flex: 1 0 0;
  flex-direction: column;
  gap: 20px;
  padding-right: 24px;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div:last-child {
  margin: 0;
  max-height: 338px;
  max-width: 601px;
  padding: 0;
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div {
    display: contents;
  }
}
@media screen and (max-width: 1365px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div {
    margin-top: 0;
  }
}
@media screen and (min-width: 1366px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div {
    margin-top: 50px;
  }
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div
  h2 {
  align-items: flex-start;
  align-self: stretch;
  color: #242424;
  display: flex;
  flex-direction: column;
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  gap: 4px;
  line-height: 40px;
  margin-bottom: 12px;
  max-width: 577px;
}
@media screen and (max-width: 1119px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div
    h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div
  p {
  align-self: stretch;
  color: #616161;
  font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
    BBAlpha Sans, S60 Sans, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 0 0 12px;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div
  p:last-child {
  margin-bottom: 0;
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  div
  p:last-child
  a {
  align-items: center;
  background: #0f6cbd;
  border-radius: 4px;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div {
    margin-bottom: 0;
  }
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div
    h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .landing-page
    .ocpArticleContent
    .hero-section-fluent
    .ocpSectionLayout
    .ocpSection
    .supHomeAndLandingPageHeroFluent
    .supARG-row
    div
    p {
    font-size: 14px;
    line-height: 20px;
  }
}
.landing-page
  .ocpArticleContent
  .hero-section-fluent
  .ocpSectionLayout
  .ocpSection
  .supHomeAndLandingPageHeroFluent
  .supARG-row
  .ocpVideo {
  border-radius: 8px;
  overflow: hidden;
}
.landing-page .ocpArticleContent .supHomeAndLandingPageCTA,
.landing-page .ocpArticleContent .supHomeAndLandingPageCTAButton {
  display: inline-block;
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
  font-size: 0.8666666667em;
  font-weight: 400;
  letter-spacing: 0.975px;
  line-height: 1.3846153846;
  margin-right: 8px;
  text-transform: uppercase;
}
html[dir="rtl"] .landing-page .ocpArticleContent .supHomeAndLandingPageCTA,
html[dir="rtl"]
  .landing-page
  .ocpArticleContent
  .supHomeAndLandingPageCTAButton {
  margin-left: 8px;
  margin-right: 0;
}
.landing-page .ocpArticleContent .supHomeAndLandingPageCTA:after,
.landing-page .ocpArticleContent .supHomeAndLandingPageCTAButton:after {
  content: "";
  display: inline-block;
  font-family: Support MDL2 Assets;
  font-size: 0.66666666em;
  padding-left: 5px;
}
html[dir="rtl"]
  .landing-page
  .ocpArticleContent
  .supHomeAndLandingPageCTA:after,
html[dir="rtl"]
  .landing-page
  .ocpArticleContent
  .supHomeAndLandingPageCTAButton:after {
  content: "";
  font-family: Support MDL2 Assets;
  font-size: 0.66666666em;
  padding-left: 0;
  padding-right: 5px;
}
.landing-page .ocpArticleContent a.supHomeAndLandingPageCTAButton {
  background-color: #0067b8;
  border: 2px solid transparent;
  color: #fff;
  max-width: 100%;
  padding: 10px 22px;
  text-align: center;
  text-decoration: none;
  transition: scale 0.2s ease-in-out;
}
.landing-page .ocpArticleContent a.supHomeAndLandingPageCTAButton:active,
.landing-page .ocpArticleContent a.supHomeAndLandingPageCTAButton:hover {
  background-color: #005293;
}
.landing-page .ocpArticleContent a.supHomeAndLandingPageCTAButton:active {
  transform: scale(0.98);
}
.landing-page
  .ocpArticleContent
  a.supHomeAndLandingPageCTAButton:not(:last-child) {
  margin-bottom: 10px;
}
html[dir="rtl"]
  .landing-page
  .ocpArticleContent
  a.supHomeAndLandingPageCTAButton {
  margin-left: 10px;
  margin-right: 0;
}
@media screen and (min-width: 540px) {
  .landing-page .ocpArticleContent .ocpSection > h2 {
    margin-top: 20px;
  }
  .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    color: #000;
    font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
      BBAlpha Sans, S60 Sans, Arial, sans-serif;
    font-size: 2.4em;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin: 36px 0 0;
    padding: 0 0 0 20px;
    text-align: left;
  }
  html[dir="rtl"] .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    padding: 0 20px 0 0;
    text-align: right;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid {
    margin-bottom: 0;
    margin-top: 0;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2 {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
    width: calc(50% - 2px);
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child {
    padding-right: 2%;
  }
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child {
    padding-left: 2%;
    padding-right: 0;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child
    h2,
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child
    p {
    padding-right: 5%;
  }
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child
    h2,
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:first-child
    p {
    padding-left: 5%;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child {
    padding-left: 2%;
  }
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child {
    padding-left: 0;
    padding-right: 2%;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child
    h2,
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child
    p {
    padding-left: 5%;
  }
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child
    h2,
  html[dir="rtl"]
    .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2:last-child
    p {
    padding-right: 5%;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > h2:first-child,
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > p:first-child {
    margin-top: 20px;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > .ocpVideo:first-child {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > .ocpVideo,
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > img {
    vertical-align: middle;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    h2:first-child {
    padding-top: 0;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    p:last-child {
    margin-bottom: 20px;
  }
  .landing-page
    .ocpArticleContent
    .ocpSection
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    p
    > img {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
  }
}
@media screen and (min-width: 540px) and (min-width: 768px) {
  .landing-page .ocpArticleContent .ocpSection > h2 {
    margin-top: 26px;
    text-align: center;
  }
  .landing-page .ocpArticleContent .ocpSection h2 {
    font-size: 3.2em;
  }
  .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    color: #000;
    font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
      BBAlpha Sans, S60 Sans, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 32px;
    margin: 36px 0 0;
    padding: 0 0 0 20px;
    text-align: left;
  }
  html[dir="rtl"] .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    padding: 0 20px 0 0;
    text-align: right;
  }
  .landing-page .ocpArticleContent .supARG h2 {
    font-size: 3.2em;
  }
  .landing-page .ocpArticleContent .supARG .ocpBoldLegacy {
    font-size: 2em;
    line-height: 28px;
  }
  .landing-page
    .ocpArticleContent
    .supARG
    .supHomeAndLandingPageFeaturedGrid
    h2 {
    line-height: 46px;
    margin-top: 0;
  }
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > h2:first-child,
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > p:first-child {
    margin-top: 26px;
  }
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > .ocpVideo:first-child,
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > img:first-child {
    margin-bottom: 26px;
    margin-top: 26px;
  }
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    h2:first-child {
    padding-top: 0;
  }
  .landing-page
    .ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    p:last-child {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 540px) and (min-width: 1024px) {
  .landing-page .ocpArticleContent .ocpSection > h2 {
    margin-top: 26px;
  }
  .landing-page .ocpArticleContent .ocpSection h2 {
    font-size: 3.4em;
  }
  .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    color: #000;
    font-family: Segoe UI, Segoe UI Web, wf_segoe-ui_normal, Helvetica Neue,
      BBAlpha Sans, S60 Sans, Arial, sans-serif;
    font-size: 2.4em;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin: 36px 0 0;
    padding: 0 0 0 20px;
    text-align: left;
  }
  html[dir="rtl"] .landing-page .ocpArticleContent .ocpSection.fluent > h2 {
    padding: 0 20px 0 0;
    text-align: right;
  }
  .landing-page .ocpArticleContent .supARG {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  div.ucsUhfContainer {
    display: none !important;
  }
}
.landing-page .header__container--color,
.landing-page .header__container--image {
  background-color: #d0d3d4;
  padding: 20px 5%;
}
.landing-page .header__container--color #supHomeAndLandingPageSearchBoxForm,
.landing-page .header__container--image #supHomeAndLandingPageSearchBoxForm {
  margin-top: 17px;
}
.landing-page .header__container--color h1,
.landing-page .header__container--image h1 {
  color: #1e1e1e;
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.landing-page .header__container--color h1 span,
.landing-page .header__container--image h1 span {
  color: inherit;
  font-size: inherit;
}
.landing-page .header__container--color h1 {
  font-size: 3em;
  line-height: 1.133333;
}
.landing-page .header__container--image {
  background-repeat: no-repeat;
  background-size: cover;
}
.landing-page .header__container--image h1 {
  font-size: 3em;
  line-height: 1.133333;
}
.landing-page .header__container--image h1 span {
  color: inherit;
  font-size: inherit;
}
@media screen and (min-width: 540px) {
  .landing-page .header__container--image {
    padding: 2em 8% 4.2em;
  }
  .landing-page .header__container--image h1 {
    font-size: 3.6em;
  }
  .landing-page .header__container--image h1 span {
    color: inherit;
    font-size: inherit;
  }
}
@media screen and (min-width: 768px) {
  #supHomeAndLandingPageSearchBoxForm {
    margin-top: 28px;
    max-width: 700px;
    width: 80%;
  }
  .landing-page .header__container--color,
  .landing-page .header__container--image {
    padding: 20px 0 40px;
  }
  .landing-page .header__container--color h1,
  .landing-page .header__container--image h1 {
    font-size: 4.4em;
    line-height: 1.63636364;
  }
  .landing-page .header__container--color h1 span,
  .landing-page .header__container--image h1 span {
    color: inherit;
    font-size: inherit;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page .header__container--color,
  .landing-page .header__container--image {
    padding: 40px 0 60px;
  }
  .landing-page .header__container--color h1,
  .landing-page .header__container--image h1 {
    font-size: 4.6em;
    line-height: 1.92858865;
  }
  .landing-page .header__container--color h1 span,
  .landing-page .header__container--image h1 span {
    color: inherit;
    font-size: inherit;
  }
}
.landing-page.--theme-access .header__container--color {
  background-color: #912c2f;
}
.landing-page.--theme-access h1.header__title {
  color: #fff;
}
.landing-page.--theme-access header nav {
  background-color: #a4373a;
}
.landing-page.--theme-access li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #912c2f;
}
.landing-page.--theme-access .nav-gallery__cta-link,
.landing-page.--theme-access .nav-gallery__cta-link:active,
.landing-page.--theme-access .nav-gallery__cta-link :focus,
.landing-page.--theme-access .nav-gallery__cta-link :visited,
.landing-page.--theme-access .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-access .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-accessibility .header__container--color {
  background-color: #243a5e;
}
.landing-page.--theme-accessibility h1.header__title {
  color: #fff;
}
.landing-page.--theme-accessibility header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-accessibility
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-accessibility .nav-gallery__cta-link,
.landing-page.--theme-accessibility .nav-gallery__cta-link:active,
.landing-page.--theme-accessibility .nav-gallery__cta-link :focus,
.landing-page.--theme-accessibility .nav-gallery__cta-link :visited,
.landing-page.--theme-accessibility
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-accessibility .nav-gallery__cta-link__text {
  color: #1e1e1e;
}
.landing-page.--theme-account .header__container--color {
  background-color: #05529c;
}
.landing-page.--theme-account h1.header__title {
  color: #fff;
}
.landing-page.--theme-account header nav {
  background-color: #037ac4;
}
.landing-page.--theme-account li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #05529c;
}
.landing-page.--theme-account .nav-gallery__cta-link,
.landing-page.--theme-account .nav-gallery__cta-link:active,
.landing-page.--theme-account .nav-gallery__cta-link :focus,
.landing-page.--theme-account .nav-gallery__cta-link :visited,
.landing-page.--theme-account .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-account .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-all-products .header__container--color {
  background-color: #d0d3d4;
}
.landing-page.--theme-all-products h1.header__title {
  color: #363636;
}
.landing-page.--theme-all-products header nav {
  background-color: #e2e4e5;
}
.landing-page.--theme-all-products
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #d0d3d4;
}
.landing-page.--theme-all-products .nav-gallery__cta-link,
.landing-page.--theme-all-products .nav-gallery__cta-link:active,
.landing-page.--theme-all-products .nav-gallery__cta-link :focus,
.landing-page.--theme-all-products .nav-gallery__cta-link :visited,
.landing-page.--theme-all-products
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-all-products .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-clipchamp .header__container--color {
  background-color: #5a4cdb;
}
.landing-page.--theme-clipchamp h1.header__title {
  color: #fff;
}
.landing-page.--theme-clipchamp header nav {
  background-color: #2e248f;
}
.landing-page.--theme-clipchamp li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #5a4cdb;
}
.landing-page.--theme-clipchamp .nav-gallery__cta-link,
.landing-page.--theme-clipchamp .nav-gallery__cta-link:active,
.landing-page.--theme-clipchamp .nav-gallery__cta-link :focus,
.landing-page.--theme-clipchamp .nav-gallery__cta-link :visited,
.landing-page.--theme-clipchamp .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-clipchamp .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-cortana .header__container--color {
  background-color: #00aeef;
}
.landing-page.--theme-cortana h1.header__title {
  color: #fff;
}
.landing-page.--theme-cortana header nav {
  background-color: #00b0f0;
}
.landing-page.--theme-cortana li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #00aeef;
}
.landing-page.--theme-cortana .nav-gallery__cta-link,
.landing-page.--theme-cortana .nav-gallery__cta-link:active,
.landing-page.--theme-cortana .nav-gallery__cta-link :focus,
.landing-page.--theme-cortana .nav-gallery__cta-link :visited,
.landing-page.--theme-cortana .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-cortana .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-default-white .header__container--color {
  background-color: #fff;
}
.landing-page.--theme-default-white h1.header__title {
  color: #363636;
}
.landing-page.--theme-default-white header nav,
.landing-page.--theme-default-white
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-default-white .nav-gallery__cta-link,
.landing-page.--theme-default-white .nav-gallery__cta-link:active,
.landing-page.--theme-default-white .nav-gallery__cta-link :focus,
.landing-page.--theme-default-white .nav-gallery__cta-link :visited,
.landing-page.--theme-default-white
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-default-white .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-education .header__container--color {
  background-color: #00ccbf;
}
.landing-page.--theme-education h1.header__title {
  color: #363636;
}
.landing-page.--theme-education header nav {
  background-color: #4cdbd2;
}
.landing-page.--theme-education li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #00ccbf;
}
.landing-page.--theme-education .nav-gallery__cta-link,
.landing-page.--theme-education .nav-gallery__cta-link:active,
.landing-page.--theme-education .nav-gallery__cta-link :focus,
.landing-page.--theme-education .nav-gallery__cta-link :visited,
.landing-page.--theme-education .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-education .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-excel .header__container--color {
  background-color: #0e5c2f;
}
.landing-page.--theme-excel h1.header__title {
  color: #fff;
}
.landing-page.--theme-excel header nav {
  background-color: #217346;
}
.landing-page.--theme-excel li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0e5c2f;
}
.landing-page.--theme-excel .nav-gallery__cta-link,
.landing-page.--theme-excel .nav-gallery__cta-link:active,
.landing-page.--theme-excel .nav-gallery__cta-link :focus,
.landing-page.--theme-excel .nav-gallery__cta-link :visited,
.landing-page.--theme-excel .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-excel .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-family .header__container--color {
  background-color: #284e47;
}
.landing-page.--theme-family h1.header__title {
  color: #fff;
}
.landing-page.--theme-family header nav {
  background-color: #2e7d72;
}
.landing-page.--theme-family li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #284e47;
}
.landing-page.--theme-family .nav-gallery__cta-link,
.landing-page.--theme-family .nav-gallery__cta-link:active,
.landing-page.--theme-family .nav-gallery__cta-link :focus,
.landing-page.--theme-family .nav-gallery__cta-link :visited,
.landing-page.--theme-family .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-family .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-forms .header__container--color {
  background-color: #1a6b5f;
}
.landing-page.--theme-forms h1.header__title {
  color: #fff;
}
.landing-page.--theme-forms header nav {
  background-color: #008272;
}
.landing-page.--theme-forms li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #1a6b5f;
}
.landing-page.--theme-forms .nav-gallery__cta-link,
.landing-page.--theme-forms .nav-gallery__cta-link:active,
.landing-page.--theme-forms .nav-gallery__cta-link :focus,
.landing-page.--theme-forms .nav-gallery__cta-link :visited,
.landing-page.--theme-forms .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-forms .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-kaizala .header__container--color {
  background-color: #006ec4;
}
.landing-page.--theme-kaizala h1.header__title {
  color: #fff;
}
.landing-page.--theme-kaizala header nav {
  background-color: #328bcf;
}
.landing-page.--theme-kaizala li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #006ec4;
}
.landing-page.--theme-kaizala .nav-gallery__cta-link,
.landing-page.--theme-kaizala .nav-gallery__cta-link:active,
.landing-page.--theme-kaizala .nav-gallery__cta-link :focus,
.landing-page.--theme-kaizala .nav-gallery__cta-link :visited,
.landing-page.--theme-kaizala .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-kaizala .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-loop .header__container--color {
  background-color: #8230ff;
}
.landing-page.--theme-loop h1.header__title {
  color: #fff;
}
.landing-page.--theme-loop header nav {
  background-color: #307abb;
}
.landing-page.--theme-loop li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #006dc4;
}
.landing-page.--theme-loop .nav-gallery__cta-link,
.landing-page.--theme-loop .nav-gallery__cta-link:active,
.landing-page.--theme-loop .nav-gallery__cta-link :focus,
.landing-page.--theme-loop .nav-gallery__cta-link :visited,
.landing-page.--theme-loop .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-loop .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-microsoft-365 .header__container--color {
  background-color: #0067b8;
}
.landing-page.--theme-microsoft-365 h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoft-365 header nav {
  background-color: #f9f9f9;
}
.landing-page.--theme-microsoft-365
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-microsoft-365 .nav-gallery__cta-link,
.landing-page.--theme-microsoft-365 .nav-gallery__cta-link:active,
.landing-page.--theme-microsoft-365 .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoft-365 .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoft-365
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoft-365 .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-microsoft-edge .header__container--color {
  background-color: #05529c;
}
.landing-page.--theme-microsoft-edge h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoft-edge header nav {
  background-color: #037ac4;
}
.landing-page.--theme-microsoft-edge
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #05529c;
}
.landing-page.--theme-microsoft-edge .nav-gallery__cta-link,
.landing-page.--theme-microsoft-edge .nav-gallery__cta-link:active,
.landing-page.--theme-microsoft-edge .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoft-edge .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoft-edge
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoft-edge .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-microsoft-lists .header__container--color {
  background-color: #974b8b;
}
.landing-page.--theme-microsoft-lists h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoft-lists header nav {
  background-color: #a35b98;
}
.landing-page.--theme-microsoft-lists
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #974b8b;
}
.landing-page.--theme-microsoft-lists .nav-gallery__cta-link,
.landing-page.--theme-microsoft-lists .nav-gallery__cta-link:active,
.landing-page.--theme-microsoft-lists .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoft-lists .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoft-lists
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoft-lists .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-microsoft-store .header__container--color {
  background-color: #006dc4;
}
.landing-page.--theme-microsoft-store h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoft-store header nav {
  background-color: #307abb;
}
.landing-page.--theme-microsoft-store
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #006dc4;
}
.landing-page.--theme-microsoft-store .nav-gallery__cta-link,
.landing-page.--theme-microsoft-store .nav-gallery__cta-link:active,
.landing-page.--theme-microsoft-store .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoft-store .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoft-store
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoft-store .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-microsoft-stream .header__container--color {
  background-color: #8f1336;
}
.landing-page.--theme-microsoft-stream h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoft-stream header nav {
  background-color: #aa1640;
}
.landing-page.--theme-microsoft-stream
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #8f1336;
}
.landing-page.--theme-microsoft-stream .nav-gallery__cta-link,
.landing-page.--theme-microsoft-stream .nav-gallery__cta-link:active,
.landing-page.--theme-microsoft-stream .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoft-stream .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoft-stream
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoft-stream .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-mobile-devices .header__container--color {
  background-color: #008575;
}
.landing-page.--theme-mobile-devices h1.header__title {
  color: #fff;
}
.landing-page.--theme-mobile-devices header nav,
.landing-page.--theme-mobile-devices
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #008575;
}
.landing-page.--theme-mobile-devices .nav-gallery__cta-link,
.landing-page.--theme-mobile-devices .nav-gallery__cta-link:active,
.landing-page.--theme-mobile-devices .nav-gallery__cta-link :focus,
.landing-page.--theme-mobile-devices .nav-gallery__cta-link :visited,
.landing-page.--theme-mobile-devices
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-mobile-devices .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-modernworkplace .header__container--color {
  background-color: #0078d4;
}
.landing-page.--theme-modernworkplace h1.header__title {
  color: #fff;
}
.landing-page.--theme-modernworkplace header nav,
.landing-page.--theme-modernworkplace
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0078d4;
}
.landing-page.--theme-modernworkplace .nav-gallery__cta-link,
.landing-page.--theme-modernworkplace .nav-gallery__cta-link:active,
.landing-page.--theme-modernworkplace .nav-gallery__cta-link :focus,
.landing-page.--theme-modernworkplace .nav-gallery__cta-link :visited,
.landing-page.--theme-modernworkplace
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-modernworkplace .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-onedrive .header__container--color {
  background-color: #094ab2;
}
.landing-page.--theme-onedrive h1.header__title {
  color: #fff;
}
.landing-page.--theme-onedrive header nav {
  background-color: #3a6ec1;
}
.landing-page.--theme-onedrive li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #094ab2;
}
.landing-page.--theme-onedrive .nav-gallery__cta-link,
.landing-page.--theme-onedrive .nav-gallery__cta-link:active,
.landing-page.--theme-onedrive .nav-gallery__cta-link :focus,
.landing-page.--theme-onedrive .nav-gallery__cta-link :visited,
.landing-page.--theme-onedrive .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-onedrive .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-onenote .header__container--color {
  background-color: #531176;
}
.landing-page.--theme-onenote h1.header__title {
  color: #fff;
}
.landing-page.--theme-onenote header nav {
  background-color: #7719aa;
}
.landing-page.--theme-onenote li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #531176;
}
.landing-page.--theme-onenote .nav-gallery__cta-link,
.landing-page.--theme-onenote .nav-gallery__cta-link:active,
.landing-page.--theme-onenote .nav-gallery__cta-link :focus,
.landing-page.--theme-onenote .nav-gallery__cta-link :visited,
.landing-page.--theme-onenote .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-onenote .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-outlook .header__container--color {
  background-color: #006dc4;
}
.landing-page.--theme-outlook h1.header__title {
  color: #fff;
}
.landing-page.--theme-outlook header nav {
  background-color: #307abb;
}
.landing-page.--theme-outlook li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #006dc4;
}
.landing-page.--theme-outlook .nav-gallery__cta-link,
.landing-page.--theme-outlook .nav-gallery__cta-link:active,
.landing-page.--theme-outlook .nav-gallery__cta-link :focus,
.landing-page.--theme-outlook .nav-gallery__cta-link :visited,
.landing-page.--theme-outlook .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-outlook .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-pc-accessories .header__container--color {
  background-color: #505050;
}
.landing-page.--theme-pc-accessories h1.header__title {
  color: #fff;
}
.landing-page.--theme-pc-accessories header nav {
  background-color: #737373;
}
.landing-page.--theme-pc-accessories
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #505050;
}
.landing-page.--theme-pc-accessories .nav-gallery__cta-link,
.landing-page.--theme-pc-accessories .nav-gallery__cta-link:active,
.landing-page.--theme-pc-accessories .nav-gallery__cta-link :focus,
.landing-page.--theme-pc-accessories .nav-gallery__cta-link :visited,
.landing-page.--theme-pc-accessories
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-pc-accessories .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-planner .header__container--color {
  background-color: #4f52b2;
}
.landing-page.--theme-planner h1.header__title {
  color: #fff;
}
.landing-page.--theme-planner header nav {
  background-color: #5b5fc7;
}
.landing-page.--theme-planner li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #4f52b2;
}
.landing-page.--theme-planner .nav-gallery__cta-link,
.landing-page.--theme-planner .nav-gallery__cta-link:active,
.landing-page.--theme-planner .nav-gallery__cta-link :focus,
.landing-page.--theme-planner .nav-gallery__cta-link :visited,
.landing-page.--theme-planner .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-planner .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-powerpoint .header__container--color {
  background-color: #b7472a;
}
.landing-page.--theme-powerpoint h1.header__title {
  color: #fff;
}
.landing-page.--theme-powerpoint header nav {
  background-color: #d15737;
}
.landing-page.--theme-powerpoint li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #b7472a;
}
.landing-page.--theme-powerpoint .nav-gallery__cta-link,
.landing-page.--theme-powerpoint .nav-gallery__cta-link:active,
.landing-page.--theme-powerpoint .nav-gallery__cta-link :focus,
.landing-page.--theme-powerpoint .nav-gallery__cta-link :visited,
.landing-page.--theme-powerpoint .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-powerpoint .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-privacy .header__container--color {
  background-color: #d0d3d4;
}
.landing-page.--theme-privacy h1.header__title {
  color: #363636;
}
.landing-page.--theme-privacy header nav {
  background-color: #e2e4e5;
}
.landing-page.--theme-privacy li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #d0d3d4;
}
.landing-page.--theme-privacy .nav-gallery__cta-link,
.landing-page.--theme-privacy .nav-gallery__cta-link:active,
.landing-page.--theme-privacy .nav-gallery__cta-link :focus,
.landing-page.--theme-privacy .nav-gallery__cta-link :visited,
.landing-page.--theme-privacy .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-privacy .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-project .header__container--color {
  background-color: #30732e;
}
.landing-page.--theme-project h1.header__title {
  color: #fff;
}
.landing-page.--theme-project header nav {
  background-color: #598f57;
}
.landing-page.--theme-project li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #30732e;
}
.landing-page.--theme-project .nav-gallery__cta-link,
.landing-page.--theme-project .nav-gallery__cta-link:active,
.landing-page.--theme-project .nav-gallery__cta-link :focus,
.landing-page.--theme-project .nav-gallery__cta-link :visited,
.landing-page.--theme-project .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-project .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-publisher .header__container--color {
  background-color: #1a6b5f;
}
.landing-page.--theme-publisher h1.header__title {
  color: #fff;
}
.landing-page.--theme-publisher header nav {
  background-color: #008272;
}
.landing-page.--theme-publisher li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #1a6b5f;
}
.landing-page.--theme-publisher .nav-gallery__cta-link,
.landing-page.--theme-publisher .nav-gallery__cta-link:active,
.landing-page.--theme-publisher .nav-gallery__cta-link :focus,
.landing-page.--theme-publisher .nav-gallery__cta-link :visited,
.landing-page.--theme-publisher .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-publisher .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-security .header__container--color {
  background-color: #107c10;
}
.landing-page.--theme-security h1.header__title {
  color: #fff;
}
.landing-page.--theme-security header nav,
.landing-page.--theme-security li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #107c10;
}
.landing-page.--theme-security .nav-gallery__cta-link,
.landing-page.--theme-security .nav-gallery__cta-link:active,
.landing-page.--theme-security .nav-gallery__cta-link :focus,
.landing-page.--theme-security .nav-gallery__cta-link :visited,
.landing-page.--theme-security .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-security .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-sharepoint .header__container--color {
  background-color: #006ec4;
}
.landing-page.--theme-sharepoint h1.header__title {
  color: #fff;
}
.landing-page.--theme-sharepoint header nav {
  background-color: #328bcf;
}
.landing-page.--theme-sharepoint li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #006ec4;
}
.landing-page.--theme-sharepoint .nav-gallery__cta-link,
.landing-page.--theme-sharepoint .nav-gallery__cta-link:active,
.landing-page.--theme-sharepoint .nav-gallery__cta-link :focus,
.landing-page.--theme-sharepoint .nav-gallery__cta-link :visited,
.landing-page.--theme-sharepoint .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-sharepoint .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-skype .header__container--color {
  background-color: #0f4699;
}
.landing-page.--theme-skype h1.header__title {
  color: #fff;
}
.landing-page.--theme-skype header nav {
  background-color: #0e72cf;
}
.landing-page.--theme-skype li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0f4699;
}
.landing-page.--theme-skype .nav-gallery__cta-link,
.landing-page.--theme-skype .nav-gallery__cta-link:active,
.landing-page.--theme-skype .nav-gallery__cta-link :focus,
.landing-page.--theme-skype .nav-gallery__cta-link :visited,
.landing-page.--theme-skype .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-skype .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-skype-for-business .header__container--color {
  background-color: #0985c2;
}
.landing-page.--theme-skype-for-business h1.header__title {
  color: #fff;
}
.landing-page.--theme-skype-for-business header nav {
  background-color: #0a95db;
}
.landing-page.--theme-skype-for-business
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0985c2;
}
.landing-page.--theme-skype-for-business .nav-gallery__cta-link,
.landing-page.--theme-skype-for-business .nav-gallery__cta-link:active,
.landing-page.--theme-skype-for-business .nav-gallery__cta-link :focus,
.landing-page.--theme-skype-for-business .nav-gallery__cta-link :visited,
.landing-page.--theme-skype-for-business
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-skype-for-business .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-smallbusiness .header__container--color {
  background-color: #0f6cbd;
}
.landing-page.--theme-smallbusiness h1.header__title {
  color: #fff;
}
.landing-page.--theme-smallbusiness header nav {
  background-color: #1f79cc;
}
.landing-page.--theme-smallbusiness
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0f6cbd;
}
.landing-page.--theme-smallbusiness .nav-gallery__cta-link,
.landing-page.--theme-smallbusiness .nav-gallery__cta-link:active,
.landing-page.--theme-smallbusiness .nav-gallery__cta-link :focus,
.landing-page.--theme-smallbusiness .nav-gallery__cta-link :visited,
.landing-page.--theme-smallbusiness
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smallbusiness .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-smallbusiness2 .header__container--color {
  background-color: #fff;
}
.landing-page.--theme-smallbusiness2 h1.header__title {
  color: #0a0a0a;
}
.landing-page.--theme-smallbusiness2 header nav,
.landing-page.--theme-smallbusiness2
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-smallbusiness2 .nav-gallery__cta-link,
.landing-page.--theme-smallbusiness2 .nav-gallery__cta-link:active,
.landing-page.--theme-smallbusiness2 .nav-gallery__cta-link :focus,
.landing-page.--theme-smallbusiness2 .nav-gallery__cta-link :visited,
.landing-page.--theme-smallbusiness2
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smallbusiness2 .nav-gallery__cta-link__text {
  color: #0a0a0a;
}
.landing-page.--theme-smallbusiness3 .header__container--color {
  background-color: #fff;
}
.landing-page.--theme-smallbusiness3 h1.header__title {
  color: #0a0a0a;
}
.landing-page.--theme-smallbusiness3 header nav,
.landing-page.--theme-smallbusiness3
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-smallbusiness3 .nav-gallery__cta-link,
.landing-page.--theme-smallbusiness3 .nav-gallery__cta-link:active,
.landing-page.--theme-smallbusiness3 .nav-gallery__cta-link :focus,
.landing-page.--theme-smallbusiness3 .nav-gallery__cta-link :visited,
.landing-page.--theme-smallbusiness3
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smallbusiness3 .nav-gallery__cta-link__text {
  color: #0a0a0a;
}
.landing-page.--theme-support-for-business .header__container--color {
  background-color: #d0d3d4;
}
.landing-page.--theme-support-for-business h1.header__title {
  color: #363636;
}
.landing-page.--theme-support-for-business header nav,
.landing-page.--theme-support-for-business
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #d0d3d4;
}
.landing-page.--theme-support-for-business .nav-gallery__cta-link,
.landing-page.--theme-support-for-business .nav-gallery__cta-link:active,
.landing-page.--theme-support-for-business .nav-gallery__cta-link :focus,
.landing-page.--theme-support-for-business .nav-gallery__cta-link :visited,
.landing-page.--theme-support-for-business
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-support-for-business .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-surface .header__container--color {
  background-color: #505050;
}
.landing-page.--theme-surface h1.header__title {
  color: #fff;
}
.landing-page.--theme-surface header nav {
  background-color: #737373;
}
.landing-page.--theme-surface li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #505050;
}
.landing-page.--theme-surface .nav-gallery__cta-link,
.landing-page.--theme-surface .nav-gallery__cta-link:active,
.landing-page.--theme-surface .nav-gallery__cta-link :focus,
.landing-page.--theme-surface .nav-gallery__cta-link :visited,
.landing-page.--theme-surface .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-surface .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-sway .header__container--color {
  background-color: #1a6b5f;
}
.landing-page.--theme-sway h1.header__title {
  color: #fff;
}
.landing-page.--theme-sway header nav {
  background-color: #008272;
}
.landing-page.--theme-sway li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #1a6b5f;
}
.landing-page.--theme-sway .nav-gallery__cta-link,
.landing-page.--theme-sway .nav-gallery__cta-link:active,
.landing-page.--theme-sway .nav-gallery__cta-link :focus,
.landing-page.--theme-sway .nav-gallery__cta-link :visited,
.landing-page.--theme-sway .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-sway .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-teams .header__container--color {
  background-color: #454b92;
}
.landing-page.--theme-teams h1.header__title {
  color: #fff;
}
.landing-page.--theme-teams header nav {
  background-color: #5558af;
}
.landing-page.--theme-teams li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #454b92;
}
.landing-page.--theme-teams .nav-gallery__cta-link,
.landing-page.--theme-teams .nav-gallery__cta-link:active,
.landing-page.--theme-teams .nav-gallery__cta-link :focus,
.landing-page.--theme-teams .nav-gallery__cta-link :visited,
.landing-page.--theme-teams .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-teams .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-todo .header__container--color {
  background-color: #5c70be;
}
.landing-page.--theme-todo h1.header__title {
  color: #fff;
}
.landing-page.--theme-todo header nav {
  background-color: #788cde;
}
.landing-page.--theme-todo li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #5c70be;
}
.landing-page.--theme-todo .nav-gallery__cta-link,
.landing-page.--theme-todo .nav-gallery__cta-link:active,
.landing-page.--theme-todo .nav-gallery__cta-link :focus,
.landing-page.--theme-todo .nav-gallery__cta-link :visited,
.landing-page.--theme-todo .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-todo .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-visio .header__container--color {
  background-color: #3955a3;
}
.landing-page.--theme-visio h1.header__title {
  color: #fff;
}
.landing-page.--theme-visio header nav {
  background-color: #4c68b1;
}
.landing-page.--theme-visio li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #3955a3;
}
.landing-page.--theme-visio .nav-gallery__cta-link,
.landing-page.--theme-visio .nav-gallery__cta-link:active,
.landing-page.--theme-visio .nav-gallery__cta-link :focus,
.landing-page.--theme-visio .nav-gallery__cta-link :visited,
.landing-page.--theme-visio .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-visio .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-viva .header__container--color {
  background-color: #225b62;
}
.landing-page.--theme-viva h1.header__title {
  color: #fff;
}
.landing-page.--theme-viva header nav {
  background-color: #f9f9f9;
}
.landing-page.--theme-viva li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #225b62;
}
.landing-page.--theme-viva .nav-gallery__cta-link,
.landing-page.--theme-viva .nav-gallery__cta-link:active,
.landing-page.--theme-viva .nav-gallery__cta-link :focus,
.landing-page.--theme-viva .nav-gallery__cta-link :visited,
.landing-page.--theme-viva .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-viva .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-warranty .header__container--color {
  background-color: #d0d3d4;
}
.landing-page.--theme-warranty h1.header__title {
  color: #363636;
}
.landing-page.--theme-warranty header nav,
.landing-page.--theme-warranty li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #d0d3d4;
}
.landing-page.--theme-warranty .nav-gallery__cta-link,
.landing-page.--theme-warranty .nav-gallery__cta-link:active,
.landing-page.--theme-warranty .nav-gallery__cta-link :focus,
.landing-page.--theme-warranty .nav-gallery__cta-link :visited,
.landing-page.--theme-warranty .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-warranty .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-whats-new .header__container--color {
  background-color: #0078d4;
}
.landing-page.--theme-whats-new h1.header__title {
  color: #fff;
}
.landing-page.--theme-whats-new header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-whats-new li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #fff;
}
.landing-page.--theme-whats-new .nav-gallery__cta-link,
.landing-page.--theme-whats-new .nav-gallery__cta-link:active,
.landing-page.--theme-whats-new .nav-gallery__cta-link :focus,
.landing-page.--theme-whats-new .nav-gallery__cta-link :visited,
.landing-page.--theme-whats-new .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-whats-new .nav-gallery__cta-link__text {
  color: #363636;
}
.landing-page.--theme-whiteboard .header__container--color {
  background-color: #0c34fb;
}
.landing-page.--theme-whiteboard h1.header__title {
  color: #fff;
}
.landing-page.--theme-whiteboard header nav {
  background-color: #294cfb;
}
.landing-page.--theme-whiteboard li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #0c34fb;
}
.landing-page.--theme-whiteboard .nav-gallery__cta-link,
.landing-page.--theme-whiteboard .nav-gallery__cta-link:active,
.landing-page.--theme-whiteboard .nav-gallery__cta-link :focus,
.landing-page.--theme-whiteboard .nav-gallery__cta-link :visited,
.landing-page.--theme-whiteboard .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-whiteboard .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-windows .header__container--color {
  background-color: #05529c;
}
.landing-page.--theme-windows h1.header__title {
  color: #fff;
}
.landing-page.--theme-windows header nav {
  background-color: #037ac4;
}
.landing-page.--theme-windows li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #05529c;
}
.landing-page.--theme-windows .nav-gallery__cta-link,
.landing-page.--theme-windows .nav-gallery__cta-link:active,
.landing-page.--theme-windows .nav-gallery__cta-link :focus,
.landing-page.--theme-windows .nav-gallery__cta-link :visited,
.landing-page.--theme-windows .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-windows .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-word .header__container--color {
  background-color: #124078;
}
.landing-page.--theme-word h1.header__title {
  color: #fff;
}
.landing-page.--theme-word header nav {
  background-color: #2b579a;
}
.landing-page.--theme-word li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #124078;
}
.landing-page.--theme-word .nav-gallery__cta-link,
.landing-page.--theme-word .nav-gallery__cta-link:active,
.landing-page.--theme-word .nav-gallery__cta-link :focus,
.landing-page.--theme-word .nav-gallery__cta-link :visited,
.landing-page.--theme-word .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-word .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-yammer .header__container--color {
  background-color: #1a7ac4;
}
.landing-page.--theme-yammer h1.header__title {
  color: #fff;
}
.landing-page.--theme-yammer header nav {
  background-color: #275989;
}
.landing-page.--theme-yammer li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #1a7ac4;
}
.landing-page.--theme-yammer .nav-gallery__cta-link,
.landing-page.--theme-yammer .nav-gallery__cta-link:active,
.landing-page.--theme-yammer .nav-gallery__cta-link :focus,
.landing-page.--theme-yammer .nav-gallery__cta-link :visited,
.landing-page.--theme-yammer .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-yammer .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-your-phone-app .header__container--color {
  background-color: #05529c;
}
.landing-page.--theme-your-phone-app h1.header__title {
  color: #fff;
}
.landing-page.--theme-your-phone-app header nav {
  background-color: #037ac4;
}
.landing-page.--theme-your-phone-app
  li.nav-gallery__cta-grid__column--glyph:hover {
  background-color: #05529c;
}
.landing-page.--theme-your-phone-app .nav-gallery__cta-link,
.landing-page.--theme-your-phone-app .nav-gallery__cta-link:active,
.landing-page.--theme-your-phone-app .nav-gallery__cta-link :focus,
.landing-page.--theme-your-phone-app .nav-gallery__cta-link :visited,
.landing-page.--theme-your-phone-app
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-your-phone-app .nav-gallery__cta-link__text {
  color: #fff;
}
.landing-page.--theme-groupme .header__container--image {
  background-image: url(/images/en-us/e1ddcabc-d467-42e5-b084-673f39e25263);
}
.landing-page.--theme-groupme h1.header__title {
  color: #fff;
}
.landing-page.--theme-groupme header nav,
.landing-page.--theme-groupme nav li.nav-gallery__cta-grid__column--glyph:hover,
.landing-page.--theme-groupme
  nav
  li.nav-gallery__cta-grid__column--image:hover {
  background-color: #f5f5f5;
}
.landing-page.--theme-groupme nav .nav-gallery__cta-link,
.landing-page.--theme-groupme nav .nav-gallery__cta-link:active,
.landing-page.--theme-groupme nav .nav-gallery__cta-link :focus,
.landing-page.--theme-groupme nav .nav-gallery__cta-link :visited,
.landing-page.--theme-groupme nav .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-groupme
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-groupme nav .nav-gallery__cta-link__text,
.landing-page.--theme-groupme nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-microsoftai .header__container--image {
  background-image: url(/images/en-us/5d3076ea-d9ca-4e18-be50-45eaa7695137);
}
.landing-page.--theme-microsoftai h1.header__title {
  color: #fff;
}
.landing-page.--theme-microsoftai header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link,
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link:active,
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link :focus,
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link :visited,
.landing-page.--theme-microsoftai
  nav
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-microsoftai
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link__text,
.landing-page.--theme-microsoftai nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-office .header__container--image {
  background-image: url(/images/en-us/54c7c652-f32e-4af6-a436-50bcb510d86e);
}
.landing-page.--theme-office h1.header__title {
  color: #fff;
}
.landing-page.--theme-office header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-office nav .nav-gallery__cta-link,
.landing-page.--theme-office nav .nav-gallery__cta-link:active,
.landing-page.--theme-office nav .nav-gallery__cta-link :focus,
.landing-page.--theme-office nav .nav-gallery__cta-link :visited,
.landing-page.--theme-office nav .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-office
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-office nav .nav-gallery__cta-link__text,
.landing-page.--theme-office nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-smallbusiness-fluent .header__container--image {
  background-image: url(/images/en-us/240efcc6-f538-4657-8fb7-f5ef7f927756);
}
.landing-page.--theme-smallbusiness-fluent h1.header__title {
  color: #0a0a0a;
}
.landing-page.--theme-smallbusiness-fluent header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-smallbusiness-fluent nav .nav-gallery__cta-link,
.landing-page.--theme-smallbusiness-fluent nav .nav-gallery__cta-link:active,
.landing-page.--theme-smallbusiness-fluent nav .nav-gallery__cta-link :focus,
.landing-page.--theme-smallbusiness-fluent nav .nav-gallery__cta-link :visited,
.landing-page.--theme-smallbusiness-fluent
  nav
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smallbusiness-fluent
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-smallbusiness-fluent nav .nav-gallery__cta-link__text,
.landing-page.--theme-smallbusiness-fluent
  nav
  .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-smallbusiness3-fluent .header__container--image {
  background-image: url(/images/en-us/240efcc6-f538-4657-8fb7-f5ef7f927756);
}
.landing-page.--theme-smallbusiness3-fluent h1.header__title {
  color: #0a0a0a;
}
.landing-page.--theme-smallbusiness3-fluent header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-smallbusiness3-fluent nav .nav-gallery__cta-link,
.landing-page.--theme-smallbusiness3-fluent nav .nav-gallery__cta-link:active,
.landing-page.--theme-smallbusiness3-fluent nav .nav-gallery__cta-link :focus,
.landing-page.--theme-smallbusiness3-fluent nav .nav-gallery__cta-link :visited,
.landing-page.--theme-smallbusiness3-fluent
  nav
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smallbusiness3-fluent
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-smallbusiness3-fluent nav .nav-gallery__cta-link__text,
.landing-page.--theme-smallbusiness3-fluent
  nav
  .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-smc-home .header__container--image {
  background-image: url(../img/4ee76be2-dfde-4b30-9fd9-94e8aeb0cbf2.jpg);
}
.landing-page.--theme-smc-home h1.header__title {
  color: #fff;
}
.landing-page.--theme-smc-home header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-smc-home nav .nav-gallery__cta-link,
.landing-page.--theme-smc-home nav .nav-gallery__cta-link:active,
.landing-page.--theme-smc-home nav .nav-gallery__cta-link :focus,
.landing-page.--theme-smc-home nav .nav-gallery__cta-link :visited,
.landing-page.--theme-smc-home
  nav
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-smc-home
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-smc-home nav .nav-gallery__cta-link__text,
.landing-page.--theme-smc-home nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-training .header__container--image {
  background-image: url(/images/en-us/febb80a8-7560-49d9-a407-e722b80dd390);
}
.landing-page.--theme-training h1.header__title {
  color: #363636;
}
.landing-page.--theme-training header nav {
  background-color: #f2f2f2;
}
.landing-page.--theme-training nav .nav-gallery__cta-link,
.landing-page.--theme-training nav .nav-gallery__cta-link:active,
.landing-page.--theme-training nav .nav-gallery__cta-link :focus,
.landing-page.--theme-training nav .nav-gallery__cta-link :visited,
.landing-page.--theme-training
  nav
  .nav-gallery__cta-link__container--glyph
  span,
.landing-page.--theme-training
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-training nav .nav-gallery__cta-link__text,
.landing-page.--theme-training nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-viva2 .header__container--image {
  background-image: url(/images/en-us/1ef63184-dc98-401e-9099-74ae88354a6d);
}
.landing-page.--theme-viva2 h1.header__title {
  color: #363636;
}
.landing-page.--theme-viva2 header nav {
  background-color: #f9f9f9;
}
.landing-page.--theme-viva2 nav .nav-gallery__cta-link,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link:active,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link :focus,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link :visited,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link__container--glyph span,
.landing-page.--theme-viva2
  nav
  .nav-gallery__cta-link__container--glyph
  span:hover,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link__text,
.landing-page.--theme-viva2 nav .nav-gallery__cta-link__text:hover {
  color: #1e1e1e;
}
.landing-page.--theme-copilot
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/ba8b0de3-b526-4428-b4c9-e6e3e6d07a77);
}
.landing-page.--theme-copilot-excel
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/b41f01a2-b398-4b3a-ab92-101ee01b7d40);
}
.landing-page.--theme-copilot-feed
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/54995553-c14c-48dc-b03c-2b02f21a7a10);
}
.landing-page.--theme-copilot-loop
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/75956f89-25f8-46a9-b08e-74fbada83431);
}
.landing-page.--theme-copilot-microsoft365-chat
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/05b498fa-17b4-48a9-8ca5-55d049511d4b);
}
.landing-page.--theme-copilot-onenote
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/4eccf984-018b-4c3b-b2f6-7587a0b99b4e);
}
.landing-page.--theme-copilot-outlook
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/443e99f9-4285-4343-803b-2216f11646f8);
}
.landing-page.--theme-copilot-powerpoint
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/5bc730bf-2996-4968-94db-05d5c38006f3);
}
.landing-page.--theme-copilot-pro
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/d72618bd-98e3-4fa4-a002-2bd871c21d93);
}
.landing-page.--theme-copilot-sharepoint
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/c0d795d2-215f-4ca1-b24e-4264d035c30a);
}
.landing-page.--theme-copilot-stream
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/7370af27-657d-4e7f-bd8d-22ea146d0c77);
}
.landing-page.--theme-copilot-teams
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/10891147-8122-41e2-ab53-b56a94686668);
}
.landing-page.--theme-copilot-whiteboard
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/721e2c01-800d-41ff-95df-f1efc86c7b26);
}
.landing-page.--theme-copilot-word
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/a1f3d136-4fe3-4fc9-b74a-13c7fdfd2f54);
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  .header__container--image {
  background-color: #fff;
  background-position-x: center;
  background-position-y: top;
  background-size: contain;
  padding: 0;
}
@media only screen and (min-width: 540px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    .header__container--image {
    background-size: cover;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  h1.header__title {
  color: var(--light-foreground-foreground-1-static, #242424);
  font-family: Segoe UI Variable;
  font-size: 9.6em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1.92px;
  line-height: 100%;
  margin: 0 auto;
  padding-top: 100px;
  text-align: center;
  width: 300px;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 3.2em;
  }
}
@media only screen and (min-width: 360px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 375px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 390px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 412px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 428px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 135px;
  }
}
@media only screen and (min-width: 540px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 170px;
    width: 330px;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 3.8em;
    padding-top: 6.7em;
    width: 11em;
  }
}
@media only screen and (min-width: 830px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 4em;
    padding-top: 7em;
    width: 11em;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 5em;
    padding-top: 7em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 6em;
    padding-top: 7.2em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1366px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 6.8em;
    padding-top: 7.5em;
    width: 12.5em;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    font-size: 9.6em;
    padding-top: 5em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1536px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 5.4em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1680px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 5.9em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1920px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 6.7em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 2175px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    h1.header__title {
    padding-top: 7.6em;
    width: 12.7em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  [class^="header__container"]
  p.subtitle {
  color: #242424;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.33;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 1.5em;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 2em;
    padding-top: 10px;
    width: 600px;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 2.4em;
    width: 750px;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 2.8em;
    padding-top: 1em;
    width: 31.5em;
  }
}
@media only screen and (min-width: 1680px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 2.91em;
  }
}
@media only screen and (min-width: 1920px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 3.33em;
  }
}
@media only screen and (min-width: 2175px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    width: 30em;
  }
}
@media only screen and (min-width: 2830px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    [class^="header__container"]
    p.subtitle {
    font-size: 3.61em;
  }
}
[class^="landing-page --theme-copilot"] article.ocpArticleContent header nav {
  background-color: #fff;
  padding-top: 80px;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"] article.ocpArticleContent header nav {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"] article.ocpArticleContent header nav {
    padding-bottom: 60px;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  h2.nav-title {
  font-family: Segoe UI Light, Segoe WP Light, wf_segoe-ui_light,
    wf_segoe-ui_normal, Segoe UI, Segoe WP, Helvetica, Tahoma, Arial, sans-serif;
  font-size: 4em;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    h2.nav-title {
    font-size: 2em;
    padding: 0 20px;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    h2.nav-title {
    font-size: 2.4em;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    h2.nav-title {
    font-size: 3em;
    width: 23em;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    h2.nav-title {
    font-size: 4em;
    width: 1028px;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    h2.nav-title {
    font-size: 4em;
    width: 23em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  ul.nav-gallery__cta-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    li.nav-gallery__cta-grid__column--image {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    header
    nav
    li.nav-gallery__cta-grid__column--image {
    margin: 0 10px;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  div.nav-gallery__cta-link__container--image {
  height: 8em;
  width: 8em;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  div.nav-gallery__cta-link__container--image
  img {
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  li.nav-gallery-expandable__cta-grid__column--image {
  display: none;
  margin: 10px;
  width: 100px !important;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  header
  nav
  div.nav-gallery {
  max-width: 1100px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout {
  padding: 20px 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  a.supLinkButton-rounded {
  background: #464feb;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout {
    padding: 40px 0;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  img {
  border-radius: 8px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  h2 {
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
  font-size: 2em;
  font-weight: 600;
  letter-spacing: -1.2px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2 {
    font-size: 2em;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2 {
    font-size: 2.4em;
  }
}
@media only screen and (min-width: 1080px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2 {
    font-size: 4em;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2 {
    font-size: 4em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  h2.text-large {
  color: var(--light-foreground-foreground-1-static, #242424);
  font-family: Segoe UI Variable;
  font-size: 9.6em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1.92px;
  line-height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2.text-large {
    font-size: 3.2em;
    width: unset;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2.text-large {
    font-size: 3.8em;
    width: 11em;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2.text-large {
    font-size: 5em;
    width: 12.7em;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    h2.text-large {
    font-size: 9.6em;
    width: 12.7em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p
  > a.ocpArticleLink,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p
  > a.ocpExternalLink {
  margin-top: 16px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p {
  margin: 0 auto;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p.text-large {
  font-weight: 400;
  line-height: 1.325;
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.text-large {
    font-size: 2.8em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p.text-large.align-center {
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p.text-large.align-left {
  text-align: left;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p.text-large.align-right {
  text-align: right;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  p.align-center.text-large {
  font-size: 2.8em;
  font-weight: 400;
  line-height: 1.32;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 320px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 1.5em;
    font-weight: 400;
    line-height: unset;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media only screen and (min-width: 390px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 2.7em;
    line-height: 1.32;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 2.8em;
    line-height: 1.32;
  }
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    p.align-center.text-large {
    font-size: 2.8em;
    line-height: 1.32;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  q.text-large {
  font-size: 6.5em;
  font-style: italic;
  font-weight: 600;
  line-height: 37;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.image-grid_narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 628px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.image-grid_narrow
  img {
  width: 64px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.supHomeAndLandingPageFeaturedGrid
  h2 {
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    h2 {
    font-size: 2.4em;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    h2 {
    font-size: 2.9em;
  }
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    h2 {
    text-align: left;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    h2 {
    font-size: 4em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.supHomeAndLandingPageFeaturedGrid
  p {
  font-size: 1.5em;
  letter-spacing: -0.54px;
  line-height: 1.33;
  padding-top: 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    p {
    font-size: 1.8em;
    margin-left: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    div.supARG.supHomeAndLandingPageFeaturedGrid
    p.text-large {
    font-size: 2.1em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.supHomeAndLandingPageFeaturedGrid
  p.text-large
  ~ p:has(> a.supHomeAndLandingPageCTA) {
  padding-top: 10px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG.supHomeAndLandingPageFeaturedGrid
  p
  .text-large
  ~ p:has(> a.supLinkButton-rounded) {
  padding-top: 10px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG
  .supARG-row
  .supARG-column-1-3
  > p.align-center {
  width: unset;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG
  .supARG-row
  .supARG-column-1-3
  > p.text-large {
  font-size: 2em;
  font-weight: 400;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supARG
  .supARG-row
  .supARG-column-1-3
  p:has(> a.supHomeAndLandingPageCTA) {
  padding-top: 15px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-row {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 300px;
}
@media only screen and (max-width: 512px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-row {
    display: contents;
  }
}
@media only screen and (min-width: 512px) and (max-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-row {
    display: flex;
    gap: 12px;
    height: 224px;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-1,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-2,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-3,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-4 {
  background-color: #fafafa;
  border-radius: 16px;
  flex-grow: 1;
  flex-shrink: 1;
  height: 300px;
  padding: 40px;
  width: 404px;
}
@media only screen and (max-width: 512px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-1,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-2,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-3,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-4 {
    margin-left: 1.5em;
  }
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-1,
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-2,
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-3,
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-4 {
    margin-right: 1.5em;
  }
}
@media only screen and (min-width: 512px) and (max-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-1,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-2,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-3,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .ill-icon-markup
    .supARG-column-1-4 {
    height: 260px;
    padding: 20px;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-1
  img,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-2
  img,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-3
  img,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-4
  img {
  border-radius: 16px;
  width: 192px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-1
  p,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-2
  p,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-3
  p,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .ill-icon-markup
  .supARG-column-1-4
  p {
  gap: 8px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeader {
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 100%, 0.6);
  border: 1px solid #fff;
  border-radius: 25px;
  box-shadow: 2px 4px 16px 0 rgba(0, 164, 189, 0.08);
  margin-bottom: 0;
  padding-bottom: 36px;
  padding-top: 14px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeader.align-center {
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeader.align-center
  a {
  color: #000;
  float: none;
  font-weight: 400;
  padding: 2px 18px 6px;
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeader
  .supTabControlTabHeader {
  margin: 8px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeader
  .supTabControlHeaderActive {
  border: 2px solid #464feb;
  border-radius: 25px;
  font-weight: 600 !important;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  .supTabControlHeaderContainer {
  margin-left: auto;
  margin-right: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  p {
  font-size: 1.5em;
  line-height: 1.33;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    p {
    text-align: left;
    width: 45.4em;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    p {
    width: 60em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  p.align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  p.text-large {
  font-size: 2.8em;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  p
  q {
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1.33;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    p
    q {
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    p
    q {
    font-size: 3.5em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent {
  background: radial-gradient(
      41.15% 48.34% at 34.99% 54.35%,
      #eaf8fc 0,
      rgba(234, 248, 252, 0) 100%
    ),
    radial-gradient(
      36.94% 33.91% at 59.03% 38.93%,
      #d9d6fe 0,
      hsla(0, 0%, 100%, 0) 100%
    ),
    #fff;
  margin-top: 0;
  padding-top: 60px;
  text-align: center;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .supTabControlTabContent {
  display: inline-block;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .supTabControlTabContent
  p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: auto;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .supTabControlTabContent
  p:last-child {
  font-size: 2em;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    div.supTabControlContent
    .supTabControlTabContent {
    width: 45.4em;
  }
}
@media only screen and (min-width: 1280px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .supTabControl
    div.supTabControlContent
    .supTabControlTabContent {
    width: 60em;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .ocpQuoteInline {
  color: #454142;
  font-size: 2.4em;
  font-style: normal;
  margin-bottom: 60px;
  text-align: left !important;
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .ocpQuoteInline {
  text-align: right !important;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  p
  ~ p:last-child:has(> a) {
  padding-top: 60px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supTabControl
  div.supTabControlContent
  .copilot-link {
  color: #464feb;
  display: inline-block;
  font-family: Segoe UI Variable;
  font-weight: 600;
  line-height: 23.9px;
  padding-left: 24px;
  transform: translateY(-25%);
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer {
  width: 100%;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  a {
  text-decoration: none;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supCardControlCard {
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  margin-bottom: 5px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .threeCardsEqualWidth
  .cardContent,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .twoCardsEqualWidth
  .cardContent {
  padding-left: 10px;
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .threeCardsEqualWidth
  .cardContent,
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .twoCardsEqualWidth
  .cardContent {
  padding-right: 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .singleCard
  .cardContent {
  margin-left: -35px;
}
@media only screen and (min-width: 513px) and (max-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-left: 10px;
  }
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-right: 10px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-left: 0;
  }
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-left: -10px;
  }
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-right: -10px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1000px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-left: -15px;
  }
  html
    [dir="rtl"]
    [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .singleCard
    .cardContent {
    margin-right: -15px;
    padding-right: 0;
  }
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .singleCard
  .cardContent {
  margin-right: -35px;
  padding-right: 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .cardContent {
  color: #424242;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supCardControlCourseTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: Segoe UI Variable;
  font-size: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supCardControlFooter {
  font-family: Segoe UI Variable;
  line-height: 24px;
  margin-bottom: -10px;
  min-height: 60px;
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supCardControlCourseTitle {
    font-size: 1.6em;
    padding-bottom: 0;
  }
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supCardControlFooter {
    margin-bottom: -18px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supCardControlCourseTitle {
    font-size: 1.8em;
    padding-bottom: 0;
  }
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supCardControlFooter {
    margin-bottom: -16px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1000px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supCardControlFooter {
    margin-bottom: -16px;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supCardControlFooterTextContainer {
  padding-bottom: 30px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supCardControlFooterText {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.8em;
  overflow: hidden;
  pointer-events: auto;
  text-overflow: ellipsis;
  white-space: normal;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 512px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .supARG-row {
    display: contents;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-1-1,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-1-2,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-1-3,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-2-2,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-2-3,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .blogCardControlContainer
  .supARG-row
  .supARG-column-3-3 {
  flex-grow: 1;
  flex-shrink: 1;
}
@media only screen and (min-width: 513px) and (max-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .threeCardsEqualWidth {
    display: contents;
  }
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.ocpSectionLayout
    section.ocpSection
    .blogCardControlContainer
    .threeCardsEqualWidth
    .blogCardControl {
    margin-left: 12px;
    width: 96%;
  }
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .supCardControlCard {
  border-radius: 16px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .cardContent {
  color: #424242;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .supCardControlCourseTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: Segoe UI Variable;
  font-size: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .supCardControlFooter {
  font-family: Segoe UI Variable;
  line-height: 24px;
  min-height: 60px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .supCardControlFooterTextContainer {
  padding-bottom: 30px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .supCardControlFooterText {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.8em;
  overflow: hidden;
  pointer-events: auto;
  text-overflow: ellipsis;
  white-space: normal;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  li {
  display: block;
  margin: 0 10px;
  padding: 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  a {
  text-decoration: none;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.supCardControlCarousel
  .slick-dots {
  margin-top: 40px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots,
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots {
  margin-right: 0;
  padding-right: 0;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots
  li,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots
  li {
  cursor: pointer;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots
  li
  button,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots
  li
  button {
  display: none;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots
  li::marker,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots
  li::marker {
  content: none;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots
  li:before,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots
  li:before {
  background-color: #b0beff;
  border-radius: 4px;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .heroCardControlCarousel
  .slick-dots
  li.slick-active:before,
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  .supCardControlCarousel
  .slick-dots
  li.slick-active:before {
  background: linear-gradient(90deg, #464feb, #8330e9);
  border-radius: 4px;
  content: "";
  display: block;
  height: 8px;
  width: 68px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .heroCardControlCourseTitle {
  font-family: Segoe UI Variable;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 100%;
  text-align: left;
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .heroCardControlCourseTitle {
  text-align: right;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .supARG-row {
  padding: 0 30px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .heroCardControlCourseLink {
  align-items: center;
  display: flex;
  margin-top: 16px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .heroCardControlCourseLink
  .copilot-link {
  color: #464feb;
  font-size: 16px;
  font-weight: 600;
  margin-left: 30px;
}
html
  [dir="rtl"]
  [class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  div.heroCardControlCarousel
  .heroCardControlCourseLink
  .copilot-link {
  margin-right: 30px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.ocpSectionLayout
  section.ocpSection
  h3
  ~ p
  ~ p:last-child:has(> a:first-child.ocpExternalLink) {
  padding-top: 16px;
}
[class^="landing-page --theme-copilot"]
  article.ocpArticleContent
  div.no-wrapper:nth-child(2)
  section.ocpSection
  > p.align-center.text-large:nth-child(2) {
  width: 18.4em;
}
@media only screen and (min-width: 768px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    div.no-wrapper:nth-child(2)
    section.ocpSection
    > p.align-center.text-large:nth-child(2) {
    width: 26.4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > h2:first-child,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > p:first-child {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > h2:first-child,
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    > p:first-child {
    margin-top: 0;
  }
  [class^="landing-page --theme-copilot"]
    article.ocpArticleContent
    .supHomeAndLandingPageFeaturedGrid
    .supARG-column-1-2
    p:not(:last-child) {
    margin-bottom: 20px;
  }
}
.landing-page.--theme-smallbusiness-fluent
  article.ocpArticleContent
  header
  .header__container--image {
  background-image: url(/images/en-us/240efcc6-f538-4657-8fb7-f5ef7f927756);
}
#ocArticle.landing-page
  article.ocpArticleContent:has(.split-hero)
  > div.banded-wrapper {
  background-color: inherit;
}
#ocArticle.landing-page
  article.ocpArticleContent
  > div.banded-wrapper:has(.grid-box) {
  display: inline-block;
  width: 100%;
}
article.ocpArticleContent:has(.split-hero) {
  background-color: #fafafa;
}
article.ocpArticleContent:has(.split-hero) .header__container--color {
  background: #fafafa;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  .header__container--image {
  background-color: #fff;
  background-position-x: center;
  background-position-y: top;
  padding: 0;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  h1 {
  font-family: Segoe UI;
  font-size: 4em;
  font-weight: 600;
  line-height: 1.3;
  padding-top: 72px;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  .searchBox.searchBoxHomeAndLandingPageOverride {
  margin-top: 0;
  padding-bottom: 72px;
  padding-top: 20px;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  nav {
  background-color: #fafafa;
  padding: 12px 0 11px;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  nav
  .nav-gallery
  ul
  li
  .nav-gallery__cta-link__container--glyph {
  display: inline;
  vertical-align: middle;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  nav
  .nav-gallery
  ul
  li
  .nav-gallery__cta-link__container--glyph
  span[class^="icon-fluent"] {
  font-size: 2.4em;
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  nav
  .nav-gallery
  ul
  li
  .nav-gallery__cta-link__text {
  display: inline;
  padding: 0 0 0 8px;
  vertical-align: middle;
}
html[dir="rtl"]
  [class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  header
  nav
  .nav-gallery
  ul
  li
  .nav-gallery__cta-link__text {
  padding: 0 8px 0 0;
}
@media only screen and (min-width: 1440px) {
  [class^="landing-page --theme-"][class$="-fluent"]
    article.ocpArticleContent
    header
    nav
    .nav-gallery {
    max-width: 1440px;
  }
}
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  #featured-essential-tasks
  a,
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  #featured-essential-tasks
  a:active,
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  #featured-essential-tasks
  a:focus,
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  #featured-essential-tasks
  a:hover,
[class^="landing-page --theme-"][class$="-fluent"]
  article.ocpArticleContent
  #featured-essential-tasks
  a:visited {
  color: inherit;
  text-decoration: none;
}
article.ocpArticleContent section.fluent p {
  color: #242424;
  font-family: Segoe UI, "Segoe UI Web (West European)", -apple-system,
    BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.landing-page.--theme-smallbusiness2 [class^="header__container"],
.landing-page.--theme-smallbusiness3 [class^="header__container"] {
  padding: 20px 5%;
}
@media screen and (min-width: 768px) {
  .landing-page.--theme-smallbusiness2 [class^="header__container"],
  .landing-page.--theme-smallbusiness3 [class^="header__container"] {
    padding: 0 0 20px;
  }
}
.landing-page.--theme-smallbusiness2 [class^="header__container"] p.subtitle,
.landing-page.--theme-smallbusiness3 [class^="header__container"] p.subtitle {
  color: #0a0a0a;
}
.landing-page [class^="header__container"] {
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, wf_segoe-ui_normal,
    Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
}
.landing-page [class^="header__container"] h1 + p {
  padding-top: 10px;
}
.landing-page [class^="header__container"] p.subtitle {
  color: #fff;
  font-size: 1.4em;
  margin-block: 0;
  text-align: center;
}
html[dir="rtl"] .landing-page [class^="header__container"] p.subtitle {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .landing-page [class^="header__container"] p.subtitle {
    font-size: 2.25em;
    padding: 0;
  }
}
.landing-page [class^="header__container"] p.subtitle a:active,
.landing-page [class^="header__container"] p.subtitle a:hover,
.landing-page [class^="header__container"] p.subtitle a:link,
.landing-page [class^="header__container"] p.subtitle a:visited {
  color: #fff;
}
.landing-page [class^="header__container"] p.subtitle a.button {
  border: thin solid #fff;
  cursor: pointer;
  display: block;
  font-size: 0.75em;
  margin: 10px auto;
  padding: 8px 10px;
  white-space: nowrap;
  width: auto;
}
@media screen and (min-width: 768px) {
  .landing-page [class^="header__container"] p.subtitle a.button {
    display: inline-block;
  }
}
.landing-page [class^="header__container"] .bkg-transparent {
  background-color: transparent;
}