/* V24 · Distinct, outcome-led TC system scenes */
:root{
  --v24-ink:#1e2023;--v24-text:#3f4449;--v24-muted:#737980;--v24-soft:#f5f6f6;
  --v24-line:#dfe2e4;--v24-red:#82142f;--v24-red-soft:#f8eef1;--v24-good:#4c735c;
}

/* Keep the consulting hierarchy calm. */
#system .x-system-stage{background:#fff!important}
#system .x-pane{background:#fff!important;background-image:none!important}
#system .x-pane .x-visual.v24-visual{
  min-height:520px!important;background:#f5f6f6!important;background-image:none!important;
  border:1px solid var(--v24-line)!important;border-radius:24px!important;padding:14px!important;
  box-shadow:0 22px 54px rgba(29,31,34,.07)!important;overflow:hidden!important;
}
#system .x-pane .x-visual.v24-visual:before,#system .x-pane .x-visual.v24-visual:after{display:none!important}
#system .x-pane .ey{color:var(--v24-red)!important;background:transparent!important;border:0!important;padding:0!important}

.v24-core-summary{display:grid;gap:10px;margin:24px 0 24px}
.v24-core-summary>span{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--v24-line);border-radius:12px;background:#fff}
.v24-core-summary small{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:#8b9095;font-weight:800}
.v24-core-summary b{font-size:1rem;line-height:1.35;color:#35393d;font-weight:750}
.v24-core-summary .result{border-left:3px solid var(--v24-red);background:#fbf7f8}
.v24-core-summary .result b{color:var(--v24-red)}

.v24-scene-head{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 12px;border-bottom:1px solid var(--v24-line);color:#6e747a}
.v24-scene-head small{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:#8a9096}
.v24-app{display:flex;align-items:center;gap:9px;font-size:1rem;font-weight:800;color:#353a3f}
.v24-app img{width:25px;height:25px;object-fit:contain;border-radius:7px;background:#fff;border:1px solid #e0e2e4;padding:3px}
.v24-label{display:inline-flex;align-items:center;width:max-content;border:1px solid #dadddf;background:#fff;border-radius:999px;padding:6px 9px;font-size:1rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:#656b71}
.v24-after-state .v24-label,.v24-doc-after .v24-label,.v24-demand-flow>.v24-label,.v24-crm>.v24-label,.v24-automation>.v24-label{border-color:#ddbdc5;color:var(--v24-red);background:#fff8fa}
.v24-result-box{margin-top:auto;border:1px solid #dec7cd;border-left:3px solid var(--v24-red);background:#fffafb;border-radius:11px;padding:11px 12px;display:grid;gap:3px}
.v24-result-box small{font-size:1rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:#8e5966}
.v24-result-box b{font-size:1rem;line-height:1.35;color:#5f1930}

/* 01 Positioning: market comparison scene */
.v24-pos-compare{height:calc(100% - 49px);min-height:455px;display:grid;grid-template-columns:1fr 148px 1fr;gap:12px;align-items:stretch;padding-top:12px}
.v24-state{background:#fff;border:1px solid var(--v24-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:11px}
.v24-state>small{font-size:1rem;color:#8a9096;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.v24-state h4{font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.02;letter-spacing:-.035em;margin:0;color:#262a2e}
.v24-state p{font-size:1rem!important;line-height:1.5!important;color:#737980!important;margin:0!important}
.v24-state ul{list-style:none!important;padding:0!important;margin:2px 0 0!important;display:grid!important;gap:7px!important}
.v24-state li{padding:8px 9px!important;border-radius:9px!important;background:#f5f6f6!important;color:#676d73!important;font-size:1rem!important}
.v24-state li:before{display:none!important}
.v24-before-state{background:#fafafa}.v24-before-state h4{color:#5d6267}
.v24-after-state{border-color:#d9c6cb}.v24-after-state h4{color:var(--v24-red)}
.v24-transform{align-self:center;min-height:184px;border-radius:18px;background:#25282c;color:#fff;padding:18px 13px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}
.v24-transform img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}
.v24-transform span{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:#d3d6d9}.v24-transform b{font-size:1rem;line-height:1.45;color:#fff}

/* 02 Offer: document transformation */
.v24-offer-layout{height:calc(100% - 49px);min-height:455px;display:grid;grid-template-columns:.83fr 1.17fr;gap:12px;padding-top:12px}
.v24-doc{border:1px solid var(--v24-line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:12px}
.v24-doc-before{background:#fafafa}.v24-doc-after{border-color:#d9c6cb}
.v24-docbar{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e5e7e8}.v24-docbar b{font-size:1rem;color:#454a4f}.v24-docbar span{font-size:1rem;color:#8b9095}
.v24-doc h4{font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.05;margin:0;color:#2c3034}.v24-doc-before h4{color:#686d72}.v24-doc-after h4{color:var(--v24-red)}
.v24-doc p{font-size:1rem!important;line-height:1.5!important;color:#777d82!important;margin:0!important}
.v24-service-lines{display:grid;gap:8px}.v24-service-lines i{display:block;height:14px;border-radius:6px;background:#e8eaeb}.v24-service-lines i:nth-child(2){width:86%}.v24-service-lines i:nth-child(3){width:72%}.v24-service-lines i:nth-child(4){width:91%}.v24-service-lines i:nth-child(5){width:63%}
.v24-offer-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v24-offer-rows span{border:1px solid #e2e4e5;border-radius:10px;padding:10px;background:#fafafa;display:grid;gap:3px}.v24-offer-rows small{font-size:1rem;text-transform:uppercase;letter-spacing:.09em;color:#8c9196}.v24-offer-rows b{font-size:1rem;color:#3d4247}

/* 03 Demand: feed + flow */
.v24-demand-layout{height:calc(100% - 49px);min-height:455px;display:grid;grid-template-columns:.82fr 1.18fr;gap:12px;padding-top:12px}
.v24-feed,.v24-demand-flow{border:1px solid var(--v24-line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:11px}.v24-feed{background:#fafafa}.v24-demand-flow{border-color:#d7dadd}
.v24-feed h4{font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.05;margin:0;color:#595e63}.v24-feed p{font-size:1rem!important;line-height:1.45!important;color:#7a8085!important;margin:0!important}
.v24-feed-item{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;background:#fff;border:1px solid #e2e4e5;border-radius:11px;padding:9px}.v24-feed-item img{width:28px;height:28px;object-fit:contain;border-radius:7px}.v24-feed-item span{display:grid;gap:2px}.v24-feed-item b{font-size:1rem;color:#454a4f}.v24-feed-item small{font-size:1rem;color:#8b9095}
.v24-flowline{display:grid;grid-template-columns:1fr 15px 1fr 15px 1fr 15px 1fr;gap:5px;align-items:center;margin:8px 0}.v24-flowline>span{border:1px solid #dfe2e3;background:#fafafa;border-radius:10px;padding:9px 7px;display:grid;gap:3px;min-height:67px}.v24-flowline i{font-style:normal;font-size:1rem;color:#899096}.v24-flowline b{font-size:1rem;color:#3f4449}.v24-flowline small{font-size:1rem;color:#8a9095}.v24-flowline em{font-style:normal;color:#a0a5a9;text-align:center}.v24-flowline .v24-flow-result{border-color:#d7b8c0;background:#fff8fa}.v24-flow-result b{color:var(--v24-red)}
.v24-notification{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:1px solid #dfe2e3;border-radius:12px;background:#fff;padding:10px}.v24-notification img{width:33px;height:33px;object-fit:contain}.v24-notification div{display:grid;gap:2px}.v24-notification b{font-size:1rem;color:#34393e}.v24-notification span{font-size:1rem;color:#7e8489}.v24-notification>small{font-size:1rem;color:#90969b}

/* 04 Sales: manual notes vs CRM */
.v24-sales-layout{height:calc(100% - 49px);min-height:455px;display:grid;grid-template-columns:.72fr 1.28fr;gap:12px;padding-top:12px}
.v24-manual,.v24-crm{border:1px solid var(--v24-line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px}.v24-manual{background:#fafafa}.v24-manual h4{font-family:"Playfair Display",Georgia,serif;font-size:21px;line-height:1.08;margin:0;color:#5a5f64}.v24-sticky{padding:10px;border:1px solid #e1e3e4;border-radius:10px;background:#fff;display:grid;gap:3px}.v24-sticky b{font-size:1rem;color:#51565b}.v24-sticky small{font-size:1rem;color:#8c9297}
.v24-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.v24-pipeline>div{border:1px solid #e1e3e4;border-radius:10px;background:#f7f8f8;padding:8px;min-height:190px}.v24-pipeline>div>small{display:block;font-size:1rem;font-weight:800;color:#82888d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.v24-pipeline article{background:#fff;border:1px solid #dde0e1;border-radius:9px;padding:9px;display:grid;gap:4px;box-shadow:0 6px 14px rgba(35,38,41,.035)}.v24-pipeline article+article{margin-top:7px}.v24-pipeline article b{font-size:1rem;color:#3d4247}.v24-pipeline article span,.v24-pipeline article em{font-size:1rem;color:#83898e;font-style:normal}.v24-pipeline article.won{border-left:3px solid var(--v24-red)}

/* 05 Scale: owner bottleneck vs operations */
.v24-scale-layout{height:calc(100% - 49px);min-height:455px;display:grid;grid-template-columns:.78fr 1.22fr;gap:12px;padding-top:12px}
.v24-owner,.v24-automation{border:1px solid var(--v24-line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px}.v24-owner{background:#fafafa}.v24-owner h4{font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.06;margin:0;color:#595e63}.v24-owner p{font-size:1rem!important;line-height:1.45!important;color:#7a8085!important;margin:0!important}.v24-owner-row{display:flex;justify-content:space-between;gap:10px;border:1px solid #e1e3e4;border-radius:10px;background:#fff;padding:10px}.v24-owner-row b{font-size:1rem;color:#4a4f54}.v24-owner-row span{font-size:1rem;color:#8b9196;text-align:right}
.v24-auto-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #e0e2e4;border-radius:11px;padding:10px;background:#fff}.v24-auto-row img{width:31px;height:31px;object-fit:contain;border-radius:7px}.v24-auto-row div{display:grid;gap:2px}.v24-auto-row b{font-size:1rem;color:#3b4045}.v24-auto-row span{font-size:1rem;color:#858b90}.v24-auto-row em{font-size:1rem;font-style:normal;color:#526b5a;background:#edf4ef;padding:5px 7px;border-radius:999px}

/* Detail-page hero outcome band is explicit, not decorative. */
.tc26 .v4-visual-foot{background:#fff!important;border-top:1px solid #dfe2e4!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}
.tc26 .v4-visual-foot span,.tc26 .v4-visual-foot b{padding:11px 13px!important;font-size:1rem!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important}
.tc26 .v4-visual-foot span{color:#747a80!important;background:#f7f8f8!important;border-right:1px solid #dfe2e4!important}
.tc26 .v4-visual-foot b{color:var(--v24-red)!important;background:#fffafb!important}

/* Results: explicit structural change below the measured result. */
.v24-case-effect{margin-top:14px;border:1px solid rgba(255,255,255,.18);border-left:3px solid #f0b5c2;border-radius:11px;background:rgba(39,5,14,.18);padding:11px 12px;display:grid;gap:4px;position:relative;z-index:2}
.v24-case-effect small{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:#f0cbd4;font-weight:850}.v24-case-effect b{font-size:1rem;line-height:1.4;color:#fff}
.v10-case-pill{white-space:nowrap}

/* No five-color system residue: one brand accent, neutral software surfaces. */
#system .x-pane:nth-child(n){--pillar:var(--v24-red)!important}
#system .x-system-tab.active .n{background:var(--v24-red)!important;color:#fff!important}
#system .x-system-tab.active{background:#fffafa!important}

@media(max-width:1240px){
  #system .x-pane .x-visual.v24-visual{min-height:500px!important;max-width:100%!important}
  .v24-pos-compare{grid-template-columns:1fr 125px 1fr}.v24-transform{min-height:155px}
}
@media(max-width:820px){
  #system .x-pane .x-visual.v24-visual{min-height:0!important;padding:10px!important}
  .v24-scene-head{height:auto;min-height:46px;align-items:flex-start;flex-direction:column;gap:5px}
  .v24-pos-compare,.v24-offer-layout,.v24-demand-layout,.v24-sales-layout,.v24-scale-layout{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}
  .v24-transform{min-height:110px}
  .v24-flowline{grid-template-columns:1fr!important}.v24-flowline em{transform:rotate(90deg)}
  .v24-pipeline{grid-template-columns:1fr 1fr}.v24-pipeline>div:last-child{grid-column:1/-1}.v24-pipeline>div{min-height:120px}
  .tc26 .v4-visual-foot{grid-template-columns:1fr!important}.tc26 .v4-visual-foot span{border-right:0!important;border-bottom:1px solid #dfe2e4!important}
}
@media(max-width:520px){
  .v24-offer-rows,.v24-pipeline{grid-template-columns:1fr}.v24-pipeline>div:last-child{grid-column:auto}.v24-core-summary b{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.v24-visual *{animation:none!important;transition:none!important}}