/* Native app demonstrations share the landing page's film frame. */
.bid-motion { position: relative; width: 100%; height: auto; min-height: 0; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; isolation: isolate; margin: 28px 0 36px; background: #252523; font-family: Geist,Arial,sans-serif; }
.bid-motion *, .bid-motion *::before, .bid-motion *::after { box-sizing: border-box; }
.bid-motion a:focus-visible { outline: 2px solid #8a7958; outline-offset: 3px; }
.bid-page main .bid-motion :is(h2,h3,h4,p,dl,dd,blockquote) { text-wrap: initial; }
.bid-motion > .bid-motion-stage { position: absolute; inset: 0 auto auto 0; width: 960px; height: 540px; transform: scale(var(--bid-motion-scale,1)); transform-origin: top left; }
.bid-page main .bid-motion [data-show-at][aria-hidden="true"] { pointer-events: none; }
.bid-demo-source { margin-top: -15px; }
.bid-demo-source h3 { font-size: 20px; margin: 12px 0 6px; }
#pengetahuan-tim .bid-motion { max-width: none; }
@media(max-width:740px) { .bid-motion { margin-block: 20px 28px; border-radius: 12px; } }
@media(prefers-reduced-motion:reduce) { .bid-motion *, .bid-motion *::before, .bid-motion *::after { animation: none!important; transition: none!important; } }

/* Native IndoCerdas compositions for the legal and team-knowledge examples. */
.bid-motion .lk-stage { width: 960px; height: 540px; color: #252623; font: 400 18px/1.45 Geist, Arial, sans-serif; background: radial-gradient(ellipse at 85% 90%, #e0d7c4 0%, #a29c90 34%, #44443f 78%); }
.bid-motion .lk-stage * { box-sizing: border-box; }
.bid-motion .lk-stage p { margin: 0; max-width: none; font: inherit; color: inherit; }
.bid-motion .lk-stage :is(h3,h4,p,blockquote) { margin: 0; }
.bid-motion .lk-app { position: absolute; inset: 16px; display: grid; grid-template-columns: 54px 162px minmax(0,1fr); overflow: hidden; border: 0; border-radius: 16px; background: #111210; box-shadow: 0 18px 45px #13140e30; }
.bid-motion .lk-rail { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 17px 5px 13px; background: #111210; color: #adada7; }
.bid-motion .lk-rail img { width: 25px; height: 25px; margin-bottom: 17px; filter: brightness(0) invert(1); }
.bid-motion .lk-rail span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 44px; height: 45px; border-radius: 9px; }
.bid-motion .lk-rail svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.bid-motion .lk-rail-active { background: #30312e; color: #fff; }
.bid-motion .lk-rail i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #30312c; color: #eee; font: 500 10px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-sidebar { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px 10px; background: #f7f7f2; border-right: 1px solid #e9e9e3; border-radius: 14px 0 0 14px; font-size: 11px; color: #64665e; }
.bid-motion .lk-sidebar > strong { display: flex; justify-content: space-between; align-items: center; color: #20221d; font: 600 15px/1.2 Geist,Arial,sans-serif; letter-spacing: -.55px; margin-bottom: 12px; }
.bid-motion .lk-sidebar > small { margin-top: 6px; padding-inline: 3px; font: 600 8px/1.4 Geist,Arial,sans-serif; letter-spacing: .055em; color: #666960; }
.bid-motion .lk-sidebar > div { padding: 8px 6px; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bid-motion .lk-sidebar .lk-history-current { background: #e9eae4; color: #20231d; font-weight: 600; }
.bid-motion .lk-sidebar > p { margin-top: auto; padding-top: 12px; font-size: 9px; color: #96998e; }
.bid-motion .lk-workspace { min-width: 0; overflow: hidden; background: #fff; border-radius: 0 14px 14px 0; }
.bid-motion .lk-topbar { display: flex; height: 54px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 16px; border-bottom: 1px solid #ecece6; background: #fff; }
.bid-motion .lk-topbar strong { display: block; font-size: 13px; font-weight: 600; }
.bid-motion .lk-topbar > span { font-size: 10px; color: #35372f; }
.bid-motion .lk-legal-scenes, .bid-motion .lk-knowledge-scenes { position: relative; height: 454px; }
.bid-motion .lk-scene { position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: translateY(9px); transition: opacity .42s ease, transform .42s ease, visibility .42s; pointer-events: none; }
.bid-motion[data-step="0"] [data-lk-scene="0"],.bid-motion[data-step="1"] [data-lk-scene="1"],.bid-motion[data-step="2"] [data-lk-scene="2"],.bid-motion[data-step="3"] [data-lk-scene="3"] { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
.bid-motion .lk-stage h3 { font: 500 24px/1.2 Geist,Arial,sans-serif; letter-spacing: -.6px; }
.bid-motion .lk-stage a { color: inherit; text-underline-offset: 4px; }
.bid-motion .lk-stage a:focus-visible { outline: 2px solid #7d6f50; outline-offset: 3px; }
.bid-motion .lk-legal-select, .bid-motion .lk-knowledge-select { padding: 23px 30px; }
.bid-motion p.lk-context { color: #7c8074; font-size: 12px; margin-bottom: 9px !important; }
.bid-motion p.lk-subcopy { margin-top: 8px !important; color: #6c7165; font-size: 16px; }
.bid-motion .lk-file-row { display: flex; align-items: center; gap: 12px; padding: 14px; margin-top: 12px; border: 1px solid #e2e4da; border-radius: 8px; background: #f9faf6; }
.bid-motion .lk-file-icon { display: grid; place-items: center; width: 36px; height: 42px; flex: none; border-radius: 5px; background: #e9ebdf; color: #6d755d; font: 500 10px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-file-row strong { font-size: 17px; font-weight: 500; }
.bid-motion .lk-file-row p { margin-top: 3px; font-size: 13px; color: #838978; }
.bid-motion .lk-selected { display: grid; place-items: center; margin-left: auto; width: 23px; height: 23px; border-radius: 50%; background: #e4f2ee; color: #2a7968; font-size: 15px; }
.bid-motion .lk-selection-note { margin-top: 13px; color: #777d6c; font-size: 13px; }
.bid-motion .lk-legal-chat, .bid-motion .lk-knowledge-chat { padding: 24px 26px; }
.bid-motion .lk-prompt { padding: 17px 19px; border-radius: 13px 13px 3px 13px; background: #eeefea; }
.bid-motion .lk-prompt p { font-size: 19px; line-height: 1.45; }
.bid-motion .lk-file-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.bid-motion .lk-file-chips span { padding: 5px 7px; border: 1px solid #dfdfd8; border-radius: 4px; font-size: 10px; background: #fff; color: #68705e; }
.bid-motion .lk-assistant { display: flex; align-items: center; gap: 8px; margin: 22px 0 14px; }
.bid-motion .lk-assistant img { width: 21px; height: 21px; }
.bid-motion .lk-assistant strong { font-size: 13px; font-weight: 600; }
.bid-motion .lk-reading { display: flex; align-items: center; gap: 9px; font-size: 15px; color: #78816b; }
.bid-motion .lk-reading > span { width: 7px; height: 7px; background: #7e8a6b; border-radius: 50%; }
.bid-motion[data-demo-playing="true"] .lk-reading > span { animation: lk-reading-pulse 1.2s ease-in-out infinite; }
@keyframes lk-reading-pulse { 50% { opacity: .25; } }
.bid-motion .lk-read-lines { display: grid; gap: 9px; margin-top: 15px; }
.bid-motion .lk-read-lines i { display: block; width: 88%; height: 9px; border-radius: 3px; background: #f1f2ed; }
.bid-motion .lk-read-lines i:nth-child(2) { width: 73%; }
.bid-motion .lk-read-lines i:last-child { width: 44%; }
.bid-motion .lk-composer { position: absolute; left: 22px; right: 22px; bottom: 16px; border: 1px solid #dddfd7; border-radius: 14px; padding: 13px 16px 9px; box-shadow: 0 3px 10px #00000004; color: #9da294; font-size: 14px; background: #fff; }
.bid-motion .lk-composer > div { display: flex; align-items: center; gap: 12px; margin-top: 10px; font-size: 21px; color: #858c79; }
.bid-motion .lk-composer small { padding: 4px 9px; font-size: 11px; border: 1px solid #e0e2d9; border-radius: 20px; }
.bid-motion .lk-composer b { display: grid; place-items: center; margin-left: auto; width: 28px; height: 28px; font-weight: 400; color: white; background: #232620; border-radius: 7px; }
.bid-motion .lk-legal-result, .bid-motion .lk-knowledge-source { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); }
.bid-motion .lk-answer-column { padding: 0 22px 18px; }
.bid-motion .lk-answer-column h3 { margin: 0 0 14px !important; }
.bid-motion .lk-answer-column > p, .bid-motion .lk-finding p { font-size: 18px; line-height: 1.45; }
.bid-motion .lk-answer-column sup { display: inline-flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 4px; border: 1px solid #e0e2da; background: #fff; font: 400 10px/1 Geist,Arial,sans-serif; color: #666c5e; border-radius: 4px; vertical-align: 1px; }
.bid-motion .lk-finding { margin-top: 17px; }
.bid-motion .lk-finding strong { display: block; font-size: 16px; margin-bottom: 5px; }
.bid-motion .lk-answer-column .lk-answer-foot { margin-top: 17px !important; color: #7a826e; font-size: 13px; }
.bid-motion .lk-source-column { border-left: 1px solid #e8e9e2; background: #f7f7f2; padding: 0 12px 16px; }
.bid-motion .lk-source-column h4 { font-size: 16px; font-weight: 500; margin-bottom: 16px; }
.bid-motion .lk-source-column article { margin-bottom: 11px; padding: 13px 12px; border: 1px solid #e9eae3; border-radius: 9px; background: #fff; }
.bid-motion .lk-source-column article small { display: flex; align-items: start; gap: 7px; font-size: 11px; font-weight: 500; line-height: 1.4; color: #292d25; margin-bottom: 12px; }
.bid-motion .lk-source-column blockquote { font: 400 18px/1.4 Geist,Arial,sans-serif; color: #595e50; }
.bid-motion .lk-source-column article p { margin-top: 11px; font-size: 10px; color: #8b9082; }
.bid-motion .lk-source-column a { font-size: 12px; }
.bid-motion .lk-legal-memo { display: grid; grid-template-columns: 42% 58%; background: #efeee7; }
.bid-motion .lk-memo-chat { background: #fff; padding: 22px 17px; border-right: 1px solid #e3e5db; }
.bid-motion .lk-memo-chat .lk-prompt { padding: 14px; }
.bid-motion .lk-memo-chat .lk-prompt p { font-size: 18px; }
.bid-motion .lk-memo-chat > p { font-size: 18px; }
.bid-motion .lk-draft-link { display: inline-flex; align-items: center; min-height: 42px; margin-top: 14px; font-size: 13px; }
.bid-motion .lk-paper { align-self: start; margin: 17px 17px 0; padding: 26px 25px; border: 1px solid #e6dfcd; background: #fffefa; box-shadow: 0 8px 16px #48412c0e; }
.bid-motion .lk-paper > small { font-size: 9px; letter-spacing: .08em; color: #8b856e; }
.bid-motion .lk-paper h3 { font: 400 28px/1.08 Georgia,'Times New Roman',serif; margin: 14px 0 18px; }
.bid-motion .lk-paper h4 { margin: 13px 0 5px; font: 600 12px/1.3 Georgia,'Times New Roman',serif; }
.bid-motion .lk-paper p { font: 400 16px/1.4 Georgia,'Times New Roman',serif; color: #6c695b; }
.bid-motion .lk-library-tabs { display: flex; gap: 22px; margin: -2px 0 19px; padding-bottom: 11px; border-bottom: 1px solid #e5e7dc; font-size: 12px; color: #8d9580; }
.bid-motion .lk-library-tabs strong { color: #535e42; position: relative; font-weight: 500; }
.bid-motion .lk-library-tabs strong:after { content: ''; position: absolute; height: 2px; background: #697653; bottom: -12px; left: 0; right: 0; }
.bid-motion .lk-unselected { background: #fff; }
.bid-motion .lk-empty-check { margin-left: auto; width: 21px; height: 21px; border: 1px solid #dadfd0; border-radius: 50%; }
.bid-motion .lk-knowledge-answer { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); padding: 0; }
.bid-motion .lk-knowledge-answer h3 { margin-bottom: 14px; }
.bid-motion p.lk-knowledge-main-answer { font-size: 18px; }
.bid-motion .lk-knowledge-main-answer sup { font-size: 11px; color: #7d8e65; }
.bid-motion .lk-process-result { display: grid; grid-template-columns: 1fr; gap: 7px; margin: 17px 0 12px; }
.bid-motion .lk-process-result article { display: flex; gap: 9px; padding: 10px; background: #f8f8f4; border: 1px solid #e8eae0; border-radius: 8px; }
.bid-motion .lk-process-result article > span { color: #697d50; }
.bid-motion .lk-process-result strong { display: block; font-size: 14px; font-weight: 500; margin-bottom: 4px; }
.bid-motion .lk-process-result p { font-size: 13px; color: #7b8270; }
.bid-motion .lk-citation { display: inline-block; margin-top: 8px; padding: 6px 9px; border: 1px solid #e3e7d9; border-radius: 5px; background: #f7f9f1; color: #63724f !important; font-size: 13px; }
.bid-motion .lk-knowledge-source { grid-template-columns: 42% 58%; }
.bid-motion .lk-knowledge-source .lk-answer-column > p:not(.lk-answer-foot) { font-size: 18px; }
.bid-motion .lk-document { margin: 17px 17px 0 0; padding: 22px; background: #fcfbf7; border: 1px solid #e7e2d4; border-radius: 5px; }
.bid-motion .lk-document small { font-size: 9px; letter-spacing: .04em; color: #85816e; }
.bid-motion .lk-document h3 { font: 400 25px/1.1 Georgia,'Times New Roman',serif; margin: 12px 0 17px; }
.bid-motion .lk-document > p { color: #8d8c80; font: 400 14px/1.5 Georgia,'Times New Roman',serif; margin-bottom: 12px; }
.bid-motion .lk-document mark { display: block; padding: 12px 10px; background: #f0e5c9; color: #585444; font: 400 18px/1.4 Georgia,'Times New Roman',serif; }
.bid-motion .lk-document mark b { font-size: 12px; }
@media(prefers-reduced-motion:reduce) { .lk-scene { transition: none; } .lk-reading > span { animation: none !important; } }

/* Source disclosures stay outside the scaled app frame. */
.lk-demo-source { scroll-margin-top: 130px; border: 1px solid #e6e2d8; border-radius: 10px; padding: 0 22px; background: #fff; }
.lk-demo-source summary { padding: 16px 0; cursor: pointer; font: 400 15px/1.5 Geist,Arial,sans-serif; color: #55534b; }
.lk-demo-source-body { max-width: 78ch; padding: 2px 0 22px; }
.lk-demo-source-body > p, .lk-demo-source article p { font: 400 16px/1.65 Geist,Arial,sans-serif !important; color: #646159 !important; }
.lk-demo-source article { margin-top: 22px; }
.lk-demo-source article h3 { font: 500 18px/1.35 Geist,Arial,sans-serif !important; color: #252623; margin-bottom: 9px !important; }
.lk-demo-source article blockquote { margin: 0 0 9px; padding-left: 16px; border-left: 2px solid #c8bfae; font: 400 19px/1.55 Georgia,serif; color: #39372f; }

/* Current product shell: black navigation rail and a rounded white work surface. */
.bid-motion .lk-rail em { display: block; margin-top: 3px; font: 400 8px/1.2 Geist,Arial,sans-serif; font-style: normal; }
.bid-motion .lk-rail-profile { margin-top: auto; }
.bid-motion-legal[data-step="0"] .lk-nav-pustaka,
.bid-motion-legal:not([data-step="0"]) .lk-nav-chat,
.bid-motion-knowledge[data-step="0"] .lk-nav-pustaka,
.bid-motion-knowledge:not([data-step="0"]) .lk-nav-chat { background: #30312e; color: #fff; }
.bid-motion .lk-sidebar > strong > span { font-size: 13px; font-weight: 400; color: #73796a; }
.bid-motion .lk-sidebar .lk-project-label { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; }
.bid-motion .lk-project-label b { font-size: 17px; font-weight: 400; }
.bid-motion .lk-sidebar .lk-project { display: flex; align-items: center; gap: 6px; }
.bid-motion .lk-project svg { flex: none; width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.bid-motion .lk-project > span { overflow: hidden; text-overflow: ellipsis; }
.bid-motion .lk-topbar strong span { color: #929789; font-weight: 400; }
.bid-motion .lk-topbar small { display: block; margin-top: 3px; font: 400 9px/1.3 Geist,Arial,sans-serif; color: #8a8f81; }
.bid-motion .lk-topbar .lk-detail-pill { padding: 6px 9px; border: 1px solid #dfe1d7; background: #f4f5ef; border-radius: 7px; }
.bid-motion .lk-assistant > span { font: 500 9px/1.4 Geist,Arial,sans-serif; padding: 3px 7px; border-radius: 15px; background: #f0f1ec; color: #717967; }
.bid-motion .lk-panel-tabs { display: flex; align-items: center; gap: 6px; height: 46px; margin: 0 -12px 13px; padding: 7px 9px; border-bottom: 1px solid #e8e9e1; font: 400 11px/1.3 Geist,Arial,sans-serif; color: #7b8171; }
.bid-motion .lk-panel-tabs > * { display: inline-flex; padding: 7px 9px; border-radius: 6px; }
.bid-motion .lk-panel-tabs strong { background: #161915; color: #fff; font-weight: 500; }
.bid-motion p.lk-source-meta { margin: 0 0 12px; font: 400 9px/1.4 Geist,Arial,sans-serif; color: #92988a; }
.bid-motion .lk-source-column article small b { display: grid; place-items: center; flex: none; width: 17px; height: 17px; border: 1px solid #e3e5dc; border-radius: 4px; font-weight: 400; color: #707768; }
.bid-motion .lk-teal-check { display: inline-flex; align-items: center; gap: 4px; margin-top: 9px; padding: 4px 7px; color: #276f60; background: #e7f3ed; border-radius: 14px; font: 500 9px/1.2 Geist,Arial,sans-serif; }
.bid-motion .lk-document > .lk-panel-tabs { margin: -22px -22px 16px; padding-inline: 13px; }
.bid-motion .lk-knowledge-source .lk-document { border-radius: 0; margin: 0; border: 0; border-left: 1px solid #e4e6dc; }
.bid-motion .lk-knowledge-source .lk-document mark { background: #f1e9d4; }
/* Pustaka: sources on the left, the selected document on the right. */
.bid-motion-knowledge[data-step="0"] .lk-app { grid-template-columns: 54px 0 minmax(0,1fr); }
.bid-motion-knowledge[data-step="0"] .lk-sidebar { padding: 0; border: 0; opacity: 0; pointer-events: none; overflow: hidden; }
.bid-motion-knowledge[data-step="0"] .lk-workspace { border-radius: 14px; }
.bid-motion-knowledge[data-step="0"] .lk-topbar { display: none; }
.bid-motion-knowledge[data-step="0"] .lk-knowledge-scenes { height: 508px; }
.bid-motion .lk-knowledge-select { display: grid; grid-template-columns: 1fr 1fr; padding: 0; }
.bid-motion .lk-library-main { min-width: 0; padding: 20px 21px 12px; }
.bid-motion .lk-library-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bid-motion .lk-library-head h3 { font: 400 28px/1.2 Georgia,serif; letter-spacing: -.5px; }
.bid-motion .lk-add-source { display: inline-flex; align-items: center; min-height: 28px; padding: 6px 11px; border-radius: 99px; background: #141614; color: #fff; font: 500 10px/1.3 Geist,Arial,sans-serif; }
.bid-motion .lk-library-search { display: flex; align-items: center; gap: 7px; height: 31px; margin-top: 17px; padding: 7px 9px; border: 1px solid #e3e5dc; border-radius: 99px; color: #8b9081; font: 400 12px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-library-search svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.bid-motion .lk-library-search small { margin-left: auto; font: 400 9px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-library-main h4 { margin: 24px 0 11px; font: 600 13px/1.4 Geist,Arial,sans-serif; }
.bid-motion .lk-library-main h4 small { margin-left: 7px; font: 400 9px/1.4 Geist,Arial,sans-serif; color: #8d9383; }
.bid-motion .lk-folders { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bid-motion .lk-folders > div { display: flex; align-items: center; gap: 7px; padding: 11px 8px; border-radius: 7px; background: #f6f7f2; font: 400 10px/1.2 Geist,Arial,sans-serif; }
.bid-motion .lk-folders > div:last-child { background: #eeeeE8; }
.bid-motion .lk-folders svg { width: 13px; height: 13px; fill: none; stroke: #7e8672; stroke-width: 1.3; }
.bid-motion .lk-folders strong { font-weight: 500; }
.bid-motion .lk-folders small { margin-left: auto; font: 400 9px/1 Geist,Arial,sans-serif; color: #8d9383; }
.bid-motion .lk-library-file { width: 205px; margin-top: 19px; padding: 9px; border-radius: 8px; background: #e7e9e0; }
.bid-motion .lk-library-file > strong { display: block; font: 500 10px/1.2 Geist,Arial,sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bid-motion .lk-library-file > div { margin: 9px 0; min-height: 123px; padding: 19px 13px; background: #fff; border-radius: 4px; color: #34372e; }
.bid-motion .lk-library-file > div small { display: block; font: 400 6px/1.5 Georgia,serif; letter-spacing: .04em; }
.bid-motion .lk-library-file > div b { display: block; margin: 10px 0; font: 500 11px/1.3 Georgia,serif; }
.bid-motion .lk-library-file > div p { font: 400 10px/1.55 Georgia,serif; }
.bid-motion .lk-library-file > span { font: 400 8px/1.2 Geist,Arial,sans-serif; color: #838b77; }
.bid-motion .lk-library-main h4.lk-library-public { margin-top: 23px; }
.bid-motion .lk-library-filters { display: flex; gap: 6px; }
.bid-motion .lk-library-filters span { border: 1px solid #e7e8e0; border-radius: 99px; padding: 5px 9px; color: #929888; font: 400 9px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-library-preview { position: relative; min-width: 0; padding: 28px 27px; border-left: 1px solid #e7e9df; background: #fff; }
.bid-motion .lk-preview-tools { margin: -15px -13px 15px; text-align: right; color: #8a9080; font: 400 11px/1 Geist,Arial,sans-serif; }
.bid-motion .lk-library-preview h3 { font: 400 25px/1.15 Georgia,serif; letter-spacing: -.45px; }
.bid-motion p.lk-preview-folder { margin-top: 12px; color: #8d9384; font: 400 10px/1.4 Geist,Arial,sans-serif; }
.bid-motion .lk-preview-kind { margin-top: 20px; padding: 10px 0; border-block: 1px solid #eff0e8; font: 400 10px/1.4 Geist,Arial,sans-serif; color: #969d8c; }
.bid-motion .lk-preview-kind span { margin-left: 28px; color: #6f7960; }
.bid-motion .lk-library-preview h4 { margin: 26px 0 19px; font: 400 10px/1.4 Georgia,serif; letter-spacing: .04em; }
.bid-motion .lk-library-preview > p:not(.lk-preview-folder) { margin-bottom: 18px; color: #484c41; font: 400 17px/1.65 Georgia,serif; }
.bid-motion .lk-preview-selected { position: absolute; bottom: 20px; left: 27px; padding: 5px 8px; border-radius: 99px; background: #e7f3ee; color: #2d7361; font: 500 9px/1.4 Geist,Arial,sans-serif; }

.bid-motion-admin { background: radial-gradient(ellipse at 80% 95%,#ded5c5 0,transparent 60%),linear-gradient(130deg,#222321,#78756e); }
.ba-stage { position: absolute; width: 960px; height: 540px; left: 0; top: 0; transform: scale(var(--bid-motion-scale,1)); transform-origin: top left; font: 400 16px/1.45 Geist,Arial,sans-serif; color: #242524; }
.ba-stage * { box-sizing: border-box; }
.ba-stage :is(h2,h3,h4,p,dl,dd) { margin: 0; }
.ba-stage a { color: inherit; text-decoration: none; }
.ba-workspace { position: absolute; inset: 30px 34px 35px; display: grid; grid-template-columns: 53px 1fr 366px; grid-template-rows: 49px 1fr; overflow: hidden; background: #fff; border: 1px solid #e3e3df; border-radius: 14px; box-shadow: 0 24px 50px #0003; }
.ba-rail { grid-area: 1/1/3; display: flex; flex-direction: column; align-items: center; gap: 21px; padding: 17px 0; background: #f1f2ee; border-right: 1px solid #e2e3df; }
.ba-rail>img { width: 27px; height: 27px; margin-bottom: 5px; }
.ba-rail>span { width: 40px; text-align: center; font-size: 25px; line-height: 1.1; color: #7b7f76; }
.ba-rail svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.ba-rail small { display: block; font-size: 10px; padding-top: 5px; }
.ba-rail .ba-selected { color: #232522; }
.ba-topbar { grid-area: 1/2/2/4; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #e5e6e2; }
.ba-topbar strong { font-weight: 550; font-size: 15px; }
.ba-topbar>span { font-size: 13px; color: #868980; }
.ba-chat { grid-area: 2/2; position: relative; padding: 22px; }
.ba-start { position: absolute; inset: 90px 22px auto; transition: opacity .4s,transform .6s; }
.ba-start h2 { font: 400 30px/1.15 Georgia,serif!important; letter-spacing: -.03em; margin-bottom: 24px; }
.ba-file { display: flex; gap: 12px; align-items: center; background: #f7f7f3; border: 1px solid #dedfd9; border-radius: 9px; padding: 15px 10px; }
.ba-file>span { font: 500 10px/1 Geist,Arial,sans-serif; padding: 12px 7px; background: #e9eae2; border-radius: 4px; }
.ba-file b { display: block; font-size: 15px; font-weight: 500; }
.ba-file small { display: block; margin-top: 5px; font-size: 12px; color: #7b8075; }
.ba-file i { margin-left: auto; font-style: normal; color: #666e5b; }
.ba-conversation { opacity: 0; transform: translateY(12px); transition: opacity .45s,transform .6s; }
.ba-prompt,.ba-confirmation { background: #eeefeb; padding: 13px 15px; border-radius: 13px 13px 4px 13px; font-size: 17px; line-height: 1.45; }
.ba-prompt sup { display: inline-block; background: #fff; border: 1px solid #d8dad4; border-radius: 3px; font-size: 10px; padding: 0 4px; margin-left: 4px; }
.ba-assistant { display: flex; gap: 8px; align-items: center; margin: 19px 0 10px; }
.ba-assistant img { width: 23px; height: 23px; }
.ba-assistant b { font-size: 14px; font-weight: 550; }
.ba-question { font-size: 19px; line-height: 1.4; }
.ba-confirmation { margin: 14px 0 0 34px!important; opacity: 0; transform: translateY(6px); font-size: 16px; transition: opacity .4s,transform .6s; }
.ba-result { display: flex; align-items: start; gap: 9px; margin-top: 15px; color: #525a47; opacity: 0; transition: opacity .5s; }
.ba-result>span { background: #e8ecdf; width: 21px; height: 21px; border-radius: 50%; text-align: center; font-size: 12px; flex: none; }
.ba-result p { font-size: 15px; line-height: 1.45; }
.ba-composer { position: absolute; bottom: 17px; left: 17px; right: 17px; border: 1px solid #dcded8; box-shadow: 0 4px 12px #00000004; border-radius: 14px; padding: 12px 14px; background: #fff; }
.ba-composer-text { display: block; color: #8e9388; font-size: 15px; height: 32px; }
.ba-composer>div { display: flex; align-items: center; gap: 12px; color: #878c80; }
.ba-format { font-size: 12px; border: 1px solid #e3e5dd; border-radius: 16px; padding: 5px 10px; }
.ba-send { margin-left: auto; padding: 2px 9px; background: #20221e; border-radius: 7px; color: #fff; font-size: 24px; }
.ba-context { grid-area: 2/3; position: relative; background: #f8f9f5; border-left: 1px solid #e5e6e2; }
.ba-context-head { height: 48px; display: flex; gap: 12px; align-items: center; padding: 0 18px; }
.ba-context-head strong { font-size: 15px; }
.ba-context-head>span { font-size: 12px; border: 1px solid #dedfd8; border-radius: 6px; padding: 4px 10px; margin-left: auto; }
.ba-context-head .ba-context-draft { display: none; }
.ba-source { position: absolute; top: 58px; left: 17px; right: 17px; padding: 21px; background: #fff; border: 1px solid #e0e2db; border-radius: 8px; transition: opacity .45s; }
.ba-source small { font-size: 11px; color: #82877b; }
.ba-source h3 { font: 400 25px/1.12 Georgia,serif!important; margin: 16px 0!important; }
.ba-source p { font-size: 18px; line-height: 1.5; }
.ba-source mark { display: block; background: #f1ead9; padding: 8px 10px; margin-top: 18px; font-size: 18px; }
.ba-source a { font-size: 12px; display: inline-block; padding: 14px 0 0; text-decoration: underline; text-underline-offset: 3px; }
.ba-editor { position: absolute; top: 49px; bottom: 0; width: 100%; overflow: hidden; background: #eeeeea; padding: 0 15px 20px; opacity: 0; transform: translateX(15px); transition: opacity .5s,transform .6s; }
.ba-editor-head { font-size: 11px; color: #808775; padding: 8px 0; }
.ba-paper { background: #fff; min-height: 370px; padding: 20px 18px; box-shadow: 0 5px 20px #00000008; }
.ba-paper h3 { text-align: center; font: 500 18px/1.3 Georgia,serif!important; margin-bottom: 18px!important; }
.ba-paper dl { display: grid; grid-template-columns: 57px 1fr; gap: 6px 7px; font-size: 12px; }
.ba-paper dt { color: #777b70; }
.ba-paper h4 { font: 600 13px/1.3 Georgia,serif!important; margin-top: 14px!important; }
.ba-paper p { font: 400 14px/1.5 Georgia,serif; margin-top: 5px!important; }
.ba-unfilled,.ba-empty { color: #95856c; }
.ba-filled { display: none; background: #ede5cf; }
.ba-draft-text { opacity: .3; }
.ba-note { position: absolute; left: 36px; bottom: 12px; color: #dbd6cb; font: 400 10px/1.3 Geist,Arial,sans-serif; }
.bid-motion-admin:not([data-step="0"]) .ba-start { opacity: 0; transform: translateY(-10px); pointer-events: none; }
.bid-motion-admin:not([data-step="0"]) .ba-conversation { opacity: 1; transform: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-source { opacity: 0; pointer-events: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-editor { opacity: 1; transform: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-confirmation { opacity: 1; transform: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-context-source { display: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-context-draft { display: inline-block; }
.bid-motion-admin[data-step="3"] .ba-filled { display: inline; }
.bid-motion-admin[data-step="3"] .ba-empty { display: none; }
.bid-motion-admin[data-step="3"] .ba-result { opacity: 1; }
.bid-motion-admin[data-step="3"] .ba-draft-text { opacity: 1; }
.bid-motion-admin[data-step="3"][data-demo-playing="true"] .ba-filled { animation: ba-fill 1.5s ease forwards; }
@keyframes ba-fill { from { background: #d8c28f; } to { background: #ede5cf; } }
@media(prefers-reduced-motion:reduce) { .ba-stage * { animation: none!important; transition: none!important; } }

.bid-motion-admin[data-step="3"] .ba-question { display: none; }

/* Current native app navigation and document workspace. */
.ba-workspace { grid-template-columns: 64px minmax(0,1fr) 350px; background: #111; border-color: #555; }
.ba-rail { gap: 8px; padding: 17px 5px 12px; background: #111; border: 0; }
.ba-rail > img { width: 29px; height: 29px; filter: invert(1); margin-bottom: 8px; }
.ba-rail > span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 46px; gap: 4px; border-radius: 9px; color: #d5dad5; }
.ba-rail svg { width: 20px; height: 20px; stroke-width: 1.45; }
.ba-rail small { font-size: 9px; line-height: 1; padding: 0; }
.ba-rail > .ba-rail-active { background: #414342; color: #fff; }
.ba-rail > .ba-avatar { margin-top: auto; height: 25px; width: 25px; border-radius: 50%; background: #444d49; font-size: 10px; color: #e8eeea; }
.ba-topbar { justify-content: start; gap: 16px; background: #fff; border-radius: 13px 13px 0 0; }
.ba-topbar .ba-back { font-size: 30px; line-height: 1; color: #7b807c; }
.ba-topbar .ba-topbar-end { margin-left: auto; letter-spacing: 2px; color: #878b87; }
.ba-chat { background: #fff; border-bottom-left-radius: 13px; }
.ba-context { background: #fbfcfa; border-color: #e7e9e6; border-bottom-right-radius: 13px; overflow: hidden; }
.ba-context-head { height: 44px; margin: 10px 12px 0; padding: 3px; gap: 3px; border-radius: 8px; background: #f0f2ef; }
.ba-context-head > span { display: flex; align-items: center; justify-content: center; flex: 1; height: 31px; margin: 0; padding: 0 5px; border: 0; border-radius: 6px; color: #929891; font: 400 11px/1 Geist,Arial,sans-serif; }
.ba-context-head > .ba-context-source, .bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-context-head > .ba-context-draft { display: flex; background: #121512; color: #fff; }
.ba-context-head > .ba-context-draft { display: none; }
.ba-source { top: 66px; padding: 17px; border-color: #e5e8e2; }
.ba-source h3 { font-size: 24px!important; }
.ba-source p { font-size: 17px; line-height: 1.45; }
.ba-source mark { background: #edf4ef; color: #36715f; margin-top: 14px; font-size: 17px; }
.ba-file i { color: #2b8b72; }
.ba-prompt, .ba-confirmation { background: #f2f3f1; }
.ba-result { color: #477d6b; margin-top: 10px; }
.ba-result > span { color: #247c64; background: #e7f2eb; }
.ba-confirmation { margin-top: 10px!important; }
.ba-composer { bottom: 14px; padding: 10px 12px; }
.ba-composer-text { font-size: 14px; height: 26px; }
.ba-composer > div { gap: 10px; }
.ba-format { font-size: 11px; padding: 4px 8px; }
.ba-send { font-size: 21px; }
.ba-artifact { display: none; align-items: center; gap: 10px; margin: 12px 0 0 0; padding: 11px; border: 1px solid #dce5df; border-radius: 10px; background: #f6faf7; }
.ba-artifact > span { display: grid; place-items: center; height: 33px; width: 30px; border-radius: 5px; background: #deeee5; color: #39785f; font-size: 25px; }
.ba-artifact strong { display: block; font-size: 13px; font-weight: 500; }
.ba-artifact small { display: block; margin-top: 3px; color: #8b9b90; font-size: 10px; }
.ba-artifact i { margin-left: auto; color: #638a76; font: normal 16px/1 Geist,Arial,sans-serif; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-artifact { display: flex; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-question { display: none; }
.bid-motion-admin[data-step="3"] .ba-result { display: none; }
.bid-motion-admin[data-step="3"] .ba-artifact { background: #edf7f1; border-color: #b5d5c1; }
.ba-editor { top: 65px; padding: 0 13px 20px; background: #eeefec; }
.ba-editor-head { padding: 9px 0; color: #6b7e6f; font-size: 10px; }
.ba-word-toolbar { display: flex; gap: 12px; align-items: center; min-height: 27px; margin: 0 -13px 12px; padding-inline: 13px; background: #fff; color: #7c837d; font: 400 9px/1 Geist,Arial,sans-serif; border-bottom: 1px solid #dddeda; }
.ba-word-toolbar span:first-child { color: #296e5c; border-bottom: 2px solid #5a9581; align-self: stretch; display: flex; align-items: center; }
.ba-paper { padding: 18px; }
.ba-paper h3 { font-size: 19px!important; margin-bottom: 16px!important; }
.ba-paper dl { font-size: 12px; }
.ba-filled { background: #e9f3ec; color: #2c745c; }
.bid-motion-admin[data-step="3"][data-demo-playing="true"] .ba-filled { animation: ba-native-fill 1.5s ease forwards; }
@keyframes ba-native-fill { from { background: #afd5bd; } to { background: #e9f3ec; } }
.ba-result { display: none; }
.bid-motion-admin[data-step="3"] .ba-result { display: flex; }
.bid-motion-admin[data-step="3"] .ba-confirmation { display: none; }
.bid-motion-admin:is([data-step="2"],[data-step="3"]) .ba-context-head { visibility: hidden; }
.ba-editor { top: 0; }
.ba-paper { padding: 16px; }
.ba-paper h3 { margin-bottom: 12px!important; font-size: 18px!important; }
.ba-paper dl { gap: 4px 7px; font-size: 11px; line-height: 1.4; }
.ba-paper h4 { margin-top: 12px!important; font-size: 12px!important; }
.ba-paper p { font-size: 13px; line-height: 1.45; }
.ba-paper h4:first-of-type { display: inline; font-size: 11px!important; }
.ba-paper h4:first-of-type::after { content: ': '; }
.ba-paper p:first-of-type { display: inline; font-size: 11px; }
.ba-paper dl { margin-bottom: 12px; }

/* Source-to-result films for the two proposed subject experiences. */
.bid-rs-demo {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 16px;
  background: radial-gradient(ellipse at 78% 85%, #d8d2c5, transparent 64%), linear-gradient(130deg, #242522, #6c6b64);
}
.bid-rs-demo .bid-rs-stage {
  position: absolute;
  inset: 0 auto auto 0;
  width: 960px;
  height: 540px;
  padding: 25px 24px 35px;
  transform: scale(var(--bid-motion-scale, 1));
  transform-origin: top left;
  font: 400 18px/1.45 Geist, Arial, sans-serif;
  color: #252623;
}
.bid-rs-demo .rs-app {
  height: 480px;
  border: 1px solid #dcded7;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 50px #15171138, 0 0 0 7px #ffffff26;
}
.bid-rs-demo :where(p,h2,h3,h4) { margin: 0; }
.bid-rs-demo .rs-app-head {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  background: #fff;
  border-bottom: 1px solid #e5e6e1;
  font-size: 15px;
  line-height: 1;
}
.bid-rs-demo .rs-app-head strong { font-size: 18px; font-weight: 550; letter-spacing: -.04em; }
.bid-rs-demo .rs-head-divider { height: 18px; width: 1px; margin-inline: 8px; background: #dddeda; }
.bid-rs-demo .rs-head-end { margin-left: auto; font-size: 12px; color: #84877f; }
.bid-rs-demo .rs-workspace { height: 430px; display: grid; grid-template-rows: minmax(0,1fr); grid-template-columns: 48px minmax(0,1fr) 270px; }
.bid-rs-demo .rs-rail { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 20px 0 14px; background: #f0f1ec; border-right: 1px solid #e4e5e0; }
.bid-rs-demo .rs-rail > span { width: 32px; height: 32px; display: grid; place-items: center; color: #7e8376; border-radius: 6px; }
.bid-rs-demo .rs-rail > .rs-rail-active { background: #e1e4d9; color: #343a2e; }
.bid-rs-demo .rs-rail svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.bid-rs-demo .rs-rail > .rs-avatar { margin-top: auto; height: 26px; width: 26px; border-radius: 50%; font-size: 10px; background: #dfe4d4; color: #616b51; }
.bid-rs-demo .rs-chat { min-width: 0; position: relative; padding: 18px 22px 20px; background: #fff; overflow: hidden; }
.bid-rs-demo .rs-chat-heading { color: #8b8e86; font-size: 12px; }
.bid-rs-demo .rs-chat-heading h2 { font: 500 21px/1.22 Geist,Arial,sans-serif; color: #262824; letter-spacing: -.035em; margin-top: 5px; }
.bid-rs-demo .rs-prompt { margin: 18px 0 0 24px; padding: 14px 15px; background: #f0f1ed; border-radius: 13px 13px 3px 13px; }
.bid-rs-demo .rs-prompt p { font-size: 18px; line-height: 1.4; }
.bid-rs-demo .rs-file-chips { display: flex; gap: 6px; margin-bottom: 9px; }
.bid-rs-demo .rs-file-chips span { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 7px; background: #fff; border: 1px solid #dedfd9; border-radius: 5px; color: #686c61; font-size: 11px; line-height: 1.2; white-space: nowrap; }
.bid-rs-demo .rs-research-scene, .bid-rs-demo .rs-strategy-scene { position: absolute; top: 210px; left: 22px; right: 22px; bottom: 16px; opacity: 0; visibility: hidden; transform: translateY(7px); transition: opacity .55s ease, transform .55s ease, visibility .55s; }
.bid-rs-demo .rs-research-intro, .bid-rs-demo .rs-strategy-intro { top: auto; bottom: 20px; height: 100px; }
.bid-rs-demo .rs-input { height: 100%; border: 1px solid #dedfd9; border-radius: 13px; padding: 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; color: #92978b; font-size: 17px; box-shadow: 0 4px 15px #00000004; }
.bid-rs-demo .rs-input i { margin-top: auto; display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 7px; background: #20221e; color: #fff; font: normal 22px/1 Arial,sans-serif; }
.bid-rs-demo .rs-ai-line { display: flex; align-items: center; gap: 8px; height: 24px; margin-bottom: 8px; font-size: 14px; }
.bid-rs-demo .rs-ai-line strong { font-weight: 550; }
.bid-rs-demo .rs-reading-status { display: flex; align-items: center; gap: 8px; color: #555d4b; font-size: 18px; }
.bid-rs-demo .rs-reading-status > span { height: 7px; width: 7px; border-radius: 50%; background: #6e795f; }
.bid-rs-demo .rs-reading-list { display: grid; gap: 6px; margin-top: 14px; color: #7b8173; font-size: 16px; }
.bid-rs-demo .rs-research-scene h3, .bid-rs-demo .rs-strategy-scene h3 { font-size: 20px; line-height: 1.3; font-weight: 500; letter-spacing: -.025em; margin-bottom: 10px; }
.bid-rs-demo .rs-research-note p, .bid-rs-demo .rs-strategy-summary p { font-size: 18px; line-height: 1.45; }
.bid-rs-demo .rs-inline-link { display: inline-flex; align-items: center; color: #5c6651; font-size: 14px; min-height: 30px; margin-top: 9px; text-underline-offset: 4px; }
.bid-rs-demo .rs-research-matrix table { width: 100%; border-collapse: collapse; text-align: left; font-size: 16px; line-height: 1.25; }
.bid-rs-demo .rs-research-matrix th, .bid-rs-demo .rs-research-matrix td { border-bottom: 1px solid #e8e9e4; padding: 7px 5px; vertical-align: top; }
.bid-rs-demo .rs-research-matrix th:first-child { padding-left: 0; }
.bid-rs-demo .rs-research-matrix thead th { font-weight: 450; color: #888c81; font-size: 12px; padding-top: 0; }
.bid-rs-demo .rs-research-matrix tbody th { font-weight: 500; width: 20%; }
.bid-rs-demo sup { font-size: 10px; background: #f1f1ec; padding: 1px 3px; border: 1px solid #e1e3da; border-radius: 3px; color: #6d765e; white-space: nowrap; }
.bid-rs-demo .rs-sources { border-left: 1px solid #e4e5e0; background: #fafbf8; padding: 14px 12px; min-height: 0; overflow: hidden; }
.bid-rs-demo .rs-sources > header { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 10px; }
.bid-rs-demo .rs-sources > header > span { padding: 2px 6px; font-size: 11px; background: #edefe8; border-radius: 3px; color: #858a7b; }
.bid-rs-demo .rs-source { display: block; padding: 9px 10px; background: #fff; color: inherit; text-decoration: none; border: 1px solid #e3e5dc; border-radius: 8px; margin-top: 9px; transition: background .6s,box-shadow .6s; }
.bid-rs-demo .rs-source small { display: block; font-size: 10px; line-height: 1.2; color: #969a8d; }
.bid-rs-demo .rs-source h3 { font-size: 16px; font-weight: 500; letter-spacing: -.025em; line-height: 1.2; margin: 5px 0; }
.bid-rs-demo .rs-source p { font-size: 14px; line-height: 1.32; color: #737a68; }
.bid-rs-demo .rs-source > span { display: block; font-size: 10px; line-height: 1.2; color: #909887; margin-top: 6px; }
.bid-rs-demo .rs-source:hover { border-color: #a7af98; }
.bid-rs-demo .rs-source:focus-visible, .bid-rs-demo .rs-inline-link:focus-visible { outline: 2px solid #566449; outline-offset: 2px; }
.bid-rs-demo .rs-demo-note { position: absolute; left: 28px; bottom: 10px; font-size: 11px; line-height: 1; color: #ecebe4; letter-spacing: .015em; }
.bid-rs-demo .rs-strategy-context { position: relative; border-left: 1px solid #e4e5e0; background: #f7f8f3; overflow: hidden; }
.bid-rs-demo .rs-assumptions { position: absolute; inset: 0; padding: 17px; transition: opacity .6s,transform .6s,visibility .6s; }
.bid-rs-demo .rs-assumptions > header { font-size: 16px; font-weight: 500; margin-bottom: 14px; }
.bid-rs-demo .rs-assumptions article { padding: 12px; margin-bottom: 10px; background: #fff; border: 1px solid #e5e6dd; border-radius: 7px; }
.bid-rs-demo .rs-assumptions small { font-size: 11px; color: #969b8b; }
.bid-rs-demo .rs-assumptions h3 { font: 500 20px/1.3 Geist,Arial,sans-serif; letter-spacing: -.035em; margin: 4px 0; }
.bid-rs-demo .rs-assumptions p { font-size: 15px; color: #7a836e; }
.bid-rs-demo .rs-option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bid-rs-demo .rs-option-grid article { background: #f5f6ef; border: 1px solid #e0e3d7; border-radius: 9px; padding: 10px; }
.bid-rs-demo .rs-option-grid h3 { font-size: 14px; color: #626c54; margin-bottom: 6px; }
.bid-rs-demo .rs-option-grid article > strong { font-size: 28px; line-height: 1.1; font-weight: 450; letter-spacing: -.045em; }
.bid-rs-demo .rs-option-grid p { font-size: 20px; margin-top: 4px; }
.bid-rs-demo .rs-option-grid small { display: block; color: #9a9e90; font-size: 11px; margin-top: 5px; }
.bid-rs-demo .rs-flag { margin-top: 9px; color: #7f6e4b; font-size: 16px; }
.bid-rs-demo .rs-memo { position: absolute; inset: 0; padding: 0 12px 14px; background: #eeeee6; opacity: 0; visibility: hidden; transform: translateX(20px); transition: opacity .65s,transform .65s,visibility .65s; }
.bid-rs-demo .rs-memo > header { height: 43px; display: flex; align-items: center; font-size: 12px; color: #808675; }
.bid-rs-demo .rs-memo-paper { padding: 25px 17px; background: #fffefb; min-height: 358px; box-shadow: 0 2px 12px #00000007; }
.bid-rs-demo .rs-memo-paper > small { font-size: 9px; letter-spacing: .1em; color: #9ca58f; }
.bid-rs-demo .rs-memo-paper h3 { font: 400 27px/1.1 Georgia,serif; letter-spacing: -.04em; margin: 12px 0 22px; }
.bid-rs-demo .rs-memo-paper h4 { font-size: 13px; font-weight: 550; margin: 16px 0 6px; }
.bid-rs-demo .rs-memo-paper p { font-size: 16px; line-height: 1.45; }
.bid-rs-demo .rs-memo-cites { font-size: 9px; line-height: 1.6; color: #909783; margin-top: 20px; }
.bid-research-demo[data-step="0"] .rs-research-intro,
.bid-research-demo[data-step="1"] .rs-research-reading,
.bid-research-demo[data-step="2"] .rs-research-matrix,
.bid-research-demo[data-step="3"] .rs-research-note,
.bid-strategy-demo[data-step="0"] .rs-strategy-intro,
.bid-strategy-demo[data-step="1"] .rs-strategy-reading,
.bid-strategy-demo[data-step="2"] .rs-strategy-compare,
.bid-strategy-demo[data-step="3"] .rs-strategy-summary { opacity: 1; visibility: visible; transform: translateY(0); }
.bid-research-demo[data-step="1"] .rs-source,
.bid-research-demo[data-step="2"] .rs-source { background: #f1f3eb; }
.bid-research-demo[data-step="3"] .rs-source-three { background: #e9eedf; box-shadow: 0 0 0 2px #cdd6bd; }
.bid-strategy-demo[data-step="3"] .rs-assumptions { opacity: 0; visibility: hidden; transform: translateX(-15px); }
.bid-strategy-demo[data-step="3"] .rs-memo { opacity: 1; visibility: visible; transform: translateX(0); }
.bid-rs-demo[data-demo-playing="true"][data-step="0"] .rs-prompt p { animation: rs-prompt-reveal 2.2s steps(40,end) both; }
.bid-rs-demo[data-demo-playing="true"][data-step="1"] .rs-reading-status > span { animation: rs-reading-pulse 1.2s ease-in-out infinite; }
.bid-rs-demo[data-demo-playing="true"][data-step="1"] .rs-reading-list p { animation: rs-result-in .6s ease both; }
.bid-rs-demo[data-demo-playing="true"][data-step="1"] .rs-reading-list p:nth-child(2) { animation-delay: .55s; }
.bid-rs-demo[data-demo-playing="true"][data-step="1"] .rs-reading-list p:nth-child(3) { animation-delay: 1.1s; }
.bid-rs-demo[data-demo-playing="true"][data-step="2"] .rs-research-matrix tbody tr { animation: rs-result-in .65s ease both; }
.bid-rs-demo[data-demo-playing="true"][data-step="2"] .rs-research-matrix tbody tr:nth-child(2) { animation-delay: .25s; }
.bid-rs-demo[data-demo-playing="true"][data-step="2"] .rs-research-matrix tbody tr:nth-child(3) { animation-delay: .5s; }
@keyframes rs-prompt-reveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes rs-reading-pulse { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes rs-result-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .bid-rs-demo *, .bid-rs-demo *::before, .bid-rs-demo *::after { animation: none !important; transition: none !important; }
}

/* Current IndoCerdas shell: dark navigation around a white work surface. */
.bid-rs-demo .bid-rs-stage * { box-sizing: border-box; }
.bid-rs-demo .rs-app { display: grid; grid-template-columns: 64px minmax(0,1fr); grid-template-rows: 48px minmax(0,1fr); background: #111; border-color: #555; }
.bid-rs-demo .rs-app-head { grid-area: 1/2; border-radius: 13px 13px 0 0; gap: 16px; padding: 0 20px; }
.bid-rs-demo .rs-app-head strong { font-size: 16px; letter-spacing: -.025em; }
.bid-rs-demo .rs-back { font-size: 30px; color: #7b807c; line-height: 1; }
.bid-rs-demo .rs-head-end { color: #878b87; letter-spacing: 2px; }
.bid-rs-demo .rs-workspace { grid-area: 2/2; grid-template-columns: minmax(0,1fr) 270px; border-radius: 0 0 13px 13px; overflow: hidden; }
.bid-rs-demo .rs-rail { grid-area: 1/1/3; gap: 9px; padding: 18px 5px 12px; border: 0; background: #111; }
.bid-rs-demo .rs-rail > img { width: 29px; height: 29px; filter: invert(1); margin: 0 0 11px; }
.bid-rs-demo .rs-rail > span { width: 46px; height: 47px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: 9px; color: #d7dbd6; }
.bid-rs-demo .rs-rail svg { width: 20px; height: 20px; stroke-width: 1.45; }
.bid-rs-demo .rs-rail small { font: 400 9px/1 Geist,Arial,sans-serif; }
.bid-rs-demo .rs-rail > .rs-rail-active { background: #414342; color: #fff; }
.bid-rs-demo .rs-rail > .rs-avatar { height: 25px; width: 25px; margin-top: auto; background: #444d49; color: #e8eeea; }
.bid-rs-demo .rs-chat-heading { font-size: 11px; color: #9a9e9b; }
.bid-rs-demo .rs-prompt { margin-top: 14px; background: #f2f3f1; border-radius: 12px 12px 3px 12px; }
.bid-rs-demo .rs-file-chips span { border-color: #e0e2df; color: #69726c; }
.bid-rs-demo .rs-research-scene, .bid-rs-demo .rs-strategy-scene { top: 178px; }
.bid-rs-demo .rs-research-intro, .bid-rs-demo .rs-strategy-intro { top: auto; }
.bid-rs-demo .rs-reading-status, .bid-rs-demo .rs-reading-list { color: #427d70; }
.bid-rs-demo .rs-reading-status > span { background: #318572; }
.bid-rs-demo .rs-inline-link { color: #3c7468; }
.bid-rs-demo .rs-sources { background: #fbfcfa; border-color: #e7e9e6; }
.bid-rs-demo .rs-context-tabs { height: 34px; display: flex; align-items: center; justify-content: stretch; gap: 3px; padding: 3px; margin-bottom: 12px; background: #f0f2ef; border-radius: 8px; }
.bid-rs-demo .rs-context-tabs > span { display: flex; align-items: center; justify-content: center; flex: 1; height: 28px; padding: 0 3px; border-radius: 6px; background: transparent; color: #929891; font: 400 11px/1 Geist,Arial,sans-serif; }
.bid-rs-demo .rs-context-tabs > .rs-context-active { background: #121512; color: #fff; }
.bid-rs-demo .rs-source { border-color: #e5e8e2; border-radius: 8px; }
.bid-rs-demo .rs-source h3 { font: 400 20px/1.15 Georgia,serif; letter-spacing: -.035em; }
.bid-rs-demo .rs-source p { color: #788077; }
.bid-research-demo[data-step="1"] .rs-source, .bid-research-demo[data-step="2"] .rs-source { background: #f6f8f4; }
.bid-research-demo[data-step="3"] .rs-source-three { background: #edf4ef; box-shadow: 0 0 0 1px #b9d3c6; }
.bid-rs-demo .rs-source:focus-visible, .bid-rs-demo .rs-inline-link:focus-visible { outline-color: #3b7d6d; }
.bid-rs-demo .rs-strategy-context { background: #f8f9f6; border-color: #e7e9e6; }
.bid-rs-demo .rs-assumptions { padding: 14px 12px; }
.bid-rs-demo .rs-assumptions article { border-color: #e5e8e2; }
.bid-rs-demo .rs-assumptions h3 { font: 400 22px/1.2 Georgia,serif; }
.bid-rs-demo .rs-option-grid article { background: #f5f7f3; border-color: #e0e6dc; }
.bid-rs-demo .rs-option-grid article:last-child { background: #edf4f0; border-color: #bdd5ca; }
.bid-rs-demo .rs-option-grid h3 { color: #548071; }
.bid-rs-demo .rs-flag { color: #806b45; }
.bid-rs-demo .rs-memo { padding-inline: 10px; background: #eeefec; }
.bid-rs-demo .rs-memo > .rs-memo-head { height: 37px; gap: 6px; font: 400 11px/1 Geist,Arial,sans-serif; color: #747e76; }
.bid-rs-demo .rs-memo-head > span { color: #39816e; font-size: 18px; }
.bid-rs-demo .rs-word-toolbar { display: flex; align-items: center; gap: 11px; min-height: 28px; margin: 0 -10px 10px; padding-inline: 10px; background: #fff; color: #7c837d; font: 400 10px/1 Geist,Arial,sans-serif; border-bottom: 1px solid #dddeda; }
.bid-rs-demo .rs-word-toolbar span:first-child { color: #296e5c; border-bottom: 2px solid #5a9581; align-self: stretch; display: flex; align-items: center; }
.bid-rs-demo .rs-memo-paper { padding: 18px 15px; min-height: 335px; background: #fff; }
.bid-rs-demo .rs-memo-paper > small { color: #8d9e92; }
.bid-rs-demo .rs-memo-paper h3 { margin-bottom: 15px; }
.bid-rs-demo .rs-memo-paper h4 { font-family: Georgia,serif; margin-top: 12px; }
.bid-rs-demo .rs-memo-paper p { font: 400 16px/1.4 Georgia,serif; }
.bid-rs-demo .rs-memo-cites { color: #83978a; margin-top: 16px; }