.glass-page .system-map{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.glass-page .system-card{
  overflow:hidden;
  min-height:176px;
  padding:18px 16px 20px;
  border:1px solid rgb(211 232 255 / 36%);
  border-radius:19px;
  background:
    linear-gradient(135deg,rgb(193 219 255 / 15%),rgb(148 193 255 / 4%) 48%,rgb(4 20 52 / 13%)),
    linear-gradient(112deg,rgb(24 52 100 / 78%),rgb(32 73 127 / 75%));
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  backdrop-filter:blur(20px) saturate(145%);
  box-shadow:0 14px 28px -18px rgb(0 9 35 / 65%),inset 0 1px 0 rgb(255 255 255 / 31%),inset 1px 0 0 rgb(255 255 255 / 9%),inset 0 -1px 0 rgb(5 23 58 / 35%);
}
.glass-page .system-card::before,.glass-page .system-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:inherit;
}
.glass-page .system-card::before{
  z-index:0;
  inset:0;
  padding:1px;
  background:linear-gradient(135deg,rgb(242 250 255 / 66%),rgb(181 218 255 / 10%) 34%,rgb(90 150 225 / 13%) 68%,rgb(192 229 255 / 34%));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
}
.glass-page .system-card::after{
  z-index:0;
  inset:1px;
  background:radial-gradient(ellipse at 14% 0,rgb(231 246 255 / 12%),transparent 65%),linear-gradient(180deg,rgb(255 255 255 / 8%),transparent 52px);
}
.glass-page .system-card-title,.glass-page .system-card-title svg,.glass-page .system-card h2,.glass-page .system-card p{ position:relative; z-index:1; }
.glass-page .system-card-title{ min-height:50px; gap:10px; }
.glass-page .system-card-title svg{
  width:30px;
  height:30px;
  flex-basis:30px;
  fill:#d4f0ff;
  filter:drop-shadow(0 1px 1px rgb(5 26 61 / 25%));
}
.glass-page .system-map .system-card h2{
  font-family:inherit;
  font-size:20px!important;
  font-weight:600;
  line-height:1.24!important;
  letter-spacing:-.42px!important;
  color:#fff;
  text-wrap:balance;
}
.glass-page .system-card p{
  margin-top:12px;
  font-family:inherit;
  font-size:15.5px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  color:#e9f1fc;
}
.glass-page .system-integration{
  grid-template-columns:40px minmax(0,1fr);
  column-gap:16px;
  min-height:116px;
  padding:20px 22px;
}
.glass-page .system-integration .system-card-title svg{ width:40px; height:40px; }
.glass-page .system-map .system-integration h2{ font-size:21px!important; letter-spacing:-.4px!important; }
.glass-page .system-integration p{ margin-top:5px; font-size:15.5px; }
.glass-page .system-endpoint{ font-family:inherit; font-weight:500; letter-spacing:-.2px; }
.glass-page .system-shared-label{ font-family:inherit; font-weight:500; font-size:12px; }
@media(min-width:1101px) and (max-width:1250px){.glass-page .system-card{ padding:17px 12px 18px; }
.glass-page .system-card-title{ min-height:46px; gap:8px; }
.glass-page .system-card-title svg{ width:26px; height:26px; flex-basis:26px; }
.glass-page .system-map .system-card h2{ font-size:17.5px!important; letter-spacing:-.3px!important; }
.glass-page .system-card p{ font-size:14px; line-height:1.5; margin-top:10px; }
.glass-page .system-integration{ padding:17px 18px; }
.glass-page .system-map .system-integration h2{ font-size:20px!important; }
.glass-page .system-integration p{ margin-top:5px; font-size:14.5px; }
}
@media(max-width:740px){.glass-page .system-card{ min-height:0; padding:18px 16px; border-radius:17px; }
.glass-page .system-card-title{ min-height:46px; gap:10px; }
.glass-page .system-card-title svg{ width:28px; height:28px; flex-basis:28px; }
.glass-page .system-map .system-card h2{ font-size:19px!important; letter-spacing:-.35px!important; }
.glass-page .system-card p{ font-size:15px; line-height:1.5; margin-top:11px; }
.glass-page .system-integration{ min-height:116px; grid-template-columns:34px minmax(0,1fr); column-gap:12px; padding:18px 16px; }
.glass-page .system-integration .system-card-title svg{ width:34px; height:34px; }
.glass-page .system-map .system-integration h2{ font-size:18px!important; }
.glass-page .system-integration p{ margin-top:5px; font-size:14px; }
}
@media(max-width:370px){.glass-page .system-card{ padding:16px 12px; }
.glass-page .system-card-title{ gap:8px; }
.glass-page .system-card-title svg{ width:25px; height:25px; flex-basis:25px; }
.glass-page .system-map .system-card h2{ font-size:17px!important; }
.glass-page .system-card p{ font-size:14px; }
.glass-page .system-integration{ grid-template-columns:28px minmax(0,1fr); column-gap:10px; }
.glass-page .system-integration .system-card-title svg{ width:28px; height:28px; }
.glass-page .system-map .system-integration h2{ font-size:17px!important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-page .system-card{ background:linear-gradient(125deg,#284f83,#203e72); }
}
@media(prefers-reduced-transparency:reduce){.glass-page .system-card{ background:linear-gradient(125deg,#284f83,#203e72); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media(forced-colors:active){.glass-page .system-card{ background:Canvas; border-color:CanvasText; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.glass-page .system-card::before,.glass-page .system-card::after{ display:none; }
.glass-page .system-map .system-card h2,.glass-page .system-card p{ color:CanvasText; }
.glass-page .system-card-title svg{ fill:CanvasText; filter:none; }
}