.product-demo{--color-dd-bg:#000;--color-dd-card:#000;--color-dd-sidebar-bg:#000;--color-dd-surface:#16181c;--color-dd-border:#2f3336;--color-dd-text:#e7e9ea;--color-dd-muted:#858b91;color:#e7e9ea;width:min(1080px,100% - 40px);font-family:var(--font-sans), sans-serif;background:#000;margin:0 auto;padding:72px 0 90px;scroll-margin-top:100px;position:relative}.demo-stage{width:100%}.demo-viewport{aspect-ratio:1280/760;isolation:isolate;background:#000;border-radius:12px;position:relative;overflow:hidden}.demo-viewport:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #272b30;position:absolute;inset:0}.demo-fit{transform-origin:0 0;backface-visibility:hidden;position:absolute;top:0;left:0}.demo-camera{transform-origin:50%;will-change:transform;backface-visibility:hidden;width:100%;height:100%}.demo-browser{background:#000;height:100%;overflow:hidden}.demo-app{text-align:left;grid-template-columns:205px minmax(0,1fr) 315px;height:100%;font-size:14px;display:grid}.demo-sidebar{border-right:1px solid #24272a;flex-direction:column;padding:22px 15px;display:flex}.demo-brand{align-items:center;gap:9px;margin-bottom:24px;font-size:21px;display:flex}.demo-nav{gap:4px;display:grid}.demo-nav>div{white-space:nowrap;border-radius:24px;align-items:center;gap:14px;padding:13px 10px;font-size:14px;font-weight:650;display:flex}.demo-nav>div[data-active=true]{color:#fff;background:#191b1e}.demo-nav>div[data-active=true] svg{color:#54aaff}.demo-sidebar-bottom{margin-top:auto;font-size:13px}.demo-post-button{color:#fff;background:#287bfa;border-radius:30px;justify-content:center;padding:10px 20px;font-size:12px;font-weight:750;display:flex}.demo-content{border-right:1px solid #24272a;position:relative;overflow:hidden}.demo-scene{will-change:transform, opacity;background:#000;position:absolute;inset:0}.demo-right{flex-direction:column;gap:22px;padding:20px 18px;display:flex;overflow:hidden}.demo-right>*{flex-shrink:0}.demo-progress-rail>aside{width:100%;height:auto;padding:0;display:flex;position:static;overflow:visible}.demo-progress-rail>aside>div:first-child{grid-template-columns:80px 40px 60px 44px 36px}.demo-brand img{width:28px;height:auto}.demo-search{color:#858b91;border:1px solid #2f3336;border-radius:30px;align-items:center;gap:10px;padding:11px 15px;font-size:12px;display:flex}.demo-feed-tabs{text-align:center;color:#858b91;border-bottom:1px solid #24272a;grid-template-columns:1fr 1fr;height:52px;display:grid}.demo-feed-tabs>*{place-items:center;font-size:13px;display:grid}.demo-feed-tabs strong{color:#fff;border-bottom:3px solid #287bfa}.demo-compose{border-bottom:1px solid #24272a;padding:20px}.demo-post{border-bottom:1px solid #24272a;padding:22px 20px 0}.demo-code{border:1px solid #2f3336;border-radius:12px;font-size:12px;overflow:hidden}.demo-code-header{color:#92979d;background:#16181c;border-bottom:1px solid #2f3336;justify-content:space-between;align-items:center;padding:9px 13px;font-size:10px;display:flex}.demo-run{color:#fff;background:#287bfa;border-radius:30px;align-items:center;gap:5px;padding:5px 13px;font-weight:750;display:flex}.demo-code pre{line-height:1.8;font-family:var(--font-geist-mono), monospace;white-space:pre-wrap;padding:22px 15px}.demo-output{color:#63dca8;height:38px;font-family:var(--font-geist-mono), monospace;background:#0b1210;justify-content:space-between;padding:10px 15px;font-size:11px;display:flex}.demo-output span{color:#858b91;font-family:var(--font-sans), sans-serif;font-size:10px}.demo-post-actions{color:#858b91;justify-content:space-between;align-items:center;padding:22px 0;font-size:11px;display:flex}.demo-scene-header{border-bottom:1px solid #24272a;justify-content:space-between;align-items:center;height:64px;padding:12px 20px;font-size:13px;display:flex}.demo-progress{background:#24272a;border-radius:5px;height:6px;overflow:hidden}.demo-progress>div{transform-origin:0;background:#287bfa;height:100%}.demo-cursor{z-index:10;pointer-events:none;filter:drop-shadow(0 2px 3px #0008);position:absolute;top:0;left:0}.demo-controls{align-items:center;gap:12px;padding:15px 2px 0;display:flex}.demo-label{color:#fff;letter-spacing:.08em;white-space:nowrap;font-size:10px}.demo-label>span{letter-spacing:0;opacity:.65;margin-left:7px}.demo-chapters{align-items:center;gap:16px;margin-left:auto;display:flex}.demo-controls button{color:#fff;cursor:pointer;background:0 0;min-height:36px;font-size:11px;position:relative}.demo-chapters button{padding:7px 0}.demo-chapters button[aria-pressed=true]{font-weight:600}.demo-chapter-progress{transform-origin:0;background:#0083fe;width:100%;height:2px;position:absolute;bottom:2px;left:0}.demo-controls button:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #0083fe}.demo-controls button:disabled{cursor:default;opacity:.45}.demo-playback{align-items:center;gap:8px;display:flex}.demo-playback button{border:1px solid #ffffff20;border-radius:50%;place-items:center;width:28px;height:28px;min-height:28px;display:grid}.demo-playback button:hover{border-color:#0083fe}.demo-playback svg{width:12px;height:12px}.product-demo[data-playing=false] .demo-app *{animation-play-state:paused!important}@media (max-width:767px){.product-demo{width:calc(100% - 40px);padding:40px 0 55px}.demo-viewport{aspect-ratio:1280/760}.demo-label{display:none}.demo-controls{gap:10px}.demo-chapters{gap:14px;margin-left:0;margin-right:auto}}@media (max-width:374px){.demo-controls{gap:8px}.demo-chapters{gap:9px}.demo-playback{gap:5px}}@media (prefers-reduced-motion:reduce){.product-demo .demo-camera{will-change:auto;transform:none!important}.product-demo .demo-app *{transition:none!important;animation:none!important}.product-demo .demo-scene{will-change:auto}}
.SiteEntryLoader-module__0YNMsG__loader{z-index:9999;-webkit-user-select:none;user-select:none;color:#fff;background:#151515;justify-content:center;align-items:center;transition:transform .62s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(0)}.SiteEntryLoader-module__0YNMsG__exiting{transform:translateY(-100%)}.SiteEntryLoader-module__0YNMsG__wordmark{aspect-ratio:962/192;width:min(80vw,965px);position:relative}.SiteEntryLoader-module__0YNMsG__wordmarkSvg{width:100%;height:100%;display:block;overflow:visible}.SiteEntryLoader-module__0YNMsG__wordBase,.SiteEntryLoader-module__0YNMsG__wordFill{font-family:var(--font-space-grotesk), "Space Grotesk", sans-serif;letter-spacing:-.065em;font-size:188px;font-weight:700}.SiteEntryLoader-module__0YNMsG__wordBase{fill:#aaaaaa4d}.SiteEntryLoader-module__0YNMsG__wordFill{fill:#f7f7f7}.SiteEntryLoader-module__0YNMsG__counter{font-family:var(--font-space-grotesk), "Space Grotesk", sans-serif;white-space:pre;align-items:baseline;margin-top:4px;font-size:16px;font-weight:500;line-height:1.1;display:flex;position:absolute;top:100%;right:0}.SiteEntryLoader-module__0YNMsG__counter span{text-align:right;width:3ch;display:inline-block}.SiteEntryLoader-module__0YNMsG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767px){.SiteEntryLoader-module__0YNMsG__wordmark{width:86vw}.SiteEntryLoader-module__0YNMsG__counter{font-size:13px}}@media (prefers-reduced-motion:reduce){.SiteEntryLoader-module__0YNMsG__loader:not([data-force-motion=true]){transition-duration:80ms}}