/* Three distinct application demos. Explicit grid areas prevent implicit empty tracks. */
.distinct-apps{--app-accent:#344d77;--app-wash:#eef3fa;font-size:14px;line-height:1.45;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:'app story';height:auto;min-height:480px;border:1px solid #cbd3e1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 55px -30px #273d6830}
.distinct-apps[data-app=crm]{--app-accent:#7a527d;--app-wash:#f5eff6}.distinct-apps[data-app=erp]{--app-accent:#3d6a60;--app-wash:#edf5f2}
.application-surface{grid-area:app;min-width:0;min-height:0}.demo-view[hidden]{display:none!important}
.product-header{display:flex;align-items:center;gap:9px;padding:10px 20px;border-bottom:1px solid #e3e8ef;background:#fbfcfe}
.product-symbol{font:28px/35px var(--display);width:36px;height:36px;border-radius:7px;text-align:center;background:var(--app-accent);color:#fff;flex-shrink:0}
.product-header>strong{font:400 18px/1.1 var(--display);letter-spacing:-.025em}.product-header>strong>span{display:block;font:12px/1.5 var(--body);letter-spacing:0;color:#6e7f94;margin-top:2px}
.product-context,.soft-badge,.product-heading .micro-label,.buying-note,.customer-owner,.customer-heading p,.activity-source,.crm-next,.order-track,.inventory-heading p,.queue-summary,.order-queue>.micro-label,.offer-file,.supplier-detail .micro-label,.distinct-apps>.system-strip,.story-result #app-result{display:none}
.product-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.product-heading h2{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0}
.micro-label{font-size:11px!important;color:#718198;line-height:1.5;text-transform:uppercase;letter-spacing:.055em}
.rfq-content,.crm-content{padding:20px}.rfq-brief{display:flex;gap:9px;align-items:center;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #e7ebf2}.brief-icon{font-size:25px;color:#73839e}.rfq-brief strong{font-weight:500;font-size:16px}.rfq-brief p{font-size:13px;color:#6a7c94;margin-top:2px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.offer-card{position:relative;border:1px solid #dce3ed;background:#fff;border-radius:7px;padding:16px 13px;text-align:left;display:grid;grid-template-columns:24px 1fr;gap:0 7px;align-items:start;min-width:0;color:#23324b;transition:border-color .2s,background .2s}
.offer-card[aria-pressed=true]{border-color:#6884ac;background:#f6f9fd;box-shadow:inset 0 0 0 1px #6884ac}.supplier-monogram{width:24px;height:24px;display:grid;place-items:center;background:#e9eef6;color:#526884;border-radius:5px;font-size:10px;grid-row:1}.offer-card>strong{font-size:15px;font-weight:500;align-self:center;line-height:1.3}.offer-price{grid-column:1/-1;font:400 38px/1.2 var(--display);letter-spacing:-.04em;margin-top:14px}.offer-unit{grid-column:1/-1;font-size:14px;color:#6c7e94;margin-top:1px}.offer-term{grid-column:1/-1;font-size:14px;margin-top:15px;color:#617589;line-height:1.4}.warning{color:#ad512d!important}
.supplier-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;background:#f8f9fc;padding:14px;margin-top:16px;border-radius:5px}.supplier-detail strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.supplier-detail>p{font-size:15px;color:#637187;line-height:1.4}
.distinct-apps[data-phase=step-2] .offer-price{color:#b75832}.distinct-apps[data-phase=prepared] .offer-card[data-supplier=a]{border-color:#70a494}.distinct-apps[data-phase=prepared] .offer-card[data-supplier=b] .offer-term{color:#9b4825;background:#fff0df;border-radius:3px}
.crm-view .product-header{background:#fcfafd}.pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.pipeline-column{background:#f5f4f8;border-radius:6px;height:160px;min-height:0;padding:12px 9px;min-width:0}
.pipeline-column h3{display:flex;gap:5px;align-items:center;font:500 13px/1.4 var(--body);letter-spacing:0;margin-bottom:11px;color:#6a667a}.pipeline-column h3>span{width:5px;height:5px;border-radius:50%;background:#a9a3b5;flex-shrink:0}.pipeline-column[data-stage=qualified] h3>span{background:#a283ab}.pipeline-column[data-stage=proposal] h3>span{background:#bd9273}.pipeline-column h3 b{font-size:10px;font-weight:400;margin-left:auto;background:#eae6ee;padding:1px 5px;border-radius:3px}
.deal-list{display:flex;flex-direction:column;gap:9px}.deal-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;background:#fff;border:1px solid #e1dce8;border-radius:5px;padding:12px 10px;width:100%;color:#363249;text-align:left;min-width:0}
.deal-card[aria-pressed=true]{border-color:#97729d;box-shadow:inset 0 0 0 1px #97729d}.deal-avatar,.deal-tag{display:none}.deal-card strong{font-size:14px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}.deal-value{font-size:14px;line-height:1.3;letter-spacing:-.025em;align-self:center}.lane-empty{color:#877c94;font-size:13px;line-height:1.5;padding:8px 3px}
.customer-panel{border:1px solid #e8e1eb;border-radius:6px;overflow:hidden}.customer-heading{padding:11px 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eee8f0}.customer-avatar{width:25px;height:25px;background:#eee7f1;display:grid;place-items:center;color:#85648c;border-radius:50%;font-size:9px;flex-shrink:0}.customer-heading strong{font-size:15px;font-weight:500;line-height:1.3}.customer-context{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 13px;font-size:16px;color:#72667d;line-height:1.4}.customer-context .micro-label{margin-bottom:6px}
.erp-view .product-header{background:#f7fbf9}.erp-layout{display:grid;grid-template-columns:120px minmax(0,1fr)}.order-queue{background:#f0f5f3;padding:20px 10px;border-right:1px solid #deebe5;display:flex;flex-direction:column;gap:10px;min-width:0}.order-queue>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;background:transparent;border:1px solid transparent;border-radius:5px;padding:13px 8px;color:#5f7b71;min-width:0}.order-queue>button[aria-pressed=true]{background:#fff;border-color:#a0bbaf;box-shadow:0 2px 5px #3459470a}.order-queue>button strong{font-weight:500;font-size:14px;color:#2d5143}.order-queue>button span{font-size:13px}.order-queue>button small{display:none}
.erp-content{padding:24px 20px;min-width:0}.erp-content .product-heading{margin-bottom:24px}.erp-content .product-heading h2{font-size:29px}.inventory-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.inventory-heading strong{font-size:16px;font-weight:500}.inventory-symbol{font-size:27px;color:#96afa1}
.stock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.stock-metrics span{display:block;font-size:14px;color:#657f71}.stock-metrics strong{display:block;font:400 42px/1.2 var(--display);letter-spacing:-.04em;margin-top:7px;color:#375949}
.stock-chart{margin-top:14px}.stock-chart>div{height:8px;background:#f2dfd5;border-radius:6px;overflow:hidden}.stock-chart>div>span{display:block;height:100%;background:#7d9c8e;border-radius:6px;transition:width .4s}.stock-chart p{font-size:13px;color:#6c8677;margin-top:7px}
.fulfilment-plan{border-top:1px solid #e7eee9;margin-top:23px;padding-top:16px}.fulfilment-plan>.micro-label{margin-bottom:8px}.fulfilment-plan #plan-lines{display:flex;flex-direction:column;gap:11px}.fulfilment-plan #plan-lines p{display:flex;gap:8px;align-items:flex-start;font-size:15px;color:#657e70;line-height:1.4}.plan-marker{width:16px;height:16px;display:grid;place-items:center;background:#edf3ef;border-radius:50%;color:#648573;flex-shrink:0;font-size:10px}.fulfilment-plan.prepared #plan-lines p{color:#426653}.fulfilment-plan.prepared .plan-marker{background:#e5f1e9;color:#527c61}
.solution-story{grid-area:story;border-left:1px solid #dce3ed;background:#f9fafc;display:grid;grid-template-rows:auto auto auto;min-width:0;min-height:0}
.story-problem,.demo-controls,.story-result{padding:14px 20px;min-width:0}.story-problem{background:#fdf8f4;border-bottom:1px solid #dce3ed}.story-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6a7a92;line-height:1.45;margin-bottom:8px}
.solution-story h3{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;font-weight:400}.story-problem>p:last-child,.story-result>#result-detail{font-size:15px;line-height:1.35;color:#5b6e88}.story-result{background:#edf5f1;border-top:1px solid #dce3ed}.story-result h3{font-size:28px;line-height:1.12;letter-spacing:-.025em;margin-bottom:9px}
.demo-controls{border-bottom:1px solid #dce3ed;background:var(--app-wash)}.demo-controls .ai-heading{display:flex;align-items:center;flex-wrap:wrap;font-size:15px;gap:7px}.ai-star{font-size:19px;color:#c94c2b;line-height:1}.ai-heading strong{font-weight:500}.ai-heading #ai-state{margin-left:auto;font-size:11px;color:var(--app-accent)}.ai-progress{display:flex;gap:5px;margin:10px 0}.ai-progress i{height:5px;border-radius:3px;flex:1;background:#d8dfe9;transition:background .3s}.ai-progress i.done,.ai-progress i.current{background:var(--app-accent)}.ai-progress i.current{animation:breathe 1s ease-in-out infinite}
.demo-controls>#ai-explanation{font-size:17px;line-height:1.35;min-height:46px;color:#3c4e66}.demo-actions{display:flex;align-items:center;margin-top:10px}.demo-actions button{border:0;background:var(--app-accent);color:#fff;font:400 13px/1.35 var(--body);border-radius:5px;padding:9px;min-height:39px;white-space:nowrap;width:100%}
.distinct-apps button:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.distinct-apps.running .ai-star{animation:rotate-star 5s linear infinite}.distinct-apps[data-phase=prepared] .story-result{box-shadow:inset 4px 0 #6f9b80}.distinct-apps[data-phase=prepared] .story-result .story-label{color:#3e6d50}
@keyframes breathe{50%{opacity:.4}}@keyframes rotate-star{to{transform:rotate(360deg)}}
@media(max-width:1000px){
 .distinct-apps{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'problem problem' 'app app' 'ai result';grid-template-rows:auto auto auto}
 .solution-story{display:contents}.application-surface{grid-area:app;min-height:0}.story-problem{grid-area:problem;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:17px 20px}.story-problem .story-label{grid-column:1/-1;margin-bottom:6px}.story-problem h3{font-size:22px;margin:0;line-height:1.2}.story-problem>p:last-child{font-size:14px;line-height:1.4}
 .demo-controls{grid-area:ai;border-top:1px solid #dce3ed;border-bottom:0;padding:19px 20px}.story-result{grid-area:result;border-left:1px solid #dce3ed;padding:19px 20px}.story-result h3{font-size:27px}.story-result>#result-detail{font-size:16px;line-height:1.4}
 .product-header{padding:11px 20px}.rfq-content,.crm-content{padding:19px 20px}.product-heading h2{font-size:25px}.offer-price{font-size:34px}.offer-card{padding:15px 13px}.offer-term{margin-top:12px}.supplier-detail{margin-top:14px}.customer-context{font-size:15px}.erp-content{padding:21px 20px}.pipeline-column{height:158px}.demo-controls>#ai-explanation{font-size:16px;min-height:64px}.demo-actions button{min-height:44px;font-size:13px}.demo-controls .ai-heading #ai-state{font-size:11px}
}
@media(max-width:600px){
 .distinct-apps{grid-template-columns:minmax(0,1fr);grid-template-areas:'problem' 'app' 'ai' 'result';border-radius:10px}
 .application-surface{min-height:326px}.story-problem{display:block;padding:13px 15px}.story-problem .story-label{font-size:10px;margin-bottom:5px}.story-problem h3{font-size:21px;line-height:1.2;margin:0}.story-problem>p:last-child{display:none}
 .product-header{padding:9px 13px;gap:8px}.product-symbol{width:26px;height:26px;font-size:22px;line-height:25px;border-radius:5px}.product-header>strong{font-size:16px}.product-header>strong>span{font-size:10px;line-height:1.25;margin-top:2px}
 .product-heading{display:none}.rfq-content,.crm-content{padding:12px}.rfq-brief{gap:8px;padding-bottom:9px;margin-bottom:10px}.brief-icon{font-size:21px}.rfq-brief strong{font-size:14px;line-height:1.3}.rfq-brief p{font-size:11px;line-height:1.4;margin-top:2px}
 .offer-grid{grid-template-columns:minmax(0,1fr);gap:6px}.offer-card{grid-template-columns:minmax(0,.95fr) minmax(70px,1fr) minmax(0,1.1fr);grid-template-rows:auto auto;column-gap:9px;padding:8px 11px;min-height:55px;align-items:center}.supplier-monogram{display:none}.offer-card>strong{grid-column:1;grid-row:1/3;font-size:13px;line-height:1.25}.offer-price{grid-column:2;grid-row:1;font-size:24px;line-height:1.1;margin:0;white-space:nowrap}.offer-unit{grid-column:2;grid-row:2;font-size:11px;line-height:1.25;margin:3px 0 0}.offer-term{grid-column:3;grid-row:1/3;font-size:12px;line-height:1.35;margin:0}.supplier-detail{display:block;padding:9px 11px;margin-top:9px}.supplier-detail>div{display:none}.supplier-detail>p{font-size:12px;line-height:1.4}
 .pipeline{gap:6px;margin-bottom:10px}.pipeline-column{height:148px;padding:9px 6px}.pipeline-column h3{font-size:11px;margin-bottom:7px;gap:3px;line-height:1.2}.pipeline-column h3>span{display:none}.pipeline-column h3 b{font-size:10px;padding:1px 4px}.deal-list{gap:5px}.deal-card{display:flex;flex-direction:column;gap:3px;padding:6px;min-height:44px}.deal-card strong{font-size:13px;line-height:1.2;overflow-wrap:normal}.deal-value{font-size:15px;line-height:1.2;align-self:flex-start}.lane-empty{font-size:11px;padding:4px 1px}.customer-heading{display:none}.customer-context{padding:10px 11px;font-size:14px;line-height:1.4}.customer-context .micro-label{font-size:10px!important;margin-bottom:5px}.customer-panel{border-radius:5px}
 .erp-layout{grid-template-columns:minmax(0,1fr)}.order-queue{flex-direction:row;gap:6px;padding:9px 10px;border-right:0;border-bottom:1px solid #deebe5}.order-queue>button{flex:1;padding:8px 6px;min-width:0;gap:3px;min-height:49px}.order-queue>button strong{font-size:13px;line-height:1.2}.order-queue>button span{font-size:11px;line-height:1.2}.erp-content{padding:15px 14px}.inventory-heading strong{font-size:14px}.inventory-symbol{font-size:24px}.stock-metrics{margin-top:16px;gap:8px}.stock-metrics span{font-size:12px;line-height:1.3}.stock-metrics strong{font-size:37px;margin-top:5px}.stock-chart{margin-top:13px}.stock-chart p{font-size:12px;margin-top:6px;line-height:1.4}.fulfilment-plan{display:none}
 .demo-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,auto);grid-template-areas:'label label' 'heading action' 'progress progress' 'explanation explanation';gap:0 10px;padding:13px 15px;border-top:1px solid #dce3ed}.demo-controls>.story-label{grid-area:label;margin-bottom:6px}.demo-controls .ai-heading{grid-area:heading;display:grid;grid-template-columns:16px minmax(0,1fr);gap:2px 5px;font-size:14px;align-content:center;line-height:1.25}.demo-controls .ai-star{font-size:17px;grid-row:1/3;align-self:center}.demo-controls .ai-heading #ai-state{grid-column:2;margin:0;font-size:11px}.demo-controls .ai-progress{grid-area:progress;margin:10px 0 7px}.demo-controls .ai-progress i{height:4px}.demo-controls>#ai-explanation{grid-area:explanation;font-size:14px;line-height:1.4;min-height:40px}.demo-actions{grid-area:action;margin:0;align-self:center}.demo-actions button{width:100%;max-width:145px;min-height:44px;font-size:12px;padding:8px 10px;white-space:normal;line-height:1.3}
 .distinct-apps.running .demo-controls .ai-heading:before{display:none}
 .story-result{padding:14px 15px;border-left:0;min-height:118px}.story-result .story-label{font-size:10px;margin-bottom:6px}.story-result h3{font-size:25px;margin-bottom:7px;line-height:1.1}.story-result>#result-detail{font-size:14px;line-height:1.4}
}
@media(max-width:360px){.offer-card{padding-inline:8px;column-gap:7px}.offer-price{font-size:23px}.offer-term{font-size:11px}.rfq-brief p{font-size:10px}.pipeline{gap:4px}.pipeline-column{padding:8px 4px;height:150px}.pipeline-column h3{font-size:10px}.deal-card{padding:6px 4px}.deal-card strong{font-size:12px}.deal-value{font-size:14px}.demo-controls{padding-inline:12px;gap:0 7px;grid-template-columns:minmax(0,1fr) 115px}.demo-controls .ai-heading{font-size:13px}.story-result{padding-inline:13px}.story-result h3{font-size:24px}}
@media(min-width:1001px){
 .distinct-apps[data-app=erp] .erp-content{padding:18px 20px}
 .distinct-apps[data-app=erp] .erp-content .product-heading{margin-bottom:18px}
 .distinct-apps[data-app=erp] .fulfilment-plan{margin-top:18px;padding-top:12px}
 .distinct-apps[data-app=erp] .story-problem,.distinct-apps[data-app=erp] .demo-controls,.distinct-apps[data-app=erp] .story-result{padding-block:12px}
}
@media(min-width:1001px) and (max-height:780px){
 .distinct-apps[data-app=erp] .erp-content{padding:12px 18px}
 .distinct-apps[data-app=erp] .erp-content .product-heading{margin-bottom:12px}
 .distinct-apps[data-app=erp] .fulfilment-plan{margin-top:11px;padding-top:12px}
 .distinct-apps[data-app=erp] .story-problem,.distinct-apps[data-app=erp] .demo-controls,.distinct-apps[data-app=erp] .story-result{padding-block:10px}
}
@media(prefers-reduced-motion:reduce){.distinct-apps *{animation:none!important;transition:none!important}}