/* The same Alx interface, presented in order of increasing commitment. */
.quick-demo .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-demo] .demo .demo-camera{transform:none;transform-origin:50% 50%;transition:filter .7s ease}
.quick-demo .has-rich-result .table-wrap table{white-space:normal}
.quick-demo .has-rich-result th,.quick-demo .has-rich-result td{font-size:10px}
.quick-demo .has-rich-result tfoot td{font-size:9px;font-weight:600}
.quick-demo .has-rich-result td:last-child{white-space:nowrap}
.reporting-workflow .section-title{margin-bottom:30px}
.reporting-workflow .section-title p{max-width:410px}
.reporting-demo .demo-header{color:#415c49;padding-top:0;padding-bottom:12px}
.reporting-demo .demo-header span:last-child{color:#647b69}
.reporting-demo .demo-controls{width:100%;color:#294b39;margin-bottom:0}
.reporting-demo .play-button{color:#294b39;border-color:#748d7b;background:transparent}
.reporting-demo .timeline{grid-template-columns:repeat(6,minmax(0,1fr))}
.reporting-demo .timeline button{color:#55705d}
.reporting-demo .timeline button[aria-current=step],.reporting-demo .timeline button.done{color:#18392a}
.reporting-demo .timeline button:before{background:#c9d6cb}
.reporting-demo .timeline button:after{background:#365f4c}
.reporting-demo .demo-time{color:#55705d}
.reporting-demo .demo-description{padding-bottom:0}
.reporting-demo .demo-description p{color:#5d7464}
.reporting-demo .demo-description strong{color:#2b503a}
.workflow-explainer{margin-top:46px}
.saved-definition{display:grid;gap:5px;font-size:11px;line-height:1.5;color:#48644f;margin:14px 0 23px}
.plan-actions{display:flex;gap:8px}
.plan-actions .sheet-button{width:auto;flex:1}
.sheet-button.secondary{background:#edf4ed;border:1px solid #bdcfc1;color:#315540}
input.save-name{width:100%;background:#fff;font:12px/1.5 Arial,sans-serif}
.run-sheet .sample-note{font-size:9px;color:#647d6c;margin-top:-8px}
@media(max-width:800px){
 .quick-demo .has-rich-result td:nth-child(2),.quick-demo .has-rich-result th:nth-child(2){display:none}
 .quick-demo .has-rich-result td,.quick-demo .has-rich-result th{font-size:9px}
 .reporting-demo .timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}
 .reporting-demo .demo-controls{align-items:center}
 .reporting-demo .demo-time{display:none}
 .reporting-demo .demo-description{display:block}
 .reporting-demo .demo-description p+p{margin-top:8px}
 .reporting-workflow .section-title{gap:20px}
 .workflow-explainer{margin-top:35px}
 .saved-definition{font-size:10px}
}

.workflow-watch{display:block;width:max-content;max-width:100%;margin-top:14px;padding:0 0 4px;background:transparent;color:#294b39;border:0;border-bottom:1px solid #718578;text-align:left;font-size:12px}
.workflow-watch:hover{color:#1e6556;border-color:#1e6556}
.reporting-demo .demo-fit-wrap{margin-inline:auto}
.reporting-demo .demo-header,.reporting-demo .demo-description{margin-inline:auto}

/* A midpoint pace between the original and 2× versions. */
.demo-shot{transition-duration:.9375s}
[data-demo] .demo .demo-camera,.workspace,.command-area,.agent-response{transition-duration:.525s}
.answer-chart,.has-rich-result .metrics,.has-rich-result .table-wrap,.has-rich-result .report-foot{transition-duration:.525s}
.answer-bar{transition-duration:.7875s}
.answer-bar:nth-child(2){transition-delay:.135s}
.answer-bar:nth-child(3){transition-delay:.27s}
.report-rows-enter tr{animation-duration:.4875s}
.report-rows-enter tr:nth-child(2){animation-delay:.075s}
.report-rows-enter tr:nth-child(3){animation-delay:.15s}
.demo-overlay{animation-duration:.225s}
.save-sheet,.run-sheet,.result-toast{animation-duration:.4125s}
.cursor.click:after{animation-duration:.45s}

/* Keep report notes clear of the floating chat response. */
.quick-demo .workspace{padding-bottom:220px}
.quick-demo .report-foot{column-gap:32px;row-gap:8px;flex-wrap:wrap}

/* Contact actions make the next step explicit. */
.cta-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.contact-email{font-size:12px;color:#36543f;text-decoration:underline;text-underline-offset:4px}
#contact-dialog p a{color:#36543f;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.cta-contact{margin-top:25px}.cta-contact .btn{margin-top:0}}
