:root{--site-nav-height:76px}
.site-navbar{position:fixed;inset:0 0 auto;z-index:30;height:var(--site-nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#ffffffef;backdrop-filter:blur(16px);border-bottom:1px solid #d8e1e7;visibility:visible!important;pointer-events:auto}
.site-logo{display:flex;align-items:center;width:180px;height:60px;flex-shrink:0}.site-logo img{display:block;width:100%;height:auto;object-fit:contain}
.site-nav-links{display:flex;align-items:center;gap:30px}.site-nav-links>a{color:#415666;font-size:13px;font-weight:500;text-decoration:none;padding:10px 0;white-space:nowrap}.site-nav-links>a:hover,.site-nav-links>a[aria-current]{color:#0766c4}.site-navbar .site-capture{width:auto;height:40px;padding:0 16px;border-radius:5px;display:flex;align-items:center;gap:13px;background:#086cc3;color:#fff;font:600 12px system-ui;white-space:nowrap}.site-navbar .site-capture:hover{background:#075ba3}.site-capture svg{width:16px;height:16px}.site-navbar .site-menu-toggle{display:none}
body>header{display:none}body>#status{top:94px;right:5%}body>.story{top:112px;left:5%;right:5%}body.entering>.story{top:96px}body.entering>.story:before{top:var(--site-nav-height)}
#delivery-scene,#processing-video{top:var(--site-nav-height)}
.commercial-close .close-nav{display:none}
.site-demos-dialog{width:min(720px,calc(100% - 32px));padding:32px;border:1px solid #dce6e9;border-radius:8px;background:#fff;color:#20363c;box-shadow:0 30px 90px #0a253340;font-family:system-ui}.site-demos-dialog::backdrop{background:#16303c66;backdrop-filter:blur(7px)}.site-demos-close{position:absolute;top:10px;right:10px;width:32px;height:32px}.site-demos-eyebrow{font-size:10px;color:#617b83}.site-demos-dialog h2{font-size:32px;font-weight:600;margin:15px 0 24px}.site-demo-preview{position:relative;height:300px;background:#e7e9e8;overflow:hidden;border-radius:5px}.site-demo-preview img{width:100%;height:100%;object-fit:contain}.site-demo-preview>span{position:absolute;left:12px;top:12px;background:#fff;padding:7px 10px;border-radius:4px;font-size:10px;display:flex;align-items:center;gap:7px;color:#306585}.site-demo-preview svg{width:14px;height:14px}.site-demo-details{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.site-demo-details strong{font-size:16px}.site-demo-details p{font-size:12px;color:#71838a;margin:6px 0 0}.site-demo-details .site-demo-open{display:flex;align-items:center;gap:10px;width:auto;height:42px;padding:0 16px;background:#0874c0;color:#fff;font:600 12px system-ui;white-space:nowrap}.site-demo-open svg{width:16px;height:16px}
.site-navbar a:focus-visible,.site-navbar button:focus-visible,.site-demos-dialog button:focus-visible{outline:2px solid #168fe0;outline-offset:4px}
@media(max-width:700px){:root{--site-nav-height:64px}.site-navbar{padding:0 20px}.site-logo{width:146px;height:49px}.site-navbar .site-menu-toggle{display:grid;width:40px;height:40px;border:1px solid #dde5ea;background:#fff}.site-nav-links{position:absolute;left:0;right:0;top:64px;padding:16px 20px 22px;background:#fff;border-bottom:1px solid #d8e1e7;display:flex;flex-direction:column;align-items:stretch;gap:4px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .18s,transform .18s}.site-navbar.is-open .site-nav-links{visibility:visible;opacity:1;transform:translateY(0)}.site-nav-links>a{font-size:14px;padding:12px 4px}.site-navbar .site-capture{margin-top:8px;justify-content:space-between;height:44px}body>.story{top:102px;left:20px;right:20px}body>.story h1{font-size:27px}body>#status{top:76px;left:auto;right:20px;font-size:10px}.site-demos-dialog{padding:28px 20px;max-height:calc(100dvh - 32px);overflow:auto}.site-demos-dialog h2{font-size:27px}.site-demo-preview{height:240px}.site-demo-details{align-items:stretch;flex-direction:column;gap:17px}.site-demo-details .site-demo-open{justify-content:space-between}.site-demo-details strong{font-size:15px}}
@media(max-height:700px){.site-demo-preview{height:190px}.site-demos-dialog{max-height:calc(100dvh - 24px);overflow:auto}}
.site-navbar{background:#fffffff2;box-shadow:0 3px 20px #112c4405;border-bottom-color:#dbe4eb}
.site-logo{width:204px;height:68px;transition:opacity .2s}.site-logo:hover{opacity:.8}
.site-nav-links{gap:10px}.site-nav-links>a{position:relative;display:flex;align-items:center;gap:9px;font:550 14px system-ui;color:#5a6b7b;padding:12px 17px;border-radius:6px;transition:color .2s,background .2s}
.site-nav-links>a svg{width:16px;height:16px;stroke-width:1.7;color:#778897;transition:color .2s}
.site-nav-links>a:hover{background:#f3f7fb;color:#154e8a}.site-nav-links>a[aria-current]{background:#edf5fd;color:#1763b1}.site-nav-links>a[aria-current] svg{color:#1763b1}
.site-navbar .site-capture{height:44px;padding:0 7px 0 19px;gap:21px;margin-left:16px;border:1px solid #0865c5;background:#086bd0;box-shadow:0 4px 10px #0865c515;border-radius:6px;font:600 13px system-ui;transition:background .2s,box-shadow .2s}
.site-capture-arrow{display:grid;place-items:center;width:30px;height:30px;border-left:1px solid #ffffff35;color:white}.site-capture-arrow svg{width:17px;height:17px;transition:transform .2s}.site-navbar .site-capture:hover{background:#0759b0;box-shadow:0 5px 14px #0865c525}.site-capture:hover .site-capture-arrow svg{transform:translate(2px,-2px)}
@media(min-width:701px){.site-nav-links>a[data-nav=demos]{margin-right:9px}.site-nav-links>a[data-nav=demos]::after{content:"";position:absolute;right:-16px;top:12px;bottom:12px;width:1px;background:#dce5eb}}
@media(max-width:700px){.site-logo{width:158px;height:53px}.site-navbar .site-menu-toggle{border-radius:6px;background:#f5f8fb;color:#285474}.site-menu-toggle svg{transition:transform .2s}.site-navbar.is-open .site-menu-toggle svg{transform:rotate(90deg)}.site-nav-links{padding:14px 20px 20px;gap:7px;box-shadow:0 16px 22px #183f5610}.site-nav-links>a{font-size:15px;gap:13px;padding:15px 13px;border-radius:6px}.site-nav-links>a svg{width:18px;height:18px}.site-navbar .site-capture{margin:9px 0 0;height:48px;padding-left:15px;font-size:14px}.site-capture-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.site-nav-links,.site-logo,.site-nav-links>a,.site-nav-links>a svg,.site-navbar .site-capture,.site-capture-arrow svg,.site-menu-toggle svg{transition:none}}
