.scds {
  --scds-max-width: 1280px;
  --scds-red: #ef233c;
  --scds-orange: #f68a22;
  --scds-ink: #343434;
  --scds-muted: #898989;
  --scds-charcoal: #2f2f2f;
  --scds-card-radius: 26px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: var(--scds-ink);
  background: transparent;
  font-family: "Poppins", Arial, sans-serif;
}

@supports (overflow: clip) {
  .scds {
    overflow: clip;
  }
}

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

.scds::before,
.scds::after {
  position: absolute;
  z-index: -1;
  width: min(44vw, 620px);
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  filter: blur(4px);
}

.scds::before {
  top: 17%;
  left: -18%;
  background: radial-gradient(circle, rgba(239, 35, 60, 0.055), transparent 68%);
}

.scds::after {
  right: -17%;
  bottom: 2%;
  background: radial-gradient(circle, rgba(246, 138, 34, 0.07), transparent 68%);
}

.scds--full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}

@supports (width: 100dvw) {
  .scds--full-bleed {
    width: 100dvw;
    max-width: 100dvw;
    margin-inline: calc(50% - 50dvw);
  }
}

.scds__inner {
  position: relative;
  width: min(100%, var(--scds-max-width));
  margin-inline: auto;
  padding: clamp(42px, 5vw, 72px) clamp(28px, 5.2vw, 66px) clamp(56px, 6vw, 84px);
}

.scds__strategy-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(340px, 0.84fr);
  align-items: center;
  gap: clamp(42px, 5vw, 72px);
}

.scds__calendar-block {
  position: relative;
  isolation: isolate;
  min-width: 0;
}

.scds__calendar-glow {
  position: absolute;
  z-index: -1;
  inset: 19% 5% 4%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(239, 35, 60, 0.12), rgba(246, 138, 34, 0.07) 45%, transparent 72%);
  opacity: 0.48;
  filter: blur(34px);
  transform: translateY(10px) scale(0.94);
}

.scds__calendar-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 2400 / 1300;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.scds__calendar-frame::after {
  display: none;
}

/* The dedicated phone composition has larger weekday labels and cells. */
.scds[data-scds-calendar-source="mobile"] .scds__calendar-frame {
  aspect-ratio: 74 / 51;
}

.scds[data-scds-calendar-source="mobile"] .scds__calendar-block {
  width: calc(100% + 16px);
  margin-inline: -8px;
}

.scds__calendar-media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.scds__calendar-media[hidden] {
  display: none !important;
}

.scds__copy {
  align-self: center;
  max-width: 470px;
  min-width: 0;
}

.scds__eyebrow {
  margin: 0 0 14px;
  color: var(--scds-orange);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.scds__heading {
  margin: 0 0 20px;
  color: var(--scds-ink);
  font-size: clamp(42px, 3.75vw, 58px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.scds__description {
  margin: 0;
  color: var(--scds-muted);
  font-size: clamp(17px, 1.35vw, 20px);
  font-weight: 400;
  line-height: 1.62;
}

.scds__description > :first-child {
  margin-top: 0;
}

.scds__description > :last-child {
  margin-bottom: 0;
}

.scds__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  width: min(82%, 900px);
  margin: clamp(34px, 4.5vw, 58px) auto clamp(32px, 4vw, 52px);
}

.scds__flow-line {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 13%;
  left: 13%;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(239, 35, 60, 0.12);
  transform: translateY(-50%);
}

.scds__flow-line span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--scds-red), var(--scds-orange), var(--scds-red));
  transform-origin: left center;
}

.scds__flow-step {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 10px;
  min-width: 134px;
  padding: 9px 15px 9px 10px;
  border: 1px solid rgba(239, 35, 60, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(47, 47, 47, 0.07);
  color: var(--scds-ink);
}

.scds__flow-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--scds-red), var(--scds-orange));
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.scds__flow-step strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.scds__dashboard {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.87fr) minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: 0;
  min-height: 430px;
  margin-top: -10px;
  padding: 64px 28px 70px;
}

.scds__card-stage {
  --scds-stage-x: 0px;
  --scds-stage-y: 0px;
  --scds-stage-scale: 1;
  --scds-stage-rotation: 0deg;
  position: relative;
  min-width: 0;
  transform: translate3d(var(--scds-stage-x), var(--scds-stage-y), 0)
    scale(var(--scds-stage-scale)) rotate(var(--scds-stage-rotation));
  transform-origin: center center;
}

.scds__card-stage--stats {
  z-index: 2;
  margin-right: -14px;
  transform-origin: right center;
}

.scds__card-stage--management {
  z-index: 4;
  margin-inline: -4px;
  transform-origin: center center;
}

.scds__card-stage--engagement {
  z-index: 3;
  margin-left: -14px;
  transform-origin: left center;
}

.scds__card {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 322px;
  border-radius: var(--scds-card-radius);
}

.scds__management-card {
  min-height: 356px;
}

.scds__stats-card,
.scds__engagement-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-items: stretch;
  min-height: 338px;
}

.scds__stats-card {
  padding: clamp(26px, 2.4vw, 34px);
  border: 1px solid rgba(239, 35, 60, 0.11);
  background:
    radial-gradient(circle at 100% 0%, rgba(246, 138, 34, 0.1), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 247, 0.95));
  box-shadow: 0 20px 48px rgba(47, 47, 47, 0.09);
}

.scds__card-pill,
.scds__engagement-heading {
  place-self: start center;
  margin: 0 0 24px;
  padding: 10px 17px;
  border: 2px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(95deg, #ff6b1a, #f33a2b) padding-box,
    linear-gradient(95deg, #ff9a24, #ef233c) border-box;
  box-shadow: 0 8px 18px rgba(239, 35, 60, 0.18);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.035em;
  text-align: center;
  text-transform: uppercase;
}

.scds__metrics {
  display: grid;
  align-self: center;
  gap: 14px;
  width: 100%;
}

.scds__metric {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  color: var(--scds-red);
  font-weight: 800;
}

.scds__metric-label {
  min-width: 0;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.scds__metric-value {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--scds-red);
  font-size: clamp(25px, 2vw, 31px);
  font-variant-numeric: tabular-nums lining-nums;
  line-height: 1;
  letter-spacing: -0.045em;
}

.scds__trend {
  display: inline-block;
  margin-left: 6px;
  color: #ff7a66;
  font-size: 0.9em;
  transform-origin: center bottom;
}

.scds__management-card {
  padding: clamp(28px, 2.7vw, 40px);
  border: 2px solid transparent;
  background:
    linear-gradient(var(--scds-charcoal), var(--scds-charcoal)) padding-box,
    linear-gradient(135deg, var(--scds-orange), var(--scds-red)) border-box;
  box-shadow: 0 24px 54px rgba(35, 35, 35, 0.18);
  color: #fff;
}

.scds__management-card::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 100% 0%, rgba(246, 138, 34, 0.12), transparent 38%);
  content: "";
  pointer-events: none;
}

.scds__management-heading {
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  color: var(--scds-orange);
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.scds__services {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.scds__services li {
  position: relative;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.96);
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.3;
}

.scds__services li::before {
  position: absolute;
  top: 0.58em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--scds-orange), var(--scds-red));
  content: "";
  transform: translateY(-50%);
}

.scds__engagement-card {
  padding: clamp(26px, 2.4vw, 34px);
  border: 1px solid rgba(60, 60, 60, 0.08);
  background:
    radial-gradient(circle at 0% 100%, rgba(239, 35, 60, 0.06), transparent 44%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 20px 48px rgba(47, 47, 47, 0.09);
}

.scds__engagement-heading {
  max-width: 100%;
}

.scds__engagement-float {
  align-self: center;
  width: 100%;
  transform-origin: center center;
}

.scds__engagement-float img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  filter: drop-shadow(0 16px 22px rgba(47, 47, 47, 0.1));
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.scds__reaction {
  --scds-reaction-x: 0px;
  --scds-reaction-y: 0px;
  --scds-reaction-scale: 1;
  --scds-reaction-rotation: 0deg;
  --scds-reaction-opacity: 1;
  position: absolute;
  z-index: 4;
  width: var(--scds-reaction-size);
  opacity: var(--scds-reaction-opacity);
  pointer-events: none;
  transform: translate3d(var(--scds-reaction-x), var(--scds-reaction-y), 0)
    scale(var(--scds-reaction-scale)) rotate(var(--scds-reaction-rotation));
  transform-origin: center center;
}

.scds__reaction img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  filter: drop-shadow(0 14px 16px rgba(47, 47, 47, 0.16));
  user-select: none;
  -webkit-user-drag: none;
}

.scds__reaction-float {
  width: 100%;
  transform-origin: center center;
}

.scds__reaction-reveal {
  width: 100%;
  transform-origin: center center;
}

.scds__reaction--heart-left {
  --scds-reaction-size: 72px;
  top: -5px;
  left: 0;
}

.scds__reaction--heart-right {
  --scds-reaction-size: 78px;
  top: -10px;
  right: 0.5%;
}

.scds__reaction--like-stats {
  --scds-reaction-size: 58px;
  bottom: -2px;
  left: 3.5%;
}

.scds__reaction--like-left {
  --scds-reaction-size: 76px;
  bottom: -8px;
  left: 42%;
}

.scds__reaction--like-right {
  --scds-reaction-size: 58px;
  right: 3.5%;
  bottom: 0;
}

/* Strategy and dashboard choreography are observed separately so nothing pops off-screen. */
.scds.is-motion-arming .scds__reveal,
.scds.is-motion-arming .scds__dashboard-reveal,
.scds.is-motion-arming .scds__flow-step,
.scds.is-motion-arming .scds__flow-line span {
  transition: none !important;
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal {
  opacity: 0;
  transition:
    opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal--calendar {
  transform: translate3d(-38px, 20px, 0) scale(0.98);
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal--copy {
  transform: translate3d(38px, 20px, 0);
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal--flow {
  transform: translate3d(0, 22px, 0);
}

.scds.is-ready[data-enable-intro="true"] .scds__flow-line span {
  transform: scaleX(0);
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1) 280ms;
}

.scds.is-ready[data-enable-intro="true"] .scds__flow-step {
  opacity: 0;
  transform: translate3d(0, 14px, 0) scale(0.94);
  transition:
    opacity 500ms ease,
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal--copy {
  transition-delay: 90ms;
}

.scds.is-ready[data-enable-intro="true"] .scds__reveal--flow {
  transition-delay: 230ms;
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__flow-line span {
  transform: scaleX(1);
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__flow-step {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__flow-step--1 {
  transition-delay: 360ms;
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__flow-step--2 {
  transition-delay: 470ms;
}

.scds.is-ready[data-enable-intro="true"].is-in-view .scds__flow-step--3 {
  transition-delay: 580ms;
}

/* One transform per panel. All inner content travels with its panel. */
.scds__dashboard-reveal { opacity: 1; transform: none; }
.scds__card-stage,
.scds__reaction { will-change: auto; }
.scds.is-dashboard-active .scds__card-stage { will-change: transform, opacity; }
.scds.is-dashboard-active .scds__reaction { will-change: transform, opacity; }
.scds [data-scds-counter] { display: inline-block; text-align: right; font-variant-numeric: tabular-nums; }

/* Idle motion starts at the neutral pose and pauses outside the viewport. */
.scds[data-enable-idle-motion="true"] .scds__reaction-float {
  animation: scds-float 5.8s ease-in-out infinite;
  animation-play-state: paused;
}
.scds[data-enable-idle-motion="true"] .scds__reaction--heart-right .scds__reaction-float { animation-duration: 6.4s; }
.scds[data-enable-idle-motion="true"] .scds__reaction--like-stats .scds__reaction-float { animation-duration: 5.2s; }
.scds[data-enable-idle-motion="true"] .scds__reaction--like-left .scds__reaction-float { animation-duration: 6.8s; }
.scds[data-enable-idle-motion="true"] .scds__reaction--like-right .scds__reaction-float { animation-duration: 6s; }
.scds[data-enable-idle-motion="true"] .scds__engagement-float {
  animation: scds-comment-float 7s ease-in-out infinite;
  animation-play-state: paused;
}
.scds[data-enable-idle-motion="true"].is-dashboard-active .scds__reaction-float,
.scds[data-enable-idle-motion="true"].is-dashboard-active .scds__engagement-float { animation-play-state: running; }
.scds[data-enable-idle-motion="true"] .scds__calendar-glow {
  animation: scds-glow-breathe 6s ease-in-out infinite;
  animation-play-state: paused;
}
.scds[data-enable-idle-motion="true"].is-calendar-active .scds__calendar-glow { animation-play-state: running; }
@keyframes scds-float {
  0%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
  25% { transform: translate3d(2px,-5px,0) rotate(1.5deg); }
  75% { transform: translate3d(-2px,3px,0) rotate(-1deg); }
}
@keyframes scds-comment-float {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-3px,0); }
}
@keyframes scds-glow-breathe {
  0%, 100% { opacity: .4; }
  50% { opacity: .55; }
}

@media (max-width: 1180px) {
  .scds__strategy-grid {
    grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr);
    gap: 42px;
  }

  .scds__heading {
    font-size: clamp(40px, 4vw, 49px);
  }

  .scds__dashboard {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    min-height: 720px;
    padding: 68px 24px 64px;
  }

  .scds__card-stage--stats {
    margin-right: -11px;
  }

  .scds__card-stage--management {
    margin-right: 0;
    margin-left: -10px;
  }

  .scds__card-stage--engagement {
    grid-column: 1 / -1;
    z-index: 5;
    width: min(76%, 690px);
    margin: -36px auto 0;
    justify-self: center;
    transform-origin: center top;
  }

  .scds__engagement-card {
    min-height: 250px;
    padding-inline: clamp(70px, 12vw, 150px);
  }

  .scds__engagement-float {
    width: min(100%, 650px);
    margin-inline: auto;
  }

  .scds__reaction--like-left {
    left: 43%;
  }
}

@media (max-width: 1024px) {
  .scds__inner {
    padding: 46px 40px 70px;
  }

  .scds__strategy-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .scds__calendar-block {
    width: min(100%, 820px);
    margin-inline: auto;
  }

  .scds__copy {
    width: min(100%, 720px);
    max-width: none;
    margin-inline: auto;
    text-align: center;
  }

  .scds__description {
    width: min(100%, 640px);
    margin-inline: auto;
  }

  .scds__flow {
    width: min(100%, 760px);
  }
}

@media (max-width: 767px) {
  .scds__inner {
    padding: 34px 20px 54px;
  }

  .scds__strategy-grid {
    gap: 28px;
  }

  .scds__calendar-block {
    width: 112%;
    margin-inline: -6%;
  }

  .scds__calendar-frame {
    border-radius: 16px;
  }

  .scds__copy {
    text-align: left;
  }

  .scds__eyebrow {
    margin-bottom: 11px;
    font-size: 12px;
  }

  .scds__heading {
    margin-bottom: 16px;
    font-size: clamp(35px, 10.5vw, 44px);
    line-height: 1.04;
  }

  .scds__description {
    font-size: 17px;
    line-height: 1.55;
  }

  .scds__flow {
    width: 100%;
    margin: 34px auto 30px;
  }

  .scds__flow-line {
    right: 16%;
    left: 16%;
  }

  .scds__flow-step {
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .scds__flow-number {
    width: 34px;
    height: 34px;
    box-shadow: 0 6px 14px rgba(239, 35, 60, 0.18);
  }

  .scds__flow-step strong {
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    font-size: 10px;
  }

  .scds__dashboard {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    margin-top: 0;
    padding: 50px 0 42px;
  }

  .scds__card-stage--stats,
  .scds__card-stage--management,
  .scds__card-stage--engagement {
    grid-column: 1;
    width: auto;
    justify-self: stretch;
  }

  .scds__card-stage--stats {
    z-index: 2;
    margin: 0 12px 0 0;
    transform-origin: center bottom;
  }

  .scds__card-stage--management {
    z-index: 4;
    margin: -16px 0 0 12px;
    transform-origin: center center;
  }

  .scds__card-stage--engagement {
    z-index: 3;
    margin: -14px 10px 0 0;
    transform-origin: center top;
  }

  .scds__card {
    min-height: 0;
    border-radius: 22px;
  }

  .scds__stats-card,
  .scds__management-card,
  .scds__engagement-card {
    padding: 27px 24px;
  }

  .scds__card-pill,
  .scds__engagement-heading {
    margin-bottom: 22px;
    font-size: 12px;
  }

  .scds__metric-label {
    font-size: 17px;
  }

  .scds__metric-value {
    font-size: 29px;
  }

  .scds__management-heading {
    margin-bottom: 22px;
    font-size: 32px;
  }

  .scds__services {
    gap: 12px 22px;
  }

  .scds__services li {
    font-size: 17px;
  }

  .scds__engagement-card {
    min-height: 260px;
  }

  .scds__reaction--heart-left,
  .scds__reaction--like-stats,
  .scds__reaction--like-left {
    display: none;
  }

  .scds__reaction--heart-right {
    --scds-reaction-size: 62px;
    top: 8px;
    right: -7px;
  }

  .scds__reaction--like-right {
    --scds-reaction-size: 52px;
    right: -4px;
    bottom: -8px;
  }

  .scds.is-ready[data-enable-intro="true"] .scds__reveal--calendar,
  .scds.is-ready[data-enable-intro="true"] .scds__reveal--copy {
    transform: translate3d(0, 26px, 0) scale(0.985);
  }
}

@media (max-width: 420px) {
  .scds__inner {
    padding-inline: 18px;
  }

  .scds__stats-card,
  .scds__management-card,
  .scds__engagement-card {
    padding-inline: 21px;
  }

  .scds__metric {
    gap: 8px;
  }

  .scds__metric-label {
    font-size: 16px;
  }

  .scds__metric-value {
    font-size: 26px;
  }

  .scds__services {
    gap: 11px 16px;
  }

  .scds__services li {
    padding-left: 12px;
    font-size: 16px;
  }
}

@media (max-width: 350px) {
  .scds__services {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  .scds__management-card {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scds,
  .scds *,
  .scds *::before,
  .scds *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }

  .scds .scds__reveal,
  .scds .scds__flow-step,
  .scds .scds__dashboard-reveal,
  .scds .scds__card-pill,
  .scds .scds__management-heading,
  .scds .scds__engagement-heading,
  .scds .scds__engagement-art,
  .scds .scds__metric,
  .scds .scds__services li {
    opacity: 1 !important;
    transform: none !important;
  }

  .scds .scds__card-stage {
    transform: none !important;
  }

  .scds .scds__reaction {
    opacity: 1 !important;
    transform: none !important;
  }

  .scds .scds__flow-line span {
    transform: scaleX(1) !important;
  }
}
