.site-header{transition:transform .55s cubic-bezier(.22,1,.36,1),background .35s,border-color .35s;will-change:transform}
.site-header.header-hidden{transform:translateY(-110%);pointer-events:none}
.site-header.header-returned{background:var(--color-white)!important;border-bottom:1px solid var(--color-hex-dedccf)!important;box-shadow:0 3px 18px var(--color-hex-004e4008)!important}
.site-header.header-returned .header-navigation{color:var(--color-ink-green)!important;text-shadow:none!important}
.scroll-zoom-image{transform:translateY(65px) scale(.6);opacity:0;translate:none;will-change:transform,opacity}
.scroll-zoom-image.image-revealed{transform:translateY(0) scale(1);opacity:1;will-change:auto}
.portal-browser{position:relative;isolation:isolate}
.portal-demo-nav button{border:0;background:var(--color-transparent);color:inherit;text-align:left;padding:12px 10px;font:inherit;font-size:11px;border-radius:5px;transition:background .3s,color .3s}
.portal-demo-nav button.selected{background:var(--color-hex-e7eee4);color:var(--color-brand-green)}
.crm-demo-toggle{margin-left:auto;white-space:nowrap;border:1px solid var(--color-hex-d4d9cc);background:var(--color-surface);border-radius:20px;padding:5px 9px;font-size:8px;color:var(--color-brand-green)}
.crm-demo-cursor{position:absolute;left:0;top:0;width:23px;height:28px;z-index:5;pointer-events:none;transition:transform .9s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 3px var(--color-hex-003f342f))}
.crm-demo-cursor[hidden]{display:none}.crm-demo-cursor svg{width:100%;height:100%;fill:var(--color-brand-green);stroke:var(--color-surface);stroke-width:1.5;transition:scale .15s}.crm-demo-cursor.is-clicking svg{scale:.8}
.crm-demo-cursor.is-clicking:after{content:'';position:absolute;left:-10px;top:-8px;width:26px;height:26px;border:1px solid var(--color-hex-ad852e);border-radius:50%;animation:crm-click .6s ease-out both}
@keyframes crm-click{from{scale:.3;opacity:1}to{scale:1.8;opacity:0}}
.crm-record{display:flex;align-items:center;gap:11px;padding:19px 0;border-bottom:1px solid var(--color-hex-e0e5da);font-size:11px}.crm-record small{display:block;font-size:9px;color:var(--color-hex-7b887d);margin-top:6px}.crm-record .demo-avatar{flex-shrink:0}.crm-pill{margin-left:auto;padding:5px 7px;background:var(--color-hex-edf2e8);color:var(--color-brand-green);border-radius:20px;font-size:8px;white-space:nowrap}.crm-next{margin-top:24px;padding:20px;background:var(--color-hex-f3f4ec);border-left:2px solid var(--color-hex-bd9436)}.crm-next small{font-size:8px;color:var(--color-hex-927123);letter-spacing:1px}.crm-next h4{font:400 22px Georgia,serif;margin:12px 0;color:var(--color-brand-green)}.crm-next p,.crm-next>span{font-size:10px;color:var(--color-hex-7a8377)}
.portal-demo-main{min-height:360px;overflow:hidden}
@media(max-width:700px){.crm-demo-toggle{font-size:7px;padding:4px 7px}.portal-demo-nav button{font-size:9px;padding:9px 5px}.crm-record{gap:7px;font-size:10px}.crm-pill{font-size:7px}.portal-demo-main{min-height:330px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}.scroll-zoom-image{transform:none;opacity:1;translate:none}.crm-demo-cursor{display:none}}