/* Six complete, readable solutions in the page flow. */
.sector-examples{background:#edf0ee;padding-bottom:38px}
.scenario-panels{margin-top:50px}
.solution-chapter.scenario-panel{display:block;margin:0;padding:52px 0 58px;border-top:1px solid #bccbcd;scroll-margin-top:100px}
.solution-label{display:flex;align-items:center;gap:12px;margin-bottom:27px;color:#385765;font-size:12px;font-weight:650;line-height:1.5}
.solution-label>svg{width:19px;height:19px;color:#396ac1}
.chapter-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b8c9d2;border-radius:7px;background:#f8faf8;font-size:11px;font-weight:650;color:#32587d;margin-right:3px}
.scenario-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.45fr);gap:55px;align-items:start}
.solution-chapter .scenario-story{display:block;padding:0;min-width:0}
.solution-chapter .scenario-story h3{font-size:clamp(28px,2.35vw,35px);line-height:1.23;letter-spacing:-.038em;margin:0;max-width:490px}
.solution-chapter .scenario-intro{font-size:14px;line-height:1.85;margin-top:21px;color:#49616e}
.solution-actions-title{font-size:11px;letter-spacing:.04em;line-height:1.5;text-transform:uppercase;margin-top:28px;font-weight:750;color:#304f60}
.solution-steps{display:grid;gap:19px;list-style:none;padding:0;margin:18px 0 0}
.solution-steps>li{display:flex;align-items:start;gap:13px}
.solution-steps>li>span{font-size:10px;line-height:1.5;font-weight:650;color:#426b9a;margin-top:4px;flex-shrink:0}
.solution-steps h4{font-size:14px;letter-spacing:-.012em;line-height:1.5;font-weight:700;color:#223f50}
.solution-steps p{font-size:13px;line-height:1.8;color:#4a6370;margin-top:5px}
.solution-outcome{display:flex;align-items:start;gap:12px;margin-top:28px;padding:19px 19px 20px;border:1px solid #b8cfc3;border-radius:9px;background:#e3ede6}
.solution-outcome>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#d1e4d7;color:#346953;flex-shrink:0;margin-top:1px}
.solution-outcome svg{width:14px;height:14px}
.solution-outcome h4{font-size:11px;line-height:1.6;letter-spacing:0;color:#2f5948;font-weight:750}
.solution-outcome p{font-size:13px;line-height:1.8;margin-top:6px;color:#304f43}
.scenario-preview{min-width:0}
.solution-chapter .scenario-demonstration{width:100%;margin:0;max-width:none;background:#fbfcfa;box-shadow:0 14px 38px #19394710}
.solution-chapter .scenario-boundary{font-size:11px;line-height:1.8;max-width:none;width:100%;margin:16px 0 0;color:#526773;gap:9px}
.solution-delivery{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.45fr);gap:55px;align-items:center;margin-top:30px;padding:22px 25px;border:1px solid #c6d2d4;border-radius:9px;background:linear-gradient(110deg,#f8faf8,#e8eef4)}
.solution-delivery .mini-label{font-size:10px;line-height:1.6;letter-spacing:.01em;color:#4c6575}
.solution-delivery h4{font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:700;margin-top:5px;color:#223f52}
.solution-delivery>p{font-size:13px;line-height:1.85;color:#405e70}
.solution-chapter:nth-child(even) .solution-delivery{background:linear-gradient(110deg,#f8faf8,#e4ede6)}
.sector-examples .examples-note{border-top:1px solid #bccbcd;margin-top:0;padding-top:22px;font-size:11px;line-height:1.8}
.sector-services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sector-services .service-tile h3{font-size:23px;line-height:1.3}
.sector-services .service-tile>p{font-size:13px;line-height:1.85}

/* Demo text stays legible; every task and portal request is visible. */
.demo-top{font-size:12px}.demo-top small{font-size:9px}
.demo-message p{font-size:13px;line-height:1.85}
.demo-message>span,.demo-chat-header>div>span{font-size:10px}
.demo-chat-header strong{font-size:13px}
.demo-receipt dt{font-size:10px}.demo-receipt dd{font-size:12px;line-height:1.7}
.demo-receipt h4{font-size:18px;line-height:1.4}
.receipt-heading p,.receipt-checklist li,.receipt-status{font-size:11px}
.demo-progress li{font-size:10px}
.voice-workspace{grid-template-columns:210px minmax(0,1fr);gap:25px;padding:25px}
.voice-phone{min-height:350px}
.voice-turn p{font-size:13px;line-height:1.85}.voice-turn>span{font-size:10px}
.voice-handoff h4{font-size:16px}.voice-handoff dt{font-size:10px}.voice-handoff dd{font-size:12px;line-height:1.75}
.phone-eyebrow,.phone-kind,.phone-state,.voice-phone small{font-size:10px;line-height:1.6}
.rich-demo-footer>p{font-size:11px;line-height:1.8}
.crm-entry-message>span{font-size:10px}.crm-entry-message>p{font-size:12px;line-height:1.85}
.crm-entry>h4,.mini-window-title>strong{font-size:13px}
.crm-contact>p,.crm-task>p{font-size:12px;line-height:1.85}
.crm-contact li,.task-state,.crm-lanes li,.crm-history p{font-size:10px;line-height:1.8}
.mini-label{font-size:10px}.crm-lanes li>span{font-size:10px}
.automation-route h4{font-size:14px}.automation-route p{font-size:12px;line-height:1.85}
.automation-route small,.automation-file small,.automation-monitor{font-size:10px;line-height:1.8}
.automation-file p{font-size:12px;line-height:1.85}
.board-instruction{font-size:11px;line-height:1.8;margin:18px 0}
.board-rows{list-style:none;padding:0;margin:0;gap:12px}
.board-row{display:block;padding:17px;min-height:0;background:#fff;transition:none}
.board-row-head{display:flex;gap:16px;align-items:start}
.board-row-head>span:first-child{min-width:0;flex:1}
.board-row-head strong{font-size:13px;line-height:1.65}
.board-row-head small{font-size:10px;line-height:1.7;color:#4d6573;margin-top:5px}
.board-status{display:block;flex-shrink:0;font-size:10px;max-width:132px;line-height:1.65;padding:4px 7px}
.board-next{font-size:12px;line-height:1.8;padding-top:13px;margin-top:13px;border-top:1px solid #d1dade;color:#365365}
.board-next strong{display:inline;font-size:12px;line-height:inherit;color:#29465a;font-weight:700}
.report-preview{border-top:1px solid #c5d2d8;margin-top:23px;padding-top:19px}
.report-preview>div{flex:1}
.report-preview strong{font-size:13px;line-height:1.6}.report-preview p{font-size:12px;line-height:1.85;margin-top:8px}
.report-fields{margin-top:18px;padding-bottom:0;gap:17px 24px}
.report-fields dt{font-size:10px}.report-fields dd{font-size:12px;line-height:1.8}
.portal-title h4{font-size:22px}.portal-title p{font-size:11px;line-height:1.85}
.portal-content{min-height:0;padding-top:25px}.portal-content+.portal-content{border-top:1px solid #cbd7db;margin-top:23px}
.portal-content h5{font-size:12px;color:#29485c;line-height:1.6;margin:0 0 14px;font-weight:750;letter-spacing:0}
.portal-file>strong{font-size:12px}.portal-file>small{font-size:10px}
.portal-note>p{font-size:11px;line-height:1.85}.portal-request strong{font-size:13px}.portal-request small{font-size:11px;line-height:1.8}
.demonstration-voice.is-playing .voice-handoff{animation-delay:5.2s}
.scenario-demonstration.is-playing .demo-receipt{animation-delay:3.4s}
.scenario-demonstration.is-playing .receipt-checklist li{animation-delay:3.7s}
.scenario-demonstration.is-playing .receipt-checklist li:nth-child(2){animation-delay:3.85s}
.scenario-demonstration.is-playing .receipt-checklist li:nth-child(3){animation-delay:4s}
.scenario-demonstration.is-playing .typing-dots{animation:none;display:none}

@media(max-width:1180px){
  .scenario-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.35fr);gap:32px}
  .solution-delivery{grid-template-columns:minmax(0,.83fr) minmax(0,1.35fr);gap:32px}
  .solution-chapter .scenario-story{display:block}
  .solution-chapter .scenario-story h3{font-size:30px}
  .voice-workspace{grid-template-columns:1fr;padding:25px;gap:25px}
  .voice-phone{width:210px;margin:auto}
}
@media(max-width:1020px){
  .scenario-layout{grid-template-columns:1fr;gap:28px}
  .solution-chapter .scenario-story h3{font-size:34px;max-width:690px}
  .solution-chapter .scenario-intro{max-width:830px}
  .solution-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
  .solution-outcome{max-width:830px}
  .scenario-preview{max-width:850px;width:100%;margin-inline:auto}
  .voice-workspace{grid-template-columns:230px minmax(0,1fr);gap:30px}
  .voice-phone{width:100%}
  .solution-delivery{grid-template-columns:1fr 1.3fr;gap:32px}
  .sector-services .service-grid{gap:17px}
  .sector-services .service-tile{padding:24px}
  .sector-services .service-tile h3{font-size:20px}
}
@media(max-width:800px){
  .solution-steps{gap:20px}
  .solution-steps>li{display:block}
  .solution-steps h4{margin-top:7px}
  .sector-services .service-grid{grid-template-columns:1fr}
  .sector-services .service-tile{padding:27px}
  .sector-services .service-tile h3{font-size:23px}
  .sector-actions>.sector-button{font-size:12px;gap:16px}
}
@media(max-width:600px){
  .scenario-panels{margin-top:32px}
  .solution-chapter.scenario-panel{padding:31px 0 37px;scroll-margin-top:86px}
  .solution-label{font-size:11px;gap:10px;margin-bottom:22px}
  .solution-label>svg{width:17px;height:17px}
  .chapter-number{width:29px;height:29px;font-size:10px;border-radius:6px}
  .solution-chapter .scenario-story h3{font-size:28px;line-height:1.25;margin-top:0}
  .solution-chapter .scenario-intro{font-size:13px;line-height:1.85;margin-top:18px}
  .solution-actions-title{margin-top:23px;font-size:10px}
  .solution-steps{grid-template-columns:1fr;gap:17px;margin-top:16px}
  .solution-steps>li{display:flex;gap:11px}
  .solution-steps h4{font-size:13px;line-height:1.6;margin-top:0}
  .solution-steps p{font-size:12px;line-height:1.85;margin-top:4px}
  .solution-outcome{margin-top:23px;padding:16px;gap:10px}
  .solution-outcome p{font-size:12px;line-height:1.85}
  .scenario-layout{gap:23px}
  .solution-chapter .scenario-boundary{font-size:10px;line-height:1.85;margin-top:14px}
  .solution-delivery{grid-template-columns:1fr;gap:13px;padding:19px;margin-top:21px}
  .solution-delivery h4{font-size:16px;line-height:1.5}
  .solution-delivery>p{font-size:12px;line-height:1.85}
  .sector-examples .examples-note{font-size:10px;margin-top:0}
  .demo-top{padding:14px 13px;font-size:10px}
  .demo-top small{font-size:8px;padding:4px 5px;white-space:normal;text-align:center;max-width:74px}
  .demo-workspace{padding:18px 16px}
  .demo-message p{font-size:12px}.demo-message>span{font-size:9px}
  .demo-chat-header>div>span{font-size:9px}
  .demo-receipt dl{grid-template-columns:1fr;gap:13px}
  .demo-receipt dl>div:last-child{grid-column:auto}
  .demo-receipt dt{font-size:10px}.demo-receipt dd{font-size:12px}
  .receipt-heading p,.receipt-checklist li,.receipt-status{font-size:10px}
  .demo-progress{padding:15px 12px;gap:8px;align-items:start}
  .demo-progress li{font-size:9px;line-height:1.6;gap:5px}
  .demo-progress li>i{margin-top:5px;align-self:flex-start}
  .voice-workspace{grid-template-columns:1fr;padding:23px 18px;gap:26px}
  .voice-phone{width:224px;min-height:370px;padding-inline:22px}
  .voice-turn>span{font-size:9px}.voice-turn p{font-size:12px}
  .voice-handoff{margin:0 16px 20px}.voice-handoff dt{font-size:10px}.voice-handoff dd{font-size:12px}
  .phone-eyebrow,.phone-kind,.phone-state,.voice-phone small{font-size:9px}
  .rich-demo-footer{padding:16px}.rich-demo-footer>p{font-size:10px;line-height:1.85}
  .crm-demo,.automation-demo,.dashboard-demo{padding:20px 16px}
  .mini-window-title{flex-wrap:wrap;gap:8px}.mini-window-title>strong{font-size:12px}
  .mini-window-title>span{font-size:9px}
  .crm-entry>h4{font-size:12px}.crm-entry-message>span{font-size:9px}
  .crm-contact h4,.crm-task h4{font-size:19px;line-height:1.5}
  .crm-contact>p,.crm-task>p{font-size:12px}
  .crm-lanes{gap:10px}.crm-lanes li{font-size:9px;line-height:1.7}
  .crm-lanes li>span{font-size:9px}
  .automation-route{gap:23px 17px}
  .automation-route h4{font-size:13px}.automation-route p{font-size:11px;line-height:1.85}
  .automation-file p{font-size:12px}.automation-monitor{font-size:10px;line-height:1.85}
  .board-row{padding:15px 13px}.board-row-head{display:block}
  .board-row-head strong{font-size:12px;line-height:1.7}
  .board-row-head small{font-size:10px;line-height:1.8}
  .board-status{display:inline-block;max-width:none;font-size:10px;margin-top:10px}
  .board-next{font-size:11px;line-height:1.85}.board-next strong{font-size:11px}
  .report-preview strong{font-size:12px}.report-preview p{font-size:11px;line-height:1.85}
  .report-fields dt{font-size:10px}.report-fields dd{font-size:11px;line-height:1.85}
  .portal-title h4{font-size:20px}.portal-title p{font-size:10px}
  .portal-content h5{font-size:11px}.portal-file{flex-wrap:wrap;gap:8px}
  .portal-file>strong{font-size:11px;flex-basis:calc(100% - 34px)}
  .portal-file>small{font-size:9px;margin-left:24px}
  .portal-note>p{font-size:10px;line-height:1.85}
  .portal-request strong{font-size:12px}.portal-request small{font-size:10px;line-height:1.85}
  .sector-services .service-tile>p{font-size:12px}
  .sector-actions>.sector-button{font-size:11px;gap:12px;padding-inline:15px}
  .sector-contact .sector-button{font-size:11px;gap:13px;padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){.solution-chapter *{animation:none!important;transition:none!important}}
@media print{.scenario-layout,.solution-delivery{display:block}.solution-chapter.scenario-panel{padding:25px 0}.solution-delivery{margin-top:15px}.scenario-preview{margin-top:20px}.solution-steps{display:block}.solution-steps>li{margin-bottom:12px}}
