:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-nav { margin-left: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-shell { gap: 20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell { position: relative; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-products-nav, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-support-nav { position: static; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-products-nav::after, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-support-nav::after { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-products-menu { left: 0; right: auto; top: calc(100% - 8px); width: min(1000px, 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell .unified-support-menu { right: auto; left: clamp(0px, 25%, calc(100% - 780px)); top: calc(100% - 8px); width: min(780px, 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-actions { margin-left: auto; display: flex; align-items: center; gap: 14px; flex: 0 0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences { position: relative; display: flex; align-items: center; gap: 6px; color: #274a62; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences details { position: relative; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences details[open]::after { content: ''; position: absolute; inset: 100% 0 auto; height: 8px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences summary .header-preference-chevron { width: 14px; height: 14px; transition: transform .2s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences details[open] .header-preference-chevron { transform: rotate(180deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header[data-preferences-open] .unified-header-nav :is(.unified-products-menu,.unified-support-menu) { opacity: 0; visibility: hidden; pointer-events: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header[data-preferences-open] .unified-header-nav > div > a svg { transform: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 10px; border-radius: 10px; font-size: 14px; font-weight: 600; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences summary::-webkit-details-marker { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences svg { width: 18px; height: 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences summary:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences details[open] summary { background: #edf6fa; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel { position: absolute; right: 0; top: calc(100% + 8px); width: 180px; padding: 10px; display: grid; gap: 6px; border: 1px solid #d8e7ef; border-radius: 14px; background: white; box-shadow: 0 15px 36px #082f4d24; z-index: 1100; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-panel nav { display: grid; gap: 6px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-panel { width: 260px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-panel p { margin: 5px 8px 10px; color: #526b7c; font-size: 12px; line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel button, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel a { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 10px 12px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 14px; text-align: left; cursor: pointer; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-meta { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-meta > span { opacity: .65; font-size: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-check { flex-shrink: 0; visibility: hidden; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel :is([aria-pressed="true"],[aria-current="page"]) .header-preference-check { visibility: visible; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel :is(button:hover,a:hover) { background: #f0f5f8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-panel :is([aria-pressed="true"],[aria-current="page"]) { background: #e7f4fb; color: #075f98; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences :is(summary,button,a):focus-visible { outline: 2px solid #0879b4; outline-offset: 3px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-notice { position: absolute; width: 260px; right: 0; top: 100%; padding: 12px; background: #fff; border: 1px solid #d8e7ef; border-radius: 10px; font-size: 12px; z-index: 1101; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand .header-logo-dark { display: none; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preferences { color: #d8edf7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preference-panel, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preference-notice { background: #0b2738; border-color: #294b5e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-language-panel p { color: #b3c8d2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preferences summary:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preferences details[open] summary { background: #173d51; color: #8cddf4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preference-panel :is(button:hover,a:hover) { background: #123245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .header-preference-panel :is([aria-pressed="true"],[aria-current="page"]) { background: #173d51; color: #8cddf4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header-brand .header-logo-light { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header-brand .header-logo-dark { display: block; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header .unified-mobile-panel > nav a { background: #173d51; color: #dcebf2; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preferences { color: #d8edf7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preference-panel, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preference-notice { background: #0b2738; border-color: #294b5e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-language-panel p { color: #b3c8d2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preferences summary:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preferences details[open] summary { background: #173d51; color: #8cddf4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preference-panel :is(button:hover,a:hover) { background: #123245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .header-preference-panel :is([aria-pressed="true"],[aria-current="page"]) { background: #173d51; color: #8cddf4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header-brand .header-logo-light { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header-brand .header-logo-dark { display: block; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header .unified-mobile-panel > nav a { background: #173d51; color: #dcebf2; } } @media (max-width: 1280px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-shell { gap: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-brand img { width: 190px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-nav { margin-left: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-cta { padding-inline: 15px; } } @media (max-width: 1050px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-nav { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-menu-toggle { display: inline-flex; margin-left: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-cta { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header.mobile-open .unified-mobile-panel { display: block; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 82px); overflow: auto; background: var(--nt-white); padding: 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-menu, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-menu { position: static; width: 100%; opacity: 1; visibility: visible; pointer-events: auto; transform: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel > nav { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; } } @media (min-width: 901px) and (max-width: 1050px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel > nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border-radius: 10px; background: var(--nt-surface); color: var(--nt-navy); font-weight: 600; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-intro, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-intro { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-menu { grid-template-columns: repeat(3, 1fr); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-menu { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-brand img { width: 148px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-shell { gap: 6px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-actions { gap: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences { gap: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preferences summary { padding: 0 7px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-picker summary > .lucide-globe2 { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-language-panel { right: -42px; max-width: calc(100vw - 34px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .header-preference-notice { right: -42px; max-width: calc(100vw - 34px); } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header { position:relative; z-index:1000; height:92px; border-bottom:1px solid #dfe9f0; background:rgba(255,255,255,.98); box-shadow:0 8px 26px rgba(21,66,94,.045); backdrop-filter:blur(14px); font-family:Barlow,Arial,sans-serif; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header * { box-sizing:border-box; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header a { color:inherit; text-decoration:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell { width:min(1380px,calc(100% - 96px)); height:100%; display:flex; align-items:center; gap:var(--nt-space-30); margin:0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand { display:flex; align-items:center; flex:0 0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand picture { display:flex; align-items:center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand img { display:block; width:230px; height:auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav { margin-left:auto; display:flex; align-items:center; gap:var(--nt-space-5); } /* Match the established desktop menu without inheriting page-level nav rules. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-nav { font-weight:500; letter-spacing:normal; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-header-nav > a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-products-nav > a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-support-nav > a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-mobile-panel > nav a { font-weight:500; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav .unified-products-links a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav .unified-support-resources a { font-weight:500; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav > a { position:relative; min-height:42px; display:flex; align-items:center; gap:var(--nt-space-5); padding:0 var(--nt-space-13); border-radius:var(--nt-radius-10); color:#435468; font-size:var(--nt-type-15); font-weight:600; letter-spacing:.025em; transition:color .2s ease,background .2s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav > a:hover,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav > a.active,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:hover > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:focus-within > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav > a.active,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:hover > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:focus-within > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav > a.active { color:#075f98; background:#f1f8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav svg { width:14px; height:14px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav { position:relative; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav::after,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav::after { content:""; position:absolute; z-index:0; top:100%; left:-10px; right:-10px; height:20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav > a svg,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav > a svg { transition:transform .2s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:hover > a svg,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:focus-within > a svg,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:hover > a svg,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:focus-within > a svg { transform:rotate(180deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-menu { position:absolute; z-index:1; top:calc(100% + 16px); right:-290px; width:min(1000px,calc(100vw - 64px)); display:grid; grid-template-columns:.85fr 1fr .82fr 1.18fr; padding:var(--nt-space-12); border:1px solid #dce9f0; border-radius:var(--nt-radius-18); background:#fff; box-shadow:0 22px 60px rgba(8,47,77,.18); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity .16s ease,transform .16s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-menu::before { content:""; position:absolute; top:-18px; left:0; right:0; height:20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:hover .unified-products-menu,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav:focus-within .unified-products-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-intro { padding:var(--nt-space-24) var(--nt-space-22); border-radius:var(--nt-radius-13); color:#fff; background:linear-gradient(145deg,#073553,#0879b4); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-intro span { display:block; margin-bottom:var(--nt-space-15); color:#79ddf4; font-size:var(--nt-type-13); font-weight:800; letter-spacing:.18em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-intro strong { display:block; font-size:var(--nt-type-22); line-height:1.15; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-intro p { margin:var(--nt-space-13) 0 0; color:#fff; font-size:var(--nt-type-13); line-height:1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-group { min-width:0; padding:var(--nt-space-20) var(--nt-space-20) var(--nt-space-16); border-right:1px solid #e4edf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-group:last-child { border-right:0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header .unified-products-title { min-height:30px; display:flex; align-items:center; justify-content:space-between; gap:var(--nt-space-10); color:#082f4d!important; font-size:var(--nt-type-16); font-weight:500!important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-title svg { width:16px; height:16px; color:#159dca; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-title:not(.is-static):hover { color:#0879b4!important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-group > p { min-height:48px; margin:var(--nt-space-7) 0 var(--nt-space-12); color:#718697; font-size:var(--nt-type-13); line-height:1.45; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-links { display:grid; gap:var(--nt-space-2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-links a { padding:var(--nt-space-8) var(--nt-space-9); border-radius:var(--nt-radius-8); color:#435c6f; font-size:var(--nt-type-13); font-weight:550; transition:color .18s ease,background .18s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-links a:hover { color:#0879b4; background:#eff8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-group small { display:block; margin:var(--nt-space-10) var(--nt-space-9) 0; color:#98a9b5; font-size:var(--nt-type-13); font-weight:650; letter-spacing:.04em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-menu { position:absolute; z-index:1; top:calc(100% + 16px); right:-120px; width:min(780px,calc(100vw - 64px)); display:grid; grid-template-columns:.82fr 1fr 1.08fr; padding:var(--nt-space-12); border:1px solid #dce9f0; border-radius:var(--nt-radius-18); background:#fff; box-shadow:0 22px 60px rgba(8,47,77,.18); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity .16s ease,transform .16s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-menu::before { content:""; position:absolute; top:-18px; left:0; right:0; height:20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:hover .unified-support-menu,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav:focus-within .unified-support-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-intro { padding:var(--nt-space-24) var(--nt-space-22); border-radius:var(--nt-radius-13); color:#fff; background:linear-gradient(145deg,#073553,#0879b4); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-intro span { display:block; margin-bottom:var(--nt-space-15); color:#79ddf4; font-size:var(--nt-type-13); font-weight:800; letter-spacing:.18em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-intro strong { display:block; font-size:var(--nt-type-22); line-height:1.15; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-intro p { margin:var(--nt-space-13) 0 0; color:#fff; font-size:var(--nt-type-13); line-height:1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources { min-width:0; padding:var(--nt-space-18) var(--nt-space-18) var(--nt-space-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact { border-right:1px solid #e4edf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact > p,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources > p { margin:0 0 var(--nt-space-10); color:#7990a0; font-size:var(--nt-type-13); font-weight:800; letter-spacing:.12em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact > a { position:relative; display:grid; gap:var(--nt-space-3); margin-top:var(--nt-space-6); padding:var(--nt-space-11) var(--nt-space-34) var(--nt-space-11) var(--nt-space-11); border-radius:var(--nt-radius-10); background:#f3f8fb; transition:background .18s ease,color .18s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact > a:hover { color:#0879b4; background:#eaf6fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact strong { color:#173f59; font-size:var(--nt-type-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact small { color:#718697; font-size:var(--nt-type-13); line-height:1.35; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-contact svg { position:absolute; top:13px; right:11px; width:15px; height:15px; color:#159dca; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources > div { display:grid; grid-template-columns:1fr 1fr; gap:var(--nt-space-5); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources a { display:flex; min-height:46px; align-items:center; justify-content:space-between; gap:var(--nt-space-9); padding:var(--nt-space-9) var(--nt-space-10); border-radius:var(--nt-radius-9); color:#435c6f; background:#f8fbfc; font-size:var(--nt-type-13); font-weight:650; transition:color .18s ease,background .18s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources a:hover { color:#0879b4; background:#eff8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources a svg { flex:0 0 auto; width:14px; height:14px; color:#159dca; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-cta { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 var(--nt-space-16); border-radius:var(--nt-radius-10); color:#fff!important; background:#075d9f; box-shadow:none; font-size:var(--nt-type-15); font-weight:700; letter-spacing:.025em; transition:background .2s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-cta:hover,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-cta.active { background:#064f89; box-shadow:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-cta svg { width:16px; height:16px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-menu-toggle { display:none; width:44px; height:44px; align-items:center; justify-content:center; padding:0; border:1px solid #d8e7ef; border-radius:var(--nt-radius-10); color:#075f98; background:#f5fafc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-menu-toggle svg { width:23px; height:23px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel { display:none; } @media (max-width:1180px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell { width:min(100% - 48px,1100px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand img { width:213px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav { gap:var(--nt-space-2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-nav > a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-nav > a { padding-inline:var(--nt-space-10); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-cta { display:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-menu { right:-220px; width:min(920px,calc(100vw - 44px)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-menu { right:-54px; } } @media (max-width:900px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header { height:82px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand img { width:197px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav { display:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-menu-toggle { display:inline-flex; margin-left:auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel { position:absolute; top:100%; left:0; right:0; max-height:calc(100vh - 82px); overflow:auto; padding:var(--nt-space-18) var(--nt-space-24) var(--nt-space-26); border-top:1px solid #dfe9f0; background:#fff; box-shadow:0 22px 42px rgba(8,47,77,.16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header.mobile-open .unified-mobile-panel { display:block; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel > nav { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--nt-space-8); margin:0 auto var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel > nav a { display:flex; min-height:44px; align-items:center; justify-content:center; padding:var(--nt-space-8); border-radius:var(--nt-radius-10); color:#274a62; background:#f3f8fb; font-size:var(--nt-type-13);font-weight:700; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-menu { position:static; width:100%; display:grid; grid-template-columns:repeat(3,1fr); padding:var(--nt-space-8); opacity:1; visibility:visible; pointer-events:auto; transform:none; box-shadow:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-intro { display:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-group:nth-child(4) { border-right:0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-menu { position:static; width:100%; display:grid; grid-template-columns:1fr 1fr; margin-top:var(--nt-space-12); padding:var(--nt-space-8); opacity:1; visibility:visible; pointer-events:auto; transform:none; box-shadow:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-intro { display:none; } } @media (max-width:620px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header { height:76px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-shell { width:calc(100% - 34px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-brand img { width:min(187px,58vw); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel { max-height:calc(100vh - 76px); padding:var(--nt-space-14) var(--nt-space-17) var(--nt-space-20); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel > nav { grid-template-columns:repeat(2,1fr); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-menu,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-menu { grid-template-columns:1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-group { border-right:0; border-bottom:1px solid #e4edf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-products-group:last-child { border-bottom:0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-mobile-panel .unified-support-contact { border-right:0; border-bottom:1px solid #e4edf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-support-resources > div { grid-template-columns:1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-products-group > p { min-height:0; } } @media (hover:hover) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) :where(a,button,[role="button"]):hover { transform:none!important; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile { width: min(1180px, calc(100% - 48px)); margin: 32px auto 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl { display: grid; grid-template-columns: .7fr 1.15fr 1.15fr; margin: 0; border: 1px solid var(--ic-line); border-radius: 18px; overflow: hidden; background: var(--ic-soft); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl > div { min-width: 0; padding: 22px 28px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl > div + div { border-left: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dt { color: var(--ic-copy); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dd { margin: 10px 0 0; color: var(--ic-ink); font-size: 18px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile small { display: block; margin-top: 4px; color: var(--ic-copy); font-size: 14px; font-weight: 400; line-height: 1.6; } @media (max-width: 540px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile { width: calc(100% - 28px); margin-top: 24px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl > div { padding: 18px 22px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .use-case-project-profile dl > div + div { border-left: 0; border-top: 1px solid var(--ic-line); } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page { --ic-ink: #0a3450; --ic-copy: #557184; --ic-accent: #087cac; --ic-line: #c9dfe8; --ic-soft: #eff7fa; font-family: var(--nt-font); color: var(--ic-ink); background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page * { box-sizing: border-box; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page a { text-decoration: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-section { padding: var(--nt-space-56) 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-eyebrow { margin: 0 0 var(--nt-space-16); color: var(--ic-accent); font-size: var(--nt-type-12); font-weight: 800; letter-spacing: .17em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-eyebrow.is-light { color: #7bdcf0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page h1, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page h2, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page h3 { color: var(--ic-ink); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page h2 { margin: 0; font-size: clamp(var(--nt-type-38), 4.3vw, var(--nt-type-58)); line-height: 1.05; letter-spacing: -.042em; font-weight: 600; } /* A single, contained hero composition. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero { position: relative; overflow: hidden; padding: var(--nt-space-78) 0 0; background: linear-gradient(118deg, #fff 0%, #edf8fb 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-grid { position: absolute; inset: 0; pointer-events: none; opacity: .8; background-image: linear-gradient(rgba(8,124,172,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(8,124,172,.05) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-layout { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: var(--nt-space-76); align-items: center; min-height: 570px; padding-bottom: var(--nt-space-70); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-back { display: inline-flex; align-items: center; gap: var(--nt-space-8); margin-bottom: var(--nt-space-46); color: #668293; font-size: var(--nt-type-14); font-weight: 700; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-back:hover { color: var(--ic-accent); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-back svg { width: 17px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-copy h1 { max-width: 720px; margin: 0; font-size: clamp(var(--nt-type-52), 5.4vw, var(--nt-type-78)); line-height: .98; letter-spacing: -.052em; font-weight: 600; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-lead { max-width: 660px; margin: var(--nt-space-28) 0 0; color: var(--ic-copy); font-size: var(--nt-type-19); line-height: 1.65; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-scenario-note { margin: var(--nt-space-16) 0 0; color: var(--ic-copy); font-size: var(--nt-type-14); line-height: 1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-actions { display: flex; flex-wrap: wrap; gap: var(--nt-space-12); margin-top: var(--nt-space-32); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--nt-space-11); min-height: 54px; padding: 0 var(--nt-space-22); border-radius: var(--nt-radius-10); font-size: var(--nt-type-15); font-weight: 800; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button:hover { transform: translateY(-2px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button svg { width: 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-primary { color: #fff; background: #0875a8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-primary:hover { background: #075d86; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-secondary { color: var(--ic-ink); border: 1px solid var(--ic-line); background: rgba(255,255,255,.86); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-secondary:hover { color: #0875a8; border-color: #7bbbd2; background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-light { color: #075d86; background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button.is-light:hover { background: #ddf5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-product { overflow: hidden; border: 1px solid #bdd9e5; border-radius: var(--nt-radius-24); background: rgba(255,255,255,.86); box-shadow: 0 22px 58px rgba(17,68,94,.11); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-space-20); padding: var(--nt-space-20) var(--nt-space-24); border-bottom: 1px solid #d3e6ed; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-heading span { color: #72909f; font-size: var(--nt-type-10); font-weight: 800; letter-spacing: .16em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-heading strong { font-size: var(--nt-type-18); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-image { min-height: 330px; display: grid; place-items: center; padding: var(--nt-space-26) var(--nt-space-34); background: radial-gradient(circle at 50% 50%, #dff4fa 0%, rgba(239,248,251,.25) 66%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-image img { display: block; width: min(500px, 100%); height: auto; filter: drop-shadow(0 24px 23px rgba(8,47,77,.24)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-features { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d3e6ed; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-features span { padding: var(--nt-space-17) var(--nt-space-12); text-align: center; color: #49697b; font-size: var(--nt-type-12); font-weight: 800; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-features span + span { border-left: 1px solid #d3e6ed; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-photo-hero { grid-template-columns: .95fr 1.05fr; gap: var(--nt-space-52); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene { position: relative; min-width: 0; padding-bottom: 130px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-truck-scene { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; border-radius: var(--nt-radius-24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-scene-caption { position: absolute; top: var(--nt-space-20); left: var(--nt-space-20); padding: var(--nt-space-8) var(--nt-space-12); border-radius: var(--nt-radius-10); color: #fff; background: rgba(7,31,45,.8); font-size: var(--nt-type-11); font-weight: 700; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-hero-product { position: absolute; z-index: 1; bottom: 0; right: -18px; width: min(280px, calc(100% - 24px)); background: #fff; box-shadow: 0 18px 40px rgba(8,47,77,.2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-product-heading { padding: var(--nt-space-14) var(--nt-space-16); gap: var(--nt-space-10); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-product-heading strong { font-size: var(--nt-type-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-product-image { position: relative; min-height: 0; height: 130px; padding: 0; overflow: hidden; } /* Center the device itself, accounting for the source image's transparent margins. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-product-image img { position: absolute; left: calc(50% + 5px); top: 50%; width: 340px; height: 340px; max-width: none; max-height: none; object-fit: contain; transform: translate(-50%, -50%); filter: drop-shadow(0 8px 9px rgba(8,47,77,.18)); } /* SIGNAL artwork has less transparent padding than SMART/START artwork. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page .india-case-hero-scene .india-case-product-image.is-signal img { left: 50%; width: 240px; height: 240px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-product-features span { padding: var(--nt-space-12) var(--nt-space-6); font-size: var(--nt-type-10); } /* One fully outlined profile below the hero actions. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context { display: grid; grid-template-columns: .65fr 1.2fr 1.15fr; margin: var(--nt-space-24) 0 0; border: 1px solid var(--ic-line); border-radius: var(--nt-radius-18); overflow: hidden; background: var(--ic-soft); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context > div { min-width: 0; padding: var(--nt-space-18) var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context > div + div { border-left: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context dt { color: var(--ic-copy); font-size: var(--nt-type-10); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context dd { margin: var(--nt-space-8) 0 0; color: var(--ic-ink); font-size: var(--nt-type-14); font-weight: 700; line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context small { display: block; margin-top: var(--nt-space-6); color: var(--ic-copy); font-size: var(--nt-type-12); font-weight: 400; line-height: 1.6; } /* Editorial challenge: no card grid. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-challenge { background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--nt-space-100); align-items: start; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial-heading { position: sticky; top: 110px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial-heading > p:not(.india-case-eyebrow), :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial-copy p { max-width: 620px; margin: var(--nt-space-26) 0 0; color: var(--ic-copy); font-size: var(--nt-type-18); line-height: 1.68; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial-copy p:first-child { margin-top: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-overview { padding-bottom: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list { border-top: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list article { display: grid; grid-template-columns: 42px 34px 1fr; gap: var(--nt-space-18); align-items: center; min-height: 112px; border-bottom: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-number { color: #8da4b0; font-size: var(--nt-type-11); font-weight: 800; letter-spacing: .12em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list svg { width: 25px; color: var(--ic-accent); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list p { margin: 0; font-size: var(--nt-type-19); font-weight: 650; line-height: 1.45; } /* Dark solution section becomes the page's visual anchor. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution { color: #fff; background: #082f49; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution h2, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution h3 { color: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-heading { display: grid; grid-template-columns: 1fr .78fr; gap: var(--nt-space-82); align-items: end; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-heading > p { margin: 0; color: #bdd8e2; font-size: var(--nt-type-17); line-height: 1.67; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-copy p { margin: 0; color: #bdd8e2; font-size: var(--nt-type-17); line-height: 1.67; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-copy p + p { margin-top: var(--nt-space-20); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: var(--nt-space-16); align-items: center; margin-top: var(--nt-space-54); padding: var(--nt-space-20); border: 1px solid rgba(137,208,228,.24); border-radius: var(--nt-radius-20); background: rgba(255,255,255,.035); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture > div { display: flex; align-items: center; gap: var(--nt-space-16); min-height: 105px; padding: var(--nt-space-20); border: 1px solid rgba(137,208,228,.16); border-radius: var(--nt-radius-13); background: rgba(255,255,255,.04); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture > div.is-active { border-color: #4fc7e5; background: #0b6c94; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture > svg { width: 20px; color: #76cfe4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture > div > svg { flex: 0 0 auto; width: 27px; color: #78d8ed; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture span { display: flex; flex-direction: column; gap: var(--nt-space-5); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture small { color: #91c5d3; font-size: var(--nt-type-9); font-weight: 800; letter-spacing: .13em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture strong { color: #fff; font-size: var(--nt-type-14); line-height: 1.35; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--nt-space-54); margin-top: var(--nt-space-42); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities article { display: grid; grid-template-columns: 34px 1fr; gap: var(--nt-space-17); padding: var(--nt-space-25) 0; border-top: 1px solid rgba(142,204,221,.24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities article:last-child:nth-child(odd) { grid-column: 1 / -1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities svg { width: 24px; color: #77d9ed; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities h3 { margin: 0 0 var(--nt-space-7); font-size: var(--nt-type-19); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities p { margin: 0; color: #bcd5de; font-size: var(--nt-type-15); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-summary { margin: var(--nt-space-32) 0 0; padding-top: var(--nt-space-24); border-top: 1px solid rgba(142,204,221,.24); color: #bcd5de; font-size: var(--nt-type-17); line-height: 1.67; } /* Method section uses three large, clearly separated modules. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-method { background: #f3f8fa; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-business-value > p:not(.india-case-eyebrow) { color: var(--ic-copy); font-size: var(--nt-type-17); line-height: 1.67; margin: var(--nt-space-25) 0 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-visual { margin-top: var(--nt-space-40); padding: var(--nt-space-40); border: 1px solid var(--ic-line); border-radius: var(--nt-radius-24); background: var(--ic-soft); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-intro { display: flex; justify-content: space-between; align-items: center; gap: var(--nt-space-32); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-intro h3 { margin: 0; font-size: var(--nt-type-30); line-height: 1.15; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-intro p:not(.india-case-eyebrow) { color: var(--ic-copy); line-height: 1.6; margin: var(--nt-space-12) 0 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-reduction { flex: 0 0 auto; display: flex; flex-direction: column; gap: var(--nt-space-6); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-reduction strong { font-size: var(--nt-type-58); line-height: 1; letter-spacing: -.04em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-reduction span { font-weight: 800; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-reduction small { color: var(--ic-copy); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--nt-space-32); margin-top: var(--nt-space-40); padding-block: var(--nt-space-32); border-block: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-measure-label { color: var(--ic-copy); font-size: var(--nt-type-12); font-weight: 800; letter-spacing: .1em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison p { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nt-space-10); margin: var(--nt-space-16) 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison strong { font-size: var(--nt-type-43); line-height: 1; letter-spacing: -.04em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison p span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison small { color: var(--ic-copy); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-comparison-arrow { width: 28px; color: var(--ic-copy); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-bar { height: 10px; margin-bottom: var(--nt-space-12); border-radius: 6px; background: var(--ic-line); overflow: hidden; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-bar i { display: block; height: 100%; width: 100%; background: var(--ic-copy); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-after .india-case-fuel-bar i { width: 96.06%; background: #087cac; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results { display: grid; grid-template-columns: 1fr 1fr; gap: var(--nt-space-32); padding-top: var(--nt-space-32); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results article { display: flex; gap: var(--nt-space-16); min-width: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results svg { width: 24px; flex: 0 0 auto; color: var(--ic-copy); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results h4 { margin: 0 0 var(--nt-space-16); font-size: var(--nt-type-17); line-height: 1.4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results p { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nt-space-10); margin: 0 0 var(--nt-space-10); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results strong { font-size: var(--nt-type-38); line-height: 1; letter-spacing: -.03em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results small { color: var(--ic-copy); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-disclaimer { margin: var(--nt-space-32) 0 0; color: var(--ic-copy); font-size: var(--nt-type-14); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-calculation { margin-top: var(--nt-space-40); padding-left: var(--nt-space-24); border-left: 3px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-calculation h3 { margin: 0; font-size: var(--nt-type-21); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-calculation p { color: var(--ic-copy); line-height: 1.7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-calculation strong { color: var(--ic-ink); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-calculation small { color: var(--ic-copy); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-results > h3 { margin: var(--nt-space-32) 0 0; font-size: var(--nt-type-21); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card { display: grid; grid-template-columns: 1.12fr .88fr; gap: var(--nt-space-70); padding: var(--nt-space-55); border: 1px solid var(--ic-line); border-radius: var(--nt-radius-24); background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card h2 { font-size: clamp(var(--nt-type-34), 3.8vw, var(--nt-type-52)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card > div > p:not(.india-case-eyebrow) { margin: var(--nt-space-23) 0; color: var(--ic-copy); font-size: var(--nt-type-17); line-height: 1.67; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card aside { padding: var(--nt-space-16) var(--nt-space-18); border-left: 3px solid #42b7d5; color: #466779; background: #edf8fb; font-size: var(--nt-type-14); line-height: 1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--nt-space-1); margin: 0; overflow: hidden; border: 1px solid #c9dfe8; border-radius: var(--nt-radius-16); background: #c9dfe8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dl div { display: flex; flex-direction: column; justify-content: center; gap: var(--nt-space-6); min-height: 128px; padding: var(--nt-space-22); background: #f2f9fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dt { font-size: var(--nt-type-20); font-weight: 800; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dd { margin: 0; color: #668392; font-size: var(--nt-type-13); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation { display: grid; grid-template-columns: .72fr 1.28fr; gap: var(--nt-space-84); margin-top: var(--nt-space-92); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation header > p:last-child { margin: var(--nt-space-24) 0 0; color: var(--ic-copy); font-size: var(--nt-type-17); line-height: 1.65; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation li { display: grid; grid-template-columns: 48px 1fr; gap: var(--nt-space-22); padding: var(--nt-space-24) 0; border-bottom: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation li > span { color: var(--ic-accent); font-size: var(--nt-type-11); font-weight: 900; letter-spacing: .14em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation h3 { margin: 0 0 var(--nt-space-7); font-size: var(--nt-type-21); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation li p { margin: 0; color: var(--ic-copy); font-size: var(--nt-type-15); line-height: 1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip { display: grid; grid-template-columns: .76fr 1.24fr; gap: var(--nt-space-50); align-items: center; margin-top: var(--nt-space-88); padding: var(--nt-space-36) var(--nt-space-40); color: #fff; border-radius: var(--nt-radius-20); background: #0b6f98; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip header > span { color: #9fe9f6; font-size: var(--nt-type-9); font-weight: 800; letter-spacing: .15em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip h3 { display: flex; align-items: center; gap: var(--nt-space-11); margin: var(--nt-space-12) 0; color: #fff; font-size: var(--nt-type-30); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip h3 svg { width: 21px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip header p { margin: 0; color: #cee7ee; font-size: var(--nt-type-14); line-height: 1.55; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats span { display: flex; flex-direction: column; gap: var(--nt-space-6); min-width: 0; padding: var(--nt-space-10) var(--nt-space-15); border-left: 1px solid rgba(255,255,255,.23); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats strong { color: #fff; font-size: var(--nt-type-17); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats small { color: #bde0e9; font-size: var(--nt-type-10); line-height: 1.3; } /* Outcomes and model rationale share one coherent ending. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-outcome { background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-outcome-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: var(--nt-space-90); align-items: start; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-results > p:not(.india-case-eyebrow) { max-width: 620px; margin: var(--nt-space-25) 0 0; color: var(--ic-copy); font-size: var(--nt-type-17); line-height: 1.67; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-results > div { margin-top: var(--nt-space-36); border-top: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-results > div p { display: flex; align-items: flex-start; gap: var(--nt-space-13); margin: 0; padding: var(--nt-space-17) 0; border-bottom: 1px solid var(--ic-line); font-size: var(--nt-type-15); font-weight: 650; line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-results > div svg { flex: 0 0 auto; width: 19px; color: #22a979; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device { overflow: hidden; padding: 0 var(--nt-space-30) var(--nt-space-30); border: 1px solid #c3dce7; border-radius: var(--nt-radius-22); background: #f1f8fa; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-image { display: grid; place-items: center; min-height: 245px; margin: 0 -30px var(--nt-space-28); border-bottom: 1px solid #cfe2e9; background: radial-gradient(circle, #d9f1f7, #edf7fa 67%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-image img { display: block; width: min(320px, 76%); height: auto; filter: drop-shadow(0 20px 18px rgba(8,47,77,.2)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device > .india-case-eyebrow { margin-bottom: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device h3 { margin: 0 0 20px; font-size: var(--nt-type-31); line-height: 1.2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device > p:not(.india-case-eyebrow) { margin: var(--nt-space-17) 0 0; color: var(--ic-copy); font-size: var(--nt-type-15); line-height: 1.62; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--nt-space-1); margin: var(--nt-space-26) 0; padding: 0; overflow: hidden; border: 1px solid #c7dfe8; border-radius: var(--nt-radius-12); list-style: none; background: #c7dfe8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device li { display: flex; flex-direction: column; gap: var(--nt-space-3); padding: var(--nt-space-13); background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device li strong { font-size: var(--nt-type-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device li span { color: #6d8998; font-size: var(--nt-type-10); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device > a { display: inline-flex; align-items: center; gap: var(--nt-space-10); max-width: 100%; min-height: 44px; line-height: 1.5; color: #0875a8; font-size: var(--nt-type-14); font-weight: 800; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device > a:hover { color: #054f75; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device > a svg { width: 17px; flex-shrink: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta { padding: 0 0 var(--nt-space-56); background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta-card { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-space-52); padding: var(--nt-space-50) var(--nt-space-56); color: #fff; border-radius: var(--nt-radius-22); background: #082f49; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta h2 { max-width: 720px; color: #fff; font-size: clamp(var(--nt-type-34), 4vw, var(--nt-type-50)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta p:last-child { margin: var(--nt-space-16) 0 0; color: #bdd8e2; font-size: var(--nt-type-17); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta .india-case-button { flex: 0 0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page [data-reveal].is-visible { opacity: 1; transform: none; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-page .india-case-button.is-primary { color: #082638; background: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-page .india-case-button.is-primary:is(:hover, :focus-visible) { color: #082638; background: #9ae6f7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-page { --ic-ink: #e8f6fa; --ic-copy: #b7ccd6; --ic-line: #34596b; --ic-soft: #123748; background: #071f2d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-page .india-case-button.is-secondary { color: #e8f6fa; background: #123748; border-color: #527a8d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-page .india-case-button.is-secondary:hover { color: #e8f6fa; background: #1c4b61; border-color: #70d5ec; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-hero { background: linear-gradient(118deg, #071f2d 0%, #0b2d3d 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-hero-product, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-fuel-card, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-device { background: #0d2c3d; border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-product-heading, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-product-features, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-product-features span + span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-image { border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-product-image, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-image { background: radial-gradient(circle, #174558, #0d2c3d 70%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-hero-scene .india-case-hero-product { background: #0d2c3d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-challenge, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-outcome, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-cta { background: #071f2d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-method { background: #0a2635; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-fuel-card aside, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-fuel-card dl div { color: #bcd4de; background: #123748; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-fuel-card dl, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-device ul { background: #34596b; border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-device li { background: #123748; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-product-heading span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .india-case-why-device li span { color: #96afbb; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-page .india-case-button.is-primary { color: #082638; background: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-page .india-case-button.is-primary:is(:hover, :focus-visible) { color: #082638; background: #9ae6f7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-page { --ic-ink: #e8f6fa; --ic-copy: #b7ccd6; --ic-line: #34596b; --ic-soft: #123748; background: #071f2d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-page .india-case-button.is-secondary { color: #e8f6fa; background: #123748; border-color: #527a8d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-page .india-case-button.is-secondary:hover { color: #e8f6fa; background: #1c4b61; border-color: #70d5ec; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-hero { background: linear-gradient(118deg, #071f2d 0%, #0b2d3d 100%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-hero-product, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-fuel-card, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-device { background: #0d2c3d; border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-product-heading, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-product-features, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-product-features span + span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-image { border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-product-image, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-image { background: radial-gradient(circle, #174558, #0d2c3d 70%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-hero-scene .india-case-hero-product { background: #0d2c3d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-challenge, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-outcome, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-cta { background: #071f2d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-method { background: #0a2635; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-fuel-card aside, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-fuel-card dl div { color: #bcd4de; background: #123748; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-fuel-card dl, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-device ul { background: #34596b; border-color: #34596b; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-device li { background: #123748; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-product-heading span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .india-case-why-device li span { color: #96afbb; } } @media (prefers-reduced-motion: reduce) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-page [data-reveal] { opacity: 1; transform: none; transition: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button { transition: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-button:hover { transform: none; } } @media (max-width: 980px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-layout, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-heading, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-outcome-layout { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-layout { gap: var(--nt-space-42); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-solution-heading, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-outcome-layout { gap: var(--nt-space-45); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-editorial-heading { position: static; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities { gap: 0 var(--nt-space-30); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta-card { align-items: flex-start; flex-direction: column; } } @media (max-width: 680px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-shell { width: calc(100% - 28px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-section { padding: var(--nt-space-40) 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero { padding-top: var(--nt-space-46); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-layout { min-height: auto; padding-bottom: var(--nt-space-40); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-back { margin-bottom: var(--nt-space-34); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-copy h1 { font-size: var(--nt-type-43); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-lead { font-size: var(--nt-type-17); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context > div + div { border-left: 0; border-top: 1px solid var(--ic-line); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context > div { display: grid; grid-template-columns: 76px 1fr; gap: var(--nt-space-12); align-items: baseline; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-context dd { margin: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene { padding-bottom: 130px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-hero-scene .india-case-hero-product { right: 0; width: min(270px, calc(100% - 24px)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-visual { padding: var(--nt-space-24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-intro { flex-direction: column; align-items: flex-start; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-comparison { grid-template-columns: 1fr; gap: var(--nt-space-24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-comparison-arrow { transform: rotate(90deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-savings-results { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-actions a { width: 100%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-heading { padding: var(--nt-space-17) var(--nt-space-18); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-image { min-height: 245px; padding: var(--nt-space-20); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-product-features span { padding: var(--nt-space-14) var(--nt-space-6); font-size: var(--nt-type-10); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list article { grid-template-columns: 33px 27px 1fr; gap: var(--nt-space-11); min-height: 100px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-question-list p { font-size: var(--nt-type-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture { grid-template-columns: 1fr; padding: var(--nt-space-15); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-architecture > svg { margin: -2px auto; transform: rotate(90deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-capabilities { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card { padding: var(--nt-space-28) var(--nt-space-22); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dl { grid-template-columns: 1fr 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-fuel-card dl div { min-height: 108px; padding: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-implementation { margin-top: var(--nt-space-68); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip { margin-top: var(--nt-space-66); padding: var(--nt-space-28) var(--nt-space-22); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats { grid-template-columns: repeat(2, 1fr); gap: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats span { min-height: 68px; padding: var(--nt-space-12) var(--nt-space-10); border-left: 0; border-top: 1px solid rgba(255,255,255,.2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-trip-stats span:nth-child(even) { border-left: 1px solid rgba(255,255,255,.2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-device { padding-inline: var(--nt-space-22); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-why-image { margin-inline: -22px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta { padding: 0 0 var(--nt-space-40); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta-card { padding: var(--nt-space-38) var(--nt-space-26); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .india-case-cta .india-case-button { width: 100%; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-page .india-case-hero-scene .india-case-product-image img { left: 50%; width: 320px; height: 320px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-page .india-case-hero-scene .india-case-product-features span { line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-handover { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--nt-space-52); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-handover figure { margin: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-handover img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--nt-radius-24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-handover figcaption { margin-top: var(--nt-space-12); color: var(--ic-copy); font-size: var(--nt-type-14); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--nt-space-24); margin-top: var(--nt-space-40); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes article { padding: var(--nt-space-28); border: 1px solid var(--ic-line); border-radius: var(--nt-radius-20); background: var(--ic-soft); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes svg { width: 28px; color: var(--ic-accent); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes h3 { margin: var(--nt-space-20) 0 var(--nt-space-12); font-size: var(--nt-type-22); line-height: 1.25; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes p, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-evidence-note { color: var(--ic-copy); font-size: var(--nt-type-16); line-height: 1.7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes p { margin: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-evidence-note { margin: var(--nt-space-28) 0 0; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .coffee-case-page { --ic-accent: #70d5ec; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .coffee-case-page .india-case-product-features span { color: #bfdce7; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .coffee-case-page { --ic-accent: #70d5ec; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .coffee-case-page .india-case-product-features span { color: #bfdce7; } } @media (max-width: 980px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-handover { grid-template-columns: 1fr; } } @media (max-width: 680px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .coffee-case-outcomes { grid-template-columns: 1fr; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .india-case-capabilities p + p { margin-top: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .editorial-case-solution-intro { max-width: 900px; color: #d5eaf4; font-size: var(--nt-type-18); line-height: 1.7; margin: var(--nt-space-24) 0 var(--nt-space-28); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .editorial-case-results-intro { max-width: 900px; color: var(--ic-copy); font-size: var(--nt-type-18); line-height: 1.7; margin: var(--nt-space-24) 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .coffee-case-outcomes + .india-case-editorial-copy { margin-top: var(--nt-space-28); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .india-case-shell > h2 + .india-case-editorial-copy { margin-top: var(--nt-space-24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .editorial-case-outcome-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 760px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .editorial-case-outcome-cards { grid-template-columns: 1fr; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-page .coffee-case-evidence-note { padding: var(--nt-space-24); border: 1px solid var(--ic-line); border-radius: var(--nt-radius-20); background: var(--ic-soft); margin-bottom: var(--nt-space-28); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .case-estimate-values { margin: var(--nt-space-20) 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .case-estimate-values dt { color: var(--ic-copy); font-size: var(--nt-type-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .case-estimate-values dd { margin: var(--nt-space-8) 0 0; font-size: var(--nt-type-20); font-weight: 700; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-software { display: flex; width: fit-content; max-width: 100%; box-sizing: border-box; align-items: center; gap: 12px; padding: 12px 16px; margin: 32px 0 0; border: 1px solid rgba(153,221,244,.4); border-radius: 12px; color: #eaf7ff; text-decoration: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-software img { width: 40px; height: 40px; object-fit: contain; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-software svg { width: 18px; height: 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .editorial-case-software:focus-visible { outline: 2px solid #8cdef5; outline-offset: 4px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer *{box-sizing:border-box} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer{--footer-navy:#05263d;--footer-navy-deep:#031d30;--footer-cyan:#55d2ec;--footer-text:#a7bfcc;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 8%,rgba(19,150,190,.22),transparent 28%),linear-gradient(145deg,var(--footer-navy) 0%,var(--footer-navy-deep) 76%);color:#fff;font-family:Barlow,Arial,sans-serif} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer::before{content:"";width:640px;height:640px;position:absolute;right:-255px;top:-370px;border:1px solid rgba(111,214,235,.12);border-radius:50%;box-shadow:0 0 0 88px rgba(111,214,235,.035),0 0 0 176px rgba(111,214,235,.025);pointer-events:none} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;position:relative} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter{min-height:250px;padding:var(--nt-space-62) 0 var(--nt-space-55);border-bottom:1px solid rgba(255,255,255,.13);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--nt-space-70)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter>div{max-width:760px}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-eyebrow{margin:0 0 var(--nt-space-18);color:var(--footer-cyan);font-size:var(--nt-type-13);font-weight:800;letter-spacing:.2em}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter h2{margin:0;color:#fff;font-size:clamp(var(--nt-type-40),5vw,var(--nt-type-66));font-weight:600;line-height:.98;letter-spacing:-.055em}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter>div>p:last-child{max-width:590px;margin:var(--nt-space-22) 0 0;color:#a9c7d4;font-size:var(--nt-type-17);line-height:1.65} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-subscribe{min-width:188px;min-height:58px;padding:0 var(--nt-space-25);border:1px solid rgba(154,229,243,.35);border-radius:var(--nt-radius-999);background:var(--footer-cyan);box-shadow:0 16px 38px rgba(2,17,28,.3);color:#05263d;text-decoration:none;font-size:var(--nt-type-15);font-weight:700;letter-spacing:0;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--nt-space-20);white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-subscribe:hover{transform:translateY(-3px);background:#7de1f3;box-shadow:0 20px 44px rgba(2,17,28,.4)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-subscribe svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-main{padding:var(--nt-space-58) 0 var(--nt-space-62);display:grid;grid-template-columns:1.35fr .76fr .68fr .92fr 1fr 1.08fr;gap:0}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand{padding-right:var(--nt-space-54)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand>a{display:inline-flex;text-decoration:none}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-logo-image{display:block;width:200px;max-width:100%;height:auto}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand>p{max-width:290px;margin:var(--nt-space-27) 0 0;color:var(--footer-text);font-size:var(--nt-type-14);line-height:1.72} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column{min-width:0;padding:0 var(--nt-space-24);border-left:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:flex-start;gap:var(--nt-space-11)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column h3{margin:var(--nt-space-2) 0 var(--nt-space-18);color:#fff;font-size:var(--nt-type-13);font-weight:700;letter-spacing:.015em}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column>a{color:#b2c8d4;text-decoration:none;font-size:var(--nt-type-13);line-height:1.4;transition:color .2s,transform .2s}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column>a:hover{color:var(--footer-cyan);transform:translateX(3px)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column>a:focus-visible,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom :is(a,button):focus-visible{outline:2px solid var(--footer-cyan);outline-offset:4px;border-radius:2px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social{display:flex;align-items:center;gap:12px;margin-top:22px;margin-left:-8px}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--footer-text);text-decoration:none;transition:color .2s}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social svg{width:24px;height:24px;stroke-width:1.8}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social a:hover{color:var(--footer-cyan)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social a:focus-visible{outline:2px solid var(--footer-cyan);outline-offset:2px;border-radius:4px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact{margin-left:var(--nt-space-16);padding:var(--nt-space-22) var(--nt-space-22) var(--nt-space-20);border:1px solid rgba(255,255,255,.1);border-radius:var(--nt-radius-17);background:rgba(255,255,255,.045)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact h3{margin-top:0}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact span{margin-top:var(--nt-space-2);color:#a3bfce;font-size:var(--nt-type-13);font-weight:800;letter-spacing:.1em;text-transform:uppercase}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact>a{color:#c0d4dd;overflow-wrap:anywhere}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact p{margin:var(--nt-space-10) 0 0;color:#a7bfcc;font-size:var(--nt-type-13);line-height:1.55} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom{min-height:76px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:var(--nt-space-30);color:#a3bdcb;font-size:var(--nt-type-13)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom p{margin:0}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom nav{display:flex;align-items:center;gap:var(--nt-space-27)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom button{padding:0;border:0;background:transparent;color:#adc5d2;text-decoration:none;font:inherit;cursor:pointer;transition:color .2s}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom a:hover,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom button:hover{color:#fff}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-cookie-settings{display:inline-flex;align-items:center;gap:var(--nt-space-6)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-cookie-settings svg{width:15px;height:15px;flex:0 0 auto} @media(max-width:1040px){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-main{grid-template-columns:1.25fr repeat(2,1fr);row-gap:var(--nt-space-44)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand{grid-row:span 2}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact{grid-column:2/4;margin-left:var(--nt-space-24)}} @media(max-width:780px){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-shell{width:min(100% - 30px,1180px)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter{padding:var(--nt-space-52) 0 var(--nt-space-46);align-items:flex-start;flex-direction:column;gap:var(--nt-space-30)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-main{grid-template-columns:1fr 1fr}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand{grid-column:1/3;grid-row:auto;padding:0 0 var(--nt-space-8)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column{padding:0 var(--nt-space-22)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact{grid-column:auto;margin-left:0}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom{padding:var(--nt-space-24) 0;align-items:flex-start;flex-direction:column}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom nav{flex-wrap:wrap}} @media(max-width:560px){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-newsletter h2{font-size:var(--nt-type-42)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-subscribe{width:100%}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-main{grid-template-columns:1fr;gap:var(--nt-space-36)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-brand,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact{grid-column:auto}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column{padding:0;border-left:0}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-contact{padding:var(--nt-space-22);border:1px solid rgba(255,255,255,.1)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom nav{gap:var(--nt-space-15)}} @media(prefers-reduced-motion:reduce){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-subscribe,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-column>a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom a,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-bottom button,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .nt-footer-social a{transition:none}} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-backdrop { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: var(--nt-space-28); background: rgba(4, 30, 51, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); animation: ntc-63e7addd0970-lead-backdrop-in 180ms ease-out both; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal { --lead-blue: #0a84c6; --lead-navy: #062f4d; position: relative; padding: 0; display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(460px, 1.22fr); grid-template-rows: minmax(0, 1fr); width: min(1020px, 100%); min-height: min(650px, calc(100dvh - 56px)); max-height: calc(100vh - 56px); max-height: calc(100dvh - 56px); overflow: hidden; border: 1px solid rgba(176, 213, 234, 0.46); border-radius: var(--nt-radius-26); background: #fff; box-shadow: 0 30px 90px rgba(0, 25, 45, 0.34); color: var(--lead-navy); font-family: inherit; animation: ntc-63e7addd0970-lead-modal-in 240ms cubic-bezier(.2,.8,.2,1) both; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-close { position: absolute; z-index: 4; top: 20px; right: 20px; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid #d6e5ee; border-radius: 50%; background: #fff; color: #638095; cursor: pointer; transition: border-color 160ms ease, color 160ms ease, transform 160ms ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-close:hover { color: var(--lead-blue); border-color: #7fc3e7; transform: rotate(4deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-close svg { width: 20px; height: 20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: var(--nt-space-30); min-height: 0; min-width: 0; overflow: hidden; padding: var(--nt-space-46) var(--nt-space-40) var(--nt-space-40); background: radial-gradient(circle at 20% 8%, rgba(85,210,238,.3), transparent 34%), linear-gradient(145deg, #0b73aa 0%, #074c75 46%, #062f4d 100%), var(--lead-navy); color: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro::before { content: ""; position: absolute; inset: 0; opacity: .65; background: radial-gradient(circle at 87% 19%, rgba(113,220,244,.22) 0 3px, transparent 4px), radial-gradient(circle at 12% 66%, rgba(113,220,244,.2) 0 4px, transparent 5px), linear-gradient(130deg, transparent 25%, rgba(121,220,241,.11) 25.2%, transparent 25.5% 64%, rgba(121,220,241,.09) 64.2%, transparent 64.5%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro::after { content: ""; position: absolute; width: 440px; height: 440px; right: -275px; bottom: -210px; border: 1px solid rgba(134,225,245,.2); border-radius: 50%; box-shadow: 0 0 0 54px rgba(134,225,245,.035), 0 0 0 108px rgba(134,225,245,.025); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro > * { position: relative; z-index: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-eyebrow { margin: 0 0 var(--nt-space-12); color: #77d5ff; font-size:var(--nt-type-13); font-weight: 800; letter-spacing: .18em; text-transform: uppercase; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro h2 { margin: 0; max-width: 330px; color: #fff; font-size: clamp(var(--nt-type-34), 4vw, var(--nt-type-54)); line-height: .98; letter-spacing: -.045em; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro > div > p:not(.lead-modal-eyebrow) { margin: var(--nt-space-20) 0 0; max-width: 360px; color: rgba(255,255,255,.76); font-size: var(--nt-type-16); line-height: 1.58; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-visual { position: relative; z-index: 1; align-self: center; display: grid; place-items: center; width: 230px; height: 170px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-mark { position: relative; z-index: 2; display: grid; place-items: center; width: 88px; height: 88px; padding: var(--nt-space-13); border: 1px solid rgba(182,237,249,.48); border-radius: var(--nt-radius-26); background: rgba(222,247,253,.13); box-shadow: 0 20px 45px rgba(0,25,43,.23), inset 0 1px 0 rgba(255,255,255,.2); backdrop-filter: blur(7px); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-mark img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; filter: brightness(0) invert(1); opacity: .92; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit { position: absolute; inset: 22px 52px; border: 1px solid rgba(147,226,244,.3); border-radius: 50%; animation: ntc-63e7addd0970-lead-orbit 12s linear infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit-b { inset: 2px 30px; opacity: .56; animation-duration: 18s; animation-direction: reverse; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit i { position: absolute; left: 50%; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #8ce7f8; box-shadow: 0 0 0 5px rgba(140,231,248,.09), 0 0 18px rgba(140,231,248,.7); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit-b i { left: 18%; top: 10%; width: 6px; height: 6px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-topics { display: flex; flex-wrap: wrap; gap: var(--nt-space-8); margin-top: var(--nt-space-20); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-topics span { padding: var(--nt-space-7) var(--nt-space-10); border: 1px solid rgba(180,234,247,.27); border-radius: var(--nt-radius-999); background: rgba(194,239,249,.08); color: #d8f4fa; font-size: var(--nt-type-12); font-weight: 600; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-note { padding-top: var(--nt-space-22); border-top: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.8); font-size: var(--nt-type-14); line-height: 1.5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-form-wrap { min-height:0; min-width:0; overflow-y: auto; padding: var(--nt-space-68) var(--nt-space-50) var(--nt-space-42); scrollbar-width: thin; scrollbar-color: #b7d4e4 transparent; overscroll-behavior:contain; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-sales .lead-modal-intro { justify-content:center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit-frame { position: absolute; width: 1px; height: 1px; border: 0; opacity: 0; pointer-events: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit-frame.is-visible { position: static; display: block; width: 100%; min-height: 460px; border: 0; border-radius: var(--nt-radius-18); background: #ffffff; opacity: 1; pointer-events: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter { min-height:min(560px, calc(100dvh - 56px)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-intro { gap: var(--nt-space-20); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-visual { height: 145px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-note { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-form-wrap { display: flex; align-items: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-form-wrap > form { width: 100%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field > span b { color: var(--lead-blue); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-row-single { grid-template-columns: 1fr; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field { display: block; margin-bottom: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field > span { display: block; margin: 0 0 var(--nt-space-8); color: #526d80; font-size:var(--nt-type-13); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field textarea { width: 100%; box-sizing: border-box; border: 1px solid #718694; border-radius: var(--nt-radius-13); outline: 0; background: #f6fafc; color: var(--lead-navy); font: inherit; font-size: var(--nt-type-15); transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input { height: 52px; padding: 0 var(--nt-space-15); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field textarea { min-height: 108px; padding: var(--nt-space-14) var(--nt-space-15); resize: vertical; line-height: 1.45; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input::placeholder, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field textarea::placeholder { color: #587184; opacity: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field textarea:hover { border-color: #526f82; background: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input:focus, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field textarea:focus { border-color: var(--lead-blue); background: #fff; box-shadow: 0 0 0 4px rgba(10,132,198,.12); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field.is-invalid > span { color: #b82e39; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field.is-invalid > span b { color: #d23c48; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field.is-invalid input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field.is-invalid textarea { border-color: #dc4450; background: #fff7f7; box-shadow: 0 0 0 3px rgba(220,68,80,.11); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consents { display: grid; gap: var(--nt-space-13); margin: var(--nt-space-4) 0 var(--nt-space-22); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-subscribe-note { margin: -8px 0 var(--nt-space-20); color: #60798b; font-size: var(--nt-type-13); line-height: 1.45; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent { display: grid; grid-template-columns: 24px 1fr; gap: var(--nt-space-12); align-items: start; color: #60798b; font-size: var(--nt-type-14); line-height: 1.48; cursor: pointer; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-check { display: grid; place-items: center; width: 22px; height: 22px; box-sizing: border-box; border: 1.5px solid #9bb6c6; border-radius: 50%; background: #fff; color: transparent; transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-check svg { width: 14px; height: 14px; stroke-width: 3; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent:hover .lead-modal-check { border-color: var(--lead-blue); box-shadow: 0 0 0 4px rgba(10,132,198,.09); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent input:focus-visible + .lead-modal-check { border-color: var(--lead-blue); box-shadow: 0 0 0 4px rgba(10,132,198,.15); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent input:checked + .lead-modal-check { border-color: var(--lead-blue); background: var(--lead-blue); color: #fff; transform: scale(1.02); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent a { color: #0877b4; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent.is-invalid { color: #ad2d37; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent.is-invalid .lead-modal-check { border-color: #dd3f4b; background: #fff3f4; box-shadow: 0 0 0 4px rgba(221,63,75,.11); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent.is-invalid.shake-0 { animation: ntc-63e7addd0970-lead-consent-shake-a 360ms ease-in-out; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent.is-invalid.shake-1 { animation: ntc-63e7addd0970-lead-consent-shake-b 360ms ease-in-out; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success button { display: flex; align-items: center; justify-content: center; gap: var(--nt-space-10); width: 100%; min-height: 54px; border: 0; border-radius: var(--nt-radius-13); background: linear-gradient(100deg, #076eae, #0a91cc); box-shadow: 0 12px 24px rgba(7,111,174,.2); color: #fff; font: inherit; font-size: var(--nt-type-15); font-weight: 800; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(7,111,174,.26); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit:disabled { cursor: not-allowed; opacity: .72; transform: none; box-shadow: 0 8px 18px rgba(7,111,174,.14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) form[aria-busy="true"] .lead-modal-submit:disabled { cursor: wait; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-submit svg { width: 18px; height: 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success { display: flex; flex: 1 1 100%; width: 100%; min-height: 530px; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; text-align: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success > span { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: var(--nt-space-22); border-radius: var(--nt-radius-22); background: #e8f6fc; color: var(--lead-blue, #0879b4); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success > span svg { width: 28px; height: 28px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success h3 { margin: 0; max-width: 430px; color: var(--lead-navy, #062f4d); font-size: var(--nt-type-30); line-height: 1.08; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success > p:not(.lead-modal-eyebrow) { max-width: 430px; margin: var(--nt-space-18) 0 var(--nt-space-28); color: var(--nt-text-muted); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success button { width: auto; min-width: 180px; padding: 0 var(--nt-space-28); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success button:focus-visible { outline: 2px solid var(--nt-link-text); outline-offset: 4px; } @keyframes ntc-63e7addd0970-lead-backdrop-in { from { opacity: 0; } to { opacity: 1; } } @keyframes ntc-63e7addd0970-lead-modal-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } } @keyframes ntc-63e7addd0970-lead-orbit { to { transform: rotate(360deg); } } @keyframes ntc-63e7addd0970-lead-consent-shake-a { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-3px); } } @keyframes ntc-63e7addd0970-lead-consent-shake-b { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-3px); } } @media (max-width: 800px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-backdrop { padding: var(--nt-space-12); align-items: end; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal { grid-template-columns: 1fr; grid-template-rows:auto auto; min-height:0; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); border-radius: var(--nt-radius-24); overflow-y: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro { min-height: auto; padding: var(--nt-space-34) var(--nt-space-70) var(--nt-space-30) var(--nt-space-26); gap: var(--nt-space-18); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro h2 { max-width: 520px; font-size: var(--nt-type-36); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro > div > p:not(.lead-modal-eyebrow) { margin-top: var(--nt-space-12); font-size: var(--nt-type-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-visual { position: absolute; top: 18px; right: 68px; width: 110px; height: 100px; opacity: .3; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-mark { width: 58px; height: 58px; padding: var(--nt-space-9); border-radius: var(--nt-radius-18); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit { inset: 18px 24px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit-b { inset: 6px 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-topics { margin-top: var(--nt-space-14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-note { padding-top: var(--nt-space-16); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-form-wrap { overflow: visible; padding: var(--nt-space-28) var(--nt-space-24) var(--nt-space-30); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-intro { min-height: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-visual { height: 100px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-newsletter .lead-modal-form-wrap { display: block; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-close { top: 16px; right: 16px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-success { min-height: 320px; padding-block: var(--nt-space-24); } } @media (max-width: 560px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-row { grid-template-columns: 1fr; gap: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-intro h2 { font-size: var(--nt-type-32); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-note { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-field input { height: 50px; } } @media (prefers-reduced-motion: reduce) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-backdrop, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-consent, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-modal-orbit { animation: none !important; } } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal { --lead-blue: #54c9ef; --lead-navy: #eef8fc; border-color: #46768c; background: #0a2637; color: #eef8fc; box-shadow: 0 32px 96px rgba(0, 10, 18, .66); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-form-wrap { background: linear-gradient(145deg, #0c2b3d, #081f2e); scrollbar-color: #47758a transparent; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-close { border-color: #46768c; background: #102f42; color: #bcd3de; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-close:hover { border-color: #72d4ef; background: #17445a; color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field > span { color: #dcebf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field > span b { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field textarea { border-color: #628b9f; background: #102f42; color: #f1f9fc; caret-color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field input::placeholder, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field textarea::placeholder { color: #9eb8c5; opacity: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field input:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field textarea:hover { border-color: #5c94ae; background: #14394d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field input:focus, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field textarea:focus { border-color: #72d4ef; background: #14394d; box-shadow: 0 0 0 4px rgba(114,212,239,.14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent { color: #bfd3dc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-subscribe-note { color: #a9c5d1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent a { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-check { border-color: #6790a3; background: #102f42; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent:hover .lead-modal-check { border-color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent input:checked + .lead-modal-check { border-color: #54c9ef; background: #087fb8; color: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field.is-invalid > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent.is-invalid { color: #ff9ca5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field.is-invalid input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-field.is-invalid textarea, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-consent.is-invalid .lead-modal-check { border-color: #ff7a86; background: #3a202a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-success > span { background: #12384d; color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-success h3 { color: #eef8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-success > p:not(.lead-modal-eyebrow) { color: #b7ced9; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal { --lead-blue: #54c9ef; --lead-navy: #eef8fc; border-color: #46768c; background: #0a2637; color: #eef8fc; box-shadow: 0 32px 96px rgba(0, 10, 18, .66); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-form-wrap { background: linear-gradient(145deg, #0c2b3d, #081f2e); scrollbar-color: #47758a transparent; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-close { border-color: #46768c; background: #102f42; color: #bcd3de; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-close:hover { border-color: #72d4ef; background: #17445a; color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field > span { color: #dcebf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field > span b { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field textarea { border-color: #628b9f; background: #102f42; color: #f1f9fc; caret-color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field input::placeholder, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field textarea::placeholder { color: #9eb8c5; opacity: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field input:hover, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field textarea:hover { border-color: #5c94ae; background: #14394d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field input:focus, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field textarea:focus { border-color: #72d4ef; background: #14394d; box-shadow: 0 0 0 4px rgba(114,212,239,.14); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent { color: #bfd3dc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-subscribe-note { color: #a9c5d1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent a { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-check { border-color: #6790a3; background: #102f42; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent:hover .lead-modal-check { border-color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent input:checked + .lead-modal-check { border-color: #54c9ef; background: #087fb8; color: #fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field.is-invalid > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent.is-invalid { color: #ff9ca5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field.is-invalid input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-field.is-invalid textarea, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-consent.is-invalid .lead-modal-check { border-color: #ff7a86; background: #3a202a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-success > span { background: #12384d; color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-success h3 { color: #eef8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-success > p:not(.lead-modal-eyebrow) { color: #b7ced9; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-form { --lead-blue: #0879b4; --lead-navy: #082f4d; width: 100%; min-width: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-form .lead-modal-field select { width: 100%; min-width: 0; height: 52px; padding: 0 15px; border: 1px solid #718694; border-radius: var(--nt-radius-13); background: #f6fafc; color: var(--lead-navy); font: inherit; font-size: var(--nt-type-15); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-consent { display: flex; align-items: flex-start; gap: 12px; margin: 16px 0; color: var(--nt-text-muted); font-size: var(--nt-type-14); line-height: 1.6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-consent input { flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--lead-blue); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-consent a { color: var(--nt-link-text); text-decoration: underline; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-form .inquiry-availability { color: var(--nt-text-muted); font-size: var(--nt-type-14); line-height: 1.6; margin: 16px 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-availability a { color:var(--nt-link-text); text-decoration:underline; text-underline-offset:3px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-form > .lead-modal-submit { margin-top:8px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .inquiry-form :is(input,select,textarea,button):focus-visible { outline: 2px solid var(--nt-link-text); outline-offset: 3px; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .inquiry-form { --lead-navy: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .inquiry-form .lead-modal-field select { background: #102f42; color: #f1f9fc; border-color: #628b9f; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .inquiry-form { --lead-navy: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .inquiry-form .lead-modal-field select { background: #102f42; color: #f1f9fc; border-color: #628b9f; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent *{box-sizing:border-box} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent{--cookie-navy:#062f4d;--cookie-blue:#0786c8;position:fixed;z-index:9999;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));padding:var(--nt-space-27);border:1px solid #d7e6ee;border-radius:var(--nt-radius-22);background:#fff;box-shadow:0 24px 70px rgba(0,28,48,.25);color:#516b7e;font-family:inherit;animation:ntc-63e7addd0970-cookie-consent-in 240ms cubic-bezier(.2,.8,.2,1) both} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--nt-space-23);border-radius:var(--nt-radius-15);background:#e9f6fc;color:var(--cookie-navy)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-icon svg{width:25px;height:25px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-close{position:absolute;top:19px;right:19px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#7a909f;cursor:pointer;transition:background .16s,color .16s} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-close:hover{background:#edf6fa;color:var(--cookie-blue)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-close svg{width:20px;height:20px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-eyebrow{display:flex;align-items:center;gap:var(--nt-space-7);margin:0 0 var(--nt-space-8);color:#7891a1;font-size:var(--nt-type-13);font-weight:800;letter-spacing:.13em;text-transform:uppercase} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-eyebrow svg{width:13px;height:13px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent h2{margin:0;color:var(--cookie-navy);font-size:var(--nt-type-27);line-height:1.1;letter-spacing:-.035em} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent>p:not(.cookie-consent-eyebrow):not(.cookie-consent-status){margin:var(--nt-space-16) 0 var(--nt-space-13);font-size:var(--nt-type-14);line-height:1.6} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent>a{color:#087bb8;font-size:var(--nt-type-14);font-weight:700;text-underline-offset:3px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-status{margin:var(--nt-space-14) 0 0;padding:var(--nt-space-11) var(--nt-space-13);border-radius:var(--nt-radius-10);background:#f0f7fa;color:#587485;font-size:var(--nt-type-13);line-height:1.45} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-status strong{color:var(--cookie-navy)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-actions{display:grid;gap:var(--nt-space-10);margin-top:var(--nt-space-22)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-actions button{min-height:50px;padding:0 var(--nt-space-20);border-radius:var(--nt-radius-11);font:inherit;font-size:var(--nt-type-15);font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-actions button:hover{transform:translateY(-1px)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-accept{border:1px solid var(--cookie-blue);background:var(--cookie-blue);box-shadow:0 10px 24px rgba(7,134,200,.2);color:#fff} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-essential{border:1px solid #c9dbe5;background:#fff;color:var(--cookie-navy)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-essential:hover{border-color:#83bad7;box-shadow:0 8px 20px rgba(4,52,82,.08)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-settings-launcher{--cookie-blue:#0786c8;position:fixed;z-index:9998;right:24px;bottom:24px;width:50px;height:50px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:var(--cookie-blue);box-shadow:0 12px 30px rgba(0,56,91,.25);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-settings-launcher:hover{transform:translateY(-2px);background:#066da5;box-shadow:0 16px 34px rgba(0,56,91,.32)} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-settings-launcher:focus-visible{outline:3px solid rgba(34,183,223,.32);outline-offset:3px} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-settings-launcher svg{width:23px;height:23px} @keyframes ntc-63e7addd0970-cookie-consent-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}} @media(max-width:560px){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent{right:16px;bottom:16px;padding:var(--nt-space-23);border-radius:var(--nt-radius-19)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-icon{margin-bottom:var(--nt-space-18)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent h2{font-size:var(--nt-type-25)}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-settings-launcher{right:16px;bottom:16px}} @media(prefers-reduced-motion:reduce){:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent{animation:none}:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent-actions button{transition:none}} @media(prefers-color-scheme:dark){ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent{--cookie-navy:#e8f6fb;--cookie-blue:#38b9e4;border-color:#31566a;background:linear-gradient(145deg,#103247,#091f2e);box-shadow:0 24px 70px rgba(0,0,0,.48);color:#aec4cf} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-icon{background:#17445a;color:#67d2ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-close{color:#9db7c4} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-close:hover{background:#17445a;color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-eyebrow{color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent>a{color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-accept{color:#082e4a} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-status{border:1px solid #294b5e;background:#0c293b;color:#aec4cf} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-essential{border-color:#3a6074;background:#102f42;color:#e8f6fb} :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-essential:hover{border-color:#72d4ef;background:#17445a;box-shadow:0 8px 20px rgba(0,0,0,.18)} } @media(min-width: 0px){ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent{--cookie-navy:#e8f6fb;--cookie-blue:#38b9e4;border-color:#31566a;background:linear-gradient(145deg,#103247,#091f2e);box-shadow:0 24px 70px rgba(0,0,0,.48);color:#aec4cf} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-icon{background:#17445a;color:#67d2ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-close{color:#9db7c4} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-close:hover{background:#17445a;color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-eyebrow{color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent>a{color:#72d4ef} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-accept{color:#082e4a} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-status{border:1px solid #294b5e;background:#0c293b;color:#aec4cf} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-essential{border-color:#3a6074;background:#102f42;color:#e8f6fb} :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-essential:hover{border-color:#72d4ef;background:#17445a;box-shadow:0 8px 20px rgba(0,0,0,.18)} } /* Keep this import order: tokens, shared presentation, dark overrides. */ /* Existing visual values, named once. Component variants keep their original sizes. */ :root:where(:has(body > #root > [data-ui-route="63e7addd0970"])) { --nt-inverse-text: #f0f8fc; --nt-inverse-muted: #dceff6; --nt-readable-blue-gradient: linear-gradient(125deg, #073b61, #07638a); --nt-font-page: Barlow, "Barlow Fallback", sans-serif; --nt-radius-2: 2px; --nt-radius-3: 3px; --nt-radius-4: 4px; --nt-radius-5: 5px; --nt-radius-6: 6px; --nt-radius-7: 7px; --nt-radius-8: 8px; --nt-radius-9: 9px; --nt-radius-10: 10px; --nt-radius-11: 11px; --nt-radius-12: 12px; --nt-radius-13: 13px; --nt-radius-14: 14px; --nt-radius-15: 15px; --nt-radius-16: 16px; --nt-radius-17: 17px; --nt-radius-18: 18px; --nt-radius-19: 19px; --nt-radius-20: 20px; --nt-radius-21: 21px; --nt-radius-22: 22px; --nt-radius-23: 23px; --nt-radius-24: 24px; --nt-radius-25: 25px; --nt-radius-26: 26px; --nt-radius-27: 27px; --nt-radius-28: 28px; --nt-radius-29: 29px; --nt-radius-30: 30px; --nt-radius-32: 32px; --nt-radius-34: 34px; --nt-radius-35: 35px; --nt-radius-36: 36px; --nt-radius-37: 37px; --nt-radius-39: 39px; --nt-radius-40: 40px; --nt-radius-41: 41px; --nt-radius-42: 42px; --nt-radius-43: 43px; --nt-radius-44: 44px; --nt-radius-46: 46px; --nt-radius-48: 48px; --nt-radius-60: 60px; --nt-radius-999: 999px; --nt-space-1: 1px; --nt-space-2: 2px; --nt-space-3: 3px; --nt-space-4: 4px; --nt-space-5: 5px; --nt-space-6: 6px; --nt-space-7: 7px; --nt-space-8: 8px; --nt-space-9: 9px; --nt-space-10: 10px; --nt-space-11: 11px; --nt-space-12: 12px; --nt-space-13: 13px; --nt-space-14: 14px; --nt-space-15: 15px; --nt-space-16: 16px; --nt-space-17: 17px; --nt-space-18: 18px; --nt-space-19: 19px; --nt-space-20: 20px; --nt-space-21: 21px; --nt-space-22: 22px; --nt-space-23: 23px; --nt-space-24: 24px; --nt-space-25: 25px; --nt-space-26: 26px; --nt-space-27: 27px; --nt-space-28: 28px; --nt-space-29: 29px; --nt-space-30: 30px; --nt-space-31: 31px; --nt-space-32: 32px; --nt-space-33: 33px; --nt-space-34: 34px; --nt-space-35: 35px; --nt-space-36: 36px; --nt-space-37: 37px; --nt-space-38: 38px; --nt-space-39: 39px; --nt-space-40: 40px; --nt-space-41: 41px; --nt-space-42: 42px; --nt-space-43: 43px; --nt-space-44: 44px; --nt-space-45: 45px; --nt-space-46: 46px; --nt-space-47: 47px; --nt-space-48: 48px; --nt-space-49: 49px; --nt-space-50: 50px; --nt-space-51: 51px; --nt-space-52: 52px; --nt-space-53: 53px; --nt-space-54: 54px; --nt-space-55: 55px; --nt-space-56: 56px; --nt-space-57: 57px; --nt-space-58: 58px; --nt-space-60: 60px; --nt-space-62: 62px; --nt-space-64: 64px; --nt-space-65: 65px; --nt-space-66: 66px; --nt-space-67: 67px; --nt-space-68: 68px; --nt-space-70: 70px; --nt-space-72: 72px; --nt-space-74: 74px; --nt-space-75: 75px; --nt-space-76: 76px; --nt-space-78: 78px; --nt-space-80: 80px; --nt-space-82: 82px; --nt-space-84: 84px; --nt-space-85: 85px; --nt-space-86: 86px; --nt-space-88: 88px; --nt-space-90: 90px; --nt-space-92: 92px; --nt-space-94: 94px; --nt-space-95: 95px; --nt-space-96: 96px; --nt-space-98: 98px; --nt-space-100: 100px; --nt-space-104: 104px; --nt-space-105: 105px; --nt-space-110: 110px; --nt-space-112: 112px; --nt-space-115: 115px; --nt-space-118: 118px; --nt-space-120: 120px; --nt-space-132: 132px; --nt-space-140: 140px; --nt-space-165: 165px; --nt-space-175: 175px; --nt-space-185: 185px; --nt-space-1380: 1380px; --nt-type-5_1: 5.1px; --nt-type-5_5: 5.5px; --nt-type-5_7: 5.7px; --nt-type-5_8: 5.8px; --nt-type-5_9: 5.9px; --nt-type-6: 6px; --nt-type-6_3: 6.3px; --nt-type-6_4: 6.4px; --nt-type-6_5: 6.5px; --nt-type-6_8: 6.8px; --nt-type-7: 7px; --nt-type-8: 8px; --nt-type-9: 9px; --nt-type-10: 10px; --nt-type-11: 11px; --nt-type-12: 12px; --nt-type-12_5: 12.5px; --nt-type-13: 13px; --nt-type-14: 14px; --nt-type-15: 15px; --nt-type-16: 16px; --nt-type-17: 17px; --nt-type-18: 18px; --nt-type-19: 19px; --nt-type-20: 20px; --nt-type-21: 21px; --nt-type-22: 22px; --nt-type-23: 23px; --nt-type-24: 24px; --nt-type-25: 25px; --nt-type-26: 26px; --nt-type-27: 27px; --nt-type-28: 28px; --nt-type-29: 29px; --nt-type-30: 30px; --nt-type-31: 31px; --nt-type-32: 32px; --nt-type-33: 33px; --nt-type-34: 34px; --nt-type-35: 35px; --nt-type-36: 36px; --nt-type-37: 37px; --nt-type-38: 38px; --nt-type-39: 39px; --nt-type-40: 40px; --nt-type-41: 41px; --nt-type-42: 42px; --nt-type-43: 43px; --nt-type-44: 44px; --nt-type-45: 45px; --nt-type-46: 46px; --nt-type-47: 47px; --nt-type-48: 48px; --nt-type-49: 49px; --nt-type-50: 50px; --nt-type-51: 51px; --nt-type-52: 52px; --nt-type-53: 53px; --nt-type-54: 54px; --nt-type-55: 55px; --nt-type-56: 56px; --nt-type-58: 58px; --nt-type-59: 59px; --nt-type-60: 60px; --nt-type-62: 62px; --nt-type-63: 63px; --nt-type-64: 64px; --nt-type-66: 66px; --nt-type-67: 67px; --nt-type-68: 68px; --nt-type-70: 70px; --nt-type-73: 73px; --nt-type-74: 74px; --nt-type-76: 76px; --nt-type-78: 78px; --nt-type-80: 80px; --nt-type-82: 82px; --nt-type-86: 86px; --nt-type-88: 88px; --nt-type-90: 90px; --nt-type-92: 92px; --nt-type-94: 94px; --nt-type-96: 96px; --nt-type-104: 104px; --nt-type-116: 116px; --nt-type-128: 128px; --nt-type-260: 260px; --nt-type-570: 570px; } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-400.woff2") format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-500.woff2") format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-600.woff2") format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-700.woff2") format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 800; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-800.woff2") format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 900; font-display: swap; src: url("/approved-assets/styles/fonts/barlow-900.woff2") format("woff2"); } :root:where(:has(body > #root > [data-ui-route="63e7addd0970"])) { --nt-font: "Barlow", "Barlow Fallback", Arial, sans-serif; --nt-navy: #082f4d; --nt-navy-deep: #06263f; --nt-blue: #0879b4; --nt-blue-hover: #06689d; --nt-cyan: #22b7df; --nt-text-muted: #516b7e; --nt-link-text: #086ba1; --nt-line: #d8e7ef; --nt-surface: #f4f9fc; --nt-white: #ffffff; --nt-radius-button: 11px; --nt-height-button: 52px; --nt-shadow-button: 0 10px 24px rgba(8, 121, 180, 0.18); } /* The Memory icon is rendered through an SVG mask rather than as an inline icon. Let the mask inherit the same foreground color as the other device specification icons so it stays consistent in both color schemes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .s-spec-list button > span .s-spec-brand-icon { color: #0875b1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .s-spec-list button > span .s-spec-brand-icon::before { background: currentColor !important; } /* Shared CTA controls: consistent sizing, alignment and responsive stacking. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions, .support-final-actions, .can-spy-page .cta-actions, .drc-final-actions, .start-final-card .start-actions, .s-selection .s-actions ) { display: flex !important; flex-flow: row wrap !important; align-items: center !important; gap: var(--nt-space-12) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions, .support-final-actions, .drc-final-actions, .start-final-card .start-actions, .s-selection .s-actions ) > a { flex: 0 0 210px !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .can-spy-page .cta-actions > a { flex: 0 0 220px !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-final-card .start-actions { flex: 0 0 432px !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions > a, .support-final-actions > a, .can-spy-page .cta-actions > a, .soft-final-banner > a, .track-final-banner > a, .eco-final-banner > a, .ce-final-content > a, .contact-final-content > a, .cta-card > a, .dev-cta-inner > a, .sigma-cta-card > a, .drc-final-actions > a, .start-final-card .start-actions > a, .s-selection .s-actions > a ) { box-sizing: border-box !important; min-width: 210px; min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: var(--nt-space-10) !important; padding: 0 var(--nt-space-24) !important; border-radius: var(--nt-radius-11) !important; line-height: 1.2 !important; text-align: center; white-space: nowrap; width: 210px !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions > a, .support-final-actions > a, .can-spy-page .cta-actions > a, .soft-final-banner > a, .track-final-banner > a, .eco-final-banner > a, .ce-final-content > a, .contact-final-content > a, .cta-card > a, .dev-cta-inner > a, .sigma-cta-card > a, .drc-final-actions > a, .start-final-card .start-actions > a, .s-selection .s-actions > a ) svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; } @media (max-width: 640px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions, .support-final-actions, .can-spy-page .cta-actions, .drc-final-actions, .start-final-card .start-actions, .s-selection .s-actions ) { width: 100% !important; flex-direction: column !important; align-items: stretch !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-final-card .start-actions { min-width: 0 !important; flex-basis: auto !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-actions > a, .support-final-actions > a, .can-spy-page .cta-actions > a, .soft-final-banner > a, .track-final-banner > a, .eco-final-banner > a, .ce-final-content > a, .contact-final-content > a, .cta-card > a, .dev-cta-inner > a, .sigma-cta-card > a, .drc-final-actions > a, .start-final-card .start-actions > a, .s-selection .s-actions > a ) { width: 100% !important; min-width: 0 !important; flex: 0 0 54px !important; } } /* An email address needs intrinsic width, unlike short CTA labels. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .contact-page .contact-final-content > .contact-button { width: max-content !important; max-width: 100%; min-width: 0; white-space: normal !important; padding-block: var(--nt-space-12) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .contact-final-content > .contact-button span { min-width: 0; overflow-wrap: anywhere; } @media (max-width: 640px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .contact-page .contact-final-content > .contact-button { width: 100% !important; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ntc-control-page .cta-help { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--nt-space-7); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ntc-control-page .cta-help svg { width: 15px; height: 15px; } /* * Shared closing-banner typography. * * These panels originated in separate page styles and previously mixed 500, * 600 and 700 weight headings. Keep their layouts and colours page-specific, * but make the reading hierarchy identical everywhere. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .drc-final-box, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card, .ntc-control-page .final-cta .cta-panel ) { font-family: var(--nt-font) !important; font-synthesis: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .drc-final-box, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card, .ntc-control-page .final-cta .cta-panel ) h2 { margin-top: 0 !important; margin-bottom: 0 !important; font-family: var(--nt-font) !important; font-size: clamp(var(--nt-type-36), 3.25vw, var(--nt-type-44)) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -0.04em !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .drc-final-box, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card, .ntc-control-page .final-cta .cta-panel ) :is(p:not([class*="eyebrow"]), small) { font-family: var(--nt-font) !important; font-size: var(--nt-type-16) !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card ) [class*="eyebrow"] { font-family: var(--nt-font) !important; font-size: var(--nt-type-13) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.16em !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .drc-final-box, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card ) a { font-family: var(--nt-font) !important; font-size: var(--nt-type-16) !important; font-weight: 700 !important; letter-spacing: 0 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ntc-control-page .final-cta .store-button { font-family: var(--nt-font) !important; font-size: var(--nt-type-16) !important; font-weight: 700 !important; letter-spacing: 0 !important; } @media (max-width: 640px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .about-contact-banner, .home-commercial-banner, .support-final-banner, .can-spy-page .final-cta .cta-panel, .drc-final-box, .start-final-card, .s-selection-banner, .soft-final-banner, .track-final-banner, .eco-final-banner, .ce-final-banner, .contact-final-banner, .support-cta .cta-card, .dev-cta-inner, .sigma-cta-card, .ntc-control-page .final-cta .cta-panel ) h2 { font-size: var(--nt-type-34) !important; } } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-metrics { color: #b5cbd5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-metrics strong { color: #72d4ef !important; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-metrics { color: #b5cbd5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-metrics strong { color: #72d4ef !important; } } /* Keep the two generation-comparison cards aligned across START, SMART and SIGNAL even when the 4G / 2G label wraps. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .start-choice-columns article > span { display: block; min-height: 38px; font-size: var(--nt-type-12); line-height: 1.45; letter-spacing: .12em; } @media (max-width: 780px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .start-choice-columns article > span { min-height: 0; } } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])) { color: var(--nt-navy); font-family: var(--nt-font); scroll-behavior: smooth; } /* One typography contract for page titles and hero subheadings across routes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main h1, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main h1 * { font-family: var(--nt-font) !important; font-weight: 600 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main [class*="hero"] h2, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main [class*="hero"] h2 * { font-family: var(--nt-font) !important; font-weight: 500 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) body, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) button, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) input, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) select, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) textarea { font-family: var(--nt-font) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) body { margin: 0; font-weight: 400; min-width: 320px; background: var(--nt-white); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) *, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) *::before, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) *::after { box-sizing: border-box; } /* Shared CTA contract. Existing page class names opt in without changing layout. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .button, .home-button, .track-button, .ce-button, .catalog-button, .soft-button, .start-button, .eco-button, .sigma-button, .support-button, .kb-button, .s-button, .cta-button, .ntc-light-button, .software-button, .contact-button, .series-button, .device-button, .hero-button, .primary-button, .unified-header-cta, .nt-footer-subscribe, .lead-modal-submit, .lead-modal-success button ) { min-height: var(--nt-height-button) !important; border-radius: var(--nt-radius-button) !important; font-family: var(--nt-font) !important; font-size: var(--nt-type-16) !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is( .button, .home-button, .track-button, .ce-button, .catalog-button, .soft-button, .start-button, .eco-button, .sigma-button, .support-button, .kb-button, .s-button, .cta-button, .ntc-light-button, .software-button, .contact-button, .series-button, .device-button, .hero-button, .primary-button, .unified-header-cta, .nt-footer-subscribe, .lead-modal-submit ) > svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell { min-height: 100vh; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell > .nt-footer { margin-top: 0; } /* Legal pages previously carried their own miniature footer. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .minimal-footer { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-loading, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-not-found { display: grid; min-height: 60vh; place-items: center; padding: var(--nt-space-48) var(--nt-space-24); text-align: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-contact-frame { display: block; width: 100%; min-height: 100vh; border: 0; background: #eef8fd; } /* Translated CTA labels may need two lines. Keep their established width, typography and minimum touch target without clipping text or shrinking it. */ html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"], [lang="fr"]) .unified-page-shell :is( .about-contact-actions > a, .support-final-actions > a, .can-spy-page .cta-actions > a, .soft-final-banner > a, .track-final-banner > a, .eco-final-banner > a, .ce-final-content > a, .cta-card > a, .dev-cta-inner > a, .sigma-cta-card > a, .drc-final-actions > a, .start-final-card .start-actions > a, .s-selection .s-actions > a ) { white-space: normal; height: auto !important; padding-block: var(--nt-space-12) !important; padding-inline: var(--nt-space-20) !important; } /* Localized diagrams need room for complete technical labels, not smaller type. */ html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .track-telemetry-core { padding:12px; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .track-telemetry-core :is(strong,small) { width:100%; max-width:100%; line-height:1.25; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .track-core-radar { flex-shrink:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-hero-diagram { --ce-rule-reserve:200px; padding-bottom:var(--ce-rule-reserve); min-height:calc(480px + var(--ce-rule-reserve)); } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-active-routes { bottom:var(--ce-rule-reserve); height:calc(100% - var(--ce-rule-reserve)); } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule-stack { bottom:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule { height:auto; min-height:150px; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); grid-template-rows:auto 1fr; row-gap:8px; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule small { grid-column:1/-1; width:fit-content; max-width:100%; font-size:9px; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule-condition { grid-column:1; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule svg { grid-column:2; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule-result { grid-column:3; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-logic-disclaimer { font-size:10px; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-signal-node { min-height:60px; height:auto; padding-block:10px; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-signal-node svg { flex-shrink:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-signal-node span { min-width:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell :is(.eco-final-banner,.eco-availability-card) .eco-button { height:auto !important; white-space:normal; padding-block:12px !important; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .eco-button > span { min-width:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .eco-button > svg { flex-shrink:0; } @media (max-width:1100px) { html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .sigma-update-card { grid-template-columns:1fr; } } @media (max-width:780px) { html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-hero-diagram { min-height:calc(450px + var(--ce-rule-reserve)); } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-signal-node { font-size:12px; } } @media (max-width:540px) { html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-hero-diagram { padding-bottom:0; min-height:0; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule { min-height:220px; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule-stack { position:relative; left:auto; bottom:auto; transform:none; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule :is(small,.ce-live-rule-condition,.ce-live-rule-result) { grid-column:1; justify-self:start; text-align:left; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"],[lang="fr"]) .unified-page-shell .ce-live-rule-result { align-self:start; } } /* Stack these CTA panels before the text column becomes narrower than its buttons. The English layout and wide-screen presentation stay unchanged. */ @media (max-width: 980px) { html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"], [lang="fr"]) .unified-page-shell .s-selection-banner { flex-direction: column; align-items: flex-start; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"], [lang="fr"]) .unified-page-shell .support-final-content { grid-template-columns: 55px minmax(0, 1fr); } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"], [lang="fr"]) .unified-page-shell .support-final-actions { grid-column: 2; justify-content: flex-start; } } @media (max-width: 640px) { html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):is([lang="es"], [lang="fr"]) .unified-page-shell :is( .about-contact-actions, .support-final-actions, .can-spy-page .cta-actions, .drc-final-actions, .start-final-card .start-actions, .s-selection .s-actions ) > a { flex-basis: auto !important; } } /* Automatic system theme. No stored preference is needed: the site follows the visitor's macOS, Windows, iOS or Android appearance setting. */ @media (prefers-color-scheme: dark) { /* Page styles load after the shared theme. Keep the active palette above their unqualified :root defaults, including during client navigation. */ :root:where(:has(body > #root > [data-ui-route="63e7addd0970"])):where(:not([data-theme="light"])):not([data-theme="light"]) { color-scheme: dark; --nt-navy: #e8f5fb; --nt-navy-deep: #d8edf7; --nt-blue: #35b8ee; --nt-blue-hover: #5dc8f2; --nt-cyan: #43c8ed; --nt-text-muted: #b3c8d2; --nt-link-text: #72d4ef; --nt-line: #28495c; --nt-surface: #0b2738; --nt-white: #0a2130; --navy: #e8f5fb; --deep: #d8edf7; --blue: #35b8ee; --cyan: #43c8ed; --muted: #9db5c3; --line: #28495c; --soft: #0b2738; --pale: #0d3044; --card: #0d2a3c; --white: #0a2130; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):where(:not([data-theme="light"])), :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) body { background: #061925; color: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell { background: #061925; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main { background-color: #071c2a; color: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main > section:not(.home-hero):not(.soft-hero):not(.start-hero):not(.smart-hero):not(.signal-hero):not(.sigma-hero):not(.ntc-hero):not(.use-cases-hero):not(.not-found-main):not(.not-found-copy):not(.not-found-visual) { background-color: #071c2a !important; background-image: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-hero,.home-hero-slide,.soft-hero,.start-hero,.smart-hero,.signal-hero,.sigma-hero,.ntc-hero,.catalog-hero,.comparison-hero,.support-hero,.kb-hero,.warranty-hero,.dev-hero) { background-color: #071c2a !important; background-image: radial-gradient(circle at 78% 30%,#123e55 0,transparent 38%),linear-gradient(135deg,#092334,#061925) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(article,[class*="-card"],[class*="-panel"],[class*="-tile"],[class*="-toolbar"],[class*="-filter"],[class*="-table"],[class*="-modal-content"]) { border-color: #294b5e !important; } /* A dark theme needs dark surfaces, not just light text. Keep the saturated promotional panels intact and translate the reusable white card system. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .home-intro-grid > a, .home-series-card, .home-software-grid > a, .home-pathway-grid article, .home-download-grid > a, .track-series-card, .track-application-grid article, .track-resource-grid > a, .start-application-grid article, .start-feature-grid article, .start-resource-grid > a, .start-model-card, .smart-application-grid article, .smart-feature-grid article, .smart-resource-grid > a, .smart-model-card, .signal-application-grid article, .signal-feature-grid article, .signal-resource-grid > a, .signal-model-card, .s-application-grid article, .s-feature-grid article, .s-resource-grid > a, .s-related-grid > a, .build-card, .reason-card, .soft-card, .support-card, .kb-card, .warranty-card, .catalog-device-card, .dev-card ) { border-color: #294b5e !important; background-color: #0c293b !important; background-image: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-software-grid > a,.home-series-card,.home-pathway-grid article,.catalog-device-card,.catalog-filters,.catalog-toolbar,.comparison-table,.comparison-toolbar,.track-spec-card,.track-feature-card,.start-model-card,.smart-model-card,.signal-model-card,.support-card,.kb-card,.warranty-card,.soft-card,.about-card,.contact-card,.sigma-card,.sigma-navtelecom-compatibility,.dev-card) { background-color: #0c293b !important; background-image: linear-gradient(145deg,#0f3044,#0a2333) !important; box-shadow: 0 18px 45px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(h1,h2,h3,h4,h5,h6,dt,.comparison-spec-label,.catalog-device-name) { color: #eaf6fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(p,li,dd):not([class*="eyebrow"]):not([class*="kicker"]) { color: var(--nt-body-on-surface, #a9bec9) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(input,select,textarea) { border-color: #628b9f !important; background: #0a2232 !important; color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(input,select,textarea):focus-visible { border-color:#72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .lead-modal-field.is-invalid :is(input,textarea) { border-color:#ff7a86 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(input,textarea)::placeholder { color: #7894a4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.comparison-spec-row,.comparison-products,.comparison-product,.comparison-spec-value,.comparison-spec-label) { border-color: #294b5e !important; background-color: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-navtelecom-compatibility .sigma-compatible-models a { border-color: #31566a; background:#102f42; color:#dcebf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-spec-row.has-difference > * { background-color: #10364b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-series-product,.catalog-device-art,.comparison-product-art) { background: radial-gradient(circle,#17384a,#0a2232 72%) !important; } /* Home hero controls and pathway: selected states stay blue instead of becoming a white slab; connectors are quieter on the dark canvas. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-hero-tabs button { border-color: #2a4c60 !important; color: #9eb8c7 !important; background: rgba(9,38,55,.76) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-hero-tabs button:is(:hover,.active) { border-color: #3a7897 !important; color: #eef9fd !important; background: #12384d !important; box-shadow: inset 0 0 0 1px rgba(67,200,237,.08) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-hero-tabs span { color: #43c8ed !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-hero .home-button-text, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.track-button-outline,.s-button-secondary,.start-button-secondary,.smart-button-secondary,.signal-button-secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-pathway-connector { border-color: #326078 !important; color: #63cbe9 !important; background: #102f42 !important; box-shadow: 0 5px 15px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-pathway-icon,.track-resource-grid > a > span,.s-application-grid > article > span,.s-resource-top > span,.start-feature-icon,.smart-feature-icon,.signal-feature-icon) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-series-card li { color: #b7ccd6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .home-intro-grid > a > strong, .home-series-card > strong, .home-software-grid > a > strong ) { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .home-intro-grid > a:hover > strong, .home-intro-grid > a:focus-visible > strong, .home-series-card:hover > strong, .home-series-card:focus-visible > strong, .home-software-grid > a:hover > strong, .home-software-grid > a:focus-visible > strong ) { color: #8ce6f7 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-software-logo.logo-01 img { mix-blend-mode: normal !important; filter: drop-shadow(0 8px 14px rgba(0,0,0,.22)) !important; opacity: 1 !important; } /* Home proof, partners and FAQ still carried light-theme foregrounds. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-stats article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-stats strong { color: #42c4eb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-stats span { color: #a7bfcb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-quality { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-quality span { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-quality svg { color: #42d59a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-logo, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-logo.partner-omnicomm { border: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-logo img { opacity: .76 !important; filter: grayscale(1) invert(1) brightness(1.18) !important; mix-blend-mode: screen !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-logo:hover img { opacity: 1 !important; filter: grayscale(1) invert(1) brightness(1.45) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-marquee::before { background: linear-gradient(90deg,#071c2a 18%,rgba(7,28,42,0)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-marquee::after { background: linear-gradient(270deg,#071c2a 18%,rgba(7,28,42,0)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-faq-list, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-faq-list article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-download-groups section + section { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-faq-list button { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-faq-list button:hover { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-faq-list button svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-download-groups h3,.home-download-name strong) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-download-name small { color: #96afbc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-download-grid > a > svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-platform-icon { background: #e8f4fa !important; } /* Device details: accordion rows previously kept their light-theme navy labels, which made the specification table almost disappear. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-list article { background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-list button { color: #e5f2f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-row { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-row span { color: #91abb9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-row strong { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-spec-list button > span :is(svg,.s-spec-brand-icon) { color: #4bc4e8 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-expertise-stats article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-stats article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .company-stats article { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Keep the globe free-standing, without the legacy rectangular map card. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .map-frame { border: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .world-map svg { opacity: .78; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .world-map path[fill="#D8DEE9"] { fill: #24465a !important; stroke: #376176 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .world-map path[fill="#E5E7EB"] { fill: #173648 !important; stroke: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .world-map .map-marker-dot { fill: #43c8ed !important; stroke: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header { border-color: #244354 !important; background: #061925 !important; box-shadow: 0 8px 24px rgba(0,0,0,.23) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-header-nav > a,.unified-products-nav > a,.unified-support-nav > a,.unified-mobile-panel > nav a) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-header-nav > a:hover,.unified-header-nav > a.active,.unified-products-nav:hover > a,.unified-products-nav:focus-within > a,.unified-products-nav > a.active,.unified-support-nav:hover > a,.unified-support-nav:focus-within > a,.unified-support-nav > a.active) { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-menu,.unified-support-menu,.unified-mobile-panel) { border-color: #294b5e !important; background: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-title,.unified-products-links a,.unified-support-contact strong,.unified-support-resources a) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header .unified-products-title:not(.is-static):is(:hover, :focus) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header .unified-products-title svg { color: inherit; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-intro strong,.unified-support-intro strong) { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-intro p,.unified-support-intro p) { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-group > p,.unified-products-group small,.unified-support-contact small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-support-contact > p,.unified-support-resources > p) { color: #8fc0d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-group,.unified-support-contact) { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-support-contact > a,.unified-support-resources a) { background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-links a,.unified-support-contact > a,.unified-support-resources a):hover,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header :is(.unified-products-links a,.unified-support-contact > a,.unified-support-resources a):focus-visible { color: #83dcf4 !important; background: #17465e !important; box-shadow: inset 0 0 0 1px rgba(91,202,234,.15) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-header-brand img { filter: none !important; opacity: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .nt-footer { border-top-color: #264759 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-modal-card,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .cookie-consent-card { border-color: #31566a !important; background: #0b2637 !important; color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-page { background: #071722; color: #dbe8ee; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-main { gap: clamp(var(--nt-space-36),5vw,var(--nt-space-86)); background: linear-gradient(135deg,#0b2635,#061722); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-copy { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-copy h1 { color: #e5eef2 !important; }:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-copy h1 span { color: #718894 !important; }:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-lead { color: #a2b5be !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-secondary,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-orbit,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-status { border-color: #3a5563; background: rgba(12,35,47,.78); color: #dce9ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-status strong { color: #dce9ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-visual { min-height: 540px; overflow: hidden; border: 1px solid #294b5e; border-radius: var(--nt-radius-32); background: radial-gradient(circle at 50% 48%,#12394d 0 20%,#0b293b 55%,#081f2d 100%); box-shadow: 0 24px 60px rgba(0,0,0,.24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-code { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-scan { width: min(48vw,500px); border-color: rgba(70,130,156,.24); box-shadow: 0 0 0 54px rgba(21,57,73,.2),0 0 0 108px rgba(12,42,56,.12); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-scan::before,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-scan::after { border-color: rgba(72,133,158,.2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .not-found-device { filter: grayscale(1) saturate(.18) brightness(.72) contrast(1.05) drop-shadow(0 35px 30px rgba(0,0,0,.32)); } /* Series pages: the real component is `start-strength-grid` on all three families. These cards must use the same restrained dark surface as the rest of the series, including their icon wells. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-strength-grid article { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-strength-grid article > span { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-strength-grid h3 { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-strength-grid p { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-device, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .device-image, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-product-art { border: 1px solid #24495d !important; background: radial-gradient(circle at 50% 44%,#1b4458 0,#102f42 52%,#0a2232 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-ring { border-color: rgba(73,190,225,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-link { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-card:is(:hover, :focus-visible) .start-model-link { color: #83dcf4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-link svg { color: inherit !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-filters { background: #0d2b3d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-filters button { color: #9eb6c3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-filters button.active { color: #7fd8f1 !important; background: #17445a !important; box-shadow: none !important; } /* Full catalogue: remove the remaining white search, filter and product slabs while preserving a clear selected state. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-hero-search,.catalog-quickbar,.catalog-filters,.device-card,.catalog-empty) { border-color: #294b5e !important; background: #0c293b !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-hero-search input { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-tabs,.catalog-network) button { color: #a9c0cc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-tabs,.catalog-network) button:is(:hover,.active) { color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .device-card h3 { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .device-card :is(dt,dd) { color: #a9bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .device-badges span { color: #bcd0d9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-check-option,.device-compare) i { border-color: #557487 !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-check-option.checked,.device-compare.checked) i { border-color: #35b8ee !important; background: #1681b4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-button-secondary { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-button-secondary:hover { background: #17445a !important; } /* Primary actions use the same readable cyan/dark pairing across sections; the bright dark-theme accent token is unsuitable behind white labels. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.contact-button-primary,.support-button-primary,.catalog-button-primary,.soft-button-primary,.ce-button-primary,.kb-button.primary,.track-button-primary) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-filter-group { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.catalog-filter-head > span,.catalog-filter-group h3,.catalog-filter-toggle,.catalog-check-option,.device-compare) { color: #b9ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-check-option:hover { color: #e1f0f6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-help { border: 1px solid #31566a !important; color: #a8bec9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-help strong { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-help p { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .catalog-help a { color: #72d4ef !important; } /* Device comparison: section dividers, controls and cell values previously retained their light palette and created bright horizontal flashes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-page { background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.comparison-toolbar,.comparison-table-scroll,.comparison-empty) { border-color: #294b5e !important; background: #0b2637 !important; box-shadow: 0 18px 45px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-products-label { border-color: #294b5e !important; background: #0f3044 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-spec-section > h2 { color: #70d3ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-spec-value { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-count span { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-count strong { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-product h2 { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-spec-label { color: #e0edf3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-note, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-text-value.is-unavailable { color: #abc3cf !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.comparison-difference-toggle,.comparison-edit-link) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-clear-link { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-remove { color: #9fb7c4 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-product-art { border: 0 !important; border-radius: 0 !important; background: radial-gradient(ellipse at center,rgba(45,126,158,.3) 0%,rgba(20,66,86,.16) 42%,transparent 72%) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .comparison-product-art img { filter: drop-shadow(0 16px 17px rgba(0,0,0,.3)) !important; } /* SIGMA uses its own design vocabulary, so it needs explicit dark surfaces instead of falling through the generic card matcher. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-product { filter: drop-shadow(24px 30px 24px rgba(0,0,0,.36)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-navtelecom-compatibility { margin-top: var(--nt-space-50) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.orbit-card,.sigma-chip) { border-color: #3b6074 !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 15px 32px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.orbit-card b,.sigma-chip strong) { color: #e6f3f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.orbit-card small,.sigma-chip span) { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-facts { border-color: #294b5e !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-facts article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-facts svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-facts strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-facts span { color: #93adba !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-intro :is(h2,p) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-intro .sigma-heading-split > p { color: #a9bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.sigma-card-grid article,.sigma-use-grid article,.sigma-resource-grid > a,.sigma-availability-note,.sigma-update-card,.sigma-update-sources > span,.sigma-update-node:not(.active)) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-use-grid { border-color: #294b5e !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.sigma-card-grid h3,.sigma-use-grid h3,.sigma-resource-grid h3,.sigma-update-copy h2,.sigma-availability-note strong,.sigma-update-flow b) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.sigma-card-grid p,.sigma-use-grid p,.sigma-resource-grid p,.sigma-update-copy > p:last-child,.sigma-availability-note p,.sigma-update-flow small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-card-grid article > div span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-resource-grid > a > small { color: #85a6b6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-resource-grid > a > div span { color: #62cce9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-availability-note > svg { color: #68cce8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-list article { background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-list button { color: #e5f2f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-row { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-row span { color: #91abb9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-row strong { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-spec-list button > span svg { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-update-node.active { border-color: #3f7fa1 !important; background: linear-gradient(145deg,#155c81,#435ba3) !important; } /* All three new-model cards highlight without moving their hit areas. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-promo-model:hover { transform: none !important; border-color: #3d7895 !important; box-shadow: 0 28px 58px rgba(0,0,0,.25) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-promo-model { transform-origin: 50% 50% !important; transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-promo-model img { transition: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-promo-model:hover img { filter: drop-shadow(0 14px 16px rgba(0,0,0,.24)) !important; } /* Support: a single dark visual language for the hero, navigation paths, resource cards and the secondary Telegram option. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow::before { inset: 12px !important; border: 1px solid rgba(74,196,231,.1) !important; background: radial-gradient(circle,#15445a 0,rgba(13,50,69,.62) 38%,transparent 72%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-channel { border-color: #3b6074 !important; color: #dcebf2 !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 18px 38px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-channel span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-ticket .support-ticket-icon { color: #64cde9 !important; background: #17465e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-ticket { border: 1px solid #3b86aa !important; background: linear-gradient(145deg,#0d6f9f,#08456d) !important; box-shadow: 0 30px 65px rgba(0,0,0,.34),0 0 54px rgba(38,177,219,.12) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-status { border-color: #365e72 !important; color: #d8e9f0 !important; background: #102f42 !important; box-shadow: 0 14px 30px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-flow-status svg { color: #54d49a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-contact-secondary,.support-resource-grid > a) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-contact-secondary,.support-resource-grid > a):hover { border-color: #477b96 !important; background: linear-gradient(145deg,#143b50,#0c2a3b) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-contact-secondary h3,.support-resource-grid h3,.support-path-grid strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-contact-secondary .support-card-description,.support-resource-grid a > p:not(.support-resource-eyebrow),.support-path-grid small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-contact-secondary .support-icon-box,.support-resource-grid .support-icon-box,.support-path-grid a > span) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-channel-label { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-bot-note { color: #c6dce6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-button-outline { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-path-grid a { border-color: #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .support-path-grid a:hover { border-color: #4c86a3 !important; background: #12384d !important; box-shadow: 0 15px 34px rgba(0,0,0,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.support-path-grid > a > svg,.support-resource-top > svg) { color: #55c4e6 !important; } /* Software Solutions index. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-solution-card,.soft-task-card,.soft-resource-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-solution-card,.soft-task-card,.soft-resource-card):hover { border-color: #477b96 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-product-icon,.soft-card-arrow,.soft-resource-icon,.soft-tags span,.soft-resource-arrow) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-solution-card h3,.soft-task-card h3,.soft-resource-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-card-description,.soft-task-card p,.soft-resource-card > span:not(.soft-resource-icon)) { color: #a8bec9 !important; } /* On dark surfaces, replace the pale cut-out circle with a quiet glow. Product accents remain distinct without competing with the names/copy. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card { --soft-card-rgb: 105,200,237; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card.can-spy { --soft-card-rgb: 90,206,221; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card.drc { --soft-card-rgb: 146,183,245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card.complex-events { --soft-card-rgb: 105,200,237; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card.ntc-control { --soft-card-rgb: 146,183,245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card.eco-driving { --soft-card-rgb: 176,213,132; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card::before { width: 220px; height: 220px; right: -80px; top: -95px; border-radius: 0; background: radial-gradient(circle,rgba(var(--soft-card-rgb),.15),rgba(var(--soft-card-rgb),.06) 42%,transparent 70%); opacity: 1; pointer-events: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card :is(.soft-card-label,.soft-card-arrow,.soft-tags span) { color: rgb(var(--soft-card-rgb)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card .soft-card-arrow { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card:is(:hover,:focus-visible) { border-color: rgba(var(--soft-card-rgb),.55) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .soft-page .soft-solution-card:is(:hover,:focus-visible) .soft-card-arrow { background: rgba(var(--soft-card-rgb),.16) !important; } /* NTC Configurator. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-feature-card,.ntc-step-card,.ntc-tool-grid > a,.ntc-tool-grid > article,.ntc-tab-panel) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ntc-platform-symbol { color: #55c4e6 !important; background: #12384d !important; } /* CAN Spy. Keep the product UI mockups intact, but translate all page-level content surfaces and their foregrounds. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.feature-card,.mode-card,.action-card,.advanced-card,.workflow-step,.application-grid article,.resource-card,.flow-node,.deployment-package,.mini-grid div,.logging-features > div) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.icon-box,.resource-icon,.mode-icon) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.feature-card h3,.mode-card h3,.action-card h3,.advanced-card h3,.workflow-step h3,.application-grid h3,.resource-card h3,.deployment-package h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.feature-card p,.mode-card p,.action-card p,.advanced-card p,.workflow-step p,.application-grid p,.resource-card p,.deployment-package p) { color: #a8bec9 !important; } /* DRC. The dashboard preview remains a faithful light UI screenshot; its surrounding product content now belongs to the dark page. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-feature,.drc-manage-item,.drc-usecase,.drc-step,.drc-source-card,.drc-flow-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-feature h3,.drc-manage-item h3,.drc-usecase h3,.drc-step h3,.drc-source-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-feature p,.drc-manage-item p,.drc-usecase p,.drc-step p,.drc-source-card p) { color: #a8bec9 !important; } /* Complex Events. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-architecture-grid,.ce-mode-panel,.ce-capability-grid article,.ce-use-case-grid article,.ce-workflow-line article,.ce-resource-grid a) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-architecture-grid .ce-architecture-featured { border-color: #3b7998 !important; background: linear-gradient(145deg,#16445b,#0e3043) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-mode-tabs,.ce-mode-tabs button[aria-selected="true"],.ce-icon-box,.ce-architecture-number,.ce-tag) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-capability-grid h3,.ce-use-case-grid h3,.ce-workflow-line h3,.ce-resource-grid strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-capability-grid p,.ce-use-case-grid p,.ce-workflow-line p,.ce-resource-grid small) { color: #a8bec9 !important; } /* NTC Control. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.content-card,.connection-card,.choice-card,.resource-card,.compatibility-panel,.platform-row,.step) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.tour-tabs button[aria-selected="true"],.tour-tab-icon,.icon-box,.platform-row > span,.choice-title span) { color: #61cae7 !important; background: #12384d !important; } /* Eco Driving. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-flow,.eco-flow-sources article,.eco-flow-outputs article,.eco-capability-card,.eco-axis-panel,.eco-steps article,.eco-config-visual,.eco-profile-grid article,.eco-platform-card,.eco-resource-link,.eco-availability-card) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-icon-box,.eco-axis-row > b,.eco-platform-icon,.eco-availability-icon) { color: #64cde9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-status,.eco-live,.eco-vehicle > span) { border-color: #365e72 !important; color: #dcebf2 !important; background: rgba(13,45,62,.94) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-capability-card h3,.eco-steps h3,.eco-profile-grid strong,.eco-resource-link strong,.eco-flow-sources strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-capability-card p,.eco-steps p,.eco-profile-grid small,.eco-resource-link small,.eco-flow-sources small) { color: #a8bec9 !important; } /* Final dark-theme sweep. Shared light CTAs become a deliberate cyan accent; outlined controls stay quiet and dark instead of flashing white. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-button-light,.track-button-light,.start-button-light,.s-button-light,.soft-button-light,.support-button-light,.contact-button-light,.sigma-button-light,.eco-button-light,.kb-button.light,.dev-button-secondary,.cta-button) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; box-shadow: 0 13px 28px rgba(25,163,205,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-button-outline,.track-button-outline,.start-button-outline,.s-button-secondary,.soft-button-outline,.sigma-button-secondary,.eco-button-outline,.kb-button.secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-text-link,.support-text-link,.ntc-text-link,.ce-text-link,.comparison-back,.comparison-product-link,.catalog-reset,.kb-text-link,.dev-inline-note a,.dev-tool-grid a) { color: #72d4ef !important; } /* Home: stats, releases, partner marks, downloads and FAQ. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-intro-grid,.home-download-tile,.home-promo-model) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-intro-grid span,.home-download-tile > span,.home-promo-icon) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-promo-model strong,.home-promo-model a,.home-download-tile strong,.home-faq summary strong,.home-stat-grid small,.home-trust-row span) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-download-tile small,.home-faq .home-answer,.home-stat-note) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-card { border-color: #294b5e !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-partner-card img { filter: grayscale(1) brightness(0) invert(1); opacity: .75; } /* Products hero: in dark mode the moving grid is enough to communicate a travelling city map. The light-theme road, route and crossing overlays become visually heavy here, so only the animated grid remains. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-city-motion { opacity: .82 !important; background: radial-gradient(circle,#123b50 0%,#0d2c3e 54%,rgba(7,28,42,0) 74%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-city-blocks { background-color: #102f42 !important; background-image: linear-gradient(90deg,rgba(83,174,207,.24) 2px,transparent 2px), linear-gradient(rgba(83,174,207,.24) 2px,transparent 2px), linear-gradient(90deg,transparent 12px,rgba(42,99,122,.72) 12px 58px,transparent 58px), linear-gradient(transparent 12px,rgba(42,99,122,.68) 12px 58px,transparent 58px) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.track-city-road,.track-city-crossroads,.track-city-route) { display: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-core, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-node { border-color: #3a657a !important; background: linear-gradient(145deg,rgba(16,54,74,.97),rgba(8,34,50,.96)) !important; box-shadow: 0 20px 44px rgba(0,0,0,.3) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-core strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-node strong { color: #e9f6fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-core small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-telemetry-node small { color: #a9c3cf !important; } /* Products page: every content surface follows the same dark palette. The generic theme sweep catches most cards, but these page-specific gradients, artwork wells and hover states otherwise leak their light-theme colours. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .track-series, .track-applications, .track-flexibility, .track-resource, .track-final ) { background-color: #071c2a !important; background-image: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .track-series-card, .track-application-grid article, .track-resource-grid > a ) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is( .track-series-card:hover, .track-series-card:focus-visible, .track-application-grid article:hover, .track-resource-grid > a:hover, .track-resource-grid > a:focus-visible ) { border-color: #3a718b !important; background: linear-gradient(145deg,#143b50,#0c2b3d) !important; box-shadow: 0 22px 46px rgba(0,0,0,.28) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-device { border-color: #31566a !important; background: radial-gradient(circle,#17384a,#0a2232 72%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-device::before { border-color: rgba(98,212,242,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-title > svg, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-resource-grid > a > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-resource-grid > a > svg { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card:is(:hover,:focus-visible) .track-series-title > svg { color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card.series-start { --series-color: #62d4f2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card.series-smart { --series-color: #6fdacb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card.series-signal { --series-color: #9fc9f5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card > strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card .track-series-title p { color: var(--series-color) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-series-card > strong svg { color: inherit !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.track-best-for,.track-series-card li,.track-resource-grid small,.track-application-grid p) { color: #b1c7d1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .track-resource-grid p { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.track-flex-card,.track-final-banner) { border: 1px solid #326078 !important; background: linear-gradient(130deg,#0a4568,#087fae) !important; } /* Tracking series and model pages. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-facts-grid,.s-platform,.s-model-chip) { border-color: #294b5e !important; color: #dcebf2 !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-facts-grid article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-facts-grid article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-facts-grid strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-facts-grid span { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-facts-grid svg { color: #5ed0ee !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-facts-grid h3,.start-model-top span,.s-platform strong,.s-model-chip strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .start-model-top > span { border: 1px solid #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-facts-grid p,.s-platform small,.s-model-chip span) { color: #a8bec9 !important; } /* Software index and the remaining product-specific application UI. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.soft-float-card,.soft-core) { border-color: #31566a !important; color: #e7f4f9 !important; background: linear-gradient(145deg,#12384d,#0a2536) !important; box-shadow: 0 16px 36px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .soft-core-logo { mix-blend-mode: normal !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-tabs-layout,.ntc-tabs,.library-window,.search-field,.lib-row,.parameter-preview,.drc-compare-group,.drc-api-box,.drc-api-node,.fact-strip,.ce-signal-node) { border-color: #294b5e !important; color: #dcebf2 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-tabs button,.ce-mode-tabs button) { color: #a8bec9 !important; background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-tabs button.active,.ntc-tabs button[aria-selected="true"],.ce-mode-tabs button[aria-selected="true"]) { color: #eaf7fb !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.lib-row:hover,.ce-signal-node:hover) { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.library-window h3,.parameter-preview h3,.drc-api-box h3,.drc-api-node strong,.ce-signal-node strong,.fact-strip strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.library-window p,.parameter-preview p,.drc-api-box p,.drc-api-node span,.fact-strip span) { color: #a8bec9 !important; } /* NTC Control: workflow labels and compatibility data were still using light-theme ink values on a dark surface. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tabs button { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tabs button:hover { border-color: #31566a !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tabs button[aria-selected="true"] { border-color: #3a718b !important; background: #17445a !important; box-shadow: 0 14px 32px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tabs strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tabs small { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .tour-tab-icon { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.compatibility-head h3,.device-family span,.platform-row > strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.compatibility-head > div > p:last-child,.platform-row > small,.compatibility-note) { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .device-family strong { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .platform-row { border-color: #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .platform-row > span { color: #bfeaf5 !important; background: #17445a !important; } /* Support, FAQ and knowledge base. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.category-bar button,.question-icon,.toggle-icon,.answer code,.answer .platform-links a,.answer-options article,.topic-icon) { border-color: #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .category-bar button:hover { border-color: #5794b2 !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .category-bar button.active { border-color: #278fbd !important; color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .category-bar button span { color: #bcd0d9 !important; background: #0b293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.question-copy strong,.answer strong,.answer-options strong,.empty-state h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.question-copy small,.answer,.answer-note,.empty-state p) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.faq-item,.results-row) { border-color: #294b5e !important; } /* FAQ controls must switch their surfaces as well as their foregrounds. The page stylesheet contains explicit light colours for these elements. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-quick-routes a,.answer > a:not(.inline-link),.answer-links a,.platform-links a,.answer-footer button,.faq-download-grid > a,.empty-state button) { color: #9be4f6 !important; background: #12384d !important; border-color: #47758b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-quick-routes a,.answer > a:not(.inline-link),.answer-links a,.platform-links a,.answer-footer button,.faq-download-grid > a,.empty-state button):is(:hover,:focus-visible) { color: #eefaff !important; background: #1a4b63 !important; border-color: #80cde4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(a,button,input):focus-visible { outline: 2px solid #80d8f0 !important; outline-offset: 3px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-download-group,.support-package > li,.answer-command) { background: #0c293b !important; border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-download-name strong,.answer-command span,.support-package strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-download-name small,.faq-download-heading p,.support-package p,.answer-feedback,.answer-feedback > span,.answer-note) { color: #b6ccd7 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.faq-platform-icon,.answer-command code) { color: #9be4f6 !important; background: #16435a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main :is(.results-row button,.answer-feedback a,.faq-download-heading small,.faq-download-grid > a > svg) { color: #9be4f6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .faq-page main .question-copy mark { color: #eefaff !important; background: #24566c !important; } /* Contact: route labels, secondary channel and the complete form now share the same dark surfaces and readable field labels. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.contact-team-card,.contact-route-label,.contact-channel-support,.contact-icon-box,.contact-support-note,.contact-form-card,.contact-field,.contact-message-label textarea,.contact-support-routing) { border-color: #31566a !important; color: #dcebf2 !important; background: #102f42 !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.contact-channel-support h3,.contact-form-copy h2,.contact-form-card label > span:first-child,.contact-message-label > span,.contact-support-routing strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.contact-channel-support > p:not(.contact-card-label),.contact-support-note,.contact-field input,.contact-field select,.contact-message-label textarea,.contact-support-routing span) { color: #b4c9d3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.contact-field input::placeholder,.contact-message-label textarea::placeholder) { color: #7f9aa8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .contact-button-outline { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } /* Developer resources and warranty content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.dev-flow,.dev-resource-card,.dev-inline-note,.dev-tool-grid article,.dev-tools-download,.nested-note) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.dev-resource-card > span,.dev-tool-icon) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.dev-resource-card h3,.dev-tool-grid h3,.dev-tools-download strong,.nested-note > strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.dev-resource-card p,.dev-tool-grid p,.dev-tools-download small,.nested-note) { color: #a8bec9 !important; } /* Legal pages share these class names. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.legal-switcher,.doc-mark,.floating-chip,.toc-help,.section-number) { border-color: #31566a !important; color: #72d4ef !important; background: rgba(12,41,59,.96) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .legal-switcher a { color: #aec4cf !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .legal-switcher a:hover { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .legal-switcher a.active { color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .toc a { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .toc a.active { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .end-card > a { color: #082638 !important; background: #72d4ef !important; } /* SIGMA diagram: remove the last white result tile. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .positioning-diagram span.result { border-color: #5b7bb9 !important; color: #eef4ff !important; background: #435ba3 !important; } /* Hero callouts are information chips, not white stickers. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-device-label,.start-feature-node,.track-telemetry-node,.hero-search,.visual-core,.visual-node,.shield-core,.visual-chip) { border-color: #31566a !important; color: #72d4ef !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 16px 36px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-device-label strong,.start-feature-node strong,.track-telemetry-node strong,.visual-core strong,.visual-node span,.shield-core strong,.visual-chip b) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.start-device-label small,.start-feature-node small,.track-telemetry-node span,.visual-core small,.shield-core span,.visual-chip span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.hero-search input,.hero-search input::placeholder) { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .hero-search button { color: #72d4ef !important; background: #17445a !important; } /* Knowledge base cards were not covered by the shared resource selector. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.topic-card,.knowledge-visual > span,.resource-grid .resource-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.topic-card h3,.workflow-steps strong,.resource-grid .resource-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.topic-card p,.workflow-steps p,.resource-grid .resource-card p) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.card-link,.workflow-copy > a) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .kb-page .workflow-steps, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .kb-page .workflow-steps article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .kb-page .workflow-steps article { background: transparent !important; } /* Configurator downloads, DRC controls, CE logic and Eco Driving controls. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ntc-platform-button { border-color: #31566a !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ntc-platform-button:hover { border-color: #5794b2 !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-platform-copy strong,.ntc-platform-copy span) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-primary-action,.eco-button-secondary) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-secondary-action,.button-secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.drc-feature-link,.ce-back,.ntc-back,.eco-back-link) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-live-rule,.ce-process-grid article,.ce-how-grid article) { border-color: #294b5e !important; color: #b8ced8 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-live-rule strong { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-live-rule small { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-hero-note svg,.eco-feedback-events span svg,.eco-flow svg,.eco-capability-card svg) { background: transparent !important; } /* Warranty panels and legal-document artwork. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.detail-panel,.panel-body,.updated,.doc-sheet) { border-color: #294b5e !important; color: #b8ced8 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.detail-panel summary strong,.panel-body strong,.updated strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.detail-panel summary small,.panel-body,.updated span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .button.secondary { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } /* SIGMA host flow: the selected command node used an explicit white fill. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-flow .active { border-color: #5b7bb9 !important; color: #eef4ff !important; background: #435ba3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-host-copy > p:not(.sigma-eyebrow) { color: #e2eff5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-interface-note { border-left-color: #8be7f2 !important; color: #eff8fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-interface-note strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-flow b { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-flow small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-flow .active small { color: #d7eaf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .sigma-eyebrow.light { color: #a3edf6 !important; } /* Remaining named controls found by the final rendered-page sweep. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ntc-light-button,.ce-banner-button,.button-white,.ce-button-light,.button.light) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .deployment-package > span { color: #c5d9e2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-flow-card.logic-card,.ce-architecture-grid > article,.ce-capability-grid) { border-color: #294b5e !important; color: #b8ced8 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-architecture-grid > article h3,.ce-capability-grid h3,.ce-flow-card.logic-card strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.ce-architecture-grid > article p,.ce-capability-grid p,.ce-flow-card.logic-card span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .eco-flow-sources article > span { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .eco-supported-series span { border-color: #31566a !important; color: #c7dbe4 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.panel-icon,.process-grid > article,.service-card,.service-icon,.shipping-title > span) { border-color: #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.process-grid > article h3,.service-card h3,.shipping-title strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.process-grid > article p,.service-card p,.shipping-title span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .warranty-page :is(.coverage-strip,.metrics-grid article,.shipping-list,.shipping-list > div) { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .warranty-page .detail-list li > span { background: #123c36; color: #77deb3; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .warranty-page .detail-list.warning li > span { background: #442d30; color: #efab9f; } /* START model quick facts: keep the strip dark and readable. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts { border-color: #294b5e !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts-grid { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts span { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts article > :is(svg, .s-fact-brand-icon) { color: #24c9ec !important; stroke-width: 2.35 !important; opacity: 1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .s-facts article > img { filter: brightness(0) saturate(100%) invert(72%) sepia(50%) saturate(851%) hue-rotate(153deg) brightness(100%) contrast(91%) !important; } /* The four model names in the New Models hero are links, so their hover treatment must remain visible on the dark palette. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.promo-start-a,.promo-start-b) strong,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-model-links a { color: #dcebf2 !important; transition: color .2s ease !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.promo-start-a,.promo-start-b):hover strong,:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .home-model-links a:hover { color: #62d4f2 !important; text-decoration: none !important; } /* Software product pages use local design tokens. Override those tokens as a set so every section inherits the same readable dark hierarchy instead of mixing a dark page background with light-theme ink values. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main { --ink: #e8f5fb; --muted: #b3c8d2; --blue: #55c7e8; --blue-dark: #72d4ef; --soft: #0b2738; --card: #0d2a3c; --border: #31566a; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main { --ntc-bg: #071c2a; --ntc-surface: #0c293b; --ntc-soft: #102f42; --ntc-text: #e8f5fb; --ntc-muted: #b3c8d2; --ntc-line: #31566a; --ntc-blue: #55c7e8; --ntc-blue-dark: #72d4ef; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-control-page main { --ink: #e8f5fb; --muted: #b3c8d2; --blue: #55c7e8; --blue-dark: #72d4ef; --cyan: #62d4f2; --background: #071c2a; --soft: #0b2738; --card: #0d2a3c; --border: #31566a; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main { --drc-bg: #071c2a; --drc-surface: #0c293b; --drc-soft: #102f42; --drc-text: #e8f5fb; --drc-muted: #b3c8d2; --drc-line: #31566a; --drc-cyan: #62d4f2; --drc-blue: #55c7e8; --drc-navy: #0a2638; color: #e8f5fb !important; background: #071c2a !important; } /* CAN Spy highlights and workflow. The workflow items are real cards in dark mode; this prevents the cropped rectangular patches seen before. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .stats-strip { border-color: #31566a !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .stats-grid { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .stat { border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .stat strong { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .stat span { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .workflow-grid { gap: var(--nt-space-14) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .workflow-step { min-height: 230px !important; padding: var(--nt-space-24) var(--nt-space-20) !important; border: 1px solid #31566a !important; border-radius: var(--nt-radius-18) !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .workflow-step h3 { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .workflow-step p { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .section-intro { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .step-top svg { color: #74bfd6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .file-id { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .file-version { color: #8fb1c1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .active-mark { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .parameter-preview strong { color: #dcebf2 !important; } /* CAN Spy: preserve the semantic accent between the two operating modes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.passive { border-color: #31566a !important; background: linear-gradient(145deg,#0d2c3e,#091f2e) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.active { border-color: #4d9fbd !important; background: linear-gradient(145deg,#155a7b,#0b344b) !important; box-shadow: 0 18px 42px rgba(0,0,0,.22),inset 0 0 0 1px rgba(114,212,239,.08) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.passive .mode-head { color: #b6ccd6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.passive .mode-icon { color: #a8c2cf !important; background: #17384a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.active .mode-head, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.active .mode-icon { color: #7ee8ff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card.active .mode-icon { background: #17617e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card > p { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-card li { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .mode-note p { color: #b7cbd4 !important; } /* Workflow indices use dark ink on the cyan marker so 01–06 remain clear. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .step-top > span { color: #072638 !important; background: linear-gradient(135deg,#72d4ef,#36bee5) !important; box-shadow: 0 8px 20px rgba(25,163,205,.2) !important; } /* The interactive library is a compact application window, including its search field, results and selected row—not a dark strip inside a light UI. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .library-window { border-color: #31566a !important; background: #0b2637 !important; box-shadow: 0 24px 58px rgba(0,0,0,.28) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .search-field { border-color: #3a6074 !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .search-field:focus-within { border-color: #62d4f2 !important; box-shadow: 0 0 0 3px rgba(98,212,242,.14) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .search-field input { border: 0 !important; color: #eef8fc !important; background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .search-field input::placeholder { color: #9db7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .library-table, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .lib-row, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .parameter-preview { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .lib-head { color: #9db7c4 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .lib-result { color: #c8dce5 !important; background: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .lib-result:hover { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .lib-result.selected { background: #143f55 !important; box-shadow: inset 3px 0 #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .preview-heading { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .preview-heading small { color: #9db7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .button-blue { color: #082638 !important; background: linear-gradient(135deg,#72d4ef,#55c7e8) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .button-blue:is(:hover,:focus-visible) { background: linear-gradient(135deg,#9ae6f7,#72d4ef) !important; } /* Engineering chain and CAN Spy + Complex Events banner. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .flow-stage > small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .deployment-package > small { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .flow-node strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .deployment-package > strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .flow-node span { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .deployment-package > span { color: #c8dce5 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .flow-node.central { border-color: #55c7e8 !important; background: linear-gradient(135deg,#176e94,#119bc4) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .flow-node.central span { color: #e2f3f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .complex-events-banner { border: 1px solid #3e7188 !important; background: radial-gradient(circle at 93% 8%,rgba(125,226,255,.2),transparent 32%),linear-gradient(120deg,#0a3550 0%,#0b628b 58%,#117fa4 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-banner-copy p { color: #d7e9f0 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-banner-button { color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-flow-card { border-color: rgba(151,218,237,.38) !important; color: #eef8fc !important; background: rgba(7,38,56,.78) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-flow-card.logic-card { border-color: #72d4ef !important; background: #123f56 !important; box-shadow: 0 16px 35px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-flow-card :is(strong,small) { color: #eaf7fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .can-spy-page main .ce-flow-card em { color: #b7cbd4 !important; } /* Complex Events development switcher and content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-tabs { border: 1px solid #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-tabs button { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-tabs button[aria-selected="true"] { color: #eef8fc !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-tabs button span { color: #8edcf1 !important; background: #0e3549 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-content h3 { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-content > strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-content > p:not(.ce-eyebrow) { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-points span { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-mode-points svg { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-macbook-visual figcaption { color: #9fb8c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-eyebrow, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ce-hero h1 span { color: #72d4ef !important; } /* DRC: remove the remaining white distinction panel and preserve a clear text hierarchy across feature, process and ecosystem content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-distinction-box { border-color: #31566a !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 18px 42px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main :is(h2,h3,.drc-compare-label,.drc-manage-item) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main :is(p,.drc-compare li) { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-icon, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-manage-item span { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-manage-item { border: 0 !important; border-bottom: 1px solid #31566a !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-process { background: linear-gradient(135deg,#0b3046,#071c2a) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-step-number { color: #9fc3d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-quick-link { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-api-link { color: #062b3e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .drc-flow-center { border-color: #3f83a3 !important; background: linear-gradient(145deg,#135f84,#16445b) !important; } /* DRC API: keep the three-step relationship as visible in dark mode as it is in the light theme. The generic surface override used to flatten all three nodes into the surrounding panel. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-box { border-color: #3a6074 !important; background: linear-gradient(145deg,#103247 0%,#0a2333 100%) !important; box-shadow: 0 22px 48px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-flow { padding: var(--nt-space-18); border: 1px solid #294b5e; border-radius: var(--nt-radius-22); background: #081f2e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-node { border: 1px solid #3a6074 !important; color: #e8f5fb !important; background: #12384d !important; box-shadow: 0 12px 26px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-node:nth-child(3) { border-color: #8de2f6 !important; color: #062b3e !important; background: linear-gradient(145deg,#8de2f6 0%,#55c7e8 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-node:nth-child(3) svg { color: #07516e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-arrow { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #31566a; border-radius: 50%; color: #72d4ef !important; background: #12384d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-api-link { border-color: #8de2f6 !important; color: #062b3e !important; background: #72d4ef !important; box-shadow: 0 10px 24px rgba(0,0,0,.18) !important; } /* DRC closing CTA: preserve a strong text hierarchy and make primary and secondary actions visibly different without introducing a white panel. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-final-box { border: 1px solid #4d9fbd !important; background: linear-gradient(135deg,#176f94 0%,#0b3a55 100%) !important; box-shadow: 0 22px 48px rgba(0,0,0,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-final-box h2 { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-final-box p { color: #d8ebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-final-box .drc-primary-action { border-color: #eefaff !important; color: #07304a !important; background: #eefaff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .drc-page main .drc-final-box .drc-secondary-action { border-color: #74bdd7 !important; color: #eefaff !important; background: #0a2b3f !important; } /* NTC Configurator and NTC Control: local labels, captions and compatibility rows now inherit the same contrast as their surrounding cards. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main :is(h2,h3),:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-control-page main :is(h2,h3) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main :is(p,.ntc-interface-preview figcaption),:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-control-page main p { color: var(--nt-body-on-surface, #b3c8d2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-control-page main .connection-note { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ntc-eyebrow { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .ntc-platform-copy small { color: #9fb8c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.content-card h3,.connection-card.light h3,.choice-card h3,.step h3) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.content-card p,.connection-card.light p,.choice-card p,.step p) { color: #b3c8d2 !important; } /* NTC Configurator guides CTA is a saturated promotional panel. Do not let the page's light-cyan dark-theme token turn its background into a pale surface underneath white copy. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main .ntc-guides-box { border: 1px solid #247da3 !important; background: linear-gradient(135deg,#075176 0%,#087ca6 100%) !important; box-shadow: 0 24px 54px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main .ntc-guides-box h2 { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main .ntc-guides-box p { color: #d8eef5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main .ntc-guides-box .ntc-light-button { border-color: #eefaff !important; color: #07304a !important; background: #eefaff !important; box-shadow: 0 12px 28px rgba(0,31,49,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .ntc-page main .ntc-guides-box .ntc-light-button:is(:hover,:focus-visible) { color: #051f31 !important; background: #fff !important; } /* Eco Driving still contains explicit light-theme foregrounds. Translate those page-level components while leaving the vehicle artwork untouched. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .eco-page main { --navy: #e8f5fb; --blue: #55c7e8; --blue-dark: #72d4ef; --cyan: #62d4f2; --ink: #e8f5fb; --muted: #b3c8d2; --line: #31566a; --soft: #0b2738; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-section-heading h2,.eco-no-can h2,.eco-config h2,.eco-platform h2,.eco-availability h2) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-section-heading > p:last-child,.eco-section-heading-wide > p,.eco-no-can-copy > p:not(.eco-eyebrow),.eco-config-copy > p:not(.eco-eyebrow),.eco-platform-copy > p:not(.eco-eyebrow),.eco-availability-card > div > p:not(.eco-eyebrow)) { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-flow-sources strong,.eco-flow-outputs article,.eco-axis-row strong,.eco-check-list span,.eco-profile-process span,.eco-config-copy li,.eco-config-copy li strong) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-flow-sources small,.eco-axis-row small,.eco-profile-grid small,.eco-resource-link small) { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.eco-flow,.eco-axis-panel,.eco-profile-process) { border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .eco-button-primary { color: #062b3e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main .eco-axis { color: #a9cfc4 !important; } } @media (min-width: 0px) { /* Page styles load after the shared theme. Keep the active palette above their unqualified :root defaults, including during client navigation. */ :root:where(:has(body > #root > [data-ui-route="63e7addd0970"])):where([data-theme="dark"]):not([data-theme="light"]) { color-scheme: dark; --nt-navy: #e8f5fb; --nt-navy-deep: #d8edf7; --nt-blue: #35b8ee; --nt-blue-hover: #5dc8f2; --nt-cyan: #43c8ed; --nt-text-muted: #b3c8d2; --nt-link-text: #72d4ef; --nt-line: #28495c; --nt-surface: #0b2738; --nt-white: #0a2130; --navy: #e8f5fb; --deep: #d8edf7; --blue: #35b8ee; --cyan: #43c8ed; --muted: #9db5c3; --line: #28495c; --soft: #0b2738; --pale: #0d3044; --card: #0d2a3c; --white: #0a2130; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):where([data-theme="dark"]), :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) body { background: #061925; color: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell { background: #061925; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main { background-color: #071c2a; color: #e8f5fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main > section:not(.home-hero):not(.soft-hero):not(.start-hero):not(.smart-hero):not(.signal-hero):not(.sigma-hero):not(.ntc-hero):not(.use-cases-hero):not(.not-found-main):not(.not-found-copy):not(.not-found-visual) { background-color: #071c2a !important; background-image: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-hero,.home-hero-slide,.soft-hero,.start-hero,.smart-hero,.signal-hero,.sigma-hero,.ntc-hero,.catalog-hero,.comparison-hero,.support-hero,.kb-hero,.warranty-hero,.dev-hero) { background-color: #071c2a !important; background-image: radial-gradient(circle at 78% 30%,#123e55 0,transparent 38%),linear-gradient(135deg,#092334,#061925) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(article,[class*="-card"],[class*="-panel"],[class*="-tile"],[class*="-toolbar"],[class*="-filter"],[class*="-table"],[class*="-modal-content"]) { border-color: #294b5e !important; } /* A dark theme needs dark surfaces, not just light text. Keep the saturated promotional panels intact and translate the reusable white card system. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .home-intro-grid > a, .home-series-card, .home-software-grid > a, .home-pathway-grid article, .home-download-grid > a, .track-series-card, .track-application-grid article, .track-resource-grid > a, .start-application-grid article, .start-feature-grid article, .start-resource-grid > a, .start-model-card, .smart-application-grid article, .smart-feature-grid article, .smart-resource-grid > a, .smart-model-card, .signal-application-grid article, .signal-feature-grid article, .signal-resource-grid > a, .signal-model-card, .s-application-grid article, .s-feature-grid article, .s-resource-grid > a, .s-related-grid > a, .build-card, .reason-card, .soft-card, .support-card, .kb-card, .warranty-card, .catalog-device-card, .dev-card ) { border-color: #294b5e !important; background-color: #0c293b !important; background-image: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-software-grid > a,.home-series-card,.home-pathway-grid article,.catalog-device-card,.catalog-filters,.catalog-toolbar,.comparison-table,.comparison-toolbar,.track-spec-card,.track-feature-card,.start-model-card,.smart-model-card,.signal-model-card,.support-card,.kb-card,.warranty-card,.soft-card,.about-card,.contact-card,.sigma-card,.sigma-navtelecom-compatibility,.dev-card) { background-color: #0c293b !important; background-image: linear-gradient(145deg,#0f3044,#0a2333) !important; box-shadow: 0 18px 45px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(h1,h2,h3,h4,h5,h6,dt,.comparison-spec-label,.catalog-device-name) { color: #eaf6fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(p,li,dd):not([class*="eyebrow"]):not([class*="kicker"]) { color: var(--nt-body-on-surface, #a9bec9) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(input,select,textarea) { border-color: #628b9f !important; background: #0a2232 !important; color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(input,select,textarea):focus-visible { border-color:#72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .lead-modal-field.is-invalid :is(input,textarea) { border-color:#ff7a86 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(input,textarea)::placeholder { color: #7894a4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.comparison-spec-row,.comparison-products,.comparison-product,.comparison-spec-value,.comparison-spec-label) { border-color: #294b5e !important; background-color: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-navtelecom-compatibility .sigma-compatible-models a { border-color: #31566a; background:#102f42; color:#dcebf2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-spec-row.has-difference > * { background-color: #10364b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-series-product,.catalog-device-art,.comparison-product-art) { background: radial-gradient(circle,#17384a,#0a2232 72%) !important; } /* Home hero controls and pathway: selected states stay blue instead of becoming a white slab; connectors are quieter on the dark canvas. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-hero-tabs button { border-color: #2a4c60 !important; color: #9eb8c7 !important; background: rgba(9,38,55,.76) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-hero-tabs button:is(:hover,.active) { border-color: #3a7897 !important; color: #eef9fd !important; background: #12384d !important; box-shadow: inset 0 0 0 1px rgba(67,200,237,.08) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-hero-tabs span { color: #43c8ed !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-hero .home-button-text, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.track-button-outline,.s-button-secondary,.start-button-secondary,.smart-button-secondary,.signal-button-secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-pathway-connector { border-color: #326078 !important; color: #63cbe9 !important; background: #102f42 !important; box-shadow: 0 5px 15px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-pathway-icon,.track-resource-grid > a > span,.s-application-grid > article > span,.s-resource-top > span,.start-feature-icon,.smart-feature-icon,.signal-feature-icon) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-series-card li { color: #b7ccd6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .home-intro-grid > a > strong, .home-series-card > strong, .home-software-grid > a > strong ) { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .home-intro-grid > a:hover > strong, .home-intro-grid > a:focus-visible > strong, .home-series-card:hover > strong, .home-series-card:focus-visible > strong, .home-software-grid > a:hover > strong, .home-software-grid > a:focus-visible > strong ) { color: #8ce6f7 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-software-logo.logo-01 img { mix-blend-mode: normal !important; filter: drop-shadow(0 8px 14px rgba(0,0,0,.22)) !important; opacity: 1 !important; } /* Home proof, partners and FAQ still carried light-theme foregrounds. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-stats article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-stats strong { color: #42c4eb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-stats span { color: #a7bfcb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-quality { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-quality span { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-quality svg { color: #42d59a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-logo, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-logo.partner-omnicomm { border: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-logo img { opacity: .76 !important; filter: grayscale(1) invert(1) brightness(1.18) !important; mix-blend-mode: screen !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-logo:hover img { opacity: 1 !important; filter: grayscale(1) invert(1) brightness(1.45) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-marquee::before { background: linear-gradient(90deg,#071c2a 18%,rgba(7,28,42,0)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-marquee::after { background: linear-gradient(270deg,#071c2a 18%,rgba(7,28,42,0)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-faq-list, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-faq-list article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-download-groups section + section { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-faq-list button { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-faq-list button:hover { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-faq-list button svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-download-groups h3,.home-download-name strong) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-download-name small { color: #96afbc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-download-grid > a > svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-platform-icon { background: #e8f4fa !important; } /* Device details: accordion rows previously kept their light-theme navy labels, which made the specification table almost disappear. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-list article { background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-list button { color: #e5f2f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-row { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-row span { color: #91abb9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-row strong { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-spec-list button > span :is(svg,.s-spec-brand-icon) { color: #4bc4e8 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-expertise-stats article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-stats article, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .company-stats article { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Keep the globe free-standing, without the legacy rectangular map card. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .map-frame { border: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .world-map svg { opacity: .78; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .world-map path[fill="#D8DEE9"] { fill: #24465a !important; stroke: #376176 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .world-map path[fill="#E5E7EB"] { fill: #173648 !important; stroke: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .world-map .map-marker-dot { fill: #43c8ed !important; stroke: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header { border-color: #244354 !important; background: #061925 !important; box-shadow: 0 8px 24px rgba(0,0,0,.23) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-header-nav > a,.unified-products-nav > a,.unified-support-nav > a,.unified-mobile-panel > nav a) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-header-nav > a:hover,.unified-header-nav > a.active,.unified-products-nav:hover > a,.unified-products-nav:focus-within > a,.unified-products-nav > a.active,.unified-support-nav:hover > a,.unified-support-nav:focus-within > a,.unified-support-nav > a.active) { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-menu,.unified-support-menu,.unified-mobile-panel) { border-color: #294b5e !important; background: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-title,.unified-products-links a,.unified-support-contact strong,.unified-support-resources a) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header .unified-products-title:not(.is-static):is(:hover, :focus) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header .unified-products-title svg { color: inherit; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-intro strong,.unified-support-intro strong) { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-intro p,.unified-support-intro p) { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-group > p,.unified-products-group small,.unified-support-contact small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-support-contact > p,.unified-support-resources > p) { color: #8fc0d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-group,.unified-support-contact) { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-support-contact > a,.unified-support-resources a) { background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-links a,.unified-support-contact > a,.unified-support-resources a):hover,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header :is(.unified-products-links a,.unified-support-contact > a,.unified-support-resources a):focus-visible { color: #83dcf4 !important; background: #17465e !important; box-shadow: inset 0 0 0 1px rgba(91,202,234,.15) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-header-brand img { filter: none !important; opacity: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .nt-footer { border-top-color: #264759 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-modal-card,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .cookie-consent-card { border-color: #31566a !important; background: #0b2637 !important; color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-page { background: #071722; color: #dbe8ee; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-main { gap: clamp(var(--nt-space-36),5vw,var(--nt-space-86)); background: linear-gradient(135deg,#0b2635,#061722); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-copy { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-copy h1 { color: #e5eef2 !important; }:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-copy h1 span { color: #718894 !important; }:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-lead { color: #a2b5be !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-secondary,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-orbit,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-status { border-color: #3a5563; background: rgba(12,35,47,.78); color: #dce9ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-status strong { color: #dce9ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-visual { min-height: 540px; overflow: hidden; border: 1px solid #294b5e; border-radius: var(--nt-radius-32); background: radial-gradient(circle at 50% 48%,#12394d 0 20%,#0b293b 55%,#081f2d 100%); box-shadow: 0 24px 60px rgba(0,0,0,.24); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-code { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-scan { width: min(48vw,500px); border-color: rgba(70,130,156,.24); box-shadow: 0 0 0 54px rgba(21,57,73,.2),0 0 0 108px rgba(12,42,56,.12); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-scan::before,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-scan::after { border-color: rgba(72,133,158,.2); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .not-found-device { filter: grayscale(1) saturate(.18) brightness(.72) contrast(1.05) drop-shadow(0 35px 30px rgba(0,0,0,.32)); } /* Series pages: the real component is `start-strength-grid` on all three families. These cards must use the same restrained dark surface as the rest of the series, including their icon wells. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-strength-grid article { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-strength-grid article > span { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-strength-grid h3 { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-strength-grid p { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-device, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .device-image, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-product-art { border: 1px solid #24495d !important; background: radial-gradient(circle at 50% 44%,#1b4458 0,#102f42 52%,#0a2232 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-ring { border-color: rgba(73,190,225,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-link { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-card:is(:hover, :focus-visible) .start-model-link { color: #83dcf4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-link svg { color: inherit !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-filters { background: #0d2b3d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-filters button { color: #9eb6c3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-filters button.active { color: #7fd8f1 !important; background: #17445a !important; box-shadow: none !important; } /* Full catalogue: remove the remaining white search, filter and product slabs while preserving a clear selected state. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-hero-search,.catalog-quickbar,.catalog-filters,.device-card,.catalog-empty) { border-color: #294b5e !important; background: #0c293b !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-hero-search input { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-tabs,.catalog-network) button { color: #a9c0cc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-tabs,.catalog-network) button:is(:hover,.active) { color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .device-card h3 { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .device-card :is(dt,dd) { color: #a9bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .device-badges span { color: #bcd0d9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-check-option,.device-compare) i { border-color: #557487 !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-check-option.checked,.device-compare.checked) i { border-color: #35b8ee !important; background: #1681b4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-button-secondary { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-button-secondary:hover { background: #17445a !important; } /* Primary actions use the same readable cyan/dark pairing across sections; the bright dark-theme accent token is unsuitable behind white labels. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.contact-button-primary,.support-button-primary,.catalog-button-primary,.soft-button-primary,.ce-button-primary,.kb-button.primary,.track-button-primary) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-filter-group { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.catalog-filter-head > span,.catalog-filter-group h3,.catalog-filter-toggle,.catalog-check-option,.device-compare) { color: #b9ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-check-option:hover { color: #e1f0f6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-help { border: 1px solid #31566a !important; color: #a8bec9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-help strong { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-help p { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .catalog-help a { color: #72d4ef !important; } /* Device comparison: section dividers, controls and cell values previously retained their light palette and created bright horizontal flashes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-page { background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.comparison-toolbar,.comparison-table-scroll,.comparison-empty) { border-color: #294b5e !important; background: #0b2637 !important; box-shadow: 0 18px 45px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-products-label { border-color: #294b5e !important; background: #0f3044 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-spec-section > h2 { color: #70d3ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-spec-value { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-count span { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-count strong { color: #72d4ef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-product h2 { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-spec-label { color: #e0edf3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-note, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-text-value.is-unavailable { color: #abc3cf !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.comparison-difference-toggle,.comparison-edit-link) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-clear-link { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-remove { color: #9fb7c4 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-product-art { border: 0 !important; border-radius: 0 !important; background: radial-gradient(ellipse at center,rgba(45,126,158,.3) 0%,rgba(20,66,86,.16) 42%,transparent 72%) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .comparison-product-art img { filter: drop-shadow(0 16px 17px rgba(0,0,0,.3)) !important; } /* SIGMA uses its own design vocabulary, so it needs explicit dark surfaces instead of falling through the generic card matcher. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-product { filter: drop-shadow(24px 30px 24px rgba(0,0,0,.36)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-navtelecom-compatibility { margin-top: var(--nt-space-50) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.orbit-card,.sigma-chip) { border-color: #3b6074 !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 15px 32px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.orbit-card b,.sigma-chip strong) { color: #e6f3f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.orbit-card small,.sigma-chip span) { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-facts { border-color: #294b5e !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-facts article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-facts svg { color: #55c4e6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-facts strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-facts span { color: #93adba !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-intro :is(h2,p) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-intro .sigma-heading-split > p { color: #a9bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.sigma-card-grid article,.sigma-use-grid article,.sigma-resource-grid > a,.sigma-availability-note,.sigma-update-card,.sigma-update-sources > span,.sigma-update-node:not(.active)) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-use-grid { border-color: #294b5e !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.sigma-card-grid h3,.sigma-use-grid h3,.sigma-resource-grid h3,.sigma-update-copy h2,.sigma-availability-note strong,.sigma-update-flow b) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.sigma-card-grid p,.sigma-use-grid p,.sigma-resource-grid p,.sigma-update-copy > p:last-child,.sigma-availability-note p,.sigma-update-flow small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-card-grid article > div span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-resource-grid > a > small { color: #85a6b6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-resource-grid > a > div span { color: #62cce9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-availability-note > svg { color: #68cce8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-list article { background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-list button { color: #e5f2f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-row { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-row span { color: #91abb9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-row strong { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-spec-list button > span svg { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-update-node.active { border-color: #3f7fa1 !important; background: linear-gradient(145deg,#155c81,#435ba3) !important; } /* All three new-model cards highlight without moving their hit areas. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-promo-model:hover { transform: none !important; border-color: #3d7895 !important; box-shadow: 0 28px 58px rgba(0,0,0,.25) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-promo-model { transform-origin: 50% 50% !important; transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-promo-model img { transition: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-promo-model:hover img { filter: drop-shadow(0 14px 16px rgba(0,0,0,.24)) !important; } /* Support: a single dark visual language for the hero, navigation paths, resource cards and the secondary Telegram option. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow::before { inset: 12px !important; border: 1px solid rgba(74,196,231,.1) !important; background: radial-gradient(circle,#15445a 0,rgba(13,50,69,.62) 38%,transparent 72%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-channel { border-color: #3b6074 !important; color: #dcebf2 !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 18px 38px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-channel span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-ticket .support-ticket-icon { color: #64cde9 !important; background: #17465e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-ticket { border: 1px solid #3b86aa !important; background: linear-gradient(145deg,#0d6f9f,#08456d) !important; box-shadow: 0 30px 65px rgba(0,0,0,.34),0 0 54px rgba(38,177,219,.12) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-status { border-color: #365e72 !important; color: #d8e9f0 !important; background: #102f42 !important; box-shadow: 0 14px 30px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-flow-status svg { color: #54d49a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-contact-secondary,.support-resource-grid > a) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-contact-secondary,.support-resource-grid > a):hover { border-color: #477b96 !important; background: linear-gradient(145deg,#143b50,#0c2a3b) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-contact-secondary h3,.support-resource-grid h3,.support-path-grid strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-contact-secondary .support-card-description,.support-resource-grid a > p:not(.support-resource-eyebrow),.support-path-grid small) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-contact-secondary .support-icon-box,.support-resource-grid .support-icon-box,.support-path-grid a > span) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-channel-label { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-bot-note { color: #c6dce6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-button-outline { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-path-grid a { border-color: #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .support-path-grid a:hover { border-color: #4c86a3 !important; background: #12384d !important; box-shadow: 0 15px 34px rgba(0,0,0,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.support-path-grid > a > svg,.support-resource-top > svg) { color: #55c4e6 !important; } /* Software Solutions index. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-solution-card,.soft-task-card,.soft-resource-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-solution-card,.soft-task-card,.soft-resource-card):hover { border-color: #477b96 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-product-icon,.soft-card-arrow,.soft-resource-icon,.soft-tags span,.soft-resource-arrow) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-solution-card h3,.soft-task-card h3,.soft-resource-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-card-description,.soft-task-card p,.soft-resource-card > span:not(.soft-resource-icon)) { color: #a8bec9 !important; } /* On dark surfaces, replace the pale cut-out circle with a quiet glow. Product accents remain distinct without competing with the names/copy. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card { --soft-card-rgb: 105,200,237; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card.can-spy { --soft-card-rgb: 90,206,221; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card.drc { --soft-card-rgb: 146,183,245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card.complex-events { --soft-card-rgb: 105,200,237; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card.ntc-control { --soft-card-rgb: 146,183,245; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card.eco-driving { --soft-card-rgb: 176,213,132; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card::before { width: 220px; height: 220px; right: -80px; top: -95px; border-radius: 0; background: radial-gradient(circle,rgba(var(--soft-card-rgb),.15),rgba(var(--soft-card-rgb),.06) 42%,transparent 70%); opacity: 1; pointer-events: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card :is(.soft-card-label,.soft-card-arrow,.soft-tags span) { color: rgb(var(--soft-card-rgb)) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card .soft-card-arrow { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card:is(:hover,:focus-visible) { border-color: rgba(var(--soft-card-rgb),.55) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .soft-page .soft-solution-card:is(:hover,:focus-visible) .soft-card-arrow { background: rgba(var(--soft-card-rgb),.16) !important; } /* NTC Configurator. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-feature-card,.ntc-step-card,.ntc-tool-grid > a,.ntc-tool-grid > article,.ntc-tab-panel) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ntc-platform-symbol { color: #55c4e6 !important; background: #12384d !important; } /* CAN Spy. Keep the product UI mockups intact, but translate all page-level content surfaces and their foregrounds. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.feature-card,.mode-card,.action-card,.advanced-card,.workflow-step,.application-grid article,.resource-card,.flow-node,.deployment-package,.mini-grid div,.logging-features > div) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.icon-box,.resource-icon,.mode-icon) { color: #55c4e6 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.feature-card h3,.mode-card h3,.action-card h3,.advanced-card h3,.workflow-step h3,.application-grid h3,.resource-card h3,.deployment-package h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.feature-card p,.mode-card p,.action-card p,.advanced-card p,.workflow-step p,.application-grid p,.resource-card p,.deployment-package p) { color: #a8bec9 !important; } /* DRC. The dashboard preview remains a faithful light UI screenshot; its surrounding product content now belongs to the dark page. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-feature,.drc-manage-item,.drc-usecase,.drc-step,.drc-source-card,.drc-flow-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-feature h3,.drc-manage-item h3,.drc-usecase h3,.drc-step h3,.drc-source-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-feature p,.drc-manage-item p,.drc-usecase p,.drc-step p,.drc-source-card p) { color: #a8bec9 !important; } /* Complex Events. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-architecture-grid,.ce-mode-panel,.ce-capability-grid article,.ce-use-case-grid article,.ce-workflow-line article,.ce-resource-grid a) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-architecture-grid .ce-architecture-featured { border-color: #3b7998 !important; background: linear-gradient(145deg,#16445b,#0e3043) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-mode-tabs,.ce-mode-tabs button[aria-selected="true"],.ce-icon-box,.ce-architecture-number,.ce-tag) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-capability-grid h3,.ce-use-case-grid h3,.ce-workflow-line h3,.ce-resource-grid strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-capability-grid p,.ce-use-case-grid p,.ce-workflow-line p,.ce-resource-grid small) { color: #a8bec9 !important; } /* NTC Control. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.content-card,.connection-card,.choice-card,.resource-card,.compatibility-panel,.platform-row,.step) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.tour-tabs button[aria-selected="true"],.tour-tab-icon,.icon-box,.platform-row > span,.choice-title span) { color: #61cae7 !important; background: #12384d !important; } /* Eco Driving. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-flow,.eco-flow-sources article,.eco-flow-outputs article,.eco-capability-card,.eco-axis-panel,.eco-steps article,.eco-config-visual,.eco-profile-grid article,.eco-platform-card,.eco-resource-link,.eco-availability-card) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-icon-box,.eco-axis-row > b,.eco-platform-icon,.eco-availability-icon) { color: #64cde9 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-status,.eco-live,.eco-vehicle > span) { border-color: #365e72 !important; color: #dcebf2 !important; background: rgba(13,45,62,.94) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-capability-card h3,.eco-steps h3,.eco-profile-grid strong,.eco-resource-link strong,.eco-flow-sources strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-capability-card p,.eco-steps p,.eco-profile-grid small,.eco-resource-link small,.eco-flow-sources small) { color: #a8bec9 !important; } /* Final dark-theme sweep. Shared light CTAs become a deliberate cyan accent; outlined controls stay quiet and dark instead of flashing white. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-button-light,.track-button-light,.start-button-light,.s-button-light,.soft-button-light,.support-button-light,.contact-button-light,.sigma-button-light,.eco-button-light,.kb-button.light,.dev-button-secondary,.cta-button) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; box-shadow: 0 13px 28px rgba(25,163,205,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-button-outline,.track-button-outline,.start-button-outline,.s-button-secondary,.soft-button-outline,.sigma-button-secondary,.eco-button-outline,.kb-button.secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-text-link,.support-text-link,.ntc-text-link,.ce-text-link,.comparison-back,.comparison-product-link,.catalog-reset,.kb-text-link,.dev-inline-note a,.dev-tool-grid a) { color: #72d4ef !important; } /* Home: stats, releases, partner marks, downloads and FAQ. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-intro-grid,.home-download-tile,.home-promo-model) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-intro-grid span,.home-download-tile > span,.home-promo-icon) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-promo-model strong,.home-promo-model a,.home-download-tile strong,.home-faq summary strong,.home-stat-grid small,.home-trust-row span) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-download-tile small,.home-faq .home-answer,.home-stat-note) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-card { border-color: #294b5e !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-partner-card img { filter: grayscale(1) brightness(0) invert(1); opacity: .75; } /* Products hero: in dark mode the moving grid is enough to communicate a travelling city map. The light-theme road, route and crossing overlays become visually heavy here, so only the animated grid remains. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-city-motion { opacity: .82 !important; background: radial-gradient(circle,#123b50 0%,#0d2c3e 54%,rgba(7,28,42,0) 74%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-city-blocks { background-color: #102f42 !important; background-image: linear-gradient(90deg,rgba(83,174,207,.24) 2px,transparent 2px), linear-gradient(rgba(83,174,207,.24) 2px,transparent 2px), linear-gradient(90deg,transparent 12px,rgba(42,99,122,.72) 12px 58px,transparent 58px), linear-gradient(transparent 12px,rgba(42,99,122,.68) 12px 58px,transparent 58px) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.track-city-road,.track-city-crossroads,.track-city-route) { display: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-core, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-node { border-color: #3a657a !important; background: linear-gradient(145deg,rgba(16,54,74,.97),rgba(8,34,50,.96)) !important; box-shadow: 0 20px 44px rgba(0,0,0,.3) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-core strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-node strong { color: #e9f6fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-core small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-telemetry-node small { color: #a9c3cf !important; } /* Products page: every content surface follows the same dark palette. The generic theme sweep catches most cards, but these page-specific gradients, artwork wells and hover states otherwise leak their light-theme colours. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .track-series, .track-applications, .track-flexibility, .track-resource, .track-final ) { background-color: #071c2a !important; background-image: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .track-series-card, .track-application-grid article, .track-resource-grid > a ) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is( .track-series-card:hover, .track-series-card:focus-visible, .track-application-grid article:hover, .track-resource-grid > a:hover, .track-resource-grid > a:focus-visible ) { border-color: #3a718b !important; background: linear-gradient(145deg,#143b50,#0c2b3d) !important; box-shadow: 0 22px 46px rgba(0,0,0,.28) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-device { border-color: #31566a !important; background: radial-gradient(circle,#17384a,#0a2232 72%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-device::before { border-color: rgba(98,212,242,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-title > svg, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-resource-grid > a > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-resource-grid > a > svg { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card:is(:hover,:focus-visible) .track-series-title > svg { color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card.series-start { --series-color: #62d4f2; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card.series-smart { --series-color: #6fdacb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card.series-signal { --series-color: #9fc9f5; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card > strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card .track-series-title p { color: var(--series-color) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-series-card > strong svg { color: inherit !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.track-best-for,.track-series-card li,.track-resource-grid small,.track-application-grid p) { color: #b1c7d1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .track-resource-grid p { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.track-flex-card,.track-final-banner) { border: 1px solid #326078 !important; background: linear-gradient(130deg,#0a4568,#087fae) !important; } /* Tracking series and model pages. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-facts-grid,.s-platform,.s-model-chip) { border-color: #294b5e !important; color: #dcebf2 !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-facts-grid article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-facts-grid article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-facts-grid strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-facts-grid span { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-facts-grid svg { color: #5ed0ee !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-facts-grid h3,.start-model-top span,.s-platform strong,.s-model-chip strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .start-model-top > span { border: 1px solid #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-facts-grid p,.s-platform small,.s-model-chip span) { color: #a8bec9 !important; } /* Software index and the remaining product-specific application UI. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.soft-float-card,.soft-core) { border-color: #31566a !important; color: #e7f4f9 !important; background: linear-gradient(145deg,#12384d,#0a2536) !important; box-shadow: 0 16px 36px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .soft-core-logo { mix-blend-mode: normal !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-tabs-layout,.ntc-tabs,.library-window,.search-field,.lib-row,.parameter-preview,.drc-compare-group,.drc-api-box,.drc-api-node,.fact-strip,.ce-signal-node) { border-color: #294b5e !important; color: #dcebf2 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-tabs button,.ce-mode-tabs button) { color: #a8bec9 !important; background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-tabs button.active,.ntc-tabs button[aria-selected="true"],.ce-mode-tabs button[aria-selected="true"]) { color: #eaf7fb !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.lib-row:hover,.ce-signal-node:hover) { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.library-window h3,.parameter-preview h3,.drc-api-box h3,.drc-api-node strong,.ce-signal-node strong,.fact-strip strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.library-window p,.parameter-preview p,.drc-api-box p,.drc-api-node span,.fact-strip span) { color: #a8bec9 !important; } /* NTC Control: workflow labels and compatibility data were still using light-theme ink values on a dark surface. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tabs button { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tabs button:hover { border-color: #31566a !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tabs button[aria-selected="true"] { border-color: #3a718b !important; background: #17445a !important; box-shadow: 0 14px 32px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tabs strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tabs small { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .tour-tab-icon { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.compatibility-head h3,.device-family span,.platform-row > strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.compatibility-head > div > p:last-child,.platform-row > small,.compatibility-note) { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .device-family strong { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .platform-row { border-color: #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .platform-row > span { color: #bfeaf5 !important; background: #17445a !important; } /* Support, FAQ and knowledge base. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.category-bar button,.question-icon,.toggle-icon,.answer code,.answer .platform-links a,.answer-options article,.topic-icon) { border-color: #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .category-bar button:hover { border-color: #5794b2 !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .category-bar button.active { border-color: #278fbd !important; color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .category-bar button span { color: #bcd0d9 !important; background: #0b293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.question-copy strong,.answer strong,.answer-options strong,.empty-state h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.question-copy small,.answer,.answer-note,.empty-state p) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.faq-item,.results-row) { border-color: #294b5e !important; } /* FAQ controls must switch their surfaces as well as their foregrounds. The page stylesheet contains explicit light colours for these elements. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-quick-routes a,.answer > a:not(.inline-link),.answer-links a,.platform-links a,.answer-footer button,.faq-download-grid > a,.empty-state button) { color: #9be4f6 !important; background: #12384d !important; border-color: #47758b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-quick-routes a,.answer > a:not(.inline-link),.answer-links a,.platform-links a,.answer-footer button,.faq-download-grid > a,.empty-state button):is(:hover,:focus-visible) { color: #eefaff !important; background: #1a4b63 !important; border-color: #80cde4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(a,button,input):focus-visible { outline: 2px solid #80d8f0 !important; outline-offset: 3px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-download-group,.support-package > li,.answer-command) { background: #0c293b !important; border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-download-name strong,.answer-command span,.support-package strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-download-name small,.faq-download-heading p,.support-package p,.answer-feedback,.answer-feedback > span,.answer-note) { color: #b6ccd7 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.faq-platform-icon,.answer-command code) { color: #9be4f6 !important; background: #16435a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main :is(.results-row button,.answer-feedback a,.faq-download-heading small,.faq-download-grid > a > svg) { color: #9be4f6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .faq-page main .question-copy mark { color: #eefaff !important; background: #24566c !important; } /* Contact: route labels, secondary channel and the complete form now share the same dark surfaces and readable field labels. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.contact-team-card,.contact-route-label,.contact-channel-support,.contact-icon-box,.contact-support-note,.contact-form-card,.contact-field,.contact-message-label textarea,.contact-support-routing) { border-color: #31566a !important; color: #dcebf2 !important; background: #102f42 !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.contact-channel-support h3,.contact-form-copy h2,.contact-form-card label > span:first-child,.contact-message-label > span,.contact-support-routing strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.contact-channel-support > p:not(.contact-card-label),.contact-support-note,.contact-field input,.contact-field select,.contact-message-label textarea,.contact-support-routing span) { color: #b4c9d3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.contact-field input::placeholder,.contact-message-label textarea::placeholder) { color: #7f9aa8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .contact-button-outline { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } /* Developer resources and warranty content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.dev-flow,.dev-resource-card,.dev-inline-note,.dev-tool-grid article,.dev-tools-download,.nested-note) { border-color: #294b5e !important; color: #dcebf2 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 16px 38px rgba(0,0,0,.16) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.dev-resource-card > span,.dev-tool-icon) { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.dev-resource-card h3,.dev-tool-grid h3,.dev-tools-download strong,.nested-note > strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.dev-resource-card p,.dev-tool-grid p,.dev-tools-download small,.nested-note) { color: #a8bec9 !important; } /* Legal pages share these class names. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.legal-switcher,.doc-mark,.floating-chip,.toc-help,.section-number) { border-color: #31566a !important; color: #72d4ef !important; background: rgba(12,41,59,.96) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .legal-switcher a { color: #aec4cf !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .legal-switcher a:hover { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .legal-switcher a.active { color: #eef9fd !important; background: #176187 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .toc a { color: #9fb7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .toc a.active { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .end-card > a { color: #082638 !important; background: #72d4ef !important; } /* SIGMA diagram: remove the last white result tile. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .positioning-diagram span.result { border-color: #5b7bb9 !important; color: #eef4ff !important; background: #435ba3 !important; } /* Hero callouts are information chips, not white stickers. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-device-label,.start-feature-node,.track-telemetry-node,.hero-search,.visual-core,.visual-node,.shield-core,.visual-chip) { border-color: #31566a !important; color: #72d4ef !important; background: rgba(13,45,62,.94) !important; box-shadow: 0 16px 36px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-device-label strong,.start-feature-node strong,.track-telemetry-node strong,.visual-core strong,.visual-node span,.shield-core strong,.visual-chip b) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.start-device-label small,.start-feature-node small,.track-telemetry-node span,.visual-core small,.shield-core span,.visual-chip span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.hero-search input,.hero-search input::placeholder) { color: #b8ced8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .hero-search button { color: #72d4ef !important; background: #17445a !important; } /* Knowledge base cards were not covered by the shared resource selector. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.topic-card,.knowledge-visual > span,.resource-grid .resource-card) { border-color: #294b5e !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.topic-card h3,.workflow-steps strong,.resource-grid .resource-card h3) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.topic-card p,.workflow-steps p,.resource-grid .resource-card p) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.card-link,.workflow-copy > a) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .kb-page .workflow-steps, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .kb-page .workflow-steps article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .kb-page .workflow-steps article { background: transparent !important; } /* Configurator downloads, DRC controls, CE logic and Eco Driving controls. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ntc-platform-button { border-color: #31566a !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ntc-platform-button:hover { border-color: #5794b2 !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-platform-copy strong,.ntc-platform-copy span) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-primary-action,.eco-button-secondary) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-secondary-action,.button-secondary) { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.drc-feature-link,.ce-back,.ntc-back,.eco-back-link) { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-live-rule,.ce-process-grid article,.ce-how-grid article) { border-color: #294b5e !important; color: #b8ced8 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-live-rule strong { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-live-rule small { color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-hero-note svg,.eco-feedback-events span svg,.eco-flow svg,.eco-capability-card svg) { background: transparent !important; } /* Warranty panels and legal-document artwork. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.detail-panel,.panel-body,.updated,.doc-sheet) { border-color: #294b5e !important; color: #b8ced8 !important; background: #0c293b !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.detail-panel summary strong,.panel-body strong,.updated strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.detail-panel summary small,.panel-body,.updated span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .button.secondary { border-color: #3a6074 !important; color: #dcebf2 !important; background: #102f42 !important; } /* SIGMA host flow: the selected command node used an explicit white fill. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-flow .active { border-color: #5b7bb9 !important; color: #eef4ff !important; background: #435ba3 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-host-copy > p:not(.sigma-eyebrow) { color: #e2eff5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-interface-note { border-left-color: #8be7f2 !important; color: #eff8fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-interface-note strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-flow b { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-flow small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-flow .active small { color: #d7eaf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .sigma-eyebrow.light { color: #a3edf6 !important; } /* Remaining named controls found by the final rendered-page sweep. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ntc-light-button,.ce-banner-button,.button-white,.ce-button-light,.button.light) { border-color: #72d4ef !important; color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .deployment-package > span { color: #c5d9e2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-flow-card.logic-card,.ce-architecture-grid > article,.ce-capability-grid) { border-color: #294b5e !important; color: #b8ced8 !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-architecture-grid > article h3,.ce-capability-grid h3,.ce-flow-card.logic-card strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.ce-architecture-grid > article p,.ce-capability-grid p,.ce-flow-card.logic-card span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .eco-flow-sources article > span { color: #61cae7 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .eco-supported-series span { border-color: #31566a !important; color: #c7dbe4 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.panel-icon,.process-grid > article,.service-card,.service-icon,.shipping-title > span) { border-color: #31566a !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.process-grid > article h3,.service-card h3,.shipping-title strong) { color: #e7f4f9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.process-grid > article p,.service-card p,.shipping-title span) { color: #a8bec9 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .warranty-page :is(.coverage-strip,.metrics-grid article,.shipping-list,.shipping-list > div) { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .warranty-page .detail-list li > span { background: #123c36; color: #77deb3; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .warranty-page .detail-list.warning li > span { background: #442d30; color: #efab9f; } /* START model quick facts: keep the strip dark and readable. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts { border-color: #294b5e !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts-grid { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts article + article { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts span { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts article > :is(svg, .s-fact-brand-icon) { color: #24c9ec !important; stroke-width: 2.35 !important; opacity: 1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .s-facts article > img { filter: brightness(0) saturate(100%) invert(72%) sepia(50%) saturate(851%) hue-rotate(153deg) brightness(100%) contrast(91%) !important; } /* The four model names in the New Models hero are links, so their hover treatment must remain visible on the dark palette. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.promo-start-a,.promo-start-b) strong,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-model-links a { color: #dcebf2 !important; transition: color .2s ease !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.promo-start-a,.promo-start-b):hover strong,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .home-model-links a:hover { color: #62d4f2 !important; text-decoration: none !important; } /* Software product pages use local design tokens. Override those tokens as a set so every section inherits the same readable dark hierarchy instead of mixing a dark page background with light-theme ink values. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main { --ink: #e8f5fb; --muted: #b3c8d2; --blue: #55c7e8; --blue-dark: #72d4ef; --soft: #0b2738; --card: #0d2a3c; --border: #31566a; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main { --ntc-bg: #071c2a; --ntc-surface: #0c293b; --ntc-soft: #102f42; --ntc-text: #e8f5fb; --ntc-muted: #b3c8d2; --ntc-line: #31566a; --ntc-blue: #55c7e8; --ntc-blue-dark: #72d4ef; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-control-page main { --ink: #e8f5fb; --muted: #b3c8d2; --blue: #55c7e8; --blue-dark: #72d4ef; --cyan: #62d4f2; --background: #071c2a; --soft: #0b2738; --card: #0d2a3c; --border: #31566a; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main { --drc-bg: #071c2a; --drc-surface: #0c293b; --drc-soft: #102f42; --drc-text: #e8f5fb; --drc-muted: #b3c8d2; --drc-line: #31566a; --drc-cyan: #62d4f2; --drc-blue: #55c7e8; --drc-navy: #0a2638; color: #e8f5fb !important; background: #071c2a !important; } /* CAN Spy highlights and workflow. The workflow items are real cards in dark mode; this prevents the cropped rectangular patches seen before. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .stats-strip { border-color: #31566a !important; background: #0a2232 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .stats-grid { background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .stat { border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .stat strong { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .stat span { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .workflow-grid { gap: var(--nt-space-14) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .workflow-step { min-height: 230px !important; padding: var(--nt-space-24) var(--nt-space-20) !important; border: 1px solid #31566a !important; border-radius: var(--nt-radius-18) !important; background: linear-gradient(145deg,#103247,#0a2333) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .workflow-step h3 { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .workflow-step p { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .section-intro { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .step-top svg { color: #74bfd6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .file-id { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .file-version { color: #8fb1c1 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .active-mark { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .parameter-preview strong { color: #dcebf2 !important; } /* CAN Spy: preserve the semantic accent between the two operating modes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.passive { border-color: #31566a !important; background: linear-gradient(145deg,#0d2c3e,#091f2e) !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.active { border-color: #4d9fbd !important; background: linear-gradient(145deg,#155a7b,#0b344b) !important; box-shadow: 0 18px 42px rgba(0,0,0,.22),inset 0 0 0 1px rgba(114,212,239,.08) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.passive .mode-head { color: #b6ccd6 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.passive .mode-icon { color: #a8c2cf !important; background: #17384a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.active .mode-head, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.active .mode-icon { color: #7ee8ff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card.active .mode-icon { background: #17617e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card > p { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-card li { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .mode-note p { color: #b7cbd4 !important; } /* Workflow indices use dark ink on the cyan marker so 01–06 remain clear. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .step-top > span { color: #072638 !important; background: linear-gradient(135deg,#72d4ef,#36bee5) !important; box-shadow: 0 8px 20px rgba(25,163,205,.2) !important; } /* The interactive library is a compact application window, including its search field, results and selected row—not a dark strip inside a light UI. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .library-window { border-color: #31566a !important; background: #0b2637 !important; box-shadow: 0 24px 58px rgba(0,0,0,.28) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .search-field { border-color: #3a6074 !important; color: #72d4ef !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .search-field:focus-within { border-color: #62d4f2 !important; box-shadow: 0 0 0 3px rgba(98,212,242,.14) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .search-field input { border: 0 !important; color: #eef8fc !important; background: transparent !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .search-field input::placeholder { color: #9db7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .library-table, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .lib-row, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .parameter-preview { border-color: #294b5e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .lib-head { color: #9db7c4 !important; background: #102f42 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .lib-result { color: #c8dce5 !important; background: #0b2637 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .lib-result:hover { background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .lib-result.selected { background: #143f55 !important; box-shadow: inset 3px 0 #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .preview-heading { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .preview-heading small { color: #9db7c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .button-blue { color: #082638 !important; background: linear-gradient(135deg,#72d4ef,#55c7e8) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .button-blue:is(:hover,:focus-visible) { background: linear-gradient(135deg,#9ae6f7,#72d4ef) !important; } /* Engineering chain and CAN Spy + Complex Events banner. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .flow-stage > small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .deployment-package > small { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .flow-node strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .deployment-package > strong { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .flow-node span { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .deployment-package > span { color: #c8dce5 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .flow-node.central { border-color: #55c7e8 !important; background: linear-gradient(135deg,#176e94,#119bc4) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .flow-node.central span { color: #e2f3f8 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .complex-events-banner { border: 1px solid #3e7188 !important; background: radial-gradient(circle at 93% 8%,rgba(125,226,255,.2),transparent 32%),linear-gradient(120deg,#0a3550 0%,#0b628b 58%,#117fa4 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-banner-copy p { color: #d7e9f0 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-banner-button { color: #082638 !important; background: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-flow-card { border-color: rgba(151,218,237,.38) !important; color: #eef8fc !important; background: rgba(7,38,56,.78) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-flow-card.logic-card { border-color: #72d4ef !important; background: #123f56 !important; box-shadow: 0 16px 35px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-flow-card :is(strong,small) { color: #eaf7fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .can-spy-page main .ce-flow-card em { color: #b7cbd4 !important; } /* Complex Events development switcher and content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-tabs { border: 1px solid #31566a !important; background: #0c293b !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-tabs button { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-tabs button[aria-selected="true"] { color: #eef8fc !important; background: #17445a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-tabs button span { color: #8edcf1 !important; background: #0e3549 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-content h3 { color: #eef8fc !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-content > strong { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-content > p:not(.ce-eyebrow) { color: #b7cbd4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-points span { color: #c8dce5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-mode-points svg { color: #62d4f2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-macbook-visual figcaption { color: #9fb8c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-eyebrow, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ce-hero h1 span { color: #72d4ef !important; } /* DRC: remove the remaining white distinction panel and preserve a clear text hierarchy across feature, process and ecosystem content. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-distinction-box { border-color: #31566a !important; background: linear-gradient(145deg,#103247,#0a2333) !important; box-shadow: 0 18px 42px rgba(0,0,0,.18) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main :is(h2,h3,.drc-compare-label,.drc-manage-item) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main :is(p,.drc-compare li) { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-icon, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-manage-item span { color: #62d4f2 !important; background: #12384d !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-manage-item { border: 0 !important; border-bottom: 1px solid #31566a !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-process { background: linear-gradient(135deg,#0b3046,#071c2a) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-step-number { color: #9fc3d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-quick-link { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-api-link { color: #062b3e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .drc-flow-center { border-color: #3f83a3 !important; background: linear-gradient(145deg,#135f84,#16445b) !important; } /* DRC API: keep the three-step relationship as visible in dark mode as it is in the light theme. The generic surface override used to flatten all three nodes into the surrounding panel. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-box { border-color: #3a6074 !important; background: linear-gradient(145deg,#103247 0%,#0a2333 100%) !important; box-shadow: 0 22px 48px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-flow { padding: var(--nt-space-18); border: 1px solid #294b5e; border-radius: var(--nt-radius-22); background: #081f2e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-node { border: 1px solid #3a6074 !important; color: #e8f5fb !important; background: #12384d !important; box-shadow: 0 12px 26px rgba(0,0,0,.2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-node:nth-child(3) { border-color: #8de2f6 !important; color: #062b3e !important; background: linear-gradient(145deg,#8de2f6 0%,#55c7e8 100%) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-node:nth-child(3) svg { color: #07516e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-arrow { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #31566a; border-radius: 50%; color: #72d4ef !important; background: #12384d; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-api-link { border-color: #8de2f6 !important; color: #062b3e !important; background: #72d4ef !important; box-shadow: 0 10px 24px rgba(0,0,0,.18) !important; } /* DRC closing CTA: preserve a strong text hierarchy and make primary and secondary actions visibly different without introducing a white panel. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-final-box { border: 1px solid #4d9fbd !important; background: linear-gradient(135deg,#176f94 0%,#0b3a55 100%) !important; box-shadow: 0 22px 48px rgba(0,0,0,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-final-box h2 { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-final-box p { color: #d8ebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-final-box .drc-primary-action { border-color: #eefaff !important; color: #07304a !important; background: #eefaff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .drc-page main .drc-final-box .drc-secondary-action { border-color: #74bdd7 !important; color: #eefaff !important; background: #0a2b3f !important; } /* NTC Configurator and NTC Control: local labels, captions and compatibility rows now inherit the same contrast as their surrounding cards. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main :is(h2,h3),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-control-page main :is(h2,h3) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main :is(p,.ntc-interface-preview figcaption),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-control-page main p { color: var(--nt-body-on-surface, #b3c8d2) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-control-page main .connection-note { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ntc-eyebrow { color: #72d4ef !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .ntc-platform-copy small { color: #9fb8c4 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.content-card h3,.connection-card.light h3,.choice-card h3,.step h3) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.content-card p,.connection-card.light p,.choice-card p,.step p) { color: #b3c8d2 !important; } /* NTC Configurator guides CTA is a saturated promotional panel. Do not let the page's light-cyan dark-theme token turn its background into a pale surface underneath white copy. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main .ntc-guides-box { border: 1px solid #247da3 !important; background: linear-gradient(135deg,#075176 0%,#087ca6 100%) !important; box-shadow: 0 24px 54px rgba(0,0,0,.24) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main .ntc-guides-box h2 { color: #fff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main .ntc-guides-box p { color: #d8eef5 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main .ntc-guides-box .ntc-light-button { border-color: #eefaff !important; color: #07304a !important; background: #eefaff !important; box-shadow: 0 12px 28px rgba(0,31,49,.22) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .ntc-page main .ntc-guides-box .ntc-light-button:is(:hover,:focus-visible) { color: #051f31 !important; background: #fff !important; } /* Eco Driving still contains explicit light-theme foregrounds. Translate those page-level components while leaving the vehicle artwork untouched. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .eco-page main { --navy: #e8f5fb; --blue: #55c7e8; --blue-dark: #72d4ef; --cyan: #62d4f2; --ink: #e8f5fb; --muted: #b3c8d2; --line: #31566a; --soft: #0b2738; color: #e8f5fb !important; background: #071c2a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-section-heading h2,.eco-no-can h2,.eco-config h2,.eco-platform h2,.eco-availability h2) { color: #e8f5fb !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-section-heading > p:last-child,.eco-section-heading-wide > p,.eco-no-can-copy > p:not(.eco-eyebrow),.eco-config-copy > p:not(.eco-eyebrow),.eco-platform-copy > p:not(.eco-eyebrow),.eco-availability-card > div > p:not(.eco-eyebrow)) { color: #b3c8d2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-flow-sources strong,.eco-flow-outputs article,.eco-axis-row strong,.eco-check-list span,.eco-profile-process span,.eco-config-copy li,.eco-config-copy li strong) { color: #dcebf2 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-flow-sources small,.eco-axis-row small,.eco-profile-grid small,.eco-resource-link small) { color: #a9c2ce !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.eco-flow,.eco-axis-panel,.eco-profile-process) { border-color: #31566a !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .eco-button-primary { color: #062b3e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main .eco-axis { color: #a9cfc4 !important; } } /* Shared type roles for all six software product heroes. Root scoping wins over legacy page-specific theme overrides. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .software-product-hero { --software-hero-accent: #076aa1; --software-hero-title: #0b3047; --software-hero-lead: #526d7c; } /* These three heroes use dark artwork in either system theme. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) :is(.can-spy-page, .drc-page, .ntc-control-page) .software-product-hero { --software-hero-accent: #f0f8fc; --software-hero-title: #e8f5fb; --software-hero-lead: #f0f8fc; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .unified-page-shell main .software-product-hero .software-product-eyebrow { margin: 0 0 18px !important; font-family: var(--nt-font) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: var(--software-hero-accent) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .unified-page-shell main .software-product-hero .software-product-title { margin: 0 !important; font-family: var(--nt-font) !important; font-size: clamp(44px, 6vw, 78px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -.045em !important; color: var(--software-hero-title) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .unified-page-shell main .software-product-hero .software-product-lead { margin-top: 26px !important; font-family: var(--nt-font) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; letter-spacing: normal !important; color: var(--software-hero-lead) !important; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .software-product-hero { --software-hero-accent: #72d4ef; --software-hero-title: #e8f5fb; --software-hero-lead: #b3c8d2; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .software-product-hero { --software-hero-accent: #72d4ef; --software-hero-title: #e8f5fb; --software-hero-lead: #b3c8d2; } } @media (max-width: 560px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .unified-page-shell main .software-product-hero .software-product-lead { font-size: 16px !important; } } /* Mobile artwork uses document flow rather than scaled desktop coordinates. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .start-device-stage { display: contents; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-device-artwork, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .sigma-artwork { display: contents; } /* Brand SVGs and line icons use one exact color instead of approximate filters. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-facts article > .s-fact-brand-icon { display: block; width: 31px; height: 31px; flex: 0 0 31px; color: #079fd2; background-color: currentColor; -webkit-mask: var(--fact-icon) center / contain no-repeat; mask: var(--fact-icon) center / contain no-repeat; } @keyframes ntc-63e7addd0970-mobile-device-float { 0%, 100% { transform: translate(calc(-1 * var(--series-art-x)), calc(-1 * var(--series-art-y))); } 50% { transform: translate(calc(-1 * var(--series-art-x)), calc(-1 * var(--series-art-y) - 5px)); } } @keyframes ntc-63e7addd0970-mobile-art-orbit { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } @media (max-width: 800px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-facts article { min-width:0; grid-template-columns:25px minmax(0,1fr); column-gap:8px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-facts :is(strong,span) { min-width:0; overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .home-download-groups > section { min-width:0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .home-download-groups .home-download-grid { min-width:0; max-width:100%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-facts-grid article,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .sigma-facts-grid article,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-facts-grid article > div,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .sigma-facts-grid article > div { min-width:0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-facts-grid article :is(span,strong),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .sigma-facts-grid article :is(span,strong) { white-space:normal; overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-page .s-hero-layout { grid-template-columns:minmax(0,1fr); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-hero-copy,:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-device-stage { min-width:0; max-width:100%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-stage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: min(520px, 100%); height: auto; margin: 0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork { --series-art-scale: 2.35; --series-art-x: 48.3833%; --series-art-y: 50.1833%; display: block; position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; isolation: isolate; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell [data-device-series="smart"] .s-device-artwork { --series-art-scale: 1.6; --series-art-x: 48.4167%; --series-art-y: 50.0833%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell [data-device-series="signal"] .s-device-artwork { --series-art-scale: 1.5; --series-art-x: 48.75%; --series-art-y: 51%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork .s-device-image { position: absolute; left: 50%; top: 50%; width: calc(100% * var(--series-art-scale)); height: auto; max-width: none; transform: translate(calc(-1 * var(--series-art-x)), calc(-1 * var(--series-art-y))); animation: ntc-63e7addd0970-mobile-device-float 5.5s ease-in-out infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork .s-ring { left: 50%; top: 50%; width: 94%; height: auto; aspect-ratio: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork .ring-two { width: 73%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork .s-orbit-dot { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-artwork .s-device-shadow { width: 65%; top: 70%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-device-stage .s-model-chip { position: relative; inset: auto; justify-self: center; transform: none; max-width: 100%; flex-wrap: wrap; justify-content: center; white-space: normal; text-align: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-facts article { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: start; gap: 12px; padding: 14px 10px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-facts article > :is(svg, .s-fact-brand-icon) { justify-self: center; margin-top: 4px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-facts article strong { line-height: 1.15; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .s-facts article span { line-height: 1.4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-hero-copy :is(.s-eyebrow,h1,h2,.s-lead) { max-width:100%; overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .can-spy-page .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .can-spy-page .stat { min-width:0; padding:20px 16px; overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-device-visual { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; width:min(420px,100%); height:auto; margin:0 auto; transform:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-telemetry-core { position:relative; inset:auto; justify-self:center; width:min(230px,100%); height:230px; margin:16px 0; transform:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-node-orbit { position:relative; inset:auto; width:100%; height:auto; margin:0; transform:none; animation:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-node-orbit .track-telemetry-node { position:relative; inset:auto; width:100%; min-width:0; transform:none; animation:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-telemetry-node > svg { flex:0 0 25px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-telemetry-node span { min-width:0; overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-device-visual::before { width:100%; height:auto; aspect-ratio:1; left:50%; right:auto; top:140px; transform:translate(-50%,-50%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-product-orbit { left:50%; top:140px; width:100%; height:auto; aspect-ratio:1; animation:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .track-product-dot { display:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-hero-visual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: min(520px, 100%); height: auto; margin: 0 auto; transform: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage { --series-art-scale: 2.35; --series-art-x: 48.3833%; --series-art-y: 50.1833%; display: block; grid-column: 1 / -1; position: relative; width: 100%; height: auto; aspect-ratio: 1; min-width: 0; overflow: hidden; z-index: 3; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .smart-page .start-device-stage { --series-art-scale: 1.65; --series-art-x: 48.4583%; --series-art-y: 50.125%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .signal-page .start-device-stage { --series-art-scale: 1.55; --series-art-x: 48.7917%; --series-art-y: 51.0417%; } /* Offsets center the existing assets' visible content, not transparent margins. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .start-device-image { width: calc(100% * var(--series-art-scale)); height: auto; max-width: none; left: 50%; top: 50%; transform: translate(calc(-1 * var(--series-art-x)), calc(-1 * var(--series-art-y))); animation: ntc-63e7addd0970-mobile-device-float 6s ease-in-out infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-hero-visual .start-device-label { position: relative; inset: auto; grid-column: 1 / -1; justify-self: center; justify-content: center; flex-wrap: wrap; max-width: 100%; margin: 0 0 8px; transform: none; white-space: normal; text-align: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-hero-visual .start-feature-node { position: relative; inset: auto; display: grid; grid-template-columns: 24px minmax(0, 1fr); min-width: 0; width: 100%; padding: 12px; gap: 9px; animation: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-feature-node img { width: 24px; height: 24px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-feature-node span { min-width: 0; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-feature-node :is(strong, small) { line-height: 1.35; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-hero-visual::before { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(255,255,255,.7), rgba(66,184,226,.12) 45%, transparent 70%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .start-orbit { left: 50%; top: 50%; width: 94%; height: auto; aspect-ratio: 1; animation: start-ring-pulse 5s ease-in-out infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .orbit-a { width: 70%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .orbit-b { width: 84%; animation-delay: -1.7s; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .orbit-c { animation-delay: -3.3s; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .start-device-glow { left: 50%; top: 65%; width: 70%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .start-orbit-dot { display: block; left: 50%; top: 50%; width: 70%; height: auto; aspect-ratio: 1; background: none; box-shadow: none; animation: ntc-63e7addd0970-mobile-art-orbit 15s linear infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .dot-b { width: 84%; animation-duration: 21s; animation-direction: reverse; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-device-stage .start-orbit-dot::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #18a8d3; box-shadow: 0 0 0 4px rgba(24,168,211,.12); transform: translate(-50%, -50%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(520px, 100%); height: auto; gap: 12px; margin: 0 auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-artwork { --series-art-x: 49.4722%; --series-art-y: 50.0909%; display: block; position: relative; grid-column: 1 / -1; width: 100%; aspect-ratio: 1; overflow: hidden; isolation: isolate; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-artwork .sigma-product { left: 50%; top: 50%; width: 142%; height: auto; max-width: none; transform: translate(calc(-1 * var(--series-art-x)), calc(-1 * var(--series-art-y))); animation: ntc-63e7addd0970-mobile-device-float 5.8s ease-in-out infinite; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-artwork .sigma-wave-field { left: 50%; top: 50%; width: 23%; height: auto; aspect-ratio: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage .orbit-card { position: relative; inset: auto; transform: none; animation: none; width: 100%; min-width: 0; height: 100%; min-height: 76px; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; padding: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage .orbit-card > svg { width: 24px; height: 24px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage .orbit-card span { min-width: 0; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage .orbit-card :is(b, small) { font-size: var(--nt-type-13); line-height: 1.35; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .sigma-stage .sigma-chip { position: relative; inset: auto; transform: none; grid-column: 1 / -1; grid-row: 2; justify-self: center; justify-content: center; flex-wrap: wrap; max-width: 100%; white-space: normal; text-align: center; margin-bottom: 8px; } /* A readable vertical flow retains the desktop diagram's parallel branches. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-diagram { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.ce-ecosystem-sources, .ce-ecosystem-deploy) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-sources { position: relative; margin-bottom: 10px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-sources::after { content: ""; position: absolute; left: 25%; right: 25%; bottom: -12px; height: 12px; border: 1px solid #70bad7; border-top: 0; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-merge::before { content: ""; position: absolute; left: 50%; top: -12px; height: 12px; border-left: 1px solid #70bad7; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-diagram > svg { display: block; width: 24px; height: 24px; justify-self: center; transform: rotate(90deg); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-merge i { display: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.ce-ecosystem-sources, .ce-ecosystem-deploy, .ce-ecosystem-merge) span { min-width: 0; min-height: 68px; padding: 12px; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.ce-ecosystem-sources, .ce-ecosystem-deploy, .ce-ecosystem-merge) svg { flex: 0 0 20px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .ce-ecosystem-device { grid-column: 1; min-height: 116px; padding: 16px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-hero-visual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: 'corner lateral' 'vehicle vehicle' 'brake accel' 'belt light'; align-items: center; gap: 16px 12px; width: min(520px, 100%); height: auto; margin: 0 auto; transform: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-hero-visual .eco-axis { position: relative; inset: auto; transform: none; min-width: 0; justify-self: stretch; justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-axis svg { flex: 0 0 17px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-axis-left { grid-area: corner; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-axis-brake { grid-area: brake; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-axis-forward { grid-area: accel; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-axis-right { grid-area: lateral; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-vehicle { grid-area: vehicle; position: relative; inset: auto; transform: none; width: 100%; height: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-vehicle > img { width: min(375px, 100%); height: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-vehicle::before { width: 90%; height: 80%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-vehicle > span { position: relative; inset: auto; transform: none; max-width: 100%; margin-top: 16px; line-height: 1.3; white-space: normal; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-status { position: relative; inset: auto; width: 100%; min-width: 0; height: 100%; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 6px; text-align: center; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-status svg { grid-row: auto; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-status :is(span, b) { max-width: 100%; overflow-wrap: anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-status-belt { grid-area: belt; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-status-light { grid-area: light; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-orbit, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-hero-visual::before { top: 42%; width: 100%; height: auto; aspect-ratio: 1; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-orbit-b { width: 75%; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .eco-road-line { height: 100%; } } @media (prefers-reduced-motion: reduce) and (max-width: 800px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.start-device-stage, .s-device-artwork, .sigma-artwork) *, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.start-device-stage, .s-device-artwork, .sigma-artwork) *::before { animation: none !important; } } /* Explicit text roles only: never repaint arbitrary cards, diagrams or menus. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .s-spec-row strong, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .comparison-text-value { white-space: pre-line; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .faq-page .answer :is(a,button) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .start-page .start-button-primary { background: #0879b4; } html:where(:has(body > #root > [data-ui-route="63e7addd0970"])):not([data-page-ready]) .unified-page-shell [data-reveal] { opacity: 1; transform: none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.home-eyebrow:not(.home-eyebrow-light), .support-eyebrow:not(.support-eyebrow-light), .catalog-eyebrow, .home-faq-actions a) { color: var(--nt-link-text); } @media (prefers-color-scheme: light) { /* Text accents use the readable link token, not decorative cyan. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.track-series-title p,.track-series-card > strong,.india-case-eyebrow:not(.is-light),.use-cases-eyebrow) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-control-page section:not(.hero):not(.final-cta) .eyebrow { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.home-intro-lead,.home-section-lead,.home-intro-grid p,.home-expertise-copy p,.home-pathway-grid p,.home-technology-heading p,.home-faq-list p,.support-heading > p:last-child,.support-path-card p,.support-contact-secondary .support-card-number,.support-contact-secondary .support-card-description,.support-resource-card p,.catalog-filter-head button,.catalog-filter-group h3,.drc-feature-card p,.drc-section-heading p,.drc-ecosystem-card p,.section-intro) { color: var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .home-series-card > div > p { color: #516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .can-spy-page :is(.eyebrow,.text-link,.button-outline) { color: var(--nt-link-text); } } @media (min-width: 0px) { /* Text accents use the readable link token, not decorative cyan. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.track-series-title p,.track-series-card > strong,.india-case-eyebrow:not(.is-light),.use-cases-eyebrow) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-control-page section:not(.hero):not(.final-cta) .eyebrow { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.home-intro-lead,.home-section-lead,.home-intro-grid p,.home-expertise-copy p,.home-pathway-grid p,.home-technology-heading p,.home-faq-list p,.support-heading > p:last-child,.support-path-card p,.support-contact-secondary .support-card-number,.support-contact-secondary .support-card-description,.support-resource-card p,.catalog-filter-head button,.catalog-filter-group h3,.drc-feature-card p,.drc-section-heading p,.drc-ecosystem-card p,.section-intro) { color: var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .home-series-card > div > p { color: #516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .can-spy-page :is(.eyebrow,.text-link,.button-outline) { color: var(--nt-link-text); } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid var(--nt-link-text); outline-offset: 4px; } /* Keyboard navigation keeps the same visual header until the shortcut is focused. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .skip-to-content { position:absolute; left:16px; top:8px; z-index:10000; padding:12px 18px; border-radius:8px; background:#fff; color:#084f76; transform:translateY(-180%); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .skip-to-content:focus { transform:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .unified-header .skip-to-content:focus { color:#084f76; background:#fff; outline:3px solid #084f76; outline-offset:3px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header [data-dismissed="true"] > :is(.unified-products-menu,.unified-support-menu) { visibility:hidden; opacity:0; pointer-events:none; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-header-nav :is(.unified-products-nav,.unified-support-nav):is(:hover,:focus-within):not([data-dismissed]) :is(.unified-products-menu,.unified-support-menu) * { visibility:visible; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .cookie-consent { max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow-y:auto; overscroll-behavior:contain; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .lead-field-error { display:block; margin-top:6px; font-size:14px; line-height:1.4; color:#a52b36; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .platforms-card-heading h2 { overflow-wrap:anywhere; } @media (min-width:701px) and (max-width:1024px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .platforms-card-heading { flex-direction:column; align-items:flex-start; gap:16px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .platforms-card-heading .platforms-brand { flex-basis:auto; width:170px; } } @media (max-width:540px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(h1,h2,h3) { overflow-wrap:anywhere; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .soft-hero-layout > * { min-width:0; } } /* Readable secondary text on the existing light surfaces. */ @media (prefers-color-scheme:light) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.track-application-link > article > div > span,.track-resource-grid p,.track-resource-grid small,.start-heading-split > p,.start-feature-top > span,.start-feature-grid > article > p,.start-model-name small,.start-model-name > span,.start-strength-grid > article > p,.soft-task-top > span,.soft-resource-card > p,.soft-resource-card > span:not(.soft-resource-icon),.eco-flow-sources small,.eco-capability-card small,.eco-axis-panel > p,.eco-axis-row small,.eco-steps > article > div > span,.eco-profile-label,.eco-profile-grid small,.eco-profile-process b,.eco-platform-copy > p,.eco-resource-link small,.eco-supported-series > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .start-filters button:not(.active) { color:#405e70; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.start-heading .start-eyebrow,.start-heading-split .start-eyebrow,.sigma-heading .sigma-eyebrow,.sigma-heading-split .sigma-eyebrow,.sigma-navtelecom-compatibility-copy .sigma-eyebrow,.sigma-compatible-models strong) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.sigma-heading > p:not(.sigma-eyebrow),.sigma-heading-split > p,.sigma-card-grid > article > p,.sigma-card-grid > article > div > span,.sigma-use-grid > article > p,.sigma-use-grid > article > div > span,.sigma-availability-note > p,.sigma-spec-row > span,.sigma-navtelecom-compatibility-copy > p:not(.sigma-eyebrow),.sigma-update-sources small,.sigma-update-node small,.sigma-resource-grid > a > small,.sigma-resource-grid > a > p,.s-can-flow > .is-primary > small,.s-sigma-flow > .is-primary > small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.s-heading > p:not(.s-eyebrow),.s-feature-grid > article > p,.s-feature-grid > article > div > span,.s-platform > small,.s-spec-row > span,.s-resource-grid > a > small,.s-resource-grid > a > p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-header :is(.unified-support-contact > p,.unified-support-resources > p,.unified-support-contact small,.unified-products-group > p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.home-series-top > div > p,.home-series-top h3 > span,.home-partner-heading > p,.home-pathway-grid > article > span,.home-faq-intro > p,.home-download-name > small,.stat-item > span,.about-detail-stat > span,.india-case-product-heading > span,.india-case-question-number,.claas-product-link > div > span,.catalog-network > span,.catalog-results-head > span,.device-card dt,.comparison-empty > p,.s-facts-grid span,.sigma-facts-grid span,.start-facts-grid > article > span,.support-resource-card small,.question-copy > small,.cookie-consent-eyebrow) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .about-page .eyebrow { color:#066598; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .contact-page :is(.contact-heading > p,.contact-channel-support p,.contact-channel-support .contact-number,.contact-next-grid p,.contact-next-grid > article > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .category-bar > .active { background:#086b9e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .category-bar button:not(.active) span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell #faq-results > div > span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .cookie-consent-accept { background:#076fa6; border-color:#076fa6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.ntc-step-card > span,.ntc-step-card > p,.library-copy > p,.lib-head,.preview-toggle small,.analysis-macbook figcaption,.files-copy > p,.logging-features > div > span,.flow-stage > small,.data-bridge > span,.deployment-package > small,.logic-card small,.logic-card em,.drc-feature > p,.drc-manage-layout > div > p,.drc-flow-card p,.drc-flow-center p,.tour-intro,.tour-disclaimer,.compatibility-head p,.compatibility-note,.ce-mode-content > p,.ce-use-case-grid p,.ce-workflow-number,.ce-workflow-line p,.ce-resource-grid small,.dev-stat-grid > article > span,.dev-tool-grid > article > div > span,.dev-tools-download small,.subscription-status-note > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-control-page :is(.section-soft .section-head p,[role="tab"] small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ce-architecture-section .ce-section-heading > p, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ce-page figcaption { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell :is(.ce-tag,.support-channel-label,.dev-inline-note a,.dev-test-section .dev-eyebrow) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-page [role="tab"]:not([aria-selected="true"]), :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ce-page [role="tab"]:not([aria-selected="true"]) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .kb-page :is(.section-heading > p,.workflow-copy > p,.resource-card > span,.resource-card > p,.workflow-steps p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .kb-page .workflow-copy :is(.kb-eyebrow,a) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .warranty-page :is(.eyebrow,.step) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .warranty-page :is(summary small,.section-heading > p,.shipping-list span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .legal-page :is(.switcher-inner > span,.toc p,.toc a,.toc a span,.toc-help > span,.section-number) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .legal-page :is(.section-content a,.toc-help a) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .legal-page .switcher-inner a.active { background:#07638e; color:#fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .about-page a > span > small { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .vogele-case-page summary { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .about-page .about-assurance-section .eyebrow, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .kb-page .workflow-steps > article > span { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .contact-channel-support .contact-card-label { color:#07638e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .support-page :is(.support-resource-grid > a > p,.support-path-grid small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-page .ntc-step-card > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-page .ntc-step-card > p, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .drc-page .drc-flow-center p { color:#eef8ff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell .ntc-page .ntc-process-section p { color:#eef8ff !important; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.track-application-link > article > div > span,.track-resource-grid p,.track-resource-grid small,.start-heading-split > p,.start-feature-top > span,.start-feature-grid > article > p,.start-model-name small,.start-model-name > span,.start-strength-grid > article > p,.soft-task-top > span,.soft-resource-card > p,.soft-resource-card > span:not(.soft-resource-icon),.eco-flow-sources small,.eco-capability-card small,.eco-axis-panel > p,.eco-axis-row small,.eco-steps > article > div > span,.eco-profile-label,.eco-profile-grid small,.eco-profile-process b,.eco-platform-copy > p,.eco-resource-link small,.eco-supported-series > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .start-filters button:not(.active) { color:#405e70; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.start-heading .start-eyebrow,.start-heading-split .start-eyebrow,.sigma-heading .sigma-eyebrow,.sigma-heading-split .sigma-eyebrow,.sigma-navtelecom-compatibility-copy .sigma-eyebrow,.sigma-compatible-models strong) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.sigma-heading > p:not(.sigma-eyebrow),.sigma-heading-split > p,.sigma-card-grid > article > p,.sigma-card-grid > article > div > span,.sigma-use-grid > article > p,.sigma-use-grid > article > div > span,.sigma-availability-note > p,.sigma-spec-row > span,.sigma-navtelecom-compatibility-copy > p:not(.sigma-eyebrow),.sigma-update-sources small,.sigma-update-node small,.sigma-resource-grid > a > small,.sigma-resource-grid > a > p,.s-can-flow > .is-primary > small,.s-sigma-flow > .is-primary > small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.s-heading > p:not(.s-eyebrow),.s-feature-grid > article > p,.s-feature-grid > article > div > span,.s-platform > small,.s-spec-row > span,.s-resource-grid > a > small,.s-resource-grid > a > p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-header :is(.unified-support-contact > p,.unified-support-resources > p,.unified-support-contact small,.unified-products-group > p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.home-series-top > div > p,.home-series-top h3 > span,.home-partner-heading > p,.home-pathway-grid > article > span,.home-faq-intro > p,.home-download-name > small,.stat-item > span,.about-detail-stat > span,.india-case-product-heading > span,.india-case-question-number,.claas-product-link > div > span,.catalog-network > span,.catalog-results-head > span,.device-card dt,.comparison-empty > p,.s-facts-grid span,.sigma-facts-grid span,.start-facts-grid > article > span,.support-resource-card small,.question-copy > small,.cookie-consent-eyebrow) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .about-page .eyebrow { color:#066598; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .contact-page :is(.contact-heading > p,.contact-channel-support p,.contact-channel-support .contact-number,.contact-next-grid p,.contact-next-grid > article > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .category-bar > .active { background:#086b9e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .category-bar button:not(.active) span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell #faq-results > div > span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .cookie-consent-accept { background:#076fa6; border-color:#076fa6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.ntc-step-card > span,.ntc-step-card > p,.library-copy > p,.lib-head,.preview-toggle small,.analysis-macbook figcaption,.files-copy > p,.logging-features > div > span,.flow-stage > small,.data-bridge > span,.deployment-package > small,.logic-card small,.logic-card em,.drc-feature > p,.drc-manage-layout > div > p,.drc-flow-card p,.drc-flow-center p,.tour-intro,.tour-disclaimer,.compatibility-head p,.compatibility-note,.ce-mode-content > p,.ce-use-case-grid p,.ce-workflow-number,.ce-workflow-line p,.ce-resource-grid small,.dev-stat-grid > article > span,.dev-tool-grid > article > div > span,.dev-tools-download small,.subscription-status-note > span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-control-page :is(.section-soft .section-head p,[role="tab"] small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ce-architecture-section .ce-section-heading > p, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ce-page figcaption { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell :is(.ce-tag,.support-channel-label,.dev-inline-note a,.dev-test-section .dev-eyebrow) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-page [role="tab"]:not([aria-selected="true"]), :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ce-page [role="tab"]:not([aria-selected="true"]) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .kb-page :is(.section-heading > p,.workflow-copy > p,.resource-card > span,.resource-card > p,.workflow-steps p) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .kb-page .workflow-copy :is(.kb-eyebrow,a) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .warranty-page :is(.eyebrow,.step) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .warranty-page :is(summary small,.section-heading > p,.shipping-list span) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .legal-page :is(.switcher-inner > span,.toc p,.toc a,.toc a span,.toc-help > span,.section-number) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .legal-page :is(.section-content a,.toc-help a) { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .legal-page .switcher-inner a.active { background:#07638e; color:#fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .about-page a > span > small { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .vogele-case-page summary { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .about-page .about-assurance-section .eyebrow, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .kb-page .workflow-steps > article > span { color:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .contact-channel-support .contact-card-label { color:#07638e !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .support-page :is(.support-resource-grid > a > p,.support-path-grid small) { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-page .ntc-step-card > span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-page .ntc-step-card > p, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .drc-page .drc-flow-center p { color:#eef8ff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell .ntc-page .ntc-process-section p { color:#eef8ff !important; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .use-cases-filters button[aria-pressed="true"] span, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .category-bar > .active > span { background:#07567d; color:#fff; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .india-case-architecture > .is-active small { color:#fff; } /* These device-illustration tiles remain white in both themes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell :is(.s-can-flow,.s-sigma-flow) > .is-primary > small { color:#516b7e; } @media (prefers-color-scheme:dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .eco-analysis-flow > span { color:#b3cbd6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .lead-field-error { color:#ffb1b8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .device-card-top > span { color:#a8ddef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .vogele-nav a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .vogele-case-page summary { color:#bce7f4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .subscription-status-note > span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell :is(.data-bridge > span,.subscription-status-eyebrow),:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .warranty-page :is(.shipping-list span,.metrics-grid span),:where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .legal-page .toc a span { color:#b3cbd6; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .eco-analysis-flow > span { color:#b3cbd6; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .lead-field-error { color:#ffb1b8; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .device-card-top > span { color:#a8ddef; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .vogele-nav a, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .vogele-case-page summary { color:#bce7f4; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .subscription-status-note > span { color:#516b7e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell :is(.data-bridge > span,.subscription-status-eyebrow),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .warranty-page :is(.shipping-list span,.metrics-grid span),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .legal-page .toc a span { color:#b3cbd6; } } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .warranty-page .button.primary, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .dev-page .dev-button-primary { background:#07638e; color:#fff; } @media (prefers-color-scheme: dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.india-case-why-device a,.india-case-back,.india-case-eyebrow:not(.is-light),.contact-direct-email a) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.s-eyebrow,.start-eyebrow,.soft-eyebrow,.sigma-eyebrow,.track-eyebrow,.kb-eyebrow,.dev-eyebrow,.contact-eyebrow,.eyebrow,.home-faq-intro > a,.faq-list a,.contact-consent a,.contact-card a,.legal-page .section-content a) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .home-faq-actions a { color: var(--nt-link-text); background: #12384d; border-color: #31566a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .warranty-page .metrics-grid strong { color: #eaf6fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .unified-menu-toggle { background: #12384d; color: #72d4ef; border-color: #31566a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell .dev-button-primary { color: #082f4d; background: #72d4ef; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.india-case-why-device a,.india-case-back,.india-case-eyebrow:not(.is-light),.contact-direct-email a) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.s-eyebrow,.start-eyebrow,.soft-eyebrow,.sigma-eyebrow,.track-eyebrow,.kb-eyebrow,.dev-eyebrow,.contact-eyebrow,.eyebrow,.home-faq-intro > a,.faq-list a,.contact-consent a,.contact-card a,.legal-page .section-content a) { color: var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .home-faq-actions a { color: var(--nt-link-text); background: #12384d; border-color: #31566a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .warranty-page .metrics-grid strong { color: #eaf6fb; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .unified-menu-toggle { background: #12384d; color: #72d4ef; border-color: #31566a; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell .dev-button-primary { color: #082f4d; background: #72d4ef; } } /* CAN Spy uses dark gradient panels in both color schemes. Keep their supporting copy light instead of inheriting the light-surface text roles. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .can-spy-page main .advanced-section .section-heading.light .eyebrow, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .can-spy-page main .final-cta .cta-panel .eyebrow { color: #8deeff !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell .can-spy-page main .advanced-section .section-heading.light .section-intro { color: rgba(255, 255, 255, .88) !important; } /* Audited text roles: keep muted hierarchy on ordinary surfaces and use explicit inverse roles on the existing blue panels in both themes. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.home-selector,.home-proof,.home-commercial-banner,.start-choice-card,.start-final-card,.track-flex-card,.track-final-banner,.soft-workflow-card,.soft-final-banner,.eco-feedback-card,.eco-final-banner,.ce-final-banner,.contact-final-banner,.contact-channel-sales,.support-contact-primary,.support-final-card,.cta-card,.s-servers-card,.s-sigma-banner,.drc-hero,.ntc-control-page .hero,.ntc-control-page .final-cta,.can-spy-page .final-cta) { --nt-body-on-surface:var(--nt-inverse-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.support-eyebrow-light,.ce-ecosystem-copy .ce-eyebrow) { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.home-selector,.home-proof,.home-commercial-banner,.start-choice-card,.start-final-card,.track-flex-card,.track-final-banner,.soft-workflow-card,.soft-final-banner,.eco-feedback-card,.eco-final-banner,.eco-flow-core,.eco-event-panel) { background-image:var(--nt-readable-blue-gradient); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.home-selector,.home-proof,.home-commercial-banner,.start-choice-card,.start-final-card,.track-flex-card,.track-final-banner,.soft-workflow-card,.soft-final-banner,.eco-feedback-card,.eco-final-banner,.ce-final-banner,.contact-final-banner,.contact-channel-sales,.support-contact-primary,.support-final-card,.cta-card) :is(p,li,small) { color:var(--nt-inverse-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.home-stats span,.home-selector p,.home-commercial-banner .home-eyebrow-light,.start-choice-columns article > span,.start-choice-copy .start-eyebrow-light,.track-flex-card small,.soft-workflow-card small,.eco-feedback-events > span,.eco-flow-core small,.eco-flow-core li,.eco-flow-local,.eco-event-panel > p,.ce-ecosystem-device small,.contact-message-card small) { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .lead-modal-submit { background:#076fa6; } @media (prefers-color-scheme:light) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main .comparison-products-label > span { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.start-model-top span,.ce-architecture-number) { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.india-case-back,.start-back,.eco-back-link,.ntc-back,.home-intro-card-head small,.home-software-card-top > span:first-child,.home-software-grid > a > p,.home-hero-lead,.home-hero-capabilities,.contact-lead,.contact-form-copy > p,.contact-direct-email small,.catalog-metrics > span,.comparison-hero p,.track-telemetry-core small,.track-telemetry-badge small,.track-heading > p,.soft-heading > p,.ce-diagram-label,.ce-logic-disclaimer,.ce-architecture-grid p,.ce-section-heading > p,.eco-section-heading > p,.eco-config-copy > p,.support-lead,.kb-page .topic-card > p,.legal-page .hero-note,.legal-page .updated > span) { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.start-hero .start-eyebrow,.start-hero .start-lead,.start-device-label small,.start-hero small,.home-promo-model small,.home-model-links i,.home-hero-tabs span,.home-hero-tabs strong,.faq-page .hero-copy .eyebrow,.kb-page .hero-copy .kb-eyebrow,.dev-hero .dev-eyebrow,.legal-page .hero-copy .eyebrow) { color:#385365; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main .eco-status b { color:#357546; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main .soft-solution-card.complex-events { --soft-card-rgb:7,108,168; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main .comparison-products-label > span { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.start-model-top span,.ce-architecture-number) { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.india-case-back,.start-back,.eco-back-link,.ntc-back,.home-intro-card-head small,.home-software-card-top > span:first-child,.home-software-grid > a > p,.home-hero-lead,.home-hero-capabilities,.contact-lead,.contact-form-copy > p,.contact-direct-email small,.catalog-metrics > span,.comparison-hero p,.track-telemetry-core small,.track-telemetry-badge small,.track-heading > p,.soft-heading > p,.ce-diagram-label,.ce-logic-disclaimer,.ce-architecture-grid p,.ce-section-heading > p,.eco-section-heading > p,.eco-config-copy > p,.support-lead,.kb-page .topic-card > p,.legal-page .hero-note,.legal-page .updated > span) { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.start-hero .start-eyebrow,.start-hero .start-lead,.start-device-label small,.start-hero small,.home-promo-model small,.home-model-links i,.home-hero-tabs span,.home-hero-tabs strong,.faq-page .hero-copy .eyebrow,.kb-page .hero-copy .kb-eyebrow,.dev-hero .dev-eyebrow,.legal-page .hero-copy .eyebrow) { color:#385365; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main .eco-status b { color:#357546; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main .soft-solution-card.complex-events { --soft-card-rgb:7,108,168; } } /* Complex-background audit: scoped inverse roles, preserving component structure. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root :is(.eco-flow-core,.eco-event-panel,.support-final-banner,.legal-page .end-card,.sigma-positioning-card,.sigma-compatibility-card,.sigma-cta-card) { --nt-body-on-surface:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root :is(.track-flex-card,.can-spy-page .flow-node.central,.can-spy-page .complex-events-banner,.support-final-banner) { background-image:var(--nt-readable-blue-gradient) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .can-spy-page .step-top > span { background: #07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .can-spy-page :is(.flow-node.central span,.flow-node.central strong,.ce-flow-card:not(.logic-card) em,.ce-flow-card:not(.logic-card) small) { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .drc-page .drc-back { color:var(--nt-inverse-text) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .ntc-control-page .phone-disclaimer { color:var(--nt-inverse-text) !important; background:#0b3855; border-radius:8px; padding:8px 12px; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .support-final-banner .support-button-dark-outline { background:#075780; color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .warranty-page .cta-card .eyebrow { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .subscription-status-card > a { background:var(--nt-readable-blue-gradient); color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .sigma-compatibility-card { background-image:linear-gradient(110deg,#243b6b,#40569b 74%,#07638a); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .sigma-compatibility-card small, :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root .sigma-update-node.active small { color:var(--nt-inverse-text) !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) #root :is(.legal-page .end-card,.sigma-cta-card) p { color:var(--nt-inverse-text); } @media (prefers-color-scheme:light) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) #root :is(.ntc-page .ntc-back,.drc-distinction-title p,.sigma-hero .sigma-eyebrow,.sigma-hero .sigma-lead,.sigma-hero .orbit-card small,.sigma-chip > span,.sigma-update-copy > p) { color:#385365; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) #root .ntc-page .ntc-back { color:#385365 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) #root :is(.subscription-status-eyebrow,.s-hero-copy > .s-eyebrow) { color:#086ba1; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) #root :is(.ntc-page .ntc-back,.drc-distinction-title p,.sigma-hero .sigma-eyebrow,.sigma-hero .sigma-lead,.sigma-hero .orbit-card small,.sigma-chip > span,.sigma-update-copy > p) { color:#385365; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) #root .ntc-page .ntc-back { color:#385365 !important; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) #root :is(.subscription-status-eyebrow,.s-hero-copy > .s-eyebrow) { color:#086ba1; } } @media (prefers-color-scheme:dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) #root .dev-tool-grid > article > div > span { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) #root :is(.eco-profile-process b,.sigma-compatible-models strong,.sigma-resource-grid strong) { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) #root .ntc-control-page .phone-disclaimer { color:var(--nt-inverse-text) !important; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) #root .dev-tool-grid > article > div > span { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) #root :is(.eco-profile-process b,.sigma-compatible-models strong,.sigma-resource-grid strong) { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) #root .ntc-control-page .phone-disclaimer { color:var(--nt-inverse-text) !important; } } @media (prefers-color-scheme:dark) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.india-case-product-features span,.eco-hero-note,.home-hero-capabilities,.home-intro-card-head small,.home-pathway-grid article > span,.start-back,.catalog-filter-head button,.ce-diagram-label,.kb-page .resource-card > span) { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="light"])) .unified-page-shell main :is(.home-promo-model small,.start-hero h1 > span,.start-model-name small,.s-resource-grid > a > strong,.s-related-grid > a > strong,.s-related-grid > a > span) { color:var(--nt-link-text); } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.india-case-product-features span,.eco-hero-note,.home-hero-capabilities,.home-intro-card-head small,.home-pathway-grid article > span,.start-back,.catalog-filter-head button,.ce-diagram-label,.kb-page .resource-card > span) { color:var(--nt-text-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="dark"]) .unified-page-shell main :is(.home-promo-model small,.start-hero h1 > span,.start-model-name small,.s-resource-grid > a > strong,.s-related-grid > a > strong,.s-related-grid > a > span) { color:var(--nt-link-text); } } /* Device pages share these diagrams and resource links across every model. */ :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.s-can-banner,.s-sigma-banner,.s-servers-card,.s-diagram-device) { background-image:var(--nt-readable-blue-gradient); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.s-can-flow,.s-sigma-flow) > span:not(.is-primary) :is(small,b),:where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .s-diagram-device small { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .s-server-diagram > span { background:#075780; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.can-spy-page .cta-panel,.ntc-control-page .cta-panel,.ntc-control-page .connection-card:not(.light),.can-spy-page .library-toolbar) { background-image:var(--nt-readable-blue-gradient); --nt-body-on-surface:var(--nt-inverse-muted); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.drc-back,.drc-cloud-note,.drc-ui-figure figcaption,.ntc-control-page .availability,.ntc-control-page .phone-disclaimer,.ntc-control-page .connection-card:not(.light) p,.ntc-control-page .cta-help,.ntc-control-page .cta-panel p,.ntc-guides-box p) { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .can-spy-page .step-top span { background:#07638e; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .warranty-page .cta-card .eyebrow { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main .s-eco-signals small { color:var(--nt-inverse-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])) .unified-page-shell main :is(.s-can-flow,.s-sigma-flow) > span:not(.is-primary) { background-color:#124661; } @media (prefers-color-scheme:light) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.s-back,.s-lead,.s-feature-grid p,.s-related-grid p,.s-heading > p,.s-io-copy p,.s-ble-copy p,.s-ecosystem-copy p) { color:#496579; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main .s-related-grid > a > span { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.faq-page .hero-lead,.ntc-interface-preview figcaption,.drc-manage-layout p,.can-spy-page .analysis-macbook figcaption) { color:#496579; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"]):not([data-theme="dark"])) .unified-page-shell main :is(.s-application-grid p,.ce-capability-grid p,.track-telemetry-node small) { color:#496579; } } @media (min-width: 0px) { :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.s-back,.s-lead,.s-feature-grid p,.s-related-grid p,.s-heading > p,.s-io-copy p,.s-ble-copy p,.s-ecosystem-copy p) { color:#496579; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main .s-related-grid > a > span { color:var(--nt-link-text); } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.faq-page .hero-lead,.ntc-interface-preview figcaption,.drc-manage-layout p,.can-spy-page .analysis-macbook figcaption) { color:#496579; } :where(html:has(body > #root > [data-ui-route="63e7addd0970"])[data-theme="light"]) .unified-page-shell main :is(.s-application-grid p,.ce-capability-grid p,.track-telemetry-node small) { color:#496579; } }