/* The integrated-operations introduction follows its 1920px design canvas. */
#top.solution-page main>.sol-process.sol-section{padding-top:55px;padding-bottom:85px}
#top.solution-page .sol-process .solution-intro-grid{position:relative;display:grid;grid-template-columns:40% 60%;min-height:calc(620 * var(--s));gap:0}
#top.solution-page .sol-process .solution-intro-list{padding-top:calc(36 * var(--s));gap:calc(74 * var(--s));align-self:start}
#top.solution-page .sol-process .solution-intro-trigger{grid-template-columns:calc(42 * var(--s)) calc(78 * var(--s)) minmax(0,1fr);gap:calc(18 * var(--s));padding-left:calc(46 * var(--s))}
#top.solution-page .sol-process .solution-intro-number{font-size:calc(26 * var(--s));line-height:calc(76 * var(--s))}
#top.solution-page .sol-process .solution-intro-icon-frame{width:calc(78 * var(--s));height:calc(78 * var(--s));border-radius:calc(10 * var(--s))}
#top.solution-page .sol-process .solution-intro-icon{width:calc(39 * var(--s));height:calc(41 * var(--s));padding:0;object-fit:contain}
#top.solution-page .sol-process .solution-intro-step:first-child:not(.is-active) .solution-intro-icon{filter:brightness(0) saturate(100%) invert(38%) sepia(95%) saturate(2200%) hue-rotate(207deg) brightness(105%) contrast(101%)}
#top.solution-page .sol-process .solution-intro-copy strong{font-size:calc(24 * var(--s));margin-bottom:calc(8 * var(--s))}
#top.solution-page .sol-process .solution-intro-copy span{font-size:calc(18 * var(--s));line-height:1.55;max-width:calc(390 * var(--s))}
#top.solution-page .sol-process .solution-intro-list:before{left:8px;top:var(--intro-line-top,calc(74 * var(--s)));bottom:auto;height:var(--intro-line-height,calc(402 * var(--s)));width:2px;background:#bdc9d9}
#top.solution-page .sol-process .solution-intro-list:after{content:"";position:absolute;left:8px;top:var(--intro-gradient-top,calc(74 * var(--s)));height:var(--intro-gradient-height,calc(201 * var(--s)));width:2px;background:linear-gradient(to bottom,var(--intro-gradient-from,#287bff),var(--intro-gradient-to,rgba(40,123,255,0)));transition:top .22s ease,height .22s ease;pointer-events:none;z-index:1}
#top.solution-page .sol-process .solution-intro-step:before{top:calc(38 * var(--s))}
#top.solution-page .sol-process .solution-intro-step:before{transition:background-color .22s ease,box-shadow .22s ease}
#top.solution-page .sol-process .solution-intro-art-wrap{position:absolute;left:0;right:auto;bottom:calc(31 * var(--s));width:calc(1600 * var(--s));height:calc(803 * var(--s));min-height:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
#top.solution-page .sol-process .solution-intro-art{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;transition:opacity .18s ease}
#top.solution-page .sol-process .solution-intro-missing{position:absolute;left:40%;top:33%;width:50%;height:45%;display:flex;align-items:center;justify-content:center;border:1px dashed #bad1f5;border-radius:16px;color:#6d83a4;background:#f7fbffbf;font-size:18px;text-align:center}
#top.solution-page .sol-process .solution-intro-missing[hidden]{display:none}
@media(min-width:901px) and (max-width:1599px){#top.solution-page .sol-process .solution-intro-art-wrap{left:calc(50 * var(--s))}}
@media(max-width:900px){
 #top.solution-page .sol-process .solution-intro-grid{display:block;min-height:0}
 #top.solution-page .sol-process .solution-intro-list{padding-top:0;gap:20px}
 #top.solution-page .sol-process .solution-intro-trigger{grid-template-columns:26px 48px minmax(0,1fr);gap:10px;padding-left:28px}
 #top.solution-page .sol-process .solution-intro-number{font-size:16px;line-height:48px}
 #top.solution-page .sol-process .solution-intro-icon-frame{width:48px;height:48px}
 #top.solution-page .sol-process .solution-intro-icon{width:25px;height:26px;padding:0}
 #top.solution-page .sol-process .solution-intro-copy strong{font-size:17px;margin-bottom:4px}
 #top.solution-page .sol-process .solution-intro-copy span{font-size:13px;max-width:none}
 #top.solution-page .sol-process .solution-intro-list:before{display:block;left:8px;bottom:auto}
 #top.solution-page .sol-process .solution-intro-list:after{left:8px}
 #top.solution-page .sol-process .solution-intro-step:before{display:block;top:24px}
 #top.solution-page .sol-process .solution-intro-art-wrap{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto;aspect-ratio:1920/963;margin-top:20px}
 #top.solution-page .sol-process .solution-intro-missing{font-size:13px;border-radius:9px}
}

#top.solution-page .sol-process .solution-intro-grid{min-height:520px;align-items:center}
#top.solution-page .sol-process .solution-intro-list{align-self:center;padding:0;gap:36px}
#top.solution-page .sol-process .solution-intro-art-wrap{position:relative;grid-column:2;left:auto;right:auto;bottom:auto;width:100%;height:520px;min-height:0}
#top.solution-page .sol-process [data-intro-selected="1"] .solution-intro-art-wrap{position:absolute;left:0;bottom:0;width:100%;height:600px;grid-column:auto}
@media(max-width:900px){#top.solution-page .sol-process .solution-intro-grid{min-height:0}#top.solution-page .sol-process .solution-intro-list{gap:24px}#top.solution-page .sol-process .solution-intro-art-wrap,#top.solution-page .sol-process [data-intro-selected="1"] .solution-intro-art-wrap{position:relative;left:auto;bottom:auto;width:100%;height:auto;aspect-ratio:1.6;margin:24px 0 0}}

#top.solution-page .sol-process .solution-intro-art-wrap{display:flex;align-items:center;justify-content:center}
#top.solution-page .sol-process .solution-intro-art{min-height:0;min-width:0;max-height:100%;height:100%;object-fit:contain}

.solution-visual-caption{position:absolute;right:12px;bottom:8px;color:#718098;font-size:12px;line-height:1.5;pointer-events:none}
.sol-scene-visual{position:relative}