.visual{display:block;width:100%;height:100%;background:var(--surface-sunken);border-radius:var(--radius-md);overflow:hidden}.visual svg{display:block;width:100%;height:100%}.visual--agent{--hue: var(--jade-600);--hue-soft: var(--jade-100)}.visual--dashboard{--hue: var(--brand-600);--hue-soft: var(--brand-100)}.visual--schedule{--hue: oklch(52% .16 285);--hue-soft: oklch(94% .04 285)}.visual--payments{--hue: var(--jade-600);--hue-soft: var(--jade-100)}.visual--inventory{--hue: oklch(55% .14 42);--hue-soft: oklch(94% .04 50)}.visual--compliance{--hue: oklch(48% .13 265);--hue-soft: oklch(94% .035 265)}.visual--integrations{--hue: var(--brand-600);--hue-soft: var(--brand-100)}.visual--analytics{--hue: oklch(52% .15 200);--hue-soft: oklch(94% .04 200)}.visual--hardware{--hue: oklch(46% .1 250);--hue-soft: oklch(93% .03 250)}.visual--website,.visual--app{--hue: oklch(53% .16 330);--hue-soft: oklch(94% .04 330)}.visual--reviews{--hue: oklch(58% .14 75);--hue-soft: oklch(94% .05 80)}.visual--ordering{--hue: var(--jade-600);--hue-soft: var(--jade-100)}.visual--search{--hue: oklch(52% .15 200);--hue-soft: oklch(94% .04 200)}.visual--hiring{--hue: oklch(52% .16 285);--hue-soft: oklch(94% .04 285)}.visual--accounting{--hue: oklch(48% .13 265);--hue-soft: oklch(94% .035 265)}.visual--licenses{--hue: oklch(50% .13 25);--hue-soft: oklch(94% .035 30)}.visual--team{--hue: oklch(52% .16 285);--hue-soft: oklch(94% .04 285)}.visual--training{--hue: oklch(55% .14 145);--hue-soft: oklch(94% .04 145)}.visual--labor{--hue: oklch(50% .13 250);--hue-soft: oklch(94% .035 250)}.visual--impact{--hue: var(--jade-600);--hue-soft: var(--jade-100)}.visual .frame{fill:none;stroke:none}.visual .pane{fill:var(--white);stroke:var(--border-default);stroke-width:1}.visual .pane-top{fill:var(--hue-soft)}.visual .accent-rule{stroke:var(--hue);stroke-width:2;stroke-linecap:round}.visual .hair{stroke:var(--border-default);stroke-width:1}.visual .fc{stroke:var(--border-strong);stroke-width:1}.visual text{font-family:var(--font-body)}.visual .lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-400)}.visual .row{font-size:11px;fill:var(--ink-800)}.visual .row-m{font-size:10.5px;font-family:var(--font-mono);fill:var(--ink-800)}.visual .num{font-size:11px;font-weight:600;fill:var(--ink-700)}.visual .num-m{font-size:10.5px;font-family:var(--font-mono);fill:var(--ink-700)}.visual .num-ok{font-size:11px;font-weight:600;fill:var(--jade-700)}.visual .num-warn{font-size:11px;font-weight:600;fill:var(--warning)}.visual .cap{font-size:9.5px;fill:var(--ink-400)}.visual .cap-ok{font-size:9.5px;fill:var(--jade-700)}.visual .cap-live{font-size:9.5px;fill:var(--jade-600)}.visual .big{font-size:24px;font-weight:600;letter-spacing:-.02em;fill:var(--ink-950)}.visual{--hue: var(--ink-800);--hue-soft: var(--ink-100)}[data-accent] .visual{--hue: var(--a-600);--hue-soft: var(--a-100)}.visual .bar-bg{fill:var(--hue-soft)}.visual .bar{fill:var(--hue)}.visual .bar-ok{fill:var(--jade-600)}.visual .bar-warn{fill:var(--warning)}.visual .bar-live{fill:var(--jade-500)}.visual .dot-ok{fill:var(--jade-600)}.visual .dot-warn{fill:var(--warning)}.visual .dot-mute{fill:var(--ink-200)}.visual .chip{fill:var(--ink-50);stroke:var(--border-default);stroke-width:1}.visual .chip-ok{fill:var(--jade-100)}.visual .chip-t{font-size:9px;font-weight:600;fill:var(--jade-800)}.visual .chip-m{font-size:8.5px;font-family:var(--font-mono);fill:var(--ink-600)}.visual .tick{fill:var(--ink-300)}.visual .tickmark{fill:none;stroke:var(--hue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.visual .avatar{fill:var(--hue-soft)}.visual .avatar-t{font-size:13px;font-weight:600;fill:var(--hue)}.visual .big-sm{font-size:15px;font-weight:600;letter-spacing:-.01em;fill:var(--ink-950)}.visual .shift{fill:var(--ink-100)}.visual .shift-new{fill:var(--jade-500)}.visual .node{fill:var(--white);stroke:var(--border-strong);stroke-width:1}.visual .node-t{font-size:10px;font-weight:500;fill:var(--ink-700)}.visual .node-core{fill:var(--ink-950)}.visual .core-t{font-size:12px;font-weight:600;fill:var(--white)}.visual .wire{fill:none;stroke:var(--border-strong);stroke-width:1.2}.visual .wire-live{fill:none;stroke:var(--jade-600);stroke-width:1.6}.visual .spark{fill:none;stroke:var(--ink-950);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visual .spark-prev{fill:none;stroke:var(--ink-200);stroke-width:1.5;stroke-dasharray:3 3}.visual .spark-end{fill:var(--jade-600)}.visual .key{fill:var(--ink-950)}.visual .stand{fill:var(--ink-200)}.visual .lens{fill:var(--ink-100);stroke:var(--border-strong);stroke-width:1}.visual .lens-in{fill:var(--ink-800)}.visual .table{fill:var(--white);stroke:var(--border-default);stroke-width:1}.visual .table-on{fill:var(--ink-50);stroke:var(--border-strong);stroke-width:1}.visual .table-live{fill:var(--ink-950)}.visual .table-t{font-size:12px;fill:var(--ink-300)}.visual .table-t-on{font-size:12px;font-weight:600;fill:var(--ink-800)}.visual .table-live+.table-t-on{fill:var(--white)}.visual .cell{fill:var(--white);stroke:var(--border-default);stroke-width:1}.visual .cell-warn{fill:var(--warning-bg);stroke:var(--warning);stroke-width:1}.visual .cell-t{font-size:13px;font-weight:600;fill:var(--ink-800)}.visual .cta-block{fill:var(--ink-950)}.visual .cta-t{font-size:10px;font-weight:600;fill:var(--white)}.visual .notch{fill:var(--ink-200)}.visual .mag{fill:none;stroke:var(--ink-400);stroke-width:1.6;stroke-linecap:round}.visual .result{fill:var(--white);stroke:var(--border-default);stroke-width:1}.visual .result-top{fill:var(--white);stroke:var(--ink-950);stroke-width:1.4}.visual .stage{fill:var(--white);stroke:var(--border-default);stroke-width:1}.visual .stage-ok{fill:var(--jade-100);stroke:var(--jade-500);stroke-width:1}.visual .stage-n{font-size:22px;font-weight:600;fill:var(--ink-800)}.visual .stage-n-ok{font-size:22px;font-weight:600;fill:var(--jade-800)}