/* vibrancy.css - v56 electric-blue vibrancy layer (loaded last on index). */
:root{--vk-el:#2563eb;--vk-el2:#4f46e5;--vk-el3:#06b6d4}
/* gradient hero word */
.vk-hero-title em,.dash-hero h1 em,.workspace-view-head h1 em{
  background:linear-gradient(105deg,#2563eb 0%,#4f46e5 45%,#06b6d4 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#2563eb}
/* primary buttons get a lively gradient */
.begin-button,.signup-button,.workspace-primary,.auth-submit,.dash-intent button,.vk-fbtn.primary,.header-pricing:hover{
  background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(37,99,235,.32)!important}
.begin-button:hover,.signup-button:hover,.workspace-primary:hover{
  background:linear-gradient(135deg,#1d4ed8,#4338ca)!important;transform:translateY(-1px)}
/* header pricing link (top-right) */
.header-pricing{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font:600 13px var(--vk-body,'DM Sans',sans-serif);
  color:#2563eb;text-decoration:none;border:1px solid #dbe4ff;background:#f5f7ff;transition:background .15s,border-color .15s,color .15s}
.header-pricing:hover{color:#fff;border-color:transparent}
html[data-theme="dark"] .header-pricing{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.3);color:#93b4fb}
/* mode chip active + workforce orbs + router bars: brighter */
.vk-modes button.active{background:rgba(37,99,235,.1)!important;border-color:#2563eb!important;color:#1e40af!important}
.vk-rf-bar i,.vk-strength i{background:linear-gradient(90deg,#2563eb,#06b6d4)!important}
.vk-workforce-orbs i{background:linear-gradient(135deg,#2563eb,#4f46e5)}
.vk-workforce-orbs i:nth-child(2){background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.vk-workforce-orbs i:nth-child(3){background:linear-gradient(135deg,#06b6d4,#2563eb)}
.vk-workforce-orbs i:nth-child(4){background:linear-gradient(135deg,#2563eb,#3b82f6)}
/* agent + tool cards: hover glow */
.vk-agent-card:hover,.tool-card:hover,.vk-post:hover{box-shadow:0 16px 40px rgba(37,99,235,.16)!important}
/* logo recolor to electric */
.brand-v{stroke:#2563eb!important}.brand-ring{stroke:rgba(37,99,235,.5)!important}.brand-orb{fill:#06b6d4!important}
/* subtle animated hero backdrop tint */
.capture-screen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 82% 12%,rgba(37,99,235,.09),transparent 70%),radial-gradient(50% 45% at 10% 90%,rgba(6,182,212,.08),transparent 70%)}
html[data-theme="dark"] .header-pricing{color:#93b4fb}