/* Product demonstrations: real input, calculated output, visible evidence. */
.portrait-window>img{object-position:50% center}
.case-tabs{position:sticky;top:82px;z-index:15;background:#0b0d10;padding-top:8px;margin-bottom:35px}
.case-panel{display:block;min-height:0;margin-bottom:45px}.case-panel[hidden]{display:none}
.case-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start;margin:0 0 35px}
.case-intro .case-status{margin-bottom:18px}.case-intro h3{font:600 clamp(29px,3.3vw,44px)/1.14 var(--font-display);letter-spacing:-.04em}
.case-story>p{font-size:14px;line-height:1.85;color:#aeb8c1;margin:0 0 18px}
.built-details{border-top:1px solid #38414a;font-size:12px;color:#b6c1ca}.built-details summary{cursor:pointer;list-style:none;padding:14px 0;display:flex;align-items:center;justify-content:space-between;color:#eef1f3;font-weight:600}.built-details summary::-webkit-details-marker{display:none}.built-details summary span{font-size:20px;font-weight:400}.built-details[open] summary span{transform:rotate(45deg)}.built-details ul{padding:0 0 0 16px;margin:0 0 15px;line-height:1.8}.built-details li+li{margin-top:7px}
.lab-surface{background:#f4f5f6;color:#172028;border:1px solid #53606d;border-radius:8px;overflow:hidden;color-scheme:light;box-shadow:0 30px 75px #0003}.lab-surface[hidden]{display:none}
.lab-surface button,.lab-surface select,.lab-surface textarea{font-family:var(--font-body);font-size:12px}.lab-surface button{cursor:pointer}.lab-surface button:disabled{cursor:default}.lab-surface :focus-visible{outline:2px solid #94602e;outline-offset:3px}.lab-surface h4,.lab-surface h5,.lab-surface p{margin:0}.lab-surface h4{font:600 25px/1.2 var(--font-display);letter-spacing:-.035em}.lab-surface h5{font:650 14px/1.4 var(--font-body);letter-spacing:-.01em}
.lab-topbar{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:#fff;border-bottom:1px solid #dce1e5;gap:20px}.lab-app-name{display:flex;align-items:center;gap:12px}.lab-app-name strong{font-size:14px;letter-spacing:-.02em}.app-glyph{font-size:24px;line-height:1;color:#586b79}.lab-demo-tag{font:9px/1.6 var(--font-detail);color:#65717c}.demo-step-label{display:block;font:9px/1.7 var(--font-detail);color:#67727b;margin-bottom:18px;text-transform:uppercase;letter-spacing:.03em}
.lab-bottomline{display:flex;justify-content:space-between;gap:20px;padding:17px 25px;border-top:1px solid #d9dfe4;color:#64717c;font-size:10px;line-height:1.6;background:#f9fafb}.lab-bottomline>span:last-child{color:#76838e;text-align:right}.lab-static-note{padding:25px;border:1px solid #4d5864;color:#bec8d1;font-size:14px;line-height:1.8}
.lab-button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#13212b;border:1px solid #13212b;border-radius:4px;padding:14px 17px;min-height:47px;color:#fff;font-weight:600;text-align:left;transition:background 180ms,transform 180ms}.lab-button:hover{background:#2e424f}.lab-button:active{transform:translateY(1px)}.lab-button:disabled{opacity:.4;transform:none;background:#59656d;border-color:#59656d}.lab-button>span{font-size:20px;font-weight:400}.lab-text-button{background:none;border:0;color:#334e60;text-align:left;font-size:11px!important;padding:9px 0;min-height:38px;text-decoration:underline;text-underline-offset:5px;line-height:1.5}.lab-text-button:disabled{opacity:.4;text-decoration:none}
.lab-status{font-size:11px;line-height:1.6;color:#355f4c;margin-top:12px!important;min-height:18px}
/* Ad studio */
.studio-grid{display:grid;grid-template-columns:240px minmax(260px,1fr) 245px;align-items:stretch;min-height:570px}.studio-editor{background:#fff;padding:27px 23px;border-right:1px solid #dce1e5}.studio-editor>label{display:block;font-size:12px;font-weight:650;margin:23px 0 9px}.studio-editor>label:first-of-type{margin-top:0}.studio-editor textarea{display:block;width:100%;resize:vertical;min-height:93px;max-height:170px;border:1px solid #b4c1cb;background:#fafbfc;border-radius:4px;padding:12px;line-height:1.7;font-size:14px;color:#172028}.field-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;margin-top:8px;font-size:9px;color:#70808d;line-height:1.6}.studio-editor select{width:100%;padding:10px 11px;min-height:42px;border:1px solid #bac6cf;border-radius:4px;background:#fff;color:#172028}.format-choices{padding:0;margin:24px 0 0;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.format-choices legend{font-size:12px;font-weight:650;margin-bottom:10px}.format-choices button{padding:12px 4px 9px;border:1px solid #d2d9df;background:#fff;border-radius:4px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;color:#4a5b68}.format-choices button[aria-pressed=true]{border-color:#172c3a;background:#eef3f5;color:#172c3a;box-shadow:0 0 0 1px #172c3a inset}.format-choices small{font-size:7px;color:#7a8792;white-space:nowrap}.format-icon{display:block;border:1.5px solid currentColor;width:15px;height:15px}.format-icon.vertical{width:11px;height:19px;margin-top:-2px;margin-bottom:-2px}.format-icon.wide{width:22px;height:12px;margin-top:1.5px;margin-bottom:1.5px}.editor-actions{margin-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:0}.editor-actions .lab-text-button{font-size:10px!important;min-height:34px}
.studio-preview{padding:22px 26px;background-color:#edf0f2;background-image:linear-gradient(#dce2e455 1px,transparent 1px),linear-gradient(90deg,#dce2e455 1px,transparent 1px);background-size:26px 26px;display:flex;flex-direction:column;min-width:0}.preview-meta{display:flex;justify-content:space-between;gap:15px;font:8px/1.6 var(--font-detail);color:#6a7a86}.canvas-mat{min-height:405px;flex:1;display:flex;align-items:center;justify-content:center;padding:25px 0}.canvas-mat canvas{display:block;width:min(100%,400px);height:auto;box-shadow:0 18px 35px #17202826;transition:width 300ms;max-height:430px;object-fit:contain}.canvas-mat canvas[data-format=story]{height:405px;width:auto;max-width:100%}.canvas-mat canvas[data-format=display]{width:100%;height:auto}.studio-preview>p{font-size:9px;line-height:1.8;color:#6c7a84;text-align:center;margin-top:10px}.studio-validation{background:#fff;border-left:1px solid #dce1e5;padding:27px 23px;display:flex;flex-direction:column}.validation-list{display:flex;flex-direction:column;gap:23px}.validation-item{display:grid;grid-template-columns:20px 1fr;gap:8px}.validation-icon{display:flex;align-items:center;justify-content:center;width:19px;height:19px;background:#e7f0e9;color:#356449;font-size:11px;border-radius:50%;margin-top:1px}.is-invalid .validation-icon{background:#f9ead8;color:#8d531b}.validation-item strong{font-size:11px;line-height:1.5;display:block}.validation-item p{font-size:10px;line-height:1.8;color:#74818b;margin-top:6px}.export-block{border-top:1px solid #dce1e5;padding-top:20px;margin-top:auto}.export-block>p:first-child{font-size:10px;color:#65727d;line-height:1.7;margin-bottom:13px}.export-block .lab-button{width:100%;font-size:10px;padding:11px 13px;gap:8px}.export-block>span{display:block;margin-top:12px;font-size:9px;line-height:1.7;color:#7c8790}
/* Shared dashboard controls */
.dashboard-toolbar{padding:27px 30px 23px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dashboard-toolbar .demo-step-label{margin-bottom:9px}.filter-pair{display:flex;gap:14px;align-items:flex-end}.filter-pair label{font-size:10px;color:#6b7985;font-weight:500}.filter-pair select{display:block;margin-top:7px;min-width:140px;min-height:40px;padding:8px 30px 8px 11px;border:1px solid #bcc8d1;background:#fff;border-radius:4px;color:#1e2f3c}.report-kpis,.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 30px 25px}.lab-kpi{padding:20px 22px;background:#fff;border:1px solid #dbe2e7;border-radius:5px;display:flex;flex-direction:column;gap:11px}.lab-kpi>span{font-size:11px;font-weight:600;color:#64727e}.lab-kpi strong{font:600 36px/1.1 var(--font-display);letter-spacing:-.04em}.lab-kpi small{font-size:10px;color:#7b8892;line-height:1.6}.lab-kpi.is-unavailable{background:#f5f1eb;border-color:#ddcdb7}.lab-kpi.is-negative strong{color:#a24835}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.panel-heading>span{font-size:9px;line-height:1.6;color:#7a8792}.panel-heading .demo-step-label{margin-bottom:6px}
/* Reporting */
.report-content{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:0 30px 30px}.report-chart-panel,.report-assistant{background:#fff;border:1px solid #dbe2e7;border-radius:5px;padding:24px}.report-bars{display:flex;flex-direction:column;gap:14px}.metric-bar{display:grid;grid-template-columns:20px 1fr auto;gap:7px 9px;width:100%;padding:9px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:#344958;text-align:left}.metric-bar:hover{background:#f7f9fa}.metric-bar[aria-pressed=true]{border-color:#b6c9d6;background:#f3f6f8}.metric-index{font:9px var(--font-detail);color:#8b99a4;grid-row:1/4;margin-top:2px}.metric-name{font-size:11px;font-weight:600}.metric-bar>strong{font-size:12px}.bar-track{grid-column:2/4;background:#e5ebef;height:7px;border-radius:2px;overflow:hidden}.bar-fill{display:block;height:100%;background:#536c7b;transition:width 500ms ease}.metric-bar[aria-pressed=true] .bar-fill{background:#b78950}.metric-bar>small{grid-column:2/4;font-size:8px;color:#87939c}.metric-definition{margin-top:22px;padding-top:17px;border-top:1px solid #e1e6ea}.definition-label{font:8px var(--font-detail);color:#667885;text-transform:uppercase}.metric-definition p{font-size:11px;color:#677985;line-height:1.8;margin-top:9px}.assistant-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.mini-mark{display:flex;align-items:center;justify-content:center;font-size:23px;background:#13212b;color:#fff;width:38px;height:38px;border-radius:4px}.assistant-heading p{font-size:9px;color:#84909a;margin-top:5px}.question-options{display:flex;flex-direction:column;gap:7px}.question-options button{font-size:11px;text-align:left;line-height:1.6;padding:11px 13px;border:1px solid #d7e0e6;background:#fff;color:#425968;border-radius:4px;min-height:40px}.question-options button[aria-pressed=true]{border-color:#7d96a6;background:#eef3f6;color:#1f3b4c}.analysis-answer{margin-top:23px;background:#f5f1eb;border:1px solid #e7d9c7;border-radius:4px;padding:19px}.answer-label{font:8px/1.6 var(--font-detail);color:#927044;text-transform:uppercase}.analysis-answer p{font-size:12px;line-height:1.85;margin-top:11px;color:#4a5861}.analysis-answer .lab-text-button{margin-top:12px;font-size:10px!important}.source-panel{margin:0 30px 30px;background:#fff;border:1px solid #d4dfe6;padding:23px;border-radius:5px}.source-panel[hidden]{display:none}.lab-table-wrap{overflow:auto}.source-panel table{border-collapse:collapse;width:100%;min-width:470px;font-size:11px}.source-panel th,.source-panel td{text-align:right;padding:13px 12px;border-bottom:1px solid #e2e8ed;white-space:nowrap}.source-panel th:first-child{text-align:left}.source-panel thead th{font-size:9px;font-weight:500;color:#7c8b96}.source-panel tbody th{font-weight:500}.source-panel tfoot{font-weight:700;background:#f0f4f6}.source-panel>p{font-size:10px;color:#82909a;line-height:1.8;margin-top:18px}
/* Financial drilldown */
.finance-health{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 30px 20px;font-size:10px;min-height:35px}.finance-health>span{color:#3d6c51;display:flex;gap:8px;align-items:center}.finance-health i{height:6px;width:6px;background:#528165;border-radius:50%}.finance-health>span.is-incomplete{color:#97632f}.finance-health>span.is-incomplete i{background:#ba8b55}.source-toggle{display:flex;align-items:center;gap:9px;color:#687984;cursor:pointer;line-height:1.5}.source-toggle input{accent-color:#203a4c;width:16px;height:16px}.finance-content{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;padding:0 30px 30px}.pnl-panel,.ledger-panel{padding:24px;background:#fff;border:1px solid #dbe2e7;border-radius:5px;min-width:0}.pnl-rows{display:flex;flex-direction:column}.pnl-row{display:grid;grid-template-columns:1fr auto 14px;gap:15px;align-items:center;width:100%;text-align:left;padding:16px 14px;background:#fff;border:1px solid transparent;border-bottom-color:#e2e7eb;border-radius:3px;color:#546b79;min-height:54px}.pnl-row:hover{background:#f3f6f7}.pnl-row[aria-pressed=true]{background:#eef3f6;border-color:#adc1cf;color:#1d3748}.pnl-row[data-pnl=result]{font-weight:700;color:#1d3748;margin-top:10px;border-top:2px solid #243d4c}.pnl-row>span{font-size:12px}.pnl-row>strong{font-size:12px;white-space:nowrap}.pnl-row .is-unavailable{font-size:10px;color:#9d753d}.pnl-arrow{font-weight:400;color:#8a9eaa}.finance-context{font-size:10px;color:#87969f;line-height:1.8;margin-top:18px!important}.ledger-panel{background:#f9fbfc}.ledger-rows{display:flex;flex-direction:column}.ledger-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8ed;min-width:0}.ledger-account{font:8px var(--font-detail);color:#7d929f}.ledger-row strong{font-size:10px;font-weight:550;line-height:1.6;display:block}.ledger-row small{display:block;font:7px var(--font-detail);color:#9aa8b2;margin-top:4px}.ledger-amount{font:10px var(--font-detail);white-space:nowrap}.ledger-row .is-unavailable{font-size:10px;color:#9c7139}.ledger-sum{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 0;color:#385c49;font-size:10px}.ledger-sum.is-incomplete{color:#96612c}.ledger-sum strong{font-size:12px;white-space:nowrap}.ledger-panel>p{font-size:10px;color:#82929d;line-height:1.8;margin-top:16px}
/* A controllable visitor journey */
.journey-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;padding:35px}.journey-builder{padding:5px}.journey-builder h4{font-size:25px;max-width:280px}.journey-builder>p{font-size:12px;color:#70818e;line-height:1.8;margin-top:15px;max-width:350px}.event-options{display:flex;flex-direction:column;gap:9px;margin:24px 0}.event-options button{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #c8d5de;background:#fff;border-radius:4px;text-align:left;color:#304c5e;min-height:48px;font-size:12px}.event-options button>span:first-child{font:8px var(--font-detail);color:#8195a3}.event-options button>span:last-child{margin-left:auto;font-size:18px}.event-options button:disabled{color:#80918e;background:#eef3f0;border-color:#cfddd5}.event-options button:disabled>span:last-child{color:#58816b}.event-history{padding:16px 0 5px;border-top:1px solid #d3dee5}.event-history .demo-step-label{margin-bottom:14px}.event-history ol{padding:0 0 0 15px;list-style:circle;font-size:10px;line-height:1.8;color:#718694}.event-history li{padding-bottom:8px}.journey-result{border:1px solid #d1dce3;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 12px 25px #1a324511;align-self:start}.browser-strip{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #e0e6ea;background:#f8fafb;color:#a1adb5;font:8px var(--font-detail);gap:10px}.browser-strip>span:first-child{font-size:7px;letter-spacing:3px}.journey-site{background:#f7f4ed;padding:30px 34px 28px;display:flex;flex-direction:column;align-items:flex-start;min-height:390px}.journey-brand{font:600 22px var(--font-display);letter-spacing:-.04em;margin-bottom:35px;color:#314734}.journey-brand>span{color:#b9925a}.journey-site .demo-step-label{font-size:8px;color:#978568;margin-bottom:15px}.journey-site h4{font-size:33px;line-height:1.15;color:#243f2d;max-width:360px}.journey-site>p{font-size:12px;color:#7c8376;line-height:1.8;max-width:330px;margin:20px 0}.journey-site .lab-button{background:#294833;border-color:#294833;font-size:11px}.preview-disclaimer{font-size:8px;line-height:1.6;color:#9c9d91;margin-top:25px}.decision-panel{padding:25px 30px;border-top:1px solid #e1ded5}.decision-panel .demo-step-label{margin-bottom:10px}.decision-panel p{font-size:11px;line-height:1.85;color:#6b7b86}.intent-meter{display:flex;gap:5px;margin-top:20px}.intent-meter span{font:7px var(--font-detail);padding-top:9px;border-top:3px solid #e0e7eb;flex:1;color:#96a5af}.intent-meter span.is-current{border-color:#c09a62;color:#956831}#journey-next{font-size:11px;color:#667766;background:#fff9;padding:17px;border:1px solid #dbdfcf;border-radius:4px;margin-top:20px;line-height:1.8}#journey-next[hidden]{display:none}
@media(max-width:1100px){.studio-grid{grid-template-columns:210px minmax(220px,1fr) 225px}.studio-editor,.studio-validation{padding:24px 18px}.studio-preview{padding-inline:20px}.case-intro{gap:6%}.dashboard-toolbar h4{font-size:23px}.filter-pair select{min-width:125px}.report-content,.finance-content{gap:15px}.report-chart-panel,.report-assistant,.pnl-panel,.ledger-panel{padding:20px}.journey-grid{gap:25px}.journey-site{padding-inline:28px}.journey-site h4{font-size:30px}.ledger-row{gap:8px}.ledger-account{font-size:7px}}
@media(max-width:950px){.studio-grid{grid-template-columns:230px 1fr}.studio-validation{grid-column:1/-1;border-left:0;border-top:1px solid #dce1e5;display:block}.validation-list{flex-direction:row;gap:25px}.validation-item{flex:1}.export-block{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.export-block .lab-button{grid-column:2;grid-row:1/3;align-self:start}.export-block .lab-status{grid-column:1/-1}.canvas-mat{min-height:420px}.report-content,.finance-content{grid-template-columns:1fr}.report-assistant{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.assistant-heading{grid-column:1/-1}.analysis-answer{margin:0}.report-kpis,.finance-kpis{gap:10px}.lab-kpi{padding:18px}.lab-kpi strong{font-size:30px}.ledger-row{grid-template-columns:45px 1fr auto}.journey-grid{grid-template-columns:1fr 1.1fr;padding:25px;gap:22px}.journey-site{padding:25px}.journey-site h4{font-size:27px}.journey-builder h4{font-size:23px}.event-options button{font-size:11px;gap:10px}.journey-brand{margin-bottom:25px}}
@media(max-width:760px){.case-tabs{top:74px;padding-top:0;margin-bottom:28px}.case-intro{grid-template-columns:1fr;gap:23px}.case-intro h3{font-size:33px}.case-story>p{font-size:13px}.case-intro .case-status{margin-bottom:18px}.built-details summary{font-size:11px}.built-details li{font-size:11px}.lab-topbar{padding:15px 18px;gap:10px;align-items:flex-start}.lab-app-name{gap:9px;flex-shrink:0}.lab-app-name strong{font-size:12px}.lab-demo-tag{font-size:7px;max-width:150px;text-align:right}.app-glyph{font-size:21px}.lab-bottomline{padding:16px 18px;flex-direction:column;gap:8px;font-size:9px}.lab-bottomline>span:last-child{text-align:left}.dashboard-toolbar{padding:24px 20px;flex-direction:column;align-items:flex-start;gap:20px}.dashboard-toolbar h4{font-size:23px}.dashboard-toolbar .demo-step-label{font-size:8px}.filter-pair{width:100%;gap:12px}.filter-pair label{flex:1;min-width:0}.filter-pair select{width:100%;min-width:0;min-height:44px}.report-kpis,.finance-kpis{padding:0 20px 20px;gap:8px}.lab-kpi{padding:15px 12px;gap:9px}.lab-kpi strong{font-size:25px}.lab-kpi>span{font-size:10px}.lab-kpi small{font-size:8px}.report-content,.finance-content{padding:0 20px 20px;gap:15px}.report-chart-panel,.report-assistant,.pnl-panel,.ledger-panel{padding:18px}.panel-heading{gap:10px}.panel-heading h5{font-size:13px}.panel-heading>span{font-size:8px;max-width:125px;text-align:right}.report-assistant{display:block}.analysis-answer{margin-top:20px}.question-options button{min-height:44px}.metric-bar{padding:10px 8px}.metric-definition p{font-size:11px}.source-panel{margin:0 20px 20px;padding:18px}.source-panel .panel-heading{align-items:flex-start}.source-panel .panel-heading h5{font-size:12px}.source-panel th,.source-panel td{padding:12px 9px}.finance-health{margin:0 20px 20px;flex-direction:column;align-items:flex-start;gap:15px}.source-toggle{min-height:30px}.pnl-row{padding:15px 9px;gap:10px}.pnl-row>span,.pnl-row>strong{font-size:11px}.journey-grid{grid-template-columns:1fr;padding:23px 20px;gap:25px}.journey-builder{padding:0}.journey-builder h4{max-width:none}.journey-result{margin:0 -1px}.event-options button{font-size:12px;min-height:50px}.journey-site{min-height:385px;padding:25px}.journey-site h4{font-size:30px}.decision-panel{padding:23px}.preview-disclaimer{font-size:8px}.ledger-row{grid-template-columns:32px 1fr auto;gap:8px}.ledger-row strong{font-size:10px}.ledger-amount{font-size:9px}.ledger-sum{gap:12px;font-size:9px}}
@media(max-width:600px){.studio-grid{grid-template-columns:1fr}.studio-editor{border-right:0;padding:25px}.studio-editor textarea{min-height:85px}.studio-editor>label{font-size:12px}.format-choices button{flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:67px;padding:12px 7px;font-size:11px}.format-choices small{width:100%;font-size:8px}.format-icon{margin-right:3px}.editor-actions{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.studio-preview{padding:20px 25px;border-block:1px solid #d8e0e5}.canvas-mat{min-height:360px;padding-block:22px}.canvas-mat canvas{width:min(100%,300px);max-height:390px}.canvas-mat canvas[data-format=story]{height:360px}.studio-validation{padding:25px}.validation-list{flex-direction:column;gap:19px}.validation-item{grid-template-columns:22px 1fr;gap:10px}.validation-item strong{font-size:12px}.validation-item p{font-size:11px}.export-block{display:block;margin-top:25px}.export-block .lab-button{font-size:12px;min-height:48px}.export-block>p:first-child{font-size:11px}.export-block>span{font-size:10px}.export-block .lab-status{font-size:11px}.preview-meta{font-size:8px}.lab-kpi strong{font-size:21px}.finance-kpis .lab-kpi strong{font-size:20px;white-space:nowrap}.finance-kpis{grid-template-columns:1fr 1fr}.finance-kpis .lab-kpi:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.finance-kpis .lab-kpi:last-child small{grid-column:1/-1}.finance-kpis .lab-kpi:last-child strong{font-size:27px}}
@media(max-width:370px){.lab-topbar{padding:14px}.lab-demo-tag{font-size:6px;max-width:125px}.lab-app-name strong{font-size:11px}.studio-editor,.studio-validation{padding:21px}.studio-preview{padding:18px 20px}.field-meta{font-size:8px}.format-choices small{font-size:7px}.format-choices button{font-size:10px}.dashboard-toolbar,.journey-grid{padding:22px 15px}.report-kpis,.finance-kpis{padding-inline:15px}.report-content,.finance-content{padding-inline:15px}.lab-kpi{padding:12px 9px}.lab-kpi strong{font-size:20px}.lab-kpi small{font-size:7px}.report-chart-panel,.report-assistant,.pnl-panel,.ledger-panel{padding:15px}.source-panel{margin-inline:15px;padding:15px}.metric-bar{gap:7px}.metric-name{font-size:10px}.finance-health{margin-inline:15px}.journey-site{padding:23px}.journey-site h4{font-size:27px}.ledger-row{grid-template-columns:28px 1fr auto;gap:7px}.ledger-row strong{font-size:9px}.ledger-amount{font-size:8px}.pnl-row>span,.pnl-row>strong{font-size:10px}.pnl-row .is-unavailable{font-size:8px}.case-intro h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.bar-fill,.canvas-mat canvas,.lab-button{transition:none}}
body[data-motion=off] .bar-fill,body[data-motion=off] .canvas-mat canvas,body[data-motion=off] .lab-button{transition:none}
.lab-surface :is(button,input,textarea,select),.built-details{scroll-margin-top:180px;scroll-margin-bottom:35px}
.case-panel.case-enter .lab-surface{animation:demo-enter 420ms cubic-bezier(.2,.7,.2,1) both}
.bar-fill{transform-origin:left;animation:demo-bar 450ms ease-out both}
@keyframes demo-enter{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes demo-bar{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@media(max-width:760px){.lab-surface :is(button,input,textarea,select),.built-details{scroll-margin-top:155px}}
@media(prefers-reduced-motion:reduce){.case-panel.case-enter .lab-surface,.bar-fill{animation:none}}
body[data-motion=off] .case-panel.case-enter .lab-surface,body[data-motion=off] .bar-fill{animation:none}