/* STAR professional channel system v1
   One brand shell; distinct visual grammar for each enterprise specialty. */

:root {
  --channel-blue: #0767ea;
  --channel-green: #1bb86b;
  --channel-orange: #ff9f0a;
  --channel-violet: #7654f6;
  --channel-cyan: #45d7ff;
  --channel-lime: #c9f45a;
  --channel-red: #ff5d47;
  --channel-navy: #101b35;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) {
  --channel-accent: var(--channel-blue);
  --channel-accent-2: var(--channel-cyan);
  --channel-surface: #eaf2ff;
  --channel-soft: #f5f8ff;
  --channel-ink: var(--channel-navy);
  --channel-on-accent: #fff;
  background:
    radial-gradient(circle at 8% 3%, color-mix(in srgb, var(--channel-accent) 10%, transparent), transparent 25rem),
    radial-gradient(circle at 92% 7%, color-mix(in srgb, var(--channel-accent-2) 13%, transparent), transparent 28rem),
    #f4f7fb;
}

body[data-page-family="solution-index"],
body[data-page-family="solution-detail"] {
  --channel-accent: var(--channel-violet);
  --channel-accent-2: var(--channel-cyan);
  --channel-surface: #ece9ff;
  --channel-soft: #f7f5ff;
  --channel-ink: #171535;
}

body[data-page-family="industry-index"],
body[data-page-family="industry-detail"] {
  --channel-accent: var(--channel-orange);
  --channel-accent-2: #ffd356;
  --channel-surface: #fff0d8;
  --channel-soft: #fffaf1;
  --channel-ink: #322010;
  --channel-on-accent: #201207;
}

body[data-page-family="function-index"],
body[data-page-family="function-detail"] {
  --channel-accent: var(--channel-green);
  --channel-accent-2: #62d8cf;
  --channel-surface: #dcf7ed;
  --channel-soft: #f0fbf7;
  --channel-ink: #102b22;
}

body[data-page-family="governance"] {
  --channel-accent: var(--channel-lime);
  --channel-accent-2: var(--channel-red);
  --channel-surface: #17261f;
  --channel-soft: #eef5ef;
  --channel-ink: #0e1b15;
  --channel-on-accent: #122016;
}

body[data-page-family="evidence"] {
  --channel-accent: var(--channel-cyan);
  --channel-accent-2: var(--channel-blue);
  --channel-surface: #102942;
  --channel-soft: #edf8ff;
  --channel-ink: #0b243b;
  --channel-on-accent: #092035;
}

body[data-page-family="approach"],
body[data-page-family="operating-model"],
body[data-page-family="pilot-contact"] {
  --channel-accent: var(--channel-orange);
  --channel-accent-2: var(--channel-lime);
  --channel-surface: #fff0d8;
  --channel-soft: #fffbf2;
  --channel-ink: #2c2013;
  --channel-on-accent: #201207;
}

body[data-page-family="agent-chat"] {
  --channel-accent: var(--channel-lime);
  --channel-accent-2: var(--channel-cyan);
  --channel-surface: #111b35;
  --channel-soft: #edf3ff;
  --channel-ink: #101b35;
  --channel-on-accent: #101b35;
}

/* Shared channel chrome */

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-global-header {
  min-height: 76px;
  border-bottom-color: rgba(16, 27, 53, .08);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 9px 30px rgba(23, 39, 75, .05);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-nav {
  border-color: rgba(16, 27, 53, .08);
  background: #f5f7fb;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-nav > a[aria-current="page"] {
  color: var(--channel-on-accent);
  background: var(--channel-accent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-header-action,
body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-nav-agent {
  color: #fff;
  background: var(--channel-ink);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-language a[aria-current="page"] {
  color: var(--channel-on-accent);
  background: var(--channel-accent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route__inner {
  min-height: 48px;
  margin-top: 10px;
  padding: 5px;
  border-color: rgba(16, 27, 53, .09);
  box-shadow: 0 10px 30px rgba(16, 27, 53, .055);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route__label {
  color: var(--channel-ink);
  background: var(--channel-surface);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route li a {
  min-height: 38px;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route li[data-task-view-state="current"] a,
body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route a[aria-current="step"] {
  color: var(--channel-on-accent);
  background: var(--channel-accent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence {
  padding-top: 10px;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__inner {
  min-height: 96px;
  padding: 15px 18px 15px 22px;
  border: 0;
  border-radius: 27px;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--channel-surface) 92%, white), color-mix(in srgb, var(--channel-accent-2) 18%, white));
  box-shadow: 0 18px 45px rgba(20, 40, 78, .07);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__inner::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  border-radius: 27px 0 0 27px;
  background: var(--channel-accent);
  content: "";
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__inner::after {
  top: -170px;
  right: 24%;
  width: 330px;
  height: 330px;
  border-color: color-mix(in srgb, var(--channel-accent) 18%, transparent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__identity > span {
  color: color-mix(in srgb, var(--channel-accent) 70%, var(--channel-ink));
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__agents > em i {
  background: var(--channel-accent);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--channel-accent) 16%, transparent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__agents span:first-child i {
  color: var(--channel-on-accent);
  background: var(--channel-accent);
}

/* The channel identity and task route already explain location. Remove the
   repeated breadcrumb/task slab so the specialist content reaches the fold. */
body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-context {
  display: none;
}

/* Shared specialist hero */

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]):not([data-page-family="agent-chat"]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero) {
  position: relative;
  display: grid;
  min-height: 410px;
  align-items: center;
  margin-top: 12px;
  padding: clamp(42px, 5vw, 68px);
  border: 0;
  border-radius: 38px;
  background:
    radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--channel-accent-2) 45%, transparent), transparent 19rem),
    radial-gradient(circle at 8% 88%, color-mix(in srgb, var(--channel-accent) 23%, transparent), transparent 21rem),
    var(--channel-surface);
  box-shadow: 0 28px 80px rgba(22, 38, 73, .1);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]):not([data-page-family="agent-chat"]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero)::before {
  top: -22rem;
  left: 72%;
  width: 43rem;
  height: 43rem;
  border: 1px solid color-mix(in srgb, var(--channel-accent) 23%, transparent);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]):not([data-page-family="agent-chat"]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero)::after {
  position: absolute;
  right: 32px;
  bottom: 28px;
  width: 70px;
  height: 70px;
  border: 14px solid var(--channel-accent);
  border-radius: 28px 12px 30px 16px;
  content: "";
  opacity: .92;
  transform: rotate(12deg);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-h1, .page-title, .bc-hero__copy h1, .eo-detail-hero h1) {
  max-width: 15ch;
  margin-block: 12px 18px;
  color: var(--channel-ink);
  font-size: clamp(46px, 5.55vw, 76px);
  line-height: .98;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-kicker, .scenario-kicker, .bc-kicker, .eyebrow-simple) {
  color: color-mix(in srgb, var(--channel-accent) 76%, var(--channel-ink));
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-page-head__aside, .hero-note, .bc-hero__route) {
  border: 0;
  border-radius: 24px;
  color: var(--channel-ink);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 45px rgba(20, 38, 74, .08);
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-button--solid, .star-primary-action, .solution-capability-return__actions a:first-child, .scenario-decision-layer__actions a:first-child) {
  border-color: var(--channel-accent);
  color: var(--channel-on-accent);
  background: var(--channel-accent);
}

/* Scenario intelligence: atlas, diagnostic cards and comparable records. */

body:is([data-page-family="scenario-library"],[data-page-family="scenario-detail"],[data-page-family="scenario-compare"]) {
  background-color: #eef4ff;
}

body:is([data-page-family="scenario-library"],[data-page-family="scenario-detail"],[data-page-family="scenario-compare"]) .scenario-route-panel,
body:is([data-page-family="scenario-library"],[data-page-family="scenario-detail"],[data-page-family="scenario-compare"]) .scenario-decision-layer,
body:is([data-page-family="scenario-library"],[data-page-family="scenario-detail"],[data-page-family="scenario-compare"]) .scenario-comparison-lens {
  border-color: color-mix(in srgb, var(--channel-blue) 25%, transparent);
  border-radius: 30px;
  box-shadow: 0 22px 65px rgba(21, 74, 164, .09);
}

body[data-page-family="scenario-library"] .scenario-domain-card {
  min-height: 420px;
  overflow: hidden;
  border: 0;
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(18, 65, 150, .08);
}

body[data-page-family="scenario-library"] .scenario-domain-card::before {
  display: block;
  width: 82px;
  height: 14px;
  margin: -1px 0 28px;
  border-radius: 0 0 12px 0;
  background: var(--channel-blue);
  content: "";
}

body[data-page-family="scenario-library"] .scenario-domain-card:nth-child(2)::before { background: var(--channel-green); }
body[data-page-family="scenario-library"] .scenario-domain-card:nth-child(3)::before { background: var(--channel-orange); }

body[data-page-family="scenario-library"] .eo-tools {
  border-block: 0;
  background: var(--channel-navy);
  color: #fff;
}

/* Capability engineering: dark system surface and connected nodes. */

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) :where(.eo-page-head, .page-hero, .eo-detail-hero) {
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(69, 215, 255, .33), transparent 20rem),
    radial-gradient(circle at 10% 90%, rgba(118, 84, 246, .68), transparent 23rem),
    #171535 !important;
}

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) :where(.eo-h1, .page-title, .eo-detail-hero h1, .eo-lead, .page-lead) {
  color: #fff !important;
}

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) .hero-note,
body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) .eo-page-head__aside {
  color: #fff !important;
  background: rgba(255, 255, 255, .1) !important;
  backdrop-filter: blur(15px);
}

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) :where(.breadcrumb, .breadcrumb a, .breadcrumb b, .hero-note span, .hero-note b, .hero-note small) {
  color: #dff8ff !important;
}

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) :where(.solution-capability-map, .solution-capability-bridge) {
  border-radius: 38px;
  background:
    linear-gradient(rgba(118, 84, 246, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(118, 84, 246, .055) 1px, transparent 1px),
    #fff;
  background-size: 34px 34px;
  box-shadow: 0 28px 80px rgba(44, 30, 105, .1);
}

body:is([data-page-family="solution-index"],[data-page-family="solution-detail"]) .solution-capability-node {
  border-radius: 24px;
  box-shadow: 0 14px 35px rgba(66, 43, 145, .07);
}

/* Industry operations: warm editorial lanes and process handoffs. */

body:is([data-page-family="industry-index"],[data-page-family="industry-detail"]) :where(.eo-page-head, .bc-hero, .eo-detail-hero) {
  background:
    linear-gradient(120deg, rgba(255, 159, 10, .18), transparent 52%),
    radial-gradient(circle at 85% 20%, rgba(255, 211, 86, .72), transparent 20rem),
    #fff3de !important;
}

body:is([data-page-family="industry-index"],[data-page-family="industry-detail"]) :where(.business-coordinate-map, .bc-map, .eo-grid-3 > article) {
  border-radius: 30px;
  background-color: #fffaf1;
  box-shadow: 0 20px 55px rgba(120, 68, 13, .08);
}

body:is([data-page-family="industry-index"],[data-page-family="industry-detail"]) :where(.business-coordinate-map, .bc-map)::before {
  border-color: var(--channel-orange);
}

/* Functional ownership: structured matrix and responsibility lanes. */

body:is([data-page-family="function-index"],[data-page-family="function-detail"]) :where(.eo-page-head, .bc-hero, .eo-detail-hero) {
  background:
    linear-gradient(rgba(27, 184, 107, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27, 184, 107, .09) 1px, transparent 1px),
    linear-gradient(135deg, #e2faef, #e7fbff) !important;
  background-size: 42px 42px, 42px 42px, auto;
}

body:is([data-page-family="function-index"],[data-page-family="function-detail"]) :where(.business-coordinate-map, .bc-map, .eo-grid-3) {
  border-radius: 30px;
  box-shadow: 0 22px 60px rgba(13, 95, 67, .09);
}

body:is([data-page-family="function-index"],[data-page-family="function-detail"]) .eo-grid-3 > article {
  border-top: 7px solid var(--channel-green);
  border-radius: 20px;
}

/* Governance control: high-contrast gates and warning states. */

body[data-page-family="governance"] .eo-page-head {
  color: #fff;
  background:
    radial-gradient(circle at 82% 16%, rgba(201, 244, 90, .2), transparent 20rem),
    linear-gradient(145deg, #0d1914, #1c3026) !important;
}

body[data-page-family="governance"] :where(.eo-page-head .eo-h1, .eo-page-head .eo-lead) { color: #fff !important; }
body[data-page-family="governance"] :where(.eo-page-head .eo-kicker, .eo-page-head .eyebrow-simple) { color: var(--channel-lime) !important; }
body[data-page-family="governance"] .eo-page-head__aside { color: #fff !important; background: rgba(255, 255, 255, .08) !important; }
body[data-page-family="governance"] .eo-page-head::after { border-color: var(--channel-lime); }

body[data-page-family="governance"] .star-evidence-architecture {
  border-radius: 38px;
  background: #12221a;
  box-shadow: 0 30px 85px rgba(10, 29, 20, .2);
}

body[data-page-family="governance"] .star-evidence-architecture__legend li {
  border-left: 5px solid var(--channel-lime);
}

body[data-page-family="governance"] .star-evidence-architecture__legend li:nth-child(3n) {
  border-left-color: var(--channel-red);
}

/* Evidence operations: ledger lines, receipts and readback. */

body[data-page-family="evidence"] .eo-page-head {
  color: #fff;
  background:
    linear-gradient(rgba(69, 215, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(69, 215, 255, .08) 1px, transparent 1px),
    radial-gradient(circle at 82% 18%, rgba(7, 103, 234, .7), transparent 21rem),
    #102942 !important;
  background-size: 36px 36px, 36px 36px, auto, auto;
}

body[data-page-family="evidence"] :where(.eo-page-head .eo-h1, .eo-page-head .eo-lead) { color: #fff !important; }
body[data-page-family="evidence"] :where(.eo-page-head .eo-kicker, .eo-page-head .eyebrow-simple) { color: var(--channel-cyan) !important; }
body[data-page-family="evidence"] .eo-page-head__aside { color: #fff !important; background: rgba(255, 255, 255, .08) !important; }
body[data-page-family="evidence"] .eo-page-head::after { border-color: var(--channel-cyan); }

body[data-page-family="evidence"] .star-evidence-architecture {
  border-radius: 38px;
  background: #f1f9ff;
  box-shadow: 0 30px 85px rgba(8, 58, 99, .14);
}

body[data-page-family="evidence"] .star-evidence-architecture__legend {
  border-left: 2px dashed var(--channel-blue);
}

/* Pilot studio: warm steps, explicit Owners and action boundaries. */

body:is([data-page-family="approach"],[data-page-family="operating-model"],[data-page-family="pilot-contact"]) :where(.eo-page-head, .page-hero, .eo-detail-hero) {
  background:
    radial-gradient(circle at 82% 20%, rgba(201, 244, 90, .7), transparent 19rem),
    linear-gradient(135deg, #fff0d8, #fffaf0) !important;
}

body:is([data-page-family="approach"],[data-page-family="operating-model"],[data-page-family="pilot-contact"]) :where(.star-product-route-map, .eo-section, .solution-form) {
  border-radius: 34px;
}

body:is([data-page-family="approach"],[data-page-family="operating-model"],[data-page-family="pilot-contact"]) .star-product-route-map__step {
  border-top: 7px solid var(--channel-orange);
  border-radius: 22px;
}

/* STAR-AI workspace: direct, dark professional command surface. */

body[data-page-family="agent-chat"] .star-task-route,
body[data-page-family="agent-chat"] .star-system-presence {
  display: none;
}

body[data-page-family="agent-chat"] .star-agent-stage {
  min-height: calc(100svh - 76px);
  margin-top: 0;
  background:
    radial-gradient(circle at 16% 12%, rgba(69, 215, 255, .15), transparent 22rem),
    radial-gradient(circle at 86% 84%, rgba(201, 244, 90, .1), transparent 20rem),
    #101b35;
}

body[data-page-family="agent-chat"] .star-agent-stage__map {
  background: transparent;
}

body[data-page-family="agent-chat"] .star-agent-workspace {
  border: 8px solid rgba(255, 255, 255, .1);
  border-radius: 36px 0 0 36px;
  box-shadow: -28px 0 80px rgba(0, 0, 0, .2);
}

/* Card and section polish shared by all channels. */

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-section, .site-section, .df-section, .scenario-domain-section) {
  position: relative;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-grid-3 > article, .star-product-proof__grid figure, .solution-capability-node) {
  transition: transform .22s ease, box-shadow .22s ease;
}

body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-grid-3 > article, .star-product-proof__grid figure, .solution-capability-node):hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 55px color-mix(in srgb, var(--channel-accent) 13%, transparent);
}

@media (max-width: 1080px) {
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__inner {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence nav { display: none; }
}

@media (max-width: 820px) {
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-task-route { display: none; }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence { padding-top: 8px; }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 17px 19px;
  }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) .star-system-presence__agents { display: none; }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]):not([data-page-family="agent-chat"]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero) {
    min-height: 0;
    padding: 38px 25px 82px;
    border-radius: 28px;
  }
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) :where(.eo-h1, .page-title, .bc-hero__copy h1, .eo-detail-hero h1) {
    max-width: none;
    font-size: clamp(38px, 11vw, 58px);
  }
  body[data-page-family="agent-chat"] .star-agent-stage { min-height: calc(100svh - 68px); }
  body[data-page-family="agent-chat"] .star-agent-workspace { border-width: 0; border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-shell-version="4.2"]:not([data-page-family="home"]):not([data-page-family="concept-home"]) * {
    transition: none !important;
  }
}