/* The hero keeps the DAIS and Alx identities; the demonstration owns the stage. */
.hero{display:block;text-align:center;padding:32px 0 24px;max-width:850px;margin:auto}.alx-intro{justify-content:center;gap:4px;margin-bottom:0}.alx-intro>span{font-size:23px}.alx-intro>img{width:133px;margin-left:-5px}.hero h1{font-size:clamp(44px,4.9vw,66px);line-height:1.05;letter-spacing:-2.5px;margin:8px 0 17px}.hero p{max-width:545px;margin:0 auto 20px;font-size:15px;line-height:1.65}.hero-actions{justify-content:center;gap:15px}.hero-actions .btn{font-size:11px;padding:11px 18px}.demo-header{padding:10px 3px 12px;font-size:10px}.demo{border:8px solid #fff;border-radius:17px;background:#eef4f1;box-shadow:0 20px 65px #0004;isolation:isolate}.demo-camera{position:relative;transform:scale(1);transform-origin:50% 50%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .7s ease;will-change:transform}.appbar{padding:12px 22px;min-height:51px}.app-layout{grid-template-columns:174px 1fr;min-height:480px}.sidebar{position:relative;background:#f0f5f1;padding:24px 15px}.firm-label{color:#788b80;font-size:10px;margin-bottom:13px;padding-left:9px}.nav-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#809087;padding:10px;margin-bottom:5px;border-radius:5px}.nav-item.selected{color:#315f51;background:#e2ece5}.sidebar-line{height:1px;background:#dce6dd;margin:23px 8px}.saved-item{margin:0;border:1px solid #bfd1c4;background:#e8f1e9;padding:10px 9px;display:flex;align-items:center;gap:7px;border-radius:5px}.saved-item>span{font-size:13px}.saved-item strong{margin:0;font:10px/1.5 Arial,sans-serif;color:#385948}.saved-check{margin-left:auto;color:#218f89}.agent-sidebar{position:absolute;bottom:24px;left:20px;right:13px;display:flex;align-items:center;gap:8px;font-size:9px;color:#667e6d}.agent-avatar{width:26px;height:26px}.practice-avatar{font-size:21px}.workspace{background:#fff;padding:23px 31px 115px;transition:opacity .5s,filter .5s;min-height:480px}.report-title{font-size:26px}.report-top{margin-bottom:20px}.report-sub{font-size:10px}.report-actions .mini-button{font-size:10px;padding:7px 12px;border-radius:5px}.report-actions .primary{background:#1e6556;border-color:#1e6556}.chip{border-radius:4px}.chip.changed{background:#dcefe8;border-color:#8ab7a5}.metrics{gap:50px;margin-bottom:16px;align-items:end}.metric strong{font-size:30px}.report-spark{margin-left:auto;display:flex;gap:5px;align-items:end;height:45px;padding:0 9px 6px}.report-spark i{width:9px;height:30px;background:#b7d7ca;border-radius:2px 2px 0 0}.report-spark i:nth-child(2n){height:36px}.report-spark i:nth-child(3n){height:23px}.report-spark i:nth-child(4n){height:40px}.metrics small{font-size:10px}.report-foot{font-size:9px}td,th{padding:10px 8px}table{font-size:11px}th{font-size:10px;background:#f0f5f0}.report-rows-enter tr{animation:row-arrive .65s both}.report-rows-enter tr:nth-child(2){animation-delay:.1s}.report-rows-enter tr:nth-child(3){animation-delay:.2s}@keyframes row-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.command-area{position:absolute;bottom:25px;width:min(685px,72%);left:calc(50% + 60px);transform:translateX(-50%);z-index:4;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .45s}.composer{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #bacfc3;border-radius:13px;min-height:63px;padding:10px 12px;margin:0;box-shadow:0 6px 28px #2f5c4530;font-size:12px}.composer>img{width:52px;height:auto;flex-shrink:0}.composer-copy{display:flex;align-items:center;min-width:0;flex:1;line-height:1.6;font-size:12px;color:#3b5a4a;min-height:35px}.typing-caret{display:none;width:1px;height:16px;background:#218b83;margin-left:2px;flex-shrink:0}.typing .typing-caret{display:block;animation:caret .7s steps(1) infinite}@keyframes caret{50%{opacity:0}}.send{position:static;width:32px;height:32px;font-size:18px;flex-shrink:0;border-radius:7px;background:#1e6556}.command-caption{text-align:center;margin-top:9px;font-size:9px;color:#6f8578}.agent-response{display:flex;gap:9px;align-items:start;font-size:11px;line-height:1.6;background:#fff;border:1px solid #d9e6dc;border-radius:11px;padding:12px 15px;margin:0 12px 10px;box-shadow:0 5px 25px #3d6b4520;opacity:0;transform:translateY(9px);transition:opacity .5s,transform .5s;pointer-events:none}.response-star{color:#218d88;font-size:19px;line-height:1.2}.response-visible .agent-response{opacity:1;transform:translateY(0)}.demo[data-phase=question] .command-area{transform:translateX(-50%) translateY(-40px) scale(1.045)}.demo[data-phase=question] .workspace{opacity:.38;filter:blur(1.3px)}.demo[data-phase=question] .demo-camera{transform:scale(1.015)}.demo[data-phase=result] .demo-camera{transform:scale(1.018);transform-origin:65% 40%}.demo[data-phase=modal] .demo-camera{filter:blur(2px)}.demo[data-phase=modal] .command-area{opacity:0;pointer-events:none}.demo[data-phase=complete] .demo-camera{transform:scale(1.01)}.demo[data-phase=complete] .command-area{transform:translateX(-50%) translateY(0)}.cursor{width:24px;height:30px;transition:left .85s cubic-bezier(.22,.7,.25,1),top .85s cubic-bezier(.22,.7,.25,1);z-index:12}.cursor.click:after{border-color:#2d9c91;border-width:2px}.focus-target{outline:2px solid #70b1a1!important;outline-offset:4px;box-shadow:0 0 0 6px #8cc9bc20!important;transition:box-shadow .3s}.scene-caption{position:absolute;left:22px;bottom:18px;z-index:7;display:flex;align-items:center;gap:9px;pointer-events:none;max-width:140px;font-size:9px;color:#607a68}.scene-caption>span:first-child{width:23px;height:23px;border:1px solid #bdcfc1;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:9px}.demo-overlay{position:absolute;inset:0;z-index:8;background:#264f3e30;display:grid;place-items:center;animation:overlay-in .3s ease}.save-sheet,.run-sheet{background:#fff;border:1px solid #d8e4d8;border-radius:13px;box-shadow:0 20px 70px #11332238;padding:26px;width:340px;animation:sheet-in .55s cubic-bezier(.2,.7,.2,1);max-width:calc(100% - 32px)}@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-top{display:flex;gap:9px;align-items:center;color:#6f8877;font-size:10px;margin-bottom:17px}.sheet-icon{width:28px;height:28px;background:#e6f0e8;border-radius:6px;color:#2c7c64;display:grid;place-items:center;font-size:17px}.save-sheet h3,.run-sheet h3{font:normal 26px/1.2 Georgia,serif;margin-bottom:20px;letter-spacing:-.6px}.save-sheet label,.run-sheet label{font-size:10px;color:#6e8473;display:block}.save-name{display:block;font-size:12px;color:#344e3b;border:1px solid #bed1c0;padding:10px 12px;border-radius:5px;margin-top:7px;min-height:41px}.definition-summary{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 23px}.definition-summary span{font-size:9px;background:#edf4ed;border:1px solid #d7e6d7;padding:3px 7px;border-radius:3px}.sheet-button{width:100%;background:#1e6556;color:white;border:0;border-radius:6px;padding:11px;font-size:11px}.run-sheet p{font-size:11px;color:#6c8371;margin-top:-9px;margin-bottom:20px}.period-picker{border:1px solid #cfdecf;border-radius:6px;overflow:hidden;margin:7px 0 20px}.month-option{display:block;background:white;border:0;width:100%;text-align:left;font-size:11px;padding:10px 12px;color:#849487}.month-option+ .month-option{border-top:1px solid #e1e9de}.month-option span{float:right;opacity:0}.month-option.chosen{background:#e5f2e8;color:#276443}.month-option.chosen span{opacity:1}.result-toast{position:absolute;right:25px;top:67px;z-index:7;font-size:10px;background:#eef9f1;color:#285943;border:1px solid #b2d6bc;padding:11px 15px;border-radius:7px;box-shadow:0 4px 18px #305d3a18;animation:sheet-in .45s ease}.demo-controls{gap:17px;padding-top:19px}.timeline button:after{content:'';height:2px;position:absolute;left:0;top:0;width:var(--step-progress,0%);background:#c4ddd0}.timeline button:before{background:#485c50}.timeline button[aria-current=step]:before{background:#485c50}.timeline button.done:before{background:#bad4c4}.play-button{background:#ffffff0a}.demo-description{padding-bottom:30px}.hero-bottom{padding-bottom:25px}
@media(max-width:1050px){.app-layout{grid-template-columns:145px 1fr}.sidebar{padding:22px 10px}.workspace{padding:22px 24px 115px}.command-area{left:calc(50% + 55px);width:75%}.scene-caption{left:15px;max-width:100px}.report-spark{display:none}}
@media(max-width:800px){.hero{padding:23px 0 17px}.alx-intro>img{width:120px}.alx-intro>span{font-size:23px}.hero h1{font-size:46px;letter-spacing:-1.8px;line-height:1.06;margin:4px 0 16px}.hero p{font-size:13px;max-width:450px;line-height:1.65;margin-bottom:18px}.hero-actions{gap:10px}.hero-actions .btn{font-size:10px;padding:10px 14px}.demo-header{font-size:9px;padding:9px 0;gap:15px}.demo-header span:first-child{max-width:200px}.demo-header span:last-child{text-align:right}.demo{border-width:5px;border-radius:12px}.app-layout{display:block;min-height:450px}.sidebar{display:none}.workspace{padding:18px 15px 135px;min-height:450px}.appbar{min-height:45px;padding:10px 12px}.appbar>span{display:none}.appbrand{gap:9px}.appbrand .product-identity{font-size:9px;padding-left:8px;gap:5px}.app-logo{width:73px}.product-identity img{width:53px}.report-title{font-size:23px}.report-top{gap:7px;margin-bottom:17px;flex-wrap:nowrap}.breadcrumbs{font-size:8px;max-width:110px}.report-actions{gap:5px}.report-actions .mini-button{padding:6px 7px;font-size:9px}.report-sub{font-size:9px;gap:10px}.chips{gap:5px;margin:14px 0}.chip{font-size:8px;padding:3px 5px}.metrics{gap:25px;margin-bottom:15px}.metric strong{font-size:26px}.metrics small{font-size:9px}td,th{padding:9px 4px}table{font-size:10px}th{font-size:9px}.command-area{width:calc(100% - 26px);left:50%;bottom:21px}.composer{min-height:56px;padding:7px 9px;gap:7px;border-radius:10px}.composer>img{width:43px}.composer-copy{font-size:10px;line-height:1.6}.send{width:28px;height:28px;font-size:16px}.agent-response{font-size:10px;padding:9px 11px;gap:7px;margin:0 4px 8px;border-radius:8px}.command-caption{font-size:8px;margin-top:7px}.demo[data-phase=question] .command-area{transform:translateX(-50%) translateY(-42px) scale(1.02)}.demo[data-phase=result] .demo-camera{transform:scale(1.01)}.scene-caption{display:none}.result-toast{top:54px;right:10px;font-size:9px;padding:8px 10px}.save-sheet,.run-sheet{padding:22px;width:300px}.save-sheet h3,.run-sheet h3{font-size:24px}.cursor{width:21px;height:26px}.demo-description{padding-bottom:24px}.demo-controls{gap:12px}.timeline button{font-size:10px}.hero-bottom{font-size:10px;display:flex;gap:20px;flex-wrap:wrap}.hero-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.demo-camera,.workspace,.command-area,.agent-response,.cursor{transition:none!important;transform:none!important}.command-area{transform:translateX(-50%)!important}.demo[data-phase=question] .workspace{filter:none;opacity:1}.demo-overlay,.save-sheet,.run-sheet,.result-toast,.report-rows-enter tr,.typing-caret{animation:none!important}.demo[data-phase=question] .command-area{transform:translateX(-50%)!important}}
/* Keep the reporting result clear while the command bar is on screen. */
.scene-caption{display:none}.workspace{padding-bottom:180px}.result-toast{pointer-events:none}
@media(max-width:800px){.workspace{padding-bottom:190px}}

/* Alx identifies the assistant and prompt bar; DAIS identifies the workspace. */
.agent-sidebar .agent-avatar{width:43px;height:28px;background:#fff;border:1px solid #cbdacf;border-radius:5px;flex-shrink:0}.agent-sidebar .agent-avatar img{display:block;width:43px;height:auto}.composer>img{width:60px}.response-star{font-size:0;display:block;background:url('assets/alx-logotype.svg?v=alx-original-period') center/contain no-repeat;width:39px;height:23px;flex-shrink:0}
@media(max-width:800px){.composer>img{width:47px}.response-star{width:32px;height:21px}}

.agent-sidebar .agent-avatar{width:48px;height:33px;padding:3px 5px}.agent-sidebar .agent-avatar img{width:36px;height:auto;max-height:26px;object-fit:contain}

/* One camera carries the interface, dialogs, and cursor together. */
.demo-shot{position:relative;transform:translate3d(0,0,0) scale(1);transform-origin:50% 50%;transition:transform 1.25s cubic-bezier(.22,.68,.24,1);will-change:transform;backface-visibility:hidden}
#demo-stage .demo-camera{transform:none;transform-origin:50% 50%;transition:filter .7s ease}
.cursor{transition:left .9s cubic-bezier(.22,.7,.25,1),top .9s cubic-bezier(.22,.7,.25,1)}
@media(prefers-reduced-motion:reduce){.demo-shot{transform:none!important;transition:none!important;will-change:auto}}