.cqa-global-shell {
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
}

.cqa-global-launcher,
.cqa-global-panel,
.cqa-global-invite {
  pointer-events: auto;
}

.cqa-global-launcher {
  width: auto;
  min-height: 84px;
  border-radius: 999px;
  padding: 6px 18px 6px 6px;
  border: 1px solid rgba(86, 230, 218, 0.78);
  background: linear-gradient(145deg, rgba(6, 15, 30, 0.96), rgba(12, 27, 49, 0.95));
  color: #f2fbff;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  box-shadow:
    0 12px 28px rgba(2, 9, 18, 0.58),
    0 0 0 2px rgba(255, 141, 86, 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.cqa-global-launcher:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 32px rgba(2, 9, 18, 0.62),
    0 0 0 2px rgba(255, 141, 86, 0.35);
}

.cqa-global-launcher img {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid rgba(86, 230, 218, 0.72);
}

.cqa-global-launcher-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
}

.cqa-global-launcher-meta strong {
  font-size: 0.9rem;
  letter-spacing: 0.04em;
}

.cqa-global-launcher.pulse {
  animation: cqaGlobalPulse 2.2s ease-in-out infinite;
}

.cqa-global-invite {
  max-width: 330px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(86, 230, 218, 0.34);
  background: linear-gradient(145deg, rgba(7, 18, 33, 0.95), rgba(12, 27, 49, 0.92));
  color: #dbf3ff;
  box-shadow: 0 10px 24px rgba(2, 10, 20, 0.52);
  font-size: 0.84rem;
  line-height: 1.4;
  cursor: pointer;
}

.cqa-global-panel {
  width: min(430px, calc(100vw - 24px));
  max-height: min(82vh, 760px);
  display: none;
  flex-direction: column;
  gap: 10px;
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(86, 230, 218, 0.46);
  background: linear-gradient(160deg, rgba(7, 17, 31, 0.97), rgba(11, 25, 46, 0.96));
  box-shadow: 0 20px 48px rgba(2, 9, 18, 0.66);
  padding-bottom: max(14px, env(safe-area-inset-bottom, 16px));
}

.cqa-global-panel.is-open {
  display: flex;
}

.cqa-global-head {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 10px;
  align-items: center;
}

.cqa-global-head img {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(86, 230, 218, 0.62);
  object-fit: cover;
}

.cqa-global-head-info h3 {
  margin: 0;
  font-size: 0.98rem;
}

.cqa-global-head-info p {
  margin: 2px 0 0;
  font-size: 0.76rem;
  color: #b8d4ef;
}

.cqa-global-close {
  min-height: 40px;
  min-width: 40px;
  border-radius: 10px;
  border: 1px solid rgba(108, 169, 224, 0.36);
  background: rgba(11, 24, 46, 0.82);
  color: #dcecff;
  cursor: pointer;
}

.cqa-global-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cqa-global-toolbar select {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(86, 230, 218, 0.3);
  background: rgba(8, 18, 34, 0.9);
  color: #edf6ff;
  padding: 8px 10px;
}

.cqa-global-mode-chip {
  font-size: 0.66rem;
  border-radius: 999px;
}

.cqa-global-intro {
  margin: 0;
  font-size: 0.9rem;
  color: #d7eafe;
  line-height: 1.45;
}

.cqa-global-reassure {
  margin: 0;
  color: #9fbad6;
  font-size: 0.78rem;
}

.cqa-global-reassure:empty,
.cqa-global-helper[hidden],
.cqa-global-inline-actions[hidden],
.cqa-inline-actions[hidden],
.cqa-global-asset-preview[hidden] {
  display: none !important;
}

.cqa-global-stream {
  min-height: 190px;
  max-height: 250px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 4px;
}

.cqa-global-asset-preview {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,0.03);
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1);
}

.cqa-global-asset-preview img {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid rgba(86, 230, 218, 0.3);
}

.cqa-global-asset-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cqa-global-asset-info span {
  font-size: 0.75rem;
  color: #a0aec0;
}

.cqa-global-asset-remove {
  background: none;
  border: none;
  color: #ff6b6b;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

.cqa-bubble {
  max-width: 94%;
  padding: 9px 11px;
  border-radius: 12px;
  line-height: 1.42;
  font-size: 0.84rem;
}

.cqa-bubble.assistant {
  background: rgba(11, 27, 50, 0.9);
  border: 1px solid rgba(108, 169, 224, 0.34);
  color: #deefff;
}

.cqa-bubble.user {
  align-self: flex-end;
  background: rgba(255, 141, 86, 0.15);
  border: 1px solid rgba(255, 141, 86, 0.44);
  color: #ffe5d4;
}

.cqa-bubble.mirror {
  background: rgba(86, 230, 218, 0.12);
  border: 1px solid rgba(86, 230, 218, 0.38);
  color: #ddfffb;
}

.cqa-global-thinking {
  margin: 0;
  font-size: 0.74rem;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #ffd3ba;
}

.cqa-global-question {
  margin: 0;
  font-weight: 700;
  font-size: 0.88rem;
  color: #f1f8ff;
}

.cqa-global-helper {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cqa-helper-label {
  flex: 1 0 100%;
  margin: 0 0 2px;
  color: #a8c8e6;
  font-size: 0.72rem;
  line-height: 1.35;
}

.cqa-helper-chip {
  min-height: 34px;
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(108, 169, 224, 0.34);
  background: rgba(9, 20, 37, 0.84);
  color: #c2dbf2;
  font-size: 0.73rem;
  cursor: pointer;
}

body.cc-page .cc-cqa-suggestions {
  margin: 2px 0 10px;
  padding: 8px;
  border: 1px solid rgba(86, 230, 218, 0.12);
  border-radius: 14px;
  background: rgba(4, 10, 18, 0.28);
}

body.cc-page .cc-cqa-suggestions .cqa-helper-chip {
  min-height: 32px;
  font-size: 0.69rem;
  color: #c8e2f7;
  background: rgba(8, 18, 34, 0.58);
  border-color: rgba(108, 169, 224, 0.28);
}

.cqa-global-input-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
}

.cqa-global-input-row textarea {
  resize: vertical;
  min-height: 60px;
  border-radius: 12px;
  border: 1px solid rgba(86, 230, 218, 0.32);
  background: rgba(8, 18, 34, 0.88);
  color: #edf6ff;
  padding: 11px 12px;
  font: inherit;
}

.cqa-global-mic,
.cqa-global-send {
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(108, 169, 224, 0.36);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(10, 22, 44, 0.84);
  color: #dbf2ff;
  padding: 0 12px;
  font-weight: 700;
  cursor: pointer;
}

.cqa-global-send {
  border-color: rgba(255, 141, 86, 0.56);
  color: #ffd9c2;
}

.cqa-global-mic.is-listening {
  border-color: rgba(86, 230, 218, 0.78);
  box-shadow: 0 0 0 1px rgba(86, 230, 218, 0.36), 0 0 20px rgba(86, 230, 218, 0.22);
}

.cqa-global-inline-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.cqa-global-inline-actions .btn {
  min-height: 44px;
}

.cqa-global-mic-note,
.cqa-global-status {
  margin: 0;
  font-size: 0.76rem;
}

.cqa-global-status {
  color: #bfe7ff;
}

.cqa-global-summary {
  border: 1px solid rgba(108, 169, 224, 0.3);
  border-radius: 12px;
  background: rgba(8, 19, 35, 0.74);
  padding: 10px 12px;
}

.cqa-global-summary h4 {
  margin: 0 0 8px;
}

.cqa-global-summary .mini-points {
  margin: 0;
  padding-left: 18px;
}

.cqa-global-summary .microcopy {
  margin: 8px 0 0;
  font-size: 0.74rem;
}

.cqa-global-cta-row {
  display: grid;
  gap: 8px;
}

.cqa-global-cta-row .btn {
  min-height: 44px;
}

.cqa-global-handoff {
  display: grid;
  gap: 8px;
  border-top: 1px dashed rgba(108, 169, 224, 0.32);
  padding-top: 10px;
}

.cqa-global-handoff input[type="text"],
.cqa-global-handoff input[type="email"] {
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(86, 230, 218, 0.3);
  background: rgba(8, 18, 34, 0.86);
  color: #edf6ff;
  padding: 10px 11px;
  font: inherit;
}

.cqa-global-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.76rem;
  color: #bed7ef;
}

.cqa-global-consent input {
  margin-top: 2px;
}

@media (max-width: 700px) {
  body.cc-page .cc-cqa-suggestions {
    gap: 5px;
  }

  body.cc-page .cc-cqa-suggestions .cqa-helper-chip {
    flex: 1 1 100%;
    text-align: left;
  }

  .cqa-global-shell {
    right: 8px;
    left: 8px;
    bottom: 10px;
    align-items: stretch;
  }

  .cqa-global-launcher {
    align-self: flex-end;
    min-height: 64px;
    padding: 4px;
    border-radius: 999px;
  }

  .cqa-global-launcher img {
    width: 58px;
    height: 58px;
  }

  .cqa-global-launcher-meta {
    display: none;
  }

  .cqa-global-invite {
    align-self: flex-end;
    max-width: min(88vw, 360px);
  }

  .cqa-global-panel {
    width: 100%;
    max-height: min(88dvh, 760px);
  }

  .cqa-global-stream {
    max-height: 45vh;
  }
}

@media (max-width: 540px) {
  .cqa-global-input-row {
    grid-template-columns: 1fr;
  }

  .cqa-global-inline-actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cqa-global-launcher,
  .cqa-global-panel,
  .cqa-global-invite,
  .cqa-bubble {
    transition: none !important;
    animation: none !important;
  }
}

/* C2.1 interaction polish — Missing Details spotlight and signal-chip reveal only. */
.cc-brief-modal.is-pickup-spotlight {
  overflow: hidden;
  overscroll-behavior: contain;
}

.cc-brief-modal.is-pickup-spotlight::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 34%, transparent), transparent 42%),
    rgba(1, 7, 16, 0.78);
  backdrop-filter: blur(8px) saturate(0.88);
  -webkit-backdrop-filter: blur(8px) saturate(0.88);
}

#cc-pickup-questions-panel.is-spotlight {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 22;
  width: min(680px, calc(100% - 44px));
  max-height: calc(100% - 44px);
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  transform: translate(-50%, -50%);
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 58%, rgba(255, 255, 255, 0.18));
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--client-wash-primary, #56e6da) 24%, transparent), transparent 42%),
    radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 20%, transparent), transparent 46%),
    linear-gradient(145deg, rgba(8, 25, 44, 0.985), rgba(2, 9, 20, 0.99));
  box-shadow:
    0 38px 110px rgba(0, 0, 0, 0.68),
    0 0 54px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 76%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 4px 0 0 color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 64%, transparent);
  animation: ccPickupSpotlightReveal 320ms cubic-bezier(.16,.84,.32,1) both;
}

#cc-pickup-questions-panel.is-spotlight:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--client-wash-rim, #56e6da) 82%, #ffffff);
  outline-offset: 5px;
}

#cc-pickup-questions-panel.is-spotlight h3 {
  font-size: clamp(1.16rem, 2.2vw, 1.5rem);
  letter-spacing: -0.015em;
}

#cc-pickup-questions-panel.is-spotlight .cc-pickup-answer {
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--client-wash-rim, #56e6da) 24%, rgba(255, 255, 255, 0.08));
  border-radius: 14px;
  background: color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 38%, rgba(2, 10, 21, 0.82));
}

#cc-pickup-questions-panel.is-spotlight .cc-pickup-answer span {
  color: #f5fbff;
  font-weight: 750;
  line-height: 1.42;
}

#cc-pickup-questions-panel.is-spotlight #cc-pickup-form {
  display: grid;
  gap: 10px;
}

#cc-pickup-questions-panel.is-spotlight #cc-pickup-form > button,
#cc-pickup-questions-panel.is-spotlight #btn-defer-pickup {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
}

@keyframes ccPickupSpotlightReveal {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 20px)) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip {
  overflow: hidden;
  will-change: transform;
  filter: none !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 56%, rgba(255, 255, 255, 0.14));
  background:
    linear-gradient(112deg, color-mix(in srgb, var(--client-wash-primary, #56e6da) 22%, transparent), transparent 43%),
    radial-gradient(circle at 88% 108%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 28%, transparent), transparent 52%),
    linear-gradient(145deg, rgba(8, 25, 44, 0.98), rgba(3, 10, 22, 0.95)) !important;
  transition:
    transform 260ms cubic-bezier(.16,.84,.32,1),
    border-color 220ms ease,
    box-shadow 260ms ease,
    background 220ms ease;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.72;
  transform: translate3d(-24%, 0, 0);
  background:
    linear-gradient(104deg, transparent 12%, color-mix(in srgb, var(--client-wash-primary, #56e6da) 30%, transparent) 36%, transparent 58%),
    linear-gradient(164deg, transparent 46%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 20%, transparent) 52%, transparent 62%);
  transition: transform 300ms cubic-bezier(.16,.84,.32,1), opacity 220ms ease;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:nth-child(3n + 2)::before {
  transform: translate3d(18%, 0, 0) scaleX(-1);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:nth-child(3n) {
  border-color: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 48%, var(--client-wash-rim, #56e6da));
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary,
#cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
  position: relative;
  z-index: 1;
  transform: none !important;
  backface-visibility: hidden;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
  transform-origin: 50% 0;
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--client-wash-primary, #56e6da) 13%, transparent), color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 10%, transparent)),
    rgba(2, 10, 21, 0.56);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
  animation: none !important;
  transform: perspective(1000px) translate3d(0, -4px, 34px) rotateX(0deg) scale(1.018) !important;
  filter: none !important;
  border-color: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 66%, var(--client-wash-rim, #56e6da));
  box-shadow:
    0 30px 68px rgba(0, 0, 0, 0.46),
    0 0 46px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 92%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.19),
    inset 4px 0 0 color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 72%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open]::before {
  opacity: 1;
  transform: translate3d(8%, 0, 0) scaleX(1.08);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] summary::after {
  transform: rotateX(180deg) scale(1.08) !important;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] .cc-business-signal-detail {
  animation: ccSignalChipFrontBackReveal 280ms cubic-bezier(.16,.84,.32,1) both;
}

@media (hover: hover) and (pointer: fine) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover:not([open]) {
    animation: none !important;
    transform: perspective(1000px) translate3d(0, -6px, 26px) rotateX(-6deg) scale(1.018) !important;
    filter: none !important;
    border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 74%, var(--client-wash-secondary, #ff8d56));
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover:not([open])::before {
    opacity: 0.92;
    transform: translate3d(2%, 0, 0);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within:not(:hover):not([open]) {
    transform: translate3d(0, 0, 0) !important;
    filter: none !important;
  }
}

@keyframes ccSignalChipFrontBackReveal {
  from {
    opacity: 0;
    transform: perspective(900px) rotateX(-82deg) translate3d(0, -10px, 0);
  }
  to {
    opacity: 1;
    transform: perspective(900px) rotateX(0deg) translate3d(0, 0, 0);
  }
}

@media (max-width: 640px) {
  #cc-pickup-questions-panel.is-spotlight {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    padding: 16px 14px;
    border-radius: 16px;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
    transform: none !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-pickup-questions-panel.is-spotlight,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip::before,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] .cc-business-signal-detail {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes cqaGlobalPulse {
  0%,
  100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

body.cc-page .cqa-quick-actions {
  display: none;
}

body.cc-page .cqa-quick-actions.show {
  display: grid;
}

body.cc-page .cc-cqa-panel {
  border: 1px solid rgba(86, 230, 218, 0.34);
  box-shadow: 0 14px 42px rgba(2, 9, 18, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.cc-page .cc-cqa-stream {
  min-height: 210px;
}

body.cc-page .cc-cqa-stream .cqa-bubble {
  animation: cqaBubbleIn 0.22s ease;
}

body.cc-page .cqa-thinking {
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.cc-page .cc-process-card.state-active {
  box-shadow: 0 0 0 1px rgba(86, 230, 218, 0.24), 0 12px 22px rgba(1, 12, 23, 0.46);
}

body.cc-page .cc-process-card.state-complete {
  box-shadow: 0 0 0 1px rgba(255, 196, 113, 0.24), 0 10px 20px rgba(4, 14, 26, 0.4);
}

body.cc-page .cc-process-card.signal-hot {
  box-shadow:
    0 0 0 1px rgba(86, 230, 218, 0.44),
    0 0 18px rgba(86, 230, 218, 0.18),
    0 12px 26px rgba(1, 12, 23, 0.52);
}

body.cc-page .cc-process-card.signal-forming .cc-process-detail {
  color: #dff5ff;
}

body.cc-page .cc-process-card.revenue-leak-active {
  border-color: rgba(255, 141, 86, 0.52);
  box-shadow:
    0 0 0 1px rgba(255, 141, 86, 0.32),
    0 0 18px rgba(255, 141, 86, 0.18),
    0 12px 22px rgba(9, 14, 22, 0.52);
}

body.cc-page .cc-preview-window.brand-wash-active {
  background:
    radial-gradient(circle at 85% 18%, rgba(255, 141, 86, 0.14), transparent 42%),
    radial-gradient(circle at 15% 85%, rgba(86, 230, 218, 0.14), transparent 45%),
    linear-gradient(165deg, rgba(8, 18, 35, 0.94), rgba(11, 25, 45, 0.94));
}

body.cc-page .cc-preview-window.preview-ready {
  box-shadow:
    0 0 0 1px rgba(255, 196, 113, 0.36),
    0 0 24px rgba(255, 196, 113, 0.15),
    0 18px 34px rgba(2, 10, 19, 0.62);
}

body.cc-page #buyer-motivation-card.motivation-forming {
  box-shadow:
    0 0 0 1px rgba(86, 230, 218, 0.24),
    0 12px 24px rgba(2, 10, 19, 0.4);
}

body.cc-page #buyer-motivation-card.state-complete {
  box-shadow:
    0 0 0 1px rgba(255, 196, 113, 0.24),
    0 10px 22px rgba(2, 10, 19, 0.38);
}

body.cc-page #revenue-view-card.revenue-leak-active {
  border-color: rgba(255, 141, 86, 0.46);
}

body.cc-page .cc-route-line.signal-forming {
  border-color: rgba(86, 230, 218, 0.38);
  box-shadow: 0 0 0 1px rgba(86, 230, 218, 0.14);
}

body.cc-page .cc-route-line.preview-ready {
  border-color: rgba(255, 196, 113, 0.45);
  box-shadow:
    0 0 0 1px rgba(255, 196, 113, 0.2),
    0 0 18px rgba(255, 196, 113, 0.16);
}

body.cc-page .cc-cockpit-grid {
  grid-template-columns: minmax(330px, 1.12fr) minmax(320px, 1fr) minmax(280px, 0.9fr);
}

body.cc-page #cqa-answer-input {
  min-height: 72px;
  font-size: 0.95rem;
}

body.cc-page #cqa-next {
  min-width: 118px;
}

body.cc-page .cqa-mic-inline {
  min-width: 72px;
}

body.cc-page .cqa-mic-inline.is-listening {
  border-color: rgba(86, 230, 218, 0.78);
  box-shadow: 0 0 0 1px rgba(86, 230, 218, 0.3), 0 0 16px rgba(86, 230, 218, 0.22);
}

body.cc-page .cc-panel-status {
  margin: 0 0 2px;
  color: #c1eaff;
  font-size: 0.78rem;
}

@keyframes cqaBubbleIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 1240px) {
  body.cc-page .cc-cockpit-grid {
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
  }

  body.cc-page .cc-identity-col {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  body.cc-page .cc-cockpit-grid {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-cqa-col {
    order: 1;
  }

  body.cc-page .cc-preview-col {
    order: 2;
  }

  body.cc-page .cc-identity-col {
    order: 3;
  }
}

@media (max-width: 640px) {
  body.cc-page #cqa-answer-input {
    min-height: 64px;
  }

  body.cc-page .cc-cqa-actions {
    grid-template-columns: 1fr;
  }

  body.cc-page .cqa-inline-actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-cqa-stream .cqa-bubble {
    animation: none;
  }
}

/* Focused correction: make Command Center read as a cockpit, not a narrow form column. */
body.cc-page .cc-cockpit-body .container {
  width: min(1560px, calc(100vw - 32px));
  max-width: 1560px;
}

body.cc-page .cc-cockpit-grid {
  grid-template-columns: minmax(0, 1.46fr) minmax(300px, 0.54fr);
  grid-template-areas:
    "cqa cqa"
    "preview identity";
  gap: 18px;
}

body.cc-page .cc-cqa-col {
  grid-area: cqa;
  position: relative;
  top: auto;
  align-self: stretch;
}

body.cc-page .cc-preview-col {
  grid-area: preview;
  min-width: 0;
}

body.cc-page .cc-identity-col {
  grid-area: identity;
  min-width: 0;
}

body.cc-page .cc-cqa-panel {
  display: grid;
  grid-template-columns: minmax(230px, 0.72fr) minmax(300px, 0.9fr) minmax(430px, 1.28fr);
  grid-template-areas:
    "head stream input"
    "mode stream input"
    "note stream input"
    "status progress input";
  align-items: stretch;
  gap: 12px;
  max-height: none;
  min-height: auto;
  padding: 15px;
}

body.cc-page .cc-cqa-head {
  grid-area: head;
}

body.cc-page .cc-mode-bar {
  grid-area: mode;
  align-self: start;
}

body.cc-page .cc-mic-note {
  grid-area: note;
  margin: 0;
}

body.cc-page .cc-panel-status {
  grid-area: status;
  margin: 0;
  align-self: center;
}

body.cc-page .cc-cqa-progress {
  grid-area: progress;
  align-self: center;
}

body.cc-page .cc-cqa-workspace {
  grid-area: stream;
  display: flex;
  min-height: 0;
}

body.cc-page .cc-cqa-stream {
  flex: 1;
  min-height: 176px;
  max-height: 236px;
}

body.cc-page .cc-cqa-input-dock {
  grid-area: input;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  min-width: 0;
}

body.cc-page .cc-active-question {
  font-size: clamp(0.88rem, 1vw, 1.02rem);
  line-height: 1.42;
}

body.cc-page .cc-cqa-actions {
  grid-template-columns: minmax(0, 1fr) 56px minmax(112px, auto);
  align-items: stretch;
}

body.cc-page #cqa-answer-input {
  min-height: 74px;
}

body.cc-page .cqa-mic-inline {
  min-width: 56px;
}

body.cc-page .cc-cqa-quick {
  grid-area: quick;
}

body.cc-page .cc-cqa-summary {
  grid-area: summary;
  margin-top: 0;
}

body.cc-page .cc-final-output-row {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

body.cc-page .cc-final-output-row .cc-cqa-quick,
body.cc-page .cc-final-output-row .cc-cqa-summary {
  grid-area: auto;
}

body.cc-page .cc-morph-sequence[hidden] {
  display: none !important;
}

body.cc-page .cc-preview-col {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: 14px;
}

body.cc-page .cc-preview-window {
  min-height: 0;
  border-color: rgba(86, 230, 218, 0.24);
}

body.cc-page .cc-processing-board {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.cc-page .cc-process-card {
  min-height: 86px;
}

body.cc-page .cc-route-line {
  grid-column: 1 / -1;
  position: relative;
  top: auto;
  justify-content: center;
  border-color: rgba(86, 230, 218, 0.24);
  background:
    linear-gradient(90deg, rgba(6, 14, 26, .88), rgba(11, 25, 43, .84)),
    radial-gradient(circle at 50% 0%, rgba(86, 230, 218, .16), transparent 52%);
}

body.cc-page .cc-signals-card,
body.cc-page .cc-brief-preview,
body.cc-page .cc-revenue-card {
  border-radius: 18px;
}

body.cc-page .cc-identity-card {
  align-items: center;
}

body.cc-page .cc-identity-image-slot {
  flex: 0 0 auto;
}

body.cc-page .cc-inline-image-upload {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

body.cc-page .cc-inline-image-upload input[type="file"] {
  width: 100%;
  max-width: 100%;
  margin-top: 7px;
  font-size: .72rem;
}

body.cc-page .cc-inline-image-upload .btn {
  white-space: nowrap;
}

body.cc-page .cc-summary-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

body.cc-page .cc-summary-title-row h3 {
  margin: 0;
  font-size: 1rem;
}

body.cc-page .cc-summary-route-chip {
  border-color: rgba(255, 196, 113, .42);
  color: #ffe0b5;
  background: rgba(255, 141, 86, .12);
}

body.cc-page .cc-cqa-summary {
  padding: 15px;
  border-color: rgba(255, 196, 113, .28);
  background:
    linear-gradient(145deg, rgba(8, 18, 32, .94), rgba(5, 12, 22, .92)),
    radial-gradient(circle at 0% 0%, rgba(255, 141, 86, .14), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(86, 230, 218, .12), transparent 36%);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .05);
}

body.cc-page .cc-cqa-summary .cqa-summary-head {
  border: 1px solid rgba(86, 230, 218, .14);
  border-radius: 14px;
  padding: 10px;
  background: rgba(4, 10, 18, .34);
}

body.cc-page #cqa-summary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 10px 0;
  list-style: none;
}

body.cc-page #cqa-summary-list li {
  margin: 0;
  padding: 9px 10px;
  border: 1px solid rgba(86, 230, 218, .13);
  border-left: 3px solid rgba(255, 141, 86, .34);
  border-radius: 12px;
  background: rgba(4, 10, 18, .38);
  line-height: 1.34;
}

body.cc-page .cc-summary-safe-note {
  padding: 9px 10px;
  border-radius: 12px;
  color: #ffe0b5;
  background: rgba(255, 141, 86, .1);
  border: 1px solid rgba(255, 141, 86, .18);
}

@media (max-width: 1280px) {
  body.cc-page .cc-cockpit-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "cqa"
      "preview"
      "identity";
  }

  body.cc-page .cc-cqa-panel {
    grid-template-columns: minmax(220px, 0.72fr) minmax(340px, 1.08fr);
    grid-template-areas:
      "head input"
      "mode input"
      "note input"
      "status progress"
      "stream stream";
  }

  body.cc-page .cc-cqa-stream {
    min-height: 124px;
    max-height: 180px;
  }

  body.cc-page .cc-identity-col {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.cc-page .cc-cockpit-body .container {
    width: min(100% - 24px, 760px);
  }

  body.cc-page .cc-cockpit-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "cqa"
      "preview"
      "identity";
    gap: 15px;
  }

  body.cc-page .cc-cqa-col,
  body.cc-page .cc-preview-col,
  body.cc-page .cc-identity-col {
    grid-column: auto;
  }

  body.cc-page .cc-cqa-panel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "mode"
      "input"
      "stream"
      "progress"
      "note"
      "status";
    gap: 9px;
    max-height: none;
  }

  body.cc-page .cc-cqa-input-dock {
    position: sticky;
    top: 66px;
    bottom: auto;
    z-index: 5;
  }

  body.cc-page .cc-cqa-stream {
    min-height: 92px;
    max-height: 150px;
  }

  body.cc-page .cc-preview-col,
  body.cc-page .cc-identity-col {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-processing-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-cockpit-body .container {
    width: min(100% - 18px, 460px);
    max-width: calc(100vw - 18px);
  }

  body.cc-page .cc-main,
  body.cc-page .cc-header,
  body.cc-page .cc-header .nav-wrap,
  body.cc-page .cc-header-status,
  body.cc-page .cc-cockpit-grid,
  body.cc-page .cc-cqa-panel,
  body.cc-page .cc-cqa-panel > *,
  body.cc-page .cc-cqa-input-dock,
  body.cc-page .cc-cqa-actions,
  body.cc-page #cqa-answer-input {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.cc-page .cc-cqa-input-dock {
    width: 100%;
    justify-self: stretch;
    overflow: hidden;
  }

  body.cc-page .cc-header .nav-wrap {
    gap: 8px;
  }

  body.cc-page .cc-header-status {
    flex: 0 1 auto;
    gap: 5px;
  }

  body.cc-page .cc-status-label {
    display: inline-flex;
    max-width: 138px;
    white-space: normal;
    line-height: 1.15;
  }

  body.cc-page #language-mode-chip {
    max-width: 86px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.cc-page .cc-cqa-status-chip,
  body.cc-page .cc-active-question,
  body.cc-page .cc-cqa-stream .cqa-bubble {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.cc-page .cc-cqa-status-chip {
    margin-left: 0;
  }

  body.cc-page .cc-cqa-actions {
    grid-template-columns: minmax(0, 1fr) 50px;
  }

  body.cc-page .cc-cqa-send {
    grid-column: 1 / -1;
    min-height: 44px;
  }

  body.cc-page .cqa-inline-actions {
    grid-template-columns: 1fr 1fr;
  }

  body.cc-page .cc-inline-image-upload {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-processing-board,
  body.cc-page #cqa-summary-list {
    grid-template-columns: 1fr;
  }
}

/* NorthStar universal CQA polish */
.cqa-global-launcher {
  position: relative;
  overflow: hidden;
  min-height: 78px;
  border-color: rgba(86, 230, 218, 0.72);
  background:
    linear-gradient(145deg, rgba(5, 12, 22, 0.98), rgba(10, 22, 40, 0.94)),
    linear-gradient(90deg, rgba(86, 230, 218, 0.14), rgba(255, 141, 86, 0.1));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.48),
    0 0 0 2px rgba(255, 141, 86, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.cqa-global-launcher::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

.cqa-global-launcher::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.8), rgba(255, 141, 86, 0.64), transparent);
  opacity: 0.72;
  pointer-events: none;
}

.cqa-global-launcher img {
  width: 64px;
  height: 64px;
  box-shadow:
    0 0 0 3px rgba(86, 230, 218, 0.12),
    0 0 0 6px rgba(255, 141, 86, 0.08),
    0 10px 18px rgba(0, 0, 0, 0.34);
}

.cqa-global-launcher-meta {
  position: relative;
  z-index: 1;
}

.cqa-global-panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border-color: rgba(86, 230, 218, 0.42);
  background:
    linear-gradient(155deg, rgba(5, 12, 22, 0.98), rgba(10, 22, 40, 0.96)),
    linear-gradient(120deg, rgba(86, 230, 218, 0.09), transparent 42%, rgba(255, 141, 86, 0.09));
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(86, 230, 218, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.cqa-global-panel::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(86, 230, 218, 0.74), rgba(255, 141, 86, 0.62), transparent);
  pointer-events: none;
}

.cqa-global-panel > * {
  position: relative;
  z-index: 1;
}

.cqa-global-head img {
  border-color: rgba(86, 230, 218, 0.72);
  box-shadow: 0 0 0 3px rgba(86, 230, 218, 0.08), 0 0 0 5px rgba(255, 141, 86, 0.06);
}

.cqa-global-toolbar {
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(86, 230, 218, 0.1);
  background: rgba(4, 10, 18, 0.38);
}

.cqa-global-stream {
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(86, 230, 218, 0.11);
  background:
    linear-gradient(180deg, rgba(4, 10, 18, 0.72), rgba(7, 16, 30, 0.46)),
    repeating-linear-gradient(180deg, rgba(86, 230, 218, 0.035) 0 1px, transparent 1px 34px);
}

.cqa-global-input-row {
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(86, 230, 218, 0.14);
  background: rgba(4, 10, 18, 0.46);
}

.cqa-global-input-row textarea {
  border-color: rgba(86, 230, 218, 0.28);
  background: rgba(6, 14, 25, 0.9);
}

.cqa-global-mic,
.cqa-global-send {
  border-radius: 12px;
}

.cqa-global-send {
  background: linear-gradient(105deg, rgba(255, 141, 86, 0.18), rgba(86, 230, 218, 0.16));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.cqa-global-summary,
.cqa-global-handoff {
  background:
    linear-gradient(145deg, rgba(5, 12, 22, 0.82), rgba(10, 22, 40, 0.66));
}

@media (max-width: 700px) {
  .cqa-global-launcher {
    min-height: 58px;
  }

  .cqa-global-launcher img {
    width: 50px;
    height: 50px;
  }
}

/* Phase 7H.1: universal mic icon support for the global CQA panel */
.cqa-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cqa-mic-icon {
  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cqa-global-mic {
  min-width: 48px;
  padding: 0 11px;
}

/* Focused follow-up: compress the cockpit command layer so the preview begins sooner. */
body.cc-page {
  overflow-x: hidden;
}

body.cc-page .cc-cockpit-header {
  padding: 12px 0 8px;
}

body.cc-page .cc-cockpit-title {
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
}

body.cc-page .cc-cockpit-sub {
  max-width: 840px;
  font-size: .84rem;
}

body.cc-page .cc-cockpit-chips {
  display: none;
}

body.cc-page .cc-sample-bar {
  padding-top: 4px;
  gap: 6px;
}

body.cc-page .cc-sample-label,
body.cc-page .sample-btn {
  font-size: .7rem;
}

body.cc-page .cc-cqa-panel {
  display: grid;
  grid-template-columns: minmax(248px, .42fr) minmax(0, 1fr);
  grid-template-areas:
    "head input"
    "mode input"
    "note input"
    "stream input"
    "status progress";
  gap: 10px 14px;
  padding: 12px;
}

body.cc-page .cc-cqa-head {
  gap: 4px;
}

body.cc-page .cc-cqa-avatar-row {
  gap: 9px;
}

body.cc-page .cc-cqa-avatar {
  width: 42px;
  height: 42px;
}

body.cc-page .cc-cqa-intro {
  font-size: .72rem;
  line-height: 1.28;
}

body.cc-page .cc-mode-bar {
  padding: 6px 8px;
}

body.cc-page .cc-mode-lang select {
  min-height: 34px;
}

body.cc-page .cc-cqa-stream {
  min-height: 88px;
  max-height: 124px;
  padding: 8px;
}

body.cc-page .cc-cqa-stream .cqa-bubble {
  padding: 8px 10px;
  font-size: .78rem;
  line-height: 1.35;
}

body.cc-page .cc-cqa-input-dock {
  align-self: stretch;
  justify-content: center;
  padding: 10px;
}

body.cc-page .cc-active-question {
  margin-bottom: 7px;
  padding: 9px 11px;
}

body.cc-page #cqa-answer-input {
  min-height: 82px;
}

body.cc-page .cc-cqa-send,
body.cc-page .cqa-mic-inline {
  min-height: 52px;
}

body.cc-page .cqa-inline-actions .btn {
  min-height: 36px;
}

body.cc-page .cc-cqa-progress {
  justify-content: flex-end;
}

body.cc-page .cc-cockpit-grid {
  align-items: start;
}

@media (max-width: 1280px) {
  body.cc-page .cc-cqa-panel {
    grid-template-columns: minmax(220px, .48fr) minmax(0, 1fr);
    grid-template-areas:
      "head input"
      "mode input"
      "stream input"
      "note status"
      "progress progress";
  }
}

@media (max-width: 900px) {
  body.cc-page .cc-cockpit-chips {
    display: flex;
  }

  body.cc-page .cc-sample-bar {
    display: none;
  }

  body.cc-page .cc-cqa-panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "mode"
      "input"
      "stream"
      "progress"
      "note"
      "status";
  }

  body.cc-page .cc-cqa-input-dock {
    position: sticky;
    top: 58px;
  }
}

/* CQA dock cleanup: one active question, one history trail, clear summary exit. */
body.cc-page .cc-cqa-panel {
  grid-template-columns: minmax(238px, 0.38fr) minmax(0, 1fr);
  grid-template-areas:
    "head stream"
    "mode stream"
    "note stream"
    "status input"
    "progress input";
  align-items: stretch;
}

body.cc-page .cc-cqa-workspace {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

body.cc-page .cc-history-label {
  margin: 0;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(193, 234, 255, 0.72);
}

body.cc-page .cc-cqa-stream {
  min-height: 132px;
  max-height: 220px;
}

body.cc-page .cc-cqa-stream:empty::before {
  content: "Your answers and CQA reflections will appear here.";
  display: block;
  padding: 10px 11px;
  border: 1px dashed rgba(86, 230, 218, 0.26);
  border-radius: 14px;
  color: rgba(193, 234, 255, 0.66);
  font-size: 0.8rem;
}

body.cc-page .cc-cqa-stream .cqa-bubble {
  display: grid;
  gap: 4px;
}

body.cc-page .cqa-bubble-label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(86, 230, 218, 0.82);
}

body.cc-page .cqa-bubble.user .cqa-bubble-label {
  color: rgba(255, 209, 136, 0.88);
}

body.cc-page .cqa-bubble.mirror .cqa-bubble-label {
  color: rgba(255, 141, 86, 0.86);
}

body.cc-page .cqa-bubble-body {
  min-width: 0;
}

body.cc-page .cc-cqa-input-dock {
  justify-content: flex-start;
  padding: 12px;
  border-color: rgba(86, 230, 218, 0.3);
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 141, 86, 0.14), transparent 34%),
    radial-gradient(circle at 5% 85%, rgba(86, 230, 218, 0.16), transparent 38%),
    rgba(5, 14, 27, 0.74);
}

body.cc-page .cc-active-question {
  margin: 0 0 10px;
  padding: 12px 13px;
  border: 1px solid rgba(86, 230, 218, 0.34);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.1), rgba(255, 141, 86, 0.08)),
    rgba(4, 13, 25, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 24px rgba(2, 9, 18, 0.32);
  color: #e9fbff;
  font-size: clamp(0.88rem, 0.9vw, 1rem);
  line-height: 1.44;
}

body.cc-page .cc-active-question::before {
  content: "Input context";
  display: block;
  margin-bottom: 6px;
  color: rgba(86, 230, 218, 0.88);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.cc-page .cc-cqa-panel.cqa-summary-ready .cc-active-question::before {
  content: "CQA Preview Summary";
  color: rgba(255, 141, 86, 0.9);
}

body.cc-page .cc-cqa-suggestions[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  body.cc-page .cc-cqa-panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "mode"
      "status"
      "stream"
      "input"
      "progress"
      "note";
  }

  body.cc-page .cc-cqa-input-dock {
    position: static;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-cqa-stream {
    min-height: 104px;
    max-height: 168px;
  }

  body.cc-page .cc-cqa-suggestions {
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  body.cc-page .cc-cqa-suggestions .cqa-helper-label {
    flex: 0 0 100%;
  }

  body.cc-page .cc-cqa-suggestions .cqa-helper-chip {
    flex: 0 0 auto;
    max-width: min(230px, 78vw);
    white-space: normal;
  }
}

/* Signal Gravity State Classes - Subtle borders & glow to reflect intelligence processing */
.command-center.signal-leak-active {
  box-shadow: inset 0 0 0 1px rgba(255, 69, 58, 0.2);
}

.command-center.signal-business-model-active {
  box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 0.2);
}

.command-center.signal-value-active {
  box-shadow: inset 0 0 0 1px rgba(48, 209, 88, 0.2);
}

.command-center.signal-buyer-motivation-active {
  box-shadow: inset 0 0 0 1px rgba(255, 159, 10, 0.2);
}


/* --- PREMIUM MORPH TRANSITIONS --- */
.command-center {
  transition: box-shadow 0.6s ease, transform 0.6s ease;
}

/* Stage 1: Identity Activation */
.command-center.morph-stage-identity .cc-card[data-stage-key="intake"] {
  border-color: rgba(10, 132, 255, 0.4);
  box-shadow: 0 0 12px rgba(10, 132, 255, 0.15);
  transform: translateY(-2px);
  transition: all 0.5s ease;
}

/* Stage 2: System Detected */
.command-center.morph-stage-system-detected #cc-signals {
  border-left: 3px solid rgba(48, 209, 88, 0.6);
  background: linear-gradient(90deg, rgba(48, 209, 88, 0.05) 0%, transparent 100%);
  transition: all 0.5s ease;
}

/* Stage 3: Revenue Leak / Follow Up */
.command-center.morph-stage-revenue-leak .cc-card[data-stage-key="leak"],
.command-center.morph-stage-revenue-leak .cc-card[data-stage-key="consequence"] {
  border-color: rgba(255, 69, 58, 0.5);
  box-shadow: 0 0 15px rgba(255, 69, 58, 0.15);
  transition: all 0.5s ease;
}

/* Stage 4: Value Signal */
.command-center.morph-stage-value-signal .cc-card[data-stage-key="value"] {
  border-color: rgba(48, 209, 88, 0.5);
  box-shadow: 0 0 15px rgba(48, 209, 88, 0.15);
  transition: all 0.5s ease;
}

/* Stage 5: Review Ready (Final Route) */
.command-center.morph-stage-review-ready #cc-handoff {
  box-shadow: 0 0 20px rgba(10, 132, 255, 0.2);
  border: 1px solid rgba(10, 132, 255, 0.4);
  transition: all 0.5s ease;
}

/* --- HERO MORPH CSS --- */
#hero-header {
  position: relative;
  overflow: hidden;
  transition: background 0.5s ease;
  min-height: 280px;
}

.cc-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  font-size: 16vw;
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.03);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  transition: opacity 2.5s cubic-bezier(0.25, 1, 0.5, 1), transform 3s cubic-bezier(0.25, 1, 0.5, 1), filter 2.5s cubic-bezier(0.25, 1, 0.5, 1), letter-spacing 3s ease;
  opacity: 0;
  filter: blur(12px);
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

.cc-watermark.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  filter: blur(0px);
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.02);
}

.relative-z {
  position: relative;
  z-index: 1;
}

.hero-dynamic-list {
  margin-top: 24px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #fff;
}

.hero-dynamic-item {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(15px);
  animation: identityForming 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.hero-dynamic-label {
  color: #56e6da;
  font-weight: 600;
  min-width: 140px;
}

@keyframes identityForming {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

#hero-title {
  animation: identityForming 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

#hero-subtitle {
  animation: identityForming 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Stage 1: Identity Activation */
.command-center.morph-stage-identity .cc-card[data-stage-key="intake"] {
  border-color: rgba(10, 132, 255, 0.4);
  box-shadow: 0 0 12px rgba(10, 132, 255, 0.15);
  transform: translateY(-2px);
  transition: all 0.5s ease;
}

/* Stage 2: System Detected */
.command-center.morph-stage-system-detected #cc-signals {
  border-left: 3px solid rgba(48, 209, 88, 0.6);
  background: linear-gradient(90deg, rgba(48, 209, 88, 0.05) 0%, transparent 100%);
  transition: all 0.5s ease;
}

/* Stage 3: Revenue Leak / Follow Up */
.command-center.morph-stage-revenue-leak .cc-card[data-stage-key="leak"],
.command-center.morph-stage-revenue-leak .cc-card[data-stage-key="consequence"] {
  border-color: rgba(255, 69, 58, 0.5);
  box-shadow: 0 0 15px rgba(255, 69, 58, 0.15);
  transition: all 0.5s ease;
}

/* Stage 4: Value Signal */
.command-center.morph-stage-value-signal .cc-card[data-stage-key="value"] {
  border-color: rgba(48, 209, 88, 0.5);
  box-shadow: 0 0 15px rgba(48, 209, 88, 0.15);
  transition: all 0.5s ease;
}

/* Stage 5: Review Ready (Final Route) */
.command-center.morph-stage-review-ready #cc-handoff {
  box-shadow: 0 0 20px rgba(10, 132, 255, 0.2);
  border: 1px solid rgba(10, 132, 255, 0.4);
  transition: all 0.5s ease;
}

/* --- HERO MORPH CSS --- */
#hero-header {
  position: relative;
  overflow: hidden;
  transition: background 0.5s ease;
  min-height: 280px;
}

.cc-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15vw;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.02);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
  opacity: 0;
  letter-spacing: -0.02em;
}

.cc-watermark.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}

.relative-z {
  position: relative;
  z-index: 1;
}

.hero-dynamic-list {
  margin-top: 24px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #fff;
}

.hero-dynamic-item {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUpItem 0.6s forwards;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.hero-dynamic-label {
  color: #56e6da;
  font-weight: 600;
  min-width: 140px;
}

@keyframes fadeUpItem {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- HERO MORPH V3 CSS --- */
/* Frame Energy */
#hero-header {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  background: radial-gradient(circle at center, rgba(10, 132, 255, 0.03) 0%, transparent 70%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

#hero-header.morph-stage-2 {
  background: radial-gradient(circle at top right, rgba(10, 132, 255, 0.1) 0%, transparent 70%);
  box-shadow: inset 0 0 40px rgba(10, 132, 255, 0.05);
}

#hero-header.morph-stage-3 {
  background: radial-gradient(circle at top left, rgba(48, 209, 88, 0.1) 0%, rgba(10, 132, 255, 0.1) 100%);
  box-shadow: inset 0 0 60px rgba(10, 132, 255, 0.1);
  border-bottom: 1px solid rgba(10, 132, 255, 0.3);
}

/* Owner Title Energy */
#hero-title {
  position: relative;
  display: inline-block;
}

#hero-title.morph-active {
  animation: titleSweep 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

#hero-title.identity-lock {
  text-shadow: 0 0 20px rgba(10, 132, 255, 0.4);
}

@keyframes titleSweep {
  0% {
    background-position: -200% 0;
    color: transparent;
    text-shadow: 0 0 0 rgba(10, 132, 255, 0);
    transform: scale(0.95);
  }
  50% {
    color: #fff;
    text-shadow: 0 0 30px rgba(10, 132, 255, 0.8);
    transform: scale(1.02);
  }
  100% {
    background-position: 200% 0;
    color: #fff;
    text-shadow: 0 0 10px rgba(10, 132, 255, 0.2);
    transform: scale(1);
  }
}

/* Watermark Energy */
.cc-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  font-size: 14vw;
  font-weight: 900;
  line-height: 0.8;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.03);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  text-align: center;
  transition: all 2s cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 0;
  filter: blur(10px);
  text-transform: uppercase;
}

.cc-watermark.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  filter: blur(0);
}

.cc-watermark.project-mode .wm-primary {
  font-size: 10vw;
  opacity: 0.4;
}

.cc-watermark.project-mode .wm-secondary {
  font-size: 16vw;
  opacity: 1;
  color: rgba(255, 255, 255, 0.02);
  -webkit-text-stroke: 1px rgba(10, 132, 255, 0.1);
}

/* Project Docking Energy */
.project-dock {
  background: rgba(10, 132, 255, 0.1);
  border: 1px solid rgba(10, 132, 255, 0.4);
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(10, 132, 255, 0.2);
  transform-origin: left center;
  animation: projectSnap 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.project-dock .val-project {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
}

@keyframes projectSnap {
  0% {
    opacity: 0;
    transform: translateX(-20px) scale(0.95);
    box-shadow: 0 0 0 rgba(10, 132, 255, 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    box-shadow: 0 0 20px rgba(10, 132, 255, 0.3);
  }
}

/* Idea Signal Energy */
.idea-signal {
  position: relative;
  padding-left: 12px;
}

.idea-signal::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 80%;
  background: #56e6da;
  box-shadow: 0 0 8px #56e6da;
  border-radius: 2px;
}

/* --- HERO MORPH V4 TRANSFER ANIMATION --- */
.cc-transfer-token {
  position: fixed;
  z-index: 9999;
  background: rgba(10, 132, 255, 0.15);
  border: 1px solid rgba(86, 230, 218, 0.6);
  box-shadow: 0 0 20px rgba(86, 230, 218, 0.4);
  color: #fff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 600;
  backdrop-filter: blur(10px);
  pointer-events: none;
  opacity: 0;
  transform: scale(0.5);
  display: flex;
  gap: 8px;
  align-items: center;
}

.cc-transfer-token .token-label {
  color: #56e6da;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}

.cc-transfer-token .token-val {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

@media (prefers-reduced-motion: reduce) {
  .cc-transfer-token {
    display: none !important;
  }
}

.cc-transfer-token.transferring {
  animation: transferFlight 1s cubic-bezier(0.25, 1, 0.3, 1) forwards;
}

@keyframes transferFlight {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.5);
  }
  20% {
    opacity: 1;
    transform: translate(0, -20px) scale(1);
    box-shadow: 0 0 30px rgba(86, 230, 218, 0.6);
  }
  80% {
    opacity: 1;
    transform: translate(var(--end-x), calc(var(--end-y) - 20px)) scale(0.9);
  }
  100% {
    opacity: 0;
    transform: translate(var(--end-x), var(--end-y)) scale(1.5);
    filter: blur(5px);
  }
}

/* Power On Effects */
.cc-hero-powered {
  animation: heroPowerBurst 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
@keyframes heroPowerBurst {
  0% { box-shadow: inset 0 0 0 rgba(86, 230, 218, 0); }
  50% { box-shadow: inset 0 0 60px rgba(86, 230, 218, 0.25); border-bottom: 1px solid rgba(86, 230, 218, 0.5); }
  100% { box-shadow: inset 0 0 40px rgba(10, 132, 255, 0.1); }
}

/* Delay hero morph rendering so it syncs with token arrival */
#hero-header.morph-stage-1 .hero-dynamic-item, 
#hero-header.morph-stage-2 .hero-dynamic-item, 
#hero-header.morph-stage-3 .hero-dynamic-item,
#hero-title.morph-active,
#hero-title.morph-idea,
.cc-watermark.visible {
  animation-delay: 0.8s !important;
  transition-delay: 0.8s !important;
}

/* On mobile, protect transfer path */
@media (max-width: 768px) {
  .cc-transfer-token.transferring {
    animation: transferFlightMobile 1s cubic-bezier(0.25, 1, 0.3, 1) forwards;
  }
  @keyframes transferFlightMobile {
    0% { opacity: 0; transform: translate(0, 0) scale(0.5); }
    20% { opacity: 1; transform: translate(0, -40px) scale(1); }
    80% { opacity: 1; transform: translate(0, -80px) scale(0.8); }
    100% { opacity: 0; transform: translate(0, -100px) scale(1.2); filter: blur(5px); }
  }
}

/* --- Command Center Morph Engine P1 --- */
body.cc-page .cc-morph-identity-stage {
  --cc-client-wash: rgba(86, 230, 218, 0.12);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(152px, 0.44fr);
  grid-template-areas:
    "hero core"
    "signals signals";
  gap: 12px;
  overflow: hidden;
  margin: 12px 0 14px;
  padding: clamp(14px, 1.7vw, 22px);
  border: 1px solid rgba(86, 230, 218, 0.22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 12%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(255, 141, 86, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(5, 12, 23, 0.94), rgba(7, 22, 36, 0.86));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 70px rgba(0, 0, 0, 0.26);
  isolation: isolate;
}

body.cc-page .cc-morph-identity-stage::before,
body.cc-page .cc-morph-identity-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

body.cc-page .cc-morph-identity-stage::before {
  opacity: 0.76;
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(86, 230, 218, 0.14) 19%, transparent 21% 58%, rgba(255, 141, 86, 0.13) 59%, transparent 61%),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 38px);
  mix-blend-mode: screen;
}

body.cc-page .cc-morph-identity-stage::after {
  background: radial-gradient(circle at 50% 62%, rgba(86, 230, 218, 0.12), transparent 42%);
  opacity: 0.64;
}

body.cc-page .cc-morph-wash {
  position: absolute;
  inset: -20%;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle at 70% 20%, var(--cc-client-wash), transparent 38%);
  transition: opacity 420ms ease, background 420ms ease;
}

body.cc-page .cc-morph-wash.has-client-wash {
  opacity: 1;
}

body.cc-page .cc-morph-watermark {
  position: absolute;
  max-width: 84%;
  overflow: hidden;
  color: transparent;
  font-size: clamp(2.8rem, 8vw, 7.25rem);
  font-weight: 900;
  letter-spacing: -0.08em;
  line-height: 0.86;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.055);
  filter: blur(10px);
  transform: translate3d(0, 14px, 0) scale(0.97);
  transition: opacity 520ms ease, transform 520ms ease, filter 520ms ease;
  z-index: -1;
}

body.cc-page .cc-morph-watermark-owner {
  left: 14px;
  top: 16px;
}

body.cc-page .cc-morph-watermark-project {
  right: 14px;
  bottom: 16px;
  text-align: right;
}

body.cc-page .cc-morph-watermark.is-active {
  opacity: 0.34;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

body.cc-page .cc-morph-hero-stack {
  grid-area: hero;
  min-width: 0;
  position: relative;
  z-index: 1;
}

body.cc-page .cc-morph-status,
body.cc-page .cc-morph-dock-label {
  margin: 0 0 8px;
  color: rgba(86, 230, 218, 0.92);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.cc-page .cc-morph-title {
  display: block;
  margin: 0;
  color: #f7fbff;
  font-size: clamp(1.38rem, 2.2vw, 2.42rem);
  line-height: 1.04;
  letter-spacing: -0.055em;
  text-wrap: balance;
  text-shadow: 0 0 24px rgba(86, 230, 218, 0.16);
}

body.cc-page .cc-morph-glyph {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.98);
  animation: ccMorphGlyphIn 520ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--glyph-index, 0) * 14ms);
  white-space: pre;
}

body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip {
  margin: 10px 0 0;
  max-width: 100%;
  color: rgba(229, 244, 255, 0.88);
  font-size: clamp(0.84rem, 1vw, 0.96rem);
  line-height: 1.35;
}

body.cc-page .cc-morph-project-dock {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(86, 230, 218, 0.22);
  border-radius: 999px;
  background: rgba(5, 16, 28, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.cc-page .cc-morph-idea-chip {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.cc-page .cc-command-core {
  grid-area: core;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 154px;
  padding: 10px;
  border: 1px solid rgba(255, 141, 86, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 42%, rgba(86, 230, 218, 0.12), transparent 44%),
    rgba(0, 0, 0, 0.18);
}

body.cc-page .cc-command-core__orb {
  position: relative;
  width: min(122px, 34vw);
  aspect-ratio: 1;
  transform-style: preserve-3d;
  transform: rotateX(58deg) rotateZ(-18deg);
  animation: ccCommandCoreDrift 7s ease-in-out infinite;
}

body.cc-page .cc-command-core__orb::before,
body.cc-page .cc-command-core__orb::after {
  content: "";
  position: absolute;
  inset: 31%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(86, 230, 218, 0.94), rgba(255, 141, 86, 0.24) 58%, transparent 72%);
  box-shadow: 0 0 36px rgba(86, 230, 218, 0.42), 0 0 54px rgba(255, 141, 86, 0.20);
}

body.cc-page .cc-command-core__orb::after {
  inset: 39%;
  background: #f9fbff;
  opacity: 0.86;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.7);
}

body.cc-page .cc-command-core__ring {
  position: absolute;
  inset: 9%;
  border: 1px solid rgba(86, 230, 218, 0.38);
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(86, 230, 218, 0.16);
}

body.cc-page .cc-command-core__ring-two {
  inset: 20%;
  border-color: rgba(255, 141, 86, 0.36);
  transform: rotateX(62deg);
}

body.cc-page .cc-command-core__ring-three {
  inset: 0;
  border-color: rgba(255, 255, 255, 0.12);
  transform: rotateY(54deg);
}

body.cc-page .cc-command-core__dot {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #56e6da;
  box-shadow: 0 0 18px rgba(86, 230, 218, 0.72);
}

body.cc-page .cc-command-core__dot-one {
  left: 10%;
  top: 44%;
}

body.cc-page .cc-command-core__dot-two {
  right: 14%;
  bottom: 28%;
  background: #ff8d56;
  box-shadow: 0 0 18px rgba(255, 141, 86, 0.72);
}

body.cc-page #cc-command-core-label {
  margin: 8px 0 0;
  color: rgba(229, 244, 255, 0.72);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

body.cc-page .cc-morph-signal-dock {
  grid-area: signals;
  position: relative;
  z-index: 1;
}

body.cc-page .cc-morph-signal-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.cc-page .cc-morph-signal-chip {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  color: rgba(229, 244, 255, 0.76);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.76rem;
  line-height: 1.16;
}

body.cc-page .cc-morph-signal-chip.is-active {
  border-color: rgba(86, 230, 218, 0.42);
  color: #f7fbff;
  background: linear-gradient(135deg, rgba(86, 230, 218, 0.16), rgba(255, 141, 86, 0.10));
  box-shadow: 0 0 18px rgba(86, 230, 218, 0.12);
}

body.cc-page .cc-morph-identity-stage[data-command-morph-stage="idea-captured"] .cc-command-core__ring-one,
body.cc-page .cc-command-core[data-core-state="idea-captured"] .cc-command-core__ring-one {
  border-color: rgba(86, 230, 218, 0.78);
}

body.cc-page .cc-morph-identity-stage[data-command-morph-stage="owner-attached"] .cc-command-core,
body.cc-page .cc-morph-identity-stage[data-command-morph-stage="project-docked"] .cc-command-core {
  border-color: rgba(86, 230, 218, 0.42);
}

body.cc-page .cc-morph-identity-stage[data-command-morph-stage="revenue-leak-active"] .cc-command-core,
body.cc-page .cc-morph-identity-stage[data-command-morph-stage="follow-up-lane-active"] .cc-command-core {
  border-color: rgba(255, 141, 86, 0.52);
  box-shadow: inset 0 0 28px rgba(255, 141, 86, 0.09), 0 0 24px rgba(255, 141, 86, 0.08);
}

body.cc-page .cc-morph-identity-stage[data-command-morph-stage="value-signal-active"] .cc-command-core,
body.cc-page .cc-morph-identity-stage[data-command-morph-stage="preview-ready"] .cc-command-core {
  border-color: rgba(86, 230, 218, 0.62);
  box-shadow: inset 0 0 30px rgba(86, 230, 218, 0.10), 0 0 26px rgba(86, 230, 218, 0.12);
}

body.cc-page .cc-morph-receive {
  animation: ccMorphReceive 900ms ease-out;
}

body.cc-page .cc-morph-receive-target {
  animation: ccMorphTargetPulse 760ms ease-out;
}

@keyframes ccMorphGlyphIn {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes ccCommandCoreDrift {
  0%, 100% { transform: rotateX(58deg) rotateZ(-18deg) translate3d(0, 0, 0); }
  50% { transform: rotateX(64deg) rotateZ(14deg) translate3d(0, -3px, 0); }
}

@keyframes ccMorphReceive {
  0% { box-shadow: inset 0 0 0 rgba(86, 230, 218, 0); }
  45% { box-shadow: inset 0 0 42px rgba(86, 230, 218, 0.16), 0 0 32px rgba(255, 141, 86, 0.12); }
  100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 70px rgba(0, 0, 0, 0.26); }
}

@keyframes ccMorphTargetPulse {
  0%, 100% { filter: none; transform: translate3d(0, 0, 0); }
  48% { filter: drop-shadow(0 0 16px rgba(86, 230, 218, 0.54)); transform: translate3d(0, -2px, 0); }
}

@media (max-width: 640px) {
  body.cc-page .cc-morph-identity-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "hero"
      "core"
      "signals";
    padding: 14px;
    border-radius: 22px;
  }

  body.cc-page .cc-command-core {
    min-height: 118px;
  }

  body.cc-page .cc-command-core__orb {
    width: 92px;
    animation: none;
  }

  body.cc-page .cc-morph-title {
    font-size: clamp(1.24rem, 8vw, 1.7rem);
  }

  body.cc-page .cc-morph-signal-chip {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-morph-glyph,
  body.cc-page .cc-command-core__orb,
  body.cc-page .cc-morph-receive,
  body.cc-page .cc-morph-receive-target {
    animation: none !important;
    opacity: 1;
    transform: none;
    transition: none !important;
  }
}

body.cc-page .cc-morph-identity-stage {
  border-color: rgba(86, 230, 218, 0.28);
  background:
    radial-gradient(circle at 14% 10%, rgba(86, 230, 218, 0.22), transparent 34%),
    radial-gradient(circle at 91% 22%, rgba(255, 141, 86, 0.18), transparent 33%),
    radial-gradient(circle at 54% 115%, rgba(86, 230, 218, 0.10), transparent 46%),
    linear-gradient(135deg, rgba(3, 9, 18, 0.97), rgba(7, 22, 36, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -34px 62px rgba(0, 0, 0, 0.28),
    0 28px 84px rgba(0, 0, 0, 0.34);
}

body.cc-page .cc-morph-title {
  letter-spacing: -0.06em;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 24px rgba(86, 230, 218, 0.16),
    0 18px 42px rgba(0, 0, 0, 0.34);
}

body.cc-page .cc-morph-word {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
}

body.cc-page .cc-morph-project-dock {
  position: relative;
  overflow: hidden;
  gap: 7px;
  border-color: rgba(86, 230, 218, 0.38);
  background:
    linear-gradient(90deg, rgba(86, 230, 218, 0.13), rgba(255, 141, 86, 0.07)),
    rgba(5, 16, 28, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(1, 12, 23, 0.24);
}

body.cc-page .cc-morph-project-dock::before {
  content: "";
  width: 7px;
  min-width: 7px;
  height: 7px;
  margin-top: 0.45em;
  border-radius: 999px;
  background: #56e6da;
  box-shadow: 0 0 14px rgba(86, 230, 218, 0.72);
}

body.cc-page .cc-morph-project-dock::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -42%;
  width: 36%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transform: skewX(-18deg);
  animation: ccProjectDockSweep 3.8s ease-in-out infinite;
}

body.cc-page .cc-morph-idea-chip {
  padding-left: 11px;
  border-left: 2px solid rgba(255, 141, 86, 0.58);
  color: rgba(235, 247, 255, 0.90);
}

body.cc-page .cc-command-core {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 141, 86, 0.28);
  background:
    radial-gradient(circle at 50% 42%, rgba(86, 230, 218, 0.14), transparent 44%),
    linear-gradient(155deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)),
    rgba(0, 0, 0, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -18px 34px rgba(0, 0, 0, 0.22);
}

body.cc-page .cc-command-core::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 18px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(120deg, rgba(86, 230, 218, 0.08), transparent 38%, rgba(255, 141, 86, 0.08));
}

body.cc-page .cc-command-core[data-core-state="idea-captured"] .cc-command-core__ring-one {
  border-color: rgba(86, 230, 218, 0.84);
  box-shadow: 0 0 24px rgba(86, 230, 218, 0.20);
}

body.cc-page .cc-command-core[data-core-state="owner-attached"] .cc-command-core__dot-one,
body.cc-page .cc-command-core[data-core-state="project-docked"] .cc-command-core__dot-two {
  transform: scale(1.35);
  box-shadow: 0 0 24px rgba(86, 230, 218, 0.78);
}

body.cc-page .cc-command-core[data-core-state="project-docked"] {
  border-color: rgba(86, 230, 218, 0.50);
}

body.cc-page .cc-command-core[data-core-state="revenue-leak-active"],
body.cc-page .cc-command-core[data-core-state="follow-up-lane-active"] {
  border-color: rgba(255, 141, 86, 0.58);
  box-shadow:
    inset 0 0 32px rgba(255, 141, 86, 0.10),
    0 0 28px rgba(255, 141, 86, 0.10);
}

body.cc-page .cc-command-core[data-core-state="revenue-leak-active"] .cc-command-core__ring-two,
body.cc-page .cc-command-core[data-core-state="follow-up-lane-active"] .cc-command-core__ring-two {
  border-color: rgba(255, 141, 86, 0.74);
  box-shadow: 0 0 26px rgba(255, 141, 86, 0.22);
}

body.cc-page .cc-command-core[data-core-state="value-signal-active"] .cc-command-core__orb::before,
body.cc-page .cc-command-core[data-core-state="timeline-active"] .cc-command-core__orb::before {
  background: radial-gradient(circle, rgba(255, 214, 150, 0.94), rgba(86, 230, 218, 0.34) 58%, transparent 72%);
  box-shadow: 0 0 40px rgba(255, 196, 113, 0.32), 0 0 58px rgba(86, 230, 218, 0.20);
}

body.cc-page .cc-command-core[data-core-state="timeline-active"] .cc-command-core__ring-three {
  border-color: rgba(255, 196, 113, 0.56);
  box-shadow: 0 0 24px rgba(255, 196, 113, 0.18);
}

body.cc-page #cc-command-core-label {
  color: rgba(235, 247, 255, 0.82);
  font-weight: 800;
}

body.cc-page .cc-morph-signal-chip.is-active {
  border-color: rgba(86, 230, 218, 0.52);
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.18), rgba(255, 141, 86, 0.12)),
    rgba(3, 12, 22, 0.62);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 10px 22px rgba(0, 0, 0, 0.20);
}

body.cc-page .cc-process-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(4, 14, 25, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(1, 10, 18, 0.22);
}

body.cc-page .cc-process-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.0), rgba(86, 230, 218, 0.12), rgba(255, 141, 86, 0.08));
  transition: opacity 260ms ease;
}

body.cc-page .cc-process-card.state-active::before,
body.cc-page .cc-process-card.state-complete::before {
  opacity: 1;
}

body.cc-page .cc-process-card.state-active {
  border-color: rgba(86, 230, 218, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(86, 230, 218, 0.18),
    0 16px 30px rgba(1, 12, 23, 0.48);
}

body.cc-page .cc-process-card.state-complete {
  border-color: rgba(255, 196, 113, 0.36);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(255, 196, 113, 0.14),
    0 14px 28px rgba(4, 14, 26, 0.42);
}

body.cc-page .cc-process-card[data-stage-key="leak"].state-complete,
body.cc-page .cc-process-card[data-stage-key="followup"].state-complete {
  border-color: rgba(255, 141, 86, 0.54);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(255, 141, 86, 0.18),
    0 14px 30px rgba(33, 10, 3, 0.30);
}

body.cc-page .cc-process-card[data-stage-key="value"].state-complete,
body.cc-page .cc-process-card[data-stage-key="timeline"].state-complete {
  border-color: rgba(86, 230, 218, 0.50);
}

body.cc-page .cc-process-card h5 {
  color: rgba(246, 251, 255, 0.94);
  letter-spacing: 0.02em;
}

body.cc-page .cc-process-detail {
  color: rgba(217, 235, 248, 0.78);
}

body.cc-page .cc-process-card.state-complete .cc-process-detail,
body.cc-page .cc-process-card.state-active .cc-process-detail {
  color: rgba(244, 250, 255, 0.92);
}

body.cc-page .cc-process-chip {
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(229, 244, 255, 0.78);
}

body.cc-page .cc-process-card.state-active .cc-process-chip {
  border-color: rgba(86, 230, 218, 0.45);
  background: rgba(86, 230, 218, 0.14);
  color: #eaffff;
}

body.cc-page .cc-process-card.state-complete .cc-process-chip {
  border-color: rgba(255, 196, 113, 0.42);
  background: rgba(255, 196, 113, 0.12);
  color: #fff6e6;
}

body.cc-page .cc-transfer-token {
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.16), rgba(255, 141, 86, 0.12)),
    rgba(4, 14, 25, 0.82);
  border-color: rgba(86, 230, 218, 0.62);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 18px 38px rgba(0, 0, 0, 0.36),
    0 0 24px rgba(86, 230, 218, 0.24);
}

body.cc-page .cc-transfer-token .token-label {
  color: #56e6da;
}

body.cc-page .cc-transfer-token .token-val {
  color: #fff4df;
}

body.cc-page .cc-morph-receive.cc-transfer-leak,
body.cc-page .cc-morph-receive.cc-transfer-timeline {
  animation-name: ccMorphReceiveWarm;
}

body.cc-page .cc-morph-receive.cc-transfer-project {
  animation-name: ccMorphReceiveDock;
}

@keyframes ccProjectDockSweep {
  0%, 68%, 100% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  78% { opacity: 1; }
  94% { transform: translateX(410%) skewX(-18deg); opacity: 0; }
}

@keyframes ccMorphReceiveWarm {
  0% { box-shadow: inset 0 0 0 rgba(255, 141, 86, 0); }
  45% { box-shadow: inset 0 0 46px rgba(255, 141, 86, 0.18), 0 0 30px rgba(86, 230, 218, 0.10); }
  100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 28px 84px rgba(0, 0, 0, 0.34); }
}

@keyframes ccMorphReceiveDock {
  0% { box-shadow: inset 0 0 0 rgba(86, 230, 218, 0); }
  42% { box-shadow: inset 0 -18px 52px rgba(86, 230, 218, 0.18), 0 0 34px rgba(255, 141, 86, 0.10); }
  100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 28px 84px rgba(0, 0, 0, 0.34); }
}

@media (max-width: 640px) {
  body.cc-page .cc-morph-identity-stage {
    margin: 10px 0 12px;
    padding: 12px;
  }

  body.cc-page .cc-morph-project-dock,
  body.cc-page .cc-morph-idea-chip {
    font-size: 0.82rem;
  }

  body.cc-page .cc-command-core {
    min-height: 104px;
    padding: 8px;
  }

  body.cc-page .cc-command-core__orb {
    width: 78px;
  }

  body.cc-page .cc-morph-signal-chips {
    gap: 6px;
  }

  body.cc-page .cc-morph-signal-chip {
    min-height: 28px;
    padding: 5px 8px;
  }

  body.cc-page #cqa-answer-input {
    min-height: 86px;
    max-height: 128px;
    resize: none;
    overflow-y: auto;
    -webkit-appearance: none;
    appearance: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 17px;
    line-height: 1.38;
    touch-action: manipulation;
  }

  body.cc-page #cqa-answer-input::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  body.cc-page .cc-cqa-actions {
    grid-template-columns: minmax(0, 1fr) 48px minmax(76px, auto);
    gap: 7px;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-morph-project-dock::after,
  body.cc-page .cc-transfer-token {
    animation: none !important;
    display: none !important;
  }

  body.cc-page .cc-command-core__orb {
    transform: rotateX(58deg) rotateZ(-18deg);
  }
}

/* P3.5 Lead Copy Cutback: reduce visible wording without weakening the live cockpit. */
body.cc-page .cc-process-card h5 {
  font-size: 0.72rem;
  letter-spacing: 0.01em;
}

body.cc-page .cc-process-detail {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

body.cc-page .command-secondary-grid .mini-points,
body.cc-page .command-lower-grid .mini-points {
  gap: 6px;
}

body.cc-page .command-secondary-grid .mini-points li,
body.cc-page .command-lower-grid .mini-points li {
  padding: 7px 9px;
  line-height: 1.28;
}

body.cc-page .cc-walkthrough-module {
  display: grid;
  grid-template-columns: minmax(230px, 0.62fr) minmax(320px, 1fr);
  gap: 16px;
  align-items: center;
  margin: 18px 0 16px;
  padding: 14px;
  border: 1px solid rgba(86, 230, 218, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(3, 12, 22, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 34px rgba(0, 0, 0, 0.18);
}

body.cc-page .command-secondary-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.cc-page .command-secondary-grid > .cc-identity-preserved[hidden] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-self: start !important;
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  transform: none !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 12px !important;
  overflow: visible !important;
}

body.cc-page .cc-secondary-walkthrough .cc-walkthrough-copy .microcopy {
  max-width: 42ch;
}

body.cc-page .cc-secondary-walkthrough .cc-proof-frame {
  max-height: 220px;
}

body.cc-page .cc-secondary-walkthrough .cc-proof-frame img {
  height: clamp(172px, 17vw, 220px);
}

body.cc-page .command-secondary-grid > .opportunity-brief-panel,
body.cc-page .command-secondary-grid > .buyer-motivation-panel {
  align-self: start !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.cc-page .cc-walkthrough-copy h2 {
  margin: 2px 0 5px;
  font-size: clamp(1.08rem, 1.7vw, 1.45rem);
}

body.cc-page .cc-walkthrough-copy .microcopy {
  margin: 0;
  max-width: 58ch;
}

body.cc-page .cc-walkthrough-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

body.cc-page .cc-walkthrough-start-hidden[hidden] {
  display: none !important;
}

body.cc-page .cc-walkthrough-proof {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  min-width: 0;
}

body.cc-page .cc-proof-frame {
  position: relative;
  inset: auto !important;
  transform: none !important;
  margin: 0;
  max-height: 248px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(86, 230, 218, 0.16);
  opacity: 0.94;
}

body.cc-page .cc-proof-frame img {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: block;
  width: 100%;
  height: clamp(190px, 22vw, 248px);
  object-fit: cover;
  object-position: top center;
  filter: saturate(0.92) contrast(0.94);
}

body.cc-page .cc-proof-frame figcaption {
  position: absolute;
  inset: auto 8px 7px;
  margin: 0;
  padding: 4px 7px;
  border-radius: 999px;
  color: rgba(235, 247, 255, 0.78);
  font-size: 0.62rem;
  background: rgba(2, 10, 18, 0.72);
}

body.cc-page .cc-walkthrough-panel[hidden] {
  display: none !important;
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

body.cc-page .cc-walkthrough-panel:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  margin: 0;
  padding: clamp(12px, 2.4vw, 28px);
  overflow: auto;
  overscroll-behavior: contain;
  pointer-events: auto;
  background:
    radial-gradient(circle at 20% 10%, rgba(86, 230, 218, 0.16), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(255, 141, 86, 0.16), transparent 30%),
    rgba(2, 7, 15, 0.84);
  backdrop-filter: blur(8px);
}

body.cc-page {
  --client-wash-primary: rgba(86, 230, 218, 0.16);
  --client-wash-secondary: rgba(255, 141, 86, 0.14);
  --client-wash-rim: rgba(86, 230, 218, 0.34);
  --client-wash-glow: rgba(86, 230, 218, 0.18);
  --client-wash-soft: rgba(86, 230, 218, 0.08);
  --client-wash-text-safe: rgba(235, 247, 255, 0.92);
}

body.cc-page.brand-wash-active .cc-preview-window,
body.cc-page .cc-preview-window.brand-wash-active {
  border-color: var(--client-wash-rim);
  background:
    radial-gradient(circle at 18% 0%, var(--client-wash-primary), transparent 34%),
    radial-gradient(circle at 92% 8%, var(--client-wash-secondary), transparent 32%),
    linear-gradient(145deg, rgba(3, 12, 22, 0.95), rgba(8, 18, 31, 0.9));
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.34),
    0 0 38px var(--client-wash-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.cc-page.brand-wash-active .cc-morph-identity-stage,
body.cc-page .cc-morph-identity-stage.brand-wash-active {
  background:
    radial-gradient(circle at 12% 8%, var(--client-wash-primary), transparent 36%),
    radial-gradient(circle at 86% 16%, var(--client-wash-secondary), transparent 34%),
    linear-gradient(135deg, rgba(4, 12, 22, 0.94), rgba(4, 19, 30, 0.86));
}

body.cc-page.brand-wash-active .cc-command-core,
body.cc-page.signal-brand-active .cc-command-core {
  border-color: var(--client-wash-rim);
  box-shadow:
    0 0 30px var(--client-wash-glow),
    inset 0 0 22px var(--client-wash-soft);
}

body.cc-page.brand-wash-active .cc-command-core::before,
body.cc-page.signal-brand-active .cc-command-core::before {
  background:
    radial-gradient(circle, var(--client-wash-primary), transparent 58%),
    radial-gradient(circle at 70% 34%, rgba(86, 230, 218, 0.14), transparent 42%);
}

body.cc-page.brand-wash-active .cc-morph-project-dock,
body.cc-page.signal-brand-active .cc-morph-project-dock {
  border-color: var(--client-wash-rim);
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    0 0 24px var(--client-wash-glow);
}

body.cc-page.brand-wash-active .cc-morph-wash.has-client-wash {
  background:
    radial-gradient(circle at 22% 28%, var(--client-wash-primary), transparent 30%),
    radial-gradient(circle at 78% 18%, var(--client-wash-secondary), transparent 32%);
  opacity: 0.74;
}

body.cc-page.signal-brand-active #cc-signal-chip-brand,
body.cc-page.brand-wash-active #cc-signal-chip-brand,
body.cc-page.brand-wash-active #live-theme-chip {
  border-color: var(--client-wash-rim);
  color: var(--client-wash-text-safe);
  background:
    linear-gradient(135deg, var(--client-wash-soft), rgba(86, 230, 218, 0.06)),
    rgba(4, 14, 24, 0.72);
  box-shadow: 0 0 18px var(--client-wash-glow);
}

body.cc-page.brand-wash-active .opportunity-brief-panel,
body.cc-page.brand-wash-active .buyer-motivation-panel,
body.cc-page.brand-wash-active .cc-process-card.state-active {
  border-color: var(--client-wash-rim);
}

body.cc-page.style-luxury {
  --client-wash-primary: rgba(255, 194, 92, 0.19);
  --client-wash-secondary: rgba(255, 169, 132, 0.16);
  --client-wash-rim: rgba(255, 194, 92, 0.36);
  --client-wash-glow: rgba(255, 169, 132, 0.18);
  --client-wash-soft: rgba(255, 194, 92, 0.08);
}

body.cc-page.style-high-trust,
body.cc-page.style-corporate {
  --client-wash-primary: rgba(86, 160, 255, 0.18);
  --client-wash-secondary: rgba(86, 230, 218, 0.12);
  --client-wash-rim: rgba(130, 192, 255, 0.34);
  --client-wash-glow: rgba(86, 160, 255, 0.16);
  --client-wash-soft: rgba(86, 160, 255, 0.07);
}

body.cc-page.style-private {
  --client-wash-primary: rgba(18, 20, 28, 0.32);
  --client-wash-secondary: rgba(255, 194, 92, 0.18);
  --client-wash-rim: rgba(255, 194, 92, 0.34);
  --client-wash-glow: rgba(255, 194, 92, 0.16);
  --client-wash-soft: rgba(255, 194, 92, 0.07);
}

body.cc-page.style-crm,
body.cc-page.style-local-service {
  --client-wash-primary: rgba(70, 220, 166, 0.15);
  --client-wash-secondary: rgba(86, 160, 255, 0.13);
  --client-wash-rim: rgba(86, 230, 218, 0.30);
  --client-wash-glow: rgba(70, 220, 166, 0.13);
  --client-wash-soft: rgba(70, 220, 166, 0.06);
}

body.cc-page.style-creator,
body.cc-page.style-bold-modern {
  --client-wash-primary: rgba(86, 230, 218, 0.18);
  --client-wash-secondary: rgba(255, 141, 86, 0.17);
  --client-wash-rim: rgba(86, 230, 218, 0.36);
  --client-wash-glow: rgba(255, 141, 86, 0.16);
  --client-wash-soft: rgba(86, 230, 218, 0.07);
}

body.cc-page.style-clean-minimal {
  --client-wash-primary: rgba(205, 218, 232, 0.10);
  --client-wash-secondary: rgba(86, 230, 218, 0.08);
  --client-wash-rim: rgba(205, 218, 232, 0.24);
  --client-wash-glow: rgba(86, 230, 218, 0.10);
  --client-wash-soft: rgba(205, 218, 232, 0.05);
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page.brand-wash-active .cc-morph-wash,
  body.cc-page.brand-wash-active .cc-command-core,
  body.cc-page.brand-wash-active .cc-morph-project-dock,
  body.cc-page.brand-wash-active .cc-process-card {
    animation: none !important;
    transition: none !important;
  }
}

body.cc-page .cc-walkthrough-popout-card {
  position: relative;
  width: min(1120px, 100%);
  margin: auto;
  padding: clamp(18px, 2.6vw, 30px);
  border: 1px solid rgba(86, 230, 218, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(86, 230, 218, 0.14), transparent 34%),
    radial-gradient(circle at 100% 6%, rgba(255, 141, 86, 0.14), transparent 32%),
    linear-gradient(155deg, rgba(11, 24, 44, 0.97), rgba(4, 12, 24, 0.985));
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.54),
    0 0 42px rgba(86, 230, 218, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.cc-page .cc-walkthrough-popout-hero {
  display: grid;
  grid-template-columns: minmax(250px, 0.64fr) minmax(0, 1.36fr);
  gap: 18px;
  align-items: stretch;
}

body.cc-page .cc-walkthrough-popout-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

body.cc-page .cc-walkthrough-popout-copy h3 {
  margin: 0;
  font-size: clamp(1.5rem, 2.8vw, 2.55rem);
  letter-spacing: -0.03em;
}

body.cc-page .cc-walkthrough-popout-copy p {
  margin: 0;
}

body.cc-page .cc-walkthrough-price {
  color: var(--cmd-champagne);
  font-weight: 900;
}

body.cc-page .cc-walkthrough-safe {
  color: rgba(184, 212, 239, 0.78);
  font-size: 0.9rem;
}

body.cc-page .cc-walkthrough-popout-frame {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(86, 230, 218, 0.24);
  border-radius: 24px;
  background: rgba(2, 10, 20, 0.9);
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(86, 230, 218, 0.14);
}

body.cc-page .cc-walkthrough-popout-frame img {
  display: block;
  width: 100%;
  height: clamp(260px, 38vw, 500px);
  object-fit: cover;
  object-position: top center;
  filter: saturate(1.08) contrast(1.02);
}

body.cc-page .cc-walkthrough-popout-frame figcaption {
  position: absolute;
  inset: auto 12px 12px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 7px 10px;
  border: 1px solid rgba(86, 230, 218, 0.18);
  border-radius: 999px;
  color: rgba(237, 246, 255, 0.82);
  background: rgba(2, 9, 18, 0.78);
  font: 700 0.68rem/1.25 var(--font-tech);
}

body.cc-page .cc-walkthrough-step-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

body.cc-page .cc-walkthrough-step-strip li {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(108, 169, 224, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(7, 17, 32, 0.58);
}

body.cc-page .cc-walkthrough-step-strip strong {
  color: var(--cmd-turquoise);
  font-size: 0.86rem;
}

body.cc-page .cc-walkthrough-step-strip span {
  color: var(--cmd-text-soft);
  font-size: 0.78rem;
  line-height: 1.35;
}

body.cc-page .cc-walkthrough-live-step {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(255, 141, 86, 0.22);
  border-radius: 18px;
  background: rgba(3, 12, 22, 0.66);
}

body.cc-page .cc-walkthrough-live-step h3,
body.cc-page .cc-walkthrough-live-step p {
  margin: 0;
}

body.cc-page .cc-walkthrough-controls,
body.cc-page .cc-walkthrough-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.cc-page .cc-walkthrough-cta-row {
  margin-top: 14px;
}

@media (max-width: 960px) {
  body.cc-page .command-secondary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
    padding: 12px !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-walkthrough-module {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 12px 0;
    padding: 12px;
  }

  body.cc-page .cc-proof-frame {
    max-height: 154px;
  }

  body.cc-page .cc-proof-frame img {
    height: 150px;
  }

  body.cc-page .cc-proof-frame figcaption {
    display: none;
  }

  body.cc-page .cc-walkthrough-panel:not([hidden]) {
    place-items: start center;
    padding: 10px;
  }

  body.cc-page .cc-walkthrough-popout-card {
    padding: 16px;
    border-radius: 22px;
  }

  body.cc-page .cc-walkthrough-popout-hero,
  body.cc-page .cc-walkthrough-step-strip {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-walkthrough-popout-frame img {
    height: clamp(190px, 56vw, 260px);
  }

  body.cc-page .cc-walkthrough-step-head,
  body.cc-page .cc-walkthrough-controls,
  body.cc-page .cc-walkthrough-cta-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-walkthrough-close,
  body.cc-page .cc-walkthrough-controls .btn,
  body.cc-page .cc-walkthrough-cta-row .btn {
    width: 100%;
  }
}

/* Command Center visual architecture rescue: top-down cockpit flow, no overlaps. */
body.cc-page {
  background:
    radial-gradient(circle at 18% -8%, rgba(86, 230, 218, 0.10), transparent 32%),
    radial-gradient(circle at 84% 2%, rgba(255, 141, 86, 0.08), transparent 28%),
    linear-gradient(180deg, #06101c 0%, #030812 48%, #050b14 100%);
}

body.cc-page,
body.cc-page * {
  box-sizing: border-box;
}

body.cc-page .cc-main,
body.cc-page .cc-cockpit-body {
  overflow-x: hidden;
}

body.cc-page .cc-cockpit-body {
  position: relative;
  isolation: isolate;
  padding: 26px 0 44px;
}

body.cc-page .cc-cockpit-body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.12;
  background:
    radial-gradient(circle at 18% 18%, var(--client-wash-primary), transparent 28%),
    radial-gradient(circle at 78% 34%, var(--client-wash-secondary), transparent 30%);
}

body.cc-page .cc-cockpit-body .container {
  display: grid;
  gap: 30px;
  width: min(1500px, calc(100vw - 32px));
  max-width: none;
  margin-inline: auto;
}

body.cc-page .command-cockpit-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, 0.42fr) minmax(0, 0.58fr) !important;
  grid-template-areas: "cqa preview" !important;
  gap: 28px !important;
  align-items: start !important;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  overflow: visible !important;
}

body.cc-page .cc-cqa-col {
  grid-area: cqa !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0;
  width: 100%;
  align-self: start;
  position: relative;
  transform: none !important;
  inset: auto !important;
  z-index: 2;
}

body.cc-page .cc-preview-col,
body.cc-page .command-preview-panel {
  grid-area: preview !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0;
  width: 100%;
  align-self: start;
  position: relative;
  transform: none !important;
  inset: auto !important;
  z-index: 1;
}

@media (min-width: 1100px) {
  body.cc-page .cc-cqa-col {
    position: sticky;
    top: 96px;
  }

  body.cc-page .cc-cqa-panel {
    max-height: calc(100vh - 112px);
    overflow: hidden;
  }

  body.cc-page .cc-cqa-stream {
    max-height: min(28vh, 230px);
  }
}

body.cc-page .cc-cqa-panel,
body.cc-page .cc-preview-window,
body.cc-page .cc-board-tier,
body.cc-page .cc-brief-preview,
body.cc-page .cc-revenue-card,
body.cc-page .cc-walkthrough-module,
body.cc-page .cc-route-line {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.026)),
    rgba(5, 15, 27, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(0, 0, 0, 0.26) !important;
}

body.cc-page .cc-preview-window {
  position: relative;
  min-height: 0;
  overflow: hidden !important;
  padding: clamp(18px, 2vw, 24px);
}

body.cc-page .cc-morph-identity-stage {
  margin-bottom: 0 !important;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 16% 0%, rgba(86, 230, 218, 0.11), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(255, 141, 86, 0.10), transparent 30%),
    rgba(4, 13, 24, 0.82) !important;
}

body.cc-page .cc-board-tier {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(18px, 2.4vw, 26px);
  border-radius: 26px;
  position: relative;
  z-index: 0;
  overflow: visible;
}

body.cc-page .cc-board-tier-head {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 10px 18px;
  min-width: 0;
}

body.cc-page .cc-board-tier-head h2,
body.cc-page .cc-board-tier-head p {
  margin: 0;
}

body.cc-page .cc-board-tier-head h2 {
  color: rgba(248, 252, 255, 0.96);
  font-size: clamp(1.35rem, 2vw, 2rem);
  letter-spacing: -0.03em;
}

body.cc-page .cc-board-tier .cc-processing-label {
  margin: 0;
  color: rgba(86, 230, 218, 0.94);
  font-family: var(--font-tech);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.cc-page .cc-board-tier .cc-stage-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 2px !important;
}

body.cc-page .cc-board-tier .cc-stage-row span {
  opacity: 0.62;
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.08);
}

body.cc-page .cc-board-tier .cc-stage-row span.active {
  opacity: 1;
  border-color: rgba(86, 230, 218, 0.48);
  background: rgba(86, 230, 218, 0.12);
}

body.cc-page .cc-board-tier .cc-processing-board {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100%;
  min-width: 0;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.cc-page .cc-board-tier .cc-process-card {
  min-height: 96px;
  padding: 13px !important;
  opacity: 0.5;
  border-color: rgba(255, 255, 255, 0.075);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.018)),
    rgba(5, 15, 27, 0.74) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

body.cc-page .cc-board-tier .cc-process-card.state-active,
body.cc-page .cc-board-tier .cc-process-card.signal-hot {
  opacity: 1;
  border-color: rgba(86, 230, 218, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(86, 230, 218, 0.20),
    0 16px 34px rgba(1, 16, 26, 0.30),
    0 0 24px rgba(86, 230, 218, 0.16) !important;
}

body.cc-page .cc-board-tier .cc-process-card.state-complete {
  opacity: 0.9;
}

body.cc-page .cc-board-tier .cc-process-card h5 {
  font-size: 0.74rem;
  color: rgba(247, 252, 255, 0.94);
}

body.cc-page .cc-board-tier .cc-process-detail {
  -webkit-line-clamp: 2;
  color: rgba(217, 235, 248, 0.76);
}

body.cc-page .cc-command-energy-field {
  display: none !important;
}

body.cc-page .command-secondary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    "brief motivation"
    "walk walk" !important;
  gap: 28px !important;
  align-items: stretch !important;
  width: 100%;
  margin: 0 !important;
  overflow: visible !important;
}

body.cc-page .command-secondary-grid > .opportunity-brief-panel {
  grid-area: brief !important;
}

body.cc-page .command-secondary-grid > .buyer-motivation-panel {
  grid-area: motivation !important;
}

body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
  grid-area: walk !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  min-height: 0 !important;
  border-radius: 22px;
  overflow: visible !important;
}

body.cc-page .cc-secondary-walkthrough .cc-proof-frame {
  display: none !important;
}

body.cc-page .cc-secondary-walkthrough .cc-walkthrough-proof {
  min-width: 0;
  flex: 0 0 auto;
}

body.cc-page .cc-secondary-walkthrough .cc-walkthrough-copy {
  min-width: 0;
}

body.cc-page .cc-secondary-walkthrough #cc-walkthrough-title {
  margin: 0 0 3px;
}

body.cc-page .cc-secondary-walkthrough .microcopy {
  margin: 0;
  color: rgba(199, 220, 238, 0.78);
}

body.cc-page .cc-walkthrough-panel:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: grid !important;
  place-items: center !important;
  overflow: auto !important;
  padding: clamp(14px, 3vw, 34px) !important;
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(10px) !important;
}

body.cc-page .cc-walkthrough-popout-card {
  max-height: calc(100vh - 34px);
  overflow: auto;
  background:
    radial-gradient(circle at 0 0, rgba(86, 230, 218, 0.10), transparent 32%),
    linear-gradient(155deg, rgba(11, 24, 44, 0.98), rgba(4, 12, 24, 0.99)) !important;
}

body.cc-page .command-lower-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
  width: 100%;
  margin: 0 !important;
  position: relative;
  overflow: visible !important;
}

body.cc-page .command-lower-grid::before,
body.cc-page .command-lower-grid::after {
  display: none !important;
}

body.cc-page .command-lower-grid > * {
  min-width: 0;
}

body.cc-page .command-lower-grid .cc-revenue-card {
  opacity: 0.92;
}

body.cc-page .command-lower-grid .cc-route-line {
  grid-column: 1 / -1 !important;
  justify-content: center;
  margin: 0 !important;
  text-align: center;
  color: rgba(223, 239, 252, 0.82);
}

body.cc-page.brand-wash-active .cc-preview-window,
body.cc-page .cc-preview-window.brand-wash-active,
body.cc-page.brand-wash-active .cc-morph-identity-stage,
body.cc-page .cc-morph-identity-stage.brand-wash-active {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(0, 0, 0, 0.26) !important;
}

body.cc-page.brand-wash-active .cc-morph-wash.has-client-wash {
  opacity: 0.13 !important;
  filter: blur(8px) saturate(0.9);
}

body.cc-page.brand-wash-active .opportunity-brief-panel,
body.cc-page.brand-wash-active .buyer-motivation-panel,
body.cc-page.brand-wash-active .cc-process-card.state-active {
  border-color: rgba(255, 255, 255, 0.08);
}

body.cc-page.brand-wash-active #cc-signal-chip-brand,
body.cc-page.brand-wash-active #live-theme-chip,
body.cc-page.signal-brand-active #cc-signal-chip-brand {
  color: rgba(235, 247, 255, 0.9);
  border-color: rgba(86, 230, 218, 0.32);
  background: rgba(4, 14, 24, 0.72);
  box-shadow: none;
}

body.cc-page .cc-identity-preserved,
body.cc-page .cc-identity-preserved[hidden],
body.cc-page .row2-signals-card {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

@media (max-width: 1180px) {
  body.cc-page .command-cockpit-grid {
    grid-template-columns: minmax(320px, 0.44fr) minmax(0, 0.56fr) !important;
    gap: 22px !important;
  }

  body.cc-page .cc-board-tier .cc-processing-board {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .cc-cockpit-body .container {
    width: min(100% - 24px, 920px);
    gap: 22px;
  }

  body.cc-page .command-cockpit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "cqa"
      "preview" !important;
  }

  body.cc-page .cc-cqa-col {
    position: relative !important;
    top: auto !important;
  }

  body.cc-page .cc-cqa-panel {
    max-height: none !important;
    overflow: visible !important;
  }

  body.cc-page .cc-cqa-stream {
    max-height: 260px;
  }

  body.cc-page .cc-board-tier .cc-processing-board {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.cc-page .command-secondary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brief"
      "motivation"
      "walk" !important;
    gap: 18px !important;
  }

  body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.cc-page .command-lower-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-cockpit-body {
    padding-top: 18px;
  }

  body.cc-page .cc-cockpit-body .container {
    width: min(100% - 18px, 560px);
    gap: 16px;
  }

  body.cc-page .cc-board-tier,
  body.cc-page .cc-cqa-panel,
  body.cc-page .cc-preview-window,
  body.cc-page .cc-brief-preview,
  body.cc-page .cc-revenue-card,
  body.cc-page .cc-walkthrough-module,
  body.cc-page .cc-route-line {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.cc-page .cc-board-tier .cc-processing-board {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.cc-page .cc-board-tier .cc-stage-row {
    max-height: 72px;
    overflow: auto;
    scrollbar-width: none;
  }

  body.cc-page .cc-board-tier .cc-stage-row::-webkit-scrollbar {
    display: none;
  }

  body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.cc-page .cc-walkthrough-panel:not([hidden]) {
    place-items: start center !important;
    padding: 10px !important;
  }

  body.cc-page .cc-walkthrough-popout-card {
    width: 100%;
    max-height: calc(100vh - 20px);
  }
}

/* Prompt 5.2: scoped Command Preview formation stage and premium Command Core. */
body.cc-page .cc-preview-window {
  --client-accent: rgba(86, 230, 218, 0.62);
  --client-accent-2: rgba(255, 141, 86, 0.38);
  --client-fill-start: rgba(247, 252, 255, 0.98);
  --client-fill-mid: rgba(86, 230, 218, 0.86);
  --client-fill-end: rgba(255, 141, 86, 0.70);
  --client-core-glow: rgba(86, 230, 218, 0.22);
  --client-soft-wash: rgba(86, 230, 218, 0.08);
}

body.cc-page .cc-preview-window::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.11;
  background:
    radial-gradient(circle at 78% 34%, var(--client-accent), transparent 26%),
    radial-gradient(circle at 24% 88%, var(--client-accent-2), transparent 24%);
}

body.cc-page .cc-morph-identity-stage {
  grid-template-areas:
    "hero core"
    "signals signals"
    "floor floor";
  min-height: clamp(430px, 42vw, 560px);
  align-content: stretch;
}

body.cc-page .cc-morph-title,
body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip,
body.cc-page .cc-morph-status {
  background:
    linear-gradient(100deg, var(--client-fill-start) 0%, var(--client-fill-mid) 42%, var(--client-fill-end) 72%, var(--client-fill-start) 100%);
  background-size: 230% 100%;
  -webkit-background-clip: text;
  background-clip: text;
}

body.cc-page .cc-morph-title.liquid-fill-reveal,
body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip {
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: ccLiquidTextFill 1050ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip {
  text-shadow: 0 0 22px rgba(86, 230, 218, 0.10);
}

body.cc-page .cc-command-core {
  --core-pull-x: 0px;
  --core-pull-y: 0px;
  position: relative;
  min-height: clamp(184px, 20vw, 250px);
  align-content: center;
  gap: 8px;
  overflow: hidden;
  border-color: rgba(86, 230, 218, 0.24);
  background:
    radial-gradient(circle at 50% 44%, var(--client-soft-wash), transparent 46%),
    radial-gradient(circle at 50% 48%, rgba(86, 230, 218, 0.13), transparent 44%),
    rgba(0, 0, 0, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 34px rgba(86, 230, 218, 0.07),
    0 0 30px var(--client-core-glow);
}

body.cc-page .cc-command-core::after {
  content: "";
  position: absolute;
  inset: 12px;
  pointer-events: none;
  border-radius: 19px;
  opacity: 0.42;
  background:
    linear-gradient(110deg, transparent 0 30%, rgba(86, 230, 218, 0.14) 34%, transparent 38% 62%, rgba(255, 141, 86, 0.12) 66%, transparent 70%),
    radial-gradient(circle at 52% 54%, var(--client-accent), transparent 46%);
  filter: blur(8px);
}

body.cc-page .cc-command-core__orb {
  width: min(150px, 34vw);
  transform: translate3d(var(--core-pull-x), var(--core-pull-y), 0) rotateX(58deg) rotateZ(-18deg);
  transition: transform 260ms ease, filter 260ms ease;
  animation: ccCommandCoreBreathe 6.8s ease-in-out infinite;
  z-index: 1;
}

body.cc-page .cc-command-core.cc-core-magnetic .cc-command-core__orb {
  filter: drop-shadow(0 0 18px rgba(86, 230, 218, 0.34)) drop-shadow(0 0 20px var(--client-core-glow));
}

body.cc-page .cc-command-core__orb::before {
  background:
    radial-gradient(circle, rgba(247, 252, 255, 0.98), rgba(86, 230, 218, 0.54) 42%, var(--client-accent) 62%, transparent 76%);
  box-shadow:
    0 0 40px rgba(86, 230, 218, 0.44),
    0 0 58px rgba(255, 141, 86, 0.20),
    0 0 34px var(--client-core-glow);
}

body.cc-page .cc-command-core__ring {
  border-color: rgba(86, 230, 218, 0.48);
}

body.cc-page .cc-command-core__ring-two {
  border-color: rgba(255, 141, 86, 0.42);
}

body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__ring-three {
  animation: ccCoreAnswerPulse 720ms ease-out;
}

body.cc-page .cc-orb-action-chip {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid rgba(86, 230, 218, 0.26);
  border-radius: 999px;
  color: rgba(235, 247, 255, 0.90);
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.10), rgba(255, 141, 86, 0.08)),
    rgba(4, 14, 24, 0.72);
  font: 800 0.72rem/1.1 var(--font-tech);
  letter-spacing: 0.04em;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.cc-page .cc-orb-action-chip:hover,
body.cc-page .cc-orb-action-chip:focus-visible {
  border-color: rgba(86, 230, 218, 0.52);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(86, 230, 218, 0.16);
  outline: none;
}

body.cc-page .cc-formation-floor {
  grid-area: floor;
  display: grid;
  gap: 10px;
  align-self: end;
  min-width: 0;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(3, 12, 22, 0.54);
}

body.cc-page .cc-formation-rail {
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

body.cc-page .cc-formation-rail i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(86, 230, 218, 0.16), rgba(86, 230, 218, 0.86), rgba(255, 141, 86, 0.58), var(--client-accent));
  box-shadow: 0 0 18px rgba(86, 230, 218, 0.24);
  animation: ccFormationRail 4.8s ease-in-out infinite;
}

body.cc-page .cc-formation-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.cc-page .cc-formation-items span {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: rgba(216, 235, 248, 0.78);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.7rem;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.cc-page .cc-preview-window.brand-wash-active .cc-formation-items span:nth-child(3),
body.cc-page .cc-morph-identity-stage.brand-wash-active .cc-formation-items span:nth-child(3) {
  border-color: rgba(86, 230, 218, 0.26);
  color: rgba(245, 251, 255, 0.92);
  box-shadow: inset 0 0 18px var(--client-soft-wash);
}

@keyframes ccLiquidTextFill {
  0% {
    background-position: 140% 50%;
    filter: blur(2px);
    opacity: 0.72;
  }
  55% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    background-position: 0% 50%;
    filter: blur(0);
    opacity: 1;
  }
}

@keyframes ccCommandCoreBreathe {
  0%, 100% {
    transform: translate3d(var(--core-pull-x), var(--core-pull-y), 0) rotateX(58deg) rotateZ(-18deg) scale(1);
  }
  50% {
    transform: translate3d(var(--core-pull-x), calc(var(--core-pull-y) - 2px), 0) rotateX(60deg) rotateZ(-10deg) scale(1.018);
  }
}

@keyframes ccCoreAnswerPulse {
  0% {
    transform: rotateY(54deg) scale(0.92);
    opacity: 0.84;
    box-shadow: 0 0 0 rgba(86, 230, 218, 0);
  }
  45% {
    transform: rotateY(54deg) scale(1.14);
    opacity: 1;
    box-shadow: 0 0 34px rgba(86, 230, 218, 0.42);
  }
  100% {
    transform: rotateY(54deg) scale(1);
    opacity: 0.9;
    box-shadow: 0 0 16px rgba(86, 230, 218, 0.12);
  }
}

@keyframes ccFormationRail {
  0%, 100% { transform: translateX(0); opacity: 0.66; }
  50% { transform: translateX(138%); opacity: 0.94; }
}

@media (max-width: 980px) {
  body.cc-page .cc-morph-identity-stage {
    min-height: 0;
  }

  body.cc-page .cc-formation-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-command-core {
    min-height: 152px;
  }

  body.cc-page .cc-command-core__orb {
    width: min(118px, 42vw);
  }

  body.cc-page .cc-formation-items {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (hover: none), (pointer: coarse) {
  body.cc-page .cc-command-core__orb {
    transform: rotateX(58deg) rotateZ(-18deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-morph-title.liquid-fill-reveal,
  body.cc-page .cc-morph-project-dock,
  body.cc-page .cc-morph-idea-chip,
  body.cc-page .cc-command-core__orb,
  body.cc-page .cc-formation-rail i,
  body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__ring-three {
    animation: none !important;
    transition: none !important;
    filter: none !important;
  }

  body.cc-page .cc-morph-title,
  body.cc-page .cc-morph-project-dock,
  body.cc-page .cc-morph-idea-chip {
    color: rgba(247, 252, 255, 0.96);
    -webkit-text-fill-color: currentColor;
    background: none;
  }
}

/* Prompt 5.3 + Prompt 6: controlled color energy, mobile hardening, reduced motion safety. */
body.cc-page .cc-preview-window {
  background:
    radial-gradient(circle at 72% 28%, rgba(86, 230, 218, 0.16), transparent 32%),
    radial-gradient(circle at 12% 84%, rgba(255, 141, 86, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.028)),
    rgba(5, 15, 27, 0.80) !important;
}

body.cc-page .cc-preview-window.brand-wash-active,
body.cc-page .cc-preview-window.signal-brand-active {
  border-color: rgba(86, 230, 218, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.095),
    inset 0 0 0 1px rgba(86, 230, 218, 0.045),
    0 18px 44px rgba(0, 0, 0, 0.26),
    0 0 34px var(--client-core-glow) !important;
}

body.cc-page .cc-preview-window::after {
  opacity: 0.16;
  background:
    radial-gradient(circle at 78% 34%, var(--client-accent), transparent 29%),
    radial-gradient(circle at 24% 88%, var(--client-accent-2), transparent 28%);
}

body.cc-page .cc-preview-window.brand-wash-active::after,
body.cc-page .cc-preview-window.signal-brand-active::after {
  opacity: 0.21;
}

body.cc-page .cc-preview-window > *:not(.cc-preview-energy-field) {
  position: relative;
  z-index: 1;
}

body.cc-page .cc-preview-energy-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0.78;
}

body.cc-page .cc-energy-streak {
  --streak-angle: -16deg;
  position: absolute;
  left: -32%;
  top: 18%;
  width: min(260px, 42vw);
  height: 2px;
  border-radius: 999px;
  opacity: 0;
  transform: translate3d(-26%, 0, 0) rotate(-16deg);
  background:
    linear-gradient(90deg, transparent, rgba(86, 230, 218, 0.12), rgba(86, 230, 218, 0.72), var(--client-accent), transparent);
  filter: blur(0.2px);
  box-shadow:
    0 0 10px rgba(86, 230, 218, 0.22),
    0 0 18px var(--client-core-glow);
  animation: ccPreviewEnergyStreak 18s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

body.cc-page .cc-energy-streak-two {
  --streak-angle: 12deg;
  top: 58%;
  width: min(210px, 38vw);
  transform: translate3d(-26%, 0, 0) rotate(12deg);
  background:
    linear-gradient(90deg, transparent, rgba(255, 141, 86, 0.10), rgba(255, 141, 86, 0.58), var(--client-accent-2), transparent);
  animation-delay: 6s;
}

body.cc-page .cc-energy-streak-three {
  --streak-angle: -8deg;
  top: 78%;
  width: min(180px, 34vw);
  transform: translate3d(-26%, 0, 0) rotate(-8deg);
  animation-delay: 12s;
}

body.cc-page .cc-morph-identity-stage {
  background:
    radial-gradient(circle at 74% 24%, var(--client-soft-wash), transparent 32%),
    radial-gradient(circle at 18% 78%, rgba(86, 230, 218, 0.14), transparent 30%),
    radial-gradient(circle at 88% 88%, rgba(255, 141, 86, 0.10), transparent 30%),
    rgba(4, 13, 24, 0.84) !important;
}

body.cc-page .cc-command-core {
  border-color: rgba(86, 230, 218, 0.30);
  background:
    radial-gradient(circle at 50% 44%, var(--client-soft-wash), transparent 48%),
    radial-gradient(circle at 50% 52%, var(--client-accent), transparent 52%),
    radial-gradient(circle at 50% 48%, rgba(86, 230, 218, 0.15), transparent 44%),
    rgba(0, 0, 0, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 0 38px rgba(86, 230, 218, 0.08),
    0 0 36px var(--client-core-glow);
}

body.cc-page .cc-command-core__orb::before {
  box-shadow:
    0 0 46px rgba(86, 230, 218, 0.48),
    0 0 64px rgba(255, 141, 86, 0.20),
    0 0 42px var(--client-core-glow);
}

body.cc-page .cc-formation-rail {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.055), rgba(86, 230, 218, 0.075), rgba(255,255,255,0.055));
}

body.cc-page .cc-preview-window.brand-wash-active .cc-formation-rail i,
body.cc-page .cc-morph-identity-stage.brand-wash-active .cc-formation-rail i {
  background:
    linear-gradient(90deg, rgba(86, 230, 218, 0.22), rgba(86, 230, 218, 0.92), rgba(255, 141, 86, 0.62), var(--client-accent), var(--client-accent-2));
  box-shadow:
    0 0 18px rgba(86, 230, 218, 0.26),
    0 0 20px var(--client-core-glow);
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="pending"] .cc-formation-rail i {
  width: 18%;
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="reading"] .cc-formation-rail i {
  width: 32%;
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="forming"] .cc-formation-rail i {
  width: 48%;
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="detected"] .cc-formation-rail i {
  width: 64%;
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="organized"] .cc-formation-rail i {
  width: 78%;
}

body.cc-page .cc-morph-identity-stage[data-signal-progression="review-prep"] .cc-formation-rail i {
  width: 94%;
  opacity: 0.86;
}

body.cc-page .cc-command-core[data-signal-progression="detected"],
body.cc-page .cc-command-core[data-signal-progression="organized"],
body.cc-page .cc-command-core[data-signal-progression="review-prep"] {
  border-color: var(--client-accent);
}

body.cc-page .cc-command-core[data-signal-progression="organized"] .cc-command-core__ring-three,
body.cc-page .cc-command-core[data-signal-progression="review-prep"] .cc-command-core__ring-three {
  opacity: 0.72;
  filter: drop-shadow(0 0 10px var(--client-core-glow));
}

body.cc-page .cc-command-core[data-signal-progression="review-prep"] .cc-command-core__orb::before {
  opacity: 0.88;
}

body.cc-page .cc-morph-signal-chip#cc-signal-chip-brand.is-active {
  border-color: rgba(86, 230, 218, 0.38);
  box-shadow:
    inset 0 0 16px var(--client-soft-wash),
    0 0 16px var(--client-core-glow);
}

body.cc-page .cc-cqa-panel,
body.cc-page .cc-board-tier,
body.cc-page .command-secondary-grid,
body.cc-page .command-lower-grid {
  max-width: 100%;
}

@keyframes ccPreviewEnergyStreak {
  0%, 17%, 100% {
    opacity: 0;
    transform: translate3d(-34%, 0, 0) rotate(var(--streak-angle, -14deg));
  }
  2% {
    opacity: 0;
  }
  5% {
    opacity: 0.62;
  }
  9% {
    opacity: 0.34;
  }
  14% {
    opacity: 0;
    transform: translate3d(168%, -18px, 0) rotate(var(--streak-angle, -14deg));
  }
}

@media (max-width: 980px) {
  body.cc-page .cc-preview-window::after {
    opacity: 0.13;
  }

  body.cc-page .cc-preview-window.brand-wash-active::after,
  body.cc-page .cc-preview-window.signal-brand-active::after {
    opacity: 0.16;
  }

  body.cc-page .cc-energy-streak {
    opacity: 0;
    animation-duration: 24s;
  }

  body.cc-page .cc-morph-title {
    font-size: clamp(1.42rem, 6vw, 2rem);
  }
}

@media (max-width: 640px) {
  html,
  body.cc-page {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.cc-page .cc-header .nav-wrap,
  body.cc-page .cc-cockpit-title-row,
  body.cc-page .cc-preview-window-head,
  body.cc-page .chip-row,
  body.cc-page .cc-cqa-actions,
  body.cc-page .cqa-inline-actions,
  body.cc-page .cc-route-line {
    min-width: 0;
    max-width: 100%;
  }

  body.cc-page .cc-header .nav-wrap,
  body.cc-page .cc-cockpit-title-row,
  body.cc-page .cc-preview-window-head {
    gap: 10px;
  }

  body.cc-page .cc-preview-energy-field,
  body.cc-page .cc-energy-streak {
    display: none !important;
  }

  body.cc-page .cc-preview-window::after {
    opacity: 0.10;
  }

  body.cc-page .cc-morph-identity-stage {
    padding: 12px;
    gap: 10px;
  }

  body.cc-page .cc-orb-action-chip {
    width: 100%;
    min-height: 38px;
  }

  body.cc-page .cc-formation-floor {
    padding: 10px;
  }

  body.cc-page .cc-route-line {
    justify-content: flex-start;
    font-size: 0.66rem;
    line-height: 1.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-preview-energy-field,
  body.cc-page .cc-energy-streak {
    display: none !important;
    animation: none !important;
  }

  body.cc-page .cc-preview-window::after {
    opacity: 0.12;
  }

  body.cc-page .cc-command-core,
  body.cc-page .cc-command-core__orb,
  body.cc-page .cc-command-core__orb::before,
  body.cc-page .cc-command-core__orb::after,
  body.cc-page .cc-orb-action-chip {
    transition: none !important;
  }
}

/*
  PROMPT 11/12B CQA / COMMAND CENTER INFRA GUARDS
  Stronger reduced-motion protection plus logical-direction safety for future RTL.
*/
.cqa-global-shell {
  right: auto;
  inset-inline-end: 16px;
}

.cqa-global-launcher-meta,
.cqa-bubble,
.cqa-global-panel,
.cqa-global-summary,
body.cc-page .cc-process-card,
body.cc-page .cc-board-card,
body.cc-page .cc-brief-card,
body.cc-page .cc-motive-card {
  text-align: start;
}

.cqa-global-stream,
.lead-list {
  padding-right: 0;
  padding-inline-end: 4px;
}

.cqa-global-consent,
.cqa-global-summary .mini-points,
body.cc-page .mini-points {
  padding-left: 0;
  padding-inline-start: 18px;
}

@media (max-width: 640px) {
  .cqa-global-shell {
    left: auto;
    right: auto;
    inset-inline: 8px;
  }
}

/* C2.4: homepage bridge popup cleanup only. */
.cqa-global-panel[data-homepage-bridge="true"] {
  max-height: min(78vh, 680px);
  gap: 8px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-intro[hidden],
.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-reassure[hidden],
.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-status[hidden] {
  display: none !important;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-toolbar {
  padding: 6px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-stream {
  min-height: 142px;
  max-height: 196px;
  padding: 8px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-helper {
  padding: 8px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-input-row {
  padding: 6px;
  gap: 7px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-input-row textarea {
  min-height: 82px;
  resize: none;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-send {
  min-height: 54px;
  padding-inline: 15px;
}

.cqa-global-panel[data-homepage-bridge="true"] .cqa-global-cta-row {
  margin-top: 0;
}

@media (max-width: 640px) {
  .cqa-global-panel[data-homepage-bridge="true"] {
    max-height: calc(100dvh - 92px);
    gap: 7px;
  }

  .cqa-global-panel[data-homepage-bridge="true"] .cqa-global-stream {
    min-height: 118px;
    max-height: 168px;
  }

  .cqa-global-panel[data-homepage-bridge="true"] .cqa-global-input-row {
    grid-template-columns: 1fr auto auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cqa-global-shell *,
  .cqa-global-shell *::before,
  .cqa-global-shell *::after,
  body.cc-page *,
  body.cc-page *::before,
  body.cc-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .cqa-global-launcher,
  .cqa-global-launcher.pulse,
  .cqa-bubble,
  .cc-morph-dynamic-title,
  .cc-morph-title-word,
  .cc-morph-title-glyph,
  .cc-command-core,
  .cc-command-core__ring,
  .cc-command-core__orb,
  .cc-energy-streak,
  .cc-preview-energy-field,
  .cc-project-dock::after,
  .cc-formation-rail,
  .cc-orb-action-chip,
  .pulse-once,
  .brand-wash-active,
  .signal-brand-active {
    animation: none !important;
  }

  .cqa-global-launcher:hover,
  .cqa-global-send:hover,
  .cqa-global-back:hover,
  .cqa-global-skip:hover,
  body.cc-page .cc-process-card:hover,
  body.cc-page .cc-board-card:hover,
  body.cc-page .cc-orb-action-chip:hover {
    transform: none !important;
  }

  body.cc-page .cc-command-core {
    transform: rotateX(58deg) rotateZ(-18deg) !important;
  }

  body.cc-page .cc-preview-energy-field,
  body.cc-page .cc-energy-streak {
    display: none !important;
  }
}

/* Quality Burn 01: unify the Command Center into one lighter command surface. */
body.cc-page {
  color-scheme: dark;
  --cc-theme-page: #081320;
  --cc-theme-surface: rgba(8, 20, 34, 0.74);
  --cc-theme-surface-strong: rgba(10, 25, 42, 0.82);
  --cc-theme-line: rgba(126, 222, 232, 0.18);
  --cc-theme-text: rgba(247, 252, 255, 0.96);
  --cc-theme-muted: rgba(203, 224, 240, 0.76);
  --cc-theme-pearl: rgba(255, 255, 255, 0.078);
}

body.cc-page.theme-light-command,
body.cc-page[data-command-theme="light"] {
  color-scheme: light;
  --cc-theme-page: #e8eef4;
  --cc-theme-surface: rgba(244, 250, 252, 0.72);
  --cc-theme-surface-strong: rgba(232, 242, 247, 0.82);
  --cc-theme-line: rgba(22, 125, 137, 0.20);
  --cc-theme-text: rgba(12, 25, 38, 0.94);
  --cc-theme-muted: rgba(42, 64, 82, 0.78);
  --cc-theme-pearl: rgba(255, 255, 255, 0.66);
  background:
    radial-gradient(circle at 18% 4%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(255, 141, 86, 0.14), transparent 32%),
    linear-gradient(180deg, #f2f6f8 0%, #dde7ee 100%);
}

body.cc-page .cc-cockpit-body {
  background:
    radial-gradient(circle at 15% 0%, rgba(86, 230, 218, 0.15), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(255, 141, 86, 0.13), transparent 30%),
    linear-gradient(180deg, rgba(10, 24, 40, 0.72), rgba(5, 12, 22, 0.92));
}

body.cc-page.theme-light-command .cc-cockpit-body,
body.cc-page[data-command-theme="light"] .cc-cockpit-body {
  background:
    radial-gradient(circle at 14% 0%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 92% 3%, rgba(255, 141, 86, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(244, 249, 252, 0.9), rgba(224, 234, 241, 0.94));
}

body.cc-page .cc-cockpit-body .container {
  gap: 18px;
}

body.cc-page .command-cockpit-grid {
  grid-template-columns: minmax(360px, 0.42fr) minmax(0, 0.58fr) !important;
  gap: 18px !important;
}

body.cc-page .cc-unified-command-surface {
  position: relative;
  display: grid !important;
  gap: 10px !important;
  padding: clamp(12px, 1.4vw, 18px);
  border: 1px solid rgba(86, 230, 218, 0.20);
  border-radius: 30px;
  background:
    radial-gradient(circle at 16% 0%, rgba(86, 230, 218, 0.12), transparent 34%),
    radial-gradient(circle at 94% 10%, rgba(255, 141, 86, 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    var(--cc-theme-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 58px rgba(0, 0, 0, 0.30);
  overflow: hidden;
}

body.cc-page .cc-unified-command-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0.34;
  background:
    linear-gradient(120deg, transparent 0 24%, rgba(86, 230, 218, 0.11) 29%, transparent 35% 70%, rgba(255, 141, 86, 0.08) 76%, transparent 82%),
    radial-gradient(circle at 76% 28%, var(--client-soft-wash), transparent 34%);
}

body.cc-page .cc-unified-command-surface > * {
  position: relative;
  z-index: 1;
}

body.cc-page .cc-unified-command-surface.brand-wash-active,
body.cc-page .cc-unified-command-surface.signal-brand-active {
  border-color: var(--client-wash-rim) !important;
  background:
    radial-gradient(circle at 18% 0%, var(--client-wash-primary), transparent 33%),
    radial-gradient(circle at 96% 10%, var(--client-wash-secondary), transparent 31%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    var(--cc-theme-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 22px 58px rgba(0, 0, 0, 0.30),
    0 0 44px var(--client-wash-glow) !important;
}

body.cc-page .cc-unified-command-surface.brand-wash-active::before {
  opacity: 0.58;
  background:
    radial-gradient(circle at 26% 16%, var(--client-wash-primary), transparent 30%),
    radial-gradient(circle at 72% 18%, var(--client-wash-secondary), transparent 31%),
    linear-gradient(115deg, transparent 0 22%, var(--client-wash-soft) 29%, transparent 38% 68%, rgba(86, 230, 218, 0.10) 74%, transparent 84%);
}

body.cc-page .cc-unified-command-surface .cc-preview-window,
body.cc-page .cc-unified-command-surface .cc-board-tier,
body.cc-page .cc-unified-command-surface .cc-brief-preview,
body.cc-page .cc-unified-command-surface .cc-revenue-card,
body.cc-page .cc-unified-command-surface .cc-route-line {
  border-color: var(--cc-theme-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(4, 13, 24, 0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 14px 28px rgba(0, 0, 0, 0.17) !important;
}

body.cc-page .cc-unified-command-surface.brand-wash-active .cc-preview-window,
body.cc-page .cc-unified-command-surface.brand-wash-active .cc-board-tier,
body.cc-page .cc-unified-command-surface.brand-wash-active .cc-brief-preview,
body.cc-page .cc-unified-command-surface.brand-wash-active .cc-route-line {
  border-color: color-mix(in srgb, var(--client-wash-rim) 78%, rgba(255,255,255,0.12)) !important;
}

body.cc-page .cc-preview-window {
  padding: clamp(13px, 1.5vw, 18px) !important;
}

body.cc-page .cc-preview-window-head h3,
body.cc-page .cc-board-tier-head h2,
body.cc-page .cc-brief-preview h4,
body.cc-page .cc-revenue-card h4 {
  color: var(--cc-theme-text);
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.cc-page .cc-preview-window-head h3 {
  font-size: clamp(1rem, 1.2vw, 1.22rem);
}

body.cc-page .cc-overline,
body.cc-page .cc-processing-label,
body.cc-page .cc-morph-dock-label {
  letter-spacing: 0.16em;
  color: rgba(98, 236, 225, 0.94);
}

body.cc-page .cc-morph-title {
  color: #f8fcff;
  font-size: clamp(1.72rem, 2.4vw, 2.55rem);
  line-height: 0.96;
  letter-spacing: -0.052em;
  text-shadow: 0 0 24px rgba(86, 230, 218, 0.15);
}

body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip {
  border-color: rgba(86, 230, 218, 0.22);
  color: rgba(239, 249, 255, 0.94);
  font-weight: 800;
}

body.cc-page .cc-morph-idea-chip {
  font-size: clamp(0.82rem, 0.9vw, 0.96rem);
}

body.cc-page .cc-morph-signal-chip,
body.cc-page .chip-row .chip,
body.cc-page .cc-process-chip,
body.cc-page .cc-route-line span {
  font-weight: 850;
  letter-spacing: 0.015em;
}

body.cc-page .cc-board-tier {
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 22px !important;
}

body.cc-page .cc-board-tier-head {
  align-items: center !important;
  gap: 8px !important;
}

body.cc-page .cc-board-tier-head h2 {
  font-size: clamp(0.98rem, 1.15vw, 1.24rem) !important;
}

body.cc-page .cc-board-tier-head .microcopy {
  flex: 1 1 240px;
  color: var(--cc-theme-muted);
  font-size: 0.82rem;
}

body.cc-page .cc-board-tier .cc-processing-label {
  display: none !important;
}

body.cc-page .cc-board-tier .cc-stage-row {
  gap: 5px !important;
  padding: 0 !important;
}

body.cc-page .cc-board-tier .cc-stage-row span {
  padding: 5px 8px !important;
  font-size: 0.62rem !important;
}

body.cc-page .cc-board-tier .cc-processing-board {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  gap: 7px !important;
}

body.cc-page .cc-board-tier .cc-process-card {
  min-height: 0 !important;
  padding: 9px !important;
  border-radius: 14px !important;
}

body.cc-page .cc-board-tier .cc-process-card.state-pending {
  display: none !important;
}

body.cc-page .cc-board-tier .cc-process-card h5 {
  margin-bottom: 5px;
  font-size: 0.66rem !important;
  letter-spacing: 0.04em;
}

body.cc-page .cc-board-tier .cc-process-detail {
  display: -webkit-box;
  margin-top: 5px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: rgba(225, 240, 252, 0.82);
  font-size: 0.72rem;
  line-height: 1.25;
}

body.cc-page .command-secondary-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) !important;
  grid-template-areas: "brief motivation" !important;
  gap: 10px !important;
  border-bottom: 0 !important;
}

body.cc-page .command-secondary-grid::after,
body.cc-page .command-lower-grid::before,
body.cc-page .command-lower-grid::after {
  display: none !important;
}

body.cc-page .command-secondary-grid > .cc-secondary-walkthrough {
  display: none !important;
}

body.cc-page .opportunity-brief-panel,
body.cc-page .buyer-motivation-panel,
body.cc-page .follow-up-lane-panel {
  padding: 10px !important;
  border-radius: 18px !important;
}

body.cc-page .buyer-motivation-panel .microcopy,
body.cc-page .intel-orb-shell {
  display: none !important;
}

body.cc-page .mini-points {
  display: grid;
  gap: 5px;
}

body.cc-page .mini-points li {
  padding: 6px 8px !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  color: rgba(225, 240, 252, 0.84);
  font-size: 0.74rem !important;
  line-height: 1.26 !important;
}

body.cc-page .command-lower-grid {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

body.cc-page #revenue-view-card {
  display: none !important;
}

body.cc-page .command-lower-grid .cc-route-line {
  grid-column: auto !important;
  justify-content: center;
  align-content: center;
  min-height: 100%;
  padding: 10px !important;
}

body.cc-page .cc-command-core.cc-core-answer-pulse {
  border-color: var(--client-wash-rim);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 44px var(--client-wash-soft),
    0 0 46px var(--client-wash-glow),
    0 0 28px rgba(86, 230, 218, 0.18) !important;
}

/* Consultative brief-first handoff: identity gate -> visible brief -> optional routing details. */
.cc-qa-mode-badge {
  margin: 0 0 12px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 179, 109, 0.34);
  border-radius: 999px;
  color: #ffe2bf;
  background: rgba(255, 141, 86, 0.1);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cc-brief-modal.is-review-ready #cc-brief-gate-view,
.cc-brief-modal #cc-brief-reveal-view {
  position: relative;
  transform-style: preserve-3d;
}

.cc-brief-modal.is-review-ready #cc-brief-gate-view::before,
.cc-brief-modal #cc-brief-reveal-view::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(86, 230, 218, 0.06), transparent 38%),
    radial-gradient(circle at 86% 10%, rgba(255, 141, 86, 0.08), transparent 32%);
  transform: translateZ(-1px);
}

.cc-post-brief-details {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgba(86, 230, 218, 0.2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(86, 230, 218, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(7, 19, 35, 0.82), rgba(4, 11, 22, 0.9));
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cc-post-brief-details h3 {
  margin: 0 0 8px;
  color: #f7fbff;
}

.cc-post-brief-details .cc-handoff-submit {
  margin-top: 16px;
}

#btn-defer-pickup {
  margin-top: 10px;
  max-width: 100%;
  white-space: normal;
}

#cc-review-submit-status {
  margin-top: 10px;
}

#cc-modal-brief-card {
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.34),
    0 0 34px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.14)) 52%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.cc-brief-modal #cc-command-feed-list li.is-active {
  transform: translateX(3px);
}

@media (max-width: 640px) {
  .cc-post-brief-details {
    padding: 15px;
  }

  .cc-post-brief-details .optional-copy-row {
    align-items: stretch;
  }

  #btn-defer-pickup,
  .cc-review-submit-panel .cc-handoff-submit {
    width: 100%;
  }

  .cc-brief-preparation-line {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-brief-modal #cc-command-feed-list li.is-active {
    transform: none;
  }
}

body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__ring-one,
body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__ring-two {
  filter: drop-shadow(0 0 14px var(--client-wash-glow));
}

body.cc-page .cc-process-card.pulse-once,
body.cc-page .cc-morph-signal-chip.is-active {
  animation: ccQualitySignalLand 620ms ease-out;
}

body.cc-page .cc-transfer-token.transferring {
  filter: drop-shadow(0 0 18px rgba(86, 230, 218, 0.36)) drop-shadow(0 0 14px var(--client-wash-glow));
}

@keyframes ccQualitySignalLand {
  0% {
    transform: translateY(2px) scale(0.985);
    box-shadow: 0 0 0 rgba(86, 230, 218, 0);
  }
  46% {
    transform: translateY(-1px) scale(1.015);
    box-shadow:
      0 0 0 1px rgba(86, 230, 218, 0.26),
      0 0 24px var(--client-wash-glow);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 1180px) {
  body.cc-page .command-cockpit-grid {
    grid-template-columns: minmax(320px, 0.43fr) minmax(0, 0.57fr) !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .command-cockpit-grid,
  body.cc-page .command-secondary-grid,
  body.cc-page .command-lower-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.cc-page .command-cockpit-grid {
    grid-template-areas:
      "cqa"
      "preview" !important;
  }

  body.cc-page .command-secondary-grid {
    grid-template-areas:
      "brief"
      "motivation" !important;
  }

  body.cc-page .cc-unified-command-surface {
    padding: 10px;
    border-radius: 24px;
  }

  body.cc-page .command-lower-grid .cc-route-line {
    grid-column: auto !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-cockpit-body .container {
    width: min(100% - 18px, 560px);
    gap: 12px;
  }

  body.cc-page .cc-unified-command-surface {
    padding: 9px;
    border-radius: 22px;
  }

  body.cc-page .cc-board-tier .cc-stage-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.cc-page .cc-board-tier .cc-stage-row::-webkit-scrollbar {
    display: none;
  }

  body.cc-page .cc-board-tier .cc-processing-board {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.cc-page .cc-morph-title {
    font-size: clamp(1.34rem, 8vw, 1.9rem);
  }

  body.cc-page .command-lower-grid .cc-route-line {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  body.cc-page .cc-board-tier .cc-processing-board {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-process-card.pulse-once,
  body.cc-page .cc-morph-signal-chip.is-active {
    animation: none !important;
  }

  body.cc-page .cc-command-core.cc-core-answer-pulse {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 0 24px var(--client-wash-glow) !important;
  }
}

/* Language state + client wash polish burn */
body.cc-page .cqa-language-confirm {
  border-color: rgba(86, 230, 218, 0.26);
  background:
    linear-gradient(135deg, rgba(8, 18, 28, 0.92), rgba(18, 28, 38, 0.82)),
    radial-gradient(circle at 14% 12%, rgba(86, 230, 218, 0.12), transparent 36%);
}

body.cc-page .cqa-language-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

body.cc-page .cqa-language-confirm-btn {
  min-height: 34px;
  border: 1px solid rgba(86, 230, 218, 0.42);
  border-radius: 999px;
  padding: 7px 12px;
  color: rgba(240, 252, 255, 0.96);
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.20), rgba(255, 141, 86, 0.12)),
    rgba(4, 12, 20, 0.74);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24), 0 0 18px rgba(86, 230, 218, 0.10);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

body.cc-page .cqa-language-confirm-btn.is-secondary {
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(219, 233, 244, 0.88);
  background: rgba(255, 255, 255, 0.055);
}

body.cc-page .cqa-language-confirm-btn:focus-visible {
  outline: 2px solid rgba(86, 230, 218, 0.86);
  outline-offset: 3px;
}

body.cc-page .cqa-language-confirm-btn:disabled {
  cursor: default;
  opacity: 0.62;
}

body.cc-page .cc-unified-command-surface.brand-wash-active {
  --brand-wash-arrival: color-mix(in srgb, var(--client-wash-rim) 62%, rgba(86, 230, 218, 0.38));
}

body.cc-page .cc-unified-command-surface.brand-wash-active .cc-morph-title::after,
body.cc-page .cc-unified-command-surface.brand-wash-active .cc-morph-subline::after {
  background: linear-gradient(90deg, transparent, var(--brand-wash-arrival), transparent);
}

/* Prompt 15C: client color intelligence enters as ownership energy, not a full repaint. */
body.cc-page.brand-wash-warm-luxury,
body.cc-page .brand-wash-warm-luxury {
  --client-wash-primary: rgba(255, 205, 132, 0.18);
  --client-wash-secondary: rgba(255, 164, 124, 0.15);
  --client-wash-rim: rgba(255, 211, 132, 0.42);
  --client-wash-glow: rgba(255, 181, 122, 0.18);
  --client-wash-soft: rgba(255, 205, 132, 0.075);
}

body.cc-page.brand-wash-black-gold,
body.cc-page .brand-wash-black-gold {
  --client-wash-primary: rgba(12, 14, 20, 0.34);
  --client-wash-secondary: rgba(255, 190, 92, 0.18);
  --client-wash-rim: rgba(255, 198, 96, 0.44);
  --client-wash-glow: rgba(255, 190, 92, 0.18);
  --client-wash-soft: rgba(255, 198, 96, 0.07);
}

body.cc-page.brand-wash-coastal-premium,
body.cc-page .brand-wash-coastal-premium {
  --client-wash-primary: rgba(58, 222, 216, 0.18);
  --client-wash-secondary: rgba(255, 224, 168, 0.11);
  --client-wash-rim: rgba(92, 231, 224, 0.40);
  --client-wash-glow: rgba(58, 222, 216, 0.16);
  --client-wash-soft: rgba(58, 222, 216, 0.07);
}

body.cc-page.brand-wash-high-trust,
body.cc-page .brand-wash-high-trust {
  --client-wash-primary: rgba(84, 148, 255, 0.18);
  --client-wash-secondary: rgba(86, 230, 218, 0.10);
  --client-wash-rim: rgba(126, 183, 255, 0.39);
  --client-wash-glow: rgba(84, 148, 255, 0.15);
  --client-wash-soft: rgba(84, 148, 255, 0.065);
}

body.cc-page.brand-wash-creator-energy,
body.cc-page .brand-wash-creator-energy {
  --client-wash-primary: rgba(255, 116, 108, 0.16);
  --client-wash-secondary: rgba(255, 141, 86, 0.15);
  --client-wash-rim: rgba(255, 132, 112, 0.36);
  --client-wash-glow: rgba(255, 112, 104, 0.14);
  --client-wash-soft: rgba(255, 112, 104, 0.06);
}

body.cc-page.brand-wash-corporate-clean,
body.cc-page .brand-wash-corporate-clean {
  --client-wash-primary: rgba(84, 128, 188, 0.17);
  --client-wash-secondary: rgba(230, 238, 246, 0.10);
  --client-wash-rim: rgba(158, 188, 224, 0.34);
  --client-wash-glow: rgba(84, 128, 188, 0.13);
  --client-wash-soft: rgba(230, 238, 246, 0.052);
}

body.cc-page.brand-wash-emerald-growth,
body.cc-page .brand-wash-emerald-growth {
  --client-wash-primary: rgba(44, 212, 152, 0.17);
  --client-wash-secondary: rgba(255, 205, 92, 0.11);
  --client-wash-rim: rgba(70, 224, 166, 0.36);
  --client-wash-glow: rgba(44, 212, 152, 0.14);
  --client-wash-soft: rgba(44, 212, 152, 0.065);
}

body.cc-page .command-core-brand-wash {
  border-color: color-mix(in srgb, var(--client-wash-rim) 82%, rgba(86, 230, 218, 0.22)) !important;
  background:
    radial-gradient(circle at 50% 42%, var(--client-wash-primary), transparent 45%),
    radial-gradient(circle at 82% 18%, var(--client-wash-secondary), transparent 32%),
    rgba(0, 0, 0, 0.20) !important;
  box-shadow:
    0 0 34px var(--client-wash-glow),
    inset 0 0 24px var(--client-wash-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
}

body.cc-page .command-core-brand-wash .cc-command-core__ring-one {
  border-color: color-mix(in srgb, var(--client-wash-rim) 76%, rgba(86, 230, 218, 0.42));
  box-shadow: 0 0 22px var(--client-wash-glow);
}

body.cc-page .command-core-brand-wash .cc-command-core__ring-two {
  border-color: color-mix(in srgb, var(--client-wash-rim) 68%, rgba(255, 141, 86, 0.36));
}

body.cc-page .command-core-brand-wash .cc-command-core__ring-three {
  border-color: rgba(255, 255, 255, 0.20);
  box-shadow:
    0 0 26px var(--client-wash-glow),
    inset 0 0 20px var(--client-wash-soft);
}

body.cc-page .command-core-client-accent .cc-command-core__dot-two {
  width: 11px;
  height: 11px;
  background: var(--client-wash-rim);
  box-shadow:
    0 0 18px var(--client-wash-rim),
    0 0 32px var(--client-wash-glow);
}

body.cc-page .command-core-client-accent .cc-command-core__orb::before {
  background:
    radial-gradient(circle, rgba(86, 230, 218, 0.90), var(--client-wash-rim) 48%, rgba(255, 141, 86, 0.20) 64%, transparent 76%);
  box-shadow:
    0 0 38px rgba(86, 230, 218, 0.34),
    0 0 58px var(--client-wash-glow);
}

body.cc-page .command-core-brand-arrival .cc-command-core__ring-one,
body.cc-page .command-core-brand-arrival .cc-command-core__ring-two {
  animation: ccBrandOwnershipRing 880ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

body.cc-page .command-core-brand-arrival .cc-command-core__dot-two {
  animation: ccBrandOwnershipNode 880ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes ccBrandOwnershipRing {
  0% {
    opacity: 0.42;
    filter: saturate(0.7);
    transform: scale(0.96);
  }
  52% {
    opacity: 1;
    filter: saturate(1.18);
    transform: scale(1.045);
  }
  100% {
    opacity: 1;
    filter: saturate(1);
    transform: scale(1);
  }
}

@keyframes ccBrandOwnershipNode {
  0% {
    opacity: 0.35;
    transform: scale(0.78);
  }
  58% {
    opacity: 1;
    transform: scale(1.22);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

body.cc-page .cc-morph-project-dock.brand-wash-active,
body.cc-page.brand-wash-active .cc-morph-project-dock {
  border-color: color-mix(in srgb, var(--client-wash-rim) 78%, rgba(86, 230, 218, 0.20));
  background:
    linear-gradient(90deg, var(--client-wash-soft), rgba(5, 16, 28, 0.62)),
    rgba(5, 16, 28, 0.62);
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.28),
    0 0 24px var(--client-wash-glow),
    inset 0 -2px 0 color-mix(in srgb, var(--client-wash-rim) 64%, transparent);
}

body.cc-page .cc-morph-signal-chip.brand-wash-active,
body.cc-page.brand-wash-active #cc-signal-chip-brand,
body.cc-page .cc-process-card.brand-wash-active,
body.cc-page .cc-route-line.brand-wash-active,
body.cc-page .cc-revenue-card.brand-wash-active {
  border-color: color-mix(in srgb, var(--client-wash-rim) 72%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow:
    0 0 22px var(--client-wash-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.cc-page .cc-morph-signal-chip.brand-wash-active::after,
body.cc-page.brand-wash-active #cc-signal-chip-brand::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.62), var(--client-wash-rim), rgba(255, 141, 86, 0.40));
}

body.cc-page.brand-wash-active .opportunity-brief-panel li:nth-child(4),
body.cc-page .opportunity-brief-panel.brand-wash-active li:nth-child(4),
body.cc-page.brand-wash-active #live-theme-chip,
body.cc-page .brand-wash-active#live-theme-chip {
  color: var(--client-wash-text-safe);
  text-shadow: 0 0 16px var(--client-wash-glow);
}

body.cc-page.brand-wash-active .cc-route-line {
  background:
    linear-gradient(90deg, var(--client-wash-soft), rgba(86, 230, 218, 0.08), rgba(255, 141, 86, 0.08)),
    rgba(5, 16, 28, 0.56);
}

@media (max-width: 480px) {
  body.cc-page .command-core-brand-wash {
    box-shadow:
      0 0 22px var(--client-wash-glow),
      inset 0 0 18px var(--client-wash-soft) !important;
  }

  body.cc-page .cc-morph-project-dock.brand-wash-active,
  body.cc-page.brand-wash-active .cc-morph-project-dock {
    box-shadow:
      0 8px 18px rgba(0, 0, 0, 0.24),
      0 0 16px var(--client-wash-glow);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .command-core-brand-arrival .cc-command-core__ring-one,
  body.cc-page .command-core-brand-arrival .cc-command-core__ring-two,
  body.cc-page .command-core-brand-arrival .cc-command-core__dot-two {
    animation: none !important;
  }
}

/* Prompt 15F: compressed Command Center CQA entry, identity preserved. */
body.cc-page .cc-cqa-panel,
body.cc-page .cc-cqa-col .cc-cqa-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "head"
    "mode"
    "input"
    "stream"
    "progress" !important;
  align-items: start !important;
  gap: 9px 12px !important;
  padding: clamp(10px, 1.05vw, 14px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.cc-page .cc-cqa-head {
  gap: 6px !important;
  min-width: 0;
}

body.cc-page .cc-cqa-avatar-row {
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
}

body.cc-page .cc-cqa-avatar-row > div {
  min-width: 0;
}

body.cc-page .cc-cqa-avatar {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px;
}

body.cc-page .cc-cqa-overline {
  margin: 0 0 1px;
  font-size: 0.58rem !important;
  letter-spacing: 0.14em !important;
  opacity: 0.72;
}

body.cc-page .cc-cqa-title {
  margin: 0;
  font-size: clamp(1.04rem, 1.6vw, 1.34rem) !important;
  line-height: 1;
}

body.cc-page .cc-cqa-preview-name {
  margin: 3px 0 0;
  color: rgba(247, 251, 255, 0.94);
  font-size: clamp(0.82rem, 1vw, 0.94rem);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

body.cc-page .cc-cqa-status-chip {
  margin-inline-start: auto;
  padding: 5px 8px !important;
  border-radius: 999px;
  font-size: 0.62rem !important;
  line-height: 1.1;
  white-space: nowrap;
}

body.cc-page .cc-cqa-intro {
  display: inline-flex !important;
  width: auto;
  max-width: 100%;
  margin: 4px 0 0 !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(86, 230, 218, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(5, 16, 28, 0.42) !important;
  color: rgba(193, 234, 255, 0.78) !important;
  font-size: 0.64rem !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

body.cc-page .cc-mode-bar {
  width: auto;
  max-width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cc-page .cc-mode-lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}

body.cc-page .cc-mode-lang label {
  font-size: 0.58rem !important;
  letter-spacing: 0.13em;
  opacity: 0.68;
}

body.cc-page .cc-mode-lang select {
  min-height: 30px !important;
  max-width: 205px;
  padding: 0 30px 0 10px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
}

body.cc-page .cc-mic-note,
body.cc-page .cc-panel-status,
body.cc-page .cc-cqa-panel.is-entry-open .cc-history-label {
  display: none !important;
}

body.cc-page .cc-cqa-progress:not(.is-earned) {
  display: none !important;
}

body.cc-page .cc-cqa-progress.is-earned {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.cc-page .cc-cqa-progress.is-earned .cqa-progress-chip {
  padding: 5px 7px !important;
  font-size: 0.58rem !important;
}

body.cc-page .cc-cqa-workspace {
  gap: 5px !important;
  min-width: 0;
}

body.cc-page .cc-history-label {
  margin: 0 !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.13em !important;
}

body.cc-page .cc-cqa-stream {
  min-height: 92px !important;
  max-height: 156px !important;
  padding: 7px !important;
  scrollbar-color: rgba(86, 230, 218, 0.32) rgba(5, 16, 28, 0.22);
}

body.cc-page .cc-cqa-stream .cqa-bubble {
  padding: 8px 10px !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
}

body.cc-page .cc-cqa-stream .cqa-bubble-label {
  font-size: 0.58rem !important;
}

body.cc-page .cc-cqa-input-dock {
  align-self: start !important;
  gap: 9px !important;
  padding: 10px !important;
}

body.cc-page .cc-cqa-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cc-page .cc-cqa-suggestions .cqa-helper-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.cc-page .cc-cqa-suggestions .cqa-helper-chip {
  flex: 1 1 152px;
  min-height: 34px;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}

body.cc-page #cqa-answer-input {
  min-height: 92px !important;
  padding: 11px 12px !important;
  font-size: 0.94rem !important;
  line-height: 1.35 !important;
  resize: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(86, 230, 218, 0.32) transparent;
}

body.cc-page #cqa-answer-input::-webkit-scrollbar,
body.cc-page .cc-cqa-stream::-webkit-scrollbar {
  width: 6px;
}

body.cc-page #cqa-answer-input::-webkit-scrollbar-track,
body.cc-page .cc-cqa-stream::-webkit-scrollbar-track {
  background: transparent;
}

body.cc-page #cqa-answer-input::-webkit-scrollbar-thumb,
body.cc-page .cc-cqa-stream::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(86, 230, 218, 0.28);
}

body.cc-page .cc-cqa-actions {
  grid-template-columns: minmax(0, 1fr) 48px minmax(104px, auto) !important;
  gap: 7px !important;
}

body.cc-page .cqa-mic-inline,
body.cc-page .cc-cqa-send {
  min-height: 48px !important;
}

body.cc-page .cqa-inline-actions {
  gap: 7px !important;
}

@media (max-width: 980px) {
  body.cc-page .cc-cqa-panel {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "mode"
      "input"
      "stream"
      "progress" !important;
  }

  body.cc-page .cc-cqa-input-dock {
    position: static !important;
  }
}

@media (max-width: 480px) {
  body.cc-page .cc-cqa-panel {
    gap: 8px !important;
    padding: 10px !important;
  }

  body.cc-page .cc-cqa-avatar {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px;
  }

  body.cc-page .cc-cqa-status-chip {
    width: auto;
    max-width: 44vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.cc-page .cc-cqa-intro {
    border-radius: 14px !important;
    font-size: 0.62rem !important;
  }

  body.cc-page .cc-mode-lang {
    width: 100%;
  }

  body.cc-page .cc-mode-lang select {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
  }

  body.cc-page .cc-cqa-suggestions .cqa-helper-chip {
    flex-basis: 100%;
    min-height: 32px;
  }

  body.cc-page #cqa-answer-input {
    min-height: 84px !important;
    max-height: 130px;
  }

  body.cc-page .cc-cqa-actions {
    grid-template-columns: minmax(0, 1fr) 46px !important;
  }

  body.cc-page .cc-cqa-send {
    grid-column: 1 / -1;
  }
}

/* Prompt 15G: high-definition working-engine orb and naming-safe preview copy. */
body.cc-page .cc-morph-identity-stage {
  isolation: isolate;
}

body.cc-page .cc-morph-identity-stage::after {
  content: "";
  position: absolute;
  inset: 8% 4% 10% 44%;
  z-index: 0;
  pointer-events: none;
  border-radius: 999px;
  opacity: 0.42;
  background:
    radial-gradient(circle at 50% 50%, rgba(86, 230, 218, 0.16), transparent 42%),
    radial-gradient(circle at 62% 42%, var(--client-wash-soft, rgba(255, 141, 86, 0.10)), transparent 48%);
  filter: blur(22px);
}

body.cc-page .cc-command-core {
  position: relative;
  z-index: 1;
  min-height: clamp(218px, 22vw, 292px) !important;
  overflow: visible !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.34)) 50%, rgba(255, 141, 86, 0.22)) !important;
  background:
    radial-gradient(circle at 50% 42%, var(--client-wash-soft, rgba(86, 230, 218, 0.10)), transparent 38%),
    radial-gradient(circle at 50% 63%, rgba(0, 0, 0, 0.38), transparent 58%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.012) 42%, rgba(0, 0, 0, 0.24)),
    rgba(2, 10, 18, 0.52) !important;
  box-shadow:
    0 18px 56px rgba(0, 0, 0, 0.34),
    0 0 44px var(--client-wash-glow, rgba(86, 230, 218, 0.14)),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -36px 68px rgba(0, 0, 0, 0.34),
    inset 0 0 38px rgba(86, 230, 218, 0.08) !important;
}

body.cc-page .cc-command-core::before {
  content: "";
  position: absolute;
  inset: -18px -14px -20px;
  z-index: -1;
  pointer-events: none;
  border-radius: 30px;
  opacity: 0.48;
  background:
    radial-gradient(circle at 50% 38%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 54% 52%, rgba(255, 141, 86, 0.10), transparent 44%),
    radial-gradient(circle at 50% 84%, rgba(0, 0, 0, 0.62), transparent 42%);
  filter: blur(12px);
}

body.cc-page .cc-command-core::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  pointer-events: none;
  border-radius: 22px;
  opacity: 0.55;
  background:
    linear-gradient(118deg, transparent 0 28%, rgba(86, 230, 218, 0.13) 34%, transparent 41% 60%, rgba(255, 141, 86, 0.10) 68%, transparent 76%),
    radial-gradient(circle at 50% 45%, var(--client-wash-primary, rgba(86, 230, 218, 0.12)), transparent 48%);
  filter: blur(7px);
}

body.cc-page .cc-command-core__orb {
  width: min(188px, 36vw) !important;
  z-index: 2;
  transform: translate3d(var(--core-pull-x, 0), var(--core-pull-y, 0), 0) rotateX(60deg) rotateZ(-20deg) !important;
  filter:
    drop-shadow(0 22px 20px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 30px rgba(86, 230, 218, 0.22))
    drop-shadow(0 0 30px var(--client-wash-glow, rgba(255, 141, 86, 0.10)));
  animation: cc15gOrbFloat 7.4s ease-in-out infinite !important;
}

body.cc-page .cc-command-core__lens {
  position: absolute;
  inset: 13%;
  z-index: 1;
  border-radius: 999px;
  pointer-events: none;
  background:
    radial-gradient(circle at 35% 26%, rgba(255, 255, 255, 0.42), transparent 18%),
    radial-gradient(circle at 50% 52%, rgba(86, 230, 218, 0.20), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.02) 48%, rgba(0, 0, 0, 0.24));
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.16),
    inset 0 -26px 36px rgba(0, 0, 0, 0.30),
    0 0 28px rgba(86, 230, 218, 0.16);
}

body.cc-page .cc-command-core__orb::before {
  inset: 28% !important;
  z-index: 3;
  background:
    radial-gradient(circle at 42% 34%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.72) 12%, rgba(86, 230, 218, 0.86) 34%, var(--client-wash-rim, rgba(255, 141, 86, 0.42)) 58%, transparent 76%) !important;
  box-shadow:
    0 0 30px rgba(255, 255, 255, 0.42),
    0 0 54px rgba(86, 230, 218, 0.52),
    0 0 78px var(--client-wash-glow, rgba(255, 141, 86, 0.22)) !important;
}

body.cc-page .cc-command-core__orb::after {
  inset: 38% !important;
  z-index: 4;
  opacity: 0.90 !important;
  background: radial-gradient(circle, #ffffff 0 18%, rgba(249, 252, 255, 0.88) 24%, rgba(86, 230, 218, 0.55) 44%, transparent 70%) !important;
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.74),
    0 0 32px rgba(86, 230, 218, 0.38) !important;
}

body.cc-page .cc-command-core__ring {
  z-index: 2;
  border-width: 1.4px !important;
  opacity: 0.92;
  background: radial-gradient(circle, transparent 58%, rgba(255,255,255,0.035) 62%, transparent 68%);
  filter: drop-shadow(0 0 12px rgba(86, 230, 218, 0.20));
}

body.cc-page .cc-command-core__ring-one {
  inset: 7% !important;
  border-color: rgba(86, 230, 218, 0.62) !important;
  transform: rotateX(24deg) rotateY(-18deg);
  animation: cc15gRingOrbitOne 10s linear infinite;
}

body.cc-page .cc-command-core__ring-two {
  inset: 16% !important;
  border-color: rgba(255, 141, 86, 0.54) !important;
  transform: rotateX(68deg) rotateZ(18deg);
  animation: cc15gRingOrbitTwo 12s linear infinite reverse;
}

body.cc-page .cc-command-core__ring-three {
  inset: -2% !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  transform: rotateY(58deg) rotateZ(9deg);
  box-shadow:
    0 0 20px rgba(86, 230, 218, 0.12),
    inset 0 0 18px var(--client-wash-soft, rgba(86, 230, 218, 0.08)) !important;
  animation: cc15gRingOrbitThree 15s linear infinite;
}

body.cc-page .cc-command-core__dot {
  z-index: 5;
  width: 10px !important;
  height: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.52);
}

body.cc-page .cc-command-core__dot-one {
  left: 6% !important;
  top: 42% !important;
  animation: cc15gNodeWake 5.8s ease-in-out infinite;
}

body.cc-page .cc-command-core__dot-two {
  right: 10% !important;
  bottom: 24% !important;
  background: var(--client-wash-rim, #ff8d56) !important;
  box-shadow:
    0 0 18px var(--client-wash-rim, rgba(255, 141, 86, 0.72)),
    0 0 34px var(--client-wash-glow, rgba(255, 141, 86, 0.22)) !important;
  animation: cc15gNodeWake 6.4s ease-in-out infinite 0.4s;
}

body.cc-page .cc-command-core__dot-three {
  right: 38% !important;
  top: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 0 16px rgba(255, 255, 255, 0.62),
    0 0 28px rgba(86, 230, 218, 0.34) !important;
  animation: cc15gNodeWake 7s ease-in-out infinite 0.7s;
}

body.cc-page .cc-command-core__tether {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  height: 1px;
  border-radius: 999px;
  opacity: 0.34;
  background: linear-gradient(90deg, transparent, rgba(86, 230, 218, 0.56), var(--client-wash-rim, rgba(255, 141, 86, 0.34)), transparent);
  filter: drop-shadow(0 0 10px rgba(86, 230, 218, 0.18));
  transform-origin: 100% 50%;
}

body.cc-page .cc-command-core__tether-one {
  --tether-rotate: -8deg;
  width: 42%;
  left: -18%;
  top: 36%;
  transform: rotate(-8deg);
}

body.cc-page .cc-command-core__tether-two {
  --tether-rotate: 12deg;
  width: 36%;
  right: -12%;
  bottom: 34%;
  transform: rotate(12deg);
  opacity: 0.24;
}

body.cc-page .cc-command-core__floor {
  position: absolute;
  left: 50%;
  bottom: 28px;
  z-index: 0;
  width: 54%;
  height: 20px;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.46), rgba(86, 230, 218, 0.13) 42%, transparent 72%);
  filter: blur(7px);
  transform: translateX(-50%);
}

body.cc-page .cc-command-core.cc-core-listening .cc-command-core__ring-one,
body.cc-page .cc-command-core[data-core-interaction="typing"] .cc-command-core__ring-one {
  border-color: rgba(86, 230, 218, 0.92) !important;
  box-shadow: 0 0 26px rgba(86, 230, 218, 0.30) !important;
}

body.cc-page .cc-command-core.cc-core-listening .cc-command-core__tether,
body.cc-page .cc-command-core[data-core-interaction="typing"] .cc-command-core__tether {
  opacity: 0.62;
  animation: cc15gTetherPull 880ms ease-out both;
}

body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__orb {
  animation: cc15gOrbReceive 780ms cubic-bezier(0.16, 1, 0.3, 1), cc15gOrbFloat 7.4s ease-in-out 780ms infinite !important;
}

body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__tether-one,
body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__tether-two {
  opacity: 0.78;
  animation: cc15gTetherPull 760ms ease-out both;
}

body.cc-page .cc-command-core[data-core-state="idle"] #cc-command-core-label,
body.cc-page .cc-command-core[data-core-state="idea-captured"] #cc-command-core-label,
body.cc-page .cc-command-core[data-core-state="project-docked"] #cc-command-core-label {
  color: rgba(235, 247, 255, 0.86);
}

body.cc-page .cc-morph-identity-stage[data-command-morph-stage="project-docked"] .cc-morph-title,
body.cc-page .cc-morph-identity-stage[data-command-morph-stage="project-docked"] .cc-morph-project-dock,
body.cc-page .cc-morph-identity-stage[data-signal-progression="detected"] .cc-morph-signal-chip.is-active,
body.cc-page .cc-morph-identity-stage[data-signal-progression="organized"] .cc-morph-signal-chip.is-active {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.44)) 58%, rgba(86, 230, 218, 0.30));
  text-shadow: 0 0 18px var(--client-wash-glow, rgba(86, 230, 218, 0.18));
}

body.cc-page .cc-preview-window.brand-wash-active .cc-command-core,
body.cc-page .cc-command-core.command-core-brand-wash {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(255, 214, 150, 0.44)) 74%, rgba(86, 230, 218, 0.20)) !important;
  box-shadow:
    0 18px 58px rgba(0, 0, 0, 0.36),
    0 0 50px var(--client-wash-glow, rgba(255, 214, 150, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 0 42px var(--client-wash-soft, rgba(255, 214, 150, 0.08)) !important;
}

@keyframes cc15gOrbFloat {
  0%, 100% { transform: translate3d(var(--core-pull-x, 0), var(--core-pull-y, 0), 0) rotateX(60deg) rotateZ(-20deg) scale(1); }
  50% { transform: translate3d(calc(var(--core-pull-x, 0) * 1.1), calc(var(--core-pull-y, 0) - 5px), 0) rotateX(62deg) rotateZ(-14deg) scale(1.018); }
}

@keyframes cc15gOrbReceive {
  0% { filter: drop-shadow(0 0 10px rgba(86, 230, 218, 0.18)); transform: translate3d(-6px, 3px, 0) rotateX(60deg) rotateZ(-24deg) scale(0.96); }
  54% { filter: drop-shadow(0 0 34px rgba(86, 230, 218, 0.52)) drop-shadow(0 0 36px var(--client-wash-glow, rgba(255, 141, 86, 0.18))); transform: translate3d(2px, -4px, 0) rotateX(64deg) rotateZ(-12deg) scale(1.055); }
  100% { filter: drop-shadow(0 22px 20px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 30px rgba(86, 230, 218, 0.22)); transform: translate3d(0, 0, 0) rotateX(60deg) rotateZ(-20deg) scale(1); }
}

@keyframes cc15gRingOrbitOne {
  to { transform: rotateX(24deg) rotateY(-18deg) rotateZ(360deg); }
}

@keyframes cc15gRingOrbitTwo {
  to { transform: rotateX(68deg) rotateZ(378deg); }
}

@keyframes cc15gRingOrbitThree {
  to { transform: rotateY(58deg) rotateZ(369deg); }
}

@keyframes cc15gNodeWake {
  0%, 100% { opacity: 0.78; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.18); }
}

@keyframes cc15gTetherPull {
  0% { opacity: 0; transform: translateX(-16px) scaleX(0.74) rotate(var(--tether-rotate, 0deg)); }
  52% { opacity: 0.82; transform: translateX(0) scaleX(1.04) rotate(var(--tether-rotate, 0deg)); }
  100% { opacity: 0.46; transform: translateX(0) scaleX(1) rotate(var(--tether-rotate, 0deg)); }
}

@media (max-width: 640px) {
  body.cc-page .cc-command-core {
    min-height: 178px !important;
    padding: 8px !important;
  }

  body.cc-page .cc-command-core__orb {
    width: min(134px, 42vw) !important;
  }

  body.cc-page .cc-command-core__tether-one,
  body.cc-page .cc-command-core__tether-two {
    width: 28%;
    opacity: 0.22;
  }

  body.cc-page .cc-command-core__floor {
    bottom: 24px;
    width: 48%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-command-core__orb,
  body.cc-page .cc-command-core__ring-one,
  body.cc-page .cc-command-core__ring-two,
  body.cc-page .cc-command-core__ring-three,
  body.cc-page .cc-command-core__dot,
  body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__orb,
  body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__tether-one,
  body.cc-page .cc-command-core.cc-core-answer-pulse .cc-command-core__tether-two {
    animation: none !important;
    transition: none !important;
  }

  body.cc-page .cc-command-core__tether {
    opacity: 0.28;
  }
}

/* Prompt 16A: truthful intake surface, obvious brand color choice, calmer index-family orb */
body.cc-page .cc-brand-direction-prompt {
  grid-column: 1 / -1;
  margin-top: 8px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(86, 230, 218, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(86, 230, 218, 0.12), transparent 34%),
    radial-gradient(circle at 100% 18%, rgba(255, 141, 86, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(8, 22, 42, 0.82), rgba(5, 13, 25, 0.72));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 16px 34px rgba(0, 0, 0, 0.20);
}

body.cc-page .cc-brand-direction-prompt h3 {
  margin: 2px 0 4px;
  color: rgba(246, 251, 255, 0.96);
  font-size: clamp(0.95rem, 1.6vw, 1.08rem);
  letter-spacing: -0.01em;
}

body.cc-page .cc-brand-direction-prompt p {
  margin: 0;
  color: rgba(190, 218, 242, 0.82);
  font-size: 0.82rem;
  line-height: 1.38;
}

body.cc-page .cc-brand-option-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

body.cc-page .cc-cqa-suggestions .cc-brand-option {
  min-height: 36px;
  justify-content: center;
  border-color: rgba(255, 141, 86, 0.24);
  background:
    linear-gradient(135deg, rgba(86, 230, 218, 0.10), rgba(255, 141, 86, 0.08)),
    rgba(4, 13, 25, 0.70);
}

body.cc-page .cc-main {
  background:
    radial-gradient(circle at 78% 16%, rgba(86, 230, 218, 0.13), transparent 30%),
    radial-gradient(circle at 22% 24%, rgba(255, 141, 86, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(7, 18, 34, 0.98), rgba(4, 11, 22, 0.96));
}

body.cc-page .cc-unified-command-surface,
body.cc-page .cc-preview-window,
body.cc-page .cc-morph-identity-stage {
  background:
    radial-gradient(circle at 78% 16%, rgba(86, 230, 218, 0.14), transparent 34%),
    radial-gradient(circle at 9% 82%, rgba(255, 141, 86, 0.11), transparent 38%),
    linear-gradient(150deg, rgba(10, 28, 52, 0.90), rgba(5, 14, 27, 0.88)) !important;
}

body.cc-page .cc-command-core {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.34)) 46%, rgba(255, 141, 86, 0.24)) !important;
  background:
    radial-gradient(circle at 52% 36%, rgba(86, 230, 218, 0.13), transparent 34%),
    radial-gradient(circle at 50% 74%, rgba(255, 141, 86, 0.10), transparent 42%),
    linear-gradient(145deg, rgba(22, 46, 76, 0.48), rgba(4, 13, 26, 0.70) 58%, rgba(0, 0, 0, 0.18)),
    rgba(5, 16, 31, 0.58) !important;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.30),
    0 0 36px rgba(86, 230, 218, 0.13),
    0 0 28px var(--client-wash-glow, rgba(255, 141, 86, 0.10)),
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -26px 52px rgba(0, 0, 0, 0.30) !important;
}

body.cc-page .cc-command-core::before {
  opacity: 0.34 !important;
  background:
    radial-gradient(circle at 48% 38%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 56% 58%, rgba(255, 141, 86, 0.09), transparent 44%),
    radial-gradient(circle at 50% 86%, rgba(0, 0, 0, 0.52), transparent 44%) !important;
}

body.cc-page .cc-command-core::after {
  opacity: 0.36 !important;
  background:
    linear-gradient(118deg, transparent 0 30%, rgba(86, 230, 218, 0.10) 38%, transparent 46% 64%, rgba(255, 141, 86, 0.08) 72%, transparent 80%),
    radial-gradient(circle at 50% 45%, var(--client-wash-primary, rgba(86, 230, 218, 0.10)), transparent 50%) !important;
}

body.cc-page .cc-command-core__orb {
  width: min(176px, 34vw) !important;
  filter:
    drop-shadow(0 20px 18px rgba(0, 0, 0, 0.40))
    drop-shadow(0 0 24px rgba(86, 230, 218, 0.20))
    drop-shadow(0 0 22px var(--client-wash-glow, rgba(255, 141, 86, 0.09))) !important;
}

body.cc-page .cc-command-core__lens {
  inset: 12%;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.24), transparent 17%),
    radial-gradient(circle at 52% 48%, rgba(86, 230, 218, 0.22), transparent 42%),
    radial-gradient(circle at 62% 68%, rgba(255, 141, 86, 0.13), transparent 46%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02) 48%, rgba(0, 0, 0, 0.24)) !important;
  box-shadow:
    inset 0 0 14px rgba(255, 255, 255, 0.12),
    inset 0 -24px 34px rgba(0, 0, 0, 0.30),
    0 0 22px rgba(86, 230, 218, 0.14) !important;
}

body.cc-page .cc-command-core__orb::before {
  inset: 24% !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.34), transparent 15%),
    radial-gradient(circle at 50% 52%, rgba(86, 230, 218, 0.74) 0 20%, rgba(34, 123, 204, 0.42) 38%, var(--client-wash-rim, rgba(255, 141, 86, 0.28)) 62%, transparent 78%) !important;
  box-shadow:
    0 0 22px rgba(86, 230, 218, 0.30),
    0 0 42px rgba(86, 230, 218, 0.22),
    0 0 48px var(--client-wash-glow, rgba(255, 141, 86, 0.12)) !important;
}

body.cc-page .cc-command-core__orb::after {
  inset: 42% !important;
  opacity: 0.72 !important;
  background:
    radial-gradient(circle, rgba(237, 252, 255, 0.62) 0 14%, rgba(86, 230, 218, 0.54) 28%, rgba(255, 141, 86, 0.18) 52%, transparent 72%) !important;
  box-shadow:
    0 0 14px rgba(86, 230, 218, 0.26),
    0 0 24px rgba(255, 141, 86, 0.10) !important;
}

body.cc-page .cc-command-core__ring-three {
  border-color: rgba(255, 226, 191, 0.18) !important;
}

@media (max-width: 640px) {
  body.cc-page .cc-brand-option-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.cc-page .cc-command-core__orb {
    width: min(126px, 39vw) !important;
  }
}

/* Prompt 16B: Command page reuses the approved index orb as source-of-truth. */
body.cc-page .cc-command-core {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  min-height: clamp(252px, 24vw, 332px) !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.34)) 42%, rgba(255, 141, 86, 0.24)) !important;
  background:
    radial-gradient(circle at 30% 16%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 78% 78%, rgba(255, 141, 86, 0.13), transparent 42%),
    linear-gradient(145deg, rgba(13, 33, 58, 0.76), rgba(5, 15, 29, 0.78) 58%, rgba(3, 9, 18, 0.72)),
    rgba(5, 16, 31, 0.64) !important;
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.30),
    0 0 34px rgba(86, 230, 218, 0.14),
    0 0 26px var(--client-wash-glow, rgba(255, 141, 86, 0.10)),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 -24px 48px rgba(0, 0, 0, 0.28) !important;
}

body.cc-page .cc-command-core::before {
  opacity: 0.32 !important;
  background:
    radial-gradient(circle at 47% 38%, rgba(86, 230, 218, 0.17), transparent 33%),
    radial-gradient(circle at 59% 60%, rgba(255, 141, 86, 0.09), transparent 42%),
    radial-gradient(circle at 50% 86%, rgba(0, 0, 0, 0.42), transparent 46%) !important;
}

body.cc-page .cc-command-core::after {
  opacity: 0.28 !important;
  background:
    linear-gradient(118deg, transparent 0 31%, rgba(86, 230, 218, 0.10) 39%, transparent 47% 65%, rgba(255, 141, 86, 0.07) 73%, transparent 81%),
    radial-gradient(circle at 52% 48%, var(--client-wash-primary, rgba(86, 230, 218, 0.08)), transparent 54%) !important;
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system {
  position: relative;
  top: auto;
  right: auto;
  z-index: 3;
  display: grid;
  justify-items: center;
  gap: 8px;
  width: clamp(134px, 18vw, 180px);
  margin: 2px auto 0;
  pointer-events: none;
  animation: commandOrbSystemFloat 7s ease-in-out infinite;
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system::before {
  content: "";
  position: absolute;
  inset: 10% 2% 20%;
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle, var(--client-wash-soft, rgba(86, 230, 218, 0.18)), transparent 64%),
    radial-gradient(circle at 68% 54%, rgba(255, 141, 86, 0.12), transparent 58%);
  filter: blur(12px);
  opacity: 0.58;
  transform: translateY(7px) scale(1.08);
}

body.cc-page .cc-command-core .system-energy-orb {
  position: relative;
  display: block;
  width: clamp(118px, 15vw, 156px);
  aspect-ratio: 1;
  overflow: hidden;
  isolation: isolate;
  border-radius: 50%;
  border: 1px solid rgba(190, 255, 250, 0.58);
  background:
    radial-gradient(circle at 49% 51%, rgba(255, 255, 255, 0.98) 0 1.5%, rgba(86, 230, 218, 0.9) 2% 4%, transparent 6%),
    radial-gradient(circle at 42% 38%, rgba(187, 255, 249, 0.25) 0 8%, transparent 27%),
    radial-gradient(circle at 62% 68%, rgba(255, 141, 86, 0.24) 0 7%, transparent 28%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 10px, rgba(86, 230, 218, 0.15) 11px, transparent 12px 18px),
    radial-gradient(circle at 50% 50%, rgba(18, 68, 84, 0.94), rgba(6, 18, 34, 0.98) 68%);
  box-shadow:
    inset 0 0 12px rgba(255, 255, 255, 0.2),
    inset 0 0 30px rgba(86, 230, 218, 0.28),
    inset 0 -14px 28px rgba(255, 141, 86, 0.12),
    0 0 14px rgba(86, 230, 218, 0.32),
    0 0 34px rgba(86, 230, 218, 0.15);
  filter:
    drop-shadow(0 20px 18px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 20px rgba(86, 230, 218, 0.18))
    drop-shadow(0 0 18px var(--client-wash-glow, rgba(255, 141, 86, 0.08)));
}

body.cc-page .cc-command-core .system-energy-orb::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: 1;
  border-radius: 50%;
  background:
    repeating-conic-gradient(
      from 22deg,
      transparent 0 9deg,
      rgba(178, 255, 249, 0.52) 10deg 10.8deg,
      transparent 11.5deg 24deg,
      rgba(255, 166, 112, 0.34) 25deg 25.8deg,
      transparent 26.5deg 43deg
    );
  mix-blend-mode: screen;
  opacity: 0.8;
  animation: systemStaticTurn 8s linear infinite;
}

body.cc-page .cc-command-core .system-energy-orb::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: 6;
  border-radius: 50%;
  background:
    radial-gradient(circle at 31% 22%, rgba(255, 255, 255, 0.42), transparent 13%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.14), transparent 35% 66%, rgba(86, 230, 218, 0.08));
  box-shadow: inset 8px 10px 18px rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

body.cc-page .cc-command-core .system-energy-static {
  position: absolute;
  inset: 8px;
  z-index: 2;
  border-radius: 50%;
  background:
    linear-gradient(72deg, transparent 12%, rgba(142, 255, 247, 0.72) 13% 13.8%, transparent 15% 43%, rgba(255, 160, 101, 0.58) 44% 44.7%, transparent 46%),
    linear-gradient(153deg, transparent 20%, rgba(255, 255, 255, 0.5) 21% 21.5%, transparent 23% 58%, rgba(86, 230, 218, 0.72) 59% 59.8%, transparent 61%),
    repeating-radial-gradient(circle at 38% 44%, transparent 0 5px, rgba(86, 230, 218, 0.3) 5.5px 6px, transparent 6.5px 11px);
  filter: drop-shadow(0 0 3px rgba(86, 230, 218, 0.8));
  mix-blend-mode: screen;
  opacity: 0.72;
  animation: systemStaticFlicker 2.8s steps(4, end) infinite;
}

body.cc-page .cc-command-core .system-energy-arc {
  position: absolute;
  z-index: 3;
  display: block;
  border-radius: 50%;
  border: 1px solid transparent;
  filter: drop-shadow(0 0 3px currentColor);
  mix-blend-mode: screen;
}

body.cc-page .cc-command-core .system-energy-arc.arc-one {
  inset: 18px 12px 28px 20px;
  color: rgba(182, 255, 249, 0.94);
  border-top-color: currentColor;
  border-right-color: currentColor;
  transform: rotate(-24deg);
  animation: systemArcOne 3.4s ease-in-out infinite;
}

body.cc-page .cc-command-core .system-energy-arc.arc-two {
  inset: 30px 24px 14px 10px;
  color: rgba(255, 162, 104, 0.88);
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  transform: rotate(29deg);
  animation: systemArcTwo 3.1s ease-in-out infinite;
}

body.cc-page .cc-command-core .system-energy-arc.arc-three {
  inset: 13px 32px 23px 30px;
  color: rgba(225, 255, 252, 0.92);
  border-top-color: currentColor;
  border-left-color: currentColor;
  transform: rotate(68deg);
  animation: systemArcThree 2.6s ease-in-out infinite;
}

body.cc-page .cc-command-core .system-energy-nucleus {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #f8ffff;
  box-shadow:
    0 0 5px #fff,
    0 0 12px rgba(86, 230, 218, 0.95),
    0 0 24px rgba(255, 141, 86, 0.55);
  animation: systemNucleus 2.2s ease-in-out infinite;
}

body.cc-page .cc-command-core .system-energy-label {
  color: var(--cmd-turquoise);
  font: 600 0.62rem/1.2 var(--font-tech);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 0 9px rgba(86, 230, 218, 0.42);
}

body.cc-page .cc-command-core.cc-core-listening .system-energy-orb,
body.cc-page .cc-command-core[data-core-interaction="typing"] .system-energy-orb,
body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-orb {
  box-shadow:
    inset 0 0 12px rgba(255, 255, 255, 0.22),
    inset 0 0 34px rgba(86, 230, 218, 0.34),
    inset 0 -14px 28px rgba(255, 141, 86, 0.15),
    0 0 18px rgba(86, 230, 218, 0.40),
    0 0 42px rgba(86, 230, 218, 0.20),
    0 0 34px var(--client-wash-glow, rgba(255, 141, 86, 0.16));
}

body.cc-page .cc-command-core.cc-core-answer-pulse .command-orb--system {
  animation: commandOrbSystemFloat 7s ease-in-out infinite, commandOrbArrivalPulse 900ms ease-out 1;
}

body.cc-page .cc-command-core[data-core-state="idea-captured"] .system-energy-arc.arc-one,
body.cc-page .cc-command-core[data-core-state="project-docked"] .system-energy-arc.arc-one,
body.cc-page .cc-command-core[data-core-state="revenue-leak-active"] .system-energy-arc.arc-two,
body.cc-page .cc-command-core[data-core-state="follow-up-lane-active"] .system-energy-arc.arc-two,
body.cc-page .cc-command-core[data-core-state="value-signal-active"] .system-energy-arc.arc-three,
body.cc-page .cc-command-core[data-core-state="timeline-active"] .system-energy-arc.arc-three {
  filter: drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px var(--client-wash-glow, rgba(86, 230, 218, 0.24)));
  opacity: 1;
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-orb,
body.cc-page .cc-command-core.command-core-client-accent .system-energy-orb,
body.cc-page .cc-command-core.command-core-brand-arrival .system-energy-orb {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(190, 255, 250, 0.58)) 85%, rgba(190, 255, 250, 0.58));
  background:
    radial-gradient(circle at 49% 51%, rgba(255, 255, 255, 0.98) 0 1.5%, rgba(86, 230, 218, 0.9) 2% 4%, transparent 6%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--client-wash-soft, rgba(187, 255, 249, 0.25)) 85%, rgba(187, 255, 249, 0.25)) 0 8%, transparent 27%),
    radial-gradient(circle at 62% 68%, color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.24)) 85%, rgba(255, 141, 86, 0.24)) 0 7%, transparent 28%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 10px, rgba(86, 230, 218, 0.15) 11px, transparent 12px 18px),
    radial-gradient(circle at 50% 50%, rgba(18, 68, 84, 0.94), rgba(6, 18, 34, 0.98) 68%);
  box-shadow:
    inset 0 0 12px rgba(255, 255, 255, 0.2),
    inset 0 0 30px rgba(86, 230, 218, 0.28),
    inset 0 -14px 28px color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.12)) 85%, rgba(255, 141, 86, 0.12)),
    0 0 14px rgba(86, 230, 218, 0.32),
    0 0 34px rgba(86, 230, 218, 0.15),
    0 0 45px var(--client-wash-glow, rgba(255, 141, 86, 0.14));
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-arc.arc-two,
body.cc-page .cc-command-core.command-core-client-accent .system-energy-arc.arc-two,
body.cc-page .cc-command-core.command-core-brand-arrival .system-energy-arc.arc-two {
  color: color-mix(in srgb, var(--client-wash-rim, rgba(255, 162, 104, 0.88)) 72%, rgba(255, 162, 104, 0.88));
}

body.cc-page .cc-command-core.command-core-brand-arrival .system-energy-nucleus {
  box-shadow:
    0 0 5px #fff,
    0 0 14px rgba(86, 230, 218, 0.98),
    0 0 35px var(--client-wash-glow, rgba(255, 141, 86, 0.62)),
    0 0 15px var(--client-wash-rim, rgba(255, 141, 86, 0.40));
}

@keyframes commandOrbSystemFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-0.6deg);
  }
  50% {
    transform: translate3d(0, -6px, 0) rotate(0.6deg);
  }
}

@keyframes commandOrbArrivalPulse {
  0% {
    transform: translate3d(0, 0, 0) scale(0.97);
    filter: saturate(1);
  }
  46% {
    transform: translate3d(0, -5px, 0) scale(1.045);
    filter: saturate(1.18);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    filter: saturate(1);
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-command-core {
    min-height: 220px !important;
  }

  body.cc-page .cc-command-core .system-energy-core.command-orb--system {
    width: min(130px, 42vw);
  }

  body.cc-page .cc-command-core .system-energy-orb {
    width: min(118px, 38vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-command-core .system-energy-core.command-orb--system,
  body.cc-page .cc-command-core .system-energy-orb::before,
  body.cc-page .cc-command-core .system-energy-static,
  body.cc-page .cc-command-core .system-energy-arc,
  body.cc-page .cc-command-core .system-energy-nucleus,
  body.cc-page .cc-command-core.cc-core-answer-pulse .command-orb--system {
    animation: none !important;
  }
}

/* Prompt 16C: consolidate right command surface and remove lower open-state clutter. */
body.cc-page .cc-unified-command-surface {
  gap: 0 !important;
  padding: clamp(14px, 1.8vw, 22px) !important;
  border-color: rgba(86, 230, 218, 0.24) !important;
  background:
    radial-gradient(circle at 74% 22%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 12% 86%, rgba(255, 141, 86, 0.12), transparent 40%),
    linear-gradient(145deg, rgba(9, 27, 50, 0.88), rgba(4, 13, 26, 0.86) 64%, rgba(5, 10, 18, 0.88)) !important;
  overflow: visible !important;
}

body.cc-page .cc-unified-command-surface > .cc-preview-window {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "head"
    "market"
    "identity"
    "rail";
  gap: clamp(10px, 1.2vw, 16px);
  width: 100%;
  min-height: clamp(490px, 58vh, 640px);
  padding: clamp(12px, 1.45vw, 18px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.cc-page .cc-preview-window-head {
  grid-area: head;
  align-items: start;
  gap: 14px;
}

body.cc-page #live-market-line {
  grid-area: market;
}

body.cc-page .cc-preview-window-head .chip-row {
  justify-content: flex-end;
}

body.cc-page .cc-morph-identity-stage {
  grid-area: identity;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.48fr);
  grid-template-areas:
    "copy orb"
    "floor rail";
  gap: clamp(14px, 1.8vw, 22px);
  align-items: center;
  min-height: clamp(330px, 42vh, 470px) !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border-color: rgba(86, 230, 218, 0.22) !important;
  background:
    radial-gradient(circle at 74% 50%, rgba(86, 230, 218, 0.16), transparent 36%),
    radial-gradient(circle at 20% 14%, rgba(255, 141, 86, 0.10), transparent 32%),
    linear-gradient(145deg, rgba(10, 31, 56, 0.72), rgba(5, 14, 27, 0.70)) !important;
  overflow: visible !important;
}

body.cc-page .cc-morph-hero-stack {
  grid-area: copy;
  align-self: center;
  max-width: 680px;
}

body.cc-page .cc-morph-status {
  color: rgba(86, 230, 218, 0.98);
}

body.cc-page .cc-morph-title {
  max-width: 12ch;
  font-size: clamp(2.1rem, 4vw, 4.55rem) !important;
  line-height: 0.94 !important;
}

/* ══════════════════════════════════════════════════════
   PROMPT 16E — ZONE A / B / C FORMATION CANVAS
   Overrides prior compressed layout; all old board/chips
   are hidden at DOM level so no CSS fighting needed.
   ══════════════════════════════════════════════════════ */

/* ── Canvas: flex column, full right-panel height ── */
body.cc-page .cc-unified-command-surface > .cc-preview-window.live {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: clamp(20px, 2.5vw, 32px) clamp(16px, 2vw, 28px) !important;
  overflow: visible !important;
}

/* ── ZONE A: compact status strip ── */
body.cc-page .csf-zone-a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-block-end: 10px;
  border-block-end: 1px solid rgba(86, 230, 218, 0.10);
  margin-block-end: 18px;
}

body.cc-page .csf-zone-a .cc-overline {
  margin: 0;
  color: rgba(86, 230, 218, 0.62);
  font-size: 0.68rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

body.cc-page .csf-status {
  margin: 0;
  font: 600 0.80rem / 1.3 var(--font-tech, 'IBM Plex Mono', monospace);
  color: rgba(218, 238, 255, 0.90);
  letter-spacing: 0.04em;
  transition: color 0.4s ease;
}

body.cc-page .cc-agentic-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

body.cc-page .cc-agentic-status-strip span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(86, 230, 218, 0.16);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(4, 17, 31, 0.72), rgba(255, 141, 86, 0.055));
  color: rgba(223, 242, 249, 0.86);
  font: 750 0.67rem / 1.2 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.035em;
  white-space: nowrap;
}

body.cc-page .cc-agentic-status-strip span::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(86, 230, 218, 0.88);
  box-shadow: 0 0 12px rgba(86, 230, 218, 0.32);
}

body.cc-page .cc-agentic-status-strip span[data-agentic-tone="warm"]::before {
  background: rgba(255, 141, 86, 0.96);
  box-shadow: 0 0 12px rgba(255, 141, 86, 0.34);
}

body.cc-page .cc-agentic-status-strip span[data-agentic-tone="quiet"]::before {
  background: rgba(148, 164, 184, 0.82);
  box-shadow: none;
}

/* ── ZONE B: orb breathing zone ── */
body.cc-page .csf-zone-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding-block: clamp(28px, 3.5vw, 48px);
  flex-shrink: 0;
}

/* Identity strip above orb */
body.cc-page .csf-identity-strip {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

body.cc-page .csf-identity-strip .cc-morph-title {
  font-size: clamp(1rem, 2vw, 1.30rem) !important;
  text-align: center !important;
}

body.cc-page .csf-identity-strip .cc-morph-project-dock,
body.cc-page .csf-identity-strip .cc-morph-idea-chip {
  text-align: center;
}

/* Orb: unclipped, centered, breathing room */
body.cc-page .cc-command-core {
  justify-self: center;
  align-self: center;
  width: min(260px, 90%) !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

body.cc-page .cc-command-core::before {
  inset: 8% !important;
  border-radius: 999px !important;
  opacity: 0.68 !important;
  background:
    radial-gradient(circle at 50% 46%, var(--client-wash-soft, rgba(86, 230, 218, 0.22)), transparent 58%),
    radial-gradient(circle at 62% 58%, rgba(255, 141, 86, 0.13), transparent 62%) !important;
  filter: blur(10px);
}

body.cc-page .cc-command-core::after,
body.cc-page .cc-command-core__floor {
  display: none !important;
}

/* Tether lines: hairline connection visual */
body.cc-page .cc-command-core__tether {
  display: block !important;
  width: 1px;
  height: 28px;
  background: linear-gradient(to bottom, rgba(86, 230, 218, 0.20), transparent);
  margin: 0 auto;
}
body.cc-page .cc-command-core__tether-one {
  order: -1; /* sits above orb in flex */
  display: none !important; /* hide top tether; bottom one connects to chip rail */
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system {
  width: clamp(168px, 20vw, 228px) !important;
  margin: 0 auto !important;
}

body.cc-page .cc-command-core .system-energy-orb {
  width: clamp(152px, 18vw, 196px) !important;
}

body.cc-page #cc-command-core-label {
  max-width: 26ch;
  margin: 0 auto;
  color: rgba(225, 255, 252, 0.72) !important;
  text-align: center;
  font-size: 0.72rem;
  font-family: var(--font-tech, 'IBM Plex Mono', monospace);
}

/* Kill the old orb action chip permanently */
body.cc-page .cc-orb-action-chip,
body.cc-page #cc-orb-action-chip {
  display: none !important;
}

/* ── ZONE C: earned cluster rail ── */
body.cc-page .csf-zone-c {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  min-height: 52px; /* reserves space before first chip appears */
  padding-block: 4px 6px;
}

/* Signal cluster chip — base (born state: invisible until JS adds lifecycle class) */
body.cc-page .csig {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  border: 1px solid rgba(86, 230, 218, 0.22);
  background:
    linear-gradient(145deg, rgba(86, 230, 218, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(5, 16, 31, 0.72);
  color: rgba(218, 238, 255, 0.80);
  font: 700 0.72rem / 1.15 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.08em;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.35s ease-out,
    transform 0.35s ease-out,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
  will-change: opacity, transform;
}

/* Small status dot inside each chip */
body.cc-page .csig__dot {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(86, 230, 218, 0.55);
  flex-shrink: 0;
  transition: background 0.4s ease;
}

body.cc-page .csig__swatches {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 2px;
}

body.cc-page .csig__swatch {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: var(--swatch-color, rgba(86, 230, 218, 0.7));
  box-shadow: 0 0 10px color-mix(in srgb, var(--swatch-color, rgba(86, 230, 218, 0.7)) 44%, transparent);
}

/* Chip lifecycle states — JS adds these classes progressively */
body.cc-page .csig.csig--born {
  opacity: 0;
  transform: translateY(10px);
}

body.cc-page .csig.csig--pulled {
  opacity: 0.6;
  transform: translateY(2px) translateX(-4px);
}

body.cc-page .csig.csig--reading {
  opacity: 0.9;
  transform: translateY(0) translateX(0);
  box-shadow: 0 0 12px 2px var(--client-wash-glow, rgba(86, 230, 218, 0.18));
}

body.cc-page .csig.csig--flip {
  animation: csig-flip 0.30s ease-in-out forwards;
}

body.cc-page .csig.csig--docked {
  opacity: 1;
  transform: translateY(0) translateX(0);
}

body.cc-page .csig.csig--settled {
  opacity: 1;
  transform: none;
  box-shadow: 0 0 6px 1px var(--client-wash-glow, rgba(86, 230, 218, 0.10));
}

/* Priority: high-pain chip gets orange rim */
body.cc-page .csig.csig--priority {
  border-color: rgba(255, 141, 86, 0.55) !important;
  box-shadow: 0 0 10px 2px rgba(255, 141, 86, 0.14) !important;
  color: rgba(255, 230, 200, 0.95) !important;
}
body.cc-page .csig.csig--priority .csig__dot {
  background: rgba(255, 141, 86, 0.80);
}

/* Client accent wires through --client-accent */
body.cc-page .csig.csig--client-accent {
  border-color: color-mix(in srgb, var(--client-accent, rgba(86, 230, 218, 1)) 85%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: 0 0 12px 1px color-mix(in srgb, var(--client-accent, rgba(86, 230, 218, 0.4)) 50%, transparent) !important;
}
body.cc-page .csig.csig--client-accent .csig__dot {
  background: var(--client-accent, rgba(86, 230, 218, 0.80));
  box-shadow: 0 0 6px var(--client-accent, transparent);
}

/* Dim chip: placeholder shown but not yet earned */
body.cc-page .csig.csig--dim {
  opacity: 0.28 !important;
  border-color: rgba(86, 230, 218, 0.10) !important;
  box-shadow: none !important;
}

@keyframes csig-flip {
  0%   { transform: rotateY(90deg) scale(0.92); opacity: 0.7; }
  60%  { transform: rotateY(-8deg) scale(1.02); opacity: 1; }
  100% { transform: rotateY(0deg)  scale(1);    opacity: 1; }
}

/* ── Lane rail: appears after 'forming' depth ── */
body.cc-page .csf-lane-rail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 0;
  margin-block-start: 6px;
  padding-block: 8px;
  border-block-start: 1px solid rgba(86, 230, 218, 0.08);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease 0.2s;
}

/* Rail visible when canvas has depth >= forming */
body.cc-page .cc-unified-command-surface[data-formation-depth="forming"] .csf-lane-rail,
body.cc-page .cc-unified-command-surface[data-formation-depth="deep"] .csf-lane-rail {
  opacity: 1;
  pointer-events: auto;
}

body.cc-page .csf-lane-node {
  font: 600 0.60rem / 1 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.07em;
  color: rgba(218, 238, 255, 0.48);
  text-transform: uppercase;
  padding: 2px 4px;
  transition: color 0.3s ease;
}

body.cc-page .csf-lane-node.csf-lane--active {
  color: rgba(86, 230, 218, 0.80);
}

body.cc-page .cc-unified-command-surface.brand-wash-active .csf-lane-node.csf-lane--active {
  color: var(--client-accent, rgba(86, 230, 218, 0.80));
  text-shadow: 0 0 8px var(--client-wash-glow, transparent);
}

body.cc-page .cc-unified-command-surface.brand-wash-active .csf-lane-rail {
  border-block-start-color: color-mix(in srgb, var(--client-wash-rim) 30%, rgba(86, 230, 218, 0.08));
}

body.cc-page .csf-lane-sep {
  font-size: 0.60rem;
  color: rgba(86, 230, 218, 0.22);
  margin-inline: 2px;
  user-select: none;
}

/* Old signal dock + board tier: fully suppressed (now hidden in HTML too) */
body.cc-page .cc-morph-signal-dock,
body.cc-page .cc-formation-floor,
body.cc-page .cc-board-tier,
body.cc-page .cc-board-tier-head,
body.cc-page .cc-processing-label,
body.cc-page .cc-command-energy-field {
  display: none !important;
}

body.cc-page .command-secondary-grid,
body.cc-page .command-lower-grid {
  display: none !important;
}

/* ── Depth-driven status text colour transitions ── */
body.cc-page .cc-unified-command-surface[data-formation-depth="forming"] .csf-status,
body.cc-page .cc-unified-command-surface[data-formation-depth="deep"] .csf-status {
  color: rgba(86, 230, 218, 0.95);
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  body.cc-page .csig {
    transition: none !important;
    animation: none !important;
    /* Chips appear already settled — no lifecycle motion */
    opacity: 1 !important;
    transform: none !important;
  }

  body.cc-page .csig.csig--born,
  body.cc-page .csig.csig--pulled,
  body.cc-page .csig.csig--reading,
  body.cc-page .csig.csig--flip,
  body.cc-page .csig.csig--docked {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  body.cc-page .csf-lane-rail {
    transition: none !important;
  }

  body.cc-page .cc-command-core .system-energy-arc {
    animation: none !important;
  }

  body.cc-page .cc-command-core .system-energy-core.command-orb--system,
  body.cc-page .cc-command-core .system-energy-orb::before,
  body.cc-page .cc-command-core .system-energy-static,
  body.cc-page .cc-command-core .system-energy-nucleus {
    animation: none !important;
  }
}

/* ── RESPONSIVE ── */
@media (max-width: 980px) {
  body.cc-page .cc-unified-command-surface > .cc-preview-window {
    min-height: 0;
  }

  body.cc-page .csf-zone-b {
    padding-block: clamp(20px, 3vw, 36px);
  }

  body.cc-page .cc-command-core .system-energy-core.command-orb--system {
    width: clamp(148px, 22vw, 200px) !important;
  }

  body.cc-page .cc-command-core .system-energy-orb {
    width: clamp(134px, 20vw, 180px) !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-unified-command-surface {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  body.cc-page .cc-unified-command-surface > .cc-preview-window {
    padding: 0 !important;
  }

  body.cc-page .csf-zone-b {
    padding-block: 20px 16px;
  }

  body.cc-page .cc-command-core .system-energy-core.command-orb--system {
    width: min(140px, 48vw) !important;
  }

  body.cc-page .cc-command-core .system-energy-orb {
    width: min(126px, 43vw) !important;
  }

  body.cc-page .csf-zone-c {
    gap: 8px;
  }

  body.cc-page .csig {
    font-size: 0.68rem;
    padding: 7px 11px;
  }
}


body.cc-page .cc-command-core::before {
  inset: 8% !important;
  border-radius: 999px !important;
  opacity: 0.68 !important;
  background:
    radial-gradient(circle at 50% 46%, var(--client-wash-soft, rgba(86, 230, 218, 0.22)), transparent 58%),
    radial-gradient(circle at 62% 58%, rgba(255, 141, 86, 0.13), transparent 62%) !important;
  filter: blur(10px);
}

body.cc-page .cc-command-core::after,
body.cc-page .cc-command-core__floor,
body.cc-page .cc-command-core__tether {
  display: none !important;
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system {
  width: clamp(158px, 18vw, 220px) !important;
  margin: 0 auto !important;
}

body.cc-page .cc-command-core .system-energy-orb {
  width: clamp(142px, 16vw, 190px) !important;
}

body.cc-page #cc-command-core-label {
  max-width: 24ch;
  margin: 2px auto 0;
  color: rgba(225, 255, 252, 0.88) !important;
  text-align: center;
}

body.cc-page .cc-orb-action-chip,
body.cc-page #cc-orb-action-chip {
  display: none !important;
}

body.cc-page .cc-morph-signal-dock {
  display: none !important;
}

body.cc-page .cc-formation-floor {
  grid-area: floor;
  align-self: end;
  margin-top: 0 !important;
  padding: 10px 12px !important;
  background: rgba(3, 12, 24, 0.42) !important;
}

body.cc-page .cc-board-tier {
  grid-area: rail;
  align-self: end;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cc-page .cc-board-tier-head,
body.cc-page .cc-processing-label,
body.cc-page #lead-processing-board,
body.cc-page .cc-command-energy-field {
  display: none !important;
}

body.cc-page .cc-board-tier .cc-stage-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

body.cc-page .cc-agentic-intel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.85fr);
  gap: 12px;
  margin-top: 16px;
  min-width: 0;
}

body.cc-page .cc-live-command-feed,
body.cc-page .cc-source-label-panel {
  padding: 13px;
  border-radius: 18px;
  border: 1px solid rgba(86, 230, 218, 0.14);
  background:
    radial-gradient(circle at 12% 0%, rgba(86, 230, 218, 0.10), transparent 36%),
    linear-gradient(145deg, rgba(5, 16, 31, 0.62), rgba(8, 18, 32, 0.78));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  min-width: 0;
}

body.cc-page .cc-live-command-feed ol,
body.cc-page .cc-source-label-panel ul {
  display: grid;
  gap: 7px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

body.cc-page .cc-live-command-feed ol {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.cc-page .cc-live-command-feed li,
body.cc-page .cc-source-label-panel li {
  position: relative;
  min-width: 0;
  padding: 7px 9px 7px 24px;
  border-radius: 999px;
  color: rgba(210, 230, 245, 0.64);
  background: rgba(255, 255, 255, 0.035);
  font: 700 0.70rem / 1.25 var(--font-ui, system-ui, sans-serif);
}

body.cc-page .cc-live-command-feed li::before,
body.cc-page .cc-source-label-panel li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(148, 164, 184, 0.48);
  transform: translateY(-50%);
}

body.cc-page .cc-live-command-feed li.is-done,
body.cc-page .cc-source-label-panel li.is-known {
  color: rgba(225, 245, 248, 0.9);
  background: rgba(86, 230, 218, 0.08);
}

body.cc-page .cc-live-command-feed li.is-done::before,
body.cc-page .cc-source-label-panel li.is-known::before {
  background: rgba(86, 230, 218, 0.95);
  box-shadow: 0 0 14px rgba(86, 230, 218, 0.34);
}

body.cc-page .cc-live-command-feed li.is-active {
  color: #fff7ed;
  background: rgba(255, 141, 86, 0.10);
}

body.cc-page .cc-live-command-feed li.is-active::before {
  background: rgba(255, 141, 86, 0.95);
  box-shadow: 0 0 14px rgba(255, 141, 86, 0.36);
}

body.cc-page .cc-source-label-panel h3 {
  margin: 0;
  color: rgba(86, 230, 218, 0.82);
  font: 800 0.70rem / 1.2 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.cc-page .cc-board-tier .cc-stage-row span {
  display: none !important;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px !important;
  border: 1px solid rgba(86, 230, 218, 0.22) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(86, 230, 218, 0.10), rgba(255, 255, 255, 0.025)),
    rgba(5, 16, 31, 0.66) !important;
  color: rgba(218, 238, 255, 0.84) !important;
  font: 700 0.72rem/1.15 var(--font-tech);
  letter-spacing: 0.08em;
}

body.cc-page .cc-board-tier .cc-stage-row span:nth-child(1),
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(2),
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(11),
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(13) {
  display: flex !important;
}

body.cc-page .cc-board-tier .cc-stage-row span:nth-child(1)::after,
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(2)::after,
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(11)::after,
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(13)::after {
  content: " forming";
  margin-left: 0.25em;
  color: rgba(86, 230, 218, 0.74);
  font-weight: 600;
  letter-spacing: 0.04em;
}

body.cc-page .cc-board-tier .cc-stage-row span.active,
body.cc-page .cc-board-tier .cc-stage-row span.state-active,
body.cc-page .cc-board-tier .cc-stage-row span.state-complete {
  color: #f7ffff !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.58)) 74%, rgba(255, 255, 255, 0.14)) !important;
  box-shadow: 0 0 18px var(--client-wash-glow, rgba(86, 230, 218, 0.14));
}

body.cc-page .command-secondary-grid,
body.cc-page .command-lower-grid {
  display: none !important;
}

@media (max-width: 980px) {
  body.cc-page .cc-unified-command-surface > .cc-preview-window {
    min-height: 0;
  }

  body.cc-page .cc-morph-identity-stage {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "orb"
      "floor"
      "rail";
    min-height: 0 !important;
  }

  body.cc-page .cc-morph-title {
    max-width: none;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-unified-command-surface {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  body.cc-page .cc-unified-command-surface > .cc-preview-window {
    padding: 0 !important;
  }

  body.cc-page .cc-preview-window-head {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-preview-window-head .chip-row {
    justify-content: flex-start;
  }

  body.cc-page .cc-morph-identity-stage {
    padding: 16px !important;
    gap: 14px;
  }

  body.cc-page .cc-command-core .system-energy-core.command-orb--system {
    width: min(154px, 48vw) !important;
  }

  body.cc-page .cc-command-core .system-energy-orb {
    width: min(138px, 43vw) !important;
  }

  body.cc-page .cc-board-tier .cc-stage-row {
    grid-template-columns: 1fr 1fr;
  }
}

/* Prompt 16G: black liquid glass finish + semantic color spine correction. */
body.cc-page {
  --cc-glass-black: rgba(2, 7, 15, 0.96);
  --cc-glass-obsidian: rgba(5, 13, 26, 0.92);
  --cc-julius-cyan: rgba(86, 230, 218, 0.92);
  --cc-julius-orange: rgba(255, 141, 86, 0.78);
  --cc-julius-blue: rgba(48, 132, 210, 0.34);
  --cc-glass-rim: rgba(86, 230, 218, 0.34);
  --client-wash-primary: rgba(86, 230, 218, 0.16);
  --client-wash-secondary: rgba(255, 141, 86, 0.15);
  --client-wash-rim: rgba(86, 230, 218, 0.42);
  --client-wash-glow: rgba(255, 141, 86, 0.15);
  --client-wash-soft: rgba(86, 230, 218, 0.075);
  background:
    radial-gradient(circle at 18% 14%, rgba(86, 230, 218, 0.15), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(255, 141, 86, 0.13), transparent 28%),
    linear-gradient(135deg, #020712 0%, #06101f 42%, #0a101b 68%, #140d12 100%) !important;
}

body.cc-page .cc-cockpit,
body.cc-page .cc-unified-command-surface,
body.cc-page .cqa-panel {
  background:
    linear-gradient(150deg, rgba(6, 15, 29, 0.95), rgba(2, 7, 15, 0.93) 54%, rgba(14, 11, 18, 0.92)),
    radial-gradient(circle at 16% 12%, rgba(86, 230, 218, 0.10), transparent 35%),
    radial-gradient(circle at 86% 22%, rgba(255, 141, 86, 0.075), transparent 34%) !important;
  border-color: rgba(86, 230, 218, 0.28) !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 0 42px rgba(86, 230, 218, 0.055) !important;
}

body.cc-page .cc-unified-command-surface {
  position: relative;
  overflow: hidden;
  box-shadow:
    0 30px 88px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(86, 230, 218, 0.18),
    0 0 38px rgba(255, 141, 86, 0.08),
    inset 0 0 52px rgba(3, 9, 18, 0.82) !important;
}

body.cc-page .cc-unified-command-surface.brand-wash-active {
  box-shadow:
    0 30px 88px rgba(0, 0, 0, 0.62),
    0 0 0 1px color-mix(in srgb, var(--client-wash-rim) 54%, rgba(86, 230, 218, 0.24)),
    0 0 34px color-mix(in srgb, var(--client-wash-glow) 76%, rgba(255, 141, 86, 0.10)),
    inset 0 0 54px rgba(3, 9, 18, 0.86) !important;
}

body.cc-page .cc-unified-command-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(100deg, transparent 0 18%, rgba(86, 230, 218, 0.11) 36%, transparent 52%),
    linear-gradient(260deg, transparent 0 20%, rgba(255, 141, 86, 0.09) 38%, transparent 56%);
  opacity: 0.48;
  mix-blend-mode: screen;
}

body.cc-page .cc-unified-command-surface.brand-wash-active::after {
  background:
    radial-gradient(circle at 23% 18%, var(--client-wash-soft), transparent 35%),
    linear-gradient(100deg, transparent 0 18%, color-mix(in srgb, var(--client-wash-rim) 42%, rgba(86, 230, 218, 0.18)) 36%, transparent 54%),
    linear-gradient(260deg, transparent 0 18%, color-mix(in srgb, var(--client-wash-secondary) 62%, rgba(255, 141, 86, 0.14)) 40%, transparent 58%);
  opacity: 0.64;
}

body.cc-page .cc-morph-identity-stage {
  background:
    linear-gradient(150deg, rgba(4, 12, 24, 0.92), rgba(1, 6, 14, 0.96) 52%, rgba(15, 10, 17, 0.91)),
    radial-gradient(circle at 26% 14%, rgba(86, 230, 218, 0.12), transparent 34%),
    radial-gradient(circle at 82% 64%, rgba(255, 141, 86, 0.10), transparent 40%) !important;
  border-color: rgba(86, 230, 218, 0.28) !important;
}

body.cc-page.brand-wash-red-gold,
body.cc-page .brand-wash-red-gold {
  --client-wash-primary: rgba(255, 197, 88, 0.24);
  --client-wash-secondary: rgba(224, 66, 58, 0.20);
  --client-wash-rim: rgba(255, 197, 88, 0.50);
  --client-wash-glow: rgba(224, 66, 58, 0.20);
  --client-wash-soft: rgba(255, 197, 88, 0.095);
}

body.cc-page .cc-command-core {
  filter: saturate(1.08) contrast(1.08);
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system {
  position: relative;
  isolation: isolate;
  pointer-events: none;
  filter: saturate(1.18) contrast(1.12);
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system::before {
  content: "";
  position: absolute;
  inset: 10%;
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle at 48% 46%, rgba(86, 230, 218, 0.24), transparent 45%),
    radial-gradient(circle at 64% 58%, rgba(255, 141, 86, 0.18), transparent 50%);
  filter: blur(16px);
  opacity: 0.92;
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-core.command-orb--system::before {
  background:
    radial-gradient(circle at 45% 46%, color-mix(in srgb, var(--client-wash-rim) 64%, rgba(86, 230, 218, 0.20)), transparent 45%),
    radial-gradient(circle at 66% 58%, color-mix(in srgb, var(--client-wash-secondary) 76%, rgba(255, 141, 86, 0.16)), transparent 50%);
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  right: 13%;
  top: 39%;
  border-radius: 999px;
  background: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.75)) 70%, #ffffff);
  box-shadow:
    0 0 14px var(--client-wash-rim, rgba(86, 230, 218, 0.55)),
    0 0 28px var(--client-wash-glow, rgba(255, 141, 86, 0.20));
  opacity: 0.95;
}

body.cc-page .cc-command-core .system-energy-orb {
  background:
    radial-gradient(circle at 50% 48%, rgba(250, 255, 255, 0.96) 0 4%, rgba(86, 230, 218, 0.90) 6%, rgba(86, 230, 218, 0.35) 18%, rgba(255, 141, 86, 0.24) 31%, rgba(5, 17, 31, 0.88) 56%, rgba(1, 5, 12, 0.98) 100%) !important;
  border: 1px solid rgba(145, 247, 239, 0.46) !important;
  box-shadow:
    inset 0 0 24px rgba(255, 255, 255, 0.16),
    inset 0 0 62px rgba(86, 230, 218, 0.24),
    0 0 28px rgba(86, 230, 218, 0.24),
    0 0 46px rgba(255, 141, 86, 0.13) !important;
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-orb {
  background:
    radial-gradient(circle at 50% 48%, rgba(250, 255, 255, 0.98) 0 4%, color-mix(in srgb, var(--client-wash-rim) 82%, rgba(86, 230, 218, 0.82)) 7%, rgba(86, 230, 218, 0.28) 18%, color-mix(in srgb, var(--client-wash-secondary) 70%, rgba(255, 141, 86, 0.24)) 32%, rgba(5, 17, 31, 0.90) 57%, rgba(1, 5, 12, 0.98) 100%) !important;
  border-color: color-mix(in srgb, var(--client-wash-rim) 70%, rgba(145, 247, 239, 0.38)) !important;
  box-shadow:
    inset 0 0 24px rgba(255, 255, 255, 0.17),
    inset 0 0 66px color-mix(in srgb, var(--client-wash-rim) 46%, rgba(86, 230, 218, 0.20)),
    0 0 30px color-mix(in srgb, var(--client-wash-rim) 58%, rgba(86, 230, 218, 0.20)),
    0 0 54px color-mix(in srgb, var(--client-wash-glow) 76%, rgba(255, 141, 86, 0.13)) !important;
}

body.cc-page .cc-command-core .system-energy-arc {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.72)) 58%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 70%, transparent) !important;
}

body.cc-page .cc-command-core .system-energy-arc.arc-two {
  border-color: color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.58)) 66%, rgba(86, 230, 218, 0.22)) !important;
}

body.cc-page .cc-command-core .system-energy-nucleus {
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.98) 0 20%, color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.86)) 76%, rgba(255, 255, 255, 0.36)) 36%, color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.60)) 64%, rgba(86, 230, 218, 0.30)) 74%, transparent 100%) !important;
  box-shadow:
    0 0 18px var(--client-wash-rim, rgba(86, 230, 218, 0.62)),
    0 0 34px var(--client-wash-glow, rgba(255, 141, 86, 0.22)) !important;
}

body.cc-page #live-theme-chip,
body.cc-page #cc-signal-chip-brand,
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(11) {
  position: relative;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.38)) 72%, rgba(255, 255, 255, 0.10)) !important;
  box-shadow: inset 0 0 20px var(--client-wash-soft, rgba(86, 230, 218, 0.08)), 0 0 18px var(--client-wash-glow, rgba(255, 141, 86, 0.11)) !important;
}

body.cc-page #live-theme-chip::before,
body.cc-page #cc-signal-chip-brand::before,
body.cc-page .cc-board-tier .cc-stage-row span:nth-child(11)::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-right: 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.72)) 78%, #fff);
  box-shadow: 0 0 12px var(--client-wash-rim, rgba(86, 230, 218, 0.48));
}

body.cc-page .cc-morph-project-dock,
body.cc-page .cc-morph-idea-chip {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.28)) 48%, rgba(86, 230, 218, 0.20)) !important;
}

body.cc-page .cc-morph-project-dock::after,
body.cc-page .cc-morph-idea-chip::after {
  background: linear-gradient(90deg, transparent, var(--client-wash-rim, rgba(86, 230, 218, 0.52)), var(--client-wash-secondary, rgba(255, 141, 86, 0.28)), transparent) !important;
  opacity: 0.88 !important;
}

body.cc-page .csf-lane-rail {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.28)) 48%, rgba(255, 141, 86, 0.18)) !important;
  background:
    linear-gradient(90deg, rgba(86, 230, 218, 0.08), var(--client-wash-soft, rgba(86, 230, 218, 0.07)), rgba(255, 141, 86, 0.06)),
    rgba(2, 8, 17, 0.64) !important;
}

body.cc-page .csf-lane-node.csf-lane--active,
body.cc-page .csig.csig--docked,
body.cc-page .csig.csig--pulled {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.48)) 72%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow:
    0 0 18px var(--client-wash-glow, rgba(255, 141, 86, 0.14)),
    inset 0 0 20px var(--client-wash-soft, rgba(86, 230, 218, 0.07)) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-command-core .system-energy-core.command-orb--system::before,
  body.cc-page .cc-command-core .system-energy-core.command-orb--system::after {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-command-core .system-energy-core.command-orb--system::after {
    right: 9%;
    top: 37%;
    width: 9px;
    height: 9px;
  }
}

/* Prompt 16H: dynamic earned formation canvas + idea-first intake timing. */
body.cc-page .cc-cqa-panel {
  display: flex !important;
  flex-direction: column !important;
}

body.cc-page .cc-cqa-col .cc-cqa-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "head"
    "mode"
    "stream"
    "input"
    "progress" !important;
}

body.cc-page .cc-cqa-workspace {
  order: 50 !important;
  position: relative !important;
}

body.cc-page .cc-cqa-input-dock {
  order: 60 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

body.cc-page .cc-brand-direction-prompt {
  display: none !important;
}

body.cc-page .cc-cqa-panel.has-idea-signal .cc-cqa-suggestions,
body.cc-page .cc-cqa-panel.has-brand-signal .cc-cqa-suggestions {
  display: flex !important;
}

body.cc-page .cc-cqa-panel.has-idea-signal .cc-cqa-suggestions > .cqa-helper-label,
body.cc-page .cc-cqa-panel.has-idea-signal .cc-cqa-suggestions > .cqa-helper-chip:not(.cc-brand-option),
body.cc-page .cc-cqa-panel.has-brand-signal .cc-cqa-suggestions > .cqa-helper-label,
body.cc-page .cc-cqa-panel.has-brand-signal .cc-cqa-suggestions > .cqa-helper-chip:not(.cc-brand-option) {
  display: none !important;
}

body.cc-page .cc-cqa-panel.asking-brand-choice .cc-brand-direction-prompt {
  display: block !important;
  flex: 1 1 100%;
}

body.cc-page .cc-brand-direction-prompt.is-retired,
body.cc-page .cc-brand-direction-prompt[aria-hidden="true"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.cc-page .cc-cqa-col,
body.cc-page .cc-cqa-panel,
body.cc-page #cqa-send-summary {
  position: relative;
  z-index: 40;
}

body.cc-page .cc-cqa-workspace .cc-cqa-quick {
  width: 100%;
  margin: 2px 0 0;
  padding: 0;
}

body.cc-page .cc-cqa-workspace .cc-cqa-quick.show {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

body.cc-page .cc-cqa-workspace #cqa-send-summary {
  min-height: 38px;
  width: auto;
  max-width: min(100%, 320px);
  padding: 8px 15px;
  border-radius: 999px;
  font-size: 0.78rem;
  line-height: 1.12;
  letter-spacing: 0.01em;
  box-shadow:
    0 8px 18px rgba(255, 141, 86, 0.2),
    0 0 0 1px rgba(86, 230, 218, 0.24) inset;
}

body.cc-page .cc-cqa-panel.cqa-summary-ready .cc-cqa-workspace {
  gap: 7px !important;
}

body.cc-page .cc-preview-col,
body.cc-page .csf-zone-b {
  position: relative;
  z-index: 10;
}

body.cc-page .csf-zone-b {
  display: grid !important;
  grid-template-columns: minmax(min(100%, 360px), 1fr) minmax(160px, 0.42fr);
  grid-template-areas:
    "identity orb"
    "idea orb";
  align-items: center;
  justify-items: stretch;
  gap: clamp(16px, 2.4vw, 30px);
  min-height: clamp(300px, 38vh, 480px);
  padding-block: clamp(22px, 3.2vw, 44px) !important;
  overflow: visible;
}

body.cc-page .csf-identity-strip {
  grid-area: identity;
  align-items: start;
  text-align: left !important;
  max-width: min(100%, 760px);
}

body.cc-page .csf-identity-strip .cc-morph-title,
body.cc-page .csf-identity-strip .cc-morph-project-dock,
body.cc-page .csf-identity-strip .cc-morph-idea-chip {
  text-align: left !important;
}

body.cc-page .csf-idea-object {
  grid-area: idea;
  position: relative;
  isolation: isolate;
  display: grid;
  gap: clamp(8px, 1vw, 12px);
  width: 100%;
  max-width: min(100%, 820px);
  min-height: clamp(160px, 22vh, 260px);
  padding: clamp(18px, 2.2vw, 30px);
  border: 1px solid color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.36)) 55%, rgba(255, 255, 255, 0.10));
  border-radius: clamp(24px, 3vw, 36px);
  background:
    radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 72%, transparent), transparent 42%),
    linear-gradient(140deg, rgba(4, 13, 25, 0.88), rgba(2, 7, 15, 0.80) 58%, rgba(16, 11, 18, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 0 42px rgba(86, 230, 218, 0.035),
    0 24px 72px rgba(0, 0, 0, 0.34);
  overflow: hidden;
}

body.cc-page .csf-idea-object::before {
  content: "";
  position: absolute;
  inset: -22%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 22%, color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.34)) 46%, transparent), transparent 35%),
    radial-gradient(circle at 76% 74%, color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.16)) 58%, transparent), transparent 39%);
  opacity: 0.82;
  filter: blur(10px);
}

body.cc-page .csf-idea-label {
  width: max-content;
  max-width: 100%;
  color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.9)) 76%, #ffffff);
  font: 800 clamp(0.72rem, 0.9vw, 0.9rem) / 1 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

body.cc-page .csf-idea-text {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #f5fbff;
  font-family: var(--font-display, 'Space Grotesk', 'Inter', sans-serif);
  font-size: clamp(1.75rem, 3.5vw, 4.2rem);
  font-weight: 850;
  letter-spacing: -0.07em;
  line-height: 0.86;
  overflow-wrap: anywhere;
  text-wrap: balance;
  text-shadow: 0 0 26px rgba(86, 230, 218, 0.10);
}

body.cc-page .csf-idea-object[data-idea-state="empty"] .csf-idea-text,
body.cc-page .csf-idea-object[data-idea-state="brand-first"] .csf-idea-text {
  font-size: clamp(1.5rem, 2.8vw, 3rem);
  color: rgba(218, 238, 255, 0.82);
  letter-spacing: -0.045em;
}

body.cc-page .csf-idea-support {
  color: rgba(190, 218, 242, 0.78);
  font: 700 clamp(0.84rem, 1vw, 1rem) / 1.35 var(--font-tech, 'IBM Plex Mono', monospace);
  letter-spacing: 0.06em;
}

body.cc-page .csf-idea-arrival {
  animation: csfIdeaArrival 0.82s cubic-bezier(.2,.8,.2,1);
}

body.cc-page .cc-command-core {
  grid-area: orb;
  align-self: center !important;
}

body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-core.command-orb--system {
  filter: saturate(1.35) contrast(1.14);
}

body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-arc.arc-one,
body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-arc.arc-two {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.76)) 78%, rgba(255, 255, 255, 0.18)) !important;
  box-shadow: 0 0 24px color-mix(in srgb, var(--client-wash-glow, rgba(255, 141, 86, 0.18)) 78%, transparent) !important;
}

body.cc-page .csf-zone-c {
  min-height: 62px;
  justify-content: flex-start !important;
  align-items: center;
  gap: clamp(8px, 1.1vw, 14px) !important;
}

body.cc-page .csig {
  min-height: 46px;
  padding: 11px 16px !important;
  border-radius: 999px !important;
  font-size: clamp(0.76rem, 0.92vw, 0.9rem) !important;
  letter-spacing: 0.09em;
}

body.cc-page .csig.csig--pulled {
  transform: translateY(-7px) translateX(9px) scale(1.04) !important;
}

body.cc-page .csig.csig--reading {
  transform: translateY(-3px) scale(1.08) !important;
}

body.cc-page .csig.csig--settled {
  transform: none !important;
}

@keyframes csfIdeaArrival {
  0% {
    opacity: 0.72;
    transform: translateY(14px) scale(0.985);
    box-shadow: 0 0 0 rgba(86, 230, 218, 0);
  }
  45% {
    opacity: 1;
    transform: translateY(-4px) scale(1.012);
    box-shadow: 0 0 34px color-mix(in srgb, var(--client-wash-glow, rgba(255, 141, 86, 0.16)) 72%, rgba(86, 230, 218, 0.12));
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .csf-idea-arrival,
  body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-core.command-orb--system,
  body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-arc {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .csf-zone-b {
    grid-template-columns: 1fr;
    grid-template-areas:
      "identity"
      "idea"
      "orb";
    min-height: 0;
  }

  body.cc-page .cc-command-core {
    justify-self: center;
  }
}

@media (max-width: 640px) {
  body.cc-page .csf-idea-object {
    min-height: 138px;
    padding: 16px;
    border-radius: 22px;
  }

  body.cc-page .csf-idea-text {
    font-size: clamp(1.6rem, 8vw, 2.5rem);
    line-height: 0.92;
    letter-spacing: -0.052em;
    -webkit-line-clamp: 2;
  }

  body.cc-page .csf-zone-c {
    justify-content: flex-start !important;
    min-height: 48px;
  }

  body.cc-page .csig {
    max-width: 100%;
    min-height: 40px;
    white-space: normal !important;
    text-align: start;
  }

  body.cc-page .cc-brand-option-row {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Hide progress chips */
body.cc-page .cc-cqa-progress { display: none !important; }

/* ============================================================
   PROMPT 16L FINAL FOUNDER COMPOSITION PASS
   Use the formation canvas: top-left identity/idea, top-right earned chips,
   quieter awaiting state, stronger meaningful dock motion.
   ============================================================ */
body.cc-page .cc-unified-command-surface > .cc-preview-window.live {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  position: relative !important;
  min-height: clamp(430px, 52vh, 590px) !important;
  padding: clamp(16px, 2vw, 24px) !important;
  background:
    radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.36)) 34%, transparent), transparent 32%),
    radial-gradient(circle at 22% 28%, rgba(255, 141, 86, 0.10), transparent 34%),
    linear-gradient(146deg, rgba(6, 19, 34, 0.42), rgba(2, 8, 16, 0.12)) !important;
}

body.cc-page .cc-unified-command-surface {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.cc-page .cc-unified-command-surface > .cc-preview-window.live::before {
  content: "";
  position: absolute;
  inset: 58px 18px 56px 18px;
  z-index: 0;
  pointer-events: none;
  border-radius: 32px;
  border: 1px solid rgba(86, 230, 218, 0.08);
  background:
    linear-gradient(115deg, transparent 0 45%, rgba(86, 230, 218, 0.08) 48%, transparent 52% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 42%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.88));
}

body.cc-page .cc-unified-command-surface > .cc-preview-window.live > * {
  position: relative;
  z-index: 1;
}

body.cc-page .cc-unified-command-surface > .cc-preview-window.live .cc-morph-watermark {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.cc-page .csf-zone-a {
  position: relative;
  z-index: 4;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-block-end: clamp(10px, 1.4vw, 16px) !important;
  padding-block-end: clamp(8px, 1vw, 12px) !important;
}

body.cc-page .csf-zone-b {
  position: relative;
  z-index: 2;
  grid-template-columns: minmax(0, 0.58fr) minmax(176px, 0.42fr) !important;
  grid-template-areas:
    "identity orb"
    "idea orb" !important;
  align-items: start !important;
  min-height: clamp(255px, 31vh, 405px) !important;
  padding-block: clamp(10px, 1.9vw, 24px) clamp(18px, 2.3vw, 32px) !important;
}

body.cc-page .csf-identity-strip {
  gap: 6px !important;
  padding-inline-end: clamp(96px, 12vw, 170px);
}

body.cc-page .csf-identity-strip .cc-morph-title {
  max-width: 28ch;
  font-size: clamp(0.92rem, 1.45vw, 1.16rem) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
}

body.cc-page .csf-identity-strip .cc-morph-project-dock,
body.cc-page .csf-identity-strip .cc-morph-idea-chip {
  max-width: 34ch;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(5, 16, 31, 0.48) !important;
  border-color: rgba(86, 230, 218, 0.14) !important;
}

body.cc-page .csf-idea-object {
  max-width: min(100%, 560px) !important;
  min-height: clamp(112px, 15vh, 170px) !important;
  padding: clamp(14px, 1.7vw, 22px) !important;
  border-radius: clamp(19px, 2.3vw, 28px) !important;
}

body.cc-page .csf-idea-object[data-idea-state="empty"],
body.cc-page .csf-idea-object[data-idea-state="brand-first"] {
  max-width: min(100%, 430px) !important;
  min-height: 88px !important;
  padding: 13px 15px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(86, 230, 218, 0.09), transparent 42%),
    linear-gradient(140deg, rgba(5, 18, 33, 0.78), rgba(3, 9, 18, 0.68)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 12px 36px rgba(0, 0, 0, 0.24) !important;
}

body.cc-page .csf-idea-label {
  font-size: clamp(0.58rem, 0.72vw, 0.68rem) !important;
  letter-spacing: 0.20em !important;
}

body.cc-page .csf-idea-text {
  font-size: clamp(1.38rem, 2.35vw, 2.65rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  overflow-wrap: break-word !important;
  text-wrap: balance;
}

body.cc-page .csf-idea-object[data-idea-state="empty"] .csf-idea-text,
body.cc-page .csf-idea-object[data-idea-state="brand-first"] .csf-idea-text {
  font-size: clamp(0.98rem, 1.35vw, 1.28rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  color: rgba(225, 239, 252, 0.82) !important;
}

body.cc-page .csf-idea-support {
  font-size: clamp(0.66rem, 0.78vw, 0.78rem) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

body.cc-page .cc-command-core {
  justify-self: end !important;
  align-self: center !important;
  transform: translateY(-4px);
}

body.cc-page .cc-command-core .system-energy-core.command-orb--system {
  width: clamp(154px, 17vw, 205px) !important;
}

body.cc-page .cc-command-core .system-energy-orb {
  width: clamp(136px, 15vw, 178px) !important;
}

body.cc-page #cc-command-core-label {
  font-size: 0.64rem !important;
  opacity: 0.72;
}

body.cc-page .csf-zone-c {
  position: absolute !important;
  z-index: 6;
  top: clamp(250px, 28vw, 340px);
  right: clamp(14px, 2vw, 28px);
  width: min(42%, 380px);
  min-height: 0 !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 9px !important;
  padding: 0 !important;
  pointer-events: none;
}

body.cc-page .csf-zone-c::before {
  content: "";
  position: absolute;
  right: 82%;
  top: 50%;
  width: clamp(72px, 10vw, 150px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.52)) 68%, transparent));
  opacity: 0.58;
}

body.cc-page .csig {
  pointer-events: auto;
  min-height: 42px !important;
  padding: 10px 14px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--client-wash-primary, rgba(86, 230, 218, 0.11)) 56%, rgba(255, 255, 255, 0.025)), rgba(255, 255, 255, 0.018)),
    rgba(5, 16, 31, 0.86) !important;
  backdrop-filter: blur(14px) saturate(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 32px rgba(0, 0, 0, 0.28),
    0 0 12px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.12)) 42%, transparent) !important;
}

body.cc-page .csig.csig--pulled {
  transform: translate3d(-24px, -12px, 0) scale(1.08) rotate(-1deg) !important;
}

body.cc-page .csig.csig--reading {
  transform: translate3d(-8px, -4px, 0) scale(1.1) !important;
}

body.cc-page .csig.csig--docked,
body.cc-page .csig.csig--settled {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

body.cc-page .csig__swatch {
  animation: csigSwatchIn 0.46s cubic-bezier(.2,.8,.2,1) both;
}

body.cc-page .csf-lane-rail {
  margin-block-start: auto !important;
  padding-block-start: 10px !important;
}

@keyframes csigSwatchIn {
  0% { opacity: 0; transform: scale(0.65) translateY(4px); }
  70% { opacity: 1; transform: scale(1.13) translateY(-1px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .csf-zone-c::before,
  body.cc-page .csig__swatch {
    animation: none !important;
    transition: none !important;
  }

  body.cc-page .cc-command-core,
  body.cc-page .csig.csig--pulled,
  body.cc-page .csig.csig--reading,
  body.cc-page .csig.csig--docked,
  body.cc-page .csig.csig--settled {
    transform: none !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .csf-zone-b {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "identity"
      "idea"
      "orb" !important;
    min-height: 0 !important;
  }

  body.cc-page .csf-identity-strip {
    padding-inline-end: 0;
  }

  body.cc-page .csf-idea-object {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.cc-page .cc-command-core {
    justify-self: center !important;
  }

  body.cc-page .csf-zone-c {
    position: relative !important;
    top: auto;
    right: auto;
    width: 100%;
    justify-content: flex-start !important;
    margin-block: 4px 10px;
  }

  body.cc-page .csf-zone-c::before {
    display: none;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-unified-command-surface > .cc-preview-window.live {
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.cc-page .csf-zone-a {
    flex-direction: column !important;
    align-items: flex-start;
  }

  body.cc-page .csf-idea-object {
    min-height: 96px !important;
  }

  body.cc-page .csf-idea-object[data-idea-state="empty"],
  body.cc-page .csf-idea-object[data-idea-state="brand-first"] {
    max-width: 100% !important;
  }

  body.cc-page .csf-idea-text {
    font-size: clamp(1.32rem, 7vw, 2.08rem) !important;
    letter-spacing: -0.036em !important;
  }
}

/* ============================================================
   PROMPT 17D SIGNAL DOCK — earned chips around the orb
   ============================================================ */
body.cc-page .csf-zone-c {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "system source"
    "audience path"
    "leak value"
    "timeline budget"
    "readiness review";
  top: clamp(112px, 12vw, 168px) !important;
  right: clamp(12px, 1.6vw, 24px) !important;
  width: min(46%, 430px) !important;
  max-height: min(270px, 42vh);
  align-content: start !important;
  gap: 8px !important;
}

body.cc-page .csf-zone-c.csf-dock-pulse::after {
  content: "";
  position: absolute;
  left: -18%;
  top: 42%;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  pointer-events: none;
  background: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.92)) 82%, #ffffff);
  box-shadow:
    0 0 12px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.32)) 65%, transparent),
    0 0 24px rgba(255, 141, 86, 0.09);
  animation: ccSignalSparkToDock 0.72s cubic-bezier(.2,.8,.2,1) both;
}

body.cc-page .csf-zone-c::before {
  right: 100% !important;
  top: 47% !important;
  width: clamp(48px, 7vw, 112px) !important;
}

body.cc-page .csig {
  width: 100%;
  min-width: 0;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  font-size: clamp(0.58rem, 0.72vw, 0.72rem) !important;
  letter-spacing: 0.065em !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

body.cc-page .csig__label {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-wrap: balance;
  /* Prevent orb bloom from washing chip text */
  text-shadow: none;
  color: rgba(255, 255, 255, 0.94);
  isolation: isolate;
}

body.cc-page .csig[data-cluster-key="system"] { grid-area: system; }
body.cc-page .csig[data-cluster-key="source"] { grid-area: source; }
body.cc-page .csig[data-cluster-key="leak"] { grid-area: leak; }
body.cc-page .csig[data-cluster-key="audience"] { grid-area: audience; }
body.cc-page .csig[data-cluster-key="path"] { grid-area: path; }
body.cc-page .csig[data-cluster-key="value"] { grid-area: value; }
body.cc-page .csig[data-cluster-key="timeline"] { grid-area: timeline; }
body.cc-page .csig[data-cluster-key="budget"] { grid-area: budget; }
body.cc-page .csig[data-cluster-key="readiness"] { grid-area: readiness; }
body.cc-page .csig[data-cluster-key="review"] { grid-area: review; }

body.cc-page .csig.csig--signal-arrival {
  animation: ccSignalChipDockGlow 0.72s cubic-bezier(.2,.8,.2,1);
}

body.cc-page .csig[data-cluster-key="review"] {
  border-color: rgba(86, 230, 218, 0.46) !important;
}

.cqa-index-handoff .cqa-bubble-body {
  display: block;
}

.cqa-index-handoff-link {
  display: inline-flex;
  margin-top: 2px;
  text-decoration: none;
}

/* ============================================================
   PRELAUNCH ENTRY OVERLAY — runtime-only Command Center guide
   ============================================================ */
body.cc-page .cc-entry-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 42px);
  pointer-events: auto;
}

body.cc-page .cc-entry-overlay[hidden],
body.cc-page .cc-entry-overlay.is-closed {
  display: none !important;
}

body.cc-page .cc-entry-overlay-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 28% 24%, rgba(86, 230, 218, 0.18), transparent 34%),
    radial-gradient(circle at 72% 58%, rgba(255, 141, 86, 0.14), transparent 38%),
    rgba(2, 7, 14, 0.74);
  backdrop-filter: blur(16px);
}

body.cc-page .cc-entry-card {
  position: relative;
  width: min(620px, 100%);
  max-height: min(86vh, 680px);
  overflow: auto;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid rgba(86, 230, 218, 0.32);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(10, 23, 38, 0.92), rgba(6, 11, 22, 0.9)),
    radial-gradient(circle at 88% 12%, rgba(255, 141, 86, 0.12), transparent 34%);
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 44px rgba(86, 230, 218, 0.14);
  color: rgba(255, 255, 255, 0.94);
}

body.cc-page .cc-entry-core {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 86px;
  height: 86px;
  border-radius: 999px;
  border: 1px solid rgba(86, 230, 218, 0.3);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.9) 0 4px, rgba(86, 230, 218, 0.48) 5px 14px, transparent 36px),
    radial-gradient(circle at 40% 42%, rgba(86, 230, 218, 0.28), transparent 58%);
  box-shadow: 0 0 34px rgba(86, 230, 218, 0.22), inset 0 0 22px rgba(255, 255, 255, 0.05);
}

body.cc-page .cc-entry-orbit {
  position: absolute;
  inset: 15px;
  border-radius: 999px;
  border: 1px solid rgba(255, 141, 86, 0.38);
  transform: rotate(-18deg) scaleX(1.32);
}

body.cc-page .cc-entry-dot {
  position: absolute;
  right: 14px;
  top: 41px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--cmd-turquoise, #56e6da);
  box-shadow: 0 0 18px rgba(86, 230, 218, 0.85);
}

body.cc-page .cc-entry-kicker {
  margin: 0 0 12px;
  color: var(--cmd-turquoise, #56e6da);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.cc-page .cc-entry-card h2 {
  max-width: 420px;
  margin: 0 0 18px;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

body.cc-page .cc-entry-steps {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 1.25rem;
  color: rgba(222, 237, 255, 0.88);
  font-size: clamp(0.98rem, 1.6vw, 1.08rem);
  line-height: 1.5;
}

body.cc-page .cc-entry-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
}

body.cc-page .cc-entry-chips span {
  padding: 8px 12px;
  border: 1px solid rgba(86, 230, 218, 0.28);
  border-radius: 999px;
  background: rgba(4, 18, 28, 0.74);
  color: rgba(255, 255, 255, 0.9);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

body.cc-page .cc-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

body.cc-page .cc-entry-actions .btn {
  min-height: 48px;
}

@media (max-width: 520px) {
  body.cc-page .cc-entry-overlay {
    align-items: start;
    padding: 14px;
  }

  body.cc-page .cc-entry-card {
    max-height: calc(100vh - 28px);
    border-radius: 24px;
    padding: 22px;
  }

  body.cc-page .cc-entry-core {
    position: relative;
    top: auto;
    right: auto;
    width: 64px;
    height: 64px;
    margin: 0 0 16px auto;
  }

  body.cc-page .cc-entry-actions {
    display: grid;
  }
}

@keyframes ccSignalSparkToDock {
  0% {
    opacity: 0;
    transform: translate3d(-28px, 16px, 0) scale(0.62);
  }
  42% {
    opacity: 1;
    transform: translate3d(34px, -8px, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(104px, 0, 0) scale(0.42);
  }
}

@keyframes ccSignalChipDockGlow {
  0% {
    filter: saturate(1);
    box-shadow: 0 0 0 rgba(86, 230, 218, 0);
  }
  45% {
    filter: saturate(1.32) contrast(1.08);
    box-shadow:
      0 0 18px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.24)) 74%, transparent),
      inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
  100% {
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .csf-zone-c.csf-dock-pulse::after,
  body.cc-page .csig.csig--signal-arrival {
    animation: none !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .csf-zone-c {
    display: flex !important;
    max-height: none;
  }
}

@media (max-width: 640px) {
  body.cc-page .csig {
    flex: 1 1 min(100%, 154px);
    font-size: 0.66rem !important;
  }
}

/* ------------------------------------------
   REVIEW BRIEF MODAL (17F REVISED)
------------------------------------------ */
.cc-brief-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cc-brief-modal[hidden] {
  display: none !important;
}
.cc-brief-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 16, 31, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 1;
}
.cc-brief-modal-content {
  position: relative;
  z-index: 2;
  background: var(--cmd-glass, rgba(13, 27, 46, 0.88));
  border: 1px solid var(--cmd-glass-border, rgba(86, 230, 218, 0.22));
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  width: 100%;
  max-width: 920px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px;
  animation: modalReveal 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) both;
  min-width: 0;
  overflow-x: hidden;
  overflow-wrap: anywhere;
}
@keyframes modalReveal {
  from { opacity: 0; transform: translateY(20px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion) {
  .cc-brief-modal-content { animation: none; }
}

.cc-brief-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s;
}
.cc-brief-modal-close:hover {
  color: rgba(255, 255, 255, 1);
}

.cc-brief-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cc-brief-view[hidden] {
  display: none !important;
}

.cc-command-feed {
  margin: 0 0 22px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(86, 230, 218, 0.16);
  background:
    radial-gradient(circle at 10% 0%, rgba(86, 230, 218, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(5, 16, 31, 0.66), rgba(8, 18, 32, 0.78));
}

.cc-command-feed ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.cc-command-feed li {
  position: relative;
  padding: 8px 10px 8px 26px;
  border-radius: 999px;
  color: rgba(210, 230, 245, 0.62);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.78rem;
}

.cc-command-feed li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(148, 164, 184, 0.45);
  transform: translateY(-50%);
}

.cc-command-feed li.is-done {
  color: rgba(225, 245, 248, 0.84);
  background: rgba(86, 230, 218, 0.08);
}

.cc-command-feed li.is-done::before {
  background: rgba(86, 230, 218, 0.95);
  box-shadow: 0 0 14px rgba(86, 230, 218, 0.35);
}

.cc-command-feed li.is-active {
  color: #fff7ed;
  background: rgba(255, 141, 86, 0.1);
}

.cc-command-feed li.is-active::before {
  background: rgba(255, 141, 86, 0.95);
  box-shadow: 0 0 16px rgba(255, 141, 86, 0.42);
}

.cc-generator-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(86, 230, 218, 0.18);
  color: rgba(226, 244, 247, 0.9);
  background: rgba(3, 13, 25, 0.78);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.cc-generator-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(148, 164, 184, 0.9);
}

.cc-generator-status.is-preparing::before {
  background: rgba(255, 141, 86, 0.95);
  box-shadow: 0 0 16px rgba(255, 141, 86, 0.42);
}

.cc-generator-status.is-ready::before {
  background: rgba(86, 230, 218, 0.95);
  box-shadow: 0 0 16px rgba(86, 230, 218, 0.44);
}

.cc-generator-status.is-backup::before {
  background: rgba(71, 216, 148, 0.95);
  box-shadow: 0 0 16px rgba(71, 216, 148, 0.4);
}

.cc-generator-status.is-pending::before {
  background: rgba(148, 164, 184, 0.88);
}

.cc-generator-status.is-unavailable::before {
  background: rgba(255, 107, 107, 0.95);
  box-shadow: 0 0 16px rgba(255, 107, 107, 0.36);
}

.cc-brief-preparation-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 18px;
  padding: 10px 12px;
  border: 1px solid rgba(86, 230, 218, 0.13);
  border-radius: 14px;
  background: rgba(3, 13, 25, 0.6);
  color: rgba(210, 230, 245, 0.7);
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.cc-pickup-panel,
.cc-google-context-card {
  margin-top: 18px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(86, 230, 218, 0.16);
  background:
    radial-gradient(circle at 14% 0%, rgba(86, 230, 218, 0.11), transparent 35%),
    linear-gradient(145deg, rgba(7, 19, 35, 0.74), rgba(5, 12, 24, 0.86));
}

.cc-pickup-panel[hidden],
.cc-google-context-card[hidden] {
  display: none !important;
}

.cc-pickup-panel h3,
.cc-google-context-card h3 {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: #f8fbff;
}

.cc-pickup-answer {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.cc-pickup-answer textarea {
  min-height: 78px;
  resize: vertical;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 640px) {
  .cc-brief-modal {
    padding: 8px;
  }

  .cc-brief-modal-content {
    max-height: calc(100dvh - 16px);
    padding: 24px 14px 18px;
    border-radius: 14px;
  }

  .cc-command-feed ol {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-agentic-status-strip {
    gap: 6px;
  }

  body.cc-page .cc-agentic-status-strip span {
    flex: 1 1 calc(50% - 6px);
    justify-content: flex-start;
    white-space: normal;
  }

  body.cc-page .cc-agentic-intel-grid {
    grid-template-columns: 1fr;
  }

  body.cc-page .cc-live-command-feed ol {
    grid-template-columns: 1fr;
  }

  .cc-command-feed ol {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-agentic-status-strip span::before,
  body.cc-page .cc-live-command-feed li::before,
  body.cc-page .cc-source-label-panel li::before {
    box-shadow: none !important;
  }
}

.inline-error {
  color: #ff6b6b;
  font-size: 0.8rem;
  margin-left: 8px;
  display: none;
}
.inline-error.active {
  display: inline;
}

.brief-card {
  background: rgba(5, 16, 31, 0.6);
  border: 1px solid rgba(255, 141, 86, 0.3);
  border-radius: 12px;
  padding: 24px;
  margin-top: 10px;
}
.brief-card h4 {
  color: var(--cmd-orange, #ff8d56);
  font-size: 0.9rem;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.brief-card p {
  margin: 0 0 16px 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.brief-card p:last-child {
  margin-bottom: 0;
}

.brief-actions-row {
  display: flex;
  gap: 12px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.brief-final-action {
  margin-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
}

.cc-gate-copy-row {
  margin-top: 16px;
}

.cc-genai-waiting {
  position: relative;
  overflow: hidden;
  margin-top: 18px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(86, 230, 218, 0.2);
  background:
    radial-gradient(circle at 16% 8%, rgba(86, 230, 218, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(7, 19, 35, 0.86), rgba(5, 12, 24, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.28);
}

.cc-genai-waiting[hidden] {
  display: none !important;
}

.cc-genai-waiting h3 {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.8vw, 1.22rem);
  color: #f4f7fb;
}

.cc-genai-waiting p {
  margin: 0;
  color: rgba(210, 230, 245, 0.82);
}

.cc-genai-sweep {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 18%, rgba(86, 230, 218, 0.16), rgba(255, 141, 86, 0.1), transparent 76%);
  transform: translateX(-70%);
  animation: ccGenAiSweep 2.6s ease-in-out infinite;
}

.cc-genai-rows {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.cc-genai-rows span {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.25), rgba(255, 141, 86, 0.16), rgba(86, 230, 218, 0.08));
}

.cc-genai-rows span:nth-child(2) {
  width: 76%;
}

.cc-genai-rows span:nth-child(3) {
  width: 58%;
}

@keyframes ccGenAiSweep {
  0% { transform: translateX(-75%); opacity: 0.35; }
  50% { opacity: 0.9; }
  100% { transform: translateX(75%); opacity: 0.35; }
}

@media (prefers-reduced-motion: reduce) {
  .cc-genai-sweep {
    animation: none;
    transform: none;
    opacity: 0.4;
  }
}

.cc-brief-modal.is-review-ready .cc-final-handoff-details {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgba(86, 230, 218, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 0%, rgba(86, 230, 218, 0.1), transparent 32%),
    linear-gradient(145deg, rgba(7, 19, 35, 0.72), rgba(5, 12, 24, 0.78));
}

.cc-brief-modal.is-review-ready .cc-final-handoff-details h2 {
  margin: 0 0 8px;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.cc-brief-modal.is-review-ready .cc-final-handoff-details .cc-gate-validate-submit {
  display: none !important;
}

.optional-copy-row {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.optional-copy-row label {
  flex: 1;
  min-width: 200px;
}
#copy-email-status {
  width: 100%;
  color: var(--cmd-turquoise, #56e6da);
}

/* Overnight burn: agentic command polish without new dependencies. */
body.cc-page .cc-unified-command-surface {
  perspective: 1200px;
  transform-style: preserve-3d;
}

body.cc-page .cc-unified-command-surface > .cc-preview-window.live {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.28)) 54%, rgba(255, 255, 255, 0.08)) !important;
  box-shadow:
    0 34px 82px rgba(0, 0, 0, 0.36),
    0 0 42px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.16)) 56%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -38px 76px rgba(0, 0, 0, 0.26) !important;
}

body.cc-page .cc-command-core.cc-core-answer-pulse {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.56)) 70%, rgba(255, 141, 86, 0.20)) !important;
  box-shadow:
    0 26px 64px rgba(0, 0, 0, 0.34),
    0 0 48px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 78%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -26px 52px rgba(0, 0, 0, 0.28) !important;
}

body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-nucleus {
  transform: translate(-50%, -50%) scale(1.24);
}

body.cc-page .csig,
body.cc-page .cc-source-label-panel li,
body.cc-page .cc-command-feed li {
  text-shadow: 0 0 18px rgba(86, 230, 218, 0.08);
}

body.cc-page .csig {
  font-weight: 800 !important;
  color: rgba(239, 249, 255, 0.92) !important;
}

body.cc-page .csig.csig--priority,
body.cc-page .csig.csig--client-accent {
  color: #ffffff !important;
}

body.cc-page .cc-source-label-panel,
body.cc-page .cc-command-feed {
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 68%, transparent), transparent 42%),
    rgba(2, 9, 18, 0.70) !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.24)) 48%, rgba(255, 255, 255, 0.08)) !important;
}

body.cc-page .cc-route-line {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.20)) 44%, transparent),
    0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-command-core.cc-core-answer-pulse,
  body.cc-page .cc-command-core.cc-core-answer-pulse .system-energy-nucleus {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-unified-command-surface {
    perspective: none;
  }

  body.cc-page .cc-source-label-panel,
  body.cc-page .cc-command-feed {
    background: rgba(2, 9, 18, 0.78) !important;
  }
}

/* ============================================================
   3D INTELLIGENCE DYNAMIC UI BURN
   Visual Director state -> calm depth, earned gravity, truthful work.
   ============================================================ */
body.cc-page {
  overflow-x: clip;
}

body.cc-page [data-visual-director="active"] {
  --intel-depth-near: 22px;
  --intel-depth-mid: 12px;
  --intel-depth-far: 5px;
  transform-style: preserve-3d;
}

body.cc-page .cc-unified-command-surface[data-visual-director="active"] {
  isolation: isolate;
  perspective: 1300px;
  background:
    radial-gradient(circle at 46% 34%, color-mix(in srgb, var(--client-wash-primary, rgba(86, 230, 218, 0.12)) 68%, transparent), transparent 29%),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--client-wash-secondary, rgba(255, 141, 86, 0.10)) 62%, transparent), transparent 27%),
    linear-gradient(148deg, rgba(7, 18, 33, 0.94), rgba(3, 10, 20, 0.98));
  box-shadow:
    0 42px 96px rgba(0, 0, 0, 0.42),
    0 0 56px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.14)) 62%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -54px 100px rgba(0, 0, 0, 0.28);
}

body.cc-page .cc-unified-command-surface[data-visual-director="active"]::after {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.035);
  background:
    linear-gradient(112deg, transparent 0 24%, rgba(86, 230, 218, 0.045) 30%, transparent 37% 68%, rgba(255, 141, 86, 0.04) 75%, transparent 84%);
  transform: translateZ(-4px);
}

body.cc-page .cc-unified-command-surface[data-route-stage="review"] {
  box-shadow:
    0 44px 104px rgba(0, 0, 0, 0.44),
    0 0 64px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 72%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -58px 108px rgba(0, 0, 0, 0.26);
}

body.cc-page .cc-command-core[data-intelligence-state] {
  transform: translateZ(var(--intel-depth-near));
  transition: border-color 320ms ease, box-shadow 320ms ease, filter 320ms ease, transform 320ms ease;
}

body.cc-page .cc-command-core[data-intelligence-state="signal-detected"] {
  filter: saturate(1.06) contrast(1.03);
}

body.cc-page .cc-command-core[data-intelligence-state="leak-active"] {
  border-color: color-mix(in srgb, var(--cmd-orange, #ff8d56) 62%, var(--client-wash-rim, #56e6da));
  box-shadow:
    0 28px 66px rgba(0, 0, 0, 0.36),
    0 0 48px rgba(255, 141, 86, 0.18),
    inset 0 0 34px rgba(255, 141, 86, 0.055);
}

body.cc-page .cc-command-core[data-intelligence-state="value-active"] {
  box-shadow:
    0 30px 72px rgba(0, 0, 0, 0.37),
    0 0 52px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 76%, rgba(255, 141, 86, 0.12)),
    inset 0 0 38px rgba(86, 230, 218, 0.06);
}

body.cc-page .cc-command-core[data-intelligence-state="review-ready"],
body.cc-page .cc-command-core[data-intelligence-state="brief-prepared"] {
  transform: translateZ(28px) scale(1.015);
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 78%, #ffffff);
  box-shadow:
    0 36px 82px rgba(0, 0, 0, 0.40),
    0 0 66px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 84%, transparent),
    inset 0 0 42px color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 82%, transparent);
}

body.cc-page .csf-idea-object {
  transform: translateZ(var(--intel-depth-mid));
}

body.cc-page .csf-idea-object[data-idea-state="captured"] .csf-idea-label {
  color: rgba(126, 241, 231, 0.94);
}

body.cc-page .csf-idea-text {
  text-wrap: balance;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.48);
}

body.cc-page .csf-zone-c {
  grid-template-areas:
    "system source"
    "audience path"
    "leak value"
    "timeline budget"
    "readiness brand"
    "review review"
    "missing missing" !important;
  max-height: min(316px, 48vh);
  perspective: 900px;
  transform-style: preserve-3d;
}

body.cc-page .csig {
  transform: translateZ(var(--intel-depth-far));
  backdrop-filter: blur(16px) saturate(1.08);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.075);
}

body.cc-page .csig[data-cluster-key="system"],
body.cc-page .csig[data-cluster-key="readiness"],
body.cc-page .csig[data-cluster-key="brand"],
body.cc-page .csig[data-cluster-key="review"] {
  transform: translateZ(var(--intel-depth-mid));
}

body.cc-page .csig[data-cluster-key="brand"] {
  grid-area: brand;
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 64%, rgba(255, 255, 255, 0.16)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 76%, transparent), rgba(4, 13, 25, 0.72));
}

body.cc-page .csig[data-cluster-key="leak"] {
  transform: translate3d(-8px, 0, var(--intel-depth-near));
  border-color: rgba(255, 141, 86, 0.56) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.28),
    0 0 26px rgba(255, 141, 86, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

body.cc-page .csig[data-cluster-key="value"],
body.cc-page .csig[data-cluster-key="timeline"] {
  transform: translate3d(4px, 0, 16px);
}

body.cc-page .csig[data-cluster-key="missing"] {
  grid-area: missing;
  justify-self: stretch;
  color: rgba(224, 232, 242, 0.78);
  border-style: dashed;
  border-color: rgba(166, 181, 201, 0.26) !important;
  background: rgba(5, 12, 23, 0.58);
  transform: translateZ(2px);
}

body.cc-page .csig[data-cluster-key="review"] {
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 74%, #ffffff) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.26),
    0 0 28px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 72%, transparent);
}

body.cc-page .csf-lane-rail {
  position: relative;
  border: 1px solid rgba(86, 230, 218, 0.13);
  border-radius: 999px;
  background: rgba(3, 12, 23, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

body.cc-page .csf-lane-node {
  transition: color 260ms ease, background 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

body.cc-page .csf-lane-node.csf-lane--complete {
  color: rgba(183, 239, 234, 0.82);
}

body.cc-page .csf-lane-node.csf-lane--current {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(86, 230, 218, 0.14), rgba(255, 141, 86, 0.10));
  box-shadow: 0 0 22px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.16)) 74%, transparent);
  transform: translateY(-1px);
}

body.cc-page .csf-lane-node.csf-lane--pending {
  color: rgba(154, 173, 194, 0.52);
}

body.cc-page .cc-route-line[data-route-stage] {
  --route-fill: 8%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.cc-page .cc-route-line[data-route-stage="signal"] { --route-fill: 31%; }
body.cc-page .cc-route-line[data-route-stage="revenue"] { --route-fill: 54%; }
body.cc-page .cc-route-line[data-route-stage="readiness"] { --route-fill: 77%; }
body.cc-page .cc-route-line[data-route-stage="review"] { --route-fill: 100%; }

body.cc-page .cc-route-line[data-route-stage]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: -1;
  width: var(--route-fill);
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.13), color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 70%, rgba(255, 141, 86, 0.10)));
  border-right: 1px solid color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.4)) 74%, rgba(255, 141, 86, 0.24));
  transition: width 520ms cubic-bezier(.2,.8,.2,1);
}

body.cc-page .cc-live-command-feed,
body.cc-page .cc-source-label-panel,
.cc-brief-modal .cc-command-feed {
  transform: translateZ(var(--intel-depth-far));
  border-color: rgba(86, 230, 218, 0.17);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.065);
}

body.cc-page .cc-live-command-feed li[data-work-state="active"],
.cc-brief-modal .cc-command-feed li[data-work-state="active"] {
  background: linear-gradient(90deg, rgba(86, 230, 218, 0.10), rgba(255, 141, 86, 0.07));
  color: #fffaf4;
}

body.cc-page .cc-source-label-panel li.is-known {
  border-left: 2px solid color-mix(in srgb, var(--client-wash-rim, #56e6da) 72%, transparent);
  padding-left: 10px;
}

#cc-modal-brief-card {
  display: block;
  padding: clamp(18px, 3vw, 30px);
  border-color: rgba(86, 230, 218, 0.18);
  background:
    radial-gradient(circle at 88% 6%, color-mix(in srgb, var(--client-wash-soft, rgba(255, 141, 86, 0.08)) 76%, transparent), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(86, 230, 218, 0.09), transparent 30%),
    linear-gradient(155deg, rgba(5, 16, 31, 0.88), rgba(4, 11, 22, 0.94));
  overflow: hidden;
}

.cc-business-signal-board {
  position: relative;
  padding: 0 0 clamp(22px, 3vw, 30px);
  border-bottom: 1px solid rgba(86, 230, 218, 0.16);
}

.cc-brief-section-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

.cc-brief-section-index {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 72%, #ffffff);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.cc-brief-section-heading h3 {
  margin: 0;
  color: #f7fbff;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.cc-brief-section-intro {
  margin: 9px 0 0 34px;
  color: rgba(201, 222, 238, 0.72);
  line-height: 1.55;
}

.cc-business-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  min-width: 0;
}

.cc-business-signal-chip {
  min-width: 0;
  border: 1px solid rgba(86, 230, 218, 0.16);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(7, 21, 38, 0.9), rgba(5, 13, 25, 0.82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
  overflow: hidden;
}

.cc-business-signal-chip[open] {
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 56%, rgba(255, 141, 86, 0.34));
}

.cc-business-signal-chip summary {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

.cc-business-signal-chip summary::-webkit-details-marker {
  display: none;
}

.cc-business-signal-chip summary::after {
  content: "+";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: rgba(255, 179, 109, 0.82);
  font-size: 1rem;
}

.cc-business-signal-chip[open] summary::after {
  content: "−";
}

.cc-business-signal-label {
  color: rgba(119, 232, 221, 0.88);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.cc-business-signal-chip strong {
  color: #f7fbff;
  font-size: 0.94rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.cc-business-signal-detail {
  padding: 0 14px 14px;
  color: rgba(210, 228, 241, 0.78);
}

.cc-business-signal-detail p {
  margin: 0;
  line-height: 1.5;
}

.cc-business-signal-source {
  display: inline-flex;
  margin-top: 9px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(86, 230, 218, 0.07);
  color: rgba(198, 240, 236, 0.76);
  font-size: 0.7rem;
  font-weight: 750;
}

.cc-brief-more-signals {
  margin-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 12px;
}

.cc-brief-more-signals > summary {
  width: fit-content;
  color: rgba(220, 235, 246, 0.82);
  cursor: pointer;
  font-weight: 800;
}

.cc-business-signal-grid-secondary {
  margin-top: 12px;
}

.cc-brief-narrative {
  display: block;
}

.cc-brief-narrative-section {
  position: relative;
  padding: clamp(20px, 3vw, 28px) 0 clamp(20px, 3vw, 28px) 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.cc-brief-narrative-section::before {
  content: "";
  position: absolute;
  inset-block: 24px;
  inset-inline-start: 7px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--cmd-turquoise, #56e6da), rgba(255, 141, 86, 0.58));
  opacity: 0.7;
}

.cc-brief-narrative-section p {
  margin: 10px 0 0 34px;
  color: rgba(232, 241, 248, 0.88);
  font-size: clamp(0.96rem, 1.6vw, 1.05rem);
  line-height: 1.65;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.cc-brief-human-boundary {
  margin-top: 6px;
  border: 1px solid rgba(255, 141, 86, 0.18);
  border-radius: 16px;
  background: linear-gradient(120deg, rgba(255, 141, 86, 0.08), rgba(86, 230, 218, 0.045));
}

.cc-brief-human-boundary::before {
  background: rgba(255, 141, 86, 0.82);
}

.cc-business-signal-chip summary:focus-visible,
.cc-brief-more-signals > summary:focus-visible {
  outline: 2px solid var(--cmd-turquoise, #56e6da);
  outline-offset: -3px;
}

.cc-post-brief-details {
  transform: translateZ(8px);
}

@media (max-width: 640px) {
  body.cc-page,
  body.cc-page .cc-unified-command-surface {
    max-width: 100%;
    overflow-x: clip;
  }

  body.cc-page [data-visual-director="active"],
  body.cc-page .cc-command-core[data-intelligence-state],
  body.cc-page .csf-idea-object,
  body.cc-page .csig,
  body.cc-page .cc-live-command-feed,
  body.cc-page .cc-source-label-panel,
  .cc-post-brief-details {
    transform: none !important;
  }

  body.cc-page .csf-zone-c {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "system"
      "source"
      "leak"
      "value"
      "timeline"
      "budget"
      "readiness"
      "brand"
      "review"
      "missing" !important;
    width: 100% !important;
    max-height: none;
  }

  .cc-business-signal-grid {
    grid-template-columns: 1fr;
  }

  .cc-brief-section-intro,
  .cc-brief-narrative-section p {
    margin-inline-start: 0;
  }

  .cc-brief-narrative-section {
    padding-inline: 24px 0;
  }

  .cc-business-signal-chip summary {
    min-height: 58px;
  }

  body.cc-page .cc-route-line[data-route-stage]::before {
    transition-duration: 280ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page [data-visual-director="active"],
  body.cc-page .cc-command-core[data-intelligence-state],
  body.cc-page .csig,
  body.cc-page .csf-lane-node,
  body.cc-page .cc-route-line[data-route-stage]::before,
  .cc-business-signal-chip,
  .cc-brief-narrative-section {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ============================================================
   Patch B: Full 3D Dynamic Personal Brief
   Command-grade motion, language-safe labels, and public boundary.
   ============================================================ */
#cc-modal-brief-card.cc-brief-formed {
  position: relative;
  isolation: isolate;
  perspective: 1400px;
  transform-style: preserve-3d;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.32)) 58%, rgba(255, 141, 86, 0.22));
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.12)) 82%, transparent), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(255, 141, 86, 0.085), transparent 28%),
    linear-gradient(148deg, rgba(4, 14, 28, 0.94), rgba(2, 8, 17, 0.98) 58%, rgba(9, 18, 30, 0.95));
  box-shadow:
    0 28px 78px rgba(0, 0, 0, 0.42),
    0 0 56px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 70%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 -44px 86px rgba(0, 0, 0, 0.32);
  animation: ccBriefFormation 620ms cubic-bezier(.2,.86,.22,1) both;
}

#cc-modal-brief-card.cc-brief-formed::before,
#cc-modal-brief-card.cc-brief-formed::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
}

#cc-modal-brief-card.cc-brief-formed::before {
  border: 1px solid color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.28)) 44%, rgba(255, 255, 255, 0.05));
  background:
    linear-gradient(112deg, transparent 0 21%, rgba(86, 230, 218, 0.06) 29%, transparent 37% 64%, rgba(255, 141, 86, 0.052) 73%, transparent 84%);
  transform: translateZ(-18px);
}

#cc-modal-brief-card.cc-brief-formed::after {
  inset: auto 18px 18px 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--client-wash-rim, #56e6da) 72%, rgba(255, 141, 86, 0.28)), transparent);
  opacity: 0.72;
}

#cc-modal-brief-card[data-brand-brief-state="brand-wash"] {
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 72%, rgba(255, 141, 86, 0.22));
}

.cc-brief-orb-continuity {
  position: absolute;
  top: clamp(22px, 4vw, 44px);
  inset-inline-end: clamp(18px, 4vw, 42px);
  width: clamp(112px, 18vw, 184px);
  aspect-ratio: 1;
  z-index: -1;
  pointer-events: none;
  opacity: 0.72;
  transform: translateZ(-6px);
  filter: saturate(1.08);
}

.cc-brief-orb-shell,
.cc-brief-orb-core,
.cc-brief-orb-ring {
  position: absolute;
  inset: 0;
  border-radius: 999px;
}

.cc-brief-orb-shell {
  background:
    radial-gradient(circle at 52% 48%, color-mix(in srgb, var(--client-wash-rim, #56e6da) 42%, #ffffff) 0 4%, transparent 7%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.2)) 72%, transparent), transparent 46%),
    radial-gradient(circle at 42% 38%, rgba(255, 141, 86, 0.20), transparent 52%);
  box-shadow:
    0 0 36px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.26)) 78%, transparent),
    inset 0 0 24px rgba(255, 255, 255, 0.08);
  animation: ccBriefOrbPulse 4.8s ease-in-out infinite;
}

.cc-brief-orb-core {
  inset: 34%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.92), color-mix(in srgb, var(--client-wash-rim, #56e6da) 62%, rgba(255, 141, 86, 0.42)) 34%, transparent 70%);
  filter: blur(0.2px);
}

.cc-brief-orb-ring {
  border: 1px solid color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.42)) 72%, rgba(255, 255, 255, 0.08));
  transform: rotateX(64deg) rotateZ(18deg);
}

.cc-brief-orb-ring-two {
  inset: 14%;
  border-color: rgba(255, 141, 86, 0.24);
  transform: rotateX(72deg) rotateZ(-28deg);
}

.cc-business-signal-board {
  transform-style: preserve-3d;
}

.cc-business-signal-board::before {
  content: "";
  position: absolute;
  inset: 6px 0 auto 34px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, color-mix(in srgb, var(--client-wash-rim, #56e6da) 66%, transparent), rgba(255, 141, 86, 0.28), transparent);
  opacity: 0.54;
  transform: translateZ(16px);
}

.cc-business-signal-grid {
  perspective: 1200px;
  transform-style: preserve-3d;
}

.cc-business-signal-chip {
  position: relative;
  transform-style: preserve-3d;
  transform: translate3d(0, 18px, -18px) rotateX(10deg) rotateY(-4deg) scale(0.965);
  transform-origin: 50% 62%;
  opacity: 0;
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.26)) 54%, rgba(255, 255, 255, 0.08));
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.12)) 74%, transparent), transparent 44%),
    linear-gradient(145deg, rgba(8, 23, 42, 0.93), rgba(4, 11, 23, 0.88));
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.24),
    0 0 0 rgba(86, 230, 218, 0),
    inset 0 1px 0 rgba(255, 255, 255, 0.075);
  animation: ccBriefSignalDock 680ms cubic-bezier(.2,.88,.22,1) forwards;
  animation-delay: calc(70ms * var(--signal-index, 0));
  transition:
    transform 260ms cubic-bezier(.2,.8,.22,1),
    border-color 260ms ease,
    box-shadow 260ms ease,
    background 260ms ease,
    filter 260ms ease;
  will-change: transform, opacity;
}

.cc-business-signal-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 22%, rgba(255, 255, 255, 0.10) 32%, transparent 45% 100%);
  opacity: 0;
  transform: translateX(-42%);
  transition: opacity 240ms ease, transform 420ms ease;
}

.cc-business-signal-chip::after {
  content: "";
  position: absolute;
  inset-block: 18px;
  inset-inline-start: -8px;
  width: 2px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(180deg, var(--cmd-turquoise, #56e6da), var(--cmd-orange, #ff8d56));
  opacity: 0.55;
  box-shadow: 0 0 18px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 72%, transparent);
}

.cc-business-signal-chip:hover,
.cc-business-signal-chip:focus-within,
.cc-business-signal-chip[open] {
  transform: translate3d(0, -3px, 28px) rotateX(0deg) rotateY(0deg) scale(1.012);
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 72%, rgba(255, 141, 86, 0.26));
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.32),
    0 0 32px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.20)) 76%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.11);
  filter: saturate(1.08);
}

.cc-business-signal-chip:hover::before,
.cc-business-signal-chip:focus-within::before,
.cc-business-signal-chip[open]::before {
  opacity: 0.78;
  transform: translateX(34%);
}

.cc-business-signal-chip summary {
  grid-template-columns: minmax(0, 1fr) auto;
  touch-action: manipulation;
}

.cc-business-signal-chip summary::after {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 141, 86, 0.08);
  border: 1px solid rgba(255, 141, 86, 0.18);
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.cc-business-signal-chip[open] summary::after {
  transform: rotate(180deg);
  background: color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.12)) 70%, rgba(255, 141, 86, 0.08));
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 58%, rgba(255, 141, 86, 0.22));
}

.cc-business-signal-label {
  color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 76%, #ffffff);
}

.cc-business-signal-chip strong {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: anywhere;
}

.cc-business-signal-detail {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
  margin: 0 14px 14px;
  padding: 12px 0 0;
}

.cc-business-signal-source {
  border: 1px solid color-mix(in srgb, var(--client-wash-rim, rgba(86, 230, 218, 0.28)) 46%, rgba(255, 255, 255, 0.06));
}

.cc-brief-narrative {
  position: relative;
  transform-style: preserve-3d;
}

.cc-brief-narrative::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 7px;
  width: 1px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(86, 230, 218, 0.08), color-mix(in srgb, var(--client-wash-rim, #56e6da) 54%, rgba(255, 141, 86, 0.28)), rgba(255, 141, 86, 0.08));
  opacity: 0.66;
}

.cc-brief-narrative-section {
  transform: translate3d(0, 10px, -6px);
  opacity: 0;
  animation: ccBriefSectionRise 520ms cubic-bezier(.2,.82,.22,1) forwards;
  animation-delay: calc(420ms + (70ms * var(--brief-section-index, 0)));
}

.cc-brief-narrative-section:nth-child(1) { --brief-section-index: 1; }
.cc-brief-narrative-section:nth-child(2) { --brief-section-index: 2; }
.cc-brief-narrative-section:nth-child(3) { --brief-section-index: 3; }
.cc-brief-narrative-section:nth-child(4) { --brief-section-index: 4; }
.cc-brief-narrative-section:nth-child(5) { --brief-section-index: 5; }
.cc-brief-narrative-section:nth-child(6) { --brief-section-index: 6; }
.cc-brief-narrative-section:nth-child(7) { --brief-section-index: 7; }

.cc-brief-human-boundary {
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

#cc-modal-brief-card[dir="rtl"],
#cc-modal-brief-card:lang(he),
#cc-modal-brief-card:lang(ar) {
  text-align: start;
}

#cc-modal-brief-card[dir="rtl"] .cc-brief-section-heading,
#cc-modal-brief-card:lang(he) .cc-brief-section-heading,
#cc-modal-brief-card:lang(ar) .cc-brief-section-heading {
  flex-direction: row-reverse;
}

#cc-modal-brief-card[dir="rtl"] .cc-brief-narrative::before,
#cc-modal-brief-card:lang(he) .cc-brief-narrative::before,
#cc-modal-brief-card:lang(ar) .cc-brief-narrative::before {
  inset-inline-start: auto;
  inset-inline-end: 7px;
}

#cc-modal-brief-card:lang(ja),
#cc-modal-brief-card:lang(zh-CN),
#cc-modal-brief-card:lang(zh-TW) {
  line-break: strict;
  word-break: keep-all;
}

@keyframes ccBriefFormation {
  0% { opacity: 0; transform: translateY(16px) rotateX(4deg) scale(0.985); }
  100% { opacity: 1; transform: translateY(0) rotateX(0deg) scale(1); }
}

@keyframes ccBriefSignalDock {
  0% {
    opacity: 0;
    transform: translate3d(0, 22px, -28px) rotateX(18deg) rotateY(-12deg) rotateZ(-1.5deg) scale(0.94);
  }
  58% {
    opacity: 1;
    transform: translate3d(0, -4px, 20px) rotateX(-2deg) rotateY(2deg) rotateZ(0.5deg) scale(1.018);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  }
}

@keyframes ccBriefOrbPulse {
  0%, 100% { transform: scale(0.98) rotateZ(0deg); opacity: 0.62; }
  50% { transform: scale(1.035) rotateZ(4deg); opacity: 0.84; }
}

@keyframes ccBriefSectionRise {
  0% { opacity: 0; transform: translate3d(0, 10px, -8px); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 640px) {
  #cc-modal-brief-card.cc-brief-formed {
    perspective: none;
    animation-duration: 300ms;
  }

  .cc-brief-orb-continuity {
    width: 108px;
    top: 12px;
    inset-inline-end: 10px;
    opacity: 0.28;
  }

  .cc-business-signal-chip,
  .cc-business-signal-chip:hover,
  .cc-business-signal-chip:focus-within,
  .cc-business-signal-chip[open],
  .cc-brief-narrative-section {
    transform: none;
  }

  .cc-business-signal-chip {
    animation-name: ccBriefMobileSignalDock;
  }

  .cc-business-signal-chip strong {
    text-wrap: auto;
  }

  .cc-brief-section-heading {
    align-items: flex-start;
  }
}

@keyframes ccBriefMobileSignalDock {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed,
  #cc-modal-brief-card.cc-brief-formed::before,
  #cc-modal-brief-card.cc-brief-formed::after,
  .cc-brief-orb-shell,
  .cc-business-signal-chip,
  .cc-business-signal-chip::before,
  .cc-business-signal-chip summary::after,
  .cc-brief-narrative-section {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  .cc-business-signal-chip {
    opacity: 1 !important;
  }
}

/* ============================================================
   C2 Visual Polish: orb parity, dynamic color, floating chips.
   Visual-only layer; CQA logic and backend contracts untouched.
   ============================================================ */
#cc-modal-brief-card.cc-brief-formed {
  --brief-c2-energy: color-mix(in srgb, var(--client-wash-rim, #56e6da) 82%, #8dfff6);
  --brief-c2-warm: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 78%, #ffc179);
  --brief-c2-glow: color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.2)) 82%, rgba(255, 141, 86, 0.12));
  background:
    radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--brief-c2-energy) 18%, transparent), transparent 28%),
    radial-gradient(circle at 76% 24%, color-mix(in srgb, var(--brief-c2-warm) 14%, transparent), transparent 38%),
    linear-gradient(118deg, transparent 0 39%, color-mix(in srgb, var(--brief-c2-energy) 5%, transparent) 46%, transparent 54%),
    linear-gradient(150deg, rgba(6, 18, 35, 0.985), rgba(1, 7, 17, 0.985) 56%, rgba(9, 18, 30, 0.975));
  border-color: color-mix(in srgb, var(--brief-c2-energy) 52%, rgba(255, 141, 86, 0.24));
  box-shadow:
    0 36px 96px rgba(0, 0, 0, 0.56),
    0 0 70px color-mix(in srgb, var(--brief-c2-glow) 84%, transparent),
    0 0 0 1px color-mix(in srgb, var(--brief-c2-energy) 22%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 0 0 1px color-mix(in srgb, var(--brief-c2-warm) 18%, transparent),
    inset 0 -78px 132px rgba(0, 0, 0, 0.46);
}

#cc-modal-brief-card.cc-brief-formed > :not(.cc-brief-orb-continuity):not(.cc-brief-signal-conduit) {
  position: relative;
  z-index: 2;
}

#cc-modal-brief-card.cc-brief-formed::before {
  background:
    repeating-linear-gradient(64deg, transparent 0 26px, color-mix(in srgb, var(--brief-c2-energy) 8%, transparent) 27px 28px, transparent 29px 56px),
    repeating-linear-gradient(116deg, transparent 0 34px, color-mix(in srgb, var(--brief-c2-warm) 6%, transparent) 35px 36px, transparent 37px 72px),
    radial-gradient(ellipse at 74% 30%, color-mix(in srgb, var(--brief-c2-energy) 12%, transparent), transparent 42%),
    linear-gradient(112deg, transparent 0 20%, color-mix(in srgb, var(--brief-c2-energy) 10%, transparent) 29%, transparent 37% 65%, color-mix(in srgb, var(--brief-c2-warm) 8%, transparent) 74%, transparent 85%);
  opacity: 0.82;
  filter: saturate(1.08);
  animation: ccC2MeshBreath 8s ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed::after {
  background: linear-gradient(90deg, transparent, var(--brief-c2-energy), var(--brief-c2-warm), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--brief-c2-energy) 70%, transparent),
    0 0 34px color-mix(in srgb, var(--brief-c2-warm) 42%, transparent);
}

#cc-modal-brief-card[data-brand-brief-state="brand-wash"] {
  background:
    radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--client-wash-rim, #56e6da) 24%, transparent), transparent 30%),
    radial-gradient(circle at 30% 4%, color-mix(in srgb, var(--client-wash-primary, rgba(86, 230, 218, 0.16)) 70%, transparent), transparent 34%),
    radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 16%, transparent), transparent 42%),
    linear-gradient(150deg, rgba(6, 18, 35, 0.985), rgba(1, 7, 17, 0.985) 56%, rgba(9, 18, 30, 0.975));
}

.cc-brief-orb-continuity {
  top: clamp(18px, 3.4vw, 34px);
  width: clamp(170px, 25vw, 252px);
  z-index: 1;
  opacity: 0;
  filter:
    saturate(1.42)
    contrast(1.13)
    drop-shadow(0 24px 28px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 30px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 42%, transparent));
  animation: ccBriefOrbArrival 1500ms 80ms cubic-bezier(.16,.88,.2,1) both, ccC2BriefOrbFloat 7.5s 1600ms ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed:not([dir="rtl"]) .cc-brief-orb-continuity,
#cc-modal-brief-card.cc-brief-formed[dir="ltr"] .cc-brief-orb-continuity {
  left: auto !important;
  right: clamp(18px, 5vw, 54px) !important;
  inset-inline-start: auto !important;
  inset-inline-end: clamp(18px, 5vw, 54px) !important;
}

#cc-modal-brief-card.cc-brief-formed[dir="rtl"] .cc-brief-orb-continuity {
  left: clamp(18px, 5vw, 54px) !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: clamp(18px, 5vw, 54px) !important;
}

.cc-brief-orb-shell {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--brief-c2-energy, #56e6da) 54%, rgba(255, 255, 255, 0.28));
  background:
    radial-gradient(circle at 50% 49%, rgba(255, 255, 255, 0.98) 0 2.2%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 82%, #ffffff) 3.2% 5.8%, transparent 7%),
    radial-gradient(circle at 36% 26%, rgba(255, 255, 255, 0.28), transparent 16%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 26%, transparent) 0 10%, transparent 30%),
    radial-gradient(circle at 64% 68%, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 24%, transparent) 0 10%, transparent 32%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 10px, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 16%, transparent) 11px, transparent 12px 18px),
    radial-gradient(circle at 50% 50%, rgba(18, 68, 84, 0.94), rgba(6, 18, 34, 0.98) 68%);
  box-shadow:
    inset 0 0 16px rgba(255, 255, 255, 0.21),
    inset 0 0 38px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 30%, transparent),
    inset 0 -18px 32px color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 18%, transparent),
    0 0 28px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 34%, transparent),
    0 0 62px color-mix(in srgb, var(--brief-c2-glow, rgba(86, 230, 218, 0.2)) 82%, transparent);
  animation: ccBriefOrbIgnition 1450ms 80ms cubic-bezier(.18,.86,.22,1) both, ccC2BriefOrbClarity 5.8s 1600ms ease-in-out infinite;
}

.cc-brief-orb-shell::before,
.cc-brief-orb-shell::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  pointer-events: none;
}

.cc-brief-orb-shell::before {
  background:
    repeating-conic-gradient(from 22deg, transparent 0 9deg, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 52%, transparent) 10deg 10.8deg, transparent 11.5deg 24deg, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 34%, transparent) 25deg 25.8deg, transparent 26.5deg 43deg);
  mix-blend-mode: screen;
  opacity: 0.82;
  animation: systemStaticTurn 8.5s linear infinite;
}

.cc-brief-orb-shell::after {
  inset: 2px;
  background:
    radial-gradient(circle at 31% 22%, rgba(255, 255, 255, 0.42), transparent 13%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.15), transparent 35% 66%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 9%, transparent));
  box-shadow: inset 8px 10px 18px rgba(255, 255, 255, 0.055);
}

.cc-brief-orb-core {
  inset: 46%;
  background:
    radial-gradient(circle, #ffffff 0 24%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 78%, rgba(255, 255, 255, 0.36)) 38%, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 62%, rgba(86, 230, 218, 0.28)) 74%, transparent 100%);
  box-shadow:
    0 0 10px #ffffff,
    0 0 24px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 86%, transparent),
    0 0 46px color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 54%, transparent);
}

.cc-brief-orb-ring {
  border-color: color-mix(in srgb, var(--brief-c2-energy, #56e6da) 58%, rgba(255, 255, 255, 0.12));
  box-shadow: 0 0 20px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 38%, transparent);
  animation: ccC2BriefRingDrift 9s ease-in-out infinite;
}

.cc-brief-orb-ring-two {
  border-color: color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 62%, rgba(86, 230, 218, 0.22));
  animation-duration: 7.5s;
  animation-direction: reverse;
}

.cc-brief-orb-arc {
  opacity: 0.96;
  border-block-start-color: color-mix(in srgb, var(--brief-c2-energy, #56e6da) 82%, transparent);
  border-inline-end-color: color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 58%, transparent);
  filter:
    drop-shadow(0 0 7px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 66%, transparent))
    drop-shadow(0 0 12px color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 28%, transparent));
}

.cc-brief-orb-spark {
  background: color-mix(in srgb, var(--brief-c2-energy, #56e6da) 52%, #ffffff);
  box-shadow:
    0 0 12px #ffffff,
    0 0 28px var(--brief-c2-energy, #56e6da),
    0 0 52px var(--brief-c2-warm, #ff8d56);
}

.cc-brief-signal-conduit {
  top: clamp(126px, 15vw, 190px);
  inset-inline: clamp(28px, 6vw, 82px) clamp(70px, 16vw, 170px);
  height: clamp(150px, 22vw, 248px);
  border-radius: 26px;
  background:
    repeating-linear-gradient(63deg, transparent 0 24px, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 11%, transparent) 25px 26px, transparent 27px 56px),
    repeating-linear-gradient(118deg, transparent 0 32px, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 9%, transparent) 33px 34px, transparent 35px 72px),
    radial-gradient(ellipse at 68% 34%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 13%, transparent), transparent 52%);
  mask-image: radial-gradient(ellipse at 56% 42%, #000 0 54%, transparent 76%);
  opacity: 0;
  mix-blend-mode: screen;
  animation: ccBriefConduitReveal 1200ms 360ms ease-out both, ccC2MeshDrift 10s 1500ms ease-in-out infinite;
}

.cc-brief-signal-conduit span {
  width: 78%;
  height: 2px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 50%, transparent), color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 68%, transparent), transparent);
  box-shadow:
    0 0 12px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 42%, transparent),
    0 0 18px color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 26%, transparent);
}

.cc-business-signal-board,
.cc-brief-narrative {
  backdrop-filter: blur(10px) saturate(1.08);
}

.cc-business-signal-chip {
  backdrop-filter: blur(16px) saturate(1.12);
  border-color: color-mix(in srgb, var(--brief-c2-energy, #56e6da) 34%, rgba(255, 255, 255, 0.14));
  background:
    radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 17%, transparent), transparent 48%),
    radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 11%, transparent), transparent 48%),
    linear-gradient(145deg, rgba(8, 24, 43, 0.965), rgba(3, 10, 22, 0.93));
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.38),
    0 0 24px color-mix(in srgb, var(--brief-c2-glow, rgba(86, 230, 218, 0.18)) 62%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 35%, transparent);
}

.cc-business-signal-chip::before {
  background:
    linear-gradient(112deg, transparent 0 18%, rgba(255, 255, 255, 0.13) 28%, transparent 42% 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 8%, transparent), transparent);
}

.cc-business-signal-chip:hover,
.cc-business-signal-chip:focus-within,
.cc-business-signal-chip[open] {
  transform: translate3d(0, -9px, 42px) rotateX(-2deg) rotateY(2deg) scale(1.028);
  border-color: color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 54%, var(--brief-c2-energy, #56e6da));
  box-shadow:
    0 34px 74px rgba(0, 0, 0, 0.46),
    0 0 50px color-mix(in srgb, var(--brief-c2-glow, rgba(86, 230, 218, 0.2)) 88%, transparent),
    0 0 22px color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 36%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.17),
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 55%, transparent);
}

.cc-business-signal-chip summary::after {
  background:
    radial-gradient(circle, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 20%, transparent), transparent 56%),
    rgba(255, 141, 86, 0.08);
}

.cc-business-signal-chip .cc-business-signal-label,
.cc-business-signal-label {
  color: color-mix(in srgb, var(--brief-c2-energy, #56e6da) 82%, #ffffff);
  text-shadow: 0 0 12px color-mix(in srgb, var(--brief-c2-energy, #56e6da) 24%, transparent);
}

.cc-brief-narrative-section {
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 5%, rgba(255, 255, 255, 0.035)), rgba(255, 255, 255, 0.018)),
    rgba(3, 11, 22, 0.58);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.cc-brief-narrative-section::after {
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--brief-c2-energy, #56e6da) 5%, transparent), transparent 38%, color-mix(in srgb, var(--brief-c2-warm, #ff8d56) 5%, transparent));
  opacity: 0.8;
}

@keyframes ccC2MeshBreath {
  0%, 100% { opacity: 0.58; transform: translateZ(-18px) scale(1); }
  50% { opacity: 0.92; transform: translateZ(-18px) scale(1.012); }
}

@keyframes ccC2BriefOrbFloat {
  0%, 100% { transform: translate3d(0, 0, -6px) rotateZ(0deg); }
  50% { transform: translate3d(-4px, 5px, -6px) rotateZ(1.8deg); }
}

@keyframes ccC2BriefOrbClarity {
  0%, 100% { filter: saturate(1.08) contrast(1.04); }
  50% { filter: saturate(1.28) contrast(1.12); }
}

@keyframes ccC2BriefRingDrift {
  0%, 100% { transform: rotateX(64deg) rotateZ(18deg) scale(1); }
  50% { transform: rotateX(68deg) rotateZ(28deg) scale(1.035); }
}

@keyframes ccC2MeshDrift {
  0%, 100% { transform: translate3d(0, 0, 0) skewX(-3deg); filter: saturate(1); }
  50% { transform: translate3d(8px, -3px, 0) skewX(2deg); filter: saturate(1.2); }
}

@media (max-width: 640px) {
  .cc-brief-orb-continuity {
    width: 116px;
    top: 58px;
    inset-inline-end: 8px;
    right: 8px !important;
    opacity: 0.26;
    filter: saturate(1.16) contrast(1.04);
  }

  .cc-brief-signal-conduit {
    display: block;
    inset-inline: 12px;
    top: 98px;
    height: 128px;
    opacity: 0.14;
  }

  .cc-business-signal-chip,
  .cc-business-signal-chip:hover,
  .cc-business-signal-chip:focus-within,
  .cc-business-signal-chip[open] {
    transform: none;
    box-shadow:
      0 16px 34px rgba(0, 0, 0, 0.34),
      0 0 18px color-mix(in srgb, var(--brief-c2-glow, rgba(86, 230, 218, 0.16)) 58%, transparent),
      inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed::before,
  .cc-brief-orb-continuity,
  .cc-brief-orb-shell,
  .cc-brief-orb-shell::before,
  .cc-brief-orb-ring,
  .cc-brief-signal-conduit {
    animation: none !important;
  }

  .cc-brief-orb-continuity {
    opacity: 0.5 !important;
  }
}

/* ============================================================
   Dynamic Brand Spectrum Burn
   Full-spectrum user color wash; Julius base remains protected.
   ============================================================ */
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="neon"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="metallic"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="luxury"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="fashion"] {
  box-shadow:
    0 42px 96px rgba(0, 0, 0, 0.42),
    0 0 72px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.16)) 82%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 -54px 100px rgba(0, 0, 0, 0.30);
}

body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="red"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="scarlet"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="burgundy"] {
  --safe-red-brand-wash: color-mix(in srgb, var(--client-wash-rim, rgba(210, 46, 62, 0.34)) 62%, rgba(255, 141, 86, 0.18));
  border-color: color-mix(in srgb, var(--safe-red-brand-wash) 72%, rgba(86, 230, 218, 0.18)) !important;
}

body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="red"] .csig[data-cluster-key="brand"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="scarlet"] .csig[data-cluster-key="brand"],
body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family*="burgundy"] .csig[data-cluster-key="brand"] {
  border-color: color-mix(in srgb, var(--client-wash-rim, rgba(210, 46, 62, 0.34)) 58%, rgba(86, 230, 218, 0.26)) !important;
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-core.command-orb--system {
  filter: saturate(1.12) contrast(1.04);
}

body.cc-page .cc-command-core.command-core-brand-wash .system-energy-static,
body.cc-page .cc-command-core.command-core-brand-wash .system-energy-arc {
  opacity: 0.92;
}

body.cc-page .cc-source-label-panel li.is-known {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--client-wash-soft, rgba(86, 230, 218, 0.08)) 72%, transparent), rgba(4, 13, 25, 0.54));
}

@media (max-width: 640px) {
  body.cc-page .cc-unified-command-surface.brand-wash-active[data-color-family] {
    box-shadow:
      0 28px 56px rgba(0, 0, 0, 0.36),
      0 0 34px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.12)) 55%, transparent),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cc-page .cc-command-core.command-core-brand-wash .system-energy-core.command-orb--system,
  body.cc-page .cc-command-core.command-core-brand-wash .system-energy-static,
  body.cc-page .cc-command-core.command-core-brand-wash .system-energy-arc {
    filter: none !important;
  }
}

/* ============================================================
   Patch B2: Founder Visual Intelligence Layer
   Formed-Brief orb, signal docking, and command-depth polish only.
   ============================================================ */
#cc-modal-brief-card.cc-brief-formed {
  --brief-gold: color-mix(in srgb, var(--client-wash-rim, #d9b76a) 68%, #ffc778);
  --brief-energy: color-mix(in srgb, var(--client-wash-rim, #56e6da) 74%, #7cf7ee);
  --brief-depth: rgba(1, 7, 17, 0.96);
  overflow: clip;
  background:
    radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--brief-gold) 20%, transparent), transparent 26%),
    radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--brief-energy) 18%, transparent), transparent 38%),
    linear-gradient(118deg, transparent 0 47%, rgba(255, 255, 255, 0.025) 49%, transparent 51%),
    linear-gradient(150deg, rgba(6, 18, 35, 0.97), var(--brief-depth) 56%, rgba(8, 17, 29, 0.98));
  box-shadow:
    0 34px 92px rgba(0, 0, 0, 0.52),
    0 0 64px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.18)) 78%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 0 0 1px color-mix(in srgb, var(--brief-gold) 20%, transparent),
    inset 0 -72px 120px rgba(0, 0, 0, 0.42);
  animation: ccBriefFormationB2 820ms cubic-bezier(.16,.9,.2,1) both;
}

#cc-modal-brief-card.cc-brief-formed::before {
  inset: 10px;
  background:
    linear-gradient(90deg, transparent 0 7%, color-mix(in srgb, var(--brief-energy) 22%, transparent) 7.2%, transparent 7.6% 92%, color-mix(in srgb, var(--brief-gold) 16%, transparent) 92.4%, transparent 93%),
    linear-gradient(0deg, transparent 0 9%, rgba(255, 255, 255, 0.035) 9.2%, transparent 9.5% 89%, rgba(255, 255, 255, 0.028) 89.2%, transparent 89.5%),
    linear-gradient(112deg, transparent 0 20%, rgba(86, 230, 218, 0.075) 29%, transparent 37% 65%, color-mix(in srgb, var(--brief-gold) 8%, transparent) 74%, transparent 85%);
  opacity: 0.9;
}

#cc-modal-brief-card.cc-brief-formed::after {
  height: 2px;
  opacity: 0;
  box-shadow: 0 0 26px color-mix(in srgb, var(--brief-energy) 68%, transparent);
  animation: ccBriefFoundationCharge 1500ms 380ms ease-out both;
}

.cc-brief-orb-continuity {
  top: clamp(76px, 10vw, 118px);
  inset-inline-end: clamp(18px, 5vw, 54px);
  width: clamp(150px, 24vw, 230px);
  z-index: 0;
  opacity: 0;
  filter: saturate(1.22) contrast(1.06);
  animation: ccBriefOrbArrival 1800ms 80ms cubic-bezier(.16,.88,.2,1) both;
}

.cc-brief-orb-halo,
.cc-brief-orb-arc,
.cc-brief-orb-spark {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.cc-brief-orb-halo {
  inset: -28%;
  background:
    radial-gradient(circle, transparent 28%, color-mix(in srgb, var(--brief-energy) 14%, transparent) 44%, transparent 69%),
    conic-gradient(from 24deg, transparent 0 14%, color-mix(in srgb, var(--brief-gold) 36%, transparent) 18%, transparent 24% 56%, color-mix(in srgb, var(--brief-energy) 30%, transparent) 61%, transparent 67%);
  filter: blur(5px);
  opacity: 0;
  animation: ccBriefHaloCharge 1700ms 120ms ease-out both;
}

.cc-brief-orb-shell {
  box-shadow:
    0 0 30px color-mix(in srgb, var(--brief-gold) 32%, transparent),
    0 0 70px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.26)) 86%, transparent),
    inset 0 0 34px rgba(255, 255, 255, 0.12);
  animation: ccBriefOrbIgnition 1550ms 80ms cubic-bezier(.18,.86,.22,1) both;
}

.cc-brief-orb-core {
  inset: 30%;
  box-shadow:
    0 0 16px rgba(255, 255, 255, 0.82),
    0 0 38px color-mix(in srgb, var(--brief-gold) 52%, transparent),
    0 0 62px color-mix(in srgb, var(--brief-energy) 50%, transparent);
  animation: ccBriefCoreIgnition 1500ms 100ms ease-out both;
}

.cc-brief-orb-ring {
  border-width: 1.5px;
  box-shadow: 0 0 18px color-mix(in srgb, var(--brief-energy) 38%, transparent);
  animation: none;
}

.cc-brief-orb-ring-two {
  border-color: color-mix(in srgb, var(--brief-gold) 62%, transparent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--brief-gold) 32%, transparent);
  animation: none;
}

.cc-brief-orb-arc {
  inset: 8%;
  border: 2px solid transparent;
  border-block-start-color: color-mix(in srgb, var(--brief-energy) 80%, transparent);
  border-inline-end-color: color-mix(in srgb, var(--brief-gold) 48%, transparent);
  opacity: 0;
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--brief-energy) 64%, transparent));
}

.cc-brief-orb-arc-one {
  transform: rotate(28deg) scale(1.08);
  animation: ccBriefArcStrike 1100ms 250ms cubic-bezier(.18,.9,.2,1) both;
}

.cc-brief-orb-arc-two {
  inset: 18%;
  transform: rotate(-76deg) scale(0.9);
  animation: ccBriefArcStrike 1050ms 520ms cubic-bezier(.18,.9,.2,1) both reverse;
}

.cc-brief-orb-spark {
  width: 7px;
  height: 7px;
  inset: 48% auto auto 48%;
  background: #fff7dd;
  box-shadow:
    0 0 12px #ffffff,
    0 0 30px var(--brief-gold),
    0 0 54px var(--brief-energy);
  opacity: 0;
  animation: ccBriefSpark 1300ms 260ms ease-out both;
}

.cc-brief-signal-conduit {
  position: absolute;
  z-index: 0;
  top: clamp(158px, 18vw, 214px);
  inset-inline: clamp(58px, 9vw, 112px) clamp(94px, 18vw, 180px);
  height: clamp(90px, 15vw, 150px);
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  animation: ccBriefConduitReveal 1400ms 480ms ease-out both;
}

.cc-brief-signal-conduit span {
  position: absolute;
  inset-inline-end: 0;
  width: 72%;
  height: 1px;
  transform-origin: 100% 50%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brief-energy) 44%, transparent), color-mix(in srgb, var(--brief-gold) 58%, transparent));
  box-shadow: 0 0 10px color-mix(in srgb, var(--brief-energy) 34%, transparent);
}

.cc-brief-signal-conduit span:nth-child(1) { top: 20%; transform: rotate(-8deg); }
.cc-brief-signal-conduit span:nth-child(2) { top: 50%; transform: rotate(2deg); }
.cc-brief-signal-conduit span:nth-child(3) { top: 80%; transform: rotate(10deg); }

.cc-business-signal-board,
.cc-brief-narrative {
  position: relative;
  z-index: 1;
}

.cc-business-signal-board {
  border-bottom-color: color-mix(in srgb, var(--brief-energy) 26%, rgba(255, 255, 255, 0.07));
}

.cc-business-signal-board::before {
  height: 2px;
  opacity: 0;
  box-shadow: 0 0 18px color-mix(in srgb, var(--brief-energy) 46%, transparent);
  animation: ccBriefBoardCharge 1300ms 380ms ease-out both;
}

.cc-business-signal-grid {
  perspective: 1650px;
}

.cc-business-signal-chip {
  --brief-dock-x: 58px;
  --brief-dock-y: -32px;
  --brief-dock-yaw: -28deg;
  --brief-dock-roll: -2.4deg;
  border-color: color-mix(in srgb, var(--brief-gold) 30%, rgba(86, 230, 218, 0.22));
  background:
    radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--brief-energy) 15%, transparent), transparent 48%),
    linear-gradient(145deg, rgba(8, 24, 43, 0.96), rgba(3, 10, 22, 0.94));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 18px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.16)) 48%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 3px 0 0 color-mix(in srgb, var(--brief-gold) 26%, transparent);
  animation: ccBriefSignalDockB2 1040ms cubic-bezier(.12,.88,.18,1) forwards;
  animation-delay: calc(115ms * var(--signal-index, 0));
}

.cc-business-signal-chip:nth-child(even) {
  --brief-dock-x: -42px;
  --brief-dock-yaw: 25deg;
  --brief-dock-roll: 2deg;
}

.cc-business-signal-chip::after {
  inset-block: 12px;
  inset-inline-start: -1px;
  width: 3px;
  opacity: 0.84;
  background: linear-gradient(180deg, var(--brief-gold), var(--brief-energy));
  box-shadow:
    0 0 14px color-mix(in srgb, var(--brief-gold) 62%, transparent),
    0 0 24px color-mix(in srgb, var(--brief-energy) 44%, transparent);
}

.cc-business-signal-chip:hover,
.cc-business-signal-chip:focus-within,
.cc-business-signal-chip[open] {
  animation: none;
  opacity: 1;
  transform: translateY(-7px) rotateX(-2deg) rotateY(2deg) scale(1.025);
  border-color: color-mix(in srgb, var(--brief-gold) 62%, var(--brief-energy));
  box-shadow:
    0 30px 68px rgba(0, 0, 0, 0.42),
    0 0 42px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 88%, transparent),
    0 0 18px color-mix(in srgb, var(--brief-gold) 36%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 3px 0 0 color-mix(in srgb, var(--brief-gold) 48%, transparent);
}

.cc-business-signal-chip summary {
  min-height: 64px;
  align-content: center;
}

.cc-business-signal-chip summary::after {
  width: 36px;
  height: 36px;
  border-color: color-mix(in srgb, var(--brief-gold) 38%, rgba(255, 255, 255, 0.08));
  box-shadow: 0 0 12px color-mix(in srgb, var(--brief-gold) 18%, transparent);
}

.cc-business-signal-chip summary:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brief-energy) 82%, #ffffff);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 3px rgba(2, 9, 20, 0.92);
}

.cc-business-signal-chip[open] .cc-business-signal-detail {
  background: linear-gradient(110deg, color-mix(in srgb, var(--brief-energy) 7%, transparent), color-mix(in srgb, var(--brief-gold) 5%, transparent));
}

.cc-brief-narrative::before {
  width: 2px;
  opacity: 0;
  box-shadow: 0 0 14px color-mix(in srgb, var(--brief-energy) 58%, transparent);
  animation: ccBriefNarrativeRailCharge 2100ms 980ms ease-out both;
}

.cc-brief-narrative-section {
  border-radius: 16px;
  animation:
    ccBriefSectionRiseB2 720ms cubic-bezier(.18,.84,.2,1) forwards,
    ccBriefSectionSignal 900ms ease-out forwards;
  animation-delay:
    calc(900ms + (105ms * var(--brief-section-index, 0))),
    calc(1120ms + (105ms * var(--brief-section-index, 0)));
}

.cc-brief-narrative-section::before {
  box-shadow: 0 0 14px color-mix(in srgb, var(--brief-energy) 52%, transparent);
}

.cc-brief-narrative-section::after {
  content: "";
  position: absolute;
  inset: 10px 8px;
  z-index: -1;
  border: 1px solid transparent;
  border-radius: 14px;
  pointer-events: none;
  transition: border-color 260ms ease, background 260ms ease, box-shadow 260ms ease, opacity 260ms ease;
}

#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="original-inquiry"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="business-type"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="business-specialty"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="what-julius-understands"]::after,
#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="follow-up-break"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="revenue-leak"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="what-is-breaking"]::after,
#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="system-direction"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="system-direction"]::after,
#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="lead-source"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="attention-signal"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="follower-volume"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="lead-volume"]:is(:hover, :focus-within, [open]), .cc-business-signal-chip[data-signal-type="value-signal"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="business-signals"]::after,
#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="missing-detail"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="what-julius-still-needs"]::after,
#cc-modal-brief-card:has(.cc-business-signal-chip[data-signal-type="human-review"]:is(:hover, :focus-within, [open])) .cc-brief-narrative-section[data-brief-section="human-review-boundary"]::after {
  border-color: color-mix(in srgb, var(--brief-gold) 40%, var(--brief-energy));
  background: linear-gradient(110deg, color-mix(in srgb, var(--brief-energy) 8%, transparent), color-mix(in srgb, var(--brief-gold) 7%, transparent));
  box-shadow:
    0 0 28px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.15)) 62%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@keyframes ccBriefFormationB2 {
  0% { opacity: 0; transform: translateY(24px) rotateX(7deg) scale(0.965); filter: saturate(0.82); }
  66% { opacity: 1; transform: translateY(-3px) rotateX(-1.2deg) scale(1.006); filter: saturate(1.12); }
  100% { opacity: 1; transform: translateY(0) rotateX(0deg) scale(1); filter: none; }
}

@keyframes ccBriefFoundationCharge {
  0% { opacity: 0; transform: scaleX(0.08); }
  52% { opacity: 1; transform: scaleX(1); }
  100% { opacity: 0.62; transform: scaleX(0.92); }
}

@keyframes ccBriefOrbArrival {
  0% { opacity: 0; transform: translate(42px, -18px) scale(0.55) rotateZ(-18deg); }
  46% { opacity: 1; transform: translate(-4px, 2px) scale(1.12) rotateZ(4deg); }
  72% { opacity: 0.96; transform: translate(0, 0) scale(0.98) rotateZ(-1deg); }
  100% { opacity: 0.9; transform: translate(0, 0) scale(1) rotateZ(0deg); }
}

@keyframes ccBriefHaloCharge {
  0% { opacity: 0; transform: scale(0.52) rotate(-16deg); }
  45% { opacity: 0.9; transform: scale(1.16) rotate(4deg); }
  100% { opacity: 0.32; transform: scale(1) rotate(0deg); }
}

@keyframes ccBriefOrbIgnition {
  0% { opacity: 0; transform: scale(0.6); filter: brightness(0.7); }
  38% { opacity: 1; transform: scale(1.14); filter: brightness(1.65); }
  70% { transform: scale(0.96); filter: brightness(1.12); }
  100% { opacity: 0.9; transform: scale(1); filter: brightness(1); }
}

@keyframes ccBriefCoreIgnition {
  0% { opacity: 0; transform: scale(0.25); }
  42% { opacity: 1; transform: scale(1.5); }
  100% { opacity: 0.96; transform: scale(1); }
}

@keyframes ccBriefOrbPulseB2 {
  0%, 100% { opacity: 0.68; }
  50% { opacity: 0.92; }
}

@keyframes ccBriefRingOne {
  from { transform: rotateX(64deg) rotateZ(18deg); }
  to { transform: rotateX(64deg) rotateZ(378deg); }
}

@keyframes ccBriefRingTwo {
  from { transform: rotateX(72deg) rotateZ(-28deg); }
  to { transform: rotateX(72deg) rotateZ(332deg); }
}

@keyframes ccBriefArcStrike {
  0% { opacity: 0; }
  32% { opacity: 0.92; }
  68% { opacity: 0.52; }
  100% { opacity: 0.18; }
}

@keyframes ccBriefSpark {
  0% { opacity: 0; transform: scale(0.2); }
  38% { opacity: 1; transform: scale(1.8); }
  100% { opacity: 0.82; transform: scale(1); }
}

@keyframes ccBriefConduitReveal {
  0% { opacity: 0; transform: translateX(34px) scaleX(0.2); }
  52% { opacity: 0.78; transform: translateX(0) scaleX(1); }
  100% { opacity: 0.24; transform: translateX(0) scaleX(1); }
}

@keyframes ccBriefBoardCharge {
  0% { opacity: 0; transform: translateZ(16px) scaleX(0.04); }
  60% { opacity: 1; transform: translateZ(16px) scaleX(1); }
  100% { opacity: 0.68; transform: translateZ(16px) scaleX(0.96); }
}

@keyframes ccBriefSignalDockB2 {
  0% {
    opacity: 0;
    transform: translate(var(--brief-dock-x), var(--brief-dock-y)) rotateX(38deg) rotateY(var(--brief-dock-yaw)) rotateZ(var(--brief-dock-roll)) scale(0.78);
    filter: blur(4px) saturate(0.75);
  }
  42% {
    opacity: 0.92;
    transform: translate(10px, 5px) rotateX(-7deg) rotateY(5deg) rotateZ(0.6deg) scale(1.035);
    filter: blur(0) saturate(1.35);
  }
  72% {
    opacity: 1;
    transform: translateY(-5px) rotateX(2deg) rotateY(-1.5deg) rotateZ(0deg) scale(0.995);
    filter: saturate(1.12);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    filter: none;
  }
}

@keyframes ccBriefNarrativeRailCharge {
  0% { opacity: 0; transform: scaleY(0); transform-origin: 50% 0; }
  58% { opacity: 1; transform: scaleY(1); transform-origin: 50% 0; }
  100% { opacity: 0.72; transform: scaleY(1); transform-origin: 50% 0; }
}

@keyframes ccBriefSectionRiseB2 {
  0% { opacity: 0; transform: translate(18px, 12px) rotateY(-2deg); }
  100% { opacity: 1; transform: translate(0, 0) rotateY(0deg); }
}

@keyframes ccBriefSectionSignal {
  0%, 100% { background: transparent; box-shadow: none; }
  42% {
    background: linear-gradient(110deg, color-mix(in srgb, var(--brief-energy) 7%, transparent), color-mix(in srgb, var(--brief-gold) 5%, transparent));
    box-shadow: inset 0 0 26px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.12)) 42%, transparent);
  }
}

@media (max-width: 640px) {
  .cc-brief-modal-content,
  #cc-modal-brief-card.cc-brief-formed,
  .cc-business-signal-board,
  .cc-business-signal-grid,
  .cc-business-signal-chip,
  .cc-brief-narrative,
  .cc-brief-narrative-section {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
  }

  #cc-modal-brief-card.cc-brief-formed {
    width: 100%;
    margin-inline: 0;
    padding: 18px 16px;
    contain: inline-size paint;
    perspective: none;
    animation-duration: 460ms;
  }

  .cc-brief-orb-continuity {
    top: 84px;
    inset-inline-end: 6px;
    width: 126px;
    max-width: calc(100% - 12px);
    opacity: 0;
    overflow: clip;
    border-radius: 999px;
  }

  .cc-brief-orb-halo {
    inset: 0;
  }

  .cc-brief-orb-ring,
  .cc-brief-orb-arc {
    animation: none;
    transform: none;
  }

  .cc-brief-orb-ring-one,
  .cc-brief-orb-arc-one {
    inset: 7%;
  }

  .cc-brief-orb-ring-two,
  .cc-brief-orb-arc-two {
    inset: 19%;
  }

  .cc-brief-signal-conduit {
    display: none;
  }

  .cc-business-signal-chip,
  .cc-business-signal-chip:nth-child(even),
  .cc-business-signal-chip:hover,
  .cc-business-signal-chip:focus-within,
  .cc-business-signal-chip[open] {
    --brief-dock-x: 0px;
    --brief-dock-y: 14px;
    --brief-dock-yaw: 0deg;
    --brief-dock-roll: 0deg;
    transform: none;
  }

  .cc-business-signal-chip {
    animation-name: ccBriefMobileSignalDockB2;
    animation-duration: 620ms;
    animation-delay: calc(80ms * var(--signal-index, 0));
  }

  .cc-business-signal-chip summary {
    min-height: 64px;
    padding: 10px 10px 10px 12px;
  }

  .cc-business-signal-chip summary::after {
    width: 44px;
    height: 44px;
  }

  .cc-brief-modal button,
  .cc-brief-more-signals > summary {
    min-height: 44px;
  }

  .cc-brief-modal-close {
    top: 8px;
    right: 8px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(3, 10, 21, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .cc-brief-narrative-section {
    animation-name: ccBriefSectionRiseB2, ccBriefSectionSignal;
  }
}

@keyframes ccBriefMobileSignalDockB2 {
  0% { opacity: 0; transform: translateY(14px) scale(0.975); filter: saturate(0.8); }
  62% { opacity: 1; transform: translateY(-2px) scale(1.006); filter: saturate(1.14); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed,
  #cc-modal-brief-card.cc-brief-formed::before,
  #cc-modal-brief-card.cc-brief-formed::after,
  .cc-brief-orb-continuity,
  .cc-brief-orb-halo,
  .cc-brief-orb-shell,
  .cc-brief-orb-core,
  .cc-brief-orb-ring,
  .cc-brief-orb-arc,
  .cc-brief-orb-spark,
  .cc-brief-signal-conduit,
  .cc-business-signal-board::before,
  .cc-business-signal-chip,
  .cc-business-signal-chip::before,
  .cc-business-signal-chip summary::after,
  .cc-brief-narrative::before,
  .cc-brief-narrative-section,
  .cc-brief-narrative-section::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  .cc-brief-orb-continuity {
    opacity: 0.52 !important;
  }

  .cc-brief-signal-conduit {
    opacity: 0.16 !important;
  }

  .cc-business-signal-board::before,
  .cc-brief-narrative::before,
  .cc-business-signal-chip,
  .cc-brief-narrative-section {
    opacity: 1 !important;
  }
}

/* C2 final cascade lock — keeps visual polish above Patch B2 without changing behavior. */
#cc-modal-brief-card.cc-brief-formed {
  --brief-c2-energy: color-mix(in srgb, var(--client-wash-rim, #56e6da) 82%, #8dfff6);
  --brief-c2-warm: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 78%, #ffc179);
  --brief-c2-glow: color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.2)) 82%, rgba(255, 141, 86, 0.12));
  border-color: color-mix(in srgb, var(--brief-c2-energy) 52%, rgba(255, 141, 86, 0.24));
  background:
    radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--brief-c2-energy) 18%, transparent), transparent 28%),
    radial-gradient(circle at 76% 24%, color-mix(in srgb, var(--brief-c2-warm) 14%, transparent), transparent 38%),
    linear-gradient(118deg, transparent 0 39%, color-mix(in srgb, var(--brief-c2-energy) 5%, transparent) 46%, transparent 54%),
    linear-gradient(150deg, rgba(6, 18, 35, 0.985), rgba(1, 7, 17, 0.985) 56%, rgba(9, 18, 30, 0.975));
  box-shadow:
    0 36px 96px rgba(0, 0, 0, 0.56),
    0 0 70px color-mix(in srgb, var(--brief-c2-glow) 84%, transparent),
    0 0 0 1px color-mix(in srgb, var(--brief-c2-energy) 22%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 0 0 1px color-mix(in srgb, var(--brief-c2-warm) 18%, transparent),
    inset 0 -78px 132px rgba(0, 0, 0, 0.46);
}

#cc-modal-brief-card.cc-brief-formed > :not(.cc-brief-orb-continuity):not(.cc-brief-signal-conduit) {
  position: relative;
  z-index: 2;
}

#cc-modal-brief-card.cc-brief-formed::before {
  background:
    repeating-linear-gradient(64deg, transparent 0 26px, color-mix(in srgb, var(--brief-c2-energy) 8%, transparent) 27px 28px, transparent 29px 56px),
    repeating-linear-gradient(116deg, transparent 0 34px, color-mix(in srgb, var(--brief-c2-warm) 6%, transparent) 35px 36px, transparent 37px 72px),
    radial-gradient(ellipse at 74% 30%, color-mix(in srgb, var(--brief-c2-energy) 12%, transparent), transparent 42%),
    linear-gradient(112deg, transparent 0 20%, color-mix(in srgb, var(--brief-c2-energy) 10%, transparent) 29%, transparent 37% 65%, color-mix(in srgb, var(--brief-c2-warm) 8%, transparent) 74%, transparent 85%);
  opacity: 0.82;
  filter: saturate(1.08);
  animation: ccC2MeshBreath 8s ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed::after {
  background: linear-gradient(90deg, transparent, var(--brief-c2-energy), var(--brief-c2-warm), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--brief-c2-energy) 70%, transparent),
    0 0 34px color-mix(in srgb, var(--brief-c2-warm) 42%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity {
  top: clamp(8px, 2.4vw, 18px);
  width: clamp(146px, 19vw, 190px);
  z-index: 3;
  opacity: 0.72 !important;
  mix-blend-mode: screen;
  filter:
    saturate(1.42)
    contrast(1.13)
    drop-shadow(0 24px 28px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 30px color-mix(in srgb, var(--brief-c2-energy) 42%, transparent));
  animation: ccC2BriefOrbFloat 7.5s ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed:not([dir="rtl"]) .cc-brief-orb-continuity,
#cc-modal-brief-card.cc-brief-formed[dir="ltr"] .cc-brief-orb-continuity {
  left: auto !important;
  right: clamp(18px, 5vw, 54px) !important;
  inset-inline-start: auto !important;
  inset-inline-end: clamp(18px, 5vw, 54px) !important;
}

#cc-modal-brief-card.cc-brief-formed[dir="rtl"] .cc-brief-orb-continuity {
  left: clamp(18px, 5vw, 54px) !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: clamp(18px, 5vw, 54px) !important;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--brief-c2-energy) 54%, rgba(255, 255, 255, 0.28));
  background:
    radial-gradient(circle at 50% 49%, rgba(255, 255, 255, 0.98) 0 2.2%, color-mix(in srgb, var(--brief-c2-energy) 82%, #ffffff) 3.2% 5.8%, transparent 7%),
    radial-gradient(circle at 36% 26%, rgba(255, 255, 255, 0.28), transparent 16%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--brief-c2-energy) 26%, transparent) 0 10%, transparent 30%),
    radial-gradient(circle at 64% 68%, color-mix(in srgb, var(--brief-c2-warm) 24%, transparent) 0 10%, transparent 32%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 10px, color-mix(in srgb, var(--brief-c2-energy) 16%, transparent) 11px, transparent 12px 18px),
    radial-gradient(circle at 50% 50%, rgba(18, 68, 84, 0.94), rgba(6, 18, 34, 0.98) 68%);
  box-shadow:
    inset 0 0 16px rgba(255, 255, 255, 0.21),
    inset 0 0 38px color-mix(in srgb, var(--brief-c2-energy) 30%, transparent),
    inset 0 -18px 32px color-mix(in srgb, var(--brief-c2-warm) 18%, transparent),
    0 0 28px color-mix(in srgb, var(--brief-c2-energy) 34%, transparent),
    0 0 62px color-mix(in srgb, var(--brief-c2-glow) 82%, transparent);
  animation: ccBriefOrbIgnition 1450ms 80ms cubic-bezier(.18,.86,.22,1) both, ccC2BriefOrbClarity 5.8s 1600ms ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::before,
#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  pointer-events: none;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::before {
  background:
    repeating-conic-gradient(from 22deg, transparent 0 9deg, color-mix(in srgb, var(--brief-c2-energy) 52%, transparent) 10deg 10.8deg, transparent 11.5deg 24deg, color-mix(in srgb, var(--brief-c2-warm) 34%, transparent) 25deg 25.8deg, transparent 26.5deg 43deg);
  mix-blend-mode: screen;
  opacity: 0.82;
  animation: systemStaticTurn 8.5s linear infinite;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::after {
  inset: 2px;
  background:
    radial-gradient(circle at 31% 22%, rgba(255, 255, 255, 0.42), transparent 13%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.15), transparent 35% 66%, color-mix(in srgb, var(--brief-c2-energy) 9%, transparent));
  box-shadow: inset 8px 10px 18px rgba(255, 255, 255, 0.055);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-core {
  inset: 46%;
  background:
    radial-gradient(circle, #ffffff 0 24%, color-mix(in srgb, var(--brief-c2-energy) 78%, rgba(255, 255, 255, 0.36)) 38%, color-mix(in srgb, var(--brief-c2-warm) 62%, rgba(86, 230, 218, 0.28)) 74%, transparent 100%);
  box-shadow:
    0 0 10px #ffffff,
    0 0 24px color-mix(in srgb, var(--brief-c2-energy) 86%, transparent),
    0 0 46px color-mix(in srgb, var(--brief-c2-warm) 54%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-signal-conduit {
  top: clamp(126px, 15vw, 190px);
  inset-inline: clamp(28px, 6vw, 82px) clamp(70px, 16vw, 170px);
  height: clamp(150px, 22vw, 248px);
  border-radius: 26px;
  background:
    repeating-linear-gradient(63deg, transparent 0 24px, color-mix(in srgb, var(--brief-c2-energy) 11%, transparent) 25px 26px, transparent 27px 56px),
    repeating-linear-gradient(118deg, transparent 0 32px, color-mix(in srgb, var(--brief-c2-warm) 9%, transparent) 33px 34px, transparent 35px 72px),
    radial-gradient(ellipse at 68% 34%, color-mix(in srgb, var(--brief-c2-energy) 13%, transparent), transparent 52%);
  mask-image: radial-gradient(ellipse at 56% 42%, #000 0 54%, transparent 76%);
  opacity: 0;
  mix-blend-mode: screen;
  animation: ccBriefConduitReveal 1200ms 360ms ease-out both, ccC2MeshDrift 10s 1500ms ease-in-out infinite;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip {
  backdrop-filter: blur(16px) saturate(1.12);
  border-color: color-mix(in srgb, var(--brief-c2-energy) 34%, rgba(255, 255, 255, 0.14));
  background:
    radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--brief-c2-energy) 17%, transparent), transparent 48%),
    radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--brief-c2-warm) 11%, transparent), transparent 48%),
    linear-gradient(145deg, rgba(8, 24, 43, 0.965), rgba(3, 10, 22, 0.93));
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.38),
    0 0 24px color-mix(in srgb, var(--brief-c2-glow) 62%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm) 35%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
  transform: translate3d(0, -9px, 42px) rotateX(-2deg) rotateY(2deg) scale(1.028);
  border-color: color-mix(in srgb, var(--brief-c2-warm) 54%, var(--brief-c2-energy));
  box-shadow:
    0 34px 74px rgba(0, 0, 0, 0.46),
    0 0 50px color-mix(in srgb, var(--brief-c2-glow) 88%, transparent),
    0 0 22px color-mix(in srgb, var(--brief-c2-warm) 36%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.17),
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm) 55%, transparent);
}

@media (max-width: 640px) {
  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity {
    top: 64px;
    width: 96px;
    z-index: 1;
    right: 8px !important;
    opacity: 0.24 !important;
    filter: saturate(1.16) contrast(1.04);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-signal-conduit {
    display: block;
    inset-inline: 12px;
    top: 98px;
    height: 128px;
    opacity: 0.14;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed::before,
  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity,
  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell,
  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::before,
  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-ring,
  #cc-modal-brief-card.cc-brief-formed .cc-brief-signal-conduit {
    animation: none !important;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity {
    opacity: 0.46 !important;
  }
}

/* C2.1 formed Brief clarity pass — visual only. */
#cc-modal-brief-card.cc-brief-formed {
  --brief-c2-energy: color-mix(in srgb, var(--client-wash-rim, #56e6da) 88%, #a7fff6);
  --brief-c2-warm: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 86%, #ffd09a);
  --brief-c2-glow: color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 78%, rgba(255, 141, 86, 0.18));
  perspective: 1200px;
  transform-style: preserve-3d;
  background:
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--brief-c2-energy) 24%, transparent), transparent 26%),
    radial-gradient(circle at 74% 25%, color-mix(in srgb, var(--brief-c2-warm) 17%, transparent), transparent 35%),
    radial-gradient(circle at 16% 4%, rgba(86, 230, 218, 0.11), transparent 30%),
    linear-gradient(118deg, transparent 0 37%, color-mix(in srgb, var(--brief-c2-energy) 7%, transparent) 45%, transparent 54%),
    linear-gradient(150deg, rgba(6, 18, 35, 0.99), rgba(1, 7, 17, 0.985) 58%, rgba(10, 18, 31, 0.98)) !important;
}

#cc-modal-brief-card.cc-brief-formed::before {
  opacity: 0.94;
  filter: saturate(1.22) contrast(1.08);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-executive-summary {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(8px, 1.2vw, 12px);
  margin: 0 0 clamp(14px, 2vw, 18px);
  padding: clamp(9px, 1.4vw, 12px);
  border: 1px solid color-mix(in srgb, var(--brief-c2-energy) 28%, rgba(255, 255, 255, 0.12));
  border-radius: 22px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--brief-c2-energy) 14%, transparent), transparent 48%, color-mix(in srgb, var(--brief-c2-warm) 11%, transparent)),
    rgba(3, 11, 22, 0.68);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px) saturate(1.12);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-executive-chip {
  min-width: 0;
  padding: clamp(9px, 1.4vw, 12px);
  border: 1px solid color-mix(in srgb, var(--brief-c2-energy) 24%, rgba(255, 255, 255, 0.1));
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0, color-mix(in srgb, var(--brief-c2-energy) 16%, transparent), transparent 50%),
    radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--brief-c2-warm) 14%, transparent), transparent 54%),
    rgba(5, 15, 28, 0.72);
  box-shadow:
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm) 46%, transparent),
    0 0 20px color-mix(in srgb, var(--brief-c2-glow) 36%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-executive-chip span {
  display: block;
  color: color-mix(in srgb, var(--brief-c2-energy) 76%, #f8ffff);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-executive-chip strong {
  display: -webkit-box;
  margin-top: 5px;
  color: #f7fbff;
  font-size: clamp(0.86rem, 1.1vw, 0.98rem);
  line-height: 1.28;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity {
  width: clamp(152px, 18vw, 202px);
  opacity: 0.84 !important;
  filter:
    saturate(1.72)
    contrast(1.24)
    brightness(1.08)
    drop-shadow(0 22px 26px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 34px color-mix(in srgb, var(--brief-c2-energy) 52%, transparent))
    drop-shadow(0 0 22px color-mix(in srgb, var(--brief-c2-warm) 34%, transparent));
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-halo {
  background:
    radial-gradient(circle, color-mix(in srgb, var(--brief-c2-energy) 22%, transparent), transparent 54%),
    conic-gradient(from 18deg, transparent, color-mix(in srgb, var(--brief-c2-energy) 32%, transparent), transparent, color-mix(in srgb, var(--brief-c2-warm) 24%, transparent), transparent);
  filter: blur(10px) saturate(1.35);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell {
  border-color: color-mix(in srgb, var(--brief-c2-energy) 68%, rgba(255, 255, 255, 0.34));
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.98) 0 2.1%, color-mix(in srgb, var(--brief-c2-energy) 88%, #ffffff) 3.4% 5.4%, transparent 6.6%),
    repeating-conic-gradient(from -14deg, transparent 0 7deg, color-mix(in srgb, var(--brief-c2-energy) 34%, transparent) 8deg 8.7deg, transparent 9.4deg 17deg, color-mix(in srgb, var(--brief-c2-warm) 26%, transparent) 18deg 18.8deg, transparent 20deg 34deg),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 8px, color-mix(in srgb, var(--brief-c2-energy) 20%, transparent) 9px, transparent 10px 16px),
    linear-gradient(54deg, transparent 0 42%, color-mix(in srgb, var(--brief-c2-energy) 22%, transparent) 48% 51%, transparent 57%),
    radial-gradient(circle at 36% 26%, rgba(255, 255, 255, 0.36), transparent 16%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--brief-c2-energy) 34%, transparent) 0 10%, transparent 30%),
    radial-gradient(circle at 64% 68%, color-mix(in srgb, var(--brief-c2-warm) 30%, transparent) 0 10%, transparent 32%),
    radial-gradient(circle at 50% 50%, rgba(18, 68, 84, 0.95), rgba(4, 16, 32, 0.99) 68%) !important;
  box-shadow:
    inset 0 0 12px rgba(255, 255, 255, 0.24),
    inset 0 0 32px color-mix(in srgb, var(--brief-c2-energy) 38%, transparent),
    inset 0 -18px 32px color-mix(in srgb, var(--brief-c2-warm) 24%, transparent),
    0 0 26px color-mix(in srgb, var(--brief-c2-energy) 42%, transparent),
    0 0 72px color-mix(in srgb, var(--brief-c2-glow) 92%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::before {
  inset: 6px;
  background:
    linear-gradient(12deg, transparent 0 46%, rgba(255, 255, 255, 0.58) 48% 49%, transparent 52%),
    repeating-conic-gradient(from 22deg, transparent 0 8deg, color-mix(in srgb, var(--brief-c2-energy) 64%, transparent) 9deg 9.8deg, transparent 10.5deg 23deg, color-mix(in srgb, var(--brief-c2-warm) 42%, transparent) 24deg 24.9deg, transparent 26deg 42deg);
  opacity: 0.94;
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-shell::after {
  background:
    radial-gradient(circle at 30% 21%, rgba(255, 255, 255, 0.5), transparent 13%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.18), transparent 35% 66%, color-mix(in srgb, var(--brief-c2-energy) 13%, transparent)),
    radial-gradient(circle at 63% 54%, color-mix(in srgb, var(--brief-c2-warm) 12%, transparent), transparent 34%);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-core {
  inset: 44.5%;
  filter: contrast(1.12) saturate(1.35);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-ring,
#cc-modal-brief-card.cc-brief-formed .cc-brief-orb-arc {
  opacity: 0.96;
  border-color: color-mix(in srgb, var(--brief-c2-energy) 58%, rgba(255, 255, 255, 0.34));
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--brief-c2-energy) 44%, transparent));
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-board {
  padding-bottom: clamp(14px, 2vw, 20px);
}

#cc-modal-brief-card.cc-brief-formed .cc-brief-section-intro {
  margin-top: 7px;
  line-height: 1.42;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-grid {
  gap: clamp(8px, 1.2vw, 12px);
  perspective: 1200px;
  transform-style: preserve-3d;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip {
  transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
  transform-origin: 50% 54%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition:
    transform 260ms cubic-bezier(.16,.84,.32,1),
    border-color 220ms ease,
    box-shadow 260ms ease,
    filter 220ms ease,
    background 220ms ease;
  will-change: transform, filter;
  border-color: color-mix(in srgb, var(--brief-c2-energy) 40%, rgba(255, 255, 255, 0.12));
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--brief-c2-energy) 22%, transparent), transparent 52%),
    radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--brief-c2-warm) 18%, transparent), transparent 52%),
    linear-gradient(145deg, rgba(8, 24, 43, 0.97), rgba(3, 10, 22, 0.94)) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.36),
    0 0 24px color-mix(in srgb, var(--brief-c2-glow) 70%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 3px 0 0 color-mix(in srgb, var(--brief-c2-warm) 48%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary {
  transform: translateZ(14px);
  transition: transform 240ms cubic-bezier(.16,.84,.32,1);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary::after {
  color: color-mix(in srgb, var(--brief-c2-warm) 82%, #ffffff);
  text-shadow: 0 0 16px color-mix(in srgb, var(--brief-c2-warm) 55%, transparent);
  transition: transform 240ms cubic-bezier(.16,.84,.32,1), color 220ms ease, text-shadow 220ms ease;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip strong {
  line-height: 1.28;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
  transform: translateZ(18px);
}

@media (hover: hover) and (pointer: fine) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
    animation: none !important;
    transform: perspective(980px) translate3d(0, -11px, 58px) rotateX(1deg) rotateY(-8deg) rotateZ(0.35deg) scale(1.035) !important;
    filter: saturate(1.2) brightness(1.05);
    border-color: color-mix(in srgb, var(--brief-c2-warm) 62%, var(--brief-c2-energy));
    box-shadow:
      0 34px 76px rgba(0, 0, 0, 0.48),
      0 0 54px color-mix(in srgb, var(--brief-c2-glow) 96%, transparent),
      0 0 28px color-mix(in srgb, var(--brief-c2-warm) 44%, transparent),
      inset 0 1px 0 rgba(255, 255, 255, 0.19),
      inset 4px 0 0 color-mix(in srgb, var(--brief-c2-warm) 68%, transparent);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover summary,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within summary,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] summary {
    transform: translateZ(30px);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover summary::after,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within summary::after,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] summary::after {
    transform: translateZ(36px) rotate(90deg) scale(1.12);
  }
}

@media (min-width: 900px) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-grid-secondary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-narrative {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.6vw, 18px);
    margin-top: clamp(14px, 2vw, 20px);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-narrative-section {
    min-width: 0;
    padding: clamp(16px, 2vw, 20px);
    border: 1px solid color-mix(in srgb, var(--brief-c2-energy) 16%, rgba(255, 255, 255, 0.08));
    border-radius: 20px;
    background:
      radial-gradient(circle at 10% 0, color-mix(in srgb, var(--brief-c2-energy) 8%, transparent), transparent 44%),
      rgba(3, 12, 24, 0.58);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-narrative-section::before {
    inset-block: 18px;
    inset-inline-start: 10px;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-narrative-section p {
    margin: 8px 0 0 26px;
    font-size: clamp(0.92rem, 1.05vw, 1rem);
    line-height: 1.48;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-human-boundary {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #cc-modal-brief-card.cc-brief-formed .cc-brief-executive-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #cc-modal-brief-card.cc-brief-formed {
    perspective: none;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-executive-summary {
    grid-template-columns: 1fr;
    padding: 10px;
    margin-bottom: 12px;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-orb-continuity {
    width: 102px;
    opacity: 0.34 !important;
    filter: saturate(1.36) contrast(1.12) brightness(1.03);
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open],
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
    transform: none !important;
  }

  #cc-modal-brief-card.cc-brief-formed .cc-brief-narrative-section {
    padding-block: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open],
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
    transform: none !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
  }
}

/* C2.1 final chip cascade lock — one-axis hover plus front-to-back detail reveal. */
#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip {
  overflow: hidden;
  will-change: transform;
  filter: none !important;
  border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 56%, rgba(255, 255, 255, 0.14));
  background:
    linear-gradient(112deg, color-mix(in srgb, var(--client-wash-primary, #56e6da) 22%, transparent), transparent 43%),
    radial-gradient(circle at 88% 108%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 28%, transparent), transparent 52%),
    linear-gradient(145deg, rgba(8, 25, 44, 0.98), rgba(3, 10, 22, 0.95)) !important;
  transition:
    transform 260ms cubic-bezier(.16,.84,.32,1),
    border-color 220ms ease,
    box-shadow 260ms ease,
    background 220ms ease;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip::before {
  animation: none !important;
  opacity: 0.72;
  transform: translate3d(-24%, 0, 0);
  background:
    linear-gradient(104deg, transparent 12%, color-mix(in srgb, var(--client-wash-primary, #56e6da) 30%, transparent) 36%, transparent 58%),
    linear-gradient(164deg, transparent 46%, color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 20%, transparent) 52%, transparent 62%);
  transition: transform 300ms cubic-bezier(.16,.84,.32,1), opacity 220ms ease;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:nth-child(3n + 2)::before {
  transform: translate3d(18%, 0, 0) scaleX(-1);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:nth-child(3n) {
  border-color: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 48%, var(--client-wash-rim, #56e6da));
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip summary,
#cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
  position: relative;
  z-index: 1;
  transform: none !important;
  backface-visibility: hidden;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-detail {
  transform-origin: 50% 0;
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--client-wash-primary, #56e6da) 13%, transparent), color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 10%, transparent)),
    rgba(2, 10, 21, 0.56);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
  animation: none !important;
  transform: perspective(1000px) translate3d(0, -4px, 34px) rotateX(0deg) scale(1.018) !important;
  filter: none !important;
  border-color: color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 66%, var(--client-wash-rim, #56e6da));
  box-shadow:
    0 30px 68px rgba(0, 0, 0, 0.46),
    0 0 46px color-mix(in srgb, var(--client-wash-glow, rgba(86, 230, 218, 0.22)) 92%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.19),
    inset 4px 0 0 color-mix(in srgb, var(--client-wash-secondary, #ff8d56) 72%, transparent);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open]::before {
  opacity: 1;
  transform: translate3d(8%, 0, 0) scaleX(1.08);
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] summary::after {
  transform: rotateX(180deg) scale(1.08) !important;
}

#cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] .cc-business-signal-detail {
  animation: ccSignalChipFrontBackReveal 280ms cubic-bezier(.16,.84,.32,1) both;
}

@media (hover: hover) and (pointer: fine) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover:not([open]),
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within:not([open]) {
    animation: none !important;
    transform: perspective(1000px) translate3d(0, -6px, 26px) rotateX(-6deg) scale(1.018) !important;
    filter: none !important;
    border-color: color-mix(in srgb, var(--client-wash-rim, #56e6da) 74%, var(--client-wash-secondary, #ff8d56));
  }

  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover:not([open])::before,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within:not([open])::before {
    opacity: 0.92;
    transform: translate3d(2%, 0, 0);
  }
}

@media (max-width: 640px) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:hover,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] {
    transform: none !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip::before,
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip[open] .cc-business-signal-detail {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  #cc-modal-brief-card.cc-brief-formed .cc-business-signal-chip:focus-within:not(:hover):not([open]) {
    transform: translate3d(0, 0, 0) !important;
    filter: none !important;
  }
}

/* C2.2 desktop one-screen compression — layout and header control only. */
body.cc-page .cc-header-language-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 176px;
  max-width: min(230px, 42vw);
  cursor: pointer;
  perspective: 720px;
}

body.cc-page .cc-header-language-control #language-mode-chip {
  width: 100%;
  max-width: none;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateZ(0);
}

body.cc-page .cc-header-language-control:focus-within #language-mode-chip {
  outline: 2px solid rgba(86, 230, 218, 0.76);
  outline-offset: 3px;
}

body.cc-page .cc-header-language-select {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

body.cc-page .cc-mode-bar {
  display: none !important;
}

@media (min-width: 981px) {
  body.cc-page .cc-cockpit-body {
    padding-block-start: 14px !important;
    padding-block-end: 24px !important;
  }

  body.cc-page .cc-cqa-col {
    display: flex;
    align-self: stretch !important;
    min-height: 0;
  }

  body.cc-page .cc-cqa-panel,
  body.cc-page .cc-cqa-col .cc-cqa-panel {
    grid-template-areas:
      "head"
      "stream"
      "input"
      "progress" !important;
    gap: 7px 12px !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 10px !important;
  }

  body.cc-page .cc-cqa-head {
    gap: 3px !important;
  }

  body.cc-page .cc-cqa-col .cc-cqa-stream {
    min-height: 132px !important;
    max-height: 240px !important;
  }

  body.cc-page .cc-unified-command-surface > .cc-preview-window.live {
    padding-block-start: 14px !important;
  }

  body.cc-page .csf-zone-a {
    margin-block-end: 8px !important;
    padding-block-end: 8px !important;
  }

  body.cc-page .cc-final-output-row {
    margin-top: 12px !important;
  }
}

@media (max-width: 980px) {
  body.cc-page .cc-cqa-panel,
  body.cc-page .cc-cqa-col .cc-cqa-panel {
    grid-template-areas:
      "head"
      "stream"
      "input"
      "progress" !important;
  }
}

@media (max-width: 640px) {
  body.cc-page .cc-header-language-control {
    min-width: 0;
    max-width: 128px;
  }

  body.cc-page .cc-header-language-control #language-mode-chip {
    max-width: 100% !important;
    padding-inline: 9px;
    font-size: 0.62rem;
  }
}