/* [project]/src/app/datasap/datasap.css [app-client] (css) */
.datapage {
  --blue: #145dde;
  --btn: #145dde;
  --deep: #071f3a;
  --text: #14243a;
  --labelSize: 14px;
  color: var(--text);
  background: #fff;
  min-height: 100vh;
  font-family: Plus Jakarta Sans, sans-serif;
  overflow-x: clip;
}

.datapage *, .datapage :before, .datapage :after {
  box-sizing: border-box;
}

.datapage button, .datapage input {
  font: inherit;
}

.datapage > section + section {
  margin-top: 65px;
}

.datahero {
  color: #fff;
  background: #071f3a;
  min-height: 465px;
  position: relative;
  overflow: hidden;
}

.dataheroImage {
  filter: saturate(.8);
  background-image: url("/assets/images/banner11.jpg");
  background-position: 50% 44%;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.dataheroShade {
  background: linear-gradient(90deg, #031c36f5 0%, #031c36d4 39%, #031c362e 78%), linear-gradient(0deg, #0000002e, #0000);
  position: absolute;
  inset: 0;
}

.dataheroContent {
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 30px 34px;
  position: relative;
}

.datahero h1 {
  letter-spacing: -1px;
  margin: 0 0 10px;
  font-size: 66px;
  font-weight: 800;
  line-height: 1.08;
}

.dataheroLead {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
}

.dataheroSub {
  color: #f4f8fb;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

.dataheroButtons {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  display: flex;
}

.datapage .dataprimaryBtn, .datapage .dataoutlineBtn {
  text-transform: none;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  transition: transform .25s, box-shadow .25s;
  display: inline-flex;
  color: #fff !important;
  background: #145dde !important;
  border: 1px solid #145dde !important;
  border-radius: 999px !important;
  margin: 0 !important;
  padding: 14px 28px !important;
}

.datapage .dataoutlineBtn {
  transition: transform .25s, box-shadow .25s, background-color .25s, color .25s;
  color: #145dde !important;
  background: #fff !important;
  border: 1px solid #145dde !important;
}

.datapage .dataoutlineBtn:hover {
  color: #fff !important;
  background: #145dde !important;
  border-color: #145dde !important;
}

.datapage .dataprimaryBtn:hover, .datapage .dataoutlineBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #145dde59;
}

.datapage .dataprimaryBtn:hover, .datapage .dataprimaryBtn:focus, .datapage .dataprimaryBtn:active, .datapage .dataoutlineBtn:hover, .datapage .dataoutlineBtn:focus, .datapage .dataoutlineBtn:active {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.datastockPanel {
  z-index: 3;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(140deg, #315c7db5, #173b5edb);
  border: 1px solid #a9c9df80;
  border-radius: 0;
  width: 255px;
  padding: 16px 18px;
  position: absolute;
  top: 42px;
  right: 7%;
  box-shadow: 0 12px 35px #0004;
}

.datapanelTop {
  font-size: var(--labelSize);
  justify-content: space-between;
  display: flex;
}

.datapanelTop strong {
  color: #fff;
  font-size: 18px;
}

.datastockRow {
  font-size: var(--labelSize);
  justify-content: space-between;
  margin-top: 14px;
  display: flex;
}

.datastockRow b {
  font-size: 18px;
}

.datastockRow i {
  background: #ff6b75;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  font-size: 9px;
  font-style: normal;
  display: inline-flex;
}

.datazero {
  color: #ffacb2;
}

.datagreen {
  color: #a6efcf;
}

.dataavoid {
  font-size: var(--labelSize);
  border-top: 1px solid #ffffff28;
  margin-top: 15px;
  padding-top: 12px;
}

.dataavoid strong {
  color: #fff;
  margin-top: 3px;
  font-size: 18px;
  display: block;
}

.datapanelBtn {
  color: #fff;
  cursor: pointer;
  background: #145dde;
  border: 0;
  border-radius: 0;
  width: 100%;
  margin-top: 10px;
  padding: 9px;
  font-weight: 700;
}

.datavalueSection, .datafinder, .datafourWays, .datatrusted {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 68px 34px;
}

.datavalueSection {
  padding: 50px 34px;
}

.datasectionHead {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.datasectionHead h2, .datafourWays h2 {
  margin: 0 0 40px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.25;
}

.datafourWays h2 {
  margin-bottom: 40px;
}

.datasectionHead a {
  font-size: var(--labelSize);
  color: var(--blue);
  white-space: nowrap;
  font-weight: 600;
  text-decoration: none;
}

.datavalueGrid {
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.datavalueCard {
  color: #17314d;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe4eb;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 68px;
  transition: all .2s;
  display: flex;
}

.datavalueCard:hover, .datavalueCard.dataselected {
  border-color: #7fa6c7;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px #183c5d14;
}

.datavalueIcon {
  color: var(--blue);
  line-height: 1;
}

.datavalueIcon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.datavalueCard span:last-child {
  font-size: var(--labelSize);
  color: #000;
  font-weight: 700;
}

.datametrics {
  background: #f1f7fb;
  border-top: 1px solid #e4edf4;
  border-bottom: 1px solid #e4edf4;
}

.datametricsInner {
  text-align: center;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 34px;
  display: grid;
}

.datametricsInner div {
  border-right: 1px solid #dce7ef;
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.datametricsInner div:last-child {
  border: 0;
}

.datametricsInner strong {
  color: #145dde;
  font-size: 28px;
}

.datametricsInner span {
  color: #2f3e4d;
  font-size: 12px;
}

.datafinder {
  padding: 32px 34px 28px;
}

.datafinder .datasectionHead p {
  font-size: var(--labelSize);
  color: #000;
  margin: 0 0 24px;
  line-height: 1.6;
}

.datawatch {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: inline-flex;
}

.datawatch svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.datafinderGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.datafinderCard {
  background: #fff;
  border: 1px solid #e3e8ed;
  border-radius: 0;
  min-width: 0;
  padding-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 3px 13px #163a5d08;
}

.datamockScreen {
  background: linear-gradient(#f8fafb, #edf2f5);
  border: 1px solid #d9e2e9;
  border-radius: 0;
  height: 140px;
  margin: 7px;
  padding: 12px;
  position: relative;
  overflow: hidden;
}

.datamockScreen.dataphotoScreen {
  padding: 0;
}

.datamockPhoto {
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dataplayOverlay {
  width: 42px;
  height: 42px;
  color: var(--blue);
  background: #fff;
  border-radius: 50%;
  place-items: center;
  display: grid;
  box-shadow: 0 6px 16px #03142859;
}

.dataplayOverlay svg {
  width: 20px;
  height: 20px;
}

.dataactionScreen {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 12px;
  display: grid;
}

.dataavoidBox {
  font-size: var(--labelSize);
  color: #000;
  grid-column: 1 / -1;
  font-weight: 800;
}

.datamaterial, .datasaving {
  color: #647587;
  background: #fff;
  border: 1px solid #e0e8ef;
  border-radius: 0;
  min-width: 0;
  padding: 8px;
  font-size: 10px;
}

.datamaterial b, .datasaving b {
  color: #183e62;
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.datasaving b {
  color: #39a568;
}

.datafinderCard h3 {
  color: #18314b;
  margin: 3px 12px 6px;
  font-size: 13px;
  line-height: 1.5;
}

.datafinderCard p {
  font-size: var(--labelSize);
  color: #000;
  margin: 0 12px;
  line-height: 1.45;
}

.datafourWays {
  padding: 22px 34px 25px;
}

.datawaysGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  display: grid;
}

.dataway {
  border-radius: 0;
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 96px;
  padding: 13px 14px;
  display: flex;
}

.dataway > span {
  color: #fff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 21px;
  display: grid;
}

.dataway > span svg {
  width: 20px;
  height: 20px;
}

.dataway div {
  flex: 1;
  min-width: 0;
}

.dataway b {
  font-size: 13px;
}

.dataway p {
  font-size: var(--labelSize);
  color: #000;
  margin: 7px 0 0;
  line-height: 1.35;
}

.dataway > span:last-child {
  color: inherit;
  background: none;
  font-size: 19px;
}

.datasave {
  background: #e9f8ed;
}

.datasave > span {
  background: #17ad69;
}

.datasave b {
  color: #23945e;
}

.datarelease {
  background: #e8f2ff;
}

.datarelease > span {
  background: #145dde;
}

.datarelease b {
  color: #145dde;
}

.datagrow {
  background: #fff0e8;
}

.datagrow > span {
  background: #f17828;
}

.datagrow b {
  color: #ce6425;
}

.dataprotect {
  background: #f0e8ff;
}

.dataprotect > span {
  background: #7c43cf;
}

.dataprotect b {
  color: #7440be;
}

.datatrusted {
  padding: 22px 34px 28px;
}

.datalogos {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  align-items: center;
  gap: 16px;
  margin: 10px 0 24px;
  display: grid;
}

.datacustomerLogo {
  text-align: center;
  color: #145dde;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.datacustomerLogo img {
  object-fit: contain;
  filter: grayscale(.4);
  opacity: .85;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 48px;
  transition: filter .25s, opacity .25s;
}

.datacustomerLogo img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.datatestimonial {
  background: #f4f7fa;
  border: 1px solid #e5eaef;
  border-radius: 0;
  align-items: center;
  gap: 20px;
  min-height: 105px;
  padding: 10px 18px;
  display: flex;
}

.dataavatar {
  color: #1d3c5b;
  background: linear-gradient(145deg, #e4c6a9, #fff);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 74px;
  height: 74px;
  font-size: 18px;
  font-weight: 800;
  display: grid;
}

.dataquote {
  color: #273c50;
  flex: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 1.45;
}

.dataquote small {
  color: #000;
  font-weight: 700;
  font-size: var(--labelSize);
  margin-top: 7px;
  display: block;
}

.dataslider {
  font-size: var(--labelSize);
  color: #000;
  white-space: nowrap;
}

.dataslider:first-letter {
  color: #233f5c;
}

.datacta {
  isolation: isolate;
  color: #fff;
  text-align: left;
  background: #071b35;
  align-items: center;
  min-height: 330px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.datamountain {
  z-index: -2;
  background-image: url("/assets/images/more-than-implementation.jpg");
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.datacta:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #071b35fa 0%, #071b35e6 43%, #071b357a 72%, #071b352e 100%);
  position: absolute;
  inset: 0;
}

.datactaInner {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  max-width: 1440px;
  min-height: 330px;
  margin: 0 auto;
  padding: clamp(36px, 6vw, 48px) 34px;
  display: flex;
  position: relative;
}

.datactaCopy {
  flex: none;
  width: min(100%, 850px);
  max-width: 72%;
  margin-bottom: 26px;
}

.datacta h2 {
  letter-spacing: -.5px;
  color: #fff;
  max-width: 850px;
  margin: 0 0 18px;
  font-size: clamp(26px, 4.4vw, 42px);
  font-weight: 800;
  line-height: 1.12;
}

.datactaCopy p {
  color: #fff;
  max-width: 760px;
  margin: 0;
  font-size: clamp(15px, 1.8vw, 16px);
  line-height: 1.65;
}

.dataask {
  background: #ffffff0f;
  border: 1px solid #fff3;
  border-radius: 0;
  width: min(100%, 560px);
  padding: 14px 16px;
}

.dataask h3 {
  color: #fff;
  margin: 0 0 8px;
  font-size: 14px;
}

.datasearchBox {
  background: #fff;
  border-radius: 999px;
  align-items: center;
  padding: 4px 4px 4px 6px;
  display: flex;
  overflow: hidden;
}

.datasearchBox input {
  min-width: 0;
  font-size: var(--labelSize);
  color: #000;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 9px 14px;
}

.datasearchBox button {
  background: var(--btn);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
  font-size: 19px;
  transition: transform .25s, background .25s;
}

.datasearchBox button:hover {
  background: #145dde;
  transform: scale(1.08);
}

.datachips {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.datachips button {
  color: #fff;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff59;
  border-radius: 14px;
  padding: 5px 10px;
  font-size: 11px;
  transition: background .2s, border-color .2s;
}

.datachips button:hover {
  background: #ffffff29;
  border-color: #fff;
}

@media (max-width: 1100px) {
  .datahero h1 {
    font-size: 52px;
  }

  .datavalueGrid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .datavalueCard:last-child {
    grid-column: span 2;
  }

  .datalogos {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .datawaysGrid, .datafinderGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .datactaCopy {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .datahero h1 {
    font-size: 44px;
  }

  .datacta:after {
    background: linear-gradient(90deg, #071b35f5 0%, #071b35d1 100%);
  }

  .datasectionHead h2, .datafourWays h2 {
    font-size: 30px;
  }
}

@media (max-width: 700px) {
  .datapage > section + section {
    margin-top: 30px;
  }

  .datahero {
    height: auto;
    min-height: 0;
  }

  .dataheroImage {
    background-position: 63%;
  }

  .dataheroShade {
    background: linear-gradient(90deg, #031c36f5 0%, #031c36db 58%, #031c36a6 100%), linear-gradient(0deg, #031c3666, #0000);
  }

  .dataheroContent {
    padding: 30px 20px;
  }

  .datahero h1 {
    letter-spacing: -.7px;
    overflow-wrap: break-word;
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 1.2;
  }

  .dataheroLead {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.3;
  }

  .dataheroSub {
    font-size: 15px;
    line-height: 1.65;
  }

  .dataheroSub br {
    display: none;
  }

  .dataheroButtons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 20px;
  }

  .datapage .dataprimaryBtn, .datapage .dataoutlineBtn {
    white-space: normal;
    width: 100%;
    min-height: 46px;
    font-size: 14px;
    padding: 12px 16px !important;
  }

  .datavalueSection, .datafinder, .datafourWays, .datatrusted {
    padding: 24px 20px;
  }

  .datavalueSection {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .datasectionHead h2, .datafourWays h2 {
    letter-spacing: -.4px;
    overflow-wrap: break-word;
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1.3;
  }

  .datasectionHead {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .datasectionHead a {
    white-space: normal;
    font-size: 13px;
    line-height: 1.5;
  }

  .datavalueGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .datavalueCard {
    min-height: 72px;
    padding: 10px 5px;
  }

  .datavalueCard:last-child {
    grid-column: auto;
  }

  .datavalueCard span:last-child {
    font-size: 12px;
  }

  .datavalueIcon svg {
    width: 21px;
    height: 21px;
  }

  .datametricsInner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 10px;
    padding: 24px 16px;
  }

  .datametricsInner div {
    border-right: 1px solid #dce7ef;
    padding: 5px;
  }

  .datametricsInner div:nth-child(2n) {
    border-right: 0;
  }

  .datametricsInner strong {
    font-size: 25px;
  }

  .datametricsInner span {
    font-size: 12px;
    line-height: 1.5;
  }

  .datafinder .datasectionHead p {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.65;
  }

  .datawatch {
    white-space: normal;
    font-size: 13px;
  }

  .datafinderGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .datafinderCard {
    min-width: 0;
  }

  .datamockScreen {
    height: 115px;
    padding: 8px;
  }

  .datafinderCard h3 {
    margin: 8px 10px 6px;
    font-size: 13px;
    line-height: 1.45;
  }

  .datafinderCard p {
    margin: 0 10px 10px;
    font-size: 12px;
    line-height: 1.55;
  }

  .dataactionScreen {
    gap: 5px;
    padding: 8px;
  }

  .dataavoidBox {
    font-size: 11px;
    line-height: 1.4;
  }

  .datamaterial, .datasaving {
    overflow-wrap: anywhere;
    padding: 5px;
    font-size: 9px;
  }

  .datamaterial b, .datasaving b {
    font-size: 10px;
  }

  .datafourWays {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .datafourWays h2 {
    margin-bottom: 20px;
  }

  .datawaysGrid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .dataway {
    gap: 12px;
    min-height: 82px;
    padding: 14px;
  }

  .dataway p {
    font-size: 13px;
    line-height: 1.5;
  }

  .datalogos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0 24px;
  }

  .datacustomerLogo {
    min-height: 48px;
    padding: 5px;
  }

  .datacustomerLogo img {
    max-width: 100%;
    max-height: 40px;
  }

  .datatestimonial {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 18px;
  }

  .dataavatar {
    width: 48px;
    height: 48px;
    font-size: 14px;
  }

  .dataquote {
    font-size: 13px;
    line-height: 1.65;
  }

  .dataquote br {
    display: none;
  }

  .dataslider {
    font-size: 13px;
  }

  .datacta {
    min-height: 0;
  }

  .datamountain {
    background-position: 60%;
  }

  .datacta:after {
    background: linear-gradient(90deg, #071b35f5, #071b35c7);
  }

  .datactaInner {
    gap: 0;
    min-height: 0;
    padding: 30px 20px;
  }

  .datactaCopy {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  .datacta h2 {
    letter-spacing: -.3px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.35;
  }

  .datactaCopy p {
    font-size: 14px;
    line-height: 1.6;
  }

  .dataask {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .dataheroContent {
    padding: 26px 16px;
  }

  .datahero h1 {
    font-size: 32px;
  }

  .datavalueSection, .datafinder, .datafourWays, .datatrusted {
    padding-left: 16px;
    padding-right: 16px;
  }

  .datavalueGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .datafinderGrid {
    grid-template-columns: 1fr;
  }

  .datamockScreen {
    height: 155px;
  }

  .datactaInner {
    padding: 26px 16px;
  }
}

@keyframes dataHeroIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.datahero h1, .dataheroLead, .dataheroSub, .dataheroButtons, .datastockPanel {
  opacity: 0;
  animation: .8s cubic-bezier(.22, 1, .36, 1) forwards dataHeroIn;
  transform: translateY(18px);
}

.datahero h1 {
  animation-delay: .1s;
}

.dataheroLead {
  animation-delay: .22s;
}

.dataheroSub {
  animation-delay: .32s;
}

.dataheroButtons {
  animation-delay: .42s;
}

.datastockPanel {
  animation-delay: .55s;
}

.datareveal {
  opacity: 0;
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
  transform: translateY(28px);
}

.datareveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.datastagger > * {
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  transform: translateY(22px);
}

.datastagger.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

.datastagger.is-visible > :first-child {
  transition-delay: 20ms;
}

.datastagger.is-visible > :nth-child(2) {
  transition-delay: 60ms;
}

.datastagger.is-visible > :nth-child(3) {
  transition-delay: .1s;
}

.datastagger.is-visible > :nth-child(4) {
  transition-delay: .14s;
}

.datastagger.is-visible > :nth-child(5) {
  transition-delay: .18s;
}

.datastagger.is-visible > :nth-child(6) {
  transition-delay: .22s;
}

@media (prefers-reduced-motion: reduce) {
  .datapage .dataprimaryBtn:hover, .datapage .dataoutlineBtn:hover {
    transform: none;
  }

  .datahero h1, .dataheroLead, .dataheroSub, .dataheroButtons, .datastockPanel, .datareveal, .datastagger > * {
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/*# sourceMappingURL=src_app_datasap_datasap_1xyz3fa.css.map*/