/* ===================================================================
   AI Audit page — page-specific extras on top of engine-room.css
   (kept in its own file so voice-grep, which skips .css, does not trip
   on gap/class-name substrings)
   =================================================================== */

/* Single-column hero: the audit hero is a statement, no side panel */
.er-main.er-main--audit{grid-template-columns:1fr}
.er-main--audit .copy{max-width:960px;position:relative;z-index:2}

/* Faded, glowing circular logo in the hero corner (sits inside the
   existing orange ::before glow at bottom-right). */
.hero-shell .hero-mark{
  position:absolute;right:-3vw;bottom:-7vh;width:min(40vw,480px);height:auto;
  opacity:.16;pointer-events:none;user-select:none;z-index:1;
  filter:drop-shadow(0 0 55px rgba(242,120,48,.45));
}
@media(max-width:760px){
  .hero-shell .hero-mark{width:62vw;right:-10vw;bottom:-3vh;opacity:.12}
}

/* The three failure stats, shown as a band inside the dark "why" section */
.stat-band{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  margin:6px 0 44px;
}
.stat-band .stat{
  border-top:2px solid var(--orange);
  padding-top:20px;
}
.stat-num{
  font-family:"Barlow Condensed",sans-serif;font-weight:900;
  font-size:clamp(52px,6vw,82px);line-height:.85;color:var(--cream);
}
.stat-desc{
  margin-top:12px;font-size:15.5px;font-weight:300;line-height:1.55;
  color:rgba(242,238,229,.82);
}
.stat-src{
  margin-top:10px;font-family:"Barlow Condensed",sans-serif;
  text-transform:uppercase;letter-spacing:.22em;font-size:11.5px;
  color:rgba(242,238,229,.5);
}
@media(max-width:760px){
  .stat-band{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
}

/* FAQ accordion (cream section) */
.audit-faq{max-width:820px;margin-top:20px}
.audit-faq details{border-top:1px solid rgba(22,35,58,.14);padding:20px 2px}
.audit-faq details:last-child{border-bottom:1px solid rgba(22,35,58,.14)}
.audit-faq summary{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;
  font-size:21px;line-height:1.2;color:#16233A;cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:baseline;
}
.audit-faq summary::-webkit-details-marker{display:none}
.audit-faq summary::after{content:"+";color:var(--orange);font-weight:700;font-size:24px;line-height:1}
.audit-faq details[open] summary::after{content:"\2212"}
.audit-faq details p{margin-top:14px;font-size:15.5px;font-weight:300;line-height:1.65;color:#3C4A62;max-width:70ch}
.audit-faq details p a{color:var(--orange)}

/* ---- Client-proof block (dark proof section) ----
   Copied from hero-chat.css so this page is self-contained (it does not
   load hero-chat.css). Used for both the Stefan/Zorro and David blocks. */
.zorro{
  margin:38px 0 10px;padding:30px 34px;max-width:780px;
  background:rgba(242,120,48,.06);
  border:1px solid rgba(242,120,48,.28);border-left:4px solid var(--orange);
  border-radius:14px;
}
.zorro-eyebrow{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;
}
.zorro-head{
  font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(28px,3vw,40px);line-height:.98;color:var(--cream);margin-bottom:16px;
}
.zorro-body{
  font-size:16px;font-weight:300;line-height:1.7;color:rgba(242,238,229,.82);
  max-width:60ch;margin-bottom:22px;
}
.zorro-quote{
  font-family:"Crimson Pro",serif;font-style:italic;font-size:21px;line-height:1.5;
  color:var(--cream);margin:0 0 10px;
}
.zorro-cite{
  display:flex;align-items:center;gap:12px;
  font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--slate);
}
.zorro-face{
  width:48px;height:48px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(242,120,48,.5);flex:0 0 auto;
}

/* Second proof block (David) sits right under the Zorro block */
.zorro + .zorro{margin-top:34px}