/* Moves brand: supplied teal, black and white. */
:root {
  --brand: #5dabac;
  --brand-deep: #276669;
  --brand-soft: #edf6f6;
  --ink: #111111;
  --paper: #f6f6f6;
  --muted: #595959;
  --line: #dedede;
}

.brand-period { color: var(--brand); }
.site-header { background: var(--brand); color: var(--ink); border-bottom-color: #11111125; }
.site-header .brand-period { color: #fff; }
.site-header .byline { color: #222; border-left-color: #11111145; }
.site-header .menu-toggle { background: transparent; border-color: #11111166; color: var(--ink); }
.header-cta { background: var(--ink); color: #fff; border-radius: 3px; }
.header-cta:hover { background: #fff; color: var(--ink); }
.site-header nav>a:not(.header-cta):hover { color: var(--ink); text-decoration: underline; text-underline-offset: 6px; }
.site-header a:focus-visible, .site-header button:focus-visible { outline-color: var(--ink); }
.product-subnav a:hover { color: var(--brand-deep); }
.button { border-radius: 3px; font-size: .9375rem; }
.button-dark { background: var(--ink); color: #fff; }
.button-dark:hover { background: #333; }
.button-brand, .brand-pill, .mini-mark, .video-play {
  background: var(--brand);
  color: var(--ink);
}
.neutral-pill, .status-badge {
  background: var(--brand-soft);
  color: var(--brand-deep);
}
.eyebrow { font-size: .75rem; }
.pill { font-size: .8125rem; }
.byline, .footer-bottom p { color: var(--muted); }
.site-footer .byline, .site-footer .footer-bottom p { color: #c2c2c2; }

/* Main page: a white opening, teal emphasis and a black product section. */
.home-page .hero { background: #fff; overflow: hidden; }
.home-page .hero-grid {
  grid-template-columns: 1.05fr 1fr;
  min-height: 610px;
  padding-block: 66px 58px;
  gap: 30px;
}
.home-page .hero-copy { position: relative; z-index: 1; min-width: 0; }
.home-page .hero h1 {
  font-size: clamp(46px, 4.8vw, 72px);
  line-height: 1.28;
  letter-spacing: -.055em;
  margin-top: 30px;
}
.home-page .moves-text {
  color: var(--ink);
  background: linear-gradient(transparent 66%, var(--brand) 66%, var(--brand) 93%, transparent 93%);
  padding-right: .07em;
}
.home-page .hero-description { color: var(--muted); margin-top: 27px; }
.home-page .hero-actions { gap: 20px; flex-wrap: wrap; margin-top: 34px; }
.home-page .hero-actions .button-dark { background: var(--brand); color: var(--ink); }
.home-page .hero-actions .button-dark:hover { background: var(--ink); color: #fff; }
.home-page .hero-visual { min-height: 390px; align-items: center; }
.home-page .hero-art { width: 108%; margin-left: -4%; mix-blend-mode: normal; }
.home-page .visual-label {
  left: 5%; top: 0;
  color: var(--muted);
  font: 600 .75rem Arial, sans-serif;
  letter-spacing: .13em;
}
.home-page .visual-caption { left: 5%; right: 0; bottom: 0; color: var(--muted); }
.home-page .caption-line { background: #d3d3d3; }
.home-page .ecosystem { padding-block: 26px; border-top-color: var(--line); }
.home-page .ecosystem p, .home-page .ecosystem strong { color: var(--muted); }
.home-page .platform-names { color: var(--ink); }
.home-page .home-intro { background: var(--paper); padding-block: 58px; }
.home-page .home-intro .eyebrow { color: var(--brand-deep); }
.home-page .home-intro h2 { font-size: 31px; }
.home-page .home-products { background: var(--ink); padding-block: 80px; }
.home-page .products h2 span { color: var(--brand); }
.home-page .products .section-intro, .home-page .products .eyebrow { color: #c2c2c2; }
.home-page .product-card { border-radius: 4px; padding: 34px; }
.home-page .ucm-card { background: var(--brand); }
.home-page .workforce-card { background: #fff; }
.home-page .product-card .category { font-size: .75rem; line-height: 1.5; }
.home-page .product-card .card-number { font-size: .875rem; }
.home-page .product-card .card-number,
.home-page .product-card .product-description { color: #252525; }
.home-page .product-card .card-bottom { border-top-color: #11111140; }
.home-page .product-card .platform-tags span { border-color: #11111155; }
.home-page .product-open { text-decoration: underline; text-underline-offset: 5px; }
.home-page .secondary-products article { border: 1px solid #454545; border-radius: 4px; }
.home-page .secondary-products article>div>span { color: var(--brand); font-size: .75rem; }
.home-page .secondary-products p { color: #c2c2c2; }
.home-page .secondary-products button {
  width: auto; height: auto; min-width: 60px; min-height: 44px;
  padding: 9px 13px; border-radius: 3px;
  font-size: .875rem; border-color: #737373; color: #fff;
}
.home-page .secondary-products button:hover { background: var(--brand); border-color: var(--brand); color: var(--ink); }
.home-page .home-guide { background: var(--brand); padding-block: 66px; }
.home-page .home-guide h2 { font-size: 38px; }
.home-page .home-guide>.container>div>p:not(.eyebrow) { color: #222; }
.home-page .home-guide .text-link { color: var(--ink); }
.site-footer { background: var(--ink); }

/* The same palette continues through the product and consultation pages. */
.product-hero, .ucm-hero, .workforce-hero, .guide-hero { background: var(--paper); }
.product-hero .eyebrow, .guide-hero .eyebrow { color: var(--brand-deep); }
.product-fact-card { border-color: var(--line); background: #fff; border-radius: 5px; }
.product-fact-card dl>div { border-top-color: var(--line); }
.product-subnav { border-color: var(--line); }
.feature-section, .roadmap-section, .requirements-panel,
.consult-result, .dialog-marketplace, .monitoring-section { background: var(--paper); }
.screen-zoom { border-color: var(--line); box-shadow: 0 8px 24px #00000008; }
.screen-zoom:hover { border-color: var(--brand-deep); }
.zoom-hint { background: #111111ed; }
.product-end, .relationship-grid article.moves-relation { background: var(--brand); color: var(--ink); }
.product-end p:not(.eyebrow), .moves-relation p, .moves-relation .relation-label,
.moves-relation .plain-list { color: #222; }
.security-panel, .consult-help, .product-video { background: var(--ink); }
.security-panel p, .security-panel li span,
.consult-help p, .consult-help li { color: #c2c2c2; }
.security-panel .eyebrow { color: var(--brand); }
.video-cover>p { color: #c2c2c2; }
.environment-note, .dialog-environment { background: var(--brand-soft); color: var(--brand-deep); border-left-color: var(--brand); }
.metric-grid article>span { color: var(--brand-deep); }
.roadmap-pill { color: var(--ink); border-color: #747474; background: #fff; }
.fit-table thead { background: var(--ink); }
.guide-shortcuts a:hover { background: var(--brand); color: var(--ink); }
.checkbox-grid input { accent-color: var(--brand-deep); }
dialog::backdrop { background: #000000b3; }
input:focus-visible, select:focus-visible, textarea:focus-visible,
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline-color: var(--brand-deep);
}
.products a:focus-visible, .products button:focus-visible,
.site-footer a:focus-visible, .product-video button:focus-visible {
  outline-color: var(--brand);
}

@media (max-width: 1150px) {
  .home-page .hero-grid { gap: 14px; min-height: 560px; }
  .home-page .hero h1 { font-size: 55px; }
  .home-page .product-card { padding: 29px; }
}
@media (max-width: 850px) {
  .site-header nav { background: var(--brand); border-bottom-color: #11111125; }
  .home-page .hero-grid { grid-template-columns: 1fr; gap: 36px; padding-block: 46px 30px; min-height: 0; }
  .home-page .hero h1 { font-size: 61px; }
  .home-page .hero-visual { min-height: 380px; max-width: 560px; }
  .home-page .hero-art { width: 100%; margin: 0; max-height: none; }
  .home-page .visual-label, .home-page .visual-caption { left: 0; }
  .home-page .home-intro h2 { font-size: 30px; }
}
@media (max-width: 600px) {
  .home-page .hero-grid { padding-top: 36px; gap: 28px; }
  .home-page .hero h1 { font-size: clamp(39px, 10.5vw, 61px); margin-top: 23px; }
  .home-page .hero-description { font-size: 1rem; }
  .home-page .hero-visual { min-height: 0; padding-block: 22px; }
  .home-page .hero-art { width: 100%; height: auto; }
  .home-page .visual-label { font-size: .6875rem; }
  .home-page .visual-caption { font-size: .6875rem; }
  .home-page .home-intro { padding-block: 42px; }
  .home-page .home-intro h2 { font-size: 26px; }
  .home-page .home-products { padding-block: 54px; }
  .home-page .product-card { padding: 25px; }
  .home-page .product-card .category { font-size: .6875rem; }
  .home-page .home-guide { padding-block: 45px; }
  .home-page .home-guide h2 { font-size: 32px; }
  .home-page .secondary-products article { gap: 15px; padding: 22px; }
  .home-page .secondary-products h3 { font-size: 22px; }
}