:root {
  --bg: #030605;
  --bg-soft: #070c0a;
  --panel: #0a100d;
  --panel-raised: #0e1612;
  --app: #15191f;
  --app-soft: #1a1f27;
  --ink: #dbe9e1;
  --ink-soft: #91a69b;
  --ink-faint: #586c62;
  --line: rgba(125, 255, 178, .22);
  --line-soft: rgba(125, 255, 178, .09);
  --green: #7dffb2;
  --green-bright: #b4ffd1;
  --cyan: #66f7ff;
  --red: #ff5874;
  --amber: #e7b86b;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "PingFang SC", "Microsoft YaHei", monospace;
  --content: 1320px;
  --gutter: clamp(20px, 4vw, 64px);
  --header-height: 70px;
  color-scheme: dark;
  font-family: var(--mono);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { min-width: 320px; margin: 0; overflow-x: hidden; color: var(--ink); background: radial-gradient(circle at 75% 8%, rgba(28,115,75,.1), transparent 28rem), linear-gradient(145deg,#020504,#060b09 50%,#020403); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
button, input { font: inherit; }
button, a { color: inherit; }
a { text-decoration: none; }
img, svg { display: block; max-width: 100%; }
figure, h1, h2, h3, p { margin: 0; }

::selection { color: var(--bg); background: var(--green); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; padding: 12px 16px; color: var(--bg); background: var(--green); transform: translateY(-180%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.page-noise,.page-grid-bg,.page-scanline,.cursor-glow { position: fixed; inset: 0; pointer-events: none; }
.page-noise { z-index: 200; opacity: .026; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
.page-grid-bg { z-index: 0; opacity: .13; background-image: linear-gradient(rgba(102,247,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(102,247,255,.18) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 70%); }
.page-scanline { z-index: 190; height: 15vh; opacity: 0; background: linear-gradient(transparent,rgba(125,255,178,.035),transparent); animation: page-scan 10s linear infinite; }
.cursor-glow { z-index: 0; width: 520px; height: 520px; inset: auto; border-radius: 50%; opacity: 0; background: radial-gradient(circle,rgba(125,255,178,.07),transparent 68%); transform: translate(-50%,-50%); transition: opacity .5s ease; }
body:hover .cursor-glow { opacity: 1; }
.hud-corner { position: fixed; z-index: 50; width: 60px; height: 60px; pointer-events: none; border-color: rgba(125,255,178,.25); }
.hud-corner-a { top: 18px; left: 18px; border-top: 1px solid; border-left: 1px solid; }
.hud-corner-b { right: 18px; bottom: 18px; border-right: 1px solid; border-bottom: 1px solid; }

.page-grid { position: relative; z-index: 1; width: min(calc(100% - (2 * var(--gutter))),var(--content)); margin-inline: auto; }
.chapter { padding-block: clamp(120px,14vw,210px); border-top: 1px solid var(--line-soft); }
section[id] { scroll-margin-top: calc(var(--header-height) + 22px); }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; border-bottom: 1px solid var(--line-soft); background: rgba(3,6,5,.72); transition: background .3s ease,border-color .3s ease; }
.site-header.is-scrolled { border-color: var(--line); background: rgba(3,6,5,.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.nav-wrap { display: grid; width: min(calc(100% - (2 * var(--gutter))),1440px); height: var(--header-height); margin-inline: auto; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { display: inline-flex; width: max-content; min-height: 44px; align-items: center; gap: 9px; color: var(--green-bright); font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.brand-icon { width: 29px; height: 29px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; }
.brand-icon img { width: 100%; height: 100%; object-fit: cover; }
.brand-slash { margin-inline: 4px; color: var(--ink-faint); }
.brand small { color: var(--ink-faint); font-size: 9px; font-weight: 400; }
.site-nav { display: flex; align-items: center; gap: 27px; }
.site-nav a { display: flex; min-height: 44px; align-items: center; gap: 6px; color: var(--ink-soft); font-size: 10px; letter-spacing: .06em; transition: color .2s ease; }
.site-nav a span:first-child { color: var(--ink-faint); }
.site-nav a:hover { color: var(--green); }
.nav-end { display: flex; align-items: center; justify-self: end; gap: 18px; }
.runtime-status,.windows-status { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-faint); font-size: 8px; }
.runtime-status i,.platform-note i,.terminal-window figcaption i,.terminal-statusbar i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.language-switch { display: flex; align-items: center; gap: 4px; color: var(--ink-faint); font-size: 9px; }
.language-switch button { min-width: 28px; min-height: 44px; padding: 0; border: 0; color: var(--ink-faint); background: transparent; cursor: pointer; }
.language-switch button[aria-pressed="true"] { color: var(--cyan); }
.nav-download { display: inline-flex; min-height: 38px; padding: 0 13px; border: 1px solid var(--line); align-items: center; gap: 6px; color: var(--green); font-size: 9px; transition: color .2s ease,background .2s ease; }
.nav-download:hover { color: var(--bg); background: var(--green); }
.menu-button { display: none; }

.chapter-mark,.command-label,.description-index { color: var(--green); font-size: 9px; letter-spacing: .14em; }
.semantic-title { font-weight: 700; letter-spacing: -.055em; }
.section-title { margin-top: 28px; font-size: clamp(3.2rem,5.7vw,5.6rem); line-height: 1.03; }
.download-title { margin-top: 30px; font-size: clamp(2.8rem,5.5vw,5.3rem); line-height: 1.06; }
.title-line { display: block; width: max-content; max-width: 100%; white-space: nowrap; }
.accent-line { position: relative; color: var(--green-bright); text-shadow: 0 0 26px rgba(125,255,178,.12); }
.primary-action { display: inline-flex; min-height: 48px; padding: 0 18px; border: 1px solid var(--green); align-items: center; justify-content: space-between; gap: 18px; color: var(--bg); background: var(--green); cursor: pointer; font-size: 10px; font-weight: 700; letter-spacing: .05em; transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }
.primary-action:hover { background: var(--green-bright); box-shadow: 0 0 25px rgba(125,255,178,.2); transform: translateY(-2px); }
.quiet-link { display: inline-flex; min-height: 44px; align-items: center; gap: 9px; color: var(--ink-soft); font-size: 10px; }
.quiet-link span:first-child { color: var(--cyan); }
.quiet-link:hover { color: var(--cyan); }

.hero { padding-top: 145px; padding-bottom: 140px; }
.hero-meta { display: flex; padding-bottom: 18px; border-bottom: 1px solid var(--line); align-items: center; gap: 16px; color: var(--ink-soft); font-size: 9px; letter-spacing: .1em; }
.hero-meta-status { margin-left: auto; color: var(--cyan); }
.hero-main { display: grid; margin-top: 55px; grid-template-columns: minmax(0,1.3fr) minmax(290px,.55fr); align-items: end; gap: clamp(45px,7vw,110px); }
.hero-identity { display: flex; align-items: center; gap: 22px; }
.hero-logo { width: 64px; height: 64px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 0 40px rgba(125,255,178,.08); }
.hero-logo img { width: 100%; height: 100%; }
.command-label { display: block; margin-bottom: 13px; color: var(--ink-faint); }
.hero-identity h1 { display: flex; align-items: baseline; gap: 14px; font-size: clamp(4rem,7vw,7rem); line-height: .78; letter-spacing: -.09em; }
.hero-identity h1 small { color: var(--ink-faint); font-size: .2em; font-weight: 400; letter-spacing: .1em; }
.hero-thesis { margin-top: 46px; font-size: clamp(2.4rem,4.3vw,4.5rem); line-height: 1.1; }
.hero-description { padding: 22px; border-left: 1px solid var(--line); background: linear-gradient(90deg,rgba(125,255,178,.03),transparent); }
.description-index { margin-bottom: 16px; color: var(--cyan); }
.hero-description > p { color: var(--ink-soft); font-size: 12px; line-height: 1.9; }
.hero-actions { display: flex; margin-top: 26px; flex-wrap: wrap; gap: 15px; }
.platform-note { display: flex; margin-top: 16px; align-items: center; gap: 8px; color: var(--ink-faint); font-size: 8px; }

.terminal-window { position: relative; overflow: hidden; border: 1px solid var(--line); background: rgba(7,12,10,.94); box-shadow: 0 30px 90px rgba(0,0,0,.42); clip-path: polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px)); }
.terminal-window::after { position: absolute; inset: 0; z-index: 3; opacity: .14; background: repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(171,255,207,.03) 4px); content: ""; pointer-events: none; }
.terminal-bar,.terminal-statusbar { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; color: var(--ink-faint); background: rgba(5,12,9,.98); font-size: 8px; letter-spacing: .08em; }
.terminal-bar { min-height: 38px; padding: 0 15px; border-bottom: 1px solid var(--line-soft); }
.terminal-statusbar { min-height: 31px; padding: 0 15px; border-top: 1px solid var(--line-soft); }
.terminal-statusbar > span { display: flex; align-items: center; gap: 7px; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border: 1px solid var(--ink-faint); border-radius: 50%; }
.window-dots i:first-child { border-color: var(--red); background: rgba(255,88,116,.2); }
.product-frame,.run-image-wrap,.system-showcase { overflow: hidden; background: var(--app); }
.product-frame { aspect-ratio: 2900/2168; }
.product-frame img,.run-image-wrap img,.system-frame img { width: 100%; height: 100%; object-fit: cover; }
.terminal-window figcaption { position: relative; z-index: 4; display: flex; min-height: 34px; padding: 0 15px; align-items: center; justify-content: space-between; color: var(--ink-faint); background: var(--panel); font-size: 8px; letter-spacing: .08em; }
.terminal-window figcaption span:last-child { display: flex; align-items: center; gap: 7px; }

.agent-demo { margin-top: 78px; }
.demo-app { position: relative; z-index: 2; display: grid; min-height: 610px; grid-template-columns: 190px minmax(0,1fr) 235px; color: #c8ccd5; background: #171b22; font-family: var(--mono); }
.demo-sidebar { position: relative; display: flex; min-width: 0; padding: 18px 14px 48px; border-right: 1px solid #303643; background: #14181e; flex-direction: column; }
.demo-side-brand { display: flex; margin-bottom: 25px; align-items: center; gap: 9px; font-size: 12px; }
.demo-side-brand img { width: 26px; height: 26px; border-radius: 6px; }
.demo-side-action,.demo-project,.demo-session,.demo-files span { display: flex; min-height: 34px; padding: 0 9px; align-items: center; gap: 9px; color: #929aa9; font-size: 9px; }
.demo-side-action span { font-size: 16px; }
.demo-project-label { margin: 18px 9px 8px; color: #626b79; font-size: 7px; letter-spacing: .14em; }
.demo-project { color: #d5d9e2; }
.demo-session { margin-top: 7px; border: 1px solid #303643; border-radius: 7px; color: #e3e6ec; background: #1c2129; }
.demo-session i { width: 5px; height: 5px; border-radius: 50%; background: #77c79c; box-shadow: 0 0 7px #77c79c; }
.demo-session span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.demo-session small { margin-left: auto; color: #6e7785; font-size: 6px; }
.demo-files { display: grid; margin-top: 13px; color: #6f7888; }
.demo-files span { min-height: 24px; font-size: 8px; }
.demo-side-footer { position: absolute; right: 0; bottom: 0; left: 0; min-height: 42px; padding: 14px 20px; border-top: 1px solid #303643; color: #8992a2; font-size: 8px; }
.demo-workspace { position: relative; min-width: 0; padding-bottom: 88px; background: #191d24; }
.demo-workspace-head { display: flex; min-height: 54px; padding: 0 19px; border-bottom: 1px solid #303643; align-items: center; justify-content: space-between; color: #737c8c; font-size: 7px; }
.demo-workspace-head div { display: flex; align-items: center; gap: 9px; }
.demo-workspace-head b { overflow: hidden; color: #e0e3ea; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.demo-online-dot { width: 6px; height: 6px; border-radius: 50%; background: #79bd96; }
.demo-thread { max-width: 720px; margin: 0 auto; padding: 28px 27px 42px; }
.demo-request { margin-left: 12%; padding: 14px 17px; border: 1px solid #343b48; border-radius: 10px; background: #1e232c; }
.demo-request small,.demo-agent-head small { color: #707989; font-size: 6px; letter-spacing: .08em; }
.demo-request p { margin-top: 8px; color: #d5d9e2; font-size: 9px; line-height: 1.65; }
.demo-agent-head { display: flex; margin-top: 24px; align-items: center; gap: 9px; }
.demo-agent-mark { display: grid; width: 27px; height: 27px; border: 1px solid rgba(125,255,178,.35); border-radius: 6px; place-items: center; color: var(--green); background: #14221b; font-size: 8px; }
.demo-agent-head div { display: grid; gap: 3px; }
.demo-agent-head b { color: var(--green-bright); font-size: 8px; letter-spacing: .08em; }
.demo-agent-head > i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); animation: demo-pulse 1.4s infinite; }
.demo-events { margin: 18px 0 0 13px; border-left: 1px solid #353d4a; }
.demo-event { display: grid; min-height: 60px; padding: 11px 12px 11px 18px; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; gap: 10px; opacity: .18; transform: translateY(5px); transition: opacity .25s ease,transform .25s ease,background .25s ease; }
.demo-event.is-visible { opacity: 1; transform: none; }
.demo-event.is-current { background: linear-gradient(90deg,rgba(125,255,178,.06),transparent); }
.demo-event > span { color: #5f6878; font-size: 7px; }
.demo-event small { color: #75d9d8; font-size: 7px; letter-spacing: .1em; }
.demo-event p { margin-top: 5px; color: #aeb5c1; font-size: 8px; line-height: 1.4; }
.demo-event code { padding: 2px 4px; border: 1px solid #3a4351; border-radius: 4px; color: #9ebdff; font-size: 7px; }
.demo-event > b { color: #718070; font-size: 6px; font-weight: 500; }
.demo-event.is-visible > b { color: #7bd4a1; }
.demo-complete { display: none; margin: 18px 0 0 13px; padding: 15px; border: 1px solid rgba(125,255,178,.3); border-radius: 8px; align-items: center; gap: 12px; background: rgba(39,91,62,.12); }
.demo-complete.is-visible { display: flex; animation: demo-complete .4s ease both; }
.demo-complete > span { display: grid; width: 28px; height: 28px; border-radius: 50%; place-items: center; color: #152119; background: #73ca99; }
.demo-complete b { color: #dce8e0; font-size: 9px; }
.demo-complete p { margin-top: 5px; color: #7e8995; font-size: 7px; }
.demo-composer { position: absolute; right: 22px; bottom: 17px; left: 22px; min-height: 66px; padding: 11px 15px; border: 1px solid #353d4a; border-radius: 12px; color: #747d8c; background: #1c2028; font-size: 7px; }
.demo-composer > div { display: flex; margin-top: 13px; padding-top: 9px; border-top: 1px solid #303744; align-items: center; gap: 12px; }
.demo-composer b { margin-left: auto; color: #d0d4dd; font-size: 7px; }
.demo-composer i { display: grid; width: 22px; height: 22px; border-radius: 50%; place-items: center; background: #2a303b; font-style: normal; }
.demo-activity { position: relative; padding: 20px 17px; border-left: 1px solid #303643; background: #161a20; }
.demo-activity-head { display: flex; align-items: center; justify-content: space-between; font-size: 9px; }
.demo-activity-head b { color: #e2e5eb; }
.demo-activity-head span { color: #8992a1; }
.demo-progress { height: 2px; margin: 14px 0 20px; overflow: hidden; background: #303643; }
.demo-progress i { display: block; width: 0; height: 100%; background: #78cca0; transition: width .4s ease; }
.demo-task { display: grid; min-height: 70px; padding: 14px 0; border-bottom: 1px solid #2d333e; grid-template-columns: 22px minmax(0,1fr) 13px; align-items: center; gap: 8px; opacity: .42; transition: opacity .3s ease; }
.demo-task.is-running,.demo-task.is-complete { opacity: 1; }
.demo-task > span { display: grid; width: 20px; height: 20px; border-radius: 5px; place-items: center; color: #858d9a; background: #232933; font-size: 7px; }
.demo-task b { color: #bdc2cb; font-size: 8px; font-weight: 500; }
.demo-task small { display: block; margin-top: 5px; color: #626b79; font-size: 6px; }
.demo-task > i { width: 9px; height: 9px; border: 1px solid #555e6c; border-radius: 50%; }
.demo-task.is-running > i { border-color: var(--amber); border-top-color: transparent; animation: spin .7s linear infinite; }
.demo-task.is-complete > i { border-color: #74c796; background: #74c796; box-shadow: inset 0 0 0 2px #161a20; }
.demo-tool-stream { display: grid; min-height: 100px; margin-top: 22px; padding: 13px; border: 1px solid #2e3541; border-radius: 7px; align-content: start; gap: 13px; background: #14181e; }
.demo-tool-stream small { color: #5d6675; font-size: 6px; letter-spacing: .12em; }
.demo-tool-stream code { color: #7e8998; font-size: 7px; line-height: 1.6; }
.demo-controls { position: absolute; right: 17px; bottom: 17px; left: 17px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.demo-controls button { min-height: 34px; border: 1px solid #39414e; color: #9da5b2; background: #1b2028; cursor: pointer; font-size: 7px; }
.demo-controls button:hover { color: var(--green); border-color: rgba(125,255,178,.4); }

.chapter-header { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.55fr); gap: clamp(45px,7vw,110px); align-items: end; }
.chapter-header .chapter-label { grid-column: 1/-1; }
.chapter-label { display: flex; align-items: center; gap: 16px; color: var(--ink-soft); font-size: 9px; letter-spacing: .08em; }
.chapter-label span:first-child { color: var(--green); }
.chapter-header > p,.split-header > p,.remote-copy p { color: var(--ink-soft); font-size: 11px; line-height: 1.9; }

.run-layout { display: grid; margin-top: 90px; grid-template-columns: minmax(0,1.45fr) minmax(300px,.65fr); gap: 65px; }
.run-visual { min-height: 620px; }
.run-stage { position: sticky; top: calc(var(--header-height) + 35px); }
.run-image-wrap { aspect-ratio: 1.4; }
.run-image-wrap img { transition: opacity .2s ease,transform .45s ease; }
.run-stage.is-switching img { opacity: 0; transform: scale(.992); }
.run-stage[data-scene="browser-live"] img { object-position: center 55%; }
.run-stage[data-scene="complete"] img { object-position: center 63%; }
.run-stream { position: relative; }
.stream-head { display: flex; height: 40px; padding: 0 13px; border: 1px solid var(--line); align-items: center; justify-content: space-between; color: var(--ink-faint); font-size: 8px; }
.run-steps { border-left: 1px solid var(--line-soft); }
.run-step { position: relative; display: grid; min-height: 50vh; padding: 45px 18px; border-bottom: 1px solid var(--line-soft); grid-template-columns: 27px 1fr 10px; align-items: center; gap: 13px; opacity: .25; transition: opacity .35s ease,background .35s ease; }
.run-step.is-active { opacity: 1; background: linear-gradient(90deg,rgba(125,255,178,.05),transparent); }
.run-step::before { position: absolute; top: 0; bottom: 0; left: -1px; width: 1px; background: var(--green); content: ""; transform: scaleY(0); transition: transform .35s ease; }
.run-step.is-active::before { transform: scaleY(1); }
.run-step > span { align-self: start; padding-top: 3px; color: var(--ink-faint); font-size: 8px; }
.run-step small { color: var(--cyan); font-size: 8px; letter-spacing: .09em; }
.run-step h3 { margin-top: 12px; font-size: 23px; line-height: 1.3; letter-spacing: -.04em; }
.run-step p { margin-top: 14px; color: var(--ink-soft); font-size: 10px; line-height: 1.8; }
.run-step > i { width: 8px; height: 8px; border: 1px solid var(--ink-faint); border-radius: 50%; }
.run-step.is-active > i { border-color: var(--green); background: var(--green); box-shadow: 0 0 9px var(--green); }

.system-console { margin-top: clamp(75px,9vw,130px); }
.system-showcase { position: relative; aspect-ratio: 2900/2168; }
.system-frame { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(.99); transition: opacity .45s ease,transform .45s ease; pointer-events: none; }
.system-frame.is-active { opacity: 1; transform: scale(1); pointer-events: auto; }
.system-selector { display: grid; border-bottom: 1px solid var(--line); grid-template-columns: repeat(4,1fr); }
.system-selector button { position: relative; display: grid; min-height: 145px; padding: 23px; border: 0; border-right: 1px solid var(--line); color: var(--ink-faint); background: rgba(6,12,9,.7); grid-template-columns: auto 1fr; gap: 8px 14px; text-align: left; cursor: pointer; transition: color .25s ease,background .25s ease; }
.system-selector button:first-child { border-left: 1px solid var(--line); }
.system-selector button:hover,.system-selector button.is-active { color: var(--ink); background: rgba(125,255,178,.045); }
.system-selector button::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--green); content: ""; transform: scaleX(0); transition: transform .25s ease; }
.system-selector button.is-active::after { transform: scaleX(1); }
.system-selector button > span { grid-row: 1/4; color: var(--green); font-size: 8px; }
.system-selector strong { font-size: 16px; }
.system-selector small { color: var(--ink-soft); font-size: 9px; line-height: 1.55; }
.system-selector button > i { color: var(--ink-faint); font-size: 6px; font-style: normal; letter-spacing: .1em; }
.system-selector button.is-active > i { color: var(--green); }
.capability-line { display: grid; margin-top: 60px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); grid-template-columns: repeat(6,1fr); }
.capability-line span { display: flex; min-height: 54px; padding: 0 10px; border-right: 1px solid var(--line-soft); align-items: center; justify-content: center; gap: 9px; color: var(--ink-soft); font-size: 8px; }
.capability-line span:last-child { border-right: 0; }
.capability-line i { width: 4px; height: 4px; border-radius: 50%; background: var(--green); }

.split-header { grid-template-columns: minmax(0,1.2fr) minmax(300px,.6fr); }
.split-header .chapter-label { grid-column: auto; }
.remote-copy { padding: 20px; border-left: 1px solid var(--line); }
.remote-copy > span { display: block; margin-bottom: 14px; color: var(--cyan); font-size: 7px; }
.remote-visual { margin-top: clamp(75px,9vw,130px); }
.network-route { display: grid; max-width: 680px; margin: 48px auto; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; }
.route-node { display: flex; align-items: center; gap: 8px; color: var(--ink-faint); font-size: 7px; }
.route-node i { width: 8px; height: 8px; border: 1px solid var(--ink-faint); border-radius: 50%; }
.route-node.is-live { color: var(--green); }
.route-node.is-live i { border-color: var(--green); box-shadow: 0 0 8px rgba(125,255,178,.5); }
.network-route b { height: 1px; background: repeating-linear-gradient(90deg,var(--line) 0 5px,transparent 5px 10px); }
.signal-strip { display: grid; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); grid-template-columns: repeat(4,1fr); }
.signal-strip > div { position: relative; display: grid; min-height: 130px; padding: 25px; border-right: 1px solid var(--line); grid-template-columns: auto 1fr; align-content: center; gap: 9px 14px; }
.signal-strip > div:last-child { border-right: 0; }
.signal-strip span { grid-row: 1/4; color: var(--green); font-size: 8px; }
.signal-strip strong { font-size: 14px; }
.signal-strip small { color: var(--ink-soft); font-size: 8px; line-height: 1.5; }
.signal-strip i { color: var(--ink-faint); font-size: 6px; font-style: normal; }

.download { text-align: center; }
.download-inner { max-width: 1100px; margin-inline: auto; }
.download-content { padding: clamp(55px,8vw,100px) var(--gutter); }
.download-logo { width: 72px; height: 72px; margin: 0 auto 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 0 35px rgba(125,255,178,.1); }
.download-logo img { width: 100%; height: 100%; }
.download-title .title-line { margin-inline: auto; }
.download-content > p { max-width: 590px; margin: 26px auto 0; color: var(--ink-soft); font-size: 11px; line-height: 1.8; }
.download-actions { display: flex; margin-top: 34px; align-items: center; justify-content: center; gap: 25px; }
.windows-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--ink-faint); }
.download-content .download-note { min-height: 18px; margin-top: 16px; color: var(--ink-faint); font-size: 8px; }
.download-content .download-note.is-visible { color: var(--amber); }
.site-footer { z-index: 1; }
.footer-inner { display: grid; min-height: 115px; border-top: 1px solid var(--line); grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--ink-faint); font-size: 8px; letter-spacing: .07em; }
.footer-inner > div { display: flex; align-items: center; gap: 12px; }
.footer-inner > div > span { color: var(--green-bright); font-size: 10px; }
.footer-inner > div > span span { color: var(--ink-faint); }
.footer-inner > span { justify-self: center; }
.footer-inner > a { justify-self: end; color: var(--ink-soft); }
.footer-inner > a:hover { color: var(--green); }

.js .entrance,.js .reveal { opacity: 0; transform: translateY(18px); }
.js .entrance { animation: enter .7s cubic-bezier(.2,.7,.2,1) forwards; }
.js .hero-meta { animation-delay: .08s; }
.js .hero-identity { animation-delay: .16s; }
.js .hero-thesis { animation-delay: .28s; }
.js .hero-description { animation-delay: .38s; }
.js .agent-demo { animation-delay: .55s; }
.js .reveal { transition: opacity .65s ease,transform .65s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }

@keyframes enter { to { opacity:1; transform:none; } }
@keyframes page-scan { 0% { opacity:0; transform:translateY(-20vh); } 10%,70% { opacity:1; } 90%,100% { opacity:0; transform:translateY(120vh); } }
@keyframes demo-pulse { 50% { opacity:.35; } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes demo-complete { from { opacity:0; transform:translateY(6px); } }

@media (max-width:1279px) {
  :root { --header-height:64px; --gutter:28px; }
  .nav-wrap { grid-template-columns:auto 1fr auto auto; }
  .brand { grid-column:1; }
  .site-nav { position:fixed; top:var(--header-height); right:14px; left:14px; display:grid; gap:0; padding:10px; border:1px solid var(--line); background:rgba(5,11,8,.98); opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity .2s ease,transform .2s ease; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
  .site-nav.is-open { opacity:1; pointer-events:auto; transform:none; }
  .site-nav a { padding:0 12px; border-bottom:1px solid var(--line-soft); font-size:11px; }
  .site-nav a:last-child { border-bottom:0; }
  .menu-button { grid-column:4; display:flex; width:44px; height:44px; padding:0; border:0; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:var(--green); background:transparent; }
  .menu-button i { width:17px; height:1px; background:currentColor; transition:transform .2s ease; }
  .menu-button[aria-expanded="true"] i:first-of-type { transform:translateY(3px) rotate(45deg); }
  .menu-button[aria-expanded="true"] i:last-of-type { transform:translateY(-3px) rotate(-45deg); }
  .nav-end { grid-column:3; margin-right:7px; }
  .nav-download,.runtime-status { display:none; }
  .hero { padding-top:125px; }
  .hero-main { grid-template-columns:1fr; gap:34px; }
  .hero-description { max-width:680px; }
  .demo-app { grid-template-columns:160px minmax(0,1fr); min-height:580px; }
  .demo-activity { position:absolute; z-index:5; top:70px; right:14px; width:210px; min-height:350px; border:1px solid #343b48; border-radius:9px; box-shadow:0 20px 50px rgba(0,0,0,.4); }
  .chapter-header,.split-header { grid-template-columns:1fr; align-items:start; gap:27px; }
  .split-header .chapter-label { grid-column:auto; }
  .run-layout { grid-template-columns:1fr; gap:24px; margin-top:70px; }
  .run-visual { position:sticky; z-index:8; top:var(--header-height); min-height:0; padding:12px 0; background:var(--bg); }
  .run-stage { position:relative; top:auto; }
  .run-step { min-height:45vh; }
  .system-selector { grid-template-columns:repeat(2,1fr); }
  .signal-strip { grid-template-columns:repeat(2,1fr); }
  .signal-strip > div:nth-child(2) { border-right:0; }
  .signal-strip > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:767px) {
  :root { --gutter:18px; }
  .page-grid-bg,.cursor-glow,.hud-corner { display:none; }
  .chapter { padding-block:100px; }
  .brand small { display:none; }
  .hero { padding-top:105px; padding-bottom:100px; }
  .hero-meta { align-items:flex-start; line-height:1.5; }
  .hero-meta-status { display:none; }
  .hero-identity { align-items:flex-end; gap:14px; }
  .hero-logo { width:48px; height:48px; border-radius:11px; }
  .command-label { font-size:7px; }
  .hero-identity h1 { font-size:58px; }
  .hero-thesis { margin-top:35px; font-size:32px; }
  .title-line { width:auto; white-space:normal; }
  .section-title { font-size:40px; }
  .download-title { font-size:38px; }
  .hero-description { padding:18px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .primary-action { width:100%; }
  .quiet-link { justify-content:center; }
  .agent-demo { margin-top:55px; }
  .terminal-bar > span:nth-child(2) { max-width:52%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .demo-app { min-height:590px; grid-template-columns:1fr; }
  .demo-sidebar { display:none; }
  .demo-workspace-head { padding-right:14px; padding-left:14px; }
  .demo-workspace-head > span { display:none; }
  .demo-thread { padding:22px 14px 125px; }
  .demo-request { margin-left:7%; }
  .demo-event { padding-left:12px; grid-template-columns:18px minmax(0,1fr) auto; }
  .demo-event p { font-size:7px; }
  .demo-event > b { font-size:5px; }
  .demo-composer { right:12px; bottom:12px; left:12px; }
  .demo-composer > div span:nth-child(2),.demo-composer > div span:nth-child(3) { display:none; }
  .demo-activity { top:auto; right:10px; bottom:43px; width:180px; min-height:0; padding:12px; transform:scale(.82); transform-origin:right bottom; }
  .demo-activity-head,.demo-progress,.demo-tool-stream,.demo-controls { display:none; }
  .demo-task { min-height:50px; padding:8px 0; }
  .terminal-statusbar > span:nth-child(2) { display:none; }
  .chapter-header { display:block; }
  .chapter-header > p,.remote-copy { margin-top:26px; }
  .run-layout,.system-console,.remote-visual { margin-top:58px; }
  .run-visual { margin-inline:-18px; padding-inline:18px; }
  .run-image-wrap { aspect-ratio:1.08; }
  .run-step { min-height:48vh; padding:38px 12px; grid-template-columns:23px 1fr 8px; }
  .run-step h3 { font-size:22px; }
  .system-selector { grid-template-columns:1fr; }
  .system-selector button { min-height:112px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); }
  .capability-line { margin-top:50px; grid-template-columns:repeat(3,1fr); }
  .capability-line span:nth-child(-n+3) { border-bottom:1px solid var(--line-soft); }
  .capability-line span:nth-child(3n) { border-right:0; }
  .network-route { grid-template-columns:auto 1fr auto; }
  .network-route .route-node:nth-last-child(1),.network-route b:nth-last-child(2) { display:none; }
  .signal-strip { grid-template-columns:1fr; }
  .signal-strip > div { min-height:105px; border-right:0; border-bottom:1px solid var(--line); }
  .download-content { padding:55px 18px; }
  .download-actions { align-items:stretch; flex-direction:column; }
  .windows-status { justify-content:center; }
  .footer-inner { display:flex; min-height:170px; align-items:flex-start; justify-content:center; flex-direction:column; gap:20px; }
  .footer-inner > span,.footer-inner > a { justify-self:auto; }
}

@media (max-width:360px) {
  .hero-identity h1 { font-size:48px; }
  .hero-thesis { font-size:28px; }
  .section-title { font-size:34px; }
  .download-title { font-size:32px; }
  .demo-activity { display:none; }
}

@media (pointer:coarse) { .cursor-glow { display:none; } }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .cursor-glow,.page-scanline { display:none; }
  .js .entrance,.js .reveal { opacity:1; transform:none; }
  .run-visual { position:relative; top:0; }
  .run-image-wrap img { transform:none !important; }
}