/* Product explainer: shared typography, palette, square edges and editorial grids. */
.product-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 96px 0 82px;
  background: #080709;
}
.product-hero h1 {
  font-size: clamp(64px, 6.5vw, 96px);
  line-height: 1.02;
  max-width: 1280px;
  letter-spacing: -0.065em;
}
.product-hero-lead {
  max-width: 650px;
  font-size: 19px;
  line-height: 1.65;
  color: #c3bfca;
  margin: 32px 0;
}
.product-disclosure {
  font-size: 12px;
  line-height: 1.6;
  color: #aaa4b2;
  margin-top: 36px;
  max-width: 640px;
}
.product-section {
  padding: 120px 0;
}
.product-section-heading {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 64px;
  align-items: end;
  margin: 36px 0 56px;
}
.product-section h2 {
  font-size: clamp(46px, 5.2vw, 74px);
  line-height: 1.06;
}
.product-section-heading > p {
  max-width: 440px;
  font-size: 17px;
  color: #65616b;
  line-height: 1.65;
}
.study-layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start;
}
.study-figure {
  margin: 0;
  border: 1px solid #4b3c66;
  background: #100c1c;
  color: #d4c4ec;
}
.study-viewer {
  height: 280px;
  position: relative;
  overflow: hidden;
}
.study-viewer canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  cursor: grab;
}
.study-viewer canvas:active {
  cursor: grabbing;
}
.study-viewer canvas:focus-visible {
  outline: 2px solid #ac8bff;
  outline-offset: -4px;
}
.study-viewer[hidden],
.study-models[hidden],
.model-controls[hidden] {
  display: none;
}
.temperature-legend {
  max-width: 220px;
  margin-bottom: 14px;
  padding: 8px 10px;
  background: #100c1c;
  border: 1px solid #645080;
  color: #e5dcff;
  font-size: 10px;
  line-height: 1.5;
  pointer-events: none;
}
.temperature-legend[hidden] {
  display: none;
}
.temperature-legend > div {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
}
.temperature-legend i {
  display: block;
  width: 110px;
  height: 7px;
}
.model-controls {
  padding: 18px 24px 20px;
  border-top: 1px solid #4b3c66;
  font-size: 11px;
  line-height: 1.6;
}
.model-view-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.model-controls button,
.model-controls select {
  font: inherit;
  color: #d4c4ec;
  background: #170e29;
  border: 1px solid #645080;
  border-radius: 0;
  min-height: 38px;
  padding: 7px 12px;
}
.model-controls button[aria-pressed='true'] {
  border-color: #a07cff;
  background: #29154a;
  color: #fff;
}
.model-controls button:disabled {
  opacity: 0.55;
  cursor: default;
}
.model-controls select {
  max-width: 145px;
  color-scheme: dark;
}
.model-controls select:focus-visible {
  outline: 2px solid #ac8bff;
  outline-offset: 2px;
}
.model-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.model-actions label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.model-rotation {
  display: flex;
  gap: 6px;
}
.model-rotation button[data-model-rotate] {
  width: 38px;
  padding-inline: 0;
  font-size: 17px;
}
#model-viewer-hint {
  margin-top: 16px;
  color: #b9accb;
}
.model-statistics {
  color: #b9accb;
  margin-top: 6px;
}
.model-downloads {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.model-downloads a {
  border-bottom: 1px solid #7350aa;
  padding-bottom: 3px;
}
.model-downloads a span {
  margin-left: 8px;
}
.study-models {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 36px 24px 28px;
  min-height: 280px;
  align-items: center;
}
.study-variant {
  text-align: center;
  min-width: 0;
}
.study-variant svg {
  display: block;
  width: 100%;
  height: auto;
  fill: none;
  stroke: #a07cff;
  stroke-width: 1.3;
  stroke-linejoin: miter;
}
.study-variant img {
  display: block;
  width: 100%;
  height: auto;
}
.study-variant .plate-surface {
  fill: #6720ff22;
}
.study-variant span {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 12px;
}
.study-figure figcaption {
  border-top: 1px solid #4b3c66;
  padding: 20px 24px;
  font-size: 11px;
  line-height: 1.65;
  color: #b9accb;
}
.study-scope {
  margin: 0;
}
.study-scope > div {
  padding: 22px 0;
  border-top: 1px solid #d8d6dc;
}
.study-scope > div:first-child {
  padding-top: 0;
  border-top: 0;
}
.study-scope dt {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin-bottom: 10px;
}
.study-scope dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #65616b;
}
.product-subsection {
  border-top: 1px solid #d8d6dc;
  margin-top: 64px;
  padding-top: 48px;
}
.product-subsection > h3 {
  font-size: 32px;
  margin: 16px 0 32px;
  line-height: 1.2;
}
.product-inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}
.product-inputs .engineering-icon {
  color: var(--purple);
  width: 28px;
  height: 28px;
  margin-bottom: 20px;
}
.product-inputs h4 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 550;
  letter-spacing: -0.035em;
  margin-bottom: 12px;
}
.product-inputs p {
  font-size: 14px;
  line-height: 1.65;
  color: #65616b;
}
.product-note {
  font-size: 12px;
  line-height: 1.65;
  color: #6f6879;
  margin-top: 32px;
  max-width: 880px;
}
.platform-execution {
  margin-top: 36px;
  padding: 24px 0;
  border-block: 1px solid #d8d6dc;
}
.platform-execution > .eyebrow {
  font-size: 10px;
}
.platform-execution ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 28px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.platform-execution li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #342948;
}
.platform-execution .engineering-icon {
  width: 20px;
  height: 20px;
  color: var(--purple);
}
.platform-execution > p {
  font-size: 12px;
  line-height: 1.65;
  color: #6f6879;
  max-width: 840px;
}
.agent-knowledge-sources {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
  padding: 12px 0 0;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
  color: #c5b8d7;
}
.agent-knowledge-sources li {
  border-left: 1px solid #7350aa;
  padding-left: 8px;
}
.product-lifecycle {
  background: #09070f;
}
.product-lifecycle .product-section-heading > p,
.product-lifecycle .product-note {
  color: #aaa4b2;
}
.investigation-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.investigation-list > li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1.3fr) minmax(0, 0.8fr);
  gap: 32px;
  padding: 32px 0;
  border-top: 1px solid #38303f;
}
.investigation-list > li:last-child {
  border-bottom: 1px solid #38303f;
}
.study-step-number {
  color: var(--lavender);
  font-size: 12px;
  letter-spacing: 0.12em;
  padding-top: 7px;
}
.investigation-list h3 {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 12px;
}
.investigation-list p {
  font-size: 15px;
  line-height: 1.65;
  color: #b6b0bb;
  max-width: 580px;
}
.study-gate {
  border-left: 1px solid #38303f;
  padding-left: 28px;
}
.study-gate .eyebrow {
  font-size: 9px;
  color: #cbb4ff;
  display: block;
  margin-bottom: 12px;
}
.study-gate p {
  font-size: 13px;
}
.evidence-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;
}
.evidence-grid article {
  display: flex;
  gap: 24px;
  border-top: 1px solid #d8d6dc;
  padding: 28px 0;
}
.evidence-grid .engineering-icon {
  color: var(--purple);
  margin-top: 2px;
}
.evidence-grid h3 {
  font-size: 23px;
  line-height: 1.25;
  margin-bottom: 12px;
}
.evidence-grid p {
  font-size: 14px;
  line-height: 1.65;
  color: #65616b;
}
.product-authority {
  background: #100e13;
}
.product-authority-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.product-authority h2 {
  margin-top: 24px;
}
.product-authority-lead {
  font-size: 17px;
  line-height: 1.65;
  color: #b6b0bb;
  max-width: 450px;
  margin-top: 28px;
}
.authority-points > div {
  border-top: 1px solid #38303f;
  padding: 24px 0;
}
.authority-points > div:first-child {
  padding-top: 0;
  border-top: 0;
}
.authority-points > div:last-child {
  padding-bottom: 0;
}
.authority-points h3 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 12px;
}
.authority-points p {
  font-size: 14px;
  line-height: 1.65;
  color: #b6b0bb;
}
.partnership-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}
.partnership-steps > div {
  border-top: 1px solid #d8d6dc;
  padding-top: 24px;
}
.partnership-steps h3 {
  font-size: 25px;
  line-height: 1.25;
  margin: 18px 0 12px;
}
.partnership-steps p {
  font-size: 14px;
  line-height: 1.65;
  color: #65616b;
}
.product-partnership-footer {
  border-top: 1px solid #d8d6dc;
  padding-top: 32px;
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.product-partnership-footer .btn {
  flex: none;
}
.product-partnership-footer p {
  font-size: 12px;
  color: #6f6879;
  line-height: 1.65;
  max-width: 620px;
}
@media (max-width: 1000px) {
  .study-viewer {
    height: 260px;
  }
  .product-hero {
    padding-top: 80px;
  }
  .product-hero h1 {
    font-size: clamp(58px, 7.5vw, 78px);
  }
  .product-section-heading {
    gap: 36px;
  }
  .study-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .study-models {
    min-height: 260px;
  }
  .study-scope {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
  .study-scope > div,
  .study-scope > div:first-child {
    padding: 24px 0 0;
    border-top: 1px solid #d8d6dc;
  }
  .product-inputs,
  .partnership-steps {
    gap: 28px;
  }
  .investigation-list > li {
    grid-template-columns: 40px minmax(0, 1.3fr) minmax(0, 0.8fr);
    gap: 24px;
  }
  .study-gate {
    padding-left: 24px;
  }
  .evidence-grid {
    column-gap: 32px;
  }
  .product-authority-grid {
    gap: 40px;
  }
}
@media (max-width: 760px) {
  .platform-execution ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .platform-execution li {
    align-items: flex-start;
  }
  .study-viewer {
    height: 240px;
  }
  .product-hero {
    padding: 72px 0 64px;
  }
  .product-hero h1 {
    font-size: clamp(44px, 8.8vw, 64px);
  }
  .product-hero h1 br {
    display: none;
  }
  .product-hero-lead {
    font-size: 16px;
    margin: 24px 0 28px;
  }
  .product-disclosure {
    margin-top: 28px;
    font-size: 11px;
  }
  .product-section {
    padding: 84px 0;
  }
  .product-section h2 {
    font-size: clamp(40px, 8vw, 57px);
  }
  .product-section-heading {
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 28px 0 36px;
  }
  .product-section-heading > p {
    font-size: 16px;
    max-width: 580px;
  }
  .study-models {
    padding: 28px 16px 24px;
    gap: 12px;
    min-height: 220px;
  }
  .study-figure figcaption {
    padding: 18px 20px;
  }
  .study-scope {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .study-scope > div,
  .study-scope > div:first-child {
    padding: 22px 0;
  }
  .product-subsection {
    margin-top: 36px;
    padding-top: 36px;
  }
  .product-subsection > h3 {
    font-size: 28px;
    margin-bottom: 28px;
  }
  .product-inputs,
  .partnership-steps {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .product-inputs > div + div {
    border-top: 1px solid #d8d6dc;
    padding-top: 28px;
  }
  .product-inputs .engineering-icon {
    margin-bottom: 16px;
  }
  .investigation-list > li {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px 16px;
    padding: 28px 0;
  }
  .investigation-list h3 {
    font-size: 26px;
  }
  .investigation-list p {
    font-size: 14px;
  }
  .study-gate {
    grid-column: 2;
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #38303f;
    padding-top: 18px;
    margin-top: 6px;
  }
  .study-gate p {
    font-size: 13px;
  }
  .study-step-number {
    font-size: 11px;
  }
  .evidence-grid {
    grid-template-columns: 1fr;
  }
  .evidence-grid article {
    gap: 20px;
    padding: 24px 0;
  }
  .evidence-grid h3 {
    font-size: 22px;
  }
  .product-authority-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .product-authority-lead {
    font-size: 16px;
    margin-top: 24px;
  }
  .authority-points > div:first-child {
    padding-top: 24px;
    border-top: 1px solid #38303f;
  }
  .product-partnership-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-top: 32px;
  }
  .partnership-steps h3 {
    margin-top: 14px;
  }
}
@media (max-width: 420px) {
  .model-view-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .model-controls {
    padding: 16px 20px;
  }
  .model-actions {
    gap: 14px;
  }
  .study-viewer {
    height: 220px;
  }
  .product-hero h1 {
    font-size: clamp(38px, 10.8vw, 46px);
  }
  .product-hero .button-row {
    flex-direction: column;
    align-items: stretch;
  }
  .product-hero .btn {
    width: 100%;
    font-size: 12px;
    gap: 12px;
    padding-inline: 16px;
    min-width: 0;
  }
  .study-variant span {
    font-size: 10px;
  }
  .study-models {
    min-height: 190px;
    padding-inline: 12px;
    gap: 8px;
  }
  .product-partnership-footer .btn {
    width: 100%;
    font-size: 12px;
    gap: 12px;
    padding-inline: 16px;
    min-width: 0;
  }
}

/* Light agent conversation and synchronized engineering artifacts. */
.study-layout {
  display: block;
}
.product-input-entry {
  padding: 24px;
  margin-bottom: 28px;
  border: 1px solid #d8d6dc;
  background: #faf9fc;
  scroll-margin-top: 100px;
}
.product-input-entry-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.product-input-entry h3 {
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -0.035em;
}
.product-input-entry .eyebrow {
  font-size: 9px;
}
.product-input-entry > p {
  font-size: 14px;
  line-height: 1.65;
  color: #65616b;
  max-width: 930px;
  margin-top: 14px;
}
.product-input-entry ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.product-input-entry li {
  border: 1px solid #d9d0e6;
  padding: 8px 12px;
  background: #fff;
  color: #68419d;
  font-size: 11px;
  line-height: 1.5;
}
.product-input-entry > p.product-input-entry-note {
  font-size: 12px;
  color: #756b80;
  margin-top: 18px;
}
@media (max-width: 420px) {
  .product-input-entry {
    padding: 20px 18px;
  }
  .product-input-entry h3 {
    font-size: 23px;
  }
  .product-input-entry > p {
    font-size: 13px;
  }
  .product-input-entry li {
    padding: 7px 10px;
    font-size: 10px;
  }
}
.agent-workspace {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  border: 1px solid #d3d0da;
  background: #f5f5f8;
  color: #29252f;
}
.agent-story {
  min-width: 0;
  border-right: 1px solid #d3d0da;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.agent-panel-heading,
.agent-artifact-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  min-height: 60px;
  border-bottom: 1px solid #d3d0da;
  font-size: 13px;
  font-weight: 550;
  color: #29252f;
  background: #fff;
}
.agent-panel-heading {
  justify-content: space-between;
}
.agent-concept-label {
  font-size: 8px;
  letter-spacing: 0.12em;
  font-weight: 650;
  color: #756b83;
  flex: none;
}
.agent-story-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.agent-attachment {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: flex-end;
  border: 1px solid #d9d5e1;
  padding: 12px;
  font-size: 12px;
  font-weight: 550;
}
.agent-attachment .engineering-icon {
  width: 23px;
  height: 23px;
  color: var(--purple);
}
.agent-attachment small {
  display: block;
  margin-top: 5px;
  font-size: 9px;
  font-weight: 400;
  color: #756b83;
}
.agent-objective {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.015em;
  margin: 12px 0 18px;
  padding: 14px 16px;
  border: 0;
  background: #efedf5;
  color: #342c40;
}
.agent-context {
  padding: 0 0 16px;
  border: 0;
}
.agent-context summary {
  font-size: 11px;
  color: #706679;
}
.agent-context p {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 10px;
  color: #6e6577;
}
.agent-workspace .agent-knowledge-sources {
  color: #6e6577;
}
.agent-step-list {
  list-style: none;
  padding: 0 6px 0 0;
  margin: 0;
  height: 285px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #d0c5e4 transparent;
}
.agent-step-list li {
  padding-bottom: 18px;
}
.agent-step-list li[hidden] {
  display: none;
}
.agent-step-list button {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 9px;
  row-gap: 7px;
  text-align: left;
  width: 100%;
  border: 0;
  background: transparent;
  color: #6c6179;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  padding: 0;
  cursor: pointer;
}
.agent-step-list button > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border: 1px solid #b5a3d1;
  color: #7651ae;
  font-size: 9px;
  line-height: 1;
  margin-top: 1px;
}
.agent-step-list button > p {
  grid-column: 2;
  font-size: 12px;
  line-height: 1.65;
  color: #756b80;
  margin: 0;
}
.agent-step-list .is-active {
  color: #442277;
}
.agent-step-list .is-active > span:first-child {
  background: #eee6ff;
  border-color: #9570d0;
}
.agent-step-list .is-complete > span:first-child {
  color: #61506f;
  background: #f2eef8;
}
.agent-step-list button:hover {
  color: var(--purple);
}
.agent-step-list button:focus-visible {
  outline: 2px solid #a07cff;
  outline-offset: 3px;
}
.agent-message-enter {
  animation: agent-message-in 0.18s ease-out both;
}
@keyframes agent-message-in {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.agent-step-list .is-complete > span:first-child {
  color: #14733d;
  border-color: #76b58e;
  background: #e8f5ed;
  font-size: 12px;
  font-weight: 650;
}
.model-spin-toggle {
  margin-top: 14px;
  padding: 7px 12px;
  border: 1px solid #d5cce2;
  background: #fff;
  color: #68419d;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.model-spin-toggle[hidden] {
  display: none;
}
.agent-explanation {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.agent-composer {
  border: 1px solid #d5cce2;
  margin-top: 22px;
  padding: 14px;
  color: #91869d;
  font-size: 12px;
  line-height: 1.5;
}
.agent-composer > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}
.agent-composer > div > span:first-child {
  font-size: 22px;
  font-weight: 400;
}
.agent-composer-hint {
  font-size: 9px;
  margin-left: auto;
}
.agent-send {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #e8ddfa;
  color: #68419d;
  font-size: 20px;
}
.agent-playback {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 16px;
}
.agent-playback .btn {
  font-size: 11px;
  padding-inline: 14px;
  min-height: 38px;
}
.agent-restart {
  border: 0;
  border-bottom: 1px solid #c4b0df;
  padding: 4px 0;
  background: transparent;
  color: #68419d;
  font-size: 11px;
}
.agent-playback-state {
  font-size: 10px;
  line-height: 1.5;
  color: #84778e;
  margin-top: 10px;
}
.agent-workspace .study-figure {
  border: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #f5f5f8;
  color: #342c40;
}
.agent-artifact-heading .engineering-icon {
  width: 18px;
  height: 18px;
  color: var(--purple);
}
.agent-artifact-heading > [data-agent-artifact] {
  min-width: 0;
  overflow-wrap: anywhere;
}
.agent-artifact-heading > .agent-concept-label {
  margin-left: auto;
}
.artifact-progress {
  display: flex;
  gap: 22px;
  padding: 16px 24px;
  border-bottom: 1px solid #dedbe4;
  font-size: 10px;
  color: #91869d;
}
.artifact-progress span[aria-current] {
  color: #6d35bb;
  box-shadow: 0 2px #9563dd;
  padding-bottom: 6px;
  margin-bottom: -6px;
}
.artifact-input {
  padding: 42px 36px;
  min-height: 430px;
  background: #fff;
  margin: 24px;
  border: 1px solid #dedbe4;
}
.artifact-input .eyebrow {
  font-size: 9px;
}
.artifact-input h3 {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.045em;
  margin: 18px 0;
}
.artifact-input > p {
  font-size: 13px;
  line-height: 1.65;
  color: #756b80;
}
.artifact-input dl {
  margin-top: 28px;
}
.artifact-input dl > div {
  padding: 13px 0;
  border-top: 1px solid #e9e5ee;
}
.artifact-input dt {
  font-size: 10px;
  color: #91869d;
  margin-bottom: 6px;
}
.artifact-input dd {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
.artifact-input-footnote {
  display: block;
  font-size: 9px;
  line-height: 1.6;
  color: #91869d;
  margin-top: 20px;
}
.artifact-analysis {
  padding: 20px 24px;
  border-bottom: 1px solid #dedbe4;
  background: #efebf6;
}
.artifact-analysis > .eyebrow {
  font-size: 9px;
}
.artifact-analysis p {
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0 6px;
}
.artifact-analysis small {
  font-size: 10px;
  line-height: 1.6;
  color: #756b80;
}
.agent-workspace .study-viewer {
  height: 430px;
  min-height: 430px;
  flex: none;
  background: radial-gradient(ellipse at center, #fff, #f1eff6);
}
.agent-workspace .study-viewer canvas {
  position: absolute;
  inset: 0;
}
.agent-workspace .study-models {
  min-height: 430px;
}
.agent-workspace[data-agent-stage='0'] .study-viewer,
.agent-workspace[data-agent-stage='0'] .study-models,
.agent-workspace[data-agent-stage='0'] .model-inspector {
  display: none;
}
.artifact-input[hidden],
.artifact-analysis[hidden],
.artifact-result[hidden] {
  display: none;
}
.artifact-result {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 16px 24px;
  background: #eee8f6;
  border-top: 1px solid #dedbe4;
}
.artifact-result .eyebrow {
  font-size: 8px;
  flex: none;
}
.artifact-result p {
  font-size: 11px;
  line-height: 1.6;
  color: #6e607d;
}
.agent-artifact-note {
  padding: 20px 24px;
  min-height: 94px;
  border-top: 1px solid #dedbe4;
}
.agent-artifact-note > p {
  font-size: 12px;
  line-height: 1.6;
  color: #756b80;
}
.agent-artifact-note .temperature-legend {
  margin: 12px 0 0;
  background: #fff;
  border-color: #d5cce2;
  color: #5c4c6e;
}
.model-inspector {
  margin: 0;
  padding: 0;
  border-top: 1px solid #dedbe4;
}
.model-inspector > summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 24px;
  font-size: 11px;
  line-height: 1.5;
  color: #756b80;
}
.model-inspector > summary::-webkit-details-marker {
  display: none;
}
.model-inspector[open] > summary > span {
  transform: rotate(45deg);
}
.model-inspector .model-controls {
  border-top: 1px solid #dedbe4;
}
.agent-workspace .model-controls button,
.agent-workspace .model-controls select {
  color: #5d4a77;
  background: #fff;
  border-color: #d5cce2;
}
.agent-workspace .model-controls select {
  color-scheme: light;
}
.agent-workspace .model-controls button[aria-pressed='true'] {
  background: #eee6ff;
  border-color: #9570d0;
  color: #5b2c99;
}
.agent-workspace #model-viewer-hint,
.agent-workspace .model-statistics {
  color: #756b80;
}
.agent-workspace .model-downloads {
  color: #68419d;
}
.agent-workspace .study-figure figcaption {
  font-size: 10px;
  line-height: 1.6;
  margin-top: auto;
  border-color: #dedbe4;
  color: #84778e;
}
.agent-workspace-disclosure {
  grid-column: 1/-1;
  border-top: 1px solid #d3d0da;
  margin: 0;
  padding: 14px 24px;
  font-size: 10px;
  line-height: 1.6;
  color: #84778e;
  background: #faf9fc;
}
.study-layout > .study-scope {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 32px;
}
.study-layout > .study-scope > div,
.study-layout > .study-scope > div:first-child {
  border-top: 1px solid #d8d6dc;
  padding: 24px 0 0;
}
@media (max-width: 1100px) {
  .agent-workspace {
    grid-template-columns: 320px minmax(0, 1fr);
  }
  .agent-story-content {
    padding: 20px;
  }
  .agent-panel-heading,
  .agent-artifact-heading {
    padding-inline: 20px;
  }
  .agent-artifact-heading > .agent-concept-label {
    display: none;
  }
  .artifact-progress {
    gap: 16px;
  }
  .artifact-result {
    display: block;
  }
  .artifact-result p {
    margin-top: 8px;
  }
}
@media (max-width: 900px) {
  .agent-workspace {
    grid-template-columns: 1fr;
  }
  .agent-story {
    border-right: 0;
    border-bottom: 1px solid #d3d0da;
  }
  .agent-workspace .study-viewer {
    height: 360px;
    min-height: 360px;
  }
  .agent-workspace .study-models {
    min-height: 300px;
  }
  .agent-step-list {
    height: 200px;
  }
  .agent-objective {
    max-width: 520px;
    align-self: flex-end;
  }
  .agent-composer {
    margin-top: 16px;
  }
  .artifact-input {
    min-height: 360px;
  }
  .study-layout > .study-scope {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .study-layout > .study-scope > div {
    padding-bottom: 24px;
  }
}
@media (max-width: 420px) {
  .agent-panel-heading,
  .agent-artifact-heading {
    padding: 15px 18px;
    font-size: 12px;
  }
  .agent-story-content {
    padding: 20px 18px;
  }
  .agent-objective {
    font-size: 13px;
  }
  .agent-workspace .study-viewer {
    height: 280px;
    min-height: 280px;
  }
  .agent-workspace .study-models {
    min-height: 220px;
    padding-inline: 12px;
  }
  .agent-artifact-note {
    padding: 18px;
  }
  .agent-workspace-disclosure {
    padding: 14px 18px;
  }
  .model-inspector > summary {
    padding: 15px 18px;
  }
  .agent-workspace .study-figure figcaption {
    padding: 16px 18px;
  }
  .artifact-progress {
    gap: 0;
    justify-content: space-between;
    padding: 15px 18px;
    font-size: 9px;
  }
  .artifact-input {
    margin: 16px;
    padding: 26px 20px;
    min-height: 360px;
  }
  .artifact-input h3 {
    font-size: 27px;
  }
  .artifact-analysis,
  .artifact-result {
    padding: 16px 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .agent-message-enter {
    animation: none;
  }
}

/* Clean muted-purple product variant. Original product.css is preserved. */
.product-hero {
  background: #faf9fc;
  color: #26222c;
}
.product-hero .cta-raster {
  opacity: 0.45;
}
.product-hero-lead,
.product-disclosure,
.product-section-heading > p,
.product-inputs p,
.product-note,
.platform-execution > p,
.evidence-grid p,
.partnership-steps p,
.product-partnership-footer p {
  color: #68616f;
}
.product-lifecycle {
  background: #f0edf4;
  color: #26222c;
}
.product-lifecycle .product-section-heading > p,
.product-lifecycle .product-note,
.investigation-list p {
  color: #68616f;
}
.investigation-list > li,
.investigation-list > li:last-child,
.study-gate {
  border-color: #d7d4d0;
}
.study-step-number,
.study-gate .eyebrow {
  color: #26222c;
}
.product-subsection,
.platform-execution,
.study-scope > div,
.study-scope > div:first-child,
.evidence-grid article,
.partnership-steps > div,
.product-partnership-footer,
.study-layout > .study-scope > div,
.study-layout > .study-scope > div:first-child {
  border-color: #e1dce7;
}
.study-scope dd {
  color: #68616f;
}
.platform-execution li {
  color: #484541;
}
.product-authority {
  background: #24202c;
  color: #faf9fc;
}
.product-authority .text-purple {
  color: #d0c2df;
}
.product-authority .eyebrow {
  color: #bbb0c6;
}
.product-authority-lead,
.authority-points p {
  color: #d4cddc;
}
.authority-points > div {
  border-color: #504758;
}
.product-input-entry {
  background: #faf9fc;
  border-color: #e1dce7;
}
.product-input-entry > p,
.product-input-entry > p.product-input-entry-note {
  color: #68616f;
}
.product-input-entry li {
  background: #fff;
  border-color: #ded6e8;
  color: #26222c;
}
.agent-workspace {
  background: #f3f0f7;
  color: #26222c;
  border-color: #ded7e7;
  --viewer-edge: #8b7c9d;
  --viewer-mesh: #92809f;
  --viewer-solid: #d2ccd9;
  --viewer-mesh-solid: #e9e4ef;
}
.agent-story,
.agent-panel-heading,
.agent-artifact-heading {
  background: #fff;
  color: #26222c;
  border-color: #e1dce7;
}
.agent-concept-label,
.agent-context summary,
.agent-context p,
.agent-workspace .agent-knowledge-sources {
  color: #68616f;
}
.agent-knowledge-sources li {
  border-color: #b1aeaa;
}
.agent-attachment {
  border-color: #ded6e8;
}
.agent-attachment small {
  color: #68616f;
}
.agent-objective {
  background: #f6f3f9;
  color: #484541;
}
.agent-step-list {
  scrollbar-color: #c9bfd5 transparent;
}
.agent-step-list button,
.agent-step-list button > p {
  color: #68616f;
}
.agent-step-list button > span:first-child {
  color: #26222c;
  border-color: #bfb1cd;
}
.agent-step-list .is-active,
.agent-step-list button:hover {
  color: #51465f;
}
.agent-step-list .is-active > span:first-child {
  background: #eee7f5;
  border-color: #95928e;
}
.agent-step-list .is-complete > span:first-child {
  color: #237a4b;
  border-color: #76b58e;
  background: #e8f5ed;
}
.agent-composer {
  background: #fff;
  border-color: #d9d0e3;
  color: #746c7d;
}
.agent-send {
  background: #eee7f5;
  color: #26222c;
}
.agent-restart {
  color: #26222c;
  border-color: #bfb1cd;
}
.agent-playback-state {
  color: #68616f;
}
.agent-workspace .study-figure {
  background: #f3f0f7;
  color: #26222c;
}
.artifact-progress {
  border-color: #e1dce7;
  color: #68616f;
}
.artifact-progress span[aria-current] {
  color: #26222c;
  box-shadow: 0 2px #26222c;
}
.artifact-input {
  border-color: #e1dce7;
  background: #fff;
}
.artifact-input > p,
.artifact-input dt,
.artifact-input-footnote {
  color: #68616f;
}
.artifact-input dl > div {
  border-color: #e1dce7;
}
.artifact-analysis,
.artifact-result {
  background: #f5f2f8;
  border-color: #e1dce7;
}
.artifact-analysis small,
.artifact-result p {
  color: #68616f;
}
.agent-workspace .study-viewer {
  background: radial-gradient(ellipse at center, #fff, #f5f2f8);
}
.agent-artifact-note,
.model-inspector,
.model-inspector .model-controls,
.agent-workspace .study-figure figcaption {
  border-color: #e1dce7;
}
.agent-artifact-note > p,
.model-inspector > summary,
.agent-workspace .study-figure figcaption {
  color: #68616f;
}
.agent-artifact-note .temperature-legend {
  background: #fff;
  border-color: #ded7e7;
  color: #6a5c78;
}
.model-spin-toggle,
.agent-workspace .model-controls button,
.agent-workspace .model-controls select {
  background: #fff;
  border-color: #d9d0e3;
  color: #26222c;
}
.agent-workspace .model-controls button[aria-pressed='true'] {
  background: #eee7f5;
  border-color: #95928e;
  color: #51465f;
}
.agent-workspace #model-viewer-hint,
.agent-workspace .model-statistics {
  color: #68616f;
}
.agent-workspace .model-downloads {
  color: #26222c;
}
.model-downloads a {
  border-color: #bfb1cd;
}
.agent-workspace-disclosure {
  background: #faf9fc;
  color: #68616f;
  border-color: #e1dce7;
}
.study-viewer canvas:focus-visible,
.model-controls select:focus-visible,
.agent-step-list button:focus-visible {
  outline-color: #26222c;
}
@media (max-width: 760px) {
  .product-inputs > div + div,
  .study-gate {
    border-color: #e1dce7;
  }
  .authority-points > div:first-child {
    border-color: #504758;
  }
}

/* Product actions share the same muted-purple language as the homepage. */
.product-hero .text-purple,
.study-step-number,
.study-gate .eyebrow {
  color: #75618e;
}
.product-input-entry li {
  color: #69527f;
  background: #fff;
  border-color: #ded4e8;
}
.agent-step-list button > span:first-child {
  color: #75618e;
  border-color: #c1b0d1;
}
.agent-step-list .is-active,
.agent-step-list button:hover {
  color: #69527f;
}
.agent-step-list .is-active > span:first-child {
  background: #f0eaf6;
  border-color: #a48eb8;
}
.agent-step-list .is-complete > span:first-child {
  color: #237a4b;
  border-color: #76b58e;
  background: #e8f5ed;
}
.agent-restart,
.agent-send,
.model-spin-toggle,
.agent-workspace .model-controls button,
.agent-workspace .model-controls select,
.agent-workspace .model-downloads {
  color: #69527f;
}
.agent-send {
  background: #eee6f5;
}
.artifact-progress span[aria-current] {
  color: #75618e;
  box-shadow: 0 2px #9b83b0;
}
.agent-workspace .model-controls button[aria-pressed='true'] {
  background: #f0eaf6;
  color: #69527f;
  border-color: #a48eb8;
}
.study-viewer canvas:focus-visible,
.model-controls select:focus-visible,
.agent-step-list button:focus-visible {
  outline-color: #75618e;
}