/* An HTML preview of AgentDC's single-session portal, with sample content. */
.deck-landing .portal-preview { position:relative; display:grid; grid-template-columns:260px minmax(0,1fr); min-height:470px; text-align:left; background:#101110; color:#c9cdc6 }
.deck-landing .preview-choice { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
.deck-landing .preview-sidebar { display:flex; flex-direction:column; gap:18px; padding:24px 14px 18px; border-right:1px solid #30342d; background:#191c18 }
.deck-landing .preview-brand { font:600 17px var(--sans); padding:0 9px }.deck-landing .preview-brand small { color:#8b9780; font:10px var(--mono) }
.deck-landing .preview-folder { padding:12px 9px; border:1px solid #333c2e; border-radius:7px; font-size:12px }
.deck-landing .preview-new { color:#cedbbc; background:#2b3824; border:1px solid #506342; border-radius:7px; padding:10px; font-size:11px }
.deck-landing .preview-sessions { display:grid; gap:7px }
.deck-landing .preview-sessions label { display:flex; align-items:center; gap:10px; padding:12px 9px; border:1px solid transparent; border-radius:7px; cursor:pointer; transition:background .2s }
.deck-landing .preview-sessions label:hover { background:#242a20 }
.deck-landing .preview-sessions img { width:21px; height:21px; object-fit:contain }.deck-landing .preview-sessions span { flex:1; min-width:0 }
.deck-landing .preview-sessions b { display:block; font-size:11px; font-weight:500 }.deck-landing .preview-sessions small { display:block; font:9px var(--mono); color:#8f9887; margin-top:6px }
.deck-landing .preview-sessions i { width:6px; height:6px; flex:none; border-radius:50%; background:#8baf72 }.deck-landing .preview-sessions .preview-needs { background:#e3bd6c }
.deck-landing .preview-busy { animation:preview-pulse 1.8s ease-in-out infinite }
.deck-landing .preview-user { margin-top:auto; font:10px var(--mono); color:#7d8973; padding:0 9px }
.deck-landing .preview-main { min-width:0; display:flex; flex-direction:column }
.deck-landing .preview-toolbar { display:flex; gap:20px; justify-content:space-between; border-bottom:1px solid #292e25; padding:15px 20px; font:9px var(--mono); color:#86917d }
.deck-landing .preview-screen { display:block; padding:27px 30px; min-height:335px; font:12px/1.8 var(--mono) }
.deck-landing .preview-screen p { margin:12px 0 }.deck-landing .preview-agent-title { display:flex; align-items:center; gap:10px; font-weight:600; margin-bottom:25px; color:#e3e8dd }
.deck-landing .preview-agent-title img { width:22px; height:22px; object-fit:contain }.deck-landing .preview-agent-title small { margin-left:auto; color:#79866e; font-size:9px; font-weight:400 }
.deck-landing .preview-screen .preview-prompt { color:#e8ecdf; padding:9px 12px; background:#20251c; border-left:2px solid #87976d }
.deck-landing .preview-screen .preview-tool { color:#9bb8cb }.deck-landing .preview-screen .preview-muted { color:#73806a; font-size:10px }
.deck-landing .preview-progress { color:#c4ad7d }.deck-landing .preview-progress span { display:inline-block; animation:preview-spin 5s linear infinite }
.deck-landing .preview-question { color:#e0c28b }.deck-landing .preview-done { color:#a9c792 }
.deck-landing .preview-composer { display:flex; align-items:center; gap:15px; margin:0 20px 20px; border:1px solid #576842; border-radius:7px; padding:12px 14px; font:10px var(--mono); color:#77836c }
.deck-landing .preview-send { margin-left:auto; color:#bfd89d; font-size:19px }
#preview-claude:checked ~ .preview-sidebar label[for="preview-claude"], #preview-codex:checked ~ .preview-sidebar label[for="preview-codex"], #preview-opencode:checked ~ .preview-sidebar label[for="preview-opencode"] { background:#2a3224; border-color:#45543a }
#preview-claude:focus-visible ~ .preview-sidebar label[for="preview-claude"], #preview-codex:focus-visible ~ .preview-sidebar label[for="preview-codex"], #preview-opencode:focus-visible ~ .preview-sidebar label[for="preview-opencode"] { outline:2px solid #c6d9ac; outline-offset:2px }
@keyframes preview-pulse { 50% { opacity:.35 } } @keyframes preview-spin { to { transform:rotate(360deg) } }
@media(max-width:700px) {
 .deck-landing .portal-preview { grid-template-columns:1fr; min-height:0 }.deck-landing .preview-sidebar { padding:14px; gap:10px; border-right:0; border-bottom:1px solid #30342d }
 .deck-landing .preview-brand,.deck-landing .preview-folder,.deck-landing .preview-new,.deck-landing .preview-user { display:none }
 .deck-landing .preview-sessions { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px }.deck-landing .preview-sessions label { padding:9px 6px; gap:6px }.deck-landing .preview-sessions b { display:none }.deck-landing .preview-sessions small { font-size:8px; margin:0 }.deck-landing .preview-sessions img { width:17px; height:17px }.deck-landing .preview-sessions i { display:none }
 .deck-landing .preview-screen { padding:20px 17px; font-size:10px; min-height:310px }.deck-landing .preview-agent-title small { display:none }.deck-landing .preview-toolbar { font-size:8px; padding:12px 15px; gap:8px }.deck-landing .preview-composer { margin:0 14px 14px; font-size:8px }
}
@media(prefers-reduced-motion:reduce) { .deck-landing .preview-busy,.deck-landing .preview-progress span { animation:none } }

/* Match the desktop portal's black sidebar, lime composer and cyan key bar. */
.deck-landing .portal-preview { background:#090a0b; color:#c4c7cd; grid-template-columns:250px minmax(0,1fr); min-height:500px }
.deck-landing .hero-preview { border-color:#383b42; border-radius:12px; box-shadow:0 20px 75px -35px #000,0 0 65px -40px #a9ba76 }
.deck-landing .preview-title { background:#141515; border-color:#303238; gap:16px; padding:9px 15px; min-height:43px }
.deck-landing .preview-menu { color:#858a8e; font-size:15px }.deck-landing .preview-top-agent { display:flex; align-items:center; gap:9px; padding:6px 10px; border:1px solid #365766; border-radius:7px; background:#19242b }
.deck-landing .preview-top-agent img { width:15px; height:15px; object-fit:contain }.deck-landing .preview-memory { padding:7px 10px; border:1px solid #32353b; border-radius:7px; color:#adb4c6 }.deck-landing .preview-memory small { color:#8aa3df; margin-left:9px }
.deck-landing .preview-sidebar { background:#141414; border-color:#282a2f; padding:20px 12px 16px; gap:17px }
.deck-landing .preview-brand { display:flex; align-items:center; gap:10px; font-size:14px; padding:0 2px 13px; border-bottom:1px solid #33343a }
.deck-landing .preview-brand small { color:#d5d9e4; font-size:10px }.deck-landing .preview-brand em { display:block; color:#79838c; font-size:9px; font-style:normal; font-weight:400; margin-top:5px }
.deck-landing .preview-appmark { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:8px; background:#0e1a30; color:#7cb1ff; border:1px solid #2f4472; font:700 18px var(--mono) }
.deck-landing .preview-folder { background:#151d32; border-color:#30415d; color:#d1dbea; font-weight:600 }
.deck-landing .preview-new { background:linear-gradient(#547618,#304c0b); border-color:#739331; color:#f0f6dc; font-weight:600; padding:12px; box-shadow:inset 0 1px 0 #8da65055 }
.deck-landing .preview-sessions label { border-radius:7px; padding:13px 9px }.deck-landing .preview-sessions label:hover { background:#26282c }
.deck-landing .preview-sessions b { color:#e2e5ed }.deck-landing .preview-sessions small { color:#8d959f }
#preview-claude:checked ~ .preview-sidebar label[for="preview-claude"], #preview-codex:checked ~ .preview-sidebar label[for="preview-codex"], #preview-opencode:checked ~ .preview-sidebar label[for="preview-opencode"] { background:#2c2d30; border-color:#3a414d; box-shadow:inset 3px 0 #7ba6f5 }
.deck-landing .preview-user { color:#9aa4af }.deck-landing .preview-toolbar { background:#0e1013; border-color:#242830; color:#738295 }
.deck-landing .preview-agent-title { color:#edf0f5 }.deck-landing .preview-agent-title small { color:#7e8898 }.deck-landing .preview-screen { min-height:330px; padding:27px 30px 15px }
.deck-landing .preview-screen .preview-prompt { background:#171b21; color:#e1e8f0; border-color:#65a8e2 }.deck-landing .preview-screen .preview-muted { color:#828995 }.deck-landing .preview-screen .preview-tool { color:#9ac0e5 }
.deck-landing .preview-session-meta { display:flex; justify-content:space-between; padding:7px 14px; border:1px solid #2b3037; color:#80aaff; background:#121418; font:9px var(--mono) }.deck-landing .preview-session-meta span { color:#858b95 }
.deck-landing .preview-keybar { display:flex; margin:17px 16px 10px; overflow:hidden; width:fit-content; max-width:calc(100% - 32px); border:1px solid #255b6b; border-radius:5px }
.deck-landing .preview-keybar span { display:grid; place-items:center; min-width:31px; height:29px; padding:0 6px; border-right:1px solid #265568; background:#10212b; color:#c9deea; font:10px var(--mono) }.deck-landing .preview-keybar span:first-child,.deck-landing .preview-keybar span:nth-child(9),.deck-landing .preview-keybar span:last-child { background:#54cbe9; color:#102330 }.deck-landing .preview-keybar span:last-child { border:0 }
.deck-landing .preview-composer { margin:0 14px 14px; border:2px solid #9aca38; padding:7px 8px 7px 14px; color:#8c949e; border-radius:9px; background:#121417 }.deck-landing .preview-send { display:grid; place-items:center; width:32px; height:31px; border-radius:5px; background:#b2e333; color:#233a09; font-size:17px }
@media(max-width:700px) { .deck-landing .portal-preview { grid-template-columns:1fr; min-height:0 }.deck-landing .preview-sidebar { padding:11px; gap:0 }.deck-landing .preview-brand { display:none }.deck-landing .preview-screen { padding:20px 17px 12px }.deck-landing .preview-keybar { margin:12px 14px 9px }.deck-landing .preview-keybar span { min-width:22px; padding:0 4px; font-size:9px }.deck-landing .preview-memory { font-size:9px }.deck-landing .preview-session-meta span { font-size:8px } }

/* The portal's tiled view: two sessions above one full-width session. */
.deck-landing .preview-toolbar { justify-content:flex-start; gap:0; padding:0; overflow-x:auto; background:#171b19 }
.deck-landing .preview-toolbar label { display:flex; align-items:center; gap:7px; padding:10px 12px; border-right:1px solid #343a35; border-bottom:2px solid transparent; white-space:nowrap; cursor:pointer; color:#a2abb2; font:9px var(--sans) }
.deck-landing .preview-toolbar img { width:15px; height:15px; object-fit:contain }.deck-landing .preview-toolbar label span { margin-left:8px; color:#77818d }
.deck-landing .preview-panes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:6px; background:#141714; flex:1 }
.deck-landing .preview-screen { padding:0 13px 12px; min-width:0; min-height:0; border:1px solid #353a36; border-radius:6px; background:#08090a; overflow:hidden; font-size:10px; line-height:1.7; transition:border-color .2s,box-shadow .2s }
.deck-landing .preview-screen-opencode { grid-column:1 / -1 }
.deck-landing .preview-agent-title { background:#20221f; margin:0 -13px 12px; padding:10px 12px; border-bottom:1px solid #343833; font:600 10px var(--sans) }
.deck-landing .preview-agent-title img { width:16px; height:16px }.deck-landing .preview-agent-title small { font:9px var(--sans); color:#a3aab2; margin-left:auto }
.deck-landing .preview-screen p { margin:8px 0 }.deck-landing .preview-screen .preview-muted { font-size:9px }.deck-landing .preview-screen .preview-prompt { padding:8px 9px }
.deck-landing .preview-screen::after { content:'❯'; display:block; margin-top:14px; padding-top:7px; border-top:1px solid #363b35; color:#dbe4ec }
#preview-claude:checked ~ .preview-main .preview-screen-claude, #preview-codex:checked ~ .preview-main .preview-screen-codex, #preview-opencode:checked ~ .preview-main .preview-screen-opencode { border-color:#7395d4; box-shadow:inset 0 0 0 1px #7395d422 }
#preview-claude:checked ~ .preview-main label[for="preview-claude"], #preview-codex:checked ~ .preview-main label[for="preview-codex"], #preview-opencode:checked ~ .preview-main label[for="preview-opencode"] { color:#e4ecf5; border-bottom-color:#83a8ef; background:#242c29 }
@media(max-width:950px) { .deck-landing .portal-preview { grid-template-columns:205px minmax(0,1fr) }.deck-landing .preview-agent-title small { display:none }.deck-landing .preview-sessions b { font-size:10px } }
@media(max-width:700px) { .deck-landing .portal-preview { grid-template-columns:1fr }.deck-landing .preview-panes { grid-template-columns:1fr }.deck-landing .preview-screen-opencode { grid-column:auto }.deck-landing .preview-screen { padding:0 12px 12px }.deck-landing .preview-agent-title { margin:0 -12px 12px }.deck-landing .preview-agent-title small { display:block; font-size:8px }.deck-landing .preview-toolbar label { padding:9px; font-size:8px }.deck-landing .preview-sessions b { display:none } }

/* Feature previews share the real app's visual language and remain local demos. */
.feature-view[hidden] { display:none !important }
.deck-landing .feature-switch { display:flex; gap:5px; padding:12px; overflow-x:auto; background:#171b18; border-bottom:1px solid #32382e }
.deck-landing .feature-switch button { flex:none; border:1px solid transparent; border-radius:7px; padding:10px 15px; background:transparent; color:#8f9b8c; font:500 12px var(--sans); cursor:pointer; transition:background .2s,color .2s }
.deck-landing .feature-switch button span { font:9px var(--mono); margin-left:8px; color:#839478 }
.deck-landing .feature-switch button:hover { background:#252c22; color:#e6ecdf }.deck-landing .feature-switch button[aria-pressed="true"] { background:#303b27; color:#e4edda; border-color:#4b5d3c }
.deck-landing .feature-app { min-height:540px; text-align:left; background:#0d111b; color:#dce5f1; font:13px/1.65 var(--sans) }
.deck-landing .feature-app h3 { font:600 17px/1.4 var(--sans); margin:0 0 8px; letter-spacing:-.02em }.deck-landing .feature-app h4 { font:600 13px/1.5 var(--sans); margin:0 0 5px }.deck-landing .feature-app p { font-size:12px; margin:8px 0; color:#9ba9bd }.deck-landing .app-muted { color:#8593a8; font-size:11px }
.deck-landing .app-preview-top { display:flex; align-items:center; gap:18px; min-height:54px; padding:14px 22px; border-bottom:1px solid #263349; background:#131c2d; font-size:11px; color:#8d9db3 }.deck-landing .app-preview-top b { color:#e2eafa; font-size:14px }
.deck-landing .demo-badge { margin-left:auto; white-space:nowrap; color:#9cae97; border:1px solid #3c4c3a; background:#202c20; border-radius:99px; padding:4px 9px; font:9px var(--mono) }
.deck-landing .zalo-preview-grid { display:grid; grid-template-columns:210px minmax(0,1fr) 350px; min-height:486px }
.deck-landing .app-list { padding:18px; background:#111827; border-right:1px solid #263349; min-width:0 }.deck-landing .app-search { display:block; border:1px solid #2d3d53; border-radius:7px; padding:9px 11px; color:#7f91ab; font-size:11px; background:#0c1320 }.deck-landing .app-filter { display:flex; gap:20px; color:#62d8f1; font-size:11px; padding:15px 0; border-bottom:1px solid #263349 }.deck-landing .app-filter span { color:#8392a8 }.deck-landing .app-empty { padding-top:30px; text-align:center; font-size:11px }
.deck-landing .app-conversation { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:30px 22px; text-align:center; background:#0c111c }.deck-landing .app-conversation h3 { font-size:14px }.deck-landing .empty-symbol { color:#41647f; font-size:40px; margin-bottom:15px }
.deck-landing .app-config { padding:23px; background:linear-gradient(135deg,#121b2d,#0d1526); border-left:1px solid #2a3851 }.deck-landing .app-account { display:flex; flex-direction:column; border:1px solid #4c99bb; background:#1c3040; border-radius:7px; padding:12px; margin:20px 0 }.deck-landing .app-account b { font-size:12px }.deck-landing .app-account small { font-size:10px; color:#8ba1b6 }.deck-landing .app-config-tabs { color:#64ddf2; border-bottom:1px solid #263349; padding-bottom:12px; font-size:11px }.deck-landing .app-config-tabs span { color:#8491a5; margin-left:20px }
.deck-landing .config-line { display:flex; gap:13px; margin:20px 0 }.deck-landing .config-line > b { color:#6ed8ee; font:11px var(--mono); border:1px solid #416779; border-radius:99px; width:25px; height:25px; display:grid; place-items:center; flex:none }.deck-landing .config-line > div { flex:1; min-width:0; font-size:12px }.deck-landing .config-line strong { display:block; padding:8px 10px; margin-top:9px; border:1px solid #2a4055; border-radius:6px; font-size:11px; font-weight:400; color:#bbd4e1 }.deck-landing .config-line strong span { float:right }
.deck-landing .feature-app details { border-top:1px solid #29374b; padding:13px 0; font-size:11px; color:#9faec3 }.deck-landing .feature-app summary { cursor:pointer; color:#c4d5e6; padding:3px 0 }.deck-landing .demo-values { display:flex; gap:12px; margin-top:10px }.deck-landing .demo-values > span { flex:1; padding:8px 10px; border:1px solid #2d3a4e; border-radius:6px; font-size:10px; color:#8494aa }.deck-landing .demo-values b { display:block; color:#dce6f2; font-size:12px }
.deck-landing .memory-toolbar { display:flex; align-items:center; gap:20px; padding:14px 22px; border-bottom:1px solid #263349; color:#9cb2cb; font-size:11px }.deck-landing .memory-toolbar .app-search { margin-left:auto; min-width:180px }.deck-landing .memory-preview-grid { display:grid; grid-template-columns:255px minmax(0,1fr); min-height:440px }.deck-landing .app-tree-title { display:block; color:#c5d4e8; font-size:12px; margin-bottom:16px }.deck-landing .app-list details { border:0; padding:8px 0 0 12px }.deck-landing .app-list details p { padding:5px; margin:3px 0; color:#8eb5dc; font-size:11px }.deck-landing .memory-article { padding:30px 40px; max-width:750px }.deck-landing .memory-article h3 { font-size:24px; margin:17px 0 6px }.deck-landing .memory-article h4 { margin-top:25px }.deck-landing .memory-article li { font-size:12px; color:#a1b1c6; margin:8px 0 }.deck-landing .app-breadcrumb { color:#6c91b2; font:10px var(--mono) }.deck-landing .memory-note { padding:13px 16px; border-left:2px solid #60c9df; background:#152635; color:#acc9d7; font-size:12px; margin:20px 0 }.deck-landing .memory-tags { display:flex; gap:8px; margin-top:25px }.deck-landing .memory-tags span { border:1px solid #2d4560; border-radius:5px; color:#87a8ca; font-size:10px; padding:3px 8px }
.deck-landing .schedule-preview-grid { display:grid; grid-template-columns:1fr 430px; gap:35px; padding:30px; background:#111213; min-height:486px }.deck-landing .schedule-list { padding:10px }.deck-landing .schedule-item { display:flex; align-items:center; gap:13px; border:1px solid #34383d; background:#1a1c1e; border-radius:9px; padding:18px; margin:25px 0 }.deck-landing .schedule-item b { font-size:12px }.deck-landing .schedule-item p { font-size:11px; margin:5px 0 }.deck-landing .schedule-item small { color:#778693; font-size:10px }.deck-landing .schedule-clock { color:#9fb5ca; font-size:25px }.deck-landing .schedule-form { background:#1a1a1b; border:1px solid #393c40; border-radius:12px; padding:23px }.deck-landing .demo-field { display:flex; flex-direction:column; gap:7px; margin:13px 0; flex:1; min-width:0 }.deck-landing .demo-field small { color:#8e969f; font-size:10px }.deck-landing .demo-field > span,.deck-landing .demo-field > p { display:block; padding:10px 12px; border:1px solid #30343a; border-radius:6px; background:#0d0e10; color:#c9d3df; font-size:11px; margin:0 }.deck-landing .schedule-form .demo-values { margin:0 }.deck-landing .schedule-form .app-filter { border-color:#34383d }
.deck-landing .bridge-preview { max-width:690px; margin:auto; padding:35px 25px }.deck-landing .bridge-glyph { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; border:1px solid #356277; background:#132b39; color:#6ddcf3; font:18px var(--mono); margin-bottom:15px }.deck-landing .bridge-preview h3 { font-size:25px }.deck-landing .bridge-card { border:1px solid #304057; border-radius:12px; padding:0 23px 5px; margin-top:22px; background:#111c2c }.deck-landing .bridge-state { margin:0 -23px; padding:17px 23px; background:#172939; border-bottom:1px solid #304057; color:#d5e3f1; font-size:13px }.deck-landing .bridge-state small { display:block; font-size:10px; color:#8ea3b9; padding-top:5px }
@media(max-width:1000px) { .deck-landing .zalo-preview-grid { grid-template-columns:180px 1fr }.deck-landing .app-conversation { display:none }.deck-landing .schedule-preview-grid { grid-template-columns:1fr 1.1fr; gap:15px; padding:20px }.deck-landing .schedule-item { flex-wrap:wrap } }
@media(max-width:650px) { .deck-landing .feature-switch { padding:8px; gap:2px }.deck-landing .feature-switch button { padding:9px 11px; font-size:11px }.deck-landing .feature-switch button span { display:none }.deck-landing .app-preview-top { gap:10px; padding:12px 15px }.deck-landing .app-preview-top > span:not(.demo-badge) { display:none }.deck-landing .zalo-preview-grid { grid-template-columns:1fr }.deck-landing .zalo-preview-grid .app-list { display:none }.deck-landing .app-config { border-left:0 }.deck-landing .memory-toolbar { flex-wrap:wrap; gap:10px; padding:13px }.deck-landing .memory-toolbar .app-search { width:100%; order:1 }.deck-landing .memory-preview-grid { grid-template-columns:1fr }.deck-landing .memory-preview-grid > .app-list { border-right:0; border-bottom:1px solid #263349 }.deck-landing .memory-article { padding:25px 20px }.deck-landing .schedule-preview-grid { grid-template-columns:1fr; padding:14px }.deck-landing .schedule-list { padding:5px }.deck-landing .schedule-item { margin:12px 0 }.deck-landing .bridge-preview { padding:28px 18px } }


/* AgentDC bindings for the unmodified Deck page shell. */
.agentdc-preview { width:100%; min-width:0; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --mono:"JetBrains Mono",Consolas,monospace; }
.agentdc-preview .feature-switch { border:1px solid rgb(255 255 255 / 15%); border-radius:9px; margin-bottom:12px; }
.agentdc-preview .feature-view[hidden] { display:none!important }
.agentdc-preview .feature-app { border:1px solid rgb(255 255 255 / 18%); border-radius:9px; overflow:hidden; }
.preview-disclosure { color:rgb(255 255 255 / 45%); font:10px/1.5 var(--a-font-display); margin:12px 0 0; text-align:center; }
.locale-switch { display:inline-flex; align-items:center; gap:6px; border:1px solid rgb(255 255 255 / 15%); border-radius:99px; padding:7px 9px; font:600 10px/1 var(--a-font-display); color:#687068 }
.locale-switch a { color:#8a948a }.locale-switch a[aria-current="true"] { color:#fff }
.a-topbar { flex-wrap:wrap }.a-topbar .locale-switch { margin-left:0 }
.linux-mark { filter:invert(1); width:20px; height:20px }.hero-cta--mac .linux-mark { filter:invert(1) }.hero-install[data-os="mac"] .linux-mark { filter:none }
a[aria-disabled="true"] { pointer-events:none; opacity:.45 }
.hero-install { min-width:0; max-width:100% }.hero-install__command { min-width:0 }
.page-frame { overflow:hidden }.hero-desk { max-width:min(100%,68rem) }
@media(max-width:760px) { .a-topbar { gap:12px; padding:15px var(--a-cell-pad) }.a-topbar__brand { margin-right:auto }.locale-switch { font-size:9px }.hero-install__ctas { flex-wrap:wrap }.hero-cta { min-width:0 }.hero-cta__verb { display:none }.agentdc-preview .feature-switch { overflow-x:auto }.preview-disclosure { padding:0 7px } }
.deck-landing .demo-field > .demo-select {
  padding-right:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%239aa3b6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
}

/* Current Watch section: released workspace structure and original Office artwork. */
.deck-landing .watch-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin:30px 0}.deck-landing .watch-intro .kicker{font:10px var(--mono);letter-spacing:.12em;color:#a8ba96}.deck-landing .watch-intro h3{font-size:38px;letter-spacing:-.04em;line-height:1.2;font-weight:500;margin:14px 0 0}.deck-landing .watch-intro>p{font-size:14px;line-height:1.85;color:var(--dim);margin:0}.deck-landing .watch-office{margin:30px 0;border:1px solid #444e3a;border-radius:12px;overflow:hidden;background:#171c14}.deck-landing .watch-image-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;font:11px var(--sans);color:#d8e2cc;border-bottom:1px solid #35422e}.deck-landing .watch-image-bar>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.deck-landing .watch-image-bar>span+span{font-size:10px;color:#a1ac95}.deck-landing .watch-image-bar i{width:6px;height:6px;border-radius:50%;background:#bdcea9}.deck-landing .watch-office img,.deck-landing .feature-office>img{display:block;width:100%;height:auto}.deck-landing .watch-office figcaption,.deck-landing .office-preview-note{font-size:11px;line-height:1.7;color:#a8b39d;padding:13px 18px;margin:0;border-top:1px solid #35422e}.deck-landing .watch-workspace{gap:50px;padding-top:30px}.deck-landing .watch-tree{padding:18px;border:1px solid #3b4434;background:#181c16;border-radius:12px}.deck-landing .watch-tree-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;gap:12px}.deck-landing .watch-tree-top b{font:10px var(--mono);letter-spacing:.12em;color:#b7c4a9}.deck-landing .watch-tree-top>span{font-size:10px;color:#a3ac99}.deck-landing .watch-project,.deck-landing .watch-branch{display:flex;align-items:center;gap:9px;font-size:12px;min-height:32px}.deck-landing .watch-tree svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.deck-landing .watch-project svg{color:#a6c6b5}.deck-landing .watch-project b{font-weight:600}.deck-landing .watch-count{margin-left:auto;font-size:10px;color:#e1c786}.deck-landing .watch-branch{padding-left:18px;color:#a9b39e;font-family:var(--mono);font-size:10px;margin-top:7px}.deck-landing .watch-branch>span{font:9px var(--sans);padding:2px 5px;border:1px solid #4d5744;border-radius:4px;color:#b7c2aa}.deck-landing .watch-session{display:flex;align-items:center;gap:11px;margin:5px 0 5px 26px;padding:12px;border-radius:7px;border:1px solid transparent}.deck-landing .watch-session>img{width:23px;height:23px;object-fit:contain;flex:none}.deck-landing .watch-session>div{flex:1;min-width:0}.deck-landing .watch-session b{display:block;font-size:12px;font-weight:550;color:#e0e6d7}.deck-landing .watch-session small{display:block;font-size:10px;line-height:1.5;color:#a4af99;margin-top:4px}.deck-landing .watch-session.needs-attention{border-color:#77683d;background:#302c1e}.deck-landing .watch-number{display:flex;align-items:center;justify-content:center;background:#d9c68c;color:#302917;border-radius:5px;min-width:19px;height:19px;font-size:10px;font-weight:700}.deck-landing .watch-status{width:6px;height:6px;border-radius:50%;background:#859078;flex:none}.deck-landing .watch-status.is-working{background:#bad493}.deck-landing .watch-tree-foot{margin-top:16px;padding-top:14px;border-top:1px solid #333e2b;color:#a4b097;font-size:10px;line-height:1.7}
@media(max-width:700px){.deck-landing .watch-intro{grid-template-columns:1fr;gap:18px}.deck-landing .watch-intro h3{font-size:30px}.deck-landing .watch-workspace{grid-template-columns:1fr;gap:25px}.deck-landing .watch-tree{padding:14px}.deck-landing .watch-session{margin-left:14px}.deck-landing .watch-image-bar{padding:11px 13px}.deck-landing .watch-image-bar>span+span{font-size:9px}.deck-landing .watch-office figcaption{padding:11px 13px;font-size:10px}}

.watch-current{width:var(--frame-width);margin:42px auto 0;padding:0 var(--frame-pad);box-sizing:border-box;--sans:var(--font-sans,system-ui);--mono:var(--font-mono,monospace);--dim:#b0b7aa;color:#e0e6d8}.watch-current .feature-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.watch-current .feature-copy .kicker{font:10px var(--mono);color:#a8ba96}.watch-current .feature-copy h3{font:500 32px/1.2 var(--sans);letter-spacing:-.035em;margin:18px 0}.watch-current .feature-copy p{font:14px/1.85 var(--sans);color:var(--dim);max-width:380px}.watch-current .feature-copy a{font:12px var(--sans);color:#d2dfc0;text-decoration:underline;text-underline-offset:6px}.chapter:has(.watch-current){background:#151a13;color:#e0e6d8;--t-ink:#e0e6d8;--t-ink-faint:#a7b19e}@media(max-width:700px){.watch-current .feature-stage{grid-template-columns:1fr;gap:24px}}

.office-live-frame{display:block;width:100%;height:auto;aspect-ratio:16/8.4;border:0;background:#1b2417}@media(max-width:600px){.office-live-frame{aspect-ratio:1/1.1}}