/* AGIW Suite instrument, with derived daylight dew palette. Page-local only. */
body[data-page="agiw-suite"]{--paper:#eef1f6;--panel:#fff;--ink:#0b0d12;--muted:#4a5160;--rule:#c9d0dc;--wash:#e2e7ef;--surface:var(--panel);--green:#0f7a55;--blue:#2457b8;--violet:#5b3fa8;--orange:#a8431a;--red:#b42318;--accent:var(--blue);--focus:var(--blue);--code:var(--blue);--art:var(--violet);--deep:#080808;--on-deep:#f2f2f2;--deep-muted:#b8b8b8;--deep-rule:#383838;--serif:Futura,"Avenir Next","Century Gothic","Segoe UI",sans-serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,Menlo,monospace}
@media(prefers-color-scheme:dark){body[data-page="agiw-suite"]{--paper:#000;--panel:#080808;--ink:#f2f2f2;--muted:#b8b8b8;--rule:#383838;--wash:#161616;--green:#63d6ac;--blue:#82b7ff;--violet:#b6a1e8;--orange:#ff8952;--red:#ff7774}}
body[data-page="agiw-suite"]{
& :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.product-hero{position:relative;max-width:1100px;padding-block:clamp(48px,8vw,110px) 36px;border-bottom:1px solid var(--rule)}
.product-hero h1{font-size:clamp(54px,9vw,112px);margin-block:12px 20px}
.product-role{font:500 clamp(25px,3.5vw,42px)/1.2 var(--serif);max-width:25ch;margin-bottom:22px}
.product-hero .article-summary{max-width:48ch;font-size:18px}
.product-facts{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font:12px/1.8 var(--mono);margin-block:28px}
.product-signal{display:flex;align-items:center;gap:15px;margin-block:36px;min-height:36px}
.product-signal::after{content:'';height:1px;flex:1;background:var(--rule)}
.product-signal span{width:9px;height:9px;border-radius:50%;background:var(--green)}
.product-signal span:nth-child(2){background:var(--blue)}
.product-signal span:nth-child(3){background:var(--violet)}
.product-hero :is(.eyebrow,.article-kind),.legacy-study .eyebrow{font-family:var(--serif);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.project-details,.legacy-study :is(.fact-grid,.workflow,.diagram-step-number,.diagram-code,.signal-chip,.timeline-index,.agiw-bench-value,.security-node-label){font-family:var(--mono)}
& .legacy-study{max-width:1100px;line-height:1.8}
.legacy-study :is(.case-hero,.story-capability,.security-node,.story-boundary,.agiw-feature-example,.next-case){background:var(--panel);border:1px solid var(--rule);padding:clamp(20px,3vw,36px)}
.legacy-study :is(.system-map,.project-visual,.agiw-benchmarks){background:var(--panel)}
.legacy-study :is(.project-visual,.security-graph){border-block:1px solid var(--rule);padding-block:28px}
.legacy-study :is(.system-lane,.agiw-feature-group,.timeline-item){border-color:var(--rule)}
.legacy-study .story-capability-mark{color:var(--green);font-family:var(--mono)}
.legacy-study .case-nav{padding:20px;border-block:1px solid var(--rule)}
.legacy-study :is(.case-nav a,.button,.text-link,.screen-image-link),.project-links a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.legacy-study :is(.security-branches,.security-graph-core){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0}
.legacy-study .security-graph-core{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.legacy-study .security-connector{text-align:center;color:var(--blue)}
.legacy-study :is(.agiw-bench-panel-title strong,.agiw-bench-panel-index){font-family:var(--serif)}
.legacy-study :is(.product-screens-grid,.agiw-advisory-screen) figure,.legacy-study .agiw-advisory-screen{padding:18px;border:1px solid #383838;background:#080808;color:#f2f2f2;margin-block:24px}
.legacy-study :is(.product-screens-grid,.agiw-advisory-screen) figcaption{color:#b8b8b8}
.legacy-study .screen-image-link{display:block;padding:0}
.legacy-study .screen-image-link img{width:100%;background:#080808}
.legacy-study :is(pre,code){font-family:var(--mono)}
& .legacy-study pre{background:var(--wash);color:var(--ink);border:1px solid var(--rule);border-radius:0;max-width:100%}
.legacy-study pre code{color:inherit;background:none}
.legacy-study :not(pre)>code{background:var(--wash);color:var(--ink);padding:2px 4px}
.legacy-study table{background:var(--panel);color:var(--ink)}
.legacy-study th{background:var(--wash)}
.legacy-study :is(h2,h3,h4){overflow-wrap:break-word}
.legacy-study .signal-diagram{background:var(--deep);color:var(--on-deep)}
.legacy-study .signal-diagram a{color:var(--on-deep)}
}
@media(prefers-reduced-motion:no-preference){@keyframes agiw-signal{50%{opacity:.55}}.product-signal span{animation:agiw-signal 2.4s ease-in-out 3}}
@media(max-width:760px){body[data-page="agiw-suite"]{.product-hero .article-summary{font-size:16px}.legacy-study .security-branches{grid-template-columns:1fr}.legacy-study .signal-branches{grid-template-columns:1fr;gap:36px}.legacy-study .signal-branches::before,.legacy-study .signal-branches::after{content:none}.legacy-study .signal-branch>div{min-height:0}.project-details{overflow-wrap:anywhere}}}
/* 2026-11-03 design review: the hero is a night instrument panel in both themes. */
body[data-page="agiw-suite"] .product-hero{--paper:#000;--panel:#080808;--ink:#f2f2f2;--muted:#b8b8b8;--rule:#383838;--wash:#161616;--green:#63d6ac;--blue:#82b7ff;--violet:#b6a1e8;--orange:#ff8952;--red:#ff7774;--accent:#82b7ff;--focus:#82b7ff;max-width:none;background:var(--panel);color:var(--ink);border:1px solid var(--rule);padding-inline:clamp(20px,4vw,56px)}
body[data-page="agiw-suite"] .product-hero .eyebrow>span[aria-hidden="true"]{margin-right:.45em}

body[data-page="agiw-suite"] { --on-accent: #fff; }
@media (prefers-color-scheme: dark) { body[data-page="agiw-suite"] { --on-accent: #0b0d12; } }

body[data-page="agiw-suite"] .legacy-study .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 0 16px;
  border: 1px solid var(--accent);
  border-radius: 0;
  background: var(--accent);
  color: var(--on-accent);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
body[data-page="agiw-suite"] .legacy-study .button:hover {
  text-decoration: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--on-accent) 40%, transparent);
}
body[data-page="agiw-suite"] .legacy-study .button.secondary {
  background: transparent;
  color: var(--ink);
  border-color: var(--muted);
  box-shadow: none;
}
body[data-page="agiw-suite"] .legacy-study .button.secondary:hover {
  background: var(--surface);
  border-color: var(--accent);
}


body[data-page="agiw-suite"] .product-hero { --on-accent: #0b0d12; }