/* CCS Uptime / www-3. Runtime BRAND_* palette supplies the colors.
   Keep theme.css intact for a www-2 rollback. Approved logos are never filtered. */
html.brand-variant--ccs {
  --display: 'Helvetica Neue Condensed Bold', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
  --body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.brand-variant--ccs h1,.brand-variant--ccs h2,.brand-variant--ccs h3 {
  font-weight: 750;
  letter-spacing: -.035em;
}
.brand-variant--ccs .site-header,.brand-variant--ccs footer {
  background: var(--dark);
  color: var(--on-dark);
  border-bottom: 3px solid var(--orange);
}
.brand-variant--ccs .brand-lockup { width: 160px; height: 54px; object-fit: contain; }
.brand-variant--ccs .wordmark { padding: 8px 0; flex-shrink: 0; }
.brand-variant--ccs .site-header nav { gap: 24px; }
.brand-variant--ccs .site-header nav a,.brand-variant--ccs .text-button {
  font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.brand-variant--ccs .site-header nav a:after { background: var(--orange); }
.brand-variant--ccs .text-button { padding: 9px 15px; border: 1px solid var(--on-dark); }
.brand-variant--ccs .button {
  border-radius: 2px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
}
.brand-variant--ccs .button:hover { transform: none; box-shadow: none; }
.brand-variant--ccs .button-orange,.brand-variant--ccs .nav-actions .button-dark {
  background: var(--orange); color: #fff;
}
.brand-variant--ccs .button-orange:hover,.brand-variant--ccs .nav-actions .button-dark:hover { background: var(--accent-strong); }
.brand-variant--ccs .hero { background: var(--dark); border-radius: 0; margin-inline: 0; color: var(--on-dark); }
/* Size the two headline lines against their actual column, including tablet
   and phone padding, rather than the much wider factory scene. */
.brand-variant--ccs .hero-content { container-type: inline-size; }
.brand-variant--ccs .hero h1 {
  text-transform: uppercase;
  font-size: clamp(22px,3.2vw,64px);
  font-size: min(8cqi,64px);
  max-width: none;
  white-space: nowrap;
}
.brand-variant--ccs .hero-grid { display: none; }
/* Keep CCS's red-to-black identity behind the copy without veiling the video. */
@media(min-width:1201px) {
  .brand-variant--ccs .hero-film {
    mask-image:linear-gradient(90deg,transparent 0%,#000 22%);
  }
  .brand-variant--ccs .hero-shade {
    background:linear-gradient(110deg,color-mix(in srgb,var(--orange) 68%,#000) 0%,#000e 30%,transparent 62%),linear-gradient(0deg,var(--dark),transparent 28%);
  }
}
.brand-variant--ccs .hero-content>p,.brand-variant--ccs .hero .eyebrow,.brand-variant--ccs .hero-bottom { color: var(--on-dark); }
.brand-variant--ccs .scene-callout { background: #111e; border-radius: 2px; }
.brand-variant--ccs .maintenance-callout .callout-dot { background: var(--orange); }
.brand-variant--ccs .robot-trace { stroke: var(--orange); }
.brand-variant--ccs .robot-sparkline circle { fill: var(--orange); }
.brand-variant--ccs .factory-target { color: var(--orange); }
.brand-variant--ccs .conversation,.brand-variant--ccs .signup-card,.brand-variant--ccs .how-steps li,
.brand-variant--ccs .evaluation-invite,.brand-variant--ccs .price-card,.brand-variant--ccs dialog {
  background: var(--surface); border-color: var(--line); border-radius: 3px; box-shadow: none;
}
.brand-variant--ccs .user-message,.brand-variant--ccs .knowledge-result { background: #f0f0f0; }
.brand-variant--ccs .ai-response>p,.brand-variant--ccs .source-pills span { color: var(--ink-soft); }
.brand-variant--ccs .evidence-icon { background: #f8e8e8; color: var(--orange); }
.brand-variant--ccs .question.active,.brand-variant--ccs .question.active>span,.brand-variant--ccs .question:hover,
.brand-variant--ccs .how-number,.brand-variant--ccs .system-capabilities article>span { color: var(--orange); }
.brand-variant--ccs .feature-list li:before { background: var(--orange); }
.brand-variant--ccs .eyebrow>span:not(.status-dot) { color: var(--muted); }
.brand-variant--ccs .persona-tabs button[aria-selected=true],
.brand-variant--ccs .engineering-tabs button[aria-selected=true] { border-color: var(--orange); }
.brand-variant--ccs .persona-panel.has-guide .engineering-tabs button[aria-selected=true] { background: #f3eaea; }
.brand-variant--ccs .pricing { background: #f1f1f1; }
.brand-variant--ccs input { border-radius: 2px; }
.brand-variant--ccs footer { border-top: 3px solid var(--orange); border-bottom: 0; }
@media(max-width:1200px) {
  .brand-variant--ccs .hero-shade { background: linear-gradient(180deg,var(--dark) 0%,#000e 25%,transparent 48%,transparent 78%,var(--dark) 100%); }
  .brand-variant--ccs .site-header nav { gap: 14px; }
}
@media(max-width:760px) {
  .brand-variant--ccs .hero-film {
    mask-image:linear-gradient(180deg,transparent 0%,#000 100px);
  }
  .brand-variant--ccs .brand-lockup { width: 112px; height: 40px; }
  .brand-variant--ccs .text-button { padding: 7px 9px; font-size: 10px; }
}