:root {
  --ink: #0b1011;
  --ink-2: #111819;
  --ink-3: #182122;
  --line: rgba(226, 241, 235, .12);
  --soft-line: rgba(226, 241, 235, .07);
  --paper: #eef4ef;
  --muted: #8e9a96;
  --green: #8ef238;
  --green-2: #b9ff7c;
  --cyan: #62dfd5;
  --coral: #ff735e;
  --amber: #f2b84b;
  --shadow: 0 28px 70px rgba(0,0,0,.32);
  --radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: 20; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); mix-blend-mode: overlay; }
.topbar { height: 76px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(22px,4vw,68px); position: sticky; top: 0; background: rgba(11,16,17,.92); backdrop-filter: blur(20px); z-index: 15; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--paper); width: max-content; }
.brand > span:last-child { display: grid; line-height: 1; gap: 5px; }
.brand strong { font-size: 17px; letter-spacing: -.03em; }
.topbar > .brand { min-width: max-content; }.topbar > .brand strong { font-size: 15px; white-space: nowrap; }
.brand small { font-size: 8px; letter-spacing: .23em; color: #77827f; font-weight: 700; }
.brand-mark { width: 30px; height: 30px; display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; transform: skew(-8deg); }
.brand-mark i { background: var(--green); border-radius: 2px 2px 5px 2px; }
.brand-mark i:nth-child(1) { height: 45%; align-self: end; opacity: .55; }
.brand-mark i:nth-child(2) { height: 72%; align-self: end; opacity: .78; }
.topbar nav { display: flex; height: 100%; }
.nav-item { border: 0; background: transparent; padding: 0 21px; color: #818b88; font-size: 12px; cursor: pointer; position: relative; }
.nav-item:hover, .nav-item.active { color: var(--paper); }
.nav-item.active:after { content: ""; position: absolute; left: 20px; right: 20px; bottom: -1px; height: 2px; background: var(--green); box-shadow: 0 0 14px var(--green); }
.header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.live-pill { font-size: 10px; letter-spacing: .14em; font-weight: 800; color: var(--green); display: flex; align-items: center; gap: 8px; }
.live-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(142,242,56,.1), 0 0 16px var(--green); animation: live 1.8s infinite; }
@keyframes live { 50% { opacity: .45; transform: scale(.8); } }
.connect-button { border: 1px solid rgba(142,242,56,.42); background: rgba(142,242,56,.08); color: var(--green-2); border-radius: 8px; padding: 11px 15px; cursor: pointer; font-size: 11px; font-weight: 750; letter-spacing: .03em; transition: .2s; }
.connect-button:hover { background: var(--green); color: #0b100d; box-shadow: 0 0 28px rgba(142,242,56,.2); }
.connect-button.connected { border-color: var(--line); background: #16231c; }
.key-icon { font-size: 16px; margin-right: 5px; }
main { max-width: 1540px; margin: 0 auto; padding: 0 clamp(22px,4vw,68px); }
.hero-row { min-height: 302px; display: flex; align-items: end; justify-content: space-between; gap: 60px; padding: 62px 0 48px; }
.eyebrow { margin: 0 0 20px; color: #9ba6a1; letter-spacing: .18em; font-size: 9px; font-weight: 800; }
.eyebrow span { color: var(--green); padding: 0 6px; }
h1 { margin: 0; font-size: clamp(44px,5.2vw,82px); line-height: .98; letter-spacing: -.065em; font-weight: 650; max-width: 900px; }
h1 em, .blueprint-copy h2 em, .model-console h2 em { color: #8a9590; font-style: normal; font-weight: 400; }
.hero-summary { width: min(390px, 30vw); padding-bottom: 5px; }
.hero-summary > p { color: #a7b0ad; font-size: 14px; line-height: 1.65; margin: 0 0 24px; }
.summary-meta { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); padding-top: 13px; color: #68736f; font-size: 10px; }
.summary-meta strong { color: #abb4b0; }
.summary-meta button { border: 0; background: transparent; color: var(--green); font-size: 18px; cursor: pointer; transition: transform .3s; }
.summary-meta button:hover { transform: rotate(120deg); }
.metrics-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.metric-card { min-height: 174px; padding: 22px 24px 20px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); border-right: 1px solid var(--line); position: relative; overflow: hidden; }
.metric-card:last-child { border-right: 0; }
.metric-card.mint { background: linear-gradient(145deg, rgba(142,242,56,.12), rgba(142,242,56,.02) 70%); }
.metric-card.danger { background: linear-gradient(145deg, rgba(255,115,94,.07), rgba(255,255,255,.01)); }
.metric-label { display: flex; justify-content: space-between; color: #7f8a87; font-size: 9px; letter-spacing: .14em; font-weight: 750; }
.metric-label i { font-style: normal; font-size: 8px; color: #68716f; border: 1px solid var(--line); padding: 3px 5px; border-radius: 4px; }
.metric-value { font-size: clamp(28px,2.5vw,42px); letter-spacing: -.055em; font-weight: 620; margin: 20px 0 8px; }
.metric-value > span { color: #7f8a87; font-size: .54em; margin-left: 4px; }
.metric-foot { font-size: 10px; display: flex; gap: 8px; color: #626e6a; }
.up { color: var(--green) !important; }
.down { color: var(--coral) !important; }
.spark { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 42px; overflow: visible; }
.spark path { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; opacity: .75; }
.spark.cyan path { stroke: var(--cyan); }.spark.coral path { stroke: var(--coral); }
.latency-track { height: 3px; background: #24302c; margin-top: 28px; position: relative; }
.latency-track i { display: block; height: 100%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.latency-track b { position: absolute; right: 0; top: 7px; color: #5d6864; font-size: 8px; font-weight: 650; }
.command-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(310px,.8fr); gap: 18px; margin-top: 18px; align-items: start; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #111819, #0e1415); box-shadow: var(--shadow); overflow: hidden; }
.panel-head { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid var(--soft-line); }
.panel-kicker { margin: 0 0 7px; color: #68736f; letter-spacing: .15em; font-size: 8px; font-weight: 800; }
.panel h2 { margin: 0; font-size: 17px; letter-spacing: -.02em; font-weight: 600; }
.time-tabs { background: #0b1111; padding: 3px; border: 1px solid var(--soft-line); border-radius: 7px; }
.time-tabs button { border: 0; background: transparent; color: #626d69; border-radius: 5px; font-size: 8px; font-weight: 750; padding: 6px 10px; cursor: pointer; }
.time-tabs button.active { background: #222d29; color: var(--paper); }
.velocity-panel { min-height: 416px; }
.chart-summary { display: flex; align-items: baseline; gap: 10px; padding: 20px 28px 0 54px; }
.chart-summary strong { font-size: 25px; letter-spacing: -.04em; }.chart-summary span { color: #737d79; font-size: 10px; }
.area-chart { height: 220px; margin: 0 25px; position: relative; padding-left: 30px; }
.area-chart > svg { width: calc(100% - 30px); height: 185px; margin: 12px 0 0 30px; overflow: visible; }
.grid-lines line { stroke: rgba(226,241,235,.06); stroke-width: 1; stroke-dasharray: 4 7; vector-effect: non-scaling-stroke; }
.area { fill: url(#chartFill); }.main-line { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; filter: url(#glow); }.risk-line { fill: none; stroke: var(--coral); stroke-width: 1.5; stroke-dasharray: 4 5; opacity: .82; vector-effect: non-scaling-stroke; }.pulse-dot { fill: var(--green); stroke: #101818; stroke-width: 3; vector-effect: non-scaling-stroke; }
.y-labels { position: absolute; left: 0; top: 17px; height: 175px; display: flex; flex-direction: column; justify-content: space-between; color: #4e5a56; font-size: 8px; }
.x-labels { padding-left: 27px; display: flex; justify-content: space-between; color: #4e5a56; font-size: 8px; }
.chart-legend { border-top: 1px solid var(--soft-line); height: 48px; display: flex; align-items: center; gap: 24px; padding: 0 24px; color: #737e79; font-size: 9px; }
.chart-legend > span { display: flex; align-items: center; gap: 7px; }.chart-legend i { width: 6px; height: 6px; border-radius: 50%; }.green-dot { background: var(--green); }.orange-dot { background: var(--coral); }.chart-note { margin-left: auto; }.chart-note strong { color: #c4cdc9; }
.risk-panel { min-height: 416px; }.icon-button { border: 0; background: transparent; color: #707b77; font-size: 16px; cursor: pointer; }
.donut-wrap { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 22px; padding: 31px 22px 26px; }
.donut { width: 125px; height: 125px; border-radius: 50%; background: conic-gradient(var(--green) 0 97.82%, var(--amber) 97.82% 99.23%, var(--coral) 99.23% 100%); display: grid; place-items: center; position: relative; box-shadow: 0 0 32px rgba(142,242,56,.08); }
.donut:after { content:""; position: absolute; inset: 12px; border-radius: 50%; background: var(--ink-2); border: 1px solid var(--soft-line); }
.donut > div { z-index: 1; display: grid; text-align: center; }.donut strong { font-size: 25px; letter-spacing: -.05em; }.donut span { font-size: 8px; color: #6c7773; text-transform: uppercase; letter-spacing: .12em; }
.risk-legend { display: grid; gap: 15px; }.risk-legend > div { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 9px; }.risk-legend i { width: 6px; height: 6px; border-radius: 50%; }.risk-legend i.approved { background: var(--green); }.risk-legend i.review { background: var(--amber); }.risk-legend i.blocked { background: var(--coral); }.risk-legend span { color: #a8b1ad; font-size: 10px; }.risk-legend small { display: block; color: #58635f; margin-top: 3px; }.risk-legend strong { font-size: 11px; font-weight: 550; color: #d3dbd7; }
.risk-callout { margin: 0 18px 18px; min-height: 63px; border: 1px solid rgba(142,242,56,.16); background: rgba(142,242,56,.05); border-radius: 10px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 10px 13px; }.risk-callout .shield { color: var(--green); font-size: 22px; }.risk-callout strong { font-size: 10px; }.risk-callout small { display: block; color: #68736f; font-size: 8px; margin-top: 4px; }.risk-callout > .up { font-size: 10px; }
.stream-panel { grid-column: 1 / -1; }.stream-actions { display: flex; gap: 9px; }.stream-actions label { display: flex; align-items: center; gap: 6px; border: 1px solid var(--soft-line); background: #0c1213; border-radius: 7px; padding: 0 9px; }.stream-actions label span { color: #58635f; }.stream-actions input { width: 155px; background: transparent; border: 0; outline: 0; color: var(--paper); font-size: 9px; }.filter-button { border: 1px solid var(--soft-line); background: #151d1e; border-radius: 7px; font-size: 9px; padding: 0 11px; cursor: pointer; }.filter-button span { background: var(--green); color: #0b100d; border-radius: 10px; padding: 2px 5px; font-weight: 800; margin-left: 5px; }
.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; min-width: 950px; }th { height: 43px; text-align: left; padding: 0 20px; color: #56615e; letter-spacing: .12em; font-size: 8px; font-weight: 800; border-bottom: 1px solid var(--soft-line); }td { height: 58px; padding: 0 20px; border-bottom: 1px solid var(--soft-line); color: #aeb7b3; font-size: 10px; }tbody tr { cursor: pointer; transition: .18s; }tbody tr:hover, tbody tr.selected { background: rgba(142,242,56,.035); }td strong { color: #d8dfdc; font-weight: 570; }.txn-cell { display: flex; align-items: center; gap: 10px; }.txn-icon { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--soft-line); background: #171f20; border-radius: 7px; color: #85908c; }.txn-cell small { display: block; color: #56615e; font-size: 8px; margin-top: 3px; }.risk-signal { min-width: 110px; }.risk-signal > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }.risk-signal b { font-size: 9px; }.risk-signal span { color: #5d6864; font-size: 8px; }.risk-bar { height: 3px; background: #26302d; }.risk-bar i { display: block; height: 100%; }.risk-low { color: var(--green); }.risk-mid { color: var(--amber); }.risk-high { color: var(--coral); }.risk-bar .risk-low { background: var(--green); }.risk-bar .risk-mid { background: var(--amber); }.risk-bar .risk-high { background: var(--coral); box-shadow: 0 0 8px rgba(255,115,94,.5); }.decision { display: inline-block; border-radius: 5px; font-size: 8px; letter-spacing: .07em; font-weight: 800; padding: 5px 7px; }.decision.approved { color: var(--green); background: rgba(142,242,56,.08); border: 1px solid rgba(142,242,56,.15); }.decision.review { color: var(--amber); background: rgba(242,184,75,.08); border: 1px solid rgba(242,184,75,.18); }.decision.blocked { color: var(--coral); background: rgba(255,115,94,.08); border: 1px solid rgba(255,115,94,.18); }.table-footer { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #57615e; font-size: 9px; }.table-footer button { border: 0; background: transparent; color: var(--green); font-size: 9px; cursor: pointer; }
.inspector-panel { position: fixed; top: 92px; right: 18px; width: min(390px, calc(100vw - 36px)); z-index: 12; transform: translateX(calc(100% + 30px)); opacity: 0; pointer-events: none; transition: .35s cubic-bezier(.2,.8,.2,1); box-shadow: 0 28px 80px rgba(0,0,0,.6); }.inspector-panel.open { transform: translateX(0); opacity: 1; pointer-events: auto; }.case-score { padding: 24px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--soft-line); }.score-ring { width: 82px; height: 82px; border-radius: 50%; border: 8px solid rgba(255,115,94,.18); border-top-color: var(--coral); border-right-color: var(--coral); display: grid; place-content: center; text-align: center; transform: rotate(-25deg); }.score-ring > * { transform: rotate(25deg); }.score-ring strong { font-size: 25px; line-height: .85; }.score-ring small { color: #6c7773; font-size: 7px; margin-top: 3px; }.case-score h3 { margin: 10px 0 3px; font-size: 22px; }.case-score p { margin: 0; color: #75807c; font-size: 10px; }.case-meta { display: grid; grid-template-columns: repeat(2,1fr); border-bottom: 1px solid var(--soft-line); }.case-meta div { padding: 13px 20px; border-right: 1px solid var(--soft-line); border-bottom: 1px solid var(--soft-line); }.case-meta span { display: block; color: #56615e; font-size: 7px; letter-spacing: .12em; margin-bottom: 5px; }.case-meta strong { font-size: 9px; font-weight: 600; }.explain-head { display: flex; justify-content: space-between; padding: 19px 20px 10px; }.explain-head h3 { margin: 0; font-size: 13px; }.explain-head > span { align-self: end; color: var(--green); border: 1px solid rgba(142,242,56,.22); border-radius: 4px; font-size: 7px; padding: 4px 5px; }.factor-list { padding: 0 20px; display: grid; gap: 11px; }.factor-top { display: flex; justify-content: space-between; font-size: 9px; color: #9ba5a1; }.factor-top strong { color: var(--coral); font-size: 9px; }.factor-bar { height: 3px; background: #222b29; }.factor-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--coral), #ffad78); }.analyst-button { width: calc(100% - 40px); margin: 20px; padding: 12px; border: 1px solid rgba(142,242,56,.25); background: rgba(142,242,56,.08); color: var(--green); border-radius: 8px; cursor: pointer; font-size: 10px; font-weight: 750; }.analyst-button span { margin-right: 6px; }
.blueprint-section { margin: 128px calc(clamp(22px,4vw,68px) * -1) 0; padding: 90px clamp(22px,4vw,68px); background: #eaf0ea; color: #101615; display: grid; grid-template-columns: .65fr 1.5fr; gap: 80px; position: relative; }.blueprint-section:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(8,18,12,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,18,12,.04) 1px,transparent 1px); background-size: 36px 36px; pointer-events:none; }.blueprint-copy, .pipeline-flow { position: relative; z-index: 1; }.blueprint-copy .eyebrow { color: #46514c; }.blueprint-copy h2, .model-console h2 { margin: 0 0 25px; font-size: clamp(36px,4vw,58px); line-height: 1.02; letter-spacing: -.055em; font-weight: 620; }.blueprint-copy h2 em { color: #7e8882; }.blueprint-copy > p:not(.eyebrow) { color: #5e6863; line-height: 1.7; font-size: 12px; max-width: 430px; }.blueprint-copy a { display: inline-block; color: #18211d; font-weight: 750; font-size: 10px; margin-top: 22px; text-decoration-color: var(--green); text-underline-offset: 5px; }.pipeline-flow { align-self: center; display: grid; grid-template-columns: 1fr 52px 1fr 52px 1fr; align-items: center; }.pipeline-flow article { min-height: 318px; padding: 24px 22px; border: 1px solid rgba(10,20,14,.14); background: rgba(255,255,255,.54); position: relative; box-shadow: 0 20px 50px rgba(20,40,25,.06); }.pipeline-flow article > span { position: absolute; right: 17px; top: 13px; font-size: 10px; color: #89928d; }.pipeline-icon { width: 42px; height: 42px; border-radius: 10px; background: #14201a; color: var(--green); display: grid; place-items: center; font-size: 21px; margin-bottom: 40px; box-shadow: 0 8px 18px rgba(0,0,0,.17); }.pipeline-flow small { color: #7b8580; letter-spacing: .14em; font-size: 7px; font-weight: 800; }.pipeline-flow h3 { margin: 8px 0 14px; font-size: 19px; letter-spacing: -.03em; }.pipeline-flow p { color: #69736e; font-size: 10px; line-height: 1.62; min-height: 66px; }.tech-row { display: flex; gap: 5px; margin-top: 22px; }.tech-row i { font-style: normal; color: #34413a; background: #dfe7df; border: 1px solid #d0dbd0; border-radius: 4px; padding: 5px 7px; font-size: 7px; font-weight: 750; }.flow-arrow { text-align: center; color: #6f7a74; }.flow-arrow i { display: block; height: 1px; background: #aab5ad; position: relative; }.flow-arrow i:after { content: ""; position: absolute; right: -1px; top: -3px; border-left: 5px solid #718078; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }.flow-arrow b { font-size: 6px; letter-spacing: .12em; font-weight: 800; }
.model-console { margin: 0 calc(clamp(22px,4vw,68px) * -1); padding: 100px clamp(22px,4vw,68px) 115px; background: radial-gradient(circle at 72% 15%, rgba(142,242,56,.08), transparent 32%), #0a0f10; }.model-console > div:first-child { display: flex; align-items: end; justify-content: space-between; }.model-console h2 { max-width: 680px; }.console-shell { margin-top: 46px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 36px 100px rgba(0,0,0,.45); }.console-shell > header { height: 54px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; background: #111819; border-bottom: 1px solid var(--line); }.console-shell > header > div { display: flex; gap: 8px; align-items: center; font-size: 9px; color: #84908b; }.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #59635f; }.status-dot.connected { background: var(--green); box-shadow: 0 0 10px var(--green); }.console-shell header button { border: 0; background: transparent; color: var(--green); font-size: 9px; cursor: pointer; }.console-grid { display: grid; grid-template-columns: minmax(320px,.9fr) 1.2fr; min-height: 430px; }.prompt-panel { padding: 27px; background: #0e1516; border-right: 1px solid var(--line); display: flex; flex-direction: column; }.prompt-panel label { color: #616d69; font-size: 8px; letter-spacing: .14em; font-weight: 800; margin: 0 0 8px; }.prompt-panel select, .prompt-panel textarea { background: #0a1011; border: 1px solid var(--line); color: #c6ceca; border-radius: 8px; outline: none; }.prompt-panel select { height: 43px; padding: 0 12px; margin-bottom: 24px; font-size: 10px; }.prompt-panel textarea { resize: none; padding: 13px; line-height: 1.6; flex: 1; min-height: 150px; font-size: 11px; }.prompt-panel select:focus, .prompt-panel textarea:focus { border-color: rgba(142,242,56,.45); box-shadow: 0 0 0 3px rgba(142,242,56,.05); }.prompt-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 17px; }.prompt-actions > span { color: #5c6763; font-size: 8px; }.prompt-actions > span i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); margin-right: 6px; }.prompt-actions button { background: var(--green); color: #0b100d; border: 0; border-radius: 7px; padding: 11px 15px; font-size: 9px; font-weight: 800; cursor: pointer; }.prompt-actions button:disabled { background: #252e2b; color: #626b68; cursor: not-allowed; }.prompt-actions button b { margin-left: 8px; }.response-panel { padding: 34px; background: radial-gradient(circle at 50% 20%, rgba(142,242,56,.03), transparent 40%),#0c1213; min-width: 0; }.response-empty { height: 100%; display: grid; place-content: center; text-align: center; max-width: 360px; margin: auto; }.response-empty > span { margin: auto; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(142,242,56,.2); background: rgba(142,242,56,.05); color: var(--green); display: grid; place-items: center; font-size: 19px; }.response-empty h3 { margin: 17px 0 8px; font-size: 16px; }.response-empty p { margin: 0; color: #67726e; font-size: 10px; line-height: 1.7; }.response-content { max-width: 700px; }.response-content .answer-label { color: var(--green); font-size: 8px; letter-spacing: .15em; font-weight: 800; }.response-content h3 { margin: 10px 0 22px; font-size: 18px; }.response-content pre { white-space: pre-wrap; font-family: inherit; color: #abb5b0; line-height: 1.75; font-size: 11px; margin: 0; }.response-meta { border-top: 1px solid var(--soft-line); margin-top: 26px; padding-top: 13px; display: flex; gap: 20px; color: #5d6864; font-size: 8px; }.typing { display: inline-flex; gap: 4px; }.typing i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); animation: typing .9s infinite alternate; }.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes typing{to{opacity:.2;transform:translateY(-3px)}}
footer { min-height: 90px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px,4vw,68px); color: #56615e; font-size: 8px; letter-spacing: .06em; }.footer-brand { transform: scale(.85); transform-origin: left; }.footer-brand .brand-mark { width: 24px; height: 24px; }.footer-brand strong { font-size: 14px; }footer > div:last-child { display: flex; gap: 18px; }footer a { color: #7d8884; text-decoration: none; }footer a:hover { color: var(--green); }
dialog { color: var(--paper); border: 1px solid var(--line); background: #101718; border-radius: 16px; box-shadow: 0 35px 100px rgba(0,0,0,.65); }dialog::backdrop { background: rgba(3,7,7,.78); backdrop-filter: blur(10px); }.key-dialog { width: min(480px, calc(100vw - 28px)); padding: 0; }.key-dialog form { padding: 38px; position: relative; }.dialog-close { position: absolute; top: 15px; right: 16px; background: transparent; border: 0; color: #6c7773; font-size: 22px; cursor: pointer; }.dialog-mark { width: 46px; height: 46px; display: grid; place-items: center; background: var(--green); color: #0c120f; font-weight: 950; font-size: 23px; transform: skew(-8deg); border-radius: 8px; margin-bottom: 28px; }.key-dialog h2 { font-size: 30px; letter-spacing: -.04em; margin: 0 0 10px; }.key-dialog > form > p:not(.eyebrow) { color: #808b87; font-size: 11px; line-height: 1.65; }.key-dialog label { display: block; color: #67726e; font-size: 8px; letter-spacing: .14em; margin: 25px 0 8px; font-weight: 800; }.key-input-wrap { border: 1px solid var(--line); border-radius: 8px; display: flex; height: 47px; background: #0a1011; }.key-input-wrap:focus-within { border-color: rgba(142,242,56,.45); box-shadow: 0 0 0 3px rgba(142,242,56,.06); }.key-input-wrap input { min-width: 0; flex: 1; border: 0; background: transparent; color: var(--paper); outline: 0; padding: 0 13px; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 11px; }.key-input-wrap button { border: 0; background: transparent; color: var(--green); padding: 0 13px; font-size: 8px; cursor: pointer; }.privacy-note { display: flex; gap: 12px; border: 1px solid rgba(142,242,56,.12); background: rgba(142,242,56,.04); border-radius: 8px; padding: 13px; margin: 17px 0; }.privacy-note > span { color: var(--green); font-size: 18px; }.privacy-note p { margin: 0; color: #77827e; font-size: 9px; line-height: 1.55; }.privacy-note strong { color: #aeb8b3; }.dialog-submit { width: 100%; border: 0; background: var(--green); color: #0a100c; border-radius: 8px; padding: 13px 15px; display: flex; justify-content: space-between; font-size: 10px; font-weight: 850; cursor: pointer; }.dialog-submit:disabled { opacity: .6; cursor: progress; }.key-dialog form > a { display: block; text-align: center; color: #727e79; margin-top: 16px; font-size: 8px; text-underline-offset: 4px; }.key-error { min-height: 15px; color: var(--coral); font-size: 9px; padding-top: 5px; }
.models-dialog { width: min(1040px, calc(100vw - 30px)); height: min(700px, calc(100vh - 40px)); padding: 0; }.models-dialog > div { height: 100%; display: flex; flex-direction: column; }.models-dialog header { min-height: 90px; padding: 24px 28px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; }.models-dialog header h2 { margin: 0; font-size: 25px; }.models-dialog header .dialog-close { position: static; }.model-search { height: 58px; display: flex; align-items: center; padding: 0 28px; border-bottom: 1px solid var(--soft-line); gap: 8px; }.model-search > span { color: #5e6965; }.model-search input { flex: 1; border: 0; background: transparent; outline: 0; color: var(--paper); font-size: 11px; }.model-search strong { color: var(--green); font-size: 8px; letter-spacing: .1em; }.model-grid { padding: 22px 28px 30px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; overflow-y: auto; }.model-card { border: 1px solid var(--soft-line); background: #0d1415; border-radius: 10px; padding: 17px; cursor: pointer; text-align: left; transition: .18s; min-width: 0; }.model-card:hover { border-color: rgba(142,242,56,.35); transform: translateY(-2px); }.model-card .provider { display: flex; justify-content: space-between; color: #5f6a66; font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }.model-card .provider span:last-child { color: var(--green); }.model-card h3 { font-size: 11px; margin: 12px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.model-card p { color: #5e6965; font-size: 8px; margin: 0; }.model-placeholder { grid-column: 1 / -1; min-height: 370px; display: grid; place-content: center; text-align: center; }.model-placeholder > span { color: var(--green); font-size: 30px; }.model-placeholder h3 { margin: 14px 0 7px; }.model-placeholder p { color: #69746f; font-size: 10px; }.model-placeholder button { border: 1px solid rgba(142,242,56,.3); background: rgba(142,242,56,.06); color: var(--green); border-radius: 7px; padding: 10px 13px; margin: 8px auto 0; cursor: pointer; font-size: 9px; }
.toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); padding: 11px 16px; border-radius: 8px; color: #dce4e0; background: #1a2422; border: 1px solid var(--line); box-shadow: var(--shadow); z-index: 30; opacity: 0; pointer-events: none; transition: .25s; font-size: 10px; }.toast.show { opacity: 1; transform: translate(-50%,0); }
@media (max-width: 1120px) { .topbar { grid-template-columns: 1fr 1fr; }.topbar nav { display: none; }.metrics-grid { grid-template-columns: repeat(2,1fr); }.metric-card:nth-child(2) { border-right: 0; }.metric-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.command-grid { grid-template-columns: 1fr; }.risk-panel { grid-row: auto; }.blueprint-section { grid-template-columns: 1fr; }.pipeline-flow { margin-top: 10px; }.model-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 740px) { .topbar { height: 66px; padding: 0 16px; }.live-pill { display: none; }.connect-button { font-size: 0; padding: 9px 11px; }.connect-button .key-icon { font-size: 18px; margin: 0; }.hero-row { padding: 50px 0 35px; display: block; }.hero-summary { width: 100%; margin-top: 28px; }.metrics-grid { grid-template-columns: 1fr; }.metric-card { border-right: 0; border-bottom: 1px solid var(--line); }.metric-card:last-child { border-bottom: 0; }.panel-head { padding: 0 16px; }.stream-actions label { display: none; }.chart-summary { padding-left: 46px; }.chart-legend { gap: 12px; }.chart-note { display: none !important; }.donut-wrap { grid-template-columns: 120px 1fr; }.blueprint-section { margin-top: 80px; padding-top: 65px; padding-bottom: 65px; }.pipeline-flow { display: block; }.pipeline-flow article { min-height: auto; margin-bottom: 14px; }.pipeline-flow article p { min-height: 0; }.flow-arrow { height: 32px; }.flow-arrow i { width: 1px; height: 100%; margin: auto; }.flow-arrow i:after { top: auto; bottom: -1px; right: -3px; border-top: 5px solid #718078; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 0; }.flow-arrow b { display: none; }.console-grid { grid-template-columns: 1fr; }.prompt-panel { border-right: 0; border-bottom: 1px solid var(--line); }.response-panel { min-height: 340px; }.model-grid { grid-template-columns: 1fr; }footer { padding: 24px 18px; gap: 16px; flex-wrap: wrap; }.models-dialog { height: calc(100vh - 20px); }.key-dialog form { padding: 30px 23px; } }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* Institutional financial intelligence layer */
.institution-bar { min-height: 58px; border-bottom: 1px solid var(--soft-line); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #77827e; }
.institution-select { display: flex; align-items: center; gap: 10px; width: max-content; }
.bank-monogram { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; background: #e8efe9; color: #132019; font-weight: 900; font-size: 9px; letter-spacing: -.03em; }
.institution-select > div { display: grid; gap: 3px; }.institution-select small,.as-of small { color: #505b57; font-size: 7px; letter-spacing: .14em; font-weight: 800; }.institution-select strong,.as-of strong { color: #aab4af; font-size: 9px; font-weight: 650; letter-spacing: .03em; }
.institution-select button { border: 0; background: transparent; color: #5a6561; cursor: pointer; }
.coverage-strip { display: flex; gap: 18px; font-size: 8px; letter-spacing: .06em; }.coverage-strip span { display: flex; align-items: center; gap: 6px; }.coverage-strip i,.control-list i { width: 5px; height: 5px; border-radius: 50%; display: inline-block; }.coverage-strip i.ok,.control-list i.ok { background: var(--green); box-shadow: 0 0 7px rgba(142,242,56,.5); }.coverage-strip i.warn,.control-list i.warn { background: var(--amber); box-shadow: 0 0 7px rgba(242,184,75,.4); }
.as-of { justify-self: end; display: grid; text-align: right; gap: 3px; }
.hero-row#overview { min-height: 260px; padding: 48px 0 38px; }.hero-row#overview h1 { font-size: clamp(44px,5vw,76px); }
.narration-card { border: 1px solid rgba(142,242,56,.18); background: linear-gradient(90deg,rgba(142,242,56,.075),rgba(142,242,56,.018)); border-radius: 9px; min-height: 62px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 9px 11px; margin: 0 0 16px; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.narration-play { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(142,242,56,.3); background: var(--green); color: #0a100c; display: grid; place-items: center; padding: 0 0 0 2px; font-size: 10px; cursor: pointer; box-shadow: 0 0 18px rgba(142,242,56,.15); }.narration-play.playing { padding-left: 0; }
.narration-info { min-width: 0; display: grid; gap: 4px; }.narration-info small { color: var(--green); font-size: 6px; letter-spacing: .13em; font-weight: 800; }.narration-info small a { color:#6f7c76; text-decoration:none; }.narration-info small a:hover { color:var(--green); }.narration-info strong { color: #b9c2bd; font-size: 8px; font-weight: 620; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.narration-track { height: 2px; background: #29332f; margin-top: 3px; overflow: hidden; }.narration-track i { display: block; width: 0; height: 100%; background: var(--green); box-shadow: 0 0 7px var(--green); transition: width .2s linear; }.narration-restart { border: 0; background: transparent; color: #5f6b66; font-size: 16px; cursor: pointer; }.narration-restart:hover { color: var(--green); }
.control-ribbon { min-height: 58px; border: 1px solid var(--line); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.018); padding: 0 12px 0 17px; }
.segment-tabs { display: flex; gap: 5px; }.segment-tabs button { border: 0; background: transparent; color: #66716d; padding: 9px 12px; border-radius: 6px; cursor: pointer; font-size: 9px; font-weight: 650; }.segment-tabs button.active { color: #0e1511; background: var(--green); box-shadow: 0 0 18px rgba(142,242,56,.14); }
.control-filters { display: flex; align-items: stretch; height: 36px; }.control-filters button { min-width: 120px; padding: 0 11px; border: 0; border-left: 1px solid var(--soft-line); background: transparent; color: #abb4b0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 12px 13px; text-align: left; font-size: 9px; cursor: pointer; }.control-filters button small { grid-column: 1 / -1; color: #56615d; font-size: 6px; letter-spacing: .13em; }.control-filters button b { color: #59635f; }.control-filters .export-control { display: block; text-align: center; border: 1px solid rgba(142,242,56,.2); border-radius: 6px; color: var(--green); min-width: 142px; margin-left: 7px; }
.control-ribbon + .metrics-grid { border-radius: 0 0 var(--radius) var(--radius); }
.institutional-section { margin-top: 110px; scroll-margin-top: 90px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 30px; }.section-heading h2 { margin: 0; font-size: clamp(31px,3.5vw,50px); line-height: 1; letter-spacing: -.05em; font-weight: 600; }.section-heading > p { max-width: 480px; color: #75807b; font-size: 11px; line-height: 1.7; margin: 0; }
.intelligence-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; align-items: start; }
.network-panel { grid-column: span 8; min-height: 492px; }.priority-panel { grid-column: span 4; min-height: 492px; }.governance-panel { grid-column: span 5; min-height: 430px; scroll-margin-top: 90px; }.controls-panel { grid-column: span 7; min-height: 430px; }
.network-total { text-align: right; display: grid; gap: 4px; }.network-total small { color: #56615d; font-size: 7px; letter-spacing: .12em; }.network-total strong { color: var(--green); font-size: 14px; font-weight: 600; }
.network-body { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(205px,.7fr); min-height: 415px; }.network-map { min-width: 0; padding: 18px 12px 10px; position: relative; background: radial-gradient(circle at 48% 50%, rgba(142,242,56,.045), transparent 35%); }.network-map > svg { width: 100%; height: 320px; overflow: visible; }.map-gridline { fill: none; stroke: rgba(226,241,235,.045); stroke-width: 1; stroke-dasharray: 3 7; }.flow-arcs path { fill: none; stroke: var(--green); stroke-width: 1.4; opacity: .65; stroke-dasharray: 5 6; filter: url(#arcGlow); animation: dashflow 6s linear infinite; }.flow-arcs .alert-arc { stroke: var(--coral); stroke-width: 1.7; opacity: .9; }@keyframes dashflow{to{stroke-dashoffset:-44}}
.map-nodes circle { fill: #101817; stroke: rgba(142,242,56,.42); stroke-width: 1; }.map-nodes circle + circle { fill: var(--green); stroke: none; filter: url(#arcGlow); }.map-nodes .hub { fill: rgba(142,242,56,.08); stroke: var(--green); }.map-nodes .risk-node { stroke: var(--coral); }.map-nodes .risk-node + circle { fill: var(--coral); }.map-nodes text { text-anchor: middle; fill: #88938e; font-size: 7px; font-weight: 750; letter-spacing: .08em; }.map-nodes text + text { fill: #58635f; font-size: 6px; }
.map-legend { display: flex; align-items: center; gap: 17px; padding: 0 18px; color: #59645f; font-size: 7px; }.map-legend span { display: flex; align-items: center; gap: 6px; }.map-legend span:last-child { margin-left: auto; }.map-legend i { width: 18px; height: 1px; background: var(--green); }.map-legend i.alert { background: var(--coral); }
.corridor-list { border-left: 1px solid var(--soft-line); padding: 18px 15px; }.corridor-head { display: flex; justify-content: space-between; color: #626d68; font-size: 7px; letter-spacing: .12em; font-weight: 800; margin-bottom: 10px; }.corridor-head button { border: 0; background: transparent; color: var(--green); font-size: 7px; cursor: pointer; }.corridor-row { width: 100%; border: 0; border-bottom: 1px solid var(--soft-line); background: transparent; display: flex; justify-content: space-between; align-items: center; padding: 14px 0; cursor: pointer; text-align: left; }.corridor-row:hover { background: rgba(142,242,56,.025); }.corridor-row > span { display: flex; align-items: center; gap: 9px; }.corridor-row > span > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #1a2421; color: #87928d; font-size: 7px; font-style: normal; }.corridor-row b { color: #bec7c3; font-size: 8px; font-weight: 600; }.corridor-row b small { display: block; color: #535e5a; font-size: 6px; margin-top: 4px; }.corridor-row > strong { font-size: 13px; display: grid; text-align: right; }.corridor-row > strong small { color: #4f5a56; font-size: 6px; font-weight: 500; }.corridor-foot { margin-top: 18px; color: #606b66; font-size: 7px; }.corridor-foot > strong { float: right; color: #c1c9c5; }.corridor-foot > div { height: 3px; background: #222c29; margin: 7px 0; }.corridor-foot > div i { display: block; height: 100%; background: linear-gradient(90deg,var(--green),var(--amber)); }.corridor-foot small { color: #4d5753; }
.queue-count,.governance-badge { color: var(--green); border: 1px solid rgba(142,242,56,.16); background: rgba(142,242,56,.05); border-radius: 5px; padding: 5px 7px; font-size: 7px; letter-spacing: .09em; font-weight: 800; }.governance-badge { display: flex; align-items: center; gap: 6px; }.governance-badge i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.case-queue { padding: 8px 17px; }.case-queue > button { width: 100%; min-height: 75px; border: 0; border-bottom: 1px solid var(--soft-line); background: transparent; color: inherit; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 11px 0; text-align: left; cursor: pointer; }.case-queue > button:hover { transform: translateX(3px); }.case-severity { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 6px; font-size: 7px; font-weight: 900; }.case-severity.critical { color: var(--coral); background: rgba(255,115,94,.1); border: 1px solid rgba(255,115,94,.18); }.case-severity.high { color: var(--amber); background: rgba(242,184,75,.09); border: 1px solid rgba(242,184,75,.16); }.case-severity.medium { color: var(--cyan); background: rgba(98,223,213,.08); border: 1px solid rgba(98,223,213,.14); }.case-queue div { min-width: 0; }.case-queue strong { display: block; color: #c6ceca; font-size: 9px; }.case-queue small { display: block; color: #535e5a; font-size: 7px; margin: 4px 0; }.case-queue div > span { color: #7c8782; font-size: 7px; }.case-queue time { color: #59645f; font-size: 7px; }.queue-footer { height: 57px; border-top: 1px solid var(--soft-line); display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 9px; padding: 0 17px; color: #5d6864; font-size: 7px; }.queue-footer strong { color: #cad2ce; font-size: 10px; }.queue-footer i { font-style: normal; font-size: 7px; }
.governance-metrics { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--soft-line); }.governance-metrics > div { padding: 18px 15px; border-right: 1px solid var(--soft-line); display: grid; gap: 5px; }.governance-metrics > div:last-child { border-right: 0; }.governance-metrics span { color: #58635f; font-size: 6px; letter-spacing: .11em; }.governance-metrics strong { font-size: 17px; letter-spacing: -.03em; }.governance-metrics small { color: #65706b; font-size: 7px; }
.drift-zone { padding: 19px 18px 14px; }.drift-head { display: flex; justify-content: space-between; margin-bottom: 13px; }.drift-head > div:first-child { display: grid; gap: 3px; }.drift-head span { color: #7b8681; font-size: 7px; font-weight: 800; letter-spacing: .12em; }.drift-head small { color: #4f5a56; font-size: 6px; }.drift-head > div:last-child { display: flex; align-items: center; gap: 5px; color: #505b57; font-size: 6px; }.drift-head i { width: 7px; height: 7px; margin-left: 6px; }.drift-head i.stable { background: rgba(142,242,56,.28); }.drift-head i.watch { background: rgba(242,184,75,.55); }.drift-head i.breach { background: rgba(255,115,94,.8); }
.heatmap { display: grid; grid-template-columns: repeat(6,1fr); gap: 4px; }.heatmap span { aspect-ratio: 2.1; min-height: 19px; border-radius: 3px; background: rgba(142,242,56,.12); cursor: pointer; transition: .18s; }.heatmap span:nth-child(3n) { background: rgba(142,242,56,.2); }.heatmap span:nth-child(10),.heatmap span:nth-child(12),.heatmap span:nth-child(17) { background: rgba(242,184,75,.34); }.heatmap span:nth-child(11) { background: rgba(255,115,94,.6); box-shadow: 0 0 10px rgba(255,115,94,.15); }.heatmap span:hover { outline: 1px solid var(--paper); transform: scale(1.04); }.heat-labels { display: grid; grid-template-columns: repeat(4,1fr); color: #4d5854; font-size: 5px; letter-spacing: .07em; margin-top: 7px; }.model-lineage { margin-top: 5px; padding: 14px 18px; border-top: 1px solid var(--soft-line); display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 9px; }.model-lineage span { color: var(--green); font-size: 6px; letter-spacing: .12em; }.model-lineage strong { color: #adb6b2; font-size: 8px; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }.model-lineage i { color: #515c58; font-size: 6px; font-style: normal; }.model-lineage button { border: 0; background: transparent; color: var(--green); font-size: 7px; cursor: pointer; }
.controls-body { display: grid; grid-template-columns: 150px 1fr 1.15fr; min-height: 352px; }.control-score { border-right: 1px solid var(--soft-line); display: grid; align-content: center; justify-items: center; }.control-ring { width: 110px; height: 110px; border-radius: 50%; background: conic-gradient(var(--green) 0 98.4%,#29322f 98.4%); display: grid; place-content: center; text-align: center; position: relative; }.control-ring:after { content:""; position:absolute; inset:9px; background:#111819; border-radius:50%; }.control-ring > * { z-index:1; }.control-ring strong { font-size: 24px; }.control-ring small { color:#5d6864; font-size:6px; line-height:1.4; }.control-score p { color:#59645f; font-size:6px; }.control-score p span { margin-right:4px; }.control-list { border-right: 1px solid var(--soft-line); padding: 12px 17px; }.control-list > div { padding: 11px 0; border-bottom: 1px solid var(--soft-line); display:grid; grid-template-columns:1fr auto; gap:4px; }.control-list > div:last-child { border-bottom:0; }.control-list span { color:#9da7a2; font-size:7px; }.control-list span i { margin-right:6px; }.control-list strong { color:#d0d7d3; font-size:8px; }.control-list small { grid-column:1/-1; color:#4e5955; font-size:6px; padding-left:11px; }.obligations { padding:15px 17px; }.obligations-head { display:flex; justify-content:space-between; color:#626d68; font-size:6px; letter-spacing:.11em; margin-bottom:8px; }.obligations-head strong { color:#4f5a56; font-weight:500; }.obligations > div:not(.obligations-head) { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; min-height:76px; border-bottom:1px solid var(--soft-line); }.obligations time { color:#68736e; font-size:6px; text-align:center; }.obligations time b { display:block; color:#cbd3cf; font-size:16px; }.obligations span { color:#a2aca7; font-size:7px; line-height:1.5; }.obligations i { font-style:normal; color:var(--amber); border:1px solid rgba(242,184,75,.15); border-radius:4px; padding:4px 5px; font-size:6px; }
.blueprint-section { margin-top: 110px; }

@media (max-width: 1180px) {
  .institution-bar { grid-template-columns: 1fr auto; }.coverage-strip { display:none; }
  .network-panel,.priority-panel { grid-column: span 12; }.governance-panel,.controls-panel { grid-column: span 12; }
}
@media (max-width: 820px) {
  .institution-bar { display:none; }.control-ribbon { display:block; padding:10px; }.segment-tabs { overflow-x:auto; }.control-filters { display:none; }
  .section-heading { display:block; }.section-heading > p { margin-top:15px; }
  .network-body { grid-template-columns:1fr; }.corridor-list { border-left:0; border-top:1px solid var(--soft-line); }.network-panel { min-height:auto; }
  .controls-body { grid-template-columns:1fr; }.control-score,.control-list { border-right:0; border-bottom:1px solid var(--soft-line); padding:24px 18px; }.control-list { padding:12px 18px; }
}
@media (max-width: 560px) {
  .hero-row#overview { padding-top:42px; }.hero-row#overview h1 { font-size:43px; }
  .segment-tabs button { padding:8px 10px; white-space:nowrap; }.institutional-section { margin-top:75px; }
  .section-heading h2 { font-size:36px; }.network-map { overflow:hidden; padding-left:0; padding-right:0; }.network-map > svg { width:150%; transform:translateX(-17%); }
  .governance-metrics { grid-template-columns:repeat(2,1fr); }.governance-metrics > div:nth-child(2) { border-right:0; }.governance-metrics > div:nth-child(-n+2) { border-bottom:1px solid var(--soft-line); }
  .model-lineage { grid-template-columns:auto 1fr; }.model-lineage i,.model-lineage button { display:none; }.priority-panel { min-height:auto; }
}