@font-face {
  font-family: Geist;
  src: url("assets/geist-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("assets/geist-mono-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Brand;
  src: url("assets/mickai-wordmark.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --bg: #141516;
  --side: #1b1c1d;
  --panel: #202123;
  --raised: #292b2d;
  --line: #37393a;
  --text: #f1efe9;
  --second: #c0c1bb;
  --muted: #a0a29e;
  --gold: #d4b975;
  --green: #8dc9ad;
  --red: #d9988c;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    18px/1.5 Geist,
    Arial,
    sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
button,
input,
textarea,
select {
  font: inherit;
}
button {
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
}
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
button:hover {
  color: var(--accent);
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 400;
}
svg {
  display: block;
}
b,
strong {
  font-weight: 600;
}
small {
  font-size: 14px;
}
.gold {
  color: var(--accent);
}
.muted {
  color: var(--muted);
}
.secondary {
  color: var(--second);
}
.positive {
  color: var(--green);
}
.negative {
  color: var(--red);
}
.mono,
code {
  font-family: "Geist Mono", ui-monospace, Consolas, monospace;
  font-variant-numeric: tabular-nums;
}
.tabular {
  font-variant-numeric: tabular-nums;
}
.icon {
  width: 20px;
  height: 20px;
  flex: none;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.inline {
  display: flex;
  align-items: center;
  gap: 12px;
}
.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.stack {
  display: grid;
  gap: 20px;
}
.stack-tight {
  display: grid;
  gap: 12px;
}
.full {
  grid-column: 1/-1;
}
.space {
  margin-top: 24px;
}
.divider {
  border-top: 1px solid var(--line);
  margin: 24px 0;
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--second);
  white-space: nowrap;
}
.dot {
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  display: inline-block;
}
.dot.green {
  background: var(--green);
}
.dot.red {
  background: var(--red);
}
.label {
  font-size: 15px;
  color: var(--second);
}
.quiet {
  color: var(--second);
  font-size: 16px;
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
}
.primary {
  background: var(--text);
  color: #101010;
  border: 1px solid var(--text);
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.primary:hover {
  background: #dfdfd8;
  color: #101010;
}
.subtle {
  font-size: 15px;
  border-bottom: 1px solid #555;
  color: var(--second);
  padding: 6px 0;
}
.pill {
  font-size: 13px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 4px 8px;
  color: var(--second);
  white-space: nowrap;
}
.pill.gold {
  border-color: #5a5036;
  color: var(--accent);
}
.pill.green {
  border-color: #304b3d;
  color: var(--green);
}
.pill.red {
  border-color: #523a34;
  color: var(--red);
}
#film {
  min-height: 100dvh;
  position: relative;
}
.scene {
  height: 1080px;
  width: 1920px;
  position: relative;
  padding: 40px 64px 68px;
  background: #080808;
  overflow: hidden;
}
.chapter-head {
  height: 112px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.chapter-head h1 {
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.025em;
}
.chapter-head p {
  margin-top: 10px;
  font-size: 20px;
  color: var(--second);
}
.chapter-count {
  font-size: 14px;
  color: var(--muted);
  padding-top: 8px;
}
.brand {
  font-family: Brand, Geist, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0;
  display: inline-block;
  line-height: 1;
}
.brand sup {
  font-size: 0.48em;
  vertical-align: super;
  margin-left: 1px;
  color: var(--accent);
}
.film-footer {
  position: absolute;
  bottom: 22px;
  left: 64px;
  right: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.film-footer .credit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.film-footer .brand {
  font-size: 19px;
  color: var(--text);
}
.app-frame {
  height: 820px;
  background: var(--side);
  border: 1px solid #333;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 220px 1fr;
}
.sidebar {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  padding: 24px 16px;
  gap: 24px;
  background: #0d0d0d;
}
.product {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-mark {
  height: 26px;
  width: 26px;
  color: var(--accent);
}
.org {
  padding: 0 12px;
  color: var(--second);
  font-size: 14px;
}
.nav-group {
  display: grid;
  gap: 4px;
}
.nav-group .nav {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  min-height: 42px;
  padding: 8px 12px;
  text-align: left;
  color: var(--second);
  border-radius: 6px;
}
.nav.active {
  background: #1a1a1a;
  color: var(--text);
}
.nav.active .icon {
  color: var(--accent);
}
.nav .icon {
  width: 18px;
  height: 18px;
}
.nav-label {
  font-size: 13px;
  color: var(--muted);
  padding: 0 12px 8px;
}
.side-bottom {
  margin-top: auto;
  padding: 0 12px;
}
.identity {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #292721;
  color: #e5d8b4;
  font-size: 13px;
  flex: none;
}
.identity small {
  color: var(--muted);
  display: block;
  font-size: 12px;
}
.main-area {
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #101010;
}
.app-top {
  height: 64px;
  min-height: 64px;
  border-bottom: 1px solid var(--line);
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  color: var(--second);
}
.app-top .context {
  color: var(--text);
  font-size: 16px;
}
.app-top .working-state {
  font-size: 13px;
  color: var(--accent);
  display: flex;
  gap: 8px;
  align-items: center;
}
.content {
  padding: 28px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.page-title {
  margin-bottom: 24px;
}
.page-title h2 {
  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.page-title p {
  font-size: 16px;
  color: var(--second);
  margin-top: 6px;
}
.tabs {
  display: flex;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
  height: 40px;
}
.tabs span {
  font-size: 15px;
  padding-bottom: 14px;
  color: var(--muted);
}
.interactive-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.interactive-tabs button {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  cursor: pointer;
  flex: none;
  font: inherit;
  font-size: 15px;
  min-height: 40px;
  padding: 0 0 12px;
}
.tabs .selected {
  color: var(--text);
  border-bottom: 2px solid var(--accent);
}
.team-task-list {
  display: grid;
  gap: 0;
}
.team-task {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 78px;
  padding: 16px 0;
}
.team-task:first-child {
  border-top: 1px solid var(--line);
}
.team-task b,
.week-grid b {
  display: block;
  font-size: 14px;
  font-weight: 520;
}
.team-task small,
.week-grid small {
  color: var(--muted);
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
.week-grid {
  display: grid;
  gap: 0;
}
.week-grid > div {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 6px 18px;
  grid-template-columns: 64px 1fr;
  padding: 16px 0;
}
.week-grid > div:first-child {
  border-top: 1px solid var(--line);
}
.week-grid span {
  color: var(--gold);
  font-family: "Geist Mono", monospace;
  font-size: 12px;
  grid-row: 1 / 3;
}
.model-desk {
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  margin-top: 22px;
  padding: 18px 0;
}
.model-desk > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--text);
  cursor: pointer;
  display: grid;
  grid-template-columns: 58px 1fr;
  min-height: 42px;
  padding: 8px;
  text-align: left;
  width: 100%;
}
.model-desk > button:hover,
.model-desk > button:focus-visible {
  background: #ffffff09;
}
.model-desk > button span {
  color: var(--gold);
  font-size: 12px;
}
.model-desk > button small {
  color: var(--muted);
  font-size: 11px;
}
.panel {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px;
  background: #141414;
  min-width: 0;
}
.panel.flat {
  background: transparent;
}
.panel h3 {
  font-size: 20px;
  letter-spacing: -0.015em;
  margin-bottom: 4px;
}
.panel-title {
  margin-bottom: 20px;
}
.two-col {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 24px;
  align-items: start;
}
.three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.stat {
  padding-left: 24px;
  border-left: 1px solid var(--line);
}
.stat:first-child {
  padding-left: 0;
  border: 0;
}
.stat .value {
  font-size: 35px;
  line-height: 1.2;
  margin: 6px 0 4px;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
}
.stat .compare {
  font-size: 13px;
  color: var(--muted);
}
.chart {
  width: 100%;
  height: 245px;
  margin-top: 12px;
  overflow: visible;
}
.chart text {
  font:
    13px Geist,
    Arial,
    sans-serif;
  fill: #92928e;
}
.chart .grid {
  stroke: #2b2b2b;
  stroke-width: 1;
}
.chart .line {
  fill: none;
  stroke: var(--accent);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.chart .previous {
  fill: none;
  stroke: #686862;
  stroke-width: 2;
  stroke-dasharray: 5 6;
}
.chart .area {
  fill: url(#area);
}
.legend {
  display: flex;
  gap: 24px;
  font-size: 13px;
  color: var(--second);
  margin-top: 12px;
}
.legend span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.swatch {
  width: 18px;
  height: 2px;
  background: var(--accent);
}
.swatch.grey {
  background: #777;
}
.list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
}
.list-row:last-child {
  border-bottom: 0;
}
.list-row small {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}
.list-row .number {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  table-layout: auto;
}
.table th {
  font-size: 13px;
  color: var(--muted);
  font-weight: 400;
  text-align: left;
  padding: 0 12px 14px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.table th:first-child,
.table td:first-child {
  padding-left: 0;
}
.table td {
  padding: 15px 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.table tr:last-child td {
  border-bottom: 0;
}
.table .right {
  text-align: right;
}
.table .row-selected {
  background: #1b1a16;
}
.table td small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.callout {
  margin-top: 20px;
  padding: 14px 16px;
  border-left: 2px solid var(--accent);
  background: #1b1914;
  color: var(--second);
  font-size: 14px;
  line-height: 1.65;
}
.callout strong {
  color: var(--text);
  font-weight: 400;
}
.protection {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--green);
  margin-top: 16px;
}
.progress {
  height: 5px;
  background: #30302b;
  margin-top: 10px;
  border-radius: 2px;
  overflow: hidden;
}
.progress i {
  display: block;
  height: 100%;
  background: var(--accent);
}
.micro {
  font-size: 12px;
  color: var(--muted);
}
.field {
  border: 1px solid #3a3a36;
  border-radius: 8px;
  padding: 12px 16px;
  background: #171717;
  color: var(--text);
  font-size: 15px;
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 44px;
}
.field input {
  background: none;
  border: 0;
  outline: 0;
  color: inherit;
  min-width: 0;
  width: 100%;
}
.page-controls {
  display: flex;
  gap: 20px;
  align-items: center;
}
.page-controls .field {
  padding: 8px 12px;
}
.delta {
  font-size: 14px;
  color: var(--accent);
}
/* Conversational surfaces keep the task and its evidence in the same column. */
.chat-layout {
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 28px;
  height: 100%;
}
.conversation {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 20px;
}
.chat-head {
  font-size: 14px;
  color: var(--muted);
  display: flex;
  gap: 16px;
  align-items: center;
}
.user-bubble {
  align-self: flex-end;
  background: #242424;
  border-radius: 14px;
  padding: 14px 20px;
  max-width: 85%;
  font-size: 17px;
}
.assistant-answer {
  display: flex;
  gap: 16px;
  max-width: 95%;
  align-items: flex-start;
}
.assistant-mark {
  font-family: Brand, Geist, sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: var(--accent);
  width: 30px;
  flex: none;
  line-height: 1.4;
}
.assistant-body {
  font-size: 17px;
  line-height: 1.7;
  min-width: 0;
  flex: 1;
}
.assistant-body h3 {
  font-size: 22px;
  margin: 0 0 12px;
}
.answer-row {
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.answer-row b {
  font-size: 16px;
  display: block;
}
.answer-row p {
  font-size: 15px;
  color: var(--second);
}
.answer-actions {
  display: flex;
  gap: 20px;
  margin-top: 16px;
  font-size: 14px;
}
.compose {
  margin-top: auto;
  border: 1px solid #45453d;
  border-radius: 18px;
  background: #202020;
  padding: 16px 20px;
}
.compose p {
  color: var(--muted);
  font-size: 16px;
  margin-bottom: 14px;
}
.compose-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: var(--second);
}
.send {
  width: 32px;
  height: 32px;
  background: #eee;
  color: #111;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.chat-side {
  border-left: 1px solid var(--line);
  padding-left: 24px;
}
.chat-side h3 {
  font-size: 17px;
  margin-bottom: 14px;
}
.chat-side .list-row {
  font-size: 14px;
  padding: 12px 0;
}
.chat-side .list-row small {
  font-size: 12px;
}
.draft-review {
  padding: 18px;
  background: #1c1c1a;
  border-radius: 10px;
  margin-top: 14px;
  font-size: 14px;
  border: 1px solid #3e3b30;
}
.draft-review .to {
  font-size: 12px;
  color: var(--muted);
  margin: 8px 0;
}
.calendar-mini {
  margin-top: 24px;
}
.day {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  font-size: 13px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.day span:first-child {
  color: var(--muted);
}
.day b {
  font-weight: 400;
}
.source-line {
  margin-top: 12px;
  font-size: 12px;
  color: var(--muted);
}
.event {
  display: flex;
  gap: 16px;
  padding: 14px 0;
  position: relative;
}
.event:not(:last-child):after {
  content: "";
  position: absolute;
  top: 33px;
  bottom: -10px;
  width: 1px;
  background: #35352f;
  left: 7px;
}
.event .node {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  border-radius: 50%;
  border: 1px solid #555;
  background: #1b1b1b;
  flex: none;
  z-index: 1;
}
.event.active .node {
  background: var(--accent);
  border-color: var(--accent);
}
.event .event-copy {
  font-size: 15px;
  line-height: 1.5;
}
.event .event-copy small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.profile-summary {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}
.profile-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #2c2920;
  color: #d9cca9;
  font-size: 22px;
}
.profile-summary h2 {
  font-size: 28px;
}
.profile-summary p {
  font-size: 14px;
  color: var(--muted);
}
.profile-data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.profile-data b {
  font-size: 18px;
  font-weight: 400;
  display: block;
}
.profile-data small {
  color: var(--muted);
  font-size: 12px;
}
.drivers {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}
.driver {
  display: grid;
  grid-template-columns: 150px 1fr 54px;
  gap: 16px;
  align-items: center;
  font-size: 14px;
}
.driver .bar {
  height: 6px;
  background: #292926;
}
.driver .bar span {
  height: 100%;
  display: block;
  background: #b5a477;
}
.score {
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 16px 0;
}
.score .figure {
  font-size: 66px;
  line-height: 1;
  color: var(--accent);
  letter-spacing: -0.04em;
}
.score small {
  color: var(--muted);
  display: block;
  font-size: 12px;
}
.cohort-count {
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}
/* Journey canvas has real hierarchy and explicit approval boundaries. */
.journey-canvas {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  align-items: center;
  padding: 28px 0 20px;
}
.journey-step {
  position: relative;
  border: 1px solid #3a3a33;
  border-radius: 12px;
  padding: 20px;
  background: #191919;
  min-height: 142px;
}
.journey-step:not(:last-child):after {
  content: "→";
  position: absolute;
  left: calc(100% + 8px);
  top: 55px;
  color: #8f8771;
  font-size: 20px;
}
.journey-step small {
  font-size: 12px;
  color: var(--muted);
  display: block;
  margin-bottom: 12px;
}
.journey-step h3 {
  font-size: 18px;
}
.journey-step p {
  font-size: 14px;
  color: var(--second);
  margin-top: 8px;
}
.journey-step.highlight {
  border-color: var(--accent);
}
.flow-branches {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 12px;
}
.flow-path {
  padding: 18px;
  border-top: 1px solid #665735;
  font-size: 15px;
}
.flow-path.stop {
  border-color: #485849;
  color: var(--green);
}
.channel-row {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  color: var(--second);
  font-size: 15px;
}
.channel-row span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.reward-list {
  display: grid;
  gap: 18px;
}
.reward {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 18px;
}
.reward .icon {
  width: 24px;
  height: 24px;
  color: var(--accent);
}
.reward b {
  font-size: 17px;
  font-weight: 400;
}
.reward small {
  font-size: 13px;
  color: var(--muted);
  display: block;
  margin-top: 5px;
}
.reward-number {
  font-size: 22px;
  color: var(--accent);
}
.budget-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
.budget-row strong {
  display: block;
  font-size: 30px;
  font-weight: 400;
}
.budget-row small {
  color: var(--muted);
}
.creative-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.campaign-art {
  height: 398px;
  overflow: hidden;
  position: relative;
  background: #11110e;
  border: 1px solid #39362b;
  border-radius: 10px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.campaign-art svg {
  position: absolute;
  right: -5px;
  top: 2px;
  height: 100%;
  width: 74%;
  opacity: 0.85;
}
.campaign-art .copy {
  z-index: 1;
  position: relative;
  max-width: 65%;
}
.campaign-art h2 {
  font-size: 40px;
  line-height: 1.12;
  letter-spacing: -0.025em;
  margin-top: 18px;
}
.campaign-art p {
  font-size: 14px;
  color: #c8b98e;
  margin-top: 14px;
}
.campaign-art .art-brand {
  font-size: 14px;
  letter-spacing: 0.12em;
  color: #d7c699;
}
.campaign-art .art-footer {
  z-index: 1;
  font-size: 11px;
  color: #aaa28e;
}
.prompt-box {
  font-size: 15px;
  color: var(--second);
  border-left: 2px solid var(--accent);
  padding: 12px 16px;
  margin: 20px 0;
  line-height: 1.7;
}
.format-list {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 13px;
  margin-top: 18px;
  color: var(--muted);
}
.format-list span:first-child {
  color: var(--accent);
}
.host-line {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  font-size: 15px;
}
.case-item {
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  font-size: 15px;
}
.case-item small {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-top: 5px;
}
.math {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 24px 0;
}
.math .num {
  font-size: 38px;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.math small {
  display: block;
  color: var(--muted);
}
.mini-bars {
  height: 188px;
  display: flex;
  gap: 40px;
  align-items: flex-end;
  padding: 24px 40px 0;
  border-bottom: 1px solid var(--line);
  margin-top: 16px;
}
.mini-bars .bar-col {
  flex: 1;
  text-align: center;
  position: relative;
  background: #4c4c44;
  max-width: 100px;
}
.mini-bars .bar-col.main {
  background: #c7b47f;
}
.mini-bars .bar-col span {
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  font-size: 14px;
  color: var(--text);
}
.bar-labels {
  display: flex;
  gap: 40px;
  padding: 12px 40px;
  font-size: 12px;
  color: var(--muted);
}
.bar-labels span {
  flex: 1;
  max-width: 100px;
  text-align: center;
}
.analysis-note {
  margin-top: 20px;
  font-size: 14px;
  color: var(--second);
  line-height: 1.7;
}
.messages {
  display: grid;
  gap: 20px;
}
.message {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.message .avatar {
  width: 32px;
  height: 32px;
  font-size: 11px;
}
.message .message-body {
  font-size: 15px;
  line-height: 1.65;
}
.message .message-body b {
  font-size: 14px;
}
.message .message-body time {
  font-size: 12px;
  color: var(--muted);
  margin-left: 12px;
}
.message .message-body p {
  color: var(--second);
  margin-top: 5px;
}
.task {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  align-items: start;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
}
.task .check {
  width: 16px;
  height: 16px;
  border: 1px solid #68665b;
  border-radius: 4px;
  margin-top: 4px;
}
.task small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.signers {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
}
.signer {
  text-align: center;
  font-size: 12px;
  color: var(--muted);
  flex: 1;
}
.signer .avatar {
  margin: 0 auto 8px;
}
.signer.complete .avatar {
  background: #243b30;
  color: var(--green);
}
.specialists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
.specialist {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  display: flex;
  gap: 14px;
  align-items: center;
}
.portrait {
  height: 64px;
  width: 56px;
  border-radius: 8px;
  flex: none;
  overflow: hidden;
  background: #302f29;
}
.specialist h3 {
  font-size: 17px;
}
.specialist p {
  font-size: 13px;
  color: var(--second);
  margin-top: 4px;
}
.agent-thread .message .avatar {
  background: none;
  border-radius: 0;
  font-family: Brand, Geist, sans-serif;
  color: var(--accent);
  font-size: 20px;
}
.agent-thread .message {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.agent-thread .message-body b {
  font-size: 16px;
  font-weight: 400;
}
.agent-thread .message-body .role {
  font-size: 12px;
  color: var(--muted);
  margin-left: 10px;
}
.code-preview {
  font-size: 14px;
  line-height: 1.8;
  background: #101010;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  white-space: pre;
  color: #bbbfb8;
  margin-top: 12px;
  overflow: hidden;
}
.code-preview .keyword {
  color: var(--accent);
}
.phone-scene {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 100px;
  align-items: center;
  height: 820px;
  padding: 0 90px;
}
.phone-copy h2 {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: -0.035em;
  max-width: 650px;
}
.phone-copy p {
  color: var(--second);
  font-size: 21px;
  line-height: 1.7;
  max-width: 600px;
  margin-top: 24px;
}
.phone-copy .feature-list {
  display: grid;
  gap: 20px;
  margin-top: 36px;
  font-size: 18px;
}
.phone-copy .feature-list div {
  display: flex;
  gap: 14px;
  align-items: center;
}
.phone {
  width: 364px;
  height: 728px;
  border: 1px solid #44443f;
  border-radius: 38px;
  padding: 10px;
  background: #181818;
  box-shadow: 0 32px 100px #0008;
  margin: auto;
}
.phone-screen {
  border-radius: 29px;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #111;
  display: flex;
  flex-direction: column;
}
.phone-top {
  height: 34px;
  padding: 9px 20px;
  font-size: 10px;
  color: #ccc;
  display: flex;
  justify-content: space-between;
}
.phone-header {
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.phone-body {
  padding: 22px 18px;
  font-size: 14px;
  flex: 1;
  overflow: hidden;
}
.phone-body h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 12px 0;
}
.phone-body .answer-row {
  padding: 12px 0;
}
.phone-body .answer-row b {
  font-size: 13px;
}
.phone-body .answer-row p {
  font-size: 12px;
}
.phone-body .tag {
  font-size: 11px;
}
.phone-compose {
  margin: 12px;
  border: 1px solid #41413b;
  border-radius: 18px;
  background: #202020;
  padding: 14px;
  font-size: 13px;
  color: #aaa;
}
.phone-compose .compose-tools {
  margin-top: 16px;
  font-size: 11px;
}
.phone-footer {
  text-align: center;
  font-size: 9px;
  color: var(--muted);
  padding-bottom: 12px;
}
.phone-drawer {
  position: absolute;
  inset: 34px 40px 0 0;
  background: #141414;
  z-index: 3;
  padding: 24px 16px;
  border-right: 1px solid #444;
  box-shadow: 20px 0 60px #0006;
}
.phone-drawer .nav {
  font-size: 15px;
}
.phone-drawer .product {
  padding: 0 12px 24px;
  font-size: 20px;
}
.control-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
.vault {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #151515;
}
.vault .icon {
  color: var(--accent);
  width: 26px;
  height: 26px;
  margin-bottom: 16px;
}
.vault h3 {
  font-size: 18px;
  margin-bottom: 8px;
}
.vault p {
  font-size: 14px;
  color: var(--second);
}
.vault .mono {
  font-size: 11px;
  color: var(--muted);
  margin-top: 20px;
}
.control-strip {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 18px 0;
  font-size: 14px;
  margin: 20px 0;
}
.audit-line {
  display: grid;
  grid-template-columns: 80px 1fr 150px 150px;
  gap: 16px;
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.audit-line .example {
  color: var(--muted);
  font-size: 12px;
}
.reveal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: 850px;
  gap: 80px;
  padding: 40px 56px;
}
.reveal .title {
  font-size: 91px;
  line-height: 1.04;
  letter-spacing: -0.05em;
}
.reveal .title .thin {
  color: #a8a8a0;
}
.reveal .tagline {
  font-size: 23px;
  color: var(--second);
  margin-top: 28px;
  max-width: 600px;
  line-height: 1.65;
}
.reveal .brandline {
  font-size: 18px;
  margin-bottom: 34px;
  color: var(--accent);
}
.reveal .brandline .brand {
  color: var(--text);
  font-size: 24px;
}
.reveal-detail {
  border-top: 1px solid #5e5135;
  padding-top: 28px;
  margin-top: 38px;
  display: flex;
  gap: 30px;
  font-size: 14px;
  color: var(--second);
}
.reveal-visual {
  position: relative;
  min-height: 560px;
  border-left: 1px solid #353026;
  padding-left: 36px;
}
.reveal-visual .main-num {
  font-size: 90px;
  line-height: 1;
  letter-spacing: -0.05em;
  margin: 18px 0;
  color: var(--accent);
}
.reveal-visual .caption {
  font-size: 17px;
  color: var(--second);
  margin-bottom: 28px;
}
.reveal-visual .little-chart {
  height: 220px;
}
.reveal-visual .list-row {
  padding: 12px 0;
  font-size: 15px;
}
.close-layout {
  height: 850px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 100px;
  padding: 40px 56px;
}
.close-layout h2 {
  font-size: 72px;
  line-height: 1.06;
  letter-spacing: -0.04em;
  max-width: 800px;
}
.close-layout p {
  font-size: 23px;
  color: var(--second);
  line-height: 1.6;
  margin-top: 26px;
}
.close-stages {
  display: grid;
  gap: 0;
}
.close-stage {
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 24px;
}
.close-stage .index {
  font-size: 15px;
  color: var(--accent);
  padding-top: 6px;
}
.close-stage h3 {
  font-size: 27px;
  margin-bottom: 8px;
}
.close-stage p {
  font-size: 16px;
  margin: 0;
  color: var(--second);
}
.brand-sample {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 32px;
}
.brand-sample span {
  font-size: 13px;
  color: var(--second);
  padding: 8px 0;
  margin-right: 20px;
}
.toast {
  position: absolute;
  right: 28px;
  bottom: 22px;
  border: 1px solid #685b3e;
  background: #232018;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 8px;
  color: var(--accent);
  z-index: 5;
}
.cursor {
  position: absolute;
  width: 22px;
  height: 28px;
  z-index: 9;
  pointer-events: none;
  filter: drop-shadow(0 2px 2px #0008);
  transition: transform 0.7s var(--ease);
}
.cursor.clicked:after {
  content: "";
  position: absolute;
  left: -12px;
  top: -12px;
  width: 40px;
  height: 40px;
  border: 1px solid #d4b975;
  border-radius: 50%;
  animation: click 0.6s forwards;
}
@keyframes click {
  from {
    opacity: 0.9;
    transform: scale(0.4);
  }
  to {
    opacity: 0;
    transform: scale(1.3);
  }
}
.fade-in {
  animation: enter 0.6s var(--ease) both;
}
@keyframes enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 900px) {
  body {
    font-size: 15px;
  }
  .scene {
    width: 100%;
    height: 100dvh;
    min-height: 700px;
    padding: 16px 12px 50px;
  }
  .chapter-head {
    height: 94px;
    gap: 12px;
  }
  .chapter-head h1 {
    font-size: 24px;
    letter-spacing: -0.02em;
  }
  .chapter-head p {
    font-size: 13px;
    margin-top: 8px;
  }
  .chapter-count {
    display: none;
  }
  .app-frame {
    height: calc(100% - 94px);
    min-height: 550px;
    grid-template-columns: 1fr;
    border-radius: 10px;
  }
  .sidebar {
    display: none;
  }
  .app-top {
    height: 54px;
    min-height: 54px;
    padding: 0 16px;
  }
  .app-top .working-state {
    font-size: 10px;
  }
  .app-top .context {
    font-size: 13px;
  }
  .content {
    padding: 18px 16px;
    overflow: auto;
  }
  .page-title h2 {
    font-size: 24px;
  }
  .page-title p {
    font-size: 13px;
  }
  .page-controls {
    display: none;
  }
  .two-col,
  .three-col,
  .creative-layout,
  .chat-layout,
  .control-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .chat-side {
    display: none;
  }
  .panel {
    padding: 18px;
  }
  .stats {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .stat {
    padding-left: 0;
    border: 0;
  }
  .stat .value {
    font-size: 28px;
  }
  .stat .label {
    font-size: 12px;
  }
  .stat .compare {
    font-size: 11px;
  }
  .table {
    font-size: 12px;
  }
  .table th {
    font-size: 10px;
  }
  .table td,
  .table th {
    padding: 12px 6px;
  }
  .table td:nth-child(n + 4),
  .table th:nth-child(n + 4) {
    display: none;
  }
  .chart {
    height: 200px;
  }
  .film-footer {
    left: 16px;
    right: 16px;
    bottom: 14px;
    font-size: 10px;
  }
  .film-footer .brand {
    font-size: 15px;
  }
  .film-footer .credit {
    gap: 4px;
  }
  .film-footer .disclosure {
    max-width: 60%;
    font-size: 9px;
  }
  .user-bubble {
    font-size: 14px;
    padding: 12px;
    max-width: 96%;
  }
  .assistant-answer {
    max-width: 100%;
    gap: 10px;
  }
  .assistant-body {
    font-size: 14px;
  }
  .assistant-body h3 {
    font-size: 19px;
  }
  .answer-row p {
    font-size: 13px;
  }
  .answer-row b {
    font-size: 14px;
  }
  .conversation {
    min-height: 490px;
  }
  .compose {
    position: sticky;
    bottom: 0;
    padding: 14px;
    background: #202020;
  }
  .compose p {
    font-size: 14px;
  }
  .tabs {
    gap: 16px;
    overflow: hidden;
    white-space: nowrap;
  }
  .tabs span {
    font-size: 12px;
  }
  .profile-data {
    grid-template-columns: 1fr 1fr;
  }
  .profile-data b {
    font-size: 16px;
  }
  .driver {
    grid-template-columns: 110px 1fr 35px;
    font-size: 12px;
    gap: 10px;
  }
  .score .figure {
    font-size: 50px;
  }
  .journey-canvas {
    grid-template-columns: 1fr;
    padding-top: 8px;
    gap: 16px;
  }
  .journey-step {
    min-height: 110px;
    padding: 16px;
  }
  .journey-step:not(:last-child):after {
    display: none;
  }
  .flow-branches {
    grid-template-columns: 1fr;
  }
  .channel-row {
    gap: 12px;
    font-size: 12px;
    flex-wrap: wrap;
  }
  .specialists {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .specialist {
    padding: 12px;
  }
  .portrait {
    height: 48px;
    width: 42px;
  }
  .specialists .specialist:nth-child(n + 3) {
    display: none;
  }
  .agent-thread .message-body b {
    font-size: 14px;
  }
  .control-strip {
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
  }
  .audit-line {
    grid-template-columns: 50px 1fr 70px;
    gap: 8px;
    font-size: 11px;
  }
  .audit-line > span:nth-child(3) {
    display: none;
  }
  .reveal,
  .close-layout {
    grid-template-columns: 1fr;
    height: calc(100% - 30px);
    padding: 28px 16px;
    gap: 30px;
    align-content: center;
  }
  .reveal .title {
    font-size: 54px;
  }
  .reveal .tagline {
    font-size: 17px;
    margin-top: 20px;
  }
  .reveal .brandline {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .reveal .brandline .brand {
    font-size: 18px;
  }
  .reveal-detail {
    margin-top: 24px;
    padding-top: 20px;
    font-size: 11px;
    gap: 14px;
  }
  .reveal-visual {
    display: none;
  }
  .close-layout h2 {
    font-size: 42px;
  }
  .close-layout p {
    font-size: 17px;
  }
  .close-stages {
    gap: 0;
  }
  .close-stage {
    padding: 16px 0;
    gap: 16px;
  }
  .close-stage h3 {
    font-size: 20px;
  }
  .close-stage p {
    font-size: 13px;
  }
  .close-layout .brand-sample {
    display: none;
  }
  .phone-scene {
    grid-template-columns: 1fr;
    padding: 0;
    height: calc(100% - 94px);
    gap: 0;
  }
  .phone-copy {
    display: none;
  }
  .phone {
    width: 314px;
    height: 625px;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .phone-screen {
    border-radius: 12px;
  }
  .phone-top {
    display: none;
  }
  .phone-drawer {
    inset: 0 30px 0 0;
  }
  .campaign-art {
    height: 340px;
  }
  .campaign-art h2 {
    font-size: 35px;
  }
  .flow-path {
    font-size: 13px;
  }
  .list-row {
    font-size: 14px;
  }
  .budget-row strong {
    font-size: 25px;
  }
  .signers {
    gap: 4px;
  }
  .signer {
    font-size: 10px;
  }
  .cursor {
    display: none;
  }
  .task {
    font-size: 12px;
  }
  .task small {
    font-size: 11px;
  }
  .control-grid .vault {
    padding: 18px;
  }
}
@media (min-width: 901px) {
  .app-frame {
    height: 860px;
    grid-template-columns: 240px 1fr;
    grid-template-rows: minmax(0, 1fr);
  }
  .main-area {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  .content {
    padding: 24px;
  }
  .panel {
    padding: 20px;
  }
  .panel-title {
    margin-bottom: 16px;
  }
  .page-title {
    margin-bottom: 20px;
  }
  .stats {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .stat .compare {
    font-size: 12px;
  }
  .event {
    padding: 10px 0;
  }
  .event .event-copy {
    font-size: 14px;
  }
  .list-row {
    padding: 12px 0;
  }
  .table td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .sidebar {
    gap: 20px;
    min-height: 0;
  }
  .nav-group .nav {
    font-size: 15px;
    white-space: nowrap;
  }
  .scene[data-scene="overview"] .two-col > .full {
    display: none;
  }
  .scene[data-scene="overview"] .chart {
    height: 240px;
  }
  .scene[data-scene="assistant"] .chat-layout {
    grid-template-columns: 1fr 290px;
  }
  .scene[data-scene="assistant"] .conversation {
    gap: 14px;
  }
  .scene[data-scene="assistant"] .assistant-body {
    font-size: 16px;
    line-height: 1.5;
  }
  .scene[data-scene="assistant"] .assistant-body h3 {
    font-size: 21px;
    margin-bottom: 8px;
  }
  .scene[data-scene="assistant"] .answer-row {
    padding: 8px 0;
  }
  .scene[data-scene="assistant"] .draft-review {
    padding: 14px;
    margin-top: 12px;
  }
  .scene[data-scene="assistant"] .compose {
    padding: 12px 18px;
  }
  .scene[data-scene="assistant"] .compose p {
    margin-bottom: 8px;
  }
  .scene[data-scene="assistant"] .answer-actions {
    margin-top: 8px;
  }
  .scene[data-scene="assistant"] .source-line {
    margin-top: 8px;
  }
  .journey-step {
    min-height: 116px;
    padding: 16px;
  }
  .journey-step:not(:last-child):after {
    top: 42px;
  }
  .journey-canvas {
    padding: 16px 0;
    gap: 32px;
  }
  .flow-path {
    padding: 12px;
  }
  .channel-row {
    padding: 12px 0;
  }
  .scene[data-scene="journeys"] .panel-title {
    margin-bottom: 12px;
  }
  .scene[data-scene="journeys"] .two-col .panel {
    padding: 20px;
  }
  .scene[data-scene="journeys"] .two-col {
    grid-template-columns: 1fr;
  }
  .scene[data-scene="journeys"] .two-col > .panel:last-child {
    display: none;
  }
  .scene[data-scene="journeys"] .two-col .panel-title {
    margin-bottom: 8px;
  }
  .scene[data-scene="creative"] .list-row {
    padding: 10px 0;
  }
  .scene[data-scene="creative"] .list-row {
    padding: 8px 0;
  }
  .scene[data-scene="analytics"] .stack {
    gap: 16px;
  }
  .scene[data-scene="analytics"] .panel {
    padding: 18px;
  }
  .scene[data-scene="analytics"] .analysis-note {
    margin-top: 12px;
  }
  .scene[data-scene="controls"] .vault {
    padding: 18px;
  }
  .scene[data-scene="controls"] .vault .icon {
    margin-bottom: 12px;
  }
  .scene[data-scene="controls"] .vault .mono {
    margin-top: 12px;
  }
  .scene[data-scene="controls"] .control-grid {
    margin-bottom: 16px;
  }
  .scene[data-scene="controls"] .control-strip {
    padding: 14px 0;
    margin: 16px 0;
  }
  .scene[data-scene="controls"] .callout {
    margin-top: 14px;
    padding: 12px 14px;
    font-size: 13px;
  }
  .scene[data-scene="team"] .messages {
    gap: 14px;
  }
  .scene[data-scene="team"] .message-body {
    line-height: 1.5;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}

/* Motion follows information: plotted trends, staged decisions and handoffs. */
.mono,
code {
  font-family: "Geist Mono", ui-monospace, Consolas, monospace;
}
.reveal .title,
.close-layout h2 {
  font-weight: 350;
}
.chapter-head h1 {
  font-weight: 400;
  letter-spacing: -0.035em;
}
.scene[data-phase="0"] .chapter-head {
  animation: information-enter 0.65s var(--ease) both;
}
.scene[data-phase="0"] .app-frame {
  animation: information-enter 0.75s var(--ease) both;
}
.scene[data-phase="0"] .reveal .title {
  animation: information-enter 1s var(--ease) both;
}
.scene[data-phase="0"] .reveal .tagline {
  animation: information-enter 1s 0.2s var(--ease) both;
}
.scene[data-phase="0"] .reveal-visual {
  animation: information-enter 1.1s 0.3s var(--ease) both;
}
.scene[data-phase="0"] .chart .line {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: plot-trend 2.4s 0.25s var(--ease) forwards;
}
.scene[data-phase="0"] .chart .area {
  animation: area-enter 1.8s 0.4s var(--ease) both;
}
.scene[data-phase="0"] .mini-bars .bar-col {
  transform-origin: bottom;
  animation: grow-bar 1.3s var(--ease) both;
}
.scene[data-phase="0"] .mini-bars .bar-col:nth-child(2) {
  animation-delay: 0.12s;
}
.scene[data-phase="0"] .mini-bars .bar-col:nth-child(3) {
  animation-delay: 0.24s;
}
.scene[data-phase="0"] .mini-bars .bar-col:nth-child(4) {
  animation-delay: 0.36s;
}
.scene[data-phase="0"] .progress i,
.scene[data-phase="0"] .driver .bar span {
  transform-origin: left;
  animation: grow-width 1.4s 0.15s var(--ease) both;
}
.scene[data-phase="0"] .journey-step {
  animation: information-enter 0.7s var(--ease) both;
}
.scene[data-phase="0"] .journey-step:nth-child(2) {
  animation-delay: 0.4s;
}
.scene[data-phase="0"] .journey-step:nth-child(3) {
  animation-delay: 0.8s;
}
.scene[data-phase="0.38"] .answer-row {
  animation: information-enter 0.5s var(--ease) both;
}
.scene[data-phase="0.38"] .answer-row:nth-of-type(2) {
  animation-delay: 0.3s;
}
.scene[data-phase="0.38"] .answer-row:nth-of-type(3) {
  animation-delay: 0.6s;
}
.scene[data-phase="0.65"] .event.active,
.scene[data-phase="0.86"] .event.active {
  animation: information-enter 0.7s var(--ease) both;
}
.scene[data-phase="0.65"] .agent-thread .message:last-of-type {
  animation: information-enter 0.8s var(--ease) both;
}
.scene[data-phase="0.38"] .campaign-art svg {
  animation: creative-reveal 1.2s var(--ease) both;
}
.scene[data-phase="0"] .close-stage {
  animation: information-enter 0.8s var(--ease) both;
}
.scene[data-phase="0"] .close-stage:nth-child(2) {
  animation-delay: 0.2s;
}
.scene[data-phase="0"] .close-stage:nth-child(3) {
  animation-delay: 0.4s;
}
.movie-pointer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  pointer-events: none;
  opacity: 0;
  transition:
    transform 0.8s var(--ease),
    opacity 0.25s;
  filter: drop-shadow(0 2px 3px #0008);
}
.movie-pointer svg {
  width: 20px;
  height: 26px;
  fill: #f2f2f0;
  stroke: #111;
  stroke-width: 1;
}
.movie-pointer.click:after {
  content: "";
  position: absolute;
  left: -9px;
  top: -9px;
  width: 34px;
  height: 34px;
  border: 1px solid #d4b975;
  border-radius: 50%;
  animation: click 0.5s forwards;
}
@keyframes information-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plot-trend {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes area-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes grow-bar {
  from {
    transform: scaleY(0.02);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes grow-width {
  from {
    transform: scaleX(0.02);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes creative-reveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
.mobile-menu {
  display: none;
}
.app-frame {
  position: relative;
}
.workspace-drawer {
  position: absolute;
  inset: 54px auto 0 0;
  width: min(280px, 90%);
  padding: 20px 12px;
  background: #141414;
  border-right: 1px solid #444;
  box-shadow: 24px 0 60px #0009;
  z-index: 8;
}
.workspace-drawer .product {
  padding-bottom: 24px;
}
.workspace-drawer .nav {
  font-size: 14px;
}
@media (max-width: 900px) {
  .mobile-menu {
    display: flex;
    padding: 0;
    margin-right: 12px;
    align-items: center;
    min-height: 40px;
  }
  .app-top {
    gap: 4px;
  }
  .app-top .context {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
  }
  .app-top .context > .icon {
    display: none;
  }
  .app-top .working-state {
    flex: none;
    font-size: 9px;
  }
  .scene .sidebar {
    display: none;
  }
}
.phone-header button {
  min-width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
}
.phone-drawer .nav,
.workspace-drawer .nav {
  min-height: 44px;
}
@media (max-width: 900px) {
  .mobile-menu {
    min-width: 44px;
    min-height: 44px;
  }
  .send {
    min-width: 44px;
    min-height: 44px;
  }
}

/* Director AI film finish: quieter chrome, firmer type and consistent alignment. */
h1,h2{font-weight:600} h3{font-weight:500}
.chapter-head h1{font-weight:600;letter-spacing:-.025em}
.reveal .title,.close-layout h2{font-weight:600;letter-spacing:-.045em}
.title .thin{font-weight:500!important}
.product{font-weight:600;letter-spacing:.04em;gap:12px}
.product-mark{width:32px;height:32px;flex:none}
.reveal .product-mark,.close-layout .product-mark{width:46px;height:46px}
.brandline{letter-spacing:.02em}.brandline>b{font-weight:600}
.reveal .brandline{font-size:18px;flex-wrap:wrap;gap:12px}.brand-separator{height:20px;width:1px;background:#504630;margin:0 8px}
.reveal .title{font-size:86px}.reveal .tagline{font-size:24px;line-height:1.55}
.reveal .reveal-visual{min-height:600px}.reveal .main-num{font-weight:500}
.reveal-credit{margin-top:36px;color:var(--second);font-size:20px}.reveal-credit .brand{font-size:26px;color:var(--text)}
.account-photo{width:40px;height:40px;object-fit:cover;border-radius:50%;flex:none}
.app-top .working-model{font-size:13px;color:var(--accent);display:flex;align-items:center;gap:8px;white-space:nowrap}
.sidebar{width:240px;padding:24px 16px;gap:16px}.app-frame{grid-template-columns:240px 1fr;height:860px}
.nav-group{gap:2px}.nav{min-height:40px;padding:8px 12px;font-size:15px}.nav-label{margin-bottom:4px}
.side-bottom .space{margin-top:12px}.org{font-size:12px}.chapter-head{height:104px}
.content{padding:24px}.page-title{margin-bottom:20px}.page-title h2{font-weight:500}
.page-title p{font-size:15px}.panel{padding:20px}.panel-title{margin-bottom:16px}
.stats{padding-bottom:20px;margin-bottom:20px}.stat .value{font-weight:500;font-size:34px}
.stat .label{font-size:14px}.stat .compare{font-size:12px;line-height:1.45}
.table td,.table th{vertical-align:middle}.table td{font-variant-numeric:tabular-nums}
.quiet,.subtle{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border-color:transparent;padding:8px 12px}
.group-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.group-grid>.panel{min-height:450px}
.group-grid .chart{height:200px}.group-attention{margin-top:12px}.group-attention .list-row{padding:10px 0;font-size:14px}.group-attention .list-row small{font-size:12px}
.company-row{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);min-height:62px}
.company-row:last-child{border-bottom:0}.company-row b{font-size:15px;font-weight:500}.company-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.company-monogram{width:36px;height:36px;display:grid;place-items:center;font-size:12px;border:1px solid #5f5236;color:var(--accent);font-weight:600;flex:none}
.company-monogram.small{width:28px;height:28px}.company-figure{margin-left:auto;text-align:right;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.company-row>.icon{width:16px}.company-list .space{margin-top:12px}.company-list .micro{font-size:11px;line-height:1.5}
.company-switch{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto;white-space:nowrap}
.company-switch button{padding:8px 0 12px;font-size:14px}.company-switch .selected{border-bottom:2px solid var(--accent);color:var(--accent)}
.crm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.crm-grid .prompt-box{font-size:17px;line-height:1.65;padding:16px}
.agent-photo{display:block;width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
.team-strip{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.team-strip>div{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.team-strip .agent-photo{width:40px;height:40px}.team-strip span{font-size:13px;line-height:1.4}.team-strip small{display:block;color:var(--muted);font-size:11px}
.agent-message{padding:12px 0;gap:12px}.agent-m{width:30px;height:30px;display:grid;place-items:center;color:var(--accent);font-weight:600;font-family:Brand,Geist;flex:none;font-size:22px}
.message-body b{font-size:15px;font-weight:500}.message-body .role{font-size:12px;margin-left:8px;color:var(--muted)}.agent-message p{font-size:15px;line-height:1.65}
.work-step{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:20px 0;min-height:88px}
.work-step>span{border:1px solid #494949;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-size:12px;flex:none}
.work-step.complete>span{border-color:#665734;color:var(--accent)}.work-step>div{flex:1;min-width:0}.work-step b{font-size:16px;font-weight:500}.work-step small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.work-step em{font-style:normal;color:var(--muted);font-size:12px}.work-step.complete em{color:var(--accent)}
.approval-lock{display:flex;align-items:center;gap:12px;margin-top:24px;color:var(--accent);font-size:16px}.approval-lock small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.night-timeline{height:72px;display:flex;justify-content:space-between;position:relative;color:var(--muted);font-family:'Geist Mono';font-size:13px;padding-top:12px;margin-bottom:24px;border-bottom:1px solid var(--line)}.night-timeline i{position:absolute;height:2px;left:0;bottom:-1px;background:var(--accent);transition:width .8s var(--ease)}
.night-summary .brief-hero{font-size:36px;line-height:1.3;margin:28px 0 20px;font-weight:500}.night-summary .list-row{padding:14px 0;font-size:15px}
.support-layout{display:grid;grid-template-columns:420px 1fr;gap:24px}.support-case{display:flex;align-items:center;gap:12px;padding:20px 8px;border-bottom:1px solid var(--line)}.support-case>div{flex:1}.support-case b{font-size:15px;font-weight:500}.support-case small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.support-case>span:last-child{font-size:12px;color:var(--muted)}.support-case.selected{background:#20201c}.customer-request{padding:16px;background:var(--raised);border-radius:8px;font-size:16px}.customer-request p{margin-top:8px;color:var(--second);font-size:16px;line-height:1.6}.support-layout .draft-review{margin-top:12px;padding:16px;font-size:15px}
.finance-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px;height:40px;font-size:15px;color:var(--muted)}.finance-tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}
.finance-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.finance-grid .table{font-size:15px}.finance-grid .table td{padding:12px 8px}.finance-grid .table td small{font-size:12px}.cash-ledgers{margin-top:12px}.cash-ledgers .list-row{padding:10px 0;font-size:14px}.cash-ledgers small{font-size:11px}.finance-people{display:flex;gap:24px;padding-bottom:16px}.finance-people>div{display:flex;align-items:center;gap:10px}.finance-people img{width:48px;height:48px}.finance-people b{font-size:14px;font-weight:500}.finance-people small{display:block;font-size:12px;color:var(--muted)}.finance-grid .work-step{padding:16px 0;min-height:72px}
.creative-v2{display:grid;grid-template-columns:.95fr 1.25fr;gap:28px}.creative-v2 .prompt-box{font-size:17px;line-height:1.65;padding:16px}.creative-v2 .list-row{padding:12px 0;font-size:15px}.creative-v2 .list-row small{font-size:12px}
.campaign-photo{height:580px;position:relative;overflow:hidden;background:#080808;border-radius:8px;border:1px solid var(--line)}.campaign-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center}.campaign-lockup{position:absolute;left:32px;top:28px;display:flex;align-items:center;gap:12px;color:#e4cf9a}.campaign-lockup svg{width:22px;height:32px}.campaign-lockup span{font-size:25px;font-weight:500;letter-spacing:.02em}.campaign-lockup small{display:block;font-size:10px;letter-spacing:.12em;margin-top:2px;color:#c8bfa9}.campaign-headline{position:absolute;left:32px;top:164px;font-size:44px;line-height:1.12;font-weight:500;letter-spacing:-.025em;color:#f6f0e2;max-width:250px}.campaign-subline{position:absolute;left:32px;top:286px;font-size:15px;line-height:1.7;color:#d3c9b5}.campaign-caption{position:absolute;left:32px;bottom:20px;font-size:11px;color:#b7b1a4}.asset-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--second);margin-top:20px}.asset-progress i{flex:1;height:1px;background:#51462e}
.vip-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vip-metrics small{display:block;color:var(--muted);font-size:12px}.vip-metrics strong{display:block;font-size:24px;font-weight:500;margin-top:4px}.profile-data{gap:12px!important}.profile-data small{font-size:12px}.profile-data b{font-size:14px}.profile-summary h2{font-weight:500}.profile-summary{margin-bottom:12px}.profile-data+.space{margin-top:16px}.profile-data+.space .event{padding:10px 0;min-height:50px}.profile-data+.space .tabs{margin-bottom:12px}
.agent-filters{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.agent-filters button{font-size:15px;padding:8px 0}.agent-filters .selected{color:var(--accent)}.agent-filters .micro{margin-left:auto;font-size:12px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agent-card{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding:16px 0;min-height:156px}.agent-card .agent-photo{width:72px;height:80px}.agent-card h3{font-size:17px;font-weight:500}.agent-card .gold{font-size:12px;display:block;margin-top:4px}.agent-card p{font-size:12px;line-height:1.6;color:var(--second);margin-top:8px}.agent-card .quiet{min-height:28px;padding:4px 0;font-size:11px;justify-content:flex-start}.agent-card .icon{width:12px}.team-handoff-strip{display:flex;align-items:center;gap:16px;margin-top:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.team-handoff-strip>.icon{width:16px}
.engineering-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:24px}.engineering-grid .agent-message{padding:12px 0}.engineering-grid .message-body p{font-size:15px}.engineering-grid .channel-row{flex-wrap:wrap;margin-top:16px;gap:16px;font-size:13px}.engineering-grid .code-preview{font-size:14px;line-height:1.8;padding:12px 0;word-break:break-word;white-space:normal}.negative{color:var(--red)}
.built-app{border:1px solid #4b4537;border-radius:10px;background:#181816;overflow:hidden;padding:20px}.built-app>header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:16px}.built-app header small{display:block;font-size:11px;color:var(--muted)}.built-app header>.positive{margin-left:auto;font-size:12px}.built-stats{display:flex;justify-content:space-between;padding:20px 0}.built-stats small{display:block;font-size:11px;color:var(--muted)}.built-stats b{font-size:24px;font-weight:500}.built-app .table{font-size:14px}.built-app .table td,.built-app .table th{padding:10px 8px}.built-detail{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;padding-top:16px}.check-panel{padding:16px 20px}.check-panel .between h3{font-size:17px}.check-panel .code-preview{margin:8px 0}.check-panel .micro{font-size:11px}
.efficiency-row{margin:28px 0}.efficiency-row>span{font-size:17px;font-weight:500}.efficiency-row .bar{height:4px;margin:12px 0}.efficiency-row small{font-size:13px;color:var(--muted)}
.close-layout .brandline{font-size:22px;margin-bottom:32px}.close-priorities>div{padding:24px 0;border-bottom:1px solid var(--line)}.close-priorities span{color:var(--accent);font-family:'Geist Mono';font-size:13px}.close-priorities h3{font-size:28px;margin-top:8px}.close-priorities p{font-size:17px;line-height:1.6;margin-top:8px}.close-layout .close-scope{font-size:14px;line-height:1.7;margin-top:24px;color:var(--muted)}
.local-dialog{position:absolute;z-index:20;width:520px;max-width:calc(100% - 32px);max-height:90%;overflow:auto;background:#1a1a1a;border:1px solid #4c4537;border-radius:12px;padding:28px;right:24px;top:24px;box-shadow:0 24px 80px #0008}.local-dialog>p{margin:16px 0;font-size:16px}.local-dialog>small{color:var(--muted);font-size:13px}.local-dialog label{display:block;margin:16px 0;font-size:14px}.local-dialog input,.local-dialog textarea{display:block;width:100%;margin-top:8px;background:#111;border:1px solid #444;border-radius:6px;color:var(--text);padding:10px}.local-dialog textarea{min-height:88px}.close-dialog{float:right}.local-dialog .agent-photo{margin-bottom:20px}
@media(min-width:901px){.scene{padding-top:32px}.phone-scene{height:860px}.reveal,.close-layout{height:930px}.profile-data+.space .event-copy small{font-size:12px}.scene[data-scene="agents"] .content{padding-top:20px}.scene[data-scene="agents"] .page-title{margin-bottom:12px}.scene[data-scene="agents"] .agent-grid{row-gap:0}.scene[data-scene="agents"] .agent-card{min-height:150px;padding:12px 0}.scene[data-scene="agents"] .agent-card p{font-size:11px}.scene[data-scene="agents"] .space{margin-top:12px}}
@media(max-width:900px){.app-frame{grid-template-columns:1fr;height:calc(100% - 94px)}.sidebar{display:none}.content{overflow:auto;padding:18px 16px}.group-grid,.crm-grid,.support-layout,.finance-grid,.engineering-grid,.creative-v2{grid-template-columns:1fr}.group-grid>.panel{min-height:0}.app-top .working-model{font-size:10px}.app-top .context{min-width:0;overflow:hidden;white-space:nowrap;font-size:11px;gap:4px}.app-top .context .icon{display:none}.company-switch{max-width:100%;gap:16px}.company-switch button{font-size:12px}.company-row b{font-size:13px}.company-figure{font-size:18px}.company-row{gap:8px}.company-monogram{width:28px;height:28px;font-size:10px}.team-strip{flex-wrap:wrap}.team-strip>div{flex:1 1 100%;}.support-case{padding:16px 4px}.finance-people{flex-wrap:wrap}.finance-tabs{gap:16px;font-size:12px;overflow:auto;white-space:nowrap}.finance-grid .table{font-size:12px}.finance-grid .table td{padding:10px 4px}.agent-grid{grid-template-columns:1fr}.agent-card{min-height:0}.agent-card p{font-size:13px}.agent-card .agent-photo{width:64px;height:72px}.agent-filters{gap:16px;overflow:auto;white-space:nowrap}.agent-filters .micro{display:none}.team-handoff-strip{display:none}.vip-metrics{grid-template-columns:1fr 1fr;gap:12px}.vip-metrics strong{font-size:22px}.vip-metrics small{font-size:11px}.reveal .title{font-size:42px}.reveal .tagline{font-size:18px}.reveal .brandline{font-size:12px}.reveal .product-mark{width:28px;height:28px}.brand-separator{display:none}.reveal .main-num{font-size:64px}.reveal-credit{font-size:16px}.reveal-credit .brand{font-size:20px}.campaign-photo{height:540px}.campaign-headline{font-size:34px;left:20px;top:150px;max-width:200px}.campaign-lockup{left:20px}.campaign-subline{left:20px;top:250px}.campaign-caption{left:20px;font-size:10px}.night-summary .brief-hero{font-size:28px}.night-timeline{font-size:10px}.work-step{padding:16px 0}.work-step b{font-size:14px}.work-step small{font-size:11px}.work-step em{font-size:10px}.approval-lock{font-size:14px}.close-layout .close-scope{font-size:12px}.close-priorities h3{font-size:24px}.close-priorities p{font-size:15px}.local-dialog{right:16px;top:16px;padding:20px}.chapter-head h1{font-size:22px}.chapter-head p{font-size:12px}.group-attention .list-row{font-size:13px}}

@media(min-width:901px){
 .company-row{padding:6px 0;min-height:52px;line-height:1.3}.company-row small{line-height:1.3}.group-grid .chart{height:180px}.group-attention .list-row{padding:8px 0}.company-list .micro{font-size:10px}
 .scene[data-scene="overnight"] .night-timeline{height:44px;margin-bottom:16px}.scene[data-scene="overnight"] .work-step{padding:12px 0;min-height:66px}.scene[data-scene="overnight"] .night-summary .list-row{padding:10px 0}.scene[data-scene="overnight"] .brief-hero{margin:20px 0 12px}
 .scene[data-scene="players"] .vip-metrics{margin:12px 0;padding:12px 0}.scene[data-scene="players"] .profile-data{padding:12px 0}.scene[data-scene="players"] .event{padding:8px 0;min-height:46px}
 .creative-v2 .prompt-box{padding:8px 12px;font-size:16px;line-height:1.5}.creative-v2 .callout{margin-top:12px;padding:12px 16px;font-size:13px}.creative-v2 .micro.space{margin-top:12px;font-size:11px}.creative-v2 .stack{gap:16px}.creative-v2 .panel.space{margin-top:0}.creative-v2 .protection{margin-top:12px;font-size:12px}.creative-v2 .campaign-photo{height:548px}
 .scene[data-scene="operations"] .finance-tabs{height:32px;margin-bottom:16px}.cash-ledgers .list-row{padding:6px 0}.cash-ledgers{margin-top:8px}
}
.campaign-headline{font-size:40px;max-width:340px;top:152px}.campaign-subline{top:268px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.format-grid b{font-weight:500;font-size:14px}.format-grid small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.creative-v2 .asset-progress{margin-top:12px}
@media(max-width:900px){.campaign-headline{font-size:32px;max-width:245px;top:145px}.campaign-subline{top:244px}.format-grid{gap:12px}}

.finance-tabs button{padding:0 0 10px;font-size:15px;white-space:nowrap}.finance-tabs .selected{color:var(--accent)}
@media(min-width:901px){
 .scene[data-scene="overview"] .group-grid .chart{height:174px}
 .scene[data-scene="overnight"] .night-summary .list-row{padding:8px 0}.scene[data-scene="overnight"] .night-summary .list-row small{font-size:12px;margin-top:2px}.scene[data-scene="overnight"] .night-summary .brief-hero{font-size:32px;margin:16px 0 12px}.scene[data-scene="overnight"] .night-summary .space{margin-top:12px}
 .scene[data-scene="operations"] .cash-ledgers .list-row{padding:4px 0}.scene[data-scene="operations"] .cash-ledgers small{font-size:10px;line-height:1.4;margin-top:0}
}
@media(max-width:900px){.finance-tabs button{font-size:12px}}

.sidebar{gap:12px!important}.sidebar .nav{min-height:36px!important;padding-top:6px;padding-bottom:6px}.side-bottom .identity>span small{font-size:11px}.account-photo{object-position:center 24%}
.jurisdiction-switch{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto;white-space:nowrap}.jurisdiction-switch button{padding:8px 0 12px;text-align:left;font-size:16px}.jurisdiction-switch button.selected{color:var(--accent);border-bottom:2px solid var(--accent)}.jurisdiction-switch small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.tax-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.tax-equation{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 0 24px;border-bottom:1px solid var(--line);font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.tax-equation small{display:block;color:var(--muted);font-size:11px;margin-top:8px;font-weight:400;max-width:160px}.tax-grid .list-row{padding:10px 0;font-size:14px}.tax-grid .list-row small{font-size:11px}.tax-grid .work-step{padding:12px 0;min-height:70px}.tax-scope{font-size:11px;line-height:1.6;color:var(--muted);margin-top:16px}.tax-actions{display:flex;gap:12px;margin-top:16px}.tax-actions button{font-size:12px;padding:8px 0}.scene[data-scene="tax"] .stat:first-child .value{font-size:25px;padding-top:8px}.local-dialog .primary:disabled{opacity:.45;cursor:not-allowed}
.improvement-cycle{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:15px}.improvement-cycle .icon{width:16px;color:var(--muted)}.improvement-row{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.improvement-row>div{flex:1}.improvement-row b{font-weight:500;font-size:17px}.improvement-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.improvement-row p{color:var(--second);font-size:14px;line-height:1.65;margin-top:8px}.improvement-row>span:last-child{font-size:12px;white-space:nowrap}.scene[data-scene="efficiency"] .work-step{padding:14px 0;min-height:72px}
@media(max-width:900px){.tax-grid{grid-template-columns:1fr}.jurisdiction-switch{gap:24px}.jurisdiction-switch button{font-size:14px}.jurisdiction-switch small{font-size:11px}.tax-equation{font-size:18px;gap:8px}.tax-equation small{font-size:10px}.tax-actions{flex-wrap:wrap}.improvement-cycle{gap:10px;overflow:auto;font-size:12px;white-space:nowrap}.improvement-cycle .icon{width:12px;flex:none}.improvement-row{gap:10px}.improvement-row b{font-size:15px}.improvement-row p{font-size:13px}.improvement-row .company-monogram{display:none}}

.campaign-lockup>img{width:32px;height:40px;object-fit:contain;flex:none}.campaign-lockup{gap:12px}

.commercial-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.supplier-row{padding:16px 0;border-bottom:1px solid var(--line)}.supplier-row b{display:block;font-weight:500;font-size:16px}.supplier-row span{display:block;color:var(--second);font-size:14px;margin-top:4px}.supplier-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.consolidation-target{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:20px;font-weight:500}.consolidation-target small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.consolidation-target>.gold{font-size:14px;margin-left:auto}.commercial-math .panel-title{margin-bottom:32px}.cost-bar{margin:28px 0}.cost-bar>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.cost-bar>div>span{font-size:15px;color:var(--second)}.cost-bar b{font-size:42px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.cost-bar i{height:8px;background:#777;display:block;margin:16px 0 10px;transform-origin:left center}.cost-bar.accent i{background:var(--accent)}.cost-bar.accent b{color:var(--accent)}.cost-bar small{font-size:12px;color:var(--muted)}.licence-difference{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.licence-difference>span{font-size:15px;color:var(--second)}.licence-difference strong{font-size:46px;font-weight:500;display:block;line-height:1.2;margin:8px 0 12px}.licence-difference small{font-size:12px;line-height:1.6;color:var(--muted);display:block;max-width:540px}.commercial-terms{margin-top:20px;font-size:12px;line-height:1.65;color:var(--second)}
.onboarding-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}#onboarding-form label{font-size:14px;color:var(--second);display:block;margin-top:20px}#onboarding-form input,#onboarding-form select{width:100%;display:block;padding:12px 14px;background:#1b1b1b;color:var(--text);border:1px solid #383838;border-radius:8px;margin-top:8px;font-size:16px}#onboarding-form select{min-width:0}.onboard-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-preview{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.brand-preview b{font-size:18px;font-weight:500}.brand-preview small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.onboarding-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.onboarding-options b{font-size:15px;font-weight:500}.onboarding-options p{font-size:13px;color:var(--second);line-height:1.6;margin-top:8px}.onboarding-layout .work-step{padding:14px 0;min-height:78px}
@media(min-width:901px){.scene[data-scene="tax"] .jurisdiction-switch{margin-bottom:16px}.scene[data-scene="tax"] .stats{margin-bottom:16px;padding-bottom:16px}.scene[data-scene="tax"] .tax-equation{padding:12px 0 16px;font-size:24px}.scene[data-scene="tax"] .tax-grid .list-row{padding:7px 0}.scene[data-scene="tax"] .tax-grid .work-step{padding:10px 0;min-height:60px}.scene[data-scene="tax"] .tax-grid .approval-lock{margin-top:16px}.scene[data-scene="tax"] .tax-actions{margin-top:8px}.scene[data-scene="tax"] .tax-scope{margin-top:10px;font-size:10px}.scene[data-scene="tax"] .tax-grid .panel{padding:16px 20px}.scene[data-scene="tax"] .tax-grid .panel-title{margin-bottom:8px}.scene[data-scene="commercial"] .supplier-row{padding:12px 0}.scene[data-scene="commercial"] .commercial-math .panel-title{margin-bottom:20px}.scene[data-scene="commercial"] .cost-bar{margin:20px 0}}
@media(max-width:900px){.commercial-layout,.onboarding-layout{grid-template-columns:1fr}.onboard-fields{gap:12px}.onboarding-options{grid-template-columns:1fr;gap:16px}.cost-bar b{font-size:32px}.cost-bar>div>span{font-size:13px}.licence-difference strong{font-size:38px}.consolidation-target{gap:8px;font-size:17px}.consolidation-target>.gold{font-size:11px}.supplier-row span{font-size:13px}.brand-preview small{font-size:11px}.onboarding-layout .work-step{min-height:66px}}

.tax-pdf-dialog{width:600px;max-height:96%;top:12px;padding:20px;text-align:center}.tax-pdf-dialog>img{display:block;width:326px;max-width:100%;margin:16px auto 12px}.tax-pdf-dialog a{color:var(--accent);font-size:13px}.tax-pdf-dialog h2{font-size:22px}.tax-pdf-dialog>p{font-size:12px;margin:8px 0}.tax-actions{flex-wrap:wrap;gap:8px 16px}.tax-actions .quiet{min-height:32px}

.example-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 24px}.example-total>span{font-size:15px;color:var(--second)}.example-total>strong{font-size:40px;font-weight:500;letter-spacing:-.03em}.example-total>small{display:block;flex-basis:100%;color:var(--muted);font-size:11px}.bespoke-offer{padding:24px 0 0}.bespoke-offer>.gold{font-size:13px}.bespoke-offer h3{font-size:32px;margin-top:8px;font-weight:500;letter-spacing:-.025em}.bespoke-offer p{font-size:15px;color:var(--second);margin-top:8px}.quote-factors{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:12px;color:var(--muted);margin-top:20px}.commercial-terms{font-size:11px}
@media(max-width:900px){.bespoke-offer h3{font-size:28px}.quote-factors{grid-template-columns:1fr;gap:8px}.example-total>strong{font-size:34px}}

.welcome-atmosphere{height:800px;position:relative;overflow:hidden;border-radius:12px;background:#111}.welcome-atmosphere>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.welcome-atmosphere:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080808ed)}.welcome-atmosphere>div{position:absolute;z-index:1;bottom:44px;left:40px;right:40px}.welcome-atmosphere span{font-size:13px;color:#d2bc87}.welcome-atmosphere h3{font-size:42px;line-height:1.2;margin:12px 0;font-weight:500;letter-spacing:-.025em}.welcome-atmosphere p{font-size:17px;line-height:1.6;color:#ddd8ca}.launch-workspace{margin-top:28px}.reveal-credit{margin-top:28px}.scene[data-phase="0"] .welcome-atmosphere{animation:information-enter 1s var(--ease) both}.vip-atmosphere{height:220px;position:relative;overflow:hidden;border-radius:10px;background:#111}.vip-atmosphere>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.vip-atmosphere:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#080808d9)}.vip-atmosphere>div{position:absolute;left:24px;bottom:20px;z-index:1;display:flex;align-items:center;gap:12px}.vip-atmosphere>div>img{width:28px;height:36px;object-fit:contain}.vip-atmosphere span{font-size:21px;font-weight:500;color:#e2cd98}.vip-atmosphere small{display:block;font-size:11px;font-weight:400;color:#d3c8ad;margin-top:4px}.scene[data-scene="vip"] .stack .list-row{padding:10px 0;font-size:14px}.scene[data-scene="vip"] .stack .list-row small{font-size:11px}.scene[data-scene="vip"] .stack .protection{font-size:12px}.scene[data-scene="vip"] .analysis-note{font-size:16px}
@media(max-width:900px){.welcome-atmosphere{height:420px;width:100%}.welcome-atmosphere>div{left:24px;bottom:28px;right:24px}.welcome-atmosphere h3{font-size:32px}.welcome-atmosphere p{font-size:15px}.vip-atmosphere{height:200px}.launch-workspace{margin-top:20px}}

.governance-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.governance-tabs button{font-size:15px;color:var(--muted);padding:8px 0 12px}.governance-tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.compliance-jurisdictions{display:flex;gap:24px;margin-bottom:20px;overflow:auto;white-space:nowrap}.compliance-jurisdictions button{font-size:14px;padding:8px 0}.compliance-jurisdictions .selected{color:var(--accent)}.compliance-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.compliance-scope{font-size:13px;color:var(--second);line-height:1.6;min-height:44px}.framework-select{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:16px 0}.framework-select button{font-size:12px;padding:8px 0 12px}.framework-select .selected{color:var(--accent)}.compliance-grid .table{font-size:13px}.compliance-grid .table td{padding:14px 8px}.compliance-grid .list-row{font-size:14px;padding:12px 0}.compliance-grid .list-row small{font-size:11px}.compliance-export-rules{padding-top:20px;margin-top:16px;border-top:1px solid var(--line)}.compliance-export-rules b{font-size:15px;font-weight:500}.compliance-export-rules p{font-size:13px;line-height:1.6;color:var(--second);margin-top:8px}.oar-path{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 24px}.oar-path>span{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;color:var(--second)}.oar-path>.icon{width:14px}.compliance-grid .micro.space{font-size:10px;margin-top:16px}.compliance-dialog{width:600px}.compliance-dialog .list-row{font-size:14px}.compliance-dialog small{font-size:11px}.compliance-dialog .primary{font-size:14px}
.security-vaults{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.security-vaults>div{border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:22px 1fr;gap:4px 8px}.security-vaults .icon{grid-row:span 2;width:18px;color:var(--accent)}.security-vaults b{font-size:14px;font-weight:500}.security-vaults small{font-size:11px;color:var(--muted)}.security-path{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0 20px;font-size:13px;color:var(--second)}.security-path>.icon{width:14px}.security-main .list-row{font-size:14px;padding:10px 0}.security-main .list-row small{font-size:11px}.security-decision{display:flex;gap:16px;align-items:flex-start;border-left:2px solid var(--accent);padding:12px 16px;background:#1b1a16}.security-decision>.icon{color:var(--accent);margin-top:4px}.security-decision b{font-size:16px;font-weight:500}.security-decision p{font-size:14px;line-height:1.6;color:var(--second);margin-top:8px}.security-main .work-step{padding:12px 0;min-height:64px}.security-main .micro{font-size:11px}.security-main .quiet{font-size:13px;margin-top:12px}
.signing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.signing-paper>img{height:390px;max-width:100%;display:block;margin:0 auto;object-fit:contain}.document-fingerprint{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.document-fingerprint small{display:block;font-size:11px;color:var(--muted)}.document-fingerprint code,.receipt-hash{font:10px/1.5 'Geist Mono';display:block;word-break:break-all;color:var(--second);margin-top:8px}.signing-paper>a{display:inline-block;color:var(--accent);font-size:12px;margin-top:12px}.signature-step{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.signature-step>span{width:30px;height:30px;border:1px solid #444;display:grid;place-items:center;border-radius:50%;font-size:12px;color:var(--muted);flex:none}.signature-step.complete>span{border-color:#776744;color:var(--accent)}.signature-step.current>span{border-color:var(--accent);color:var(--accent)}.signature-step>div{flex:1}.signature-step b{display:block;font-size:16px;font-weight:500}.signature-step small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.signature-step>button{font-size:12px;color:var(--muted);padding:8px 0}.signature-step.current>button{color:var(--accent)}.signature-next{margin-top:24px}.signature-sequence+.callout{margin-top:20px}.scene[data-scene="signing"] .micro.space{font-size:11px;line-height:1.6;margin-top:20px}.scene[data-scene="assurance"] .table{font-size:14px}.scene[data-scene="assurance"] .work-step{padding:14px 0;min-height:76px}
@media(max-width:900px){.compliance-grid,.signing-grid{grid-template-columns:1fr}.governance-tabs{gap:16px;white-space:nowrap;overflow:auto}.governance-tabs button{font-size:12px}.compliance-jurisdictions{gap:20px}.framework-select{gap:14px;overflow:auto;white-space:nowrap}.framework-select button{font-size:11px}.security-vaults{grid-template-columns:1fr 1fr;gap:12px}.security-vaults b{font-size:12px}.security-vaults small{font-size:10px}.security-path{font-size:11px;gap:8px;flex-wrap:wrap}.oar-path{flex-wrap:wrap}.signature-step{gap:12px;padding:16px 0}.signature-step b{font-size:14px}.signature-step small{font-size:11px}.signature-step>button{font-size:11px}.signing-paper>img{height:360px}.receipt-hash{font-size:9px}}

@media(min-width:901px){.compliance-grid .list-row{padding:8px 0}.compliance-grid .oar-path{padding:8px 0 16px}.compliance-grid .compliance-export-rules{padding-top:12px;margin-top:12px}.compliance-grid .compliance-export-rules p{font-size:12px}.compliance-grid .micro.space{margin-top:12px}.signature-step{padding:10px 0}.signature-step b{font-size:15px;line-height:1.3}.signature-step small{font-size:11px;line-height:1.4;margin-top:3px}.signing-paper>img{height:370px}.signature-next{margin-top:20px}.scene[data-scene="signing"] .callout{padding:12px 16px;font-size:13px;line-height:1.5;margin-top:12px}.scene[data-scene="signing"] .micro.space{margin-top:16px;line-height:1.5}.scene[data-scene="signing"] .panel>.quiet{min-height:32px;font-size:12px}.security-main .panel-title{margin-bottom:12px}.security-main .list-row{padding:8px 0}.security-main .security-decision{padding:10px 14px}.security-main .security-decision p{font-size:13px}.security-main .micro.space{margin-top:12px}.security-main .work-step{padding:10px 0;min-height:58px}}
@media(min-width:901px){.security-main .list-row{padding:6px 0}.security-vaults{row-gap:12px;margin-bottom:16px}.security-path{padding-bottom:16px}}
@media(min-width:901px){.scene[data-scene="controls"] .governance-tabs{margin-bottom:12px}.security-vaults>div{padding:10px 0}}

/* Final optical and typographic alignment pass. */
.product{font-size:22px;letter-spacing:.015em;gap:8px;line-height:1.2}
.product .product-mark{width:24px;height:24px}
.reveal .product-mark,.close-layout .product-mark{width:32px;height:32px}
.reveal .brandline,.close-layout .brandline{gap:10px}
.pill{border:0;background:transparent;padding:0;border-radius:0;font-size:12px;font-weight:500;line-height:20px}
.chat-title{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.chat-time,.chat-scope{white-space:nowrap}
.compliance-grid .table{table-layout:fixed;line-height:1.5}
.compliance-grid .table th:first-child{width:46%}
.compliance-grid .table th:nth-child(2),.compliance-grid .table th:nth-child(3){width:27%}
.compliance-grid .table td,.compliance-grid .table th{padding-right:16px;overflow-wrap:break-word}
.compliance-grid .table td:last-child,.compliance-grid .table th:last-child{padding-right:0}
@media(min-width:901px){.scene[data-scene="agents"] .agent-card p{font-size:12px;line-height:1.5}}
@media(max-width:900px){.chat-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:12px;line-height:20px}.chat-head .chat-title{grid-column:1;grid-row:1}.chat-head .chat-scope{grid-column:2;grid-row:1;justify-self:end}.chat-head .chat-time{grid-column:1/-1;grid-row:2}.chat-head .icon{width:16px;height:16px}}

/* Human and AI speakers retain an explicit visual identity. */
.message-portrait{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center 24%;flex:none}
.speaker-identity{display:flex;align-items:center;gap:10px;min-width:0}.speaker-identity b{font-size:13px;font-weight:500;display:block}.speaker-identity small{font-size:11px;line-height:1.4;color:var(--muted);display:block;margin-top:2px}
.speaker-meta{line-height:1.4;margin-bottom:6px}.speaker-meta>b{font-size:13px;font-weight:500}.speaker-meta .role{font-size:11px;color:var(--muted);margin-left:8px}
.owner-message{align-self:flex-end;max-width:90%;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.owner-message .owner-identity{flex-direction:row-reverse;text-align:right}.owner-message .user-bubble{max-width:100%;align-self:auto}
.owner-prompt .speaker-identity{margin-bottom:10px}.owner-prompt .prompt-box{font-size:15px;line-height:1.55}
.source-cite{display:inline-flex;align-items:center;gap:6px;text-align:left;padding:0;margin-top:6px;font-size:11px;line-height:1.45;color:var(--muted)}.source-cite .icon{width:13px;height:13px}.source-cite:hover{color:var(--accent)}
.agent-message .message-body{min-width:0;flex:1}.agent-message .speaker-meta{margin-bottom:4px}.agent-message .role{display:inline;line-height:1.4}.agent-message p{margin-top:0}
.crm-grid .agent-message{padding:8px 0}.crm-grid .agent-message p{font-size:14px;line-height:1.5}.crm-grid .team-strip{margin:12px 0}.crm-grid .micro.space{margin-top:12px}
.scene[data-scene="assistant"] .conversation{gap:16px}.scene[data-scene="assistant"] .answer-row{padding:8px 0}.scene[data-scene="assistant"] .assistant-body h3{margin-bottom:8px}
.team-handoff-strip .speaker-identity{flex:1}.team-handoff-strip .message-portrait{width:30px;height:30px}.team-handoff-strip .speaker-identity small{font-size:10px}.team-handoff-strip .speaker-identity b{font-size:12px}
.phone-author{display:flex;align-items:center;gap:8px;margin:10px 0 12px}.phone-author .message-portrait{width:28px;height:28px}.phone-author b{display:block;font-size:12px;font-weight:500}.phone-author small{display:block;font-size:10px;color:var(--muted)}
.knowledge-dialog{width:600px}.knowledge-status{color:var(--accent);font-size:14px;margin:12px 0}.knowledge-dialog .list-row{font-size:13px}.knowledge-dialog .list-row small{font-size:11px}.knowledge-dialog .knowledge-content{font-size:14px;line-height:1.6}.knowledge-dialog .micro{font-size:11px;line-height:1.6}
@media(max-width:900px){.owner-message{max-width:100%}.speaker-meta .role{display:block;margin:2px 0 0}.message-portrait{width:32px;height:32px}.owner-message .speaker-identity b{font-size:12px}.owner-message .speaker-identity small{font-size:10px}.agent-message .speaker-meta .role{display:block;margin-left:0}.source-cite{font-size:11px}.owner-prompt .prompt-box{font-size:14px}}

/* Deliberate editorial cuts. The interface never fades as a translucent layer. */
.scene,.app-frame,.chapter-head,.fade-in,.answer-row,.journey-step,.event.active,
.agent-thread .message,.close-stage,.welcome-atmosphere,.reveal .title,.reveal .tagline,
.reveal-visual{animation:none!important;opacity:1;transform:none}
.scene{isolation:isolate;background:var(--bg)}
.night-timeline i{transition:none}
.venue-context{position:relative;height:112px;overflow:hidden;border-radius:6px;margin:0 0 16px;background:#111}
.venue-context img,.night-atmosphere img,.close-atmosphere img{width:100%;height:100%;object-fit:cover;display:block}
.venue-context img{object-position:center 58%}
.venue-context span,.night-atmosphere span{position:absolute;left:16px;bottom:12px;color:#f2efdf;font-size:13px;font-weight:500;z-index:1;text-shadow:0 1px 5px #000}
.venue-context:after,.night-atmosphere:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080808b0)}
.company-priorities .list-row{padding:10px 0;font-size:14px}.company-priorities .list-row small{font-size:11px}.company-priorities .protection{margin-top:12px;font-size:12px}
.night-atmosphere{height:112px;position:relative;overflow:hidden;border-radius:6px;margin-top:16px;background:#111}
.night-atmosphere img{object-position:center 58%}
.scene[data-scene="overnight"] .night-summary .brief-hero{font-size:26px;margin:12px 0 8px}
.scene[data-scene="overnight"] .night-summary .list-row{padding:6px 0}
.close-atmosphere{height:232px;overflow:hidden;border-radius:8px;margin-bottom:28px;background:#111}
.close-atmosphere img{object-position:center 60%}
.close-right .close-priorities>div{padding:16px 0}
.close-right .close-priorities h3{font-size:26px;line-height:1.25}
.close-right .close-priorities p{font-size:16px;margin-top:8px}
.close-right .close-scope{margin-top:22px}
@media(max-width:900px){.venue-context{height:128px}.night-atmosphere{height:136px}.close-atmosphere{height:180px}}
/* Keep all evidence within the filmed viewport after adding venue content. */
@media(min-width:901px){
 .company-priorities{padding:16px}.company-priorities .panel-title{margin-bottom:8px}.company-priorities .list-row{padding:7px 0}.venue-context{height:100px}
 .scene[data-scene="overnight"] .night-summary{padding:16px}.scene[data-scene="overnight"] .night-summary .panel-title{margin-bottom:12px}
 .scene[data-scene="overnight"] .brief-hero{display:none}.scene[data-scene="overnight"] .night-atmosphere{height:100px;margin-top:12px;margin-bottom:12px}
 .scene[data-scene="overnight"] .stats{padding-bottom:16px;margin-bottom:16px}
}

/* Central Services: quiet hospitality, an explicit owner, one continuous record. */
.sidebar{gap:12px;padding-top:20px;padding-bottom:20px}
.nav-group .nav{font-size:13px;min-height:32px;padding:6px 10px;gap:8px}
.nav-group .nav.active{border-left:2px solid var(--accent);padding-left:8px}
.sidebar .org{margin-top:8px!important}.side-bottom .space{margin-top:4px}
.workspace-tools{display:flex;align-items:center;gap:20px;min-width:0}
.workspace-picker{max-width:220px;min-width:0;background:transparent;border:0;border-bottom:1px solid #444;color:var(--second);font-size:12px;padding:6px 0}
.workspace-picker option{background:var(--panel);color:var(--text)}
.app-top .context{font-size:13px}.chapter-count{font-size:11px;letter-spacing:.02em}
.cs-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px}
.cs-main,.cs-aside{min-width:0}.cs-aside{border-left:1px solid var(--line);padding-left:28px}
.cs-section-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.cs-section-head>span{font:12px/1.6 'Geist Mono';color:var(--accent);padding-top:4px}
.cs-section-head h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.015em}
.cs-section-head p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}
.cs-foot{font-size:11px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:74em}
.cs-catalogue{border-top:1px solid var(--line)}
.cs-service{display:flex;align-items:center;text-align:left;gap:16px;width:100%;min-height:82px;padding:16px 12px 16px 0;border-bottom:1px solid var(--line);transition:background .15s}
.cs-service>span{font:11px 'Geist Mono';color:var(--muted);width:24px;flex:none}
.cs-service>div{flex:1}.cs-service b{font-size:16px;font-weight:500}.cs-service p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.cs-service>.icon{width:16px;color:var(--muted)}
.cs-service.selected{background:#1a1a19;padding-left:12px}.cs-service.selected>span,.cs-service.selected b,.cs-service.selected>.icon{color:var(--accent)}
.cs-definition{margin:0}.cs-definition>div{display:grid;grid-template-columns:40% 1fr;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px;line-height:1.55}
.cs-definition dt{color:var(--muted);font-size:12px}.cs-definition dd{margin:0}.cs-definition small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
.cs-aside>.quiet{padding-left:0;font-size:13px;margin-top:12px}
.cs-brief{padding:20px 24px;background:#191918;border-left:2px solid var(--accent);margin-bottom:20px}
.cs-brief p{font-size:19px;line-height:1.65;letter-spacing:-.01em}.cs-brief>span{display:block;font-size:11px;color:var(--muted);margin-top:12px}
.cs-owner{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:4px 0 20px;margin-bottom:4px}
.cs-owner>span{font-size:12px;text-align:right;color:var(--accent);line-height:1.6}.cs-owner>span small{font-size:10px;color:var(--muted)}
.cs-handoff{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.cs-handoff p{font-size:13px;line-height:1.65;color:var(--second)}
.cs-environment{margin:0 0 20px;height:172px;position:relative;overflow:hidden;background:#171717;border-radius:6px}
.cs-environment img{width:100%;height:100%;object-fit:cover;display:block}
.cs-environment:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000c)}
.cs-environment figcaption{position:absolute;z-index:1;left:16px;bottom:12px;color:#e7e0d2;font-size:11px;line-height:1.5}
.cs-ledger{padding:0;margin:0;list-style:none}.cs-ledger li{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.cs-ledger li>span{font:11px/1.6 'Geist Mono';color:var(--muted);width:42px;flex:none;padding-top:2px}.cs-ledger b{display:block;font-size:14px;font-weight:500;line-height:1.4}.cs-ledger small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.cs-ledger .done>span,.cs-ledger .current b{color:var(--accent)}
.cs-acceptance{padding:16px 0 0;margin-top:20px;border-top:1px solid #5c5034}.cs-acceptance b{font-size:14px;font-weight:500;color:var(--accent)}.cs-acceptance p{font-size:13px;line-height:1.7;color:var(--second);margin-top:6px}
.cs-small-note{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cs-small-note b{font-size:14px;font-weight:500}.cs-small-note p{font-size:12px;line-height:1.7;color:var(--second);margin-top:8px}
.cs-table{table-layout:fixed;font-size:13px;line-height:1.55}.cs-table td,.cs-table th{padding:14px 12px 14px 0;overflow-wrap:break-word;vertical-align:top}.cs-table th{font-size:11px;font-weight:400;color:var(--muted)}.cs-table td:last-child,.cs-table th:last-child{padding-right:0}.cs-table td:not(:first-child){color:var(--second)}.cs-table-wrap{width:100%;min-width:0}
.cs-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:16px 0 24px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.cs-locations h3{font-size:20px;margin:12px 0 6px}.cs-locations p{font-size:12px;color:var(--second)}.cs-locations small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.cs-location-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.cs-aside>.list-row{font-size:14px;padding:13px 0}.cs-aside>.list-row small{font-size:11px}
.cs-document{background:#d9d3c7;color:#292723;padding:24px 28px;border-radius:4px}.cs-doc-heading{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid #aca697;font-size:21px;line-height:1.4}.cs-doc-heading small{font-size:11px;color:#686258;margin-top:8px}
.cs-clause{padding-top:20px}.cs-clause>span{font-size:11px;color:#6a6253}.cs-clause p{font-size:14px;line-height:1.7;margin-top:8px}.cs-clause b{display:block;font-size:11px;font-weight:500;margin-top:8px;padding-left:12px;border-left:2px solid #8a7749;color:#5f512f}
.cs-hr-preview{padding:28px 0}.cs-hr-preview>span{font-size:11px;color:var(--muted)}.cs-hr-preview h3{font-size:26px;line-height:1.3;margin:12px 0}.cs-hr-preview>p{font-size:14px;line-height:1.7;color:var(--second)}
.cs-prism-path{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--second);padding:8px 0 20px}.cs-prism-path .icon{width:14px;color:var(--muted)}
.cs-answer{margin-top:24px;padding:20px 24px;border-left:2px solid var(--accent);background:#191919}.cs-answer>span{font-size:11px;color:var(--accent)}.cs-answer h3{font-size:32px;line-height:1.3;margin:12px 0}.cs-answer p{font-size:13px;color:var(--second);line-height:1.7}.cs-answer small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:16px}
.cs-denial{border-top:1px solid #5d5141;border-bottom:1px solid var(--line);padding:24px 0;position:relative}.cs-denial>.icon{width:22px;height:22px;color:var(--accent);margin-bottom:16px}.cs-denial>span{font-size:12px;color:var(--accent)}.cs-denial h3{font-size:26px;line-height:1.4;letter-spacing:-.02em;margin:12px 0}.cs-denial p{font-size:13px;line-height:1.7;color:var(--second)}
.cs-privacy-case{padding:24px 0}.cs-privacy-case h3{font-size:21px}.cs-privacy-case .gold{font-size:12px}.cs-privacy-case p{font-size:14px;line-height:1.7;color:var(--second);margin:16px 0}.cs-privacy-case .cs-prism-path{padding-top:8px}
.cs-measure-head{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:20px;padding:24px 0 28px;border-bottom:1px solid var(--line)}
.cs-measure-head span{font-size:13px;color:var(--second)}.cs-measure-head b{display:block;font-size:44px;font-weight:500;line-height:1.3;margin:12px 0;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.cs-measure-head small{font-size:11px;color:var(--muted)}
.cs-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:28px 0 32px}.cs-roadmap article{border-top:1px solid #444;padding-top:20px}.cs-roadmap article.prepared{border-color:var(--accent)}.cs-roadmap article>span{font:12px 'Geist Mono';color:var(--accent);display:flex;justify-content:space-between;gap:8px}.cs-roadmap small{font:11px Geist;color:var(--muted)}.cs-roadmap h3{font-size:27px;margin:24px 0 16px}.cs-roadmap p{font-size:14px;line-height:1.7;color:var(--second);min-height:100px}.cs-roadmap article>div{font-size:12px;line-height:1.7;color:var(--accent);border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.cs-implementation-bottom{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.cs-implementation-bottom .cs-environment{height:176px;margin:0}.cs-implementation-bottom h3{font-size:25px}.cs-implementation-bottom>div>p{font-size:14px;line-height:1.7;color:var(--second);margin-top:12px}.cs-implementation-bottom .cs-small-note{margin-top:16px;padding-top:12px}
.cs-overview-lead{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.cs-eyebrow{font-size:12px;color:var(--accent)}.cs-overview-lead h3{font-size:40px;line-height:1.17;letter-spacing:-.035em;margin:12px 0 16px;font-weight:500}.cs-overview-lead p{font-size:15px;line-height:1.7;color:var(--second)}.cs-overview-lead .quiet{padding-left:0;font-size:13px;margin-top:12px}.cs-overview-lead .cs-environment{height:260px;margin:0}
.cs-overview-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.cs-businesses{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.cs-businesses button{display:flex;gap:12px;align-items:center;text-align:left;min-width:0;border-bottom:1px solid var(--line);padding:12px 0}.cs-businesses button>span:nth-child(2){flex:1;min-width:0}.cs-businesses b{font-size:14px;font-weight:500}.cs-businesses small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}.cs-businesses .icon{width:14px;color:var(--muted)}.cs-businesses .company-monogram{width:32px;height:32px;font-size:10px}.cs-overview-bottom .list-row{font-size:14px;padding:12px 0}.cs-overview-bottom .list-row small{font-size:11px}.cs-overview-bottom .quiet{font-size:12px;padding-left:0}
.cs-company-priority{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.cs-company-priority>span{font:12px 'Geist Mono';color:var(--accent);padding-top:5px}.cs-company-priority h3{font-size:23px}.cs-company-priority p{font-size:13px;color:var(--second);margin-top:8px}.cs-company-priority .quiet{font-size:12px;padding-left:0;margin-top:8px;min-height:30px}
.governance-tabs{gap:20px}.governance-tabs button{font-size:12px}
@media(min-width:901px){
 .scene[data-scene="overview"] .page-title{margin-bottom:24px}
 .scene[data-scene="delivery"] .cs-aside .cs-section-head{margin-bottom:4px}.scene[data-scene="delivery"] .cs-ledger li{padding:12px 0}.scene[data-scene="delivery"] .cs-aside .cs-environment{height:140px}
 .scene[data-scene="resources"] .cs-aside .cs-environment{height:156px}.scene[data-scene="resources"] .cs-aside .list-row{padding:10px 0}
 .scene[data-scene="legal"] .cs-aside .cs-environment{height:116px;margin-top:20px}.scene[data-scene="legal"] .cs-definition>div{padding:10px 0}
 .scene[data-scene="hr"] .cs-aside .cs-environment{height:148px}
 .scene[data-scene="gdpr"] .cs-table td{padding-top:11px;padding-bottom:11px}.scene[data-scene="gdpr"] .cs-definition>div{padding:11px 0}
 .scene[data-scene="ai-register"] .cs-table td{padding-top:12px;padding-bottom:12px}.scene[data-scene="ai-register"] .cs-definition>div{padding:10px 0}
 .scene[data-scene="companies"] .cs-company-priority{padding:12px 0}.scene[data-scene="companies"] .cs-environment{height:160px}
}
@media(max-width:900px){
 .workspace-tools{gap:8px}.workspace-picker{display:none}.app-top .context{font-size:10px;max-width:65%}
 .cs-grid,.cs-overview-lead,.cs-overview-bottom,.cs-implementation-bottom{grid-template-columns:1fr;gap:28px}
 .cs-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
 .cs-section-head{gap:12px;margin-bottom:16px}.cs-section-head h3{font-size:20px}.cs-section-head p{font-size:11px}
 .cs-service{padding:16px 0;gap:12px}.cs-service b{font-size:14px}.cs-service p{font-size:12px}.cs-service>span{width:18px}.cs-service.selected{padding-left:8px}
 .cs-definition>div{grid-template-columns:38% 1fr;font-size:13px}.cs-definition dt{font-size:11px}
 .cs-handoff{grid-template-columns:1fr;gap:10px}.cs-handoff p{font-size:13px}.cs-brief{padding:16px}.cs-brief p{font-size:17px}
 .cs-owner{align-items:flex-start;flex-direction:column;gap:12px}.cs-owner>span{text-align:left;font-size:11px}
 .cs-locations{gap:16px;grid-template-columns:1fr}.cs-locations>div{border-bottom:1px solid var(--line);padding-bottom:16px}.cs-locations h3{font-size:20px;margin-top:8px}
 .cs-table{font-size:11px}.cs-table td,.cs-table th{padding:12px 8px 12px 0}.cs-table th{font-size:11px}.cs-table td{overflow-wrap:anywhere}
 .cs-document{padding:20px}.cs-doc-heading{font-size:20px}.cs-clause p{font-size:13px}
 .cs-prism-path{flex-wrap:wrap;gap:10px;font-size:11px}.cs-answer{padding:16px}.cs-answer h3{font-size:27px}.cs-answer small{font-size:11px}
 .cs-denial h3{font-size:25px}.cs-privacy-case .between{align-items:flex-start;flex-direction:column;gap:8px}
 .cs-measure-head{gap:12px;grid-template-columns:1fr 20px 1fr}.cs-measure-head b{font-size:30px}.cs-measure-head span{font-size:11px}.cs-measure-head small{font-size:11px;display:block}
 .cs-roadmap{grid-template-columns:1fr;gap:24px}.cs-roadmap h3{margin:16px 0 12px}.cs-roadmap p{min-height:0}.cs-roadmap article>div{margin-top:16px}
 .cs-overview-lead h3{font-size:33px}.cs-overview-lead p{font-size:14px}.cs-overview-lead .cs-environment{height:200px}.cs-overview-lead{padding-bottom:24px}
 .cs-businesses{grid-template-columns:1fr}.cs-businesses small{font-size:11px}.cs-businesses button{padding:16px 0}.cs-businesses b{font-size:15px}
 .cs-foot,.cs-small-note p{font-size:11px}.cs-environment figcaption{font-size:11px}.cs-company-priority{gap:16px}.cs-company-priority h3{font-size:21px}
 .governance-tabs{gap:16px}.governance-tabs button{font-size:11px}
}
.mode-control{display:flex;align-items:center;gap:12px;margin:20px 12px 0;border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}.mode-control select{flex:1;min-width:0;background:transparent;color:var(--text);border:0;padding:4px 0;font-size:14px}.mode-control option{background:#191919}.view-boundary{display:flex;gap:8px;font-size:10px;line-height:1.6;color:var(--muted);padding:4px 12px}.view-boundary .icon{width:13px;height:13px;margin-top:2px}.sidebar>.nav-group{max-height:480px;overflow:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.cs-view-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin:-4px 0 20px}.cs-view-tabs button{font-size:12px;padding:8px 0 12px;color:var(--muted)}.cs-view-tabs .selected{border-bottom:2px solid var(--accent);color:var(--accent)}
@media(min-width:901px){.scene[data-scene="overview"] .cs-overview-lead{margin-bottom:20px;padding-bottom:20px}.scene[data-scene="overview"] .cs-overview-lead h3{font-size:36px}.scene[data-scene="overview"] .cs-overview-lead .cs-environment{height:220px}.scene[data-scene="overview"] .page-title{margin-bottom:16px}.scene[data-scene="overview"] .cs-businesses button{padding:10px 0}.scene[data-scene="overview"] .group-grid>.panel{min-height:400px}.scene[data-scene="companies"] .cs-company-priority{padding:8px 0}.scene[data-scene="companies"] .cs-company-priority h3{font-size:21px}.scene[data-scene="companies"] .cs-company-priority .quiet{margin-top:4px}}
@media(max-width:900px){.workspace-drawer .mode-control,.phone-drawer .mode-control{margin:20px 0}.workspace-drawer .nav-group{max-height:calc(100dvh - 200px);overflow:auto}.cs-view-tabs{gap:20px;margin-bottom:20px}.cs-view-tabs button{font-size:11px}}
.cs-law-timeline{font-size:11px;color:var(--muted);margin-top:12px}.cs-law-timeline summary{cursor:pointer;color:var(--accent);padding:4px 0}.cs-law-timeline p{line-height:1.7;margin:10px 0}.cs-law-timeline a{color:var(--accent)}
@media(min-width:901px){.scene[data-scene="controls"] .cs-brief{padding:16px 20px;margin-bottom:16px}.scene[data-scene="controls"] .cs-brief p{font-size:18px}.scene[data-scene="controls"] .cs-answer{padding:16px 20px;margin-top:16px}.scene[data-scene="controls"] .cs-answer h3{font-size:28px;margin:8px 0}.scene[data-scene="controls"] .cs-answer small{margin-top:8px}.scene[data-scene="controls"] .cs-table td{padding-top:10px;padding-bottom:10px}.scene[data-scene="companies"] .cs-aside .list-row{padding:9px 0}.scene[data-scene="companies"] .cs-foot{margin-top:12px}.scene[data-scene="companies"] .cs-environment{height:144px}.scene[data-scene="companies"] .cs-section-head{margin-bottom:16px}.scene[data-scene="implementation"] .cs-roadmap p{min-height:100px}}
.cs-platform-map{display:grid;gap:16px}.cs-map-companies{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cs-map-companies button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left;padding:0 0 16px;border-bottom:1px solid var(--line)}.cs-map-companies b{font-size:15px;font-weight:500}.cs-map-companies small{font-size:10px;color:var(--muted)}.cs-map-connector{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:11px}.cs-map-connector .icon{width:14px;transform:rotate(90deg);color:var(--accent)}.cs-map-core{background:#111b17;border:1px solid #354b40;padding:20px 24px;border-radius:8px}.cs-map-brand{display:flex;align-items:center;gap:16px;border-bottom:1px solid #344139;padding-bottom:16px;margin-bottom:16px}.cs-map-brand>.icon{color:var(--accent)}.cs-map-brand h3{font-size:24px}.cs-map-brand p{font-size:12px;color:var(--second);margin-top:4px}.cs-map-brand>.gold{margin-left:auto;font-size:13px}.cs-map-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px}.cs-map-services button{display:grid;grid-template-columns:24px 1fr;gap:4px 8px;text-align:left}.cs-map-services button>span{grid-row:span 2;color:var(--accent);font:11px 'Geist Mono';padding-top:3px}.cs-map-services b{font-size:14px;font-weight:500}.cs-map-services small{font-size:11px;color:var(--muted)}.cs-map-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cs-map-outcomes>div{display:grid;grid-template-columns:20px 1fr;gap:4px 12px;padding:12px 0}.cs-map-outcomes .icon{grid-row:span 2;color:var(--accent);width:18px;margin-top:2px}.cs-map-outcomes b{font-size:14px;font-weight:500}.cs-map-outcomes small{font-size:11px;color:var(--muted)}.cs-platform-rule{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:20px}.cs-platform-rule b{font-size:14px;font-weight:500}.cs-platform-rule p{font-size:12px;line-height:1.7;color:var(--second)}.cs-platform-rule .quiet{font-size:12px;white-space:nowrap}.cs-adoption-owner{display:flex;align-items:center;gap:24px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.cs-adoption-owner>img{width:88px;height:104px;object-fit:cover;border-radius:6px}.cs-adoption-owner span{font-size:11px;color:var(--accent)}.cs-adoption-owner h3{font-size:30px;margin:4px 0}.cs-adoption-owner p{font-size:14px;color:var(--second)}.cs-adoption-owner small{display:block;font-size:11px;color:var(--muted);margin-top:8px}
@media(min-width:901px){.scene[data-scene="controls"] .cs-denial{padding:20px 0}.scene[data-scene="companies"] .cs-grid{gap:24px}.scene[data-scene="companies"] .cs-aside .cs-foot{font-size:10px}.scene[data-scene="companies"] .stats{margin-bottom:16px;padding-bottom:16px}.scene[data-scene="adoption"] .cs-aside .cs-environment{height:120px}.scene[data-scene="adoption"] .cs-ledger li{padding:10px 0}.scene[data-scene="adoption"] .cs-table td{padding:10px 12px 10px 0}.scene[data-scene="adoption"] .cs-adoption-owner{padding-bottom:20px;margin-bottom:20px}}
@media(max-width:900px){.cs-map-companies{grid-template-columns:repeat(2,1fr);gap:16px}.cs-map-companies small{font-size:11px}.cs-map-core{padding:20px 16px}.cs-map-brand{flex-wrap:wrap;gap:12px}.cs-map-brand h3{font-size:22px}.cs-map-brand>.gold{margin-left:0}.cs-map-services{grid-template-columns:1fr;gap:20px}.cs-map-services b{font-size:14px}.cs-map-outcomes{grid-template-columns:1fr;gap:8px}.cs-platform-rule{grid-template-columns:1fr;gap:12px}.cs-platform-rule .quiet{justify-content:flex-start;padding-left:0;white-space:normal}.cs-map-connector{font-size:11px;gap:12px}.cs-adoption-owner{gap:16px}.cs-adoption-owner>img{width:72px;height:92px}.cs-adoption-owner h3{font-size:25px}.cs-adoption-owner small{font-size:11px}.cs-map-companies b{font-size:14px}}
.cs-scope-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:12px}.cs-scope-links .quiet{font-size:12px;padding-left:0;min-height:32px}.capability-list{margin:20px 0;padding-left:20px;font-size:14px;line-height:1.7;color:var(--second)}.capability-list li{padding:8px 0;border-bottom:1px solid var(--line)}.capability-list b{display:block;font-weight:500;color:var(--text)}.chris-dialog{width:660px}.chris-dialog .capability-list{font-size:13px;line-height:1.6}.night-policy{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.night-policy>span{font-size:11px;color:var(--muted)}.night-policy b{display:block;font-size:12px;color:var(--second);font-weight:500;margin-bottom:4px}.night-policy>div{display:flex;gap:12px;flex:none}.night-policy .quiet{font-size:12px;padding:4px 0;min-height:28px}
@media(min-width:901px){.scene[data-scene="connected"] .cs-platform-map{gap:12px}.scene[data-scene="connected"] .cs-map-companies button{padding-bottom:12px}.scene[data-scene="connected"] .cs-section-head{margin-bottom:16px}.scene[data-scene="connected"] .cs-map-core{padding:16px 20px}.scene[data-scene="connected"] .cs-map-brand{padding-bottom:12px;margin-bottom:12px}.scene[data-scene="connected"] .cs-map-services{row-gap:16px}.scene[data-scene="connected"] .cs-platform-rule{padding-top:12px;margin-top:12px}.scene[data-scene="connected"] .cs-foot{margin-top:12px}.scene[data-scene="overnight"] .night-timeline{margin-bottom:12px;height:36px}.scene[data-scene="overnight"] .night-atmosphere{display:none}.scene[data-scene="overnight"] .work-step{min-height:58px;padding:8px 0}.scene[data-scene="overnight"] .night-summary .list-row{padding:4px 0}.scene[data-scene="onboarding"] #onboarding-form label{margin-top:12px}.scene[data-scene="onboarding"] #onboarding-form input,.scene[data-scene="onboarding"] #onboarding-form select{padding:9px 12px;margin-top:6px;font-size:14px}.scene[data-scene="onboarding"] .brand-preview{padding-top:16px;margin-top:16px}.scene[data-scene="onboarding"] .onboarding-layout .panel{padding:16px 20px}.scene[data-scene="overview"] .cs-overview-bottom .list-row{padding:8px 0}.scene[data-scene="overview"] .cs-overview-bottom .cs-section-head{margin-bottom:12px}.scene[data-scene="overview"] .cs-overview-lead{padding-bottom:16px;margin-bottom:16px}.scene[data-scene="overview"] .cs-overview-lead h3{font-size:34px}.scene[data-scene="overview"] .cs-overview-lead .cs-environment{height:208px}.scene[data-scene="implementation"] .cs-roadmap{gap:24px;margin-bottom:24px}.scene[data-scene="implementation"] .cs-implementation-bottom .cs-environment{height:160px}}
@media(max-width:900px){.night-policy{display:grid;grid-template-columns:1fr 1fr;gap:16px}.night-policy>span{font-size:11px}.night-policy>span:nth-child(3){grid-column:1/-1}.night-policy>div{grid-column:1/-1}.cs-scope-links{display:block}.capability-list{font-size:13px}}
.official-company-logo{width:100px;max-width:100%;height:24px;object-fit:contain;object-position:left center;display:block;flex:none}.official-company-logo.luxon{height:20px}.official-company-logo.onyx{height:22px}.official-company-logo.live{height:24px}.unresolved-company-name{display:block;width:100px;flex:none;color:var(--second);font-size:13px;font-weight:500}.cs-businesses .official-company-logo,.cs-businesses .unresolved-company-name{width:88px}.cs-map-companies .unresolved-company-name{height:24px;font-size:16px;line-height:24px}.cs-map-companies .official-company-logo{width:112px}.cs-map-companies button>b{font-size:13px}.cs-map-companies button .unresolved-company-name+b{display:none}
@media(min-width:901px){.scene[data-scene="companies"] .cs-environment{height:96px}.scene[data-scene="efficiency"] .cs-small-note{margin-top:12px;padding-top:12px}.scene[data-scene="efficiency"] .cs-ledger li{padding:12px 0}.scene[data-scene="efficiency"] .cs-aside>.quiet{margin-top:8px}.scene[data-scene="resources"] .cs-section-head p{max-width:600px}.scene[data-scene="overview"] .cs-businesses button{gap:12px}.scene[data-scene="overview"] .cs-businesses .unresolved-company-name+span>b{display:none}}
@media(max-width:900px){.cs-businesses .official-company-logo,.cs-businesses .unresolved-company-name{width:96px}.official-company-logo{max-width:112px}.cs-map-companies .unresolved-company-name{font-size:14px}}
.cs-specialist-line{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px}.cs-specialist-line>span{font-size:11px;color:var(--muted);line-height:1.6;max-width:260px}.cs-specialist-line .speaker-identity{flex:1}.cs-specialist-line .message-portrait{width:32px;height:32px}
@media(min-width:901px){.scene[data-scene="agents"] .agent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.scene[data-scene="agents"] .agent-card{min-height:132px;padding:12px 0;gap:12px}.scene[data-scene="agents"] .agent-card .agent-photo{width:48px;height:58px}.scene[data-scene="agents"] .agent-card h3{font-size:15px}.scene[data-scene="agents"] .agent-card .gold{font-size:11px}.scene[data-scene="agents"] .agent-card p{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene[data-scene="agents"] .agent-card .quiet{font-size:11px;min-height:24px}.scene[data-scene="agents"] .team-handoff-strip{margin-top:12px;padding:8px 0}.scene[data-scene="agents"] .agent-filters{gap:20px}.scene[data-scene="agents"] .agent-filters button{font-size:13px}.scene[data-scene="agents"] .page-title h2{font-size:28px}.scene[data-scene="legal"] .cs-document{padding:20px 24px}.scene[data-scene="legal"] .cs-clause{padding-top:16px}.scene[data-scene="legal"] .cs-clause p{font-size:13px}.scene[data-scene="legal"] .cs-acceptance{margin-top:16px;padding-top:12px}.scene[data-scene="controls"] .cs-specialist-line{padding-bottom:12px;margin-bottom:12px}.scene[data-scene="controls"] .cs-answer{margin-top:12px;padding-top:12px;padding-bottom:12px}.scene[data-scene="controls"] .cs-answer h3{font-size:26px}.scene[data-scene="controls"] .cs-table td{padding-top:8px;padding-bottom:8px}.scene[data-scene="hr"] .cs-hr-preview{padding-top:20px;padding-bottom:16px}}
@media(max-width:900px){.cs-specialist-line{flex-direction:column;align-items:flex-start;gap:8px}.cs-specialist-line>span{font-size:11px;max-width:none}.scene[data-scene="agents"] .agent-filters{gap:16px}}
@media(min-width:901px){.scene[data-scene="hr"] .cs-environment{height:116px}.scene[data-scene="hr"] .cs-hr-preview{padding-top:16px;padding-bottom:12px}.scene[data-scene="hr"] .cs-hr-preview h3{font-size:24px;margin:8px 0}.scene[data-scene="hr"] .cs-hr-preview .cs-acceptance{margin-top:16px;padding-top:12px}}
/* Official wordmarks use their intrinsic proportions at the chosen optical height. */
.official-company-logo,.cs-businesses .official-company-logo,.cs-map-companies .official-company-logo{width:auto;max-width:144px;object-fit:contain;flex:none}
@media(max-width:900px){.official-company-logo,.cs-businesses .official-company-logo,.cs-map-companies .official-company-logo{width:auto;max-width:132px}}
/* Explicit, local role-policy preview. No production access enforcement. */
.access-sidebar .org{margin-top:12px;padding:0 12px}.access-role-control{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px;flex:none}.access-role-control select{width:272px;background:#191919;border:1px solid #444;border-radius:6px;padding:8px 12px;color:var(--text);font-size:13px}.access-role-summary{border-top:1px solid var(--line);padding:16px 12px 4px}.access-role-summary b{font-size:13px;font-weight:500;color:var(--accent);display:block}.access-role-summary p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}.access-sidebar .nav{white-space:normal;line-height:1.5}.access-sidebar .side-bottom .quiet{font-size:12px;padding-left:0}.access-sidebar .side-bottom .micro{font-size:10px}.access-grant-bar{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:24px;font-size:12px}.access-grant-bar>span{color:var(--muted);flex:none}.access-grant-bar>div{display:flex;gap:12px 24px;flex-wrap:wrap}.access-grant-bar>div>span{color:var(--accent)}.access-demonstration{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.access-demonstration h3{font-size:16px}.access-demonstration>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin-top:8px}.access-demonstration .quiet{font-size:12px;justify-content:flex-start;padding-left:0}.access-decision{display:flex;gap:16px;padding:16px 20px;background:#171b18;border-left:2px solid var(--accent);margin-top:16px}.access-decision>span{padding-top:3px;color:var(--accent)}.access-decision b{font-size:14px;font-weight:500;color:var(--accent)}.access-decision p{font-size:12px;line-height:1.6;color:var(--second);margin-top:6px}.access-decision small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.access-decision.denied{background:#1b1815}.access-mobile-nav{display:none}.rollout-roadmap h3{font-size:24px}.rollout-roadmap p{min-height:100px}
@media(min-width:901px){.scene[data-scene="access"] .page-title h2{font-size:28px}.scene[data-scene="access"] .page-title p{font-size:13px}.scene[data-scene="access"] .cs-definition>div{padding:12px 0}.scene[data-scene="access"] .cs-small-note{margin-top:16px;padding-top:16px}.scene[data-scene="implementation"] .rollout-roadmap{margin-top:24px}.scene[data-scene="implementation"] .cs-implementation-bottom h3{font-size:24px}.scene[data-scene="implementation"] .cs-implementation-bottom .cs-small-note{margin-top:12px;padding-top:12px}.scene[data-scene="commercial"] .commercial-terms{font-size:11px;line-height:1.6}}
@media(max-width:900px){.access-role-control{width:100%;margin-top:16px}.access-role-control select{width:100%;font-size:13px}.access-grant-bar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.access-grant-bar>div{gap:8px 20px}.access-mobile-nav{display:flex;gap:16px;overflow:auto;white-space:nowrap;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:8px}.access-mobile-nav button{font-size:11px;padding:8px 0;color:var(--muted)}.access-mobile-nav .selected{color:var(--accent)}.access-demonstration>div{grid-template-columns:1fr}.access-demonstration .quiet{font-size:12px}.access-decision{padding:16px;gap:12px}.access-frame .app-top{padding-left:16px}.access-frame .page-title{align-items:flex-start;flex-direction:column;gap:0}.access-frame .app-top .context{max-width:60%;font-size:11px}.access-frame .working-model{font-size:10px}.access-frame .cs-foot{font-size:11px}}
@media(min-width:901px){.scene[data-scene="access"] .access-grant-bar{padding:12px 0;margin-bottom:16px}.scene[data-scene="access"] .cs-section-head{margin-bottom:12px}.scene[data-scene="access"] .cs-table td,.scene[data-scene="access"] .cs-table th{padding-top:8px;padding-bottom:8px}.scene[data-scene="access"] .cs-acceptance{padding-top:12px;margin-top:12px}.scene[data-scene="access"] .access-demonstration{padding-top:12px;margin-top:16px}.scene[data-scene="access"] .access-demonstration .quiet{min-height:32px;padding-top:4px;padding-bottom:4px}.scene[data-scene="access"] .access-decision{padding:12px 16px;margin-top:12px}.scene[data-scene="access"] .access-decision p{line-height:1.55}.scene[data-scene="access"] .access-decision small{margin-top:6px}}
.deployment-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;margin-bottom:24px}.deployment-intro h3{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:12px 0}.deployment-intro p{font-size:14px;line-height:1.7;color:var(--second)}.deployment-intro .cs-environment{height:156px;margin:0}.deployment-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 28px}.deployment-flow article{border-top:1px solid var(--line);padding-top:12px}.deployment-flow article>span{font:11px 'Geist Mono';display:flex;align-items:center;justify-content:space-between}.deployment-flow small{font:11px Geist;color:var(--muted)}.deployment-flow h3{font-size:21px;font-weight:500;margin:10px 0 8px}.deployment-flow p{font-size:12px;line-height:1.65;color:var(--second)}.deployment-decisions{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;border-top:1px solid #5c5034;padding-top:16px;margin-top:24px}.deployment-decisions h3{font-size:16px;font-weight:500;color:var(--accent)}.deployment-decisions p{font-size:12px;color:var(--second);line-height:1.7;margin-top:8px}
@media(max-width:900px){.deployment-intro{grid-template-columns:1fr;gap:20px}.deployment-intro h3{font-size:26px}.deployment-intro .cs-environment{height:168px}.deployment-flow{grid-template-columns:1fr;gap:20px}.deployment-flow h3{font-size:21px}.deployment-flow p{font-size:13px}.deployment-decisions{grid-template-columns:1fr;gap:20px}.deployment-decisions p{font-size:12px}.deployment-intro .cs-eyebrow{font-size:11px}}
/* Mobile grid items must shrink so the content owns the scrollable viewport. */
@media(max-width:900px){
 .app-frame{grid-template-rows:minmax(0,1fr)}
 .main-area{min-height:0;overflow:hidden}
 .content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain}
}
.people-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:32px}.people-organisation,.people-workbench{min-width:0}.people-workbench{border-left:1px solid var(--line);padding-left:28px}.people-group-lead{padding:0 0 16px;border-bottom:1px solid var(--line)}.people-tier{color:var(--accent);font-size:11px}.people-group-lead h3{font-size:26px;line-height:1.25;margin:8px 0}.people-group-lead p{font-size:12px;line-height:1.6;color:var(--muted)}.people-directors{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;margin-top:4px}.people-directors button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;border-bottom:1px solid var(--line);padding:12px 0}.people-directors button>span{font-size:11px;color:var(--muted)}.people-directors b{font-size:14px;font-weight:500}.people-directors small{font-size:10px;color:var(--muted)}.people-directors .selected b,.people-directors .selected>span{color:var(--accent)}.people-departments{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.people-departments>span{font-size:11px;color:var(--muted)}.people-departments>div{display:flex;gap:24px}.people-departments b{font-size:12px;font-weight:500}.people-directory-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:20px 0 8px}.people-directory-head h3{font-size:19px}.people-directory-head>span{font-size:10px;color:var(--muted)}.people-organisation .cs-table{font-size:12px}.people-organisation .cs-table td{padding:12px 8px 12px 0}.people-organisation .cs-table small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.people-scope-row label{display:block;font-size:11px;color:var(--muted)}.people-scope-row select,.people-assignment select{display:block;background:#191919;border:1px solid #444;border-radius:6px;color:var(--text);padding:8px 12px;font-size:13px;margin-top:6px;width:100%}.people-scope-row>small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.people-work-title{margin:20px 0 8px}.people-work-title h3{font-size:21px;line-height:1.3}.people-work-title p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}.people-main-action{padding-left:0!important;font-size:13px!important}.people-assignment{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.people-assignment>span{font-size:12px;display:block;margin-bottom:10px}.people-assignment label{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.people-assignment select{margin:0}.people-actions{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}.people-actions .quiet,.people-contact-actions .quiet{font-size:11px;padding-left:0;min-height:32px}.people-contact-actions{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.people-result{padding:16px 20px;border-left:2px solid var(--accent);background:#131b17;margin-top:12px}.people-result.denied{background:#1b1815}.people-result.neutral{background:transparent;border-left:1px solid var(--line)}.people-result>span{font-size:11px;color:var(--accent)}.people-result h3{font-size:20px;line-height:1.3;margin:8px 0}.people-result p{font-size:12px;line-height:1.6;color:var(--second)}.people-result small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:8px}.people-result blockquote{font-size:13px;color:var(--text);line-height:1.6;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #394239}.people-liaison{border-left:2px solid var(--accent);padding:12px 16px;margin-top:16px;background:#131b17}.people-liaison b{font-size:13px;font-weight:500;color:var(--accent)}.people-liaison p{font-size:12px;line-height:1.6;color:var(--second);margin-top:8px}.people-liaison small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}.people-scope-note{font-size:12px;line-height:1.6;color:var(--muted);padding:12px 0}.people-empty{padding:40px 24px;border:1px solid var(--line)}.people-empty>.icon{color:var(--accent);width:28px;height:28px;margin-bottom:24px}.people-empty h3{font-size:28px;line-height:1.3;max-width:520px}.people-empty p{font-size:15px;line-height:1.7;color:var(--second);margin-top:20px;max-width:520px}.people-empty>span{font-size:11px;color:var(--muted);display:block;margin-top:24px}.people-endnote{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:12px;margin-top:20px;color:var(--muted)}.people-endnote .icon{width:16px;height:16px;flex:none}.people-endnote p{font-size:11px;line-height:1.6;max-width:1240px}.player-insight-dialog{width:700px;max-height:94%;top:16px}.player-insight-dialog h2{font-size:25px}.player-insight-dialog>p{font-size:12px;margin:12px 0}.player-value-range{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.player-value-range>span{font-size:12px;color:var(--muted)}.player-value-range b{font-size:32px;font-weight:500;color:var(--accent);display:block;margin:8px 0}.player-value-range small{font-size:11px;color:var(--muted);display:block}.player-insight-dialog .cs-definition>div{padding:10px 0}.player-insight-dialog .cs-small-note{padding-top:12px;margin-top:12px}.player-insight-dialog .cs-acceptance{padding-top:12px;margin-top:12px}.player-insight-dialog .cs-acceptance p{font-size:12px}
@media(min-width:901px){.scene[data-scene="people"] .page-title h2{font-size:28px}.scene[data-scene="people"] .page-title p{font-size:13px}.scene[data-scene="people"] .people-workbench .people-result{padding:12px 16px}.scene[data-scene="people"] .people-workbench .people-result h3{font-size:18px}.scene[data-scene="people"] .people-work-title{margin-top:16px}.scene[data-scene="people"] .people-liaison+.people-work-title{margin-top:12px}}
@media(max-width:900px){.people-layout{grid-template-columns:1fr;gap:24px}.people-workbench{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.people-directors{grid-template-columns:1fr 1fr;gap:0 16px}.people-directors small{font-size:11px}.people-group-lead h3{font-size:25px}.people-departments{align-items:flex-start;flex-direction:column;gap:10px}.people-departments>div{gap:16px;flex-wrap:wrap}.people-directory-head{align-items:flex-start;flex-direction:column;gap:8px}.people-directory-head>span{font-size:11px}.people-organisation .cs-table{font-size:11px}.people-organisation .cs-table th{font-size:11px}.people-organisation .cs-table small{font-size:11px}.people-organisation .cs-table td{padding-right:6px}.people-scope-row>small,.people-result small,.people-liaison small{font-size:11px}.people-assignment label{grid-template-columns:1fr;gap:6px}.people-contact-actions{flex-wrap:wrap;gap:0 20px}.people-result{padding:16px}.people-empty{padding:24px 20px}.people-empty h3{font-size:25px}.people-empty p{font-size:14px}.people-frame .app-top .context{font-size:11px}.player-insight-dialog{top:12px;max-height:94%;padding:20px}.player-insight-dialog h2{font-size:22px}.player-value-range b{font-size:28px}.player-insight-dialog .cs-definition>div{grid-template-columns:1fr;gap:6px}}
@media(min-width:901px){.scene[data-scene="people"] .people-group-lead{padding-bottom:12px}.scene[data-scene="people"] .people-directors button{padding:10px 0}.scene[data-scene="people"] .people-departments{padding:12px 0}.scene[data-scene="people"] .people-directory-head{padding-top:16px}.scene[data-scene="people"] .people-organisation .cs-table td{padding-top:8px;padding-bottom:8px}.scene[data-scene="people"] .people-organisation .cs-foot{margin-top:12px}.scene[data-scene="people"] .people-result h3{margin:6px 0}.scene[data-scene="people"] .people-result blockquote{padding-top:8px;margin-top:8px}.scene[data-scene="people"] .people-liaison{padding-top:10px;padding-bottom:10px;margin-top:12px}.scene[data-scene="people"] .people-liaison+.people-work-title{margin-top:8px}.scene[data-scene="people"] .people-endnote{margin-top:16px;padding-top:12px}}
@media(max-width:900px){.scene[data-scene="intelligence"] .page-title>.inline{flex-wrap:wrap;gap:8px;max-width:100%}.scene[data-scene="intelligence"] .page-title>.inline .quiet{padding-left:0}}

/* Focused brand polish: quiet graphite chrome and an unmistakable mode control. */
:root{--accent:#d8d9d3;--data:#99b7aa}
.sidebar,.workspace-drawer,.phone-drawer{background:var(--side)}
.app-frame{background:var(--side);border-color:var(--line)}
.app-top{background:#202223}
.product{gap:10px;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:0;padding-bottom:0}
.product .product-mark{width:26px;height:26px;color:var(--gold)}
.director-ai-wordmark{font-family:Geist,Arial,sans-serif;font-weight:500;letter-spacing:-.035em}
.brandline .director-ai-wordmark{font-size:28px;color:var(--text)}
.brandline>.product-mark{color:var(--gold)}
.mode-control{display:block;margin:24px 0 4px;padding:0;border:0;color:var(--text)}
.mode-control select{display:block;width:100%;min-height:52px;padding:12px 16px;background:#e9e7df;border:1px solid #e9e7df;border-radius:8px;color:#242729;font-size:20px;line-height:1.2;font-weight:500;cursor:pointer;color-scheme:light}
.mode-control option{background:#e9e7df;color:#242729}
.nav-group .nav.active{background:#303335;border-left-color:#d8d9d3}
.nav.active .icon{color:var(--text)}
.app-top .working-model{color:var(--muted)}
.working-model .dot{background:var(--green)}
.product-mark,.approval-lock,.cs-acceptance b,.cs-answer>span,.cs-roadmap article.prepared>span,.player-insight-range b{color:var(--gold)}
.cs-section-head>span,.cs-eyebrow,.cs-company-priority>span,.cs-owner>span,.people-tier{color:var(--muted)}
.cs-location-dot{background:var(--green)}
.chart .line{stroke:var(--data)}
.chart stop{stop-color:var(--data)}
.chart circle{fill:var(--data)}
.swatch:not(.grey){background:var(--data)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--text)}
@media(max-width:900px){.workspace-drawer .mode-control,.phone-drawer .mode-control{margin:24px 0 16px}.workspace-drawer .product,.phone-drawer .product{padding-bottom:0}.workspace-drawer .mode-control select,.phone-drawer .mode-control select{min-height:52px;font-size:20px}.brandline .director-ai-wordmark{font-size:20px}}

@media(max-width:900px){.workspace-drawer{display:flex;flex-direction:column;overflow:hidden;gap:12px}.workspace-drawer>.quiet,.workspace-drawer>.product,.workspace-drawer>.mode-control{flex:none}.workspace-drawer .mode-control{margin:8px 0}.workspace-drawer .nav-group{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}}

/* Director AI: the application carries the story, without film caption overlays. */
.scene .brand{color:#f5f5f5}.scene .brand .gold,.scene .brand sup{color:#cfb46d}
.mode-control select{background:#242627;color:var(--text);border:1px solid #393c3d;color-scheme:dark;padding:12px;min-height:52px;font-size:19px}
.mode-control select:hover{background:#2d3031;border-color:#555b5d}.mode-control option{background:#242627;color:var(--text)}
.director-ai-wordmark{white-space:nowrap;letter-spacing:-.025em}.product{gap:10px;font-size:23px}.product .product-mark{width:24px;height:28px;flex:none}

/* Authenticated Director AI application */
.access-gate{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);gap:64px;align-items:center;padding:64px max(6vw,48px);background:#111213;color:#f4f2ed}
.access-copy{max-width:760px}.access-copy .brandline{display:flex;align-items:center;gap:12px;font-size:22px}.access-copy .brandline img{width:28px;height:32px}.access-copy h1{font-family:Geist,Arial,sans-serif;font-size:clamp(56px,6vw,96px);font-weight:500;line-height:1.02;letter-spacing:-.05em;margin:72px 0 24px}.access-copy>p{font-size:21px;line-height:1.55;color:#b8b5ae;max-width:620px}.access-principles{display:flex;gap:32px;border-top:1px solid #ffffff17;margin-top:56px;padding-top:20px;color:#d3c49d;font-size:13px}.access-credit{margin-top:72px;color:#aaa69f}.access-credit .brand,.access-mobile-credit .brand{font-family:Brand,Geist,sans-serif;font-size:19px;letter-spacing:-.035em;color:#f4f2ed}.access-credit .brand .gold,.access-credit .brand sup,.access-mobile-credit .brand .gold,.access-mobile-credit .brand sup{color:#d6ba73}.access-credit .brand sup,.access-mobile-credit .brand sup{font-family:Geist,sans-serif;font-size:.46em;vertical-align:super;margin-left:1px}.access-mobile-credit{display:none;color:#77746f;font-size:12px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff12}
.access-card{width:100%;max-width:520px;justify-self:end;background:#191a1b;border:1px solid #ffffff12;border-radius:16px;padding:40px}.access-label{display:block;color:#d6ba73;font-size:12px;margin-bottom:16px}.access-card h2{font-size:36px;font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.access-card>p{color:#aaa69f;line-height:1.6;margin-bottom:32px}.access-card form{display:grid;gap:20px}.access-card label{display:grid;gap:8px;color:#d9d6cf;font-size:13px}.access-card input{height:48px;background:#111213;border:1px solid #ffffff1c;border-radius:8px;color:#f4f2ed;font:16px Geist,Arial,sans-serif;padding:0 14px;outline:none}.access-card input:focus{border-color:#d6ba73;box-shadow:0 0 0 3px #d6ba7324}.access-card .primary{height:48px;justify-content:center;margin-top:4px}.access-card output{min-height:20px;color:#e5a8a3;font-size:13px}.access-card>small{display:block;color:#77746f;line-height:1.55;margin-top:28px}
.sign-out{justify-content:flex-start;color:var(--muted);margin-top:4px}.identity .avatar.account-photo{display:grid;place-items:center;background:#272522;color:#d6ba73;font-size:12px}.owner-identity .avatar.message-portrait{display:grid;place-items:center;background:#272522;color:#d6ba73;font-size:11px}
.live-messages{min-height:280px;max-height:470px;overflow:auto;padding-right:8px}.collaboration-empty{padding:48px 24px;text-align:center;border:1px dashed #ffffff17;border-radius:10px;color:var(--second)}.collaboration-empty b{display:block;color:var(--text);font-weight:500;margin-bottom:8px}.collaboration-empty p{font-size:13px;line-height:1.6}.presence-list{display:grid;gap:4px}.presence-member{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.presence-member:last-child{border-bottom:0}.presence-member b{display:block;font-size:13px;font-weight:500}.presence-member small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.presence-dot{width:7px;height:7px;border-radius:50%;background:#555}.presence-dot.online{background:#7ea884;box-shadow:0 0 0 3px #7ea88418}.field input:disabled{opacity:.55}
.live-compose{display:grid;gap:10px}.live-compose>label{font-size:13px;color:var(--second)}.live-compose textarea{width:100%;min-height:72px;max-height:180px;resize:vertical;background:transparent;border:0;color:var(--text);font:15px Geist,Arial,sans-serif;line-height:1.5;outline:0}.live-compose .compose-tools label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.live-compose select{background:#232424;border:1px solid #3b3d3d;border-radius:7px;color:var(--text);padding:7px 10px}.live-compose output{margin-left:auto;color:#e5a8a3;font-size:12px}.live-assistant-message{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:760px){.access-gate{grid-template-columns:1fr;padding:40px 24px;gap:40px;align-content:start}.access-copy h1{font-size:48px;margin:48px 0 20px}.access-copy>p{font-size:17px}.access-principles{gap:12px;flex-wrap:wrap;margin-top:36px}.access-credit{display:none}.access-mobile-credit{display:block}.access-card{padding:28px 24px;justify-self:stretch;max-width:none}.access-card h2{font-size:30px}}
@media(max-width:760px){.scene[data-scene="team"] .two-col{gap:14px}.scene[data-scene="team"] .two-col>.panel{display:flex;flex-direction:column}.scene[data-scene="team"] .live-messages{min-height:132px;max-height:180px}.scene[data-scene="team"] .collaboration-empty{padding:24px 16px}.scene[data-scene="team"] .field{flex:none}.scene[data-scene="team"] .panel-title{margin-bottom:12px}.scene[data-scene="team"] .micro.space{margin-top:10px}.live-compose textarea{min-height:62px}.live-compose .compose-tools{flex-wrap:wrap}.live-compose output{order:3;width:100%;margin:0}}
.film-footer .disclosure{display:none}.film-footer{justify-content:flex-end;bottom:12px;left:24px;right:28px;font-size:12px}.film-footer .brand{font-size:16px}
.agent-profile-dialog{width:680px;max-width:90%;padding:32px}.agent-profile-dialog>img{width:148px;height:148px;object-fit:cover;border-radius:12px;float:left;margin:0 28px 24px 0}.agent-profile-dialog>h2{font-size:32px;margin-top:12px}.agent-profile-dialog>p.gold{font-size:19px;color:var(--text)}.agent-profile-dialog>p:not(.gold){clear:both;font-size:17px;line-height:1.65}.agent-role-boundary{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}.agent-role-boundary p{font-size:14px;color:var(--second);line-height:1.6;margin-top:8px}.agent-profile-dialog>small{display:block;color:var(--muted);margin-top:16px}
.admin-profile-control{display:grid;gap:6px;font-size:12px;color:var(--muted)}.admin-profile-control select{background:#202223;color:var(--text);border:1px solid var(--line);padding:10px 12px;border-radius:8px;min-width:240px;font-size:14px}
.admin-profile{display:flex;align-items:center;gap:20px;padding:24px 0}.admin-monogram{width:64px;height:64px;border-radius:50%;background:#303536;display:grid;place-items:center;font-size:22px;color:var(--text)}.admin-profile h2{font-size:28px;line-height:1.2}.admin-profile p{margin-top:6px;color:var(--second);font-size:15px}.admin-scope{margin-left:auto;display:grid;gap:8px;text-align:right}.admin-scope b{font-size:22px;font-weight:500}.admin-scope span{font-size:13px;color:var(--second)}
.admin-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px}.admin-tabs button{padding:12px 0;border:0;background:none;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;font-size:15px}.admin-tabs button.selected{color:var(--text);border-bottom-color:var(--text)}
.admin-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-company{padding:24px;border:1px solid var(--line);border-radius:12px;background:#17191a}.admin-company.restricted{opacity:.58}.admin-company-logo{height:40px;display:flex;align-items:center;margin-bottom:16px}.admin-company-logo img{max-width:180px;max-height:34px;object-fit:contain;object-position:left center}.admin-company h3{font-size:17px}.admin-company p{font-size:12px;color:var(--muted);margin:8px 0 12px}.admin-company>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--second)}.admin-company.granted>span>.icon{color:var(--green)}
.admin-boundary{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-top:1px solid var(--line);margin-top:24px}.admin-boundary b{font-size:14px;font-weight:500}.admin-boundary p,.admin-demo-note{font-size:12px;color:var(--muted);line-height:1.6}.admin-boundary p{margin-top:8px}
.admin-permission-list>div{display:flex;align-items:start;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.admin-permission-list section{flex:1}.admin-permission-list h3{font-size:18px}.admin-permission-list p{font-size:14px;color:var(--second);margin-top:8px}.admin-permission-list b{font-size:13px;font-weight:500;max-width:200px;text-align:right;color:var(--second)}
.admin-security{display:grid;grid-template-columns:1fr 1fr;gap:40px}.admin-security h3{font-size:20px;margin-bottom:20px}.admin-security dl>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.admin-security dd{color:var(--second);text-align:right}.admin-security ol{list-style:none;padding:0}.admin-security li{display:grid;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.admin-security li b{font-size:15px;font-weight:500}.admin-security li span,.admin-security p{font-size:13px;color:var(--second);line-height:1.6}.admin-security p{margin-top:24px}
.page-title h2 .official-company-logo{height:40px;width:auto;max-width:260px;object-fit:contain;object-position:left center}.cs-company-tabs .official-company-logo{height:22px;max-width:130px}
@media(min-width:901px){.scene{padding:20px 24px 40px}.scene>.app-frame{height:1020px;grid-template-columns:244px 1fr}.sidebar{gap:20px}.scene>.phone-scene{height:980px}.scene>.reveal,.scene>.close-layout{height:1020px}.scene .content{max-height:none}.app-top .working-model{white-space:nowrap;font-size:11px}.scene[data-scene="administration"] .content{padding:28px 36px}.scene[data-scene="administration"] .page-title{margin-bottom:0}}
@media(max-width:900px){.mode-control select{font-size:19px!important}.admin-profile-control{width:100%}.admin-profile-control select{min-width:0;width:100%}.admin-profile{flex-wrap:wrap;gap:12px}.admin-profile h2{font-size:24px}.admin-scope{margin:0;width:100%;text-align:left}.admin-tabs{gap:16px;overflow:auto}.admin-tabs button{white-space:nowrap;font-size:12px}.admin-company-grid,.admin-security{grid-template-columns:1fr}.admin-permission-list>div{flex-wrap:wrap}.admin-permission-list b{margin-left:34px;text-align:left;max-width:none}.agent-profile-dialog{padding:24px}.agent-profile-dialog>img{width:80px;height:80px;margin-right:16px}.agent-profile-dialog>h2{font-size:24px}.agent-profile-dialog>p.gold{font-size:15px}.agent-profile-dialog>p:not(.gold){font-size:14px}}

.company-switch button{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 16px}.company-switch .official-company-logo{height:24px;max-width:128px;object-fit:contain}.company-switch .unresolved-company-name{font-size:14px}