/* Three- and four-topic timelines share tokens, with natural content heights and a stable image stage. */
#top.solution-v8-page .solution-introduction-v1{box-sizing:border-box;min-height:0;--intro-stage-height:480px;background:#f5faff var(--intro-background) center/cover no-repeat}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:40px;align-items:center;height:auto;min-height:0}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-list{grid-template-rows:none;gap:36px;padding-top:10px;align-self:center}
#top.solution-v8-page .solution-introduction-v1 [data-intro-count="4"] .solution-intro-list{gap:24px}
#top.solution-v8-page .solution-introduction-v1:has([data-intro-count="4"]){--intro-stage-height:520px}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-list:before{left:10px;top:var(--intro-line-top,30px);bottom:auto;height:var(--intro-line-height,300px);width:2px;background:#b7cce6}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-list:after{content:"";position:absolute;z-index:1;left:10px;top:var(--intro-gradient-top,30px);height:var(--intro-gradient-height,150px);width:2px;pointer-events:none;background:linear-gradient(to bottom,var(--intro-gradient-from,#2677ff),var(--intro-gradient-to,rgba(38,119,255,0)));transition:top .2s,height .2s}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-step{display:block}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-step:before{left:11px;top:20px;width:10px;height:10px;border:0;background:#b7c5d8;box-shadow:none;transform:translate(-50%,-50%)}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-step.is-active:before{width:14px;height:14px;background:#2274ff;box-shadow:0 0 0 4px #dceaff}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-trigger{grid-template-columns:28px 54px minmax(0,1fr);gap:13px;padding-left:32px}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-number{font-size:20px;line-height:40px}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-icon-frame{width:54px;height:54px;border-radius:9px;background:transparent}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-icon{display:block;width:54px;height:54px;padding:0;object-fit:contain;filter:none}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-copy{margin-left:8px}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-copy span{max-width:445px}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-art-wrap{width:100%;height:var(--intro-stage-height);min-height:0;margin:0;display:flex;align-items:center;justify-content:center}
#top.solution-v8-page .solution-introduction-v1 .solution-intro-art{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:900px){#top.solution-v8-page .solution-introduction-v1 .solution-intro-grid{grid-template-columns:1fr;gap:24px}#top.solution-v8-page .solution-introduction-v1 .solution-intro-list{gap:24px;padding:0}#top.solution-v8-page .solution-introduction-v1 .solution-intro-art-wrap{height:auto;aspect-ratio:1.6}}
@media(max-width:700px){#top.solution-v8-page .solution-introduction-v1 .solution-intro-trigger{grid-template-columns:25px 44px minmax(0,1fr);gap:10px;padding-left:26px}#top.solution-v8-page .solution-introduction-v1 .solution-intro-number{font-size:16px;line-height:37px}#top.solution-v8-page .solution-introduction-v1 .solution-intro-icon-frame,#top.solution-v8-page .solution-introduction-v1 .solution-intro-icon{width:44px;height:44px}#top.solution-v8-page .solution-introduction-v1 .solution-intro-copy{margin-left:0}}