/**
 * Viewport scrollbar – DataFields navy + accent cyan (mockup-1 palette).
 * Firefox: scrollbar-width / scrollbar-color; Chromium/Safari: ::-webkit-scrollbar*
 */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 149, 219, 0.85) rgba(21, 37, 88, 0.12);
}

html::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

html::-webkit-scrollbar-track {
  background: linear-gradient(
    180deg,
    rgba(21, 37, 88, 0.16) 0%,
    rgba(21, 37, 88, 0.07) 100%
  );
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

html::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(0, 175, 242, 0.95) 0%,
    rgba(0, 149, 219, 0.7) 45%,
    rgba(0, 118, 180, 0.9) 100%
  );
  border-radius: 100px;
  border: 3px solid rgba(8, 14, 32, 0.32);
  box-shadow:
    0 0 14px rgba(0, 149, 219, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    #33c4ff 0%,
    #0095db 40%,
    #0076ad 100%
  );
  box-shadow:
    0 0 22px rgba(0, 149, 219, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

html::-webkit-scrollbar-corner {
  background: rgba(21, 37, 88, 0.08);
}



#datacenter-as-a-service .solutions-split-pod__copy {
  order: 2;
}

#datacenter-as-a-service .solutions-split-pod__visual {
  order: 1;
  align-items: flex-start; /* statt center */

}