/* Shared content and layout; only the primary palette changes between A and B. */
:root{--primary-ink:#17231d;--primary-hover:#e7ff8e;--primary-soft:#ecf7cf;--primary-muted:#f6f9ef;--primary-border:#c6e85e;--primary-text:#334819;--primary-on-dark:#d8f36a}
:root[data-variant="blue"]{--accent:#2563eb;--dark:#172b22;--primary-ink:#fff;--primary-hover:#1d4ed8;--primary-soft:#e8efff;--primary-muted:#f3f6ff;--primary-border:#91b1ff;--primary-text:#1e4294;--primary-on-dark:#a6c5ff}
.hero{justify-content:flex-end}.hero-bottom{margin-top:auto}
.agent-stage{padding-bottom:18px}
.demo-header-actions{display:flex;align-items:center;gap:10px}
#agent-reset{border:1px solid #e3e7db;background:white;color:#6b765f;border-radius:6px;width:28px;height:28px;padding:0;font-size:18px;line-height:1}
.integration-endpoint{display:flex;justify-content:center;align-items:center;margin:0 auto}.integration-endpoint>img{width:76px;height:76px;border-radius:19px;box-shadow:0 8px 32px #0002}
.button,.site-header .button,.preview-bar>#show-brand,.agent-actions>button{background:var(--accent);color:var(--primary-ink)}
.button:hover,.site-header .button:hover,.agent-actions>button:not(:disabled):hover{background:var(--primary-hover);color:var(--primary-ink)}
.button .cta-arrow{stroke:currentColor;color:inherit}
.agent-actions>button:disabled{background:var(--primary-soft);color:var(--primary-text)}
.agent-tabs>button:first-child[aria-selected=true]{background:var(--primary-soft);color:var(--primary-text)}
.agent-icon.lime{background:var(--accent)}
.sidebar-agents button[aria-pressed=true],.workspace-editor-tabs button.active,.training-audience button.active{background:var(--primary-soft);color:var(--primary-text)}
.agent-result{border-color:var(--primary-border);background:var(--primary-muted)}
.workflow-node.active{border-color:var(--primary-border);background:var(--primary-muted)}
.preview-bar{gap:14px}
.preview-bar .variant-switch{display:flex;gap:3px;border:1px solid #ffffff30;border-radius:22px;padding:3px}
.preview-bar .variant-switch button{padding:6px 8px;background:transparent;color:#e7ede4;display:flex;align-items:center;gap:5px;font-size:10px;border-radius:18px}
.preview-bar .variant-switch button[aria-pressed=true]{background:#fff;color:#17231d}
.swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.swatch-lime{background:#d8f36a}.swatch-blue{background:#2563eb}
:root[data-variant="blue"] .header-logo-box img,:root[data-variant="blue"] .logo-box img,:root[data-variant="blue"] .agent-icon.lime img,:root[data-variant="blue"] .mobile-integration-hub img{filter:brightness(0) invert(1)!important}
:root[data-variant="blue"] .brand-lockup{color:white}:root[data-variant="blue"] .brand-lockup>img{filter:brightness(0) invert(1)}
:root[data-variant="blue"] .brand-motion>img{filter:invert(55%) sepia(46%) saturate(1130%) hue-rotate(185deg) brightness(104%)}
:root[data-variant="blue"] .data-pulses,:root[data-variant="blue"] .hub-pulse{stroke:var(--primary-on-dark)!important}
@media(max-width:760px){.integration-endpoint{display:none}.agent-stage{padding-bottom:8px}.demo-header-actions{gap:5px}#agent-reset{width:24px;height:24px;font-size:16px}.preview-bar{gap:8px;padding-left:10px;max-width:calc(100% - 20px)}.preview-bar>span{font-size:10px;gap:5px}.preview-bar>#show-brand{font-size:10px;padding:9px 10px}.preview-bar .variant-switch button{padding:6px 7px}}