/* Hotel sales demo: authored screens, shared fictional opportunity and forecast. */
.st-demo{--st-ink:#17344c;--st-muted:#687f92;--st-edge:#d8e3ec;--st-blue:#087bb6;--st-soft:#e9f4fb;background:#f3f7fb;color:var(--st-ink);height:650px;border:1px solid #b9cddd;border-radius:20px;overflow:hidden;box-shadow:0 24px 65px #00103c50;display:flex;flex-direction:column}
.st-topbar{display:flex;align-items:center;padding:0 26px;height:64px;flex:none;background:#fff;border-bottom:1px solid var(--st-edge);gap:40px}.st-topbar>strong{display:flex;align-items:center;gap:11px;font-size:22px}.st-brand{display:grid;place-items:center;width:33px;height:33px;background:var(--st-blue);color:#eaf8ff;border-radius:10px;font-size:20px}.st-topbar nav{display:flex;gap:28px;font-size:18px;color:var(--st-muted)}.st-topbar nav .active{color:var(--st-blue);font-weight:600}.st-demo-label{margin-left:auto;font-size:12px;letter-spacing:1px;color:var(--st-muted)}.st-workspace{padding:24px 30px;flex:1;min-height:0;position:relative}.st-pane[hidden]{display:none}.st-pane-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.st-pane-heading small{font-size:11px;color:var(--st-blue);letter-spacing:1.5px}.sales-story .st-pane-heading h3{font-size:29px;line-height:1.35;margin-top:5px}.st-date{font-size:14px;color:var(--st-muted)}.st-demo h4{font-size:26px;margin:0;line-height:1.45}.st-demo p{font-size:19px;line-height:1.6}.st-demo small{font-size:13px;letter-spacing:.6px}.st-demo .st-muted{color:var(--st-muted);font-size:16px;line-height:1.7}.st-primary{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:0;border-radius:100px;padding:12px 23px;background:var(--st-blue);color:#eaf8ff;font-family:inherit;font-size:20px;cursor:pointer;white-space:nowrap}.st-primary:hover{background:#075f8c}.st-primary:focus-visible{outline:3px solid var(--st-blue);outline-offset:4px}.st-info{background:var(--st-soft);color:#36617c;border-left:3px solid #68acd1;padding:12px 17px;font-size:17px;line-height:1.6;margin:18px 0}.st-badge{display:inline-block;font-size:14px;padding:6px 12px;background:#e3f3ee;color:#28755e;border-radius:100px;white-space:nowrap}
.st-signal-grid{display:grid;grid-template-columns:440px 1fr;gap:26px}.st-signal-list{padding:20px;background:#eaf0f6;border-radius:16px}.st-signal-list>small{color:var(--st-muted)}.st-signal{display:flex;align-items:center;gap:12px;padding:18px 14px;margin-top:14px;background:#f5f8fb;border:1px solid var(--st-edge);border-radius:14px}.st-signal.selected{background:#e0f2fd;border-color:#69b7e1}.st-signal b{font-size:22px}.st-signal p{font-size:16px;margin:4px 0}.st-signal small{color:var(--st-muted)}.st-signal>span{margin-left:auto;color:var(--st-blue);font-size:24px}.st-signal i{width:8px;height:8px;background:var(--st-blue);border-radius:50%}.st-account{padding:23px 26px;background:#fff;border:1px solid var(--st-edge);border-radius:16px}.st-account-top{display:flex;align-items:center;gap:16px}.st-account-top>.st-badge{margin-left:auto}.st-account-top p{font-size:16px;color:var(--st-muted)}.st-company{width:48px;height:48px;display:grid;place-items:center;background:#e0edf8;color:var(--st-blue);font-size:26px;border-radius:12px}.st-history-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.st-history-pair>div{padding:16px 20px;background:#f4f7fa;border-radius:12px}.st-history-pair small{color:var(--st-muted)}.st-history-pair b{display:block;font-size:33px;margin:8px 0;color:var(--st-blue)}.st-history-pair p{font-size:17px}
.st-advice-grid{display:grid;grid-template-columns:330px 1fr;gap:26px}.st-context{padding:24px;background:#e8f0f7;border-radius:16px}.st-context>small{color:var(--st-muted)}.st-context h4{margin:16px 0}.st-context p{margin:16px 0}.st-chat{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.st-chat-user{align-self:flex-end;padding:14px 22px;background:#e0eefa;border:1px solid #c3dced;border-radius:16px 3px 16px 16px;font-size:19px;line-height:1.55}.st-chat-ai{width:100%;padding:17px 22px;background:#fff;border:1px solid var(--st-edge);border-radius:3px 16px 16px 16px}.st-chat-ai>small{color:var(--st-blue)}.st-chat-ai ol{padding-left:25px;font-size:19px;line-height:1.7;margin:10px 0}.st-chat-ai p{font-size:17px;color:var(--st-muted);border-top:1px solid var(--st-edge);padding-top:10px}.st-chat>.st-primary{align-self:flex-end}.st-demo[data-demo-beat="1"] .st-chat-ai{animation:st-panel-in .5s both .7s}.st-demo[data-demo-beat="1"] .st-chat>.st-primary{animation:st-panel-in .4s both 1.3s}
.st-draft-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.st-form{background:#fff;border:1px solid var(--st-edge);border-radius:16px;padding:22px}.st-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.st-field{padding:12px 17px;border:1px solid var(--st-edge);border-radius:10px;background:#f9fbfd}.st-field small{display:block;color:var(--st-muted);font-size:12px}.st-field b{display:block;margin-top:7px;font-size:20px;font-weight:500}.st-field.wide b{font-size:25px}.st-field .st-blue{color:var(--st-blue);font-size:29px}.st-checklist{padding:20px 23px;background:#e9f2f8;border-radius:16px}.st-checklist>small{color:var(--st-blue)}.st-checklist h4{margin:12px 0}.st-checklist p{font-size:18px;line-height:1.9}.st-checklist .st-info{margin:12px 0;font-size:15px}.st-checklist .st-primary{font-size:18px}
.st-saved-toast{font-size:17px;color:#236f56;background:#e2f4ec;border:1px solid #b9decf;padding:10px 17px;border-radius:10px;margin-bottom:14px}.st-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:18px}.st-kpis article{background:#fff;border:1px solid var(--st-edge);border-radius:13px;padding:16px 22px}.st-kpis small{color:var(--st-muted);font-size:12px}.st-kpis b{display:block;font-size:34px;margin:4px 0}.st-kpis article>span{font-size:14px;color:var(--st-blue)}.st-pipeline{background:#fff;border:1px solid var(--st-edge);border-radius:12px;overflow:hidden}.st-table-head,.st-table-row{display:grid;grid-template-columns:1.4fr .55fr .7fr .7fr 1fr;gap:14px;align-items:center;padding:12px 20px}.st-table-head{background:#eaf0f6;color:var(--st-muted);font-size:12px}.st-table-row{font-size:18px;border-top:1px solid var(--st-edge)}.st-table-row strong{font-weight:600}.st-table-row strong small{display:block;font-size:12px;font-weight:400;color:var(--st-muted);margin-top:2px}.st-table-row.is-new{background:#edf8fe}.st-status{font-size:15px;color:#36627e}.st-warning{color:#b56b27;font-size:15px}.st-table-row>span:last-child{font-size:15px}.st-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.st-bottom p{font-size:17px;color:var(--st-muted)}.st-bottom .st-primary{font-size:17px;padding:10px 20px}.st-demo[data-demo-beat="4"] .st-saved-toast,.st-demo[data-demo-beat="4"] .is-new{animation:st-panel-in .6s both}
.st-forecast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.st-forecast-hero{padding:26px;background:#113b59;color:#e7f3ff;border-radius:16px}.st-forecast-hero>small{color:#9fcce1;font-size:12px}.st-forecast-hero>b{display:block;font-size:59px;letter-spacing:-1px;margin:12px 0}.st-forecast-hero>p{font-size:17px;color:#b7d4e5}.st-stack{display:flex;gap:4px;height:30px;margin:26px 0 13px}.st-stack i{background:#4cbded;border-radius:4px}.st-stack i:nth-child(2){background:#74d1ce}.st-stack i:nth-child(3){background:#b9c7df}.st-legend{display:flex;gap:20px;font-size:13px;color:#acdaee}.st-legend span:nth-child(2){color:#74d1ce}.st-legend span:nth-child(3){color:#b9c7df}.st-forecast-delta{border-top:1px solid #3e6079;margin-top:25px;padding-top:18px;font-size:24px;color:#8bdbff}.st-forecast-delta>span{font-size:15px;display:block;margin-top:6px;color:#b7d4e5}.st-forecast-detail{padding:22px 24px;background:#fff;border:1px solid var(--st-edge);border-radius:16px}.st-forecast-detail h4{font-size:24px;margin-bottom:15px}.st-forecast-row{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--st-edge);font-size:17px}.st-forecast-row>span{color:var(--st-muted)}.st-forecast-row>strong{text-align:right}.st-forecast-detail .st-info{font-size:15px;margin:18px 0 12px}.st-forecast-detail .st-muted{font-size:14px}
.st-fit{display:grid;grid-template-columns:1fr 70px 1.2fr;gap:18px;align-items:center;margin-top:30px}.st-fit-before,.st-fit-after{padding:32px;border-radius:18px}.st-fit-before{background:#e8edf3;color:#75889b}.st-fit-after{background:#e1f2fc;border:1px solid #9fcce4}.st-fit h4{font-size:34px;margin:20px 0}.st-fit-before h4{color:#6d8296}.st-fit-after h4{color:var(--st-blue)}.st-fit p{font-size:20px;line-height:1.7}.st-fit small{font-size:12px}.st-fit-arrow{font-size:43px;color:var(--st-blue);text-align:center}.st-fit-roles{display:flex;justify-content:center;gap:20px;margin-top:30px}.st-fit-roles>span{padding:12px 19px;border-radius:100px;border:1px solid #b9d6e8;font-size:17px;color:#356580}.st-fit-note{text-align:center;font-size:20px!important;margin-top:26px!important;color:var(--st-blue)}
.st-footer{height:40px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid var(--st-edge);font-size:12px;color:var(--st-muted);background:#fff}.st-footer>div{display:flex;align-items:center;gap:8px}.st-footer i{width:6px;height:6px;border-radius:50%;background:#c7d5e0}.st-footer i.active{background:var(--st-blue);width:18px;border-radius:5px}.st-footer>div>span{margin-left:10px}
@keyframes st-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.st-demo *{animation:none!important;transition:none!important}}
/* Keep every action above the persistent app footer on the presentation stage. */
.st-demo{height:680px}.st-workspace{padding:20px 30px}.st-pane-heading{margin-bottom:14px}.st-account .st-info{margin:12px 0}.st-history-pair{margin-top:16px}
.st-kpis article{padding:10px 20px}.st-kpis b{font-size:32px;line-height:1.2}.st-kpis{margin-bottom:12px}.st-saved-toast{padding:7px 16px;font-size:15px;line-height:1.4;margin-bottom:10px}
.st-table-head{padding:8px 20px;line-height:1.3}.st-table-row{padding:8px 20px;font-size:17px;line-height:1.3}.st-table-row strong small{line-height:1.3}.st-bottom{margin-top:12px}
.st-fit{margin-top:18px}.st-fit-roles{margin-top:23px}.st-fit-note{margin-top:18px!important}
.st-forecast-hero{padding:22px}.st-forecast-hero>b{font-size:54px;line-height:1.2}.st-stack{margin-top:20px}.st-forecast-delta{margin-top:18px;padding-top:14px}.st-forecast-detail{padding:20px 24px}.st-forecast-row{padding:10px 0}.st-forecast-detail .st-info{margin-top:14px}

/* Signal actions and deliberate button presses for keyboard and clicker demos. */
.st-action-pair{display:flex;gap:14px;align-items:center}.st-secondary{background:#e7f2fa;color:#087bb6;border:1px solid #9cc7df}.st-secondary:hover{background:#d5eaf7}.st-signal-context{font-size:16px;color:#57788e;padding:9px 0}.st-primary{position:relative;transition:transform .15s,background .15s}.st-primary.st-button-press{animation:st-button-tap .46s both!important}.st-primary.st-button-press:after{content:"";position:absolute;inset:-5px;border:3px solid #40bbed;border-radius:100px;animation:st-click-ring .46s both;pointer-events:none}
@keyframes st-button-tap{0%{transform:scale(1)}35%,65%{transform:scale(.95);background:#055783}100%{transform:scale(1)}}
@keyframes st-click-ring{from{opacity:1;transform:scale(.97)}to{opacity:0;transform:scale(1.08)}}
.st-demo[data-demo-beat="2"] .st-chat-user{animation:st-panel-in .35s both}.st-demo[data-demo-beat="2"] .st-chat-ai{animation:st-panel-in .45s both .5s}.st-demo[data-demo-beat="2"] .st-chat>.st-primary{animation:st-panel-in .35s both 1s}
.st-fit-before,.st-fit-after{padding:23px 30px}.st-fit h4{margin:14px 0}.st-fit-roles{margin-top:16px}.st-fit-finish{text-align:center;margin-top:15px}.st-fit-finish .st-primary{font-size:18px;padding:10px 22px}.st-fit-note{font-size:17px!important;margin-top:10px!important}
@media(prefers-reduced-motion:reduce){.st-primary.st-button-press,.st-primary.st-button-press:after{animation:none!important}}

/* Opportunity editor: compact application labels and form fields. */
.st-draft-status{display:flex;align-items:center;gap:8px;font-size:15px;color:#7a6b4c;background:#f4eddf;padding:8px 13px;border-radius:100px}.st-draft-status i{width:6px;height:6px;border-radius:50%;background:#ba8c3a}
.st-form-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:18px}.st-form-section>span{font-size:14px;color:var(--st-muted)}
.st-form .st-field{display:block;padding:0;border:0;background:transparent}.st-form .st-field small{margin-bottom:7px;font-size:13px;letter-spacing:0}.st-form .st-field input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd9e4;border-radius:8px;padding:10px 13px;background:#fff;color:var(--st-ink);font-family:inherit;font-size:19px;line-height:1.4;outline:none}.st-form .st-field input:focus{border-color:#399dce;box-shadow:0 0 0 2px #399dce20}.st-form .st-field .st-blue{color:var(--st-blue);font-size:19px}.st-form .st-fields{gap:13px 18px;margin-top:14px}.st-task-owner{font-size:16px;margin-bottom:14px;color:var(--st-ink)}.st-task-owner>span{color:var(--st-muted)}.st-checklist h4{font-size:23px;margin:10px 0}.st-checklist .st-primary{width:100%;margin-top:8px}.st-checklist p{line-height:2.1}
/* Reserve breathing room above the slide step controls, including focus rings. */
.sales-story[data-step="4"] .ws-heading{height:142px}

/* Task pipeline and monthly forecast views. */
.st-board-tools{display:flex;gap:12px;align-items:center;margin-bottom:16px}.st-board-tools>span{padding:8px 15px;border:1px solid var(--st-edge);background:#fff;border-radius:100px;font-size:15px}.st-board-tools>small{margin-left:auto;color:var(--st-muted)}
.st-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;height:366px}.st-kanban>section{padding:15px;background:#e9eff5;border-radius:13px}.st-kanban>section>header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;margin-bottom:15px}.st-kanban header b{font-size:13px;background:#d8e3ec;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.st-task-card{background:#fff;border:1px solid #d2dfe9;border-radius:11px;padding:15px;margin-bottom:13px;box-shadow:0 3px 7px #17344c08}.st-task-card>small{font-size:12px;color:var(--st-muted);letter-spacing:0}.st-task-card h4{font-size:18px;line-height:1.45;margin:9px 0 16px}.st-task-card footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--st-muted);gap:5px}.st-task-person{background:#eaf3fa;border-radius:100px;padding:4px 9px;color:#36617c}.st-task-active{border-left:3px solid #188abc}.st-task-late footer>span:last-child{color:#a95524;background:#fff0e5;padding:4px 6px;border-radius:5px}.st-task-empty{text-align:center;padding:50px 0;color:#97aaba;font-size:30px}.st-task-empty p{font-size:16px;line-height:1.6;margin-top:12px}
.st-month-chart{background:#fff;border:1px solid var(--st-edge);border-radius:16px;padding:20px 24px}.st-month-chart>header{display:flex;justify-content:space-between;align-items:center}.st-month-chart header small{font-size:11px;color:var(--st-muted)}.st-month-chart header strong{display:block;font-size:37px;line-height:1.3;color:var(--st-blue);margin-top:5px}.st-month-chart header>span{font-size:13px;color:var(--st-muted)}.st-chart-plot{height:246px;margin-top:15px;display:flex;gap:16px}.st-chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:28px;width:40px;flex:none;color:#7a91a4;font-size:12px}.st-chart-months{display:flex;justify-content:space-around;align-items:stretch;flex:1;background:repeating-linear-gradient(to top,transparent 0px,transparent 72px,#e6edf3 72px,#e6edf3 73px);border-bottom:1px solid #d6e1ea;margin-bottom:28px}.st-chart-month{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100px}.st-chart-month>b{font-size:15px;color:#166b95;margin-bottom:5px}.st-month-bar{width:58px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:6px 6px 0 0}.st-month-bar i{background:#239bcf;flex:none}.st-month-bar i:nth-child(2){background:#65c6c1}.st-month-bar i:nth-child(3){background:#a8b8d1}.st-chart-month>strong{position:absolute;bottom:-27px;font-size:14px;font-weight:500}.st-no-forecast>span{font-size:12px;color:#8ca0b0;margin-bottom:10px}.st-no-forecast>div{height:3px;width:58px;background:#d8e3ec;border-radius:5px}.st-chart-legend{display:flex;justify-content:center;gap:18px;margin-top:8px;font-size:12px;color:#239bcf}.st-chart-legend>span:nth-child(2){color:#449f9a}.st-chart-legend>span:nth-child(3){color:#8093b0}.st-month-chart>p{font-size:12px;color:var(--st-muted);text-align:center;margin-top:12px}.st-demo[data-demo-beat="5"] .st-task-card{animation:st-panel-in .4s both}.st-demo[data-demo-beat="6"] .st-month-bar{transform-origin:bottom;animation:st-bar-grow .7s both}@keyframes st-bar-grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}

.st-kanban{height:334px}.st-chart-plot{height:202px}.st-chart-months{background:repeating-linear-gradient(to top,transparent 0px,transparent 57px,#e6edf3 57px,#e6edf3 58px)}

/* Hotel-wide outlook: actuals, confirmed backlog and weighted open deals. */
.st-outlook .st-forecast-grid{grid-template-columns:1.55fr 1fr;gap:22px}.st-outlook .st-chart-month{width:72px}.st-outlook .st-month-bar{width:43px}.st-outlook .st-chart-month>b{font-size:14px}.st-outlook .st-month-bar .st-actual{background:#859ab2}.st-outlook .st-month-bar .st-booked{background:#1683bc}.st-outlook .st-month-bar .st-open{background:#7bcfc8}.st-outlook .st-chart-legend{gap:16px;font-size:12px}.st-outlook .st-key-actual{color:#7288a1}.st-outlook .st-key-booked{color:#1683bc}.st-outlook .st-key-open{color:#38988f}.st-outlook .st-chart-month:nth-child(4){border-left:1px dashed #b3c9d9}.st-outlook-detail{background:#fff;border:1px solid var(--st-edge);border-radius:16px;padding:20px 23px}.st-outlook-detail h4{font-size:23px;margin-bottom:12px}.st-outlook-metric{padding:11px 0;border-bottom:1px solid var(--st-edge)}.st-outlook-metric small{font-size:11px;color:var(--st-muted)}.st-outlook-metric strong{display:block;font-size:29px;line-height:1.3;color:#1683bc;margin:4px 0}.st-outlook-metric:nth-of-type(2) strong{color:#38988f}.st-outlook-metric p{font-size:14px;color:var(--st-muted)}.st-outlook-detail .st-info{font-size:13px;margin:12px 0;padding:9px 12px}.st-outlook-detail .st-outlook-note{font-size:12px;line-height:1.5;color:var(--st-muted)}
.st-outlook-detail{padding:16px 23px}.st-outlook-detail h4{margin-bottom:7px}.st-outlook-metric{padding:5px 0}.st-outlook-metric strong{font-size:26px}.st-outlook .st-chart-legend .st-key-actual{color:#7288a1}.st-outlook .st-chart-legend .st-key-booked{color:#1683bc}.st-outlook .st-chart-legend .st-key-open{color:#38988f}