@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --paper: #f2f0e9;
  --ink: #121212;
  --muted: #77736a;
  --line: #d6d1c5;
  --red: #e5482e;
  --red-deep: #a71920;
  --yellow: #f5cc1d;
  --green: #49c522;
  --lime: #c5ff4a;
  --white: #fffef9;
  --mono: 'DM Mono', monospace;
  --sans: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
button, a { font: inherit; }
button { cursor: pointer; border: 0; }
a { color: inherit; text-decoration: none; }
.noise { pointer-events: none; position: fixed; inset: 0; z-index: 20; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.section-pad { padding-left: clamp(24px, 6vw, 96px); padding-right: clamp(24px, 6vw, 96px); }
.topbar { height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(24px, 4vw, 64px); border-bottom: 1px solid var(--line); position: relative; z-index: 10; background: rgba(242,240,233,.92); backdrop-filter: blur(16px); }
.wordmark, .footer-brand { display: flex; align-items: center; gap: 12px; font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .08em; }
.wordmark b { color: var(--red); font-size: 15px; }
.mark { display: inline-flex; width: 24px; height: 24px; gap: 3px; align-items: end; }
.mark span { width: 5px; border-radius: 3px; display: block; background: var(--ink); }
.mark span:nth-child(1) { height: 12px; }
.mark span:nth-child(2) { height: 22px; background: var(--red); }
.mark span:nth-child(3) { height: 16px; background: var(--green); }
.main-nav { display: flex; gap: clamp(18px, 3vw, 46px); font-size: 12px; font-weight: 600; }
.main-nav a { position: relative; padding: 7px 0; }
.main-nav a::after { content: ''; height: 2px; background: var(--red); position: absolute; left: 0; right: 100%; bottom: 0; transition: right .25s ease; }
.main-nav a:hover::after { right: 0; }
.top-status, .live-led { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 10px; letter-spacing: .06em; }
.top-status i, .live-led i, .modal-safety i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: var(--green); box-shadow: 0 0 0 4px rgba(73,197,34,.14); }
.top-status small { color: var(--muted); font-size: 9px; margin-left: 4px; }
.hero { min-height: min(760px, calc(100vh - 78px)); display: grid; grid-template-columns: minmax(0, .93fr) minmax(480px, 1.07fr); gap: clamp(32px, 6vw, 100px); align-items: center; padding-top: clamp(56px, 8vw, 116px); padding-bottom: clamp(64px, 8vw, 112px); max-width: 1600px; margin: auto; }
.hero-copy { padding-left: clamp(0px, 2vw, 26px); position: relative; z-index: 2; }
.eyebrow { font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; color: var(--muted); margin: 0 0 22px; }
.eyebrow-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; margin-right: 8px; background: var(--red); vertical-align: 1px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(54px, 7.2vw, 112px); line-height: .91; letter-spacing: -.075em; margin-bottom: 32px; font-weight: 600; max-width: 760px; }
h1 em, h2 em { font-style: normal; color: var(--red); }
.hero-dek { max-width: 500px; color: #5f5b54; line-height: 1.65; font-size: 15px; }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 38px; }
.button { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 20px; font-size: 12px; font-weight: 600; border-radius: 0; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button-dark { background: var(--ink); color: var(--white); }
.button-dark:hover { background: var(--red); }
.button-light { background: var(--white); color: var(--ink); }
.button-light:hover { background: var(--yellow); }
.text-link { font-size: 12px; font-weight: 600; border-bottom: 1px solid var(--ink); padding-bottom: 6px; }
.text-link span { color: var(--red); margin-left: 8px; }
.hero-note { display: flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 10px; color: var(--muted); margin-top: 70px; }
.note-line { width: 40px; height: 1px; background: var(--red); }
.hero-art { min-height: 570px; position: relative; overflow: hidden; background: var(--red-deep); isolation: isolate; }
.hero-art img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; mix-blend-mode: multiply; filter: saturate(1.2) contrast(1.1); }
.art-overlay { position: absolute; inset: 0; background: linear-gradient(125deg, rgba(159,14,26,.26), rgba(0,0,0,.08) 50%, rgba(73,197,34,.18)); mix-blend-mode: screen; }
.art-caption { position: absolute; z-index: 3; color: #fff; font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.art-caption-top { top: 22px; left: 25px; }
.art-caption-bottom { bottom: 24px; left: 25px; display: flex; gap: 16px; align-items: center; }
.art-caption-bottom span { color: rgba(255,255,255,.55); }
.art-caption-bottom strong { color: var(--lime); font-weight: 400; }
.orbit { border: 1px solid rgba(255,255,255,.45); border-radius: 50%; position: absolute; z-index: 2; left: 49%; top: 49%; transform: translate(-50%, -50%); }
.orbit-one { width: 320px; height: 320px; }
.orbit-two { width: 500px; height: 230px; transform: translate(-50%, -50%) rotate(38deg); border-color: rgba(255,255,255,.25); }
.art-node { z-index: 4; position: absolute; padding: 7px 10px; background: var(--ink); color: #fff; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; display: flex; align-items: center; gap: 7px; }
.node-pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--green); animation: pulse 1.8s infinite; }
.node-carman { top: 22%; left: 12%; }
.node-salman { top: 52%; right: 10%; background: var(--red); }
.node-salman .node-pulse { background: var(--yellow); }
.node-qwen { bottom: 22%; left: 27%; }
.node-qwen .node-pulse { background: var(--yellow); }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(73,197,34,.6); } 50% { box-shadow: 0 0 0 7px rgba(73,197,34,0); } }
.ticker { overflow: hidden; white-space: nowrap; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 13px 0; background: var(--yellow); font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }
.ticker-track { display: flex; min-width: max-content; gap: 30px; align-items: center; animation: ticker 32s linear infinite; }
.ticker b { color: var(--red); font-size: 13px; }
@keyframes ticker { to { transform: translateX(-28%); } }
.merge-section { max-width: 1600px; margin: auto; padding-top: 130px; padding-bottom: 140px; }
.section-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 54px; }
h2 { font-size: clamp(42px, 5.2vw, 76px); line-height: .95; letter-spacing: -.065em; font-weight: 600; margin-bottom: 0; }
h2 span { color: var(--muted); }
.section-intro { width: min(350px, 100%); color: var(--muted); line-height: 1.65; font-size: 13px; margin-bottom: 5px; }
.role-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.role-card { min-height: 390px; border: 1px solid var(--line); padding: 22px; position: relative; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.role-card:hover { transform: translateY(-7px); box-shadow: 10px 10px 0 rgba(0,0,0,.08); }
.role-card::after { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; opacity: .75; right: -75px; bottom: -72px; }
.role-carman::after { background: var(--red); }
.role-salman::after { background: var(--green); }
.role-qwen::after { background: var(--yellow); }
.role-top { display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.role-index { color: var(--muted); }
.role-state { display: flex; gap: 7px; align-items: center; }
.role-state i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; }
.state-warn i { background: var(--yellow); }
.state-live i { background: var(--green); }
.role-symbol { font-size: 68px; font-weight: 600; line-height: 1; letter-spacing: -.1em; margin-top: 58px; }
.role-carman .role-symbol { color: var(--red); }
.role-salman .role-symbol { color: #149807; }
.role-qwen .role-symbol { color: #b79a00; }
.role-card h3 { font-size: 23px; margin: 14px 0 5px; letter-spacing: -.04em; }
.role-tag { color: var(--muted); font-family: var(--mono); text-transform: uppercase; letter-spacing: .06em; font-size: 9px; }
.role-card > p:not(.role-tag) { color: #5f5b54; line-height: 1.45; font-size: 12px; max-width: 270px; margin-top: 14px; }
.permission-row { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; position: relative; z-index: 1; font-family: var(--mono); font-size: 9px; }
.permission-row span { color: var(--muted); }
.permission-row strong { font-weight: 400; }
.console-section { background: var(--ink); color: var(--white); padding-top: 110px; padding-bottom: 110px; }
.console-shell { max-width: 1400px; margin: auto; }
.eyebrow-light { color: #9a978e; }
.console-header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 52px; }
.console-header h2 span { color: #9a978e; }
.console-meta { display: flex; align-items: center; gap: 22px; font-family: var(--mono); color: #77736a; font-size: 9px; letter-spacing: .08em; }
.live-led { color: var(--lime); }
.live-led i { background: var(--lime); box-shadow: 0 0 0 4px rgba(197,255,74,.11); }
.icon-button { width: 40px; height: 40px; background: var(--red); color: #fff; font-size: 20px; line-height: 1; }
.console-body { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; }
.map-panel, .activity-panel { border: 1px solid #393936; min-height: 525px; }
.panel-title { height: 56px; padding: 0 20px; border-bottom: 1px solid #393936; display: flex; align-items: center; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; }
.mini-label { color: #69665f; font-size: 8px; }
.architecture-map { min-height: 468px; position: relative; overflow: hidden; }
.map-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(#aaa 1px, transparent 1px), linear-gradient(90deg, #aaa 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent); }
.map-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.line { fill: none; stroke-width: 1; stroke-dasharray: 5 7; animation: flow 8s linear infinite; }
.line-carman { stroke: var(--red); }
.line-qwen { stroke: var(--yellow); animation-delay: -2s; }
.line-bottom { stroke: var(--green); animation-delay: -4s; }
.line-bottom-2 { animation-delay: -6s; }
@keyframes flow { to { stroke-dashoffset: -120; } }
.map-node { position: absolute; display: flex; flex-direction: column; gap: 4px; font-family: var(--mono); font-size: 10px; }
.map-node strong { font-family: var(--sans); font-size: 13px; font-weight: 500; }
.map-node small { color: #77736a; font-size: 8px; }
.map-dot { width: 8px; height: 8px; display: block; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 6px rgba(229,72,46,.1); margin-bottom: 3px; }
.map-node-carman { top: 16%; left: 10%; }
.map-node-qwen { top: 16%; right: 11%; }
.map-node-qwen .map-dot { background: var(--yellow); box-shadow: 0 0 0 6px rgba(245,204,29,.1); }
.map-node-audit { bottom: 13%; left: 10%; }
.map-node-audit .map-dot { background: var(--green); box-shadow: 0 0 0 6px rgba(73,197,34,.1); }
.map-node-sandbox { bottom: 13%; right: 11%; }
.map-node-sandbox .map-dot { background: var(--lime); box-shadow: 0 0 0 6px rgba(197,255,74,.1); }
.map-core { width: 126px; height: 126px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--red); border-radius: 50%; text-align: center; z-index: 2; }
.map-core strong { font-size: 37px; line-height: .8; letter-spacing: -.1em; }
.map-core small { margin-top: 12px; font-family: var(--mono); font-size: 8px; line-height: 1.3; color: #ffd4c8; text-transform: uppercase; }
.core-rings { position: absolute; inset: -22px; border: 1px solid rgba(229,72,46,.45); border-radius: 50%; animation: ring 7s linear infinite; }
.core-rings span { position: absolute; border: 1px solid rgba(229,72,46,.35); border-radius: 50%; inset: -18px; }
.core-rings span:nth-child(2) { inset: -38px; border-color: rgba(229,72,46,.17); }
.core-rings span:nth-child(3) { inset: 18px; border-color: rgba(255,255,255,.4); }
@keyframes ring { to { transform: rotate(360deg); } }
.signal-readout { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: auto auto; align-items: end; gap: 3px 12px; font-family: var(--mono); min-width: 190px; }
.signal-readout > span { color: #77736a; font-size: 8px; }
.signal-readout strong { font-size: 24px; font-weight: 400; }
.signal-readout strong small { font-size: 9px; color: #77736a; }
.spark-bars { height: 22px; display: flex; align-items: end; gap: 3px; grid-column: 1 / -1; }
.spark-bars i { display: block; width: 100%; background: var(--green); height: 35%; animation: bars 1.1s ease-in-out infinite alternate; }
.spark-bars i:nth-child(2) { height: 90%; animation-delay: -.4s; }.spark-bars i:nth-child(3) { height: 55%; animation-delay: -.8s; }.spark-bars i:nth-child(4) { height: 72%; animation-delay: -.2s; }.spark-bars i:nth-child(5) { height: 40%; animation-delay: -.6s; }.spark-bars i:nth-child(6) { height: 100%; animation-delay: -.5s; }.spark-bars i:nth-child(7) { height: 60%; animation-delay: -.9s; }.spark-bars i:nth-child(8) { height: 82%; animation-delay: -.1s; }
@keyframes bars { to { transform: scaleY(.45); opacity: .5; } }
.activity-panel { display: flex; flex-direction: column; }
.activity-list { flex: 1; }
.activity-row { display: grid; grid-template-columns: 51px 9px 1fr 12px; gap: 10px; padding: 21px 20px; border-bottom: 1px solid #393936; align-items: start; animation: appear .4s ease; }
.activity-time { font-family: var(--mono); font-size: 8px; color: #77736a; padding-top: 3px; }
.activity-marker { width: 7px; height: 7px; border-radius: 50%; margin-top: 5px; }
.marker-green { background: var(--green); }.marker-yellow { background: var(--yellow); }.marker-red { background: var(--red); }
.activity-row strong { font-size: 11px; font-weight: 500; display: block; margin-bottom: 6px; }.activity-row p { font-size: 10px; color: #77736a; line-height: 1.4; margin: 0; }.activity-arrow { color: #77736a; }
.outline-button { min-height: 44px; border: 1px solid #4a4842; background: transparent; color: var(--white); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; font-family: var(--mono); font-size: 10px; letter-spacing: .04em; transition: .2s ease; }.outline-button:hover { border-color: var(--lime); color: var(--lime); }.full-width { width: 100%; }
.activity-panel > .outline-button { margin: 18px 20px 20px; width: calc(100% - 40px); }
.issue-section { padding-top: 140px; padding-bottom: 135px; max-width: 1600px; margin: auto; }
.issue-heading { align-items: end; }.filter-row { display: flex; gap: 8px; flex-wrap: wrap; }.filter-button { background: transparent; border: 1px solid var(--line); color: var(--muted); padding: 10px 13px; font-family: var(--mono); font-size: 9px; }.filter-button span { margin-left: 8px; color: var(--ink); }.filter-button.is-active, .filter-button:hover { background: var(--ink); border-color: var(--ink); color: var(--white); }.filter-button.is-active span, .filter-button:hover span { color: var(--lime); }
.issue-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; align-items: start; }.findings-list { display: flex; flex-direction: column; gap: 10px; }.finding-card { min-height: 145px; border: 1px solid var(--line); display: grid; grid-template-columns: 62px 1fr 32px; gap: 16px; padding: 20px; transition: .25s ease; }.finding-card:hover { border-color: var(--ink); transform: translateX(5px); }.finding-card.is-hidden { display: none; }.finding-icon { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: var(--mono); }.icon-red { background: var(--red); color: var(--white); }.icon-yellow { background: var(--yellow); }.icon-green { background: var(--green); }.icon-black { background: var(--ink); color: white; }.finding-meta { display: flex; gap: 12px; font-family: var(--mono); font-size: 8px; color: var(--muted); align-items: center; }.severity { padding: 4px 6px; color: var(--ink); }.severity-critical { background: var(--red); color: white; }.severity-coach { background: var(--yellow); }.severity-clear { background: var(--green); }.severity-observe { background: var(--line); }.finding-content h3 { font-size: 17px; margin: 12px 0 7px; letter-spacing: -.04em; }.finding-content > p { color: var(--muted); font-size: 11px; margin-bottom: 14px; }.finding-footer { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 8px; color: var(--muted); }.finding-footer b { color: var(--ink); font-weight: 500; }.finding-status { color: var(--red); }.status-ready { color: #149807; }.finding-open { align-self: start; background: transparent; color: var(--muted); font-size: 18px; }.finding-open:hover { color: var(--red); }
.resolution-card { background: var(--yellow); padding: 26px; min-height: 430px; position: sticky; top: 24px; }.resolution-top { display: flex; justify-content: space-between; align-items: center; }.resolution-top .eyebrow { color: #756300; margin-bottom: 0; }.resolution-count { font-family: var(--mono); font-size: 9px; }.resolution-card h3 { font-size: 28px; letter-spacing: -.06em; margin: 62px 0 11px; }.resolution-card > p { color: #6d5d00; font-size: 12px; line-height: 1.55; max-width: 340px; min-height: 55px; }.resolution-steps { border-top: 1px solid rgba(0,0,0,.25); margin-top: 26px; margin-bottom: 22px; }.resolution-step { display: flex; width: 100%; align-items: center; gap: 10px; padding: 8px 0; background: transparent; color: rgba(0,0,0,.43); font-family: var(--mono); font-size: 9px; text-align: left; border-bottom: 1px solid rgba(0,0,0,.13); }.resolution-step span { color: rgba(0,0,0,.35); }.resolution-step.is-current { color: var(--ink); font-weight: 600; }.resolution-step.is-current span { color: var(--red); }.resolution-card .button-dark:hover { background: var(--red); }
.route-section { background: var(--red); padding-top: 112px; padding-bottom: 112px; }.route-card { max-width: 1400px; margin: auto; display: grid; grid-template-columns: .85fr 1.15fr; min-height: 460px; background: var(--red); color: var(--white); overflow: hidden; }.route-copy { padding: 62px 8% 62px 0; }.route-copy .eyebrow { color: #ffc1b3; }.route-copy h2 { margin-bottom: 25px; }.route-copy h2 em { color: var(--yellow); }.route-copy > p { max-width: 400px; line-height: 1.6; color: #ffd4cc; font-size: 13px; margin-bottom: 35px; }.route-visual { background: var(--ink); position: relative; min-height: 460px; overflow: hidden; }.route-ring { border-radius: 50%; border: 1px solid rgba(255,255,255,.22); position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); }.route-ring-one { width: 310px; height: 310px; animation: ring 18s linear infinite; }.route-ring-two { width: 440px; height: 190px; transform: translate(-50%, -50%) rotate(-34deg); border-color: rgba(73,197,34,.55); animation: ring 24s linear reverse infinite; }.route-core { width: 104px; height: 104px; border-radius: 50%; background: var(--green); color: var(--ink); position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 2; }.route-core span { font-size: 29px; font-weight: 700; line-height: .9; }.route-core small { font-family: var(--mono); font-size: 8px; text-transform: uppercase; margin-top: 8px; }.route-label { position: absolute; padding: 8px 10px; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; z-index: 3; }.route-label-a { top: 22%; left: 12%; background: var(--red); }.route-label-b { top: 22%; right: 12%; background: var(--yellow); color: var(--ink); }.route-label-c { bottom: 19%; left: 50%; transform: translateX(-50%); background: var(--white); color: var(--ink); }.route-legend { position: absolute; left: 24px; bottom: 22px; display: flex; gap: 14px; font-family: var(--mono); font-size: 8px; color: #77736a; }.route-legend span { display: flex; align-items: center; gap: 5px; }.route-legend i { width: 6px; height: 6px; border-radius: 50%; }.legend-green { background: var(--green); }.legend-yellow { background: var(--yellow); }.legend-red { background: var(--red); }
.footer { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); font-family: var(--mono); font-size: 10px; }.footer p { color: var(--muted); margin: 0; }.footer-safe { display: flex; gap: 8px; align-items: center; color: var(--muted); }.footer-safe i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.modal-backdrop { position: fixed; z-index: 50; inset: 0; background: rgba(18,18,18,.72); display: none; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(10px); }.modal-backdrop.is-open { display: flex; animation: fade-in .2s ease; }.route-modal { width: min(580px, 100%); background: var(--paper); color: var(--ink); padding: clamp(24px, 5vw, 42px); box-shadow: 18px 18px 0 var(--red); animation: rise .25s ease; }.modal-header { display: flex; justify-content: space-between; align-items: start; }.modal-header .eyebrow { margin-bottom: 16px; color: var(--red); }.modal-header h2 { font-size: clamp(34px, 5vw, 52px); }.modal-close { background: transparent; font-size: 28px; color: var(--muted); line-height: 1; }.modal-close:hover { color: var(--red); }.modal-dek { color: var(--muted); font-size: 12px; line-height: 1.6; max-width: 470px; margin: 20px 0 26px; }.gate-list { border-top: 1px solid var(--line); }.gate-item { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); cursor: pointer; }.gate-item input { position: absolute; opacity: 0; }.fake-check { width: 22px; height: 22px; border: 1px solid var(--ink); color: transparent; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-top: 1px; }.gate-item input:checked + .fake-check { color: var(--ink); background: var(--green); border-color: var(--green); }.gate-item strong { font-size: 12px; display: block; margin-bottom: 4px; }.gate-item small { color: var(--muted); font-size: 10px; line-height: 1.4; display: block; }.audit-preview { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 14px 0; font-family: var(--mono); font-size: 8px; color: var(--muted); }.audit-preview > div { display: flex; align-items: center; gap: 7px; margin-right: auto; color: var(--ink); }.audit-icon { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; background: var(--yellow); color: var(--ink); font-size: 12px; }.modal-footer { border-top: 1px solid var(--line); padding-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }.modal-safety { font-family: var(--mono); font-size: 8px; color: var(--muted); display: flex; gap: 8px; align-items: center; }.modal-safety i { background: var(--green); box-shadow: none; }.modal-footer .button:disabled { cursor: not-allowed; background: #c8c3b9; color: #79746b; transform: none; }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes rise { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } @keyframes appear { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.toast { position: fixed; z-index: 60; right: 22px; bottom: 22px; background: var(--ink); color: var(--white); padding: 13px 16px; font-family: var(--mono); font-size: 10px; border-left: 3px solid var(--green); transform: translateY(120px); opacity: 0; transition: .3s ease; }.toast.is-visible { transform: translateY(0); opacity: 1; }
@media (max-width: 980px) { .hero { grid-template-columns: 1fr; padding-top: 80px; }.hero-art { min-height: 480px; }.role-grid { grid-template-columns: 1fr; }.role-card { min-height: 280px; }.role-symbol { margin-top: 30px; }.console-body, .issue-layout, .route-card { grid-template-columns: 1fr; }.route-copy { padding: 54px 0; }.route-visual { min-height: 400px; }.resolution-card { position: static; }.issue-layout { gap: 34px; } }
@media (max-width: 640px) { .topbar { height: 68px; }.main-nav { display: none; }.top-status small { display: none; }.hero { min-height: auto; padding-top: 68px; }.hero-actions { align-items: start; flex-direction: column; }.hero-note { margin-top: 42px; }.hero-art { min-height: 370px; }.art-node { font-size: 8px; }.orbit-one { width: 220px; height: 220px; }.orbit-two { width: 330px; height: 160px; }.section-heading, .console-header { flex-direction: column; align-items: start; }.merge-section, .issue-section { padding-top: 90px; padding-bottom: 90px; }.console-section, .route-section { padding-top: 78px; padding-bottom: 78px; }.map-panel, .activity-panel { min-height: auto; }.architecture-map { min-height: 400px; }.map-node strong { font-size: 11px; }.map-node-carman, .map-node-audit { left: 6%; }.map-node-qwen, .map-node-sandbox { right: 6%; }.map-core { width: 96px; height: 96px; }.map-core strong { font-size: 30px; }.signal-readout { bottom: 19px; }.finding-card { grid-template-columns: 40px 1fr; }.finding-open { display: none; }.finding-icon { width: 33px; height: 33px; font-size: 15px; }.finding-footer { gap: 10px; flex-direction: column; }.footer { padding-top: 25px; padding-bottom: 25px; flex-direction: column; align-items: start; }.modal-footer { align-items: start; flex-direction: column; }.modal-footer .button { width: 100%; }.route-modal { box-shadow: 10px 10px 0 var(--red); }.route-visual { min-height: 360px; } }

/* Carman10 control-plane modules */
.forge-section { max-width: 1600px; margin: auto; padding-top: 140px; padding-bottom: 140px; }
.forge-layout { display: grid; grid-template-columns: 1.18fr .82fr; gap: 14px; align-items: stretch; }
.forge-stage { border: 1px solid var(--line); min-width: 0; }
.forge-visual { height: 310px; position: relative; overflow: hidden; background: var(--red-deep); }
.forge-visual img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; filter: saturate(1.1) contrast(1.1); }
.forge-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, rgba(229,72,46,.1), rgba(0,0,0,.24), rgba(73,197,34,.15)); mix-blend-mode: screen; }
.forge-crosshair { position: absolute; z-index: 2; width: 170px; height: 170px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; left: 54%; top: 47%; transform: translate(-50%, -50%); }
.forge-crosshair::before, .forge-crosshair::after { content: ''; position: absolute; background: rgba(255,255,255,.5); }
.forge-crosshair::before { width: 1px; height: 250px; left: 50%; top: -40px; }.forge-crosshair::after { width: 250px; height: 1px; top: 50%; left: -40px; }
.forge-crosshair-two { width: 290px; height: 110px; transform: translate(-50%, -50%) rotate(-29deg); border-color: rgba(197,255,74,.6); }
.forge-crosshair-two::before, .forge-crosshair-two::after { display: none; }
.forge-code, .forge-badge { position: absolute; z-index: 3; color: white; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; line-height: 1.55; }
.forge-code { top: 22px; left: 22px; color: rgba(255,255,255,.72); }.forge-badge { bottom: 22px; right: 22px; background: var(--yellow); color: var(--ink); padding: 7px 10px; }
.forge-pipeline { min-height: 67px; padding: 0 22px; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow-x: auto; }
.forge-pipeline b { font-family: var(--mono); color: var(--muted); font-size: 11px; font-weight: 400; }
.forge-step { white-space: nowrap; display: flex; gap: 7px; align-items: center; background: transparent; color: var(--muted); font-family: var(--mono); font-size: 9px; padding: 7px 0; }.forge-step span { color: #aaa49a; }.forge-step.is-current { color: var(--ink); font-weight: 600; }.forge-step.is-current span { color: var(--red); }
.forge-output { padding: 24px 22px; display: grid; grid-template-columns: 1fr 1.15fr auto; gap: 20px; align-items: end; }.forge-output .eyebrow { margin: 0 0 9px; }.forge-output h3 { margin: 0; font-size: 23px; letter-spacing: -.05em; }.forge-output p { color: var(--muted); font-size: 11px; line-height: 1.45; margin: 0; }.forge-number { font-family: var(--mono); font-size: 24px; color: var(--red); letter-spacing: -.08em; }
.forge-side { display: flex; flex-direction: column; gap: 14px; }.memory-card { background: var(--green); color: var(--ink); padding: 25px; min-height: 268px; position: relative; overflow: hidden; }.memory-card::after { content: ''; position: absolute; width: 220px; height: 220px; right: -76px; bottom: -110px; border-radius: 50%; border: 1px solid rgba(0,0,0,.35); box-shadow: 0 0 0 18px rgba(0,0,0,.07), 0 0 0 42px rgba(0,0,0,.05); }.memory-top, .watch-top { display: flex; justify-content: space-between; align-items: start; }.memory-top .eyebrow { color: rgba(0,0,0,.56); margin-bottom: 0; }.memory-live, .watch-state { font-family: var(--mono); text-transform: uppercase; font-size: 8px; display: flex; align-items: center; gap: 6px; }.memory-live i, .watch-state i { width: 6px; height: 6px; border-radius: 50%; display: inline-block; background: var(--ink); }.memory-number { font-size: 75px; line-height: .8; margin-top: 55px; font-weight: 600; letter-spacing: -.09em; }.memory-card h3 { font-size: 14px; text-transform: uppercase; margin: 10px 0; letter-spacing: .03em; }.memory-card > p { font-size: 11px; line-height: 1.45; max-width: 300px; }.memory-last { display: flex; justify-content: space-between; gap: 12px; padding-top: 14px; margin-top: 15px; border-top: 1px solid rgba(0,0,0,.25); font-family: var(--mono); font-size: 8px; }.memory-last span { color: rgba(0,0,0,.52); }.memory-last strong { font-weight: 500; text-align: right; }
.watch-card { border: 1px solid var(--line); padding: 24px; flex: 1; }.watch-top .eyebrow { margin-bottom: 9px; }.watch-top h3 { font-size: 21px; letter-spacing: -.05em; margin: 0; }.watch-state { color: var(--muted); }.watch-state i { background: var(--yellow); }.watch-input { display: flex; margin-top: 26px; border: 1px solid var(--line); }.watch-input input { width: 100%; min-width: 0; height: 41px; border: 0; outline: 0; padding: 0 12px; background: transparent; color: var(--ink); font-family: var(--mono); font-size: 9px; }.watch-input button { width: 42px; background: var(--yellow); color: var(--ink); font-size: 18px; }.watch-list { margin-top: 20px; border-top: 1px solid var(--line); }.watch-list > div { display: grid; grid-template-columns: 8px 1fr auto; gap: 9px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); }.watch-list strong { font-size: 11px; font-weight: 500; }.watch-list small { color: var(--muted); font-family: var(--mono); font-size: 8px; }.watch-dot { width: 7px; height: 7px; border-radius: 50%; }.dot-green { background: var(--green); }.dot-yellow { background: var(--yellow); }.watch-note { display: block; margin-top: 15px; color: var(--muted); font-family: var(--mono); font-size: 8px; line-height: 1.4; }
.robot-section { background: var(--ink); color: var(--white); padding-top: 125px; padding-bottom: 125px; }.robot-shell { max-width: 1400px; margin: auto; display: grid; grid-template-columns: .65fr 1.35fr; gap: 75px; }.robot-intro { padding-top: 8px; }.robot-intro h2 { margin-bottom: 26px; }.robot-intro h2 span { color: #9a978e; }.robot-intro > p:not(.eyebrow) { color: #9a978e; line-height: 1.6; font-size: 13px; max-width: 330px; }.robot-controls { margin-top: 38px; display: flex; align-items: start; flex-direction: column; gap: 17px; }.toggle-button { background: transparent; color: var(--lime); display: flex; gap: 9px; align-items: center; padding: 0; font-family: var(--mono); font-size: 9px; }.toggle-knob { display: inline-block; width: 29px; height: 15px; border-radius: 10px; background: var(--lime); position: relative; }.toggle-knob::after { content: ''; position: absolute; width: 11px; height: 11px; background: var(--ink); border-radius: 50%; right: 2px; top: 2px; }.toggle-button:not(.is-on) { color: #77736a; }.toggle-button:not(.is-on) .toggle-knob { background: #4a4842; }.toggle-button:not(.is-on) .toggle-knob::after { right: 16px; }
.robot-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }.chat-card, .github-card, .robot-log { border: 1px solid #393936; min-height: 270px; padding: 20px; }.module-header { min-height: 24px; display: flex; align-items: start; justify-content: space-between; color: #9a978e; font-family: var(--mono); font-size: 9px; letter-spacing: .06em; }.module-state { display: flex; gap: 6px; align-items: center; color: var(--lime); font-size: 8px; }.module-state i { width: 6px; height: 6px; background: var(--lime); border-radius: 50%; }.chat-feed { height: 166px; overflow-y: auto; padding-top: 20px; }.chat-bubble { max-width: 90%; padding: 12px; font-size: 11px; line-height: 1.45; }.bubble-ai { background: #2d2d29; color: #e9e5db; border-left: 2px solid var(--lime); }.bubble-user { margin-left: auto; background: var(--yellow); color: var(--ink); }.chat-compose { display: flex; border: 1px solid #4a4842; margin-top: 12px; }.chat-compose input { min-width: 0; flex: 1; height: 37px; padding: 0 10px; border: 0; outline: 0; background: transparent; color: var(--white); font-family: var(--mono); font-size: 9px; }.chat-compose button { width: 37px; background: var(--lime); color: var(--ink); font-size: 17px; }.github-card { background: var(--white); color: var(--ink); }.github-card .module-header { color: var(--muted); }.github-card .module-state { color: #149807; }.github-mark { margin-top: 33px; font-size: 32px; font-weight: 700; letter-spacing: -.1em; }.github-card h3 { font-size: 18px; margin: 6px 0 7px; }.github-card > p { color: var(--muted); font-size: 10px; line-height: 1.45; }.github-card > p b { color: var(--ink); font-family: var(--mono); font-weight: 400; }.github-rows { border-top: 1px solid var(--line); margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 12px 0; }.github-rows div { display: flex; flex-direction: column; gap: 5px; }.github-rows span { color: var(--muted); font-family: var(--mono); font-size: 7px; }.github-rows strong { font-size: 10px; font-weight: 500; }.github-card .outline-button { border-color: var(--line); color: var(--ink); }.github-card .outline-button:hover { border-color: var(--ink); color: var(--ink); background: var(--yellow); }.robot-log { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; align-items: center; gap: 18px; }.robot-log-row { display: flex; align-items: center; gap: 10px; }.log-check { width: 19px; height: 19px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--green); color: var(--ink); font-size: 11px; }.log-warn { background: var(--yellow); }.robot-log-row strong, .robot-log-row small { display: block; }.robot-log-row strong { font-size: 10px; font-weight: 500; margin-bottom: 4px; }.robot-log-row small { color: #77736a; font-family: var(--mono); font-size: 8px; }.robot-audit { color: var(--lime); border-color: transparent; white-space: nowrap; }.robot-audit:hover { color: var(--yellow); }
@media (max-width: 980px) { .forge-layout, .robot-shell { grid-template-columns: 1fr; gap: 34px; }.robot-intro > p:not(.eyebrow) { max-width: 520px; }.robot-grid { grid-template-columns: 1fr 1fr; }.robot-log { grid-template-columns: 1fr 1fr; }.robot-audit { justify-self: start; } }
@media (max-width: 640px) { .forge-section { padding-top: 90px; padding-bottom: 90px; }.forge-visual { height: 240px; }.forge-output { grid-template-columns: 1fr; gap: 13px; }.forge-number { font-size: 19px; }.robot-section { padding-top: 82px; padding-bottom: 82px; }.robot-grid { grid-template-columns: 1fr; }.robot-log { grid-template-columns: 1fr; gap: 14px; }.github-rows { gap: 6px; }.watch-list > div { grid-template-columns: 8px 1fr; }.watch-list small { grid-column: 2; }.memory-number { margin-top: 42px; } }

/* GitHub brain flow */
.brain-section { background: var(--yellow); padding-top: 115px; padding-bottom: 115px; }.brain-shell { max-width: 1400px; margin: auto; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }.brain-art { min-height: 520px; position: relative; overflow: hidden; background: var(--ink); }.brain-art img { width: 100%; height: 100%; object-fit: cover; opacity: .76; mix-blend-mode: screen; }.brain-grid { position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 38px 38px; mask-image: radial-gradient(circle at 50% 50%, black, transparent 80%); }.brain-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 115px; height: 115px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: var(--red); color: var(--white); border-radius: 50%; box-shadow: 0 0 0 18px rgba(229,72,46,.14), 0 0 0 42px rgba(229,72,46,.08); }.brain-center strong { font-size: 35px; letter-spacing: -.12em; }.brain-center small { font-family: var(--mono); font-size: 8px; margin-top: 10px; color: #ffc1b3; }.brain-chip { position: absolute; z-index: 2; padding: 8px 10px; color: var(--white); background: rgba(18,18,18,.86); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; border-left: 3px solid var(--lime); }.chip-one { top: 19%; left: 9%; }.chip-two { top: 25%; right: 9%; border-left-color: var(--yellow); }.chip-three { bottom: 19%; left: 50%; transform: translateX(-50%); border-left-color: var(--red); }.brain-copy .eyebrow { color: #6d5d00; }.brain-copy h2 em { color: var(--red); }.brain-dek { max-width: 430px; color: #6d5d00; line-height: 1.6; font-size: 13px; margin: 28px 0 28px; }.flow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.flow-card { min-height: 88px; border: 1px solid rgba(0,0,0,.23); background: transparent; padding: 12px; text-align: left; display: flex; flex-direction: column; gap: 8px; transition: .2s ease; }.flow-card span, .flow-card small { font-family: var(--mono); font-size: 8px; color: #766800; }.flow-card strong { font-size: 13px; letter-spacing: -.03em; }.flow-card.is-current, .flow-card:hover { background: var(--ink); border-color: var(--ink); color: var(--white); transform: translateY(-4px); }.flow-card.is-current span, .flow-card.is-current small, .flow-card:hover span, .flow-card:hover small { color: var(--lime); }.flow-status { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.25); display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 9px; color: #6d5d00; }.flow-status-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; }.brain-actions { display: flex; align-items: center; gap: 24px; margin-top: 25px; }.text-link-light { border-color: var(--ink); }.brain-actions .button-light:hover { background: var(--white); }
@media (max-width: 980px) { .brain-shell { grid-template-columns: 1fr; gap: 45px; }.brain-art { min-height: 430px; } }
@media (max-width: 640px) { .brain-section { padding-top: 80px; padding-bottom: 80px; }.brain-art { min-height: 330px; }.brain-center { width: 87px; height: 87px; }.brain-center strong { font-size: 27px; }.flow-grid { grid-template-columns: repeat(2, 1fr); }.brain-actions { align-items: start; flex-direction: column; gap: 18px; } }

/* Hacker control-room visual overhaul */
:root { --paper: #07100d; --ink: #d9ffe8; --muted: #729488; --line: #1e3d32; --red: #ff4a3d; --red-deep: #190d0c; --yellow: #f3e84d; --green: #3dff8c; --lime: #8affdd; --white: #eafff1; --mono: 'DM Mono', monospace; --sans: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif; }
body { background: var(--paper); color: var(--ink); font-family: var(--mono); }
.noise { opacity: .025; mix-blend-mode: screen; }
.topbar { background: rgba(7,16,13,.94); border-bottom-color: var(--line); color: var(--ink); text-transform: uppercase; }
.topbar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: linear-gradient(90deg, transparent, var(--green), transparent); opacity: .7; }
.wordmark, .footer-brand { font-size: 11px; letter-spacing: .12em; }.wordmark b { color: var(--green); }.mark span { background: var(--ink); }.mark span:nth-child(2) { background: var(--green); }.mark span:nth-child(3) { background: var(--red); }
.main-nav { font-size: 10px; letter-spacing: .05em; }.main-nav a::after { background: var(--green); }.top-status { font-size: 9px; }.top-status i { background: var(--green); box-shadow: 0 0 0 4px rgba(61,255,140,.1); }.top-status small { color: var(--yellow); }
.hero { max-width: none; min-height: calc(100vh - 78px); background: radial-gradient(circle at 72% 25%, rgba(61,255,140,.07), transparent 26%), linear-gradient(90deg, transparent 0 8%, rgba(61,255,140,.035) 8% 8.1%, transparent 8.1% 91%, rgba(61,255,140,.035) 91% 91.1%, transparent 91.1%); }
.hero-copy { border-left: 1px solid var(--line); padding-left: clamp(22px, 3vw, 45px); }.eyebrow { color: var(--green); font-size: 9px; letter-spacing: .13em; }.eyebrow-dot { background: var(--green); box-shadow: 0 0 9px var(--green); }
h1 { text-transform: uppercase; font-family: var(--mono); font-size: clamp(44px, 6vw, 92px); letter-spacing: -.09em; line-height: .95; text-shadow: 0 0 22px rgba(61,255,140,.12); } h1 em, h2 em { color: var(--green); text-shadow: 0 0 16px rgba(61,255,140,.25); }.hero-dek { color: #9ab9a9; font-family: var(--sans); font-size: 14px; }.button-dark { background: var(--green); color: #06110b; text-transform: uppercase; font-family: var(--mono); font-size: 10px; letter-spacing: .04em; }.button-dark:hover { background: var(--yellow); color: #06110b; }.text-link { color: var(--green); border-color: var(--green); text-transform: uppercase; font-family: var(--mono); font-size: 10px; }.hero-note { color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }.note-line { background: var(--green); }
.hero-art { border: 1px solid var(--line); background: #040806; box-shadow: 0 0 0 1px rgba(61,255,140,.06), 0 0 45px rgba(0,0,0,.4); }.hero-art img { opacity: .72; mix-blend-mode: screen; filter: saturate(1.3) contrast(1.35); }.art-overlay { background: linear-gradient(125deg, rgba(255,74,61,.14), rgba(0,0,0,.25) 50%, rgba(61,255,140,.18)); }.orbit { border-color: rgba(61,255,140,.55); }.orbit-two { border-color: rgba(243,232,77,.32); }.art-node { background: #07100d; color: var(--green); border: 1px solid var(--line); }.node-salman { background: var(--red); color: #fff; border-color: var(--red); }.node-qwen .node-pulse { background: var(--yellow); }.art-caption { color: var(--green); }
.ticker { background: #0c241b; color: var(--green); border-color: var(--line); font-size: 9px; }.ticker b { color: var(--yellow); }
.merge-section, .issue-section, .forge-section { background: var(--paper); }.section-intro { color: var(--muted); font-family: var(--sans); }.section-heading h2, .issue-heading h2 { text-transform: uppercase; font-family: var(--mono); font-size: clamp(32px, 4.5vw, 64px); }.section-heading h2 span, .issue-heading h2 span { color: var(--muted); }.role-grid { gap: 8px; }.role-card { background: #0a1813; border-color: var(--line); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(61,255,140,.03); }.role-card:hover { box-shadow: 0 0 0 1px var(--green), 0 0 28px rgba(61,255,140,.12); }.role-card::after { opacity: .22; }.role-carman::after { background: var(--red); }.role-salman::after { background: var(--green); }.role-qwen::after { background: var(--yellow); }.role-top, .role-tag, .permission-row { color: var(--muted); }.role-state { color: var(--green); }.state-warn { color: var(--yellow); }.role-symbol { text-shadow: 0 0 20px currentColor; }.role-card h3 { text-transform: uppercase; font-family: var(--mono); }.role-card > p:not(.role-tag) { color: #8eae9f; font-family: var(--sans); }.permission-row { border-color: var(--line); }.permission-row strong { color: var(--green); }
.console-section, .robot-section { background: #040806; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.console-header h2, .robot-intro h2 { text-transform: uppercase; font-family: var(--mono); }.console-header h2 span, .robot-intro h2 span { color: var(--muted); }.console-meta, .panel-title, .mini-label { color: var(--muted); }.live-led, .live-led i { color: var(--green); }.live-led i { background: var(--green); }.icon-button { background: var(--green); color: #06110b; }.map-panel, .activity-panel, .chat-card, .github-card, .robot-log { border-color: var(--line); }.panel-title { border-color: var(--line); color: var(--green); }.map-grid { opacity: .24; background-image: linear-gradient(#2b664f 1px, transparent 1px), linear-gradient(90deg, #2b664f 1px, transparent 1px); }.line-carman { stroke: var(--red); }.line-qwen { stroke: var(--yellow); }.line-bottom { stroke: var(--green); }.map-node strong { color: var(--green); }.map-node small, .activity-time, .activity-row p { color: var(--muted); }.map-core { background: var(--green); color: #06110b; box-shadow: 0 0 35px rgba(61,255,140,.2); }.map-core small { color: #0b4b2b; }.core-rings { border-color: rgba(61,255,140,.7); }.signal-readout strong { color: var(--green); }.activity-row { border-color: var(--line); }.activity-row strong { color: var(--ink); }.outline-button { border-color: var(--line); color: var(--green); }.outline-button:hover { border-color: var(--green); color: var(--green); background: rgba(61,255,140,.06); }
.forge-section { background: #07100d; }.forge-stage, .watch-card { border-color: var(--line); background: #0a1813; }.forge-visual { background: #040806; border-bottom: 1px solid var(--line); }.forge-visual img { mix-blend-mode: screen; opacity: .72; }.forge-visual::after { background: linear-gradient(105deg, rgba(255,74,61,.12), rgba(0,0,0,.34), rgba(61,255,140,.15)); }.forge-pipeline { border-color: var(--line); }.forge-step { color: var(--muted); }.forge-step.is-current { color: var(--green); }.forge-step.is-current span { color: var(--yellow); }.forge-output { color: var(--ink); }.forge-output p { color: var(--muted); }.forge-number { color: var(--green); }.memory-card { background: #0d3324; color: var(--green); border: 1px solid var(--green); box-shadow: 0 0 25px rgba(61,255,140,.09); }.memory-top .eyebrow { color: var(--green); }.memory-live { color: var(--green); }.memory-live i { background: var(--green); }.memory-card > p, .memory-last span { color: #8fc7a9; }.memory-last { border-color: rgba(61,255,140,.3); }.memory-last strong { color: var(--white); }.watch-top h3 { color: var(--green); text-transform: uppercase; font-family: var(--mono); }.watch-state { color: var(--yellow); }.watch-input, .watch-list, .watch-list > div { border-color: var(--line); }.watch-input input { color: var(--green); }.watch-input button { background: var(--green); }.watch-note { color: var(--muted); }
.brain-section { background: #0c241b; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.brain-art { border: 1px solid var(--green); box-shadow: 0 0 30px rgba(61,255,140,.12); }.brain-art img { mix-blend-mode: screen; opacity: .84; }.brain-grid { background: linear-gradient(rgba(61,255,140,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(61,255,140,.16) 1px, transparent 1px); }.brain-center { background: var(--green); color: #06110b; box-shadow: 0 0 0 18px rgba(61,255,140,.12), 0 0 0 42px rgba(61,255,140,.05), 0 0 35px rgba(61,255,140,.3); }.brain-center small { color: #0b4b2b; }.brain-chip { color: var(--green); background: rgba(4,8,6,.92); border-color: var(--green); }.chip-two { border-left-color: var(--yellow); color: var(--yellow); }.chip-three { border-left-color: var(--red); color: #ff9c92; }.brain-copy .eyebrow { color: var(--green); }.brain-copy h2 { color: var(--ink); text-transform: uppercase; font-family: var(--mono); }.brain-copy h2 em { color: var(--green); }.brain-dek { color: #9ab9a9; font-family: var(--sans); }.flow-card { border-color: var(--line); color: var(--ink); }.flow-card span, .flow-card small { color: var(--muted); }.flow-card.is-current, .flow-card:hover { background: var(--green); color: #06110b; border-color: var(--green); }.flow-card.is-current span, .flow-card.is-current small, .flow-card:hover span, .flow-card:hover small { color: #0b4b2b; }.flow-status { border-color: var(--line); color: var(--muted); }.flow-status-dot { background: var(--green); box-shadow: 0 0 9px var(--green); }.text-link-light { color: var(--green); border-color: var(--green); }
.issue-section { background: #07100d; }.filter-button { border-color: var(--line); color: var(--muted); }.filter-button span { color: var(--green); }.filter-button.is-active, .filter-button:hover { background: var(--green); border-color: var(--green); color: #06110b; }.filter-button.is-active span, .filter-button:hover span { color: #0b4b2b; }.finding-card { background: #0a1813; border-color: var(--line); }.finding-card:hover { border-color: var(--green); box-shadow: 0 0 20px rgba(61,255,140,.08); }.finding-content h3 { color: var(--green); text-transform: uppercase; font-family: var(--mono); font-size: 14px; }.finding-content > p { color: var(--muted); font-family: var(--sans); }.finding-footer { color: var(--muted); }.finding-footer b { color: var(--green); }.resolution-card { background: #0d3324; border: 1px solid var(--green); color: var(--green); }.resolution-top .eyebrow { color: var(--green); }.resolution-card h3 { color: var(--white); text-transform: uppercase; font-family: var(--mono); font-size: 22px; }.resolution-card > p { color: #9cd3b1; font-family: var(--sans); }.resolution-steps, .resolution-step { border-color: rgba(61,255,140,.25); }.resolution-step { color: #77ae8d; }.resolution-step.is-current, .resolution-step.is-current span { color: var(--yellow); }.resolution-card .button-dark { background: var(--green); }
.route-section { background: #07100d; border-top: 1px solid var(--red); }.route-card { border: 1px solid var(--red); background: #07100d; }.route-copy .eyebrow { color: var(--red); }.route-copy h2 { text-transform: uppercase; font-family: var(--mono); }.route-copy h2 em { color: var(--green); }.route-copy > p { color: #9ab9a9; font-family: var(--sans); }.route-visual { background: #040806; }.route-ring { border-color: rgba(61,255,140,.35); }.route-ring-two { border-color: rgba(243,232,77,.45); }.route-core { background: var(--green); color: #06110b; box-shadow: 0 0 35px rgba(61,255,140,.25); }.route-label-a { background: var(--red); }.route-label-b { background: var(--yellow); color: #06110b; }.route-label-c { background: var(--green); color: #06110b; }.route-legend { color: var(--muted); }
.footer { background: #040806; border-color: var(--line); color: var(--ink); }.footer p, .footer-safe { color: var(--muted); }.footer-safe i { background: var(--green); }.modal-backdrop { background: rgba(0,0,0,.82); }.route-modal { background: #0a1813; color: var(--ink); border: 1px solid var(--green); box-shadow: 12px 12px 0 var(--red); }.modal-header h2 { text-transform: uppercase; font-family: var(--mono); }.modal-header .eyebrow { color: var(--green); }.modal-close { color: var(--green); }.modal-dek { color: var(--muted); font-family: var(--sans); }.gate-list, .gate-item, .modal-footer { border-color: var(--line); }.gate-item strong { color: var(--green); }.gate-item small { color: var(--muted); font-family: var(--sans); }.fake-check { border-color: var(--green); }.gate-item input:checked + .fake-check { background: var(--green); color: #06110b; }.audit-preview { color: var(--muted); }.audit-preview > div { color: var(--green); }.audit-icon { background: var(--green); color: #06110b; }.modal-safety { color: var(--muted); }.toast { background: #0a1813; color: var(--green); border-color: var(--green); }

.brain-actions { flex-wrap: wrap; }

.capability-section { max-width: 1600px; margin: auto; padding-top: 120px; padding-bottom: 125px; }
.capability-shell { border: 1px solid var(--line); background: var(--white); }
.capability-meta { min-height: 62px; padding: 0 20px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.capability-meta > span { display: inline-flex; align-items: center; gap: 9px; }
.live-led-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: var(--green); box-shadow: 0 0 0 4px rgba(73,197,34,.14); }
.capability-refresh { min-height: 35px; border-color: var(--line); color: var(--ink); padding: 0 13px; }
.capability-refresh:hover { background: var(--yellow); color: var(--ink); }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.capability-card { min-height: 170px; background: var(--white); padding: 22px; display: flex; flex-direction: column; }
.capability-card h3 { font-size: 18px; letter-spacing: -.04em; margin: 15px 0 8px; }
.capability-card p { color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0; max-width: 280px; }
.capability-card small { margin-top: auto; padding-top: 18px; color: var(--muted); font-family: var(--mono); font-size: 9px; }
.capability-state { display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; }
.capability-state i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 7px; background: var(--muted); }
.capability-card.is-ready .capability-state { color: #18780d; }.capability-card.is-ready .capability-state i { background: var(--green); }
.capability-card.is-approval .capability-state { color: #9b7d00; }.capability-card.is-approval .capability-state i { background: var(--yellow); }
.capability-card.is-unavailable .capability-state { color: var(--red); }.capability-card.is-unavailable .capability-state i { background: var(--red); }
.capability-loading { padding: 30px 22px; color: var(--muted); font-family: var(--mono); font-size: 10px; }
.agent-section { background:#091610; border-top:1px solid #214337; border-bottom:1px solid #214337; }
.agent-shell { max-width:1320px; margin:0 auto; border:1px solid #35594b; border-radius:12px; overflow:hidden; background:#0b1b15; }
.agent-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; border-bottom:1px solid #214337; color:#a5c5b5; font:10px var(--mono); text-transform:uppercase; letter-spacing:.05em; }
.agent-meta>span { display:flex; align-items:center; gap:9px; }.agent-meta .live-led-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(69,245,154,.12); }
.agent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#214337; }
.agent-access-card { min-height:155px; padding:20px; background:#0d2119; display:flex; flex-direction:column; }.agent-access-top { display:flex; justify-content:space-between; gap:12px; font:9px var(--mono); text-transform:uppercase; letter-spacing:.06em; color:#8ca89c; }.agent-access-top i { display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; margin-right:6px; }.agent-access-card h3 { margin:18px 0 7px; font-size:16px; letter-spacing:-.03em; }.agent-access-card p { margin:0; color:#b1d4c1; font-size:11px; }.agent-access-card small { margin-top:auto; padding-top:14px; color:#789088; font:9px/1.45 var(--mono); }.agent-access-link { display:inline-block; margin-top:12px; color:var(--green); font:9px var(--mono); text-transform:uppercase; text-decoration:none; letter-spacing:.06em; }.agent-access-link:hover { color:var(--lime); }.agent-access-card.is-ready .agent-access-top { color:var(--green); }.agent-access-card.is-configured .agent-access-top { color:var(--yellow); }.agent-access-card.is-approval .agent-access-top { color:var(--yellow); }.agent-access-card.is-disabled .agent-access-top { color:var(--red); }
.agent-policy { padding:18px 22px; border-top:1px solid #214337; color:#8ca89c; font-size:11px; line-height:1.65; }
@media (max-width: 800px) { .capability-grid { grid-template-columns: 1fr; } .capability-meta { align-items: flex-start; flex-direction: column; padding: 16px 20px; } }

/* CARMAN10 V2 / OPERATIONS OS */
:root { --paper:#07100d; --ink:#effff5; --muted:#789088; --line:#19352d; --red:#ff5a45; --red-deep:#7d1f28; --yellow:#ffc857; --green:#45f59a; --lime:#b8ff4a; --white:#effff5; }
body { background:#07100d; color:var(--ink); }
.noise { opacity:.025; mix-blend-mode:screen; }
.topbar { height:72px; padding:0 clamp(20px,4vw,58px); background:rgba(7,16,13,.9); border-color:var(--line); position:sticky; top:0; }
.command-rail { position:sticky; top:68px; z-index:20; display:flex; align-items:center; gap:18px; min-height:54px; padding:8px clamp(20px,5vw,72px); background:rgba(10,22,17,.96); border-bottom:1px solid #214337; backdrop-filter:blur(14px); }
.command-rail-label { display:flex; align-items:center; gap:8px; min-width:148px; font:9px var(--mono); letter-spacing:.08em; color:#9bc1ad; }
.command-rail-label i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(69,245,154,.12); }
.command-rail-label small { color:var(--yellow); font-size:8px; margin-left:4px; }
.command-layer-tabs,.command-actions { display:flex; align-items:center; gap:6px; }
.command-layer-tabs { flex:1; }
.layer-tab,.command-button { appearance:none; border:1px solid #35594b; background:#0b1b15; color:#9cb6aa; min-height:34px; padding:0 11px; font:9px var(--mono); letter-spacing:.06em; text-transform:uppercase; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.layer-tab span { color:#668c7b; }.layer-tab:hover,.layer-tab.is-active { color:#07100d; background:var(--green); border-color:var(--green); }.layer-tab.is-active span { color:#18780d; }
.command-button { color:var(--green); }.command-button:hover { border-color:var(--green); background:#173329; }.command-button-primary { background:var(--green); color:#07100d; border-color:var(--green); }.command-button-primary:hover { background:var(--lime); }
.wordmark,.main-nav a,.top-status { color:var(--ink); }.wordmark b{color:var(--green)}.mark span{background:var(--ink)}.mark span:nth-child(2){background:var(--red)}.mark span:nth-child(3){background:var(--green)}.main-nav{gap:clamp(12px,2vw,28px);font-size:10px;color:#a9c0b5}.main-nav a:hover{color:var(--green)}.main-nav a::after{background:var(--green)}.top-status{color:var(--green)}.top-status small{color:var(--yellow)}
.hero{max-width:1500px;min-height:calc(100vh - 72px);grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(26px,5vw,78px);padding-top:clamp(48px,7vw,90px)}.hero-copy{border-left:2px solid var(--green);padding-left:clamp(18px,3vw,42px)}.eyebrow{color:#8bc0aa;letter-spacing:.14em}.eyebrow-dot{background:var(--green)}h1{font-size:clamp(58px,8vw,126px);text-transform:uppercase;letter-spacing:-.09em;color:var(--ink)}h1 em{color:var(--green)}.hero-dek{color:#9cb6aa}.hero-actions{gap:12px}.button{min-height:50px;padding:0 22px;border:1px solid transparent;text-transform:uppercase;font-family:var(--mono);font-size:10px;letter-spacing:.06em}.button-dark{background:var(--green);color:#07100d}.button-dark:hover{background:var(--lime)}.button-light{background:transparent;color:var(--ink);border-color:#35594b}.button-light:hover{background:#173329;color:var(--green)}.text-link{color:var(--green);border-color:var(--green);text-transform:uppercase;font-family:var(--mono);font-size:10px}.hero-note{color:#7ca293}.note-line{background:var(--green)}
.hero-art{min-height:620px;background:#1a1015;border:1px solid #395b4c;box-shadow:16px 16px 0 rgba(69,245,154,.08)}.hero-art img{filter:saturate(1.25) contrast(1.12);opacity:.88}.art-overlay{background:linear-gradient(135deg,rgba(4,24,17,.1),rgba(69,245,154,.18))}.art-caption{color:var(--lime)}.art-node{background:#07100d;border:1px solid #35594b;color:var(--green)}.node-salman{background:var(--red);color:#fff;border-color:var(--red)}.orbit{border-color:rgba(69,245,154,.42)}
.ticker{background:var(--green);color:#07100d;border-color:var(--green)}.ticker b{color:#07100d}.merge-section,.capability-section,.issue-section,.forge-section{background:#07100d}.section-intro{color:#8ca89c}.role-card,.capability-shell,.finding-card,.watch-card,.memory-card{background:#0b1b15;border-color:#214337;color:var(--ink)}.role-card:hover{box-shadow:10px 10px 0 rgba(69,245,154,.12)}.role-card>p:not(.role-tag),.capability-card p{color:#8ca89c}.role-tag,.role-index,.finding-meta{color:#7ca293}.permission-row{border-color:#214337}.role-carman .role-symbol{color:var(--red)}.role-salman .role-symbol{color:var(--green)}.role-qwen .role-symbol{color:var(--yellow)}
.console-section{background:#020806;border-color:#214337}.map-panel,.activity-panel{border-color:#214337}.panel-title{border-color:#214337;color:#9bc1ad}.map-grid{opacity:.22}.activity-row{border-color:#214337}.activity-row p{color:#77978a}.outline-button{border-color:#35594b;color:var(--green)}.outline-button:hover{background:#173329;border-color:var(--green)}
.forge-stage,.forge-output,.forge-pipeline{border-color:#214337}.forge-output{background:#0b1b15}.forge-step{color:#91b1a2}.forge-step.is-current{background:var(--green);color:#07100d}.memory-card{background:#103b2b}.watch-state{color:var(--yellow)}.watch-input{border-color:#35594b}.watch-input input{background:transparent;color:var(--ink)}.watch-list>div{border-color:#214337}.watch-note{color:#789088}
.robot-section{background:#10251d}.robot-shell{border-color:#35594b}.chat-card,.github-card,.robot-log{background:#07100d;border-color:#35594b}.module-header{color:#90b8a6;border-color:#214337}.chat-bubble{background:#10251d;border-color:#214337}.bubble-user{background:var(--green);color:#07100d}.github-mark{background:var(--green);color:#07100d}.github-rows>div{border-color:#214337}.github-rows span,.github-rows strong{color:#8ca89c}
.brain-section{background:#d7ffe6;color:#07100d}.brain-copy h2,.brain-dek{color:#07100d}.brain-copy h2 em{color:#087c4b}.brain-art{background:#07100d;border-color:#07100d}.flow-card{background:#c1f6d4;color:#07100d;border-color:#91d9af}.flow-card.is-current{background:#07100d;color:var(--green);border-color:#07100d}.flow-status{border-color:#91d9af;background:#c1f6d4;color:#07100d}.flow-status-dot{background:#087c4b}.brain-actions .button-dark{background:#07100d;color:var(--green)}.brain-actions .button-light{color:#07100d;border-color:#07100d}.text-link-light{color:#07100d;border-color:#07100d}
.capability-meta{border-color:#214337;color:#a5c5b5}.capability-grid{background:#214337}.capability-card{background:#0b1b15}.capability-card.is-ready .capability-state{color:var(--green)}.capability-card.is-approval .capability-state{color:var(--yellow)}.capability-card.is-unavailable .capability-state{color:var(--red)}
.filter-button{background:#0b1b15;color:#9cb6aa;border-color:#35594b}.filter-button.is-active{background:var(--green);color:#07100d;border-color:var(--green)}.finding-card:hover{border-color:var(--green)}.finding-content p{color:#8ca89c}.issue-resolve{background:#103b2b;border-color:#35594b}.resolution-step{border-color:#35594b;color:#a5c5b5}.resolution-step.is-current{background:var(--green);color:#07100d}.resolution-display{border-color:#35594b;background:#0b1b15}.resolution-display p{color:#8ca89c}.route-section{background:#020806;border-color:#35594b}.route-copy h2{color:var(--ink)}.route-copy h2 em{color:var(--green)}.route-visual{border-color:#35594b}.route-node{background:#0b1b15;border-color:#35594b;color:var(--green)}.route-core{background:var(--green);color:#07100d}.footer{background:#020806;border-color:#214337;color:#8ca89c}.footer-safe{color:var(--green)}
@media (max-width:1000px){.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:480px}.capability-grid,.agent-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.hero{min-height:auto}.hero-art{min-height:360px}.capability-grid,.agent-grid{grid-template-columns:1fr}.agent-meta{align-items:flex-start;flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column}.topbar{height:64px}.top-status small{display:none}}
.github-repo-list { margin-top:16px; border-top:1px solid #214337; max-height:170px; overflow:auto; }
.github-repo { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #214337; font-family:var(--mono); font-size:9px; }
.github-repo strong { color:var(--ink); font-weight:400; }.github-repo small { color:var(--muted); }.github-repo a { color:var(--green); }.github-disconnect { margin-top:16px; color:var(--yellow); border-color:var(--yellow); background:none; }
.github-card.is-connected .github-mark { background:var(--green); }.github-card.is-connected .module-state { color:var(--green); }.github-card.is-connected .module-state i { background:var(--green); }
/* STRUCTURED PRODUCT UI PASS */
body { line-height:1.45; }
.topbar { height:68px; padding-left:clamp(20px,5vw,72px); padding-right:clamp(20px,5vw,72px); }
.main-nav { gap:clamp(12px,1.7vw,24px); }
.hero { max-width:1320px; min-height:680px; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:56px; padding-top:76px; padding-bottom:76px; }
.hero-copy { max-width:650px; }.hero h1 { font-size:clamp(48px,6.2vw,88px); line-height:.94; margin-bottom:26px; }.hero-dek{max-width:520px;font-size:14px;line-height:1.7}.hero-note{margin-top:42px}.hero-art{min-height:520px;border-radius:14px;box-shadow:12px 12px 0 rgba(69,245,154,.08)}
.section-pad { padding-top:96px; padding-bottom:96px; }.section-heading,.monitor-heading{max-width:1320px;margin:0 auto 34px}.section-heading h2,.monitor-heading h2{font-size:clamp(38px,5vw,68px);line-height:.97;margin-bottom:0}.section-intro{max-width:420px;line-height:1.65}.role-grid,.capability-grid,.finding-grid{max-width:1320px;margin-left:auto;margin-right:auto}.role-card{min-height:300px;padding:26px}.role-card:hover{transform:translateY(-4px)}
.monitor-section { background:#0a1611; border-bottom:1px solid #214337; }.monitor-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.monitor-actions{display:flex;align-items:center;gap:16px}.monitor-last{font:10px var(--mono);color:#8ca89c;text-transform:uppercase;letter-spacing:.05em}.monitor-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:14px}.monitor-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#214337;border:1px solid #214337;border-radius:12px;overflow:hidden}.monitor-check{background:#0d2119;padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.monitor-check-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ca89c}.monitor-check-status{color:var(--green)}.monitor-check-status.is-review{color:var(--yellow)}.monitor-check-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}.monitor-check h3{font-size:17px;margin:16px 0 5px}.monitor-check p{font-size:11px;color:#8ca89c;margin:0;line-height:1.5}.monitor-empty{grid-column:1/-1;background:#0d2119;padding:28px;color:#8ca89c;font:11px var(--mono)}.monitor-summary{border:1px solid #35594b;border-radius:12px;padding:24px;background:#103b2b;display:flex;flex-direction:column;min-height:266px}.summary-kicker{font:9px var(--mono);letter-spacing:.1em;color:#9bc1ad}.monitor-summary>strong{font-size:45px;letter-spacing:-.08em;color:var(--green);margin:18px 0 8px}.monitor-summary p{font-size:11px;line-height:1.55;color:#b1d4c1;margin:0}.summary-divider{height:1px;background:#5b9173;margin:22px 0}.summary-event{font-size:12px!important;letter-spacing:0!important;color:#effff5!important;margin:10px 0 0!important;line-height:1.35}
.monitor-section .button{min-height:44px;border-radius:8px}.monitor-section .button:hover{transform:translateY(-2px)}
.console-shell,.forge-stage,.robot-shell{max-width:1320px;margin:0 auto;border-radius:14px;overflow:hidden}.console-header{padding:28px 30px}.console-body{gap:14px;padding:14px}.map-panel,.activity-panel{border-radius:10px;overflow:hidden}.panel-title{padding:14px 16px}.activity-panel{padding-bottom:16px}.activity-panel .panel-title{margin-bottom:0}.activity-list{padding:0 16px}.activity-row{padding:15px 0}.full-width{border-radius:8px!important}.brain-section{padding-top:100px;padding-bottom:100px}.brain-art{border-radius:12px;overflow:hidden}.flow-card{border-radius:8px}.flow-status{border-radius:8px}.capability-shell{max-width:1320px;margin:0 auto;border-radius:12px;overflow:hidden}.capability-card{min-height:190px}.issue-section{padding-top:96px}.route-section{max-width:1320px;margin:0 auto 96px;border-radius:14px;overflow:hidden}.footer{padding-left:clamp(24px,6vw,96px);padding-right:clamp(24px,6vw,96px)}
@media (max-width:1000px){.hero{grid-template-columns:1fr;max-width:860px}.hero-art{min-height:460px}.main-nav{display:none}.monitor-layout{grid-template-columns:1fr}.monitor-summary{min-height:auto}.monitor-heading{align-items:start;flex-direction:column}.monitor-actions{width:100%;justify-content:space-between}}
@media (max-width:620px){.command-rail{top:64px;overflow-x:auto;gap:10px;padding:8px 16px}.command-rail-label{min-width:118px}.command-rail-label small{display:none}.command-layer-tabs{flex:0 0 auto}.command-actions{display:none}.layer-tab{padding:0 9px}.section-pad{padding-top:64px;padding-bottom:64px}.hero{padding-top:52px;min-height:auto}.hero h1{font-size:clamp(45px,14vw,74px)}.hero-art{min-height:340px}.monitor-checks{grid-template-columns:1fr}.monitor-actions{align-items:flex-start;flex-direction:column}.monitor-actions .button{width:100%}.monitor-last{order:2}.role-card{min-height:0}.console-body{padding:8px}.console-header{padding:22px 18px}}
.github-repo-list { margin-top:16px; border-top:1px solid #214337; max-height:170px; overflow:auto; }.github-repo { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #214337; font-family:var(--mono); font-size:9px; }.github-repo strong { color:var(--ink); font-weight:400; }.github-repo small { color:var(--muted); }.github-repo a { color:var(--green); }.github-disconnect { margin-top:16px; color:var(--yellow); border-color:var(--yellow); background:none; }.github-card.is-connected .github-mark { background:var(--green); }.github-card.is-connected .module-state { color:var(--green); }.github-card.is-connected .module-state i { background:var(--green); }
.astra-insight { max-width:1320px; margin:14px auto 0; padding:20px 22px; border:1px solid #35594b; border-left:3px solid var(--green); border-radius:10px; background:#10251d; display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.astra-insight[hidden] { display:none; }
.astra-insight .eyebrow { display:block; color:var(--green); font-size:9px; margin-bottom:8px; }
.astra-insight strong { font-size:14px; font-weight:500; }
.astra-insight p { max-width:680px; margin:0; color:#b1d4c1; font-size:12px; line-height:1.65; white-space:pre-wrap; }
@media (max-width:800px) { .astra-insight { flex-direction:column; gap:12px; } }