/* STAR Design System V6
   Product-first enterprise AI workspace shared by every public route. */

:root {
  --star-v6-ink: #111713;
  --star-v6-muted: #68726b;
  --star-v6-line: rgba(17, 23, 19, 0.11);
  --star-v6-line-strong: rgba(17, 23, 19, 0.2);
  --star-v6-paper: #f7f8f4;
  --star-v6-white: #fff;
  --star-v6-mint: #dff8ec;
  --star-v6-aqua: #dcf5f5;
  --star-v6-lime: #d7fb82;
  --star-v6-lime-strong: #bcf34c;
  --star-v6-peach: #fff0df;
  --star-v6-lilac: #eee9ff;
  --star-v6-dark: #102019;
  --star-v6-radius-xl: 36px;
  --star-v6-radius-lg: 28px;
  --star-v6-radius-md: 20px;
  --star-v6-radius-sm: 14px;
  --star-v6-shadow: 0 26px 80px rgba(34, 55, 44, 0.09);
  --star-v6-shadow-soft: 0 14px 40px rgba(34, 55, 44, 0.06);
  --star-v6-shell: min(1200px, calc(100vw - 48px));
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
  overflow-x: clip;
}

body[data-design-version="6.0"] {
  color: var(--star-v6-ink);
  background:
    radial-gradient(circle at 9% 5%, rgba(217, 255, 230, 0.54), transparent 22rem),
    radial-gradient(circle at 91% 8%, rgba(214, 246, 255, 0.54), transparent 25rem),
    var(--star-v6-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
  overflow-x: clip;
}

body[data-design-version="6.0"] ::selection {
  color: #07100b;
  background: var(--star-v6-lime);
}

body[data-design-version="6.0"] :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid rgba(44, 154, 114, 0.42);
  outline-offset: 3px;
}

body[data-design-version="6.0"] :where(.star-shell-wrap, .eo-wrap) {
  width: var(--star-v6-shell);
  max-width: 1200px;
}

/* Global chrome */

body[data-design-version="6.0"] .star-global-header {
  min-height: 74px;
  padding: 0 28px;
  border-bottom: 1px solid var(--star-v6-line);
  background: rgba(250, 251, 248, 0.9);
  box-shadow: 0 10px 35px rgba(22, 37, 29, 0.035);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}

body[data-design-version="6.0"] .star-brand {
  min-width: 248px;
  padding-right: 28px;
  border-right: 1px solid var(--star-v6-line-strong);
  letter-spacing: 0.2em;
}

body[data-design-version="6.0"] .star-brand small {
  margin-top: 3px;
  color: #667269;
  font-size: 9px;
  letter-spacing: 0.13em;
}

body[data-design-version="6.0"] .star-nav {
  gap: 4px;
  margin-left: auto;
  padding: 5px;
  border: 1px solid rgba(17, 23, 19, 0.07);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
}

body[data-design-version="6.0"] .star-nav > a {
  padding: 9px 12px;
  border-radius: 999px;
  color: #445049;
  font-size: 12px;
  font-weight: 650;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

body[data-design-version="6.0"] .star-nav > a:hover,
body[data-design-version="6.0"] .star-nav > a[aria-current="page"] {
  color: var(--star-v6-ink);
  background: var(--star-v6-white);
  transform: translateY(-1px);
}

body[data-design-version="6.0"] .star-nav > .star-nav-pilot {
  color: #102018;
  background: var(--star-v6-lime);
}

body[data-design-version="6.0"] .star-language {
  gap: 1px;
  padding: 3px;
  border: 1px solid var(--star-v6-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
}

body[data-design-version="6.0"] .star-language a {
  padding: 7px 9px;
  border: 0;
  border-radius: 999px;
  color: #5c665f;
  font-size: 10px;
  font-weight: 700;
}

body[data-design-version="6.0"] .star-language a[aria-current="page"] {
  color: #fff;
  background: var(--star-v6-dark);
}

body[data-design-version="6.0"] .star-header-action {
  padding: 11px 16px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--star-v6-dark);
  box-shadow: 0 8px 22px rgba(16, 32, 25, 0.16);
}

body[data-design-version="6.0"] .star-menu {
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 48px;
  min-height: 44px;
  height: 44px;
  margin-left: auto;
  border: 1px solid var(--star-v6-line-strong);
  border-radius: 999px;
  color: var(--star-v6-ink);
  background: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 760;
}

/* Task path becomes a compact product route instead of a second navigation bar. */

body[data-design-version="6.0"] .star-task-route {
  position: relative;
  top: auto;
  z-index: 8;
  border: 0;
  background: transparent;
}

body[data-design-version="6.0"] .star-task-route__inner {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 14px auto 0;
  padding: 8px;
  border: 1px solid var(--star-v6-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: var(--star-v6-shadow-soft);
  backdrop-filter: blur(16px);
}

body[data-design-version="6.0"] .star-task-route__label {
  flex: 0 0 auto;
  padding: 8px 14px;
  border-radius: 999px;
  color: #316b57;
  background: var(--star-v6-mint);
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: 0.11em;
}

body[data-design-version="6.0"] .star-task-route ol {
  gap: 4px;
  width: 100%;
}

body[data-design-version="6.0"] .star-task-route li {
  border: 0;
}

body[data-design-version="6.0"] .star-task-route li a {
  min-height: 42px;
  padding: 7px 10px;
  border: 0;
  border-radius: 999px;
  transition: background 180ms ease, transform 180ms ease;
}

body[data-design-version="6.0"] .star-task-route li a:hover {
  background: #f2f5ef;
  transform: translateY(-1px);
}

body[data-design-version="6.0"] .star-task-route li[data-task-view-state="current"] a,
body[data-design-version="6.0"] .star-task-route a[aria-current="step"] {
  color: #fff;
  background: var(--star-v6-dark);
}

body[data-design-version="6.0"] .star-task-route li span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 8px;
}

body[data-design-version="6.0"] .star-task-route li b {
  font-size: 11px;
}

body[data-design-version="6.0"] .star-reference-support {
  margin-right: 8px;
  border-radius: 999px;
}

/* Consistent AI workspace presence for every inner page. */

.star-system-presence {
  position: relative;
  z-index: 3;
  padding: 14px 0 0;
}

.star-system-presence__inner {
  display: grid;
  grid-template-columns: minmax(250px, 1.1fr) minmax(360px, 1.4fr) auto;
  gap: 22px;
  align-items: center;
  min-height: 114px;
  padding: 18px 20px 18px 24px;
  overflow: hidden;
  border: 1px solid rgba(31, 101, 78, 0.14);
  border-radius: var(--star-v6-radius-lg);
  background:
    radial-gradient(circle at 7% 18%, rgba(183, 255, 211, 0.5), transparent 15rem),
    radial-gradient(circle at 92% 30%, rgba(193, 244, 255, 0.52), transparent 17rem),
    rgba(255, 255, 255, 0.86);
  box-shadow: var(--star-v6-shadow-soft);
}

.star-system-presence__inner::after {
  position: absolute;
  top: -110px;
  right: 24%;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(43, 123, 94, 0.1);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.star-system-presence__identity {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
}

.star-system-presence__identity > span {
  color: #397560;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.16em;
}

.star-system-presence__identity strong {
  font-size: clamp(19px, 2vw, 27px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.star-system-presence__identity small {
  max-width: 38ch;
  color: var(--star-v6-muted);
  font-size: 11px;
  line-height: 1.55;
}

.star-system-presence__agents {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 9px;
}

.star-system-presence__agents > em {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #476057;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.star-system-presence__agents > em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25bd7c;
  box-shadow: 0 0 0 5px rgba(37, 189, 124, 0.12);
}

.star-system-presence__agents > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.star-system-presence__agents span {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(17, 23, 19, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
}

.star-system-presence__agents span i {
  display: grid;
  flex: 0 0 auto;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 50%;
  color: #1c4a38;
  background: var(--star-v6-lime);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.star-system-presence__agents span:nth-child(2) i { background: var(--star-v6-aqua); }
.star-system-presence__agents span:nth-child(3) i { background: var(--star-v6-lilac); }
.star-system-presence__agents span:nth-child(4) i { background: var(--star-v6-peach); }

.star-system-presence__agents span b {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.star-system-presence nav {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
}

.star-system-presence nav a {
  padding: 10px 14px;
  border: 1px solid var(--star-v6-line);
  border-radius: 999px;
  color: var(--star-v6-ink);
  background: rgba(255, 255, 255, 0.85);
  font-size: 10px;
  font-weight: 750;
  text-align: center;
}

.star-system-presence nav a.is-primary {
  border-color: var(--star-v6-dark);
  color: #fff;
  background: var(--star-v6-dark);
}

/* Inner-page hero system */

body[data-design-version="6.0"]:not([data-home-version]) main {
  position: relative;
  z-index: 1;
}

body[data-design-version="6.0"]:not([data-home-version]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero) {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 18px auto 0;
  padding: clamp(34px, 5vw, 72px);
  overflow: hidden;
  border: 1px solid rgba(17, 23, 19, 0.08);
  border-radius: var(--star-v6-radius-xl);
  background:
    radial-gradient(circle at 12% 10%, rgba(184, 255, 212, 0.72), transparent 24rem),
    radial-gradient(circle at 86% 18%, rgba(190, 245, 255, 0.76), transparent 27rem),
    linear-gradient(135deg, #f5fff9 0%, #f0fbfa 58%, #f8ffdf 100%);
  box-shadow: var(--star-v6-shadow);
}

body[data-design-version="6.0"]:not([data-home-version]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero)::before {
  position: absolute;
  top: -26rem;
  left: 50%;
  width: 50rem;
  height: 50rem;
  border: 1px solid rgba(37, 128, 96, 0.1);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translateX(-50%);
}

body[data-design-version="6.0"] .eo-page-head__grid,
body[data-design-version="6.0"] .page-hero-grid {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  gap: clamp(30px, 6vw, 90px);
  align-items: end;
}

body[data-design-version="6.0"] :where(.eo-h1, .page-title, .bc-hero__copy h1, .eo-detail-hero h1) {
  max-width: 14ch;
  margin: 14px 0 18px;
  color: var(--star-v6-ink);
  font-size: clamp(42px, 6.2vw, 82px);
  font-weight: 720;
  line-height: 0.98;
  letter-spacing: -0.068em;
  text-wrap: balance;
}

body[data-design-version="6.0"] :where(.eo-lead, .page-lead, .bc-hero__lead, .eo-detail-hero__lead) {
  max-width: 660px;
  color: #4f5e56;
  font-size: clamp(16px, 1.8vw, 21px);
  line-height: 1.65;
}

body[data-design-version="6.0"] :where(.eo-kicker, .scenario-kicker, .bc-kicker, .eyebrow-simple) {
  color: #397560;
  font-size: 10px;
  font-weight: 780;
  letter-spacing: 0.15em;
}

body[data-design-version="6.0"] :where(.eo-truth, .scenario-truth, .bc-truth, .star-product-route-map__truth) {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(48, 111, 86, 0.16);
  border-radius: 999px;
  color: #3f6e5c;
  background: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  font-weight: 720;
  letter-spacing: 0.08em;
}

body[data-design-version="6.0"] .eo-page-head__aside,
body[data-design-version="6.0"] .hero-note,
body[data-design-version="6.0"] .bc-hero__route {
  padding: 22px;
  border: 1px solid rgba(17, 23, 19, 0.09);
  border-radius: var(--star-v6-radius-md);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 14px 34px rgba(32, 62, 48, 0.06);
}

body[data-design-version="6.0"] :where(.eo-actions, .s01-hero-actions, .df-path-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 26px;
}

body[data-design-version="6.0"] :where(.eo-button, .button, .bc-action, .star-action-button) {
  min-height: 46px;
  padding: 12px 19px;
  border: 1px solid var(--star-v6-line-strong);
  border-radius: 999px;
  color: var(--star-v6-ink);
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 760;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

body[data-design-version="6.0"] :where(.eo-button, .button, .bc-action, .star-action-button):hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(25, 49, 37, 0.11);
}

body[data-design-version="6.0"] :where(.eo-button--solid, .button-dark, .button-acid, .bc-action--solid) {
  border-color: var(--star-v6-dark);
  color: #fff;
  background: var(--star-v6-dark);
}

/* Shared content surfaces become a spacious Bento system. */

body[data-design-version="6.0"] :where(.eo-section, .site-section, .scenario-domain-section, .scenario-implementation, .df-section) {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 18px auto 0;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-xl);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--star-v6-shadow-soft);
}

body[data-design-version="6.0"] :where(.eo-section:nth-of-type(3n), .site-section:nth-of-type(3n)) {
  background: linear-gradient(140deg, #f3fff8, #f1fbfa 55%, #fbffe9);
}

body[data-design-version="6.0"] :where(.eo-section-head, .section-head, .scenario-section-head, .df-section__head) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.45fr);
  gap: 36px;
  align-items: end;
  margin-bottom: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--star-v6-line);
}

body[data-design-version="6.0"] :where(.eo-h2, .section-title, .scenario-section-head h2, .df-section__head h2) {
  max-width: 16ch;
  margin: 6px 0 0;
  color: var(--star-v6-ink);
  font-size: clamp(30px, 4.1vw, 54px);
  font-weight: 710;
  line-height: 1.04;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

body[data-design-version="6.0"] :where(.eo-section-head > p, .scenario-section-head > p, .df-section__intro) {
  color: var(--star-v6-muted);
  font-size: 13px;
  line-height: 1.72;
}

body[data-design-version="6.0"] :where(.eo-grid-3, .solution-grid, .scenario-domain-grid, .bc-scenarios, .s01-scenario-panels) {
  gap: 12px;
}

body[data-design-version="6.0"] .eo-grid-3 > article,
body[data-design-version="6.0"] .solution-card,
body[data-design-version="6.0"] .scenario-domain-card,
body[data-design-version="6.0"] .bc-card,
body[data-design-version="6.0"] .s01-scenario-panel {
  min-height: 210px;
  padding: 25px;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  background: #f8faf6;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

body[data-design-version="6.0"] .eo-grid-3 > article:nth-child(4n + 1),
body[data-design-version="6.0"] .solution-card:nth-child(4n + 1),
body[data-design-version="6.0"] .scenario-domain-card:nth-child(4n + 1),
body[data-design-version="6.0"] .bc-card:nth-child(4n + 1) { background: var(--star-v6-mint); }

body[data-design-version="6.0"] .eo-grid-3 > article:nth-child(4n + 2),
body[data-design-version="6.0"] .solution-card:nth-child(4n + 2),
body[data-design-version="6.0"] .scenario-domain-card:nth-child(4n + 2),
body[data-design-version="6.0"] .bc-card:nth-child(4n + 2) { background: var(--star-v6-aqua); }

body[data-design-version="6.0"] .eo-grid-3 > article:nth-child(4n + 3),
body[data-design-version="6.0"] .solution-card:nth-child(4n + 3),
body[data-design-version="6.0"] .scenario-domain-card:nth-child(4n + 3),
body[data-design-version="6.0"] .bc-card:nth-child(4n + 3) { background: var(--star-v6-lilac); }

body[data-design-version="6.0"] .eo-grid-3 > article:nth-child(4n),
body[data-design-version="6.0"] .solution-card:nth-child(4n),
body[data-design-version="6.0"] .scenario-domain-card:nth-child(4n),
body[data-design-version="6.0"] .bc-card:nth-child(4n) { background: var(--star-v6-peach); }

body[data-design-version="6.0"] .eo-grid-3 > article:hover,
body[data-design-version="6.0"] .solution-card:hover,
body[data-design-version="6.0"] .scenario-domain-card:hover,
body[data-design-version="6.0"] .bc-card:hover {
  border-color: rgba(41, 116, 88, 0.28);
  box-shadow: 0 18px 42px rgba(24, 49, 37, 0.09);
  transform: translateY(-4px);
}

body[data-design-version="6.0"] :where(.eo-grid-3, .solution-grid, .scenario-domain-grid, .bc-scenarios) h3 {
  margin: 26px 0 10px;
  color: var(--star-v6-ink);
  font-size: clamp(20px, 2.1vw, 29px);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

body[data-design-version="6.0"] :where(.eo-grid-3, .solution-grid, .scenario-domain-grid, .bc-scenarios) p {
  color: #59665e;
  font-size: 13px;
  line-height: 1.7;
}

body[data-design-version="6.0"] :where(.eo-meta, .card-code, .scenario-domain-card__code, .bc-card__code) {
  display: inline-grid;
  min-width: 34px;
  min-height: 34px;
  place-items: center;
  padding: 7px;
  border: 1px solid rgba(17, 23, 19, 0.1);
  border-radius: 999px;
  color: #2c624e;
  background: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  font-weight: 780;
}

/* Visual product canvases */

body[data-design-version="6.0"] :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure, .scenario-observatory, .df-hero__proof, .df-folio, .eo-atlas) {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 18px auto 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-xl);
  background: var(--star-v6-white);
  box-shadow: var(--star-v6-shadow);
}

body[data-design-version="6.0"] :where(.eo-section, .site-section, .page-hero, .eo-page-head, .scenario-implementation, .star-product-route-map, .solution-capability-map, .solution-capability-bridge, .df-section) :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure, .scenario-observatory, .df-hero__proof, .df-folio, .eo-atlas) {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

body[data-design-version="6.0"] :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure) img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(var(--star-v6-radius-xl) - 10px);
}

body[data-design-version="6.0"] :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure) figcaption {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: center;
  padding: 17px 14px 8px;
  color: #617068;
  font-size: 9px;
  letter-spacing: 0.08em;
}

body[data-design-version="6.0"] .star-context {
  border: 0;
  background: transparent;
}

body[data-design-version="6.0"] .star-context__inner {
  margin-top: 14px;
  padding: 12px 18px;
  border: 1px solid var(--star-v6-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
}

/* Scenario registry and data tools */

body[data-design-version="6.0"] :where(.eo-tools, .eo-search, .eo-results, .eo-compare-tray, .scenario-route-panel) {
  border-color: var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--star-v6-shadow-soft);
}

body[data-design-version="6.0"] :where(.eo-search input, .solution-form input, .solution-form textarea, .solution-form select, .assistant-form input) {
  min-height: 48px;
  border: 1px solid var(--star-v6-line-strong);
  border-radius: 15px;
  color: var(--star-v6-ink);
  background: #fff;
}

body[data-design-version="6.0"] :where(.eo-view-switch, .s01-scenario-tabs) {
  padding: 5px;
  border: 1px solid var(--star-v6-line);
  border-radius: 999px;
  background: #f2f5ef;
}

body[data-design-version="6.0"] :where(.eo-view-switch button, .s01-scenario-tabs button) {
  border: 0;
  border-radius: 999px;
}

body[data-design-version="6.0"] :where(.eo-view-switch button[aria-pressed="true"], .s01-scenario-tabs button[aria-selected="true"]) {
  color: #fff;
  background: var(--star-v6-dark);
}

body[data-design-version="6.0"] .eo-registry {
  gap: 12px;
}

body[data-design-version="6.0"] .eo-record {
  overflow: hidden;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  background: #fff;
  box-shadow: var(--star-v6-shadow-soft);
}

body[data-design-version="6.0"] .eo-record__head,
body[data-design-version="6.0"] .eo-record__register,
body[data-design-version="6.0"] .eo-record__flow {
  border-color: var(--star-v6-line);
}

body[data-design-version="6.0"] .eo-chip {
  border-radius: 999px;
}

/* Product-route, capability and governance modules */

body[data-design-version="6.0"] :where(.star-product-route-map, .solution-capability-map, .solution-capability-bridge, .star-evidence-architecture, .scenario-decision-layer, .scenario-comparison-lens) {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 18px auto 0;
  padding: clamp(28px, 4vw, 50px);
  overflow: hidden;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-xl);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--star-v6-shadow);
}

body[data-design-version="6.0"] :where(.solution-main-route, .star-product-route-map__nav) ol {
  gap: 8px;
}

body[data-design-version="6.0"] :where(.solution-main-route, .star-product-route-map__nav) li,
body[data-design-version="6.0"] .star-product-route-map__steps li {
  overflow: hidden;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-md);
  background: #f7f9f5;
}

body[data-design-version="6.0"] .solution-capability-nodes {
  gap: 10px;
}

body[data-design-version="6.0"] .solution-capability-node,
body[data-design-version="6.0"] .solution-capability-siblings a,
body[data-design-version="6.0"] .solution-capability-contract > div {
  border-color: var(--star-v6-line);
  border-radius: var(--star-v6-radius-md);
  background: #f7faf6;
}

body[data-design-version="6.0"] .solution-capability-node:nth-child(odd) {
  background: var(--star-v6-mint);
}

body[data-design-version="6.0"] :where(.star-evidence-architecture__step, .scenario-decision-layer__coordinate, .scenario-decision-layer__task, .scenario-decision-layer__truth, .scenario-decision-layer__next) {
  border-color: var(--star-v6-line);
  border-radius: var(--star-v6-radius-md);
  background: #f7faf6;
}

/* Bespoke decision folios retain density but live inside the same product shell. */

body[data-design-version="6.0"] :where(.df-section, .s01-stage) {
  overflow: hidden;
}

body[data-design-version="6.0"] :where(.df-folio__sheet, .df-ledger, .df-contract, .df-operating-brief, .s01-event-disclosure, .s01-outcome-rule) {
  border-color: var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  background: #fff;
  box-shadow: var(--star-v6-shadow-soft);
}

/* Forms */

body[data-design-version="6.0"] .contact-section {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 18px;
  align-items: start;
}

body[data-design-version="6.0"] .solution-form,
body[data-design-version="6.0"] :where(.contact-direct, .contact-guide, .brief-preview) {
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  background: #fff;
  box-shadow: var(--star-v6-shadow-soft);
}

body[data-design-version="6.0"] .solution-form {
  gap: 15px;
}

body[data-design-version="6.0"] .solution-form label {
  color: #435148;
  font-size: 11px;
  font-weight: 700;
}

/* Next-step, footer and assistant */

body[data-design-version="6.0"] .star-next-step {
  width: var(--star-v6-shell);
  max-width: 1200px;
  margin: 18px auto 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--star-v6-radius-xl);
  color: #fff;
  background:
    radial-gradient(circle at 84% 18%, rgba(189, 243, 76, 0.19), transparent 18rem),
    radial-gradient(circle at 13% 110%, rgba(62, 178, 142, 0.22), transparent 22rem),
    var(--star-v6-dark);
  box-shadow: var(--star-v6-shadow);
}

body[data-design-version="6.0"] .star-next-step__inner {
  width: 100%;
  max-width: none;
  padding: clamp(32px, 5vw, 60px);
}

body[data-design-version="6.0"] .star-next-step__marker {
  color: var(--star-v6-lime);
}

body[data-design-version="6.0"] .star-next-step h2 {
  max-width: 12ch;
  font-size: clamp(32px, 4.8vw, 58px);
  line-height: 1;
  letter-spacing: -0.055em;
}

body[data-design-version="6.0"] .star-next-step__body > div:not(.star-next-step__actions) {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--star-v6-radius-md);
  background: rgba(255, 255, 255, 0.05);
}

body[data-design-version="6.0"] :where(.star-primary-action, .star-secondary-action) {
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 999px;
}

body[data-design-version="6.0"] .star-primary-action {
  border-color: var(--star-v6-lime);
  color: #122019;
  background: var(--star-v6-lime);
}

body[data-design-version="6.0"] .star-secondary-action {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
}

body[data-design-version="6.0"] .star-non-effect {
  color: rgba(255, 255, 255, 0.56);
}

body[data-design-version="6.0"] .star-global-footer {
  margin-top: 18px;
  padding: 56px 0 24px;
  border: 0;
  color: #dce6df;
  background: #0c1510;
}

body[data-design-version="6.0"] .star-global-footer__main {
  gap: 50px;
}

body[data-design-version="6.0"] .star-global-footer nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px 20px;
}

body[data-design-version="6.0"] .star-global-footer nav a {
  color: #afbbb3;
}

body[data-design-version="6.0"] .star-global-footer nav a:hover {
  color: var(--star-v6-lime);
}

body[data-design-version="6.0"] .star-global-footer__bottom {
  margin-top: 40px;
  padding-top: 18px;
  border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-design-version="6.0"] .assistant-launch {
  top: auto;
  right: 22px;
  bottom: 22px;
  left: auto;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: #fff;
  background: var(--star-v6-dark);
  box-shadow: 0 18px 48px rgba(15, 31, 23, 0.26);
  writing-mode: horizontal-tb;
}

body[data-design-version="6.0"] .assistant-panel {
  right: 20px;
  bottom: 80px;
  overflow: hidden;
  border: 1px solid var(--star-v6-line);
  border-radius: var(--star-v6-radius-lg);
  box-shadow: 0 30px 90px rgba(17, 31, 24, 0.28);
}

/* Homepage owns its own narrative layout; V6 only aligns the shared chrome. */

body[data-home-version="5.0"] .star-task-route,
body[data-home-version="5.0"] .star-system-presence {
  display: none;
}

@media (max-width: 1120px) {
  :root { --star-v6-shell: min(100% - 32px, 1200px); }

  body[data-design-version="6.0"] .star-global-header {
    padding-inline: 16px;
  }

  body[data-design-version="6.0"] .star-brand {
    min-width: 190px;
    padding-right: 16px;
  }

  body[data-design-version="6.0"] .star-nav > a {
    padding-inline: 9px;
    font-size: 10px;
  }

  .star-system-presence__inner {
    grid-template-columns: minmax(230px, 0.9fr) minmax(360px, 1.3fr);
  }

  .star-system-presence nav {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body[data-design-version="6.0"] .star-global-header {
    min-height: 66px;
  }

  body[data-design-version="6.0"] .star-brand {
    border-right: 0;
  }

  body[data-design-version="6.0"] .star-menu {
    display: inline-flex;
  }

  body[data-design-version="6.0"] .star-nav {
    border-radius: 22px;
  }

  body[data-design-version="6.0"] .star-task-route__inner {
    align-items: center;
    overflow-x: auto;
    border-radius: 24px;
    scrollbar-width: none;
  }

  body[data-design-version="6.0"] .star-task-route__inner::-webkit-scrollbar { display: none; }

  body[data-design-version="6.0"] .star-task-route ol {
    width: max-content;
    min-width: 720px;
  }

  .star-system-presence__inner {
    grid-template-columns: 1fr;
  }

  body[data-design-version="6.0"] :where(.eo-section-head, .section-head, .scenario-section-head, .df-section__head) {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body[data-design-version="6.0"] .contact-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  :root {
    --star-v6-shell: calc(100% - 20px);
    --star-v6-radius-xl: 26px;
    --star-v6-radius-lg: 21px;
    --star-v6-radius-md: 17px;
  }

  html { scroll-padding-top: 80px; }

  body[data-design-version="6.0"] .star-global-header {
    padding-inline: 10px;
  }

  body[data-design-version="6.0"] .star-brand {
    min-width: 0;
    font-size: 17px;
  }

  body[data-design-version="6.0"] .star-brand small {
    max-width: 165px;
    font-size: 7px;
  }

  body[data-design-version="6.0"] .star-language a {
    padding: 6px 7px;
    font-size: 8px;
  }

  body[data-design-version="6.0"] .star-header-action {
    display: none;
  }

  body[data-design-version="6.0"] .star-task-route__inner {
    margin-top: 8px;
  }

  body[data-design-version="6.0"] .star-task-route__label {
    display: none;
  }

  .star-system-presence {
    padding-top: 8px;
  }

  .star-system-presence__inner {
    gap: 16px;
    min-height: 0;
    padding: 20px;
  }

  .star-system-presence__agents > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .star-system-presence__agents span b {
    font-size: 8px;
  }

  body[data-design-version="6.0"]:not([data-home-version]) :where(.eo-page-head, .bc-hero, .page-hero, .eo-detail-hero) {
    margin-top: 10px;
    padding: 30px 22px 34px;
  }

  body[data-design-version="6.0"] .eo-page-head__grid,
  body[data-design-version="6.0"] .page-hero-grid {
    gap: 24px;
  }

  body[data-design-version="6.0"] :where(.eo-h1, .page-title, .bc-hero__copy h1, .eo-detail-hero h1) {
    max-width: none;
    font-size: clamp(38px, 12vw, 54px);
  }

  body[data-design-version="6.0"] :where(.eo-lead, .page-lead, .bc-hero__lead, .eo-detail-hero__lead) {
    font-size: 15px;
  }

  body[data-design-version="6.0"] :where(.eo-section, .site-section, .scenario-domain-section, .scenario-implementation, .df-section) {
    margin-top: 10px;
    padding: 24px 18px;
  }

  body[data-design-version="6.0"] :where(.eo-h2, .section-title, .scenario-section-head h2, .df-section__head h2) {
    font-size: clamp(29px, 9vw, 42px);
  }

  body[data-design-version="6.0"] :where(.eo-grid-3, .solution-grid, .scenario-domain-grid, .bc-scenarios, .s01-scenario-panels) {
    grid-template-columns: 1fr;
  }

  body[data-design-version="6.0"] .eo-grid-3 > article,
  body[data-design-version="6.0"] .solution-card,
  body[data-design-version="6.0"] .scenario-domain-card,
  body[data-design-version="6.0"] .bc-card,
  body[data-design-version="6.0"] .s01-scenario-panel {
    min-height: 0;
    padding: 21px;
  }

  body[data-design-version="6.0"] :where(.star-product-route-map, .solution-capability-map, .solution-capability-bridge, .star-evidence-architecture, .scenario-decision-layer, .scenario-comparison-lens) {
    margin-top: 10px;
    padding: 24px 18px;
  }

  body[data-design-version="6.0"] :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure, .scenario-observatory, .df-hero__proof, .df-folio, .eo-atlas) {
    margin-top: 10px;
    padding: 6px;
  }

  body[data-design-version="6.0"] :where(.star-page-visual, .solution-capability-visual, .star-product-route-map__visual, .scenario-implementation__figure) figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  body[data-design-version="6.0"] .star-next-step {
    margin-top: 10px;
  }

  body[data-design-version="6.0"] .star-next-step__inner {
    padding: 32px 20px;
  }

  body[data-design-version="6.0"] .star-global-footer {
    margin-top: 10px;
    padding-top: 42px;
  }

  body[data-design-version="6.0"] .star-global-footer__main {
    grid-template-columns: 1fr;
  }

  body[data-design-version="6.0"] .star-global-footer nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-design-version="6.0"] .assistant-launch {
    right: 12px;
    bottom: 12px;
  }

  body[data-design-version="6.0"] .assistant-panel {
    right: 10px;
    bottom: 70px;
    width: calc(100vw - 20px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  body[data-design-version="6.0"] *,
  body[data-design-version="6.0"] *::before,
  body[data-design-version="6.0"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}