/* The overview hero uses the site's typography, color tokens, and container. */
.page-dev-intel .di-overview-hero { padding: 112px 0 144px; }
.page-dev-intel .di-overview-hero .di-hero__inner { gap: 18px; }
.page-dev-intel .di-overview-hero .seo-breadcrumbs { align-self: stretch; }
.page-dev-intel .di-overview-hero .di-hero__copy { width: 100%; max-width: 1100px; min-width: 0; gap: 20px; }
.page-dev-intel .di-overview-hero .di-hero__title { max-width: 1100px; font-size: var(--text-hero); line-height: var(--leading-hero); letter-spacing: var(--tracking-display); font-family: var(--font-display); font-weight: 400; }
.page-dev-intel .di-overview-hero .di-hero__title em { display: block; }
.page-dev-intel .di-overview-hero .di-hero__sub { max-width: 760px; font-size: var(--text-lead); line-height: var(--leading-lead); }
.page-dev-intel .di-overview-hero .di-hero__actions { padding-top: 3px; }
.page-dev-intel .di-dashboard-stage { position: relative; z-index: 2; margin-top: -104px; }
.page-dev-intel .di-dashboard { padding: 22px; background: linear-gradient(233deg, #fdf2f9 5.7%, #e5edfc 41%, #e7e3ff 68.4%, #fdf2f8 96.3%); box-shadow: 0 24px 64px rgba(27, 24, 68, .12); }
.page-dev-intel .di-dashboard [hidden] { display: none !important; }
.page-dev-intel .di-dashboard__window { background: #fff; box-shadow: 0 8px 24px rgba(27, 36, 44, .05); }
.page-dev-intel .di-dashboard__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 22px; background: #fbfbfd; border-bottom: 1px solid var(--di-hairline); }
.page-dev-intel .di-dashboard__bar-title { display: flex; align-items: center; gap: 18px; }
.page-dev-intel .di-dashboard__bar h2 { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); font-weight: 500; letter-spacing: -.2px; }
.page-dev-intel .di-dashboard__dots { display: flex; gap: 6px; }
.page-dev-intel .di-dashboard__dots i { width: 9px; height: 9px; border-radius: 50%; background: #ff7369; }
.page-dev-intel .di-dashboard__dots i:nth-child(2) { background: #f0c05d; }
.page-dev-intel .di-dashboard__dots i:nth-child(3) { background: #6dc99d; }
.page-dev-intel .di-dashboard__scope { font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--di-muted); text-align: right; }
.page-dev-intel .di-dashboard__body { padding: 26px; }
.page-dev-intel .di-dashboard__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 28px; }
.page-dev-intel .di-dashboard__output { min-width: 0; display: flex; flex-direction: column; padding-right: 28px; border-right: 1px solid var(--di-hairline); }
.page-dev-intel .di-dashboard__heading { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); font-weight: 500; }
.page-dev-intel .di-dashboard__heading a { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: var(--di-ink); }
.page-dev-intel .di-dashboard__heading a:hover { color: var(--di-accent); }
.page-dev-intel .di-dashboard__heading svg { flex: none; width: 14px; height: 14px; color: var(--di-accent); transition: transform .2s ease; }
.page-dev-intel .di-dashboard__heading a:hover svg { transform: translate(2px, -2px); }
.page-dev-intel .di-dashboard__output > .di-dashboard__heading { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); }
.page-dev-intel .di-dashboard__label { margin-top: 4px; color: var(--di-muted); font-size: var(--text-caption); line-height: var(--leading-caption); }
.page-dev-intel .di-dashboard__total-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin-top: 14px; }
.page-dev-intel .di-dashboard__total { font-size: var(--text-metric); line-height: var(--leading-metric); font-weight: 600; letter-spacing: -1.6px; font-variant-numeric: tabular-nums; }
.page-dev-intel .di-dashboard__total small { color: var(--di-muted); font-size: var(--text-body); line-height: var(--leading-body); font-weight: 400; letter-spacing: 0; }
.page-dev-intel .di-dashboard__delta { color: #1d7c4d; background: #eff7f2; padding: 3px 7px; font-size: var(--text-caption); line-height: var(--leading-caption); font-weight: 600; }
.page-dev-intel .di-dashboard__switch-space { display: flex; align-items: center; min-height: 66px; }
.page-dev-intel .di-dashboard__switch { display: flex; flex-wrap: wrap; gap: 6px; margin: 17px 0 14px; }
.page-dev-intel .di-dashboard__switch button { appearance: none; border: 0; background: transparent; padding: 9px 12px; color: var(--di-body); font: inherit; font-size: var(--text-caption); line-height: var(--leading-caption); cursor: pointer; transition: background .2s ease; }
.page-dev-intel .di-dashboard__switch button:hover { background: #f6f5fd; }
.page-dev-intel .di-dashboard__switch button[aria-pressed='true'] { color: var(--di-accent); background: #eeedfe; font-weight: 500; }
.page-dev-intel .di-dashboard__chart { margin: 0; }
.page-dev-intel .di-dashboard__axis-title { padding-left: 32px; margin-bottom: 17px; font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--di-muted); }
.page-dev-intel .di-dashboard__plot { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 6px; height: 168px; margin-bottom: 30px; }
.page-dev-intel .di-dashboard__y-axis { display: flex; flex-direction: column; justify-content: space-between; text-align: right; font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--di-muted); margin-top: -6px; margin-bottom: -6px; }
.page-dev-intel .di-dashboard__bars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); height: 100%; background: linear-gradient(to top, #e7e9ef 1px, transparent 1px) 0 0 / 100% 33.3333%; border-top: 1px solid #e7e9ef; }
.page-dev-intel .di-dashboard__week { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 100%; }
.page-dev-intel .di-dashboard__stack { position: relative; display: flex; flex-direction: column-reverse; width: 58%; max-width: 56px; transform-origin: bottom; animation: di-dashboard-bars .45s ease-out; }
.page-dev-intel .di-dashboard__segment { display: block; flex: none; }
.page-dev-intel .di-dashboard__bar-total { position: absolute; left: 50%; bottom: calc(100% + 5px); transform: translateX(-50%); font-size: var(--text-secondary); line-height: var(--leading-secondary); font-weight: 500; font-variant-numeric: tabular-nums; }
.page-dev-intel .di-dashboard__week-label { position: absolute; top: calc(100% + 9px); left: 0; width: 100%; font-size: var(--text-caption); line-height: var(--leading-caption); text-align: center; color: var(--di-muted); white-space: nowrap; }
.page-dev-intel .di-dashboard__color--human { background: #e0ddec; }
.page-dev-intel .di-dashboard__color--assisted { background: #a79feb; }
.page-dev-intel .di-dashboard__color--agent { background: var(--di-accent); }
.page-dev-intel .di-dashboard__color--maintenance { background: #dfb064; }
.page-dev-intel .di-dashboard__legend { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.page-dev-intel .di-dashboard__legend span { display: inline-flex; align-items: center; gap: 6px; color: var(--di-body); font-size: var(--text-caption); line-height: var(--leading-caption); }
.page-dev-intel .di-dashboard__legend i { display: block; width: 8px; height: 8px; flex: none; }
.page-dev-intel .di-dashboard__chart-note { color: var(--di-muted); font-size: var(--text-caption); line-height: var(--leading-caption); margin-top: 12px; min-height: 36px; }
.page-dev-intel .di-dashboard__output-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-top: 13px; margin-top: auto; border-top: 1px solid var(--di-hairline); }
.page-dev-intel .di-dashboard__output-summary p { font-size: var(--text-metric); line-height: var(--leading-metric); font-weight: 500; letter-spacing: -.5px; }
.page-dev-intel .di-dashboard__output-summary small { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); }
.page-dev-intel .di-dashboard__output-summary span { display: block; color: var(--di-muted); font-size: var(--text-caption); line-height: var(--leading-caption); margin-top: 4px; }
.page-dev-intel .di-dashboard__support { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.page-dev-intel .di-dashboard__panel { min-width: 0; display: flex; flex-direction: column; padding-bottom: 18px; border-bottom: 1px solid var(--di-hairline); }
.page-dev-intel .di-dashboard__panel:nth-child(n+3) { padding-bottom: 0; border-bottom: 0; }
.page-dev-intel .di-dashboard__panel .di-dashboard__heading { min-height: 24px; }
.page-dev-intel .di-dashboard__metric { margin-top: 8px; font-size: var(--text-metric); line-height: var(--leading-metric); font-weight: 600; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.page-dev-intel .di-dashboard__metric small { color: var(--di-muted); font-size: var(--text-caption); line-height: var(--leading-caption); font-weight: 400; letter-spacing: 0; }
.page-dev-intel .di-dashboard__spark { display: block; width: 100%; height: 48px; margin: 12px 0; }
.page-dev-intel .di-dashboard__secondary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 8px; padding-top: 12px; margin-top: auto; border-top: 1px solid var(--di-hairline); color: var(--di-muted); font-size: var(--text-caption); line-height: var(--leading-caption); }
.page-dev-intel .di-dashboard__secondary strong { color: var(--di-ink); font-size: var(--text-lead); line-height: var(--leading-lead); font-weight: 500; }
.page-dev-intel .di-dashboard__secondary--plain { padding-top: 6px; margin-top: 0; border-top: 0; }
.page-dev-intel .di-dashboard__agents { display: grid; gap: 11px; margin: 16px 0 0; }
.page-dev-intel .di-dashboard__agents > div { display: grid; grid-template-columns: 1fr auto; gap: 5px 8px; font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--di-body); }
.page-dev-intel .di-dashboard__agents dd { margin: 0; display: contents; }
.page-dev-intel .di-dashboard__agent-track { display: block; grid-column: 1 / -1; height: 5px; background: #f0eff7; }
.page-dev-intel .di-dashboard__agent-track i { display: block; height: 100%; background: #8e87fe; }
.page-dev-intel .di-dashboard__agents > div:first-child .di-dashboard__agent-track i { background: var(--di-accent); }
.page-dev-intel .di-dashboard__levels { display: flex; align-items: flex-end; gap: 6px; height: 55px; margin: 28px 0 26px; }
.page-dev-intel .di-dashboard__level { position: relative; flex: 1; background: #e7e5f5; }
.page-dev-intel .di-dashboard__level--ready { background: #8e87fe; }
.page-dev-intel .di-dashboard__level:nth-child(3) { background: var(--di-accent); }
.page-dev-intel .di-dashboard__level span, .page-dev-intel .di-dashboard__level small { position: absolute; left: 0; width: 100%; text-align: center; color: var(--di-body); font-size: var(--text-caption); line-height: var(--leading-caption); }
.page-dev-intel .di-dashboard__level span { bottom: calc(100% + 4px); }
.page-dev-intel .di-dashboard__level small { top: calc(100% + 6px); }
.page-dev-intel .di-dashboard__readiness-note { margin-top: auto; }
.page-dev-intel .di-dashboard__efficiency { display: flex; align-items: flex-end; gap: 8px; height: 55px; margin: 16px 0 12px; border-bottom: 1px solid var(--di-hairline); }
.page-dev-intel .di-dashboard__efficiency i { flex: 1; background: #c9c4ff; }
.page-dev-intel .di-dashboard__efficiency i:last-child { background: var(--di-accent); }
.page-dev-intel .di-dashboard__ask { margin-top: 24px; border: 1px solid #e6e2fa; background: #f5f4ff; }
.page-dev-intel .di-dashboard__ask summary { display: flex; align-items: center; gap: 12px; padding: 16px 18px; color: #3d3688; font-size: var(--text-secondary); line-height: var(--leading-secondary); font-weight: 500; cursor: pointer; list-style: none; }
.page-dev-intel .di-dashboard__ask summary::-webkit-details-marker { display: none; }
.page-dev-intel .di-dashboard__ask summary > svg { flex: none; width: 20px; height: 20px; color: #8278e1; }
.page-dev-intel .di-dashboard__ask-action { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; white-space: nowrap; font-size: var(--text-caption); }
.page-dev-intel .di-dashboard__ask-action svg { width: 14px; height: 14px; transition: transform .2s ease; }
.page-dev-intel .di-dashboard__ask[open] .di-dashboard__ask-action svg { transform: rotate(180deg); }
.page-dev-intel .di-dashboard__answer { padding: 0 18px 18px 50px; font-size: var(--text-secondary); line-height: var(--leading-secondary); color: var(--di-body); }
.page-dev-intel .di-dashboard__answer a { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-weight: 500; }
.page-dev-intel .di-dashboard a:focus-visible, .page-dev-intel .di-dashboard button:focus-visible, .page-dev-intel .di-dashboard summary:focus-visible { outline: 2px solid var(--di-accent); outline-offset: 4px; }
@keyframes di-dashboard-bars { from { transform: scaleY(.88); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) {
  .page-dev-intel .di-dashboard__stack { animation: none; }
  .page-dev-intel .di-dashboard a svg, .page-dev-intel .di-dashboard__switch button, .page-dev-intel .di-dashboard__ask-action svg { transition: none; }
}
@media (max-width: 1100px) {
  .page-dev-intel .di-overview-hero .di-hero__title { font-size: var(--text-hero); font-family: var(--font-display); font-weight: 400; }
  .page-dev-intel .di-dashboard { padding: 18px; }
  .page-dev-intel .di-dashboard__body { padding: 22px; }
  .page-dev-intel .di-dashboard__grid { gap: 22px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .page-dev-intel .di-dashboard__output { padding-right: 22px; }
  .page-dev-intel .di-dashboard__support { gap: 20px 18px; }
  .page-dev-intel .di-dashboard__heading { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); }
  .page-dev-intel .di-dashboard__panel .di-dashboard__heading { min-height: 44px; }
  .page-dev-intel .di-dashboard__output > .di-dashboard__heading { font-size: var(--text-dashboard-title); }
  .page-dev-intel .di-dashboard__metric { font-size: var(--text-metric); }
}
@media (max-width: 900px) {
  .page-dev-intel .di-dashboard__grid { grid-template-columns: 1fr; gap: 24px; }
  .page-dev-intel .di-dashboard__output { padding-right: 0; padding-bottom: 24px; border-right: 0; border-bottom: 1px solid var(--di-hairline); }
  .page-dev-intel .di-dashboard__support { gap: 24px; }
  .page-dev-intel .di-dashboard__panel .di-dashboard__heading { min-height: 24px; }
  .page-dev-intel .di-dashboard__chart-note { min-height: 0; margin-bottom: 16px; }
}
@media (max-width: 768px) {
  .page-dev-intel .di-overview-hero { padding: 116px 0 112px; }
  .page-dev-intel .di-overview-hero .di-hero__title { font-size: var(--text-hero); line-height: var(--leading-hero); letter-spacing: var(--tracking-display); font-family: var(--font-display); font-weight: 400; }
  .page-dev-intel .di-overview-hero .di-hero__sub { font-size: var(--text-lead); line-height: var(--leading-lead); }
  .page-dev-intel .di-dashboard-stage { margin-top: -76px; }
  .page-dev-intel .di-dashboard { padding: 12px; }
  .page-dev-intel .di-dashboard__body { padding: 20px; }
  .page-dev-intel .di-dashboard__bar { padding: 13px 18px; gap: 12px; }
  .page-dev-intel .di-dashboard__bar h2 { font-size: var(--text-dashboard-title); }
  .page-dev-intel .di-dashboard__dots { display: none; }
  .page-dev-intel .di-dashboard__scope { font-size: var(--text-caption); }
  .page-dev-intel .di-dashboard__switch button { min-height: 44px; }
  .page-dev-intel .di-dashboard__switch-space { min-height: 75px; }
  .page-dev-intel .di-dashboard__heading a { min-height: 44px; }
  .page-dev-intel .di-dashboard__ask summary { flex-wrap: wrap; font-size: var(--text-secondary); padding: 15px; gap: 10px; }
  .page-dev-intel .di-dashboard__ask summary > span:first-of-type { flex: 1; }
  .page-dev-intel .di-dashboard__ask-action { width: 100%; margin-left: 30px; }
  .page-dev-intel .di-dashboard__answer { padding: 0 15px 16px; }
}
@media (max-width: 520px) {
  .page-dev-intel .di-overview-hero .di-hero__title { font-size: var(--text-hero); font-family: var(--font-display); font-weight: 400; }
  .page-dev-intel .di-overview-hero .di-hero__copy { gap: 18px; }
  .page-dev-intel .di-dashboard-stage { padding-inline: 12px; }
  .page-dev-intel .di-dashboard { padding: 8px; }
  .page-dev-intel .di-dashboard__body { padding: 18px 16px; }
  .page-dev-intel .di-dashboard__bar { padding: 12px 16px; }
  .page-dev-intel .di-dashboard__scope { max-width: 135px; }
  .page-dev-intel .di-dashboard__total { font-size: var(--text-metric); line-height: var(--leading-metric); }
  .page-dev-intel .di-dashboard__support { gap: 20px 16px; }
  .page-dev-intel .di-dashboard__panel .di-dashboard__heading { min-height: 44px; }
  .page-dev-intel .di-dashboard__heading { font-size: var(--text-dashboard-title); line-height: var(--leading-dashboard-title); }
  .page-dev-intel .di-dashboard__heading a { gap: 6px; }
  .page-dev-intel .di-dashboard__metric { font-size: var(--text-metric); line-height: var(--leading-metric); }
  .page-dev-intel .di-dashboard__metric small { font-size: var(--text-caption); }
  .page-dev-intel .di-dashboard__secondary { font-size: var(--text-caption); }
  .page-dev-intel .di-dashboard__secondary strong { font-size: var(--text-body); }
  .page-dev-intel .di-dashboard__levels { gap: 4px; }
}
@media (max-width: 359px) {
  .page-dev-intel .di-overview-hero .di-hero__title { font-size: var(--text-hero); font-family: var(--font-display); font-weight: 400; }
  .page-dev-intel .di-dashboard__support { grid-template-columns: 1fr; }
  .page-dev-intel .di-dashboard__panel .di-dashboard__heading { min-height: 0; }
  .page-dev-intel .di-dashboard__panel:nth-child(3) { padding-bottom: 20px; border-bottom: 1px solid var(--di-hairline); }
}