/* Review controls live outside the landing's nine approved sections. */
.solution-scope #illustration-hero{scroll-margin-top:calc(var(--header-height,81px) + 100px)}
/* All new visual surfaces switch together. The previous composition is still reviewable. */
.solution-scope [data-illustrated-panel][hidden]{display:none!important}
.solution-scope .section-illustration{margin:0;min-width:0;border:0;border-radius:16px;background:#f3f6f6;padding:22px;overflow:hidden}
.solution-scope .section-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;transform:none}
div.solution-scope .delight-hero-scene{display:block;height:auto;min-height:0;padding:12px 24px;background:#edf4f3}
.solution-scope .full-hero-illustration{padding:0;background:transparent;max-width:940px;margin-inline:auto}
.solution-scope .full-hero-illustration img{height:430px;aspect-ratio:auto}
.solution-scope .section-illustration.story-image{display:block;min-height:0;padding:24px}
.solution-scope .section-illustration.story-image img{aspect-ratio:3/2;max-height:430px}
.solution-scope .illustrated-workbench{background:#f3f6f6;border-radius:16px;padding:28px 36px}
.solution-scope .illustrated-scene-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.solution-scope .illustrated-scene-tabs button{font:inherit;font-size:13px;font-weight:600;padding:10px 18px;color:#656577;background:transparent;border:1px solid #d4deda;border-radius:7px;cursor:pointer}
.solution-scope .illustrated-scene-tabs button[aria-pressed=true]{background:#1a1a2e;color:white;border-color:#1a1a2e}
.solution-scope .illustrated-scene-tabs button:focus-visible{outline:2px solid #00786f;outline-offset:3px}
.solution-scope .illustrated-scene-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:60px;min-height:350px}
.solution-scope .how-illustration{background:transparent;padding:0}
.solution-scope .how-illustration img{max-height:390px}
.solution-scope .illustrated-scene-copy h3{font-size:27px;line-height:1.4;letter-spacing:-.035em}
.solution-scope .illustrated-scene-copy>p{font-size:16px;line-height:1.9;color:#656577;margin-top:22px;white-space:pre-line}
.solution-scope .illustrated-scene-copy small{display:block;font-size:11px;color:#777785;margin-top:24px}
.solution-scope .scope-illustration{padding:16px;background:#f4f7f6;align-self:center}
.solution-scope .scope-illustration img{max-height:350px}
.solution-scope #main{scroll-margin-top:calc(var(--header-height,81px) + 90px)}
@media(max-width:1000px){
 .solution-scope .illustrated-scene-panel{gap:32px}
}
@media(max-width:800px){
 .solution-scope .illustrated-workbench{padding:24px}
 .solution-scope .illustrated-scene-panel{grid-template-columns:1fr;gap:24px;min-height:0}
 .solution-scope .how-illustration img{height:280px}
 .solution-scope .illustrated-scene-copy h3{font-size:24px}
 .solution-scope .illustrated-scene-copy>p{margin-top:14px}
 .solution-scope .full-hero-illustration img{height:350px}
}
@media(max-width:600px){
 div.solution-scope .delight-hero-scene{padding:8px;margin-top:32px}
 .solution-scope .full-hero-illustration img{height:auto;aspect-ratio:3/2}
 .solution-scope .section-illustration,
.solution-scope .section-illustration.story-image{padding:16px}
 .solution-scope .illustrated-workbench{padding:20px}
 .solution-scope .illustrated-scene-tabs{gap:6px}
 .solution-scope .illustrated-scene-tabs button{padding:9px 12px;font-size:12px}
 .solution-scope .how-illustration{padding:0}
 .solution-scope .how-illustration img{height:auto;aspect-ratio:3/2}
 .solution-scope .illustrated-scene-copy>p{font-size:15px}
}