:root{--accent:#d8f36a;--dark:#172b22;--sage:#eef4dc}
.site-header .brand,.site-header.is-over-hero .brand,.site-header.is-over-dark .brand,.site-header.menu-open .brand,.footer-brand{font-family:Arial,sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px}
.header-logo-box,.site-header.is-over-hero .header-logo-box,.site-header.is-over-dark .header-logo-box,.site-header.menu-open .header-logo-box,.logo-box{background:var(--accent)}
.site-header .brand .c-mark,.site-header.menu-open .brand .c-mark,.site-header.is-over-hero .brand .c-mark,.site-header.is-over-dark .brand .c-mark{filter:none;width:28px;height:28px}
.button,.site-header .button{background:var(--accent);color:#17231d;font-weight:500}
.button:hover{background:#e7ff8e;color:#17231d}
.dispatch-sidebar>.c-mark{background:var(--accent);padding:6px;box-sizing:content-box;border-radius:10px}
.dispatch-filters button.active,.workspace-editor-tabs button.active,.training-audience button.active{background:#e3f6a6;color:#263720}
.workflow-node.active{border-color:#829347;background:#f1f8dc}
.workflow-pulse,.data-pulses,.hub-pulse{stroke:var(--accent)!important}
.mobile-integration-hub,.mobile-integration-bridge>span{background:var(--accent)}
.site-footer{background:#172b22;padding-bottom:90px}
.preview-bar{position:fixed;z-index:1100;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;padding:8px 8px 8px 16px;border:1px solid #ffffff30;background:#17231df2;color:white;box-shadow:0 4px 24px #0003;border-radius:30px;font-size:12px;white-space:nowrap;backdrop-filter:blur(10px)}
.preview-bar>span{display:flex;align-items:center;gap:8px}.preview-bar i{width:6px;height:6px;border-radius:100%;background:var(--accent)}.preview-bar small{color:#bbc5b9;font-size:10px}.preview-bar button{border:0;border-radius:22px;padding:9px 13px;background:var(--accent);font-size:11px;color:#17231d}
#brand-dialog{width:min(880px,calc(100% - 28px));max-height:90svh;overflow:auto;padding:48px;background:#f7f8f2;color:#17231d;border:0;border-radius:18px;box-shadow:0 20px 100px #0005}#brand-dialog::backdrop{background:#0e1b15b8;backdrop-filter:blur(8px)}
.brand-close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:30px}.brand-eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 20px}#brand-dialog h2{font-size:40px;letter-spacing:-1.5px;line-height:1.15}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);padding:48px 20px;margin:30px 0 16px;border-radius:10px}.brand-lockup>img{width:86px;height:86px}.brand-lockup>span{font:700 76px/1 Arial,sans-serif;letter-spacing:-3px}
.brand-applications{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-applications>div{height:145px;background:#fff;border:1px solid #e0e5d8;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:25px}.brand-applications small{position:absolute;bottom:12px;font-size:10px;color:#667461}.brand-app-icon>img{width:60px;height:60px}.brand-favicon{gap:8px;font-size:13px}.brand-motion{background:#17231d!important}.brand-motion>img{width:50px;height:50px;filter:invert(89%) sepia(43%) saturate(723%) hue-rotate(19deg) brightness(106%);animation:zap-tilt 3s ease-in-out infinite}.brand-motion small{color:#bdc7b5}.brand-caption{font-size:13px;color:#5f6b59;max-width:650px;margin:24px 0}.brand-downloads{display:flex;gap:24px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@keyframes zap-tilt{0%,55%,100%{transform:translate(0,0) rotate(0)}65%{transform:translate(4px,-7px) rotate(9deg)}75%{transform:translate(-2px,3px) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.brand-motion>img{animation:none}}
@media(max-width:760px){.site-header .brand,.site-header.is-over-hero .brand,.site-header.is-over-dark .brand,.site-header.menu-open .brand{font-size:23px}.preview-bar{gap:16px;bottom:10px}.preview-bar small{display:none}#brand-dialog{padding:32px 20px}#brand-dialog h2{font-size:29px}.brand-lockup{gap:12px;padding:30px 12px}.brand-lockup>img{width:47px;height:47px}.brand-lockup>span{font-size:42px;letter-spacing:-2px}.brand-applications{gap:6px}.brand-applications>div{height:110px}.brand-favicon{font-size:10px;gap:4px}.brand-favicon>img{width:15px;height:15px}.brand-app-icon>img{width:44px;height:44px}.brand-downloads{flex-direction:column;gap:12px}}

.button .cta-arrow{color:#17231d;stroke:#17231d}