/* Page-specific styles (moved out of inline <style>, feedback 6.1). */
:root { --nav-h:64px; --hud-mono:'JetBrains Mono','Courier New',monospace; }
body { -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.hud-corner { position:absolute; font-family:var(--hud-mono); font-size:10px; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:rgba(9,9,11,0.3); pointer-events:none; user-select:none; }
.hud-corner--dark {color:rgba(255,255,255,0.25);}
.nav-pill.active {background:#09090B;color:#FFFFFF;}
.reveal-d1 {transition-delay:80ms;}
.reveal-d2 {transition-delay:160ms;}
.reveal-d3 {transition-delay:240ms;}
.agent-card { background:#FFFFFF; border:1px solid rgba(9,9,11,0.1); border-radius:16px; padding:28px; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.agent-card:hover { border-color:rgba(14,165,233,0.4); transform:translateY(-2px); box-shadow:0 12px 32px rgba(14,165,233,0.08); }
.agent-badge { display:inline-flex; align-items:center; gap:6px; font-family:var(--hud-mono); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:4px 10px; border-radius:100px; }
.agent-badge--approver { background:rgba(249,115,22,0.12); color:#EA580C; }
.agent-badge--spot { background:rgba(16,185,129,0.12); color:#059669; }
.agent-badge--exception { background:rgba(245,158,11,0.12); color:#D97706; }
.agent-badge--director { background:rgba(14,165,233,0.12); color:#0284C7; }
.signal-item { display:flex; align-items:flex-start; gap:12px; padding:16px 0; border-bottom:1px solid rgba(9,9,11,0.06); }
.signal-item:last-child { border-bottom:none; }
.signal-dot { width:8px; height:8px; border-radius:50%; margin-top:4px; flex-shrink:0; }
.archetype-card { border-radius:12px; padding:24px; border:1px solid rgba(255,255,255,0.08); }
.timeline-track { position:relative; height:4px; background:rgba(255,255,255,0.1); border-radius:100px; margin-top:12px; }
.timeline-fill { position:absolute; left:0; top:0; height:100%; border-radius:100px; background:#0EA5E9; }
summary::-webkit-details-marker { display:none; }
summary { list-style:none; }
details[open] .d-show { display:none; }
details:not([open]) .d-hide { display:none; }