/* v0.7.6 — Black / white / light-gray palette, blue and red primary actions.
   Load after page and contrast styles. Preserve the Dana Works logo SVGs,
   wordmarks, favicon assets, page layouts, motion and responsive dimensions. */
:root {
  --black:#111111;
  --navy:#191919;
  --blue-light:#777777;
  --ink:#171717;
  --muted:#575757;
  --line:#dedede;
  --blue:#181818;
  --red:#181818;
  --action-blue:#2563ed;
  --action-blue-hover:#1d4ed8;
  --action-red:#d92d3b;
  --action-red-hover:#c42331;
}
body { background:#fff; color:var(--ink); }
::selection { background:#d8d8d8; color:#111; }
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline-color:#777; }
.blue-text,.red-text { color:#252525 !important; }
.preview-banner { background:#ededed; color:#4f4f4f; border-bottom-color:#dedede; }
.preview-banner a { color:#252525; }
.preview-dot { background:#252525; }
.header { background:#fff; color:#171717; border-bottom-color:#e4e4e4; box-shadow:0 6px 24px #00000008; }
.header .brand-wordmark small { color:#626262; }
.desktop-nav,.business-link { color:#454545; }
.desktop-nav a:hover,.business-link:hover { color:#111; }
.desktop-nav a { white-space:nowrap; }
.subpage .desktop-nav [aria-current],.subpage .mobile-nav [aria-current] { color:var(--action-blue); }
.mobile-nav { background:#fff; border-color:#ddd; color:#333; }
.menu-toggle span { background:#222; }
.version-badge { background:#f2f2f2; border-color:#ddd; color:#555; }
.button-blue,.plan .button-outline { background:var(--action-blue); color:#fff; border-color:transparent; box-shadow:none; }
.button-blue:hover,.plan .button-outline:hover { background:var(--action-blue-hover); color:#fff; border-color:transparent; box-shadow:none; }
.button-red { background:var(--action-red); color:#fff; border-color:transparent; box-shadow:none; }
.button-red:hover { background:var(--action-red-hover); color:#fff; box-shadow:none; }
.button-outline { background:#fff; border-color:#bdbdbd; color:#202020; }
.button-outline:hover { background:#ececec; border-color:#808080; }
.header .button-blue { background:var(--action-blue); color:#fff; box-shadow:none; }
.header .button-blue:hover { background:var(--action-blue-hover); }

/* Light opening section, with the existing continuously playing video. */
.hero { background:#f8f8f7; color:#151515; }
.hero:before { background:none; }
.hero-motion { filter:grayscale(1); mix-blend-mode:multiply; opacity:.14; }
.hero h1>span { color:#151515; background:none; -webkit-text-fill-color:currentColor; }
.hero-copy .eyebrow { color:#4a4a4a; }
.eyebrow .line { background:#333; }
.hero-copy>p { color:#505050; }
.hero-tags { border-color:#d7d7d7; color:#4d4d4d; }
.hero-tags span:before { color:#666; }
.hero .text-button { color:#222; }
.hero .play-icon { border-color:#aaa; color:#222; }
.visual-caption,.visual-caption span,.orbit-label { color:#555; }
.orbit-label>span { background:#777; }
.hero-bottom { color:#555; border-color:#d7d7d7; }
.hero-bottom a { color:#333; }
.dashboard,.floating-note { filter:grayscale(1); }
.dashboard { border-color:#c6c6c6; box-shadow:0 28px 65px #0000001c,0 0 0 1px #fff; }
.floating-note { border-color:#dedede; box-shadow:0 16px 40px #00000014; }
.service-strip { background:#202020; color:#fff; }
.service-strip span,.service-strip a,.service-strip strong,.service-strip strong b { color:#fff; }

/* Homepage: neutral surfaces and readable selected states. */
.features,.connections,.faq-section { background:#fff; }
.section-heading>p,.feature-copy>p,.connection-description,
.plan-lite>p,.faq-list p,.dialog-subtitle { color:#575757; }
.feature-index,.feature-copy ul,.plan-lite ul,.plan-lite .plan-top,
.plan-lite .plan-note,.development-note,.faq-layout .arrow-link,
.market-grid .plain-service small { color:#555; }
.feature-tabs button { border-color:#d8d8d8; }
.feature-tabs button:not([aria-selected=true]),
.feature-tabs button:not([aria-selected=true])>span { color:#616161; }
.feature-tabs button[aria-selected=true] { color:#111; border-color:#111; background:linear-gradient(0deg,#f0f0f0,transparent 65%); }
.feature-tabs button[aria-selected=true]>span { color:#111; }
.feature-panel { background:#f4f4f4; border-color:#e1e1e1; }
.feature-demo { filter:grayscale(1); border-color:#ddd; box-shadow:0 20px 45px #0000000c; }
.workflow-section { background:#f0f0ef; color:#171717; }
.workflow-section .eyebrow { color:#555; }
.workflow-section h2 span { color:#4c4c4c; }
.flow-number,.flow-number>span { color:#777; }
.workflow,.workflow li { border-color:#ccc; }
.workflow li>span,.workflow li:last-child>span { border-color:#aaa; color:#333; }
.workflow li:after { color:#888; }
.workflow p,.workflow-note p { color:#555; }
.workflow-note strong { color:#222; }
.workflow-note>a,.outline-star { color:#333; }
.workflow-note { border-color:#ccc; }
.connection-switch button:not(.active) { color:#626262; }
.connection-switch button.active { color:#111; }
.connection-switch button.active span { background:#ededed; color:#111; }
/* External service identities keep their original brand colors. */
.market-grid { filter:none; }
.connection-detail-link { display:flex; width:fit-content; margin-top:22px; font-size:15px; }
.market-grid>div { background:#fff; border-color:#ddd; box-shadow:none; }
.market-grid>div:hover { border-color:#aaa; box-shadow:0 10px 24px #0000000b; }
.plans-section { background:#f2f2f2; border-color:#e1e1e1; }
.plan-lite { background:#fff; border-color:#dcdcdc; box-shadow:none; }
.plan-lite .plan-top { border-color:#d8d8d8; }
.plan-lite .plan-top>b,.plan-lite li:before { color:#333; }
.lite-art { color:#e7e7e7; }
.plan-pro { background:#1b1b1b; border-color:#333; box-shadow:none; color:#fff; }
.plan-pro .plan-top { border-color:#555; color:#d7d7d7; }
.plan-pro .plan-top>b { color:#fff; }
.plan-top small { background:#3e3e3e; color:#eee; }
.plan-pro>p,.plan-pro ul,.plan-pro .plan-note { color:#d0d0d0; }
.plan-pro li:before { color:#dedede; }
.pro-art { color:#ffffff0c; }
.plan-pro .button-red { background:var(--action-red); color:#fff; }
.plan-pro .button-red:hover { background:var(--action-red-hover); }
.faq-list { border-top-color:#222; }
.faq-list details { border-color:#ddd; }
.faq-list summary>span { background:#f0f0f0; color:#333; }
.faq-list details[open] summary>span { background:#e3e3e3; }
.faq-list summary>span:before,.faq-list summary>span:after { background:#333; }

/* White shared header and bottom surfaces; preserve the colored CI symbol. */
.contact-section { background:#fff; color:#171717; border-top:1px solid #e8e8e8; }
.contact-copy .eyebrow { color:#555; }
.contact-copy>p:not(.eyebrow),.contact-phone span { color:#555; }
.contact-phone { color:#171717; }
.contact-copy>.contact-hint { color:#626262 !important; }
.contact-copy .button-red { background:var(--action-red); color:#fff; }
.contact-copy .button-red:hover { background:var(--action-red-hover); }
footer { background:#fff; color:#171717; border-top:1px solid #e6e6e6; }
.footer-top .brand,.footer-top .brand-wordmark { color:#171717; }
footer .brand-wordmark small { color:#626262; }
.footer-top,.footer-bottom { border-color:#dedede; }
.footer-info b { color:#222; }
.footer-info p,.footer-links,.footer-bottom { color:#555; }
.footer-separator { color:#999; }
.footer-links strong { color:#222; }
.footer-statement { color:#888; }
.footer-statement span { color:#555; }
.back-top { border-color:#ccc; color:#333; }
.back-top:hover { background:#eee; }
dialog { color:#171717; border-color:#ddd; background:#fff; box-shadow:0 32px 100px #0005; }
dialog::backdrop { background:#0009; }
.dialog-close { background:#eee; color:#222; }
th,td { border-color:#ddd; }
thead th { background:#eee; color:#222; }
tbody th { color:#333; }
tbody td { color:#555; }

/* Detailed solution introduction. Keep the 67px navigation strip height. */
.solution-page { --intro-navy:#191919; --intro-blue:#222; --intro-muted:#555; }
.subpage .subpage-hero { background:#fff; color:#171717; }
.breadcrumb,.solution-release-note { color:#626262; }
.breadcrumb a:hover,.solution-overview-link { color:#222; }
.solution-intro .eyebrow,.solution-intro h1>span { color:#222; }
.solution-intro>p:not(.eyebrow) { color:#505050; }
.solution-map { background:#f5f5f5; border-color:#ddd; box-shadow:0 24px 60px #00000006; }
.map-top,.map-bottom,.map-dot,.solution-map li>span { color:#626262; }
.map-dot:before { background:#444; box-shadow:none; }
.solution-map li { background:#fff; border-color:#ddd; }
.solution-map li:last-child { background:#eaeaea; border-color:#bbb; }
.solution-map li:after,.solution-map li small { color:#555; }
.map-bottom { border-color:#ddd; }
.map-bottom>span { color:#333; }
.solution-subnav { background:#202020; border-color:#353535; }
.solution-subnav a { color:#ddd; }
.solution-subnav a:hover { background:#ffffff0c; }
.solution-subnav a[aria-current] { color:#fff; background:#ffffff12; border-color:#fff; }
.cap-tabs { border-color:#ddd; }
.cap-tabs button { color:#555; }
.cap-tabs button[aria-selected=true] { color:#111; border-color:#111; }
.cap-copy li:before { background:#333; }
.cap-copy li strong { color:#272727; }
.cap-copy li span,.cap-window-top small,.cap-demo-title>span,
.cap-metric small,.cap-labels,.cap-row>span:nth-child(2),
.cap-flow,.cap-footnote { color:#5b5b5b; }
.cap-preview { background:#f4f4f4; border-color:#ddd; box-shadow:0 18px 40px #0000000b; }
.cap-window-top { background:#eaeaea; border-color:#d8d8d8; }
.cap-window-top i { background:#b8b8b8; }
.cap-window-body,.cap-demo-title>span { border-color:#ddd; }
.cap-metric { background:#efefef; }
.cap-metric>span,.cap-flow strong { color:#555; }
.cap-metric strong { color:#222; }
.cap-labels,.cap-row { border-color:#e1e1e1; }
.cap-row>span:first-child { color:#3d3d3d; }
.cap-row>span:last-child { color:#333; background:#eee; }
.sourcing-heading .eyebrow,.sourcing-heading h2>span,.sourcing-lead { color:#d3d3d3; }
.sourcing-number strong { color:#f0f0f0; }
.sourcing-number strong>span { color:#ddd; }
.sourcing-number>small,.sourcing-tracks li>span,.scope-note { color:#c6c6c6; }
.sourcing-tracks article { background:#252525; border-color:#484848; }
.track-label,.red-track { color:#d2d2d2; }
.sourcing-tracks li { border-color:#505050; }
.sourcing-tracks li:before { color:#aaa; }
.extension-list,.extension-list article { border-color:#ddd; }
.extension-index,.start-steps li>span { color:#555; }
.extension-list p,.start-steps p,.start-bottom p { color:#555; }
.extension-tags span { color:#505050; background:#eee; }
.availability { color:#555; border-color:#ccc; }
.getting-started { background:#f3f3f3; }
.start-steps li { border-color:#aaa; }
.start-bottom { border-color:#d3d3d3; }
.start-bottom strong { color:#222; }
.start-bottom p>span { color:#777; }

/* All-expanded reading page. */
.overview-page main { color:#171717; }
.reading-breadcrumb,.reading-section-label>span { color:#626262; }
.reading-breadcrumb a:hover,.reading-intro .eyebrow,.reading-intro h1>span { color:#222; }
.reading-intro>p:last-child { color:#555; }
.reading-status { color:#5b5b5b; background:#f3f3f3; border-color:#ddd; }
.reading-status>span:first-child { background:#444; }
.reading-status strong { color:#333; }
.reading-list,.reading-scope-list { border-top-color:#222; }
.reading-list li,.reading-scope-list>div { border-color:#e0e0e0; }
.reading-dot { background:#333; }
.reading-list h3,.reading-flow h3,.reading-feature-grid h3 { color:#202020; }
.reading-list p,.reading-takeaway { color:#444; }
.reading-takeaway { background:#f1f1f1; border-color:#333; }
.reading-takeaway strong { color:#222; }
.reading-section-lead,.reading-flow-note,.reading-feature-grid p,
.reading-scope-list dd p,.reading-next p { color:#555; }
.reading-flow-box { background:#f3f3f3; border-color:#e1e1e1; }
.reading-step-number,.reading-flow li:last-child .reading-step-number { background:#222; color:#fff; }
.reading-flow li:not(:last-child):after { color:#999; }
.reading-flow li p,.reading-support-note { color:#626262; }
.reading-flow-note { border-color:#d5d5d5; }
.reading-flow-note strong { color:#222; }
.reading-feature-grid article { border-color:#ddd; }
.reading-feature-grid svg { stroke:#333; }
.reading-scope-list dt { color:#222; }
.reading-next { background:#f2f2f2; }
@media (max-width:760px) {
  .cap-tabs button:not([aria-selected=true]) { border-color:#ddd; }
  .reading-flow li:not(:last-child):after { background:#ccc; }
}
@media (min-width:1025px) and (max-width:1280px) {
  .desktop-nav { gap:16px; font-size:14px; }
  .business-link { display:none; }
  .nav-wrap { padding-left:32px; padding-right:32px; gap:16px; }
}