/* Two customer questions, separated by the assessment process.
   Palette and graphic language follow the approved IT assessment mockup. */
.business-story-page #quality { background:var(--surface); padding-block:64px; }
.business-story-page .business-problem { max-width:1280px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:center; }
.people-question { position:relative; isolation:isolate; overflow:hidden; height:530px; border-radius:26px; background:#edf2fd; color:#20242b; }
.people-question h2,.people-question h3 { position:relative; z-index:2; margin:0; padding:28px 28px 0; font-size:clamp(28px,2.3vw,34px); line-height:1.16; letter-spacing:-.05em; font-weight:700; color:#20242b; }
.question-scene { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.large-bubble { fill:#acc9f3; }
.small-bubble { fill:#c8b6ee; }
.question-person { display:block; position:absolute; z-index:1; right:0; bottom:-18px; height:410px; width:auto; max-width:none; object-fit:contain; }
.question-learning { background:#eaf8fa; height:480px; }
.question-learning .large-bubble { fill:#85d7e0; }
.question-learning .small-bubble { fill:#3666e9; }
.question-learning .question-person { height:355px; bottom:-14px; right:-4px; }
.business-story-page .problem-copy .section-intro { font-size:18px; line-height:1.7; }
.business-story-page .business-pains { margin-top:24px; }
.business-story-page .business-pains > div { padding:17px 0 17px 20px; }
.business-story-page .business-pains dt { font-size:22px; }
.business-story-page .business-pains dd { font-size:17px; line-height:1.65; }
.business-story-page .problem-resolution { font-size:18px; line-height:1.65; margin-top:15px; }
.business-story-page #kak { background:var(--page); }
.workflow-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:100px; align-items:center; }
.workflow-copy .section-heading { display:block; margin-bottom:28px; }
.workflow-copy .section-heading > p { margin-top:20px; max-width:690px; }
.workflow-copy .steps { display:block; margin:0; }
.workflow-copy .steps li { display:grid; grid-template-columns:40px 1fr; column-gap:20px; padding:19px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.workflow-copy .steps li:before { position:static; grid-row:1/3; width:36px; height:36px; font-size:15px; border-radius:10px 10px 3px 10px; margin:0; }
.workflow-copy .steps h3 { font-size:23px; line-height:1.3; margin:0 0 7px; }
.workflow-copy .steps p { grid-column:2; font-size:17px; line-height:1.65; }
.workflow-copy .workflow-note { margin-top:20px; font-size:17px; }
.workflow-layout .ai-video-player { position:static; width:100%; }
.workflow-layout .ai-video-player video { border:1px solid var(--line); box-shadow:0 16px 48px #00000012; }
.business-story-page #professii { background:var(--page); padding-top:12px; }
.report-context { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 40px; margin-bottom:30px; align-items:end; }
.report-context > h3 { display:none; }
.report-context > p:not(.role-hint) { grid-column:1; grid-row:1/3; max-width:580px; font-size:18px; }
.report-context .role-hint { grid-column:2; margin:0 0 12px; font-size:15px; }
.report-context .role-tabs { grid-column:2; margin:0; }
.business-story-page #otchet { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:start; }
.business-story-page #otchet .report-aside { position:static; }
.business-story-page .report-dialogue { display:block; margin-top:22px; }
.business-story-page .report-dialogue > div { background:var(--raised); padding:23px; }
.business-story-page .report-dialogue > div p { font-size:17px; line-height:1.65; }
.business-story-page #price { padding-top:70px; }
.business-story-page .assessment-options article:first-child { background:var(--wash-a); }
.business-story-page .assessment-options article:nth-child(2) { background:var(--wash-c); }
.business-story-page #platform .platform-bridge { background:var(--wash-a); }
@media (max-width:1100px) {
  .business-story-page .business-problem,.business-story-page #otchet { gap:28px; }
  .business-story-page .business-problem { align-items:start; }
  .people-question { height:500px; }
  .people-question h2,.people-question h3 { font-size:28px; padding:26px 24px 0; }
  .question-person { height:370px; right:-16px; bottom:-8px; }
  .question-learning { height:430px; }
  .question-learning .question-person { height:305px; right:-8px; }
  .workflow-layout { gap:40px; grid-template-columns:minmax(0,1fr) 270px; }
  .report-context { display:block; }
  .report-context .role-hint { margin-top:22px; }
}
@media (max-width:760px) {
  .business-story-page .ail-container { width:calc(100% - 24px); }
  .business-story-page #quality { padding-block:36px; }
  .business-story-page .business-problem,.business-story-page #otchet { grid-template-columns:1fr; gap:26px; }
  .people-question { height:460px; max-width:520px; width:100%; margin-inline:auto; }
  .people-question h2,.people-question h3 { font-size:31px; padding:25px 24px 0; }
  .question-person { height:335px; right:0; bottom:-12px; }
  .question-learning { height:430px; }
  .question-learning .question-person { height:300px; right:-2px; bottom:-8px; }
  .business-story-page .problem-copy { padding-inline:8px; }
  .business-story-page .problem-copy .section-intro,.business-story-page .problem-resolution { font-size:17px; }
  .business-story-page .business-pains dt { font-size:21px; }
  .workflow-layout { grid-template-columns:1fr; gap:30px; }
  .workflow-copy .section-heading h2 { font-size:34px; }
  .workflow-copy .steps li { column-gap:14px; }
  .workflow-copy .steps h3 { font-size:22px; }
  .workflow-layout .ai-video-player { width:min(300px,100%); }
  .business-story-page #professii { padding-top:36px; }
  .report-context > p:not(.role-hint) { font-size:17px; }
  .report-context .role-tabs { gap:8px; }
  .report-context .role-tabs button { flex:1 1 auto; }
  .business-story-page #otchet .doc { padding:24px 20px; }
  .business-story-page #price { padding-top:45px; }
}
@media (max-width:360px) {
  .people-question h2,.people-question h3 { font-size:28px; padding-inline:20px; }
}