:root {
  --bg: #07090d;
  --panel: #0b0f15;
  --panel-2: #101620;
  --line: rgba(255, 255, 255, .1);
  --line-soft: rgba(255, 255, 255, .055);
  --text: #f4f7f8;
  --muted: #8d98a6;
  --cyan: #68f5cf;
  --blue: #64a8ff;
  --violet: #8a7cff;
  --amber: #ffc36b;
  --danger: #ff7d8d;
  --sans: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace;
  --content: min(88vw, 1600px);
}

* { box-sizing: border-box; }
html { background: var(--bg); color-scheme: dark; scroll-behavior: smooth; }
body { min-width: 1120px; margin: 0; overflow: hidden; background: var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body.workspace-open { overflow: hidden; }
button, input, textarea, select { color: inherit; font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; }
[hidden] { display: none !important; }
::selection { background: rgba(104, 245, 207, .25); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }

.topbar {
  position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 68px; padding: 0 5.5vw;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease, height .25s ease;
}
.topbar.scrolled { height: 58px; border-color: var(--line); background: rgba(7, 9, 13, .88); backdrop-filter: blur(20px); }
.brand { justify-self: start; display: inline-flex; align-items: center; gap: 9px; font-weight: 720; letter-spacing: -.02em; }
.brand img { width: 34px; height: 28px; object-fit: contain; }
.brand span { font-size: 17px; }
.topnav { justify-self: center; display: flex; align-items: center; gap: clamp(22px, 2.2vw, 38px); }
.topnav a { position: relative; padding: 9px 0; color: #9aa3ad; font-size: 12px; transition: color .2s ease; }
.topnav a::after { content: ""; position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; background: var(--cyan); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.topnav a:hover, .topnav a.active { color: #fff; }
.topnav a.active::after { transform: scaleX(1); transform-origin: left; }
.top-actions { justify-self: end; display: flex; align-items: center; gap: 5px; }
.top-actions button { border: 0; background: transparent; }
.top-actions .primary { border: 1px solid var(--cyan); background: var(--cyan); }
.language { width: 32px; height: 32px; color: var(--muted); font-size: 11px; }
.login { padding: 8px 10px; color: #c7cdd3; font-size: 12px; }
.primary {
  min-height: 46px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 20px;
  border: 1px solid var(--cyan); border-radius: 2px; background: var(--cyan); color: #07110e; font-size: 13px; font-weight: 700;
  box-shadow: 0 0 28px rgba(104, 245, 207, .12); transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.primary:hover { transform: translateY(-2px); box-shadow: 0 10px 38px rgba(104, 245, 207, .2); }
.primary--small { min-height: 34px; padding: 0 14px; gap: 12px; font-size: 11px; }
.text-action { min-height: 42px; padding: 0 2px; display: inline-flex; align-items: center; gap: 18px; border: 0; border-bottom: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; font-size: 13px; }

.page { height: 100svh; overflow-y: auto; overflow-x: hidden; scroll-snap-type: y mandatory; scrollbar-width: none; }
.page::-webkit-scrollbar { display: none; }
.screen { position: relative; height: 100svh; min-height: 640px; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; }
.screen-inner { width: var(--content); height: 100%; margin: 0 auto; padding: clamp(86px, 10vh, 116px) 0 clamp(28px, 4vh, 54px); display: flex; flex-direction: column; }
.screen-rail { position: fixed; z-index: 48; right: 22px; top: 50%; display: grid; gap: 10px; transform: translateY(-50%); }
.screen-rail button { position: relative; width: 22px; height: 7px; padding: 0; border: 0; background: transparent; }
.screen-rail button::before { content: ""; position: absolute; right: 0; top: 3px; width: 7px; height: 1px; background: rgba(255,255,255,.35); transition: width .25s ease, background .25s ease; }
.screen-rail button.active::before { width: 22px; background: var(--cyan); }
.screen-rail button span { position: absolute; right: 32px; top: -5px; width: max-content; color: var(--muted); opacity: 0; font: 8px var(--mono); letter-spacing: .12em; transition: opacity .2s ease; }
.screen-rail button:hover span { opacity: 1; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }
.section-head { flex: 0 0 auto; display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 8vw; }
.section-head--tight { grid-template-columns: 1.2fr .8fr; }
.section-no { margin: 0 0 16px; color: var(--cyan); font: 9px var(--mono); letter-spacing: .18em; }
.section-head h2 { margin: 0; font-size: clamp(38px, 4.25vw, 72px); font-weight: 540; line-height: 1.04; letter-spacing: -.055em; }
.section-head h2 span { color: #75808d; }
.section-head > p, .enterprise-intro p { max-width: 600px; margin: 0 0 4px; color: var(--muted); font-size: clamp(13px, 1vw, 16px); line-height: 1.75; }

/* Hero */
.hero { padding: 108px 5.5vw 0; isolation: isolate; text-align: center; }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background: radial-gradient(circle at 50% 104%,rgba(20,191,165,.2),transparent 34%),radial-gradient(circle at 73% 90%,rgba(67,137,255,.19),transparent 34%),linear-gradient(145deg,#fbfdfd,#edf5f6 54%,#eef3fb); }
.signal-canvas { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; opacity: .27; mask-image: linear-gradient(#000 0 42%,transparent 80%); }
.hero-copy { position: relative; z-index: 3; max-width: 1220px; margin: 0 auto; }
.signal-label { margin: 0 0 20px; color: #50646d; font: 9px var(--mono); letter-spacing: .17em; }
.signal-label i { display: inline-block; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
.hero h1 { margin: 0; font-size: clamp(58px, 6.15vw, 104px); font-weight: 560; line-height: .94; letter-spacing: -.072em; }
.hero h1 span { display: inline-block; color: transparent; background: linear-gradient(98deg,#10242d 5%,#10aa91 48%,#3c7ff1 92%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 780px; margin: 24px auto 0; color: #5c7079; font-size: clamp(15px, 1.06vw, 18px); line-height: 1.75; }
.hero-actions { margin-top: 28px; display: flex; align-items: center; justify-content: center; gap: 30px; }
.hero-actions .primary { border: 0; border-radius: 12px; background: linear-gradient(105deg,#13b89f,#4b91f4); color: #fff; box-shadow: 0 14px 34px rgba(38,132,156,.2); }
.hero-actions .text-action { padding-inline: 12px; border: 0; }
.hero-field { position: absolute; z-index: 1; top: clamp(430px,55vh,820px); left: 50%; width: min(90vw,1500px); height: 520px; transform: translateX(-50%); }
.hero-orbit { position: absolute; inset: 0; transition: transform .45s cubic-bezier(.2,.8,.2,1); transform-style: preserve-3d; }
.field-glow { position: absolute; top: 70px; left: 50%; width: 92%; height: 430px; border-radius: 50%; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 4%,rgba(255,255,255,.98) 0 5%,rgba(40,213,181,.36) 14%,rgba(82,139,255,.24) 31%,rgba(236,244,250,.16) 57%,transparent 71%); filter: saturate(112%); box-shadow: 0 -42px 95px rgba(20,191,165,.12); }
.field-glow::after { content: ""; position: absolute; inset: 16px 10%; border-radius: 50%; padding: 1px; background: conic-gradient(from 210deg,transparent 0 12%,rgba(20,191,165,.54),rgba(67,137,255,.42),transparent 62%); mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); animation: orbit 26s linear infinite; opacity: .64; }
.field-core { position: absolute; z-index: 2; top: 24px; left: 50%; width: 138px; height: 138px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.88); box-shadow: 0 25px 70px rgba(35,85,105,.16),inset 0 0 0 1px rgba(255,255,255,.8); transform: translateX(-50%); backdrop-filter: blur(18px); }
.field-core img { width: 62px; height: 50px; object-fit: contain; }
.field-core strong { margin-top: -7px; color: #17323c; font-size: 14px; }
.field-core small { margin-top: 5px; color: #70848d; font: 7px var(--mono); letter-spacing: .1em; }
.field-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; color: #405a65; font-size: 11px; font-weight: 620; letter-spacing: .04em; text-shadow: 0 1px 8px rgba(255,255,255,.8); }
.field-node i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 6px rgba(20,191,165,.1); }
.field-node--model { top: 182px; left: 10%; }
.field-node--knowledge { top: 108px; left: 28%; }
.field-node--system { top: 108px; right: 28%; }
.field-node--govern { top: 182px; right: 10%; }
.field-node--system i, .field-node--govern i { background: var(--blue); box-shadow: 0 0 0 6px rgba(67,137,255,.1); }
.field-status { position: absolute; z-index: 3; top: 204px; left: 50%; width: min(58vw,780px); min-height: 72px; padding: 14px 86px 14px 20px; display: grid; align-content: center; text-align: left; border-radius: 18px; background: rgba(255,255,255,.86); box-shadow: 0 18px 52px rgba(41,80,96,.13); transform: translateX(-50%); backdrop-filter: blur(18px); }
.field-status span { color: #15947f; font: 7px var(--mono); letter-spacing: .14em; }
.field-status span i { display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px rgba(20,191,165,.7); }
.field-status p { margin: 7px 0 0; color: #36505a; font-size: 12px; }
.field-status b { position: absolute; right: 20px; top: 50%; color: #226b71; font: 9px var(--mono); letter-spacing: .1em; transform: translateY(-50%); }

/* Platform */
.platform { background: #0a0d12; }
.platform::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%); }
.platform-console { flex: 1 1 auto; min-height: 0; margin-top: clamp(30px, 5vh, 58px); display: grid; grid-template-columns: .68fr 1.32fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.console-index { padding: clamp(24px,3vw,50px); display: flex; flex-direction: column; border-right: 1px solid var(--line); background: radial-gradient(circle at 20% 20%,rgba(100,168,255,.12),transparent 40%); }
.console-index p { margin: 0; color: var(--cyan); font: 8px var(--mono); letter-spacing: .15em; }
.console-index strong { margin-top: auto; margin-bottom: auto; max-width: 420px; font-size: clamp(26px,2.6vw,44px); font-weight: 480; line-height: 1.18; letter-spacing: -.04em; }
.console-status { width: max-content; padding: 8px 10px; border: 1px solid var(--line); color: #8e99a4; font: 8px var(--mono); letter-spacing: .12em; }
.console-status i { display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px var(--cyan); }
.capability-stack { display: grid; grid-template-rows: repeat(4,1fr); }
.capability-stack article { padding: 0 clamp(22px,2.4vw,42px); display: grid; grid-template-columns: 42px .62fr 1fr 20px; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); transition: background .25s ease, padding-left .25s ease; }
.capability-stack article:last-child { border: 0; }
.capability-stack article:hover { padding-left: clamp(30px,3vw,54px); background: linear-gradient(90deg,rgba(104,245,207,.075),transparent); }
.capability-stack article > b { color: #56616c; font: 10px var(--mono); }
.capability-stack article div span { color: var(--cyan); font: 7px var(--mono); letter-spacing: .13em; }
.capability-stack h3 { margin: 6px 0 0; font-size: clamp(17px,1.45vw,25px); font-weight: 520; }
.capability-stack p { color: var(--muted); font-size: 12px; }
.capability-stack article > i { color: #65717d; font-style: normal; }
.platform-proof { flex: 0 0 auto; display: grid; grid-template-columns: repeat(4,1fr); }
.platform-proof span { padding: 18px 0 0 18px; border-left: 1px solid var(--line); }
.platform-proof i, .platform-proof b { display: block; }
.platform-proof i { color: #68737e; font: 7px var(--mono); letter-spacing: .14em; }
.platform-proof b { margin-top: 7px; font-size: 11px; font-weight: 500; }

/* Industries */
.industries { background: linear-gradient(135deg,#080b10,#0b1019); }
.industry-system { flex: 1 1 auto; min-height: 0; margin-top: clamp(26px,4vh,48px); display: grid; grid-template-columns: minmax(250px,.55fr) minmax(680px,1.45fr); border: 1px solid var(--line); }
.industry-tabs { display: grid; grid-template-rows: repeat(4,1fr); border-right: 1px solid var(--line); }
.industry-tabs button { position: relative; padding: 0 clamp(18px,2.1vw,36px); display: grid; grid-template-columns: 36px 1fr; grid-template-rows: auto auto; align-content: center; gap: 4px 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; transition: background .25s ease; }
.industry-tabs button:last-child { border: 0; }
.industry-tabs button::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--cyan); transform: scaleY(0); transition: transform .3s ease; }
.industry-tabs button.active { background: linear-gradient(90deg,rgba(104,245,207,.08),transparent); }
.industry-tabs button.active::before { transform: scaleY(1); }
.industry-tabs i { grid-row: 1/3; color: #56616c; font: 9px var(--mono); font-style: normal; }
.industry-tabs span { font-size: clamp(14px,1.15vw,19px); }
.industry-tabs small { color: #606b77; font: 7px var(--mono); letter-spacing: .12em; }
.industry-tabs button.active i, .industry-tabs button.active small { color: var(--cyan); }
.industry-display { position: relative; min-width: 0; overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; }
.industry-display::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 48px 48px; }
.industry-display.changing::after { content: ""; position: absolute; z-index: 8; top: 0; bottom: 0; width: 30%; background: linear-gradient(90deg,transparent,rgba(104,245,207,.34),transparent); animation: scan-change .55s ease both; }
.industry-copy { position: relative; z-index: 2; padding: clamp(30px,4vw,70px); display: flex; flex-direction: column; justify-content: center; }
.industry-copy > p:first-child { margin: 0; color: var(--cyan); font: 8px var(--mono); letter-spacing: .14em; }
.industry-copy h3 { max-width: 630px; margin: 22px 0; font-size: clamp(30px,3.15vw,52px); font-weight: 500; line-height: 1.1; letter-spacing: -.045em; }
.industry-copy > p:nth-child(3) { max-width: 600px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.industry-tags { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 7px; }
.industry-tags span { padding: 7px 9px; border: 1px solid var(--line); color: #a6afb8; font-size: 9px; }
.industry-radar { position: relative; min-width: 0; display: grid; place-items: center; }
.radar-rings { position: absolute; width: min(74%,420px); aspect-ratio: 1; }
.radar-rings i { position: absolute; inset: 0; border: 1px solid rgba(100,168,255,.17); border-radius: 50%; }
.radar-rings i:nth-child(2) { inset: 17%; }
.radar-rings i:nth-child(3) { inset: 34%; border-color: rgba(104,245,207,.24); }
.radar-rings::before, .radar-rings::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.09); }
.radar-rings::after { left: 0; right: 0; top: 50%; width: auto; height: 1px; }
.radar-core { position: relative; z-index: 3; width: 132px; height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(104,245,207,.28); border-radius: 50%; background: #0a1016; box-shadow: 0 0 60px rgba(104,245,207,.12); }
.radar-core img { width: 58px; }
.radar-core b { font-size: 13px; }
.radar-core small { margin-top: 5px; color: #62707d; font: 6px var(--mono); letter-spacing: .12em; }
.radar-nodes { position: absolute; inset: 10%; }
.radar-nodes span { position: absolute; min-width: 68px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.11); background: rgba(10,15,22,.95); color: #aab3bd; font-size: 9px; text-align: center; }
.radar-nodes span:nth-child(1) { left: 5%; top: 17%; }.radar-nodes span:nth-child(2) { right: 10%; top: 7%; }.radar-nodes span:nth-child(3) { right: 0; top: 47%; }.radar-nodes span:nth-child(4) { right: 12%; bottom: 5%; }.radar-nodes span:nth-child(5) { left: 10%; bottom: 6%; }.radar-nodes span:nth-child(6) { left: 0; top: 50%; }
.radar-scan { position: absolute; width: min(68%,380px); aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 0deg,transparent 0 78%,rgba(104,245,207,.16) 95%,rgba(104,245,207,.34)); mask-image: radial-gradient(circle,transparent 0 3%,#000 5%); animation: orbit 5s linear infinite; }
.solution-line { flex: 0 0 auto; height: 54px; display: flex; align-items: center; gap: clamp(12px,1.6vw,28px); border-bottom: 1px solid var(--line); color: #a1abb5; font-size: 10px; white-space: nowrap; }
.solution-line > span { color: var(--cyan); font: 7px var(--mono); letter-spacing: .12em; }
.solution-line b { font-weight: 500; }
.solution-line i { flex: 1; height: 1px; max-width: 42px; background: var(--line); }

/* Models */
.models { background: #07090d; }
.model-workbench { flex: 1 1 auto; min-height: 0; margin-top: clamp(25px,4vh,46px); display: grid; grid-template-columns: .52fr 1.1fr .56fr; border: 1px solid var(--line); }
.mission-rail, .route-monitor { padding: clamp(20px,2vw,34px); background: #0b0f15; }
.mission-rail { display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.mission-title > span, .route-head span { color: var(--cyan); font: 7px var(--mono); letter-spacing: .14em; }
.mission-title b, .mission-title small { display: block; }
.mission-title b { margin-top: 16px; font-size: clamp(18px,1.5vw,25px); }
.mission-title small { margin-top: 8px; color: var(--muted); font-size: 10px; }
.mission-steps { margin-top: 26px; display: grid; gap: 0; }
.mission-steps span { position: relative; min-height: 58px; padding-left: 36px; display: flex; align-items: center; border-left: 1px solid var(--line); color: #66717c; font-size: 11px; }
.mission-steps i { position: absolute; left: -13px; width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #0b0f15; color: #65717d; font: 7px var(--mono); font-style: normal; }
.mission-steps .done { color: #b8c0c8; }.mission-steps .done i { border-color: rgba(104,245,207,.32); color: var(--cyan); }.mission-steps .active { color: #fff; }.mission-steps .active i { border-color: var(--cyan); background: var(--cyan); color: #07110e; box-shadow: 0 0 17px rgba(104,245,207,.25); }
.mission-rail > button { margin-top: auto; height: 38px; border: 1px solid var(--line); background: transparent; color: #bec5cc; font-size: 10px; }
.model-dialogue { min-width: 0; padding: clamp(18px,2vw,32px); display: flex; flex-direction: column; background: linear-gradient(150deg,rgba(100,168,255,.055),transparent 38%); }
.dialogue-head { display: flex; align-items: center; justify-content: space-between; color: #9fa8b2; font: 8px var(--mono); letter-spacing: .1em; }
.dialogue-head span { display: flex; align-items: center; gap: 8px; }.dialogue-head img { width: 28px; }.dialogue-head b { color: #8d98a4; font-weight: 500; }.dialogue-head b i { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: var(--cyan); }
.question { align-self: flex-end; max-width: 74%; margin-top: 22px; padding: 12px 15px; background: #18202b; color: #e3e7eb; font-size: 12px; line-height: 1.55; }
.process { margin: 20px 0 12px 40px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.process span { color: #727d88; font: 7px var(--mono); letter-spacing: .1em; }.process i { padding: 5px 7px; border: 1px solid rgba(104,245,207,.16); color: #91a19d; font-size: 8px; font-style: normal; }
.answer { max-width: 88%; display: grid; grid-template-columns: 28px 1fr; gap: 12px; }.answer img { width: 28px; }.answer p { margin: 0; color: #b9c1c9; font-size: 12px; line-height: 1.75; }.answer strong { color: #fff; font-weight: 600; }
.dialogue-input { margin-top: auto; height: 54px; padding-left: 16px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.14); background: #090c11; color: #5f6a75; font-size: 11px; }
.dialogue-input button { align-self: stretch; width: 52px; border: 0; background: var(--cyan); color: #06100d; font-size: 17px; }
.route-monitor { display: flex; flex-direction: column; border-left: 1px solid var(--line); }
.route-head { display: flex; justify-content: space-between; }.route-head b { color: #67727d; font: 7px var(--mono); font-weight: 500; }
.route-core { margin: 28px 0; display: flex; align-items: center; justify-content: center; gap: 8px; }.route-core span, .route-core b { padding: 7px; border: 1px solid var(--line); font-size: 8px; font-weight: 500; }.route-core b { border-color: rgba(104,245,207,.3); color: var(--cyan); }.route-core i { flex: 1; max-width: 25px; height: 1px; background: var(--line); }
.route-monitor ul { margin: 0; padding: 0; list-style: none; }.route-monitor li { padding: 12px 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); color: #a9b1b9; font-size: 9px; }.route-monitor li b { color: var(--cyan); font: 6px var(--mono); }
.route-monitor > button { margin-top: auto; min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border: 1px solid var(--cyan); background: transparent; color: var(--cyan); font-size: 9px; }
.vendor-marquee { flex: 0 0 auto; height: 58px; overflow: hidden; border-bottom: 1px solid var(--line); mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.vendor-track { width: max-content; height: 100%; display: flex; align-items: center; animation: marquee 34s linear infinite; }
.vendor-track > span { height: 100%; padding: 0 28px; display: flex; align-items: center; gap: 9px; border-right: 1px solid var(--line); color: #a8b0b9; font-size: 11px; white-space: nowrap; }
.vendor-track img, .vendor-track i { width: 17px; height: 17px; object-fit: contain; opacity: .78; }.vendor-track img { filter: grayscale(1) invert(1); }.vendor-track i { display: grid; place-items: center; font-size: 9px; font-style: normal; }

/* Enterprise */
.enterprise { background: #090c11; }
.enterprise-glow { position: absolute; width: 900px; height: 900px; right: -400px; top: -350px; border-radius: 50%; background: radial-gradient(circle,rgba(93,86,255,.12),transparent 64%); }
.enterprise-intro { display: grid; gap: 12px; justify-items: start; }
.enterprise-blueprint { position: relative; flex: 1 1 auto; min-height: 0; margin-top: clamp(28px,4.5vh,52px); display: grid; grid-template-columns: 1fr .65fr 1fr; border: 1px solid var(--line); background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 42px 42px; }
.blueprint-source, .blueprint-output { padding: clamp(20px,2.4vw,40px); display: grid; grid-template-rows: auto repeat(4,1fr); gap: 0; background: rgba(8,11,16,.75); }
.blueprint-source { border-right: 1px solid var(--line); }.blueprint-output { border-left: 1px solid var(--line); }
.blueprint-source > span, .blueprint-output > span { padding-bottom: 14px; color: var(--cyan); font: 7px var(--mono); letter-spacing: .15em; }
.blueprint-source article, .blueprint-output article { min-height: 0; padding: 10px 0; display: grid; grid-template-columns: 36px 1fr; align-content: center; border-top: 1px solid var(--line); }
.blueprint-source article i { grid-row: 1/3; color: #57626e; font: 8px var(--mono); font-style: normal; }.blueprint-source article b, .blueprint-output article b { font-size: 12px; font-weight: 560; }.blueprint-source article small, .blueprint-output article small { margin-top: 5px; color: #6f7a85; font-size: 8px; }
.blueprint-output article { position: relative; grid-template-columns: 1fr 20px; }.blueprint-output article small { grid-column: 1; }.blueprint-output article i { position: absolute; right: 0; top: 50%; color: #66727d; font-style: normal; }
.blueprint-core { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; text-align: center; }
.blueprint-core::before, .blueprint-core::after { content: ""; position: absolute; top: 50%; width: 20%; height: 1px; background: linear-gradient(90deg,transparent,var(--cyan)); }.blueprint-core::before { left: 0; }.blueprint-core::after { right: 0; transform: rotate(180deg); }
.core-coordinate { position: absolute; width: min(72%,300px); aspect-ratio: 1; border: 1px solid rgba(104,245,207,.18); border-radius: 50%; animation: orbit 24s linear infinite; }
.core-coordinate i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }.core-coordinate i:nth-child(1){left:50%;top:-3px}.core-coordinate i:nth-child(2){right:-3px;top:50%}.core-coordinate i:nth-child(3){left:50%;bottom:-3px}.core-coordinate i:nth-child(4){left:-3px;top:50%}
.blueprint-core img { position: relative; width: 90px; }.blueprint-core > span { position: relative; margin-top: 8px; color: var(--cyan); font: 7px var(--mono); letter-spacing: .14em; }.blueprint-core strong { position: relative; margin-top: 12px; font-size: clamp(13px,1.2vw,19px); }.blueprint-core small { position: relative; margin-top: 9px; color: #6d7883; font-size: 8px; }
.delivery-flow { flex: 0 0 auto; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5,1fr); list-style: none; }
.delivery-flow li { position: relative; min-height: 76px; padding: 16px 18px; display: grid; grid-template-columns: 28px 1fr; align-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.delivery-flow li:last-child { border-right: 0; }.delivery-flow li > i { color: var(--cyan); font: 8px var(--mono); font-style: normal; }.delivery-flow span b, .delivery-flow span small { display: block; }.delivery-flow span b { font-size: 10px; }.delivery-flow span small { margin-top: 5px; color: #69747f; font-size: 8px; }

/* About */
.about { background: #06080b; }
.about-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
.about::after { content: ""; position: absolute; right: 8%; top: 16%; width: 34vw; height: 34vw; border: 1px solid rgba(104,245,207,.08); border-radius: 50%; box-shadow: 0 0 0 6vw rgba(104,245,207,.018),0 0 0 12vw rgba(100,168,255,.012); }
.about-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 1fr auto auto; gap: 0 5vw; }
.about-main { align-self: center; }.about-main h2 { max-width: 1000px; margin: 0; font-size: clamp(46px,5.3vw,88px); font-weight: 520; line-height: 1.03; letter-spacing: -.06em; }.about-main h2 span { color: #75808b; }.about-main > p:nth-of-type(2) { max-width: 720px; margin: 30px 0 0; color: var(--muted); font-size: 15px; line-height: 1.85; }.about-actions { margin-top: 36px; display: flex; gap: 28px; align-items: center; }
.about-principles { align-self: center; border-top: 1px solid var(--line); }.about-principles article { padding: 24px 0; display: grid; grid-template-columns: 44px 1fr; border-bottom: 1px solid var(--line); }.about-principles article i { color: var(--cyan); font: 9px var(--mono); font-style: normal; }.about-principles b { font-size: 15px; }.about-principles p { margin: 7px 0 0; color: var(--muted); font-size: 11px; }
.about-signature { grid-column: 1/3; min-height: 110px; padding: 0 28px; display: grid; grid-template-columns: 1fr 1.3fr auto; align-items: center; border: 1px solid var(--line); background: rgba(11,15,21,.7); }.about-signature > div { display: flex; align-items: center; gap: 12px; }.about-signature img { width: 54px; }.about-signature div span small, .about-signature div span strong { display: block; }.about-signature div span small { color: #68737e; font: 7px var(--mono); letter-spacing: .12em; }.about-signature div span strong { margin-top: 4px; font-size: 18px; }.about-signature blockquote { margin: 0; color: #d9dee3; font-size: clamp(17px,1.6vw,25px); }.about-signature button { min-height: 42px; padding: 0 16px; border: 1px solid var(--cyan); background: transparent; color: var(--cyan); font-size: 10px; }
.footer { grid-column: 1/3; min-height: 46px; display: flex; align-items: end; justify-content: space-between; color: #4e5862; font: 7px var(--mono); letter-spacing: .1em; }

/* Workspace */
.workspace { position: fixed; z-index: 100; inset: 0; width: 100vw; max-width: none; height: 100svh; max-height: none; margin: 0; padding: 0; display: none; grid-template-columns: 238px minmax(0,1fr); border: 0; background: #07090d; color: #e9edf1; }
.workspace[open] { display: grid; }
.workspace::backdrop { background: #07090d; }
.workspace-sidebar { min-width: 0; padding: 0 14px 14px; display: flex; flex-direction: column; border-right: 1px solid #202630; background: #090c11; }
.workspace-brand { height: 66px; padding: 0 8px; display: flex; align-items: center; gap: 8px; border: 0; border-bottom: 1px solid #202630; background: transparent; text-align: left; }.workspace-brand img { width: 35px; }.workspace-brand span { font-size: 16px; font-weight: 700; }.workspace-brand i { margin-left: auto; color: #53606d; font: 7px var(--mono); font-style: normal; }
.workspace-org { margin: 14px 0 18px; padding: 11px; display: grid; grid-template-columns: 34px 1fr 10px; align-items: center; gap: 9px; border: 1px solid #222a34; background: #0d1219; }.workspace-org > span { width: 32px; height: 32px; display: grid; place-items: center; background: linear-gradient(135deg,#62efca,#5b8dff); color: #08100f; font-size: 12px; font-weight: 800; }.workspace-org div b,.workspace-org div small { display:block; }.workspace-org div b{font-size:11px}.workspace-org div small{margin-top:3px;color:#65717d;font-size:8px}.workspace-org > i{color:#626d78;font-style:normal}
.workspace-nav { display: grid; gap: 3px; }.workspace-nav button { height: 42px; padding: 0 10px; display: grid; grid-template-columns: 25px 1fr auto; align-items: center; border: 0; border-left: 2px solid transparent; background: transparent; color: #77838f; text-align: left; font-size: 11px; transition: color .2s, background .2s; }.workspace-nav button:hover,.workspace-nav button.active{border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(104,245,207,.1),transparent);color:#eef2f4}.workspace-nav button > i{font-size:15px;font-style:normal}.workspace-nav button > b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:#252d37;color:#aab3bc;font-size:8px}
.workspace-sidefoot { margin-top: auto; }.workspace-sidefoot > span { display: block; padding: 10px; border-top: 1px solid #202630; color:#65717d;font:7px var(--mono);letter-spacing:.08em}.workspace-sidefoot > span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--cyan)}.workspace-sidefoot > button{width:100%;height:36px;padding:0 10px;border:0;background:transparent;color:#66727d;text-align:left;font-size:9px}.workspace-sidefoot > div{padding:10px;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;border:1px solid #202630;background:#0d1218}.workspace-sidefoot > div > b{width:28px;height:28px;display:grid;place-items:center;background:#17202a;color:var(--cyan);font-size:10px}.workspace-sidefoot div span strong,.workspace-sidefoot div span small{display:block}.workspace-sidefoot div span strong{font-size:9px}.workspace-sidefoot div span small{margin-top:3px;color:#63707c;font-size:7px}.workspace-sidefoot div > i{color:#5c6671;font-size:7px;font-style:normal}
.workspace-main { min-width: 0; height: 100svh; display: grid; grid-template-rows: 58px minmax(0,1fr); background: #0b0f14; }
.workspace-topbar { padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #202630; background: rgba(11,15,20,.95); }.workspace-topbar > div{display:flex;align-items:center;gap:10px}.workspace-topbar button{border:0;background:transparent;color:#8b96a1;font-size:9px}.workspace-topbar > div:first-child i{width:1px;height:16px;background:#252d37}.workspace-topbar span{color:#75818c;font-size:9px}.workspace-topbar b{padding:4px 6px;border:1px solid #28313b;color:#66737f;font:6px var(--mono)}.workspace-topbar label{color:#66727e;font-size:8px}.workspace-topbar select{height:30px;padding:0 25px 0 9px;border:1px solid #29323c;border-radius:0;background:#0d1218;color:#c7cdd3;font-size:9px}.workspace-topbar .workspace-create{height:32px;padding:0 13px;background:var(--cyan);color:#07110e;font-weight:700}
.workspace-content { min-height: 0; overflow: auto; }.workspace-view{min-height:100%;padding:clamp(22px,2.3vw,38px);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px}.workspace-view.active{display:block}.view-head{display:flex;align-items:end;justify-content:space-between}.view-head p{margin:0;color:var(--cyan);font:7px var(--mono);letter-spacing:.14em}.view-head h1{margin:7px 0 0;font-size:clamp(27px,2.5vw,40px);font-weight:520;letter-spacing:-.04em}.view-head small{display:block;margin-top:7px;color:#697580;font-size:10px}.view-head-actions{display:flex;gap:7px}.view-head-actions button{height:34px;padding:0 12px;border:1px solid #29323d;background:#0f141b;color:#aeb6be;font-size:9px}.view-head-actions button:last-child{border-color:rgba(104,245,207,.35);background:rgba(104,245,207,.08);color:var(--cyan)}
.command-bar{position:relative;margin-top:20px;padding:15px 15px 42px 165px;display:grid;grid-template-columns:1fr 76px;border:1px solid #27303a;background:linear-gradient(110deg,rgba(100,168,255,.1),#0d1218 35%)}.command-bar > span{position:absolute;left:18px;top:19px;display:flex;align-items:center;gap:8px;color:#74808b;font:7px var(--mono);letter-spacing:.1em}.command-bar > span img{width:26px}.command-bar input{min-width:0;height:42px;padding:0 14px;border:1px solid #2a343f;border-right:0;background:#090d12;color:#d7dce1;outline:0;font-size:11px}.command-bar > button{border:0;background:var(--cyan);color:#07110e;font-size:10px;font-weight:700}.command-bar > div{position:absolute;left:165px;bottom:12px;display:flex;gap:7px;align-items:center}.command-bar > div i{color:#5f6b77;font:7px var(--mono);font-style:normal}.command-bar > div button{padding:0;border:0;background:transparent;color:#6f7b86;font-size:8px}
.overview-grid{height:calc(100svh - 345px);min-height:430px;margin-top:16px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1.08fr .92fr;gap:12px}.workspace-card{border:1px solid #252d37;background:rgba(13,18,24,.94)}.workspace-card > header{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232b35}.workspace-card header span{color:#68747f;font:6px var(--mono);letter-spacing:.12em}.workspace-card header h3{margin:4px 0 0;font-size:12px}.workspace-card header button{border:0;background:transparent;color:#727e89;font-size:8px}.workspace-card header > b{color:var(--cyan);font:7px var(--mono)}
.workstream ul,.activity ul{margin:0;padding:0;list-style:none}.workstream li{padding:13px 16px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #202833}.workstream li > i,.mission-list button > i,.mission-chat header > div > i,.asset-grid header > i,.confirmation li > i{width:30px;height:30px;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:700}.cyan{background:rgba(100,168,255,.13)!important;color:#75b7ff!important}.green{background:rgba(104,245,207,.13)!important;color:var(--cyan)!important}.violet{background:rgba(138,124,255,.14)!important;color:#a99fff!important}.amber{background:rgba(255,195,107,.14)!important;color:var(--amber)!important}.workstream li div b,.workstream li div small{display:block}.workstream li div b{font-size:10px}.workstream li div small{margin-top:4px;color:#68747f;font-size:8px}.workstream li div > span{height:2px;margin-top:9px;display:block;background:#222b35}.workstream li div > span i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan))}.workstream li em{color:#89949f;font:8px var(--mono);font-style:normal}
.pulse-map header > b i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--cyan)}.pulse-canvas{position:relative;height:calc(100% - 54px);min-height:175px;overflow:hidden;background-image:radial-gradient(circle,rgba(100,168,255,.09),transparent 45%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.pulse-center{position:absolute;z-index:3;left:50%;top:50%;width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(104,245,207,.28);border-radius:50%;background:#0c1218;transform:translate(-50%,-50%)}.pulse-center img{width:35px}.pulse-center b{font-size:8px}.pulse-node{position:absolute;padding:7px 9px;border:1px solid #29333e;background:#0c1218;color:#c0c7ce;font-size:8px}.pulse-node small{display:block;margin-top:3px;color:#5f6b76;font-size:6px}.node-a{left:10%;top:17%}.node-b{right:8%;top:13%}.node-c{left:8%;bottom:15%}.node-d{right:7%;bottom:17%}.pulse-canvas > i{position:absolute;left:50%;top:50%;width:35%;height:1px;background:#25313b;transform-origin:left}.pulse-canvas > i:nth-of-type(1){transform:rotate(-150deg)}.pulse-canvas > i:nth-of-type(2){transform:rotate(-30deg)}.pulse-canvas > i:nth-of-type(3){transform:rotate(150deg)}.pulse-canvas > i:nth-of-type(4){transform:rotate(30deg)}
.delivery-progress{padding-bottom:12px}.delivery-project{padding:12px 16px}.delivery-project strong,.delivery-project small{display:block}.delivery-project strong{font-size:11px}.delivery-project small{margin-top:4px;color:#66727d;font-size:8px}.delivery-progress ol{margin:3px 16px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.delivery-progress li{position:relative;padding-top:21px;border-top:1px solid #2a333d}.delivery-progress li > i{position:absolute;top:-9px;left:0;width:18px;height:18px;display:grid;place-items:center;border:1px solid #2a333d;border-radius:50%;background:#0d1218;color:#64707b;font:6px var(--mono);font-style:normal}.delivery-progress li.done > i,.delivery-progress li.active > i{border-color:var(--cyan);color:var(--cyan)}.delivery-progress li.active > i{background:var(--cyan);color:#07110e}.delivery-progress li span strong,.delivery-progress li span small{display:block}.delivery-progress li span strong{font-size:8px}.delivery-progress li span small{margin-top:4px;color:#5e6974;font-size:6px}
.activity li{padding:12px 16px;display:grid;grid-template-columns:7px 1fr auto;gap:9px;border-bottom:1px solid #202833}.activity li > i{width:5px;height:5px;margin-top:4px;border-radius:50%;background:var(--cyan)}.activity li div b,.activity li div small{display:block}.activity li div b{font-size:9px}.activity li div small{margin-top:4px;color:#626e79;font-size:7px}.activity li > span{color:#596570;font-size:7px}

/* Workspace secondary views */
.mission-layout{height:calc(100svh - 220px);min-height:530px;margin-top:20px;display:grid;grid-template-columns:220px minmax(520px,1fr) 230px;border:1px solid #252e38}.mission-list{padding:12px;border-right:1px solid #252e38;background:#0d1218}.mission-list > div{display:grid;grid-template-columns:1fr 28px}.mission-list input{min-width:0;height:32px;padding:0 9px;border:1px solid #29333e;border-right:0;background:#090d12;font-size:8px}.mission-list > div button{border:1px solid #29333e;background:#090d12}.mission-list > p{margin:17px 7px 7px;color:#596570;font:6px var(--mono);letter-spacing:.1em}.mission-list > button{width:100%;padding:9px 7px;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;border:0;border-left:2px solid transparent;background:transparent;text-align:left}.mission-list > button.active{border-left-color:var(--cyan);background:rgba(104,245,207,.055)}.mission-list button span b,.mission-list button span small{display:block}.mission-list button span b{font-size:8px}.mission-list button span small{margin-top:4px;color:#5c6873;font-size:6px}.mission-list button em{color:#596570;font-style:normal;font-size:7px}.mission-chat{min-width:0;display:grid;grid-template-rows:52px minmax(0,1fr) 75px;background:#0a0e13}.mission-chat > header{padding:0 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #252e38}.mission-chat > header > div{margin-right:auto;display:flex;gap:8px;align-items:center}.mission-chat header div span b,.mission-chat header div span small{display:block}.mission-chat header div span b{font-size:9px}.mission-chat header div span small{margin-top:3px;color:#64707b;font-size:7px}.mission-chat header div span small i{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--cyan)}.mission-chat header button{border:0;background:transparent;color:#65717c;font-size:8px}.mission-thread{padding:24px;overflow:auto}.mission-user{max-width:70%;margin-left:auto;padding:12px 14px;background:#18212b;color:#d1d6db;font-size:10px;line-height:1.6}.mission-system{max-width:88%;margin-top:22px;display:grid;grid-template-columns:28px 1fr;gap:10px}.mission-system > img{width:28px}.mission-system p{margin:0;color:#abb4bd;font-size:10px;line-height:1.65}.tool-run{margin:15px 0;border:1px solid #26303a}.tool-run span{padding:10px 11px;display:grid;grid-template-columns:20px 1fr;align-items:center;border-bottom:1px solid #222b35;color:#9ea8b2;font-size:8px}.tool-run span:last-child{border:0}.tool-run span i{grid-row:1/3;color:var(--cyan);font-style:normal}.tool-run span small{grid-column:2;margin-top:3px;color:#5c6873;font-size:6px}.tool-run .running i{width:8px;height:8px;border:1px solid var(--cyan);border-top-color:transparent;border-radius:50%;animation:orbit 1s linear infinite}.streaming-answer{padding:12px;border-left:2px solid var(--cyan);background:rgba(104,245,207,.035)}.streaming-answer b{display:block;margin-bottom:7px;color:#dce1e5;font-size:9px}.mission-compose{padding:10px 18px;border-top:1px solid #252e38}.mission-compose > div{height:40px;padding:0 8px;display:flex;align-items:center;border:1px solid #29333e;background:#0c1117}.mission-compose input{min-width:0;flex:1;border:0;background:transparent;outline:0;font-size:9px}.mission-compose button{margin-left:5px;padding:5px;border:0;background:transparent;color:#64707b;font-size:7px}.mission-compose button:last-child{width:28px;height:28px;background:var(--cyan);color:#07110e;font-size:13px}.mission-compose > small{display:block;margin-top:5px;color:#505b66;text-align:center;font-size:6px}.mission-context{padding:14px;border-left:1px solid #252e38;background:#0d1218}.mission-context > header{display:flex;justify-content:space-between;color:#b5bdc5;font-size:9px}.mission-context header button{border:0;background:transparent;color:#65717c}.mission-context section{padding:16px 0;border-bottom:1px solid #222b35}.mission-context section > p{margin:0 0 10px;color:#596570;font:6px var(--mono);letter-spacing:.1em}.context-agent,.context-file{display:flex;align-items:center;gap:8px}.context-agent > i{width:30px;height:30px;display:grid;place-items:center;background:rgba(100,168,255,.12);color:#74b6ff;font-style:normal;font-size:9px}.context-agent span b,.context-agent span small,.context-file span b,.context-file span small{display:block}.context-agent span b,.context-file span b{font-size:8px}.context-agent span small,.context-file span small{margin-top:3px;color:#5d6873;font-size:6px}.context-chip{margin-top:6px;padding:8px;display:flex;justify-content:space-between;border:1px solid #242d37;color:#8e99a4;font-size:7px}.context-chip i{color:#5c6874;font-style:normal}.context-file{margin-top:8px}.context-file > i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #29333d;color:#73808c;font:6px var(--mono);font-style:normal}
.asset-summary{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #252e38}.asset-summary article{padding:16px 18px;border-right:1px solid #252e38}.asset-summary article:last-child{border:0}.asset-summary span,.asset-summary b,.asset-summary small{display:block}.asset-summary span{color:#68747f;font-size:8px}.asset-summary b{margin-top:6px;font:24px var(--mono)}.asset-summary small{margin-top:3px;color:#5d6874;font-size:7px}.asset-toolbar{margin-top:14px;display:flex;align-items:center;gap:8px}.asset-toolbar > div{display:flex;margin-right:auto}.asset-toolbar button{height:32px;padding:0 12px;border:1px solid #29333d;background:#0e1319;color:#727e89;font-size:8px}.asset-toolbar > div button{border-right:0}.asset-toolbar > div button:last-child{border-right:1px solid #29333d}.asset-toolbar button.active{background:rgba(104,245,207,.08);color:var(--cyan)}.asset-toolbar input{width:220px;height:32px;padding:0 10px;border:1px solid #29333d;background:#0e1319;font-size:8px}.asset-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.asset-grid > article{padding:16px;border:1px solid #252e38;background:#0d1218}.asset-grid article > header{display:flex;align-items:center;gap:8px}.asset-grid header > span{padding:4px 6px;border:1px solid #29333d;color:#75818c;font-size:6px}.asset-grid header button{margin-left:auto;border:0;background:transparent;color:#64707b}.asset-grid h3{margin:18px 0 8px;font-size:13px}.asset-grid > article > p{min-height:38px;margin:0;color:#6d7883;font-size:8px;line-height:1.6}.asset-grid > article > div{margin-top:14px;display:flex;gap:5px;flex-wrap:wrap}.asset-grid > article > div span{padding:4px 6px;background:#151c24;color:#77838e;font-size:6px}.asset-grid article > footer{margin-top:20px;padding-top:12px;display:flex;justify-content:space-between;border-top:1px solid #222b35;color:#596570;font-size:6px}.asset-grid footer span i{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--cyan)}.asset-grid footer .testing{color:var(--amber)}.asset-grid footer .testing i{background:var(--amber)}
.graph-layout{height:calc(100svh - 220px);min-height:520px;margin-top:20px;display:grid;grid-template-columns:190px minmax(600px,1fr) 210px;border:1px solid #252e38}.graph-layout > aside{padding:15px;background:#0d1218}.graph-layout > aside:first-child{border-right:1px solid #252e38}.graph-layout > aside > p{margin:0 0 13px;color:#65717c;font:7px var(--mono);letter-spacing:.1em}.graph-layout > aside:first-child button{width:100%;height:36px;padding:0 7px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;border:0;border-left:2px solid transparent;background:transparent;color:#77838e;text-align:left;font-size:8px}.graph-layout > aside:first-child button.active{border-left-color:var(--cyan);background:rgba(104,245,207,.05);color:#dce1e5}.graph-layout > aside:first-child button i{width:5px;height:5px;border-radius:50%;background:#5d6974}.graph-layout > aside:first-child button b{font:7px var(--mono)}.graph-layout > aside:first-child > div{margin-top:25px;padding-top:12px;display:grid;gap:8px;border-top:1px solid #222b35;color:#68747f;font-size:7px}.graph-layout > aside:first-child > div i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--cyan)}.graph-layout > aside:first-child > div span:last-child i{background:var(--amber)}.graph-canvas{position:relative;overflow:hidden;background-image:radial-gradient(circle at center,rgba(100,168,255,.08),transparent 45%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.graph-toolbar{position:absolute;z-index:4;top:12px;right:12px;left:12px;display:flex;justify-content:space-between;color:#66727d;font-size:7px}.graph-toolbar div{display:flex}.graph-toolbar button{height:25px;padding:0 8px;border:1px solid #29333d;border-right:0;background:#0d1218;color:#6e7a85;font-size:7px}.graph-toolbar button:last-child{border-right:1px solid #29333d}.graph-core{position:absolute;z-index:3;left:50%;top:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(104,245,207,.28);border-radius:50%;background:#0b1117;transform:translate(-50%,-50%);box-shadow:0 0 60px rgba(104,245,207,.1)}.graph-core img{width:50px}.graph-core b{font-size:10px}.graph-core small{margin-top:4px;color:#58646f;font:6px var(--mono)}.graph-cluster{position:absolute;width:150px;padding:12px;border:1px solid #29333d;background:#0c1218}.graph-cluster::after{content:"";position:absolute;height:1px;background:#2a3640}.graph-cluster b{display:block;margin-bottom:8px;font-size:9px}.graph-cluster span{display:inline-block;margin:2px;padding:4px 5px;background:#161d25;color:#6e7a85;font-size:6px}.graph-cluster > i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.cluster-model{left:8%;top:17%}.cluster-model::after{left:100%;top:50%;width:180px;transform:rotate(20deg);transform-origin:left}.cluster-model > i{right:-3px;top:50%}.cluster-knowledge{right:8%;top:15%}.cluster-knowledge::after{right:100%;top:50%;width:180px;transform:rotate(-18deg);transform-origin:right}.cluster-knowledge > i{left:-3px;top:50%}.cluster-system{left:8%;bottom:15%}.cluster-system::after{left:100%;top:50%;width:180px;transform:rotate(-20deg);transform-origin:left}.cluster-system > i{right:-3px;top:50%}.cluster-tools{right:8%;bottom:16%}.cluster-tools::after{right:100%;top:50%;width:180px;transform:rotate(18deg);transform-origin:right}.cluster-tools > i{left:-3px;top:50%}.graph-detail{border-left:1px solid #252e38}.detail-icon{width:46px;height:46px;margin-top:28px;display:grid;place-items:center;background:rgba(104,245,207,.11);color:var(--cyan);font:16px var(--mono)}.graph-detail h3{margin:12px 0 6px;font-size:12px}.graph-detail > span{color:var(--cyan);font-size:7px}.graph-detail > span i{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--cyan)}.graph-detail dl{margin-top:22px}.graph-detail dl div{display:flex}.graph-detail dt,.graph-detail dd{margin:0;padding:9px 0;border-bottom:1px solid #222b35;font-size:7px}.graph-detail dt{float:left;width:42%;clear:left;color:#5f6b76}.graph-detail dd{color:#9aa4ad;text-align:right}.graph-detail > button{width:100%;height:34px;margin-top:20px;border:1px solid #2a343e;background:transparent;color:#84909b;font-size:8px}
.governance-layout{margin-top:20px;display:grid;grid-template-columns:1fr .9fr;gap:12px}.governance-overview > div{display:grid;grid-template-columns:repeat(4,1fr)}.governance-overview article{padding:18px;border-right:1px solid #222b35}.governance-overview article:last-child{border:0}.governance-overview article span,.governance-overview article b,.governance-overview article small{display:block}.governance-overview article span{color:#65717c;font-size:7px}.governance-overview article b{margin-top:7px;font:22px var(--mono)}.governance-overview article small{margin-top:4px;color:#56616c;font-size:6px}.confirmation > header > b{padding:4px 7px;border:1px solid rgba(255,195,107,.25);color:var(--amber)}.confirmation ul{margin:0;padding:0;list-style:none}.confirmation li{padding:13px 15px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #222b35}.confirmation li div b,.confirmation li div small{display:block}.confirmation li div b{font-size:8px}.confirmation li div small{margin-top:4px;color:#606c77;font-size:6px}.confirmation li button{height:28px;padding:0 8px;border:1px solid #2c3640;background:transparent;color:#84909a;font-size:7px}.member-table{grid-column:1/3}.member-table header input{height:28px;padding:0 8px;border:1px solid #29333d;background:#0a0e13;font-size:7px}.member-table table{width:100%;border-collapse:collapse;font-size:8px}.member-table th,.member-table td{height:52px;padding:0 16px;border-bottom:1px solid #222b35;text-align:left}.member-table th{height:34px;color:#5f6b76;font:6px var(--mono);font-weight:400}.member-table td{color:#8e99a3}.member-table td:first-child{display:flex;align-items:center;gap:8px}.member-table td:first-child > i{width:28px;height:28px;display:grid;place-items:center;background:#17202a;color:var(--cyan);font-style:normal}.member-table td span b,.member-table td span small{display:block}.member-table td span b{color:#c4cbd1}.member-table td span small{margin-top:3px;color:#58646f;font-size:6px}.member-table td em{padding:4px 7px;background:rgba(104,245,207,.07);color:var(--cyan);font-style:normal;font-size:6px}
.delivery-layout{margin-top:20px}.delivery-hero{padding:22px 24px;display:grid;grid-template-columns:1fr 310px;border:1px solid #28313b;background:linear-gradient(110deg,rgba(100,168,255,.12),#0d1218 45%)}.delivery-hero > div > span{color:var(--cyan);font:7px var(--mono);letter-spacing:.12em}.delivery-hero h2{margin:10px 0 8px;font-size:22px}.delivery-hero p{max-width:750px;margin:0;color:#78848f;font-size:9px;line-height:1.7}.delivery-hero > div > div{margin-top:18px;display:flex;gap:20px;align-items:center}.delivery-hero > div > div span{color:var(--cyan);font-size:7px}.delivery-hero > div > div i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--cyan)}.delivery-hero > div > div b{color:#74808b;font-size:7px}.delivery-hero aside{padding-left:24px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #28313b}.delivery-hero aside small,.delivery-hero aside b,.delivery-hero aside span{display:block}.delivery-hero aside small{color:#596570;font-size:7px}.delivery-hero aside b{margin-top:7px;font-size:10px}.delivery-hero aside span{margin-top:5px;color:#65717c;font-size:7px}.delivery-hero aside button{width:max-content;margin-top:13px;padding:0;border:0;border-bottom:1px solid #53606c;background:transparent;color:#9aa4ad;font-size:7px}.delivery-timeline{margin-top:12px;padding:20px 0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #252e38;background:#0d1218}.delivery-timeline article{position:relative;padding:16px 20px;border-top:1px solid #29333d}.delivery-timeline article > i{position:absolute;top:-13px;left:20px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #29333d;border-radius:50%;background:#0d1218;color:#63707b;font:7px var(--mono);font-style:normal}.delivery-timeline article.done > i,.delivery-timeline article.active > i{border-color:var(--cyan);color:var(--cyan)}.delivery-timeline article.active > i{background:var(--cyan);color:#07110e}.delivery-timeline article span small,.delivery-timeline article span b,.delivery-timeline article span em{display:block}.delivery-timeline article span small{margin-top:7px;color:#58646f;font:6px var(--mono)}.delivery-timeline article span b{margin-top:8px;font-size:10px}.delivery-timeline article span p{min-height:30px;margin:7px 0;color:#697580;font-size:7px;line-height:1.5}.delivery-timeline article span em{color:#596570;font-size:6px;font-style:normal}.delivery-timeline article.active span em{color:var(--cyan)}.delivery-bottom{margin-top:12px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.delivery-bottom ul{margin:0;padding:0;list-style:none}.delivery-bottom li{height:37px;padding:0 14px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;border-bottom:1px solid #222b35;color:#939da6;font-size:8px}.delivery-bottom li > i{color:var(--cyan);font-style:normal}.delivery-bottom li em{color:#5e6a75;font-size:6px;font-style:normal}.feedback-score{padding:15px;display:flex;align-items:center;gap:12px}.feedback-score > b{font:28px var(--mono);color:var(--cyan)}.feedback-score span,.feedback-score small{display:block}.feedback-score span{font-size:8px}.feedback-score small{margin-top:3px;color:#5f6b76;font-size:6px}.delivery-bottom > section:last-child > p{margin:0 15px;padding:12px;border-left:2px solid var(--cyan);background:#111820;color:#909aa4;font-size:8px;line-height:1.6}.delivery-bottom > section:last-child > footer{padding:10px 15px;color:#596570;font-size:6px}

/* Modals and toast */
.modal { width: min(920px,76vw); padding: 0; border: 1px solid #303945; border-radius: 0; background: #0b1016; color: #e9edf0; box-shadow: 0 50px 120px rgba(0,0,0,.7); }.modal::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.contact-modal[open]{display:grid;grid-template-columns:1fr .82fr}.modal-close{position:absolute;z-index:2;right:12px;top:12px;width:32px;height:32px;border:1px solid #313b46;background:#0d1218;color:#77838e;font-size:17px}.modal-copy{padding:48px;background:radial-gradient(circle at 20% 15%,rgba(100,168,255,.14),transparent 35%),#090d12}.modal-copy > p{margin:0;color:var(--cyan);font:7px var(--mono);letter-spacing:.14em}.modal-copy h2{margin:20px 0;font-size:36px;font-weight:520;line-height:1.1;letter-spacing:-.05em}.modal-copy > span{color:#7b8792;font-size:11px;line-height:1.7}.modal-copy ul{margin:28px 0 0;padding:0;list-style:none}.modal-copy li{padding:9px 0;border-bottom:1px solid #232c36;color:#a3acb5;font-size:9px}.modal-copy li::before{content:"+";margin-right:10px;color:var(--cyan)}.modal form{padding:48px 40px;display:grid;gap:13px}.modal label{display:grid;gap:6px;color:#7c8792;font-size:8px}.modal input,.modal textarea{width:100%;padding:10px;border:1px solid #2a343e;border-radius:0;background:#090d12;outline:0;font-size:10px;resize:none}.modal input:focus,.modal textarea:focus{border-color:rgba(104,245,207,.5)}.modal form > small{color:#56616c;font-size:7px}.auth-modal{width:430px;padding:42px}.auth-brand{display:flex;align-items:center;gap:8px}.auth-brand img{width:42px}.auth-brand b{font-size:16px}.auth-brand span{margin-left:auto;color:#57636e;font:6px var(--mono)}.auth-modal h2{margin:28px 0 7px;font-size:28px}.auth-modal > p{margin:0;color:#6e7a85;font-size:9px}.auth-modal form{padding:25px 0 0}.toast{position:fixed;z-index:200;left:50%;bottom:24px;padding:11px 15px;border:1px solid rgba(104,245,207,.3);background:#0d1419;color:#c6ffef;font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}

@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes scan-change { from{left:-30%;opacity:0} 30%{opacity:1} to{left:100%;opacity:0} }

@media (max-width: 1440px) {
  :root { --content: calc(100vw - 108px); }
  .topbar { padding-inline: 4vw; }
  .hero { padding-inline: 4.6vw; gap: 3.5vw; }
  .hero h1 { font-size: clamp(54px,6.15vw,88px); }
  .section-head { gap: 5vw; }
  .industry-system { grid-template-columns: 270px 1fr; }
  .model-workbench { grid-template-columns: .45fr 1.05fr .52fr; }
  .workspace { grid-template-columns: 220px minmax(0,1fr); }
  .workspace-view { padding: 22px; }
  .overview-grid { grid-template-columns: 1.15fr .85fr; }
  .graph-layout { grid-template-columns: 175px minmax(560px,1fr) 190px; }
  .asset-grid { grid-template-columns: repeat(3,1fr); }
  .asset-grid > article:last-child { display: none; }
}

@media (max-height: 840px) {
  .topbar { height: 58px; }.topbar.scrolled{height:52px}
  .screen-inner { padding-top: 72px; padding-bottom: 22px; }
  .section-no { margin-bottom: 10px; }
  .section-head h2 { font-size: clamp(34px,3.7vw,55px); }
  .hero { padding-top: 78px; padding-bottom: 30px; }
  .hero h1 { font-size: clamp(52px,5.8vw,78px); }
  .hero-lead { margin-top: 20px; font-size: 14px; }
  .hero-actions { margin-top: 24px; }
  .hero-field { top: 430px; }
  .platform-console,.industry-system,.model-workbench,.enterprise-blueprint{margin-top:24px}
  .console-index { padding: 25px; }.console-index strong{font-size:29px}
  .capability-stack article { padding-inline: 26px; }.capability-stack h3{font-size:18px}.capability-stack p{font-size:10px}
  .platform-proof span{padding-top:12px}.platform-proof b{font-size:9px}
  .industry-copy{padding:30px}.industry-copy h3{margin:14px 0;font-size:34px}.industry-copy>p:nth-child(3){font-size:11px}.industry-tags{margin-top:18px}.solution-line{height:44px}
  .mission-rail,.route-monitor{padding:20px}.mission-steps{margin-top:16px}.mission-steps span{min-height:46px}.question{margin-top:14px}.process{margin-top:12px}.vendor-marquee{height:48px}
  .enterprise-blueprint{grid-template-columns:1fr .62fr 1fr}.blueprint-source,.blueprint-output{padding:18px 24px}.delivery-flow li{min-height:62px;padding-block:10px}
  .about-main h2{font-size:58px}.about-main>p:nth-of-type(2){margin-top:20px;font-size:12px}.about-actions{margin-top:24px}.about-principles article{padding:17px 0}.about-signature{min-height:90px}.footer{min-height:30px}
  .workspace-main{grid-template-rows:52px minmax(0,1fr)}.workspace-brand{height:58px}.workspace-org{margin-block:10px 12px}.workspace-nav button{height:38px}.workspace-view{padding:18px}.view-head h1{font-size:28px}.command-bar{margin-top:14px;padding-top:11px;padding-bottom:37px}.overview-grid{height:calc(100svh - 315px);min-height:0;margin-top:11px;grid-template-rows:1.08fr .92fr}.workspace-card>header{height:45px}.workstream li{padding-block:9px}.delivery-project{padding-block:8px}.activity li{padding-block:9px}
  .mission-layout,.graph-layout{height:calc(100svh - 177px);min-height:0;margin-top:14px}.asset-summary,.delivery-layout,.governance-layout{margin-top:14px}.asset-grid{margin-top:10px}.asset-grid>article{padding:12px}.asset-grid h3{margin-top:12px}.delivery-hero{padding:16px 20px}.delivery-timeline{margin-top:8px;padding-block:15px}.delivery-timeline article{padding:13px 16px}.delivery-bottom{margin-top:8px}.governance-overview article{padding:13px}
}

@media (max-height: 700px) {
  .screen { min-height: 620px; }
  .platform-proof { display: none; }
  .section-head > p,.enterprise-intro p { line-height: 1.55; }
  .solution-line { display:none; }
  .vendor-marquee { height:40px; }
  .delivery-flow li { min-height:50px; }.delivery-flow span small{display:none}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .page { scroll-snap-type: none; }
}

/* Bright commercial direction: light surfaces, dark focal consoles, fewer decorative lines. */
:root {
  --bg: #eef3f5;
  --panel: #f8fafb;
  --panel-2: #e6eef1;
  --line: rgba(19, 43, 53, .12);
  --line-soft: rgba(19, 43, 53, .055);
  --text: #10242d;
  --muted: #63757e;
  --cyan: #14bfa5;
  --blue: #4389ff;
}
html, body { background: var(--bg); color-scheme: light; }
.topbar.scrolled { background: rgba(246, 249, 250, .9); }
.topnav a, .login { color: #667780; }
.topnav a:hover, .topnav a.active { color: #10242d; }
.language { color: #667780; }
.screen-rail button::before { background: rgba(20, 43, 53, .28); }
.section-head h2 span, .about-main h2 span { color: #84949b; }

.text-action { border-color: rgba(18,44,54,.3); color: #18313b; }

.platform-console,
.model-workbench,
.vendor-marquee {
  --line: rgba(255,255,255,.1);
  --line-soft: rgba(255,255,255,.05);
  --text: #f4f7f8;
  --muted: #8d98a6;
  --cyan: #68f5cf;
  color: #f4f7f8;
}

.platform { background: #f7fafb; }
.platform::before { display: none; }
.platform-console { border: 0; background: #111b25; box-shadow: 0 28px 70px rgba(31,58,72,.14); }
.console-index { background: radial-gradient(circle at 20% 20%,rgba(78,135,255,.18),transparent 44%), #15212c; }
.capability-stack article { border-color: rgba(255,255,255,.07); }
.platform-proof { gap: 18px; }
.platform-proof span { padding-left: 0; border: 0; }
.platform-proof i { color: #71828a; }

.industries { background: linear-gradient(135deg,#edf4f6,#e6f0f4); }
.industry-system { border: 0; background: rgba(255,255,255,.78); box-shadow: 0 25px 70px rgba(49,79,92,.1); }
.industry-tabs { border-color: rgba(19,43,53,.09); background: rgba(244,248,249,.68); }
.industry-tabs button { border: 0; }
.industry-tabs button.active { background: linear-gradient(90deg,rgba(20,191,165,.1),transparent); }
.industry-display::before { display: none; }
.industry-copy > p:nth-child(3) { color: #667a83; }
.industry-tags span { border-color: rgba(19,43,53,.12); color: #4f646d; background: rgba(255,255,255,.6); }
.radar-rings i { border-color: rgba(67,137,255,.2); }
.radar-rings::before, .radar-rings::after { background: rgba(26,61,74,.08); }
.radar-core { border-color: rgba(20,191,165,.32); background: #13212a; color: #fff; box-shadow: 0 18px 50px rgba(31,78,88,.18); }
.radar-core small { color: #758891; }
.radar-nodes span { border: 0; background: #f8fbfc; color: #425962; box-shadow: 0 8px 24px rgba(41,71,84,.09); }
.radar-scan { opacity: .72; }
.solution-line { border: 0; }
.solution-line i { background: rgba(19,43,53,.12); }

.models { background: #f7fafb; }
.model-workbench { border: 0; background: #101923; box-shadow: 0 30px 80px rgba(31,58,72,.15); }
.mission-rail, .route-monitor { background: #14202a; }
.model-dialogue { background: linear-gradient(150deg,rgba(100,168,255,.09),transparent 40%), #101820; }
.vendor-marquee { border: 0; background: #14202a; box-shadow: 0 18px 40px rgba(31,58,72,.12); }

.enterprise { background: #edf3f5; }
.enterprise-glow { background: radial-gradient(circle,rgba(92,107,255,.13),transparent 64%); }
.enterprise-blueprint { border: 0; background: rgba(255,255,255,.82); background-image: none; box-shadow: 0 28px 75px rgba(47,76,89,.1); }
.blueprint-source, .blueprint-output { background: rgba(249,252,252,.85); }
.blueprint-source { border-right-color: rgba(19,43,53,.08); }
.blueprint-output { border-left-color: rgba(19,43,53,.08); }
.blueprint-source article, .blueprint-output article { border-color: rgba(19,43,53,.075); }
.blueprint-source article, .blueprint-output article { border-top: 0; }
.blueprint-core::before, .blueprint-core::after { background: linear-gradient(90deg,transparent,var(--cyan)); }
.delivery-flow { gap: 8px; margin-top: 10px; }
.delivery-flow li { border: 0; background: rgba(255,255,255,.66); }

.about { background: #f8fafb; }
.about-grid { opacity: .32; background-image: linear-gradient(rgba(19,43,53,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,43,53,.04) 1px,transparent 1px); background-size: 110px 110px; }
.about::after { border-color: rgba(20,191,165,.09); box-shadow: 0 0 0 6vw rgba(20,191,165,.025),0 0 0 12vw rgba(67,137,255,.018); }
.about-principles { border-top-color: rgba(19,43,53,.1); }
.about-principles article { border-bottom-color: rgba(19,43,53,.09); }
.about-signature { border: 0; background: #fff; box-shadow: 0 20px 55px rgba(45,74,86,.09); }
.about-signature blockquote { color: #213943; }
.footer { color: #74858d; }

.workspace-view { background-image: none; }
.workspace { background: #101923; }
.workspace-main { background: #10171f; }
.workspace-content { background: radial-gradient(circle at 75% 12%,rgba(64,137,255,.07),transparent 30%), #10171f; }
.overview-grid, .governance-layout, .delivery-layout { background-image: none; }

/* The product demo uses a light work surface with one dark navigation rail. */
.workspace { background: #e8eef1; }
.workspace-main { background: #edf2f4; color: #17303a; }
.workspace-main * { border-color: rgba(18, 47, 59, .1); }
.workspace-topbar { background: rgba(250,252,252,.95); border-color: rgba(18,47,59,.1); }
.workspace-topbar button, .workspace-topbar span { color: #60737c; }
.workspace-topbar > div:first-child i { background: rgba(18,47,59,.12); }
.workspace-topbar b { border-color: rgba(18,47,59,.12); color: #71838b; }
.workspace-topbar select { border-color: rgba(18,47,59,.12); background: #f3f7f8; color: #213a44; }
.workspace-topbar .workspace-create { background: var(--cyan); color: #07110e; }
.workspace-content { background: radial-gradient(circle at 78% 12%,rgba(67,137,255,.1),transparent 29%), #edf2f4; }
.view-head p { color: #109e89; }
.view-head small { color: #667b84; }
.view-head-actions button { border: 0; background: #fff; color: #536a74; box-shadow: 0 5px 16px rgba(47,72,82,.06); }
.view-head-actions button:last-child { background: #dff7f1; color: #087f6d; }
.command-bar { border: 0; background: linear-gradient(110deg,rgba(67,137,255,.1),#fff 38%); box-shadow: 0 12px 34px rgba(42,70,82,.08); }
.command-bar > span { color: #5b7079; }
.command-bar input { border: 0; background: #eef3f5; color: #203842; }
.command-bar > div i, .command-bar > div button { color: #637781; }
.workspace-card { border: 0; background: rgba(255,255,255,.9); box-shadow: 0 10px 28px rgba(44,70,81,.065); }
.workspace-card > header { border-color: rgba(18,47,59,.08); }
.workspace-card header span { color: #72848c; }
.workspace-card header button { color: #617680; }
.workspace-card header > b { color: #119c87; }
.workstream li, .activity li { border-color: rgba(18,47,59,.07); }
.workstream li div small, .activity li div small { color: #687d86; }
.workstream li div > span { background: #e6ecef; }
.workstream li em, .activity li > span { color: #71838b; }
.pulse-map header > b { color: #138d7b; }
.pulse-canvas { background-image: radial-gradient(circle,rgba(67,137,255,.09),transparent 47%); background-color: #f7fafb; }
.pulse-center { border-color: rgba(20,191,165,.3); background: #14242d; color: #fff; }
.pulse-node { border: 0; background: #fff; color: #34505b; box-shadow: 0 8px 22px rgba(44,70,81,.08); }
.pulse-node small { color: #72848c; }
.pulse-canvas > i { background: rgba(39,80,94,.12); }
.delivery-project small, .delivery-progress li span small { color: #71838c; }
.delivery-progress li { border-color: rgba(18,47,59,.13); }
.delivery-progress li > i { background: #fff; }

.mission-layout, .graph-layout { border: 0; background: #fff; box-shadow: 0 12px 36px rgba(44,70,81,.08); }
.mission-list, .mission-context, .graph-layout > aside { background: #f7fafb; }
.mission-list input, .mission-list > div button { border-color: rgba(18,47,59,.1); background: #fff; color: #243d47; }
.mission-list > button.active { background: #e6f6f2; }
.mission-list button span b, .context-agent span b, .context-file span b { color: #26404a; }
.mission-list button span small, .context-agent span small, .context-file span small { color: #73858d; }
.mission-chat { background: #fff; }
.mission-chat > header, .mission-compose { border-color: rgba(18,47,59,.08); }
.mission-chat header div span b, .mission-context > header { color: #27414b; }
.mission-user { background: #e8eef2; color: #263f49; }
.mission-system p { color: #526a74; }
.tool-run { border-color: rgba(18,47,59,.1); background: #f8fafb; }
.tool-run span { border-color: rgba(18,47,59,.07); color: #506771; }
.streaming-answer { background: #edf9f6; color: #26414a; }
.mission-compose > div { border: 0; background: #eef3f5; }
.mission-compose input { color: #243e48; }
.context-chip, .context-file > i { border-color: rgba(18,47,59,.1); background: #fff; color: #536a74; }
.mission-context section { border-bottom: 0; }

.asset-summary { border: 0; background: #fff; box-shadow: 0 10px 28px rgba(44,70,81,.065); }
.asset-summary article { border-color: rgba(18,47,59,.08); }
.asset-toolbar button, .asset-toolbar input { border-color: rgba(18,47,59,.1); background: #fff; color: #60747d; }
.asset-toolbar button.active { background: #e3f7f2; color: #0b8e7a; }
.asset-grid > article { border: 0; background: #fff; box-shadow: 0 10px 28px rgba(44,70,81,.065); }
.asset-grid h3 { color: #203a44; }
.asset-grid > article > p { color: #657a83; }
.asset-grid > article > div span { background: #edf3f5; color: #5d727b; }
.asset-grid article > footer { border-color: rgba(18,47,59,.08); color: #72848c; }

.graph-canvas { background-image: radial-gradient(circle at center,rgba(67,137,255,.09),transparent 45%),linear-gradient(rgba(19,43,53,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,43,53,.035) 1px,transparent 1px); }
.graph-layout > aside:first-child button.active { background: #e3f7f2; color: #17343e; }
.graph-core { background: #14242d; color: #fff; }
.graph-cluster { border: 0; background: #fff; color: #2b4650; box-shadow: 0 8px 22px rgba(44,70,81,.08); }
.graph-cluster span { background: #eef3f5; color: #5d727b; }
.graph-cluster::after { background: rgba(37,76,90,.16); }
.graph-detail h3 { color: #233e48; }
.graph-detail dt { color: #71838b; }
.graph-detail dd { color: #425a64; }

.governance-overview article, .confirmation li, .member-table th, .member-table td { border-color: rgba(18,47,59,.075); }
.governance-overview article span, .confirmation li div small { color: #6d8088; }
.confirmation li button, .member-table header input { border-color: rgba(18,47,59,.1); background: #f7fafb; color: #59707a; }
.member-table td { color: #536a74; }
.member-table td span b { color: #273f49; }

.delivery-hero { border: 0; background: linear-gradient(110deg,rgba(67,137,255,.11),#fff 46%); box-shadow: 0 10px 28px rgba(44,70,81,.065); }
.delivery-hero p { color: #617680; }
.delivery-hero aside { border-color: rgba(18,47,59,.1); }
.delivery-timeline { border: 0; background: #fff; box-shadow: 0 10px 28px rgba(44,70,81,.065); }
.delivery-timeline article { border-color: rgba(18,47,59,.13); }
.delivery-timeline article > i { background: #fff; }
.delivery-timeline article span p { color: #687d86; }
.delivery-bottom li { border-color: rgba(18,47,59,.07); color: #536a74; }
.delivery-bottom > section:last-child > p { background: #edf9f6; color: #49616b; }
