/* 2026-09-07: app-aligned chrome, platform chooser and source-backed replay. */
:root { --brand-font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Helvetica,Arial,sans-serif; }
/* Brand labels share the application's sturdy sans-serif; body text is unchanged. */
.brand .brand-wordmark,
.window-bar .brand-wordmark,
.lit-nav .brand-wordmark,
.ldw-brand .brand-wordmark,
.ldw-answer-brand .brand-wordmark,
.conversation-header .brand-wordmark,
.workbench-assistant-label .brand-wordmark,
.lit-answer-brand .brand-wordmark,
.report-composer-brand .brand-wordmark,
.download-platform .brand-wordmark {
  font-family:var(--brand-font);
  font-weight:700;
  font-style:normal;
  letter-spacing:-.018em;
  font-optical-sizing:auto;
}
.window-bar .brand-wordmark,.workbench-assistant-label .brand-wordmark,.lit-answer-brand .brand-wordmark { letter-spacing:0; }
.download-platform h3>.brand-wordmark { display:inline; font-size:inherit; color:inherit; }
.report-scene .word-page-brand { font-family:var(--brand-font); font-weight:700; }
html[data-lang] #workflow .section-heading h2 { font-family:var(--brand-font); font-weight:700; letter-spacing:-.025em; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
img[src$="pathcopilot-app-mark.svg"] { aspect-ratio:1; object-fit:contain; flex:0 0 auto; align-self:center; border-radius:0; clip-path:none; }
.brand img { width:32px; height:32px; }
.account-login { font-size:13px; font-weight:500; padding:10px 0; white-space:nowrap; }
.account-login:hover { color:var(--accent); }
.account-notice { margin-block:16px 0; padding:13px 16px; border:1px solid #e1cfb4; border-radius:8px; background:#f4ecdc; font-size:12px; line-height:1.7; color:#82674a; }
@media(max-width:620px) { .account-login { font-size:12px; padding-inline:3px; } }
.conversation-header>img { width:23px; height:23px; }
.workbench-assistant-label>img,.lit-answer-brand>img { width:18px; height:18px; }
.lit-nav>img { width:23px; height:23px; }
.lit-home-logo { width:43px; height:43px; margin-inline:auto; }
html[data-lang="zh"] .hero h1 { font-size:clamp(39px,4.1vw,58px); letter-spacing:-.05em; }
.capability-invitation { font-weight:700; color:#605849; }
.workflow-section .split-heading>div { min-width:0; flex:1; }
.workflow-section h2 { max-width:770px; text-wrap:balance; }
.workbench-stage { padding-bottom:18px; }
.workbench-tabs-shell { position:relative; display:flow-root; }
.workbench-tabs-shell .workbench-tabs { margin-bottom:0; }
.workbench-guide-layer { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:3; }
.workbench-guide-cursor { position:absolute; left:0; top:0; width:28px; height:36px; pointer-events:none; }
.workbench-guide-cursor>svg { position:relative; width:26px; height:34px; fill:#b67b55; stroke:#fffaf1; stroke-width:1.4; transform-origin:3px 3px; filter:drop-shadow(0 2px 3px #70492430); }
.workbench-guide-cursor>i { position:absolute; left:3px; top:3px; width:30px; height:30px; border:1.5px solid #c68b5b; border-radius:50%; }
.workbench-tabs button.is-guide-target:not([aria-selected="true"]) { background:#f5eddf; border-color:#d5b496; box-shadow:0 0 0 3px #d1aa811c; color:#856347; }
.workbench-guide-caption { display:flex; align-items:center; justify-content:center; gap:7px; min-height:24px; margin:23px 0 16px; color:#806b51; font-size:11px; line-height:1.6; }
.workbench-guide-caption>svg { width:13px; height:15px; stroke-width:1.4; }
.workbench-guide-caption>button { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; padding:4px; border-radius:6px; color:#ac9a83; }
.workbench-guide-caption>button svg { width:12px; height:12px; }
.workbench-guide-caption>button:hover { color:#795f43; background:#eee7da; }
@media(max-width:620px) { .workbench-guide-caption { font-size:10px; gap:5px; margin-top:23px; } }
@media(prefers-reduced-motion:reduce) { .workbench-guide-cursor { display:none!important; }.workbench-tabs button.is-guide-target { box-shadow:none; } }
.window-bar { background:#f1efe9; min-height:44px; height:auto; }
.window-dots { gap:7px; flex-shrink:0; }
.window-dots i { width:12px; height:12px; border:1px solid #0002; background:#ff6058; }
.window-dots i:nth-child(2) { background:#d9d9d7; }
.window-dots i:nth-child(3) { background:#5fc451; }
.window-playback { margin-left:auto; display:flex; align-items:center; gap:3px; }
.window-playback button { width:30px; height:32px; display:inline-grid; place-content:center; border-radius:6px; font-size:16px; }
.window-playback button:hover { background:#e6e1d6; }
.window-local { margin-left:0; }
.workbench-toolbar { flex-wrap:wrap; gap:8px; padding:10px 3px; }
.slide-identity { min-width:0; flex:1 1 195px; }
.slide-identity strong { white-space:nowrap; overflow:hidden; }
.slide-identity strong span { overflow:hidden; text-overflow:ellipsis; }
.slide-identity small { display:flex; flex-wrap:wrap; gap:12px; margin-top:4px; font-size:8px; color:#9c8b76; }
.viewer-controls { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.viewer-controls button { display:grid; place-items:center; width:27px; height:27px; padding:5px; border:1px solid #e4dfd5; border-radius:7px; color:#84908f; background:#fffefa; }
.viewer-controls button svg { width:14px; height:14px; }
.viewer-controls button:hover,.viewer-controls button[aria-pressed="true"] { background:#f2e6dc; border-color:#dcab93; color:#b57c62; }
.viewer-controls button[data-viewer-action="play"] { margin-left:5px; background:#f8eae2; border-color:#eac7b3; }
.viewer-controls button[data-viewer-action="save"] { background:#edf5ee; }
.viewer-controls button[data-viewer-action="gallery"] { background:#f0f0fa; }
.viewer-controls button[data-viewer-action="capture"] { background:#edf4f6; }
.workbench-scale-buttons { margin-left:auto; }
#demoPanel[data-hide-roi="true"] .agent-region { visibility:hidden; }
#demoPanel[data-hide-timeline="true"] .workbench-agent { display:none; }
#demoPanel[data-hide-timeline="true"] .workbench-layout { grid-template-columns:minmax(0,1fr) 300px; }
#demoPanel[data-hide-timeline="true"][data-mode="swarm"] .swarm-board { grid-column:2; grid-row:1; }
#demoPanel[data-hide-timeline="true"][data-mode="swarm"] .workbench-conversation { grid-column:2; grid-row:2; }
#demoPanel:fullscreen { width:100vw; height:100vh; overflow:auto; background:#faf9f5; }
.platform-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }
.platform-options button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:60px; border:1px solid #ddd4c7; border-radius:9px; background:#faf8ef; }
.platform-options button[aria-pressed="true"] { border-color:#b87659; background:#efe2cd; box-shadow:inset 0 0 0 1px #b8765940; }
.platform-options button svg { width:20px; height:20px; }
#platformHint { margin:12px 0 18px; font-size:12px; color:#797061; min-height:1.8em; }
.download-dialog { max-height:calc(100dvh - 40px); overflow:auto; background:#f8f3e6; }
.download-interface-status { font-size:12px; line-height:1.8; color:#986542; min-height:3.6em; padding-top:12px; }
.download-dialog #betaEmail { font-size:12px; }
.download-other { justify-content:flex-start; gap:16px; }
.download-other button { padding:6px 0; color:#827666; }
.download-other button[aria-pressed="true"] { color:#a66648; text-decoration:underline; text-underline-offset:5px; }
.capabilities-grid .literature-phone-demo { margin-top:auto; flex-shrink:0; }
/* Refined phone surface: native proportions, quieter chrome, clear input actions. */
.lit-expand-ready .lit-device-case { border-color:#62665e; background:linear-gradient(140deg,#73766e,#292c27 40%,#555a51 85%,#373b34); box-shadow:inset 0 0 0 1px #ffffff30,0 16px 30px -20px #303a3048,0 2px 5px #303a3020; }
.lit-device-case:before { content:''; position:absolute; inset:1px; border:1px solid #ffffff28; border-radius:inherit; }
.lit-device-case:after { content:''; position:absolute; right:-3px; top:135px; width:2px; height:48px; border-radius:2px; background:#55594f; }
.lit-expand-ready .lit-screen { background:#faf8f1; border-color:#c6c8be; font-family:var(--brand-font); }
.lit-expand-ready .lit-statusbar { padding-inline:7.5%; font-size:10px; font-weight:650; }
.lit-expand-ready .lit-island { width:min(76px,28%); height:22px; top:9px; background:#161914; box-shadow:inset 0 0 0 1px #0007; }
.lit-expand-ready .lit-island:after { width:6px; height:6px; top:8px; right:9px; background:#24332d; }
.lit-expand-ready .lit-nav { height:48px; gap:6px; padding-inline:calc(10px + 6px * var(--lit-expansion)); background:#faf8f1; border-color:#e7e1d5; }
.lit-expand-ready .lit-nav>div { flex:1; min-width:0; }
.lit-expand-ready .lit-nav .brand-wordmark { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; font-size:15px; }
.lit-expand-ready .lit-nav small { display:none; }
.lit-expand-ready .lit-nav>[data-lit-action="home"] { width:24px; flex:0 0 24px; }
.lit-expand-ready .lit-nav>img { width:21px; height:21px; }
.lit-expand-ready .lit-nav .lit-mini-answer,.lit-expand-ready .lit-nav .lit-mini-play { display:grid; place-items:center; width:30px; height:32px; flex:0 0 30px; padding:0; margin:0; border:0; border-radius:8px; background:transparent; color:#807563; font-size:12px; }
.lit-expand-ready .lit-nav .lit-mini-answer svg { width:16px; height:16px; stroke-width:1.7; }
.lit-expand-ready .lit-nav .lit-mini-answer:hover,.lit-expand-ready .lit-nav .lit-mini-play:hover { background:#eee8dc; }
.lit-expand-ready .lit-home { padding:26px 18px 38px; }
.lit-expand-ready .lit-home-logo { width:46px; height:46px; margin-bottom:19px; border-radius:0; box-shadow:none; }
.literature-story .lit-expand-ready .lit-home h4 { max-width:230px; margin:0; color:#30342d; font:600 18px/1.6 var(--brand-font); letter-spacing:-.025em; }
.lit-expand-ready .lit-composer { margin:0 10px 9px; padding:11px 12px 10px; min-height:102px; background:#fffdf8; border-color:#ded7ca; border-radius:20px; box-shadow:0 4px 12px #5a51410b; }
.lit-expand-ready .lit-composer.has-submitted { min-height:80px; padding-top:9px; }
.lit-expand-ready .lit-input-line { font-size:11.5px; line-height:1.75; }
.lit-expand-ready .lit-input-placeholder { color:#a39886; }
.lit-expand-ready .lit-composer-bottom { justify-content:flex-start; gap:5px; }
.lit-expand-ready .lit-composer-bottom>span { margin-right:auto; gap:6px; min-width:0; font-size:9px; color:#9a8b76; }
.lit-expand-ready .lit-composer-bottom>button { width:32px; height:32px; flex:0 0 32px; }
.lit-expand-ready .lit-composer-bottom>.lit-voice-button { background:transparent; color:#6f7469; }
.lit-expand-ready .lit-composer-bottom>.lit-voice-button svg { width:17px; height:17px; stroke-width:1.7; }
.lit-expand-ready .lit-voice-button:hover,.lit-expand-ready .lit-voice-button[aria-expanded="true"] { background:#eee5d7; color:#a5704f; }
.lit-expand-ready .lit-composer-bottom>[data-lit-action="send"] { background:#dca382; color:#fffdf8; }
.lit-expand-ready .lit-composer-bottom>[data-lit-action="send"] svg { width:17px; height:17px; }
.lit-expand-ready .lit-home-indicator:after { width:95px; height:4px; margin-top:4px; background:#30352b; }
.lit-voice-preview { position:absolute; left:0; right:0; bottom:calc(100% + 9px); z-index:5; border:1px solid #dfd1bc; border-radius:14px; background:#f5eee0; box-shadow:0 7px 20px #53433318; padding:10px 12px 12px; color:#75634e; }
.lit-voice-preview>div { display:flex; align-items:center; gap:8px; }
.lit-voice-preview strong { font-size:12px; font-weight:600; }
.lit-voice-preview p { margin:4px 0 0; font-size:11px; line-height:1.7; }
.lit-voice-preview button { display:grid; place-items:center; width:28px; height:28px; margin-left:auto; padding:5px; border-radius:6px; }
.lit-voice-preview button svg { width:14px; height:14px; }
.lit-voice-preview button:hover { background:#e8ddcb; }
@media(max-width:620px) {
  .lit-expand-ready .lit-nav { gap:4px; padding-inline:8px; }
  .lit-expand-ready .lit-nav .brand-wordmark { font-size:14px; }
  .lit-expand-ready .lit-nav .lit-mini-answer,.lit-expand-ready .lit-nav .lit-mini-play { width:27px; flex-basis:27px; }
  .lit-expand-ready .lit-nav>img { width:19px; height:19px; }
  .lit-expand-ready .lit-status-icons { gap:3px; }.lit-expand-ready .lit-status-icons svg { width:10px; height:10px; }.lit-expand-ready .lit-status-icons svg:last-child { width:18px; }
  .lit-expand-ready .lit-composer { margin-inline:8px; padding-inline:10px; }
  .literature-story .lit-expand-ready .lit-home h4 { font-size:17px; }
}
.composition-preview.nuclei-example { display:flex; flex-direction:column; flex:0 0 var(--capability-preview-height,590px); height:var(--capability-preview-height,590px); min-height:0; overflow:hidden; margin-top:auto; }
.nuclei-example .composition-header { flex-shrink:0; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.nuclei-header-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.nuclei-header-actions button { display:grid; place-items:center; width:28px; height:29px; border:1px solid #ded6c7; border-radius:7px; color:#8b765d; font-size:11px; padding:0; }
.nuclei-header-actions button:hover { background:#f3eee4; }
.nuclei-example .nuclei-toolbar { flex-shrink:0; }
.nuclei-request { display:flex; align-items:center; flex-shrink:0; gap:12px; min-height:66px; padding:10px 12px; margin-bottom:10px; background:#f5eee2; border:1px solid #e8ddcc; border-radius:8px; }
.nuclei-request-copy { flex:1; min-width:0; }
.nuclei-request-copy>small { display:block; font-size:9px; color:#a28b70; margin-bottom:4px; }
.nuclei-request-copy p { font-size:11px; line-height:1.65; min-height:1.65em; color:#62533f; }
#nucleiDemo[data-image-visible="true"] .nuclei-request { min-height:0; padding:6px 8px; }
#nucleiDemo[data-image-visible="true"] .nuclei-request-copy>small { display:none; }
#nucleiDemo[data-image-visible="true"] .nuclei-request-copy p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#nucleiDemo[data-image-visible="true"] #nucleiRun { min-height:27px; padding:5px 8px; }
.nuclei-question-caret { display:inline-block; width:1px; height:1em; margin-left:2px; background:#af7c58; vertical-align:-1px; }
#nucleiRun { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:5px; padding:8px 10px; min-height:34px; border:1px solid #d0a17c; border-radius:6px; color:#986744; background:#fffaf2; font-size:11px; }
#nucleiRun>svg { width:11px; height:11px; }
.nuclei-request[data-pressed="true"] #nucleiRun { background:#e4c5a7; transform:translateY(1px) scale(.96); }
#nucleiRun .nuclei-demo-pointer { position:absolute; right:-8px; bottom:-17px; width:24px; height:31px; fill:#64513b; stroke:#fffaf2; stroke-width:1.5; pointer-events:none; opacity:0; z-index:2; }
.nuclei-compare { display:flex; gap:2px; padding:2px; background:#f2eee6; border:1px solid #e4dacb; border-radius:6px; }
.nuclei-compare button { padding:5px 7px; font-size:9px; border-radius:4px; color:#a08d74; }
.nuclei-compare button[aria-pressed="true"] { background:#fffdf7; color:#785738; box-shadow:0 1px 3px #58482f15; }
.nuclei-example .nuclei-toolbar { flex-wrap:wrap; gap:6px; }
.nuclei-image-well { position:relative; flex:1 1 0%; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.nuclei-empty { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; color:#a28e74; text-align:center; padding:14px; border:1px dashed #e6ddcf; border-radius:7px; background:#fcfaf5; }
.nuclei-empty>svg { width:30px; height:30px; stroke:#bd9d79; }
.nuclei-empty p { font-size:12px; line-height:1.6; }.nuclei-empty small { font-size:9px; line-height:1.7; }
.nuclei-canvas { aspect-ratio:1; width:100%; flex:none; }
.nuclei-canvas .nuclei-contours { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke-width:1.5; stroke-linejoin:round; }
.nuclei-contours .nuclei-object { opacity:0; }
.nuclei-stage-chip { position:absolute; left:10px; bottom:10px; padding:5px 9px; border:1px solid #ece1d9; border-radius:5px; color:#79685c; background:#fffaf1ed; font-size:10px; }
.nuclei-stage-chip { max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nuclei-view-tag { position:absolute; right:10px; top:10px; padding:5px 9px; background:#fffaf1ed; color:#79685c; border:1px solid #e6dcd0; border-radius:5px; font-size:10px; }
#nucleiDemo[data-view="after"] .nuclei-view-tag { background:#edf6efed; border-color:#b3ccbb; color:#50765e; }
.nuclei-scan { position:absolute; inset:0; height:0; background:linear-gradient(transparent,#b6ddd115); border-bottom:1px solid #d8fff2bb; pointer-events:none; opacity:0; }
#nucleiDemo[data-phase="segment"] .nuclei-scan { opacity:1; }
.nuclei-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding-top:13px; flex-shrink:0; }
.nuclei-metrics strong { font-variant-numeric:tabular-nums; font-size:24px; }
.nuclei-metrics span { font-size:9px; }
@media(max-width:1000px) { .workbench-stage { padding-bottom:13px; }.viewer-controls { flex:1 0 100%; }.workbench-scale-buttons { margin-left:0; } #demoPanel[data-hide-timeline="true"][data-mode="agent"] .workbench-layout { grid-template-columns:1fr; } }
@media(max-width:620px) {
  html[data-lang="zh"] .hero h1 { font-size:clamp(27px,7.2vw,43px); letter-spacing:-.05em; }
  .brand img { width:26px; height:26px; }
  .window-bar { gap:8px; padding:3px 8px; }
  .window-dots { gap:4px; }.window-dots i { width:9px; height:9px; }
  .window-local { display:none; }.window-bar-divider { margin-inline:3px; }
  .window-playback button { width:30px; height:34px; }
  .workbench-toolbar { flex-wrap:wrap; }.viewer-controls { gap:5px; }
  .viewer-controls button { width:30px; height:30px; }
  #demoPanel[data-hide-timeline="true"] .workbench-layout { grid-template-columns:1fr; }
  #demoPanel[data-hide-timeline="true"][data-mode="swarm"] :is(.workbench-viewer,.swarm-board,.workbench-conversation) { grid-column:1; grid-row:auto; }
  .nuclei-metrics>div { padding-inline:5px; }.nuclei-metrics span { font-size:9px; }
  .workflow-section h2 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { .nuclei-scan { display:none!important; } }