/* source_agent=codex / machine=mac-mini. Scoped scene layouts; copy remains HTML. */
.brand-scene{margin:0;min-width:0;overflow:hidden;border-radius:16px;background:#eaf2fc;isolation:isolate}
.brand-scene img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
[data-service="training"] .brand-scene{background:#eaf4ed}
[data-service="agents"] .brand-scene{background:#eee9fa}
.brand-visual-card .brand-scene{margin:0 0 24px}
.brand-visual-card>span{display:block;margin-bottom:12px}
.business-grid .brand-visual-card>.brand-scene{margin-top:4px;order:-1}
.feature-list .brand-visual-card h3{margin-top:0}
.brand-process-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4.5vw,64px);align-items:center;margin-top:38px}
.brand-process-layout>.brand-scene{width:100%;max-width:570px;justify-self:center}
.brand-process-layout .process-list{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:0}
.brand-process-layout .process-list li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;row-gap:7px;border:0;padding:0;min-width:0}
.brand-process-layout .process-list li>span{grid-column:1;grid-row:1/3;line-height:1.7;padding-top:4px;font-size:12px}
.brand-process-layout .process-list li>h3{grid-column:2;margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.65}
.brand-process-layout .process-list li>p{grid-column:2;margin:0;font-size:16px;line-height:1.9}
.brand-process-layout .wide-description{margin-top:0;margin-bottom:24px;font-size:18px}
.brand-support-copy{min-width:0}
.brand-approach-steps .brand-approach-scene{margin-bottom:18px;border-radius:10px}
.brand-approach-steps .approach-step h3{min-height:0}
body.training-visual .training-learning-points>ul>li{display:block}
.brand-case-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4vw,56px);align-items:center}
.brand-case-copy{min-width:0}
.brand-case-copy h3{margin:0 0 20px}
.brand-case-copy>p:not(.eyebrow){font-size:16px;line-height:1.95}
.brand-case-copy>p+p{margin-top:18px}
.agent-case-list .brand-case-row{padding:0;border:0;background:transparent}
.lp-support-scenarios>.brand-scenario{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);column-gap:42px;row-gap:16px;align-items:start;padding-block:30px}
.brand-scenario>.brand-scene{grid-column:1;grid-row:1/3;align-self:center}
.lp-support-scenarios>.brand-scenario>h3,.lp-support-scenarios>.brand-scenario>div{grid-column:2}
.lp-support-scenarios>.brand-scenario>div{gap:24px}
.brand-hero-scene{align-self:center;border-radius:22px;width:100%}
@media(min-width:901px){.lp-hero-layout:has(>.brand-hero-scene){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:45px}}
@media(min-width:601px) and (max-width:900px){
 .feature-list .brand-visual-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 26px;align-items:center}
 .feature-list .brand-visual-card>.brand-scene{grid-column:1;grid-row:1/3;margin:0}
 .feature-list .brand-visual-card>span,.feature-list .brand-visual-card>div{grid-column:2}
 .feature-list .brand-visual-card>span{align-self:end}
 .feature-list .brand-visual-card>div{align-self:start}
}
@media(max-width:1000px){.brand-process-layout{gap:30px}.brand-case-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}.lp-support-scenarios>.brand-scenario{column-gap:30px}}
@media(max-width:900px){.brand-hero-scene{max-width:640px;justify-self:center}.brand-process-layout{grid-template-columns:1fr;margin-top:28px}.brand-process-layout>.brand-scene{max-width:560px}.brand-case-row{grid-template-columns:1fr}.brand-case-row>.brand-scene{max-width:600px;justify-self:center}.lp-support-scenarios>.brand-scenario>div{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){.brand-approach-steps .approach-step h3{min-height:0}.lp-support-scenarios>.brand-scenario{grid-template-columns:1fr;row-gap:20px}.brand-scenario>.brand-scene{grid-column:1;grid-row:auto;max-width:560px;justify-self:center}.lp-support-scenarios>.brand-scenario>h3,.lp-support-scenarios>.brand-scenario>div{grid-column:1}}
@media(max-width:600px){.brand-scene{border-radius:12px}.brand-visual-card .brand-scene{margin-bottom:20px}.brand-process-layout{gap:26px}.brand-process-layout .process-list{gap:25px}.brand-process-layout .process-list li{grid-template-columns:25px minmax(0,1fr);column-gap:10px}.brand-process-layout .process-list li>h3{font-size:21px}.brand-process-layout .process-list li>p{font-size:16px}.brand-process-layout .wide-description{font-size:17px}.brand-case-copy h3 br{display:none}.brand-hero-scene{border-radius:16px}.brand-case-row{gap:24px}.brand-case-copy h3{font-size:23px}.lp-support-scenarios>.brand-scenario{padding-block:26px}}

@media(min-width:761px) and (max-width:1250px){.brand-approach-steps .approach-step h3{min-height:3.2em}}

.lp-support-scenarios>.brand-scenario>h3{align-self:end}