/* Detailed product demo. The interface mirrors Orbit's light dashboard shell. */
.demo-hero{min-height:min(820px,88svh);display:flex;align-items:center}
.demo-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:clamp(38px,6vw,82px);align-items:center;padding-block:clamp(74px,9vw,118px) clamp(54px,7vw,90px)}
.demo-hero-copy{max-width:610px}
.demo-hero-copy .h-hero{font-size:clamp(44px,4.6vw,68px)}
.demo-hero-preview{perspective:1200px;padding:20px 0}
.demo-preview-window{overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:#fcfcfd;box-shadow:0 42px 100px -38px rgba(2,30,34,.9);transform:rotateY(-5deg) rotateX(2deg)}
.demo-preview-top{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #e7e9ee;background:#fff}
.demo-preview-top span{width:8px;height:8px;border-radius:50%;background:#dfe3e8}
.demo-preview-top b{margin-left:7px;font:600 9px/1 var(--mono);color:#8b93a3}
.demo-preview-body{display:grid;grid-template-columns:110px 1fr;min-height:325px}
.demo-preview-side{display:flex;flex-direction:column;gap:14px;padding:24px 17px;border-right:1px solid #e7e9ee;background:#f5f6f9}
.demo-preview-side i{height:8px;border-radius:9px;background:#d9dee5}
.demo-preview-side i:first-child{background:#0e7c86}
.demo-preview-main{padding:28px}
.demo-preview-line{height:14px;width:42%;border-radius:9px;background:#161820}
.demo-preview-line.wide{width:58%}
.demo-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.demo-preview-metrics i{height:74px;border:1px solid #e7e9ee;border-radius:11px;background:linear-gradient(135deg,#fff,#f7f9fb)}
.demo-preview-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:10px;margin-top:10px}
.demo-preview-grid span{height:142px;border:1px solid #e7e9ee;border-radius:11px;background:#fff}

.demo-tour-section{overflow:hidden;scroll-margin-top:48px}
.demo-controller{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1240px;margin-inline:auto;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 34px 86px -52px rgba(8,40,44,.48);overflow:hidden}
.demo-controller:focus-visible{outline-offset:5px}
.demo-chapter-nav{padding:20px 12px 18px;background:var(--bg-side);border-right:1px solid var(--line);min-width:0}
.demo-chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 14px}
.demo-chapter-heading h3{font:700 12.5px/1 var(--mono);color:var(--text)}
.demo-chapter-heading span{font:600 10.5px/1 var(--mono);color:var(--muted)}
.demo-chapter-list{display:flex;flex-direction:column;gap:3px}
.demo-chapter{position:relative;width:100%;display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:center;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:var(--muted);font:600 12.5px/1.3 var(--bric);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}
.demo-chapter:hover{background:#fff;color:var(--text)}
.demo-chapter[aria-selected="true"]{background:#fff;color:var(--teal-deep);box-shadow:0 1px 2px rgba(15,25,35,.06)}
.demo-chapter[aria-selected="true"]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:4px;background:var(--teal)}
.demo-chapter-number{font:700 10px/26px var(--mono);width:26px;height:26px;border:1px solid var(--line);border-radius:7px;text-align:center;background:#fff;color:var(--muted)}
.demo-chapter[aria-selected="true"] .demo-chapter-number{color:#fff;background:var(--teal);border-color:var(--teal)}

.demo-player{min-width:0;background:#fff}
.demo-player-bar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--line-soft)}
.demo-workspace-id{display:flex;align-items:center;gap:10px}
.demo-workspace-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--teal);color:#fff;font:700 13px/1 var(--display)}
.demo-workspace-id>span:last-child{display:flex;flex-direction:column}
.demo-workspace-id b{font-size:12.5px;line-height:1.25;color:var(--text)}
.demo-workspace-id small{font:500 9.5px/1.35 var(--mono);color:var(--muted)}
.demo-live-state{display:flex;align-items:center;gap:7px;font:600 10.5px/1 var(--mono);color:var(--muted)}
.demo-live-state i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in oklab,var(--ok),transparent 86%)}
.demo-stage-wrap{position:relative;background:#f5f6f9;border-bottom:1px solid var(--line-soft);min-height:522px}
.demo-stage{min-height:522px}
.demo-noscript{padding:40px;text-align:center;color:var(--muted)}

/* Shared app shell rendered by demo.js */
.tour-app{display:grid;grid-template-columns:166px minmax(0,1fr);min-height:522px;color:var(--text);background:var(--bg)}
.tour-side{display:flex;flex-direction:column;gap:3px;padding:16px 10px;border-right:1px solid var(--line);background:#f5f6f9}
.tour-logo{display:flex;align-items:center;gap:7px;padding:1px 8px 15px;font:800 12px/1 var(--display);color:var(--text)}
.tour-logo-mark{position:relative;width:16px;height:16px;border:2px solid var(--teal);border-radius:4px}
.tour-logo-mark::after{content:"";position:absolute;right:-5px;top:2px;width:5px;height:7px;border-radius:2px;background:var(--teal-pale)}
.tour-side-label{padding:10px 9px 4px;font:700 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8b93a3}
.tour-side-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:10.5px;font-weight:600;color:var(--muted)}
.tour-side-item i{width:12px;height:12px;border:1.5px solid currentColor;border-radius:3px;opacity:.62}
.tour-side-item.active{position:relative;background:#e7eef0;color:var(--teal-deep);font-weight:700}
.tour-side-item.active::before{content:"";position:absolute;left:2px;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--teal)}
.tour-side-item.active i{opacity:1;background:var(--teal);border-color:var(--teal)}
.tour-side-foot{margin-top:auto;padding:12px 9px 0;border-top:1px solid var(--line);font:600 9px/1.4 var(--mono);color:var(--muted)}
.tour-main{display:flex;flex-direction:column;min-width:0}
.tour-topbar{height:52px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line-soft);background:#fff}
.tour-topbar h3{font:700 13px/1 var(--display);letter-spacing:-.01em;color:var(--text)}
.tour-top-status{margin-left:auto;display:flex;align-items:center;gap:6px;font:600 9.5px/1 var(--mono);color:var(--muted)}
.tour-top-status i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.tour-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;font:700 9px/1 var(--mono)}
.tour-content{padding:18px;min-width:0}
.tour-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.tour-title-row h4{font:750 19px/1.15 var(--display);letter-spacing:-.025em;color:var(--text)}
.tour-title-row p{margin-top:5px;font-size:11px;line-height:1.45;color:var(--muted)}
.tour-action{flex-shrink:0;padding:7px 10px;border-radius:7px;background:var(--teal);color:#fff;font:700 9.5px/1 var(--bric)}
.tour-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:9px}
.tour-metric{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.tour-metric small{display:block;font:600 8.5px/1.2 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tour-metric strong{display:block;margin-top:8px;font:800 20px/1 var(--display);letter-spacing:-.03em;color:var(--text)}
.tour-metric span{display:block;margin-top:6px;font:600 8.5px/1.2 var(--mono);color:var(--ok)}
.tour-work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.7fr);gap:9px}
.tour-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.tour-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-soft)}
.tour-card-head h5{font:700 10.5px/1 var(--display);color:var(--text)}
.tour-card-head span{font:600 8.5px/1 var(--mono);color:var(--accent-text)}
.tour-table-head,.tour-row{display:grid;grid-template-columns:minmax(100px,1.4fr) minmax(76px,1fr) minmax(60px,.65fr);gap:8px;align-items:center;padding:8px 12px}
.tour-table-head{font:700 7.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#8b93a3;background:#fbfcfd}
.tour-row{min-height:43px;border-top:1px solid var(--line-soft);font-size:9.5px;color:var(--text)}
.tour-row:first-of-type{border-top:0}
.tour-primary{display:flex;align-items:center;gap:7px;min-width:0;font-weight:650}
.tour-primary i{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);font:700 8px/1 var(--mono)}
.tour-primary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tour-muted{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tour-status{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font:700 7.5px/1 var(--mono);white-space:nowrap}
.tour-status::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.tour-status.warn{background:#fff5e3;color:var(--warn)}
.tour-status.good{background:#e9f5ef;color:var(--ok)}
.tour-feed{list-style:none;padding:4px 12px 8px}
.tour-feed li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--line-soft);font-size:9.5px;line-height:1.35;color:var(--text)}
.tour-feed li:last-child{border-bottom:0}
.tour-feed li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.tour-feed li::after{content:"";position:absolute;left:4.5px;top:20px;bottom:-4px;width:1px;background:var(--line)}
.tour-feed li:last-child::after{display:none}
.tour-feed b{display:block;font-size:9.5px;color:var(--text)}
.tour-feed small{display:block;margin-top:3px;font:500 8px/1.4 var(--mono);color:var(--muted)}
.tour-notice{display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px 11px;border:1px solid color-mix(in oklab,var(--teal),white 72%);border-radius:9px;background:var(--accent-soft);color:var(--teal-deep);font-size:9.5px;font-weight:600}
.tour-notice i{width:7px;height:7px;border-radius:50%;background:var(--teal)}

/* Chapter-specific product surfaces share the real Orbit shell without sharing one generic layout. */
.tour-assistant-grid,.tour-approval-layout,.tour-market-layout,.tour-risk-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.72fr);gap:9px}
.tour-conversation,.tour-job-panel,.tour-approval-package,.tour-policy-panel,.tour-market-table,.tour-purchase-panel,.tour-finding,.tour-evidence-chain{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.tour-messages{display:flex;flex-direction:column;gap:8px;padding:10px 12px 8px}
.tour-message{display:flex;gap:8px;max-width:88%}
.tour-message.agent{align-self:flex-end;flex-direction:row-reverse}
.tour-message>i,.tour-agent-head>i{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--teal);color:#fff;font:700 7.5px/1 var(--mono)}
.tour-message>div{padding:7px 9px;border:1px solid var(--line-soft);border-radius:3px 9px 9px;background:#f8fafb}
.tour-message.agent>div{border-radius:9px 3px 9px 9px;background:var(--accent-soft)}
.tour-message b,.tour-message p,.tour-message small{display:block}.tour-message b{font-size:8px}.tour-message p{margin-top:2px;font-size:9.5px;line-height:1.3}.tour-message small{margin-top:3px;font:600 7px/1 var(--mono);color:var(--muted)}
.tour-composer{display:flex;align-items:center;gap:8px;margin:0 12px 11px;padding:6px 7px 6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:9px}.tour-composer span{flex:1}.tour-composer button,.tour-approval-actions button,.tour-purchase-panel button{border:0;border-radius:6px;padding:6px 9px;background:var(--teal);color:#fff;font:700 8px/1 var(--bric)}
.tour-job-step{position:relative;display:flex;gap:9px;padding:10px 12px}.tour-job-step:not(:last-child)::after{content:"";position:absolute;left:22px;top:31px;bottom:-5px;width:1px;background:var(--line)}.tour-job-step>i{z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f5ef;color:var(--ok);font:700 7px/1 var(--mono)}.tour-job-step span{min-width:0}.tour-job-step b,.tour-job-step small{display:block}.tour-job-step b{font-size:9px}.tour-job-step small{margin-top:3px;font:500 7px/1.2 var(--mono);color:var(--muted)}

.tour-system-strip{display:flex;gap:5px;margin-bottom:9px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}.tour-system-strip span{padding:6px 9px;border-radius:6px;font:600 8px/1 var(--mono);color:var(--muted)}.tour-system-strip span.active{background:var(--accent-soft);color:var(--teal-deep)}
.tour-agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tour-agent-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.tour-agent-head{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:11px}.tour-agent-head>span b,.tour-agent-head>span small{display:block}.tour-agent-head>span b{font-size:9.5px}.tour-agent-head>span small{margin-top:3px;font-size:7.5px;line-height:1.3;color:var(--muted)}.tour-agent-head>em{grid-column:2;font-style:normal;justify-self:start}.tour-agent-config{padding:9px 11px;border-top:1px solid var(--line-soft)}.tour-agent-config>span{display:block;margin-bottom:6px;font:600 7px/1 var(--mono);color:var(--muted)}.tour-agent-config>div{display:grid;grid-template-columns:repeat(3,1fr);padding:2px;border-radius:6px;background:#f1f3f5}.tour-agent-config b{padding:5px 2px;border-radius:4px;text-align:center;font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-agent-config b.active{background:#fff;color:var(--teal-deep);box-shadow:0 1px 2px #dfe3e8}.tour-agent-card footer{display:flex;justify-content:space-between;gap:4px;padding:8px 11px;border-top:1px solid var(--line-soft);font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-agent-card footer span:first-child{color:var(--ok)}

.tour-approval-package{padding:14px}.tour-package-title{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.tour-shield{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff5e3;color:var(--warn);font-weight:800}.tour-package-title small{font:700 7px/1 var(--mono);color:var(--warn)}.tour-package-title h5{margin-top:4px;font:750 13px/1.2 var(--display)}.tour-package-title p{margin-top:4px;font-size:8.5px;line-height:1.35;color:var(--muted)}.tour-package-title>em{font:600 7px/1 var(--mono);font-style:normal;color:var(--muted)}.tour-package-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px 0}.tour-package-facts>div{min-width:0;padding:8px;border-radius:7px;background:#f8fafb}.tour-package-facts small,.tour-package-facts b{display:block}.tour-package-facts small{font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-package-facts b{margin:5px 0;font-size:8.5px;line-height:1.25}.tour-approval-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:9px;border-top:1px solid var(--line-soft)}.tour-approval-actions button:first-child{border:1px solid var(--line);background:#fff;color:var(--text)}.tour-policy-panel{padding-bottom:9px}.tour-autonomy{padding:10px 12px;border-bottom:1px solid var(--line-soft)}.tour-autonomy small{font:600 7px/1 var(--mono);color:var(--muted)}.tour-autonomy>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7px;padding:2px;border-radius:6px;background:#f1f3f5}.tour-autonomy span{padding:5px;text-align:center;font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-autonomy span.active{border-radius:4px;background:#fff;color:var(--warn);box-shadow:0 1px 2px #dfe3e8}.tour-audit{list-style:none;padding:5px 12px}.tour-audit li{position:relative;display:flex;gap:8px;padding:7px 0}.tour-audit li>i{width:7px;height:7px;margin-top:2px;border-radius:50%;background:var(--teal)}.tour-audit li:not(:last-child)>i::after{content:"";position:absolute;left:3px;top:17px;bottom:-4px;width:1px;background:var(--line)}.tour-audit b,.tour-audit small{display:block}.tour-audit b{font-size:8px}.tour-audit small{margin-top:2px;font:500 6.5px/1.3 var(--mono);color:var(--muted)}

.tour-workflow-canvas{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.tour-workflow-toolbar{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line-soft)}.tour-workflow-toolbar b{font-size:9.5px}.tour-workflow-toolbar span{font:600 7px/1 var(--mono);color:var(--ok)}.tour-workflow-graph{display:flex;align-items:center;justify-content:center;gap:5px;min-height:125px;padding:17px;background-color:#f8fafb;background-image:radial-gradient(#d8dfe3 .7px,transparent .7px);background-size:12px 12px}.tour-workflow-node{display:flex;align-items:center;gap:6px;width:100px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 8px rgba(17,31,41,.05)}.tour-workflow-node>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#eef1f3;color:var(--muted);font:700 6px/1 var(--mono)}.tour-workflow-node small,.tour-workflow-node b{display:block}.tour-workflow-node small{font:600 5.5px/1 var(--mono);color:var(--muted)}.tour-workflow-node b{max-width:55px;margin-top:3px;font-size:7px;line-height:1.2}.tour-workflow-node.done{border-color:#b9ddcc}.tour-workflow-node.done>i{background:#e8f5ef;color:var(--ok)}.tour-workflow-node.current{border-color:var(--teal);box-shadow:0 0 0 2px var(--accent-soft)}.tour-connector{font-size:12px;color:#9aa5ad}.tour-handoff{display:flex;align-items:center;gap:7px;padding:9px 12px;border-top:1px solid var(--line-soft);font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-handoff b{margin-right:auto;color:var(--text)}.tour-handoff span{padding:4px 6px;border-radius:999px;background:var(--accent-soft);color:var(--teal-deep)}

.tour-market-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.tour-market-toolbar>div{display:flex;gap:4px}.tour-market-toolbar span{padding:6px 8px;border-radius:6px;font:600 7.5px/1 var(--mono);color:var(--muted)}.tour-market-toolbar span.active{background:#fff;color:var(--teal-deep);box-shadow:0 0 0 1px var(--line)}.tour-market-toolbar button{border:0;border-radius:6px;padding:7px 9px;background:var(--teal);color:#fff;font:700 8px/1 var(--bric)}.tour-market-table{align-self:start}.tour-purchase-panel{padding:13px}.tour-purchase-panel>small{font:700 7px/1 var(--mono);color:var(--muted)}.tour-purchase-panel>strong{display:block;margin-top:7px;font:800 24px/1 var(--display)}.tour-purchase-panel>p{margin:8px 0;font-size:8px;line-height:1.4;color:var(--muted)}.tour-purchase-panel>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line-soft);font-size:7.5px}.tour-purchase-panel>div b{color:var(--ok)}.tour-purchase-panel button{width:100%;margin-top:8px;padding-block:8px}

.tour-campaign-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tour-campaign-board>section{padding:8px;border:1px solid var(--line);border-radius:9px;background:#f5f6f8}.tour-campaign-board>section>header{display:flex;justify-content:space-between;padding:1px 2px 7px;font-size:8px}.tour-campaign-board>section>header span{font:600 7px/1 var(--mono);color:var(--muted)}.tour-asset-card{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.tour-asset-preview{position:relative;height:58px;margin-bottom:8px;border-radius:6px;background:linear-gradient(135deg,#e7f3f2,#dce7f0);overflow:hidden}.tour-asset-preview::before{content:"";position:absolute;inset:10px 45% 10px 9px;border-radius:4px;background:rgba(255,255,255,.72)}.tour-asset-preview i{position:absolute;left:13px;right:50%;height:3px;border-radius:2px;background:var(--teal)}.tour-asset-preview i:nth-child(1){top:17px}.tour-asset-preview i:nth-child(2){top:25px;right:59%;background:#9baab1}.tour-asset-preview i:nth-child(3){top:33px;right:55%;background:#9baab1}.tour-asset-preview.variant-1{background:linear-gradient(135deg,#f5eadb,#eed5b8)}.tour-asset-preview.variant-2{background:linear-gradient(135deg,#e9e3f3,#d9cdeb)}.tour-asset-card>b{font-size:8.5px}.tour-asset-card>p{min-height:24px;margin-top:4px;font-size:7px;line-height:1.35;color:var(--muted)}.tour-asset-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.tour-asset-card footer small{font:500 6px/1 var(--mono);color:var(--muted)}

.tour-queue-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tour-queue-board>section{padding:8px;border:1px solid var(--line);border-radius:9px;background:#f6f7f9}.tour-queue-board header{display:flex;justify-content:space-between;padding:2px 1px 8px}.tour-queue-board header>span{display:flex;align-items:center;gap:5px;font-size:8px}.tour-queue-board header i{width:6px;height:6px;border-radius:50%;background:#7f9ed0}.tour-queue-board header i.lane-1{background:#b38bd1}.tour-queue-board header i.lane-2{background:#dfab5e}.tour-queue-board header em{font:600 6.5px/1 var(--mono);font-style:normal;color:var(--muted)}.tour-queue-board article{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}.tour-queue-board article>small,.tour-queue-board article>b{display:block}.tour-queue-board article>small{font:600 6.5px/1 var(--mono);color:var(--muted)}.tour-queue-board article>b{min-height:30px;margin:5px 0;font-size:8.5px;line-height:1.3}.tour-queue-board article>div{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid var(--line-soft);font:500 6px/1 var(--mono);color:var(--muted)}.tour-queue-footer{display:flex;align-items:center;gap:6px;margin-top:9px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 6.5px/1 var(--mono)}.tour-queue-footer b{margin-right:auto}.tour-queue-footer span{padding:4px 6px;border-radius:999px;background:#f0f2f4;color:var(--muted)}.tour-queue-footer em{font-style:normal;color:var(--ok)}

.tour-finding{padding:12px}.tour-finding-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:start}.tour-finding-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0ee;color:#bd4239;font-weight:800}.tour-finding-head small{font:700 6.5px/1 var(--mono);color:#bd4239}.tour-finding-head h5{margin-top:4px;font:750 12px/1.2 var(--display)}.tour-finding-head p{margin-top:4px;font-size:7.5px;line-height:1.35;color:var(--muted)}.tour-finding-head>em{padding:4px 6px;border-radius:5px;background:#fff0ee;color:#bd4239;font:700 6.5px/1 var(--mono);font-style:normal}.tour-finding .tour-metrics{margin:10px 0}.tour-finding .tour-metric{padding:8px}.tour-finding .tour-metric strong{font-size:14px;margin-top:5px}.tour-finding .tour-metric span{margin-top:4px}.tour-evidence-list>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 0;border-top:1px solid var(--line-soft)}.tour-evidence-list>div>i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e8f5ef;color:var(--ok);font-size:7px}.tour-evidence-list b,.tour-evidence-list small{display:block}.tour-evidence-list b{font-size:7.5px}.tour-evidence-list small{margin-top:2px;font-size:6.5px;color:var(--muted)}.tour-evidence-chain>div:not(.tour-card-head){display:flex;gap:8px;padding:9px 11px;border-bottom:1px solid var(--line-soft)}.tour-evidence-chain>div>i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:var(--accent-soft);color:var(--teal-deep);font:700 6px/1 var(--mono)}.tour-evidence-chain b,.tour-evidence-chain small{display:block}.tour-evidence-chain b{font-size:7.5px}.tour-evidence-chain small{margin-top:2px;font:500 6px/1 var(--mono);color:var(--muted)}.tour-evidence-chain footer{padding:10px 11px;font:500 6.5px/1.5 var(--mono);color:var(--muted)}.tour-evidence-chain footer b{color:var(--ok)}
.tour-app.is-changing .tour-content>*{animation:tour-enter .42s cubic-bezier(.2,.72,.25,1) both}
.tour-app.is-changing .tour-content>*:nth-child(2){animation-delay:.05s}
.tour-app.is-changing .tour-content>*:nth-child(3){animation-delay:.1s}
@keyframes tour-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.demo-caption{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;min-height:70px;padding:14px 20px 10px}
.demo-step-number{margin-top:2px;padding:4px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);font:700 9px/1 var(--mono)}
.demo-caption p{font-size:13px;line-height:1.48;color:var(--text)}
.demo-timeline{display:flex;gap:6px;padding:0 20px 7px}
.demo-timeline button{position:relative;flex:1;height:24px;border:0;background:transparent;cursor:pointer}
.demo-timeline button::before{content:"";position:absolute;inset:9px 0;border-radius:999px;background:var(--line)}
.demo-timeline button::after{content:"";position:absolute;inset:9px 0;border-radius:999px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.demo-timeline button.is-complete::after,.demo-timeline button.is-current::after{transform:scaleX(1)}
.demo-timeline button.is-current::before{box-shadow:0 0 0 3px var(--accent-soft)}
.demo-controls{display:flex;align-items:center;gap:14px;padding:0 20px 18px}
.demo-control-group{display:flex;align-items:center;gap:5px}
.demo-icon-btn,.demo-play-btn,.demo-replay-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font:700 10.5px/1 var(--bric);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.demo-icon-btn{width:34px}
.demo-play-btn{min-width:82px;padding-inline:12px;background:var(--teal);border-color:var(--teal);color:#fff}
.demo-replay-btn{padding-inline:11px}
.demo-icon-btn:hover,.demo-replay-btn:hover{border-color:var(--line-strong);background:var(--bg-subtle)}
.demo-play-btn:hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.demo-icon-btn svg,.demo-play-btn svg,.demo-replay-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.demo-play-btn .demo-play-icon{fill:currentColor;stroke:none}
.demo-play-btn .demo-pause-icon{display:none}
.demo-play-btn.is-playing .demo-play-icon{display:none}
.demo-play-btn.is-playing .demo-pause-icon{display:block}
.demo-play-btn:disabled{cursor:not-allowed;background:#727b86;border-color:#727b86;color:#fff;opacity:.9}
.demo-key-hint{margin-left:auto;font:500 9px/1 var(--mono);color:var(--muted)}
.demo-key-hint kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;margin:0 2px;padding:0 5px;border:1px solid var(--line);border-bottom-color:var(--line-strong);border-radius:5px;background:var(--bg-subtle);font:600 8.5px/1 var(--mono);color:var(--text)}

.demo-detail-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(42px,7vw,96px);align-items:center}
.demo-detail-grid>div:first-child{max-width:500px}
.demo-detail-list{display:flex;flex-direction:column;border-top:1px solid color-mix(in oklab,var(--teal),transparent 75%)}
.demo-detail-list>div{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid color-mix(in oklab,var(--teal),transparent 75%)}
.demo-detail-list span{font:700 11px/1.5 var(--mono);color:var(--teal)}
.demo-detail-list p{font-size:14px;line-height:1.5;color:var(--muted)}
.demo-detail-list b{display:block;margin-bottom:3px;font-family:var(--display);font-size:15px;color:var(--text)}
.demo-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}
.demo-cta h2{max-width:650px}
.demo-cta p{max-width:640px}
.demo-cta .btn{flex-shrink:0}

@media (max-width:1000px){
  .demo-hero-grid{grid-template-columns:1fr;max-width:760px}
  .demo-hero{min-height:0}
  .demo-hero-copy{max-width:680px}
  .demo-hero-preview{max-width:680px}
  .demo-controller{grid-template-columns:1fr}
  .demo-chapter-nav{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}
  .demo-chapter-heading{padding-bottom:10px}
  .demo-chapter-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);overflow-x:auto;scrollbar-width:thin;padding:0 2px 6px;scroll-snap-type:x proximity}
  .demo-chapter{scroll-snap-align:start}
}
@media (max-width:760px){
  .demo-hero-grid{padding-top:112px}
  .demo-stage-wrap,.demo-stage,.tour-app{min-height:500px}
  .tour-app{grid-template-columns:1fr}
  .tour-side{display:none}
  .tour-work-grid{grid-template-columns:1fr}
  .tour-card:last-child{display:none}
  .tour-workflow-graph{justify-content:flex-start;overflow-x:auto}
  .tour-workflow-node{flex:0 0 100px}
  .demo-detail-grid{grid-template-columns:1fr;gap:30px}
  .demo-cta .wrap{align-items:flex-start;flex-direction:column}
  .demo-key-hint{display:none}
  .demo-controls{justify-content:space-between}
}
@media (max-width:520px){
  .demo-hero-grid{padding-top:102px}
  .demo-hero-preview{display:none}
  .demo-controller{width:calc(100% + 24px);margin-left:-12px;border-radius:14px}
  .demo-player-bar{padding-inline:14px}
  .demo-live-state span{display:none}
  .tour-content{padding:13px 11px}
  .tour-title-row h4{font-size:16px}
  .tour-title-row p{max-width:34ch}
  .tour-action{display:none}
  .tour-metrics{gap:6px}
  .tour-metric{padding:10px 8px}
  .tour-metric strong{font-size:17px}
  .tour-metric span{font-size:7px}
  .tour-table-head,.tour-row{grid-template-columns:minmax(88px,1.3fr) minmax(60px,.8fr);padding-inline:9px}
  .tour-table-head>*:nth-child(3),.tour-row>*:nth-child(3){display:none}
  .tour-assistant-grid,.tour-approval-layout,.tour-market-layout,.tour-risk-layout{grid-template-columns:1fr}
  .tour-job-panel,.tour-policy-panel,.tour-purchase-panel,.tour-evidence-chain{display:none}
  .tour-agent-grid,.tour-campaign-board,.tour-queue-board{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}
  .tour-agent-grid>*,.tour-campaign-board>*,.tour-queue-board>*{scroll-snap-align:start}
  .tour-workflow-graph{min-width:610px}
  .tour-workflow-canvas{overflow-x:auto}
  .tour-handoff{min-width:590px}
  .tour-package-facts{grid-template-columns:1fr}
  .tour-package-facts>div:nth-child(n+3){display:none}
  .tour-queue-footer{overflow-x:auto}.tour-queue-footer span{white-space:nowrap}
  .demo-caption{padding-inline:14px}
  .demo-timeline{padding-inline:14px}
  .demo-controls{padding-inline:14px;gap:8px}
  .demo-replay-btn{font-size:0;width:34px;padding:0}
  .demo-replay-btn svg{width:15px;height:15px}
}
@media (prefers-reduced-motion:reduce){
  .demo-preview-window{transform:none}
  .tour-app.is-changing .tour-content>*{animation:none}
  .demo-chapter,.demo-timeline button::after{transition:none}
}