/* Page-specific styles (moved out of inline <style>, feedback 6.1). */
:root { --nav-h:64px; --hud-mono:'JetBrains Mono','Courier New',monospace; }
*,*::before,*::after { box-sizing:border-box; }
body { -webkit-font-smoothing:antialiased; overflow-x:hidden; background:#FFFFFF; color:#09090B; }
.hud-corner {position:absolute;font-family:var(--hud-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(9,9,11,.3);pointer-events:none;user-select:none;}
.hud-corner--dark {color:rgba(255,255,255,.25);}
.nav-pill.active {background:#09090B;color:#FFFFFF;}
.reveal-d1 {transition-delay:60ms;}
.reveal-d2 {transition-delay:120ms;}
.reveal-d3 {transition-delay:180ms;}
.filter-pill {font-family:var(--hud-mono);font-size:11px;letter-spacing:.06em;padding:7px 18px;border-radius:100px;border:1.5px solid rgba(9,9,11,.12);cursor:pointer;transition:all .15s ease;background:#fff;color:rgba(9,9,11,.6);user-select:none;}
.filter-pill:hover {border-color:rgba(9,9,11,.25);color:#09090B;}
.filter-pill.active {background:#09090B;border-color:#09090B;color:#FFFFFF;}
.filter-pill[data-cat="Finance"].active {background:#0EA5E9;border-color:#0EA5E9;}
.filter-pill[data-cat="Sales"].active {background:#F59E0B;border-color:#F59E0B;}
.filter-pill[data-cat="Operations"].active {background:#F97316;border-color:#F97316;}
.filter-pill[data-cat="Service"].active {background:#10B981;border-color:#10B981;}
.scenario-card {background:#fff;border:1px solid rgba(9,9,11,.08);border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;}
.scenario-card:hover {transform:translateY(-2px);box-shadow:0 8px 32px rgba(9,9,11,.08);border-color:rgba(9,9,11,.15);}
.scenario-card.hidden {display:none;}
.cat-badge {display:inline-flex;align-items:center;font-family:var(--hud-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px;font-weight:600;}
.cat-Finance {background:rgba(14,165,233,.1);color:#0EA5E9;}
.cat-Sales {background:rgba(245,158,11,.1);color:#B45309;}
.cat-Operations {background:rgba(249,115,22,.1);color:#C2410C;}
.cat-Service {background:rgba(16,185,129,.1);color:#047857;}
.wf-modal {position:fixed;inset:0;z-index:1000;display:none;background:rgba(9,9,11,.75);backdrop-filter:blur(6px);}
.wf-shell {width:min(1140px,96vw);height:min(700px,92vh);background:#fff;border-radius:20px;overflow:hidden;display:flex;box-shadow:0 32px 80px rgba(9,9,11,.25);}
.wf-sidebar-header {padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
.wf-sidebar-body {padding:20px 24px;flex:1;}
.wf-sidebar-footer {padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);}
.wf-scene-btn {width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;cursor:pointer;background:transparent;transition:all .15s ease;margin-bottom:4px;}
.wf-scene-btn:hover {background:rgba(255,255,255,.06);}
.wf-scene-btn.active {background:rgba(14,165,233,.15);border-color:rgba(14,165,233,.3);}
.wf-node {position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;animation:node-appear .3s ease forwards;transition:filter .15s ease;}
.wf-node:hover {filter:drop-shadow(0 0 8px rgba(0,0,0,0.15));}
@keyframes node-appear {from{opacity:0;transform:translate(-50%,-50%) scale(.8);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
.wf-node-icon {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;transition:box-shadow .15s ease;}
.wf-node:hover .wf-node-icon {box-shadow:0 0 0 4px currentColor;}
.wf-node-label {font-family:var(--hud-mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;max-width:90px;text-align:center;line-height:1.3;}
.wf-node-sub {font-family:var(--hud-mono);font-size:8px;color:#A1A1AA;text-align:center;line-height:1.2;max-width:88px;}
.node-agent .wf-node-icon:hover {box-shadow:0 0 0 3px rgba(14,165,233,.25);}
.node-agent .wf-node-label {color:#0EA5E9;}
.node-person .wf-node-icon:hover {box-shadow:0 0 0 3px rgba(9,9,11,.12);}
.node-person .wf-node-label {color:#3F3F46;}
.node-copilot .wf-node-icon:hover {box-shadow:0 0 0 3px rgba(16,185,129,.25);}
.node-copilot .wf-node-label {color:#047857;}
.wf-close {position:absolute;top:16px;right:16px;z-index:20;width:32px;height:32px;border-radius:50%;background:rgba(9,9,11,.08);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;}
.wf-close:hover {background:rgba(9,9,11,.16);}
.node-detail-card {position:absolute;width:230px;background:#09090B;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px;z-index:30;box-shadow:0 12px 40px rgba(9,9,11,.5);display:none;}
@keyframes card-pop {from{opacity:0;transform:scale(.94) translateY(4px);}to{opacity:1;transform:scale(1) translateY(0);}}
.node-detail-close {position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.08);border:none;cursor:pointer;color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:all .15s;}
.node-detail-close:hover {background:rgba(255,255,255,.18);color:#fff;}
.node-detail-row {display:flex;flex-direction:column;gap:2px;margin-top:8px;}
.node-detail-label {font-family:var(--hud-mono);font-size:9px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.08em;}
.node-detail-value {font-size:12px;color:rgba(255,255,255,.78);line-height:1.45;}