.capability-page .hero-copy h1 strong{ color:var(--wiz-accent); }
.capability-page .hero-copy .hero-badge{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  color:rgb(237 245 255 / 88%)!important;
}
.capability-page .system-map .system-card:not(.system-integration){
  min-height:0;
  padding:18px;
}
.capability-page .system-map .system-card:not(.system-integration) .system-card-title{
  min-height:0;
  align-items:center;
  gap:10px;
}
.capability-page .system-map .system-card:not(.system-integration) h2{
  min-height:2.6em;
  line-height:1.3!important;
  text-wrap:wrap;
}
.capability-page .system-card:not(.system-integration) h2 > span{ display:block; }
.capability-page .system-map .system-card:not(.system-integration) p{
  margin-top:12px;
}
.capability-page .system-map .system-integration{ min-height:100px; }
.capability-page .system-map .system-integration .system-card-title{
  display:block;
  grid-column:2;
  grid-row:1;
  min-height:0;
}
.capability-page .system-map .system-integration .system-card-title svg{
  position:absolute;
  right:calc(100% + 16px);
  top:50%;
  transform:translateY(-50%);
}
@media(min-width:741px){.capability-page .system-map{ min-height:0; row-gap:44px; }
.capability-page .system-caption{ margin-top:-20px; }
}
@media(min-width:1101px) and (max-width:1250px){.capability-page .system-map .system-card:not(.system-integration){ padding:16px 12px; }
.capability-page .system-map .system-card:not(.system-integration) .system-card-title{ gap:7px; }
.capability-page .system-map .system-card:not(.system-integration) h2{ font-size:16px!important; }
.capability-page .system-card-title svg{ width:25px; height:25px; flex-basis:25px; }
}
@media(max-width:740px){.capability-page .hero-copy .hero-badge{ font-size:14px; }
.capability-page .system-map .system-card:not(.system-integration){ padding:16px 14px; }
.capability-page .system-map .system-integration .system-card-title svg{ right:calc(100% + 12px); }
}
@media(max-width:370px){.capability-page .system-map .system-card:not(.system-integration){ padding-inline:12px; }
.capability-page .system-map .system-card:not(.system-integration) .system-card-title{ gap:7px; }
.capability-page .system-map .system-card:not(.system-integration) h2{ font-size:16px!important; }
.capability-page .system-card-title svg{ width:24px; height:24px; flex-basis:24px; }
.capability-page .system-map .system-integration .system-card-title svg{ right:calc(100% + 10px); }
}
@media(min-width:741px){.capability-page .system-map{ column-gap:32px; }
}
@media(min-width:1101px) and (max-width:1250px){.capability-page .system-map{ column-gap:24px; }
}
@media(min-width:1800px){.capability-page .system-map{ column-gap:40px; }
}
@media(max-width:740px){.capability-page .system-map{ row-gap:44px; }
}
.capability-page .system-map .capability-map-trigger{
  position:absolute; inset:0; z-index:3;
  width:100%; height:100%; padding:0;
  border:0; border-radius:inherit;
  background:transparent; appearance:none;
  cursor:pointer;
}
.capability-page .system-map .capability-map-trigger:focus-visible{ outline:none; }
.capability-page .system-card:has(.capability-map-trigger:focus-visible),.capability-page .system-endpoint:focus-visible{ outline:2px solid #d7f3ff; outline-offset:4px; }
.capability-page .system-endpoint{ appearance:none; padding:0; font-family:inherit; text-align:center; cursor:pointer; }
.capability-page .system-card,.capability-page .system-endpoint{ scroll-margin-block:12px 18px; }
.capability-page .system-map .capability-map-active{ border-color:rgb(255 255 255 / 95%); }
.capability-page .system-map .system-connection.capability-route-active{ stroke:#d7f3ff; }
.capability-page .system-connection{ transition:stroke .16s ease; }
.capability-map-hint{ display:block; margin-top:5px; font-size:12px; color:rgb(232 241 255 / 65%); }
.capability-page .system-map .capability-route-pulse{
  fill:none; stroke:#d7f3ff; stroke-width:1.15px; opacity:0;
  stroke-linecap:round; stroke-linejoin:round; pointer-events:none;
  animation:capability-connection-pulse .6s ease-in-out 2;
  animation-delay:var(--capability-pulse-offset,0ms);
}
@keyframes capability-connection-pulse{
  0%,100% { opacity:0; }
  50% { opacity:.7; }
}
html.wiz-site:has(.system-map){ scrollbar-gutter:stable; }
.capability-page .capability-detail-panel{
  position:fixed; z-index:60; min-width:0; margin:0; padding:0;
  width:340px; max-width:calc(100vw - 24px); overflow:auto; overscroll-behavior:contain;
  border:1px solid rgb(196 224 255 / 32%); border-radius:14px;
  background:rgb(20 38 76 / 97%); color:#f4f8ff; font-family:var(--font);
  box-shadow:0 14px 44px rgb(0 9 32 / 24%);
  text-align:left; scroll-margin-block:12px;
}
.capability-page .capability-detail-panel[hidden]{ display:none; }
.capability-detail-panel:not([hidden]){ animation:capability-detail-reveal .14s ease-out; }
.capability-detail-top{
  position:sticky; top:0; z-index:1; background:#14264c;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  min-height:48px; padding:4px 6px 0 18px;
}
.capability-page .capability-detail-top h3{
  margin:0; color:#fff; font-size:16px!important; line-height:1.35!important;
  letter-spacing:0!important; font-weight:500;
}
.capability-detail-top h3:focus{ outline:none; }
.capability-detail-close{
  display:grid; place-items:center; flex:0 0 44px;
  width:44px; height:44px; padding:12px;
  border:0; border-radius:9px; background:transparent; color:#d1e5fa;
  cursor:pointer;
}
.capability-detail-close svg{ width:20px; height:20px; stroke:currentColor; stroke-width:1.6; fill:none; }
.capability-detail-close:hover{ background:rgb(216 238 255 / 10%); color:#fff; }
.capability-detail-close:focus-visible{ outline:2px solid #b7e7fa; outline-offset:2px; }
.capability-detail-body{ padding:0 18px 18px; }
.capability-page .capability-detail-panel #capability-detail-summary{
  margin:0; color:rgb(242 248 255 / 91%); font-size:14px; line-height:1.55;
}
@keyframes capability-detail-reveal{ from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce){.capability-page .system-map .capability-route-pulse,.capability-detail-panel:not([hidden]){ animation:none; }
.capability-page .system-connection{ transition:none; }
}
@media(forced-colors:active){.capability-page .system-connection,.capability-page .system-map .system-connection.capability-route-active,.capability-page .system-map .capability-route-pulse{ stroke:CanvasText; }
.capability-detail-panel,.capability-detail-top{ color:CanvasText; background:Canvas; border-color:CanvasText; }
.capability-page .capability-detail-panel p,.capability-page .capability-detail-top h3{ color:CanvasText; }
.capability-detail-close{ color:ButtonText; background:ButtonFace; border:1px solid ButtonText; }
}
.capability-project-proof{ color:#172d36; background:#fff; }
.capability-page .capability-project-proof > .wrap{
  max-width:1256px;
  padding:8px 0 10px;
  border-bottom:1px solid #e1e8ec;
}
.capability-logo-heading{ display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:4px; }
.capability-page .capability-project-proof h2{
  margin:0;
  color:#52636a;
  font-size:13px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  font-weight:400;
}
.capability-logo-window:focus-visible{ outline:2px solid #167ea9; outline-offset:4px; }
.capability-logo-window{
  container-type:inline-size;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.capability-logo-track{
  display:flex;
  width:max-content;
  animation:capability-project-drift 93s linear infinite;
}
.capability-project-proof .capability-logo-group{
  display:flex; flex:0 0 auto; align-items:center; justify-content:space-around;
  min-width:100cqw;
  gap:40px;
  list-style:none;
  margin:0;
  padding:0 40px 0 0;
}
.capability-logo-group li{ flex:0 0 176px; }
.capability-logo-group a{
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:64px; place-items:center;
  width:176px; height:72px; padding:4px 8px;
  text-decoration:none;
  border-radius:8px;
}
.capability-logo-image{ display:grid; place-items:center; width:100%; height:64px; }
.capability-logo-group img{
  display:block; width:var(--capability-logo-width); max-width:100%; height:var(--capability-logo-height); object-fit:contain;
  filter:grayscale(1); opacity:.58;
  transition:filter .25s ease,opacity .25s ease;
}
.capability-logo-group a:focus-visible{ outline:2px solid #167ea9; outline-offset:-2px; }
.capability-logo-group a:focus-visible img{ filter:grayscale(0); opacity:1; }
.capability-project-proof[data-paused="true"] .capability-logo-track{ animation-play-state:paused; }
@media(hover:hover) and (pointer:fine){.capability-logo-window:hover .capability-logo-track{ animation-play-state:paused; }
.capability-logo-group a:hover img{ filter:grayscale(0); opacity:1; }
}
.capability-logo-window:has(.capability-logo-group:not(.capability-logo-clone) a:focus-visible){ overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
.capability-logo-window:has(.capability-logo-group:not(.capability-logo-clone) a:focus-visible) .capability-logo-track{ animation:none; }
.capability-logo-window:has(.capability-logo-group:not(.capability-logo-clone) a:focus-visible) .capability-logo-clone{ display:none; }
@keyframes capability-project-drift{ to { transform:translateX(-50%); } }
.capability-page #capability-work-interstores:target{ outline:2px solid var(--wiz-accent); outline-offset:8px; }
.capability-page .site-company{ padding-top:64px; }
@media(min-width:1800px){.capability-page .capability-project-proof > .wrap{ max-width:var(--atmosphere-wide-width); }
}
@media(max-width:1100px){.capability-page .capability-project-proof > .wrap{ padding-top:8px; }
}
@media(max-width:600px){.capability-page .capability-project-proof > .wrap{ padding-bottom:10px; }
.capability-project-proof .capability-logo-group{ gap:28px; padding-right:28px; }
.capability-logo-group li{ flex-basis:150px; }
.capability-logo-group a{ width:150px; height:72px; padding:4px 8px; }
.capability-page .site-company{ padding-top:48px; }
}
@media(prefers-reduced-motion:reduce), (hover:none) and (pointer:coarse){.capability-logo-window{ overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
.capability-logo-track{ animation:none; }
.capability-project-proof .capability-logo-clone{ display:none; }
.capability-logo-group img{ transition:none; }
}
@media(forced-colors:active){.capability-page .hero-copy h1 strong{ color:CanvasText; }
.capability-project-proof{ color:CanvasText; background:Canvas; }
.capability-page .capability-project-proof > .wrap{ border-color:CanvasText; }
.capability-logo-group img{ opacity:1; }
.capability-logo-window{ -webkit-mask-image:none; mask-image:none; }
}
.wiz-page .capability-logo-track{ margin-left:32px; }
@media(max-width:600px){.wiz-page .capability-logo-track{ margin-left:16px; }
}
.wiz-page .system-map .system-card:not(.system-integration) > p{ text-wrap:balance; }