/* 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;}
.dept-pill {font-family:var(--hud-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:100px;border:1.5px solid rgba(9,9,11,0.12);color:rgba(9,9,11,0.55);background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;}
.dept-pill:hover {border-color:rgba(9,9,11,0.25);color:#09090B;}
.dept-pill.active {background:#09090B;color:#FFFFFF;border-color:#09090B;}
.agent-card {background:#FFFFFF;border:1.5px solid rgba(9,9,11,0.07);border-radius:20px;padding:28px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;cursor:pointer;animation:card-in .28s ease both;}
.agent-card.featured {padding:32px;}
.agent-card.featured .agent-avatar {width:96px;height:96px;}
.agent-card.featured .agent-name-text {font-size:26px;}
.agent-card.featured .agent-desc {font-size:14.5px;line-height:1.7;}
.agent-flow {margin-top:16px;padding-top:14px;border-top:1px solid rgba(9,9,11,0.06);}
.agent-flow-label {font-family:var(--hud-mono);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(9,9,11,0.4);margin-bottom:10px;}
.agent-flow-row {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.agent-flow-pill {display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#3F3F46;background:rgba(14,165,233,0.06);border:1px solid rgba(14,165,233,0.12);padding:5px 10px;border-radius:100px;line-height:1.3;}
.agent-flow-pill svg {flex-shrink:0;}
.agent-flow-arrow {color:rgba(14,165,233,0.5);font-size:11px;}
.agent-card:hover {border-color:rgba(14,165,233,0.4);box-shadow:0 6px 28px rgba(9,9,11,0.07);transform:translateY(-2px);}
.agent-card:hover .wf-hint {opacity:1;}
.agent-avatar {width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.agent-avatar svg {width:100%;height:100%;display:block;}
.dept-chip {display:inline-flex;align-items:center;font-family:var(--hud-mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:6px;}
.agent-name-text {font-family:'Instrument Serif',Georgia,serif;font-size:20px;line-height:1.2;color:#09090B;}
.agent-title-text {font-family:'JetBrains Mono','Courier New',monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(9,9,11,0.38);margin-top:4px;}
.agent-desc {font-size:13px;line-height:1.65;color:rgba(9,9,11,0.52);margin-top:14px;}
.wf-hint {font-family:'JetBrains Mono',monospace;font-size:10px;color:#0EA5E9;margin-top:12px;opacity:0;transition:opacity .15s;display:flex;align-items:center;gap:5px;}
.stat-num {font-family:'Instrument Serif',Georgia,serif;font-size:clamp(36px,5vw,60px);color:#FFFFFF;line-height:1;}
.stat-label {font-family:'JetBrains Mono','Courier New',monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.32);margin-top:6px;}
.phase-card {border-radius:16px;border:1px solid rgba(255,255,255,0.08);padding:28px;position:relative;overflow:hidden;}
.phase-num {font-family:var(--hud-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;}
@keyframes card-in {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.wf-modal {position:fixed;inset:0;z-index:1000;display:none;background:rgba(9,9,11,.78);backdrop-filter:blur(8px);}
.wf-shell {width:min(1160px,96vw);height:min(700px,92vh);background:#fff;border-radius:20px;overflow:hidden;display:flex;box-shadow:0 32px 80px rgba(9,9,11,.28);}
.wf-sidebar-hd {padding:32px 28px 20px;}
.wf-sidebar-bd {padding:0 28px 20px;flex:1;}
.wf-sidebar-ft {padding:16px 28px 28px;}
.wf-close {position:absolute;top:16px;right:16px;z-index:10;background:rgba(9,9,11,.06);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:rgba(9,9,11,.5);line-height:1;}
.wf-close:hover {background:rgba(9,9,11,.12);}
.wf-node {position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;animation:node-appear .35s ease both;}
.wf-node-icon {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;}
.wf-node-lbl {text-align:center;max-width:90px;}
.wf-node-lbl b {display:block;font-size:11px;font-weight:600;color:#09090B;line-height:1.2;}
.wf-node-lbl span {display:block;font-size:9px;color:rgba(9,9,11,.4);margin-top:2px;font-family:'JetBrains Mono',monospace;}
.node-detail-card {position:absolute;width:230px;background:#09090B;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 18px 14px;z-index:30;display:none;}
.nd-close {position:absolute;top:10px;right:12px;background:none;border:none;color:rgba(255,255,255,.4);font-size:18px;cursor:pointer;line-height:1;padding:0;}
.nd-row {display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-top:1px solid rgba(255,255,255,.06);}
.nd-rl {font-size:10px;color:rgba(255,255,255,.4);}
.nd-rv {font-size:10px;color:rgba(255,255,255,.75);font-weight:500;}
@keyframes node-appear {from{opacity:0;transform:translate(-50%,-50%) scale(0.65);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
@keyframes card-pop {from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}