/* v1.90.13 — Solutions architecture and capability map only. */

/* A connected architectural drawing in both theme palettes. */
.solutions-s1 .solutions-s1-system{
  min-height:454px;
  padding:30px 32px 27px;
  border-color:#cbd2d9;
  color:#171b22;
  background:
    radial-gradient(circle at 82% 12%,rgba(227,27,43,.065),transparent 31%),
    radial-gradient(circle at 6% 93%,rgba(85,110,137,.09),transparent 42%),
    linear-gradient(145deg,#fff,#f4f6f8 82%);
  box-shadow:0 34px 74px rgba(29,40,53,.13),inset 0 1px 0 #fff;
}
.solutions-s1 .solutions-s1-system:before{
  background:linear-gradient(rgba(75,92,110,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(75,92,110,.055) 1px,transparent 1px);
  background-size:52px 52px;
}
.solutions-s1 .solutions-s1-system:after{box-shadow:inset 0 0 45px rgba(255,255,255,.42)}
.solutions-s1 .solutions-s1-system-label{
  margin-bottom:27px;
  padding-bottom:21px;
  border-color:#d8dde2;
  color:#404b5a;
}
.solutions-s1 .solutions-s1-system-flow{gap:11px;padding-left:29px}
.solutions-s1 .solutions-s1-system-flow:before{
  left:9px;top:30px;bottom:30px;width:2px;
  background:linear-gradient(#e31b2b,#e7a9b0 51%,#e31b2b);
}
.solutions-s1 .solutions-s1-system-flow b{
  min-height:80px;
  padding:16px 49px 15px 68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #d9dfe5;
  border-radius:14px;
  background:linear-gradient(110deg,#fff,#fafbfc);
  color:#181d25;
  font-size:.94rem;
  box-shadow:0 12px 24px rgba(31,47,64,.055),inset 0 1px 0 #fff;
}
.solutions-s1 .solutions-s1-system-flow b:nth-of-type(2){
  border-color:#e7afb7;
  background:linear-gradient(110deg,#fff6f7,#fff 82%);
  box-shadow:0 12px 28px rgba(227,27,43,.075),inset 3px 0 0 #e31b2b;
}
.solutions-s1 .solutions-s1-system-flow b:before{left:21px;color:#c9182a}
.solutions-s1 .solutions-s1-system-flow b:after{
  left:-26px;width:10px;height:10px;
  background:#e31b2b;
  box-shadow:0 0 0 5px #f9e6e8;
}
.solutions-s1 .solutions-s1-system-flow b small{
  display:block;margin-top:5px;color:#697380;
  font-size:.73rem;line-height:1.35;font-weight:520;letter-spacing:.01em;
}
.solutions-s1 .solutions-s1-system p{
  margin-top:25px;padding-top:19px;
  border-color:#d8dde2;color:#586371;
  font-size:.79rem;line-height:1.6;
}

html[data-theme="dark"] .solutions-s1 .solutions-s1-system{
  border-color:#46505d;color:#f5f6f8;
  background:radial-gradient(circle at 85% 12%,rgba(227,27,43,.17),transparent 35%),radial-gradient(circle at 6% 93%,rgba(116,142,175,.11),transparent 46%),linear-gradient(150deg,#252d38,#10151c 78%);
  box-shadow:0 30px 72px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.11);
}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system:before{
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system:after{box-shadow:inset 0 0 52px rgba(255,255,255,.025)}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-label{border-color:rgba(255,255,255,.16);color:#e2e5ea}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow:before{background:linear-gradient(#ff5060,rgba(255,80,96,.32),#ff5060)}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow b{
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  color:#f7f8fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 9px 20px rgba(0,0,0,.08);
}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow b:nth-of-type(2){
  border-color:rgba(255,85,101,.4);
  background:linear-gradient(105deg,rgba(235,53,70,.18),rgba(255,255,255,.035) 70%);
  box-shadow:inset 3px 0 0 #ff5262,0 9px 20px rgba(0,0,0,.08);
}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow b:before{color:#ff7a87}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow b:after{background:#ff4a5b;box-shadow:0 0 0 5px rgba(255,74,91,.13)}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system-flow b small{color:#b6beca}
html[data-theme="dark"] .solutions-s1 .solutions-s1-system p{border-color:rgba(255,255,255,.15);color:#c5cbd5}

/* One connected eight-part index, with useful visual anchors. */
.solutions-s1 .solutions-s1-index{background:color-mix(in srgb,var(--surface-2) 78%,var(--surface))}
.solutions-s1 .solutions-s1-nav{box-shadow:0 24px 56px rgba(17,20,27,.07)}
.solutions-s1 .solutions-s1-nav a{
  min-height:155px;padding:24px 27px 25px;
  background:var(--surface);
}
.solutions-s1 .solutions-s1-nav a svg{
  position:absolute;right:25px;top:23px;width:29px;height:29px;
  color:var(--brand);opacity:.8;
  transition:transform .22s ease,opacity .22s ease;
}
.solutions-s1 .solutions-s1-nav a:is(:hover,:focus-visible) svg{transform:translateY(-2px);opacity:1}
.solutions-s1 .solutions-s1-nav i{font-size:.73rem}
.solutions-s1 .solutions-s1-nav span{
  max-width:20ch;padding-right:4px;
  font-size:1.025rem;line-height:1.25;font-weight:750;
}
html[data-theme="dark"] .solutions-s1 .solutions-s1-index{background:#101216}
html[data-theme="dark"] .solutions-s1 .solutions-s1-nav{box-shadow:0 25px 62px rgba(0,0,0,.22)}
html[data-theme="dark"] .solutions-s1 .solutions-s1-nav a{background:#171a20}
html[data-theme="dark"] .solutions-s1 .solutions-s1-nav a:is(:hover,:focus-visible){background:#221e24}

@media(max-width:1080px){.solutions-s1 .solutions-s1-system{padding:26px}}
@media(max-width:640px){
  .solutions-s1 .solutions-s1-system{min-height:0;padding:23px 20px 21px}
  .solutions-s1 .solutions-s1-system-flow{padding-left:26px}
  .solutions-s1 .solutions-s1-system-flow b{min-height:73px;padding:12px 14px 12px 51px;font-size:.85rem}
  .solutions-s1 .solutions-s1-system-flow b:before{left:15px}
  .solutions-s1 .solutions-s1-system-flow b:after{left:-23px}
  .solutions-s1 .solutions-s1-system-flow b small{font-size:.67rem}
  .solutions-s1 .solutions-s1-nav a{min-height:132px;padding:18px 15px}
  .solutions-s1 .solutions-s1-nav a svg{right:14px;top:15px;width:24px;height:24px}
  .solutions-s1 .solutions-s1-nav span{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.solutions-s1 .solutions-s1-nav a svg{transition:none}}