/*
 * Authoritative capability layout: the supplied 1682 × 935 reference.
 * One unit equals one reference pixel at 1682px; smaller desktop boards scale
 * as a composition, keeping connectors, sheets and UI crops aligned.
 * All rules are scoped so earlier chapter styles cannot move these details.
 */
#capabilities {
  --cu: min(.0594530321vw, 1px);
  --cap-ink: #080b18;
  --cap-muted: #717176;
  display: grid;
  width: min(100%, 1682px);
  max-width: 1682px;
  min-height: 0;
  height: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: calc(453 * var(--cu)) calc(418 * var(--cu));
  gap: calc(21 * var(--cu));
  margin: 0 auto;
  padding: calc(6 * var(--cu)) calc(22.3 * var(--cu)) calc(25 * var(--cu));
  background: #fefefd;
  color: var(--cap-ink);
}
#capabilities .capability-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
#capabilities .outcome-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e5e4e2;
  border-radius: calc(14 * var(--cu));
  background: radial-gradient(ellipse at 65% 80%, #f1f0ed66, transparent 62%), linear-gradient(120deg, #f6f5f3, #faf9f7 62%, #f6f5f3);
  box-shadow: none;
}
#capabilities .outcome-card::before, #capabilities .outcome-card::after { content: none; }
#capabilities .card-orbits {
  position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%;
  transform: none; fill: none; stroke: #b7c0b6; stroke-width: .7;
  stroke-dasharray: 1 5; opacity: .7; pointer-events: none;
}
#capabilities .card-orbits path:nth-child(2) { stroke-dasharray: .5 3; opacity: .7; }
#capabilities .card-orbits path:nth-child(3) { opacity: .4; }
#capabilities .outcome-number {
  position: absolute; top: calc(29 * var(--cu)); left: calc(32 * var(--cu));
  font-size: calc(17 * var(--cu)); line-height: 1.3; font-weight: 500; color: #757578;
}
#capabilities .outcome-card h2 {
  position: absolute; z-index: 3; top: calc(55 * var(--cu)); left: calc(32 * var(--cu));
  width: auto; max-width: none; margin: 0; color: var(--cap-ink);
  font-family: var(--display); font-size: calc(38 * var(--cu));
  line-height: 1.08; font-weight: 600; letter-spacing: -.052em;
  white-space: nowrap;
}
#capabilities .outcome-subtitle {
  position: absolute; z-index: 3; top: calc(96 * var(--cu)); left: calc(32 * var(--cu));
  width: auto; max-width: none; margin: 0; color: #747477;
  font-size: calc(29 * var(--cu)); font-weight: 400; line-height: 1.2; letter-spacing: -.037em;
}
#capabilities .outcome-copy {
  position: absolute; z-index: 3; top: calc(171 * var(--cu)); left: calc(33 * var(--cu));
  width: calc(250 * var(--cu)); max-width: none; margin: 0;
  color: #66666e; font-size: calc(16 * var(--cu)); line-height: 1.44; letter-spacing: -.022em;
}
#capabilities .outcome-company .outcome-copy { top: calc(157 * var(--cu)); width: calc(232 * var(--cu)); }
#capabilities .outcome-qualify .outcome-copy { top: calc(192 * var(--cu)); width: calc(231 * var(--cu)); }
#capabilities .outcome-action .outcome-copy { top: calc(198 * var(--cu)); width: calc(252 * var(--cu)); }
#capabilities .outcome-action .outcome-subtitle { top: calc(99 * var(--cu)); width: calc(316 * var(--cu)); }
#capabilities .card-arrow {
  top: calc(23 * var(--cu)); right: calc(24 * var(--cu));
  width: calc(41 * var(--cu)); height: calc(41 * var(--cu));
  border: 1px solid #e7e7e5; border-radius: calc(8 * var(--cu));
  background: #ffffffeb; box-shadow: none; color: #101420;
}
#capabilities .card-arrow .cap-icon { width: calc(17 * var(--cu)); height: calc(17 * var(--cu)); stroke-width: 1.7; }
#capabilities .cap-icon { color: inherit; stroke-width: 1.7; }

/* Discovery: independently sized source pills terminate at the same SVG node. */
#capabilities .search-visual { top: calc(95 * var(--cu)); left: calc(356 * var(--cu)); right: auto; width: calc(448 * var(--cu)); height: calc(275 * var(--cu)); }
#capabilities .query-chip {
  top: 0; left: calc(123 * var(--cu)); right: auto; width: calc(298 * var(--cu)); height: calc(35 * var(--cu));
  padding: 0 calc(11 * var(--cu)); gap: calc(9 * var(--cu));
  border: 1px solid #eeeeeb; border-radius: calc(14 * var(--cu));
  box-shadow: 0 calc(6 * var(--cu)) calc(17 * var(--cu)) #20201c0c;
  color: #0c1018; font-size: calc(10 * var(--cu)); font-weight: 600;
}
#capabilities .query-chip > .cap-icon { width: calc(14 * var(--cu)); height: calc(14 * var(--cu)); flex-basis: calc(14 * var(--cu)); }
#capabilities .query-chip .query-arrow { width: calc(12 * var(--cu)); height: calc(12 * var(--cu)); margin-left: auto; }
#capabilities .query-chip > span { font-size: inherit; }
#capabilities .source-stack { top: calc(55 * var(--cu)); left: 0; width: auto; gap: calc(5 * var(--cu)); align-items: flex-start; }
#capabilities .source-stack > span {
  height: calc(30 * var(--cu)); margin: 0; padding: 0 calc(10 * var(--cu));
  gap: calc(10 * var(--cu)); border: 1px solid #eeeeeb; border-radius: calc(18 * var(--cu));
  background: #ffffffed; color: #16191f; font-size: calc(12 * var(--cu)); line-height: 1; font-weight: 500;
  box-shadow: 0 calc(3 * var(--cu)) calc(10 * var(--cu)) #232a2305;
  white-space: nowrap; transform: none;
}
#capabilities .source-stack > span:nth-child(1), #capabilities .source-stack > span:nth-child(2) { width: calc(96 * var(--cu)); }
#capabilities .source-stack > span:nth-child(3) { width: calc(101 * var(--cu)); }
#capabilities .source-stack > span:nth-child(4) { width: calc(110 * var(--cu)); }
#capabilities .source-stack > span:nth-child(5) { width: calc(137 * var(--cu)); }
#capabilities .source-stack > span:nth-child(6) { width: calc(166 * var(--cu)); }
#capabilities .source-stack > span i, #capabilities .source-stack > span i .cap-icon { width: calc(16 * var(--cu)); height: calc(16 * var(--cu)); flex-basis: calc(16 * var(--cu)); color: #16191f; }
#capabilities .source-stack .source-maps i .cap-icon { width: calc(15 * var(--cu)); }
#capabilities .search-paths { top: calc(55 * var(--cu)); left: 0; width: calc(450 * var(--cu)); max-width: none; height: calc(210 * var(--cu)); }
#capabilities .search-paths path { stroke: #abb2ad; stroke-width: .8; opacity: .65; vector-effect: none; }
#capabilities .search-paths circle { fill: #18352b; }
#capabilities .signal-cloud { top: calc(45 * var(--cu)); left: calc(247 * var(--cu)); right: auto; width: calc(199 * var(--cu)); height: calc(224 * var(--cu)); display: block; }
#capabilities .signal-cloud::before, #capabilities .signal-cloud::after { content: none; }
#capabilities .signal-points { inset: 0; width: 100%; height: 100%; }
#capabilities .signal-cloud > span {
  top: calc(88 * var(--cu)); left: calc(49 * var(--cu)); right: auto; bottom: auto;
  display: block;
  width: calc(124 * var(--cu)); height: calc(48 * var(--cu)); padding: calc(8 * var(--cu)) calc(17 * var(--cu));
  border-radius: calc(10 * var(--cu)); background: #fff;
  font-size: calc(11 * var(--cu)); font-weight: 400; line-height: 1.4;
  box-shadow: 0 calc(4 * var(--cu)) calc(18 * var(--cu)) #20251f09;
}
#capabilities .signal-cloud > span strong { font-size: calc(12 * var(--cu)); font-weight: 600; }
#capabilities .outcome-metrics { display: flex; flex-wrap: nowrap; gap: 0; top: calc(370 * var(--cu)); left: calc(32 * var(--cu)); right: auto; bottom: auto; width: calc(500 * var(--cu)); height: calc(62 * var(--cu)); align-items: flex-start; }
#capabilities .outcome-metrics > div:not(.coverage-meter) { position: relative; width: calc(108 * var(--cu)); min-width: 0; margin: 0; padding: 0; border: 0; }
#capabilities .outcome-metrics > div:first-child { width: calc(96 * var(--cu)); }
#capabilities .outcome-metrics > div:nth-child(-n+2)::after { content: ""; position: absolute; top: calc(4 * var(--cu)); right: calc(18 * var(--cu)); width: 1px; height: calc(50 * var(--cu)); background: #e4e3e0; }
#capabilities .outcome-metrics strong { font-size: calc(22 * var(--cu)); font-weight: 650; line-height: 1.28; letter-spacing: -.045em; }
#capabilities .outcome-metrics span { color: #747475; font-size: calc(13 * var(--cu)); line-height: 1.3; letter-spacing: -.015em; }
#capabilities .coverage-meter { position: absolute; top: calc(3 * var(--cu)); left: calc(326 * var(--cu)); gap: calc(10 * var(--cu)); margin: 0; }
#capabilities .coverage-meter i { position: relative; width: calc(60 * var(--cu)); height: calc(60 * var(--cu)); border: 0; border-radius: 0; background: none; color: #18212a; }
#capabilities .coverage-meter svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke-width: 4.1; }
#capabilities .coverage-track { stroke: #e7e9e4; }
#capabilities .coverage-progress { stroke: #356958; stroke-linecap: round; }
#capabilities .coverage-meter b { z-index: 1; font-size: calc(15 * var(--cu)); font-weight: 650; }
#capabilities .coverage-meter > span { font-size: calc(12 * var(--cu)); }

/* Company: three real backing surfaces, bevel light and soft contact shadows. */
#capabilities .company-stack { position: absolute; z-index: 0; top: calc(111 * var(--cu)); left: calc(327 * var(--cu)); right: auto; bottom: auto; width: calc(480 * var(--cu)); height: calc(356 * var(--cu)); pointer-events: none; }
#capabilities .company-stack i {
  position: absolute; inset: 0; border: 1px solid #fff; border-radius: calc(15 * var(--cu));
  background: linear-gradient(120deg, #fffffff2, #f8f8f6ee); transform: none;
  translate: calc(var(--sheet-base-x, 0px) + var(--sheet-x, 0px)) calc(var(--sheet-base-y, 0px) + var(--sheet-y, 0px));
  box-shadow: calc(-1 * var(--cu)) calc(1 * var(--cu)) calc(3 * var(--cu)) #999c9326, 0 calc(8 * var(--cu)) calc(25 * var(--cu)) #333a2e08, inset 0 1px 0 #fff;
}
#capabilities .company-stack i:nth-child(1) { --sheet-base-x:calc(-26 * var(--cu)); --sheet-base-y:calc(-24 * var(--cu)); }
#capabilities .company-stack i:nth-child(2) { --sheet-base-x:calc(-13 * var(--cu)); --sheet-base-y:calc(-12 * var(--cu)); }
#capabilities .company-stack i:nth-child(3) { --sheet-base-x:0px; --sheet-base-y:0px; border-color: #e7e7e2; }
#capabilities .company-ui {
  position: absolute; z-index: 1; top: calc(122 * var(--cu)); left: calc(337 * var(--cu)); right: calc(-1 * var(--cu)); bottom: calc(-1 * var(--cu));
  display: grid; grid-template-columns: calc(136 * var(--cu)) minmax(0, 1fr); padding: calc(75 * var(--cu)) calc(24 * var(--cu)) 0 calc(0 * var(--cu));
  overflow: hidden; border: 1px solid #e2e3df; border-radius: calc(13 * var(--cu)) calc(13 * var(--cu)) 0 0;
  background: linear-gradient(125deg, #fff, #fdfdfc); box-shadow: calc(-7 * var(--cu)) calc(9 * var(--cu)) calc(26 * var(--cu)) #32352b10;
}
#capabilities .company-identity { position: absolute; top: calc(13 * var(--cu)); left: calc(17 * var(--cu)); display: flex; gap: calc(16 * var(--cu)); align-items: center; padding: 0; transform: none; }
#capabilities .company-logo { width: calc(47 * var(--cu)); height: calc(47 * var(--cu)); flex-basis: calc(47 * var(--cu)); border: 1px solid #080e0e; border-radius: calc(8 * var(--cu)); background: linear-gradient(140deg, #17201e, #090e0e); box-shadow: inset 0 1px 0 #ffffff16; }
#capabilities .company-logo .cap-icon { width: calc(27 * var(--cu)); height: calc(27 * var(--cu)); color: #f8f8f5; stroke-width: 1.35; }
#capabilities .company-identity strong { display: block; margin: 0; color: #161a23; font-size: calc(16 * var(--cu)); line-height: 1.4; font-weight: 600; letter-spacing: -.03em; }
#capabilities .company-identity small { display: block; margin: 0; font-size: calc(11 * var(--cu)); line-height: 1.4; color: #71727c; }
#capabilities .company-identity > div:last-child { padding-top: 0; }
#capabilities .company-sidebar { position: relative; display: block; padding: calc(4 * var(--cu)) calc(11 * var(--cu)); border: 0; border-right: 1px solid #eceeeb; background: linear-gradient(90deg, #fafafa, #f7f7f6); }
#capabilities .company-sidebar nav { position: static; left: auto; width: auto; display: flex; gap: calc(5 * var(--cu)); margin: 0; }
#capabilities .company-sidebar nav > * { position: relative; display: flex; align-items: center; gap: calc(10 * var(--cu)); height: calc(25 * var(--cu)); margin: 0; padding: 0 calc(7 * var(--cu)); color: #61636a; font-size: calc(10 * var(--cu)); font-weight: 400; line-height: 1; }
#capabilities .company-sidebar nav b { background: #f0f0f0; color: #141a24; font-weight: 600; border-radius: calc(6 * var(--cu)); }
#capabilities .company-sidebar nav b::before { position: absolute; content: ""; top: 0; bottom: 0; left: calc(-11 * var(--cu)); width: calc(2 * var(--cu)); background: #1f2525; border-radius: 2px; }
#capabilities .company-sidebar nav .cap-icon { width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); stroke-width: 1.65; }
#capabilities .company-signals { position: static; min-width: 0; padding: 0 0 0 calc(12 * var(--cu)); }
#capabilities .mini-header { position: absolute; top: calc(23 * var(--cu)); right: calc(25 * var(--cu)); display: flex; justify-content: flex-end; gap: calc(8 * var(--cu)); margin: 0; transform: none; }
#capabilities .mini-header a { display: flex; align-items: center; gap: calc(5 * var(--cu)); height: calc(27 * var(--cu)); padding: 0 calc(8 * var(--cu)); transform: none; border: 1px solid #e6e6e4; font-size: calc(9 * var(--cu)); border-radius: calc(5 * var(--cu)); background: #ffffffa8; }
#capabilities .mini-header a .cap-icon { width: calc(11 * var(--cu)); height: calc(11 * var(--cu)); }
#capabilities .company-menu { display: grid; place-items: center; width: calc(28 * var(--cu)); height: calc(27 * var(--cu)); border: 1px solid #e6e6e4; border-radius: calc(5 * var(--cu)); background: #fff; }
#capabilities .company-menu .cap-icon { width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); }
#capabilities .signal-row {
  height: calc(36 * var(--cu)); display: grid; grid-template-columns: calc(17 * var(--cu)) minmax(0,1fr) calc(56 * var(--cu));
  align-items: center; column-gap: calc(11 * var(--cu)); padding: 0 calc(11 * var(--cu));
  border: 1px solid #eeefec; border-top: 0; border-radius: 0; color: #252934; font-size: calc(11 * var(--cu)); line-height: 1.2;
  background: linear-gradient(100deg, #fbfbfa, #ffffffb8);
}
#capabilities .signal-row:nth-child(2) { border-top: 1px solid #eeefec; border-radius: calc(7 * var(--cu)) calc(7 * var(--cu)) 0 0; }
#capabilities .signal-row:nth-child(6) { border-radius: 0 0 calc(7 * var(--cu)) calc(7 * var(--cu)); }
#capabilities .signal-row > b { width: calc(16 * var(--cu)); height: calc(16 * var(--cu)); }
#capabilities .signal-row > b .cap-icon { width: calc(10 * var(--cu)); height: calc(10 * var(--cu)); stroke-width: 1.9; }
#capabilities .up { background: #e0f2e5; color: #287853; }
#capabilities .down { background: #fbe4e7; color: #d45867; }
#capabilities .neutral { background: #e9e9e9; color: #51545d; }
#capabilities .signal-row > .neutral::after { content: "~"; font-size: calc(13 * var(--cu)); line-height: 1; }
#capabilities .signal-row > .neutral::before, #capabilities .trend.neutral::before { content: none; }
#capabilities .spark { width: calc(55 * var(--cu)); height: calc(14 * var(--cu)); transform: none; background: linear-gradient(0deg, #7d8a7d08, transparent); }
#capabilities .spark path { stroke: #767d7a; stroke-width: 1; }
#capabilities .signal-row:nth-child(2) .spark path { stroke: #3f8568; }
#capabilities .company-meta { gap: calc(8 * var(--cu)); margin: calc(23 * var(--cu)) 0 0 calc(12 * var(--cu)); flex-wrap: nowrap; white-space: nowrap; color: #6d6e78; font-size: calc(12 * var(--cu)); }
#capabilities .company-meta strong { color: #1c2330; font-weight: 600; }
/* Evidence explorer: the outer card and its original crop remain unchanged. */
#capabilities .evidence-explorer { padding-left: calc(16 * var(--cu)); }
#capabilities .outcome-company .company-sidebar nav b { background: #edf3eb; color: #1b362a; }
#capabilities .outcome-company .company-sidebar nav b::before { background: #346a4c; width: 1px; }
#capabilities .company-insight { padding: calc(5 * var(--cu)) 0 calc(12 * var(--cu)); }
#capabilities .context-label { display: block; margin-bottom: calc(8 * var(--cu)); color: #747b83; font-size: calc(8 * var(--cu)); font-weight: 600; letter-spacing: .045em; text-transform: uppercase; }
#capabilities .company-insight h3 { display: flex; align-items: center; gap: calc(7 * var(--cu)); margin: 0; color: #18201e; font-size: calc(16 * var(--cu)); font-weight: 600; line-height: 1.15; letter-spacing: -.035em; white-space: nowrap; }
#capabilities .company-insight h3 > span { display: grid; place-items: center; width: calc(18 * var(--cu)); height: calc(18 * var(--cu)); border-radius: calc(4 * var(--cu)); background: #e6f0e2; color: #356447; }
#capabilities .company-insight h3 .cap-icon { width: calc(12 * var(--cu)); height: calc(12 * var(--cu)); }
#capabilities .company-insight p { margin: calc(7 * var(--cu)) 0 0; color: #70767b; font-size: calc(9 * var(--cu)); line-height: 1.4; }
#capabilities .company-evidence-row { display: grid; grid-template-columns: calc(17 * var(--cu)) minmax(0,1fr) auto; align-items: start; column-gap: calc(9 * var(--cu)); padding: calc(12 * var(--cu)) 0; border-top: 1px solid #eceee9; }
#capabilities .company-evidence-row > .cap-icon { width: calc(16 * var(--cu)); height: calc(16 * var(--cu)); margin-top: calc(1 * var(--cu)); color: #25362d; stroke-width: 1.5; }
#capabilities .company-evidence-row strong { display: block; color: #202927; font-size: calc(11 * var(--cu)); font-weight: 500; line-height: 1.3; }
#capabilities .company-evidence-row p { margin: calc(4 * var(--cu)) 0 0; color: #737b79; font-size: calc(9 * var(--cu)); line-height: 1.4; }
#capabilities .company-evidence-row small { padding-top: calc(2 * var(--cu)); color: #778079; font-size: calc(7 * var(--cu)); line-height: 1.4; white-space: nowrap; }
#capabilities .company-corroboration { text-align: center; color: #426f50; font-size: calc(9 * var(--cu)); line-height: 1.4; }
#capabilities .company-corroboration svg { display: block; width: 92%; height: calc(22 * var(--cu)); margin: calc(-5 * var(--cu)) auto calc(5 * var(--cu)); overflow: visible; }
#capabilities .company-corroboration path { fill: none; stroke: #8eb297; stroke-width: .75; }
#capabilities .company-corroboration circle { fill: #36694b; }
#capabilities .evidence-explorer .company-meta { display: flex; justify-content: flex-start; gap: calc(6 * var(--cu)); margin: calc(16 * var(--cu)) 0 0; padding-top: calc(12 * var(--cu)); border-top: 1px solid #eceee9; font-size: calc(9 * var(--cu)); }
#capabilities .company-illustrative { display: block; margin-top: calc(5 * var(--cu)); color: #838981; font-size: calc(7 * var(--cu)); }
/* Selected demand-trend concept, contained in the original product window. */
#capabilities .demand-trends .company-insight { padding-bottom: calc(8 * var(--cu)); }
#capabilities .demand-trends .context-label { margin-bottom: calc(6 * var(--cu)); font-size: calc(7.5 * var(--cu)); }
#capabilities .demand-trends .company-insight h3 { font-size: calc(15 * var(--cu)); }
#capabilities .demand-trends .company-insight p { margin-top: calc(5 * var(--cu)); font-size: calc(8.5 * var(--cu)); }
#capabilities .demand-chart { display: block; width: 100%; height: calc(62 * var(--cu)); overflow: visible; }
#capabilities .demand-chart-axis { fill: none; stroke: #dedfdf; stroke-width: .65; }
#capabilities .demand-line { fill: none; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
#capabilities .demand-line-reviews { stroke: #225f3c; }
#capabilities .demand-line-search { stroke: #8bae8d; }
#capabilities .demand-chart-points { fill: #fff; stroke-width: 1; }
#capabilities .demand-review-points { stroke: #225f3c; }
#capabilities .demand-search-points { stroke: #8bae8d; }
#capabilities .demand-review-points circle:last-child { fill: #225f3c; }
#capabilities .demand-search-points circle:last-child { fill: #8bae8d; }
#capabilities .demand-legend { display: flex; align-items: center; gap: calc(16 * var(--cu)); padding: calc(4 * var(--cu)) 0 calc(7 * var(--cu)); color: #71777b; font-size: calc(8 * var(--cu)); line-height: 1.3; }
#capabilities .demand-legend span { display: inline-flex; align-items: center; gap: calc(6 * var(--cu)); }
#capabilities .demand-legend i { width: calc(5 * var(--cu)); height: calc(5 * var(--cu)); border-radius: 50%; background: #225f3c; }
#capabilities .demand-legend span:last-child i { background: #8bae8d; }
#capabilities .demand-trends .company-evidence-row { align-items: center; gap: calc(7 * var(--cu)); padding: calc(6 * var(--cu)) 0; }
#capabilities .demand-trends .company-evidence-row > .cap-icon { width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); margin: 0; fill: none; }
#capabilities .demand-trends .company-evidence-row strong { font-size: calc(9 * var(--cu)); font-weight: 450; white-space: nowrap; }
#capabilities .demand-trends .company-evidence-row small { padding: 0; font-size: calc(7 * var(--cu)); }
#capabilities .demand-summary { margin: 0; padding-top: calc(8 * var(--cu)); border-top: 1px solid #3e7854; color: #3d6b4c; font-size: calc(8.5 * var(--cu)); line-height: 1.4; }
#capabilities .demand-trends .company-meta { margin-top: calc(8 * var(--cu)); padding-top: 0; border-top: 0; font-size: calc(8 * var(--cu)); }
#capabilities .demand-trends .company-illustrative { position: absolute; top: calc(57 * var(--cu)); left: calc(80 * var(--cu)); margin: 0; }

/* Qualification: two outcome badges share one explanation, not narrow columns. */
#capabilities .interpretation-ui {
  position: absolute; top: calc(138 * var(--cu)); left: calc(289 * var(--cu)); right: calc(-1 * var(--cu)); bottom: calc(-1 * var(--cu));
  min-height: 0; height: auto; padding: 0; transform: none; border: 1px solid #eeefeb; border-radius: calc(15 * var(--cu)) calc(15 * var(--cu)) 0 0;
  background: linear-gradient(145deg, #fff, #fcfcfb); box-shadow: 0 calc(12 * var(--cu)) calc(30 * var(--cu)) #33392c09;
}
#capabilities .interpretation-title { position: absolute; top: calc(15 * var(--cu)); left: calc(24 * var(--cu)); right: calc(13 * var(--cu)); height: calc(44 * var(--cu)); align-items: flex-start; font-size: calc(15 * var(--cu)); letter-spacing: -.025em; }
#capabilities .interpretation-title > strong { padding-top: calc(1 * var(--cu)); font-weight: 600; }
#capabilities .score-chip { display: grid; width: calc(116 * var(--cu)); height: calc(49 * var(--cu)); grid-template-columns: calc(10 * var(--cu)) 1fr; grid-template-rows: calc(20 * var(--cu)) auto; align-items: center; column-gap: calc(8 * var(--cu)); padding: calc(8 * var(--cu)) calc(12 * var(--cu)); transform: translateY(calc(-5 * var(--cu))); border: 1px solid #efefec; border-radius: calc(9 * var(--cu)); }
#capabilities .score-chip i { width: calc(7 * var(--cu)); height: calc(7 * var(--cu)); grid-column: 1; grid-row: 1; background: #138f63; box-shadow: inset 0 1px 0 #ffffff33; }
#capabilities .score-chip b { grid-column: 2; grid-row: 1; font-size: calc(17 * var(--cu)); line-height: 1; }
#capabilities .score-chip small { grid-column: 2; grid-row: 2; white-space: nowrap; color: #30343d; font-size: calc(10 * var(--cu)); line-height: 1.2; letter-spacing: -.02em; }
#capabilities .interpretation-connectors { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; opacity: .7; fill: none; stroke: #ced2ce; stroke-width: .8; stroke-dasharray: 1 1.6; }
#capabilities .interpretation-grid { position: absolute; inset: 0; display: block; margin: 0; font-size: calc(10 * var(--cu)); }
#capabilities .signal-list { position: absolute; top: calc(57 * var(--cu)); left: calc(24 * var(--cu)); width: calc(139 * var(--cu)); gap: calc(5 * var(--cu)); }
#capabilities .signal-list > b { margin-bottom: calc(2 * var(--cu)); color: #161a28; font-size: calc(11 * var(--cu)); line-height: 1.25; font-weight: 600; }
#capabilities .signal-list > span { display: flex; width: 100%; align-items: center; gap: calc(8 * var(--cu)); height: calc(25 * var(--cu)); padding: 0 calc(6 * var(--cu)); border: 1px solid #eceeeb; border-radius: calc(13 * var(--cu)); background: linear-gradient(110deg,#f7faf6,#fafaf9); color: #646973; font-size: calc(9 * var(--cu)); line-height: 1; letter-spacing: -.025em; white-space: nowrap; }
#capabilities .trend { display: grid; place-items: center; width: calc(16 * var(--cu)); height: calc(16 * var(--cu)); flex-basis: calc(16 * var(--cu)); border-radius: 50%; font-style: normal; }
#capabilities .trend .cap-icon { width: calc(10 * var(--cu)); height: calc(10 * var(--cu)); stroke-width: 1.8; }
#capabilities .interpretation-flow { position: absolute; top: calc(81 * var(--cu)); left: calc(204 * var(--cu)); width: calc(145 * var(--cu)); gap: calc(9 * var(--cu)); }
#capabilities .opportunity-result { position: absolute; top: calc(81 * var(--cu)); left: calc(368 * var(--cu)); width: calc(132 * var(--cu)); gap: calc(9 * var(--cu)); }
#capabilities .interpretation-flow > b, #capabilities .opportunity-result > b { padding-left: calc(6 * var(--cu)); font-size: calc(11 * var(--cu)); line-height: 1.25; font-weight: 600; color: #181b29; }
#capabilities .interpretation-flow > span, #capabilities .offer-badge { display: flex; min-height: 0; height: calc(47 * var(--cu)); align-items: center; gap: calc(9 * var(--cu)); margin: 0; padding: calc(7 * var(--cu)); border: 0; border-radius: calc(10 * var(--cu)); background: #f7f7f5; box-shadow: 0 calc(8 * var(--cu)) calc(16 * var(--cu)) #242b2210; color: #151b28; }
#capabilities .insight-icon { display: grid; place-items: center; width: calc(27 * var(--cu)); height: calc(29 * var(--cu)); flex: 0 0 calc(27 * var(--cu)); margin: 0; border-radius: calc(7 * var(--cu)); background: #e6ebff; color: #3562f0; box-shadow: inset 0 0 0 1px #dbe4ff; }
#capabilities .insight-icon .cap-icon { width: calc(18 * var(--cu)); height: calc(18 * var(--cu)); stroke-width: 1.7; }
#capabilities .interpretation-flow strong, #capabilities .offer-badge strong { padding: 0; border: 0; margin: 0; background: none; font-size: calc(10 * var(--cu)); font-weight: 600; line-height: 1.35; letter-spacing: -.025em; }
#capabilities .offer-badge > span { display: grid; place-items: center; width: calc(25 * var(--cu)); height: calc(29 * var(--cu)); flex: 0 0 calc(25 * var(--cu)); border: 0; background: #fff; border-radius: calc(6 * var(--cu)); }
#capabilities .offer-badge .cap-icon { width: calc(21 * var(--cu)); height: calc(21 * var(--cu)); stroke-width: 1.7; }
#capabilities .interpretation-summary { position: absolute; top: calc(190 * var(--cu)); left: calc(204 * var(--cu)); right: calc(13 * var(--cu)); padding: calc(1 * var(--cu)) calc(12 * var(--cu)) calc(12 * var(--cu)); border-radius: calc(9 * var(--cu)); background: #f6f6f4; }
#capabilities .interpretation-summary > b { color: #1b2030; font-size: calc(12 * var(--cu)); font-weight: 600; line-height: 1.3; }
#capabilities .interpretation-summary blockquote { margin: calc(5 * var(--cu)) 0 0; padding: 0; border: 0; color: #616574; font-size: calc(12 * var(--cu)); line-height: 1.4; letter-spacing: -.025em; }

/* Action: restrained sidebar, real brand silhouettes, aligned contact/details. */
#capabilities .brief-ui { position: absolute; top: calc(54 * var(--cu)); left: calc(388 * var(--cu)); right: calc(-1 * var(--cu)); bottom: calc(-1 * var(--cu)); height: auto; display: grid; grid-template-columns: calc(130 * var(--cu)) minmax(0, 1fr); padding: 0; border: 1px solid #ebebe8; border-radius: calc(14 * var(--cu)) 0 0 0; background: #fff; box-shadow: calc(-6 * var(--cu)) calc(10 * var(--cu)) calc(30 * var(--cu)) #242a200b; }
#capabilities .brief-list { display: flex; gap: calc(13 * var(--cu)); margin: 0; padding: calc(25 * var(--cu)) 0; border-right: 1px solid #efefed; background: linear-gradient(100deg, #fcfcfb, #f8f8f7); }
#capabilities .brief-list > strong { margin: 0 0 calc(4 * var(--cu)); padding-left: calc(15 * var(--cu)); color: #171c2a; font-size: calc(11 * var(--cu)); line-height: 1.5; font-weight: 600; }
#capabilities .brief-list > span { position: relative; display: flex; align-items: center; gap: calc(8 * var(--cu)); height: calc(27 * var(--cu)); margin: 0; padding: 0 calc(7 * var(--cu)); border-radius: calc(6 * var(--cu)); color: #696973; font-size: calc(9 * var(--cu)); line-height: 1; letter-spacing: -.035em; }
#capabilities .brief-list > span.active { margin-right: calc(1 * var(--cu)); background: #ececeb; color: #171b24; }
#capabilities .brief-list > span.active::before { content: ""; position: absolute; left: calc(-1 * var(--cu)); top: 0; bottom: 0; width: calc(2 * var(--cu)); background: #25292b; }
#capabilities .list-mark { display: grid; place-items: center; width: calc(23 * var(--cu)); height: calc(23 * var(--cu)); flex: 0 0 calc(23 * var(--cu)); margin-left: calc(8 * var(--cu)); border: 0; border-radius: calc(5 * var(--cu)); background: #fff; color: #11161b; }
#capabilities .list-mark .cap-icon { width: calc(15 * var(--cu)); height: calc(15 * var(--cu)); }
#capabilities .mark-mountain { background: #141c1b; color: #fff; box-shadow: inset 0 0 0 1px #ffffff20; }
#capabilities .mark-mountain .cap-icon { stroke-width: 1.3; }
#capabilities .mark-brightpath b { position: relative; width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); border: 0; border-radius: 50%; background: #111617; transform: none; }
#capabilities .mark-brightpath b::after { content: ""; position: absolute; inset: 33%; border-radius: 1px; background: #fff; transform: rotate(45deg); }
#capabilities .mark-triangle .cap-icon { width: calc(16 * var(--cu)); height: calc(16 * var(--cu)); }
#capabilities .brief-detail { position: relative; padding: calc(12 * var(--cu)) calc(11 * var(--cu)) 0 calc(21 * var(--cu)); color: #161b28; font-size: calc(10 * var(--cu)); }
#capabilities .brief-detail > strong { display: block; font-family: var(--body); font-size: calc(18 * var(--cu)); line-height: 1.25; font-weight: 600; letter-spacing: -.03em; }
#capabilities .brief-detail > small { display: block; margin: 0; color: #76757a; font-size: calc(9 * var(--cu)); line-height: 1.4; }
#capabilities .brief-row { position: static; top: auto; left: auto; right: auto; display: grid; grid-template-columns: calc(72 * var(--cu)) minmax(0,1fr); gap: 0; align-items: start; margin: calc(12 * var(--cu)) 0 0; color: #6e6e79; font-size: calc(10 * var(--cu)); line-height: 1.4; }
#capabilities .brief-row b { color: #181d2b; font-size: inherit; line-height: inherit; font-weight: 400; letter-spacing: -.025em; }
#capabilities .brief-contact { grid-template-columns: calc(72 * var(--cu)) minmax(0,1fr) calc(45 * var(--cu)); align-items: center; margin-top: calc(15 * var(--cu)); }
#capabilities .brief-contact > b { display: flex; align-items: center; gap: calc(8 * var(--cu)); }
#capabilities .contact-avatar { display: grid; place-items: center; width: calc(24 * var(--cu)); height: calc(24 * var(--cu)); flex: 0 0 calc(24 * var(--cu)); margin: 0; border: 0; border-radius: 50%; background: #bdbfce; color: #303549; font-size: calc(10 * var(--cu)); font-style: normal; }
#capabilities .brief-contact b small { display: block; color: #747581; font-size: calc(9 * var(--cu)); line-height: 1.3; }
#capabilities .contact-actions { display: flex; align-items: center; justify-content: flex-end; gap: calc(15 * var(--cu)); }
#capabilities .contact-actions .cap-icon { width: calc(12 * var(--cu)); height: calc(12 * var(--cu)); color: #202530; }
#capabilities .brief-why { margin-top: calc(12 * var(--cu)); }
#capabilities .brief-opportunity { margin-top: calc(12 * var(--cu)); }
#capabilities .brief-angle { margin-top: calc(9 * var(--cu)); }
#capabilities .brief-angle > span { padding-top: calc(6 * var(--cu)); }
#capabilities .brief-quote { margin: 0; padding: calc(8 * var(--cu)) calc(9 * var(--cu)); border: 0; border-radius: calc(7 * var(--cu)); background: #f3f3f2; color: #62626c; font-size: calc(9 * var(--cu)); line-height: 1.55; letter-spacing: -.02em; }
#capabilities .brief-evidence { align-items: center; margin-top: calc(12 * var(--cu)); font-size: calc(9 * var(--cu)); }
#capabilities .brief-evidence > b { display: flex; align-items: center; gap: calc(7 * var(--cu)); white-space: nowrap; }
#capabilities .brief-evidence b > .cap-icon { width: calc(20 * var(--cu)); height: calc(23 * var(--cu)); margin: 0; padding: calc(4 * var(--cu)); border: 1px solid #eaeae7; border-radius: calc(5 * var(--cu)); }
#capabilities .brief-evidence b > .evidence-arrow { width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); margin-left: auto; padding: 0; border: 0; }
#capabilities .brief-buttons { position: static; right: auto; bottom: auto; left: auto; display: flex; gap: calc(8 * var(--cu)); margin: calc(16 * var(--cu)) 0 0; align-items: center; }
#capabilities .brief-buttons > span { display: flex; width: auto; align-items: center; justify-content: center; gap: calc(7 * var(--cu)); height: calc(37 * var(--cu)); padding: 0 calc(12 * var(--cu)); border: 1px solid #e4e5e4; border-radius: calc(6 * var(--cu)); background: #fff; color: #353644; font-size: calc(9 * var(--cu)); line-height: 1; white-space: nowrap; }
#capabilities .brief-buttons > span:first-child { background: linear-gradient(130deg,#18211f,#080e0f); border-color: #101716; color: #fff; box-shadow: inset 0 1px 0 #ffffff10; }
#capabilities .brief-buttons > span:last-child { padding: 0; width: calc(32 * var(--cu)); flex: 0 0 calc(32 * var(--cu)); }
#capabilities .brief-buttons .cap-icon { width: calc(13 * var(--cu)); height: calc(13 * var(--cu)); }

/* A narrow screen gets readable copy and a separate, uncropped UI preview. */
@media (max-width: 1100px) {
  #capabilities { --cu: 1px; max-width: 720px; grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 16px; padding: 20px 12px; }
  #capabilities .outcome-card { height: auto; min-height: 0; padding: 24px 22px; border-radius: 14px; }
  #capabilities .outcome-number { position: relative; top: auto; left: auto; display: block; font-size: 14px; }
  #capabilities .outcome-card h2 { position: relative; top: auto; left: auto; max-width: calc(100% - 22px); margin-top: 6px; font-size: clamp(27px,5vw,38px); white-space: normal; line-height: 1.07; }
  #capabilities .outcome-subtitle, #capabilities .outcome-action .outcome-subtitle { position: relative; top: auto; left: auto; width: auto; max-width: 92%; margin-top: 4px; font-size: clamp(23px,4vw,29px); }
  #capabilities .outcome-copy, #capabilities .outcome-company .outcome-copy, #capabilities .outcome-qualify .outcome-copy, #capabilities .outcome-action .outcome-copy { position: relative; top: auto; left: auto; width: auto; max-width: 360px; margin-top: 22px; font-size: 15px; }
  #capabilities .card-arrow { top: 18px; right: 18px; width: 36px; height: 36px; }
  #capabilities .search-visual { position: relative; top: auto; left: auto; width: 448px; max-width: none; height: 280px; margin: 26px 0 0; transform-origin: top left; }
  #capabilities .outcome-metrics { position: relative; top: auto; left: auto; width: 100%; height: 125px; margin-top: 9px; }
  #capabilities .outcome-metrics strong { font-size: 20px; }
  #capabilities .outcome-metrics span { font-size: 11px; }
  #capabilities .outcome-metrics > div:not(.coverage-meter) { width: 95px; }
  #capabilities .coverage-meter { top: 65px; left: 0; }
  #capabilities .coverage-meter i { width: 47px; height: 47px; }
  #capabilities .company-stack { top: auto; left: 35px; right: 10px; bottom: 24px; width: auto; height: 310px; }
  #capabilities .company-ui { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 465px; max-width: none; min-height: 322px; margin: 39px 0 -25px 10px; border-radius: 13px 13px 0 0; transform-origin: top left; }
  #capabilities .interpretation-ui { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 513px; max-width: none; height: 279px; margin: 25px 0 -25px; transform-origin: top left; }
  #capabilities .brief-ui { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 414px; max-width: none; height: 363px; margin: 25px 0 -25px; transform-origin: top left; }
  #capabilities .card-orbits { opacity: .4; }
}
@media (min-width: 481px) and (max-width: 760px) {
  #capabilities .search-visual, #capabilities .company-ui, #capabilities .interpretation-ui, #capabilities .brief-ui { zoom: .85; }
}
@media (max-width: 480px) {
  #capabilities .search-visual { zoom: .64; }
  #capabilities .company-ui { zoom: .64; }
  #capabilities .interpretation-ui { zoom: .6; }
  #capabilities .brief-ui { zoom: .75; }
  #capabilities .company-stack { left: 27px; bottom: 2px; height: 205px; }
}
@media (max-width: 360px) {
  #capabilities .search-visual, #capabilities .company-ui { zoom: .54; }
  #capabilities .interpretation-ui { zoom: .5; }
  #capabilities .brief-ui { zoom: .64; }
}
@media (prefers-reduced-motion: reduce) {
  #capabilities .outcome-card, #capabilities .card-arrow, #capabilities .source-stack > span { transition: none; animation: none; }
}