/* Example chapters accompany the recording; they are not a feature menu. */
.assistant-section { background:var(--paper); padding-top:82px; }
.assistant-section .feature-heading { grid-template-columns:1.1fr 1fr; gap:10%; }
.showcase { display:block; }
.demo-context { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 20px; padding:13px 21px; border-bottom:1px solid var(--line); font-size:11px; color:var(--muted); }
.demo-context>span:first-child { color:var(--ink); font-weight:600; }
.demo-assistant { box-shadow:0 20px 55px #2926220a; }
.demo-assistant .showcase-main { background:#2c2925; }
.demo-assistant .product-video { max-height:760px; object-fit:contain; }
.demo-selector { display:flex; align-items:center; gap:24px; border-top:1px solid var(--line); padding:15px 20px; background:var(--white); }
.demo-selector-label { flex:0 0 145px; }
.demo-selector-label strong { display:block; font-size:12px; font-weight:600; }.demo-selector-label small { display:block; color:var(--muted); font-size:10px; line-height:1.7; margin-top:4px; }
.demo-chapters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); flex:1; min-width:0; gap:8px; }
.demo-chapters>button { display:flex; align-items:flex-start; gap:9px; min-width:0; min-height:48px; padding:10px 12px; text-align:left; border:1px solid transparent; border-radius:4px; background:transparent; line-height:1.65; font-size:12px; }
.demo-chapters .chapter-number { color:#9b8163; font-size:10px; padding-top:2px; flex-shrink:0; font-variant-numeric:tabular-nums; }
.demo-chapters>button[aria-selected=true] { background:#f1ede6; border-color:#cdbfae; }.demo-chapters>button:hover { background:#f7f4ef; }
.capability-index { margin-top:42px; border-top:1px solid var(--line); padding-top:29px; }
.capability-index-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px 30px; margin-bottom:26px; }
.capability-index-heading h3 { font-size:18px; line-height:1.6; font-weight:550; }.capability-index-heading>p { color:var(--muted); font-size:12px; max-width:560px; }
.capability-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 40px; }
.capability-index-grid article { display:flex; align-items:flex-start; gap:13px; }.capability-index-grid article>svg { width:21px; height:21px; flex-shrink:0; color:var(--accent); margin-top:3px; }
.capability-index-grid h3 { font-size:14px; line-height:1.7; font-weight:600; }.capability-index-grid p { font-size:12px; line-height:1.9; color:var(--muted); margin-top:5px; }
.material-section { padding-top:66px; background:var(--surface); }
.material-capabilities { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:-6px; margin-bottom:24px; font-size:12px; color:#746858; }
.material-capabilities span { display:inline-flex; align-items:center; gap:8px; }.material-capabilities span::before { content:""; display:block; width:4px; height:4px; border:1px solid #a18765; }
.demo-material { border-color:#d0c8bc; box-shadow:none; background:#e8e3da; }
.demo-material .showcase-caption { background:#e2dbd0; color:var(--ink); border-bottom:1px solid #d0c8bc; }.demo-material .showcase-caption>span>svg { color:var(--accent); }
.demo-material .showcase-caption .quiet-motion:hover { background:#fff8; }
.demo-material .demo-selector { padding-block:11px; background:#f8f6f2; }
.demo-material .demo-chapters { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.demo-material .demo-chapters>button { min-width:160px; min-height:44px; align-items:center; padding-block:8px; }
.demo-material .demo-chapters .chapter-number { padding-top:0; }
.preparation-section { background:var(--paper); }
.preparation-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:34px; align-items:start; }
.demo-preparation { box-shadow:none; }
.demo-preparation .showcase-caption { background:#423a30; }
.demo-preparation .demo-selector { display:block; padding:12px; }.demo-preparation .demo-selector-label { display:none; }
.demo-preparation .demo-chapters { gap:4px; }.demo-preparation .demo-chapters>button { padding:8px; font-size:11px; }
.preparation-coverage { padding:14px 0 0; color:var(--muted); }
.preparation-coverage>span { display:block; font-size:12px; color:var(--ink); font-weight:600; padding-bottom:14px; border-bottom:1px solid var(--line); }
.preparation-coverage>div { display:grid; grid-template-columns:1fr; counter-reset:preparation; }
.preparation-coverage>div>span { display:flex; align-items:baseline; gap:15px; padding:10px 0; border-bottom:1px solid var(--line); font-size:12px; counter-increment:preparation; }
.preparation-coverage>div>span::before { content:counter(preparation,decimal-leading-zero); color:#aa967d; font-size:10px; font-variant-numeric:tabular-nums; }
.outcomes-section { padding-top:12px; }.outcome-copy h3 { text-wrap:balance; }
.connected-section { padding-top:76px; padding-bottom:56px; background:#f2efe9; }
.data-section { background:var(--paper); }
@media(max-width:1100px) { .capability-index-grid { gap:25px 28px; }.preparation-layout { grid-template-columns:minmax(0,1fr) 200px; gap:26px; }.demo-selector { gap:16px; }.demo-selector-label { flex-basis:120px; }.demo-chapters>button { padding-inline:8px; font-size:11px; }.demo-chapters .chapter-number { display:none; } }
@media(max-width:860px) {
 .assistant-section .feature-heading { grid-template-columns:1fr 1fr; gap:7%; }.demo-selector { display:block; }.demo-selector-label { display:flex; align-items:baseline; gap:13px; margin-bottom:8px; }.demo-selector-label small { margin:0; }.demo-chapters>button { font-size:12px; }.demo-material .demo-selector { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }.demo-material .demo-selector-label { display:block; margin:0; }.demo-material .demo-selector-label small { margin-top:4px; }.demo-material .demo-chapters { flex:initial; }
 .preparation-layout { grid-template-columns:1fr; gap:22px; }.preparation-coverage { padding:0; }.preparation-coverage>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }.preparation-coverage>div>span { padding-block:9px; }.capability-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.capability-index-heading { display:block; }.capability-index-heading>p { margin-top:7px; }
}
@media(max-width:700px) {
 .assistant-section { padding-top:54px; }.assistant-section .feature-heading { grid-template-columns:1fr; gap:17px; }.demo-context { padding:12px 14px; }.demo-context>span:last-child { font-size:10px; line-height:1.8; }.demo-selector { padding:13px 10px; }.demo-selector-label { padding-inline:3px; margin-bottom:8px; }.demo-selector-label strong { font-size:11px; }.demo-selector-label small { font-size:10px; }
 .demo-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }.demo-chapters>button { min-height:44px; padding:9px 8px; font-size:11px; }.demo-chapters .chapter-number { display:block; font-size:9px; }
 .capability-index { margin-top:30px; padding-top:24px; }.capability-index-heading { margin-bottom:23px; }.capability-index-heading h3 { font-size:17px; }.capability-index-heading>p { font-size:13px; }.capability-index-grid { grid-template-columns:1fr; gap:22px; }.capability-index-grid h3 { font-size:15px; }.capability-index-grid p { font-size:13px; }
 .material-section { padding-top:48px; }.material-capabilities { gap:8px 14px; margin-top:0; font-size:11px; margin-bottom:20px; }.demo-material .demo-selector { display:block; padding:13px; }.demo-material .demo-selector-label { display:flex; margin-bottom:10px; }.demo-material .demo-chapters { display:grid; grid-template-columns:1fr 1fr; }.demo-material .demo-chapters>button { min-width:0; font-size:11px; }.demo-material .demo-chapters .chapter-number { display:none; }
 .demo-preparation .demo-selector { padding:10px; }.demo-preparation .demo-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); }.preparation-coverage>span { font-size:12px; }.preparation-coverage>div { gap:0 16px; }.preparation-coverage>div>span { gap:8px; font-size:11px; }
 .outcomes-section { padding-top:20px; }.connected-section { padding-top:50px; padding-bottom:42px; }
}