:root{--motion-fast:140ms;--motion-normal:240ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:motion-out 130ms ease both}
::view-transition-new(root){animation:motion-in 220ms var(--motion-ease) both}
@keyframes motion-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes motion-out{to{opacity:0}}
.motion-enter{animation:motion-in var(--motion-normal) var(--motion-ease) both}
.motion-reveal{opacity:0;transform:translateY(16px);transition:opacity 420ms var(--motion-ease),transform 420ms var(--motion-ease)}
.motion-reveal.is-visible{opacity:1;transform:none}
.button,.btn,.product-card,.solution,.implementation-grid article,.contact-options a,.demo-sidebar nav a,#sidebar-container a{transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
.product-card:hover,.contact-options a:hover{transform:translateY(-2px);box-shadow:0 7px 20px #17324d0b}
@keyframes motion-fade{from{opacity:0}to{opacity:1}}
dialog[open],.modal.show .modal-dialog,.dropdown-menu.show,.header-row nav.open{animation:motion-fade 180ms var(--motion-ease) both}
.screen-display img{animation:motion-fade 220ms var(--motion-ease) both}
.toast:not(:empty){animation:motion-toast 180ms var(--motion-ease) both}
@keyframes motion-toast{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.demo-toolbar{background:#fff5da;border-bottom:1px solid #e7d29e;color:#58451a;display:flex;align-items:center;gap:14px;padding:10px 18px;font:12px/1.4 'Segoe UI',sans-serif;min-height:58px;flex-wrap:wrap}
.demo-toolbar strong{font-size:12px}.demo-toolbar label{margin:0}.demo-toolbar select{width:auto;padding:5px 8px;min-height:32px;margin:0;border:1px solid #cbb989;border-radius:5px;background:white;font:inherit}.demo-toolbar button,.demo-toolbar a{border:1px solid #cbb989;border-radius:5px;padding:6px 10px;min-height:32px;background:white;color:#58451a;font:inherit;text-decoration:none}.demo-toolbar #sandbox-time{margin-left:auto;font-variant-numeric:tabular-nums}.sandbox-page .vh-100{height:calc(100dvh - 58px)!important}.sandbox-page .skip-link{z-index:9999}
.demo-ended{max-width:720px;margin:70px auto;padding:35px;text-align:center}.demo-ended h1{font-size:35px}.demo-ended p{color:#546775}.sandbox-page .demo-watermark{font-size:11px;font-weight:700;padding:8px;text-align:center;background:#fff5da;color:#58451a}
.sandbox-page .vh-100{height:calc(100dvh - var(--demo-toolbar-height,58px))!important}
.local-testing-page .vh-100{height:calc(100dvh - var(--local-toolbar-height,58px))!important}
.demo-end-dialog{width:min(500px,calc(100% - 32px));border:1px solid #ccd9d0;border-radius:12px;padding:28px;color:#17324d;background:#fff;box-shadow:0 20px 70px #102a3d30}.demo-end-dialog::backdrop{background:#102a3d99}.demo-end-dialog h2{font-size:24px;margin:0 0 16px}.demo-end-dialog p{font-size:14px;color:#546775;margin-bottom:22px}.demo-end-dialog button{margin:5px 0}
@media(max-width:650px){.demo-toolbar{gap:8px;padding:8px 12px}.demo-toolbar strong{font-size:10px}.demo-toolbar #sandbox-time{font-size:11px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reveal{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.sandbox-page .demo-toolbar select{color:#58451a!important;background:#fff!important;color-scheme:light}