/* AIQC = child of the home page. Same layout, components and light-mode logic as home,
   just slightly muted surfaces (warm off-white instead of pure white) and a slightly
   brighter accent:
     home #FFFFFF -> #F6F5F3 (main)    home #F5F5F4 -> #ECEBE9 (secondary)
     home #E4432F -> #F2502E (accent)
   --accent-text is a touch deeper, used only for small text so it stays readable.
   To tune the whole page, change the variables below. */
.theme-muted{
  --white:#F6F5F3;
  --soft:#ECEBE9;
  --card:#FBFAF9;
  --charcoal:#2E2E31;
  --grey:#85848A; --grey-mid:#66656A;
  --accent:#F2502E;
  --accent-text:#DE4326;
  --accent-soft:#F8E4DF;
}
.theme-muted header{background:rgba(246,245,243,0.92);}
html.nav-js .theme-muted header:not(.scrolled){background:transparent;}
.theme-muted header.scrolled{background:rgba(246,245,243,0.88);box-shadow:0 1px 0 rgba(43,43,46,0.06);}
.theme-muted .hero::after,.theme-muted .about-panel::before{background-image:url("../assets/circuit-bright.svg");}
@media (prefers-reduced-motion:reduce){
  .theme-muted .hero::after,.theme-muted .about-panel::before{background-image:url("../assets/circuit-bright-static.svg");}
}
.theme-muted .eyebrow,.theme-muted .agent-card .learn{color:var(--accent-text);}
.theme-muted .agent-card,.theme-muted .mobile-menu{background:var(--card);}
.theme-muted .about-panel{background:linear-gradient(160deg,var(--soft),var(--card) 120%);}
.theme-muted .agent-icon{background:linear-gradient(135deg,var(--accent-soft),var(--card));border-color:var(--accent-soft);}
.theme-muted .audit-list .bad{background:#F9E9E5;border-color:#E4432F;color:#B3321F;}
.theme-muted .audit-list .warn{background:#FAF1DC;border-color:#F0A500;color:#9A6A00;}
.theme-muted .audit-list .ok{background:#E6F3EB;border-color:#1FA463;color:#13794A;}
.aiqc-hero{padding:84px 0 84px;}
.aiqc-hero .crumbs{position:relative;z-index:1;margin-bottom:30px;}
.crumbs{display:flex;gap:10px;align-items:center;padding-top:22px;padding-bottom:6px;font-size:.85rem;color:var(--grey);}
.crumbs a:hover{color:var(--charcoal);} .crumbs b{color:var(--charcoal);font-weight:700;}
.back-link{color:var(--grey-mid);font-size:.92rem;font-weight:600;} .back-link:hover{color:var(--charcoal);}
.btn-link{display:inline-block}
.steps.four{grid-template-columns:repeat(4,1fr);gap:32px}
.grid3{overflow:visible;display:grid;grid-template-columns:repeat(3,1fr)}
.grid3 .agent-card{width:auto}

.audit{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center}
.score{background:#1F2226;color:#fff;border-radius:20px;padding:40px 24px;text-align:center}
.score b{display:block;font-size:4.5rem;line-height:1;color:var(--accent)}
.score span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.audit-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.audit-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-left:4px solid;border-radius:8px;font-size:.95rem}
.audit-list em{font-style:normal;font-weight:700}
.audit-list .bad{background:#FEF0EE;border-color:#E4432F;color:#B3321F}
.audit-list .warn{background:#FFF8E6;border-color:#F0A500;color:#9A6A00}
.audit-list .ok{background:#EEFAF3;border-color:#1FA463;color:#13794A}
.audit-list span{color:var(--charcoal);font-weight:600}

.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;font-size:.9rem;font-weight:600}
.bar i{display:block;height:34px;background:rgba(43,43,46,0.08);border-radius:8px;overflow:hidden}
.bar b{display:flex;justify-content:flex-end;align-items:center;width:var(--v);height:100%;padding-right:12px;background:var(--charcoal);color:#fff;font-size:.8rem}
.bar.low b{background:var(--accent);color:#fff}
.insight{margin-top:24px;padding:18px 22px;background:var(--soft);border-radius:12px;color:var(--grey-mid);font-size:.95rem}

@media (max-width:900px){
  .steps.four,.grid3,.audit{grid-template-columns:1fr}
  .bar{grid-template-columns:1fr;gap:6px}
}

html.js .bar b{width:0;transition:width 1s ease .2s}
html.js .bar.in b{width:var(--v)}