.hero-agent-channel-strip{pointer-events:none}.hero-agent-channel-line{fill:none;stroke:var(--accent-primary);stroke-width:1px;stroke-opacity:.22;vector-effect:non-scaling-stroke}.hero-agent-channel-line-bus{stroke-opacity:.28}.hero-agent-channel-line-trunk{stroke-opacity:.34}.hero-agent-channel-surface{fill:color-mix(in srgb, var(--background-secondary) 72%, var(--glass-mist) 28%);stroke:color-mix(in srgb, var(--accent-primary) 42%, var(--glass-mist) 58%);stroke-width:.75px;vector-effect:non-scaling-stroke}.hero-agent-channel-node{color:color-mix(in srgb, var(--accent-primary) 72%, var(--neutral-white))}.hero-agent-channel-node[data-channel=meta],.hero-agent-channel-node[data-channel=facebook],.hero-agent-channel-node[data-channel=instagram]{color:color-mix(in srgb, var(--north-gradient-mid) 68%, var(--neutral-white))}.hero-agent-channel-node[data-channel=gmail],.hero-agent-channel-node[data-channel=google]{color:color-mix(in srgb, var(--accent-primary) 78%, var(--neutral-white))}.hero-agent-channel-node[data-channel=whatsapp]{color:color-mix(in srgb, var(--north-gradient-end) 74%, var(--neutral-white))}.hero-agent-channel-node[data-channel=linkedin]{color:color-mix(in srgb, var(--north-gradient-mid) 62%, var(--neutral-white))}
.hero-agent-node-surface{stroke-width:1px;vector-effect:non-scaling-stroke}.hero-agent-node-label-surface{stroke-width:.75px;vector-effect:non-scaling-stroke}.hero-agent-node-label{font-family:var(--font-manrope), sans-serif;font-weight:600}.hero-agent-node[data-system=document] .hero-agent-node-surface{fill:color-mix(in srgb, var(--north-gradient-start) 46%, var(--background-secondary));stroke:color-mix(in srgb, var(--north-gradient-start) 72%, var(--accent-primary))}.hero-agent-node[data-system=document] .hero-agent-node-label-surface{fill:color-mix(in srgb, var(--north-gradient-start) 58%, var(--background-primary));stroke:color-mix(in srgb, var(--north-gradient-start) 42%, transparent)}.hero-agent-node[data-system=document] .hero-agent-node-icon{color:color-mix(in srgb, var(--north-gradient-start) 55%, var(--neutral-white))}.hero-agent-node[data-system=email] .hero-agent-node-surface{fill:color-mix(in srgb, var(--accent-primary) 34%, var(--background-secondary));stroke:color-mix(in srgb, var(--accent-primary) 68%, var(--neutral-white))}.hero-agent-node[data-system=email] .hero-agent-node-label-surface{fill:color-mix(in srgb, var(--accent-primary) 48%, var(--background-primary));stroke:color-mix(in srgb, var(--accent-primary) 38%, transparent)}.hero-agent-node[data-system=email] .hero-agent-node-icon{color:color-mix(in srgb, var(--accent-primary) 82%, var(--neutral-white))}.hero-agent-node[data-system=cloud] .hero-agent-node-surface{fill:color-mix(in srgb, var(--north-gradient-mid) 44%, var(--background-secondary));stroke:color-mix(in srgb, var(--north-gradient-mid) 70%, var(--accent-primary))}.hero-agent-node[data-system=cloud] .hero-agent-node-label-surface{fill:color-mix(in srgb, var(--north-gradient-mid) 56%, var(--background-primary));stroke:color-mix(in srgb, var(--north-gradient-mid) 40%, transparent)}.hero-agent-node[data-system=cloud] .hero-agent-node-icon{color:color-mix(in srgb, var(--north-gradient-mid) 62%, var(--neutral-white))}.hero-agent-node[data-system=api] .hero-agent-node-surface{fill:color-mix(in srgb, var(--north-gradient-end) 36%, var(--background-secondary));stroke:color-mix(in srgb, var(--north-gradient-end) 64%, var(--accent-primary))}.hero-agent-node[data-system=api] .hero-agent-node-label-surface{fill:color-mix(in srgb, var(--north-gradient-end) 50%, var(--background-primary));stroke:color-mix(in srgb, var(--north-gradient-end) 36%, transparent)}.hero-agent-node[data-system=api] .hero-agent-node-icon{color:color-mix(in srgb, var(--north-gradient-end) 78%, var(--neutral-white))}.hero-agent-node[data-system=crm] .hero-agent-node-surface{fill:color-mix(in srgb, var(--accent-secondary) 48%, var(--background-secondary));stroke:color-mix(in srgb, var(--accent-secondary) 74%, var(--north-gradient-mid))}.hero-agent-node[data-system=crm] .hero-agent-node-label-surface{fill:color-mix(in srgb, var(--accent-secondary) 60%, var(--background-primary));stroke:color-mix(in srgb, var(--accent-secondary) 42%, transparent)}.hero-agent-node[data-system=crm] .hero-agent-node-icon{color:color-mix(in srgb, var(--north-gradient-mid) 58%, var(--neutral-white))}.hero-agent-node[data-system=database] .hero-agent-node-surface{fill:color-mix(in srgb, color-mix(in srgb, var(--north-gradient-mid) 34%, var(--accent-secondary) 66%) 52%, var(--background-secondary));stroke:color-mix(in srgb, var(--north-gradient-mid) 62%, var(--accent-primary))}.hero-agent-node[data-system=database] .hero-agent-node-label-surface{fill:color-mix(in srgb, color-mix(in srgb, var(--north-gradient-mid) 40%, var(--accent-secondary) 60%) 58%, var(--background-primary));stroke:color-mix(in srgb, var(--north-gradient-mid) 38%, transparent)}.hero-agent-node[data-system=database] .hero-agent-node-icon{color:color-mix(in srgb, var(--accent-primary) 70%, var(--neutral-white))}.hero-agent-node-label{fill:var(--ink)}.hero-agent-node.hero-agent-secondary .hero-agent-node-label{fill:color-mix(in srgb, var(--muted) 24%, var(--ink))}
.hero-visual-scene,.hero-visual-scene [data-experience-viewport]{width:100%;height:100%}